*{box-sizing:border-box}
#appends{position:absolute;width:100%;height:0;z-index:105;top:0;
}
#blocker,
.blocker{position:fixed;width:100%;height:100%;text-align:center;z-index:102;top:0;
}
.clear {clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.dn{display:none}
img{border:none}
a{color:inherit;text-decoration:none}
.text_link{cursor:pointer}
.text_link:hover{text-decoration:underline}
.ucfirst{text-transform:capitalize}
.rel{position:relative}
.flxc{display:flex;align-items:center;justify-content:center;
}
.mauto{margin-left:auto !important;margin-right:auto !important}
.w10p{width:10% !important}.w20p{width:20% !important}.w25p{width:25% !important}.w30p{width:30% !important}.w33p{width:33% !important}.w35p{width:35% !important}.w40p{width:40% !important}.w45p{width:45% !important}.w50p{width:50% !important}.w55p{width:55% !important}.w60p{width:60% !important}.w65p{width:65% !important}.w66p{width:66% !important}.w75p{width:75% !important}.w100p{width:100% !important}.m0{margin:0px}.mt0{margin-top:0px !important}.mr0{margin-right:0px !important}.mb0{margin-bottom:0px !important}.ml0{margin-left:0px !important}.pad0{padding:0px}.padt0{padding-top:0px !important}.padr0{padding-right:0px !important}.padb0{padding-bottom:0px !important}.padl0{padding-left:0px !important}.m5{margin:5px}.mt5{margin-top:5px !important}.mr5{margin-right:5px !important}.mb5{margin-bottom:5px !important}.ml5{margin-left:5px !important}.pad5{padding:5px}.padt5{padding-top:5px !important}.padr5{padding-right:5px !important}.padb5{padding-bottom:5px !important}.padl5{padding-left:5px !important}.w10p.m5{width:calc(10% - 10px) !important}.w10p.ml5,.w10p.mr5{width:calc(10% - 5px) !important}.w20p.m5{width:calc(20% - 10px) !important}.w20p.ml5,.w20p.mr5{width:calc(20% - 5px) !important}.w25p.m5{width:calc(25% - 10px) !important}.w25p.ml5,.w25p.mr5{width:calc(25% - 5px) !important}.w30p.m5{width:calc(30% - 10px) !important}.w30p.ml5,.w30p.mr5{width:calc(30% - 5px) !important}.w33p.m5{width:calc(33% - 10px) !important}.w33p.ml5,.w33p.mr5{width:calc(33% - 5px) !important}.w35p.m5{width:calc(35% - 10px) !important}.w35p.ml5,.w35p.mr5{width:calc(35% - 5px) !important}.w40p.m5{width:calc(40% - 10px) !important}.w40p.ml5,.w40p.mr5{width:calc(40% - 5px) !important}.w45p.m5{width:calc(45% - 10px) !important}.w45p.ml5,.w45p.mr5{width:calc(45% - 5px) !important}.w50p.m5{width:calc(50% - 10px) !important}.w50p.ml5,.w50p.mr5{width:calc(50% - 5px) !important}.w55p.m5{width:calc(55% - 10px) !important}.w55p.ml5,.w55p.mr5{width:calc(55% - 5px) !important}.w60p.m5{width:calc(60% - 10px) !important}.w60p.ml5,.w60p.mr5{width:calc(60% - 5px) !important}.w65p.m5{width:calc(65% - 10px) !important}.w65p.ml5,.w65p.mr5{width:calc(65% - 5px) !important}.w66p.m5{width:calc(66% - 10px) !important}.w66p.ml5,.w66p.mr5{width:calc(66% - 5px) !important}.w75p.m5{width:calc(75% - 10px) !important}.w75p.ml5,.w75p.mr5{width:calc(75% - 5px) !important}.w100p.m5{width:calc(100% - 10px) !important}.w100p.ml5,.w100p.mr5{width:calc(100% - 5px) !important}.m10{margin:10px}.mt10{margin-top:10px !important}.mr10{margin-right:10px !important}.mb10{margin-bottom:10px !important}.ml10{margin-left:10px !important}.pad10{padding:10px}.padt10{padding-top:10px !important}.padr10{padding-right:10px !important}.padb10{padding-bottom:10px !important}.padl10{padding-left:10px !important}.w10p.m10{width:calc(10% - 20px) !important}.w10p.ml10,.w10p.mr10{width:calc(10% - 10px) !important}.w20p.m10{width:calc(20% - 20px) !important}.w20p.ml10,.w20p.mr10{width:calc(20% - 10px) !important}.w25p.m10{width:calc(25% - 20px) !important}.w25p.ml10,.w25p.mr10{width:calc(25% - 10px) !important}.w30p.m10{width:calc(30% - 20px) !important}.w30p.ml10,.w30p.mr10{width:calc(30% - 10px) !important}.w33p.m10{width:calc(33% - 20px) !important}.w33p.ml10,.w33p.mr10{width:calc(33% - 10px) !important}.w35p.m10{width:calc(35% - 20px) !important}.w35p.ml10,.w35p.mr10{width:calc(35% - 10px) !important}.w40p.m10{width:calc(40% - 20px) !important}.w40p.ml10,.w40p.mr10{width:calc(40% - 10px) !important}.w45p.m10{width:calc(45% - 20px) !important}.w45p.ml10,.w45p.mr10{width:calc(45% - 10px) !important}.w50p.m10{width:calc(50% - 20px) !important}.w50p.ml10,.w50p.mr10{width:calc(50% - 10px) !important}.w55p.m10{width:calc(55% - 20px) !important}.w55p.ml10,.w55p.mr10{width:calc(55% - 10px) !important}.w60p.m10{width:calc(60% - 20px) !important}.w60p.ml10,.w60p.mr10{width:calc(60% - 10px) !important}.w65p.m10{width:calc(65% - 20px) !important}.w65p.ml10,.w65p.mr10{width:calc(65% - 10px) !important}.w66p.m10{width:calc(66% - 20px) !important}.w66p.ml10,.w66p.mr10{width:calc(66% - 10px) !important}.w75p.m10{width:calc(75% - 20px) !important}.w75p.ml10,.w75p.mr10{width:calc(75% - 10px) !important}.w100p.m10{width:calc(100% - 20px) !important}.w100p.ml10,.w100p.mr10{width:calc(100% - 10px) !important}.m15{margin:15px}.mt15{margin-top:15px !important}.mr15{margin-right:15px !important}.mb15{margin-bottom:15px !important}.ml15{margin-left:15px !important}.pad15{padding:15px}.padt15{padding-top:15px !important}.padr15{padding-right:15px !important}.padb15{padding-bottom:15px !important}.padl15{padding-left:15px !important}.w10p.m15{width:calc(10% - 30px) !important}.w10p.ml15,.w10p.mr15{width:calc(10% - 15px) !important}.w20p.m15{width:calc(20% - 30px) !important}.w20p.ml15,.w20p.mr15{width:calc(20% - 15px) !important}.w25p.m15{width:calc(25% - 30px) !important}.w25p.ml15,.w25p.mr15{width:calc(25% - 15px) !important}.w30p.m15{width:calc(30% - 30px) !important}.w30p.ml15,.w30p.mr15{width:calc(30% - 15px) !important}.w33p.m15{width:calc(33% - 30px) !important}.w33p.ml15,.w33p.mr15{width:calc(33% - 15px) !important}.w35p.m15{width:calc(35% - 30px) !important}.w35p.ml15,.w35p.mr15{width:calc(35% - 15px) !important}.w40p.m15{width:calc(40% - 30px) !important}.w40p.ml15,.w40p.mr15{width:calc(40% - 15px) !important}.w45p.m15{width:calc(45% - 30px) !important}.w45p.ml15,.w45p.mr15{width:calc(45% - 15px) !important}.w50p.m15{width:calc(50% - 30px) !important}.w50p.ml15,.w50p.mr15{width:calc(50% - 15px) !important}.w55p.m15{width:calc(55% - 30px) !important}.w55p.ml15,.w55p.mr15{width:calc(55% - 15px) !important}.w60p.m15{width:calc(60% - 30px) !important}.w60p.ml15,.w60p.mr15{width:calc(60% - 15px) !important}.w65p.m15{width:calc(65% - 30px) !important}.w65p.ml15,.w65p.mr15{width:calc(65% - 15px) !important}.w66p.m15{width:calc(66% - 30px) !important}.w66p.ml15,.w66p.mr15{width:calc(66% - 15px) !important}.w75p.m15{width:calc(75% - 30px) !important}.w75p.ml15,.w75p.mr15{width:calc(75% - 15px) !important}.w100p.m15{width:calc(100% - 30px) !important}.w100p.ml15,.w100p.mr15{width:calc(100% - 15px) !important}.m20{margin:20px}.mt20{margin-top:20px !important}.mr20{margin-right:20px !important}.mb20{margin-bottom:20px !important}.ml20{margin-left:20px !important}.pad20{padding:20px}.padt20{padding-top:20px !important}.padr20{padding-right:20px !important}.padb20{padding-bottom:20px !important}.padl20{padding-left:20px !important}.w10p.m20{width:calc(10% - 40px) !important}.w10p.ml20,.w10p.mr20{width:calc(10% - 20px) !important}.w20p.m20{width:calc(20% - 40px) !important}.w20p.ml20,.w20p.mr20{width:calc(20% - 20px) !important}.w25p.m20{width:calc(25% - 40px) !important}.w25p.ml20,.w25p.mr20{width:calc(25% - 20px) !important}.w30p.m20{width:calc(30% - 40px) !important}.w30p.ml20,.w30p.mr20{width:calc(30% - 20px) !important}.w33p.m20{width:calc(33% - 40px) !important}.w33p.ml20,.w33p.mr20{width:calc(33% - 20px) !important}.w35p.m20{width:calc(35% - 40px) !important}.w35p.ml20,.w35p.mr20{width:calc(35% - 20px) !important}.w40p.m20{width:calc(40% - 40px) !important}.w40p.ml20,.w40p.mr20{width:calc(40% - 20px) !important}.w45p.m20{width:calc(45% - 40px) !important}.w45p.ml20,.w45p.mr20{width:calc(45% - 20px) !important}.w50p.m20{width:calc(50% - 40px) !important}.w50p.ml20,.w50p.mr20{width:calc(50% - 20px) !important}.w55p.m20{width:calc(55% - 40px) !important}.w55p.ml20,.w55p.mr20{width:calc(55% - 20px) !important}.w60p.m20{width:calc(60% - 40px) !important}.w60p.ml20,.w60p.mr20{width:calc(60% - 20px) !important}.w65p.m20{width:calc(65% - 40px) !important}.w65p.ml20,.w65p.mr20{width:calc(65% - 20px) !important}.w66p.m20{width:calc(66% - 40px) !important}.w66p.ml20,.w66p.mr20{width:calc(66% - 20px) !important}.w75p.m20{width:calc(75% - 40px) !important}.w75p.ml20,.w75p.mr20{width:calc(75% - 20px) !important}.w100p.m20{width:calc(100% - 40px) !important}.w100p.ml20,.w100p.mr20{width:calc(100% - 20px) !important}.m25{margin:25px}.mt25{margin-top:25px !important}.mr25{margin-right:25px !important}.mb25{margin-bottom:25px !important}.ml25{margin-left:25px !important}.pad25{padding:25px}.padt25{padding-top:25px !important}.padr25{padding-right:25px !important}.padb25{padding-bottom:25px !important}.padl25{padding-left:25px !important}.w10p.m25{width:calc(10% - 50px) !important}.w10p.ml25,.w10p.mr25{width:calc(10% - 25px) !important}.w20p.m25{width:calc(20% - 50px) !important}.w20p.ml25,.w20p.mr25{width:calc(20% - 25px) !important}.w25p.m25{width:calc(25% - 50px) !important}.w25p.ml25,.w25p.mr25{width:calc(25% - 25px) !important}.w30p.m25{width:calc(30% - 50px) !important}.w30p.ml25,.w30p.mr25{width:calc(30% - 25px) !important}.w33p.m25{width:calc(33% - 50px) !important}.w33p.ml25,.w33p.mr25{width:calc(33% - 25px) !important}.w35p.m25{width:calc(35% - 50px) !important}.w35p.ml25,.w35p.mr25{width:calc(35% - 25px) !important}.w40p.m25{width:calc(40% - 50px) !important}.w40p.ml25,.w40p.mr25{width:calc(40% - 25px) !important}.w45p.m25{width:calc(45% - 50px) !important}.w45p.ml25,.w45p.mr25{width:calc(45% - 25px) !important}.w50p.m25{width:calc(50% - 50px) !important}.w50p.ml25,.w50p.mr25{width:calc(50% - 25px) !important}.w55p.m25{width:calc(55% - 50px) !important}.w55p.ml25,.w55p.mr25{width:calc(55% - 25px) !important}.w60p.m25{width:calc(60% - 50px) !important}.w60p.ml25,.w60p.mr25{width:calc(60% - 25px) !important}.w65p.m25{width:calc(65% - 50px) !important}.w65p.ml25,.w65p.mr25{width:calc(65% - 25px) !important}.w66p.m25{width:calc(66% - 50px) !important}.w66p.ml25,.w66p.mr25{width:calc(66% - 25px) !important}.w75p.m25{width:calc(75% - 50px) !important}.w75p.ml25,.w75p.mr25{width:calc(75% - 25px) !important}.w100p.m25{width:calc(100% - 50px) !important}.w100p.ml25,.w100p.mr25{width:calc(100% - 25px) !important}.m30{margin:30px}.mt30{margin-top:30px !important}.mr30{margin-right:30px !important}.mb30{margin-bottom:30px !important}.ml30{margin-left:30px !important}.pad30{padding:30px}.padt30{padding-top:30px !important}.padr30{padding-right:30px !important}.padb30{padding-bottom:30px !important}.padl30{padding-left:30px !important}.w10p.m30{width:calc(10% - 60px) !important}.w10p.ml30,.w10p.mr30{width:calc(10% - 30px) !important}.w20p.m30{width:calc(20% - 60px) !important}.w20p.ml30,.w20p.mr30{width:calc(20% - 30px) !important}.w25p.m30{width:calc(25% - 60px) !important}.w25p.ml30,.w25p.mr30{width:calc(25% - 30px) !important}.w30p.m30{width:calc(30% - 60px) !important}.w30p.ml30,.w30p.mr30{width:calc(30% - 30px) !important}.w33p.m30{width:calc(33% - 60px) !important}.w33p.ml30,.w33p.mr30{width:calc(33% - 30px) !important}.w35p.m30{width:calc(35% - 60px) !important}.w35p.ml30,.w35p.mr30{width:calc(35% - 30px) !important}.w40p.m30{width:calc(40% - 60px) !important}.w40p.ml30,.w40p.mr30{width:calc(40% - 30px) !important}.w45p.m30{width:calc(45% - 60px) !important}.w45p.ml30,.w45p.mr30{width:calc(45% - 30px) !important}.w50p.m30{width:calc(50% - 60px) !important}.w50p.ml30,.w50p.mr30{width:calc(50% - 30px) !important}.w55p.m30{width:calc(55% - 60px) !important}.w55p.ml30,.w55p.mr30{width:calc(55% - 30px) !important}.w60p.m30{width:calc(60% - 60px) !important}.w60p.ml30,.w60p.mr30{width:calc(60% - 30px) !important}.w65p.m30{width:calc(65% - 60px) !important}.w65p.ml30,.w65p.mr30{width:calc(65% - 30px) !important}.w66p.m30{width:calc(66% - 60px) !important}.w66p.ml30,.w66p.mr30{width:calc(66% - 30px) !important}.w75p.m30{width:calc(75% - 60px) !important}.w75p.ml30,.w75p.mr30{width:calc(75% - 30px) !important}.w100p.m30{width:calc(100% - 60px) !important}.w100p.ml30,.w100p.mr30{width:calc(100% - 30px) !important}.m35{margin:35px}.mt35{margin-top:35px !important}.mr35{margin-right:35px !important}.mb35{margin-bottom:35px !important}.ml35{margin-left:35px !important}.pad35{padding:35px}.padt35{padding-top:35px !important}.padr35{padding-right:35px !important}.padb35{padding-bottom:35px !important}.padl35{padding-left:35px !important}.w10p.m35{width:calc(10% - 70px) !important}.w10p.ml35,.w10p.mr35{width:calc(10% - 35px) !important}.w20p.m35{width:calc(20% - 70px) !important}.w20p.ml35,.w20p.mr35{width:calc(20% - 35px) !important}.w25p.m35{width:calc(25% - 70px) !important}.w25p.ml35,.w25p.mr35{width:calc(25% - 35px) !important}.w30p.m35{width:calc(30% - 70px) !important}.w30p.ml35,.w30p.mr35{width:calc(30% - 35px) !important}.w33p.m35{width:calc(33% - 70px) !important}.w33p.ml35,.w33p.mr35{width:calc(33% - 35px) !important}.w35p.m35{width:calc(35% - 70px) !important}.w35p.ml35,.w35p.mr35{width:calc(35% - 35px) !important}.w40p.m35{width:calc(40% - 70px) !important}.w40p.ml35,.w40p.mr35{width:calc(40% - 35px) !important}.w45p.m35{width:calc(45% - 70px) !important}.w45p.ml35,.w45p.mr35{width:calc(45% - 35px) !important}.w50p.m35{width:calc(50% - 70px) !important}.w50p.ml35,.w50p.mr35{width:calc(50% - 35px) !important}.w55p.m35{width:calc(55% - 70px) !important}.w55p.ml35,.w55p.mr35{width:calc(55% - 35px) !important}.w60p.m35{width:calc(60% - 70px) !important}.w60p.ml35,.w60p.mr35{width:calc(60% - 35px) !important}.w65p.m35{width:calc(65% - 70px) !important}.w65p.ml35,.w65p.mr35{width:calc(65% - 35px) !important}.w66p.m35{width:calc(66% - 70px) !important}.w66p.ml35,.w66p.mr35{width:calc(66% - 35px) !important}.w75p.m35{width:calc(75% - 70px) !important}.w75p.ml35,.w75p.mr35{width:calc(75% - 35px) !important}.w100p.m35{width:calc(100% - 70px) !important}.w100p.ml35,.w100p.mr35{width:calc(100% - 35px) !important}.m40{margin:40px}.mt40{margin-top:40px !important}.mr40{margin-right:40px !important}.mb40{margin-bottom:40px !important}.ml40{margin-left:40px !important}.pad40{padding:40px}.padt40{padding-top:40px !important}.padr40{padding-right:40px !important}.padb40{padding-bottom:40px !important}.padl40{padding-left:40px !important}.w10p.m40{width:calc(10% - 80px) !important}.w10p.ml40,.w10p.mr40{width:calc(10% - 40px) !important}.w20p.m40{width:calc(20% - 80px) !important}.w20p.ml40,.w20p.mr40{width:calc(20% - 40px) !important}.w25p.m40{width:calc(25% - 80px) !important}.w25p.ml40,.w25p.mr40{width:calc(25% - 40px) !important}.w30p.m40{width:calc(30% - 80px) !important}.w30p.ml40,.w30p.mr40{width:calc(30% - 40px) !important}.w33p.m40{width:calc(33% - 80px) !important}.w33p.ml40,.w33p.mr40{width:calc(33% - 40px) !important}.w35p.m40{width:calc(35% - 80px) !important}.w35p.ml40,.w35p.mr40{width:calc(35% - 40px) !important}.w40p.m40{width:calc(40% - 80px) !important}.w40p.ml40,.w40p.mr40{width:calc(40% - 40px) !important}.w45p.m40{width:calc(45% - 80px) !important}.w45p.ml40,.w45p.mr40{width:calc(45% - 40px) !important}.w50p.m40{width:calc(50% - 80px) !important}.w50p.ml40,.w50p.mr40{width:calc(50% - 40px) !important}.w55p.m40{width:calc(55% - 80px) !important}.w55p.ml40,.w55p.mr40{width:calc(55% - 40px) !important}.w60p.m40{width:calc(60% - 80px) !important}.w60p.ml40,.w60p.mr40{width:calc(60% - 40px) !important}.w65p.m40{width:calc(65% - 80px) !important}.w65p.ml40,.w65p.mr40{width:calc(65% - 40px) !important}.w66p.m40{width:calc(66% - 80px) !important}.w66p.ml40,.w66p.mr40{width:calc(66% - 40px) !important}.w75p.m40{width:calc(75% - 80px) !important}.w75p.ml40,.w75p.mr40{width:calc(75% - 40px) !important}.w100p.m40{width:calc(100% - 80px) !important}.w100p.ml40,.w100p.mr40{width:calc(100% - 40px) !important}.m45{margin:45px}.mt45{margin-top:45px !important}.mr45{margin-right:45px !important}.mb45{margin-bottom:45px !important}.ml45{margin-left:45px !important}.pad45{padding:45px}.padt45{padding-top:45px !important}.padr45{padding-right:45px !important}.padb45{padding-bottom:45px !important}.padl45{padding-left:45px !important}.w10p.m45{width:calc(10% - 90px) !important}.w10p.ml45,.w10p.mr45{width:calc(10% - 45px) !important}.w20p.m45{width:calc(20% - 90px) !important}.w20p.ml45,.w20p.mr45{width:calc(20% - 45px) !important}.w25p.m45{width:calc(25% - 90px) !important}.w25p.ml45,.w25p.mr45{width:calc(25% - 45px) !important}.w30p.m45{width:calc(30% - 90px) !important}.w30p.ml45,.w30p.mr45{width:calc(30% - 45px) !important}.w33p.m45{width:calc(33% - 90px) !important}.w33p.ml45,.w33p.mr45{width:calc(33% - 45px) !important}.w35p.m45{width:calc(35% - 90px) !important}.w35p.ml45,.w35p.mr45{width:calc(35% - 45px) !important}.w40p.m45{width:calc(40% - 90px) !important}.w40p.ml45,.w40p.mr45{width:calc(40% - 45px) !important}.w45p.m45{width:calc(45% - 90px) !important}.w45p.ml45,.w45p.mr45{width:calc(45% - 45px) !important}.w50p.m45{width:calc(50% - 90px) !important}.w50p.ml45,.w50p.mr45{width:calc(50% - 45px) !important}.w55p.m45{width:calc(55% - 90px) !important}.w55p.ml45,.w55p.mr45{width:calc(55% - 45px) !important}.w60p.m45{width:calc(60% - 90px) !important}.w60p.ml45,.w60p.mr45{width:calc(60% - 45px) !important}.w65p.m45{width:calc(65% - 90px) !important}.w65p.ml45,.w65p.mr45{width:calc(65% - 45px) !important}.w66p.m45{width:calc(66% - 90px) !important}.w66p.ml45,.w66p.mr45{width:calc(66% - 45px) !important}.w75p.m45{width:calc(75% - 90px) !important}.w75p.ml45,.w75p.mr45{width:calc(75% - 45px) !important}.w100p.m45{width:calc(100% - 90px) !important}.w100p.ml45,.w100p.mr45{width:calc(100% - 45px) !important}.m50{margin:50px}.mt50{margin-top:50px !important}.mr50{margin-right:50px !important}.mb50{margin-bottom:50px !important}.ml50{margin-left:50px !important}.pad50{padding:50px}.padt50{padding-top:50px !important}.padr50{padding-right:50px !important}.padb50{padding-bottom:50px !important}.padl50{padding-left:50px !important}.w10p.m50{width:calc(10% - 100px) !important}.w10p.ml50,.w10p.mr50{width:calc(10% - 50px) !important}.w20p.m50{width:calc(20% - 100px) !important}.w20p.ml50,.w20p.mr50{width:calc(20% - 50px) !important}.w25p.m50{width:calc(25% - 100px) !important}.w25p.ml50,.w25p.mr50{width:calc(25% - 50px) !important}.w30p.m50{width:calc(30% - 100px) !important}.w30p.ml50,.w30p.mr50{width:calc(30% - 50px) !important}.w33p.m50{width:calc(33% - 100px) !important}.w33p.ml50,.w33p.mr50{width:calc(33% - 50px) !important}.w35p.m50{width:calc(35% - 100px) !important}.w35p.ml50,.w35p.mr50{width:calc(35% - 50px) !important}.w40p.m50{width:calc(40% - 100px) !important}.w40p.ml50,.w40p.mr50{width:calc(40% - 50px) !important}.w45p.m50{width:calc(45% - 100px) !important}.w45p.ml50,.w45p.mr50{width:calc(45% - 50px) !important}.w50p.m50{width:calc(50% - 100px) !important}.w50p.ml50,.w50p.mr50{width:calc(50% - 50px) !important}.w55p.m50{width:calc(55% - 100px) !important}.w55p.ml50,.w55p.mr50{width:calc(55% - 50px) !important}.w60p.m50{width:calc(60% - 100px) !important}.w60p.ml50,.w60p.mr50{width:calc(60% - 50px) !important}.w65p.m50{width:calc(65% - 100px) !important}.w65p.ml50,.w65p.mr50{width:calc(65% - 50px) !important}.w66p.m50{width:calc(66% - 100px) !important}.w66p.ml50,.w66p.mr50{width:calc(66% - 50px) !important}.w75p.m50{width:calc(75% - 100px) !important}.w75p.ml50,.w75p.mr50{width:calc(75% - 50px) !important}.w100p.m50{width:calc(100% - 100px) !important}.w100p.ml50,.w100p.mr50{width:calc(100% - 50px) !important}.bb{box-sizing:border-box}
.dn{display:none}
.col2{width:50%;float:left}
.col3{width:33.3%;float:left}
.col4{width:25%;float:left}.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}.overY{overflow-y:auto}
.overX{overflow-x:auto}
.over{overflow:auto}.block{display:block !important}
.inline{display:inline !important}
.inline-block{display:inline-block !important}.f10{font-size:10px}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f28{font-size:28px}.f30{font-size:30px}.f48{font-size:48px}
.point{cursor:pointer}input:checked + label + .showIfAdjInputChecked,
input:checked + .showIfAdjInputChecked{display:block;
}
.tableControls-label{display:inline-block;
}
.tableControls-area{position:absolute;right:0;top:0;
}
.sortable-icon{display:none;position:relative;top:-2px;margin-left:5px;
}
.sorting .sortable-icon{display:inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid black;
}
.sortable-icon.sort_up{transform:rotate(180deg);
}
table .sortable .tableControls-label{cursor:pointer;
}
table .searchable{position:relative;
}
.tableSearchable-area .tableSearchable-searchIcon{position:absolute;right:0;top:0;
}
input[type='text'].tableSearchable-input{padding:0;width:calc(100% - 28px);padding:5px;
}
.tableSearchable-area .tableSearchable-searchIcon,
.tableSearchable-area .tableSearchable-closeIcon{cursor:pointer;
}
.tableSearchable-area .tableSearchable-searchIcon,
.tableSearchable-area .tableSearchable-closeIcon,
.tableSearchable-input,
table th:hover.searching .tableSearchable-area .tableSearchable-searchIcon,
table td:hover.searching .tableSearchable-area .tableSearchable-searchIcon,
.searching .tableControls-label{display:none;
}
table th:hover .tableSearchable-area .tableSearchable-searchIcon,
table td:hover .tableSearchable-area .tableSearchable-searchIcon,
.searching .tableSearchable-area .tableSearchable-closeIcon,
.searching .tableSearchable-input{display:block;
}
*.hideOnDesktop{display:none;}
.smart_scroll{overflow:hidden;
}
.smart_scroll:hover{overflow-y:auto;
}

#miniPop_blocker{background-color:rgba(150,150,150,.5);z-index:200;display:flex;justify-content:center;align-items:center;
}
#miniPop{min-width:300px;min-height:50px;max-height:calc(100vh - 20px);overflow-y:auto;background-color:#fff;padding:10px 15px;text-align:left;position:relative;font-family: Open Sans;
}
#miniPop_question{font-size:18px;margin-bottom:10px;padding-bottom:5px;padding-right:20px;color:#666;border-bottom:2px solid #2d3f82;
}
#miniPop_detail{font-size:14px;color:#666;margin-bottom:10px;
}
#miniPop_buttons{margin-top:30px;
}
#miniPop_buttons .core-btn{float:right;margin:0 0 0 10px;
}
#miniPop_buttons .core-btn.fl{margin:0 10px 0 0;
}
#miniPop_inputs{margin:10px 0;
}
#miniPop_inputs.miniPop_inputs_blocked{display:flex;
}
#miniPop_inputs > .miniPop_inputBlock{margin:16px;
}
.miniPop_input_break{border-bottom:1px solid #999;margin-top:10px;margin-bottom:10px;
}
#miniPop_inputs .miniPop_input.invalid{border-color:#900;
}
#miniPop_inputs .miniPop_input.invalid::placeholder{color:#900;
}
#miniPop_inputs input[type="checkbox"]:not(:checked),
#miniPop_inputs input[type="checkbox"]:checked{display:inline;opacity:1;position:static;
}
#miniPop_inputs input[type="checkbox"]{width:auto;height:auto !important;pointer-events:auto;
}
#miniPop_inputs .autofill{position:relative;
}
#miniPop_inputs .miniPop_autofill_area{position:absolute;width:100%;max-height:100px;overflow-y:auto;border:1px solid #000;background-color:#fff;
}
#miniPop_inputs .miniPop_autofill_area > div{padding:5px;cursor:pointer;
}
#miniPop_inputs .miniPop_autofill_area > div:hover{background-color:#aaa;
}
.miniPop_multiselect{border:1px solid #999;position:relative;padding-top:25px;margin-left:2px;
}
.miniPop_multiselect_readout{position:absolute;top:0;font-size:14px;line-height:25px;
}
.miniPop_multiselect_readout .awe{position:relative;top:3px;right:5px;font-size:18px;
}
.miniPop_multiselect_options{border-top:1px solid #999;min-height:60px;max-height:100px;
}
.miniPop_multiselect_options > div{padding:2px;
}
.miniPop_multiselect_options > div:nth-child(even){background-color:#eee;
}
.miniPop_multiselect_options input[type='checkbox']{position:relative;top:2px;margin-right:4px;display:inline;opacity:1;position:static;
}
.miniPop_multiselect > div label{display:inline-block;font-weight:normal;
}
.miniPop_multiselect > div input:checked + label{font-weight:bold;
}
#miniPop_blocker > .input_multiselect{position:absolute;width:50vw;max-height:75vh;background-color:#fff;text-align:left;overflow:hidden;padding:10px;
}
#miniPop_blocker > .input_multiselect .miniPop_multiselect_options{min-height:auto;max-height:calc(75vh - 75px);width:100%;
}
#miniPop_blocker > .input_multiselect .miniPop_multiselect_options input[type='checkbox']{width:auto;height:auto !important;pointer-events:auto;
}
.miniPop_multiselect_grower_text span{display:none;
}
#miniPop_blocker.multiselect_open .miniPop_multiselect_grower_text span{display:inline;padding-right:15px;cursor:pointer;
}
#miniPop_blocker.multiselect_open > #miniPop{display:none;
}
#miniPop_inputs textarea{height:100px;min-height:auto;max-height:auto;
}
.miniPop_checkbox label{display:inline-block;
}
#miniPop_inputs > div{margin-bottom:10px !important;break-inside:avoid;
}
#miniPop_inputs .miniPop_input_label{font-size:14px;font-weight:300;margin-bottom:2px;margin-left:2px;
}
#miniPop_inputs .input_file{position:relative;height:40px;
}
#miniPop_inputs .input_file input[type='file']{position:absolute;width:calc(100% - 36px);top:0;left:0;opacity:0;cursor:pointer;
}
#miniPop_inputs .input_file input[type='text']:not(.miniPop_input_file_target){margin-left:10px;height:36px !important;width:calc(100% - 76px - 36px - 20px);float:left;
}
#miniPop_inputs .input_file .core-btn{width:76px;float:left;
}
#miniPop_inputs .input_file .miniPop_input_file_preview{width:36px;height:36px;margin-left:10px;align-items:center;justify-content:center;border:1px solid #999;float:left;position:relative;cursor:pointer;
}
#miniPop_inputs .input_file .miniPop_input_file_preview img,
#miniPop_inputs .input_file .miniPop_input_file_preview span.material-icons{max-height:100%;max-width:100%;
}
#miniPop_inputs .input_file .miniPop_input_file_preview .miniPop_input_file_remove{font-size:20px;line-height:36px;width:100%;opacity:0;position:absolute;color:#fff;
}
#miniPop_inputs .input_file .miniPop_input_file_preview:hover img + .miniPop_input_file_remove,
#miniPop_inputs .input_file .miniPop_input_file_preview:hover span.material-icons + .miniPop_input_file_remove{opacity:.75;background-color:#900;
}
#miniPop_inputs .input_file .miniPop_input_file_error{display:none;height:100%;width:100%;position:absolute;background-color:#fff;border-top:1px solid #900;border-bottom:1px solid #900;
}
#miniPop_inputs .input_file .miniPop_input_file_error > div{height:100%;
}
#miniPop_inputs .input_select select{display:block;
}
a.ql-close{display:inline;
}
.ql-tooltip-editor input{box-sizing:border-box !important;
}
#miniPop_internalBlocker{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.75);top:0;left:0;display:flex;color:#fff;align-items:center;justify-content:center;
}
#miniPop_waitingBelt{position:absolute;top:calc(50% - 5px);width:100%;height:10px;
}
#miniPop_waitingBelt_dot{position:absolute;left:0;width:10px;height:10px;border-radius:5px;background-color:green;display:inline-block;animation-name: waiting-bounce;animation-duration: 500ms;animation-iteration-count: infinite;animation-timing-function: linear;
}
@keyframes waiting-bounce {0%{left:0;top:0;}25%{top:-25px;}50%{left:calc(100% - 10px);top:0;}75%{top:25px;}100%{left:0;top:0;}
}

#core-toasts{position:fixed;right:0;bottom:0;padding:20px;font-family:Open Sans;z-index:300;
}
#core-toasts .core-toast_wrapper{position:relative;
}
#core-toasts .core-toast{padding:10px 20px;background-color:#666;color:#fff;position:relative;bottom:-20px;opacity:0;transition: all .5s;margin-bottom:10px;min-width:200px;background-position:5px 6px;background-repeat:no-repeat;padding-left:50px;text-align:right;cursor:default;
}
#core-toasts .core-toast.popped{bottom:0;opacity:1;
}
#core-toasts .core-toast .core-toast_bar{position:absolute;bottom:0;right:0;height:4px;width:100%;border-left:1px solid #000;
}
#core-toasts .core-toast .core-toast_bar.core-green{background-color:#8CC63E;
}
#core-toasts .core-toast .core-toast_bar.core-red{background-color:#900;
}
#core-toasts .core-toast .core-toast_bar.core-grey{background-color:#666;
}

.core-btn{padding:8px 16px;font-size:14px;background-color:#999;color:#fff;line-height:20px;cursor:pointer;display:inline-block;opacity:.9;transition:opacity .1s;
}
.core-btn:hover{background-color:#333;opacity:1;
}
.core-btn + .core-btn{margin-left:10px;
}
.core-btn.green{background-color:#2D8270}
.core-btn.blue{background-color:#3684A3}
.core-btn.red{background-color:#A3364D}
.core-btn.invalid{background-color:#A3364D !important}
@media screen and (max-width: 550px) {*.hideOnMob{display:none;}*.showOnMob,*.hideOnDesktop{display:initial;}span.showOnMob{display:inline;}.smart_scroll{overflow-y:auto;}
}.ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover { outline: none; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #fff; } @media (pointer: coarse) { .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) { color: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #ccc; } } .ql-bubble { box-sizing: border-box; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ''; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #ccc; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code, .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "\D7"; font-size: 16px; font-weight: bold; } .ql-container.ql-bubble:not(.ql-disabled) a { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a::before { background-color: #444; border-radius: 15px; top: -5px; font-size: 12px; color: #fff; content: attr(href); font-weight: normal; overflow: hidden; padding: 5px 15px; text-decoration: none; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a::after { border-top: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 0; content: " "; height: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 200ms; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { visibility: visible; }html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;
}
body {line-height: 1;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;
}
table {border-collapse: collapse;border-spacing: 0;
}body {font-family: "Roboto", sans-serif;font-size: 16px;
}
#appends{width:100%;position:absolute;left:0;top:0;
}
.invisible_block{width:100%;height:100%;position: fixed;background-color:transparent;z-index:10;
}
h1 {color: #000000;font-size: 32px;line-height: 1.37;
}
input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;
}
.field-group + .field-group {margin-top: 32px;
}
.field {position: relative;padding-top: 24px;
}
.field .bottom_bar {width: 100%;height: 1px;background-color: #9E9E9E;
}
.field input[type=hidden] + .bottom_bar {display: none;
}
.field .bottom_bar_inner {width: 0;height: 2px;background-color: #098F75;transition: all 0.2s;margin: auto;
}
.label {transition: all 0.2s;font-size: 14px;color: #767676;
}
.field label {color: #767676;
}
.field label:not(.select-label) {position: absolute;top: 31px;transition: all 0.2s;
}
.field.radio-field label {position: relative;top: 0;
}
.field.radio-field label:first-of-type{display: block;margin-bottom: 10px;
}
.field textarea,
.field input:not([type="radio"]):not([type="checkbox"]) {font-family: "Roboto", sans-serif;width: 100%;border: 0;padding: 0;height: 40px;font-weight: 500;font-size: 14px;
}
.field textarea {padding: 10px 0;min-height: 60px;max-height: 200px;resize: vertical;
}
.field textarea.no_resize {resize: none;height: 80px;
}
.field input:disabled,
.field textarea:disabled {background-color: inherit;
}
.field.active label {position: absolute;top: 0;font-size: 14px;color: #098F75;
}
.field textarea:focus + .bottom_bar .bottom_bar_inner,
.field input:focus + .bottom_bar .bottom_bar_inner {width: 100%;
}
.checkbox.invalid span {color: #FF3A2F;
}
.field.invalid label {color: #FF3A2F;
}
.field.invalid select {border-bottom: 1px solid #FF3A2F;
}
.field.invalid .bottom_bar .bottom_bar_inner {width: 100%;background-color: #FF3A2F;
}
.field .error_msg {display: none;color: #FF3A2F;width: 100%;font-size: 12px;margin-top: 3px;
}
.field .error_msg.green {color: #090;
}
.field.invalid .error_msg {display: block;
}
.field .show-hide-password {display: inline;position: absolute;top: 36px;right: 10px;cursor: pointer;color: #767676;
}
#password_error {color: #FF3A2F;
}
.button {font-family: "Roboto", sans-serif;border: none;border-radius: 5px;padding: 8px 16px;text-decoration: none;color: #ffffff;background-color: #23A7EB;cursor: pointer;transition: all .3s ease-out;min-width: 144px;font-size: 16px;font-weight: 600;line-height: 1.5;text-align: center;
}
.button.disabled {opacity: .5;cursor: default;
}
.button.thin{padding:5px 10px;
}
.button:hover{background-color: #5ab1f6;
}
.button.full_width{width:100%;
}
.button i{margin-right:5px;
}
.button.loading{padding-right:40px;position:relative;cursor:default;background-color:#53535a !important;color:#fff !important;
}
.button.loading .loader{content:"";border: 3px solid #fff; border-top: 3px	solid #0892cb; border-radius: 50%;width: 20px;height: 20px;animation: spin 2s linear infinite;display:inline-block;position:absolute;top:6px;right:10px;
}
.button.secondary {border: 1px solid #23A7EB;color: #23A7EB;
}
.button.secondary:hover {color: #5ab1f6;
}
.button.red {border: 1px solid #FF3A2F;color: #FF3A2F;
}
.button.red:hover {color: #fd4c12;
}
.button.secondary,
.button.secondary:hover,
.button.red,
.button.red:hover {background-color: #ffffff;
}
.button.next {display: flex;align-items: center;justify-content: center;align-self: flex-end;
}
.button.next i {font-size: 12px;margin-left: 8px;margin-right: 0;
}
.button-container label {font-size: 12px;color: #26a69a;margin-bottom: 4px;
}
.button-container label,
.button-container button {display: block;
}
.button-container .button {display: inline-block;margin-right: 16px;
}
.button-container.flex.spb {display: flex;flex-wrap: wrap;justify-content: space-between;
}
.button-container.flex.spb .button {margin-right: 0;
}@keyframes spin {0% { transform: rotate(0deg); }50% { transform: rotate(360deg); }100% { transform: rotate(720deg); }
}@keyframes blinker {50% {opacity: 0.7;}}.radio{margin-top:7px;display:inline-block;
}
.radio input{display:none;
}
.radio span{position:relative;padding-left:25px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:pointer;
}
.radio span:before{content: "";width:15px;height:15px;background-color:#fff;border:2px solid #5ab1f6;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display:inline-block;margin-right:5px;position:absolute;top:0;left:0;
}
.radio input:checked + span:after{content: "";width:11px;height:11px;background-color:#5ab1f6;position:absolute;left:4px;top:4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.checkbox {margin-top: 7px;display: inline-block;
}
.checkbox input {display: none;
}
.checkbox span {position: relative;padding-left: 32px;cursor: pointer;font-size: 14px;display: inline-block;color: #000000;
}
.checkbox span::before {content: "";width: 22px;height: 22px;background-color: #fff;border: 1px solid #23A7EB;border-radius: 5px;display: inline-block;margin-right: 5px;position: absolute;top: -2px;left: 0;
}
.checkbox input:checked + span::before {background-color: #23A7EB;
}
.checkbox input:checked + span::after {content: "";width: 12px;height: 6px;position: absolute;left: 5px;top: 4px;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;transform: rotate(-45deg);
}
#blocker {display: flex;align-items: center;justify-content: center;position:fixed;z-index:2999;width:100%;height:100%;background-color:rgba(0,0,0,0.2);content:" ";left:0;top:0;
}
#alert {background-color: #FFFFFF;z-index: 3000;position: fixed;width: calc(100% - 80px);max-width: 430px;box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
#alert #alert_content {max-height: 500px;overflow-y: auto;overflow-x: hidden;padding: 24px;
}
.alert_title {font-size: 18px;font-weight: 600;margin: 0 -24px 24px;padding: 0 24px 24px;border-bottom: 1px solid #DBDBDB;
}
#alert_buttons {padding: 24px;border-top: 1px solid #DBDBDB;
}
#pagination{display:flex;justify-content:center;margin-top:24px;
}
#pagination .pagination_page{border:1px solid #cccccc;text-align:center;height:30px;line-height:30px;min-width:30px;margin:2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer;
}
#pagination .pagination_page:not(.selected):hover{background-color: rgba(35, 167, 235, .3);
}
#pagination .pagination_page.selected{background: #23A7EB;color: #FFFFFF;cursor: default;
}
#footer {border-top: 16px solid #FFCD00;background-color: #000000;color: #FFFFFF;padding: 80px 0;
}
#footer_top {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 56px;
}
#footer_left {display: flex;gap: 56px;
}
#footer_right img {vertical-align: middle;
}
#footer_right img + img {padding-left: 16px;
}
#footer_logo {width: 80px;height: 80px;
}
#footer_logo img {max-width: 100%;max-height: 100%;
}
#footer_bottom {display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;margin-top: 16px;
}
#footer_social {display: flex;gap: 8px;
}
.share-container span,
#footer_social span {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background-color: #FFCD00;border-radius: 100%;
}
.share-container button:hover span,
#footer_social button:hover span {animation-name: bounce;animation-duration: 1000ms;animation-iteration-count: infinite;
}
#footer .overdiv-1224 {width: 100%;max-width: 1272px;padding: 0 24px;margin: 0 auto;
}
#footer .medium-500 {font-weight: 500;
}
#footer .button {font-family: "Roboto", sans-serif;border: none;background-color: transparent;cursor: pointer;border-radius: 0px;padding: 0px;text-decoration: none;color: #000000;transition: none;min-width: auto;font-size: 16px;font-weight: 600;line-height: 1.5;text-align: center;
}body {background-color: #F9F9F9;line-height: 1.5;
}

header {position: sticky;top: 0;left: 0;width: 100%;z-index: 3;background-color: #FFFFFF;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
}
header .top {height: 80px;width: 100%;background-color: #FFFFFF;
}
header .top #logo {margin-left: 16px;margin-top: 16px;
}
.login-container {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;gap: 32px;width: 100%;height: 100%;padding: 60px 24px;min-height: calc(100vh - 416px);
}
.login-container > .login_box {background-color: #FFFFFF;width: 100%;max-width: 496px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
.login_padding {padding: 40px;
}
.login_box_top {position: relative;z-index: 1;margin-bottom: 8px;
}
#login_form {position: relative;
}
.login-container .field {margin-bottom: 8px;
}
.login-container .radio-field{margin-bottom: 20px;
}
.forgot {position: relative;margin-top: 0;font-size: 14px;margin-bottom: 24px;color: #767676;margin-top: 16px;
}
.forgot a{transition:color 0.2s
}
.forgot a:hover{color: #222222;
}
.area_switch {position: relative;margin-top: 24px;font-size: 12px;margin-bottom: 0;color: #767676;
}
.area_switch a{transition:color 0.2s
}
.area_switch a:hover{color: #222222;
}
#top_buttons{position:relative;top:-43px;text-align:right;color:#fff;width:100%;font-size:14px;z-index:2;
}
#top_buttons a:hover{text-decoration: underline;
}
.message{margin-bottom:40px;color:#090;line-height:20px;
}
.message.red{color:#ff3300;
}
#bottom_buttons{background-color:#5ab1f6;text-align:center;color:#fff;font-size: 18px;
}
#bottom_buttons button {background-color:#fff;color:#5ab1f6;margin-top:20px;
}
.button-container {border-top: 1px solid #DBDBDB;padding: 32px 40px 40px;
}
#register_form .button-container {border: none;padding: 0;
}
.create-subtitle {margin-top: 24px;color: #000;
}
.cf-turnstile {max-width: 100%;overflow: hidden;
}@media only screen and (max-width: 900px) {header .top {height: 48px;}header .top #logo {width: 80px;margin: 8px 0 0 8px;}
}@media only screen and (max-width: 768px) {header .top #logo {width: 48px;margin: 0;}.login-container {padding-block: 40px;}
}@media only screen and (max-width: 500px) {.login_box_top h1 {font-size: 28px;}.login_padding {padding: 32px 24px;}.button-container {padding: 24px 24px 32px;}
}