/* Name: custom.css
* Author: BDO
* Desc: Custom styling to return site to old look after package upgrades - 8/16/24
*/

/* Section: Util/General overrides */
:root {
    --primary: #3c8dbc;
    --primary-darker: #367fa9;
    --primary-lighter: #72afd2;
}

body { font-size: 15px;}

a { color: var(--primary);}
a:hover { color: var(--primary-lighter);}
.btn.btn-primary { background-color: var(--primary); border-color: var(--primary)}
.btn.btn-primary:hover { background-color: var(--primary-darker);}
.btn-link { color: var(--primary)}
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):hover, table.table-hover tbody tr:hover { background-color: rgb(60,141,188, .1)}
.page-item.active .page-link { background-color: var(--primary); border-color: var(--primary-darker);}
.form-control:focus, .dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_filter input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px var(--primary-lighter);}
.btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .dataTables_wrapper .dataTables_paginate .show > .dropdown-toggle.paginate_button.current { background-color: var(--primary-darker); border-color: var(--primary-darker);}

.h5, h5 { font-size: 14px;}

/* Section: Header */
.app-header.navbar { background-color: #dd4b39;}
.app-header .navbar-brand { width: 200px; background-color: #d73925;}
.dd-customer .app-header.navbar { background-color: var(--primary);}
.dd-customer .app-header .navbar-brand { width: 200px; background-color: var(--primary-darker);}
header a { color: #fff; }
header a:hover, header .nav > li > a:hover { color: #fff; text-decoration: none; background-color: rgba(0,0,0,0.1);}
.app-header .navbar-toggler { outline: none;}
.navbar-toggler span { color: #fff; }
@media screen and (max-width: 991px) {
    .navbar-custom-menu .nav.navbar-nav a span { display: none;}
}


/*Section: Sidebar */
.sidebar { background-color: #222;}
.sidebar .nav-link:hover, .sidebar .nav-link.active { background-color: #111;}
.sidebar .nav-link:active, .sidebar .nav-link:focus { color: #fff;}
html:not([dir="rtl"]) .sidebar { margin-left: -200px;}

/*Section: Breadcrumbs */
.content-header { 
    position: relative; 
    padding: 35px 30px 0px 30px !important;
}
ol.breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}
.content-header>.breadcrumb>li+li:before { content: '>\00a0'; padding: 0 5px; color: #ccc; }
.breadcrumb>.active { color: #777;}

/*Section: Dashboard cards */
.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.small-box>.inner{padding:10px}
.small-box>.small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;text-decoration:none}
.small-box>.small-box-footer:hover{color:#fff;}
.small-box h3{font-size:38px;font-weight:bold;margin:0 0 10px 0;white-space:nowrap;padding:0}
/* .small-box p{font-size:15px} */
.small-box p>small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}
.small-box h3,.small-box p{z-index:5}
.small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:-10px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15)}
.small-box:hover{text-decoration:none;color:#f9f9f9}
.small-box:hover .icon{font-size:95px}

.select2-selection__clear{
    display: none;
}

.hide {
    display:none;
}
.callout{
    padding: 10px 20px 10px 15px !important;
}
.callout.callout-danger {
    border-left-color: #df4759!important;;
    color: #fff !important;
    background-color: #dd4b39 !important;;
    border-color: #c23321;
} 

/* Layout overrides */
.content-wrapper{
    min-height: 0;
}

.body-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.app-body main {
    display: flex;
    flex-direction: column;
}

main footer {
    margin-top: auto;
}

#remove_filters_button {
    color: #dd4b39; 
    font-weight: bold; 
}
#crudTable_wrapper table.dataTable td {
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    padding-top: 13px !important;
}
#crudTable_wrapper #crudTable:not(.has-hidden-columns) tr td:first-child, 
#crudTable_wrapper table.dataTable:not(.has-hidden-columns) tr td:first-child {
    padding-top: 13px !important;
}
#crudTable{
    min-width: 1500px;
}
#crudTable_wrapper #crudTable .sorting:before,
#crudTable_wrapper #crudTable .sorting:after{
    display: none;
}
#crudTable_wrapper .dataTables_scroll .dataTables_scrollBody {
    max-height: 55vh;
    overflow: auto;
}
#crudTable .crud_bulk_actions_checkbox,
#crudTable_wrapper table.dataTable .crud_bulk_actions_checkbox{
    display: inline;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after{
    opacity:0.5 !important;
}

table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after{
    opacity: 1 !important;
}

table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after{
    opacity:0.2 !important;
}

#crudTable_wrapper #crudTable tr th:first-child,
#crudTable_wrapper table.dataTable tr th:first-child {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
    vertical-align: bottom !important;
}
#crudTable_wrapper #crudTable th,
#crudTable_wrapper table.dataTable th {
    vertical-align: bottom !important;
}
#crudTable_wrapper table.dataTable .sorting:before {
    top: 14px !important;
}
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: 25px !important;
}
.table>thead>tr>th {
    padding-right: 0 !important;
    padding-left: 7px !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after{
    visibility: hidden;
}
.form-control::placeholder,
.select2-search__field::placeholder{
    color:#333 !important;
    opacity:0.8 !important;
}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #333 !important;
    opacity:0.8;        
}