/*!
 * CPTS
 * Copyright: Salasar Insurance Broker Pvt. Ltd.
 * Author Name: Ankit Kumar
 * CSS Name: Style
 */
/*================================START Custom Scroll bar ================================*/
::-webkit-scrollbar {
    width: 6px;
    background-color: #ececec;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #FFFFFF;
}

.border-bottom {
    border-bottom: 1px solid #8f2960!important;
}




button#sorter1 {
    border-radius: 18px;
}
div.dataTables_wrapper div.dataTables_filter input
button#submit_frm {
    border-radius: 18px;
}

.fa-edit:before {
    color: #ff9400;
    content: "\f044";
}
.fa-eye:before {
    content: "\f06e";
    color: #00afff;
}
button#plain {
    padding: 7px;
    text-align: center;
    background-color: #50a89d;
    width: 116px!important;
    color: white;
    border: none;
    margin: 10px;
}
button#inverted {
    padding: 7px;
    text-align: center;
    background-color: #50a89d;
    width: 116px!important;
    color: white;
    border: none;
    margin: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(55, 152, 255);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(106, 173, 230, 1);
}

::-webkit-scrollbar-thumb {
    background: rgba(106, 173, 230, 1);
    /*height: 6rem;*/
}

#sidebar-menu .menu-arrow {
    font-family: "Font Awesome 5 Pro";
}

#sidebar-menu .menu-arrow:before {
    content: "\f105";
}

.navbar-custom {
    height: 55px;
}

.navbar-custom .topnav-menu .nav-link {
    max-height: 55px;
    line-height: 55px;
}

.navbar-custom .app-search {
    height: 55px;
}

.navbar-custom .button-menu-mobile {
    height: 55px;
    line-height: 55px;
}

.notification-list .noti-title {
    padding: 10px 20px;
}

.content-page {
    margin-top: 55px;
    padding: 15px 0 15px 0;
}

.form-control {
    height: calc(1.1em + .9rem + 2px);
    padding: .45rem .45rem;
    color: #000000;
}

label {
    margin-top: .3rem;
    font-weight: 400;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000!important;
}
.icon_logo{
width:28px;
}

.metismenu a :hover {
    color: #ff59b3!important;
}

 .btn-info {

    background-color: #a6ce39;
    border-color: #304255!important;
 
}
.bootstrap-select .dropdown-toggle[title="[Select One]"] .filter-option {
    color: red!important;
}
.fal, .far {
    color: #91a0b5!important;
}

label {
    color: #a1b0c5!important;
}
h4.card-title,div#empTable_info {
    color: #a1b0c5!important;
}

div#datatable_disable_sorting_info {
    color: #91a0b5;
}

/*============ Datatables =============*/
.badge-square {
    border-radius: 5px;
    height: 25px;
    width: 25px;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-inline-flex;
    display: -ms-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: -7px;
    margin-top: -7px;
    background: #0356a814;
    color: #000;
    font-size: 12px;
    margin-right: 4px;
}

td.action .badge-square:hover {
    background: #0356a8!important;
    color: #fff!important;
}

.table.dataTable thead .sorting:after, .table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc_disabled:after, .table.dataTable thead .sorting_desc_disabled:before {
    font-family: "Font Awesome 5 Pro";
}

.table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc_disabled:after {
    content: '\f176';
    padding-top: 1em;
    bottom: 0.9em;
    right: 0.4em;
    position: absolute;
    font-weight: 300;
}

.table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc_disabled:before {
    content: '\f175';
}

.table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc_disabled:before {
    position: absolute;
    font-weight: 300;
    bottom: 0.9em;
    right: 1em;
}

.table thead th {
   
   border:none;
   }

.table td, .table th {
    padding: 10px 10px;
}

.table td {
color: #99a8bd!important;
    padding: 7px 10px;
}

.table.dataTable thead .sorting:after, .table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc:before {
    top: auto;
}

.table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc_disabled:after,
.table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc_disabled:before {
    font-size: .81rem;
}

.table thead, label {
    text-transform: none;
}


.table thead th {
    font-size: .91rem;
    color: #000000;
}

.table {
    color: #000000;
}

table.dataTable tr:hover {
    background: #0356a824;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 10px;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 20px;
}

table.dataTable tbody>tr>td.dataTables_empty:before {
    /*content: url('../images/empty_datatable.svg');*/
    z-index:9; /*a number that's more than the modal box*/
    left: 38%;
    display: block;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
}

div.dataTables_wrapper div.dataTables_filter input {
       width: 302px;
height:36px;
    border-radius: 20px;
}

/* Selectpicker */
.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: #a8a8a8;
}

.bootstrap-select .btn-light {
    background-color: #ffffff!important;
    border: 1px solid #DFE3E7;
    color: #000;
}

.bootstrap-select .btn {
    height: calc(1em + .94rem + 3.7px);
    padding: .45rem .45rem;
    line-height: 1.2;
}

.bootstrap-select .dropdown .dropdown-toggle::after,
.bootstrap-select .dropleft .dropdown-toggle::after,
.bootstrap-select .dropright .dropdown-toggle::after,
.bootstrap-select .dropup .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
}

.bootstrap-select .dropdown-menu {
    margin: 0;
}

.bootstrap-select .dropdown-menu::before {
    content: none;
}

.bootstrap-select .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bootstrap-select .btn-light~.dropdown-menu .dropdown-item.active,
.bootstrap-select .btn-outline-light~.dropdown-menu .dropdown-item.active {
    background-color: #a6cd3d;
    color: #fff;
}

.bootstrap-select .dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    background-color: #a6cd3d;
}

.bootstrap-select .btn-light.active,
.bootstrap-select .btn-light.disabled,
.bootstrap-select .btn-light:active,
.bootstrap-select .btn-light:disabled,
.bootstrap-select .btn-light:focus {
    color: #000!important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0!important;
}

.bootstrap-select .dropdown-toggle::after{
    display: inline-block!important;
    width: 0!important;
    height: 0!important;
    margin-left: .255em!important;
    vertical-align: .255em!important;
    content: ""!important;
    border-top: 0!important;
    border-right: .3em solid transparent!important;
    border-bottom: .3em solid!important;
    border-left: .3em solid transparent!important;
    transform: rotate(180deg);
}

.bootstrap-select .dropdown-menu {
    max-height: 250px;
}

.bootstrap-select .dropdown-menu.inner {
    position: relative;
}

.bootstrap-select .btn-light.focus, .bootstrap-select .btn-light:focus,
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active:focus,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active:focus,
.bootstrap-select .show>.btn-light.dropdown-toggle:focus,
.bootstrap-select .dropdown-menu {
    box-shadow: none;
}

.bootstrap-select .dropdown-menu.show {
    top: 0!important;
    border: 1px solid #ced4da;
}

.bootstrap-select .dropdown-menu.inner.show {
    top: 0!important;
    border: 0;
}

/* Datepicker */
.datepicker .input-group-addon .input-group-text,
.future_datepicker .input-group-addon .input-group-text,
.ui-dp .input-group-addon .input-group-text {
    height: calc(1em + .94rem + 4.1px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background: #fff;
}

.datepicker input,
.future_datepicker input,
.ui-dp input {
    border-radius: .25rem!important;
}

.datepicker,
.future_datepicker,
.ui-dp {
    padding: 0px!important;
}

.datepicker.datepicker-dropdown,
.future_datepicker.datepicker-dropdown,
.ui-dp.datepicker-dropdown {
    padding: 10px!important;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    content: none;
}

.datepicker td, .datepicker th,
.future_datepicker td, .future_datepicker th,
.ui-dp td, .ui-dp th {
    width: 31px;
    height: 20px;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover,
.future_datepicker table tr td.today,
.future_datepicker table tr td.today.disabled,
.future_datepicker table tr td.today.disabled:hover,
.future_datepicker table tr td.today:hover,
.ui-dp table tr td.today,
.ui-dp table tr td.today.disabled,
.ui-dp table tr td.today.disabled:hover,
.ui-dp table tr td.today:hover {
    background-image: linear-gradient(to bottom,#0356a8,#0356a8);
    color: #fff;
}

.datepicker input,
.future_datepicker input {
    border-right: 0;
}

.datepicker .input-group-addon,
.future_datepicker .input-group-addon,
.ui-dp .input-group-addon {
    cursor: text;
}

.datepicker input+.input-group-addon:focus,
.future_datepicker input+.input-group-addon:focus,
.ui-dp input+.input-group-addon:focus {
    color: #475F7B;
    background-color: #FFF;
    border-color: #5A8DEE;
    outline: 0;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.1);
    border-right: 1px solid #5A8DEE;
    border-top: 1px solid #5A8DEE;
    border-bottom: 1px solid #5A8DEE;
}

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

/* Position Datepicker Right */
.input-group-addon {
    position: absolute;
    right: 0;
    z-index: 3;
}
td {
    color: #9dacc2;
}
.datepicker input,
.future_datepicker input,
.ui-dp input {
    border-radius: .267rem;
}

.input-group-addon {
    border-radius: .267rem;
}

.datepicker .input-group-addon .input-group-text,
.future_datepicker .input-group-addon .input-group-text,
.ui-dp .input-group-addon .input-group-text {
    border-radius: .267rem;
}

.input-group-text {
    border: 1px solid #dfe3e700;
    border-right: 1px solid #dfe3e7;
}

.datepicker .input-group-addon .input-group-text,
.future_datepicker .input-group-addon .input-group-text,
.ui-dp .input-group-addon .input-group-text {
    background: #58454500;
}

.datepicker input:focus+ .input-group-addon .input-group-text,
.future_datepicker input:focus+ .input-group-addon .input-group-text,
.ui-dp input:focus+ .input-group-addon .input-group-text {
    border-right: 1px solid #0b6ccc;
}

.input-group-addon .input-group-text i {
    font-size: 16px;
}

.input-group-text {
    padding: .45rem .7rem;
}
/*End*/

/* Timepicker */
.timepicker {
    padding: 0!important;
}

.timepicker input {
    border-radius: .25rem!important;
}

.timepicker .input-group-addon {
    cursor: text;
}

.timepicker .input-group-addon .input-group-text {
    height: calc(1em + .94rem + 4.1px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background: #fff;
}

.timepicker .input-group-addon .input-group-text {
    border-radius: .267rem;
}

.timepicker .input-group-addon .input-group-text {
    background: #58454500;
}

/* Card */
.card-header {
    background-color: #ffffff;
}

.card-title {
    margin-bottom: 0;
}

/* File Type */
input[type='file'] {
    padding: 0;
    line-height: 24px;
    height: 32px;
}

.form-group {
    margin-bottom: 6px;
}

.dropdown-menu {
    animation-name: none;
}

#sidebar-menu>ul>li>a {
    padding: 9px 12px;
}

#sidebar-menu>ul>li>ul {
    padding-left: 30px;
}

label span {
    color: red;
}

p.text-danger {
    margin-bottom: 0;
}

span#add_contact,
span#delete,
span#add_policy_particular,
span#delete_policy_particular {
    cursor: pointer;
}

/* Header */
.navbar-custom .dropdown.notification-list .dropdown-menu.show {
    top: 0!important;
    left: 0!important;
}

.btn-danger {
  
    border-color: #ff5d4800;
}

.btn-success:hover,
.btn-danger:hover,
.btn-info:hover {
    background-color: #89ad26;
    border-color: #89ad26;
}

.page-item.active .page-link {
    background-color: #8F2960!important;
    border-color: #8F2960!important;
}
.page-item.active .page-link {
    background-color: #8F2960!important;
    border-color: #8F2960!important;
}


/*============= Login Page =============*/
body.authentication-bg {
    padding-bottom: 25px;
}

.authentication-bg {
    background-color: #fafafa;
}

.account-pages .bootstrap-select .btn-light {
    height: 35px;
    background-color: #efefef!important;
}

.account-pages .card-body {
}

.account-pages form {
    margin: 0 40px 0;
}

.account-pages .account-card-box {
    background-color: #fafafa;
}

.account-pages .card {
    box-shadow: none;
}

.account-pages .account-card-box .card {
    
}

.account-pages .account-card-box {
    padding: 0;
    border-radius: 0;
}

.account-pages input.form-control {
border: none;
    border-radius: 4px;
    height: 45px;
    background: #efefef;
    padding: 9px 0 7px 8px;
    line-height: 18px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

.account-pages .card-body {
}

.account-pages .btn-success {
    background-color: #a6ce39;
    border-color: #a6ce39;
    font-weight: 600;
    padding: 5px 9px;
}

.account-pages .divider {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 18px 0 10px;
}

.account-pages .divider span.left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background-color: #dbdbdb;
    height: 1px;
    position: relative;
    top: .45em;
}

.account-pages .divider span.center {
    color: #8e8e8e;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 0 18px;
    text-transform: uppercase;
}

.account-pages .divider span.right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background-color: #dbdbdb;
    height: 1px;
    position: relative;
    top: .45em;
}

.account-pages .forgot-pw {
    text-align: center;
}

.account-pages .forgot-pw a,
.account-pages .forgot-pw a:hover,
.account-pages .forgot-pw a:active,
.account-pages .forgot-pw a:visited {
    text-decoration: none;
    color: #00376b;
    font-size: 12px;
    line-height: 14px;
    margin-top: 12px;
    text-align: center;
}

.account-pages .bottom-card {
    margin-top: 10px;
}

.account-pages .bottom-card .store {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0 10px 0;
    text-align: center;
}

.account-pages .bottom-card .store .app-store {
    margin-right: 8px;
}

.account-pages .bottom-card .store .app-store:last-child {
    margin-right: 0;
}

.account-pages .bottom-card .store .app-store img {
    height: 40px;
}

/* Reminder Section */
.table-accordion .table td.collapse-action a span:before, .table-accordion .table td.collapse-action a.collapsed span:before {

    font-family: system-ui;
   font-weight: 500;
    padding: 5px 7px;
    border: 1px solid #00000024;
    border-radius: 3px;
}

.table-accordion .table td.collapse-action a:hover span:before,
.table-accordion .table td.collapse-action a.collapsed:hover span:before {
    color: #a6ce39;
}

.table-accordion .table td.collapse-action a.collapsed span:before {
    content: "\f067";
}

.table-accordion .table td.collapse-action a span:before {
    content: "\f068";
}

.table-accordion table.td-before-collapse:hover {
    background-color: rgba(0,0,0,.02);
}

.table-accordion table.table.odd {
    background-color: rgba(0,0,0,.02);
}

.table-accordion table.table.odd + .table-collapse-data {
    background-color: rgba(0,0,0,.02);
}


.w-2 {
    width: 2%!important;
}

.w-23 {
    width: 23%!important;
}

.w-10 {
    width: 10%!important;
}

.fs-25 {
    font-size: 25px!important;
}
/* ========== Dashboard =========*/
.dashboard.table td, .dashboard.table th {
    padding: 7px 7px;
}

.dashboard.table th a {
    font-size: 15px;
}

#toast-container>div {
    width: 305px;
}

.toast-success {
    background-color: #51A351!important;
    border: 0!important;
}

.table-data-view {
    width: 100%;
}

.table-data-view tbody tr td:nth-child(1),
.table-data-view tbody tr td:nth-child(4) {
    width: 20%;
    border: 1px solid #e9ecef;
    padding-right: 12px;
    padding-left: 12px;
    font-weight: 500;
}

.table-data-view tbody tr td:nth-child(2),
.table-data-view tbody tr td:nth-child(5) {
    width: 28%;
    border: 1px solid #e9ecef;
    padding-right: 12px;
    padding-left: 12px;
}

.table-data-view tbody tr td:nth-child(3) {
    width: 2%;
}

/* Bootstrap Select Able to Change On Clone Row */
.bootstrap-select.dropup + button.btn {
    display: none;
}

.badge {
    /*width: 55px;*/
}

/* branch_admin_dashboard_bdm: Dashboard */
.branch-admin-dashboard .card {
    /*height: 400px;*/
    padding: 50px 0;
    /*line-height: 200px;*/
    /*position: relative;*/
}

.branch-admin-dashboard .card img {
    margin-top: 40px;
}

.branch-admin-dashboard .card p {
    /*margin: 0;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    font-size: 40px;
    /*text-shadow: 1px 1px 2px #2b3d51;*/
}

a.text-dark:hover {
    color: #0b6ccc!important;
}

.page-title-box {
    padding: 0 55px;
}

.breadcrumb-item>a,
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.dashboard.table th a {
    color: #91a0b5!important;
}
.dashboard.table th a:hover {
    color: #91a0b5!important;
}


a.btn.btn-primary.btn-sm:hover {
    /* border: none; */
    background-color: #b91b83!important;
}
.text-dark {
    color: #a1b0c5!important;
}

.card-title {
    font-size: 17px;
}




#sidebar-menu>ul>li>a.active {
    background-color: #0076bd14;
    color: #75b9f3;
}

.card {
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);}

.dashboard .card-header {
    text-align: center;
}

.card-title {
    font-size: 18px;
}

.breadcrumb-custom {
    position: absolute;
    left: 285px;
}

/* Changes on 07-Oct-2020 */
/*.left-side-menu {*/
    /*background: #2b3d51;*/
/*}*/

/*.logo-box {*/
    /*background-color: #2b3d51;*/
/*}*/

.nav-second-level li a, .nav-thrid-level li a {
    color: #000;
}
/*new bg colours*/



.card {
    background-color: #090d28!important;
}

.table td, .table th {
 
    border-top: 1px solid #545454;
}

.table thead th {
    font-size: .91rem;
    color: #000000;
    border-right: 1px solid #9f9f9f!important;
}

.table-bordered td, .table-bordered th {
       border-right: 1px solid #585858!important;
}
.table-bordered {
    border: 1px solid #404040;
    border-radius: 5px;
}


a.btn.btn-primary.btn-sm:hover {

    background-color: #962960!important;
}

.btn-primary {

    background-color: #b91b83!important;
    border-color: #b91b83!important;
}


.btn-primary:hover {

    background-color: #8F2960!important;
    border-color: #8F2960!important;
}
.table thead th {
    font-size: .91rem;
    color: #ffffff;
    background: #8F2960;
}

.badge-success {
    padding: 7px;
    text-align: center;
   background-image: linear-gradient(to top right, #5c48c8, #9d5de6);
    width: 116px!important;
}

.card-header,.card-content {
    background-color: #181C3B!important;
}

body {
    background-color: #090D28!important;
}
.logo-box {
    background-color: #090D28!important;

}

.navbar-custom {
    background-color: #090D28!important;
    padding: 0px 10px 61px 0px!important;
}
.left-side-menu {
    
    width: 240px;
    background: #090D28!important;
}
#sidebar-menu>ul>li>a {
    color: #000;
}

/*.nav-second-level li a:focus, .nav-second-level li a:hover, .nav-thrid-level li a:focus, .nav-thrid-level li a:hover {*/
    /*color: #fff;*/
/*}*/

#sidebar-menu>ul>li>a.active {
    color: #000000;
    font-weight: 600;
}

.dashboard a span.badge {
    width: 50px;
    /*height: 25px;*/
    /*line-height: 17px;*/
}

.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: #000000;
}

.dropdown-item {
    color: #000000;
}

label {
    color: #000000;
}
h4.card-title {
    color: #000000;
}



/*.left-side-menu ul>li>a span,*/
.content-page h4,
.content-page a,
.content-page p,
.content-page label,
.content-page .filter-option-inner-inner {
    text-transform: capitalize;
    display:inline-block!important;
}

/*.left-side-menu ul>li>a span::first-letter,*/
.content-page h4::first-letter,
.content-page a::first-letter,
.content-page p::first-letter,
.content-page label::first-letter,
.content-page .filter-option-inner-inner::first-letter,
.bootstrap-select .dropdown-menu li a span.text::first-letter {
    text-transform: uppercase;
}

.dashboard a.admin-dash {
    display: initial!important;
}

.dashboard a.admin-branch {
    text-transform: none;
}

/*.navbar-custom .role-name {*/
    /*width: 50%;*/
    /*position: absolute;*/
    /*right: 0;*/
/*}*/

.navbar-custom .role-name li {
    margin-top: 1rem;
}

.navbar-custom .role-name a {
    font-size: 18px;
}

.navbar-custom .role-name {
    position: absolute;
    left: 310px;
}

.btn-success, .btn-danger, .btn-info {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    /* border-radius: 18px!important; */
    background-color:#7045c7!important;
    margin: 12px;
}

.page-item.active .page-link {
    background-color: #6aade6;
    border-color: #6aade6;
}

.bootstrap-select .btn-light~.dropdown-menu .dropdown-item.active, .bootstrap-select .btn-outline-light~.dropdown-menu .dropdown-item.active,
.bootstrap-select .dropdown-item:focus, .dropdown-item:hover{
    background-color: #6aade6;
}

.account-pages .btn-success {
    background-color: #6aade6;
    border-color: #6aade6;
}



.table-second-head {
    color: #fff!important;
    font-size: 20px!important;
    padding: 4px 15px!important;
}

.table-second-head-clr1 thead th {
    background: #90c3ef !important;
}

.table-second-head-clr2 thead th {
    background: #6aade6!important;
}

.table-second-head-clr3 thead th {
    background: #5f9bce !important;
}

#datatable_disable_sorting tbody td:first-child a {
    color: #00008B;
}

table.dataTable tr a:hover i {
    background-color: #0356a8!important;
    
}

table.dataTable tr a.badge-success {
    padding: 6px 6px;
}

.thumb-sm {
    height: 32px;
    width: 32px;
}

.navbar-custom {
    z-index: 4;
}

.swal2-confirm {
    margin-right: 10px;
}

.input-group.date input:read-only,
.input-group.date input:read-only + .input-group-addon{
    pointer-events: none;
}

.table thead th label {
    font-weight: 500;
    font-size: .91rem;
}

.bootstrap-select .readonly + .btn-light {
    pointer-events: none;
    background-color: #c8c8c8!important;
}

.notification-wrapper {
    position: relative;
}

.noti-ajax li {
    list-style: none;
}

.noti-ajax .notification-wrapper ul.menu {
    padding: 0;
    margin: 0;
}

.noti-ajax .dropdown-item:hover p {
    color: #ffffff!important;
}

.close-notification {
    float: right;
    height: 36px;
    width: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    margin-top: 2px;
    margin-right: 0;
    border-radius: 50%;
    color: #f00;
    top: 12px;
    position: absolute;
    right: 17px;
    cursor: pointer;
}

.close-notification:hover {
    color: #fff;
    background-color: #f00;
}
/*=================== RESPONSIVE CLASSES =================*/
@media (max-width: 768px) {
    .left-side-menu {
        top: 55px;
    }

    .navbar-custom .role-name {
        display: none;
    }

    .card p.text-truncate {
        white-space: normal;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: auto;
    }

    .dataTables_length, .dt-buttons {
        float: revert;
    }

    .account-pages .image-content {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_info {
        white-space: normal;
    }

    span.dtr-data {
        white-space: normal;
    }

}

/* IPHONE X */
@media (max-width: 576px) {
    .left-side-menu {
        top: 55px;
    }

    .navbar-custom .role-name {
        display: none;
    }

    .card p.text-truncate {
        white-space: normal;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: auto;
    }

    .dataTables_length, .dt-buttons {
        float: revert;
    }

    .account-pages .image-content {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_info {
        white-space: normal;
    }

    span.dtr-data {
        white-space: normal;
    }
}

@media (max-width: 480px) {

}


body {
     font-family: 'Montserrat', sans-serif!important;
}

.btn {
    font-weight: 700;
}
.enlarged .left-side-menu #sidebar-menu>ul ul {
    padding: 5px 0;
    z-index: 9999;
    display: none;
    background-color: #34475d;
}