.modal-active {
    overflow: hidden;
}

/* SCROLL BAR MODAL */
::-webkit-scrollbar {
    background-color:#fff;
    width:16px
}

::-webkit-scrollbar-track {
    background-color:#fff
}

::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:4px solid #fff
}

::-webkit-scrollbar-button {
    display:none
}
/* SCROLL BAR MODAL */

@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@keyframes zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
.modal-add-lecturer .modal-background-seminardd .modal {
    background: white;
    padding: 50px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    position: relative;
}

.modal-add-lecturer .modal-background-seminardd .modal h2 {
    font-size: 25px;
    text-align: left;
    margin-top: -35px;
}

.close-modal-seminardd {
    margin-top: -20px;
    margin-right: -18px;
}

.close-modal-seminardd > a {
    float: right;
    color: #7d7d7d;
    text-decoration: none;
}

.close-modal-seminardd > a:hover {
    color: black;
    font-weight: bold;
}

#search-lecturer-modal {
    padding: 15px;
    width: 100%;
    border-radius: 8px;
    outline: 0;
    font-size: 20px;
    font-family: 'kanit', sans-serif;
    border: solid 2px #d1d1d1;
}


.top-modal-search {
    height: 90px;
    border-bottom: 2px solid #d1d1d1;
}

.top-modal  {
    height: 45px;
    text-align: left;
    font-size: 24px;
    font-family: 'kanit','sans-serif';
    border-bottom: 2px solid #d1d1d1;
}
.top-modal-search > small{
    font-size: 14px;
}

.body-modal-choose-lecturer {
    display: flex;
}

.body-modal-choose-lecturer > .left-lecturer {
    width: 62%;
    height: 325px;
    overflow: auto;
}

.body-modal-choose-lecturer > .right-lecturer {
    width: 37%;
    height: 325px;
    overflow: auto;
}

.body-modal-choose-lecturer > .left-lecturer::-webkit-scrollbar-track, .body-modal-choose-lecturer > .right-lecturer::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.body-modal-choose-lecturer > .left-lecturer::-webkit-scrollbar, .body-modal-choose-lecturer > .right-lecturer::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.body-modal-choose-lecturer > .left-lecturer::-webkit-scrollbar-thumb, .body-modal-choose-lecturer > .right-lecturer::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}

.body-modal-choose-lecturer > .left-lecturer > h2 {
    text-align: left;
}

.body-modal-choose-lecturer > .right-lecturer > h2 {
    text-align: center;
}

.div-choose-lecturer {
    text-align: left;
    padding-left: 15px;
}

.div-choose-lecturer > li {
    display: block;
    height: 52px;
    cursor: pointer;
}

.div-choose-lecturer > li:hover {
    background-color: #caeefb;
}

.div-choose-lecturer > li.choose {
    background-color: #caeefb;
}

.div-choose-lecturer > li > label > div#content-choose-lecturer > .name-lecturer {
    font-weight: bold;
    cursor: pointer;
}

.div-choose-lecturer > li > label > div#content-choose-lecturer > .small-category-lecturer {
    font-size: 12px;
    margin-top: -18px;
    cursor: pointer;
}

.hide-checkbox-lecturer {
    display: none;
}

.right-lecturer > p.p-number-of-choose {
    color: #0FAAE0;
    font-size: 12px;
    text-align: center;
    margin-top: -14px;
}

.right-lecturer > p.p-click-to-clear-choose {
    color: #0FAAE0;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: none;
}

#block-choose-lecturer-right > div > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
}

#block-choose-lecturer-right > div > p.name-lecturer {
    font-weight: bold;
    margin-top: 2px;
}

#block-choose-lecturer-right > div > p.small-category-lecturer {
    font-size: 12px;
    margin-top: -16px;
}

#block-choose-lecturer-right > div > hr.hr-choose-lecturer-right {
    width: 90%;
    border: 1px solid #d1d1d1;
}

#block-choose-lecturer-right > div > div#div-remove-choose-lecturer {
    position: relative;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-left: 12px;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer:hover {
    border-color: #dc3545;
    color: #dc3545;
    background-color: white;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer-new {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-left: 12px;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
    z-index: 2;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer-new:hover {
    border-color: #dc3545;
    color: #dc3545;
    background-color: white;
}

.footer-modal-choose-lecturer {
    border-top: 2px solid #d1d1d1;
    margin-top: 0px;
    padding: 15px 15px 15px 15px;
}


.footer-modal-choose-lecturer > a#add-lecturer:hover {
    color: black;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer {
    text-align: right;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button {
    outline: none;
    border: none;
    padding: 10px 30px 10px 30px;
    border-radius: 8px;
    font-size: 22px;
    font-family: 'kanit', sans-serif;
    cursor: pointer;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn {
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn:hover {
    background: #117395;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
    transition: all 100ms linear;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn:disabled {
    background-color: #d1d1d1;
    border: 2px solid #d1d1d1;
    color: white;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn:disabled:hover {
    cursor: no-drop;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-lecturer-btn {
    background-color: #ffffff;
    color: #d1d1d1;
    border: 2px solid #d1d1d1;
    padding: 10px 20px 10px 20px;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-lecturer-btn:hover {
    background: #d1d1d1;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #d1d1d1;
    transition: all 100ms linear;
}

/* NEW COACH*/
#cancel-add-lecturer {
    color: #0FAAE0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    margin-left: 15px;
}

#cancel-add-lecturer:hover {
    color: black;
}

.info-new-lecturer {
    background-color: #feab91;
    color: black;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    margin-left: -50px;
    width: 790px;
    margin-top: -15px;
}

div.modal-add-lecturer .form-input-register {
    width: 100%;
}

#form-new-lecturer {
    text-align: left;
}

.block-inline-form-new-lecturer {
    display: flex;
    margin-top: -15px;
}

.block-inline-form-new-lecturer-contact {
    display: flex;
    margin-top: 2px;
}

.block-left-nickname {
    float: left;
    width: 14%;
    margin-right: 37px;
}

.block-right-fullname {
    width: 80%;
}

div#modal-add-lecturer .input-post-group .form-input-post.active label, div#modal-add-lecturer .input-post-price .form-input-post.active label, div#modal-add-lecturer .input-register-group .form-input-register.active label {
    top: -26px;
}

#modal-add-lecturer > .modal-background-lecturer > .modal::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#modal-add-lecturer > .modal-background-lecturer > .modal::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}

#form-new-lecturer label.form-post-booking-textarea {
    top: -3px;
    left: 0px;
    padding: 3px 5px;
    font-size: 15px;
    color: #fff;
    position: relative;
    background: #1998de;
}

#form-new-lecturer .avatar-upload {
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 20px;
}


#form-new-lecturer .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#save-lecturer {
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
}

#form-new-lecturer .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#save-lecturer:hover {
    background: #117395;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
    transition: all 100ms linear;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-save-lecturer {
    background-color: #ffffff;
    color: #d1d1d1;
    border: 2px solid #d1d1d1;
    padding: 10px 20px 10px 20px;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-save-lecturer:hover {
    background: #d1d1d1;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #d1d1d1;
    transition: all 100ms linear;
}

.button-lecturer, .button-location {
    font-size: 18px;
    transition: all .15s ease-in-out;
    width: 150px;
    border-radius: 50px;
    margin-left: 0;
    margin-top: 0;
    background-color: #FF6B19;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
    font-family: 'kanit', sans-serif;
    text-align: center;
    padding-right: 11px;
    padding-top: 8px;
    padding-bottom: 10px;
}


#show-choose-lecturer-confirm {
    display: inline-block;
    width: 100%;
    margin-top: 18px;
}

.choose-lecturer-confirm {
    width: 45%;
    display: inline-block;
    margin-bottom: 20px;
}

#images-choose-lecturer-confirm {
    width: 20%;
    float: left;
}

div#show-choose-lecturer-confirm > div.choose-lecturer-confirm > div#images-choose-lecturer-confirm > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}

div#show-choose-lecturer-confirm > div.choose-lecturer-confirm > .name-lecturer {
    font-weight: bold;
    cursor: pointer;
}

div#show-choose-lecturer-confirm > div.choose-lecturer-confirm > .small-category-lecturer {
    font-size: 12px;
    margin-top: -18px;
    cursor: pointer;
}

.choose-lecturer-confirm p {
    padding-top: 5px;
    margin-top: 2px;
}

.div-button-add-new-more {
    margin-bottom: 30px;
    margin-top: 30px;
}

.btn-add-new-more {
    font-size: 20px;
    transition: all .15s ease-in-out;
    width: 35px;
    height: 33px;
    border-radius: 50%;
    background-color: #FF6B19;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
}

.btn-add-new-more:hover {
    background-color: white;
    border: 1px solid #FF6B19;
    color: #FF6B19;
}

.btn-add-new-more > i {
    padding-left: 10px;
    padding-top: 7px;
}

.div-button-remove-new-more {
    margin-top: -50px;
    margin-left: 125px;
    position: absolute;
}

.btn-add-remove-more {
    font-size: 20px;
    transition: all .15s ease-in-out;
    width: 35px;
    height: 33px;
    border-radius: 50%;
    background-color: #ff1939;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
}

.btn-add-remove-more:hover {
    background-color: white;
    border: 1px solid #ff1939;
    color: #ff1939;
}
#modal-seminardd.one .modal-background-seminardd .modal, .modal-add-address-rec.one .modal-background-address-rec .modal {
    width: 700px;
    height: 438px;
    overflow-y: auto;
}
#content-choose-lecturer {
    height: 51px;
    cursor: pointer;
}

#form-new-lecturer input.input-register {
    width: 96.6%;
}
.modal-background-lecturer .input-post-group .form-input-post.active select {
    width: 200%;
}
#form-new-lecturer input.nickname::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
#form-new-lecturer input.nickname:focus::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
}
.body-modal {
    text-align: left;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.body-modal.choose-address-rec-body {
    height: 425px;
}
.vat-exclude-text {
    font-size: 12px;
    margin-top: 5px;
}
input#url-in {
    width: 45%;
}
.btn-seach-data {
    height: 44px;
    margin-top: -2px;
    margin-left: 15px;
    font-size: 16px;
}
#preview-upload-banner {
    max-width: 660px;
    max-height: 600px;
    width: 100%;
}
.preview-banner-image {
    /*border: 2px solid #ddd;
    margin-top: 20px;
    height: 200px;*/
    display: none;
    margin-top: 15px;
}
/*.preview-banner-image > p {
    font-weight: bold;
    text-align: center;
    color: #ddd;
    font-size: 24px;
    line-height: 105px;
}*/
.preview-banner-image {
    overflow: hidden;
    border: 2px solid #e4e4e4;
    margin-top: 15px;
}
.preview-banner-image.banner-A {
    height: 150px;
    width: 100%;
}
.preview-banner-image.banner-A > img {
    height: 150px;
    max-height: 150px;
}
.preview-banner-image.banner-B {
    width: 340px;
    height: 200px;
}
.preview-banner-image.banner-B > img {
    width: 340px;
    height: 200px;
}
.preview-banner-image.banner-C {
    width: 180px;
    height: 180px;
}
.preview-banner-image.banner-C > img{
    width: 180px;
    height: 180px;
}
.preview-banner-image img {
    max-height: 200px;
}
.content-add-banner.url-web {
    height: auto;
    width: 97%;
    position: relative;
    margin-bottom: 19px;
}
.text-in-input {
    position: absolute;
    display: block;
    left: 63px;
    top: 63px;
    z-index: 9;
}
.content-for-boost-detail ,.content-for-banner-detail {
    display: none;
}
.namecontact-and-phone-block {
    display: inline-flex;
    width: 100%;
}

.content-add-banner.advertising-image-banner .namecontact-and-phone-block .form-input-post-title {
    width: 100%;
}
.namecontact-and-phone-block .input-post-group:first-child {
    width: 41%;
    margin-right: 30px;
}
.namecontact-and-phone-block .input-post-group:last-child {
    width: 41%;
}
.active > label.none {
    display: block !important;
}


/* RESPONSIVE */
@media (max-width: 1024px) {
    #search-lecturer-modal {
        width: 95%;
    }
}

@media (max-width: 768px) {
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 666px;
        height: 314px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 666px;
        height: 314px;
    }
    #modal-seminardd.featured-post .modal-background-seminardd .modal {
        width: 665px;
    }
}

@media (max-width: 736px) {
    #modal-add-lecturer {
        top: 10%;
    }
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 634px;
        height: 320px;
        overflow-y: scroll;
    }
    .modal-background-lecturer .input-post-group .form-input-post.active select {
        width: 182%;
    }
    .info-new-lecturer {
        width: 716px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        height: 314px;
    }
    .preview-banner-image.banner-A {
        width: 99%;
    }
}

@media (max-width: 667px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 567px;
        height: 279px;
    }
    .body-modal-choose-lecturer > .left-lecturer {
        width: 59%;
    }
    .body-modal-choose-lecturer > .right-lecturer {
        width: 41%;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 567px;
        height: 285px;
    }
    .info-new-lecturer {
        width: 637px;
    }
    .modal-background-lecturer .input-post-group .form-input-post.active select {
        width: 186%;
    }
}

@media (max-width: 568px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 462px;
        height: 228px;
    }
    .body-modal-choose-lecturer {
        display: block;
    }
    .body-modal-choose-lecturer > .left-lecturer {
        width: 100%;
    }
    .body-modal-choose-lecturer > .right-lecturer {
        width: 100%;
        height: 160px;
        border-top: 2px solid #dcdcdc;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 461px;
        height: 232px;
    }
    .block-left-nickname {
        width: 20%;
    }
}

@media (max-width: 414px) {
    #modal-seminardd.one, #modal-add-lecturer {
        top: 6%;
    }
    #search-lecturer-modal {
        width: 90%;
    }
    #modal-seminardd.one .modal-background-seminardd .modal, #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 314px;
        height: 475px;
    }
    .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer {
        text-align: center;
        margin-top: 30px;
    }
}


/* LOCATION */
#modal-add-lecturer {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 9999;
    font-family: 'kanit', sans-serif;
}

#modal-add-lecturer.five {
    transform: scale(1);
    z-index: 99999;
}

#modal-add-lecturer.five .modal-background-lecturer {
    background: rgba(0, 0, 0, 0);
    animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-add-lecturer.five .modal-background-lecturer .modal {
    transform: translateX(-1500px);
    animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    width: 700px;
    height: 438px;
    overflow-y: auto;
    overflow-x: hidden;
}

#modal-add-lecturer.five.out {
    animation: quickScaleDown 0s .5s linear forwards;
}

#modal-add-lecturer.five.out .modal-background-lecturer {
    animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-add-lecturer.five.out .modal-background-lecturer .modal {
    animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}


#modal-add-lecturer .modal-background-lecturer {
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
    display: none;
}

#modal-add-lecturer .modal-background-lecturer .modal {
    background: white;
    padding: 50px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    position: relative;
}

#modal-add-lecturer .modal-background-lecturer .modal h2 {
    font-size: 25px;
    text-align: left;
    margin-top: -35px;
}

.close-modal-seminardd > a:hover {
    color: black;
    font-weight: bold;
}

#search-lecturer-modal {
    padding: 15px;
    width: 95%;
    border-radius: 8px;
    outline: 0;
    font-size: 20px;
    font-family: 'kanit', sans-serif;
    border: solid 2px #d1d1d1;
}

.top-modal-search {
    height: 90px;
    border-bottom: 2px solid #d1d1d1;
}

.body-modal-choose-lecturer {
    display: flex;
}

.body-modal-choose-lecturer > .left-lecturer {
    width: 62%;
    height: 325px;
    overflow: auto;
}

.body-modal-choose-lecturer > .right-lecturer {
    width: 37%;
    height: 325px;
    overflow: auto;
}

.body-modal-choose-lecturer > .left-lecturer::-webkit-scrollbar-track, .body-modal-choose-lecturer > .right-lecturer::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.body-modal-choose-lecturer > .left-lecturer::-webkit-scrollbar, .body-modal-choose-lecturer > .right-lecturer::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.body-modal-choose-lecturer > .left-lecturer::-webkit-scrollbar-thumb, .body-modal-choose-lecturer > .right-lecturer::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}

.body-modal-choose-lecturer > .left-lecturer > h2 {
    text-align: left;
}

.body-modal-choose-lecturer > .right-lecturer > h2 {
    text-align: center;
}

.div-choose-lecturer {
    text-align: left;
    padding-left: 15px;
}

.div-choose-lecturer > li {
    display: block;
    height: 52px;
    cursor: pointer;
}

.div-choose-lecturer > li:hover {
    background-color: #caeefb;
}

.div-choose-lecturer > li.choose {
    background-color: #caeefb;
}

.div-choose-lecturer > li > label > div#images-choose-lecturer {
    width: 20%;
    float: left;
    cursor: pointer;
    position: relative;
}

.div-choose-lecturer > li > label > div#images-choose-lecturer > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}

.div-choose-lecturer > li > label > div#content-choose-lecturer > .name-lecturer {
    font-weight: bold;
    cursor: pointer;
}

.div-choose-lecturer > li > label > div#content-choose-lecturer > .small-category-lecturer {
    font-size: 12px;
    margin-top: -18px;
    cursor: pointer;
}

.hide-checkbox-lecturer {
    display: none;
}

.right-lecturer > p.p-number-of-choose-location {
    color: #0FAAE0;
    font-size: 12px;
    text-align: center;
    margin-top: -14px;
}

.right-lecturer > p.p-click-to-clear-choose-location {
    color: #0FAAE0;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: none;
}

#block-choose-lecturer-right > div > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
}

#block-choose-lecturer-right > div > p.name-lecturer {
    font-weight: bold;
    margin-top: 2px;
}

#block-choose-lecturer-right > div > p.small-category-lecturer {
    font-size: 12px;
    margin-top: -16px;
}

#block-choose-lecturer-right > div > hr.hr-choose-lecturer-right {
    width: 90%;
    border: 1px solid #d1d1d1;
}

div#div-remove-choose-lecturer {
    position: relative;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-left: 12px;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer:hover {
    border-color: #dc3545;
    color: #dc3545;
    background-color: white;
}

button.remove-choose-lecturer-new {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-left: 12px;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
    color: white;
}
button.btn-remove-post-page {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
    color: white;
    margin-left: 42px;
    z-index: 2;
}

#block-choose-lecturer-right > div > div > button.remove-choose-lecturer-new:hover {
    border-color: #dc3545;
    color: #dc3545;
    background-color: white;
}

.footer-modal-choose-lecturer, .footer-modal {
    border-top: 2px solid #d1d1d1;
    margin-top: 0px;
    padding: 11px 15px 15px 15px;
}


.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer {
    text-align: right;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button {
    outline: none;
    border: none;
    padding: 10px 30px 10px 30px;
    border-radius: 8px;
    font-size: 22px;
    font-family: 'kanit', sans-serif;
    cursor: pointer;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn {
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn:hover {
    background: #117395;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
    transition: all 100ms linear;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn:disabled {
    background-color: #d1d1d1;
    border: 2px solid #d1d1d1;
    color: white;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#choose-lecturer-btn:disabled:hover {
    cursor: no-drop;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-lecturer-btn {
    background-color: #ffffff;
    color: #d1d1d1;
    border: 2px solid #d1d1d1;
    padding: 10px 20px 10px 20px;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-lecturer-btn:hover {
    background: #d1d1d1;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #d1d1d1;
    transition: all 100ms linear;
}

/* NEW COACH*/
#cancel-add-lecturer {
    color: #0FAAE0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    margin-left: 15px;
}

#cancel-add-lecturer:hover {
    color: black;
}

.info-new-lecturer {
    background-color: #feab91;
    color: black;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    margin-left: -50px;
    width: 770px;
    margin-top: -15px;
}

div#modal-add-lecturer .form-input-register {
    width: 100%;
}

#form-new-lecturer {
    text-align: left;
}


.block-right-fullname {
    width: 80%;
}

div#modal-add-lecturer .input-post-group .form-input-post.active label, div#modal-add-lecturer .input-post-price .form-input-post.active label, div#modal-add-lecturer .input-register-group .form-input-register.active label {
    top: -26px;
}

#modal-add-lecturer > .modal-background-lecturer > .modal::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#modal-add-lecturer > .modal-background-lecturer > .modal::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}

#form-new-lecturer label.form-post-booking-textarea {
    top: -3px;
    left: 0px;
    padding: 3px 5px;
    font-size: 15px;
    color: #fff;
    position: relative;
    background: #1998de;
}

#form-new-lecturer .avatar-upload {
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 20px;
}


#form-new-lecturer .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#save-lecturer {
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
}

#form-new-lecturer .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#save-lecturer:hover {
    background: #117395;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
    transition: all 100ms linear;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-save-lecturer {
    background-color: #ffffff;
    color: #d1d1d1;
    border: 2px solid #d1d1d1;
    padding: 10px 20px 10px 20px;
}

.footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer > button#cancel-save-lecturer:hover {
    background: #d1d1d1;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #d1d1d1;
    transition: all 100ms linear;
}


.button-lecturer > i, .button-location > i {
    padding-left: 9px;
    padding-top: 7px;
}

.button-lecturer:hover, .button-location:hover {
    background-color: white;
    border: 1px solid #FF6B19;
    color: #FF6B19;
}
#show-choose-lecturer-confirm {
    display: inline-block;
    width: 100%;
    margin-top: 18px;
}

.choose-lecturer-confirm {
    width: 45%;
    display: inline-block;
    margin-bottom: 20px;
}

#images-choose-lecturer-confirm {
    width: 20%;
    float: left;
}

div#show-choose-lecturer-confirm > div.choose-lecturer-confirm > div#images-choose-lecturer-confirm > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}

div#show-choose-lecturer-confirm > div.choose-lecturer-confirm > .name-lecturer {
    font-weight: bold;
    cursor: pointer;
}

div#show-choose-lecturer-confirm > div.choose-lecturer-confirm > .small-category-lecturer {
    font-size: 12px;
    margin-top: -18px;
    cursor: pointer;
}

.choose-lecturer-confirm p {
    padding-top: 5px;
    margin-top: 2px;
}

.div-button-add-new-more {
    margin-bottom: 30px;
    margin-top: 30px;
}

.div-button-remove-new-more {
    margin-top: -50px;
    margin-left: 125px;
    position: absolute;
}

.btn-add-remove-more {
    font-size: 20px;
    transition: all .15s ease-in-out;
    width: 35px;
    height: 33px;
    border-radius: 50%;
    background-color: #ff1939;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
}

.btn-add-remove-more:hover {
    background-color: white;
    border: 1px solid #ff1939;
    color: #ff1939;
}
#content-choose-lecturer {
    height: 51px;
    cursor: pointer;
}

#form-new-lecturer input.input-register {
    width: 96.6%;
}
.modal-background-lecturer .input-post-group .form-input-post.active select {
    width: 100%;
}
#form-new-lecturer input.nickname::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
#form-new-lecturer input.nickname:focus::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
}
.info-search-found-add-new {
    margin-top: 8px;
    font-size: 14px;
}
.info-search-found-add-new > a {
    color: #FF6B19;
}
.info-search-found-add-new > a:hover {
    color: #ae4105;
}
.title-small-lectturer-modal {
    font-size: 12px;
    margin-top: -13px;
    margin-left: -26px;
}
.select-sub-div {
    width: 90%;
}
.block-sub-category {
    width: 100%;
    display: inline-flex;
}
.div-button-add-more-sub {
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.btn-add-new-sub {
    font-size: 20px;
    transition: all .15s ease-in-out;
    width: 35px;
    height: 33px;
    border-radius: 50%;
    background-color: #FF6B19;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
}

.btn-add-new-sub:hover {
    background-color: white;
    border: 1px solid #FF6B19;
    color: #FF6B19;
}

.btn-add-new-sub > i {
    padding-left: 10px;
    padding-top: 7px;
}
.none-add-more-sub {
    display: none;
}
.footer-modal-choose-lecturer-left {
    font-size: 12px;
    float: left;
    width: 60%;
}
.footer-modal-choose-lecturer-left > p {
    margin: 0;
}
.footer-modal-choose-lecturer-left > p:last-child {
    margin-top: 5px;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    #search-lecturer-modal {
        width: 95%;
    }
}

@media (max-width: 768px) {
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 666px;
        height: 314px;
    }
}

@media (max-width: 736px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 634px;
        height: 320px;
        overflow-y: scroll;
    }
    .modal-background-lecturer .input-post-group .form-input-post.active select {
        width: 182%;
    }
    .info-new-lecturer {
        width: 716px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        height: 314px;
    }
}

@media (max-width: 667px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 567px;
        height: 279px;
    }
    .body-modal-choose-lecturer > .left-lecturer {
        width: 59%;
    }
    .body-modal-choose-lecturer > .right-lecturer {
        width: 41%;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 567px;
        height: 285px;
    }
    .modal-background-lecturer .input-post-group .form-input-post.active select {
        width: 186%;
    }
}

@media (max-width: 568px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 462px;
        height: 228px;
    }
    .body-modal-choose-lecturer > .left-lecturer {
        width: 100%;
    }
    .body-modal-choose-lecturer > .right-lecturer {
        width: 100%;
        height: 160px;
        border-top: 2px solid #dcdcdc;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 461px;
        height: 232px;
    }
    .block-left-nickname {
        width: 20%;
    }
    .footer-modal-choose-lecturer-left {
        float: inherit;
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

@media (max-width: 414px) {
    #modal-seminardd.one, #modal-add-lecturer {
        top: 6%;
    }
    #search-lecturer-modal {
        width: 90%;
    }
    #modal-seminardd.one .modal-background-seminardd .modal, #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 314px;
        height: 475px;
    }
    .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer {
        text-align: center;
        margin-top: 70px;
        clear: both;
    }
    .footer-modal-choose-lecturer-left {
        margin-bottom: -40px;
    }
}

@media (max-width: 375px) {
    .footer-modal-choose-lecturer-left {
        margin-bottom: 0;
    }
}

/* LOCATION */
#modal-add-location, #modal-choose-location, .modal-add-address-rec {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 9999;
    font-family: 'kanit', sans-serif;
}

#modal-add-location.five, #modal-choose-location.five, .modal-add-address-rec.five {
    transform: scale(1);
}

#modal-add-location.five .modal-background-location, #modal-choose-location.five .modal-background-location, .modal-add-address-rec.five .modal-background-address-rec {
    background: rgba(0, 0, 0, 0);
    animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-add-location.five .modal-background-location .modal, #modal-choose-location.five .modal-background-location .modal {
    transform: translateX(-1500px);
    animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    width: 700px;
    height: 438px;
    overflow-y: auto;
    overflow-x: hidden;
}

#modal-add-location.five.out, #modal-choose-location.five.out, .modal-add-address-rec.five.out {
    animation: quickScaleDown 0s .5s linear forwards;
}

#modal-add-location.five.out .modal-background-location, #modal-choose-location.five.out .modal-background-location, .modal-add-address-rec.five.out .modal-background-address-rec {
    animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-add-location.five.out .modal-background-location .modal, #modal-choose-location.five.out .modal-background-location .modal, .modal-add-address-rec.five.out .modal-background-address-rec .modal {
    animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}


#modal-add-location .modal-background-location, #modal-choose-location .modal-background-location, .modal-add-address-rec .modal-background-address-rec {
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
    display: none;
}

#modal-add-location .modal-background-location .modal, #modal-choose-location .modal-background-location .modal, .modal-add-address-rec .modal-background-address-rec .modal {
    background: white;
    padding: 50px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    position: relative;
}

#modal-add-location .modal-background-location .modal h2, #modal-choose-location .modal-background-location .modal h2, .modal-add-address-rec .modal-background-address-rec .modal h2 {
    font-size: 25px;
    text-align: left;
    margin-top: -35px;
}

#search-location-modal {
    padding: 15px;
    width: 100%;
    border-radius: 8px;
    outline: 0;
    font-size: 20px;
    font-family: 'kanit', sans-serif;
    border: solid 2px #d1d1d1;
}
#search-modal {
    padding: 15px;
    width: 95%;
    border-radius: 8px;
    outline: 0;
    font-size: 20px;
    font-family: 'kanit', sans-serif;
    border: solid 2px #d1d1d1;
}
.top-modal-search {
    height: 100px;
    border-bottom: 2px solid #d1d1d1;
}
.body-modal-choose-location > .left-location {
    width: 62%;
    height: 325px;
    overflow: auto;
}

.body-modal-choose-location > .right-location {
    width: 37%;
    height: 325px;
    overflow: auto;
}

.body-modal-choose-location > .left-location::-webkit-scrollbar-track, .body-modal-choose-location > .right-location::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.body-modal-choose-location > .left-location::-webkit-scrollbar, .body-modal-choose-location > .right-location::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.body-modal-choose-location > .left-location::-webkit-scrollbar-thumb, .body-modal-choose-location > .right-location::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}

.body-modal-choose-location > .left-location > h2 {
    text-align: left;
}

.body-modal-choose-location > .right-location > h2 {
    text-align: center;
}

.div-choose-location {
    text-align: left;
    padding-left: 15px;
}

.div-choose-location > li {
    display: block;
    height: 52px;
    cursor: pointer;
}

.div-choose-location > li:hover {
    background-color: #caeefb;
}

.div-choose-location > li.choose {
    background-color: #caeefb;
}

.div-choose-location > li > label > div#images-choose-location {
    width: 20%;
    float: left;
    cursor: pointer;
}

.div-choose-location > li > label > div#images-choose-location > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}

.div-choose-location > li > label > div#content-choose-location > .name-location {
    font-weight: bold;
    cursor: pointer;
}

.div-choose-location > li > label > div#content-choose-location > .small-category-location {
    font-size: 12px;
    margin-top: -18px;
    cursor: pointer;
}

.hide-checkbox-location {
    display: none;
}

.right-location > p.p-number-of-choose-location {
    color: #0FAAE0;
    font-size: 12px;
    text-align: center;
    margin-top: -14px;
}

.right-location > p.p-click-to-clear-choose-location {
    color: #0FAAE0;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: none;
}

#block-choose-location-right > div > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
}

#block-choose-location-right > div > p.name-location {
    font-weight: bold;
    margin-top: 2px;
}

#block-choose-location-right > div > p.small-category-location {
    font-size: 12px;
    margin-top: -16px;
}

#block-choose-location-right > div > hr.hr-choose-location-right {
    width: 90%;
    border: 1px solid #d1d1d1;
}

#block-choose-location-right > div > div#div-remove-choose-location {
    position: relative;
}

#block-choose-location-right > div > div > button.remove-choose-location {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-left: 12px;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
}

#block-choose-location-right > div > div > button.remove-choose-location:hover {
    border-color: #dc3545;
    color: #dc3545;
    background-color: white;
}

#block-choose-location-right > div > div > button.remove-choose-location-new {
    background: #fc4b6c;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all .15s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    margin-left: 12px;
    margin-top: -7px;
    line-height: 6px;
    padding-left: 6px;
    background-color: #dc3545;
    border-color: #dc3545;
    outline: none;
    cursor: pointer;
}

#block-choose-location-right > div > div > button.remove-choose-location-new:hover {
    border-color: #dc3545;
    color: #dc3545;
    background-color: white;
}

/* NEW COACH*/
#cancel-add-location {
    color: #0FAAE0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    margin-left: 15px;
}

#cancel-add-location:hover {
    color: black;
}

.info-new-location {
    background-color: #feab91;
    color: black;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    margin-left: -50px;
    width: 770px;
    margin-top: -15px;
}
.info-new-location-sky {
    background-color: #cff6ff;
    color: #337584;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    margin-top: -10px;
    margin-bottom: 15px;
}

div#modal-add-location .form-input-register{
    width: 100%;
}

#form-new-location {
    text-align: left;
}

.block-inline-form-new-location {
    display: flex;
    margin-top: -15px;
}

.block-left-nickname {
    float: left;
    width: 14%;
    margin-right: 37px;
}

.block-right-fullname {
    width: 27%;
    margin-right: 32px;
}

.block-right-lname {
    width: 27%;
}

.block-right-prefix {
    width: 14%;
    margin-right: 39px;
}
.block-left-email {
    width: 46.8%;
    margin-right: 32px;
}
.block-right-phone {
    width: 46.8%;
}


div#modal-add-location .input-post-group .form-input-post.active label, div#modal-add-location .input-post-price .form-input-post.active label, div#modal-add-location .input-register-group .form-input-register.active label {
    top: -26px;
}

#modal-add-location > .modal-background-location > .modal::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#modal-add-location > .modal-background-location > .modal::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}

#form-new-location label.form-post-booking-textarea {
    top: -3px;
    left: 0px;
    padding: 3px 5px;
    font-size: 15px;
    color: #fff;
    position: relative;
    background: #1998de;
}

#form-new-location .place-upload {
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 20px;
}
.place-upload .place-upload-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}
.place-upload .place-preview {
    width: 437px;
    height: 280px;
    position: relative;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    margin-left: auto;
    margin-right: auto;
}
.place-upload .place-preview > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-modal-choose-location > a#add-location {
    color: #0FAAE0;
    text-decoration: none;
    float: left;
}

.footer-modal-choose-location > a#add-location:hover {
    color: black;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location {
    text-align: right;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button, .footer-modal > .btn-footer-modal > button {
    outline: none;
    border: none;
    padding: 10px 30px 10px 30px;
    border-radius: 8px;
    font-size: 22px;
    font-family: 'kanit', sans-serif;
    cursor: pointer;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button#choose-location-btn {
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button#choose-location-btn:hover {
    background: #117395;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
    transition: all 100ms linear;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button#choose-location-btn:disabled {
    background-color: #d1d1d1;
    border: 2px solid #d1d1d1;
    color: white;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button#choose-location-btn:disabled:hover {
    cursor: no-drop;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button#cancel-location-btn {
    background-color: #ffffff;
    color: #d1d1d1;
    border: 2px solid #d1d1d1;
    padding: 10px 20px 10px 20px;
}

.footer-modal-choose-location > .btn-footer-modal-choose-location > button#cancel-location-btn:hover {
    background: #d1d1d1;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #d1d1d1;
    transition: all 100ms linear;
}

#show-choose-location-confirm {
    display: inline-block;
    width: 100%;
    margin-top: 18px;
}

.choose-location-confirm {
    width: 45%;
    display: inline-block;
    margin-bottom: 20px;
}

#images-choose-location-confirm {
    width: 20%;
    float: left;
}

div#show-choose-location-confirm > div.choose-location-confirm > div#images-choose-location-confirm > img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}

div#show-choose-location-confirm > div.choose-location-confirm > .name-location {
    font-weight: bold;
    cursor: pointer;
}

div#show-choose-location-confirm > div.choose-location-confirm > .small-category-location {
    font-size: 12px;
    margin-top: -18px;
    cursor: pointer;
}

.choose-location-confirm p {
    padding-top: 5px;
    margin-top: 2px;
}

.div-button-add-new-more {
    margin-bottom: 30px;
    margin-top: 30px;
}

.div-button-remove-new-more {
    margin-top: -50px;
    margin-left: 125px;
    position: absolute;
}

.btn-add-remove-more {
    font-size: 20px;
    transition: all .15s ease-in-out;
    width: 35px;
    height: 33px;
    border-radius: 50%;
    background-color: #ff1939;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
}

.btn-add-remove-more:hover {
    background-color: white;
    border: 1px solid #ff1939;
    color: #ff1939;
}
#content-choose-location {
    height: 51px;
    cursor: pointer;
}

#form-new-location input.input-register {
    width: 96.6%;
}
.modal-background-location .input-post-group .form-input-post.active select {
    width: 200%;
}
#form-new-location input.nickname::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
#form-new-location input.nickname:focus::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
}
#preview-instructor {
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.text-recommend-search {
    text-align: left;
    font-size: 12px;
    margin-top: 0px;
}
.text-recommend-search > span {
    background-color: #d0f3ff;
    border-radius: 50px;
    padding: 5px 10px 5px 10px;
    color: #3e8aa4;
    cursor: pointer;
    transition: 0.8s;
    display: inline-block;
}
.text-recommend-search > span:hover {
    background-color: #3e8aa4;
    color: #d0f3ff;
}
.location-search-height {
    height: 125px;
}
.block-choose-place {
    margin-top: 20px;
    width: 100%;
    height: 110px;
    display: inline-flex;
}
.choose-place-select {
    width: 78%;
    text-align: left;
    display: inline-flex;
}
.images-choose-place > img {
    width: 140px;
    min-height: 110px;
    max-height: 110px;
}
.content-choose-place {
    width: 53%;
    margin-left: 20px;
    margin-right: 20px;
}
.content-choose-place > .name-place {
    font-size: 16px;
    margin: 0;
}
.content-choose-place > .address-place {
    font-size: 12px;
    margin-top: 4px;
}
.content-choose-place > .des-place {
    font-size: 13px;
    margin-top: 20px;
}
.choose-room {
    display: none;
    width: 78%;
    text-align: left;
}

.btn-choose-place, .btn-confirm-choose-place, .btn-choose-organizer {
    outline: none;
    border: none;
    padding: 10px 30px 10px 30px;
    font-family: 'kanit', sans-serif;
    cursor: pointer;
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
    transition: 0.8s;
}
.btn-choose-place, .btn-choose-organizer {
    border-radius: 50px;
    font-size: 22px;
}
.btn-choose-place:hover, .btn-confirm-choose-place:hover, .btn-choose-organizer:hover {
    background: #117395;
    border: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
}
.btn-confirm-choose-place {
    display: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 20px;
}
.button-choose-place {
    margin-top: 21px;
}
.location-body-choose {
    height: 300px;
}
.view-google-map-text {
    color: #6897c4;
}
.view-google-map-text:hover {
    color: #0faae0;
}
.body-modal-choose-location {
    height: 300px;
    overflow-x: hidden;
    border-bottom: 2px solid #d1d1d1;
}
.body-modal-choose-location::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
.body-modal-choose-location::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}
.body-modal-choose-location::-webkit-scrollbar-thumb {
    background-color: #0FAAE0;
}
.text-footer-location {
    text-align: center;
    font-size: 14px;
    margin: 0;
    margin-top: -7px;
    margin-bottom: 8px;
}
.footer-modal-choose-location {
    margin-top: 19px;
}
.footer-modal-choose-location > div > a#add-location {
    text-decoration: none;
    font-size: 16px;
    transition: 0.8s;
    border-radius: 50px;
    margin-left: 0;
    margin-top: 10px;
    background-color: #FF6B19;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
    font-family: 'kanit', sans-serif;
    line-height: 30px;
    padding: 3px 20px 4px 17px;
}

.footer-modal-choose-location > div > a#add-location:hover {
    background: #ae4105;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #ae4105;
    transition: all 100ms linear;
}
.block-inline-form-new-location {
    display: flex;
    margin-top: -14px;
}
.block-left-province {
    width: 40%;
    margin-right: 10px;
}
.block-right-amphur {
    width: 40%;
    margin-right: 10px;
}
.block-right-tumbol {
    width: 33%;
    margin-right: 10px;
}
.block-right-zipcode {
    width: 24%;
    margin-right: 19px;
}
.block-bg-detail-room {
    background-color: #f4f4f4;
    border-radius: 8px;
    padding: 10px 25px 10px 25px;
}
.detail-float-left {
    float: left;
}
.detail-float-right {
    float: right;
}
.block-left-room-name {
    width: 80%;
    margin-right: 25px;
}
.block-right-room-people {
    width: 20%;
    margin-right: 25px;
}
.block-left-room-price {
    width: 50%;
    margin-right: 25px;
}
.block-right-room-picture {
    width: 50%;
    margin-right: 25px;
}

.wrap {
    display: block;
    width: 100%;
    padding: 16px;
    margin: 16px 0;
    background: #fafbfd;
    border-radius: 6px;
    line-height: normal;
    font-family: 'kanit', 'sans-serif';
}

.file {
    position: relative;
    font-size: 1.0625rem;
    font-size: 14px;
}
.file__input {
    padding: 11px 16px;
    background: #fff;
    border: 1px solid #ebeef1;
    border-radius: 6px;
    color: #0FAAE0;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file__input--file {
    position: absolute;
    opacity: 0;
    height: 43px;
    width: 100%;
    margin-top: -11px;
    margin-left: -16px;
    cursor: pointer;
}
.file__input--label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
}
.file__input--label:after {
    content: attr(data-text-btn);
    border-radius: 3px;
    background-color: #74aae0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
    padding: 0.9375rem 1.0625rem;
    margin: -0.9375rem -1.0625rem;
    color: white;
    cursor: pointer;
}
.file__value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0FAAE0;
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.file__value:hover:after {
    color: red;
}
.file__value:after:hover {
    color: white;
}
.file__value--text {
    color: #333333;
    display: inline-flex;
}
.file__remove {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
}
.file__value--text > .preview-detail-upload > p.size-file-upload {
    font-size: 11px;
    color: #909090;
    margin-top: -8px;
}
.file__value--text > .preview-detail-upload > p:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 220px;
    white-space: nowrap;
}
.file__value > .file__value--remove > i {
    cursor: pointer;
    transition: 0.8s;
    color: #858585;
}
.file__value > .file__value--remove > i:hover {
    color: red;
}

.file__value > .file__value--remove-edit > i {
    cursor: pointer;
    transition: 0.8s;
    color: #858585;
}
.file__value > .file__value--remove-edit > i:hover {
    color: red;
}
.preview-images-upload {
    float: left;
}
.preview-images-upload > img {
    width: 80px;
    max-height: 80px;
}
.preview-detail-upload {
    margin-left: 15px;
}
.block-left-addons-list {
    width: 70%;
    margin-right: 25px;
}
.block-right-addons-price-lowest {
    width: 15%;
    margin-right: 25px;
}
.block-right-addons-price-highest {
    width: 15%;
    margin-right: 25px;
}
.block-right-addons-remove {
    width: 7%;
    margin-right: 25px;
}
#map-google {
    width: auto;
    height: 340px;
    position: relative;
    overflow: hidden;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.block-left-latitude {
    width: 45%;
    margin-right: 25px;
}
.block-right-longitude {
    width: 45%;
    margin-right: 25px;
}
.map-google-post {
    width: 100%;
    height: 320px;
    position: relative;
    overflow: hidden;
    display: block;
}
.start-input-place {
    margin-top: -16px;
}
.address-div {
    margin-top: 15px;
}
.footer-modal-choose-location > .btn-footer-modal-choose-location > button#save-location, .footer-modal-choose-location > .btn-footer-modal-choose-location > button#confirm-choose-location, .footer-modal > .btn-footer-modal > button#confirm-boostpost, .footer-modal > .btn-footer-modal > button#confirm, .footer-modal > .btn-footer-modal > button#confirm-add-new, .footer-modal > .btn-footer-modal > button#btn-save-crop, .footer-modal > .btn-footer-modal > button#confirm-rearrange, .footer-modal > .btn-footer-modal > button#confirm-featured {
    background-color: #0FAAE0;
    border: 2px solid #0FAAE0;
    color: white;
}
.footer-modal-choose-location > .btn-footer-modal-choose-location > button#save-location:hover, .footer-modal-choose-location > .btn-footer-modal-choose-location > button#confirm-choose-location:hover, .footer-modal > .btn-footer-modal > button#confirm-boostpost:hover, .footer-modal > .btn-footer-modal > button#confirm:hover, .footer-modal > .btn-footer-modal > button#confirm-add-new:hover, .footer-modal > .btn-footer-modal > button#btn-save-crop:hover, .footer-modal > .btn-footer-modal > button#confirm-rearrange:hover, .footer-modal > .btn-footer-modal > button#confirm-featured:hover {
    background: #117395;
    border: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: -1px -1px 0 #117395;
    transition: all 100ms linear;
}
.footer-modal > .btn-footer-modal > button#confirm-rearrange:disabled {
    background: #b4b4b4;
    border: 1px solid transparent;
}
.footer-modal-choose-location > .btn-footer-modal-choose-location > button#cancel-save-location, .footer-modal > .btn-footer-modal > button#cancel-save-boostpost, .footer-modal > .btn-footer-modal > button#cancel-save, .footer-modal > .btn-footer-modal > button#cancel-save-crop, .footer-modal > .btn-footer-modal > button#cancel-save-rearrange {
    background-color: #ffffff;
    color: #d1d1d1;
    border: 2px solid #d1d1d1;
    padding: 10px 20px 10px 20px;
}
.footer-modal-choose-location > .btn-footer-modal-choose-location > button#cancel-save-location:hover, .footer-modal > .btn-footer-modal > button#cancel-save-boostpost:hover, .footer-modal > .btn-footer-modal > button#cancel-save:hover, .footer-modal > .btn-footer-modal > button#cancel-save-crop:hover, .footer-modal > .btn-footer-modal > button#cancel-save-rearrange:hover {
    background: #d1d1d1;
    border: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #d1d1d1;
    transition: all 100ms linear;
}
.block-left-placename {
    width: 70%;
    margin-right: 10px;
}
.block-right-roomname {
    width: 30%;
    margin-right: 10px;
}
.choose-place-image > img {
    width: 200px;
    float: left;
    margin-right: 30px;
}
.choose-place {
    margin-top: -30px;
}
p.choose-place-name {
    font-size: 18px;
    color: #1998de;
}
.room-place-choose {
    font-size: 14px;
    color: #333333;
    margin-top: -14px;
    margin-bottom: 20px;
}
.choose-place-address {
    margin-top: -11px;
    font-size: 14px;
}
.btn-change-place {
    background-color: #FF6B19;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
    transition: all .15s ease-in-out;
}
.btn-change-place:hover {
    background-color: transparent;
    color: #FF6B19;
    border: 1px solid #FF6B19;
}
.place-room-name {
    display: none;
    padding: 5px;
    border-radius: 8px;
    outline: 0;
    font-size: 14px;
    font-family: 'kanit', sans-serif;
    border: solid 2px #d1d1d1;
}
.des-place .chosen-single {
    background: #fff;
    border: 2px solid #d1d1d1;
    border-radius: 8px;
    height: 31px;
    width: 200px;
    margin-top: -1px;
}
.des-place .chosen-container-single .chosen-single span {
    line-height: 30px;
}
.des-place .chosen-container-single .chosen-single div b {
    margin-top: -6px;
}

.title-modal-seminardd {
    margin-top: -40px;
    text-align: left;
}
.title-modal-seminardd > h3{
    margin-bottom: 3px;
}
.claim-coach-modal .form-input-register {
    width: 100%;
}
#modal-seminardd.claim-coach-modal .modal-background-seminardd .modal {
    overflow: auto;
}
.block-left-phone-claim {
    float: left;
    width: 47%;
    margin-right: 37px;
}
.block-right-email-claim {
    width: 44%;
}
.claim-coach-modal .select-sub-div, .claim-coach-modal .select-magin-left-post, .claim-coach-modal .input-post-group .form-input-post.active select {
    width: 100%;
}
.claim-coach-modal input#about-claim {
    width: 96.8%;
}
.claim-coach-modal input.nickname::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.claim-coach-modal input.nickname:focus::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
}
.claim-coach-modal label.form-post-booking-textarea {
    top: -3px;
    left: 0px;
    padding: 3px 5px;
    font-size: 15px;
    color: #fff;
    position: relative;
    background: #1998de;
}
.footer-claim-modal {
    margin-top: 20px;
    text-align: center;
}
.footer-claim-modal > small {
    font-size: 12px;
}
.footer-claim-modal > small > a {
    text-decoration: none;
    color: #1998de;
}
.footer-claim-modal > small > a:hover {
    text-decoration: underline;
}
#imagePreviewMore-1:hover .edit-thumnail {
    display: block;
}
.edit-thumnail {
    display: none;
    position: absolute;
    top: 39%;
    left: 40%;
    background-color: #ff8e02;
    color: white;
    outline: none;
    border: 1px solid transparent;
    transition: .5s;
}
.edit-thumnail:hover {
    background-color: white;
    color: #ff8e02;
    border: 1px solid #ff8e02;
    cursor: pointer;
}
.crop_me {
    background-color: white;
}
.claim-coach-modal .div-button-add-more-sub {
    margin-left: 15px;
}
.danger-for-claim {
    margin-top: 15px;
}
.text-info-other-room {
    display: none;
    margin-top: -6px;
    font-size: 12px;
}
.confirm-choose-div {
    display: inline-flex;
}
.btn-cancel-choose-place {
    border: 1px solid transparent;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 3px 3px 4px 3px;
    background-color: #ff1939;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    vertical-align: bottom;
    margin-left: 0px;
    outline: none;
    display: none;
}
.btn-cancel-choose-place:hover {
    color: #d4d4d4;
    background-color: #91061a;
}
.btn-confirm-choose-place[tooltip][flow^="left"]:hover::after, .btn-choose-place[tooltip][flow^="left"]:hover::after {
    font-size: 14px;
    text-shadow: 0 0 0 #000;
}
.title-place-name-choose {
    text-align: left;
    margin-top: -17px;
    font-size: 18px;
    color: #FF6B19;
}
hr.hr-modal-location {
    border: 1px solid #d1d1d1;
    margin-top: -10px;
    margin-bottom: 10px;
}
.block-inline-choose-room {
    display: inline-flex;
    width: 100%;
    position: relative;
}
.label-choose-room > p {
    margin: 0;
}
.div-btn-add-more-room {
    text-align: center;
}
.chosen-select-room {
    margin-top: 20px;
}
.chosen-select-room .chosen-container {
    width: 100% !important;
}
.chosen-select-room .chosen-results {
    font-family: 'sans-serif';
}
.btn-add-room {
    border: 1px solid transparent;
    color: white;
    background-color: #FF6B19;
    outline: none;
    transition: 0.3s;
    border-radius: 50px;
    font-size: 18px;
    padding: 7px 15px 8px 15px;
    cursor: pointer;
    font-family: 'kanit','sans-serif';
}
.btn-add-room:hover {
    border: 1px solid #FF6B19;
    color: #FF6B19;
    background-color: transparent;
}
#modal-choose-location .footer-modal-choose-location, #modal-seminardd .footer-modal {
    bottom: 0;
    position: relative;
    width: 95%;
}
#modal-seminardd .footer-modal.advertising-page {
    position: absolute;
    width: 84%;
}
#modal-choose-location .form-input-register {
    width: 100%;
}
.info-found-room {
    text-align: center;
    font-family: 'sans-serif';
    font-size: 12px;
}
.info-found-room > span {
    font-size: 13px;
    color: #333;
    font-weight: 600;
}
.info-found-room > a {
    color: #333;
    transition: 0.2s;
}
.info-found-room > a:hover {
    color: #10aae0;
}
#modal-choose-location .input-register-group .form-input-register.active label {
    top: -26px;
}
#more-room-choose {
    display: none;
    border-top: 2px solid #ececec;
    padding: 0px 15px 5px 15px;
    margin-top: 15px;
}
.info-choose-only-one {
    margin-bottom: 5px;
}
.btn-remove-room {
    font-size: 13px;
    width: 24px;
    height: 24px;
    margin-top: 9px;
}
.block-add-more-line-room {
    margin-top: 23px;
    display: inline-flex;
    width: 19%;
}
.btn-choose-room {
    font-size: 14px;
    transition: all .15s ease-in-out;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
    background-color: #02c52c;
    margin-right: 7px;
}
.btn-choose-room-venue {
    font-size: 17px;
    transition: all .15s ease-in-out;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    color: white;
    border: 1px solid transparent;
    background-color: #19ff4b;
    margin-right: 7px;
}
.btn-new-choose-room {
    background-color: #c9c9c9;
}
.btn-new-choose-room:not(.btn-no-drop-new-choose-room):hover {
    background-color: #19ff4b;
    border: 1px solid transparent;
    color: white;
}
.btn-no-drop-new-choose-room {
    cursor: no-drop;
}
#block-more-room > .btn-add-room {
    display: block;
    margin-top: 15px;
}
.block-room-name {
    width: 40%;
    margin-right: 22px;
}
.block-floor {
    width: 5%;
    margin-right: 33px;
}
.block-building {
    width: 45.4%;
}
.block-add-more-line {
    margin-top: 29px;
    display: inline-flex;
    width: 10%;
}
.room-div {
    margin-top: 3px;
}
.block-add-more-line [tooltip][flow^="left"]:hover::before, .block-add-more-line [tooltip][flow^="left"]:hover::after, .div-button-add-more-sub [tooltip][flow^="left"]:hover::before, .div-button-add-more-sub [tooltip][flow^="left"]:hover::after {
    font-size: 14px;
}
.notify-modal {
    margin-top: 12px;
}
.notify-modal > span {
    font-size: 13px;
    color: #333;
    font-weight: 600;
}
#more-room-choose > h3 {
    margin-top: 10px;
    font-weight: 600;
}
.footer-left-modal {
    float: left;
    width: 60%;
    margin-left: -15px;
    font-size: 12px;
    text-align: left;
    color: red;
    margin: -10px;
}
.modal-choose-coordinator .top-modal-search {
    height: 75px;
    border-bottom: 0 solid #d1d1d1;
}
.modal-choose-coordinator .body-modal-choose-location {
    height: 380px;
}
.body-modal-for-organizer .block-choose-place {
    height: 125px;
}
.body-modal-for-organizer .images-choose-place >  img {
    width: 120px;
    min-height: 120px;
    max-height: 120px;
    border-radius: 50%;
}
#modal-seminardd.add-account-modal .footer-modal {
    position: absolute;
    width: 83.5%;
}

.preview-cout-A {
    margin-top: 10px;
    margin-bottom: 15px;
}
#div-save-crop.div-save-crop-for-A {
    left: 91%;
}
.crop-banner-modal #image-crop-div {
    width: 750px;
    text-align: left;
}
.crop-banner-modal #thumbnail {
    margin-left: 0px;
    max-height: 400px;
    max-width: 385px;
}
.crop-banner-modal #div-save-crop {
    top: initial;
    position: fixed;
    left: 0 !important;
    bottom: -55px;
    width: 100%;
    color: white;
    text-align: center;
    z-index: 11111;
    display: grid;
    height: 45px;
}
.crop-banner-modal .modal-background-crop {
    overflow-y: auto;
}
.crop-banner-modal p.info-crop-image {
    position: relative;
    margin-top: 10px;
}
.crop-banner-modal.one .modal-background-crop .form-modal-crop {
    overflow: auto;
}
.crop-banner-modal #preview-cont {
    float:inherit;
    margin-top: 30px;
}
.crop-banner-modal .modal-background-crop .modal {
    background: white;
    padding: 50px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    position: relative;
}
.crop-banner-modal > .modal-background-crop > .modal > .top-modal-crop {
    height: 72px;
    text-align: left;
    font-family: 'kanit','sans-serif';
    border-bottom: 2px solid #d1d1d1;
    margin-bottom: 15px;
}
.crop-banner-modal > .modal-background-crop > .modal > .top-modal-crop > h2 {
    margin-top: -15px;
}
.crop-banner-modal > .modal-background-crop > .modal > .top-modal-crop > p {
    margin-top: -15px;
    margin-bottom: 0;
}
p.text-preview-ex-banner {
    margin: 0;
    margin-bottom: -22px;
    margin-top: 20px;
    text-align: left;
    font-family: 'kanit','sans-serif';
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    #search-location-modal {
        width: 95%;
    }
}

@media (max-width: 768px) {
    #modal-add-location.five .modal-background-location .modal, #modal-choose-location.five .modal-background-location .modal {
        width: 666px;
    }
}

@media (max-width: 736px) {
    #modal-add-location {
        top: 10%;
    }
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 634px;
        height: 320px;
        overflow-y: scroll;
    }
    .modal-background-location .input-post-group .form-input-post.active select {
        width: 182%;
    }
    .info-new-location {
        width: 716px;
    }
    #modal-choose-location #form-new-location {
        height: 160px;
        overflow: scroll;
    }
}

@media (max-width: 667px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 567px;
        height: 279px;
    }
    .body-modal-choose-location > .left-location {
        width: 59%;
    }
    .body-modal-choose-location > .right-location {
        width: 41%;
    }
    .info-new-location {
        width: 637px;
    }
    .modal-background-location .input-post-group .form-input-post.active select {
        width: 186%;
    }
    .content-choose-place > .des-place {
        margin-top: -4px;
    }
    .btn-choose-place, .btn-confirm-choose-place {
        font-size: 16px;
    }
    .content-choose-place {
        width: 59%;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 566px;
    }
    #modal-choose-location #form-new-location {
        height: 100%;
    }
    #modal-choose-location .footer-modal-choose-location {
        position: relative;
        width: 95%;
    }
}

@media (max-width: 568px) {
    .body-modal-choose-location {
        display: block;
    }
    .body-modal-choose-location > .left-location {
        width: 100%;
    }
    .body-modal-choose-location > .right-location {
        width: 100%;
        height: 160px;
        border-top: 2px solid #dcdcdc;
    }
    .block-left-nickname {
        width: 20%;
    }
    .content-choose-place > .des-place {
        display: none;
    }
    .btn-choose-place, .btn-confirm-choose-place {
        font-size: 16px;
        padding: 10px 15px 10px 15px;
    }
    .place-room-name {
        margin-top: 10px;
    }
    .chosen-select-room {
        margin-top: 9px;
    }
    .info-found-room {
        text-align: left;
        width: 97%;
    }
    #modal-choose-location #form-new-location {
        height: 82px;
    }
    #more-room-choose .block-building {
        width: 37.4%;
    }
    #modal-choose-location .footer-modal-choose-location {
        bottom: 0;
        position: absolute;
        width: 89%;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 528px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -11px;
    }
    #modal-choose-location .footer-modal-choose-location {
        bottom: -50px;
    }
    #modal-choose-location #form-new-location {
        height: 118px;
    }
}

@media (max-width: 450px) {
    #modal-seminardd.location .modal-background-seminardd .modal {
        height: 100%;
        width: 351px;
    }
    .info-search-found-add-new {
        font-size: 13px;
    }
    .body-modal-choose-location {
        height: 400px;
    }
    .choose-place-image > img {
        width: 100%;
    }
    .location-search-height .info-search-found-add-new {
        margin-top: 2px;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 420px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #modal-choose-location .modal-background-location .modal h2 {
        margin-left: 0;
    }
    #modal-choose-location p.title-place-name-choose {
        margin-left: 0px;
    }
    #modal-choose-location #form-new-location {
        height: 76%;
        margin-left: 0px;
        width: 100%;
    }
    .location-search-height {
        height: 150px;
    }
    .choose-room-select {
        width: 100%;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 409px;
        margin-left: 9px;
    }
    .footer-left-modal {
        width: 100%;
        margin-bottom: 10px;
    }

    #modal-seminardd.featured-post .modal-background-seminardd .modal {
        width: 419px;
    }
    #modal-seminardd.featured-post .close-modal-seminardd {
        margin-right: -7px;
    }
    #modal-seminardd.featured-post .block-select-boostpost > select {
        width: 102%;
    }
    input#day_featured_post {
        width: 40% !important;
    }
    #modal-seminardd.featured-post .footer-modal {
        margin-top: 5px;
    }
}

@media (max-width: 414px) {
    #modal-seminardd.one, #modal-add-location {
        top: 6%;
    }
    #search-location-modal {
        width: 90%;
    }
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 90%;
        height: 475px;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .top-modal-search {
        height: 115px;
    }
    .footer-modal-choose-location > a#add-location {
        width: 100%;
        text-align: left;
    }
    .footer-modal-choose-location > .btn-footer-modal-choose-location {
        text-align: center;
        margin-top: 30px;
    }
    .choose-lecturer-confirm {
        width: 100%;
    }
    #images-choose-lecturer-confirm {
        width: 18%;
    }
    .location-search-height, .body-modal-choose-location {
        margin-left: -7px;
        width: 104%;
    }
    .info-search-found-add-new {
        font-size: 11px;
    }
    .content-choose-place {
        margin-left: 10px;
    }
    .images-choose-place > img {
        width: 110px;
        min-height: 90px;
        max-height: 90px;
    }
    .btn-choose-place, .btn-confirm-choose-place {
        padding: 10px 10px 10px 10px;
    }
    #modal-add-location.five .modal-background-location .modal {
        height: 475px;
    }
    #form-new-location {
        margin-left: -38px;
        width: 85%;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 93%;
    }
    #modal-seminardd.one.location .modal-background-seminardd .modal {
        width: 90% !important;
        margin-left: -22px;
    }
    .location-search-height {
        height: 150px;
    }
    #block-more-room .block-floor {
        width: 7%;
        margin-right: 26px;
    }
    #block-more-room .block-building {
        width: 38.4%;
    }
    #more-room-choose .block-room-name {
        width: 37%;
        margin-right: 22px;
    }
    #more-room-choose .block-floor {
        width: 9%;
        margin-right: 25px;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 88%;
        margin-left: -12px;
    }
}

@media (max-width: 375px) {
    #form-new-location {
        width: 76%;
    }
    #block-more-room .block-building {
        width: 37.4%;
    }
    #modal-seminardd.featured-post .boost-post-title .chosen-container {
        width: 100% !important;
    }
    #modal-seminardd.featured-post .body-modal {
        height: 420px;
        width: 105%;
    }
}

@media (max-width: 360px) {
    .content-choose-place {
        margin-right: 10px;
    }
    .btn-choose-place, .btn-confirm-choose-place {
        padding: 10px 8px 10px 8px;
    }
    #form-new-location {
        width: 73%;
    }
    .block-building {
        width: 36.4%;
    }
    #cancel-add-location {
        margin-left: -6px;
    }
    #block-more-room .block-building {
        width: 36.4%;
    }
    #modal-choose-location.five .modal-background-location .modal {
        width: 91%;
        margin-left: 2px;
    }
    #more-room-choose .block-room-name {
        width: 29%;
        margin-right: 30px;
    }
    #more-room-choose .block-floor {
        width: 9%;
        margin-right: 30px;
    }
    #more-room-choose .block-building {
        width: 34.4%;
    }
    #modal-seminardd.featured-post .body-modal {
        height: 375px;
    }
}

@media (max-width: 320px) {
    .btn-choose-place, .btn-confirm-choose-place {
        font-size: 14px;
    }
    .info-search-found-add-new {
        font-size: 10px;
    }
    #form-new-location {
        width: 64%;
    }
    #modal-seminardd.one.location .modal-background-seminardd .modal {
        width: 87% !important;
        margin-left: -30px;
    }
    #more-room-choose .block-room-name {
        width: 34%;
        margin-right: 22px;
    }
    #more-room-choose .block-floor {
        width: 11%;
        margin-right: 27px;
    }
    #more-room-choose .block-building {
        width: 31.4%;
    }
    #block-more-room .block-building {
        width: 34.4%;
    }
    #modal-choose-location .footer-modal-choose-location {
        position: relative;
    }
    #modal-seminardd.featured-post  .have-conis-block {
        font-size: 16px;
    }
    #modal-seminardd.featured-post .body-modal {
        height: 320px;
    }
}

/* BOOSTPOST */
.body-modal-boostpost{
    text-align: left;
    height: 370px;
    width: 100%;
    display: inline-flex;
}
.boost-post .top-modal-search, .featured-post .top-modal-search, .add-banner .top-modal-search, .new-address .top-modal-search, .choose-address .top-modal-search, .modal-add-address-rec .top-modal-search, .modal-add-more-register .top-modal-search, .rearrange-post .top-modal-search, .create-sms .top-modal-search {
    height: 45px;
    text-align: left;
    font-size: 24px;
    font-family: 'kanit','sans-serif';
}
.choose-post > .modal-background-seminardd .top-modal-search {
    height: 65px;
    text-align: left;
    font-size: 24px;
    font-family: 'kanit','sans-serif';
}
.have-conis-block {
    display: inline-block;
    border-radius: 6px;
    background-color: #adebff;
    color: #006d90;
    padding: 3px 12px 0px 15px;
    font-size: 18px;
    margin-left: 10px;
}

.switch-input-div {
    margin-top: 15px;
}

.switch-title {
    margin-bottom: 6px;
}

.switch-input-div input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-input-div label {
    float: left;
}

.switch-input-div label {
    display: inline-block;
    width: 35px;
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


.switch-input-div label:hover {
    cursor: pointer;
    background-color: #ffd0a2;
}

.switch-input-div input:checked + label {
    background-color: #ff7e00;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-input-div input:disabled + label {
    background-color: #ffffff;
    cursor: no-drop;
    color: #e8e8e8;
}

.switch-input-div label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-input-div label:last-of-type {
    border-radius: 0 4px 4px 0;
}
.left-boost-post {
    width: 100%;
}
.min-budget-text {
    margin-top: 8px;
    margin-bottom: -5px;
}

.result-text-show-boost-post {
    margin-top: 5px;
}
.result-text-show-boost-post > p {
    color: #ff6b19;
    font-size: 12px;
}
.result-text-show-boost-post > p:last-child {
    margin-top: -8px;
}
.block-input-boostpost {
    margin-top: 15px;
}
input#coins, input#day_featured_post {
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 10px 15px 9px 15px;
    outline: none;
    font-size: 20px;
    width: 20%;
    margin-top: 15px;
}

input#coins:focus, input#day_featured_post:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
}
.block-input-boostpost > label, .block-choose-use-package > label {
    font-size: 18px;
    font-family: 'kanit','sans-serif';
    font-weight: bold;
}
.text-ex {
    font-size: 18px;
    font-weight: bold;
}
.ex-ads-boostpost {
    height: 390px;
    margin-top: -13px;
    background-color: #fff;
}

#block-show-ex-seminar {
    display: inline-block;
    width: 100%;
    height: 297px;
    overflow: hidden;
}

.card-block-show-ex-seminar {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 150px;
    margin-left: 10px;
    position: relative;
    display: inline-block;
}

.inner-block-ex-seminar {
    height: 200px;
    padding: 5px;
}
.block-ex-seminar-bg {
    background-color: #f6f7f8;
}

.block-img-ex-seminar {
    height: 104px;
    position: relative;
    display: inline-block;
}
.block-img-ex-seminar.images-ex-ad > img {
    height: 104px;
    width: 140px;
}
.block-title-ex-seminar {
    height: 11px;
    position: relative;
    margin-top: 10px;
}
.block-btn-register-ex-seminar {
    height: 25px;
    position: relative;
    margin-top: 42px;
    width: 65px;
    margin-left: auto;
    margin-right: auto;
}
.card-block-show-ex-seminar.active {
    border-color: #ff7e00;
}
.card-block-show-ex-seminar.active .block-advt {
    top: 6px;
    left: 0px;
}
.card-block-show-ex-seminar-featured-post.active {
    border-color: red;
}
.block-result-coins-pay {
    display: none;
    border: 1px solid transparent;
    background-color: #cfffcf;
    border-radius: 8px;
    padding: 0px 15px 0px 15px;
    width: 55%;
    margin-right: auto;
    margin-top: 20px;
}
.block-result-coins-pay > p:last-child {
    text-align: center;
    color: #07b807;
    font-size: 35px;
    font-weight: bold;
    margin-top: -12px;
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.block-result-coins-pay > p:first-child {
    font-size: 14px;
    margin-bottom: 7px;
    margin-top: 8px;
}
.btn-footer-modal {
    float: right;
}
input#coins::-webkit-input-placeholder {
    font-size: 12px;
}
.status-boostpost {
    padding: 10px 15px 10px 15px;
    border-radius: 8px;
    text-align: center;
    font-family: 'kanit','sans-serif';
    color: white;
    font-size: 22px;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 9px;
}
.status-boostpost.online {
    background-color: #5ccd06;
}
.status-boostpost.offline {
    background-color: #c5c5c5;
}
.sub-time-eventdate {
    margin-left: 11px;
}
.in-web-change-web {
    position: relative;
    margin-top: 15px;
}
.in-web-change-web .text-in-input {
    position: absolute;
    display: block;
    left: 15px;
    top: 10px;
    z-index: 9;
}
.in-web-change-web input#url-in {
    width: 54%;
    padding-left: 186px;
    font-size: 22px;
    color: #0faae0;
    padding-bottom: 7px;
    padding-top: 4px;
    font-weight: bold;
}
.in-web-change-web .btn-seach-data {
    height: 40px;
    margin-top: -5px;
}
.in-web-change-web .view-ex-link.inweb-ex {
    margin-top: 5px;
    font-size: 12px;
}
.out-web-change-web input#url-out {
    width: 94%;
    margin-bottom: 15px;
}

.choose-post.five > .modal-background-seminardd .modal {
    transform: translateX(-1500px);
    animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    width: 700px;
    height: 438px;
}
.choosepost-body {
    height: 357px;
    overflow: auto;
}
.btn-choose-post {
    font-family: 'kanit', 'sans-serif';
    display: none;
    background-color: #ff8a10;
    color: white;
    text-decoration: none;
    border: 1px solid transparent;
    transition: 0.3s;
    outline: none;

    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
    float: right;
    font-size: 18px;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    position: absolute;
    right: 24px;
    margin-top: -25px;
}
.btn-choose-post:hover {
    color: #ff8a10;
    border: 1px solid #ff8a10;
    background-color: transparent;
}
table.table-choose-post tr:hover {
    background-color: #e1f7ff;
}
table.table-choose-post tr:hover td > .btn-choose-post {
    transition: 0.8s;
    display: block;
}
table.table-choose-post tbody tr th:first-child, table.table-choose-post tbody tr td:first-child {
    border-left: 1px solid #ddd;
}
table.table-choose-post tbody th, table.table-choose-post tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
table.table-choose-post tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;
}
.table-choose-post tbody th, .table-choose-post tbody td {
    padding: 10px 10px;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
a.choose-owner-post {
    color: #0faae0;
}
.div-btn-add-more-register-modal {
    text-align: left;
    margin-top: 20px;
}
.inline-block-more-personal {
    display: inline-flex;
    width: 100%;
}
.inline-block-more-personal > .input-register-group {
    width: 100%;
}
.tab-register-personal > h3 {
    margin-bottom: -4px;
}
.edit-banner input#url-in {
    width: 70%;
}
.block-inside-choose-type-picture {
    margin-left: 40px;
    margin-bottom: 30px;
}
.content-add-banner.advertising-image-banner{
    height: auto;
    width: 97%;
    position: relative;
    margin-bottom: 19px;
}
.content-add-banner.advertising-image-banner .form-input-post-title {
    width: 88%;
}
.content-add-banner.advertising-image-banner textarea {
    width: 96%;
    padding-left: 15px;
    padding-right: 15px;
}

.block-select-boostpost {
    text-align: left;
    margin-top: 15px;
}

.block-select-boostpost > label {
    font-size: 18px;
    font-family: 'kanit','sans-serif';
    font-weight: bold;
}

.block-select-boostpost > select {
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 7px 10px 9px 10px;
    outline: none;
    font-size: 15px;
    width: 90%;
    margin-top: 15px;
}

.boost-post-title .chosen-container {
    width: 90% !important;
}

.boost-post-title .chosen-container-single .chosen-single {
    padding: 5px 0 0 10px;
    height: 30px;
}
.block-address-sending {
    text-align: left;
}
.block-input-sending-address {
    padding: 15px;
}
.block-input-sending-address .input-other-inline {
    width: 50% !important;
    height: 35px;
}

/*Responsive Boost post*/
@media (max-width: 768px) {
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 666px;
        height: 453px;
    }
    #modal-add-location.five, #modal-choose-location.five, .modal-add-address-rec.five {
        z-index: 99999;
    }
    #modal-add-location {
        top: 0;
    }
}

@media (max-width: 736px) {
    #block-show-ex-seminar {
        width: 105%;
        height: 300px;
    }
    .card-block-show-ex-seminar.active {
        margin-right: -9px;
    }
    #modal-seminardd.one {
        top: -7px;
        z-index: 99999;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 666px;
        height: 315px;
    }
    #modal-choose-location.five .modal-background-location .modal {
        height: 100%;
    }
    #modal-seminardd .footer-modal {
        position: relative;
        width: 96%;
        margin-top: 20px;
    }
    .in-web-change-web input#url-in {
        width: 52%;;
    }
    input#url-in {
        width: 40%;
    }
    #modal-seminardd.choose-post.five {
        z-index: 999999;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 634px;
        height: 320px;
        overflow-y: scroll;
    }
}

@media (max-width: 667px) {
    input#coins {
        width: 23%;
    }
    .have-conis-block {
        margin-left: 4px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 637px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .info-new-lecturer {
        width: 600px;
        margin-left: 0px;
    }
    .location-search-height {
        height: 150px;
    }
    .block-left-province {
        width: 50%;
        float: left;
    }
    .block-right-amphur {
        width: 50%;
        margin-right: -12px;
        float: right;
    }
    .block-inline-form-new-location.address-div {
        margin-top: 3px;
        display: block;
    }
    .block-right-tumbol {
        width: 50%;
        float: left;
    }
    .block-right-zipcode {
        width: 48%;
        margin-right: 0;
        float: right;
    }
    .detail-float-left {
        clear: both;
    }
    .info-new-location {
        margin-left: 0;
        width: 100%;
    }
    #modal-add-location.five .modal-background-location .modal {
        width: 639px;
        height: 100%;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        left: 0;
        top: 0;
        overflow-y: scroll;
    }
    .footer-modal-choose-location {
        margin-bottom: 50px;
    }
    .in-web-change-web input#url-in {
        width: 46%;
    }
    .status-boostpost {
        width: 45%;
    }
    .card-block-show-ex-seminar {
        width: 130px;
    }
    .block-img-ex-seminar.images-ex-ad > img {
        width: 120px;
    }
    .card-block-show-ex-seminar:nth-child(3) {
        margin-right: -3px;
    }
    #block-show-ex-seminar {
        height: 290px;
    }
    input#url-in {
        width: 35%;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 567px;
        height: 279px;
    }
    .choose-post > .modal-background-seminardd .top-modal-search {
        height: 83px;
    }
}

@media (max-width: 640px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 609px;
        margin-left: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 610px;
    }
    .info-new-lecturer {
        width: 570px;
    }
    .block-right-fullname {
        width: 26%;
    }
    .block-right-lname {
        width: 25%;
    }
    .select-sub-div {
        width: 100%;
    }
    .modal-background-lecturer .input-post-group .form-input-post.active select {
        width: 100%;
    }
    .block-right-phone {
        width: 45.8%;
    }
  /*  #modal-seminardd.one .modal-background-seminardd .modal {
        width: 541px;
    }*/
    #modal-add-location.five .modal-background-location .modal {
        width: 610px;
    }
    .info-new-location {
        width: 97%;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
         width: 609px;
         margin-left: 0px;
         padding-left: 15px;
         padding-right: 15px;
     }
}

@media (max-width: 568px) {
    .have-conis-block {
        margin-top: 14px;
        margin-left: 0;
    }
    .body-modal-boostpost {
        height: 100%;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 525px;
        margin-left: -8px;
    }
    .info-new-lecturer {
        width: 485px;
    }
    .block-right-prefix {
        width: 17%;
        margin-right: 25px;
    }
    .block-left-nickname {
        width: 14%;
        margin-right: 25px;
    }
    .block-right-fullname {
        margin-right: 25px;
    }
    .block-right-phone {
        width: 45%;
    }
    #modal-add-lecturer .footer-modal-choose-lecturer {
        position: relative;
        margin-bottom: 50px;
        bottom: -5px;
    }
    #modal-seminardd.one .modal-background-seminardd .modal, #modal-add-location.five .modal-background-location .modal {
        width: 538px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
    }
    .location-search-height, .body-modal-choose-location {
        margin-left: 0;
        width: 100%;
    }
    #form-new-location {
        margin-left: 0;
        width: 100%;
    }
    #modal-seminardd .footer-modal {
        height: 65px;
    }
    .in-web-change-web input#url-in {
        width: 44%;
    }
    #block-show-ex-seminar {
        height: 222px;
    }
    /*.body-modal-boostpost {
        height: 295px;
    }*/
    .block-img-ex-seminar.images-ex-ad > img {
        width: 115px;
    }
    .card-block-show-ex-seminar {
        width: 125px;
    }
    input#url-in {
        width: 30%;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 538px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
    }
}

@media (max-width: 450px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        height: 100% !important;
        width: 419px;
        float: left;
    }
    .body-modal-boostpost {
        display: block;
        /*height: 100%;*/
    }
    #block-show-ex-seminar {
        width: 101%;
        height: 220px;
        margin-bottom: 25px;
        text-align: center;
        margin-left: 1px;
    }
    .card-block-show-ex-seminar.active {
        margin-right: -5px;
        margin-left: -10px;
    }
    .card-block-show-ex-seminar {
        margin-right: -5px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 427px;
        height: 100%;
    }
    .info-new-lecturer {
        width: 398px;
    }
    .block-left-nickname {
        width: 16%;
    }
    .block-right-prefix {
        width: 21%;
    }
    .block-right-fullname, .block-right-lname {
        width: 20.5%;
    }
    #form-new-lecturer input.input-register {
        width: 95%;
    }
    .block-left-email {
        margin-right: 24px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 427px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow-y: scroll;
    }
    #search-location-modal {
        width: 92%;
    }
    #modal-add-location.five .modal-background-location .modal {
        width: 93%;
    }
    .block-right-zipcode {
        width: 44%;
        margin-right: 11px;
    }
    .block-building {
        width: 38%;
    }
    .block-floor {
        width: 8%;
        margin-right: 26px;
    }
    .block-right-amphur {
        width: 48%;
        margin-right: -7px;
    }
    .preview-banner-image.banner-A {
        width: 98%;
    }
    .in-web-change-web input#url-in {
        width: 26%;
    }
    #modal-seminardd .footer-modal {
        width: 92%;
    }
    .status-boostpost {
        width: 55%;
    }
    .body-modal.view-info-div img {
        width: 100%;
    }
    input#url-in {
        width: 33%;
    }
    .btn-seach-data {
        margin-top: 14px;
        margin-left: 0px;
    }
    .content-add-banner.url-web {
        height: 100%;
    }
    .add-banner .block-result-coins-pay {
        margin-top: 27px;
    }
    .inline-input .input-post-group.date-end {
        margin-left: 0;
        width: 50%;
    }
    .inlinedate-choose {
        display: block;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        height: 100% !important;
        width: 419px;
        float: left;
    }
    .choosepost-body {
        height: 100%;
    }
    .namecontact-and-phone-block .input-post-group:first-child, .namecontact-and-phone-block .input-post-group:last-child {
        width: 39%;
    }
    #modal-seminardd.boost-post .modal-background-seminardd {
        height: 100%;
        overflow: scroll;
        display: block;
        position: relative;
    }
    #modal-seminardd.boost-post .footer-modal {
        height: 100px;
    }
    #modal-seminardd.boost-post .close-modal-seminardd {
        margin-top: -18px;
        margin-right: 0;
    }
}

@media (max-width: 414px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 386px;
    }
    .card-block-show-ex-seminar.active {
        margin-right: 17px;
        margin-left: 0px;
    }
    #modal-add-lecturer {
        top: 0%;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 392px;
    }
    .info-new-lecturer {
        width: 357px;
    }
    #modal-add-lecturer .footer-modal-choose-lecturer {
        position: relative;
        margin-bottom: 55px;
        bottom: 0;
        width: 94%;
    }
    .in-web-change-web input#url-in {
        padding-left: 154px;
    }
    .in-web-change-web input#url-in {
        width: 29%;
    }
    .one.add-banner input#url-out {
        width: 89%;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 386px;
    }
}

@media (max-width: 375px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 344px;
    }
    .table-result-seminar a.btn-rearrange-post {
        margin-left: 7px;
        width: auto;
    }
    .footer-modal-choose-lecturer {
        bottom: -130px;
        margin-bottom: 20px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 352px;
    }
    #modal-add-lecturer .footer-modal-choose-lecturer > .btn-footer-modal-choose-lecturer {
        margin-top: 15px;
    }
    .block-inline-form-new-lecturer {
        display: inline-block;
        width: 100%;
    }
    .block-left-nickname {
        width: 42%;
        float: left;
    }
    .block-right-prefix {
        width: 43%;
        float: right;
    }
    .block-right-fullname, .block-right-lname {
        width: 42.5%;
        margin-right: 25px;
    }
    .block-right-fullname {
        float: left;
    }
    .block-right-lname {
        float: right;
    }
    .block-right-phone {
        width: 44%;
    }
    .content-choose-place > .name-place {
        font-size: 14px;
    }
    .btn-choose-place, .btn-confirm-choose-place {
        padding: 8px 6px 8px 7px;
        font-size: 15px;
    }
    #cancel-add-location {
        display: block;
    }
    .block-right-zipcode {
        width: 42%;
        margin-right: 12px;
    }
    .block-room-name {
        width: 36%;
        margin-right: 28px;
    }
    #block-more-room .block-floor {
        width: 8%;
        margin-right: 31px;
    }
    #block-more-room .block-building {
        width: 35%;
    }
    .in-web-change-web input#url-in {
        width: 20%;
    }
    .status-boostpost {
        width: 70%;
    }
    .block-result-coins-pay {
        width: 65%;
    }
    .text-in-input {
        top: 76px;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 344px;
    }
}

@media (max-width: 360px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 330px;
    }
    .footer-modal-choose-lecturer {
        bottom: -150px;
        margin-bottom: 40px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 337px;
    }
    .info-new-lecturer {
        width: 302px;
    }
    .block-left-nickname, .block-right-prefix {
        width: 40%;
    }
    .block-right-fullname, .block-right-lname {
        width: 39.5%;
    }
    .block-right-phone {
        width: 43%;
    }
    .location-search-height {
        height: 160px;
    }
    .content-choose-place > .address-place {
        font-size: 11px;
    }
    .address-place > img {
        width: 12px;
    }
    #modal-seminardd.one.location .modal-background-seminardd .modal {
        width: 92% !important;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow-y: scroll;
        margin-left: 0;
    }
    #search-location-modal {
        width: 90%;
    }
    .in-web-change-web .text-in-input {
        left: 11px;
        top: 12px;
    }
    .in-web-change-web input#url-in {
        padding-left: 149px;
        font-size: 18px;
        padding-top: 6px;
    }
    .btn-seach-data {
        margin-left: 10px;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 330px;
    }
}

@media (max-width: 320px) {
    #modal-seminardd.one .modal-background-seminardd .modal {
        width: 291px;
    }
    .card-block-show-ex-seminar.active {
        margin-right: 5px;
    }
    .footer-modal-choose-lecturer {
        bottom: -235px;
        margin-bottom: 125px;
        width: 76%;
    }
    .body-modal-choose-location {
        height: 309px;
    }
    #modal-add-lecturer.five .modal-background-lecturer .modal {
        width: 305px;
    }
    .block-right-phone {
        width: 42%;
    }
    .location-search-height {
        height: 170px;
    }
    .content-choose-place > .name-place {
        font-size: 12px;
    }
    .content-choose-place > .address-place {
        font-size: 10px;
        margin-top: 6px;
    }
    .address-place > img {
        width: 10px;
    }
    .btn-choose-place, .btn-confirm-choose-place {
        padding: 5px 4px 5px 5px;
        font-size: 14px;
    }
    #cancel-add-location {
        display: block;
        margin-left: 1px;
    }
    #block-more-room .block-building {
        width: 32%;
    }
    .in-web-change-web .text-in-input {
        top: 9px;
    }
    .in-web-change-web input#url-in {
        padding-left: 149px;
        font-size: 16px;
        padding-top: 5px;
        width: 19%;
    }
    .in-web-change-web .btn-seach-data {
        height: 34px;
        margin-top: -3px;
        padding: 4px 7px;
        font-size: 12px;
    }
    .view-info .top-modal {
        font-size: 20px;
    }
    .block-result-coins-pay {
        width: 75%;
    }
    .add-banner .top-modal-search {
        font-size: 20px;
    }
    #modal-seminardd.boost-post .footer-modal {
        width: 93%;
    }
    .one.add-banner input#url-out {
        width: 82%;
    }
    input#url-in {
        width: 29%;
    }
    #modal-seminardd.five .modal-background-seminardd .modal {
        width: 291px;
    }
}

/*Rearrange post*/
#modal-seminardd.one .modal-background-seminardd .modal-rearrangepost {
    width: 640px;
    height: 320px;
}

.body-modal-rearrangepost {
    text-align: left;
    height: 220px;
    width: 100%;
}

.block-select-rearrangepost {
    text-align: left;
    margin-top: 15px;
}

.block-select-rearrangepost > label {
    font-size: 18px;
    font-family: 'kanit','sans-serif';
    font-weight: bold;
}

.block-select-rearrangepost .chosen-container {
    width: 100% !important;
}

.block-select-rearrangepost .chosen-container-single .chosen-single {
    padding: 5px 0 0 10px;
    height: 30px;
}

.block-select-rearrangepost .chosen-container-single .chosen-search input[type="text"] {
    padding: 8px 20px 8px 15px;
    background: url(chosen-sprite.png) no-repeat 100% -45px, linear-gradient(#eeeeee 1%, #ffffff 15%);
}

.block-select-rearrangepost select {
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 7px 10px 9px 10px;
    outline: none;
    font-size: 15px;
    margin-top: 15px;
}
.inline-featured-post {
    display: inline-flex;
}
.inline-featured-post .left-featured-post, .inline-featured-post .right-featured-post {
    width: 50%;
}
.inline-featured-post .right-featured-post > .block-result-coins-pay {
    margin-top: 30px;
    width: 100%;
}
/*Responsive Rearrnge post*/
@media (max-width: 736px) {

}

@media (max-width: 667px) {
    #modal-seminardd.one .modal-background-seminardd .modal-rearrangepost {
        width: 560px;
        height: 275px;
    }
}

@media (max-width: 667px) {
    #modal-seminardd.one .modal-background-seminardd .modal-rearrangepost {
        width: 535px;
        height: 215px;
    }
}

@media (max-width: 450px) {
    #modal-seminardd.one .modal-background-seminardd .modal-rearrangepost {
        width: 96%;
        margin-top: 100px;
    }
}