/* common */
table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
    border: 1px solid #d2d6de !important;
    word-break: break-all;
    vertical-align: middle !important;
    /*white-space: pre-line !important;*/
}
/* custom nav menu */
.navbar-custom-menu-left {
   float: left;
}
.main-footer {
    background: #00a2e8;
    color: #fff;
    font-size: 16px;
}
/*.bg-input {*/
    /*background: #f8f9fb;*/
    /*border: none;*/
/*}*/
/*.bg-td {*/
    /*background: #f8f9fb;*/
/*}*/
.icon-star-yellow {
    color: #ffcc00;
}
.input-checkbox {
    vertical-align: top;
}
.render-html {
    /*border: 1px solid #000;*/
    padding: 10px;
}
.render-html a img {
    display: block;
    width: 100%;
    height: auto;
}
.mg-memo {
    margin: 0 10px 10px 10px;
}
.bd-1 {
    border: 1px solid #c6c6c6;
    min-height: 100px;
}
.bd-radius-5{
    border-radius: 5px;
}
.cate-affiliate-height {
    height: auto;
    min-height: 190px;
    padding: 20px;
    border: 1px solid #c6c6c6;
    background: aliceblue;
}
.cate-affiliate-list {
    height: 150px;
    overflow: auto;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
}
.mgt-02{
    margin-top: 0.2em;
}
.pd-unset {
    padding-left: unset;
    padding-right: unset;
}
.ver-center{
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
}
.list-group-item {
    cursor: pointer;
}
.list-group-item:hover{
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
.icon-size {
    font-size: 20px;
}
.w-50 {
    width: 50px;
}
.w-80 {
    width: 80px;
}
.w-80 input {
    max-width: 80px;
    width: -webkit-fill-available;
}
.w-100 {
    width: 100px;
}
.w-150 {
    width: 150px;
}
.w-200 {
    width: 200px;
}
.w-250 {
    width: 250px;
}
.w-300 {
    width: 300px;
}
.w-350 {
    width: 350px;
}
.w-400 {
    width: 400px;
}
.w-450 {
    width: 450px;
}
.w-500 {
    width: 500px;
}

.mgl-10 {
    margin-left: 10px;
}
.mgl-15 {
    margin-left: 15px;
}
.mgr-5 {
    margin-right: 5px;
}
.mgr-10 {
    margin-right: 10px;
}
.mgb-5 {
    margin-bottom: 5px !important;
}
.mgb-10 {
    margin-bottom: 10px;
}
.mgb-20 {
    margin-bottom: 20px;
}
.mgtb-10 {
    margin: 10px 0;
}
.pdl-0 {
    padding-left: 0;
}
.pd-5 {
    padding: 5px 0;
}
.dp-il {
    display: inline;
}
.dp-ib{
    display: inline-block;
}
.dp-bl{
    display: block;
}
.dp-none{
    display: none;
}
.pd-lr-10 {
    padding: 0 10px;
}
.pdl-10 {
    padding-left: 10px;
}
.mgl-20 {
    margin-left: 20px;
}

.ip-md-60 {
    width: 60px;
}
.ip-md-80 {
    width: 80px;
}
.ip-md-130 {
    width: 130px;
}
.ip-md-50 {
    width: 50%;
}
textarea {
    resize: none;
}
.list-group {
    margin-bottom: unset;
}
.modal {
    text-align: center;
    padding: 0!important;
}
.modal-thumbnail-file {
    text-align: -webkit-center;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.video-thumbnail {
    display: block;
    width: 220px;
    height: 140px;
    margin: 5px 0;
}
#up_image_video {
    display: none;
  }
.btn-del {
    cursor: pointer;
    color: red;
}
.cur-pointer {
    cursor: pointer;
}
.pointer-none {
    pointer-events: none;
}
/* MH List Mansion */
.content-admin {
    min-height: 400px;
    background: #ffffff;
}
.f-select {
    margin: 15px 0;
}
.btn-right {
    margin: 15px 0;
    text-align: right;
}

.box-di {
    float: left;
}
.thumbnail-v-i {
    margin: 10px 0;
    max-width: 220px;
    display: block;
}
.c-notice {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.4em;
    max-height: 4.2em;     /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.clearfix {
    clear: both;
}
.modal-footer-cus{
    border: unset;
}
.modal-header-cus{
    border: unset;
}
.w-webkit {
    width: -webkit-fill-available;
}

/*
 start css error
*/

.cus-errors {
    color: red;
}
.pdt-5 {
    padding-top: 5px;
}
.pdb-10 {
    padding-bottom: 10px;
}
.mgt-5 {
    margin-top: 5px;
}
.mgt-7 {
    margin-top: 7px;
}
.mgt-10 {
    margin-top: 10px;
}
.mgt-20 {
    margin-top: 20px;
}
.mgb-10 {
    margin-bottom: 10px;
}

.cus-select {
    padding: 5px;
    max-width: 100%;
    position: relative;
}
.cus-select option {
    padding: 5px;
    max-width: inherit;
    position: absolute;
}
.cus-select-frm {
    padding: 5px;
    width: 100%;
    position: relative;
}
.cus-select-frm option{
    padding: 5px;
    max-width: inherit;
    position: absolute;
}


.hr-tit {
    border-bottom: 3px solid #d2d6de;
}
.hr-line {
    border-bottom: 2px solid #d2d6de;
}
#progress {
    display: none;
    margin-top: 20px;
}
#progress-bar {
    height: 20px;
    background-color: #1329AF;
    text-align: center;
    line-height: 20px;
    color: white;
}
.percent {
    float: left;
}
.note-mansion-info {
    font-weight: bold;
}
.lb-status {
    font-size: 100%;
    font-weight: unset;
}
.read-only {
    background-color: #eee;
    opacity: 1;
}
.bg-readonly {
    background-color: #eee;
    opacity: 1;
}
.m-w-80 {
    min-width: 80px;
}
.form-control-span {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    height: auto;
    line-height: 1.42857143;
    color: #555;
    /*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.dis-btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.input-width {
    width: -webkit-fill-available;
}

/*.upload-html {*/
    /*display: none !important;*/
/*}*/

#upload-html-terms, #upload-html-about{
    background: aliceblue
  }
#upload-html-privacy {
    background: cornsilk
}

#form_upload_cover .custom-file {
    background-color: #3a72dc;
    color: white;
    padding: 0.5rem 2rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    margin-top: 1rem;
    margin-left: 20px;
}

#form_upload_cover .custom-field{
    display: flex;
    align-items: center;
    padding-left: 15px;
}

#form_upload_cover .input-file{
    margin-right: 15px;
    margin-left: 15px;
}

#form_upload_cover .ml-2{
    margin-left: 2rem;
}

#form_upload_cover .btn-delete-img{
    cursor: pointer;
    color: red;
    border: 1px solid #d73925;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}

.check-mansion input {
    vertical-align: top;
    margin-right: 10px;
}

.check-mansion input, label {
    cursor: pointer;
}

.modal-alert {
    text-align: center;
    padding: 10px;
}
.alert-cus {
    border-radius: unset;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
     white-space: unset;
}
    .btn-payment-fee {
        margin-top: 10px;
        text-align: center;
    }
}

/* Medium devices (landscape tablets, 992px and down) */
@media only screen and (max-width: 992px) {
    .content-wrapper {
        background-color: #ffffff;
    }
    .box-di span {
        display: none;
    }
    .d-time {
        margin-top: 10px;
    }
    .mb-mgb {
        margin-bottom: 10px;
    }
    .mgt-10-991{
        margin-top: 10px;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .box-content {
        padding: 15px;
    }
    .w-12{
        width: 22%;
    }
    .w-14{
        width: 34%;
    }
}
/* Large devices (laptops/desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .w-12{
        width: 30%;
    }
    .w-14{
        width: 36%;
    }
}

@media screen and (max-width: 1366px) {

    .list-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive-list {
        table-layout: fixed;
        word-wrap: break-word;
    }
}

@media screen and (max-width: 431px) {
    .cus-select {
        margin-left: 0;
    }
}
/* Large devices (laptops/desktops, 1205px and up) */
@media only screen and (max-width: 1205px) {
    .mb-reponsive-mansion {
        width: 280px;
    }
}

/* Affiliate Image */
#form_upload_image {
    margin-bottom: 10px;
}