body { background-color:#fff;
}

form { margin-left:5px; margin-right:5px; }

.navbar, .navbar.navbar-collapse .navbar-container, .table-header, nav#navbar {
    /*background: #15145F;*/
    /*background: #438eb9;*/
    background: #307ecc;
}

.navbar.h-navbar {
    box-shadow:none;
}

.navbar-container, .navbar-menu, .navbar-collapse { padding-left:0px; }

.navbar-header img#logo { position:absolute; top:0;right:0; border-width:0; border-collapse:collapse; }

@media (max-width: 991px) {
    .navbar .navbar-header {
        display: none;
    }
}

/* New Navbar */

nav#navbar {
    padding-top: 0;
    padding-bottom:0;
}

nav#navbar a.nav-link {
    color: white;
    padding-left: 15px;
    padding-right: 15px;
}

nav#navbar a.dropdown-item {
    font-size:13px;
}

.nav-wrapper h2 {
    padding-left: 15px;
    display: inline-block;
}

.nav-wrapper span#username {
    margin-right: 10px;
    /*margin-top: 15px;*/
}

ul.navbar-nav {
    margin-left:0;
}

/* New Navbar */


header div.page-header h1 {
    display: inline-block;
}
header div.page-header span#email { margin-right:20px; margin-top:5px; }

.page-header { padding-bottom:6px; }

div#login { width:446px; margin:0px auto 0px auto; }
div#login .container { width:500px; }
div#login label { white-space:nowrap; }
div#login img#logo { margin-top:26px; margin-bottom:26px; margin-left:75px; }
div#login .error { text-align:center; font-weight:bold; color:red; font-size:16px; }

div#error { width: 446px; margin: auto; }
div#error p { margin:10px 10px 10px 10px; text-align:center; }

div#errorLog textarea#log, div#businessLog textarea#log { width:99%; margin:5px 5px 5px; }

div#lookupList div#top { width:500px; }
div#lookupList table { width:auto; }

div#lookup {width:50%; }
div#lookup .desc { text-align:left; }

.form-group { margin-bottom:5px; }

.form-group.required > .form-control-label:after {
  content:"*";
  color:red;
  font-weight:bold;
  font-family:Verdana;
}

.form-group input[type="checkbox"] { margin-top:10px; }

div.buttons { text-align:right; margin-top:50px; margin-bottom:10px;  }
div.buttons *.btn  { margin-right:10px; margin-left:10px; }
div.buttons input.left { float:left; }
div.modal-footer div.buttons {
    margin-top: 0px;
    margin-bottom: 0px;
}
div.modal-footer div.buttons *.btn {
    margin-right: 0px;
    margin-left: 10px;
}
div.modal-dialog .form-control-label { padding-top:7px; }


div.dataTables_filter {
    text-align: left;
}
div.dataTables_length { text-align:right; }
.dataTables_filter input[type=text], .dataTables_filter input[type=search] { width:250px; }

.dataTables_wrapper div { background-color:#EFF3F8; }
.dataTables_wrapper td a { margin-left:15px; }
.dataTables_wrapper td a:first-of-type { margin-left:0px; }

span.score { font-size:16pt; height:auto; }

th { white-space:nowrap !important; }
div.alert { margin-left:10px; margin-right:20px; }

table.compact-grid> thead > tr > td,
table.compact-grid > tbody > tr > td,
table.compact-grid > tfoot > tr > td { padding-top:4px; padding-bottom:4px; }


.padded-content { padding-left:10px; padding-right:10px; }

input.hasDatepicker { width:150px; }




/*div#user #ddDivision { width:50%; }*/

div#systemSetting textarea { width:100%; }

div#reports a { font-size:14px; }


div#SystemInfo {
    padding: 10px 10px 10px 10px;
}
div#SystemInfo form {
    display:inline;
}


/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100%;
}*/
/*body {*/
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;
}*/
.myfooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
  padding-top:20px;
  overflow:hidden;
}
.myfooter a, .myfooter label { margin-left:10px; margin-right:10px; }

.forgotpassword{ margin-top:40px; }

div.newFile { font-weight:bolder; }
.badge { margin-left:5px; margin-right:5px; }






div#search { margin: -5px -5px -5px -5px; }
div#search div#criteria { float:left; width:261px; margin:0px; border-collapse:collapse; padding-bottom:10px; margin-left:5px; margin-right:5px; }
div#search div#criteria ul { list-style:none;  margin:0px; }
div#search div#criteria li { padding:5px 10px 5px 10px; }
div#search div#criteria li:last-child { margin-top:15px; height:60px; }
div#search div#criteria li select, div#search .action-box .btn { width:240px; }
div#search div#criteria #btnSearch, div#search div#criteria #btnReset {
    width:100px;
}
div#search div#wrapper { float:right; width:100%; margin-left:-273px;}
div#search div#results { margin-left:272px; }
div#search div#results table tr td:first-child, div#search div#results table tr th:first-child { padding-left:15px; }
div#search div.widget-main { padding:0 0 0 0;}

div#search a#addCredit { margin-left:7px; }

div#search .action-box {
    padding:75px 10px 10px 15px;
}


div#about table image { margin-right:5px; }

div#users label { margin-right:10px; }

div#user div.row  { padding:10px 10px 10px 10px; }



div#productDetail .num, div#discountConfiguration .num {
    width: 100px;
} 

div#questionUpload { padding: 10px 10px 10px 10px; }

div#orders li.selectedMem { border:solid 1px #dddddd; margin:5px 10px 5px 10px; background-color: #f9f9f9; }

div#orderDetails { 
    padding: 10px 10px 10px 10px;
    width: 99.5%; /* Fix for horizontal scroll bar */
}

input.uppercase { text-transform:uppercase; }

/*date picker at bottom of form open above, create some space for them to open below*/
div#date-picker-hack { height:125px; border: 0px none green; }


div#voidVoucher div.buttons {  margin-top:10px; }



/* New Bootstrap Upgrade */

nav.navbar .container-fluid {
    padding-left:0;
}

.form-group .control-label, .form-group .form-control-label {
    text-align: right;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
}

div.datepicker-days {
    padding-left: 12px;
}


.table > :not(caption) > * > th {
    /*padding: .5rem .5rem;
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
     background-color: var(--bs-table-bg); 
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));*/

    background-color: transparent;
    color: #707070;
    font-weight: normal;
    /* 
    background: #F2F2F2;
    background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);*/
}

.table > :not(caption) > * > td {
    color: #393939;
}

.table a {
    text-decoration:none;
    color:#337ab7;
}
.table a:hover {
    text-decoration: underline;
    color: #23527c;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color:#f9f9f9;
}

/* New Bootstrap Upgrade */