@font-face {
  font-family: Lato;
  src: uri("../font/Lato-Reg.ttf");
}
/*
FoundryNormal
src: url("/font/fs.woff");
#f8f7f9
*/
body{background:#fcfbfd;color:#151a28;font-family:Lato,Arial,Trebuchet,Helvetica,Courier,Arial;font-size:14px;padding:0px;margin:0px;margin-left:auto;margin-right: auto}

section,.section{position:fixed;left:50px;right:0px;top:50px;display:block;width:100%;height:100%;padding:0px;margin:0px;
        overflow-y:scroll;overflow-x:hidden}


#logo,.logo{display:inline-block;width:48px;height:48px;background:transparent url(../logo/logo48x48.png) no-repeat center center;
      -webkit-filter: drop-shadow(0px 1px 2px #ccc);filter: drop-shadow(0px 1px 2px #ccc)}
#logo h1{display:none}

.mouse,.mouseHover{cursor:pointer}
.mouseHover:hover{background-color:#eee}

h1,.h1{font-size:24px;margin:0px;margin-bottom:5px}
h2,.h2{font-size:22px;margin:0px;margin-bottom:5px}
h3,.h3{font-size:18px;margin:0px;margin-bottom:5px}
h4{font-size:16px;margin:0px;margin-bottom:5px}
h5{font-size:14px;margin:0px;margin-bottom:5px}
.bgW{background-color:#fff}
.bgG{background-color:#ccc}
.bgGhover:hover{background-color:#ccc}
.bgGL{background-color:#ededed}
.bgGVL{background-color:#fafafa}
.bgGD{background-color:#aaa}
.bgGA{background-color:rgba(245,245,245,0.5)}
.bgWA50{background-color:rgba(245,245,245,0.5)}
.txtW,a.txtW{color:#fff !important}

.pageBreak{page-break-after:always}
.nowrap{white-space:nowrap}
.bold{font-weight:bold}
.italic{font-style:italic}
.maxWidth{max-width:900px;margin-left:auto;margin-right:auto;min-width:600px}
#msg,.msgpod{position:absolute;border-radius:5px;background:rgba(0,0,0,0.05);margin:5px;width:60%;left:20%;height:60%;top:20%}
a,a:hover,a:visited,a:active{color:#615a72;cursor:pointer;user-select:none;}
a:hover{color:#9088a2}
.absFill{position:absolute;left:0px;top:0px;right:0px;bottom:0px}

/*.inputPod a,.inputPod a:hover,.inputPod a:active,.inputPod a:visited{
    box-sizing:content-box;text-decoration:none;font-weight:bold;font-size:30px;
    min-width:100px;height:40px;align-content:center;text-align:center;color:#558f3d;border:1px solid #cdcdcd;
    display:inline-block;padding:8px;border-radius:5px;-webkit-border-radius:5px}*/


.border,.borderR5,.bdrR5{border:1px solid #cdc}
.borderR5,.bdrRD5{border:1px solid #666}
.borderR5,.bdrR5,.bdrRD5{border-radius:5px;-webkit-border-radius:5px}
.bdrT{border-top:1px solid #ddd}
.bdrTd,.bdrTD{border-top:1px solid #4a4a49}
.bdrB{border-bottom:1px solid #ddd}
.bdrBL{border-bottom:1px solid #eee}
.bdrTB{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.bdrLR{border-left:1px solid #ddd;border-right:1px solid #ddd}
.bdrBD{border-bottom:1px solid #666}
.bgc{background-size:contain}
.bdrRW5{border:1px solid #fff;border-radius:5px;-webkit-border-radius:5px}
.bdrTrans{border:1px solid transparent}

.fr{float:right}
.fl{float:left}
.aul{text-decoration:underline !important}
.aulLight{text-decoration:underline !important;text-decoration-color:#ccc}
.noul{text-decoration:none !important}
.col2_5{float:left;width:2.45%}
.col5{float:left;width:4.8%}
.col6{float:left;width:5.8%}
.col7_5{float:left;width:7.4%}
.col8{float:left;width:7.9%}
.col10{float:left;width:9.8%}
.col12_5{float:left;width:12.4%}
.col15{float:left;width:14.9%}
.col17{float:left;width:16.9%}
.col17_5{float:left;width:17.4%}
.col30{float:left;width:29.9%}
.col25{float:left;width:24.9%}
.col22{float:left;width:21.9%}
.col22_5{float:left;width:22.4%}
.col33{float:left;width:32.9%}
.col35{float:left;width:34.9%}
.col20{float:left;width:20%}
.col40{float:left;width:39.9%}
.col45{float:left;width:44.9%}
.col50{float:left;width:49.9%}
.col55{float:left;width:54.9%}
.col60{float:left;width:59.9%}
.col65{float:left;width:64.9%}
.col70{float:left;width:69.9%}
.col75{float:left;width:74.9%}
.col80{float:left;width:79.9%}
.col85{float:left;width:84.9%}
.col90{float:left;width:89.9%}
.col95{float:left;width:94.9%}
.col100{float:left;width:99.9%}

.txtL5{text-indent:5px}
.sml{font-size:11px}
.fsMed{font-size:14px}
.big{font-size:16px}
.vbig{font-size:22px}
.fs25{font-size:25px}
.fs30{font-size:30px}
.vsml{font-size:10px}

.oscrolly{overflow-y:scroll !important}
.oscrollyauto{overflow-y:auto !important}
.oscrollynone{overflow-y:hidden}
.oscrollxauto{overflow-x:auto !important}
.onone{overflow:hidden !important}
.row{display:block;clear:both;min-height:30px}

.cb{clear:both;display:block;height:0px}
.dn,a.dn{display:none !important}
.db,a.db{display:block}
.dib{display:inline-block;vertical-align:middle}
.ib{display:inline-block;vertical-align:middle}
.rel{position:relative}
.abs{position:absolute}
.cl{clear:left}
em{font-family:monospace;font-style:normal}
.right{text-align:end !important}
.left{text-align:start !important}
.center{align-content:center;text-align:center  !important}
.vcenter,.vmiddle{align-content:center;vertical-align:middle;}
.vtop{vertical-align:top}

.pad3{padding:3px}
.pad5{padding:5px}
.pad10{padding:10px}
.pad20{padding:20px}
.padT3{padding-top:3px}
.padT5{padding-top:5px}
.padT10{padding-top:10px}
.padT20{padding-top:20px}
.padT30{padding-top:30px}
.padT50{padding-top:50px}
.padL5{padding-left:5px}
.padL8{padding-left:8px}
.padL10{padding-left:10px}
.padL20{padding-left:20px}
.padL30{padding-left:30px}
.padL40{padding-left:40px}
.padL50{padding-left:50px}
.padL100{padding-left:100px}
.padLR10{padding-left:10px;padding-right:10px}
.padLR20{padding-left:20px;padding-right:20px}
.padTB5{padding-bottom:5px;padding-top:5px}
.padTB10{padding-bottom:10px;padding-top:10px}
.padTB20{padding-bottom:20px;padding-top:20px}
.padB20{padding-bottom:20px}
.padB10{padding-bottom:10px}
.padB5{padding-bottom:5px}
.padR5{padding-right:5px}
.padR10{padding-right:10px}
.padR20{padding-right:20px}
.mar3{margin:3px}
.mar5{margin:5px}
.mar10{margin:10px}
.mar20{margin:20px}
.marT20{margin-top:20px}
.marT15{margin-top:15px}
.marT10{margin-top:10px}
.marT5{margin-top:5px}
.marT3{margin-top:3px}
.marTB20{margin-top:20px;margin-bottom:20px}
.marTB10{margin-top:10px;margin-bottom:10px}
.marTB5{margin-top:5px;margin-bottom:5px}
.marL5{margin-left:5px}
.marL7{margin-left:7px}
.marL10{margin-left:10px}
.marL20{margin-left:20px}
.marL30{margin-left:30px}
.marL40{margin-left:40px}
.marL50{margin-left:50px}
.marL100{margin-left:100px}
.marR5{margin-right:5px}
.marR10{margin-right:10px}
.marR20{margin-right:20px}
.marB5{margin-bottom:10px}
.marB10{margin-bottom:10px}
.marB20{margin-bottom:20px}
.marB100{margin-bottom:100px !important}
.marB150{margin-bottom:150px !important}
.marB200{margin-bottom:200px !important}
.marLR10{margin-left:10px;margin-right:10px}
.marLRauto{margin-left:auto;margin-right:auto}
.mar5p{margin:5%}
.mar10p{margin:10%}
.pad5p{padding:5%}
.pad10p{padding:10%}

.i3{text-indent:3px}
.i5{text-indent:5px}
.i10{text-indent:10px}
.i20{text-indent:20px}
.i30{text-indent:30px}
.i40{text-indent:40px}
.ts{font-size:10px}
.tm{vertical-align:middle}
.t10{line-height:10px;vertical-align:middle}
.t15{line-height:15px;vertical-align:middle}
.t20{line-height:20px;vertical-align:middle}
.t25{line-height:25px;vertical-align:middle}
.t30{line-height:30px;vertical-align:middle}
.t40{line-height:40px;vertical-align:middle}
.t50{line-height:50px;vertical-align:middle}
.t60{line-height:60px;vertical-align:middle}
.t70{line-height:60px;vertical-align:middle}
.t80{line-height:80px;vertical-align:middle}
.t15b{line-height:15px;vertical-align:bottom}
.t100p{line-height:100%;vertical-align:middle}

.tv20{line-height:20px;vertical-align:top}
.tv25{line-height:25px;vertical-align:top}
.tv30{line-height:30px;vertical-align:top}
.tv50{line-height:50px;vertical-align:top}
.tv70{line-height:70px;vertical-align:top}
.t100{line-height:100px;vertical-align:middle}

.pt5{top:5%}
.pt10{top:10%}
.pt20{top:20%}
.pt30{top:30%}
.h0{height:0px}
.h1{height:1px}
.h3{height:3px}
.h5{height:5px}
.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h75{height:75px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}
.h110{height:110px}
.h120{height:120px}
.h130{height:130px}
.h140{height:140px}
.h150{height:150px}
.h160{height:160px}
.h170{height:170px}
.h180{height:180px}
.h190{height:190px}
.h200{height:200px}
.h250{height:250px}
.h260{height:250px}
.h300{height:300px}
.h350{height:350px}
.h400{height:400px}
.h450{height:450px}
.h500{height:500px}
.h600{height:600px}
.w10{width:10px}
.w15{width:15px}
.w20{width:20px}
.w25{width:25px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w100{width:100px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w180{width:180px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w350{width:350px}
.w400{width:400px}
.w450{width:450px}
.w500{width:500px}
.w600{width:600px}
.w900{width:900px}

.mh30{max-height:30px}
.mh50{max-height:50px}
.mh60{max-height:60px}
.mh80{max-height:80px}
.mh100{max-height:100px}
.mh150{max-height:150px}
.mh200{max-height:200px}
.mh300{max-height:300px}
.mh400{max-height:400px}
.mh500{max-height:500px}
.mh600{max-height:600px}

.mih30{min-height:30px}
.mih50{min-height:50px !important}
.mih60{min-height:60px !important}
.mih80{min-height:80px}
.mih100{min-height:100px !important}
.mih200{min-height:200px}
.mih300{min-height:300px}
.mih400{min-height:400px}


.miw80{min-width:80px}
.miw100{min-width:100px}
.miw200{min-width:200px}
.miw300{min-width:300px}
.miw600{min-width:600px}
.mw100{max-width:100px}
.mw200{max-width:200px}
.mw400{max-width:400px}
.mw500{max-width:500px}
.mw600{max-width:600px}
.mw800{max-width:800px}
.mw900{max-width:900px}
.mw1200{max-width:1200px}
.mw1600{max-width:1600px}

.h100p{height:100% !important}
.h95p{height:90% !important}
.h90p{height:90% !important}
.h80p{height:80% !important}
.h70p{height:70% !important}
.h60p{height:60% !important}
.h50p{height:50% !important}
.h40p{height:40% !important}
.h30p{height:30% !important}
.h20p{height:20% !important}
.h10p{height:10% !important}

.h80p{height:80% !important}
.w25p{width:24.5%}
.w100p{width:100%}
.w95p{width:95%}
.w90p{width:90%}
.w80p{width:80%}
.w75p{width:74.5%}
.w70p{width:69.9%}
.w60p{width:59.9%}
.w50p{width:49.9%}
.w40p{width:39.9%}
.w30p{width:29.9%}
.w20p{width:19.9%}
.w15p{width:14.9%}
.w10p{width:9.9%}

.alpha100{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}
.alpha50{filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}
.alpha25{filter:alpha(opacity=25);opacity: 0.25;-moz-opacity:0.25;}
.alpha75{filter:alpha(opacity=75);opacity: 0.75;-moz-opacity:0.75;}

.z1{z-index:1}
.z2{z-index:2}
.z3{z-index:3}
.z4{z-index:4}
.z5{z-index:5}

.scale50{transform:scale(50%)}
.scale60{transform:scale(60%)}
.scale70{transform:scale(70%)}
.scale80{transform:scale(80%)}
.scale90{transform:scale(90%)}

.tab1{padding-left:20px;line-height:26px}
.tab2{padding-left:40px;line-height:26px}
.tab3{padding-left:60px;line-height:26px}
.tab4{padding-left:80px;line-height:26px}
.tab5{padding-left:100px;line-height:26px}
.tab6{padding-left:120px;line-height:26px}

.noselect,#navHome h1,#toolbar a,.navPod{
  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;
  -ms-user-select:none;user-select:none
}

#toast {
    overflow:hidden;
    z-index:14001;
    width:70%;
    height:20px;
    height:auto;
    position:fixed;
    left:50%;
    margin-left:-35%;
    bottom:20%;
    background-color: #383838;
    color: #F0F0F0;
    font-size: 16px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}
#toasttop,#toastany,#toastanybig {
    z-index:14001;
    width:350px;
    height:20px;
    height:auto;
    position:fixed;
    margin-right: auto;
    left:50%;
    margin-left:-175px;
    top:20%;
    background-color: #383838;
    color: #F0F0F0;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}
#toastany{margin-left:-150px;top:10%;height:80%;overflow:scroll}
#toastanybig{width:500px;margin-left:-250px;top:10%;height:50px}
#toast.toastError{
    border:2px solid #c46a1f;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(196, 106, 31, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(196, 106, 31, 1);
    box-shadow: 0px 0px 24px -1px rgba(196, 106, 31, 1);
}
#toastHelp{
    z-index:14001;
    width:350px;
    height:20px;
    height:auto;
    position:fixed;
    margin-right: auto;
    left:50%;
    margin-left:-175px;
    top:20%;
    background-color: #383838;
    color: #F0F0F0;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);    
}

.sheet li {
    list-style: none;
}
.sheet li:before {
    content: "✓ ";
}
.sheet td{background:#ccc}
.sheet input {
    border: 1px solid #fff;
    width: 80px;
    font-size: 14px;
    padding: 2px;
}

.sheet input:hover {
    background-color: #eee;
}

.sheet input:focus {
    background-color: #ccf;
    border: 1px solid #aaa;
}

.sheet input:not(:focus) {
    text-align: right;
}

.sheet table {
    border-collapse: collapse;  
}


.toggle {
  overflow: hidden;
  display: inline-block;
  width: 8em;
  background: rgba(0,0,0,0.5);
  padding: 0.125em;
  cursor: pointer;
  border-radius:2px;-webkit-border-radius:2px
  }
.toggle input {
  position: absolute;
  visibility: hidden;
  }
.toggle span {
  position: relative;
  left: 0%;
  display: block;
  text-transform: uppercase;
  text-align: center;
  /**
   * Holo doesn't have any transition, but
   * it's added here for demo purposes
   */
  -webkit-transition: left 200ms ease-out;
     -moz-transition: left 200ms ease-out;
       -o-transition: left 200ms ease-out;
          transition: left 200ms ease-out;
  }
  .toggle :checked + span {
    left: 50%;
    }

/* Default unchecked state */
.toggle span:before {
  content: attr(data-unchecked);
  display: block;
  width: 50%;
  background-color: #2e4026;
  border-radius: 0.15em;
  box-shadow: inset 0 0.1em 0 rgba(255, 255, 255, 0.2);
  color: #dfdfdf;
  }

/* Checked state */
.toggle :checked + span:before {
  content: attr(data-checked);
  background-color:#76a463;
  }
  
  
  
/* Styling Checkbox Starts */
.checkbox-label {
    display: inline-block;
    position: relative;
    margin: auto;
    cursor: pointer;
    line-height: 24px;
    height: 24px;
    clear: both;
    vertical-align:middle;
}

.checkbox-label input {
    position: absolute;
    display:none;
    cursor: pointer;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: #aaa;
    border-radius: 5px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #FFFFFF;
}


.checkbox-label input:checked ~ .checkbox-custom {
    background-color: #c46a1f;
    border-radius: 5px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 2px solid #FFFFFF;
}


.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-radius: 5px;
    border: solid #009BFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity:1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: #c46a1f;
  border-radius: 0;
}


.checkbox-label input:checked ~ .checkbox-custom::before {
    left: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity:0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.checkbox-label .checkbox-custom.circular {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked ~ .checkbox-custom.circular {
    background-color: #aaa;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}
.checkbox-label input:checked ~ .checkbox-custom.circular::after {
    border: solid #0067FF;
    border-width: 0 2px 2px 0;
}
.checkbox-label .checkbox-custom.circular::after {
    border-radius: 50%;
}

.checkbox-label .checkbox-custom.circular::before {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked ~ .checkbox-custom.circular::before {
    border-radius: 50%;
}