/*Nav bar styles*/
.container {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom:0px;
}
.navbar-nav .dropdown-menu>li>a {
    font-weight: 500;
    font-size: 1.15em;
    color:#fbf5ee;
}
.navbar-inverse .navbar-brand {
    color: lightblue !important;
    padding:6px;
}
.navbutton {
    padding:3px;
    margin:0px;
}
.mymenuoptions, .mymenuoptions:visited, ul.navbar-nav,  ul.navbar-nav>a:hover {
    color: white;
    font-size: 1.15em;
    padding-top:4px;
    padding-left:4px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav ul.dropdown-menu {
    background-color:#222 !important;
}
.dropdown-header{
    font-size: 1.15em;
    color: lightblue;
}
.mymenuoptions:hover, .nav ul.dropdown-menu>li>a:hover  {
    color: lightblue;
    background-color: #222;
}
.currentScreenSelection {
    color: #FFEFD5 !important;
    display:inline;
    font-size: 16px;
    padding-left: 5px;
}
/*End of Nav bar styles*/

/*utilize the horizontal space*/
.mybody{
    width:97%
}
.cbr-heading[data-toggle='collapse']:before {
    /* symbol for "open collapsible" title */
    font-family: 'FontAwesome';
    content: "\f068";
    padding-right:10px;
}
.cbr-heading[data-toggle='collapse'].collapsed:before {
    /* symbol for "closed collapsible" title */
    font-family: 'FontAwesome';
    content: "\f067";
    padding-right:10px;
}
/*Start tightening up horizontal and vertical spacing on the page and colors/fonts*/
.cbr-heading {
    font-size: 1em;
    padding: 2rem 2rem 2rem 2rem;
    background-color: #ffffff;
    text-align: center;
}
.cbr{
    margin-bottom: 5px;
}
.form-group {
    margin-bottom: 5px;
}
.form-control {
    padding-left: 3px;
    padding-right: 3px;
}
.multiselect-container > li > a > label {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}
div[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
/*Tighten up the vertical space above the alpaca submit button*/
.alpaca-field-object {
    padding-bottom: 0px;
}
.alpaca-form-buttons-container {
    margin-top: 0px;
    margin-right: 25px;
} 
/*End of tightening up horizontal and vertical spacing on the page*/

/*use this to show or hide panels conditionally*/
.ofafilter {
    display: none;
}

/*use for last item in next/prev when there are no more*/
.nogo {
    cursor: not-allowed;
}
.btn{
    min-width: 82px;
}
.overalloc {
   background-color: yellow !important;
}
.confirmdel {
    visibility: hidden;
}

input[type="checkbox"] {
    width: 20px; 
    height: 20px; 
    margin-top: -4px;
}

div.alpaca-field-checkbox {
    text-align:center;
}
/*Start Datalist arrow and X styling*/
#lksearch {
    border-right: none;
}
#lksearch::-webkit-calendar-picker-indicator {
        opacity: 100;
    }
.dlarrow, .dlarrow1{
    background-color:white;
    padding-left:5px;
    padding-right:5px;
    font-size: 1.25em;
    border-left:none;
    cursor: default;
}
.dlx, .dlx1{
    background-color:white;
    /*padding-left:5px;
    padding-right:5px;
    font-size: 1.25em;*/
    color: lightgray;
    border-left:none;
    cursor: default;
}
/*End Datalist arrow styling*/
/*Start DataTables styles*/
td.editbold {
    font-weight: bold;
} 
.dt-center {
    text-align:center;
}
.currency {
    text-align: right;
}

.totalrow {
    background-color: #FFEFD5;
    font-weight: bold;
}

.table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 3px; /* WARNING: Clear browser cache on making change */
    font-size: 12px !important; 
}

/*changes color-profile color-profile selected row*/
.selected {
    background-color: cornflowerblue;
    color: black;
    font-weight: bold;
}

input[type="text"] {
    border-color: white;
    border-style: hidden;
}

/*End DataTables styles*/
/* Locking styles */
.fa-lock {
    color: red;
}
.fa-unlock {
    color: green;
}
.modal-backdrop {
    display: none;
    z-index: 1040 !important;
}

.modal-content {
    margin: 2px auto;
    z-index: 1100 !important;
}
th input {
    width: 100%;
    font-weight:normal;
}
th select {
    width: 100%;
    font-weight: normal;
}
th {
    overflow: hidden;
    padding: 0 5px 0 0;
}
tfoot {
    display: table-row-group;
}
.no-wrap { 
    white-space: nowrap;
}
table.dataTable {
    margin-top: 0px !important;
}
.dataTables_wrapper .dataTable tfoot tr.group td {
    white-space: nowrap;
}
.w-full {
    width: 100%;
}
#search-select {
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 4px;
    width: 23rem;
}