/* DataTables 2 left-aligns headers, but some list tables carry a .text-center
   class that centres their body cells, so each header label sat to the left of
   its centred content. Left-align the body cells to match the headers, which
   is the readable default for these text-heavy lists. (The old .sorting rules
   here targeted DataTables 1 sort classes that DT2 no longer emits.) */
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody td {
    text-align: left;
}

.control-bar{
    background: none;
    border: none;
}

.control-bar .right-control{
    text-align: right;
}

.control-bar button{
    padding: 8px 25px;
    background-color: #67809F;
}

.control-bar {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.list-grid{
    padding-top: 10px;
}

table.dataTable.no-footer{
    width: 100% !important;
}


@media (max-width: 735px) {
    .control-bar button.btn{
       padding: 8px 23px;
    }
}

@media (max-width: 600px) {
   .control-bar .control .left-control,
   .control-bar .control .right-control{
      max-width: 100%;
      flex: 0 0 100%;
   }

   .control-bar button.btn{
    font-size: 11px;
   }

   .control-bar .left-control,
   .control-bar .right-control{
    text-align: center;
   }

   table.dataTable tbody td{
      text-align: left;
   }
}

@media (min-width: 992px){
   .col-lg-6.setting-form-section {
      flex: 0 0 100%;
      max-width: 100%;
   }

    .setting-bottom-section .setting-row-section ul{
      align-items: center;
    }
}


@media (max-width: 550px){

    /*setting*/

   .setting-bottom-section .setting-row-section ul li.setting-text{
       line-height: 1;
   }

   .setting-bottom-section .setting-row-section ul li.setting-text a.promter-name{
      font-size: 11px;
   }

   .setting-bottom-section .setting-row-section ul li p{
       font-size: 12px;
   }
}

@media (max-width: 340px){
    .control-bar button.btn{
        font-size: 8px !important;
    }

}

@media (min-width: 341px) and (max-width: 372px) {
    .control-bar button.btn{
        font-size: 10px !important;
    }

}
@media (max-width: 550px) and (min-width: 320px){
    .notification-area{
        text-align: left !important;
        float: none !important;
        margin-top: 10px;
    }

    .notification-area li:nth-child(1){
        margin: 0 !important;
    }
}

/* Status Switch CSS */

.switch{
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  .switch + .lable{
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
  }
  .switch + .lable::before{
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #32a3ce;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
  }
  .switch:checked + .lable::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  }
  /* CSS3 on/off switches */
  .switch + .lable {
    margin: 0 4px;
    min-height: 24px;
  }
  .switch + .lable::before {
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
  }
  .switch.switch-bootstrap + .lable::before {
    font-family: FontAwesome;
    content: "\f00d";
    box-shadow: none;
    border-width: 0;
    font-size: 16px;
    background-color: #a9a9a9;
    color: #F2F2F2;
    width: 52px;
    height: 22px;
    line-height: 21px;
    text-indent: 32px;
    -webkit-transition: background 0.1s ease;
    -o-transition: background 0.1s ease;
    transition: background 0.1s ease;
  }
  .switch.switch-bootstrap + .lable::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
  .switch.switch-bootstrap:checked + .lable::before {
    content: "\f00c";
    text-indent: 6px;
    color: #FFF;
    border-color: #b7d3e5;

  }

  .switch-success >.switch.switch-bootstrap:checked + .lable::before {
      background-color: #5cb85c;
  }

  .switch.switch-bootstrap:checked + .lable::after {
    left: 32px;
    background-color: #FFF;
    border: 4px solid #FFF;
    text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
  }

  /* Status Switch CSS End */

  /* Loader CSS */

  .loading {
    height: 0;
    width: 0;
    padding: 5px;
    border: 3px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    float: right;
    display:none;
}

  @-webkit-keyframes rotate {
    /* 100% keyframe for  clockwise.
       use 0% instead for anticlockwise */
    100% {
      -webkit-transform: rotate(360deg);
    }
}

.control-bar button.btn-danger{
    background: #c82333;
    border: 1px solid #bd2130;
}

.header-area{
    padding: 9px 30px;
}

.btn-sm {
    padding: 5px 14px;
}

.dt-rowReorder-moving{
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}

@media (min-width: 991px) {
  .setting-bottom-section .setting-row-section ul{
    align-items: center;
  }
}


@media (min-width: 1024px) {
    .control-bar .left-control button.btn-danger{
      position: relative;
    }

    .control-bar .left-control .loading {
        position: absolute;
        top: 11px;
        right: 30%;
    }
}

@media (min-width: 850px) and (max-width: 1023px) {
    .control-bar .left-control button.btn-danger{
      position: relative;
    }

    .control-bar .left-control .loading {
        position: absolute;
        top: 11px;
        right: 10%;
    }
}

@media (max-width: 800px){
    .control-bar .left-control button.btn-danger{
      position: relative;
    }

    .control-bar .left-control .loading {
        position: absolute;
        top: 11px;
        right: 15px;
    }
}

.dataTables_wrapper table.dataTable td.reorder input[type=checkbox]{
  width: 19px;
  height: 19px;
}

table.dataTable td.reorder {
  text-align: left;
  cursor: unset;
}

a.promter-name{
color: #4369ac;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif !important;
}

/*SETTING SECTION*/

.set-name-text ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #444 !important;
}

.set-name-text ul li{
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    text-align: center;
}

.set-name-text ul li strong{
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-weight: 700;
}

li.setting-text{
  width: 17%;
  text-align: center;
}

li.value-text-sec{
   width: 50%;
   text-align: center;
}

li.desc-sec{
   width: 33%;
   text-align: center;
}

.set-name-text ul li.value-text-sec{
  border-left: 1px solid #6b6666;
  border-right: 1px solid #6b6666;
}

.setting-bottom-section .setting-row-section ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #999999;
}

.setting-bottom-section .setting-row-section ul li.value-text-sec{
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

.setting-bottom-section .bank-info-sec.setting-row-section ul li{
  border-right: none;
}

.setting-bottom-section .setting-row-section ul li.setting-text,
.setting-bottom-section .setting-row-section ul li.value-text-sec,
.setting-bottom-section .setting-row-section ul li.desc-sec{
  text-align: left;
  padding: 5px;
}

.setting-bottom-section .setting-row-section ul li.value-text-sec input{
  width: 100%;
  font-size: 14px;
  border: 1px solid rgba(170, 170, 170, .3);
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  padding: 5px 14px;
}

.setting-bottom-section .setting-row-section ul li select{
  font-size: 14px;
  border: 1px solid rgba(170, 170, 170, .3);
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
}

.setting-bottom-section .setting-row-section ul li p{
  color: #336699;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1;
}

.setting-bottom-section .setting-row-section ul li p span{
   color: #ff0000;
}

.bank-info-sec a{
  padding: 5px;
}

form.setting-form{
  padding: 0 !important;
}

form.setting-form button{
  margin: 10px;
}

.setting-bottom-section .setting-row-section ul li.value-text-sec .upload-image{
    text-align: center;
}

.setting-bottom-section .logo-sec ul li.value-text-sec a{
    color: #4369ac;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif !important;
}

.setting-bottom-section .logo-sec ul li.value-text-sec .choose-bnt button{
    padding: 0 7px;
    margin: 0;
}


/*PROMOTER DETAILS*/

.promote-details-section .card .card-body{
  border: none;
}

.promoter-details .promoter-details-top{
    border: 2px solid #808080;
}

.promoter-details .promoter-details-top .promote-page ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.promoter-details .promoter-details-top .promote-page ul li {
   border: 1px solid #999;
   width: 25%;
   text-align: left;
   padding: 5px;
}

#promoter-details.promoter-details .promoter-details-top .promote-page ul li:nth-child(1){
   width: 17%!important;
}

#promoter-details.promoter-details .promoter-details-top .promote-page ul li:nth-child(2){
   width: 83%!important;
}

.promoter-details .promote-detail-icon ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 5px;
}

.promoter-details .promote-detail-icon ul li{
   padding: 5px 10px;
}

.promoter-details .promote-detail-icon ul li.comment-add a img{
   width: 21px;
}

.promoter-details .promoter-details-bottom{
  margin-top: 30px;
  border: 1px solid #808080;
}

.promoter-details .promoter-details-bottom .save-get{
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   padding: 2px;
}

.promoter-details .promoter-details-bottom .save-get .monta-input{
    padding-right: 5px;
}

.promoter-details .promoter-details-bottom .save-get .geo-input-sec input{
    width: 200px;
}

.promoter-details .promoter-details-bottom .save-get .get-geo-sec button{
   padding: 0 7px;
}

@media (min-width: 992px){
  .col-lg-6.prom-page-col{
      flex: 0 0 100%;
      max-width: 100%;
  }
}

@media (max-width: 800px){
    .promoter-details .promoter-details-bottom .save-get .geo-input-sec input {
        width: 133px ;
    }
}

@media (max-width: 480px){
   .promoter-details .promoter-details-bottom .save-get .monta-input.geo-input-sec{
      margin-bottom: 5px;
   }
}

.promoter-details .promoter-details-top .promoter-website ul li.web a{
    text-decoration: underline;
}

.promoter-details .promoter-details-top .promote-page ul li.square-sec-image{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.promoter-details .promoter-details-top .promote-page ul li button.view-bnt{
    border: none;
    background: none;
    color: #2364b1;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view{
   position: relative;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view .lorem-pop-sec{
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    opacity: 1;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view .lorem-pop-sec .view-popup-overlay{
    background: rgba(0,0,0,0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view .lorem-pop-sec .popup-details-sec{
    width: 45%;
    padding: 30px;
    float: left;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 99999;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view .lorem-pop-sec .popup-details-sec .lorem-detail-sec{
    position: relative;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view .lorem-pop-sec .popup-details-sec .lorem-detail-sec p{
   font-weight: 700;
}

.promoter-details .promoter-details-top .promote-page ul li .pop-pup-view .lorem-pop-sec .popup-details-sec a.close-btn{
    position: absolute;
    top: 2px;
    right: 2px;
}

form.create-form .pref-sec .card .card-body{
  border: none;
}

form.create-form .pref-sec .card.card-bordered{
  padding: 10px;
}

#promoterInformation .card-bordered{
  padding: 10px;
  background: #f1f1f1;
}

#promoterInformation .card-bordered .card-body{
  border: none;
}

#promoterInformation .card-bordered .row .mt-5{
   margin-top: 0 !important;
}

form.create-form .pref-sec .card.card-bordered .pay-promot.pay-pmt{
  border-top: 1px solid rgba(0, 0, 0, .125);
  padding-top: 25px;
}

form.create-form .pref-sec .card.card-bordered .pay-promot.pay-pmt_row{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

form.create-form .pref-sec .card.card-bordered .pay-promot label{
  width: 37%;
}

form.create-form .pref-sec .card.card-bordered .pay-promot textarea{
  /*width: 38%;
  margin-left: 20px;*/
  width: 63%;
}

form.create-form .pref-sec .card.card-bordered .pay-promot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



form.create-form .pref-sec .card.card-bordered .pay-promot input{
    width: 31%;
}

form.create-form .pref-sec .card.card-bordered .mt-5.pay-fee{
  margin-top: 0!important;
}

@media (min-width: 768px){
    form.create-form .pref-sec .col-md-6.Performance-sec {
      flex: 0 0 100%;
      max-width: 100%;
    }

    #promoterInformation .col-lg-12.col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
    }
}




@media (min-width: 992px){
  .col-lg-6.promoter-pay-sec {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


#promoterInformation .card-bordered .row .card-body ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-group .concert-date-sec{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-group .concert-date-sec input{
  width: 88%;
}

@media (max-width: 991px){
  .form-group .concert-date-sec input{
    width: 77% !important;
  }
}

.form-group .concert-date-sec img{
    width: 25px;
    height: 25px;
}

.form-group .concert-date-sec img.add-icon{
   cursor: pointer;
}

.perform-col {
  background: #e2e0dc;
  padding: 15px;
}

.perform-col .pref-sec{
  padding-bottom: 27px;
}

p.h6{
  margin-bottom: 0 !important;
}

.return-sign-one .form-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*border-top: 1px solid rgba(0, 0, 0, .125);*/
  padding-top: 15px;
  padding-left: 22px;
  align-items: center;
  padding-bottom: 10px;
}

.return-sign-one .form-group label{
  margin: 0;
}

.return-sign-one .form-group input{
  width: 18%;
}


@media (min-width: 992px){
   .add-promoter-details .col-ml-12.add-promoter-col{
      flex: 0 0 50%;
      max-width: 50%;
   }
}

@media (max-width: 992px){
   .person-detail-sec.checkbox-sec .day-checkbox {
    width: 70% !important;
  }

  .person-detail-sec.checkbox-sec .day-checkbox label {
    width: 43% !important;
   }
}

@media (max-width: 920px){
   .person-detail-sec.checkbox-sec .day-checkbox label{
      width: 71% !important;
   }
}

@media (min-width: 992px) and (max-width: 1101px) {
   .press-detail-setion.hotel-street-sec .form-group input,
   .press-detail-setion.hotel-street-sec .form-group textarea {
        width: 63% !important;
   }
}

@media (min-width: 700px) and (max-width: 991px) {
   .press-detail-setion.hotel-street-sec .form-group input,
   .press-detail-setion.hotel-street-sec .form-group textarea {
        width: 45% !important;
   }
}

@media (min-width: 601px) and (max-width: 699px) {
   .press-detail-setion.hotel-street-sec .form-group input {
        width: 42% !important;
    }

     .press-detail-setion.hotel-street-sec .form-group textarea{
         width: 73% !important;
     }

    .press-detail-setion.hotel-street-sec .form-group label {
        width: 25% !important;
    }
}

@media (max-width: 480px){
    .press-detail-setion.hotel-street-sec .form-group,
    .hotel-street-sec .Performance-sec .form-group{
       display: block !important;
    }

    .perform-col.hotel-street-sec .Performance-sec .col-6 {
        flex: 0 0 100%!important;
        max-width: 100% !important;
    }

    .person-detail-sec .form-group label {
        width: 30% !important;
    }

    .press-detail-setion.hotel-street-sec .form-group label,
    .hotel-street-sec .Performance-sec .form-group input {
        width: 100% !important;
    }

    .press-detail-setion.hotel-street-sec .form-group input,
    .press-detail-setion.hotel-street-sec .form-group textarea{
      width: 100% !important;
    }
}

@media (min-width: 768px){
  .press-detail-setion.hotel-street-sec .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}




@media (min-width: 768px) and (max-width: 991px) {
   .add-promoter-details .col-ml-12.add-promoter-col{
      flex: 0 0 80%;
      max-width: 80%;
   }
}

.add-promoter-details .col-ml-12.add-promoter-col .row{
    display: block;
}

.add-promoter-details .col-ml-12.add-promoter-col .row .start-form-sec .form-group{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
}

.add-promoter-details .col-ml-12.add-promoter-col .row .start-form-sec .form-group input{
   width: 50%;
}

.add-promoter-details .col-ml-12.add-promoter-col .row .start-form-sec .form-group textarea{
  width: 60%;
}

.add-promoter-details .col-ml-12.add-promoter-col .row .start-form-sec .form-group small.text-muted{
  margin-top: 9px;
  font-style: italic;
  width: 100%;
   text-align: right;
}

.add-promoter-details .col-ml-12.add-promoter-col .row .start-form-sec .form-group .dropdown-menu{
  min-width: 100% !important;
  width: 100% !important;
}

.add-promoter-details .col-ml-12.add-promoter-col .row .start-form-sec .form-group .dropdown-menu .dropdown-item{
   padding: .25rem 0.5rem !important;
}

.hotel-street-sec .Performance-sec .form-group,
.press-detail-setion.hotel-street-sec .form-group{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}

.hotel-street-sec .Performance-sec .form-group input{
  width: 70%;
}

.press-detail-setion.hotel-street-sec .form-group label{
    width: 18%;
}

.press-detail-setion.hotel-street-sec .form-group input{
  width: 70%;
}

.press-detail-setion.hotel-street-sec .form-group span{
  color: #b3b0b0;
  width: 10%;
}

.press-detail-setion.hotel-street-sec .form-group textarea{
  margin-top: 11px;
  width: 70%;
}

.person-detail-sec .form-group{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

.person-detail-sec .form-group label{
    width: 19%;
}

.person-detail-sec .form-group input{
    width: 70%;
}

.person-detail-sec.checkbox-sec input{
    width: 50%;
}

.person-detail-sec.checkbox-sec .day-checkbox{
    width: 24%;
    padding-top: 11px;
    padding-left: 11px;
}

.person-detail-sec.checkbox-sec .day-checkbox input{
    width: 7%
}

.person-detail-sec.checkbox-sec .day-checkbox label{
    width: 32%;
}

.person-detail-sec.checkbox-sec img{
   margin-left: 10px;
}

.venue-sec{
  margin-top: 18px;
}


/*BUTTON*/

.make-itnary button{
    background: no-repeat;
    border: none;
    color: #3c8fe8;
    text-decoration: underline;
    margin-top:  0 !important;
    padding-top: 0;
    padding-right: 10px !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
}

.make-itnary button:hover{
    background: no-repeat;
    border: none;
    color: #3c8fe8;
    text-decoration: underline;
}

p.pre-detail{
    font-weight: 500;
    color: #666;
    text-align: center;
    padding-bottom: 10px;
}

.make-itnary{
  padding-left: 22px;
  margin-bottom: 12px;
  border-top: 1px solid rgba(0, 0, 0, .125);
  padding-top: 20px;
}

/*BORDER*/

.btn-sm,
.dropdown-toggle,
.dropdown-toggle.bs-placeholder{
  border: 1px solid #b9b0b0;
}

::placeholder {
  font-weight: 600;
}

.dropdown-toggle.bs-placeholder .filter-option-inner-inner{
  font-weight: 700;
  color: #495057;
}

input{
   font-weight: 600;
}

.form-group label,
ul.list-group li.list-group-item{
  font-weight: 700;
}

.logo-sec.setting-row-section ul li.value-text-sec .upload-image img{
   height: 60px !important;
}

.logo-sec.setting-row-section ul li.value-text-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.logo-sec.setting-row-section ul li.value-text-sec .choose-bnt{
    width: 260px;
}

.logo-sec.setting-row-section ul li.value-text-sec .upload-imaget{
    width: 200px;
}

span.date-mod{
  font-weight: normal;
  font-style: italic;
}

.itine-sec{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.itine-sec button{
  margin-top: 0!important;
  padding: 0;
}

.col-5.itine-option-sec{
  padding-left: 0;
  margin-top: 0 !important;
}

form.create-form.itine-form{
   /*padding: 10px 0;*/
   padding: 0 0 10px 0;
}

.departure-section form.create-form .departure-form-sec{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.departure-section .person-detail-sec .form-group label{
  width: 100% !important;
  font-size: 12px !important;
  font-weight: 800;
}

/*.departure-section form.create-form .person-detail-sec .form-group {
  display: block;
}*/

.inter-date{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.inter-date input{
  width: 77% !important;
}

.departure-section .person-detail-sec .person-detail-sec.checkbox-sec input {
    width: 100%;
}

.departure-section .person-detail-sec .form-group input{
  width: 100%;
}

.departure-section form.create-form .booking-date{
  width: 19%;
}

.departure-section form.create-form .dep-sec .form-group{
  line-height: 2;
}

.departure-section .dep-sec{
  width: 10%;
}

.departure-section form.create-form .place-sec{
    width: 21%;
}

.departure-section form.create-form .option-time{
  width: 13%;
}

.departure-section form.create-form .transpor-sec{
  width: 23%;
  margin-top: 10px;
}

.departure-section form.create-form .transpor-sec .form-group{
  margin-bottom: 0;
  text-align: center;
}

.departure-section form.create-form .transpor-sec .form-group textarea.form-control{
    height: 70px;
}

.departure-section .person-detail-sec .form-group input.option-time-input{
  margin-bottom: 5px;
}

.departure-section .person-detail-sec .form-group{
  text-align: center;
}

.departure-section .momo-link{
   margin-left: 16px;
   text-align: center;
}

.departure-section .momo-link .link-btn{
  margin-bottom: 10px;
}

.departure-section .momo-link .link-btn button{
  margin-top: 12px !important;
}

.departure-section .momo-link a{
      text-decoration: underline;
}

.departure-section .momo-link a.flight-mon{
  padding-right: 8px;
}


@media (min-width: 1016px) and (max-width: 1265px) {
   .departure-section form.create-form .booking-date {
      width: 24% !important;
  }

  .departure-section .dep-sec {
    width: 12% !important;
  }
}

@media (min-width: 992px) and (max-width: 1015px) {
   .departure-section form.create-form .booking-date {
      width: 25% !important;
  }

  .departure-section .dep-sec {
    width: 12%;
  }
}

@media (min-width: 800px) and (max-width: 991px) {
   .departure-section form.create-form .booking-date {
    width: 36% ;
   }

  .departure-section .dep-sec {
    width: 19%;
  }

  .departure-section form.create-form .place-sec {
    width: 29% ;
  }

  .departure-section form.create-form .option-time {
    width: 20% ;
  }

  .departure-section form.create-form .transpor-sec {
    width: 38% ;
  }

  .departure-section form.create-form .departure-form-sec {
    justify-content: space-around;
  }

  .departure-section form.create-form .dep-sec .form-group {
    line-height: 2.1;
  }
}

@media (min-width: 697px) and (max-width: 799px) {
   .departure-section form.create-form .booking-date {
    width: 42% ;
   }

  .departure-section .dep-sec {
    width: 22%;
  }

  .departure-section form.create-form .place-sec {
    width: 31% ;
  }

  .departure-section form.create-form .option-time {
    width: 22% ;
  }

  .departure-section form.create-form .transpor-sec {
    width: 44% ;
  }

  .departure-section form.create-form .departure-form-sec {
    justify-content: space-around;
  }

  .departure-section form.create-form .dep-sec .form-group {
    line-height: 2.1;
  }

  .departure-section .momo-link a{
    font-size: 11px;
  }
}

@media (min-width: 601px) and (max-width: 696px) {
   .departure-section form.create-form .booking-date {
      width: 50%;
   }

  .departure-section .dep-sec {
    width: 26%;
  }

  .departure-section form.create-form .place-sec {
    width: 31% ;
  }

  .departure-section form.create-form .option-time {
    width: 22% ;
  }

  .departure-section form.create-form .transpor-sec {
    width: 44% ;
  }

  .departure-section form.create-form .departure-form-sec {
    justify-content: space-around;
  }

  .departure-section form.create-form .dep-sec .form-group {
    line-height: 2;
  }

  .departure-section .momo-link a{
    font-size: 11px;
  }
}

@media (min-width: 481px) and (max-width: 600px) {
   .departure-section form.create-form .booking-date {
      width: 43%;
   }

  .departure-section .dep-sec {
    width: 21%;
  }

  .departure-section form.create-form .place-sec {
    width: 28% ;
  }

  .departure-section form.create-form .option-time {
    width: 20% ;
  }

  .departure-section form.create-form .transpor-sec {
    width: 44% ;
  }

  .departure-section form.create-form .departure-form-sec {
    justify-content: space-around;
  }

  .departure-section form.create-form .dep-sec .form-group {
    line-height: 2;
  }

  .departure-section .momo-link a{
    font-size: 11px;
  }
}

@media (max-width: 480px){
   .departure-section form.create-form .booking-date {
      width: 100%;
   }

  .departure-section .dep-sec {
    width: 44%;
  }

  .departure-section form.create-form .place-sec {
    width: 47% ;
  }

  .departure-section form.create-form .option-time {
    width: 28% ;
  }

  .departure-section form.create-form .transpor-sec {
    width: 100%;
  }

  .departure-section form.create-form .transpor-sec .col-12{
     padding: 0 6px !important;
  }

  .departure-section form.create-form .dep-sec .form-group {
    line-height: 2;
  }

  .departure-section .momo-link a{
    font-size: 12px;
  }

  .departure-section form.create-form .departure-form-sec {
    justify-content: space-around;
  }
}

.contract-page-dep-arr{
  display: inline-block;
  padding-left: 36px;
  margin-bottom: 25px;
  padding-top: 15px;
}

label.error{
   color: #e84141;
}

input.error{
  border: 1px solid #e84141;
}



.artist-error {
  position: relative;
}

.artist-error label.error{
  position: absolute;
  top: 36px;
  left: 0;
}

.concertdate-error {
  position: relative;
}

.concertdate-error label.error{
  position: absolute;
  top: 62px;
  left: 0;
}

select.error + label + button {
    border: 2px solid #e84141 !important;
}

select.error + label + button.dropdown-toggle:focus{
   outline: none !important;
   border: 1px solid #e84141 !important;
}

.inquiry-secrion .form-group .concert-date-sec input{
    width: 82%;
}

.search-section .serch-text {
  margin-top: 0 !important;
}

.search-section .serch-text .form-group{
    display: flex;
    align-items: center;
}

.search-section .serch-text .form-group label{
   margin-right: 10px;
   margin-bottom: 3px !important;
}

.search-section .serch-text .form-group button{
    margin-top: 0 !important;
}

.promoter-starting-sec .promo-color-sec li.color-sec{
  display: flex;
}

.promoter-starting-sec .promo-color-sec li.color-sec a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.promoter-starting-sec .promo-color-sec li a .blue{
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: rgb(2,0,36);
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(27,88,193,1) 0%, rgba(255,255,255,1) 100%);
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #2e66c6;
  margin-right: 5px;
}

.promoter-starting-sec .promo-color-sec li a .black{
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: rgb(2,0,36);
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #000;
  margin-right: 5px;
}


/*PROMOTORS SELECT COLOR*/

.red-color{
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(224,50,15,1) 0%, rgba(255,255,255,1) 100%);
  width: 14px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #ac0500;
}

.orange-color{
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(255,172,0,1) 0%, rgba(255,255,255,1) 100%);
  width: 14px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #f78300;
}

.green-color{
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(155,212,30,1) 0%, rgba(255,255,255,1) 100%);
  width: 14px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #569f00;
}

.blue-color{
   width: 14px;
  height: 14px;
  line-height: 14px;
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(27,88,193,1) 0%, rgba(255,255,255,1) 100%);
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #000;
}

.black-color{
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #000;
}

.white-color{
  background: linear-gradient(346deg, rgba(2,0,36,1) 0%, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
   width: 14px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
  margin-top: 2px;
  border: 1px solid #cdcdcd;
}

.promo-color{
  display: show;
}

/* The promoter list's two narrow columns, the checkbox and the priority
   swatch that follows the promoter name. Both are addressed by position,
   since the sort classes DataTables emits mark whichever column the table
   is ordered by, not these two. */
.promoter-starting-sec table tbody tr td:first-child,
.promoter-starting-sec table tbody tr td:nth-child(3),
.promoter-starting-sec table thead tr th:nth-child(3){
    text-align: center;
}

/* The promoter column, keeping the name and its SMS icon on one line.
   Flexbox takes the cell out of the table's column sizing, so it fills the
   width DataTables reserved for the column rather than setting its own. */
.promoter-starting-sec table tbody tr td:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 20px 10px;
}

.promoter-starting-sec .paging_simple_numbers{
  padding-bottom: 20px;
}
#messageTable tbody tr td a img{max-width:none!important;}
#messageTable tbody tr td{width: 25%;}
#messageTable tbody tr{height: 45px;}


#table-message-email-status {
  overflow: scroll;
  height: 100%;
  position: relative;
  max-height: 500px;
}
@media (min-width: 768px){
  #table-message-email-status #emailTable tr td:first-child {
    width: 25%;
  }
  #table-message-email-status #emailTable tr td:nth-child(2) {
    width: 80px;
  }
  #table-message-email-status #emailTable tr td:nth-child(2) span.bg-warning {
    width: 80px;
    display: inline-block;
  }
  #table-message-email-status #emailTable tr td:last-child {
    width: 100px;
  }
}
@media (max-width: 1439px){
  #table-message-email-status {
    max-height: 350px;
  }
}
@media (max-width: 1260px){
  #table-message-email-status {
    max-height: 300px;
  }
}

@media (max-width: 1024px){
  #table-message-email-status {
    max-height: 300px;
  }
}
@media (max-width: 767px){
  #table-message-email-status {
    max-height: 350px;
  }
}