@font-face {font-family:NFC;src: url('/fonts/NFC.ttf') format('opentype');}
.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: #FF8C00; /* Primary Color Orange */
  --color2: #444; /* Secondary Color - Grey */
  --color3: #E67300; /* Primary Color - Dark Orange #e67e00*/
}
/*https://www.cssfontstack.com/oldsites/hexcolortool/*/
body {font-family:Roboto;}
/*.minmax {min-width:800px;max-width:1600px;margin:auto;}*/
.UL3 {border-bottom: 3px solid var(--color1);}

.APPbutton:hover {background-color: var(--color3);}

/* 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;
    } 

.dropdown-toggle:hover {color: var(--color1)}
.dropdown-item:hover {color: var(--color1)}

.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: 70px 0px 0px 200px;}*/

.m1010 {margin: 0px 10px;}

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

/* Small devices (landscape phones, 576px and up)*/
/*@media only screen and (min-width: 576px) { 
.phone {display: all;}
.tablet {display: none;}
.desktop {display: none;}
.sidebar {width: 4.5rem ;height: 100%;position: fixed !important; z-index: 1; overflow: auto;}
 }
*/
/* Medium devices (tablets, 768px and up)*/

/*@media only screen and (max-width: 767.98px) { 
.phone {display: all;}
.tablet {display: all;}
.desktop {display: none;}
.sidebar {width: 4.5rem ;height: 100%;position: fixed !important; z-index: 1; overflow: auto;}
 }
*/
/* Large devices (desktops, 992px and up)*/
/*@media (max-width: 991.98px) { ... }*/
@media only screen and  (max-width: 991.98px) { 
.phone {display: all;}
.tablet {display: all;}
.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: 70px 0px 0px 90px;}
 }
}

/* X-Large devices (large desktops, 1200px and up)*/
/*
@media only screen and (max-width: 1199.98px){ 
.phone {display: none;}
.tablet {display: all;}
.desktop {display: all;}
.sidebar {width: 180px ;height: 100%;position: fixed !important; z-index: 1; overflow: auto;}
}

 XX-Large devices (larger desktops, 1400px and up)
@media only screen and (max-width: 1399.98px){
.phone {display: none;}
.tablet {display: all;}
.desktop {display: all;}
.sidebar {width: 180px ;height: 100%;position: fixed !important; z-index: 1; overflow: auto; text-align: left;}
 }*/