html,
body {
   height: 100vh;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   padding: 0;
   margin: 0;
   overflow: hidden;
   display:flex;
   flex-direction:column;
}

.views nav.navbar .btns {
   line-height:12px;
}
.views nav.navbar .btns button {
   height:20px;
   line-height:10px;
   padding:2px 6px;
   font-size:.8rem;
   text-transform:uppercase;
}
.navbar .navbar-brand {
   font-size:1.1rem;
}

nav.navbar .btns a.active .btn-link {
   text-decoration:underline;
}

#navbarNavDropdown a {
   color:#D3D9DF;
   text-decoration:none;
}
#navbarNavDropdown a:hover {
   color:rgba(255, 255, 255, 0.5);
}

.download-csv {
   display:inline-block;
}

#paymentOptionsTabContent .card {
   border-top:0;
}

.nav.nav-tabs {
   border-bottom:0;
}

.navbar-dark .navbar-nav .nav-link {
   color:#D3D9DF;
   font-size:10pt;
   padding-left:.6vw;
   padding-right:.6vw;
   text-transform:uppercase;
   font-weight:bold;
}
.navbar-dark .navbar-nav .nav-link.active a {
   font-weight:bold;
   color:#FFF !important;
}

.form-control {
   padding:.1rem .5rem;
   height:calc(1em + .55rem + 2px);
   font-size:.85rem;
}
.btn {
   padding:.1rem .5rem;
   font-size:.85rem;
}
.alert {
   padding:.1rem .5rem;
   font-size:.85rem;
   margin-bottom:2px;
}

span.error {
   display:block;
   line-height:16px;
   margin-top:5px;
}

.no-bold {
   font-weight:normal !important;
}

.modal.show{
   padding-right: 0 !important;
   overflow-y: auto;
}

.ui-dialog {
   margin-top:42px;
   box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px;
   z-index:1030;
}

ul {
   list-style:none;
   margin:0;
   padding:0;
}

.full-stretch {
   width:100%;
}

#loadingBar {
   z-index:9999 !important;
}
#loadingBar .modal-dialog {
   display:flex;
   align-items:center;
   margin:auto;
   height:100%;
}

.page-loading,
.screen-lock,
.freeze-sale {
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   z-index:99990;
   display:block;
   vertical-align:middle;
   text-align:center;
   width:100vw;
   height:100vh;
   background:rgba(0,0,0,0.5);
   color:#FFF;
}
.page-loading {
   z-index:-100;
}
.page-loading div,
.screen-lock div,
.freeze-sale div {
   margin:auto;
   position:absolute;
   top:50%;
   margin-top:-10px;
   height:20px;
   width:220px;
   left:50%;
   margin-left:-60px;
}

.screen-lock {
   background:rgba(14, 93, 210, 0.45);
   color:#FFF;
   font-size:22pt;
   font-weight:bold;
}
#screenLock {
   overflow:auto !important;
   z-index:99991 !important;
}

.freeze-sale {
   background:rgba(22, 204, 52, 0.45);
   color:#FFF;
   font-size:22pt;
   font-weight:bold;
}
.freeze-sale div {
   left:auto;
   margin-left:auto;
   width:100%;
   text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

.fa-file-pdf {
   color:#F00;
   cursor:pointer;
}

/* debug stuff */


.hide-it,
#phone-menu {
   display:none;
}

.debug-width {
   display:none;
   position:absolute;
   top:50%;
   width:100%;
   text-align:center;
   word-break:break-all;
}

.notification-badge {
   position:absolute;
   bottom:0;
   left:52px;
   background:#fa3e3e;
   border-radius:2px;
   color:#FFF;
   padding:3px;
   width:20px;
   height:20px;
   text-align:center;
   line-height:13px;
}
.top-nav .nav-icon .notification-badge {
   top:-5px;
   left:-5px;
}

[data-target="#viewAlerts"] .badge.clear {
   background:rgb(116, 205, 8);
}

[data-target="#viewAlerts"] .badge {
   background:rgb(237, 32, 17);
   color:#FFF !important;
   text-shadow:none !important;
   font-size:14px !important;
   padding:2px 4px;
}

.top-nav .nav-container {
   position:relative;
   width:100%;
   height:100%;
}
.top-nav .nav-prev,
.top-nav .nav-next {
   position: absolute;
   text-align: center;
   color: white;
   height:100%;
   cursor: pointer;
   font-size: 24px;
   background: #2c4258;
   fill:#FFF;
   z-index:999;
}
.top-nav .nav-prev {
   display:none;
   left:58px;
}
.top-nav .nav-next {
   right: 104px;
}

.top-nav .nav-inner {
   display:inline-block;
   width:calc(100% - 172px);
   height:100%;
   white-space: nowrap;
   overflow-x: hidden;
   box-sizing: border-box;
   vertical-align:middle;
}
.top-nav .nav-menu {
   position:absolute;
   overflow-x:hidden;
   overflow-inline:clip;
   display:block;
   padding:0;
   margin:0;
   list-style-type: none;
}
.top-nav .nav-menu div:last-child {
   margin-right:40px;
}
.top-nav .nav-menu a {
   height:100%;
   color:#fff;
   margin:0 auto;
   text-decoration:none;
   text-align:center;
   white-space:nowrap;
}
.top-nav #nav-user {
   display:inline-block;
   vertical-align:middle;
}

.slide-nav {
   position:absolute;
   top:2px;
   display:none;
   background:transparent;
   width:500px;
   height:100%;
   max-width:calc(100% - 2px);
   z-index:9999;
}
.slide-nav ul {
   display:inline-block;
   background:#2C4258;
   color:#FFF;
   height:100%;
   width:calc(100% - 25px);
   border-right:1px solid #1a2d40;
}
.slide-nav ul li {
   text-align:center;
   margin:5px;
}
.slide-nav ul li:hover {
   background:#3B5875;
   border-radius:10px;
   z-index:5;
}
.slide-nav ul li a {
   display:block;
   color:inherit;
   padding:5px;
   text-decoration:none;
}

/* ----------------------- */

.page-container {
   color:#1e3750;
   height:100%;
   width:100%;
}

.panel-container-a {
   display:flex;
   flex-direction:row;
   height:100%;
}
.panel-a {
   position:relative;
   background:#e9ebee;
   width:20%;
   height:100%;
   min-width:0.02%;
   max-width:80%;
   flex-grow:3;
   flex-shrink:3;
   flex-basis:auto;
   overflow:hidden;
}
.panel-a div.inner-panel {
   display:inline-block;
   width:100%;
   height:100%;
   overflow:auto;
}
.panel-b {
   position:relative;
   background:#e9ebee;
   width:80%;
   min-width:20%;
   max-width:99.98%;
   flex-grow:0;
   flex-shrink:0;
   flex-basis:auto;
}

.panel-container-b {
   display:flex;
   flex-direction:column;
   height:100%;
}
.panel-c {
   position:relative;
   background:#e9ebee;
   height:20%;
   min-height:20%;
   max-height:80%;
   flex-grow:0;
   flex-shrink:0;
   flex-basis:auto;
   overflow:hidden;
}
.panel-c div.inner-panel {
   display:inline-block;
   width:100%;
   height:100%;
   overflow:auto;
}
.panel-d {
   position:relative;
   background:#e9ebee;
   height:80%;
   min-height:20%;
   max-height:80%;
   flex-grow:3;
   flex-shrink:3;
   flex-basis:auto;
}

.panel-container-c {
   display:flex;
   flex-direction:row;
   height:100%;
}
.panel-e {
   position:relative;
   background:#e9ebee;
   width:75%;
   min-width:25%;
   max-width:75%;
   flex-grow:1;
   flex-shrink:1;
   flex-basis:auto;
}
.panel-f {
   position:relative;
   background:#e9ebee;
   width:25%;
   min-width:25%;
   max-width:75%;
   flex-grow:0;
   flex-shrink:0;
   flex-basis:auto;
   overflow:hidden;
}
.panel-f div.inner-panel {
   display:inline-block;
   width:100%;
   height:100%;
   overflow:auto;
}

.panel-container-d {
   display:flex;
   flex-direction:column;
   height:100%;
}
.panel-g {
   position:relative;
   background:#e9ebee;
   height:100%;
   max-height:100%;
   flex-grow:0;
   flex-shrink:0;
   flex-basis:auto;
   overflow:hidden;
}
.panel-g div.inner-panel {
   display:inline-block;
   width:100%;
   /*height:100%;*/
   overflow:auto;
}
.rb_queue_list .inner-panel {
   min-height:250px;
}
.panel-h {
   position:relative;
   background:#e9ebee;
   height:20%;
   min-height:20%;
   max-height:80%;
   flex-grow:3;
   flex-shrink:3;
   flex-basis:auto;
   overflow:hidden;
}
.panel-h div.inner-panel {
   display:inline-block;
   width:100%;
   height:100%;
   overflow:auto;
}

.home-page .card i {
   font-size:20pt !important;
}
.home-page ul li {
   display:inline-block;
}
.home-page .actions a {
   display:inline-block;
   text-decoration:none;
   color:inherit;
}
.home-page .actions a .card div {
   display:flex;
   flex-direction:column;
   justify-content:center;
   max-width:100%;
   width:120px;
   height:100%;
   margin-right:10px;
   text-shadow:1px 1px 1px rgba(177, 203, 230, 0.46);
}
.home-page .actions a .card:hover {
   cursor:pointer;
   background:#f0f0f0;
}
.home-page .actions a .card {
   display:block;
   box-shadow:1px 1px 1px rgba(0,0,0,0.05);
   float:left;
   text-align:center;
   width:120px;
   height:100px;
   transition: background-color 200ms linear;
}
.home-page .actions a .card p {
   margin-bottom:0;
}
.home-page .actions .widget {
   margin:20px 0;
   box-shadow:1px 1px 1px rgba(0,0,0,0.25);
}
.home-page .actions .widget .content {
   display:block;
   width:100%;
   height:100%;
}
.home-page .actions .widget div:nth-child(even) {
   flex-direction:row;
}

#taskbar {
   position:absolute;
   background:#45607B;
   min-height:38px;
   bottom:20px;
   left:0;
   right:0;
   z-index:1000;
}
.control-btns {
   display:none;
   /*
   position:absolute;
   bottom:0;
   left:0;
   right:0;
   height:auto;
   background:#45607B;
   */
   padding:6px 0;
   margin:0 8px;
   text-align:center;
   padding-bottom:0;
}

.text-nav .right {
   height:42px;
   line-height:42px;
}

.text-nav .nav-icon,
.text-nav .btn-group {
   height:32px;
   vertical-align:middle;
   line-height:1.5;
}
.text-nav div.nav-icon a,
.text-nav div.nav-icon.dropdown {
   padding:0 6px 4px;
}
.text-nav .dropdown-menu {
   margin-top:0;
   box-shadow:3px 3px 3px rgba(0,0,0,0.5);
}

#manageClaimNotes .content,
#claimActivities .content {
   margin-top:12px;
}
#claimActivities section.activities {
   margin-bottom:12px;
}

.text-nav a.dropdown-item {
   font-size:10pt;
}

.text-nav .nav-icon.active {
   background:linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%) !important;
}
.text-nav .nav-icon.active span {
   color:#091b2d;
   text-shadow:1px 1px 1px #FFF;
   font-weight:bold;
}

.text-editable,
.dropdown-editable,
.calendar-editable {
   color:#00102D;
   display:block;
   width:100%;
   height:100%;
   min-height:22px;
   border:1px dashed #ababab;
   cursor:pointer;
   padding:0 3px;
   margin-top:3px;
}
.text-editable:hover,
.dropdown-editable:hover,
.calendar-editable:hover {
   background:#E2EBF5;
}

.cc-exp-month,
.cc-exp-year {
   display:inline-block;
   width:calc(50% - .5rem);
}

#phoneRecordingsPanel .card {
   margin-bottom:20px;
}
#phoneRecordingsPanel .speed-controls {
   text-align:center;
}
#phoneRecordingsPanel .speed-controls label {
   margin:auto 5px;
}
.bottom-nav #view_changelog,
.download-csv,
.fa-file-audio {
   cursor:pointer;
}

.user-menu {
   position:relative;
}
.user-menu-panel {
   display:none;
   position:absolute;
   right:0;
   top:47px;
   z-index:1041;
   color:#183451;
   background:#B5BDC6;
   width:100%;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
}
.user-menu-panel ul {
   list-style:none;
   padding:0;
   margin:8px 0;
}
.user-menu-panel ul li {
   padding:0px 10px;
}
.user-menu-panel ul li a {
   display:block;
   width:100%;
   color:inherit;
   text-decoration:none;
}
.user-menu-panel ul li:hover {
   color:#FFF;
   background:#3F566C;
}

.dropdown-toggle:after {
   content:none;
}

.float-button-box {
   position:sticky;
   bottom:0;
   display:block;
   padding:15px;
   margin:-15px;
   background:#223A53;
}
.float-button-box .form-group {
   margin-bottom:0;
}

.button-box {
   margin-top:16px;
}
.button-box .card {
   /*padding-top:7px;*/
}
.button-box .btn {
   margin-bottom:7px;
}
.button-box .btn:last-child {
   margin-bottom:0;
}

.text-green {
   color:#259E00;
}
.text-red {
   color:#9e0000;
}

.fa-lemon {
   color:#ECE031;
   text-shadow:1px 1px 1px rgba(0, 0, 0, 0.24);
   -webkit-text-stroke:1px #aa9f00;
}

.fa-stack {
   height:35px;
}
.load-dealership-cancels .fa-stack .fas {
   padding:0 !important;
}
.load-dealership-cancels .fa-stack .fa-ban {
   width:auto;
   font-size:11pt !important;
   text-shadow:0px 0px 2px #000;
   bottom:4px;
   margin:0;
   right:-14px;
}
/*
.home-page .card div {
   display:table-cell;
   vertical-align:middle;
   max-width:100%;
   width:180px;
   height:142px;
   text-shadow:1px 1px 0px rgb(255, 255, 255);
}
.home-page .card:hover {
   cursor:pointer;
   background:#f0f0f0;
}
.home-page .card {
   display:block;
   box-shadow:1px 1px 1px rgba(0,0,0,0.05);
   float:left;
   text-align:center;
   margin-top:15px;
   margin-right:15px;
   width:180px;
   height:160px;
}
.home-page .card p {
   margin-bottom:0;
}
*/
.navbar-brand {
   padding:0;
}
.navbar-expand-lg {
   padding:3px 15px 3px 10px;
}

/* -------------- */
/*.top-nav .container-fluid {
	padding-left:0;
	padding-right:0;
}*/
.table {
   background:#FFF;
	font-size:10pt;
   margin-bottom:0;
   margin-top:-1px;
}
.table thead {
   background:#2C4258;
   color:#FFF;

   position: sticky;
   top: 0;
   border-color: #FFF;
   z-index: 400;
}

@media (min-width: 576px){
   .modal-lg {
      max-width:650px;
   }
   .modal-xl {
      max-width:780px;
   }
}


.chrome-bg {
   /* Old browsers */
   background: #f5f6f6;
   /* FF3.6-15 */
   background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);
   /* IE6-9 */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
}

#ui-datepicker-div {
   z-index:1080 !important;
}

#sidebar {
   position:absolute;
   display:none;
   z-index:1030;
   top:0;
   left:0;
   margin-top:42px;
   width:48px;
   height:calc(100% - 42px);
   background:#2C4258;
   box-shadow:1px 1px 4px rgba(0,0,0,0.15);
   border-right:1px solid #1a2b3c;
}
#sidebar div {
   padding:3px 6px 10px;
   text-align:center;
}
#sidebar div.lock {
   position:absolute;
   width:100%;
   bottom:0;
}
#sidebar div.lock button {
   font-size:12px;
   padding:2px 6px;
}
#sidebar .close-sidebar {
   text-decoration:none;
   color:#FFF;
}

.top-nav {
   position:absolute;
   top:0;
   left:0;
   right:0;

   height:42px;
   color:#FFF;
   flex-shrink:0;
   flex-basis:auto;
   width:100%;
   background:#2c4258;
   z-index:1039;
   /*box-shadow:1px 2px 2px rgba(63, 87, 111, 0.47);*/
   box-shadow:1px 1px 1px rgba(63, 87, 111, 0.47);
   border-bottom:1px solid #1a2b3c;

   background: #2c4258;
   /*background: -moz-linear-gradient(top,  #2c4258 0%, #0f2842 100%);
   background: -webkit-linear-gradient(top,  #2c4258 0%,#0f2842 100%);
   background: linear-gradient(to bottom,  #2c4258 0%,#0f2842 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4258', endColorstr='#0f2842',GradientType=0);*/
}

.top-nav > div:first-of-type {
   padding-left:0;
}

.slide-nav .nav-logo {
   display:block;
   width:100%;
   text-align:right;
   box-shadow:1px 1px 1px rgba(0,0,0,0.5);
   border-radius:0 100px 100px 0;
}

.top-nav .logo,
.slide-nav .logo {
   display:inline-block;
   vertical-align:middle;
   height:42px;
   padding-left:6px;
   border-radius:0 100px 100px 0;
   padding-right:4px;
   padding-top:4px;
   padding-bottom:4px;
   box-shadow:1px 1px 1px rgba(0,0,0,0.5);

   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
}
.slide-nav .logo {
   box-shadow:none;
}
.top-nav .nav-icon .far,
.top-nav .nav-icon .fas,
.top-nav .nav-icon .fab,
.top-nav .far,
.top-nav .fab,
.top-nav .fas {
   color:#FFF;
   font-size:15pt;
   vertical-align:middle;
   padding:5px;
   margin:2px;
}
.top-nav .nav-icon {
   position:relative;
   display:inline-block;
   cursor:pointer;
   min-width:40px;
   border-radius:8px;
   text-align:center;
   text-shadow:1px 1px 0px rgb(20, 39, 57);
   /*background:#39546f;*/

   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
   background: #496786; /* Old browsers */
   background: -moz-linear-gradient(top, #496786 0%, #2c4258 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #496786 0%,#2c4258 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #496786 0%,#2c4258 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#496786', endColorstr='#2c4258', GradientType=0 ); /* IE6-9 */
}
.top-nav span.nav-icon,
.top-nav div.nav-icon {
   border:1px solid #203346;
   border-bottom:3px solid #203346;
}
.top-nav .nav-icon:hover {
   background:linear-gradient(to bottom, #208ed0 0%,#184784 100%);
   /*box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);
   border-bottom:1px solid #203346;*/
}
.top-nav .nav-icon.active {
   /*background:linear-gradient(to bottom, #b5491f 0%,#2c4258 100%);*/
   /*background:linear-gradient(to bottom, #d05220 0%,#843b18 100%);*/
   background:linear-gradient(to bottom, #208ed0 0%,#184784 100%);
}
.top-nav .dropdown-item.active {
   /*background:#EE761F;*/
   background:#2FA4E7;
   color:#FFF;
}

.top-nav .nav-icon span {
/*
   display:block;
   padding:5px 10px;
   */
   color:#FFF;
   font-size:9pt;
}

.table-info, .table-info > th, .table-info > td {
   border-bottom:1px solid #7c9ab6;
}

.table-header {
   box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
   font-size:10pt;
}

.top-nav .nav-icon a {
   display:block;
   text-decoration:none;
}

.top-nav .fa-angle-down {
   font-size:15pt !important;
   margin-left:0;
}
.top-nav .container-fluid,
.top-nav .row {
   height:100%;
}
.top-nav .label {
   padding-right:4px;
   display:inline-block;
   font-size:10.5pt;
}

.top-nav #nav-user .nav-icon {
   border:1px solid #570909;
   border-bottom:3px solid #570909;
   border-radius:8px;
   background: #ff3019; /* Old browsers */
   background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.top-nav #nav-user .nav-icon:hover {
   background:#e83030;
}

.top-nav .fa-caret-down {
/*
   position:absolute;
   bottom:0;
   right:5px;*/
   font-size:10pt !important;
   text-shadow:0 0 2px #000;
   padding:0 !important;
   margin:0 !important;
}

.bottom-nav {
   position:absolute;
   bottom:0;
   
   height:20px;
   color:#FFF;
   font-size:10pt;
   flex-shrink:0;
   flex-basis:auto;
   width:100%;
   background:#2c4258;
   z-index:1020;
}
.bottom-nav ul {
   display:inline-block;
   padding:2px 0;
   line-height:12px;
}
.bottom-nav ul li {
   display:inline-block;
   border-right:2px solid #FFF;
   padding-right:10px;
   padding-left:5px;
   font-size:9pt;
}
.bottom-nav ul li:last-child {
   border-right:none;
}
.bottom-nav li label {
   color:#FFF;
   margin-right:5px;
}

table tr.disabled {
   color:#C6C6C6 !important;
}

.cp_queue .reset-regenerate,
.cp_queue .reset-print {
   cursor:not-allowed;
}

#PayrollCalculatorPaychecksView .commission-switcher {
   display:block;
   width:155px;
   float:right;
   margin-right:20px;
}
#PayrollCalculatorPaychecksView .ui-stoggle {
   width:100%;
}
#PayrollCalculatorPaychecksView .ui-stoggle--label-on .ui-stoggle--label-text {
   padding-left:20px;
}
#PayrollCalculatorPaychecksView .ui-stoggle.on .ui-stoggle--slider i {
   left:calc(100% - 26px);
}
#PayrollCalculatorPaychecksView .ui-stoggle--label-text {
   width:100%;
   padding-right:20px;
}


#billingInfo label .surcharge-info,
.sf-surcharge-info .surcharge-info,
.policy-surcharges ul li .surcharge-info,
.df_product_confirmation label .surcharge-info {
   display:inline-block;
   vertical-align:top;
   text-align:left;
   margin-left:6px;
   width:calc(100% - 20px);
}
.policy-surcharges ul li .surcharge-info div {
   margin-top:-4px;
   margin-left:0;
}
.df_product_confirmation label .surcharge-info {
   line-height:10px;
}
.sf-surcharge-info .surcharge-info {
   margin-bottom:2px;
}
.sf-surcharge-info input,
.df_product_confirmation label input {
   margin-top:4px;
}
.df_product_confirmation label .surcharge-info div {
   display:block;
   margin-bottom:7px;
   margin-top:2px;
}
.sf-surcharge-info .surcharge-info div {
   margin-top:-4px;
}
.product-overview .surcharge-info div,
.product-overview .surcharge-info {
   display:inline;
}
.df_product_confirmation .surcharge-list {
   margin-top:6px;
}

.views {
   position:absolute;
   top:42px;
   left:0;
   right:0;
   bottom:0;

   height:100%;
}
.view-panel {
   display:block;
   width:100%;
   height:100%;
}

#viewAlerts .btn {
   padding:.08rem .5rem !important;
   font-size:.85rem !important;
}
#viewAlerts .alert small {
   display:block;
   border-top:1px solid rgba(0,0,0,0.12);
   margin:4px 0;
   text-align:right;
}


.modal-header {
   padding:.5rem 1rem;
}

.input-group-text {
   padding:.1rem .5rem;
   font-size:.8rem;
}

input {
   line-height:normal;
   width:100%;
}
input[type='checkbox'],
input[type='radio'] {
   width:auto;
}

.ui-resizable-handle {
   z-index:9990;
}
.ui-resizable-handle:hover {
   background:#007dff;
}
.ui-resizable-s {
   bottom:0px;
   height:2px;
   z-index:1011 !important;
}
.ui-resizable-e {
   right:0;
   width:2px;
   z-index:1011 !important;
}

#questXModal .breadcrumb-item + .breadcrumb-item::before {
   content: ">";
}
#questx-form ol.breadcrumb {
   padding:0;
}

.cs_activity_comments .rapport hr,
.chat-responses hr {
   margin-top:8px;
   margin-bottom:8px;
}

#release_notes,
.discounter,
.flip-info,
#comments_card,
.template,
#maintenancePackage .statuses,
.discard-changes,
.edit-markup {
   display:none;
}
.customer-price h6 {
   display:inline-block;
}

#release_notes,
#comments_card {
   width:350px;
   height:100%;
   overflow:hidden;
   z-index:999;
   right:0;
   position:absolute;
   box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}
#release_notes {
   left:0;
   right:auto;
}

#release_notes li .heading {
   margin-top:20px;
}
#release_notes li:first-child .heading {
   margin-top:10px;
}
#release_notes .card-body > ul {
   margin-bottom:20px;
}
#release_notes ul li ul {
   list-style:initial;
   padding-left:15px;
}

#lifeguard-form .applied-discount,
#questx-form .applied-discount {
   display:flex;
   align-items:end;
   justify-content:center;
}
#questXModal .modal-header,
#questx-form .modal-header {
   flex-flow:row wrap;
}
#questXModal .modal-title,
#questx-form .modal-title {
   text-align:left;
   width:100%;
}

#lifeguard-form label,
#questx-form label {
   font-size:8pt;
}
label {
   color:#000;
   font-weight:bold;
   margin-bottom:0;
}
.card-body {
   padding:0.45rem;
   font-size:10pt;
}

table th,
table td {
   padding:2px 4px !important;
   vertical-align:middle !important;
}
table tr {
   vertical-align:middle !important;
}

.views h1, .views h2, .views h3, .views h4, .views h5, .views h6, .views .h1, .views .h2, .views .h3, .views .h4, .views .h5, .views .h6 {
   margin:.5rem;
}
.modal h5,
.modal h6 {
   margin:0;
   margin-bottom:5px;
}

h6.dropdown-header {
   padding:.5rem 1rem 0;
}

.nav-pills a.nav-link {
   color:#1f3142;
}
.nav-pills a.nav-link:hover {
   color:#32516e;
}
.nav-pills .nav-link.active {
   background:#1f3142;
}
.nav-pills .nav-link.active:hover {
   color:#FFF;
}

.filter-button button {
   padding:.01rem .05rem;
   line-height:.75rem;
   margin:0 8px;
}
.breadcrumb {
   background:transparent;
}
.breadcrumb a {
   /*text-decoration:underline;*/
}
.breadcrumb-item,
.breadcrumb-item.active {
   color:#cfd6dd;
}
.breadcrumb-item + .breadcrumb-item::before {
   color:#cfd6dd;
   content:">";
}

.surcharge-sliders .ui-widget-content {
   background:#ccd3d9;
}
.ui-slider-horizontal {
   height:5px;
}

/*
.btn-success {
   border-bottom:2px solid #10862B;
}
.btn-warning {
   border-bottom:2px solid #DDA600;
}
.btn-info {
   border-bottom:2px solid #008297;
}
.btn-dark {
   border-bottom:2px solid #000;
}
.btn-primary {
   border-bottom:2px solid #0058b5;
}
.btn-danger {
   border-bottom:2px solid #a80111;
}

.btn:active {
   box-shadow:none !important;
}
.btn:focus {
   box-shadow:none;
   border-bottom:0;
}
.btn-success:active {
   border-top:3px solid #10862B;
}
.btn-danger:active {
   border-top:3px solid #bd2130;
}
.btn-warning:active {
   border-top:3px solid #DDA600;
}
.btn-dark:active {
   border-top:3px solid #000;
}
.btn-info:active {
   border-top:3px solid #008297;
}
.btn-primary:active {
   border-top:3px solid #0058b5;
}*/

.headsup-chat-container {
   flex-direction:column;
   background:#FFF;
   color:#000;
}
.headsup-chat-container.overlay {
   display:none;
   position:absolute;
   right:0;
   padding-top:60px;
   padding-bottom:20px;
   top:0;
   bottom:0;
   max-width:80%;
   width:450px;
   height:auto;
   box-shadow:-1px -1px 4px rgba(0, 0, 0, 0.25);
   z-index:1020;
}
.headsup-chat-container.module {
   position:relative;
   display:flex;
   height:100%;
}

.heads-up-close {
   text-align:center;
   background:#243342;
   color:#FFF;
   text-transform:uppercase;
   font-size:14px;
   padding:3px 0;
   cursor:pointer;
}
.heads-up-close hr {
   width:35%;
}
.heads-up-close hr {
   width:35%;
}

.headsup-chat-body {
   display:inline-block;
   flex-grow:4;
   flex-shrink:4;
   min-height:100px;
   height:auto;
   overflow:auto;
}

#printSelection table .queue-col {
   width:130px;
   max-width:130px;
}

.vehicle-lists {
   display:none;
}

.headsup-chat-container.module .headsup-chat-body {
   margin:5px 5px 45px 5px;
}
.headsup-chat-body hr {
   float:left;
   width:100%;
   margin-top:.5rem !important;
   margin-bottom:.5rem !important;
}

.headsup-chat-body .chat-message,
.activity-comments .chat-message {
   width:100%;
   background:#F4F4F4;
   padding:5px;
   border-radius:8px;
}
.headsup-chat-body .chat-message.left {
   float:left;
   width:80%;
}
.headsup-chat-body .chat-message.right {
   float:right;
   width:80%;
}

.headsup-chat-body .chat-message .avatar,
.activity-comments .chat-message .avatar {
   display:inline-block;
   height:35px;
   width:35px;
   min-width:35px;
   max-width:35px;
   font-size:20pt;
   text-align:center;
   vertical-align:top;
   background:#2C4258;
   color:#FFF;
   border-radius:8px;
   padding:4px;
   flex-grow:1;
   flex-shrink:1;
}
.headsup-chat-body .chat-message.left .avatar {
   margin-right:5px;
}
.headsup-chat-body .chat-message.right .avatar {
   margin-left:5px;
}
.headsup-chat-body .chat-message .avatar .fa-user,
.activity-comments .chat-message .avatar .fa-user {
   vertical-align:top;
}
.headsup-chat-body .chat-message .message-container,
.activity-comments .chat-message .message-container {
   display:inline-block;
   margin-left:2px;
   width:100%;
   position:relative;
}
.headsup-chat-body .chat-message .message-container .username,
.activity-comments .chat-message .message-container .username {
   font-style:italic;
}
.headsup-chat-body .chat-message.left .message-container .username {
   text-align:left;
}
.headsup-chat-body .chat-message.right .message-container .username {
   text-align:right;
}
.headsup-chat-body .chat-message .message-container .message,
.activity-comments .chat-message .message-container .message {
   display:inline-block;
   background:#FFF;
   border:1px solid #DDD;
   box-shadow:0px 0px 2px rgba(0,0,0,0.12);
   border-radius:6px;
   padding:0 6px;
   width:100%;
   word-break:break-word;
}
.activity-comments .chat-message .message-container .message {
   word-break:break-word;
}
.headsup-chat-body .chat-message.left .message-container .message {
   background:#FF8700ED;
   border:1px solid #955208;
}
.headsup-chat-body .chat-message.right .message-container .message {
   background:rgba(46, 202, 223, 0.929);
   border:1px solid #007283;
}
.headsup-chat-body .chat-message .message-container .timestamp {
   display:inline-block;
   text-align:right;
   width:100%;
   font-size:8pt;
   font-style:italic;
   color:#757575;
}
.activity-comments .chat-message .timestamp {
   display:block;
   margin-top:3px;
   width:100%;
   text-align:right;
   font-style:italic;
   color:#757575;
}

.headsup-send-message-container {
   display:flex;
   padding:5px;
   flex-grow:1;
   flex-shrink:1;
   height:70px;
   min-height:70px;
   max-height:70px;
   background:rgb(63, 89, 116);
}
.headsup-chat-container.module .headsup-send-message-container {
   position:absolute;
   bottom:0;
   width:100%;
}
.headsup-send-message-container .text-box {
   display:inline-block;
   flex-grow:3;
   flex-shrink:3;
   resize:none;
}
.headsup-send-message-container .send-btn {
   display:inline-block;
   flex-grow:1;
   flex-shrink:1;
}

.headsup-chat-null {
   position:relative;
   display:block;
   width:100%;
   height:100%;
   background:#35526F;
   color:#FFF;
   text-align:center;
}
.headsup-chat-null .icon {
   position:absolute;
   font-size:40pt;
   top:40%;
   width:100%;
}

.alert-dark {
  color: #FFF;
  background-color: #3e3e3e;
  border-color: #000;
}

.alert-dark hr {
  border-top-color: #c4c4c4;
}

.alert-dark .alert-link {
  color: #aeaeae;
}


[data-report], button[name="generateReport"] {
   display:none;
}