/* MISC BOOTSTRAP OVERWRITES & ADDITIONS */

.dropdown-menu .signout-btn-container{
    clear: none;
    color: inherit;
    line-height: inherit;
    padding: 0;
    width: 100%;    
}

.dropdown-menu>li.divider:first-child, .dropdown-menu>li.divider:last-child {
    display: none;
}

.signout-btn-container > a{
    width: 70%;
}

/* Laptops with 1280x800 screen are doubling up the navbar... so kill the labels for anything below 1440. */
.hidden-laptop {
    display: none;
}

@media ( min-width : 1440px) {
    .hidden-laptop {
        display: initial;
    }
}

.display-block {
    display: block;
}

.display-inline-block, .inline-block {
    display: inline-block;
}

.display-inline {
    display: inline;
}

.navbar-brand {
    font-weight: bold;
    font-style: italic;
}

/*increase the width of the right control sidebar*/
.control-sidebar-bg, .control-sidebar {
    width: 400px;
    right: -400px;
}

.control-sidebar .recent-items li h4,
.control-sidebar .recent-items li p {
    margin-bottom: 0;
} 

.control-sidebar-dark .control-sidebar-menu > li > a > p,
.control-sidebar-dark .control-sidebar-menu > li > a dl{
    color: #b8c7ce;
}

.control-sidebar-bg .control-sidebar-footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.box.box-info {
    border-top-color: #357CA5;
}

.box-header > .box-tools.pull-left {
    right: auto;
    left: 10px;
}

.box-header > .box-tools.pull-left + .box-title{ 
    padding-left: 25px;
}

.box-body.with-border {
  border-bottom: 1px solid #f4f4f4;
}

.collapsed-box .box-body.with-border {
  border-bottom: none;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #3C8DBC;
}

.nav-tabs-custom > .nav-tabs > li.has-error.active, 
.nav-tabs-custom > .nav-tabs > li.has-cs-error.active {
    border-top-color: #dd4b39;
}

.nav-tabs-custom > .nav-tabs > li.has-error a,
.nav-tabs-custom > .nav-tabs > li.has-error a:hover,
.nav-tabs-custom > .nav-tabs > li.has-cs-error a,
.nav-tabs-custom > .nav-tabs > li.has-cs-error a:hover {
    color: #dd4b39;
}

.nav-tabs-custom.nav-tabs-compact {
    margin-bottom: 0;
}

.tab-content.tab-content-compact {
    padding-top: 7px;
}

/* Add .text-serif as a standalone class, and add it to fieldset legends */
.text-serif {
    font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
}

/* Add .text-monospace as a standalone class */
.text-monospace {
    font-family: 'Droid Sans Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* MISC TEXT COLORS THAT MAY NEED TO BE THROWN IN RANDOM PLACES */
.text-std {
    color: #0e1f29;
}

.text-red {
    color: #be3f2f;
}

.text-blue {
    color: #3798dc;
}

.text-darkblue {
    color: #1668a3;
}

.text-purple {
    color: #4d387a;
}

.text-success, .text-green {
    color: #76b547;
}

.text-orange {
    color: #FF7701;
}

.text-yellow {
    color: #f1b500;
}

.text-pink {
    color: #e75271;
}

.text-gray {
    color: #777 !important;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.text-dev {
    color: #ff9898;
}

.text-dev-dark {
    color: #E37C7C;
}

.text-strikethrough {
    text-decoration: line-through;
}

/**
 * .text-tiny                   10px
 * .text-small, small, .small   85% (~11.9px)
 * h6, .h6                      12px
 * .text-normal, h5, .h5        14px
 * .text-large, big             16.66px
 * h4, .h4                      18px
 * h3, .h3                      24px
 * h2, .h2                      30px
 * .text-larger                 33px
 * h1                           36px
 * .text-huge                   40px 
 */

.text-tiny{
    font-size: 10px;
}

.text-small{
    font-size: 85%;
}

.text-normal{
    font-size: 14px;
}

.text-large{
    font-size: 16.66px;
}

.text-larger{
    font-size: 33px;
}

.text-huge{
    font-size: 40px;
}

label {
    font-weight: normal;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}

input[type=checkbox]:not([disabled]):not([readonly]),
input[type=radio]:not([disabled]):not([readonly]),
.checkable:not([disabled]):not([readonly]):not(.disabled) {
    cursor: pointer;
    user-select: none;
}

tr[disabled] {
    cursor: not-allowed;
    user-select: none;
    font-style: italic;
    color: #777;
}

.checkable.disabled {
    cursor: not-allowed;
    user-select: none;
}

legend input[type=checkbox], legend input[type=radio] {
    margin: 0 0 3px;
}

.box-title input[type=checkbox], .box-title input[type=radio] {
    margin: 0 0 3px;
}

textarea.form-control {
    min-width: 100%;
    max-width: 100%;
    resize: vertical;
    min-height: 34px;
}

.checkbox.disabled {
    color: #777;
    user-select: none;
}

.checkbox.form-control {
    border: none;
    color: #777;
}

.checkbox.form-control:only-child {
    margin-top: 25px;
}

.checkbox.form-control:not(:only-child) {

    padding-top: 0;
    padding-bottom: 0;

    height: inherit;

}

.control-label + .checkbox.form-control:not(:last-child) {
    margin-top: -3px;
}

.checkbox.form-control:first-child:not(:only-child) {
    margin-top: 20px;
    margin-bottom: 10px;
}

.checkbox.form-control:last-child:not(:only-child) {
    margin-top: -10px;
    margin-bottom: 0;
}

label.control-label + .checkbox.form-control:last-child {
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type^=date], input[type^=time] {
    width: auto;
}

/* Make HRs same color as the panel-default border */
hr {
    border-top: 1px solid #dddddd;
}

hr.hr-condensed {
    margin-top: 4px;
    margin-bottom: 4px;
}

.dropdown-menu>li>div,.dropdown-menu>li>form>div {
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
}

.dropdown-menu .alert:last-child {
    margin-bottom: 0;
}

.dropdown-menu>li.condensed>div {
    padding: 0 20px;
}

.dropdown-header {
    font-size: 12px;
}

/* Alter margins when necessary. */
.no-margin, .margin-none {
    margin: 0 !important;
}

.condensed-margin {
    margin-top: 0.45em;
    margin-bottom: 0.45em;
}

.margin-top-none {
    margin-top: 0 !important;
}

.ajax-error {
    margin-top: 3px;
}

.dl-horizontal {
    margin: 0;
}

/* Give DT/DL a little bit of a gap */
.dl-horizontal:not(.dl-condensed) > dd,
.dl-horizontal:not(.dl-condensed) > dt {
    margin-bottom: 0.5em;
}

/* ...but not the last one */
.dl-horizontal > dd:last-child,
.dl-horizontal > dt:last-child {
    margin-bottom: 0;
}

.dl-horizontal {
    margin-bottom: 0.75em;
}

/* Some DT/DL's need split right down the middle */
.dl-horizontal.dl-quarter > dt {
    width: -moz-calc(25% -   10px);
    width: -webkit-calc(25% -   10px);
    width: -o-calc(25% -   10px);
    width: calc(25% -   10px);
}

.dl-horizontal.dl-quarter > dd { /* ... */
    margin-left: -moz-calc(25% +   10px);
    margin-left: -webkit-calc(25% +   10px);
    margin-left: -o-calc(25% +   10px);
    margin-left: calc(25% +   10px);
}

/* Bring definitions a little closer if we're tight for space */
.dl-horizontal.dl-condensed.dl-quarter > dt {
    width: -moz-calc(25% -   5px);
    width: -webkit-calc(25% -   5px);
    width: -o-calc(25% -   5px);
    width: calc(25% -   5px);
}

/* Bring definitions a little closer if we're tight for space */
.dl-horizontal.dl-condensed.dl-quarter > dd {
    margin-left: -moz-calc(25% +   5px);
    margin-left: -webkit-calc(25% +   5px);
    margin-left: -o-calc(25% +   5px);
    margin-left: calc(25% +   5px);
}

/* Some DT/DL's need split right down the middle */
.dl-horizontal.dl-third > dt {
    width: -moz-calc(33% -   10px);
    width: -webkit-calc(33% -   10px);
    width: -o-calc(33% -   10px);
    width: calc(33% -   10px);
}

.dl-horizontal.dl-third > dd {
    margin-left: -moz-calc(33% +   10px);
    margin-left: -webkit-calc(33% +   10px);
    margin-left: -o-calc(33% +   10px);
    margin-left: calc(33% +   10px);
}

.dl-horizontal.dl-condensed.dl-third > dt {
    width: -moz-calc(33% -   5px);
    width: -webkit-calc(33% -   5px);
    width: -o-calc(33% -   5px);
    width: calc(33% -   5px);
}

.dl-horizontal.dl-condensed.dl-third > dd {
    margin-left: -moz-calc(33% +   5px);
    margin-left: -webkit-calc(33% +   5px);
    margin-left: -o-calc(33% +   5px);
    margin-left: calc(33% +   5px);
}

/* Some DT/DL's need split right down the middle */
.dl-horizontal.dl-half > dt {
    width: -moz-calc(50% -   10px);
    width: -webkit-calc(50% -   10px);
    width: -o-calc(50% -   10px);
    width: calc(50% -   10px);
}

/* Bring definitions a little closer if we're tight for space */
.dl-horizontal.dl-half > dd {
    margin-left: -moz-calc(50% +   10px);
    margin-left: -webkit-calc(50% +   10px);
    margin-left: -o-calc(50% +   10px);
    margin-left: calc(50% +   10px);
}

.dl-horizontal.dl-condensed.dl-half > dt {
    width: -moz-calc(50% -   5px);
    width: -webkit-calc(50% -   5px);
    width: -o-calc(50% -   5px);
    width: calc(50% -   5px);
}

.dl-horizontal.dl-condensed.dl-half > dd {
    margin-left: -moz-calc(50% +   5px);
    margin-left: -webkit-calc(50% +   5px);
    margin-left: -o-calc(50% +   5px);
    margin-left: calc(50% +   5px);
}

/* Some DT/DL's need just a touch more than a third */
.dl-horizontal.dl-fourty > dt {
    width: -moz-calc(40% - 10px);
    width: -webkit-calc(40% - 10px);
    width: -o-calc(40% - 10px);
    width: calc(40% - 10px);
}

.dl-horizontal.dl-fourty > dd {
    margin-left: -moz-calc(40% + 10px);
    margin-left: -webkit-calc(40% + 10px);
    margin-left: -o-calc(40% + 10px);
    margin-left: calc(40% + 10px);
}

.dl-horizontal.dl-condensed.dl-fourty > dt {
    width: -moz-calc(40% - 5px);
    width: -webkit-calc(40% - 5px);
    width: -o-calc(40% - 5px);
    width: calc(40% - 5px);
}

.dl-horizontal.dl-condensed.dl-fourty > dd {
    margin-left: -moz-calc(40% + 5px);
    margin-left: -webkit-calc(40% + 5px);
    margin-left: -o-calc(40% + 5px);
    margin-left: calc(40% + 5px);
}

.dl-horizontal.dl-condensed:not(.dl-half):not(.dl-third):not(.dl-quarter):not(.dl-fourty):not(.dl-custom) > dd {
    margin-left: 170px;
}

/* Prevent empty dd's from disappearing */
/* http://stackoverflow.com/a/11415740 */
.dl-horizontal > dd:after {
    display: table;
    content: "";
    clear: both;
}

/* Cade likes text pushed out to the edges instead */
.dl-horizontal.dl-wide > dt {
    text-align: left;
}
.dl-horizontal.dl-wide > dd {
    text-align: right;
}

/* Separator line */
.dl-horizontal > dt.divider {
    background-color: #ccc;
    margin: 5px 0;
    height: 1px;
    width: 100% !important;
    float: inherit !important;
}

.dl-horizontal > dd.divider {
    display: none;
}

/* .dl-horizontal dd { */
/*     margin-left: 0; */
/* } */

.dl-separated > dt {
    width: initial;
}

.dl-separated > dd {
    text-align: right;
}

.dl-break {
    height: 0.5em;
    width: 100% !important;
}

.dl-nowrap > dt:not(.divider),
.dl-nowrap > dd:not(.divider) {
    white-space: nowrap;
}

.dl-horizontal.dl-margin-sm > dd {
    margin-left: 160px;
}

.popover dl:last-child { margin-bottom: 0; }

/* Some panels need to quit eating the donuts and cheetohs */
.panel-condensed {
    margin-bottom: 8px;
}

.panel-condensed .panel-body {
    padding: 6px;
}

.panel-condensed .panel-heading {
    padding: 6px;
}

.panel-condensed .panel-footer {
    padding: 6px;
}

.panel-condensed-vertical .panel-body {
    padding: 10px 15px;
}

.panel-condensed .row:last-child .form-group {
    margin-bottom: 0;
}

/* Create a 'drawer' panel, which should butt up against whatever was above it (preferably an hr or border) */
.panel-drawer {
    margin-top: -17px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-drawer .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group.list-group-condensed .list-group-item {
    padding: 6px 10px;
}

.list-group.list-group-compact .list-group-item {
    padding: 4px 6px;
}

.list-group-item-gray {
  color: #222;
  background-color: #eee;
}
a.list-group-item-gray {
  color: #222;
}
a.list-group-item-gray .list-group-item-heading {
  color: inherit;
}
a.list-group-item-gray:hover,
a.list-group-item-gray:focus {
  color: #222;
  background-color: #eee;
}
a.list-group-item-gray.active,
a.list-group-item-gray.active:hover,
a.list-group-item-gray.active:focus {
  color: #222;
  background-color: #ddd;
  border-color: #ddd;
}

.list-group-item-heading {
    margin: 0;
}

/* Wide, flat toggle for the drawer, butted up against the drawer itself */
.btn-drawer-toggle {
    margin-top: -18px;
    margin-bottom: 18px;
    padding-left: 40px;
    padding-right: 40px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* No margin after final <p> inside a panel/table */
.panel-body p:last-child,.table p:last-child {
    margin-bottom: 0;
}

/* Some fixes for DataTables */
table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

table.dataTable thead th.sorting_asc:after {
    font-family: fontawesome;
    content: "\f0de";
    float: right;
}

table.dataTable thead th.sorting_desc:after {
    font-family: fontawesome;
    content: "\f0dd";
    float: right;
}

.DTTT_container {
    margin-bottom: 0 !important;
    float: none !important;
}

table.dataTable thead th.sorting:after {
    font-family: fontawesome;
    content: "\f0dc";
    float: right;
    color: rgba(50, 50, 50, .3);
}

/* Range slider control for Chrome */
input[type="range"] {
    padding: 6px;
}

input[type="range"].danger {
    background-color: #df4f37;
    border-color: #c04434;
}

input[type="range"].warning {
    background-color: #f49320;
    border-color: #d9831c;
}

input[type="range"].success {
    background-color: #76b547;
    border-color: #68a03f;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #1668a3 url("/img/slider_horizontal.png") no-repeat center center;
    border: solid 1px #215c6f;
}

input[type="range"]:hover::-webkit-slider-thumb {
    background-color: #11517f;
    border-color: #0b3553;
}

input[type="range"].vertical::-web kit-slider-thumb {
    background-image: url("../img/slider_vertical.png");
}

/* Dropdowns should autosize */
/* Taking this out for now, not as big of a deal now that most forms have been modalized.
.input-group select.form-control, select.form-control {
    width: auto;
}
*/

/* Don't want big ugly text inside blockquotes. */
blockquote {
    font-size: 1em;
}

.panel.please-wait {
    margin: 1em auto;
    max-width: 250px;
}

/* Fix for inline form groups, http://stackoverflow.com/a/18429555 */
.form-inline .form-group {
    margin-left: 1em;
    margin-right: 0;
}

.form-inline .form-group:first-child {
    margin-left: 0;
}

.form-horizontal .form-inline .control-label {
    padding-top: 0;
}

.form-inline .control-label + .form-control,
.form-inline .control-label + .input-group {
    margin-left: 0.5em;
}

.form-inline input[type=checkbox] {
    margin-top: 0;
}

.input-group-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.input-group {
    width: auto;
    text-align: left;
}

/* Clickable elements should have the pointer cursor even if they're not actual links. */
.clickable {
    cursor: pointer;
}

/* Add some padding to the top of a tab group's actual content. */
.tab-content {
    padding-top: 1em;
}

/* Allow for fixing things (i.e., tab bar) to the top of a container, including enough padding to keep the content underneath from showing through on scroll. */
.fixed-top {
    position: fixed;
    background-color: white;
    padding-top: 12px;
    z-index: 1000;
}

.tt-suggestion .text-muted,.dropdown-menu a>dl>.text-muted {
    display: none;
}

.tt-suggestion.tt-cursor .text-muted,.dropdown-menu a:hover>dl>.text-muted {
    display: block;
}

.tt-menu ul, .tt-menu ol {
    margin-top: 0;
    margin-bottom: 0;
}

.form-group.has-error .mce-container {
    border-color: #be3f2f;
}

/* Vertical center blocks */
.vcenter {
    display: flex;
    align-items: center;
}

/* File input styling */
/* http://www.abeautifulsite.net/blog/2013/08/whipping-file-inputs-into-shape-with-bootstrap-3/ */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity = 0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* Remove bottom padding on the last well */
.well:last-child {
    margin-bottom: 0;
}

/* Mimic Excel accouting format */
.xls-accounting {
    white-space: nowrap;
    text-align: right;
}

.xls-accounting span {
    display: inline-block;
}

.xls-accounting .symbol {
    float: left;
}

.xls-accounting .cents {
    width: 1.5em;
    text-align: left;
}

/* Badge colors */
.badge.badge-primary {
  background-color: #1668a3;
}
.badge.badge-info {
  background-color: #3798dc;
}
.badge.badge-success {
  background-color: #76b547;
}
.badge.badge-warning {
  background-color: #f49320;
}
.badge.badge-danger {
  background-color: #df4f37;
}

/* For when things need to be warmed up */
.on-fire {
    padding-top: 100px;
    margin-top: -30px;
    background: #FFF url(/images/university%20logos/fire.gif);
    background-position: 0px 0px;
    background-size: 100% 110px;
    background-repeat: no-repeat;
}

/* Fix typeahead for Bootstrap */
/* https://github.com/twitter/typeahead.js/issues/378#issuecomment-30884191 */
.twitter-typeahead {
    display: block !important;
}

/* COLORED TABLE TOPS, plus some other table fixes */
.table>thead>tr>th,.table>tbody>tr>td,.table>tfoot>tr>td {
    vertical-align: middle;
}

.table tr.subhead>td,.table>tfoot>tr {
    background-color: #e5e5e5 !important;
}

.table tr.subhead.dark>td,.table>tfoot.dark>tr {
    background-color: #c5c5c5 !important;
}

.table tr.subhead>td, .table tfoot td {
    font-weight:bold;
}

.table-primary thead td,.table-primary thead th,.table-success thead td,.table-success thead th,.table-info thead td,.table-info thead th,.table-warning thead td,.table-warning thead th,.table-danger thead td,.table-danger thead th {
/*     font-weight: normal; */
}

.table-primary thead tr {
    background-color: #1668a3;
}

.table-success thead tr {
    background-color: #f5f9f1;
}

.table-info thead tr {
    background-color: #eff5f9;
}

.table-warning thead tr {
    background-color: #fff7ec;
}

.table-danger thead tr {
    background-color: #fcf2f0;
}

.table-compact > thead > tr > th,
.table-compact > tbody > tr > th,
.table-compact > tfoot > tr > th,
.dataTable.table-compact > thead > tr > th,
.dataTable.table-compact > tbody > tr > th,
.dataTable.table-compact > tfoot > tr > th,
.table-compact > thead > tr > td,
.table-compact > tbody > tr > td,
.table-compact > tfoot > tr > td {
  padding: 4px;
}

/* Checkered tables */
/* Straight checkered */
.table-checkered:not(.table-checkered-pairs)>tbody>tr:nth-child(odd)>td:nth-child(odd),
.table-checkered:not(.table-checkered-pairs)>tbody>tr:nth-child(odd)>th:nth-child(odd),
.table-checkered:not(.table-checkered-pairs)>tbody>tr:nth-child(even)>td:nth-child(even),
.table-checkered:not(.table-checkered-pairs)>tbody>tr:nth-child(even)>th:nth-child(even), 
/* Key-value-paired checkered */ 
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(odd)>td:nth-child(4n+4),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(odd)>td:nth-child(4n+3),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(even)>td:nth-child(4n+2),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(even)>td:nth-child(4n+1),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(odd)>th:nth-child(4n+4),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(odd)>th:nth-child(4n+3),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(even)>th:nth-child(4n+2),
.table-checkered.table-checkered-pairs>tbody>tr:nth-child(even)>th:nth-child(4n+1){
    background-color: #f9f9f9;
}
/* Key-value-paired checkered */
.table-checkered.table-checkered-pairs.table-checkered-pairs-bold-value>tbody td:nth-child(even) {
    font-weight: bold;
}

.table-checkered.table-checkered-pairs.table-checkered-pairs-bold-key>tbody td:nth-child(odd) {
    font-weight: bold;
}

/* Bootstrap sub-menus */
/* http://stackoverflow.com/a/18024991 */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -2px;
    -webkit-border-radius: 0 4px 4px 4px;
    -moz-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: auto;
    right: 100%;
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
}

.dropdown-submenu:hover {
    background: #e2e1e1;
}

.template, .soft-hide {
    display: none;
}

.notes {
    margin-bottom: 0;
}

.notes .note.hot {
    border: none;
}

.notes .note.hot:last-child .note-body {
    margin-bottom: 0;
}

.notes .note.hot .note-footer {
    margin-bottom: 1.5em;
}

.note.hot:not(:last-child) {
    border-bottom: 2px solid #EEE !important;
}

/* Color overrides for AdminLTE skin */
.skin-blue .treeview-menu > li > a {
    color: #A2BCC7;
}

.skin-blue pre.sf-dump {
    z-index: 0;
}

/* Additional box/btn colors for AdminLTE */

.btn-light-blue {
    color: #ffffff;
    background-color: #3c8dbc;
}
.btn-light-blue:hover {
    color: #ffffff;
    background-color: #357ca5 !important;
}
.box.box-light-blue {
  border-top-color: #3c8dbc;
}
.box.box-solid.box-light-blue {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-light-blue > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-light-blue > .box-header a,
.box.box-solid.box-light-blue > .box-header .btn {
  color: #ffffff;
}

.btn-fuchsia {
    color: #ffffff;
    background-color: #f012be;
}
.btn-fuchsia:hover {
    color: #ffffff;
    background-color: #db0ead !important;
}
.box.box-fuchsia {
  border-top-color: #f012be;
}
.box.box-solid.box-fuchsia {
  border: 1px solid #f012be;
}
.box.box-solid.box-fuchsia > .box-header {
  color: #ffffff;
  background: #f012be;
  background-color: #f012be;
}
.box.box-solid.box-fuchsia > .box-header a,
.box.box-solid.box-fuchsia > .box-header .btn {
  color: #ffffff;
}

.btn-gray {
    color: #000000;
    background-color: #d2d6de;
}
.btn-gray:hover {
    color: #000000;
    background-color: #b5bbc8 !important;
}
.box.box-gray {
  border-top-color: #d2d6de;
}
.box.box-solid.box-gray {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-gray > .box-header {
  color: #000000;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-gray > .box-header a,
.box.box-solid.box-gray > .box-header .btn {
    color: #000000;
}

.btn-blue {
    color: #ffffff;
    background-color: #0073b7;
}
.btn-blue:hover {
    color: #ffffff;
    background-color: #005384 !important;
}
.box.box-blue {
    border-top-color: #0073b7;
}
.box.box-solid.box-blue {
    border: 1px solid #0073b7;
}
.box.box-solid.box-blue > .box-header {
    color: #ffffff;
    background: #0073b7;
    background-color: #0073b7;
}
.box.box-solid.box-blue > .box-header a,
.box.box-solid.box-blue > .box-header .btn {
    color: #ffffff;
}

.btn-teal {
    color: #ffffff;
    background-color: #39CCCC;
}
.btn-teal:hover {
    color: #ffffff;
    background-color: #30bbbb !important;
}
.box.box-teal {
  border-top-color: #39CCCC;
}
.box.box-solid.box-teal {
    border: 1px solid #39CCCC;
}
.box.box-solid.box-teal > .box-header {
    color: #ffffff;
    background: #39CCCC;
    background-color: #39CCCC;
}
.box.box-solid.box-teal > .box-header a,
.box.box-solid.box-teal > .box-header .btn {
    color: #ffffff;
}
.btn-red {
    color: #ffffff;
    background-color: #dd4b39;
}
.btn-red:hover {
    color: #ffffff;
    background-color: #d33724 !important;
}
.box.box-red {
    border-top-color: #dd4b39;
}
.box.box-solid.box-red {
    border: 1px solid #dd4b39;
}
.box.box-solid.box-red > .box-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-red > .box-header a,
.box.box-solid.box-red > .box-header .btn {
    color: #dd4b39;
}

.btn-navy {
    color: #ffffff;
    background-color: #001F3F;
}
.btn-navy:hover {
    color: #ffffff;
    background-color: #001a35 !important;
}
.box.box-navy {
  border-top-color: #001F3F;
}
.box.box-solid.box-navy {
  border: 1px solid #001F3F;
}
.box.box-solid.box-navy > .box-header {
  color: #ffffff;
  background: #001F3F;
  background-color: #001F3F;
}
.box.box-solid.box-navy > .box-header a,
.box.box-solid.box-navy > .box-header .btn {
  color: #ffffff;
}

.btn-purple {
    color: #ffffff;
    background-color: #605CA8;
}
.btn-purple:hover {
    color: #ffffff;
    background-color: #555299 !important;
}
.box.box-purple {
  border-top-color: #605CA8;
}
.box.box-solid.box-purple {
  border: 1px solid #605CA8;
}
.box.box-solid.box-purple > .box-header {
  color: #ffffff;
  background: #605CA8;
  background-color: #605CA8;
}
.box.box-solid.box-purple > .box-header a,
.box.box-solid.box-purple > .box-header .btn {
  color: #ffffff;
}

.btn-orange {
    color: #ffffff;
    background-color: #ff851b;
}
.btn-orange:hover {
    color: #ffffff;
    background-color: #ff7701 !important;
}
.box.box-orange {
  border-top-color: #FF851B;
}
.box.box-solid.box-orange {
  border: 1px solid #FF851B;
}
.box.box-solid.box-orange > .box-header {
  color: #ffffff;
  background: #FF851B;
  background-color: #FF851B;
}
.box.box-solid.box-orange > .box-header a,
.box.box-solid.box-orange > .box-header .btn {
  color: #ffffff;
}

.btn-maroon {
    color: #ffffff;
    background-color: #d81b60;
}
.btn-maroon:hover {
    color: #ffffff;
    background-color: #ca195a !important;
}
.box.box-maroon {
  border-top-color: #D81B60;
}
.box.box-solid.box-maroon {
  border: 1px solid #D81B60;
}
.box.box-solid.box-maroon > .box-header {
  color: #ffffff;
  background: #D81B60;
  background-color: #D81B60;
}
.box.box-solid.box-maroon > .box-header a,
.box.box-solid.box-maroon > .box-header .btn {
  color: #ffffff;
}

.btn-black {
    color: #ffffff;
    background-color: #111111;
}
.btn-black:hover {
    color: #ffffff;
    background-color: #000000 !important;
}
.box.box-black {
  border-top-color: #111111;
}
.box.box-solid.box-black {
  border: 1px solid #111111;
}
.box.box-solid.box-black > .box-header {
  color: #ffffff;
  background: #111111;
  background-color: #111111;
}
.box.box-solid.box-black > .box-header a,
.box.box-solid.box-black > .box-header .btn {
  color: #ffffff;
}

.btn-green {
    color: #ffffff;
    background-color: #00a65a;
}
.btn-green:hover {
    color: #ffffff;
    background-color: #008d4c !important;
}
.box.box-green {
  border-top-color: #00a65a;
}
.box.box-solid.box-green {
  border: 1px solid #00a65a;
}
.box.box-solid.box-green > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-green > .box-header a,
.box.box-solid.box-green > .box-header .btn {
  color: #ffffff;
}

/* Additional Box Styles */
.box .box:not(.box-nested) {
    border-top: none !important;
}

.box-actions {
    line-height: 1;
}

.box-actions a:not(.btn) {
    font-size: 15pt;
}

.box-actions .dropdown-menu a {
    font-size: inherit;
}

.box-actions .btn-box-tool {
    padding: 0;
}

.box.box-solid > .box-header .dropdown-menu > li > a {
    color: #777;
}

/* Datepicker z-index needs fixed for modals */
.datepicker {
    z-index: 1151 !important;
}

/* General Padding */
.pv-none { padding-top: 0; padding-bottom: 0; }
.pv { padding-top: 15px; padding-bottom: 15px; }

.ph-none { padding-left: 0; padding-right: 0; }
.ph { padding-left: 15px; padding-right: 15px; }

.pr { padding-right: 15px; }
.pr-5 { padding-right: 5px; }

.pl { padding-left: 15px; }

.pb-none { padding-bottom: 0 !important; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }

/* General Margin */
.mt-none { margin-top: 0; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.ml-5 { margin-left: 5px; }

.margin-bottom-none { margin-bottom: 0 !important;}

/* Vertical Alignment */
.vertical-center
{
    margin-top: 50%;
    transform: translateY(-50%);
}

/* General Styles */
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* Dropzone */
.dz-upload { height: 4px; background: #2A2; }
.dz-message { float: right; }

.dz-error .dz-upload { background: #B22; }
.dz-error .dz-message { color: #B22 ; }

#loansTable tr{
    cursor: pointer;
}

/* Prevent Right Sidebar from Opening via Tabbing */
.control-sidebar:not(.control-sidebar-open) {
    visibility: hidden;
}

.box-header .box-title-lg {
    font-size: 30px;
    padding: 6px;
}

.full-width { width: 100%; }

.multiselect-native-select .btn-group {
    display: block;
}

.multiselect-native-select .btn-group button.multiselect {
    float: none;
}

.form-group.has-error .multiselect-native-select .btn-group button.multiselect {
    border-color: #dd4b39;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        display: block !important;
        position: absolute;
        width: 215px;
        left: 50px;
    }
}

/* Disable Sorting on Certain DataTable Columns */
/* https://datatables.net/forums/discussion/21164/disable-sorting-of-one-column */
.no-sort::after { display: none !important; }
.no-sort { pointer-events: none !important; cursor: default !important; padding-right: 8px !important; }

.padding-top-none {
    padding-top: 0 !important;
}

/**
 * Icon Groups
 */
.icon-group .fa:last-child {
    left: -1.1em;
    top: 0.25em;
    position: relative;
    font-size: 0.6em;
    text-shadow: 1px 0 white, -1px 0 white, 0 1px white, 0 -1px white;
    margin-right: -1.1em;
}

.icon-group .fa-ban + .fa-user {
    left: -0.6em;
    font-size: 0.65em;
    margin-right: -0.6em;
    top: 0.3em;
}

.icon-group .fa-credit-card + .fa-plus {
    margin-right: -1.3em;
}

.icon-group .fa-envelope + .fa-bug {
    left: -0.6em;
    font-size: 0.8em;
    margin-right: -0.4em;
    top: 0.4em;
}

.icon-group .fa-users + .fa-plus {
    left: -0.6em;
    margin-right: -0.6em;
    top: 0.4em;
}

.icon-group .fa-database {
    left: -0.2em;
    position: relative;
}

.icon-group .fa-database + .fa-reply {
    left: -1.3em;
}

.icon-group .fa-envelope-o:last-child {
    background: white;
}

.icon-group .fa-percent.fa-fw + .fa-plus.fa-fw {
    margin-right: -1.5em;
}

.icon-group .fa-usd.fa-fw:first-child + .fa-arrow-up.fa-fw:last-child {
    left: -1em;
    margin-right: -1.2em;
}

.skin-blue .treeview-menu .icon-group .fa:last-child {
    text-shadow: 1px 0 #2c3b41, -1px 0 #2c3b41, 0 1px #2c3b41, 0 -1px #2c3b41;
}

.skin-blue .main-header .navbar .icon-group .fa:last-child {
    text-shadow: 2px 0 #3c8dbc, -2px 0 #3c8dbc, 0 2px #3c8dbc, 0 -2px #3c8dbc;
}

.main-header .navbar .dropdown-menu .icon-group .fa:last-child {
    text-shadow: 1px 0 white, -1px 0 white, 0 1px white, 0 -1px white;
}

.fa.fa-mobile.fa-fw.fa-lg {
    width: 21px;
}

.dropdown-menu > li > a > .fa.fa-mobile.fa-fw.fa-lg {
    margin-left: -2px;
    margin-right: 9px;
}

/**
 * Icon Triads
 */
.icon-triad {
    position: relative;
}

.icon-triad .icon:first-child {
    opacity: 0;
}

.icon-triad .icon:nth-child(2) {
    position: absolute;
    font-size: 0.7em;
    left: -15%;
}

.icon-triad .icon:nth-child(3) {
    position: absolute;
    font-size: 0.7em;
    left: 29%;
}

.icon-triad .icon:nth-child(4) {
    position: absolute;
    font-size: 0.9em;
    top: 25%;
    left: -5%;
}

.skin-blue .treeview-menu .icon-triad .icon {
    text-shadow: 1px 0 #2c3b41, -1px 0 #2c3b41, 0 1px #2c3b41, 0 -1px #2c3b41;
}

.skin-blue .navbar .icon-triad .icon {
    text-shadow: 1px 0 #3c8dbc, -1px 0 #3c8dbc, 0 1px #3c8dbc, 0 -1px #3c8dbc;
}

.skin-blue .navbar .dropdown-menu .icon-triad .icon {
    text-shadow: 0.5px 0 #fff, -0.5px 0 #fff, 0 0.5px #fff, 0 -0.5px #fff;
}

.icon-triad .icon {
    text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff;
}

/**
 * Icon Stacks
 */
.fa-stack.fa-fw {
    width: 1.28571429em;
    text-align: center;
    height: 1em;
    transform: scale(0.6);
    transform-origin: 20% -50%;
}

.fa-stack.fa-fw .fa-stack-1x {
    left: 15%;
}

.fa-stack.fa-fw .fa-stack-2x {
    font-size: 1.9em;
    top: 15%;
}

/**
 * Icon Options
 */
.fa-pulse {
    filter: blur(0);
    transform-origin: 47.1% 49.5%;
}

.page-header-wrapper h1 .icon-group .fa:last-child {
    text-shadow: 3px  0   #ecf0f5,
                -3px  0   #ecf0f5,
                 0    3px #ecf0f5,
                 0   -3px #ecf0f5,
                 2px -2px #ecf0f5,
                -2px  2px #ecf0f5,
                -2px  2px #ecf0f5,
                -2px -2px #ecf0f5;
}

.dropdown-menu > li > a > .icon-group {
    margin-right: 10px;
}

/* Remove Margin from Lists at the end of Containers */
ol:last-child, ul:last-child { margin-bottom: 0; }

/* Compact Box Bodies */
.box-body-compact { padding: 0; }

/* remove the extra line that Firefox adds to abbr */
abbr {
    text-decoration: none;
}

/* Remove Hints from Abbr */
abbr.no-hint {
    border-bottom: none;
}

/* Popover needs standard AdminLTE font */
.popover {
    font-family: "Source Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    max-width: none;
}

/* Left Sub-Menu */
.dropdown-submenu.pull-left {
    float: none !important;
}

/* Hoverables */
.hoverable {
    position: relative;
}

.only-on-hover {
    display: none;
}

.only-on-hover.top-right {
    position: absolute;
    right: 10px;
    top: 5px;
}

/* No border-radius for bootstrap-multiselect buttons inside an input-group */
.input-group .multiselect-native-select:not(:first-child) .btn-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group .multiselect-native-select:not(:last-child) .btn-group .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/**
 * Page Navigation
 */
.page-nav-wrapper {
    background: white;
    display: inline-block;
    border-bottom: 3px solid;
    margin-top: -15px;
    margin-bottom: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    border-color: #357CA5;
}

.breadcrumbs {
    padding: 0;
    margin: 0;
}

.breadcrumb {
    margin: 0;
    display: inline-block;
    background-color: white;
    padding: 5px 15px;
    border-radius: 0;
}

.breadcrumb:not(:first-child) {
    border-left: 1px solid #eee;
}

/**
 * Close Button within Form Groups
 */
.form-group button.close {

    float: none;
    margin-right: -15px;
    height: 30px;

}

.form-group button.close:focus {
    outline: none;
}

.form-group button.close:active {
    box-shadow: none;
}

.label-lg { 
    padding: .3em .6em 0.5em; font-size: 12px; font-weight: normal; margin-right: .25em; 
}

.label a {
    color: white;
}

.label a:hover {
    text-decoration: underline;
}

/**
 * tool tip overide
 */
.tooltip {
    word-wrap: break-word;
}

/**
 * Flags
 */
.flag-container .flag {
    display: inline-block;
    padding: .5em .6em .5em;
}

.flag-container {
    margin-bottom: .75em;
}

.flag-container .flag:not(:last-child) {
    margin-bottom: .25em;
}

.flag-container-wide .flag {
    width: 100%;
}

/**
 * Alerts
 */
.alert.alert-compact {
    padding: 5px 10px;
    margin-bottom: 10px;
}

.alert.alert-gray {
    color: #444;
    background-color: #e8e8e8;
    border-color: #d6d6d6;
}

/* Alert Primary */
.alert.alert-primary {
    background-color: #337ab7;
    border-color: #2869a0;
    color: #fff;
}

/**
 * iFrames
 */
iframe {
    border: none;
}

/**
 * Modals
 */
@media (min-width: 1300px) {
    .modal-xl {
        width: 1300px;
    }
}

.modal-header .close {
    line-height: 1.42857143;
    font-size: 22px;
}

/* Some progress bars need a border */
.progress-border {
    border: solid 1px #ccc;
}

/* Make error messages stand out a bit on the error pages. */

.error-content blockquote {
    font-weight: bold;
}

/**
 * Callouts
 */

/* Callout Primary */
.callout.callout-primary {
    background-color: #337ab7;
    border-color: #2869a0;
    color: #fff;
}

/* Callout Default */
.callout.callout-default {
    background-color: #eee;
    border-color: #ddd;
}

/**
 * Stacked Progress Bar
 */
.stacked-bar-graph {
    width: 100%;
    height: 16px;
    border: 1px solid #333;
    position: relative;
}

.stacked-bar-graph span {
    display: inline-block;
    float: left;
    height: 100%;
}

.stacked-bar-graph span.red {
    background-color: red;
}

.stacked-bar-graph span.gray {
    background-color: gray;
}

.stacked-bar-graph span.orange {
    background-color: #ff851b;
}

.stacked-bar-graph span.success {
    background-color: #76b547;
}

.stacked-bar-graph span.purple {
    background-color: #605ca8;
}

.stacked-bar-graph-progress {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    color: white;
    font-size: 11px;
    user-select: none;
}

/**
 * Combobox
 */

.combobox-container:not(.combobox-selected) .remove {
    display: none;
}

.caret.fa.fa-angle-down.fa-fw.pulldown {
    width: 1.28571429em;
    height: inherit;
    margin-left: 0;
    vertical-align: inherit;
    border-top: none;
    border-right: none;
    border-left: none;
}

/**
 * Miscellaneous
 */

.no-wrap {
    white-space: nowrap;
}

ul.list-style-none,
ol.list-style-none {
    list-style: none;
}

ul, ol {
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}

li > .control-label + ul {
    margin-top: 0;
}

li .control-label {
    margin-bottom: 0;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.flex-col {
    flex-direction: column;
}

.mr-2 { margin-right: 1em; }
.mr-6 { margin-right: 1.5rem; }

.ml-auto {
    margin-left: auto;
}

.border-none {
    border: none;
}

div.dataTables_wrapper div.dataTables_processing {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3rem;
    border: none;
    color: #777;
}

.leading-input {
    line-height: 34px;
}

.control-label + input[type=checkbox] {
    margin-top: 0;
    margin-left: 4px;
}

.form-control.panel-value {
    min-height: 34px;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.datepicker table tr td.disabled {
    color: #cecdcd;
}