/*@font-face {font-family:DO;src: url('/fonts/DO.ttf') format('opentype');}
.DO {font-family:DO;}
.sitewrap {min-width:800px;max-width:1600px; margin:auto; padding: 0px 0px 0px 0px; font-family:Roboto; border: 0px solid #000; box-sizing: border-box;}
*/
:root {
  --color1: #CC0000; /* Primary Color 8B0000*/
  --color2: #444; /* Secondary Color */
  --color3: #B30000; /* Primary Color  (+10% of primary)*/
}
/*https://www.cssfontstack.com/oldsites/hexcolortool/*/
/*body {font-family:Roboto;}*/
/*.minmax {min-width:800px;max-width:1600px;margin:auto;}*/

html {height: 100%;}
.UL3 {border-bottom: 3px solid var(--color1);}

.APPbutton:hover {background-color: var(--color3);}
.nav-link:hover {color:var(--color1)}
#APPcontent {padding-top:16px;}

.card2 {min-height:400px;}

/* BOOTSTRAP ADJUSTMENTS */
.form-control:focus {
        border-color: var(--color1) !important;
       /* box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);*/
        box-shadow: 0 0 0 0;
    } 

.checkbox:checked {background-color: var(--color1);}

.PWred {border: 2px solid red !important;}
.PWgreen {border: 2px solid green !important;}

.sidebar {width: 180px;height: 100%;position: fixed !important; z-index: 1; overflow: auto;text-align: left;padding:75px 0px 0px 0px; font-size: 1.25rem;}
/*#APPbody {padding: 85px 0px 0px 0px;height: 100%;}*/
#NAV100 {background-color: #990000;height: 100%; width: 100px; position: fixed;z-index: 5;overflow: auto;text-align: left;display: none;}
#NAV400 {background-color: #F5F5F5;height: 100%;width: 300px;position: fixed;z-index: 5;overflow: auto;text-align: left;display: none;}
#APPbody2 {height: 100%; width: 100px; position: fixed;z-index: 5;}

.Hmenu {cursor: pointer;padding: 2px 4px; margin-right: 6px;font-size: 1.25rem;}
.Hmenu:hover {border-bottom: 3px solid var(--color1);}

.APPnav:hover {color: var(--color1);}
.APPnavon {color: var(--color1);}

.ptop {padding-top: 90px;}
.APPleft0 {margin-left: 0px;}
.APPleft100 {margin-left: 120px;}
.APPleft400 {margin-left: 420px;}

.m1010 {margin: 0px 10px;}
.p1616 {padding: 16px 16px 0px 0px;}

.NAVon {background-color: var(--color1); color: white;}
.ICONon { color: white !important;}

.rem75 {font-size: .75rem;}
.rem8 {font-size: .8rem;}
.rem9 {font-size: .9rem;}

.input3  {border-bottom:0px solid #ccc; border-radius: 0px;background-color: white;color: grey;}
.input3  input {border:2px solid #ccc;outline: none;border-radius: 4px;width: 100%;padding:3px;}
.input3 div:nth-child(1) {font-size: .8rem; text-indent: 10px;user-select: none;}

.input4 {border:2px solid #ccc; border-radius: 6px;background-color: white;padding:0px 0px;color: black; font-family: sans-serif;  width: 100%; display: table; font-size: .9rem;}
.input4 input {border:0px solid #9ff;outline: none; width: 99.5%;padding: 3px 5px;font-size: 1rem;}

.input4 div:nth-child(1) {background: #F5F5F5; width: 140px;padding: 0px 5px;display:table-cell; overflow: hidden; font-weight: 700;white-space:nowrap; user-select: none;}
.input4 div:nth-child(2) {background: white;display: table-cell;}

.input5 {border:0px solid #ccc; border-radius: 0px;background-color: white;padding:0px 0px;color: black; font-family: sans-serif;  width: 100%; display: table; font-size: .9rem;}
.input5 input {border:0px solid #9ff;outline: none; width: 99.5%;padding: 3px 5px;font-size: 1rem;}

.input5 div:nth-child(1) {background: #F5F5F5; width: 140px;padding: 0px 5px;display:table-cell; overflow: hidden; font-weight: 700;white-space:nowrap; user-select: none; border-bottom: 1px solid #ccc;}
.input5 div:nth-child(2) {background: white;display: table-cell;border-bottom: 1px solid #ccc;}


/* Large devices (desktops, 992px and up)*/
/*@media (max-width: 991.98px) { ... }*/
@media only screen and  (max-width: 991.98px) { 
.phone {display: inline;}
.tablet {display: inline;}
.desktop {display: none;}
.sidebar {width: 4.5rem ;height: 100%;position: fixed !important; z-index: 1; overflow: auto;text-align: center; font-size: 1.75rem;}
/*#APPbody {padding: 95px 0px 0px 0px;}*/
 }
}