.fbt-btn {
    width: 100%;
    background-color: #ebebeb;
    overflow: hidden;

}

body {
    font-family: 'Lato', sans-serif !important;
    background-color: #f4f6f9;
}

.wrapper {
    /* padding-bottom: 55px; */
}

img {
    width: 100%;
}

.fbt-btn .btn-custom {
    width: 15%;
    background-color: #007bff;
    color: #fff;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
}

.custom-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom-heading span{
    color: red;
    font-size: 22px;
    margin-right: 25px;
}

.ac_results {
    padding: 0px;
    border: 0px solid #58C7EC;
    background-color: #FFFFFF;
    overflow: hidden;
    z-index: 99999;
    width: 277px !important;
    border-radius: 0;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}

.ac_results ul::-webkit-scrollbar {
    width: 10px;
    background: #767676;
}

.ac_results li {
    margin: 0px;
    cursor: default;
    display: block;
    text-align: left;
    overflow: hidden;
    padding: 13px 8px 31px 15px;
    line-height: 20px;
    font-size: 13px;
    font: #450909;
    color: #686868;
    border-bottom: #d8d8d8 1px solid;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.error {
    color: red;
}

.panel_layout {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

.wave-zoom-in-out1 {
    animation-timing-function: ease;
    background-image: url(../../images/wave-img.svg);
    background-position: 50%;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 20%;
    display: block;
    height: 70vh;
    right: -50%;
    position: fixed;
    width: 100vw;
    position: absolute;
    animation: wave-zoom-in-out 2s ease-out infinite;
  }
.wave-zoom-in-out2 {
    animation-timing-function: ease;
    background-image: url(../../images/wave-img.svg);
    background-position: 50%;
    top: 0;
    background-repeat: no-repeat;
    background-size: 20%;
    display: block;
    height: 70vh;
    left: -50%;
    position: fixed;
    width: 100vw;
    position: absolute;
    animation: wave-zoom-in-out 2s ease-out infinite;
  }

  @keyframes wave-zoom-in-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }

.panel_access {
    /* margin-top: 4%; */
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg_mask{
    border-radius: 1rem;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
    transition: .45s;
}
.panel_access .img-set {overflow: hidden;/* display: none; */height: 470px;max-height: 470px;/* min-height: 1000px; */padding: 20px;}

.panel_access .img-set img {/* display: inline-flex; */width: 100%;}

.panel_access .access_sec {
    /* box-shadow: 0px 4px 5px #00000080; */
    border-radius: 0;
    padding: 46px 0px 29px;
    overflow: hidden;
    max-height: 585px;
    background: #ffffff;
}
.panel_access .access_sec .card-body p, .panel_access .access_sec .card-body p a{
    color: #949494;
    font-size: 13px;
    text-decoration:none;
}
.panel_access .access_sec .text-show {
    text-align: center;
    margin-bottom: 10px;
}

.panel_access .access_sec .text-show h3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 27px;
    color: #003d85;
}

.panel_access .access_sec .text-show h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #e83f47;
}

.panel_access .access_sec .text-show p {
    color: #514f4f;
}

.panel_access .access_sec .access_icon {
    background-color: #fff !important;
    border: none;
    text-align: center;
    padding: 5px 0px;
}

.panel_access .access_sec .access_icon img {
    width: 63%;
    margin-bottom: 8px;
}

.panel_access .access_sec .access_icon p {
    font-size: 12px;
    margin-bottom: 0px;
}

.panel_access .access_sec .access_log_btn {
    width: 100%;
    background-color: #e51e25;
    border: 1px #e51e25 solid;
}

.panel_access .access_sec .access_log_btn:hover {
    background-color: #ff010a;
    border: 1px #ff010a solid;
}

.panel_access .access_sec .card-body {
    padding: 0px 43px;
}

.panel_access .access_sec .card-body .form-group {
    margin-bottom: 30px;
    position: relative;
}
.col-form-label {
   position: absolute;
   top: -5px;
   left: -14px;
   z-index: 1;
   transform: translateX(10px) translateY(-11px);
   font-size: 11px;
   padding: 0px 10px;
   transition: all 0.3s ease;
   color: #767676;
   /* background: #e7e7e7; */
}


.panel_access .access_sec .card-body .form-group .form-control {
    height: 46px;
    border-radius: 0;
    background: #e7e7e7;
    border: 2px solid transparent;
    color: #515151;
    outline:none;
    position: relative;
}
.panel_access .access_sec .card-body .form-group .form-control:focus{
    border: 2px solid #ffffff;
    color: #fff;
    outline:none;
    box-shadow: none;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E);
    left: -23px;
}

input[type=checkbox] {

    width: 14px;
}

.dashboard-section {}

.dashboard-section .card-blue {}

.dashboard-section .card-blue .card-header {
    background: #34297f;
    border-bottom: #cfc8c8 1px solid !important;
}
.dashboard-section .card-blue .card-header:after {display:none;}

.dashboard-section .card-blue .card-header .card-title{
    float: inherit;
}

.dashboard-section .card-blue .card-header h3 i {
    color: #ffffff;
    margin-right: 4px;
}




.dashboard-section .card-blue .small-box {

    height: 100px;

    position: relative;

    margin: 0 !important;
}

.dashboard-section .card-blue .small-box .inner {}

.dashboard-section .card-blue .small-box .inner h3 {
    font-size: 22px;
    margin-bottom: 26px;
}


.dashboard-section .card-blue .small-box .inner small {
    font-size: 10px;

}

.dashboard-section .card-blue .small-box .inner p {
    font-size: 14px;
    line-height: 15px;
    margin: 0;
}


.dashboard-section .card-blue .small-box .inner i {

    position: absolute;

    right: 14px;

    top: 17px;

    font-size: 27px;

    opacity: 0.5;
}


.border-prl {
    border-color: #9521da !important;
}

.border-pnk {
    border: #f723f0 1px solid !important;
}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        /* background-color: #f1f1f1; */
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}



.ho-head .ho-body {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.ho-head .ho-body .check-box {
    top: -14px;
}

.calender-ic {
    position: relative;
}

.calender-ic i {
    position: absolute;
    right: 14px;
    top: 14px;
    color: #2a47b3;
}



/*================================
  facebook lead layout style
  =================================*/

.landing_head {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 6px 0;
}

.landing_head .logo {}

.landing_head .logo img {}

.lead_page {
    background: #0160ab;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.lead_page .page_layout {
    padding: 38px 0;
    padding-bottom: 48px;
}

.lead_page .page_layout .layout_sec {
    padding: 0px 10px;
}

.lead_page .page_layout .layout_sec .lead_details {
    /* overflow-y: scroll;
    height: 50vh; */
}

/* .lead_page .page_layout .layout_sec .lead_details::-webkit-scrollbar{width:6px;}
.lead_page .page_layout .layout_sec .lead_details::-webkit-scrollbar-track{background:#fff; width:2px;}
.lead_page .page_layout .layout_sec .lead_details::-webkit-scrollbar-thumb{
    background:#f73333;
    border-radius:30px;
    height:10px;
} */
.lead_page .page_layout .layout_sec .lead_details p {
    color: #fff !important;
}

.lead_page .page_layout .layout_sec .lead_details p span {
    background: none !important;
    color: #fff !important;
}

.lead_page .page_layout .layout_sec .cover_img {
    position: relative;
    margin-bottom: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* overflow: hidden; */
}

.lead_page .page_layout .layout_sec .cover_img .owl-dots {

    margin-top: -47px;

    position: absolute;

    width: 100%;
}

.lead_page .page_layout .layout_sec .cover_img img {
    /* width: 21%; */
    margin-bottom: 20px;
}

.lead_page .page_layout .layout_sec .logo {
    width: 23%;
    margin-bottom: 14px;
}

.lead_page .page_layout .layout_sec .cover_img h2 {
    /* position: absolute; */
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    /* line-height: 18px; */
    bottom: 20px;
    margin: 0;
    padding: 9px 10px;
    /* background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0 70 124)); */
    /* text-shadow: #00000073 3px 2px 1px; */
    background: #d20000;
}

.lead_page .page_layout .layout_sec h3 {
    color: #000000;
    font-size: 19px;
    font-weight: 700;
}

.lead_page .page_layout .layout_sec p {
    line-height: 24px;
}

.lead_page .page_layout .layout_sec p a {
    color: #0060ab;
}

.lead_page .page_layout .layout_form {
    background: #fff;
    padding: 0px;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    height: fit-content;

}

.lead_page .page_layout .layout_form .head {
    background: #fff;
    padding: 0;
    padding-top: 26px;
}

.lead_page .page_layout .layout_form .head h4 {
    margin: 0;
    color: #0160ab;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}

.lead_page .page_layout .layout_form .card {
    border: none;
    box-shadow: none;
}

.lead_page .page_layout .layout_form .card h4 {
    color: #0060ab;
    font-size: 16px;
    font-weight: 700;
}

.lead_page .page_layout .layout_form .card .form-group {
    position: relative;
    margin-bottom: 10px;
}

.lead_page .page_layout .layout_form .card .form-group button {

    /* font-weight: 600; */
    text-transform: uppercase;
    font-size: 16px !important;
    margin-top: 15px;

    text-transform: uppercase;

    font-size: 16px !important;
}

.lead_page .page_layout .layout_form .card .form-group .form-control {
    height: 41px;
    font-size: 14px;
}

.lead_page .page_layout .layout_form .card .form-group .form-control2 {
    height: auto;
    font-size: 14px;
    width: 100%;
    border: #c0c0c0 1px solid;
    border-radius: 4px;
}

.lead_page .page_layout .layout_form .card .form-group .mdi {
    position: absolute;
    top: 0;
    right: 5px;
    top: 30px;
    font-size: 24px;
    color: #999;
}

.bottom_info {
    padding: 16px 0;
    /* text-align: center; */
    background-color: #ffffff;
}

.bottom_info .social-m {

    text-align: right;
}

.bottom_info .social-m a {
    color: #0160ab;
    font-size: 21px;
    margin: 0px 2px;
}

.bottom_info .social-m p {
    margin: 0;
    color: #7c7c7c;
    font-weight: 600;
}

.bottom_info h3 {
    font-size: 18px;
    font-weight: 600;
    color: #ff3333;
}

.bottom_info .detail_info {
    display: block;
    /* text-align: center; */
}

.bottom_info .detail_info p {
    margin: 0 auto;
    padding: 0;
    margin-right: 20px;
}

.bottom_info .detail_info p a {
    color: #565656;
}

.bottom_info .detail_info p a i {
    color: #0160ab;
}


.partners_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 0;
    padding: 0;
    padding-right: 20px;
}

.partners_wrap .partner_logo {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    flex: 0 0 24.5%;
}

.partners_wrap .partner_logo img {
    opacity: 1;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    max-height: 100px;
    max-width: 80px;
}


/*================================
  facebook lead layout style end
  =================================*/


/* datepicker css */

.ui-datepicker {
    text-align: center;
}

.ui-datepicker-trigger {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}

.ui-datepicker {
    font-family: Open Sans, Arial, sans-serif;
    margin-top: 2px;
    padding: 0 !important;
    border-color: #c9f0f5 !important;
}

.ui-datepicker {
    width: 256px;
}

.openemr-calendar .ui-datepicker {
    width: 191px;
}

.ui-datepicker table {
    width: 256px;
    table-layout: fixed;
}

.openemr-calendar .ui-datepicker table {
    width: 191px;
    table-layout: fixed;
}

.ui-datepicker-header {
    background-color: #3e9aba !important;
    background-image: none !important;
    border-radius: 0;
}

.openemr-calendar .ui-datepicker-header {
    background-color: #e6f7f9 !important;
    border-width: 1px;
    border-color: #c9f0f5;
    border-style: solid;
}

.ui-datepicker-title {
    line-height: 35px !important;
    margin: 0 10px !important;
}

.openemr-calendar .ui-datepicker-title {
    line-height: 20px !important;
}

.ui-datepicker-prev span {
    display: none !important;
}

.ui-datepicker-next {
    text-align: center;
}

.ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 14px !important;
    width: 9px !important;
    margin: 5px !important;
}

.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 14px !important;
    width: 8px !important;
    margin: 5px;
}

.ui-datepicker-month {
    border-radius: 2px;
    background-color: #3985a0;
    width: 110px !important;
    height: 22px;
    font-family: Open Sans !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    border: none !important;
    margin-right: 17px !important;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-month {
    font-family: Open Sans, Arial, sans-serif;
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-year {
    border-radius: 2px;
    background-color: #3985a0;
    width: 61px !important;
    height: 22px;
    border: none !important;
    font-family: Open Sans !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-year {
    font-family: Open Sans, Arial, sans-serif;
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #3985a0 !important;
    background-color: #fff !important;
    font-family: Open Sans !important;
    font-size: 14px !important;
    font-weight: 600;
}

.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
    background-color: #e5edf0 !important;
}

.ui-datepicker .ui-state-hover {
    /*background: none !important;*/
    border: 0 !important;
}

.ui-datepicker td {
    vertical-align: top;
}

.ui-datepicker .ui-state-default {
    border-radius: 2px;
    border-color: #edebeb !important;
    /*     background: white !important; */
    width: 24px;
    height: 24px;
    padding: 0 !important;
    line-height: 24px;
    text-align: center !important;
    font-family: Open Sans, Arial, sans-serif;
    color: #707070;
    font-size: 13px;
    font-weight: 400 !important;
    margin: 7px 0 0 4px;
}

.ui-datepicker .ui-state-default.ui-state-highlight {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
    color: #3e9aba !important;
}

.openemr-calendar .ui-state-default {
    font-size: 10px;
    margin: 0;
}

.ui-datepicker td {
    width: 33px;
}

.openemr-calendar .ui-datepicker td {
    width: 26px;
}

.openemr-calendar .ui-state-default {
    width: 26px;
    height: 20px;
    line-height: 20px;
}

.ui-state-default.ui-state-hover {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
}

.ui-datepicker .ui-state-active {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
    color: #3e9aba !important;
}

.ui-datepicker-calendar thead tr th {
    font-family: Open Sans, Arial, sans-serif;
    color: #22ca3e;
    font-size: 12px;
    font-weight: 400;
    padding: 0.45em 0.3em !important;
    /*   width: 15px !important; */
}

.openemr-calendar .ui-datepicker-calendar thead tr th {
    font-size: 10px;
}

.ui-datepicker-close {
    display: none;
}

.ui-datepicker thead {
    background-color: #f5f5f5;
}

.openemr-calendar .ui-datepicker thead {
    background: none;
}

.ui-state-default.ui-datepicker-current {
    float: none !important;
    font-family: Open Sans, Arial, sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    border-width: 0 !important;
    border: none;
    vertical-align: top;
    margin: 0 !important;
    background-color: transparent !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    text-align: center;
    background-color: #3e9aba;
    margin: 0 !important;
    height: 28px;
    padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
    background-color: transparent;
}

.openemr-calendar .ui-datepicker-month {
    background-color: transparent;
}

.openemr-calendar .ui-state-default {
    border: 0 !important;
}

.openemr-calendar .ui-datepicker-month {
    margin-right: 10px !important;
}

.vin_top_form {
    position: relative;
    z-index: 1000 !important;
}

.form-group.add-ic i {
    position: absolute;
    right: 19px;
    top: 42px;
}

.add-days {}

.add-days ul.days {
    padding: 0;
    list-style: none;
}

.add-days ul.days .list-li {
    position: relative;
    /* min-height: 119px; */
    border-left: #f00 3px solid;
    padding: 10px 14px;
    margin-bottom: 18px;
    background-color: #ffffff;
    box-shadow: 0px 1px 4px #00000021;
    border: #d7d7d7 1px solid;
    border-radius: 15px;
}



.add-days ul.days li .no {
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
    background-color: #f00;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    margin: auto 0;
    top: 0px;
    bottom: 0;
    left: -14px;
    /* line-height: 83px; */
    font-size: 18px;
}

.add-days ul.days li h3 {
    background-color: #f8e3e3;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px;
    margin-bottom: 7px;
    text-align: center;
    border-radius: 12px;
}

.add-days ul.days li h4 {}

.add-days ul li table {
    margin: 0;
    margin-bottom: 16px !important;
}

.add-days ul li table td {
    vertical-align: middle;
    padding: 6px 7px;
}

.add-days ul li table td:nth-child(1) {
    width: 3%;
}

.add-days ul li table td {
    vertical-align: middle;
    padding: 6px 18px;
    background: #fff;
    /* width: 40%; */
}

.add-days ul li table td.for-wd {
    /* width: 333px; */
}



.form-cs {}

.form-cs .drop-put {
    position: absolute;
    width: 97%;
    background-color: #fff;
    z-index: 100;
    height: 120px;
    overflow: auto;
    border: #d5d5d5 1px solid;
}

.form-cs .drop-put li {
    padding: 7px 8px;
    border-bottom: #f5e7e7 3px solid;
    color: #5760a1;
    display: flex;
    align-items: center;
}


.form-cs .drop-put li .ico {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    color: #ff6212;
}


.form-cs .drop-put li:hover {
    background: #f7f7f7;
    min-height: inherit;
    margin: 0;
}

/* .main-sidebar{width: 4.6rem;}
   .nav-sidebar .nav-link p, .sidebar-mini.sidebar-collapse .sidebar .user-panel>.info {
    margin-left: -10px;
    opacity: 0;
    visibility: hidden;
}

.content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 4.6rem!important;
}

.sidebar-mini.layout-fixed .brand-link {
    width: 4.6rem;
} */

.content-wrapper {
    /* padding: 0px 17px; */
    margin: 78px 1px 50px 0px !important;
    height: 100%;
}

.main-header {
    background-color: #fff;
}

.main-header .navbar-brand {
    width: 11.5%;
}

.main-header .navbar-nav .nav-item {
    /* width: 100% !important; */
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #efefef;
    opacity: 1;
    border: 1px solid #ededed;
}

textarea[readonly] {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #efefef;
    opacity: 1;
    border: 1px solid #ededed;
}

.main-header .navbar-nav .nav-item .nav-link {
    color: #040404;
    padding: 5px 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
}

.main-header .navbar-nav .nav-item .nav-link i {
    color: #FF5722;
    font-size: 18px;
    margin-right: 6px;
}

.main-header .navbar-nav .nav-item.cart {}

.main-header .navbar-nav .nav-item.cart .nav-link {}

.main-header .navbar-nav .nav-item.cart .nav-link i {
    font-size: 24px;
}

.main-header .navbar-nav .nav-item.cart .nav-link .badge {
    width: 19px;
    height: 19px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 4px !important;
}

.main-header .navbar-nav .nav-item .dropdown-menu {
    background-color: #0060ac;
}

.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #fff;
}

.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item i {
    margin-right: 5px;
}

.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #e31d25;
}

.main-header .navbar-nav .nav-item .dropdown-item:focus,
.main-header .navbar-nav .nav-item.dropdown-item:hover {
    color: #fff;
    background-color: #e31d25;
}

.query-no {
    background-color: #FF5722;
    color: aliceblue;
    border-radius: 5px;
    /* padding-top: 2px; */
    display: block;
    padding: 2px 7px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}



.history-show ul {
    padding: 0;
    list-style: none;
    margin: 0;
    overflow: auto;
    min-height: 250px;
    height: 250px;
}

.history-show ul li {
    background: #f5f5f5;
    padding: 7px 10px;
    margin-bottom: 8px;
}

.history-show ul li .about {
    font-weight: 600;
    font-size: 12px;
    color: #2b29b5;
}

.history-show ul li p {
    margin-bottom: 5px;
}




.preview-day .preview-block {
    display: flex;
    align-items: center;
    border: #cfc8c8 1px solid;
    padding: 9px 9px;
}

.preview-day .preview-block .icon-show {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5aa972;
    color: #fff;
    font-size: 30px;
    margin-right: 14px;
}



.preview-day .preview-block .info-show h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.preview-day .preview-block .info-show p {
    margin: 0;
    font-size: 13px;
    color: #8f8f8f;
}

.table-set {}

.table-set.set-td {}

.table-set.set-td tr td:nth-child(1) {
    padding: 0;
}

.table-set.set-td tr th:nth-child(1) {
    padding: 0;
}

.table-set .extra-width {

    width: 175px;
    display: block;
    max-height: 300px;
    height: 44px;

}

.table-set tr th {
    padding: 2px 8px;
    vertical-align: middle;
    white-space: nowrap;
}

.table-set tr td {
    padding: 2px 8px;
    vertical-align: middle;
    white-space: nowrap;
}




.form-set .heading {
    border-bottom: #dfdfdf 1px solid;
    padding-bottom: 11px;
    margin-bottom: 21px;
}

.form-set .heading h3 {
    font-size: 19px;
    color: #0a3a68;
    /* font-weight: 500; */
}

.btn-bg-orange {
    background: #FF5722;
    color: #fff;
}

.btn-bg-orange:hover {
    background: #ff602f;
    color: #fff;
}


.form-set .form-group {
  position: relative;
  margin-bottom: 0;
}
.form-set .form-control {
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
}

.form-set textarea {
    width: 100%;
    border: #cbcbcb 1px solid;
    border-radius: 4px;
    padding: 4px 6px;
}

.form-set label {
    margin-bottom: 5px;
    /* font-size: */
    font-size: 13px;
}

.form-set .select2-container {
    width: 100% !important;
}


.table>thead {
    vertical-align: center;
    height: 48px;
}



::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    height: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #c12020;
    border-radius: 30px;
    height: 10px;
}


.booking-quotation .nav-tabs {
    border: none;
    margin-bottom: 12px;
}

.booking-quotation .nav-tabs .nav-item {
    margin-right: 5px;
}

.booking-quotation .nav-tabs .nav-item .nav-link {
    position: relative;
    color: #545151;
    background: #e5e5e5;
    border: none;
}

.booking-quotation .nav-tabs .nav-item .nav-link.active {
    position: relative;
    border: none;
    background: #FF5722;
    color: #fff;
    margin: 0;
}

.booking-quotation .nav-tabs .nav-item .nav-link:hover {
    position: relative;
    border: none;
    background: #FF5722;
    color: #fff;
    margin: 0;
}


.booking-quotation .booking-action ul {
    /* display: inline-block; */
    width: 100%;
}

.booking-quotation .booking-action ul li {
    border: #dbdbdb 1px solid;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
    margin-right: 4px;
}

.booking-quotation .booking-action ul li .not-p {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    width: 22px;
    height: 22px;
    background: #f00;
    right: 0;
    top: -14px;
    border-radius: 13px;
}

.booking-quotation .booking-action ul li a:hover {
    background-color: #e5e5e5;
}

.booking-quotation .booking-action ul li a {
    display: flex;
    align-items: center;
    padding: 5px 7px;
    /* background-color: #efefef; */
}

.booking-quotation .booking-action ul li a i {
    font-size: 17px;
    color: #ff4021;
    margin-right: 13px;
}

.booking-quotation .booking-action ul li a span {
    display: block;
    color: #625b5b;
    /* line-height: 31px; */
    font-size: 13px;
}



.booking-quotation .booking-info .info-ul li {
    display: flex;
    width: 100%;
    border-bottom: #f3f3f3 1px solid;
    align-items: center;
    padding: 4px 0px;
}

.booking-quotation .booking-info .info-ul li span {

    WIDTH: 35%;

    /* padding-right: 156px; */

    display: inline-block;

    /* padding-block-end: 7px; */

    font-size: 14px;
}

.booking-quotation .booking-info .info-ul li .info-head {

    width: 15%;

    padding: 0%;

    /* padding-right: 94px; */

    display: flex;
}


.booking-quotation .booking-info .info-ul li .info-show2 {
    width: 80%;
    font-size: 13px;
    padding: 5px;
}

.booking-quotation .booking-info .info-ul li .info-show {}

.booking-quotation .booking-info .info-ul li:last-child {

    border: none;
    margin-top: 12px;
}

.booking-quotation .booking-info .info-ul li button {

    padding: 6px 9px;
    line-height: 4px;
    font-size: 12px !important;
    height: inherit;
    background-color: #2196F3;
    color: #fff;
    border: none;
}

.modal-header .close {
    padding: 0;
    margin: 0;
    width: 36px;
    height: 35px;
    background-color: #f00;
    opacity: 1;
    color: #fff;
    border-radius: 32px;
    position: absolute;
    right: -7px;
    top: -6px;
}

.over-flow-set {
    height: 341px;
    overflow: auto;
    padding-top: 0;
}

.itinarary-builder .select2-selection {
    height: 52px !important;
}

.itinarary-builder .select2-selection .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 50px !important;
}

.itinarary-builder .thumbnil-set {

    display: flex;

    flex-wrap: wrap;
}


.itinarary-builder .thumbnil-set .form-check {

    padding: 0;



    margin: 2px 4px;
}

.itinarary-builder .thumbnil-set .form-check .form-check-input {}

.itinarary-builder .thumbnil-set .img-set {}

.itinarary-builder .thumbnil-set .cont-set {}

.itinarary-builder .thumbnil-set .cont-set h5 {

    font-size: 13px;
    padding: 3px 4px;
    text-align: center;
    margin-top: 11px;
    background-color: whitesmoke;
    font-family: sans-serif;
}

.itinarary-builder .thumbnil-set .cont-set p {}


/* This css is for normalizing styles. You can skip this. */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




.new {
    padding: 50px;
}

.itinarary-builder .thumbnil-set .form-check {
    display: block;
    margin-bottom: 15px;
}

.itinarary-builder .thumbnil-set .form-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}


.itinarary-builder .thumbnil-set .form-check label {
    position: relative;
    cursor: pointer;
    border: #d9d0d0 1px solid;
}

.itinarary-builder .thumbnil-set .form-check label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #98b3c3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    position: absolute;
}

.itinarary-builder .thumbnil-set .form-check input:checked+label:before {
    background-color: #f00;
    border: solid #ff0000;
}

.itinarary-builder .thumbnil-set .form-check input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    /* background-color: #000; */




}




/* DMC Dashboard */
.main-body .home-dashboard .all-tabs h3 {

    font-size: 16px;
}

.main-body .home-dashboard .all-tabs.bd-1 {
    border-left: #1b7af1 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-2 {
    border-left: #28a745 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-3 {
    border-left: #17a2b8 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-4 {
    border-left: #ffc11e 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-5 {
    border-left: #dc3545 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-6 {
    border-left: #f11b6d 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-7 {
    border-left: #f11b9b 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-8 {
    border-left: #e119e8 5px solid;
}

.main-body .home-dashboard .all-tabs.bd-9 {
    border-left: #f1dc1b 5px solid;
}

.agent-head {
    margin-bottom: 20px;
    padding: 21px 0;
    background-color: #ffefef;
}

.agent-head .logo {
    width: 10%;
}

.agent-set {
    padding: 30px 0px;
    background: #f5f9fe;

}

.agent-set .right-inn {}

.agent-set .right-blk {}

.agent-set .right-blk .register-img {}

.agent-set .right-blk h2 {

    font-size: 23px;
    color: #100a55;
    font-weight: bold;
    margin-top: 22px;
    margin-bottom: 20px;
}

.agent-set .right-blk button {
    border: none;
    background: #100a55;
    color: #fff;
    width: 28%;
    padding: 7px 0;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}

.agent-set .agent-heading {}

.agent-set .agent-form {}

.agent-set .card {
    background: none;
    border: none;
}

.agent-set .agent-form .card-body {
    padding: 0 0;
}

.agent-set .agent-form .card-body .form-title {
    display: flex;
    align-items: center;
}

.agent-set .agent-form .card-body .form-title .title-icon {
    width: 32px;
    margin-right: 10px;
}

.agent-set .agent-form .card-body .form-title h4 {
    margin: 0;
    color: #100a55;
}

.agent-set .agent-form .form-group {
    display: flex;
    margin-bottom: 9px;

}

.agent-set .submit-btn:focus {
    box-shadow: none;
}

.agent-set .submit-btn {
    background: #FF9800;
    color: #fff;
    outline: none;
    padding: 10px 25px;
    font-size: 16px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;


}

.agent-set .submit-btn:hover {
    background-color: #0056b3;
    transform: scale(1.1);
}

.agent-set .agent-form .form-group select {
    border: 1px solid #ced4da;
    padding: 0 12px;
    outline: none;
    height: 40px;

}

.agent-set .agent-form .form-group .form-control:focus {
    box-shadow: none;
}

.agent-set .agent-form .form-group .form-control {
    border-radius: 0;
    font-size: 14px;
    color: #6c757d;
    height: 40px;
}

.agent-set .agent-form .custom-select {
    width: 50%;
}

.agent-set .agent-heading h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.agent-set .agent-heading p {
    font-size: 14px;
}

.site-footer {
    background: #0060ac;
    padding: 16px 1px;

}

.site-footer .caption {
    color: #fff;
}

.site-footer .caption a {
    color: #fffbfb;
}

.site-footer .caption a:hover {
    color: #000;
}

.site-footer p {
    font-size: 14px;
    color: #fff;
    margin: 10px 0px;
}

.card-body h4 {
    font-size: 16px;
    font-weight: 700;
}

.navbar-badge {
    right: -5px !important;
    top: -1px !important;
}

.buzz_bell {
    margin-left: 10px;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.max-lines {
    display: block;
    /* or inline-block */
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
    max-width: 90%;
}

.bottom-selection {
    background-color: #e5e7eb;
    padding: 35px 15px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.bottom-selection p {
    margin: 0;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #404040;
}

.bottom-selection .countries {
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    color: #89898a;
}

.bottom-selection .countries:focus {
    outline: none;

}

header {
    background: #f5f9fe;
    padding: 20px 0;
}

header .logo {
    width: 75%;

}

header .navbar {}

header .navbar .navbar-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

header .navbar .navbar-nav .nav-item {}

header .navbar .navbar-nav .nav-item .nav-link {
    color: #100a55;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1px;
}

header .nav-btns {
    display: flex;
    width: 90%;
    justify-content: end;
}

header .nav-btns .login-btn {
    background: #100a55;
    color: #fff;
    outline: none;
    padding: 10px 25px;
    font-size: 16px;
    margin-right: 15px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    width: max-content;
}

header .nav-btns .register-btn {
    background: #ef7f1a;
    color: #fff;
    outline: none;
    padding: 10px 13px;
    font-size: 16px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    width: max-content;
}

header .nav-btns .register-btn:hover {
    background-color: #100a55;
    transform: scale(1.1);
}

header .nav-btns .login-btn:hover {
    background-color: #ef7f1a;
    transform: scale(1.1);
}

.footer {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background: #f5f9fe;
}

.footer-divider {
    border-top: 1px solid #100A55;
    border-bottom: 1px solid #100A55;
}

.footer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.footer .footer-links-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.footer-title {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 1.25rem 0;
    color: #292b5b;
}

.footer .footer-links-section .footer-links {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.footer .footer-links-section .footer-links li {
    list-style: none;
}

.footer .footer-links-section .footer-links a {
    color: #292b5b;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
}

.footer .footer-links-section .footer-associate {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding-bottom: 2.5rem;
}

.footer .footer-links-section .footer-associate p {
    margin: 0;
}

.footer .footer-offer-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.footer-offer-section img {}

.footer-logo {
    max-width: 12rem;
    margin-top: 0.5rem;
}

.table {}

.table thead {}

.table tbody {}

.table tbody tr td,
.table tbody tr th {
    padding: 4px 5px;
    vertical-align: middle;
    font-size: 14px;
}

.table thead tr th {
    padding: 6px 4px;
    background: #e7e7e7;
    font-size: 14px;
}


.footer-social-links {}

.footer-social-links a {}

.footer-social-icon {
    width: 2.5rem;
}




.footer .footer-offer-section .footer-payment-icons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.footer .footer-offer-section .footer-payment-icon {
    width: 2.5rem;
}

.footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2.25rem;
    flex-wrap: wrap;
    width: 100%;
}

.footer-copyright {}

.footer-copyright a {
    font-weight: 500;
    color: #292b5b;
    font-size: 14px;
}

.footer-credit {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
}

.footer-credit a {
    font-weight: 600;
    color: #292b5b;
}

.footer-heart {
    font-size: 1.25rem;
    font-weight: bold;
    color: #e3342f;
}

















@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.for-all-set {}

.for-all-set .form-group {
    position: relative;
}

.bdn-cum {}

.bdn-cum .btn-group {}

.bdn-cum .btn-group .form-group {
    display: flex;
    background: #fff;
    border: #e6dbdb 1px solid;
    border-radius: 4px;
    padding-left: 14px;
    align-items: center;
    margin-right: 132px !important;
}

.bdn-cum .btn-group .form-group .form-select {
    border: none;
    padding: 3px 30px 5px 4px;
    box-shadow: none;
    /* border: navajowhite; */
    width: 99%;
}
.vertical-tab{

}
.vertical-tab .nav-pills{
    width: 100%;
}
.vertical-tab .nav-pills .nav-link{
    border-bottom: #e3e3e3 1px solid;
    border-radius: 0;

}
.vertical-tab .nav-pills .nav-link.active{
    background: #fd7e14;
}
.vertical-tab .nav-pills .nav-link:hover{
    background: #fd7e14; color:#fff;
}
.vertical-tab .nav-pills .nav-link:last-child {border:none;}


@media only screen and (max-width:667px) {
    .agent-set .right-blk {
        position: static;
        margin-bottom: 44px;
    }

    header .logo {
        width: 100%;
    }

    header .navbar {
        display: flex;
        justify-content: end;
    }

    .footer-content {

        padding: 24px 0;
    }

    .footer-logo-section {
        width: 56%;
        margin: 0 auto;
    }

    .footer .footer-links-section .footer-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer .footer-links-section .footer-links li {
        list-style: none;
        margin-bottom: 0;
        padding: -1px 0;
        line-height: 8px;
    }

    .footer .footer-links-section .footer-links a {
        font-size: 15px;
    }

    .footer .footer-links-section .footer-associate {
        padding-bottom: 1.5rem;
    }

}


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / 60%);
}