@font-face {
	font-family: "Poppins-Regular";
	src: url('../fonts/poppins/Poppins-Regular.ttf');
}
@font-face {
	font-family: "Poppins-SemiBold";
	src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}
@font-face {
	font-family: "Poppins-Medium";
	src: url('../fonts/poppins/Poppins-Medium.ttf');
}
@font-face {
	font-family: "Muli-Bold";
	src: url('../fonts/muli/Muli-Bold.ttf');
}

.page_wrapper {
  padding-top:50px;


}
#page-wrapper {
  padding-top:0px;
  height: 100%;
}
.form-holder {
  position: relative;
  }
.form-holder i {
    position: absolute;
    top: 11px;
    right: 19px;
    font-size: 17px;
    color: #999;

    
}
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  }
  /*
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border: none; 
  z-index: 2;
}


.form-holder:after {
  content: '\f078';
  font: normal normal normal 11px/1 FontAwesome;
  color: #0ebeff;
  right: 11px;
  top: 6px;
  height: 42px;
  padding: 10px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}
*/

.panel-warning {
  border-color:#faebcc
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-red {
  border-color: #d9534f;
}
.panel-orange {
  border-color: #ebccd1;
}
.panel-purple {
  border-color: #7c83fd;
}
    .form-control {
      border-radius: 0 !important;
      height: 42px;
      border: 1px solid #e6e6e6;
      background: none;
      width: 100%;
      padding: 0 18px; }


      .form-control:focus {
        border-color: #f3d4b7; }
      .form-control::-webkit-input-placeholder {
        color: #999;
        font-size: 13px; }
      .form-control::-moz-placeholder {
        color: #999;
        font-size: 13px; }
      .form-control:-ms-input-placeholder {
        color: #999;
        font-size: 13px; }
      .form-control:-moz-placeholder {
        color: #999;
        font-size: 13px; }
/*
   .new_booking {
    background: url(../img/neuro-img3.jpg) no-repeat right center; 
    -webkit-animation: myfirst 0.5s ; 
    animation: myfirst 0.5s ;
    
   }
*/
  

   .new_consultation .panel {
    border: 0px;
   }

   .new_consultation {
      background: url(../img/neuro-img3.jpg) no-repeat right center; 
      -webkit-animation: myfirst 0.5s ; /* Chrome, Safari, Opera */
      animation: myfirst 0.5s ;
     }
     .new_consultation .page-header{
      display:none;
  }

    .new_consultation  .panel-heading {
     display: none;
    }
/** New Consultation **/
    #form_new_consultation{
      display:flex;
      justify-content: left;
      font-family: "Poppins-Regular";
    }


    
    #form_new_consultation .panel {
      width: 700px;
    }
    
    #form_new_consultation .panel-heading {
          display: none;
        }
    #form_new_consultation .panel-footer {
          text-align: center;
          border-top: 0px;
    }

    #form_new_consultation .panel-body .title{
          margin-bottom:20px;
          padding-left:16px;
        }
    #form_new_consultation .panel-body {
        padding: 50px 75px 0px 65px;
        }
    #form_new_consultation  .row {
          padding-bottom: 24px;
        }
    
    #form_new_consultation .form-group label{
          font-size:15px;
        }

        #form_new_consultation  .submit-btn {
          width: 300px;
        }

/* (A) USE ::BEFORE TO CREATE A LOADING SPINNER */
#form_new_int_consultation_booking_timeid::before ,
#form_new_consultation_timeid::before, 
#edit_int_consultation_booking_timeid::before {
  content: "";
  background-image: url("./images/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  display: none; 
}

/* (B) DIMENSIONS */

#form_new_int_consultation_booking_timeid::before ,
#form_new_consultation_timeid select,
#form_new_consultation_timeid::before,
#edit_int_consultation_booking_timeid::before {
  width: 100%;
  height: 40px;
  
}

/* (C) POSITION LOADING SPINNER OVER DROPDOWN */
#form_new_int_consultation_booking_timeid::before ,
#form_new_consultation_timeid,
#edit_int_consultation_booking_timeid
 { position: relative; }

#form_new_int_consultation_booking_timeid::before ,
#form_new_consultation_timeid select ,
#edit_int_consultation_booking_timeid select
{ z-index: 1; }

#form_new_int_consultation_booking_timeid::before ,
#form_new_consultation_timeid::before {
  position: absolute;
  top: 25px; left: 0;
  z-index: 2;
}


#edit_int_consultation_booking_timeid::before {
  position: absolute;
  left: 0;
  z-index: 2;
}

/* (D) "DISABLED BY DEFAULT" */
#form_new_int_consultation_booking_timeid::before ,
#form_new_consultation_timeid select, 
#form_edit_int_consultation_booking_consultdate select {
  pointer-events: none;
  opacity: 0.5;
}

/* (E) HIDE SPINNER WHEN DONE LOADING */
.done#form_new_consultation_timeid select, 
.done#form_new_int_consultation_booking_timeid select, 
.done #edit_int_consultation_booking_timeid select {
  pointer-events: auto;
  opacity: 1;
}
.loading#form_new_consultation_timeid::before  { display: block; }

.loading#form_new_int_consultation_booking_timeid::before  { display: block; }

.loading#edit_int_consultation_booking_timeid::before  { display: block; }







   /* Chrome, Safari, Opera */
  @-webkit-keyframes myfirst {
    from {
      margin-left: 100%;
      width: 100%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }

  /* Standard syntax */
  @keyframes myfirst {
    from {
      margin-left: 100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }
 

input[type=submit],
input[type=reset], 
input[type=button], .submit-btn{
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      padding: 2px 15px;
      position: relative;
      cursor: pointer;
      border-width: 2px;
      border-style: solid;
      height:35px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-family: "Libre Franklin", Arial, Helvetica, 'Nimbus Sans L', sans-serif;
      font-size: 14px;
      line-height: 22px;
      font-weight: 600;
      font-style: normal;
      text-transform: none;
      color: #fff;
      background-color: #2db7fd;
      border-color: #2db7fd;
      -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
      -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
      -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
      -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
      transition: color .3s ease, background-color .3s ease, border-color .3s ease;
        }
/* Booking Form */
#form_new_booking{
  display:flex;
  justify-content: left;
  font-family: "Poppins-Regular";
}

#form_new_booking .form-control{
  height: 42px !important;
}

#form_new_booking .panel {
  width: 600px;
}

#form_new_booking .panel-heading {
      display: none;
    }
#form_new_booking .panel-body .title{
      margin-bottom:20px;
      padding-left:16px;
    }
#form_new_booking .panel-body {
    padding: 50px 75px 0px 65px;
    }
#form_new_booking  .row {
      padding-bottom: 24px;
    }

#form_new_booking .form-group label{
      font-size:15px;
    }
.booking-detail h3 {
      margin-bottom : 20px;
      font-weight: 900;
    }
.booking-detail {
      margin: auto;
      padding-top: 50px;
    }

.booking-detail table{
      font-size: 18px;
    }

.booking-detail tbody{
      text-align: left;
    }
.booking-detail table th {
      padding: 11px 0;
      color: #333;
      display:block;
    }
.booking-detail table tr td {

      color: orange;
      padding-bottom:10px;

    }
.booking-detail .space-row{
      display:block;
    }

#form_new_booking .panel-footer{
      display: flex;
      justify-content: center;
      background-color: white;
      border-top: 0px;
    }
#form_new_booking button[type=submit]{
      width:40%;
      padding:10px;
    }

#form_new_booking .panel{
      border: 0px;
    }

 .new_booking .page-header{
      display:none;
    }

.booking_title{
      font-size:60px;
    }




.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
       border: 0px ;
    
 }

.table-bordered {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: 0px;
        border-right: 0px;
        }

.collapse-icon{
          padding:0px;
          border: 0px;
        }

.collapsed .vc_toggle_icon{
          
          visibility: visible;
          display: block;
          width: 27px;
          height: 27px;
          position: absolute;
          right: auto;
          top: 8px;
          bottom: 0;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background-color: #2db7fd;
          -webkit-transition: background-color .3s ease;
          -moz-transition: background-color .3s ease;
          -ms-transition: background-color .3s ease;
          -o-transition: background-color .3s ease;
          transition: background-color .3s ease;
        }

.collapsed .vc_toggle_icon:before {
          content: '';
          width: 1px;
          height: 9px;
          }
          
.vc_toggle_icon {
          background-color: #666b6e7d;
          visibility: visible;
          display: block;
          width: 27px;
          height: 27px;
          position: absolute;
          right: auto;
          top: 8px;
          bottom: 0;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          -webkit-transition: background-color .3s ease;
          -moz-transition: background-color .3s ease;
          -ms-transition: background-color .3s ease;
          -o-transition: background-color .3s ease;
          transition: background-color .3s ease;
          }

.vc_toggle_icon:after,.vc_toggle_icon:before {
            content: '';
            width: 9px;
            height: 1px;
            margin: auto !important;
            position: absolute;
            left: 0;
            right: 0;
            top: 0px;
            bottom: 0;
            background-color: #fff;
            -webkit-transition: height .3s ease;
            -moz-transition: height .3s ease;
            -ms-transition: height .3s ease;
            -o-transition: height .3s ease;
            transition: height .3s ease;
}

.vc_toggle_icon:before {
              content: '';
              width: 1px;
              height: 0px;
}

        

.panel-heading{
     padding: 15px 15px;
     position: relative;
 }




 .available_date{
  /*border: 1px solid #569ff7; */
  background-color: #fff;
  color: #000;
}


/* Calendar */
.single {
  text-align: center;
  }
 .line {
    height: 1px;
    background-image: linear-gradient(90deg,rgba(0,0,0,0.00) 0%,#000000 50%,rgba(0,0,0,0.00) 100%);
    opacity: .1;
    width: 100%;
}
.single .table-legend .row-line {
display: grid;
grid-template-columns: 25% 25% 25% 25%; 
/*grid-template-columns: 50% 50%;*/
max-width: 520px;
margin: 10px auto;
}
.single .ball {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin: 0 auto;
  }


.single .table-legend .button {
  border: 0;
  height: auto;
  padding: 6px 10px;
  letter-spacing: 1px;
  }

  .button-legend {
    cursor: pointer;
    padding: 0 14px;
    }



.fc-day-grid-event .fc-content {
    white-space: normal !important;
    overflow: hidden !important;
}


.fc-event:hover {
  color: red;
  /* default TEXT color */
  text-decoration:wavy !important;
}


#form_edit_consultation_report_comment #comment{
  min-height:200px;
}

#form_edit_consultation_report_remark #remark{
  min-height:200px;
}

/** Full Calendar **/
.fc-button .fc-icon {
  font-size: 1.2em;
  }

  .fc-button  .fc-icon {
    height: 1.4em;
  }
  .btn-calendar{
    margin:10px;
  }

  .fc-day-grid-container.fc-scroller {
    height: auto!important;
    overflow-y: auto;
}

.weekItem {
  left: 0% !important;
  margin-right: 0% !important;
}

.fc-time-grid-event {
  width:100%;
}

  #msgModal{
    margin: 120px auto;
  }

  .edit_checkin .submit-btn,#edit_checkin .submit-btn{
    width: 100%;;
  }

  .edit_checkin .checkin_title, #edit_checkin .checkin_title{
    color: green;
    font-size:26px;
    text-align: center;
  }
  .edit_checkin  .checkin_box,#edit_checkin .checkin_box{
    padding: 20px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.38);
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid #000000;
  }

  /* checkin form */
  .checkin_time{
    font-size: 1.2em;
  }

  .alert{
    padding: 10px;
  }

  .alert .alert-success{
   color: #3c763d;
  }

  .alert .alert-warning{
    color: #db8e11;
   }

  .alert .msg_icon{
    padding-right:10px;
  }

  .collapse_btn{
    visibility: hidden;
  }

  .cancel_booking{
    padding:10px;
    text-decoration: underline;
    color:red;
    margin-top:40px;
  }

  .message_read{
    font-size:14px;
  }



  .booking-time-group .book-date-label label{
    position: relative;
    cursor: pointer;
    color: #666;
    font-size:16px;
  }
  .booking-time-group .booking-time {
     padding: 10px;
 }

  .booking-time-group .booking-time label{
    position: relative;
    cursor: pointer;
    color: #666;
    font-size:18px;
 
  }
  
  .new_booking input[type="checkbox"], .new_booking input[type="radio"]{
    position: absolute;
    right: 9000px;
  }
  
  /*Check box*/
  input[type="checkbox"] + .label-text:before{
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
  }
  
  input[type="checkbox"]:checked + .label-text:before{
    content: "\f14a";
    color: #2980b9;
    animation: effect 250ms ease-in;
  }
  
  input[type="checkbox"]:disabled + .label-text{
    color: #aaa;
  }
  
  input[type="checkbox"]:disabled + .label-text:before{
    content: "\f0c8";
    color: #ccc;
  }
  
  /*Radio box*/
  
  input[type="radio"] + .label-text:before{
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
  }
  
  input[type="radio"]:checked + .label-text:before{
    content: "\f192";
    color: #8e44ad;
    animation: effect 250ms ease-in;
  }
  
  input[type="radio"]:disabled + .label-text{
    color: #aaa;
  }
  
  input[type="radio"]:disabled + .label-text:before{
    content: "\f111";
    color: #ccc;
  }
  
  /*Radio Toggle*/
  
  .toggle input[type="radio"] + .label-text:before{
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
  }
  
  .toggle input[type="radio"]:checked + .label-text:before{
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
  }
  
  .toggle input[type="radio"]:disabled + .label-text{
    color: #aaa;
  }
  
  .toggle input[type="radio"]:disabled + .label-text:before{
    content: "\f204";
    color: #ccc;
  }

  .radio-booking-date{
    display: flex;
    flex-wrap: wrap;
  }

  .radio-booking-date .booking-time{
    flex: 1 0 200px;
    margin: 5px;
    height: 50px;
    white-space: nowrap;
  }

  .radio-booking-date:after{
    content: "  ";
    flex: 10;     
  }
  .booking-time .label-text{
    padding:10px;
  }

  input[type="radio"]:checked + .label-text {
    transition: background 300ms linear;
  
    border-radius: 5px;
    border: 1px solid rgba(231, 76, 60, .6);
  }
  

/* Student Checkbox */
.student-checkbox  label{
  font-size: 20px;
}

/* Timeslot Warning Label */
.timeslot_warning{
  font-size: 20px;
  color: #a94442;
}


  @keyframes effect{
    0%{transform: scale(0);}
    25%{transform: scale(1.3);}
    75%{transform: scale(1.4);}
    100%{transform: scale(1);}
  }

    /* For Mobile Portrait View */
@media screen and (min-width: 480px) and (max-width: 1024px )
{

  .radio-booking-date .booking-time{
    flex: 1 0 120px;
  }

}
  /* For Mobile Portrait View */
@media screen and (max-width: 480px)
{

  .radio-booking-date .booking-time{
    flex: 1 0 100px;
  }
  
   .modal-body {
    padding: 1px !important;
   }
   .panel-body{
    padding: 10px !important;
   }


   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    }

    .booking-time-group .book-date-label label{
      position: relative;
      cursor: pointer;
      color: #666;
      font-size:16px;
    }
  
    .booking-time-group .booking-time label{
      position: relative;
      cursor: pointer;
      color: #666;
      font-size:16px;
    }

    .booking-time-group{
      padding-top: 10px;
      padding-left: 5px;
      padding-bottom:20px;
    }

}


/*
Toggle Radios v1.1
by Adam Culpepper | @adamculpepper
https://github.com/adamculpepper/toggle-radios
*/
.toggle-radio {
  background: #f5f5f5;
  border:1px solid #ccc
}

.toggle-radio > input:checked + label {
  background:#add8e6
}

.toggle-radio > input + label:not(:last-of-type) {
  border-right:1px solid #ccc
}

.toggle-radio {
  border-radius:4px
}

.toggle-radio {
  display:inline-flex
}

.toggle-radio > input[type=radio] {
  display:none
}

.toggle-radio > input[disabled] + label {
  opacity:.5
}

.toggle-radio > input[disabled] + label:hover {
  cursor:not-allowed
}

.toggle-radio > input + label {
  display: inline-block;
  margin-bottom: 0;
  padding: 5px 10px;
  float: left;
  cursor:pointer
}

.toggle-radio > input:checked + label {
  transition:background 300ms linear
}

.toggle-radio[data-style=rounded] {
  border-radius:500px
}

.toggle-radio[data-style=square] {
  border-radius:0
}

.toggle-radio[data-color=red] > input:checked + label {
  background:rgba(231, 76, 60, .6)
}

.toggle-radio[data-color=orange] > input:checked + label {
  background:rgba(230, 126, 34, .6)
}

.toggle-radio[data-color=yellow] > input:checked + label {
  background:rgba(241, 196, 15, .6)
}

.toggle-radio[data-color=green] > input:checked + label {
  background:rgba(46, 204, 113, .6)
}

.toggle-radio[data-color=blue] > input:checked + label {
  background:rgba(52, 152, 219, .6)
}

.toggle-radio[data-color=purple] > input:checked + label {
  background:rgba(155, 89, 182, .6)
}

.toggle-radio[data-color=gray] > input:checked + label {
  background: rgba(85, 85, 85, .6)
}









body .order-dialog{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.8;
	color: rgba(0,0,0,.4);
}



/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
  .order-dialog u ~ div  {
        min-width: 320px !important;
    }
}
/* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
  .order-dialog  u ~ div {
        min-width: 375px !important;
    }
}
/* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) {
  .order-dialog  u ~ div {
        min-width: 414px !important;
    }
}

  
.order-dialog .primary{
	background: #30e3ca;
}
.order-dialog .bg_white{
	background: #ffffff;
}
.order-dialog .bg_light{
	background: #fafafa;
}
.order-dialog .bg_black{
	background: #000000;
}
.order-dialog .bg_dark{
	background: rgba(0,0,0,.8);
}
.order-dialog email-section{
	padding:2.5em;
}

/*BUTTON*/
.order-dialog .btn{
	padding: 10px 15px;
	display: inline-block;
}
.order-dialog .btn.btn-primary{
	background: #2db7fd;
	color: #ffffff;
  border: 0px;
  width: 130px;
}
.order-dialog btn.btn-white{
	border-radius: 5px;
	background: #ffffff;
	color: #000000;
}
.order-dialog .btn.btn-white-outline{
	border-radius: 5px;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}
.order-dialog .btn.btn-black-outline{
	border-radius: 0px;
	background: transparent;
	border: 2px solid #000;
	color: #000;
	font-weight: 700;
}

.order-dialog h1,h2,h3,h4,h5,h6{
	font-family: 'Lato', sans-serif;
	color: #000000;
	margin-top: 0;
	font-weight: 400;
}



.order-dialog a{
	color: #30e3ca;
}

.order-dialog .content {

  margin:auto;
}


/*LOGO*/

.order-dialog .logo h1{
	margin: 0;
}
.order-dialog .logo h1 a{
	color: #30e3ca;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}

/*HERO*/
.order-dialog .hero{
	position: relative;
	z-index: 0;
}

.order-dialog .hero .text{
	color: rgba(0,0,0,.3);
}
.order-dialog .hero .text h2{
	color: #000;
	font-size: 40px;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.4;
}
.order-dialog .hero .text h3{
	font-size: 24px;
	font-weight: 300;
}
.order-dialog .hero .text h2 span{
	font-weight: 600;
	color: #30e3ca;
}


/*HEADING SECTION*/

.order-dialog .heading-section h2{
	color: #000000;
	font-size: 28px;
	margin-top: 0;
	line-height: 1.4;
	font-weight: 400;
}
.order-dialog .heading-section .subheading{
	margin-bottom: 20px !important;
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(0,0,0,.4);
	position: relative;
}
.order-dialog .heading-section .subheading::after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	content: '';
	width: 100%;
	height: 2px;
	background: #30e3ca;
	margin: 0 auto;
}

.order-dialog .heading-section-white{
	color: rgba(255,255,255,.8);
}
.order-dialog .heading-section-white h2{
	line-height: 1;
	padding-bottom: 0;
}
.order-dialog .heading-section-white h2{
	color: #ffffff;
}
.order-dialog .heading-section-white .subheading{
	margin-bottom: 0;
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(255,255,255,.4);
}

.grow{
  flex-grow: 1;
}



#company_calendar .fc-time-grid .fc-slats td{
  height: 3em;
}

#resource_calendar .fc-time-grid .fc-slats td{
  height: 3em;
}

#consultation_calendar .fc-time-grid .fc-slats td{
  height: 3em;
}

.eventDeleted{
  background-color:rgb(255, 255, 255);
  color: #000;
  border: 1px solid;
  text-decoration: line-through;
}

.eventConsult{
  background-color:  #5a80b9;
  color: #000;

}

.eventUnconfirmed{
  background-color: #fff27e;
  color: #000;
}

.eventConfirmed{
  background-color: #a1ba65;
  color: #000;
}

.eventFirstLesson{
  background-color: #ff7e7e;
  color: #fff;
}

.eventOccupancy{
  background-color: #fff27e;
  color: #000;
}

.excellent{
background-color: #a1ba65 !important;
}
.good{
  background-color: #fff27e!important;
}
.fair{
  background-color: #f19f4d !important;
}
.poor{
  background-color: red !important;
}
.bad{
  background-color: rgb(212, 210, 210) !important;
}


#summaryForm td {
  border: 1px solid #000;
  text-align: center;
}


.limit-text-status{
  text-align:right;
}


.delete_btn{
  background-color: #f6a6a6 !important;
  border-color: #f6a6a6 !important;
}

.modal-action-row{
  padding-top:20px;
}


.circle {
  background: #938005;
  border-radius: 50%;
  color: black;
  display: inline-block;
  height: 10px;
  font-weight: bold;
  font-size: 1.2em;
  width: 10px;
  margin-right: 5px;
}

.GREEN{
  background: #4aca66;
}

.YELLOW{
  background: #faf337;
}

.ORANGE{
  background: #f19809;
}

.RED{
  background: #ca4a64;
}


/* Dashboard */
.dashboard  .panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white !important;
  background-color: #5cb85c !important;
  border-bottom-color: #5cb85c !important;
  }

	.dashboard  .panel-orange > .panel-heading {
		color: white !important;
		background-color: #f6ae99 !important;
		border-bottom-color: #f6ae99 !important; 
		border-width: 5px;
 	}
  
   .dashboard  .panel-primary > .panel-heading{
		color: white !important;
		background-color: cornflowerblue !important;
		border-bottom-color: cornflowerblue !important; 
		border-width: 5px;
	}

  .dashboard  .panel-purple > .panel-heading {
		color: white !important;
		background-color: #7c83fd !important;
		border-bottom-color: #7c83fd !important; 
		border-width: 5px;
 	}

   .dashboard  .panel-orange > .panel-heading {
		color: white !important;
		background-color: #f6ae99 !important;
		border-bottom-color: #f6ae99 !important; 
		border-width: 5px;
 	}

   .dashboard  .panel-kaki > .panel-heading {
		color: #0f2027 !important;
		background-color: #f2e1c1 !important;
		border-bottom-color: #f2e1c1 !important; 
		border-width: 5px;
 	}

  .displaynone{
    display:none;
  }


   .dashboard  .panel-silver > .panel-heading{
		color: #0f2027 !important;
		background-color: #d9d9d9 !important; 
		border-bottom-color: #d9d9d9 !important; 
		border-width: 5px;
	}

	.dashboard  .panel-yellow > .panel-heading{
		color: #0f2027 !important;
		background-color: #f9cf00 !important; 
		border-bottom-color: #f9cf00 !important; 
		border-width: 5px;
	}

	.dashboard  .panel-red > .panel-heading{
		color: #0f2027 !important;
		background-color: #f19f4d !important; 
		border-bottom-color: #f19f4d !important; 
		border-width: 5px;
	}



 #all_progress table{
	display:inline-block;
	margin:15px;
	margin-bottom:5px;
	background:#666;
	font-size:12px;
	text-align:center;
	padding:2px;
	border-collapse:collapse;
}

#all_progress table td, table th{
	border:1px solid #000;
	margin:0px;
}

#all_progress table th{
	padding:10px;
	background:#ccc;
	color:#000;
	margin:0px;
}

#all_progress td{
	padding:5px;
}

#all_progress table th:first-child{
	text-align: left;
	padding-left:20px;
}

#all_progress table th.row_title{
	padding:15px;
}

#all_progress table tr:nth-child(even){
	background:#fff;
}

#all_progress table tr:nth-child(odd){
	background:#eee;
}

#all_progress table tr:hover{
	background:rgb(255, 255, 1);
}

#all_progress table td:hover{
	background: rgb(255, 217, 170);
}


#all_progress{ width: 100vw; height:100vh; overflow: scroll;}

#all_progress table tr th:first-child, #all_progress table td:first-child{
  position: sticky;
  width: 120px;
  left: 0;
  z-index: 10;
  background: #fafafa;
}
#all_progress table tr th:first-child{
  z-index: 11;
}
#all_progress table tr th{
  position: sticky;
  top: 0;
  z-index: 9;
  background: #eee;
}

#student_prgoress_list{
  display:none;
}


.student_progress_list table td:has(.coupon_left){
  background: #f9cf00;
}

.student_progress_list table td:has(.completed){
  background: rgb(127, 230, 48);
}

.student_progress_list table td:has(.not_completed){
  background: hwb(15 35% 7%);
}

.progress_lite_item{
  background-color: #b0d5e8;
}
.progress_item{
  background-color: #b0d5e8;
}

.view_data:has(> .fa-eye) {
  display:none;
}

@media only screen and (min-width : 481px) {
  .flex-row {
      display: flex;
      flex-wrap: wrap;
  }
  .flex-row > [class*='col-'] {
      display: flex;
      flex-direction: column;
  }
  .flex-row.row:after, 
  .flex-row.row:before {
      display: flex;
  }
}


.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa
}

.dropdown-item.active,.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff
}

.dropdown-item.disabled,.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529
}

.form-check-label{
  padding-left:10px;
}

.multiselect{
  height:40px;
}

.dt-buttons{
  padding-bottom: 5px;
}

.dataTables_length{
  margin-bottom: -46px;
}

#form_coupon_purchase_list .view_data {
  display:none;
}
#form_completed_lesson_list .view_data {
  display:none;
}
#form_coupon_balance_list .view_data {
  display:none;
}


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

  .dataTables_length{
    text-align: left !important;
  }
  .dataTables_filter{
    text-align: right !important;
  }
}