/* global */
body { font-weight: 400; color: #000; }
body, .form-control, .btn-default, 
.content-header > .breadcrumb > li > a,
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small,
.navbar-default .navbar-nav > li > a,
.nav-stacked > li > a,
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus,
.dropdown-menu > li > a
	{ color: #000; }
label, .pagination > li:not(.active) > a { color: #000 !important; }
/* .content-wrapper, .nav-steps, .main-footer { background-color: #EEE; } */
.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side { background-color: #222; }
.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a, .skin-red .sidebar-menu > li.menu-open > a { background-color: #111; }
.skin-red .sidebar a { color: #DDD; }


.skin-red.dd-customer .main-header .navbar { background-color: #3c8dbc; }
.skin-red.dd-customer .sidebar-menu > li.active > a { border-left-color: #3c8dbc; }
.skin-red.dd-customer .main-header .logo, .skin-red.dd-customer .main-header .logo:hover, .skin-red.dd-customer .main-header .navbar .sidebar-toggle:hover { background-color: #367fa9; }


/* sidebar menu */
.sidebar-menu > li { font-weight: 400; font-size: 15px; }
.sidebar-menu > li.dd-secondary { font-size: 14px; }
.sidebar-menu > li.dd-secondary > a { padding: 8px 5px 11px 15px; }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span { margin-left: -7px; padding: 12px 0; }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li.dd-secondary:hover > a > span { margin-left: -7px; padding-top: 8px; padding-bottom: 11px; }

/* utility */
.dd-clearfloat { clear: both; }
.dd-cursor-default { cursor: default; }
.dd-uppercase { text-transform: uppercase; }
.dd-error, .dd-error a:hover { color: #dd4b39 !important; }
.dd-error a { color: rgba(221, 75, 57, 0.65) !important; }
.dd-blue, a.dd-blue { color: #3c8dbc !important; }
.dd-large { font-size: 18px; }
.dd-form-right > label { float: right; }
.dd-form-right > input { text-align: right; }
h3 { font-weight: 500; letter-spacing: -1px; color: #444; }
.dd-select-option-image { max-height: 32px; max-width: 40px; margin: -3px 0; float: right; clear:both;  }

/* guest pages */
.dd-logo { margin: 50px auto 50px; text-align: center; }
.dd-guest h3, .dd-guest .nav-steps-wrapper { display: none; }

/* admin pages */
@media (min-width:768px) {
	.main-header .logo { text-align: left; }
}
.sidebar hr { margin: 0; border-color: rgba(255, 255, 255, 0.2); }
.navbar-default .navbar-nav > li > a#remove_filters_button { color: #dd4b39; font-weight: bold; }

/* dashboard */
.small-box .icon { font-size: 60px; color: #DDD; }
.small-box:hover .icon { font-size: 64px; }
.small-box:hover h5 { color: #333; }
.small-box p { font-size: 18px; font-weight: 700; color: #dd4b39; }
.small-box > .small-box-footer { background: #3c8dbc; }
.small-box > .small-box-footer:hover { background: #367fa9; }
.small-box > .dd-small-box-footer-gray { background: #AAA; }
.small-box > .dd-small-box-footer-gray:hover { background: #BBB; }

/* lists */
.table-striped > tbody > tr:nth-of-type(2n+1) { background: inherit; }
.table-striped > tbody > tr:nth-of-type(2n+1):hover  { background: #F5F5F5; }
/* .table-hover > tbody > tr:not(td > .dataTables_empty):hover { background: #EEE; } */

/* this was in place for the Order Again column header, but ditched on 6/27/2023
#crudTable thead > tr > th:last-child, .fixedHeader-floating thead > tr > th:last-child  { padding-right: 8px !important; }
@media (max-width:1157px) {
	#crudTable thead > tr > th:last-child, .fixedHeader-floating thead > tr > th:last-child  { padding-right: 4px !important; }
}
*/
#crudTable tbody > tr > td:last-child, .fixedHeader-floating tbody > tr > td:last-child  { text-align: right; }
#crudTable .dataTables_empty { text-align: left !important; }
#crudTable .btn { visibility: collapse; font-size: 0px; }
#crudTable .btn > i { visibility: visible; font-size: 20px; }
#crudTable .btn > .fa-edit { color: #337ab7; }
#crudTable .btn > .fa-edit:hover { color: rgba(51, 122, 183, 0.7); }
#crudTable .btn > .fa-trash { color: #dd4b39; }
#crudTable .btn > .fa.fa-trash { color: #dd4b39; }
#crudTable .btn > .fa-trash:hover { color: rgba(221, 75, 57, 0.7); }
#crudTable .btn.dd-btn-green > .fa { color: #00a65a; }
#crudTable .btn.dd-btn-green > .fa:hover { color: rgba(0, 166, 90, 0.7); }
#crudTable .btn.dd-btn-gray > .fa { color: #aaa; }
#crudTable .btn.dd-btn-gray > .fa:hover { color: rgba(204, 204, 204, 0.7); }
#crudTable .btn.dd-btn-gray-light > .fa, #crudTable .btn.dd-btn-gray-light > .fa:hover { color: #e5e5e5; }
#crudTable .btn.dd-btn-invisible, #crudTable .btn.dd-btn-invisible > .fa { visibility: hidden; cursor: default; }
#crudTable .btn.dd-btn-text { font-size: 14px; visibility: visible; text-transform: none; line-height: normal; }
#crudTable .btn.dd-btn-text.dd-btn-gray-light { background-color: #e5e5e5; }



/* non-responsive, scrollable tables */

/* must implement these rules to fix alignment bug for column headers when responsive tables are disabled */
/* also see required resize window trigger (timed to 0.5 second) added to /publicvendor/backpack/crud/js/list.js */
/* 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: 0 !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; } */
#crudTable_wrapper #crudTable .crud_bulk_actions_checkbox, #crudTable_wrapper table.dataTable .crud_bulk_actions_checkbox { display: inline-block; vertical-align: middle;}

/* customize scroll bars */

/* Firefox */
.dataTables_scrollBody { scrollbar-color: #337ab7 #DDD; /* scrollbar-width: thin; */ }

/* WebKit and Chromiums */
::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}
::-webkit-scrollbar-track {
  border: 1px solid #DDD;
  background-color: #DDD;
}
::-webkit-scrollbar-thumb {
  background: #337ab7; /*linear-gradient(45deg, rgb(6, 222, 225), rgb(121, 255, 108));*/
}
/*  To customize the sliding buttons*/
::-webkit-scrollbar-button:single-button {
  background-color: #DDD;
  display: block;
  background-size: 20px;
  background-repeat: no-repeat;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 3px 3px 0 0;
  height: 20px;
  width: 20px;
  background-position: center 5px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='50,00 0,50 100,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='50,00 0,50 100,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='50,00 0,50 100,50'/></svg>");
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 3px 3px;
  height: 20px;
  width: 20px;
  background-position: center 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0, 0, 0)'><polygon points='0,0 100,0 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='0,0 100,0 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='0,0 100,0 50,50'/></svg>");
}
/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 3px 0 0 3px;
  height: 20px;
  width: 20px;
  background-position: 4px 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0, 0, 0)'><polygon points='0,50 50,100 50,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='0,50 50,100 50,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='0,50 50,100 50,0'/></svg>");
}
/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 3px 3px 0;
  height: 20px;
  width: 20px;
  background-position: 5px 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0, 0, 0)'><polygon points='0,0 0,100 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='0,0 0,100 50,50'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(60, 141, 188)'><polygon points='0,0 0,100 50,50'/></svg>");
}

/* hide ... modal button for list rows mobile */
#crudTable.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #crudTable.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { display: none; }
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child { padding-left: 8px !important; }
.dtr-bs-modal, .modal-backdrop { display: none !important; }

/* filters */
.navbar-filters li > a:active, .navbar-filters .navbar-nav > .active > a, .navbar-filters .navbar-nav > .active > a:focus, .navbar-filters .navbar-nav > .active > a:hover, .navbar-filters .navbar-nav > .open > a, .navbar-filters .navbar-nav > .open > a:focus, .navbar-filters .navbar-nav > .open > a:hover { background-color: #DDD !important; }
.buttons-colvis { display: none; }

/* forms */
label { font-weight: normal; margin: 8px 0 0 0; color: #444; font-size: 14px; }
.checkbox > label { font-size: 18px; font-weight: 500; color: #000; line-height: 20px; }
input[type="file"] { border-bottom: 0; height: auto; }
input[type="search"] { padding: 12px; }
input.form-control::placeholder{ color: #999999;}
.checkbox, .radio { margin: 0; }
.form-control:not(.input-sm), .well, .select2-container, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { font-size: 18px; font-weight: 500; color: #000; }
.form-control:not(.input-sm), .well { border-color: #CCC; border-width: 0 0 1px 0; padding: 8px 0 12px 0; }
.form-control:not(.input-sm):focus { border-color: #3c8dbc; border-width: 0 0 2px 0; padding-bottom: 11px; }
.form-group.has-error > .form-control:focus { border-color: #dd4b39; }
.input-sm { font-size: 14px; }
select.input-sm { padding: 0 10px; }
.well { background-color: transparent !important; box-shadow: none !important; }
.dd-input-readonly { font-weight: bold; padding: 1px 0 12px 0; font-size: 18px; }
.dd-readonly { background: transparent !important; border: none; }
.dd-text-readonly { font-weight: bold; padding: 1px 0 6px 0; }

.note-editor { border: none !important; }
.note-editor .note-toolbar { border-bottom: none !important; background: transparent !important; }

.input-group-addon { border: 0; padding: 2px 6px 6px 0; }

.select2-container--bootstrap .select2-selection--single { padding: 8px 0 12px 0 !important; border-width: 0 0 1px 0 !important; }
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { border-color: #3c8dbc !important; border-width: 0 0 2px 0 !important; padding-bottom: 11px; }
.select2-container--bootstrap .select2-dropdown { border: 0; }
.select2-container--bootstrap .select2-search--dropdown .select2-search__field { box-shadow: none !important; border: none !important; font-size: 18px !important; font-weight: 500 !important; color: #000;  }
.select2-container--bootstrap .select2-results > .select2-results__options { max-height: 415px !important; }
.select2-results__message { color: #AAA; }
.select2-container--bootstrap .select2-selection { font-size: 18px !important; border-width: 0 0 1px 0 !important; padding: 8px 0 12px 0 !important; }

form .select2.select2-container {
  border-bottom: 1px solid rgba(0, 40, 100, 0.12) !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

form .select2.select2-container.select2-container--focus, form .select2.select2-container.select2-container--open {
  border-bottom: 1px solid var(--primary, #9080f1) !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

select { padding: 0 !important; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.form-group > img { max-width: 100%; }

.btn-group, .btn-default:not(.btn-xs) { margin-right: 10px; }
.note-toolbar > .btn-group > .btn-default { margin-right: 0; }
.btn, .small-box > .small-box-footer { text-transform: uppercase; font-weight: 400; font-size: 15px; }
.btn-default { background-color: #DDD; }
.ladda-label .fa { margin-right: 5px; }

/* hide Save button dropdown on some pages */
#fmorderitem #saveActions .btn-success.dropdown-toggle { display: none !important; }

/* footer */
.main-footer { color: #999; }
.dd-guest .main-footer { text-align: center; }
.app-footer {text-align: center;
  color: #999;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;}

/*.skin-red .main-sidebar { background-color: #6E3B3A; }*/



/* MOBILE */
@media (max-width:1100px) {
	.col-xs-6 .btn { margin-bottom: 10px; }
}
@media (max-width:991px) {
	.content-header > .breadcrumb { display: none; }
}
@media (max-width:767px) {
	div.dataTables_wrapper div.dataTables_paginate { margin-top: 20px !important; }
}
@media (max-width:600px) {
	#datatable_search_stack { margin-top: 38px; }
	#datatable_search_stack .dataTables_filter input { width: 160px; }
	#saveActions { margin-left: -15px; margin-right: -15px; }
	.btn-group, .btn-success, .btn-default:not(.btn-xs):not(.note-toolbar > .btn-group) { margin-bottom: 15px; }
	/*.btn-group > .btn-success, */.note-toolbar > .btn-group { margin-bottom: 0; }
	.btn-group, .form-group > .btn { margin-bottom: 15px; }
}
@media (max-width:400px) {
	#datatable_search_stack .dataTables_filter input { width: 130px; }
}