@charset "utf-8";
/* CSS Document */

:root {
  --color1: #FF8C00; /* Primary Color */
  --color2: #555; /* Secondary Color */
  --color3: #ffffff; /* Primary Color */
}


@font-face {font-family:triple8;src: url('/fonts/triple8.ttf') format('opentype');}
/* HTML */
html {overflow: scroll;overflow-x: hidden;}
body {margin:0px;font-family:Roboto;}
a {text-decoration:none;color:inherit;}
a:hover, a:visited, a:link, a:active {text-decoration: none !important;}
label {cursor:pointer;}
input {outline: none;}
textarea {outline: none;}
table {border-collapse:collapse;}
a:hover {color:var(--color1);  /* Color when hovered */}
a.no-hover:hover {color: inherit !important; text-decoration: none !important;}  /* Prevents underline or any hover effects */

#APPbody {margin-top:120px;}

/* 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;
    } 
.grad1 {background-color: #204B8C; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #204B8C, #001859);}

#APPbody {margin-top: 65px;}

/* @media */

/* FLEXBOX */
.flex {display:flex;}
.flexwrap, .FLEXwrap {display:flex;flex-wrap:wrap; font-family:Roboto,Arial, Helvetica, sans-serif; font-size:14px;}
.flexscroll, .FLEXscroll { min-height:500px; max-height:700px;overflow-y:auto;overflow-x: hidden;border:1px solid #ccc; box-sizing:border-box;padding:4px;}
.flex1, .FLEX1 {flex:1;}
.flex2, .FLEX2 {flex:2;}
.flex3, .FLEX3 {flex:3;}
.flex4, .FLEX4 {flex:4;}
.flex5, .FLEX5 {flex:5;}
.flexc {justify-content: center;}
.flexcc {display:flex; justify-content:center; align-items:center;}
.flexcol {flex-direction: column;}

/* DIVs */
.DIVbar, .DIVblock, .DIVfff, .DIV {width:100%;font-size:16px;font-family:Roboto,Arial, Helvetica, sans-serif;color:#fff;padding:5px; font-weight:700;box-sizing:border-box;text-indent:10px;}


/* TABs */
.tabs, .TABS {display:table; width:auto; font-weight:bold; border-left:1px solid #ccc; min-height: 30px;}
.TAB {background-color:#eee;border-right:1px solid #ccc;display:table-cell;vertical-align:middle;text-align:center;font-weight:bold;cursor:pointer;padding:5px 20px 5px 20px; min-width:100px; }
.TAB:hover {background-color:#ccc;}
.TABON {background-color:#fff !important;border-top:1px solid #ccc;}

/* PADDING */
.p1 { padding:1px !important;}
.p2 { padding:2px !important;}
.p3 { padding:3px !important;}
.p4 { padding:4px !important;}
.p5 { padding:5px !important;}
.p10 { padding:10px !important;}
.p16 { padding:10px !important;}
.p20 { padding:20px !important;}
.p30 { padding:30px !important;}
.p40 { padding:40px !important;}
.p50 { padding:50px !important;}



/* PADDING-right */
.pr5, .PR5 { padding-right:5px !important;}
.pr10, .PR10 {padding-right:10px !important;}
.pr20, .PR20 {padding-right:20px !important;}
.pr30, .PR30 {padding-right:30px !important;}
.pr40, .PR40 {padding-right:40px !important;}

/* PADDING-left */
.pl1, .PL1 { padding-left:1px !important;}
.pl2, .PL2 { padding-left:2px !important;}
.pl3, .PL3 { padding-left:3px !important;}
.pl4, .PL4 { padding-left:4px !important;}
.pl5, .PL5 { padding-left:5px !important;}
.pl10, .PL10 {padding-left:10px !important;}
.pl20, .PL20 {padding-left:20px !important;}
.pl30, .PL30 {padding-left:30px !important;}
.pl40, .PL40 {padding-left:40px !important;}
.pl50, .PL50 {padding-left:50px !important;}
/* PADDING-top */
.pt5, .PT5 { padding-top:5px !important;}
.pt10, .PT10 {padding-top:10px !important;}
/* PADDING-bottom */
.pb5, .PB5 { padding-bottom: :5px !important;}
.pb10, .PB10 {padding-bottom:10px !important;}
.pb20, .PB20 {padding-bottom:20px !important;}
.pb30, .PB30 {padding-bottom:30px !important;}
.pb40, .PB40 {padding-bottom:40px !important;}
.pb50, .PB50 {padding-bottom:50px !important;}

/* PADDING-COMBO */
.p525 {padding:5px 25px 5px 25px !important;}
.p510 { padding:5px 10px 5px 10px!important;}
.p1020 { padding:10px 20px 10px 20px!important;}
.p2010 { padding:20px 10px 20px 10px!important;}

/* MARGINS */
.mauto {margin:auto;}
.m1 { margin:1px;}
.m2 { margin:2px;}
.m3 { margin:3px;}
.m4 { margin:4px;}
.m5 { margin:5px;}
.m10, .M10 {margin:10px;}
.m20, .M20 {margin:20px;}
.m30, .M30 {margin:30px;}
.m40, .M40 {margin:40px;}
.m50, .M50 {margin:50px;}
.m100, .M100 {margin:100px;}

/* MARGINS right / left */
.mr5, .MR5 {margin-right:5px;}
.mr10, .MR10 {margin-right:10px;}
.mr20, .MR20 {margin-right:20px;}

.ml5, .ML5 {margin-left:5px;}
.ml10, .ML10 {margin-left:10px;}
.ml20, .ML20 {margin-left:20px;}
.ml30, .ML30 {margin-left:30px;}
.ml40, .ML40 {margin-left:40px;}
.ml50, .ML50 {margin-left:50px;}

/* MARGINS bottom */
.mb5, .MB5 {margin-bottom:5px;}
.mb10, .MB10 {margin-bottom:10px;}
.mb20, .MB20 {margin-bottom:20px;}
.mb30, .MB30 {margin-bottom:30px;}
.mb40, .MB40 {margin-bottom:40px;}
.mb50, .MB50 {margin-bottom:50px;}

/* MARGINS top */
.mt1, .MT1 {margin-top:1px;}
.mt2, .MT2 {margin-top:2px;}
.mt3, .MT3 {margin-top:3px;}
.mt4, .MT4 {margin-top:4px;}
.mt5, .MT5 {margin-top:5px;}
.mt10, .MT10 {margin-top:10px;}
.mt15, .MT15 {margin-top:15px;}
.mt20, .MT20 {margin-top:20px;}
.mt30, .MT30 {margin-top:30px;}
.mt40, .MT40 {margin-top:40px;}
.mt50, .MT50 {margin-top:50px;}
.mt100, .MT100 {margin-top:100px;}

.mtp10, .MTP10 {margin-top:10%;}
.mtp15, .MTP15 {margin-top:15%;}
.mtp20, .MTP20 {margin-top:20%;}

/* MARGINS combos */
.mtl10, .MTL10 {margin-top:10px;margin-left:10px;}
.mtl20, .MTL20 {margin-top:20px;margin-left:20px;}


/* COLORS */
.red {color:#C00;}
.coral, .orange {color:coral;}
.yellow {color:#FC0;}
.green {color:#0C0;}
.white {color:#FFF;}
.blue {color:#204B8C;}
.navy {color:navy;}
.grey {color:grey;}
.gray {color:gray;}
.black {color:black;}
.green-yellow, .lime {color:#ADFF2F;}
.teal {color:teal;}
.c333, .C333 {color:#333;}
.color, .COLOR {color:var(--color1)}
.color1, .COLOR1, .c1 {color:var(--color1)}
.color2, .COLOR2, .c2 {color:var(--color2)}
.color3, .COLOR3, .c3 {color:var(--color3)}

/* BACKGROUND-COLORS */
.F0, .f0 { background-color:#F0F0F0;}
.F1, .f1 { background-color:#F1F1F1;}
.F5, .f5, .BGf5 { background-color:#F5F5F5;}
.BGeee, .bgeee, .EEE, .eee  { background-color:#EEE;}
.BGccc, .bgccc, .CCC, .ccc  { background-color:#CCC;}
.BG666, .bg666 { background-color:#666;}
.BG333, .bg333 { background-color:#333;}
.BG1, .bg1 {background-color:var(--color1);}
.BG2, .bg2 {background-color:var(--color2);}
.BG3, .bg3 {background-color:var(--color3);}
.BGW, .bgw {background-color:white;}


/* ALIGNMENT & POSITION */
.left {text-align:left}
.center, .c { text-align:center;}
.right, .r { text-align:right;}
.just, .j { text-align:justify;}
.floatR, .float, .f {float:right;}
.clear, .break {clear:left;}
.middle, .m {vertical-align:middle;}
.top, .t {vertical-align:top;}



/*  BORDERS   */
.bb {border-bottom:1px solid #ccc;}
.bb2 {border-bottom:2px solid #ccc;}
.bbw {border-bottom:1px solid #FFF;}
.bt {border-top:1px solid #ccc;}
.btc {border-top:1px solid var(--color1);}
.bt2 {border-top:2px solid #ccc;}
.bt2c, .btc2 {border-top:2px solid var(--color1);}
.bbn, .bb0 {border-bottom:0px solid #f5f5f5 !important;}
.bl, .BL, .bL {border-left:1px solid #ccc;}
.br, .BR  {border-right:1px solid #ccc;}
.border {border:1px solid #ccc;}
.border2, .b2 {border:2px solid #ccc !important;}
.borderc, .bc {border:1px solid var(--color1);}
.border2c, .borderc2, .bc2 {border:2px solid var(--color1);}
.bred {border:1px solid #C00 !important;}
.bred2 {border:2px solid #C00 !important;}
.bred3 {border:3px solid #C00 !important;}
.bred4 {border:4px solid #C00 !important;}
.b4, .br4 {border-radius:4px;}
.b6, .br6 {border-radius:6px;}
.b8, .br8 {border-radius:8px;}
.b10, .br10 {border-radius:10px;}
.b12, .br12 {border-radius:12px;}
.b50, .br50, .br50p {border-radius:50%;}

.ul1, .UL1, .bb1c, .bbc1 {border-bottom: 1px solid var(--color1);}
.ul2, .UL2, .bb2c, .bbc2 {border-bottom: 2px solid var(--color1);}
.ul3, .UL3, .bb3c, .bbc3 {border-bottom: 3px solid var(--color1);}
.ul4, .UL4, .bb4c, .bbc4 {border-bottom: 4px solid var(--color1);}
.ul5, .UL5, .bb5c, .bbc5 {border-bottom: 5px solid var(--color1);}

/* FONTS - - TEXT */
.b, .B {font-weight:700;}
.notb, .NOTB, .plain {font-weight:400;}
.in0  {text-indent:0px !important;}
.in5, .in {text-indent:5px;}
.in10 {text-indent:10px !important;}
.in20 {text-indent:20px;}
.in30 {text-indent:30px;}
.in40 {text-indent:40px;}

.u, .U, .underline, .ul {text-decoration:underline}
.i, .I {font-style:italic}
.uc, .up {text-transform:uppercase}
.lc {text-transform:lowercase}
.space, .space1 {letter-spacing:1px;}
.space2 {letter-spacing:2px;}
.space3 {letter-spacing:3px;}
.space4 {letter-spacing:4px;}
.strike {text-decoration: line-through; }


.fs8, .s8 {font-size:8px;}
.fs10, .s10 {font-size:10px;}
.fs12, .s12 {font-size:12px;}
.fs14, .s14 {font-size:14px;}
.fs16, .s16 {font-size:16px;}
.fs18, .s18 {font-size:18px;}
.fs24, .s24 {font-size:24px;}
.fs36, .s36, .S36 {font-size:36px;}
.fs48, .s48, .S48 {font-size:48px;}
.fs60, .s60, .S60 {font-size:60px;}

.rem75 {font-size: .75rem;}
.rem8 {font-size: .8rem;}
.rem9 {font-size: .9rem;}
.rem1 {font-size: 1rem;}
.rem125 {font-size: 1.25rem;}
.rem15 {font-size: 1.5rem;}
.rem175 {font-size: 1.75rem;}
.rem2 {font-size: 2rem;}
.rem25 {font-size: 2.5rem;}
.rem3 {font-size: 3rem;}
.rem35 {font-size: 3.5rem;}
.rem4 {font-size: 4rem;}
.rem45 {font-size: 4.5rem;}
.rem5 {font-size: 5rem;}

.FONTsans, .sans, .SANS { font-family:Roboto,Arial, Helvetica, sans-serif;}
.FONTmono, .mono, .MONO { font-family:"Lucida Console", Monaco, monospace;}
.FONTserif, .serif, .SERIF {font-family: Georgia, "Times New Roman", Times, serif}



/* TABLES & DISPLAY */
.t {display: table;width:100%;box-sizing:border-box;}
.tr {display: table-row;}
.td {display: table-cell;padding:2px;}
.none, .hide {display:none;}
.inline, .in {display: inline;}
.block, .inb {display: inline-block;}
.hidden {overflow: hidden;}
.scroll {overflow: scroll;}
.noselect, .nocopy {user-select:none;}
.select, .copy {user-select:auto !important;}
.top, .vtop {vertical-align: top;}
.middle, .vmiddle {vertical-align: middle;}
.bottom, .vbottom {vertical-align: bottom;}

.box {box-sizing:border-box;}
.radius4, .r4 {border-radius:4px;}
.radius8, .r8 {border-radius:8px;}
.shadow4, .drop4, .drop {box-shadow:4px 4px 4px #ccc;}
.shadow6, .drop6 {box-shadow:6px 6px 6px #ccc;}
.shadow8, .drop8 {box-shadow:8px 8px 8px #ccc;}
.button:hover {box-shadow:4px 4px 4px #ccc; cursor: pointer;}

/* POSITION */
.fixed {position:fixed;}
.relative {position:relative;}
.z10 {z-index: 10;}
.z100 {z-index: 100;}

/* WIDTH-HEIGHT */
.wauto {width:auto;}
.w20p {width:19.5%;}
.w40p {width:39.5%;}
.w50p {width:49.0%;}
.w60p {width:59.5%;}
.w80p {width:79.5%;}
.w90p {width:89.5%;}
.w100p {width:100%;}


.w20px, .w20 {width:20px;}
.w30px, .w30 {width:30px;}
.w40px, .w40 {width:40px;}
.w50px, .w50 {width:50px;}
.w60px, .w60 {width:60px;}
.w80px, .w80 {width:80px;}
.w100px, .w100 {width:100px;}
.w120px, .w120 {width:120px;}
.w140px, .w140 {width:140px;}
.w150px, .w150 {width:150px;}
.w160px, .w160 {width:160px;}
.w180px, .w180 {width:180px;}
.w200px, .w200 {width:200px;}
.w250px, .w250 {width:250px;}
.w300px, .w300 {width:300px;}
.w400px, .w400 {width:400px;}
.w500px, .w500 {width:500px;}
.w600px, .w600 {width:600px;}
.w1000px, .w1000 {width:1000px;}
.wprint {max-width:8.5in; margin-left:.25in; }

.h5 {height:5px;}
.h10 {height:10px;}
.h18 {height:18px;}
.h20 {height:20px;}
.h24 {height:24px;}
.h30 {height:30px;}
.h36 {height:36px;}
.h40 {height:40px;}
.h48 {height:48px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h200 {min-height:200px;}
.h100p {height:100%;}

/* INPUT */
.input {border-radius:4px;padding:2px 2px 2px 4px ;  border:2px solid #ccc; font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;}
.input:focus {outline:none;border-width:2px; border-style: solid; border-color:var(--color1)  }
.input::-webkit-input-placeholder {color: #CCC;}
.input:focus::-webkit-input-placeholder {color:#CCC;}


.nospin[type=number] {-moz-appearance:textfield;}
.nospin[type=number]::-webkit-outer-spin-button, .nospin[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.nosize, .noresize {resize: none;}
.resizeY, .resizey, .yonly, .y { resize: vertical;}

/* MISC opacity:.4; background-color: #000;*/
.cursor { cursor:pointer;}
.postit {background-color:#FFFF99;box-shadow:6px 6px 6px #ccc;box-sizing:border-box;padding:10px; }
.hover:hover {background-color:#F5F5F5; cursor:pointer;}
.lock {background-color:#CCC; cursor:pointer; font-weight:bold;}
.lockscreen {overflow: hidden;height:100%;}
.lockwindow, .lockdiv, .DIVlock  {background-color: #000000AA; position: absolute;z-index:100;top:0px; left: 0px;right: 0px;bottom: 0px;overflow: hidden; display:none;}
.lockwarn {position:absolute;z-index:200;min-width: 300px; min-height: 200px; margin:0 auto;top:30%; display: none;border-radius: 12px;}

/* COMBOS */
.f5bin, .F5bin {background-color:#F5F5F5; font-weight:700; text-indent:5px;}
.f5b, .F5b {background-color:#F5F5F5; font-weight:700;}