/*jquery calendar style*/

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    padding: 10px;
}

.ui-datepicker {
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
    z-index: 999999 !important;
}

.ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #007bff;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
}
  .ui-datepicker-prev,
  .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 99px;
    border: 0px solid #f1f1f1;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px;
  }
  .ui-datepicker-prev {
    float: left;
    margin-left: 12px;
  }
  .ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -142px 0px 0px 8px;
  }
  .ui-datepicker-next {
    float: right;
    margin-right: 12px;
  }
  .ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -142px 0px 0px 0px;
  }
  .ui-datepicker-prev:after, .ui-datepicker-next:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    content: "\f008";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    }
  .ui-datepicker-prev:hover,
  .ui-datepicker-next:hover,
  .ui-datepicker-prev:hover:after,
  .ui-datepicker-next:hover:after {
    border-color: #2666f0;
  }
  .ui-datepicker-title {
    text-align: center;
  }
  .ui-datepicker-calendar {
    width: 100%;
    height: 300px;
    text-align: center;
  }
  .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 40px;
    color: #4c80e9;
    margin-bottom: 5px;
    font-size: 15px;
  }
  .ui-state-default {
    display: block;
    text-decoration: none;
    color: #302e2e;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    width: 40px;
    line-height: 42px;
    background: #fff;
    border-radius: 50%;
  }
  .ui-state-default:hover {
    background: rgba(40,110,251,.1);
    color: #286efb;
  }
  .ui-state-highlight {
    color: #383737;
  }
  .ui-state-active {
    background: rgba(40,110,251,.1);
    color: #286efb;
  }
  .ui-datepicker-unselectable .ui-state-default {
    cursor: no-drop;
    color: #ddd;
  }

    th.ui-datepicker-week-end,
    td.ui-datepicker-week-end 
    {
        cursor: no-drop;
        color: #ddd;
    }


/*jquery calendar style*/


button.ui-datepicker-current { display: none !important; }


/* custom radio */
.staff-rdo {
    display : block;
}

.staff-rdo > input + div{
    cursor:pointer;
    background-color: #fff;
    border: 2px solid #f1f1f1;
    border-radius: 4px;
}

.staff-rdo > input + div:hover{
    border: 2px solid #286efb;
}

.staff-rdo > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.staff-rdo > input:checked + div {
    background-color: #fff;
    border: 2px solid #286efb;
    border-radius: 4px;
}

.service-rdo {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.service-rdo > input + div{
    cursor:pointer;
    background-color: #fff;
    border: 2px solid #f1f1f1;
    border-radius: 4px;
}

.service-rdo > input + div:hover{
    border: 2px solid #286efb;
}

.service-rdo > input{ 
    visibility: hidden; 
    position: absolute;
}

.service-rdo > input:checked + div {
    background-color: #fff;
    border: 2px solid #286efb;
    border-radius: 4px;
}
/* end custom radio */

.booking_step_1,.booking_step_2,.booking_step_3,.booking_confirm {
    padding: 30px 30px;
}


.br-20{
    border-radius: 20px;
}

.dnone{
    display: none;
}


.info-title {
    border-bottom: 2px solid #ddd;
    font-weight: 500;
}

.pull-right{
    float: right !important
}




/*stirpe payment form*/

form {
    position: relative
}

form .input-wrp {
    position: relative;
    display: block;
    width: 100%;
    line-height: 1;
    margin-bottom: 20px
}

form .textfield {
    display: block;
    width: 100%;
    background-clip: padding-box;
    border: 1px solid;
    line-height: 1.2;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    padding: 15px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 30px;
    border-radius: 4px;
    -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
}

form .textfield:hover, form .textfield:focus {
    border-color: #008aff
}

form .textfield::-webkit-input-placeholder {
    color: #777;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

form .textfield::-moz-placeholder {
    color: #777;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

form .textfield:-moz-placeholder {
    color: #777;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

form .textfield:-ms-input-placeholder {
    color: #777;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

form .textfield--light {
    background-color: #fff;
    border-color: #fff;
    color: #b1b1b1
}

form .textfield--grey {
    background-color: #fff;
    border-color: #ddd;
    color: #555;
    font-weight: 500;
}

form .textfield--grey.focus,
form .textfield--grey:focus {
    background-color: #fff
}

form .textfield--dark {
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2);
    color: rgba(255, 255, 255, .5)
}

form .textfield--dark.focus,
form .textfield--dark:focus {
    background-color: #fff;
    border-color: #fff;
    color: #b1b1b1
}

form .textfield.error {
    border-color: #007bff!important
}

form input.textfield {
    height: 45px
}

form textarea {
    resize: vertical;
    height: 100%
}

form button[type=submit] {
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.form--horizontal button[type=submit] {
    margin-top: 0
}

.credit-card-box {
    width: 90%;
    margin: 0 auto;
}

.payment_area {
    padding: 30px 0;
}

.padding-50{
    padding: 50px 0;
}

.mt--5{
    margin-top: -5px;
}
/*stripe payment form end*/


.w-48{
    width: 48%;
}
/* Tabs panel */
ul#pills-tab li {
    text-align: center;
}

ul#pills-tab li a.nav-link {
    display: block;
    background: #f1f1f1;
    color: #6a747b;
}

ul#pills-tab li a.nav-link.active {
    color: #fff;
    background-color: #6a747b;
}
/*tabs end*/




.navbar-vertical.show .card {
    box-shadow:none
}

.navbar-vertical .nav {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.navbar-vertical .nav-sub .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.navbar-vertical .nav-sub .nav-link .nav-link-badge {
    margin-left:auto
}

.navbar-vertical .nav-tabs {
    border-bottom-width: 0;
    padding-left: 23px;
}

.navbar-vertical .nav-tabs .nav-item {
    margin:0
}

.navbar-vertical .card .nav-tabs .nav-link {
    padding-right: 0;
    padding-left: 1.4375rem;
    margin-left:-1.5rem
}

.navbar-vertical .nav-tabs .nav-link {
    padding-right: 1rem;
    padding-left:1rem
}

.navbar-vertical .nav-tabs .nav-link, .navbar-vertical .nav-tabs .nav-link.active {
    border-bottom-width: 0;
    border-radius:0
}

.navbar-vertical .nav-tabs .nav-link:hover {
    border-color:transparent;
}

.navbar-vertical .nav-tabs .nav-link {
    border-width: 0 0 0 .1875rem;
    margin-bottom:0
}

.navbar-vertical .nav-tabs .active .nav-link, .navbar-vertical .nav-tabs .active.nav-link {
    border-left-color:#377dff;
    background: rgba(40,110,251,.1);
}

.nav .nav-link {
    color:#677788
}

.nav .nav-link:not(.active):hover {
    border-left-color:#377dff;
    background: rgba(40,110,251,.1);
    color:#377dff
}

.nav:not(.nav-pills) .nav-item.active .nav-link, .nav:not(.nav-pills) .nav-link.active {
    color:#377dff
}

.nav-sm .nav-link {
    font-size:.875rem
}

.nav-x-0 .nav-link {
    padding-right: 0;
    padding-left:0
}

.nav-y-0 .nav-link {
    padding-top: 0;
    padding-bottom:0
}

.nav-x-sm .nav-link {
    padding-right: .25rem;
    padding-left:.25rem
}

.nav-icon {
    width: 1.25rem;
    font-size: 1rem;
    line-height: 1.4;
    opacity: .8;
    text-align: center;
    margin-right:.5rem
}

.nav-shadow {
    box-shadow:0 3px 6px 0 rgba(140, 152, 164, .25)
}

.nav-classic {
    border-bottom:.0625rem solid #e7eaf3
}

.nav-classic .nav-link {
    color: #677788;
    border-width: 0 0 .1875rem 0;
    border-style: solid;
    border-color: transparent;
    padding: 1rem 1.5rem;
    margin-bottom: -.125rem;
    border-radius: 0;
    transition:.3s
}

.nav-classic .nav-link:hover {
    color:#377dff
}

.nav-classic .nav-link.active {
    color: #377dff;
    border-bottom-color:#377dff
}

.nav-rounded {
    border-radius:.3125rem
}

.nav-rounded .nav-item:first-child .nav-link {
    border-bottom-left-radius:.3125rem
}

.nav-rounded .nav-item:last-child .nav-link {
    border-bottom-right-radius:.3125rem
}

.nav-white .nav-link {
    color:rgba(255, 255, 255, .7)
}

.nav-white .nav-link.active {
    color: #377dff;
    background-color:#fff
}

.nav-white .nav-link:not(.active):hover {
    color:#fff
}

.nav.nav-border-white .nav-link {
    color: rgba(255, 255, 255, .7);
    border-bottom:.125rem solid transparent
}

.nav.nav-border-white .nav-link.active {
    color: #fff;
    border-bottom-color:#fff
}

.nav.nav-border-white .nav-link:not(.active):hover {
    color:#fff
}

.nav-box .nav-link {
    color: #1e2022;
    border-radius:.3125rem
}

.nav-box .nav-link.active {
    color: #377dff;
    background-color: #fff;
    box-shadow:0 12px 15px rgba(140, 152, 164, .1)
}

.nav-segment {
    position: relative;
    background-color: #f8fafd;
    padding: .25rem .25rem;
    border-radius:.3125rem
}

.nav-segment:not(.nav-fill) {
    display: -ms-inline-flexbox;
    display:inline-flex
}

.nav-segment .nav-link {
    color: #677788;
    font-size: .875rem;
    font-weight: 600;
    padding: .375rem .875rem;
    border-radius:.3125rem
}

.nav-segment .nav-link:hover {
    color:#377dff
}

.nav-segment .nav-link.active {
    color: #1e2022;
    background-color: #fff;
    box-shadow:0 3px 6px 0 rgba(140, 152, 164, .25)
}

.nav-segment.nav-pills {
    border-radius:6.1875rem
}

.nav-segment.nav-pills .nav-link {
    border-radius:6.1875rem
}

.nav-tabs .nav-item {
    margin-left: 1rem;
    margin-right:1rem
}

.nav-tabs .nav-link {
    color: #677788;
    border-bottom-width: .0625rem;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    padding: 1rem 0;
    margin-bottom:-.09375rem
}

.nav-tabs .nav-item.active .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom-width:.1875rem
}

.nav-tabs .nav-item.active .nav-link {
    border-color:transparent transparent #377dff
}

.nav-tabs .nav-item:first-child {
    margin-left:0
}

.nav-tabs .nav-item:last-child {
    margin-right:0
}

.br-10{
    border-radius: 10px !important;
}
.avatar-circle .avatar-img {
    width: 100px;
    border-radius: 50%;
}

.cus-account {
    margin-top: -105px;
}

#sidebarNavcustom div.card{
    width: 100% !important;
    border-radius: 10px !important;
}
.nav-item.customer a.nav-link {
    display:block;
    padding: 10px 0;
}

.over-hidden{
    overflow: hidden;
}

.fs-12{
    font-size: 12px;
}

span.count {
    margin-left: 10px;
    background: rgba(40,110,251,.1);
    font-size: 15px;
    padding: 6px 10px;
    border-radius: 50px;
    color: #007bff;
}

.mb-200{
    margin-bottom: 200px;
}

.mb-100{
    margin-bottom: 100px;
}

.badge-sm {
    background-color: rgba(106,116,123,.1);
    color: #6a747b;
    font-size: 13px;
    padding: 2px 8px !important;
    line-height: 1.5 !important;
    border-radius: 5px;
}

.badgesm {
    padding: 2px 8px !important;
    line-height: 1.5 !important;
    border-radius: 5px;
}

.mr-200{
    margin-right: 200px;
}

.mr-100{
    margin-right: 100px;
}

.mt--8{
    margin-top: -8px;
}

.br-2{
    border-radius: 20px !important
}


.br-warning {
    border: 1px solid #ffc107 !important;
  }
  
  .br-success {
    border: 1px solid #28a745 !important;
  }
  
  .br-danger {
    border: 1px solid #dc3545 !important;
  }
  
  .nice-select.custom{
    font-size: 12px !important; 
    font-weight: 600 !important;
  }
  
  .nice-select.custom .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f2f2f2 !important;
  }
  
  .ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 999999 !important;
}

/* register page design */
.browser {
    width:100%;
    font-size: 18px;
    padding: 2.1em 0 0 0;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 2px solid #f1f1f1;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.browser .browser-navigation-bar {
    display: block;
    box-sizing: border-box;
    height: 3.1em;
    position: absolute;
    top: 0;
    padding: 0.3em 0.6em;
    width: 100%;
    background: #3A2D31;
    border-bottom: 1px solid #ddd;
}
 
.browser i {
    display: inline-block;
    height: 0.7em;
    width: 0.7em;
    border-radius: 0.45em;
    background-color: #eee;
    margin: 0.9em 0.25em 0em 0.2em;
    float: left;
}

.browser i:nth-child(1) {background-color: rgb(255, 86, 79)}

.browser i:nth-child(1):hover {background-color: rgb(255, 20, 25)}

.browser i:nth-child(2) {background-color: rgb(255, 183, 42)}

.browser i:nth-child(2):hover {background-color: rgb(230, 175, 42)}

.browser i:nth-child(3) {background-color: rgb(37, 198, 58)}

.browser i:nth-child(3):hover {background-color: rgb(10, 225, 10)}

.browser input {
    font-size: 15px;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
    height: 1.8em;
    color: #fff;
    width: calc(100% - 6em);
    border: 1px solid #4B3F42;
    border-radius: 4px;
    background-color: #4B3F42;
    margin: 9px;
    padding: 0 0.4em;
    float: right
}

.browser-container {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}

.page-toper {
    padding: 40px 0;
    background: #fafafa;
}

.page-toper img {
    margin-bottom: 10px
}

.page-footer {
    padding: 30px 15px;
    border-bottom: 1px solid #fafafa;
    margin-bottom: 25px;
}

.page-footer p {
    font-size: 15px; 
}

.skeleton {
  width: 100%;
}
.skeleton .image,
.skeleton .line, .skeleton .line2 {
  background: #f2f2f2;
  background-size: cover;
}
.skeleton .image {
  height: 60px;
  margin-bottom: 10px;
  border-radius: 6px;
}
.line {
  width: 50%;
  height: 12px;
  margin-bottom: 10px;
  border-radius : 6px;
}
.line2 {
  width: 90%;
  height: 12px;
  border-radius: 6px;
}

.brow_service{
    margin: 0 15px;
}

.servicet {
    margin-bottom: 4px;
    font-size: 14px;
}
/* end register page design */




.gallery img {
  float: left;
  padding: 0 2px 2px 0;
}

.minh-400{
    min-height: 400px;
}

.minh-500{
    min-height: 500px;
}

.minh-600{
    min-height: 600px;
}

.image-cont div {
  max-width: 50%;
}

.image-cont ul {
   height:200px;
}

.image-cont li {
  display:block;
  height:100%;
  list-style: none;
}

.image-cont img {
    height: 100%;
    object-fit: contain;
    margin-bottom: 4px;
}

.minh-400{
    min-height: 500px;
}



.bg-primary-soft{
    background-color: rgba(40,110,251,.1);
    color: #286efb;
}

.bg-light-soft{
    background-color:#f1f1f1 !important;
    color:#6a747b
}

.bg-secondary-soft{
    background-color:rgba(106,116,123,.1);
    color:#6a747b
}
.bg-success-soft{
    background-color:rgba(40,167,69,.1);
    color:#28a745
}
.bg-info-soft{
    background-color:rgba(23,162,184,.1);
    color:#17a2b8
}
.bg-warning-soft{
    background-color:rgba(255,193,7,.1);
    color:#856404
}
.bg-danger-soft{
    background-color:rgba(220,53,69,.1);
    color:#dc3545
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + .container {
    padding-top: 60px;
  }


  .avatar-uploadb {
    position: relative;
    max-width: 300px;
    margin: 0px auto;
}
.avatar-uploadb .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}
.avatar-uploadb .avatar-edit input {
  display: none;
}
.avatar-uploadb .avatar-edit input + label {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-uploadb .avatar-edit input + label:after {
    content: "\f0ee";
    font-family: 'FontAwesome';
    color: #333;
    position: absolute;
    top: 8px;
    left: 2px;
    right: 0;
    text-align: center;
    margin: auto;
}
.avatar-uploadb .avatar-edit input + label:hover {
    background: #2568ef;
}

.avatar-uploadb .avatar-preview {
    width: 300px;
    height: 150px;
    position: relative;
    border-radius: 10px;
    border: 2px dashed #ddd;
}
.avatar-uploadb .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

p.upload-text {
    color: #999;
    font-size: 18px;
    position: absolute;
    top: 35%;
    left: 20%;
}

/*business logo upload*/



/*avatar upload*/

.avatar-upload {
  position: relative;
  max-width: 150px;
  margin: 0px auto;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f382";
    color: #333;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 0;
    text-align: center;
    margin: auto;
}
.avatar-upload .avatar-preview {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 100%;
    border: 4px solid #F8F8F8;
    box-shadow: 0rem 0.25rem .75rem rgb(30 34 40 / 5%);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*avatar upload*/


p.text-muted.staff_not {
    background-color: rgba(220,53,69,.1);
    color: #dc3545 !important;
    padding: 20px 10px;
    border-radius: 6px;
    width: 50%;
    margin: 0 auto;
}

.mt-200{
    margin-top: 200px;
}

.d-hide{
  display:none;
}


.ui-timepicker-standard {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: 1.1em;
    background-color: #FFF;
    border: 1px solid #f1f1f1 !important;
    color: #555;
    margin: 0;
    padding: 2px;
    box-shadow: 0rem 0.25rem 1.75rem rgb(30 34 40 / 7%) !important;
    border-radius: 10px;
}

.ui-timepicker-standard .ui-state-hover {
    border: 1px solid #fff !important;
    background-color: rgba(40,110,251,.1) !important;
    color: #286efb !important;
}

.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #555;
    display: block;
    padding: 0.5em .4em !important;
    text-decoration: none;
    cursor: pointer !important;
}

.custom-fonts{
    font-family:'Glacial Indifference Bold',sans-serif !important;
    color: #333;
}

.custom-font-light{
   
}

.icon-yes{
    background: rgba(40,110,251,.1);
    padding: 7px;
    border-radius: 50px;
}

.icon-not{
    background: rgba(220,53,69,.1);
    color: #dc3545;
    padding: 7px;
    border-radius: 50px;
}

.list-style5 i{
    color:#dc3545;
    font-size:12px;
    background:rgba(220,53,69,.1);
    border-radius:30px;
    padding:7px;
    line-height:13px
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dfe2e5 !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.nice-select.small {
    font-size: 15px !important;
    height: 36px;
    padding-left: 8px !important;
    line-height: 34px;
}

.bbm-1{
    border-bottom:1px dashed #f1f1f1
}

.btm-1{
    border-top:1px dashed #f1f1f1
}

/*#cookie-msg {
    position: fixed;
    bottom: 0px;
    width: 600px !important;
    text-align: left !important;
    border-radius: 5px !important;
    padding: 15px 20px !important;
    background-color: #f2f2f2 !important;
    color: white;
    font-size: 14px !important;
    color: #333;
    z-index: 999999 !important;
    border: 1px solid #f1f1f1;
    margin-left: 20px;
    margin-bottom: 20px;
}*/

#cookie-msg {
    position: fixed;
    bottom: 0px;
    width: 90% !important;
    max-width: 500px !important;
    text-align: left !important;
    border-radius: 5px !important;
    padding: 15px 20px !important;
    color: white;
    font-size: 14px !important;
    color: #333;
    z-index: 999999 !important;
    border: 1px solid #f1f1f1;
    margin-left: 20px;
    margin-bottom: 20px;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    background: hsla(0,0%,100%,.75) !important;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%) !important;
}

#cookie-msg span.msg{
    color: #333 !important;
    margin-bottom: 4px !important;
}

.learn-more{
    color: #286efb !important;
    text-decoration: none !important;
}

.learn-more:hover{
    color: #286efb !important;
    text-decoration: underline !important;
}

.btn-aceptar{
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 4px !important;
    color: #286efb !important;
    border: 1px solid #286efb !important;
    background-color: #fff !important;
    font-size: 12px !important;
}

.btn-aceptar:hover{
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 4px !important;
    color: #fff !important;
    border: 1px solid #286efb !important;
    background-color: #286efb !important;
    font-size: 12px !important;
}

.mclose{
    cursor: pointer;
}

.mclose:hover{
    color: #999;
}

/*Profile card 2*/
.profile-card-2 .card-img-block{
    float:left;
    width:100%;
    height:160px;
    overflow:hidden;
    position: relative;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.profile-card-2 .card-body {
    position: relative;
    min-height: 187px;
}
.profile-card-2 .profile {
    border-radius: 2px;
    position: absolute;
    bottom: 10px;
    left: 40px;
    max-width: 60px;
    box-shadow: 0 0 4px #ddd;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background: #fafafa;
    box-shadow: 0 0 4px #ddd;
}
.profile-card-2 h5{
    font-weight:600;
    color:#6ab04c;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-2 .icon-block{
    float:left;
    width:100%;
}
.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 i {
  display: inline-block;
    font-size: 16px;
    color: #6ab04c;
    text-align: center;
    border: 1px solid #6ab04c;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-2 i:hover {
  background-color:#6ab04c;
  color:#fff;
}
/*Profile card 2*/



/*rating*/

.rating {
  float:left;
}

.rating:not(:checked) > input {
  position:absolute;
  top:-9999px;
  clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
  float:right;
  width:1.5em;
  padding:0 .1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:20px;
  line-height:1.2;
  color:#ddd;
}

.rating:not(:checked) > label:before {
  content: ★
}

.rating > input:checked ~ label {
  color: #ffc107;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: gold;
}

.rating> input:checked + label:hover,
.rating> input:checked + label:hover ~ label,
.rating> input:checked ~ label:hover,
.rating> input:checked ~ label:hover ~ label,
.rating> label:hover ~ input:checked ~ label {
  color: #ea0;
}

.rating > label:active {
  position:relative;
}   

/*rrating*/



.time_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    height: 369px;
    overflow-y: auto;
}

.time_group {
    width: 45%;
    margin: 0px 7px;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #999 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }

#DataTables_Table_0_length {
    padding-left: 10px;
    margin-top: 10px;
}

#DataTables_Table_0_filter {
    padding-right: 10px;
    margin-top: 10px;
}

.ccb{
    padding-top: 1px;
}

.container.cw-14 {
    max-width: 1400px;
}

.owl-item-cus {
    background: #fff;
    border-radius: 6px;
    padding: 50px 40px;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 24px;
    margin-bottom: 40px;
    min-height: 293px;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 25px;
    background: #333;
}

.owl-item.active.center {
    opacity: 1;
}

.owl-item:not(.center) {
  opacity: .55;
}


.mt-300{
  margin-top: 300px;
}

.error-line {
    border: 1px solid #dc3545;
}

.card-img-block.banner_img {
    background-size: cover;
    background-position: center center;
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.main-wrapper{ 
    max-width: 100% !important;
    overflow-x: hidden !important;
}



.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
  }

.spinner,
.spinner-inverse,
.spinner-md {
    border-style: solid;
    border-radius: 50%;
    border-color: #ecf0f3;
    border-right-color: #136acd;
    /* border-top-color:#136acd; */
    border-width: 4px;
    font-size: 22px;
    width: 82px;
    height: 82px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-animation: spin-animation .9s linear infinite;
    animation: spin-animation .9s linear infinite;
}

@-webkit-keyframes spin-animation {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin-animation {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/* Main CSS */
/*figure {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 10px;
  break-inside: avoid;
}

figure > img {
  border-radius: 6px;
  grid-row: 1 / -1;
  grid-column: 1;
}

figure a {
  color: black;
  text-decoration: none;
}

figcaption {
  grid-row: 2;
  grid-column: 1;
  background-color: rgba(255,255,255,.5);
  padding: .2em .5em;
  justify-self: start;
}

.containers {
  column-count: 4;
  column-gap: 10px;
}

span.text-white.company-name {
    background: rgba(0,0,0,0.2);
    border-radius: 50px;
    padding: 8px 15px;
}

.container {
    display: block !important;
}*/

.btn.btn-light-success{
    background:rgba(40,167,69,.1);
    color:#28a745
}
.btn.btn-light-success:hover{
    color:#fff;
    background-color:#28a745;
    box-shadow:0 4px 11px rgba(40,167,69,.35)
}
.time_btn.active {
    color: #fff;
    background-color: #28a745;
}
.time_btn input {
    display: none;
}

.time_btn {
    font-size: 12px;
    cursor: pointer;
}
.time_btn.active:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\2713";
    background-color: #28a745;
    box-shadow: 0px 0px 0px 2px #fff;
    border-radius: 50%;
    width: 14px;
    line-height: 14px;
    height: 14px;
    top: -5px;
    right: -5px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    color: #fff;
}
.time_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    height: 369px;
    overflow-y: auto;
}
.time_group {
    width: 45%;
    margin: 0px 7px;
}
.time-empty-info{
    color: #f3442d;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
}
.w-100{
    width:100%!important
}
.pick-date {
    color: #16171d;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
}

.pick-date span {
    color: #2d54de;
    border-bottom: 1px dotted #2d54de;
}