.main {background: #f5f7fb !important;}
body.lawyaar-theme .navbar-bg {background: #3a3b91;}
body.lawyaar-theme .hamburger, body.lawyaar-theme .hamburger:after, body.lawyaar-theme .hamburger:before { background: #fff;}
body.lawyaar-theme .text-dark { color: #fff !important;}
body.lawyaar-theme .dropdown-toggle:after { color: #fff;}
body.lawyaar-theme .sidebar-brand {margin-bottom: 24px;}
body.lawyaar-theme .sidebar-brand img {
    width: 85%;
}
body.lawyaar-theme a.sidebar-link svg,body.lawyaar-theme .sidebar-item.active>.sidebar-link svg { color:#3a3b91; ;}
body.lawyaar-theme .sidebar-item.active>.sidebar-link { border-left-color: transparent; }
body.lawyaar-theme .navbar .avatar { border-radius: 50% !important;}
.nav-flag, .nav-icon { color: #fff;}
/* body.lawyaar-theme .sidebar { background: #4163cf !important;} */
body.lawyaar-theme .sign-up-logo { text-align: center; }
body.lawyaar-theme .sign-up-logo img {width: 20%;background: #fff;padding: 10px;border-radius: 10px;box-shadow: 0 0 20px #1b1c60;}
body.lawyaar-theme .sidebar {background: #ffffff !important;box-shadow: 0 0 5px 1px #666;}
body.lawyaar-theme .sidebar-content {background: #ffffff !important;box-shadow: 0 0 13px #bbbbbb;}
body.lawyaar-theme .sidebar-link, a.sidebar-link {background: #ffffff !important;}
body.lawyaar-theme .sidebar-dropdown .sidebar-item.active .sidebar-link { color:#fff !important;}
body.lawyaar-theme .sidebar-link:hover {background: rgba(0, 0, 0, 0.1) !important;}
body.lawyaar-theme .sidebar-item.active , body.lawyaar-theme .sidebar-item.active>.sidebar-link {background: rgb(255 255 255 / 10%) !important; font-weight: bold;color: #3a3b91;}
body.lawyaar-theme .sidebar-header {    background: transparent;color: #000000;font-size: .8rem;padding: .5rem 1.5rem .375rem;font-weight: bold;}
body.lawyaar-theme .sidebar-link, a.sidebar-link {color: #020202 !important; margin-bottom: 0; padding: .6rem 1.6rem !important;}
body.lawyaar-theme .card {box-shadow: -2px 6px 13px -7px rgba(0, 0, 0, 0.75);}
body.lawyaar-theme .card-header{background: #fff;}
body.lawyaar-theme .card-header:first-child .card-title {background: #ffffff;color: #000;}
body.lawyaar-theme .card-body .row:first-child { align-items: center;}
body.lawyaar-theme .card-body .row:first-child .card-title { color: #000; margin-bottom: 0;}
body.lawyaar-theme .card-title {color: #fff;}
body.lawyaar-theme .navbar-expand .navbar-nav .dropdown-menu {background: #4163cf;}
body.lawyaar-theme .navbar-expand .navbar-nav .dropdown-menu .dropdown-item { color: #fff;}
body.lawyaar-theme .navbar-expand .navbar-nav .dropdown-menu .dropdown-item:hover {background: rgba(0, 0, 0, 0.1) !important;}
body.lawyaar-theme .table>thead { background:#4163cf !important}
body.lawyaar-theme .table>thead th { color: #fff;}
body.lawyaar-theme .table tbody, body.lawyaar-theme .table td, body.lawyaar-theme .table tfoot, body.lawyaar-theme .table th, 
body.lawyaar-theme .table thead, body.lawyaar-theme .table tr, body.lawyaar-theme .table>:not(:last-child)>:last-child>* {border-color: #c5c5c5;}
body.lawyaar-theme .text-muted { color: rgb(139 139 139 / 75%) !important;}
body.lawyaar-theme .form-control {border-color: #6c6cb8 !important;color: #000000 !important;border-radius: 5px;font-size: 1rem;padding: .5rem 1.2rem;box-shadow: none;}
body.lawyaar-theme .form-control::placeholder { color: #939292 ;}
body.lawyaar-theme .custom-card {
    box-shadow: -2px 6px 13px -7px rgba(0, 0, 0, 0.45) !important;
}
.bg-pink {
    --bs-bg-opacity: 1;
    background-color:var(--bs-pink)
}
.bg-danger-emphasis {
    --bs-bg-opacity: 1;
    background-color:var(--bs-danger-text-emphasis)
}

/********* lawyer-login-page************/
.lawer-login-bg { background: url(../img/lawyer-login.jpg); background-repeat: no-repeat; background-size: cover; background-position: top; position: relative;}
.lawer-login-bg::before {
    background: #3a3b91;
    position: absolute;
    top: 0;
    left: -10%;
    width: 60%;
    height: 100%;
    content: '';
    z-index: 1;
    border-right: 20px solid #ffffff;
    box-shadow: 0 0 40px 2px #9ec5ff;
    transform: skewX(-10deg);
}
.lawyer-login-pallet { z-index: 2; position: relative;}
.lawer-login-bg i { color: #3a3b91;}

@media only screen and (min-width:1200px) {
    .lawyer-login-pallet { left: 8%;}
    }

    
@media only screen and (min-device-width: 375px) and (max-device-width: 1024px) {
        .lawer-login-bg {background-position: 100%, 0;}
        .lawer-login-bg::before {background: rgb(58 59 145 / 60%); left: 0; transform:none; width: 100%; border: none;}
        .for-device { margin: 0 auto;}

    }  
@media only screen and (min-width: 768px) {
.lawer-login-bg {background-position: 97%, 0 !important;}
    }  
@media only screen and (min-width:575px) {
    .lawer-login-bg { background-position: 90%,0;}
}
@media only screen and (min-width:480px) {
    .lawer-login-bg { background-position: 86%,0;}
}
@media only screen and (min-width:375px) {
    .lawer-login-bg { background-position: 82%,0;}
}

/******** case start*************/
.custom-card a:hover {background: #d5d5d5;text-decoration: none;transition: all .3s;}
.abstrix { vertical-align: super;}
.custom-btn:hover { background: #666; color: #fff;}
input[type='text'].custom-inputext {border-color:rgb(211 211 211) !important}
input[type='text'].custom-inputext:focus {border-color:#858585!important; box-shadow:0 0 5px #a6a6a6;}
input[type='text'].custom-inputext::placeholder { color:var(--bs-gray-500)}
body.lawyaar-theme .ui,body.lawyaar-theme .ui.multiple.dropdown>.label{background: #3a3b91;opacity: .9 !important;color: #fff !important;padding: .5rem !important;}
body.lawyaar-theme .ui.label a:hover {background: #3a3b91; opacity:1 !important; color: #fff !important;   }
body.lawyaar-theme .ui.fluid.dropdown>.dropdown.icon { top: 12px;}
body.lawyaar-theme .ui.dropdown>.dropdown.icon:before {content: '\f078' !important;font: normal normal normal 12px/1 FontAwesome;color: #343a40;}
body.lawyaar-theme button span {padding: .3rem 0 .3rem 0;}

.select2-container{
    width: 100% !important;
}

#cometchat__widget{
    height: auto !important;
}