/* Button */  /* Button */  /* Button */
/* Button */  /* Button */  /* Button */
/* Button */  /* Button */  /* Button */
.Clr0{background-color:#f00;border:1px solid #f00;color:#fff}
.Btn.Clr0:hover{background-color:#ed0000; text-decoration:none;}
.BtnB.Clr0:hover{box-shadow: inset 0 0 0px 1px #ed0000; text-decoration:none;}
.BtnB.Clr0{color:#ed0000}

.Clr1{background-color:#e04754;border:1px solid #b40000;color:#fff}
.Btn.Clr1:hover{background-color:#cc4551; text-decoration:none;}
.BtnB.Clr1:hover{box-shadow: inset 0 0 0px 1px #cc4551; text-decoration:none;}
.BtnB.Clr1{color:#e82424}

.Clr2{background-color:#40aaff;border:1px solid #40aaff;color:#fff}
.Btn.Clr2:hover{background-color:#1697ff; text-decoration:none;}
.BtnB.Clr2:hover{box-shadow: inset 0 0 0px 1px #1697ff; text-decoration:none;}
.BtnB.Clr2{color:#00aaf7}

.Clr3{background-color:#16b1ca;border:1px solid #16b1ca;color:#fff}
.Btn.Clr3:hover{background-color:#1592a7; text-decoration:none;}
.BtnB.Clr3:hover{box-shadow: inset 0 0 0px 1px #1592a7; text-decoration:none;}
.BtnB.Clr3{color:#239fb3}

.Clr4{background-color:#3268bb;border:1px solid #3268bb;color:#fff}
.Btn.Clr4:hover{background-color:#385e98; text-decoration:none;}
.BtnB.Clr4:hover{box-shadow: inset 0 0 0px 1px #385e98; text-decoration:none;}
.BtnB.Clr4{color:#1b6ce8}

.Clr5{background-color:#6962d2;border:1px solid #6962d2;color:#fff}
.Btn.Clr5:hover{background-color:#534e9a; text-decoration:none;}
.BtnB.Clr5:hover{box-shadow: inset 0 0 0px 1px #534e9a; text-decoration:none;}
.BtnB.Clr5{color:#746bff}

.Clr6{background-color:#323b5d;border:1px solid #323b5d;color:#fff}
.Btn.Clr6:hover{background-color:#21263a; text-decoration:none;}
.BtnB.Clr6:hover{box-shadow: inset 0 0 0px 1px #21263a; text-decoration:none;}
.BtnB.Clr6{color:#4e5f9e}

.Clr7{background-color:#ffcc33;border:1px solid #ffcc33;color:#fff}
.Btn.Clr7:hover{background-color:#efc136; text-decoration:none;}
.BtnB.Clr7:hover{box-shadow: inset 0 0 0px 1px #efc136; text-decoration:none;}
.BtnB.Clr7{color:#f5bf1e}

.Clr8{background-color:#fafafa;border:1px solid #888;color:#888}
.Btn.Clr8:hover{background-color:#f7f3f3; text-decoration:none;}
.BtnB.Clr8:hover{box-shadow: inset 0 0 0px 1px #f7f3f3; text-decoration:none;}

.Clr9{background-color:#828282;border:1px solid #828282;color:#fff}
.Btn.Clr9:hover{background-color:#656565; text-decoration:none;}
.BtnB.Clr9:hover{box-shadow: inset 0 0 0px 1px #656565; text-decoration:none;}
.BtnB.Clr9{color:#929292}

.Clr10{background-color:#ff8080;border:1px solid #ff8080;color:#fff}
.Btn.Clr10:hover{background-color:#ff6c6c; text-decoration:none;}
.BtnB.Clr10:hover{box-shadow: inset 0 0 0px 1px #ff6c6c; text-decoration:none;}
.BtnB.Clr10{color:#ff8080}

.Clr11{background-color:#65b112;border:1px solid #65b112;color:#fff}
.Btn.Clr11:hover{background-color:#88c347; text-decoration:none;}
.BtnB.Clr11:hover{box-shadow: inset 0 0 0px 1px #88c347; text-decoration:none;}
.BtnB.Clr11{color:#65b112}

.Clr12{background-color:#535353;border:1px solid #535353;color:#fff}
.Btn.Clr12:hover{background-color:#313131; text-decoration:none;}
.BtnB.Clr12:hover{box-shadow: inset 0 0 0px 1px #313131; text-decoration:none;}
.BtnB.Clr12{color:#535353}

.Btn{display:inline-block;vertical-align:middle;padding:5px 18px;cursor:pointer;box-sizing:border-box}
.BtnB{display:inline-block;vertical-align:middle;padding:5px 18px;cursor:pointer;box-sizing:border-box;background-color:transparent}

.Br{border-radius:3px}


/* font-weight */ /* font-weight */ /* font-weight */
/* font-weight */ /* font-weight */ /* font-weight */
/* font-weight */ /* font-weight */ /* font-weight */
.Fw100 { font-weight:100; }.Fw200 { font-weight:200; }.Fw300 { font-weight:300; }.Fw400 { font-weight:400; }.Fw500 { font-weight:500; }.Fw600 { font-weight:600; }.Fw700 { font-weight:700; }.Fw800 { font-weight:800; }.Fw900 { font-weight:900; }


/* color */ /* color */ /* color */ 
/* color */ /* color */ /* color */ 
/* color */ /* color */ /* color */ 
.white { color:white !important; }
.black { color:black !important; }
.red { color:red !important; }


/* padding */ /* padding */ /* padding */
/* padding */ /* padding */ /* padding */
/* padding */ /* padding */ /* padding */
.Pdw1{padding-left:1px !important; padding-right:1px !important;} .Pdw2{padding-left:2px !important; padding-right:2px !important;} .Pdw3{padding-left:3px !important; padding-right:3px !important;} .Pdw4{padding-left:4px !important; padding-right:4px !important;} .Pdw5{padding-left:5px !important; padding-right:5px !important;} .Pdw6{padding-left:6px !important; padding-right:6px !important;} .Pdw7{padding-left:7px !important; padding-right:7px !important;} .Pdw8{padding-left:8px !important; padding-right:8px !important;} .Pdw9{padding-left:9px !important; padding-right:9px !important;} .Pdw10{padding-left:10px !important; padding-right:10px !important;}

.Pdh1{padding: 1px 0px !important;}.Pdh2{padding: 2px 0px !important;}.Pdh3{padding: 3px 0px !important;}.Pdh4{padding: 4px 0px !important;}.Pdh5{padding: 5px 0px !important;}.Pdh6{padding: 6px 0px !important;}.Pdh7{padding: 7px 0px !important;}.Pdh8{padding: 8px 0px !important;}.Pdh9{padding: 9px 0px !important;}.Pdh10{padding: 10px 0px !important;}


/* modal */ /* modal */ /* modal */
/* modal */ /* modal */ /* modal */
/* modal */ /* modal */ /* modal */
.Modal{position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;background-color:#fff;z-index:910;display:none;width:350px;height:350px;}
.ModalBack{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:900}
.CloseX{position:fixed;width:19px;height:19px;cursor:pointer;margin:auto;left:0;right:0;top:0;bottom:0;z-index:911}
.CloseX > i{position:absolute;width:100%;top:47%;border:1px solid #BBB;transform:rotate(225deg)}
.CloseX > i:nth-child(2){transform:rotate(135deg)}

/* Loading */ /* Loading */ /* Loading */
.beforeLoading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:600px;;top:0;bottom:0;left:0;right:0; opacity:1;z-index:999;}
.beforeLoading:before{content:""; position:absolute; background:rgba(0,0,0,0.5); opacity:0.01;background-size:cover;top:0;left:0; height:100%;width:100%;background-repeat:no-repeat;z-index:998;}
.beforeLoading:after{content:"Loading";;background-image:url("../img/SpinnerLoading2.svg");background-size:100px 100px;height:100px;width:100px;background-repeat:no-repeat; Text-align:center;color:#808080; font-family:'nt-L';}