body{
    font-family: 'Inter', sans-serif;
}
.page-wrapper { 
    margin-left: 240px;
}
.left-sidenav .brand {
    text-align: center;
    max-height: auto;
    height: auto;
    margin: 15px auto 45px;
    padding: 10px 0; 
    max-width: 160px;
} 
.navbar-custom .nav-link { 
    line-height: 40px;
    max-height: 40px;
}
.left-sidenav .brand .logo { 
    display: block;
}
.left-sidenav .brand .logo span{ 
    display: block;
}
.left-sidenav .brand .logo span img{ 
    display: inline-block;
}
.left-sidenav-menu li {
    margin: 20px 0;
    line-height: 30px;
    border-right: 2px solid #fff;
}
.left-sidenav {
    background-color: #fff;
    border: 1px solid #EBEAED; 
    min-width: 240px;
    max-width: 240px; 
}
.left-sidenav-menu{
    padding-left: 0;
    padding-right: 0;
}
.left-sidenav-menu li>a i { 
    margin-right: 10px;
} 
.left-sidenav-menu li>a { 
    display: block;
    padding: 5px 30px; 
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
 


.left-sidenav-menu li:hover {  
    border-right: 2px solid #25DAC4;
} 
.left-sidenav-menu li:hover i {  
    color: #4339F2;
}
.left-sidenav-menu li>a:hover   {  
    color: #000000; 
}
.left-sidenav-menu li.active  {  
    border-right: 2px solid #25DAC4;
} 
.left-sidenav-menu li.active>a.active {  
    color: #000000; 
} 
.left-sidenav-menu li.active>a.active i {  
    color: #4339F2;
}
 
.left-sidenav-menu-bot{
    list-style: none;
    padding: 0;
    margin: 100px 30px 150px;
}
.left-sidenav-menu-bot li h5{
    font-weight: 700;
    font-size: 11px;
    line-height: 11px; 
    letter-spacing: 1px; 
    color: #082431; 
    opacity: 0.5;
}

.left-sidenav-menu-bot li i{ 
    font-size: 14px; 
    color: #CACDDE;
    margin-right: 10px;
    width: 15px;
}
.left-sidenav-menu-bot li  { 
    font-weight: 400;
    font-size: 14px;
    line-height: 17px; 
    color: #7D848C;
    margin: 20px 0; 
}

.left-sidenav-menu-bot li a  {  
    color: #7D848C !important; 
}

.left-sidenav-menu-bot li a:hover  {  
    color: #666a6e !important; 
}
 
.nav-top-user .nav-link i {
    font-size: 16px;
    color: #A6ABC8;
    line-height: 40px;
}
.nav-top-user .nav-link  {
    position: relative;
}
.nav-top-user .nav-link .notification-ic {
    background: #ED5B75;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
}
 

.drop-don-cntr {
    padding: 15px 0;
    border: 0;
    border-radius: 6px;
}

.navbar-custom .topbar-nav { 
    margin-right: 15px;
}
.dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20%);
    transition: all .5s;
}
.dropdown:hover .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}


.enlarge-menu .left-sidenav  {
    display: block; 
    min-width: 100px;
    max-width: 100px;
}
.enlarge-menu .left-sidenav .left-sidenav-menu li>a span {
     display: none; 
}
.small-logo{
    display: none !important;
}
.enlarge-menu .small-logo{
    display: block !important;
}
.enlarge-menu .large-logo{
    display: none !important;
}

.enlarge-menu .left-sidenav .brand { 
    max-width: 45px;
}
.enlarge-menu .page-wrapper {
     margin-left: 100px; 
}
.enlarge-menu .left-sidenav-menu li>a i {
    margin-right: 0;
    text-align: center;
}
.enlarge-menu .left-sidenav-menu li { 
    text-align: center;
}

.enlarge-menu .left-sidenav-menu-bot li h5{
   display: none;
}

.enlarge-menu .left-sidenav-menu-bot li span{
    display: none;
 }

 .enlarge-menu .left-sidenav-menu-bot li i { 
    margin-right: 0;
    width: 15px;
    text-align: center;
}
.enlarge-menu .left-sidenav-menu-bot { 
    text-align: center;
}



.navbar-custom .menu-add-btn {
    line-height: 35px;
    max-height: 35px;
    border-radius: 50%;
    width: 35px;
    text-align: center;
    background: #4339F2;
    margin-left: 15px;
}

.navbar-custom .menu-add-btn i {
    color: #fff;
}





.page-wrapper .page-content { 
    padding: 0 15px 52px 15px; 
}
.page-title-box .page-title {
    font-size: 18px; 
    font-weight: 600; 
}
.breadcrumb-item.active {
    color: #18a1ac;
}

 
.topbar {
    width: 100%;
    padding: 20px 0;
}
.topbar .navbar-custom { 
    border-bottom: 1px solid #eff4f8;
}
.nav-user img{
    height: 37px !important;
    width: 37px !important;
    border-radius: 6px !important;
    margin-left: 5px;
    margin-right: 10px;
}
.topbar .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0; 
}
.topbar .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;  
    color: #BBBBBB;
}

.select2-dropdown {
    background-color: white;
    border: 0;
    border-radius: 6px; 
    padding: 15px;
    box-shadow: 0 3px 12px #d6e4f1;
    margin-top: 6px;
}
.search-cntr {
    background-color: #fff;
   
    padding: 5px;

    border: 1px solid rgba(134, 146, 166, 0.33);
border-radius: 6px;
}
.card {
    border: 1px solid #eff4f8;
    border-radius: 15px;
    margin-bottom: 25px; 
}
.btn-warning {
    background: 0 0;
    border: 1px solid #1f1e2c;
    box-sizing: border-box;
    border-radius: 6px; 
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 7px 10px;
    text-decoration: none;
}
.btn-warning:hover{
    background: #4339F2 ;
    border: 1px solid #4339F2 ; 
}
.btn-primary{
    background: #4339F2;
    border-radius: 6px; 
    border: 2px solid #4339F2 ;
    box-sizing: border-box; 
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    padding: 7px 15px;
    transition: all .3s;
}
.btn-primary:hover{
    background: #097881 ;
    border: 2px solid #097881 ; 
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #18a1ac;
    border-color: #18a1ac;
}

 
.btn-secondary { 

    background: #9ba7ca ;
    border: 2px solid #9ba7ca ;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff; 
    padding: 7px 15px;
    transition: all .3s;
}
 
.form-control { 
    border: 1px solid rgba(134, 146, 166, 0.33);
    border-radius: 6px; 
    line-height: 30px;
    height: unset;
    min-height: 44px;
}
.card .select2-container--default .select2-selection--single { 
    border: 1px solid #dadada;
    border-radius: 2px;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
}
.card .select2-container--default .select2-selection--single .select2-selection__rendered { 
    line-height: 42px;
}
.card .select2-container--default .select2-selection--single .select2-selection__arrow { 
    right: 4px; 
    height: 42px;
}
.card-body { 
    padding: 30px;
}


/***** popup *****/
 
.custom-popup-right.jconfirm-box-container{
    padding: 0;
    max-width: 675px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    transform: none !important;
}
.custom-popup-right .jconfirm-box { 
    padding: 35px 45px; 
    border-radius: 0 !important;
    height: 100%;
}
.custom-popup-right .jconfirm-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    margin: 0;
    color: #1f1e2c;
  
}

.custom-popup-right .jconfirm-title-c {
    padding: 0;
    border-bottom: 1px solid rgba(136,150,166,.3);
    margin-bottom: 15px;
} 
.custom-popup-right .jconfirm-box div.jconfirm-content-pane{
    max-height: unset !important;
    height: 100% !important;
}
.custom-popup-right .form-check { 
    padding-top: 7px;
    padding-bottom: 7px;
}
.form-input-block   {
    border: 1px solid #dadada;
    border-radius: 2px;
    line-height: 30px;
    height: unset;
}
.booking-form-form { 
    padding: 40px 50px;
}

.booking-selected-project-booking-form .nav-item{
    margin-right: 10px;
}
.booking-selected-project-booking-form .nav-link{
    background: 0 0;
    border: 1px solid #1f1e2c;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    padding: 11px 10px;
    text-decoration: none;
}
.booking-selected-project-booking-form .nav-link.active{
    background: #18a1ac;
    border: 1px solid #18a1ac;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #fff!important;
    padding: 11px 10px;
    text-decoration: none;
    box-shadow: none!important; 
}
 
.more-med .panel {
    position: relative;
    padding: 20px 0;
    height: 100%;
}
.more-med .panel select.form-control {
    position: absolute;
    bottom: 5px;
    font-size: 13px;
    padding: 0 15px;
    width: 92%;
    left: 4%;
        background: #ffb0ab2e;
}
section#booking-form-content-section {
    background-color: #f5f5f5;
}
.form-input-block input{
    font-family: 'Manrope', sans-serif;
}
.form-project-detail-text ul li{
    font-family: 'Manrope', sans-serif;
}
span.booking-img-sp-title{
    font-family: 'Manrope', sans-serif;

}
.form-project-detail-text ul li a{
    color: #2B406C;
    text-decoration: none;
}
.upload-field-text h3 {
    font-family:  'Manrope', sans-serif;
} 
.booking-selected-project-block-img img {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
}
table{ 
    font-size: 15px;
}
.table th, .table td {
    padding: 15px 5px; 
    font-weight: 600;
}
.text-info {
    color: #18a1ac !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 16px; 
    line-height: 16px; 
}
.dataTables_paginate ul.pagination .page-link{
    border: 0;
    line-height: 15px !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #16a7ac;
    border-color: #16a7ac;
    border-radius: 50%;
    line-height: 15px !important;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
    background-color: #16a7ac;
    color: #fff;
}
.sett-btn i{
    color: #f95252;
} 
.badge { 
    color: #fff;
}
.ic-message{
    color: #058cfa;
}
.ic-edit{
    color: #f95252;
}
.ic-que{
    color: #5900ff;
}
.ic-chat{
    color: #059e00;
}
.btn_upload { 
    padding-top: 0px;
}
.image-holder img{
    width: 100%;
    height: 140px;
    object-fit: contain;
} 
.image-holder {
    padding: 0 15px;
    margin: 0 0 -15px;
} 
.success-upload{
    position: relative;
}
.remove-image {
    position: absolute;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 50%;
    top: 8px;
    right: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}
 .no-image img {
    height: 125px;
    padding: 30px 0;
    object-fit: contain;
}
#more-gmb-photos{
background: #18a1ac;
    border: 2px solid #18a1ac;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    padding: 5px 15px;
}




/**************  Login  page ***************/

.login-container{
    position: relative;
    height: 100vh;
    min-height: 800px;
}
.login-container::after{
    content: "";
    position: absolute;
    height: 100vh;
    width: 1px;
    background-color:  #EBEAED;
    top: 0;
    left: 57%;
}

.login-container .container{
    max-width: 1360px;
}
.logo-cntr  { 
    margin-top: 45px;
    margin-bottom: 100px;
}
.logo-cntr .brand-logo{
    max-width: 150px;
    display: inline-block; 
}
.login-left{
    padding: 45px 70px;
}

.login-right{
    padding: 45px 70px;
}
.login-right h3{
    font-weight: 700;
    font-size: 30px;
    line-height: 36px; 

    color: #000000;
}

.login-right p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px; 
    padding-bottom: 16px;
    color: rgba(134, 146, 166, 0.81);
    border-bottom: 1px solid #F5F5F5;
    
}

.login-right form label{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;  
    color: #696F79;
}

.login-right form input {
    border: 1px solid rgba(134, 146, 166, 0.33);
    border-radius: 6px;
    line-height: 45px;
}


.login-right form button {
    background: #4339F2;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 46px;
    display: block; 
    text-align: center !important;
    margin: 0 !important;
    color: #FFFFFF;
    width: 100%;
    transition: all .3s;
}


.login-right form button:hover {
    background: #00d3ab; 
}



.form-btn-cntr a{
    display: block;
    text-align: center;
    margin-top: 43px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(67, 57, 242, 1)    ;
    text-decoration: none;
}
.fot{
    padding: 45px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 10px; 

    color: #000000;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff; 
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #18a1ac;
    border: 1px solid #18a1ac; 
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgba(134, 146, 166, 0.33);
    border-radius: 6px;
    outline: 0;
}
.review-content{
    float: none !important;
    padding-left: 70px;
}
.submit-reply{ 
    background: #4339F2;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    opacity: 1;
    border-color: #4339F2;
}

.select-opts {
    position: relative;
    padding: 0 15px 15px;
}

.busi-create-tab{
    background-color: unset !important;
}

.busi-create-tab .nav-link {
    background: 0 0;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #333;
    padding: 11px 10px;
    text-decoration: none;
    margin: 10px 0;
    background: #f5f5f5;
}

.busi-create-tab .nav-link.active {
    color: #fff;
    background-color: #4339f2;
}

.busi-create-tab-foot .btn-light{
    background: 0 0;
    border: 1px solid #1f1e2c;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    padding: 11px 10px;
    text-decoration: none;
} 

.busi-create-tab-foot .btn-success {
    background: #4339F2;
    border-radius: 6px; 
    line-height: 15px;
    opacity: 1;
    border-color: #4339F2;
    box-sizing: border-box; 
    font-weight: 700;
    font-size: 16px;
    line-height: 22px; 
    padding: 11px 10px;
    text-decoration: none;
}


@media (max-width: 1600px) {
    .logo-cntr { 
        margin-bottom: 50px;
    }
}

@media (max-width: 1450px) {
    .login-container .container {
        max-width: 1200px;
    }
    .login-left {
        padding: 0px 50px;
    }
    .login-right {
        padding: 0px 50px;
    }
}

@media (max-width: 767px) {
    .login-container::after {
        display: none;
    }
}