/*@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: #1DAC4F; /* Primary Color 8B0000*/
  --color2: #444; /* Secondary Color */
  --color3: #049336; /* 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;
    } 

.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: 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;}
.rem1 {font-size: 1rem;}



.scroll300 {max-height:300px; overflow-y: auto; overflow-x: hidden;}
.scroll350 {max-height:350px; overflow-y: auto; overflow-x: hidden;}
.scroll400 {max-height:400px; overflow-y: auto; overflow-x: hidden;}
.scroll450 {max-height:450px; overflow-y: auto; overflow-x: hidden;}
.scroll500 {max-height:500px; overflow-y: auto; overflow-x: hidden;}
.scroll550 {max-height:550px; overflow-y: auto; overflow-x: hidden;}
.scroll600 {max-height:600px; overflow-y: auto; overflow-x: hidden;}
/* CELL PHONE  orientation: portrait */
@media only screen and (orientation: portrait){
.phone {display: inline;}
.desktop {display: none;}
/*.card2 {min-height: 100px;}*/
.block350 {min-height: 100px;}
.block400 {min-height: 100px;}
.block450 {min-height: 100px;}
.block500 {min-height: 100px;}
.block550 {min-height: 100px;}
.block600 {min-height: 100px;}

}
/* DESKTOP  orientation: landscape */
@media only screen and (orientation: landscape){
.phone {display: none;}
/*.desktop {display: ;}*/
/*.card2 {height: 350px;}*/
.block350 {height: 350px; min-height: 100px;}
.block400 {height: 400px; min-height: 100px;}
.block450 {height: 450px; min-height: 100px;}
.block500 {height: 500px; min-height: 100px;}
.block550 {height: 550px; min-height: 100px;}
.block600 {height: 600px; min-height: 100px;}

}