@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/* @font-face {
  font-family: sai;
  src: url(../fonts/nuovavolte-medium-trial.woff);
} */
:root {
    
  --main-title-font-size: 28px;
  --main-title-line-height: 31px;
  
  --title-font-size: 17px;
  --title-line-height: 18px;
  
  --sub-title-font-size: 14px;
  --sub-title-line-height: 15px;
  
  --body-font-size: 12px;
  --body-line-height: 18px;
  --body-color:#8094ae;
  --sub-title-color: #364a63;
  --main-color:#101924;
  --main-border-color:#203247;
  --table-val-color:#526484;
  --back-btn-cl:#29347a;
}

#mobile_number_error,
#whatsapp_number_error,.error-message {
    font-size: 12px;
    text-align: end;
}


.btn-back{
    color: #fff !important;
    background-color: var(--back-btn-cl) !important;
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
}
    .bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)) !important;
    }
    .text-yellow-600 {
        --tw-text-opacity: 1;
        color: rgb(202 138 4 / var(--tw-text-opacity, 1)) !important;
    }
    .bg-green-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)) !important;
    }
    .text-green-600 {
        --tw-text-opacity: 1;
        color: rgb(22 163 74 / var(--tw-text-opacity, 1)) !important;
    }
    .bg-red-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)) !important;
    }
    .text-red-600 {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
    }
    .bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1))!important;
    }
    .text-blue-600 {
        --tw-text-opacity: 1;
        color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;
    }

    .alert-r{
        right: 1px !important;
        margin: 10px !important;
    }
    @media only screen and (max-width: 600px) {
        .main-title {
            font-size: 24px !important;
           
          }
        
      }
.main-title {
  font-size: var(--main-title-font-size);
  line-height: var(--main-title-line-height);
}

.title {
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
}

.cld-active{
    background-color: transparent !important;
}
.sub-title {
  font-size: var(--sub-title-font-size) !important;
  line-height: var(--sub-title-line-height) !important;
  color: var(--sub-title-color) !important;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}
.body-ft{
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  color: var(--body-color);
}
.table-fts{
    /* color:rgb(121 139 255 / 71%) !important; */
    color: #3545ad !important;
}
.tables-fs{
    font-size: var(--sub-title-font-size) !important;
    /* color:#8094ae!important; */
    color: var(--table-val-color);
    font-weight: 500;

}
body {
 
  background-color: #f7f7f7 !important;
  color: var(--body-color) !important;

}

.main-cl{
    background-color: var(--main-color);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
}

::selection {
    color: #ffff;
    background: #ff902f;
}
.fs-12{
    font-size: var(--body-font-size) !important;
}

a {
    text-decoration: none !important;
}

.bg-mobile {
    /* background: linear-gradient(to right, #FF902F 0%, #fc6075 100%); */
    background-color: #365061 !important;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 49px !important;
    right: 1% !important;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}

.d-contents {
    display: contents;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    background: var(--main-color);
    border-color: var(--main-border-color);
    z-index: 100;
    transition: all 0.5s ease;
}

.sidebar.close {
    width: 78px;
}

.sidebar .logo-details {
    /* height: 60px; */
    width: 100%;
    display: flex;
    align-items: center;
    /* background: #365061; */
    /* background: linear-gradient(to right, #FF902F 0%, #fc6075 100%); */
}

.sidebar .logo-details i {
    font-size: 25px;
    color: var(--main-color);
    height: 50px;
    min-width: 78px;
    text-align: center;
    line-height: 50px;
}

.sidebar .logo-details .logo_name {
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    transition: 0.3s ease;
    transition-delay: 0.1s;
}

.sidebar.close .logo-details .logo_name {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
}

.sidebar .nav-links {
    height: 100%;
    padding: 30px 0 150px 0;
    overflow: auto;
}

.sidebar.close .nav-links {
    overflow: visible;
    overflow-y: scroll;
}

.sidebar .nav-links::-webkit-scrollbar {
    display: none;
}

.sidebar .nav-links li {
    position: relative;
    list-style: none;
    transition: all 0.4s ease;
}

/* .sidebar .nav-links li:hover{
  background: #6c64cc;
} */
.sidebar .nav-links li .iocn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar.close .nav-links li .iocn-link {
    display: block;
}

.sidebar .nav-links li i {
    height: 50px;
    min-width: 69px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    letter-spacing: normal;
    vertical-align: middle;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sidebar .nav-links li.showMenu i.arrow {
    transform: rotate(-180deg);
}

.sidebar.close .nav-links i.arrow {
    display: none;
}

.sidebar .nav-links li a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.sidebar .nav-links li a .link_name {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    transition: all 0.4s ease;
}

.sidebar.close .nav-links li a .link_name {
    opacity: 0;
    pointer-events: none;
}

.sidebar .nav-links li .sub-menu {
    padding: 6px 6px 14px 69px;
    margin-top: -10px;
    background: #1d1b31;
    display: none;
}

.sidebar .nav-links li.showMenu .sub-menu {
    display: block;
}

.sidebar .nav-links li .sub-menu a {
    color: #fff;
    font-size: 15px;
    padding: 5px 0;
    white-space: nowrap;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.sidebar .nav-links li .sub-menu a:hover {
    opacity: 1;
}

.sidebar.close .nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 10px 20px;
    border-radius: 0 6px 6px 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
}
/* 
.sidebar.close .nav-links li:hover .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
  
} */

.sidebar .nav-links li .sub-menu .link_name {
    display: none;
}

.sidebar.close .nav-links li .sub-menu .link_name {
    font-size: 15px;
    opacity: 1;
    display: block;
}

.sidebar .nav-links li .sub-menu.blank {
    opacity: 1;
    pointer-events: auto;
    padding: 3px 20px 3px 16px;
    opacity: 0;
    pointer-events: none;
}

.sidebar .nav-links li:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}

/* .one {
  width: 80%;
  margin-left: 10%;
  background-color: black;
  height: 400px;
} */

.sidebar .profile-details {
    position: fixed;
    bottom: 0;
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #29347a;
    padding: 12px 0;
    transition: all 0.5s ease;
}

.user-side-profile{
    height: 50px;
}
.sidebar.close .profile-details {
    background: none;
}

.sidebar.close .profile-details {
    width: 78px;
}

.sidebar .profile-details .profile-content {
    display: flex;
    align-items: center;
}

.sidebar .profile-details .logo_user_icon {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 14px 0 12px;
    font-size: 43px;
    transition: all 0.5s ease;
    
}

.fs-16{
    font-size: 16px !important;
}

/* .sidebar.close .profile-details img {
    padding: 10px;
} */

.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
    display: none;
}

.sidebar .profile-details .job {
    font-size: 12px;
}

.home-section {
    position: relative;

    /* height: 100vh; */
    left: 260px;
    width: calc(100% - 260px);
    transition: all 0.5s ease;
}
@media (max-width: 990px) {
    .home-section {
        left: 0 !important;
        width: 100% !important;
    }
}

.home-content {
    /* background: #ff902f;
  background: linear-gradient(to right, #FF902F 0%, #fc6075 100%); */
    background: #f7f7f7;
}

.sidebar.close ~ .home-section {
    left: 78px;
    width: calc(100% - 78px);
}

.home-section .home-content {
    height: 60px;
    display: flex;
    align-items: center;
}

.home-content{
 
    border-bottom: 1px solid #e5e9f2;
  
}

/* .home-section .home-content .bx-menu,
.home-section .home-content .text {
    color: #11101d;
    font-size: 35px;
} */

.home-section .home-content .bx-menu {
    margin: 0 15px;
    cursor: pointer;
}

/* .home-section .home-content .text {
    font-size: 26px;
    font-weight: 600;
} */

@media (max-width: 420px) {
    .sidebar.close .nav-links li .sub-menu {
        display: none;
    }
}

@media (max-width: 992px) {
    .sidebar.close ~ .home-section {
        left: 0;
        width: 100% !important;
    }

    .w-sm-max {
        width: max-content !important;
    }

    .offcanvas {
        --bs-offcanvas-width: 261px !important;
    }
}

.w-full {
    width: -webkit-fill-available;
}

/* lg devices */
@media (min-width: 992px) {
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
            .input-group-btn
        ) {
        width: 100% !important;
    }

    .headers-logo {
        height: 17ch;
        width: 100%;
        object-fit: fill;
    }
}

/* btn close */
/* .btn-close{
  mix-blend-mode: plus-lighter;
  outline: none !important;
} */
.btn-close:focus {
    box-shadow: none !important;
}

.offcanvas-w {
    width: 500px !important;
}

.bx-iconss {
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}

.bx-iconsss {
    font-size: 1.5rem;
    color: #526484;
    line-height: 50px;
}

/* .td {
  width: 100% !important;
} */


/* .fm-main{
    position: relative;
    width: 180px;
    background-color: rgba(255, 255, 255, .15);
    border: 0;
   
    height: 40px;
} */

.icon-cl {
    color: #226089 !important;
}

/* nav tabs borders */
/* .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  border-bottom: none !important;
} */
/* nav tabs borders */
.nav-link {
    transition: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: var(--main-color) !important;
  border-color: var(--main-border-color) !important;
    color: #f7f7f7 !important;
}



.form-select-sm {
    outline: none;
}

.form-control:focus {
    box-shadow: none !important;
}

.form-control-sm:focus {
    box-shadow: none !important;
    outline: none;
}
.fs-cust{
    font-size: var( --sub-title-font-size) !important;
    color: var(--body-color) !important;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-14 {
  font-size: var(--sub-title-font-size) !important;
}
.table th {
    font-weight: 700 !important;
    white-space: nowrap;
    border-top: 1px solid #e9e9ea;
    padding: 1rem 0.75rem !important;
    font-size: 15px;
    color: #000000;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.dt-nav .nav-link {
    border: 1px solid #c5c5be !important;
}

.bg-cls {
  background-color: #101924 !important;
  
    color: #f7f7f7 !important;
}

.navs-links.activess {
    background-color: var(--main-color) !important;
    border-color: var(--main-border-color) !important;       
    color: #f7f7f7 !important;
}
.navs-linkss.activess {
    background-color: var(--main-color) !important;
    border-color: var(--main-border-color) !important;
    color: #f7f7f7 !important;
}
.activess{
    background-color: var(--main-color) !important;
    border-color: var(--main-border-color) !important;
  color: #f7f7f7 !important;
}
.fs-13 {
    font-size: 13px !important;
}

.nav-subs li {
    margin: 10px !important;
}

.cr-pointer {
    cursor: pointer !important;
}

.nav-ic i {
    margin: 10px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #111111 !important;
}

.btn-light {
    background-color: #f7f7f7 !important;
}

.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: thin #000000 !important;
    outline-offset: 0px !important;
    outline: 1px auto -webkit-focus-ring-color !important;
}
.form-control:focus, .dual-listbox .dual-listbox__search:focus, div.dataTables_wrapper div.dataTables_filter input:focus,.form-select:focus {
  color: #3c4d62 !important;
  background-color: #fff !important;
  border-color: #6576ff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(101, 118, 255, .1) !important;
}
.form-check-input:focus{
    border-color: #6576ff !important;
    box-shadow: 0 0 0 3px rgba(101, 118, 255, .1) !important;
}
.form-check-input:checked{
    border-color: #6576ff !important;
    background-color: #6576ff !important;
}
/* .filter-option {
  padding: 10px !important;
 } */
.filter-option::after {
    content: "+";
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: large;
    color: #0000ff !important;
    font-weight: bolder;
}

.bootstrap-select > .dropdown-toggle::after {
    display: none !important;
}

.popover-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row-reverse;
    padding: 10px !important;
    background-color: #e9e9ea !important;
}

.popover-header .close {
    border: none !important;
    background: transparent;
    font-size: 22px;
}

.filter-option-inner {
    white-space: normal;
}

.bg-table-body {
    background-color: #fff7cb !important;
}

.white-space-no {
    white-space: nowrap;
}

.acr-m::after {
    margin-left: inherit !important;
}

.acr-m {
    width: 88% !important;
}

.accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    border: none !important;
    box-shadow: none !important;
    color: #000 !important;
}

.text-line {
    border-bottom: 1px dotted;
}

.b-bb{
    border-bottom: 1px solid var(--body-color);
}
.w-max {
    width: max-content !important;
}

.border-t {
    border: 1px solid #c5c5be !important;
}

.scroller-bars {
    overflow-y: scroll;
    scrollbar-width: thin;
}

.user-profile {
    width: 69px;
    height: 69px;
    object-fit: cover;
    object-position: center;
}

.user-dts {
    font-size: 13px;
    color: #6b6b74;
}

.cl-texts {
    color: #6b6b74;
}

.weights-brs {
    border-right: 1px solid #c2c2c2;
}

.z-3 {
    z-index: 3 !important;
}

.z-n1 {
    z-index: -1 !important;
}

.number-text {
  font-size: 1.75rem;
  color: #364a63;
  line-height: 42px;
    font-weight: 400;
    font-style: normal;
}

.bg-success-subtle {
    background-color: #e7f4d6;
}

.text-cl-icon {
    color: #6a8a00;
}

.bg-success-2 {
    background-color: #d7f7ff;
}

.text-cl-icon-2 {
    color: #01579e;
}

.bg-warning-subtle {
    background-color: #fff3c2;
}

.text-cl-icon-1 {
    color: #e37e00;
}

.bg-danger-subtle {
    background-color: #fcdfe0;
}

.text-cl-icon-3 {
    color: #a30011;
}

.bg-orange-subtle {
    background-color: #ffd8b8;
}

.text-cl-icon-1 {
    color: #fd7e14;
}

.icon-h {
    height: 80px;
    line-height: 45px;
    width: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.card-imges {
    background: url(../images/card-1.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-imges-2 {
    background: url(../images/card-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-imges-3 {
    background: url(../images/card-3.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-imges-4 {
    background-color: #dca7df !important;
}

.text-clss {
    color: #364a63 !important;
}

.btn-blue {
    --bs-bg-opacity: 1;
    color: #fff;
    background-color: #364a63 !important;
    border-color: #364a63 !important;
}

.center-div {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
}

.add-ics {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #365061 !important;
}

.btns-outline {
    border: 1px solid #365061 !important;

    &:hover {
        background-color: #23549e !important;
        color: #ffffff !important;
    }
}

.btns-nr {
    border: 1px solid #365061 !important;
    background-color: #365061 !important;
}

.glass-bg {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.35) !important;

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
}

.img-food {
    max-height: 140px !important;
    width: 100% !important;
    object-fit: cover;
}

.cls-c::before {
    background-color: #ffffff;
       border-bottom-left-radius: 12px;
}

.nav-pills-bt {
    border-bottom: 3px solid #365061;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #101924 !important;
  border-color: #203247 !important;
    color: #ffffff !important;
}

.btn-rd {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
}

.w-min {
    min-width: 110px;
}

.object-postion-top{
    object-position: top !important;
}
.doctor-img {
    height: 287px !important;
    width: 100% !important;
    object-fit: cover;
}

.modal-header {
    justify-content: space-between !important;
}

.max-width {
    max-width: 158px !important;
}

.inputs-icons {
  
    right: 4px;
    top: 6px;
  
}
.fancybox-image,
.fancybox-iframe,
.fancybox-inner {
    height: 50vh !important;
    object-fit: cover;
}

@media (min-width: 992px) {
    .w-lg-max {
        width: 100% !important;
    }
}

/* small graph in index  */
@property --p {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}

.pie {
    --p: 20;
    --b: 22px;
    --c: darkred;
    --w: 70px;

    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "Yeseva One", serif;
}
.pie:before,
.pie:after {
    content: "";
    position: absolute;
    border-radius: 50%;
}
.pie:before {
    inset: 0;
    background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b)
            var(--b) no-repeat,
        conic-gradient(var(--c) calc(var(--p) * 1%), #ddd8d8b6 0);
    -webkit-mask: radial-gradient(
        farthest-side,
        #0000 calc(99% - var(--b)),
        #000 calc(100% - var(--b))
    );
    mask: radial-gradient(
        farthest-side,
        #0000 calc(99% - var(--b)),
        #000 calc(100% - var(--b))
    );
}
.pie:after {
    inset: calc(50% - var(--b) / 2);
    background: var(--c);
    transform: rotate(calc(var(--p) * 3.6deg))
        translateY(calc(50% - var(--w) / 2));
}
.animate {
    animation: p 1s 0.5s both;
}
.no-round:before {
    background-size: 0 0, auto;
}
.no-round:after {
    content: none;
}
@keyframes p {
    from {
        --p: 0;
    }
}

.h-iconss {
    width: 60px;
    height: 60px !important;
    mix-blend-mode: hard-light;
}

.text-ps {
    color: #53c062;
}

.text-ng {
    color: #c05353;
}

#chart-container {
    position: relative;
    height: 100vh !important;
    overflow: hidden;
}

.nav-ps .nav-ls.active,
.nav-ps .show > .nav-ls {
    background-color: transparent !important;
    color: #000000 !important;
    border-bottom: 2px solid #4073e1;
    border-radius: 0% !important;
}

@media (min-width: 1200px) {
    canvas#chart {
        height: 500px !important;
        width: 100%;
    }
    #chart-container {
        position: relative;
        height: 600px !important;
        overflow: hidden;
    }
}

.bg__cards {
    background-color: #f7f9fc !important;
}


.side_iconc{
  color: #9cadfd !important;
}

.sidebar>.nav-links{
  a{
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;

  font-style: normal;
  font-variation-settings:"wdth" 100;
  }
}

.text-custom{
  color: var(--sub-title-color) !important;
}


.bg_mains{
  background: var(--main-color) !important;
  border-color: var(--main-border-color) !important;
}
.dp-side{
  .dropdown-item:focus, .dropdown-item:hover{
    color: #fff !important;
    background-color: inherit !important;
  }
}

.card{
  border: 1px solid #dbdfea !important; 
}

@media (min-width: 576px) {
    .modal-body {
        padding: 1.5rem 1.5rem !important;
    }
}
@media (min-width: 576px) {
    .modal-body-lg {
        padding: 2.75rem 3.75rem !important;
    }
}
.modal-body-lg {
    padding: 2.25rem 1.25rem;
}


.form-note{
    font-size: 12px;
    color: var(--body-color);
    font-style: italic;
    display: block;
}

.form-label ,.form-check-label{
    font-size: var(--sub-title-font-size);
    font-weight: 500;
    color: #344357;
}

input::placeholder,textarea::placeholder{
    color: #b6c6e3 !important;
    opacity: 1 !important;
    font-size: 13px !important;
   
 
}



.form-control ,.form-select {
    display: block;
    width: 100%;
    padding: .4375rem 1rem;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 1.25rem;
    color: #8094ae !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #dbdfea !important;
}



.daterangepicker.ltr.show-calendar.opensright{
    right: 24px !important;
}

th{
    
    font-size: 13px !important;
    color: #8094ae !important;
    
}
/* th.sorting.sorting_asc{
    display: block;
} */

.paginate_button{
    color: var(--body-color) !important;
    background-color: #fff !important;
    border-color: #e5e9f2 !important;
    margin-left: 0px !important;
    font-size: 14px !important;
}
.dataTables_info{
    font-size: 13px !important;
    color: var(--body-color) !important;
}
.dataTables_empty{
    color: var(--body-color) !important;
   
}

table.dataTable>thead>tr>th,table.dataTable>thead>tr>td {
    padding: 10px;
    border-bottom:inherit !important; 
}
.dataTables_length,#myTableNew_filter,#myTable_filter,.dataTables_filter{
    font-size: 14px;
    color: var(--body-color) !important;
    margin-bottom: 15px;
    input{
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}

.dp-link-icon{
    font-size: 1.125rem !important;
    width: 1.75rem !important;
    opacity: .8 !important;
    color: #526484;
    
}
.dp-main{
    display: flex;
        align-items: center;
        padding: 7px 1.25rem;
        font-size: 12px;
        font-weight: 500;
        color: #526484;
        transition: all .4s;
        line-height: 1.3rem;
        position: relative;
        
}

.dropdown-menu {
    overflow: hidden;
    border: 1px solid #e5e9f2 !important;
    box-shadow: 0 3px 12px 1px rgba(44, 55, 130, .15) !important;
    font-size: 0.8125rem !important;
    color: #526484 !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #fff !important;
    min-width: 190px !important;
}



.dot-ic{
    padding: 5px 9px;
}
.dot-ic:hover{
    color: #526484;
    background-color: #e5e9f2;
    border-radius: 50%;
}

.dot-ics{
    padding: 5px 5px;
}
.dot-ics:hover{
    color: #364a63 ;
    background-color: #e5e9f2;
    border-radius: 50%;
    border-color: #364a63 ;
}
.table-vl{
    /* color: var(--table-val-color) !important; */
    color:#364a63!important;
    font-weight: 500 !important;
    
}
div.dataTables_processing {
    margin-top: 0px !important;
}
/* input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
} */


.img_msk{
    mask-image: url(../images/svg_mask.svg);
    -webkit-mask-image:url(../images/svg_mask.svg);
    vertical-align: middle;
    display: inline-block;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}