.skin-black-light .main-header .navbar, .skin-black-light .main-header .navbar > .sidebar-toggle, .btn-default, .custom-btn, .btn-primary:hover, .btn-primary:active, .btn-primary.hover,
.btn-primary.focus, .btn-primary:focus, .btn-primary.hover, .btn-primary:hover {
    background-color: #105b87;
    background: #105b87;
    border-color: #105b87;
}

.skin-black-light .main-header .navbar .nav > li > a,.skin-black-light .main-header .navbar > .sidebar-toggle { color: #fff;}
.skin-black-light .main-header .navbar .nav > li > a:hover, .skin-black-light .main-header .navbar .nav > li > a:active, .skin-black-light .main-header .navbar .nav > li > a:focus, .skin-black-light .main-header .navbar .nav .open > a, .skin-black-light .main-header .navbar .nav .open > a:hover, .skin-black-light .main-header .navbar .nav .open > a:focus, .skin-black-light .main-header .navbar .nav > .active > a {
    background-color: transparent;
    color: #fff;
}
.skin-black-light .sidebar-menu > li.header {
    background-color: #f3f3f3;
    color: #000;
}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a, .box-footer .btn-primary, .btn-file {
    background-color: #105b87;
    background: #105b87;
    color: #fff;
    border-color:#105b87;
}
.nav-tabs-custom>.nav-tabs>li.active { border-top-color: #105b87;}
.skin-black-light .main-sidebar {
    background-color: #fff;
}
.skin-black-light .sidebar a, .skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a {
    color: #000;
}
.pull-left.image { background-color: transparent;}
.user-panel { background-color: #f7f7f7;}
.skin-black-light .main-header li.user-header {
    background-color: #d2d6de;
}
.skin-black-light .main-sidebar {
    border-right: 1px solid #d2d6de;;
}
.content-header>.breadcrumb>li>a {
    color: #444;
}
.breadcrumb>.active {
    color: #777;
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover, .btn-primary:hover {
    background-color: #105b87;
    background: #105b87; color: #fff;
}
.custom-btn:hover, .custom-btn:active, .custom-btn:focus, .custom-btn:active:focus, .btn-primary:hover {
    background-color: #105b87!important;
    color: #fff;
    border-color: #105b87!important;
}
.login-box .btn-success {
    background-color: #4c64ad!important;
    border-color: #4c64ad!important;
    /* font-weight: bold!important;  */
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #000;
}
.form-group .form_input:focus {
    border: 1px solid #105b87;
}
.form-group .form_label.form_select, .form-group .form_input:focus + .form_label {
    color: #000;
}

/* Proper css */
.dashboard-data-item-wrap {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 15px;
}
.dashboard-data-item-wrap>h4 {
    margin-top: 0;
    font-weight: 600;
    color: #105b87;
    background: rgb(16 91 135 / 8%);
    padding: 5px;
    text-align: center;
}
.info-box.info-custom-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;
    display: block;
    padding: 5px; /*15px*/
    min-height: auto;
}
.dashboard-data-item-wrap .info-box.info-custom-box {
    margin-bottom: 0;
    position: relative;
    border: 1px dashed #ddd;
    box-shadow: none;
    margin: 0px 0; /*5px 0*/
    min-height: 70px; /*140px */
}
.dashboard-data-item-wrap .info-box-number {
    justify-content: flex-start;
    font-size: 20px !important;
    flex-wrap: wrap;
}
.info-box.info-custom-box .info-box-number {
    font-size: 28px;
    color: #105b87;
    margin-top: 5px;
}
.dashboard-data-item-wrap .info-box-number>span {
    display: block;
}
.dashboard-data-item-wrap .info-box-number>span {
    /* min-width: 60px; */
    margin: 0 10px 0 0;
}
.dashboard-data-item-wrap .info-box-number>span>small {
    /* display: block; */
    font-weight: 500;
    font-size: 12px;
}
.dashboard-slider .owl-nav {
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 2px;
    pointer-events: none;
  }
  .dashboard-slider .owl-nav .owl-prev, .dashboard-slider .owl-nav .owl-next {
    pointer-events: auto;
  }
  .dashboard-slider .owl-nav .owl-prev>span, .dashboard-slider .owl-nav .owl-next>span {
    font-size: 25px !important;
    height: 40px;
    width: 40px;
    display: grid;
    color: #fff;
    opacity: 0.3;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background-color: #105b87 !important;
  }
  .dashboard-slider .owl-nav .owl-prev:hover>span, .dashboard-slider .owl-nav .owl-next:hover>span, .dashboard-slider .owl-nav .owl-prev:focus>span, .dashboard-slider .owl-nav .owl-next:focus>span {
    opacity: 1;
  }
.info-box.info-custom-box .info-box-text {
    text-transform: capitalize;
    color: #333;
    font-weight: 500;
    white-space: break-spaces;
    overflow: visible;
    display: inline-block;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* min-height: 40px; */
    margin-bottom: 0px; /*10px;*/
    -webkit-box-orient: vertical;
}
.info-box-number {
    display: flex;
    font-weight: bold;
    font-size: 40px;
    align-items: center;
    justify-content: space-between;
    color: #333;
}
.info-priority-box {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
}
.priority-labels>a, .priority-labels .row>div>a {
    font-size: 13px !important;
    font-weight: 400;
    margin-right: 5px;
    color: #fff;
    padding: 0 5px;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 4px;
}
 .priority-labels>span {
    font-size: 13px !important;
    font-weight: 400;
    margin-right: 5px;
    /* color: #fff; */
    padding: 0 5px;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0 0 2px;
}
.float-left {
    float: left !important; 
}
.mr-2 { margin-right: 10px !important;}
.p-green {background-color: #66bb6a;}
.p-blue {background-color: #42a5f6;}
.p-yellow {background-color: #ffd24b;}
.p-red {background-color: #ee534f;}
.p-primary {background-color: #4b6aff;}
.p-pink {background-color: #f60091;}
.text-green {color: #66bb6a !important;}
.text-blue {color: #42a5f6 !important;}
.text-yellow {color: #ffd24b !important;}
.text-red {color: #ee534f !important;}
.text-primary {color: #4b6aff !important;}
.text-pink {color: #f60091 !important;}
.text-dark-blue{color:#0073b7 !important;}
.text-dark-green{color:#008000 !important;}
.p-green:hover { background-color: #4cb050;}
.p-blue:hover { background-color:#2196f3;}
.p-red:hover { background-color: #f33f31 ;}
.p-yellow:hover { background-color: #fec107;}
.p-primary:hover {background-color: #405ffc;}
.p-pink:hover {background-color: #e40487;}
.skin-black-light .sidebar li a {
    border-bottom: 1px solid #c7c7c7;
    font-size: 13px;
    padding: 10px 5px 10px 15px;
    font-weight: 500;
}
.priority-labels > span > img {
    width: 12px;
}
.leadchart-content {

}
.leads-list-wrap { display: block;}
.leads-list-wrap > ul { padding-left: 0; margin-bottom: 0; display: grid; grid-template-columns: repeat(6, 1fr); }
.leads-list-wrap > ul > li { display: inline-block; margin-bottom: 10px; margin-right: 7px;}
.leads-list-wrap > ul > li > a { color: #000; padding: 3px 10px;
    border: 1px dashed #ddd;
    display: block;
    min-width: 135px;
    height: 100%;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600; 
    background-color: #fff;
    color: #105b87;
    position: relative;
    z-index: 0;
    /* background-color: #d2d6de; */
}
.leads-list-wrap > ul > li > a > span.lead-title {
    color: #105b87;
    font-weight: 900;
    font-size: 26px;
    border-bottom: 1px solid #e3e3e3;    display: block;
}
.leads-list-wrap > ul > li > a > span.priority-labels {
    font-size: 13px;
    margin-top: 10px;
    /* min-height: 57px; */
    height: 100%;
    display: block;
}
.leads-list-wrap > ul > li > a:hover {
background-color: #f7f7f7;
}
.leads-list-wrap .lead-icon {
    pointer-events: none;
    z-index: -1;
    position: absolute;
    top: 10px;
    right: 5px;
    height: 20px;
    width: 20px;
    object-fit: contain;
}
.content-wrapper { background-color: #fff;}
.date-filter-wrapper {
    background-color: #f7f7f7;
    padding: 0 15px;
}
.form-control:focus { border-color: #000;}
.form-inline-filter-wrapper {
    display: flex;
    align-items: center;
}

.form-inline-filter-wrapper .filter-item:last-child { margin-right: 0;}
.form-inline-filter-wrapper .filter-item {
    display: inline-block;
    margin-right: 15px;
    /* width: 40%; */
    max-width: 280px;
}
.form-inline-filter-wrapper .filter-item .form-group.form-inline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: inherit;margin-bottom: 0 !important;
}
.form-inline-filter-wrapper .filter-item .form-group.form-inline label { margin-right: 10px; margin-bottom: 0; }
.form-inline-filter-wrapper .filter-item .form-group.form-inline input {
    width: 220px; margin-bottom: 0 !important;
}
.filter-item h6 {
    color: #105b87;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { 
    border-color: #000 !important;
}
.btn-primary {
    border-left-color: #105b87;
}
/* .table thead tr:first-child th {
    background-color: #105b87;
    color: #fff;
    font-weight: 400;
} */

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border-color: #777;
}
.dataTables_processing.panel.panel-default {
    background-color: #fff;

}
.custom-loader {width: 100%; max-width: 100px; margin: 0 auto;}
div.dataTables_wrapper div.dataTables_processing {
    width: 130px !important;
}
.dataTables_processing.panel.panel-default {
    left: 50%!important;
    position: absolute;
    top: 0;
    transform: translateY(-150%);
    bottom: unset;
    margin: auto;
}
.livechart-header {
    padding: 0 20px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    border-radius: 6px;
}
.chart-name > span {
    font-size: 20px;
    color: #105b87;
    font-weight: 900;
    line-height: 1.2;
}
.chart-name {display: flex;align-items: flex-end; padding: 16px 0;}
.chart-name > img { margin-right: 10px; width: 22px; margin-bottom: 5px;}
.livechart-header .filtr_bar {
    margin-bottom: 0;
     justify-content: center;
}
.livechart-header .btn-primary {
    margin: 16px 0;
}
.livechart-box-wrapper {
    border: 1px solid #ddd;
    border-radius: 7px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 13px 5px rgba(0,0,0,.05);
}
.custom-modal .modal-header .modal-title  {
    font-size: 22px;
    color: #105b87;
    font-weight: 900;
}
.custom-modal .modal-body {
padding: 15px 30px;
}
.ws-nowrap {
    white-space: nowrap;
}
/* .w-100 {
    width: 100px !important;
} */



tr.strap-red>td, .red-lt {
	background-color: #ffdddd !important;
}

tr.strap-green>td, .green-lt {
	background-color: #ddffdd !important;
}

tr.strap-blue>td, .blue-lt {
	background-color: #ddffff !important;
}

tr.strap-gold>td, .gold-lt {
	background-color: #ebb30b45 !important;
}

tr.strap-yellow>td, .yellow-lt {
	background-color: #ffffcc !important;
}

tr.strap-gray>td, .gray-lt {
	background-color: #e6e6e6 !important;
}

tr.strap-red.inactive-row>td {
	background-color: #ffdddd6b !important;
}

tr.strap-green.inactive-row>td {
	background-color: #ddffdd6b !important;
}

tr.strap-blue.inactive-row>td {
	background-color: #ddffff6b !important;
}

tr.strap-yellow.inactive-row>td {
	background-color: #ffffcc6b !important;
}

tr.strap-gray.inactive-row>td {
	background-color: #e6e6e66b !important;
}

.table-custom.dtr-inline th {
    background-color: unset;
}

.table-custom th {
	/*padding: 5px 30px 5px 10px !important;*/
	color: #fff;
	background-color: #105B87;
	font-weight: 500 !important;
	text-align: center;
}

.table-custom td {
	font-weight: 400;
	padding: 5px 10px !important;
	font-size: 13px;
}
.error {
    color: #ff0000;
}
.content-header>.breadcrumb {
    float: none;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    padding: 0px 0px;
    position: relative;
    top: unset;
    right: unset;
    border-radius: 2px;
}
.dashboard-slider-wrapper {
    position: sticky;
    position: -webkit-sticky;
    background-color: #fff;
    top: 50px;
    z-index: 89;
    padding-bottom: 0px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
}
.info-box-text a.text-heading.active {
    color: #105b87;
    text-decoration: underline;
}
.filter-wrap {
    box-shadow: none;
    border-radius: 0;
    padding: 15px 10px;
}
.my-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.px-1 {
    padding-left: 10px;
    padding-right: 10px;
}
/* tmp. hiding this header title */
.content-header > h1 {
    display: none;
}

#select2_multiple_template .select2-selection--multiple .select2-selection__rendered {
    max-height: 90px !important;
    overflow-y: scroll !important;
}

.select2-container--disabled ul, .select2-container--disabled li.select2-selection__choice {
    cursor: not-allowed !important;
}
.mt-10 { margin-top: 10%; }
.justify-content{
    display: flex; 
    justify-content: space-between;
}
.flex-end{
    display: flex;
    height: 55px;
    align-items: flex-end;
}
.w-auto {
    width: auto !important;
}
.no-border {
    border: none !important;
    box-shadow: none !important; /* removes bootstrap input shadows */
}


/*** SOP Master ***/
.sop-card {
    border: 1px solid #ddd;
    padding: 0px 10px;
    border-radius: 8px;
}
.sop-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}
.toggle-btn {
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
}
.sop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sop-title {
    font-weight: 600;
}

.sop-body {
    max-height: 70px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f7f7f7;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.fs-12px{
    font-size: 12px;
}
.progressWrapper, .imagelist{
    max-height: 100px;
    overflow: auto;
    /* max-width: 240px; */
        width: 225px;
    overflow-x: hidden;
}
.progress {
    background: #e9ecef;
    height:15px;
}
.progress-bar {
    background-color: #0d6efd;
    color: #fff;
    line-height: 15px;
    text-align: left;
    border-radius: 5px;
}
.attachment-wrapper {
    display: inline-flex;
    align-items: center;
}
.attach-btn {
    font-size: 22px;
    cursor: pointer;
    color: #5f6368; /* Gmail-like grey */
    padding: 0;
    border-radius: 50%;
    transition: background 0.2s, color 0.2s;
}
.attach-btn:hover {
    background: #f1f3f4;
    color: #1a73e8;
}


.mb-3 {
    margin-bottom: 1rem !important;
}
/*.d-flex {*/
/*    display: flex !important;*/
/*}*/
.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end !important;
}
.flex-column {
    flex-direction: column !important;
}
.gap-1 {
    gap: .25rem !important;
}

.d-inline-flex {
    display: inline-flex !important;
}
.d-inline-block {
    display: inline-block !important;
}
[hidden] {
    display: none !important;
}
.p-3 {
    padding: 1rem !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-between {
    justify-content: space-between !important;
}