*{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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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_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_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']{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;
}html {line-height: 1.15; -webkit-text-size-adjust: 100%; 
}body {margin: 0;
}h1 {font-size: 2em;margin: 0.67em 0;
}hr {box-sizing: content-box; height: 0; overflow: visible; 
}pre {font-family: monospace, monospace; font-size: 1em; 
}a {background-color: transparent;
}abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; 
}b,
strong {font-weight: bolder;
}code,
kbd,
samp {font-family: monospace, monospace; font-size: 1em; 
}small {font-size: 80%;
}sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;
}sub {bottom: -0.25em;
}sup {top: -0.5em;
}img {border-style: none;
}button,
input,
optgroup,
select,
textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; 
}button,
input { overflow: visible;
}button,
select { text-transform: none;
}button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;
}button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;
}button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;
}fieldset {padding: 0.35em 0.75em 0.625em;
}legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; 
}progress {vertical-align: baseline;
}textarea {overflow: auto;
}[type="checkbox"],
[type="radio"] {box-sizing: border-box; padding: 0; 
}[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;
}[type="search"] {-webkit-appearance: textfield; outline-offset: -2px; 
}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;
}::-webkit-file-upload-button {-webkit-appearance: button; font: inherit; 
}details {display: block;
}summary {display: list-item;
}template {display: none;
}[hidden] {display: none;
}

*{margin: 0;padding: 0;
}
#header *,
#main *,
#footer *{box-sizing: border-box;
}
#main{position: relative;
}
html, body{min-height: 100%;
}
body{font-family: chevin-pro, sans-serif;font-style: normal;font-weight: 500;font-size: 18px;line-height: 27px;color: #2A2A2D;
}
h2, h3, h4, h5, h6{font-weight: bold;
}
h2, h3, h4, h5, h6{font-family: din-2014, sans-serif;
}
h1{font-size: 40px;line-height: 56px;margin: 0 0 24px;
}
h2{font-size: 32px;line-height: 48px;
}
h3{font-size: 26px;line-height: 39px;
}
h4{font-size: 20px;line-height: 30px;margin-bottom: 8px;
}
h5{font-size: 18px;line-height: 27px;
}
h6{font-size: 16px;line-height: 24px;
}
.regular{font-size: 16px;line-height: 24px;
}
.small{font-size: 14px;line-height: 21px;
}a{display: inline-block;transition: color 0.3s ease;cursor: pointer;
}
.back_container a{text-decoration: none;color: #2A2A2D;
}
.click:hover{cursor:pointer;color: #DA202A;
}
.link,
.link:hover {color: #DA202A;
}
body img,
.overdiv img {max-width: 100%;
}
span {display: inline-block;
}.big_overdiv,
.overdiv,
.small_overdiv,
.smaller_overdiv{padding: 0 40px;
}
.big_overdiv{display: flex;justify-content: space-between;align-items: center;min-height: 40px;
}
.overdiv{max-width: 1440px;margin: 0 auto;
}
.small_overdiv{max-width: 768px;margin: 0 auto;
}
.smaller_overdiv{max-width: 736px;margin: 0 auto;
}
.max432{max-width: 432px;margin: 0 auto;padding-bottom: 80px;
}.relative{position: relative;
}.flex{display: flex;
}
.justify_center{justify-content: center;
}
.space_between{justify-content: space-between;
}
.align_center{align-items: center;
}.center{text-align: center;
}
.text-right {text-align: right;
}.w50{width: 50%;
}
.w325{max-width: 325px;margin: 0 auto 40px;
}.mt8{margin-top: 8px;
}
.mt16{margin-top: 16px;
}
.mt24{margin-top: 24px;
}
.mt32{margin-top: 32px;
}
.mt40{margin-top: 40px;
}
.mb32{margin-bottom: 32px;
}
.mb64{margin-bottom: 64px;
}.pb136{padding-bottom: 136px;
}
.pb128{padding-bottom: 128px;
}
.pb104{padding-bottom: 104px;
}
.pb32{padding-bottom: 32px;
}.pointer{cursor: pointer;
}.border_bottom{border-bottom: 2px dotted #C8C8C8;padding-bottom: 16px;margin-bottom: 16px;
}.snow_background{background: #F4F4F3;padding-top: 32px;
}
.red_text{color:#DA202A;
}
.accordion_title.selected i{transform:rotate(180deg);
}
.accordion_title.selected + .accordion_content{display:block;
}.category_sidebar{font-family: din-2014, sans-serif;position: absolute;top: 40px;width: 280px;
}
.category_sidebar h6{color: #53535A;padding-left: 40px;text-align: center;
}
.single_category_container{font-weight: bold;font-size: 20px;line-height: 30px;
}
.single_category{padding: 16px 8px 16px 40px;border-top: 1px solid #DADADA;border-right: 1px solid #DADADA;cursor: pointer;display: flex;transition:background-color .2s;align-items: center;
}
.single_category.selected,
.single_category:hover{background-color: #F4F4F3;
}
.single_category a{color:inherit;text-decoration: none;
}
.single_category:last-child{border-bottom: 1px solid #DADADA;
}
.single_category .single_cat_image{display:flex;align-items: center;
}
.single_category.cat_selected{color: #DA202A;background: #F4F4F3;
}
.single_cat_image{margin-right: 16px;width: 24px;
}.error_text{font-family: din-2014, sans-serif;font-size: 14px;line-height: 21px;color: #DA202A;
}
.grecaptcha-badge{bottom:30px !important;
}
@media only screen and (max-width: 768px){.grecaptcha-badge{display:none;}
}button.button{font-size: 18px;line-height: 27px;font-weight: bold;min-width: 216px;padding: 0 16px;height: 40px;display: flex;align-items: center;justify-content: center;transition: transform 400ms;cursor: pointer;
}
button.primary{border: 1px solid transparent;background: linear-gradient(90deg, #DA202A 0%, #FF4242 100%);color: #FFFFFF;
}
button.secondary{border: 1px solid #DA202A;background: #FFFFFF;color: #DA202A;
}
button.button:hover{border: 1px solid transparent;background: linear-gradient(90deg, #DA202A 0%, #FF4242 100%);color: #FFFFFF;
}
button.button:active{background: #DA202A;color: #FFFFFF;
}
button.button:hover,
button.header_phone:hover{box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);cursor: pointer;transform: scale(1.05);
}
button.header_phone{font-size: 18px;line-height: 27px;font-weight: bold;background: #FFFFFF;color: #DA202A;border: none;width: 176px;border-radius: 5px;height: 24px;display: flex;align-items: center;align-self: flex-start;justify-content: center;transition: transform 400ms;
}
button.header_phone a{color: inherit;
}
button.header_phone i{font-size: 16px;margin-right: 12px;
}
button.help{box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);border: 1px solid transparent;min-width: 104px;background: #404044;color: #FFFFFF;margin-right: 8px;
}
button.help:hover{background: #404044;
}
button.help:active{background: #2A2A2D;
}
button.primary.live{box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);min-width: 144px;
}
button.button i{font-size: 23px;margin-right: 8px;
}
button.register{min-width: 304px;height: 64px;margin: 56px auto 24px;
}
button.order_phone{font-size: 30px;line-height: 45px;max-width: 304px;width: 100%;height: 64px;border-radius: 5px;
}
button.asset_button{min-width: 200px;
}
button.add{margin-top: 80px;margin-left: 16px;min-width: 200px;
}
button.prev{background: url("/res_images/red-arrow-left.svg") no-repeat 50% 50%;min-width: 40px;padding: 0;margin-right: 10px;
}
button.prev i{display: none;font-size: 17px;margin: 0;
}
button.prev:hover i{display: block;
}
button.disabled{opacity: 0.5;
}
button.button.disabled:hover{box-shadow: none;cursor: auto;transform: scale(1);
}
button.button.w232 {width: 100%;max-width: 232px;padding: 0 8px;
}
.upload_button,
#upload_button{position:relative;cursor:pointer;
}
.upload_button:hover button,
#upload_button:hover button{border: 1px solid transparent;background: linear-gradient(90deg, #DA202A 0%, #FF4242 100%);color: #FFFFFF;box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);cursor: pointer;transform: scale(1.05);
}
.upload_button input[type="file"],
#upload_button input[type="file"]{position:absolute;left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px);font-size:300px;padding:0;margin:0;opacity: 0;cursor:pointer;
}#overdiv input,
#overdiv textarea,
.custom_select select{border: 1px solid #888888;color: #53535A;font-size: 16px;line-height: 24px;padding: 0 16px;width: 100%;height: 40px;margin-top: 8px;
}
#overdiv textarea{height: 112px;padding: 12px 16px;resize: none;
}
#overdiv .container input{width: 50%;
}
.input_text{font-family: din-2014, sans-serif;font-weight: bold;font-size: 16px;line-height: 24px;
}
.custom_select select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;outline: none;cursor: pointer;background: url("/res_images/arrow-down.svg") no-repeat 96% 50%;padding-right: 35px;
}
.custom_select.selected select{background: url("/res_images/arrow-up-red.svg") no-repeat 96% 50%;
}
.container{display: flex;position: relative;padding-left: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #53535A;cursor: pointer;font-weight: 500;margin-bottom: 8px;
}
.container input{position: absolute;opacity: 0;height: 0;width: 0;
}
textarea.invalid,
input.invalid{border-color:#DA202A !important;
}
span.invalid,
div.invalid{color:#DA202A !important;
}
.checkmark{position: absolute;top: 2px;left: 2px;height: 20px;width: 20px;border: 2px solid #929292;box-sizing: border-box;border-radius: 2px;
}
.container input:checked ~ .checkmark{background: linear-gradient(90deg, #DA202A 0%, #FF4242 100%);border: none;border-radius: 0;
}
.container input:checked ~ span{color: #DA202A;font-weight: bold;
}
.checkmark:after{content: "";position: absolute;display: none;
}
.container input.invalid ~ .checkmark{border-color: #DA202A;
}
.container input:checked ~ .checkmark:after{display: block;left: 7px;top: 1px;width: 5px;height: 13px;border: solid #FFFFFF;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}
.checkbox_label{font-size: 16px;line-height: 24px;
}
.leaflet_schedule_box .container input:checked ~ span,
.details_container .container input:checked ~ span{color: inherit;font-weight: 500;
}
.force_upper{text-transform:uppercase;
}.input_tooltip{display: flex;justify-content: space-between;align-items: center;
}
.tooltip{position: relative;display: inline-block;cursor: pointer;
}
.tooltip .tooltiptext{visibility: hidden;font-family: chevin-pro, sans-serif;font-size: 14px;line-height: 21px;background-color: #888888;color: #FFFFFF;text-align: center;padding: 16px;position: absolute;z-index: 1;bottom: 140%;left: 50%;width: 256px;margin-left: -128px;
}
.tooltip .tooltiptext::after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #888888 transparent transparent transparent;
}
.tooltip:hover .tooltiptext{visibility: visible;
}.popup{display: none;font-weight: 500;font-size: 18px;line-height: 27px;color: #2A2A2D;
}
.popup a{color: #DA202A;font-weight: bold;
}
.popup .buttons{display:flex;justify-content: space-between;
}
.popup .buttons button:first-child{margin-bottom: 0;
}
.blocker{position: fixed;z-index: 2999;width: 100%;height: 100%;background: rgba(42, 42, 45, .75);content: " ";left: 0;top: 0;
}
.popup .smaller_overdiv{position: fixed;z-index: 3000;background-color: #FFFFFF;box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);max-width: 665px;padding-top: 32px;padding-bottom: 40px;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;max-height: calc(100vh - 20px);overflow: auto;
}
.popup .close{cursor: pointer;display: flex;align-items: center;position: absolute;right: 16px;top: 16px;font-weight: normal;font-size: 14px;line-height: 21px;
}
.popup .close i{font-size:20px;margin-right: 4px;
}
.popup .close:hover{color:#DA202A;
}
.popup button{margin: 40px auto;
}#define_area_popup button{margin-bottom: 24px;
}#leaflet_popup .smaller_overdiv{border-bottom: 4px solid #DA202A;
}
#leaflet_popup .icon{font-size: 42px;color: #DA202A;
}
#leaflet_popup .input_container{max-width: 392px;margin: 32px auto 0;text-align: left;
}
#leaflet_popup button{margin-top: 16px;
}
#leaflet_thanks_popup .icon{font-size: 46px;color: #62A531;
}
#leaflet_thanks_popup .smaller_overdiv{border-bottom: 4px solid #62A531;
}#pay_popup .flex{justify-content: center;
}
#pay_popup .box{max-width: 304px;margin: 0 16px;text-align: left;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);padding: 16px;display:flex;flex-direction: column;justify-content: space-between;
}
#pay_popup .text{flex-grow: 2;display:flex;align-items: center;font-weight: 500;font-size: 16px;line-height: 24px;color: #888888;
}
#pay_popup .checkbox_label{font-family: din-2014, sans-serif;font-weight: bold;font-size: 18px;line-height: 27px;color: #000000;
}
#pay_popup .box button{margin-top:0;
}#select_pricing_rate .smaller_overdiv{padding: 48px 16px 56px;
}
#select_pricing_rate .rate_card_section{margin: 32px 0 40px;justify-content: space-between;
}
#select_pricing_rate .rate_card_box{width: 304px;text-align: left;
}.header_top_container{background: #C70F15;color: #FFFFFF;font-size: 14px;line-height: 21px;font-weight: bold;padding: 8px 40px
}
.header_top_container i{font-size: 23px;margin-left: 8px;
}
.header_top_container .header_right{display: flex;
}
.header_top_container .header_right .text_icon{margin-left: 16px;display: flex;align-items: center;
}
.header_bottom_container{background: #DA202A;padding-top: 8px;padding-bottom: 8px;
}
.header_logo{width: 176px;height: 52px;
}
.page_title{color: #FFFFFF;
}
.page_title:first-letter{text-transform: capitalize;
}

.menu_step{margin-top: 32px;position: relative;z-index: 1;
}
.menu_overdiv{display: flex;justify-content: center;align-items: center;
}
.menu_step ul li a{width: 16px;height: 16px;border-radius: 50%;background: #E3E3E3;
}
.menu_step ul li{margin-right: 16px;
}
.menu_step ul li:last-child{margin-right: 0;
}
.menu_step ul li.menu_selected a,
.menu_step ul li a:hover{background: #DA202A;
}
.menu_step ul li.menu_selected a{text-decoration: underline;font-weight: bold;
}
.step_image{width: 200px;height: 200px;margin: 32px auto;
}

.menu_account{height: 40px;background: #DA202A;position: relative;z-index: 1;
}
.menu_account ul{width: 100%;justify-content: flex-end;overflow: hidden;overflow-x: auto;
}
.menu_account ul li a{font-size: 16px;line-height: 24px;background: #FFFFFF;color: #404044;padding: 8px 16px;border-left: 1px solid #C1C6C8;white-space: nowrap;
}
.menu_account ul li:first-child a{border-left: none;
}
.menu_account ul li.menu_selected a,
.menu_account ul li a:hover{text-decoration: underline;
}
.menu_account ul li.menu_selected a{font-weight: bold;
}
.menu_account ul li:last-child a{background: #404044;color: #FFFFFF;
}

#mobile_menu{display: none;position: absolute;left: 40px;color: #FFFFFF;text-align: center;line-height: 24px;cursor: pointer;
}
#mobile_menu i{font-size: 23px;
}
.sidebar{display: none;position: fixed;width: 100%;top: 0;bottom: 0;overflow: auto;z-index: 1000;background: #C1C6C8;
}
#close_sidebar{background: #DA202A;width: 55px;height: 55px;position: absolute;right: 0;top: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;color: #FFFFFF;
}
#sidebar_content{background: #FFFFFF;width: calc(100% - 55px);position: relative;box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
}
#sidebar_top{background: #F4F4F3;display: flex;height: 55px;padding: 0 40px;
}
#sidebar_top button{align-self: center;
}
#sidebar_menu{padding: 20px 40px 200px;
}
#sidebar_menu button{min-width: 280px;
}
#sidebar_menu h5 a{display: flex;justify-content: space-between;margin-top: 20px;
}
#sidebar_menu h5 i{color: #DA202A;
}
#sidebar_bottom{position: absolute;bottom: 0;padding: 0 40px 20px;
}
#subheader_mobile{display: none;
}.next_step_container{width: 100%;
}
.next{width: 100%;
}
.footer_container{background: #2A2A2D;color: #F4F4F3;z-index: 2;position: relative;padding: 8px 40px;
}
.footer_contact{font-size: 16px;line-height: 24px;
}
.footer_contact a{text-decoration: underline;color: inherit;
}
.footer_copyright{font-size: 14px;line-height: 21px;
}.home_left{background: url("/res_images/royalmail-home.png") no-repeat 100% 50%;background-size: cover;
}
.home_right{padding: 64px 40px 56px 32px;
}
.home_overdiv{max-width: 664px;
}
.home_title{max-width: 476px;
}
.home_subtitle{max-width: 432px;
}
.home_red_box, .home_snow_box{padding: 16px;
}
.home_red_box{background: #DA202A;color: #FFFFFF;margin: 32px 0 24px;cursor: pointer;
}
.home_red_box .text{min-height: 80px;
}
.home_red_box a{font-weight: bold;margin-top: 24px;
}
.home_snow_box{background: #F4F4F3;
}
.home_snow_box:first-child{margin-right: 24px;
}
.home_snow_box a{font-weight: bold;color: #DA202A;margin-top: 16px;
}.map_grid{display: flex;min-height:calc(100vh - 148px);
}
.filter_sidebar{min-width: 344px;width: 29%;
}
.filter_sidebar,
.filter_selectors{padding: 24px 40px;box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.1);
}
.filter_sidebar button{min-width: 100%;
}
.distribution_area_map_title{color: #DA202A;text-transform: capitalize;
}
.distribution_area_map_filter > div {width: 50%;padding: 12px;text-align: center;border-bottom: 2px solid #EEEEEF;margin-bottom: 16px;font-size: 16px;line-height: 24px;color: #949496;cursor: pointer;
}
.distribution_area_map_filter > div.selected {font-weight: 700;color: #DA202A;border-bottom: 2px solid #DA202A;
}
.map_container{width: 100%;position: relative;min-height: calc(100vh - 148px);
}
#map_key{position: absolute;z-index: 2;right: 40px;background: #FFFFFF;
}
#map_key .flex{align-items: center;
}
.green_square,
.purple_square{width: 32px;height: 32px;border: 2px solid #FFFFFF;
}
.purple_square{background: #991E5A;
}
.green_square{background: #62A531;
}
.map_key_text{font-weight: 500;font-size: 14px;line-height: 21px;margin-left: 8px;margin-right: 16px;
}
.maps, #map{width: 100%;height: 100%;
}
#map_sectors,
.filter_selectors,
#add_this_area,
.map_grid.selectors .filter_sidebar{display: none;
}
.map_grid.selectors .filter_selectors{display: block;position: relative;z-index: 1;background: #FFFFFF;width: 90%;max-width: 696px;
}
.filter_selectors_top {display: flex;align-items: center;justify-content: space-between;
}
.filter_selectors .container,
.filter_selectors .titles{display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 8px;
}
.filter_selectors .titles h6:first-child,
.sector_name {grid-column: 1 / span 2;
}
.sector_name i {color: #929292;font-weight: 400;font-size:12px;
}
.filter_selectors .container input:checked ~ span.notsector{font-weight: 500;
}
.selector_area{width: calc(100% - 232px);
}
.selector_area_right{width: 232px;
}
.selectors_selected_box{display: grid;margin-top: -16px;padding: 24px;grid-row-gap: 8px;
}
.selectors_selected_box h3,
.saved_sector_box h3{color: #DA202A;
}
.selectors_selected_box, .saved_sector_box{color: #53535A;background: #F4F4F3;
}
.saved_sector_box{display: none;margin: 0 -40px;padding: 24px 40px;grid-gap: 8px;grid-template-columns: repeat(2, 1fr);
}
.saved_sector_box h3, .saved_sector_box h6{align-self: center;
}
.map_grid.sectors_saved .saved_sector_box{display: grid;
}
#sector_list{overflow: auto;max-height: 49vh;margin-top: 16px;margin-right: 16px;
}
.sector_areas{padding-left:8px;
}
.sector_areas ,
.sector_section.open .sector_section_top .cost,
.sector_section.open .sector_section_top .addresses{display: none;
}
.sector_section.open .sector_areas{display:block;
}
.sector_section.open{margin-bottom:24px;
}
.sector_section u::before{content:"Show ";
}
.sector_section.open u::before{content:"Hide ";
}
#show_map{display: none;margin-top: 20px;color: #DA202A;text-align: center;
}
#save_sectors_mobile_map{display: none;position: absolute;bottom: 10%;left: 20px;z-index: 1;min-width: 152px;
}
#mobile_map_container,
#selector_mobile{display: none;
}
.selector_area > .small {color: #53535A;
}
.selector_area > .container {margin-bottom: 0;
}
.selector_area_right .price_note i {margin-left: 8px;font-size: 20px;color: #2A2A2D;cursor: pointer;
}
.map_price_note {display: none;margin-top: 5px;
}
#overdiv .container input.sector_checkbox{margin-top:0;padding:0;width:24px;height:24px;
}.container_with_total{position: relative;display: grid;grid-template-columns: 4fr 1fr;grid-column-gap: 32px;
}
.container_with_total > div{justify-self: flex-end;
}
.total_box{margin-bottom: 24px;color: #888888;
}
.total_box h6,
.jic{font-family: chevin-pro, sans-serif;font-weight: 500;
}
.total_box_middle .flex,
.total_box_vat .flex,
.total_box_bottom .flex{justify-content: space-between;align-items: center;
}
.total_box_vat,
.total_box_bottom{border-top: none;
}
.total_box_bottom h4,
.est_subtotal_title,
.est_subtotal_cost{color: #DA202A;margin-bottom: 0;
}
.est_subtotal_cost,
#total_cost{font-family: chevin-pro, sans-serif;
}
.jic i{vertical-align: middle;font-size: 18px;line-height: 24px;
}
.jic{font-size: 16px;line-height: 24px;
}
.jic .tooltip{position: relative;margin-left: 0;
}
.jic .tooltip .tooltiptext{bottom: 100%;width: 300px;margin-left: -84px;padding: 8px 16px;left: 50%;cursor:default;
}
.jic .tooltip .tooltiptext::after {left: 28%;
}
.jic .tooltip:hover .tooltiptext{visibility:hidden;
}
.jic .tooltip.active .awe{color:#DA202A;
}
.jic .tooltip.active .tooltiptext{visibility: visible;
}.price_note:before{position: absolute;content: "";top: 0;left: 0;width: 5px;height: 100%;background: linear-gradient(90deg, #3997DD 0%, #137BCF 100%);
}
.price_note{position: relative;background: #F2F9FF;color: #53535A;padding: 16px 16px 16px 21px;font-size: 16px;line-height: 24px;margin: 16px 40px 0;justify-content: space-between;
}
.price_note.full_width,
.selector_area_right .price_note{margin: 16px 0 10px;
}
.price_note img{min-width: 23px;margin-right: 4px;vertical-align: bottom;
}
.price_note b,
.price_note span{color: #2A2A2D;
}
.price_note span{text-decoration: underline;
}
.close_note i{font-size: 20px!important;color: #888888!important;margin: 0 0 0 10px!important;cursor: pointer;
}.top_info_box{background: #FFFCEA;border-left: 5px solid #FDDA24;color: #53535A;padding: 16px;font-size: 16px;line-height: 24px;margin: 8px 40px 0;justify-content: space-between;
}
.top_info_box i{color: #FDDA24;font-size: 23px;margin-right: 4px;vertical-align: middle;
}
.top_info_box div{display: inline-block;
}
.top_info_box b{color: #2A2A2D;
}
.top_info_box span.pointer{margin-top: 8px;text-decoration: underline;
}.distribution_area_box{justify-content: space-between;color: #000000;font-weight: 700;
}
.distribution_area_title,
.distribution_area_leaflets{font-family: din-2014, sans-serif;
}
.distribution_area_title{font-size: 24px;line-height: 36px;
}
.distribution_area_leaflets{font-size: 16px;line-height: 24px;font-weight: 400;
}
#add_area {margin-top: 0;
}
.small_desc {font-weight: 500;font-size: 12px;line-height: 18px;color: #888888;margin-top: 16px;
}
.underline {text-decoration: underline;
}
.edit_name {font-size: 16px;line-height: 24px;font-weight: 500;text-decoration: underline;color: #53535A;
}
.change_name {width: 100%;
}
.distribution_area_box.your_campaign_box{border: 1px solid #C1C6C8;border-radius: 5px;padding: 16px;justify-content: space-between;
}
.your_campaign_box .distribution_area_title {line-height: 32px;color: #DA202A;
}
.your_campaign_box .distribution_area_edit {display: flex;align-items: center;
}
.your_campaign_box .distribution_area_edit .click {font-family: chevin-pro, sans-serif;font-weight: 500;text-decoration: underline;color: #53535A;font-size: 16px;line-height: 24px;
}
.your_campaign_box .distribution_area_edit .click:hover {color: #DA202A;
}
.distribution_area_info {color: #2A2A2D;
}
.leaflet_details{display: grid;grid-template-columns: repeat(1, 1fr);grid-column-gap: 48px;grid-row-gap: 16px;
}
.delivery_3w_box {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);padding: 16px;
}
.delivery_3w_title {font-family: din-2014, sans-serif;font-weight: 700;font-size: 18px;line-height: 27px;color: #DA202A;margin-bottom: 13px;
}
.delivery_3w_box .container {margin-bottom: 0;
}
.delivery_3w_box .container input:checked ~ span {color: inherit;font-weight: 500;
}
.delivery_3w_section {border-top: 2px dotted #C8C8C8;margin-top: 16px;padding-top: 16px;font-size: 16px;line-height: 24px;color: #53535A;
}
.delivery_3w_section h4,
.delivery_3w_section h6 {color: #2A2A2D;
}
#next_disabled,
.delivery_3w_hidden {display: none;
}
#campaign_details {border-top: 2px dotted #C8C8C8;margin-top: 16px;padding-top: 16px;
}
.choose_asset{color: #DA202A;margin-left: 16px;align-self: center;
}
#upload_design_area{margin: 16px 0;padding: 8px 0 16px;border-top: 2px dotted #C8C8C8;border-bottom: 2px dotted #C8C8C8;
}
.leaflet_schedule_box .text,
#upload_design_area .text{margin-top: 8px;font-size: 16px;line-height: 24px;color: #53535A;
}
#upload_design_area .text a {display: inline;
}
#upload_design_area #upload_text{margin-top: 16px;color: #404044;font-size: 14px;line-height: 21px;
}
.text.small, .provide_later{color: #404044;
}
.leaflet_schedule_box.checked .schedule_number_box{display: flex;
}
.leaflet_box{position: fixed;top: 188px;right: 0;max-width: 304px;width: 26%;background: #F4F4F3;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
}
.leaflet_box > div{padding: 0 16px 16px;
}
.leaflet_box_text{font-size: 16px;line-height: 24px;color: #53535A;
}
.leaflet_box a{color: #DA202A;
}

.schedule_number_box{display: none;margin-left: 32px;margin-bottom: 16px;
}
.request_callback{align-self: flex-end;margin-left: 16px;
}
#schedule_small_border{border-bottom: 2px dotted #D4D4D4;padding-bottom: 24px;
}
#week_commencing{display: flex;flex-wrap: wrap;margin: 0 -4px;
}
.dates{border: 2px dotted #888888;text-align: center;padding: 3px 1px;font-family: din-2014, sans-serif;color: #888888;position: relative;width: 64px;height: 64px;margin: 4px;
}
.dates.disabled{cursor:default;border-color:#eee;color:#eee;
}
.dates.checked{border: 2px dotted #DA202A;color: #DA202A;
}
#overdiv .dates input{position: absolute;margin: 0;padding: 0;left: 0;top: 0;height: 100%;opacity: 0;cursor: pointer;
}
#overdiv .dates.disabled input{cursor: default;
}
.select_calendar{color: #DA202A;cursor: pointer;margin: 16px 0;
}
.select_calendar img{vertical-align: sub;
}
.schedule_date_title{font-family: din-2014, sans-serif;font-weight: bold;font-size: 24px;line-height: 36px;
}#calendar.popup .smaller_overdiv {max-height: calc(100vh - 180px);
}
.notice_schedule {font-size: 16px;line-height: 24px;font-weight: normal;text-align: left;background: #F2F9FF;border-left: 5px solid #0892CB;padding: 16px 16px 16px 11px;width: 100%;display: flex;margin-top: 24px;margin-bottom: 12px;
}
.notice_schedule div:first-child {width: 24px;height: 24px;
}
.notice_schedule > div:nth-child(2) {width: calc(100% - 24px);margin-left: 8px;
}
.user_authentication .text{color: #404044;
}
.user_authentication .link{color: #DA202A;
}

.review_pay_box{border-top: 2px dotted #C1C6C8;justify-content: space-between;padding: 16px 0;
}
.review_pay_box:first-child{border-top: none;
}
.review_pay_title{width: 100%;color: #53535A;font-weight: normal;margin-right: 8px;
}
.review_pay_box h4{font-size: 24px;line-height: 36px;margin-bottom: 0;
}
.review_pay_edit{cursor: pointer;height: 23px;
}
.review_order_design{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.review_order_design h4{font-size: 18px;line-height: 27px;
}
.review_order_sectors{position: relative;
}
.review_order_sectors .accordion_title{position: absolute;right: 0;top: 5px;
}
.review_order_sectors .area{width: calc(100% - 118px);
}
.leaflet_schedule_box.terms_check_visual{background: #F4F4F3;padding: 10px 16px 2px;font-size: 16px;line-height: 24px;color: #53535A;
}
.leaflet_schedule_box.terms_check_visual .container{color: #404044;
}

#details_general_container{padding: 0 40px;
}
#details_general_container .border_bottom{max-width: 1440px;margin: 0 auto 16px;
}
.details_container{max-width: 1420px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, 904px 432px);grid-gap: 32px;padding-bottom: 8px;justify-items: center;justify-content: center;
}
.details_left{display: grid;grid-template-columns: 432px 432px;grid-column-gap: 32px;grid-row-gap: 16px;
}
.details_content{display: grid;grid-row-gap: 16px;max-width: 432px;grid-auto-rows: minmax(min-content, max-content);
}
.details_content .label_container{margin-right: -46px;
}
.details_container .yes{margin-right: 38px;
}
.review_pay_box .accordion_content table th{font-family: din-2014, sans-serif;
}
.review_pay_box .accordion_content table th,
.review_pay_box .accordion_content table td{padding:2px 20px 2px 0;text-align:left;font-size: 16px;line-height: 24px;
}
#upload_text{margin-top:5px;font-weight: 500;font-size: 16px;line-height: 24px;
}
#image_input_file_preview img{max-height:200px;max-width:200px;
}
#image_input_file_preview i{font-size:55px;margin:5px;color:#DA202A;
}
.enter_manually{font-size:14px;cursor:pointer;
}
.enter_manually:hover{text-decoration: underline;
}
.order_grid{display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 48px;
}
.notice_red{display: flex;align-items: center;font-size: 16px;line-height: 24px;font-weight: bold;background: rgba(218, 32, 42, 0.1);max-width: 216px;width: 100%;height: 40px;border-left: 5px solid #DA202A;
}
.notice_red i{color: #DA202A;font-size: 23px;margin: 0 8px 0 11px;
}
.notice_green{display: flex;align-items: center;font-size: 16px;line-height: 24px;font-weight: bold;background: #F0F9EB;max-width: 216px;width: 100%;height: 40px;border-left: 5px solid #62A531;
}
.notice_green i{color: #62A531;font-size: 23px;margin: 0 8px 0 11px;
}
.order_message{color: #404044;max-width: 1008px;
}
.order_flex{justify-content: space-between;align-items: center;
}
.notice_blue{display: flex;align-items: center;font-size: 16px;line-height: 24px;background: #F2F9FF;max-width: 336px;width: 100%;height: 32px;border-left: 5px solid #0892CB;padding-left: 11px;
}
.notice_blue i{color: #0892CB;font-size: 23px;
}
.notice_blue b{margin-left: 8px;
}
#high_volume_order{display: block;padding: 16px 16px 16px 32px;height: 100%;
}
#high_volume_order .text{color: #53535A;
}
.order_box,
.order_box:first-child{border: 1px solid #C1C6C8;padding: 16px;font-size: 16px;line-height: 24px;
}
.order_box:nth-child(n+2){border-top: none;
}
.order_box span{color: #53535A;
}
.credit_box,
.paypal_box{padding: 16px 16px 24px;text-align: center;background: url("/res_images/royalmail-box.png") no-repeat 50% 50%;
}
.credit_box h4,
.paypal_box h4{margin-bottom: 0;
}
.credit_box button,
.paypal_box button{margin: 16px auto 0;
}
.credit_box{background-color: #991E5A;color: #FFFFFF;
}
.paypal_box{background-color: #AADAEA;
}
.order_steps_container{border-top: 2px dotted #C1C6C8;border-bottom: 2px dotted #C1C6C8;margin: 32px auto 40px;padding: 32px 0px 48px;max-width: 1440px;
}
.order_steps_grid{max-width: 1360px;margin: 32px auto 0;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 48px;
}
.order_steps_grid a,
.order_prefooter .email_visit a{color: #DA202A;
}
.order_steps_grid > div{display: inline-flex;flex-direction: column;max-width: 304px;margin: 0 auto;
}
.order_steps_grid .text{font-size: 16px;line-height: 24px;background: #F4F4F3;padding: 16px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;
}
.order_steps_grid .text a{font-weight: bold;font-size: 18px;line-height: 27px;
}
.external_links{font-family: din-2014, sans-serif;
}
.external_links a{text-decoration: underline;color: #53535A;
}
.account_grid{display: grid;margin-top: 48px;grid-template-columns: repeat(4, 1fr) ;grid-gap: 48px;
}
.account_grid > div{background: #FFFFFF;padding: 16px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);color: #53535A;display: flex;flex-direction: column;justify-content: space-between;justify-self: center;min-height: 213px;
}
.account_grid > div:hover{background: #DA202A;cursor: pointer;
}
.account_grid > div:hover,
.account_grid > div:hover h4,
.account_grid > div:hover a{color: #FFFFFF;
}
.account_grid > div h4{color: #2A2A2D;
}
.account_grid > div .text{height: 100%;
}
.account_grid > div a{color: #DA202A;font-weight: bold;
}

.your_campaign_button{margin: 32px auto 24px;
}
.need_cancel{position: absolute;bottom: 0;right: 0;color: #FFFFFF;background: #53535A;padding: 8px;border-radius: 5px 0 5px 0;font-size: 16px;line-height: 24px;
}.breadcrumbs{color: #53535A;
}
.breadcrumbs span{color: #DA202A;
}#select_pricing_rate .rate_card_section{grid-template-columns: repeat(2, 1fr);grid-gap: 16px;
}
.rate_card_section{margin: 40px;display: grid;grid-template-columns: repeat(auto-fit, 432px);grid-gap: 40px;justify-content: center;
}
.rate_card_box{display: flex;flex-direction: column;max-width: 432px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);color: #888888;padding: 16px;font-size: 16px;line-height: 24px;
}
.rate_card_box .container{font-family: din-2014, sans-serif;font-weight: bold;font-size: 18px!important;line-height: 27px!important;color: #2A2A2D
}
.rate_card_box .container input:checked ~ span{color: #2A2A2D;
}
.rate_card_text{height: 100%;padding-bottom: 24px;margin-bottom: 16px;border-bottom: 1px solid #C1C6C8;
}
.rate_card_box a{font-weight: bold;font-size: 18px;line-height: 27px;color: #DA202A;
}
#rate_continue{margin: 0 auto 58px;
}
#confirm_user_rate_box {background: #F4F4F3;padding: 16px;margin-bottom: 24px;font-size: 16px;line-height: 24px;color: #53535A;
}
#confirm_user_rate_box .container {color: #404044;margin-top: 16px;
}
#confirm_user_rate_box .container input:checked ~ span {color: #404044;font-weight: 500;
}.details_overdiv{max-width: 496px;margin: 24px auto;background-color: #F4F4F3;padding: 32px;display: grid;grid-row-gap: 24px;
}
.details_overdiv button{justify-self: flex-start;background: transparent;
}
.details_overdiv button:hover{background: #DA202A;
}
#company_information_container{max-width: 432px;margin: 0 auto 40px;
}
.single_category.selected{color: #DA202A;background: #F4F4F3;
}
.assets_container{flex-wrap: wrap;margin: 32px -16px;
}
.assets_container > div{margin: 16px;max-width: 200px;width: 100%;
}
.asset_img_box{width: 100%;height: 200px;background-color: #F4F4F3;background-size:contain;background-repeat: no-repeat;background-position: center;
}
.assets_container h5{color: #DA202A;
}
.asset_date{font-size: 16px;line-height: 24px;font-weight: bold;
}
#main.admin{display: flex;font-family: proxima-nova, sans-serif;font-size: 16px;line-height: 24px;font-weight: 400;
}
.admin-button,
#miniPop #miniPop_buttons .core-btn{border-radius: 5px;padding: 4px 16px;min-height: 32px;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;font-size: 14px;line-height: 21px;letter-spacing: .01em;cursor: pointer;
}
.admin-button.primary,
#miniPop #miniPop_buttons .core-btn.primary{background: #DA202A;border: 1px solid #DA202A;color: #FFFFFF;
}
.admin-button.primary-outline,
#miniPop #miniPop_buttons .core-btn{border: 1px solid #DA202A;color: #D8242B;
}
.admin-button.secondary{border: 1px solid #FFFFFF;background: #FFFFFF;color: #D8242B;
}
.admin-button.secondary-outline{border: 1px solid #FFFFFF;color: #FFFFFF;
}
.admin-page-top-right.w192,
.admin-button.w192{max-width: 192px;width: 100%;
}
.admin-button.w176{max-width: 176px;width: 100%;
}
#miniPop #miniPop_buttons .core-btn.ok{max-width: 152px;width: 100%;margin: 0 auto;
}
.admin-table{width: calc(100% + 48px);font-size: 14px;line-height: 21px;font-weight: 300;margin: -16px -24px;
}
.admin-table.sticky-head thead tr{position:sticky;top:99px;background-color:#fff;z-index:1;
}
.admin-table.sticky-head thead th{background-color:#fff;
}
.admin-table th{padding: 16px 16px 16px 0;font-weight: 400;text-align: left;color: #888888;
}
.admin-table th:first-child{padding-left: 24px;
}
.admin-table th:last-child{text-align: right;
}
.admin-table tr:nth-child(even){background: #F4F4F3;
}
.admin-table td{padding: 12px 16px 12px 0;color: #333333;
}
.admin-table td:first-child{padding-left: 24px;
}
.admin-table td:last-child{display: flex;align-items: center;justify-content: flex-end;
}
.status-text{text-transform:capitalize;
}
.admin-table .admin-dots{border-radius: 5px;width: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #C4C4C4;height: 14px;position: relative;
}
.admin-table .admin-dots.selected .admin-actions{display: block;
}
.admin-table .admin-actions{position: absolute;top: 100%;right: 0;width: 160px;text-align: center;display: none;z-index: 1;font-weight: 500;
}
.admin-table .admin-actions > div{box-shadow: 0 0 4px rgba(0, 0, 0, .1);border-radius: 5px;margin-top: 8px;color: #999999;background: #FFFFFF;padding: 4px;
}
.admin-table .admin-actions > div > div{padding: 12px;
}
.admin-table .admin-actions > div > div:hover{background: #F4F4F3;border-radius: 5px;color: #1A1A1A;
}
.admin-table .admin-actions > div > div + div{border-top: 1px solid #F4F4F3;
}
.admin-table .td-flex{display: flex;align-items: center;
}
.admin-table .td-circle{position:relative;padding-left:20px;
}
.table-circle,
.table-square{position:absolute;left:0;top:16px;width: 12px;height: 12px;
}
.table-circle{border-radius: 50%;
}
.processing-status{background: #991E5A;
}
.rejected-status,
.cancelled-status{background: #FF4242;
}
.refunded-status{background: #0892CB;
}
.approved-status,
.completed-status{background: #088578;
}
.new-user-status{background: #158D5A;
}
.standard-user-status{background: #FFB800;
}
.admin-table .tooltip .tooltip-text{visibility: hidden;width: 241px;background: #1A1A1A;color: #FFFFFF;text-align: center;padding: 16px;border-radius: 6px;position: absolute;z-index: 3;bottom: calc(100% + 12px);left: -115px;font-size: 14px;line-height: 21px;font-weight: 600;box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}
.admin-table .tooltip .tooltip-text::after{content: "";position: absolute;background: #1A1A1A;box-shadow: 0 0 4px rgba(0, 0, 0, .1);width: 16px;height: 16px;top: calc(100% - 4px);left: 50%;transform: rotate(45deg) translateX(-50%);border-radius: 2px;
}
.admin-table .tooltip:hover .tooltip-text{visibility: visible;
}
.admin-table .tooltip i{margin-right: 8px;color: #C1C6C8;font-size: 16px;
}
.admin-table .tooltip:hover i{color: #2A2A2D;
}
.admin-sidebar{position:fixed;width: 240px;height: 100vh;background: #D8242B;color: #FFFFFF;display: flex;flex-direction: column;justify-content: space-between;z-index:2;
}
.admin-sidebar-logo{display: flex;justify-content: center;align-items: center;width: 100%;height: 128px;padding: 24px 24px 32px;border-bottom: 1px solid rgba(255, 255, 255, .5);margin-bottom: 8px;
}
.admin-sidebar-centre{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;
}
.admin-sidebar-title{font-size: 14px;line-height: 21px;letter-spacing: .03em;opacity: 0.5;
}
.admin-sidebar-centre-top div{padding: 16px 24px;
}
.menu-selected{background: #C70F15;font-weight: 700;
}
.menu-selected i{font-weight: normal;
}
.admin-sidebar-centre-bot{font-size: 14px;line-height: 21px;margin-bottom: 16px;
}
.admin-sidebar-centre-bot div{padding: 8px 24px;
}
.admin-sidebar-centre-bot a{display: flex;align-items: center;
}
.admin-sidebar-centre-bot i{font-size: 16px;margin-right: 8px;
}
.admin-sidebar-bottom{font-size: 14px;line-height: 21px;padding: 24px 24px 28px;border-top: 1px solid rgba(255, 255, 255, .5);
}
.admin-sidebar-bottom div + div{margin-top: 16px;
}
.admin-sidebar-footer{font-size: 11px;line-height: 18px;letter-spacing: .01em;opacity: .75;
}
.admin-page{width: calc(100% - 240px);margin-left:240px;
}
.admin-page-top{position:fixed;width:calc(100% - 240px);padding: 24px;background: #F4F4F3;font-weight: 600;font-size: 24px;line-height: 36px;color: #888888;min-height: 96px;display: flex;align-items: center;justify-content: space-between;z-index:1;
}
#search-form{display:flex;align-items:center;gap:10px;
}
#admin-booking-lost-order-button{min-width:150px;
}
.admin-page-top span{color: #DA202A;
}
.admin-page-top-right{display: flex;align-items: center;
}
.admin-page-bottom{padding: 24px;margin-top:96px;
}
.admin-sign-in{background: #F4F4F3;width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center;text-align: center;padding: 56px 24px;
}
.admin-sign-in .w544{max-width: 544px;width: 100%;
}
.admin-sign-in-top{color: #949494;margin-bottom: 24px;
}
.admin-sign-in-box{box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);background: #FFFFFF;width: 100%;padding: 56px;
}
.admin-sign-in-logo{max-height: 168px;
}
.admin-sign-in-title{margin: 40px 0 8px;font-weight: 500;font-size: 48px;line-height: 64px;color: #000000;
}
.admin-sign-in-text{font-size: 18px;line-height: 27px;color: #53535A;margin-bottom: 40px;
}
.admin-sign-in .form-group + .form-group{margin-top: 16px;
}
.admin-sign-in-forgot{font-size: 12px;line-height: 18px;color: #777777;text-align: right;margin-top: 8px;
}
.admin-sign-in-forgot span{cursor: pointer;text-decoration: underline;
}
.admin-sign-in-flex{display: flex;align-items: center;justify-content: space-between;margin-top: 46px;
}
.admin-sign-in-flex.center{justify-content: center;
}
.admin-sign-in-flex .container{margin-bottom: 0;
}
.admin-sign-in-flex .container input:checked ~ span{font-weight: 600;
}
.admin-sign-in-flex .checkbox_label{font-size: 12px;color: #DA202A;
}
.admin-dash-title{font-weight: 600;font-size: 18px;line-height: 27px;color: #000000;
}
.admin-dash-title span{color: #DA202A;
}
.admin-dash-overview{display: grid;grid-gap: 16px;margin: 24px 0;
}
.admin-dash-overview.grid-6{grid-template-columns: repeat(6, 1fr);
}
.admin-dash-overview.grid-3{grid-template-columns: repeat(3, 1fr);
}
.admin-dash-overview.grid-2{grid-template-columns: repeat(2, 1fr);
}
.admin-dash-overview > div{background: rgba(216, 36, 43, 0.05);border-radius: 10px;padding: 16px;
}
.admin-dash-box{color: #000000;
}
.admin-dash-box > div:first-child{font-weight: 300;font-size: 14px;line-height: 18px;
}
.admin-dash-box > div:nth-child(2){font-weight: 600;font-size: 32px;line-height: 40px;margin: 5px 0;
}
.admin-dash-box > div:last-child{font-weight: 300;font-size: 14px;line-height: 21px;
}
.chart{border: 1px solid #C1C6C8;padding: 0;position: relative;width: var(--chart-width-size);height: var(--chart-height-size);
}
.line-chart{list-style: none;margin: 0;padding: 0;width: var(--chart-width-size);height: var(--chart-height-size);
}
.data-point{background-color: rgba(21, 141, 90, .35);border: 1px solid #158D5A;border-radius: 50%;position: absolute;height: 9px;width: 9px;bottom: calc(var(--y) - 4px);left: calc(var(--x) - 4px);
}
.line-segment{background-color: #158D5A;bottom: var(--y);height: 1px;left: var(--x);position: absolute;transform: rotate(calc(var(--angle) * 1deg));transform-origin: left bottom;width: calc(var(--hypotenuse) * 1px);
}
.chart-labels{display: flex;align-items: center;font-size: 14px;line-height: 21px;margin: 24px 0;
}
.chart-labels > div{display: flex;align-items: center;margin-right:16px;
}
.chart-box{width: 32px;height: 16px;margin-right: 8px;
}
.chart-box-col0{background: rgba(21, 141, 90, .25);border: 1px solid #158D59;
}
.chart-box-col1{background: rgba(255, 184, 0, .25);border: 1px solid #FFB800;
}
.chart-box-col2{background: rgba(199,15,21, .25);border: 1px solid #C70F15;
}
.admin-bookings-search{max-width: 672px;width: 100%;border: 1px solid #E6E6E6;background: #FFFFFF;border-radius: 5px;display: flex;align-items: center;padding: 4px;
}
#overdiv #search_input{border: none;margin-top: 0;font-size: 14px;line-height: 21px;
}
#booking_search_submit button{background: #DA202A;border-radius: 5px;width: 40px;height: 40px;color: #FFFFFF;border: none;font-size: 16px;cursor: pointer;
}
.admin-bookings-page{display: flex;flex-direction: column;min-height: calc(100vh - 98px);justify-content: space-between;padding-bottom:74px;
}
.admin-bookings-page-bottom{position:fixed;width:calc(100% - 240px);display: flex;justify-content: space-between;border-top: 1px solid #E5E5E5;font-size: 14px;line-height: 21px;font-weight: 300;bottom:0;left:240px;background-color:#fff;
}
.admin-bookings-page-bottom span{font-weight: 700;color: #DA202A;
}
.admin-bookings-page-bottom .page-elements{padding: 16px 24px 20px;
}
.admin-bookings-page-bottom .page-number{padding: 16px 24px 20px 0;
}
.admin-bookings-page-bottom > div:last-child{display: flex;align-items: center;
}
.admin-bookings-page-bottom .page-nav{padding: 16px 16px 20px;border-left: 1px solid #E5E5E5;display: flex;align-items: center;
}
.admin-bookings-page-bottom .page-nav i{font-size: 16px;
}
.admin-bookings-page-bottom .page-nav-prev i{margin-right: 4px;
}
.admin-bookings-page-bottom .page-nav-next i{margin-left: 4px;
}
.admin-account-grid{display: grid;grid-template-columns: repeat(auto-fit, 432px);grid-gap: 16px;margin-top: 32px;
}
#appends .form-group,
#main.admin .form-group{position: relative;border: 1px solid #E6E6E6;border-radius: 5px;
}
#appends .form-label,
#main.admin .form-label{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);z-index: 10;transition: transform 150ms ease-out, font-size 150ms ease-out;background: #ffffff;width: calc(100% - 32px);font-weight: 500;font-size: 14px;line-height: 21px;height: 40px;display: flex;align-items: center;color: #999999;margin-left: 0;margin-bottom: 0;
}
#appends .focused .form-label,
#main.admin .focused .form-label{transform: translateY(-90%);font-size: 12px;line-height: 18px;height: auto;
}
#appends .form-input,
#main.admin .form-input{position: relative;width: 100%;outline: 0;border: 0;font-weight: 500;font-size: 14px;line-height: 21px;height: 48px;padding: 24px 16px 8px;margin-top: 0;color: #000000;border-radius: 5px;
}
#appends input:focus-visible,
#main.admin input:focus-visible{outline: none;
}
.admin-save{margin: 24px 0 48px;
}
.admin-logout{font-weight: 500;font-size: 14px;line-height: 21px;color: #DA202A;display: flex;align-items: center;margin-left: 24px;
}
.admin-logout i{margin-left: 8px;font-size: 21px;
}
.admin-initials{width: 24px;height: 24px;border-radius: 50%;background: #2A2A2D;color: #FFFFFF;font-size: 12px;line-height: 18px;font-weight: 700;display: inline-flex;align-items: center;justify-content: center;margin-right: 8px;
}
.admin-trev-box{background: rgba(218, 32, 42, .05);padding: 24px;display: flex;align-items: center;justify-content: space-between;
}
.admin-trev-box + .admin-trev-box{margin-top: 8px;
}
.admin-trev-box-text{font-weight: 600;
}
.admin-trev-box-text span{font-weight: 400;color: #DA202A;
}
.admin-trev-delete-file{color: #DA202A;font-weight: 600;display: flex;align-items: center;cursor: pointer;
}
.admin-trev-delete-file i{font-size: 24px;margin-right: 11px;
}
.admin-trev-title{margin-top: 32px;font-weight: 600;margin-bottom: 16px;
}
.admin-trev-title span{color:#DA202A;
}
.admin-trev-section{border-bottom: 1px solid #E5E5E5;margin-bottom:32px;
}
.admin-trev-upload{border: 1px solid #E6E6E6;border-radius: 5px;font-weight: 400;font-size: 14px;line-height: 21px;color: #999999;max-width: 432px;
}
.admin-trev-upload #upload_button,
.admin-trev-upload .upload_button{display: flex;align-items: center;justify-content: space-between;height: 48px;padding-left: 16px;
}
.admin-trev-upload i{color: #DA202A;font-size: 24px;padding: 0 12px;border-left: 1px solid #E5E5E5;height: 48px;display: flex;align-items: center;
}
.admin-trev-upload-text{font-weight: 500;font-size: 12px;line-height: 18px;display: flex;align-items: center;color: #999999;margin-top: 8px;
}
.admin-pricing-flex{display: flex;justify-content: space-between;
}
.admin-pricing-left{width: 35%;
}
.admin-pricing-right{width: 60%;
}
.admin-pricing-title{font-weight: 500;font-size: 14px;line-height: 21px;margin-bottom: 8px;
}
.admin-pricing-title span{color: #DA202A;
}
#miniPop{font-family: proxima-nova, sans-serif;font-size: 16px;line-height: 24px;font-weight: 400;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);border-radius: 5px;padding: 40px;position: relative;
}
#miniPop .close{position: absolute;top: 28px;right: 24px;cursor: pointer;font-size: 20px;
}
#miniPop #miniPop_question{padding-bottom: 0;padding-right: 0;color: #1A1A1A;border-bottom: none;
}
#miniPop #miniPop_detail{font-size: 14px;line-height: 21px;font-weight: 400;color: #626262;
}
#miniPop #miniPop_buttons{display: flex;margin-top: 32px;
}
#miniPop #miniPop_buttons .core-btn{float: none;margin-left: 0;width: 100%;background: #FFFFFF;
}
#miniPop #miniPop_buttons .core-btn + .core-btn{margin-left: 16px;
}
#miniPop select,
#miniPop input{border: 1px solid #DA202A;font-size: 14px;line-height: 21px;font-weight: 500;color: #000000;padding: 16px;border-radius: 5px;
}
#miniPop .admin_pop_detailTable{width:100%;
}
#miniPop .admin_pop_detailTable tr td{padding:8px;
}
#miniPop .admin_pop_detailTable tr td:first-child{font-weight:600;
}
#miniPop .admin_pop_detailTable tr.muted td:nth-child(2){color:#888;
}
#miniPop .admin_pop_detailTable tr td:nth-child(3){color:#DA202A;min-width:65px;
}
#miniPop .admin_pop_amended{background-color:rgba(253, 218, 36, .2);border-left:3px solid #FDDA24;padding:8px 8px 8px 36px;margin-bottom:12px;position:relative;
}
#miniPop .admin_pop_amended i.awe{color:#FDDA24;position:absolute;top:8px;left:12px;
}
span.point.red{color:#DA202A;
}
span.point.red:hover{text-decoration:underline;
}@media only screen and (min-width: 1440px){.container_with_total{grid-template-columns: 2fr 1fr;}.smaller_overdiv{width: 736px;}
}@media only screen and (max-width: 1440px){.details_container{grid-template-columns: 2fr 1fr;}.details_left {grid-template-columns: 1fr 1fr;}
}@media only screen and (max-width: 1280px){.rate_card_section{flex-wrap: wrap;}.map_grid.selectors .flex{flex-direction: column;}.selector_area,.selector_area_right{width: 100%;}.selectors_selected_box{margin-top: 24px;}.selectors_selected_box{margin-left: -40px;margin-right: -40px;}
}@media only screen and (max-width: 1200px){.order_steps_grid{grid-template-columns: repeat(3, 1fr);grid-gap: 32px;}.account_grid{grid-template-columns: repeat(3, 1fr);grid-column-gap: 32px;}
}@media only screen and (max-width: 1100px){.container_with_total{display: block;}.container_with_total > div{justify-self: stretch;}.container_with_total .small_overdiv.pb104,.container_with_total .smaller_overdiv{padding-bottom: 50px;}#schedule_smaller_overdiv{padding-bottom: 0;}.home_overdiv .flex{flex-wrap: wrap;}.home_overdiv .home_snow_box{width: 100%;margin-right: 0;}.home_overdiv .home_snow_box:first-child{margin-bottom: 24px;}.details_container,.details_left{grid-template-columns: 432px;}.details_container{grid-gap: 24px;}.details_left{grid-gap: 16px;}.order_grid{grid-template-columns: 1fr;}.details_container > div:nth-child(2) {margin-top: 0;}#schedule_box_container{padding-bottom: 50px;}.menu_account ul{justify-content: flex-start;}.container_details{display: flex;}.category_sidebar{top: 8px!important;position: relative;min-width: 280px;}.details_overdiv{width: calc(100% - 280px);margin-left: 20px;margin-right: 20px;}
}
@media only screen and (max-width: 960px){#order_confirmation_numbers{flex-wrap: wrap;}#order_confirmation_numbers > div{margin-left:0 !important;margin-bottom:10px;min-width:100% !important;}.leaflet_box{position: relative;top: 0;max-width: 304px;width: 85%;margin: -22px auto 64px;}
}
@media only screen and (max-width: 900px){.order_steps_grid {grid-template-columns: repeat(2, 1fr);grid-gap: 48px;}.account_grid{grid-template-columns: repeat(2, 1fr);}#calendar.popup .smaller_overdiv {max-height: calc(100vh - 20px);}.filter_selectors_top .button {display: none;}
}@media only screen and (max-width: 768px){h1{font-size: 36px;line-height: 50px;}.input_tooltip{justify-content: flex-start;}.tooltip{margin-left: 8px;}.popup .smaller_overdiv{width: calc(100% - 40px);}#subheader_mobile{display: flex;border-bottom: none}.subheader_help{justify-content: space-between;flex-wrap: wrap;margin: 0 20px;padding: 16px 0px;}.subheader_help .back_container{min-width: auto;}.subheader_help h3{order: 3;width: 100%;text-align: center;margin-top: 20px;text-transform: capitalize;}.subheader_help button{order: 2;}#mobile_menu{display: block;}.header_top_container .header_right,.header_bottom_container .header_phone,.page_title,.menu_step,.menu_account{display: none;}.header_bottom_container{justify-content: center;height: 80px;}.header_logo{width: auto;}.step_image{margin: 16px auto 32px;}.home_right{padding: 40px 40px 60px;}#homepage{flex-wrap: wrap;}.home_left, .home_right{width: 100%;}#case_overview{padding-top:0 !important;}.big_overdiv{padding-left: 20px;padding-right: 20px;}#details_general_container{display: block;}.details_content .label_container{margin-right: 0;}.order_steps_grid,.account_grid{grid-gap: 32px;}.distribution_area_info{flex-wrap: wrap;}.filter_sidebar,.map_grid.selectors .filter_selectors{min-width: 100%;width: 100%;padding-top: 0;}.filter_sidebar > .small a,.filter_selectors > .small a,.map_container{display: none;}.map_grid.selectors .filter_selectors{max-width: 100%;}.selectors_selected_box div{display: flex;align-items: center;justify-content: space-between;}#show_map{display: block;}.filter_selectors{position: relative;background: #FFFFFF;}.map_container{width: 100%;height: 100vh;}#mobile_map_container .filter_selectors .flex{flex-direction: column;}#mobile_map_container .filter_selectors .selector_area,#mobile_map_container .filter_selectors .selector_area_right{width: 100%;}#mobile_map_container .filter_selectors .selectors_selected_box{margin-top: 24px;}#mobile_map_container .filter_selectors .selectors_selected_box{margin-left: -40px;margin-right: -40px;}#mobile_map_container .filter_selectors .close{display: none;}#top_bar_close{border-bottom: 2px dotted #C8C8C8;height: 55px;background: white;}#close_mobile_selector{background: #DA202A;width: 55px;height: 55px;position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;color: #FFFFFF;}#mobile_map_container{position: fixed;top: 0;overflow: auto;background: #FFFFFF;width: 100%;height: 100vh;z-index: 12;box-sizing: border-box;}#save_sectors_mobile_map,#selector_mobile{display: block;}.map_container .selectors_selected_box{margin: 0;}#miscellaneous_container #company_information_container{max-width: 50%;}
}@media only screen and (max-width: 727px){button.add{margin-top: 16px;}#select_pricing_rate .rate_card_section{grid-template-columns: 1fr;justify-items: center;}#calendar.popup .smaller_overdiv {max-width: 576px;}
}@media only screen and (max-width: 680px){.order_flex{flex-direction: column;align-items: flex-start;}.order_flex button{margin-top: 16px;}.review_pay_box{flex-wrap: wrap;}.review_pay_box .w50{width: 100%;}#high_volume_order{margin-top: 16px;padding-left: 24px;}#order_confirmation_numbers{width:100% !important;}
}@media only screen and (max-width: 640px){.account_grid{grid-template-columns: 1fr;}.need_cancel{position: relative;right: auto;bottom: auto;width: calc(100% + 32px);margin: 8px -16px -16px;border-radius: 0 0 5px 5px;}.next_step_container{flex-direction: column;align-items: flex-start;}.next_step_container > div.flex{order: 2;}.next_step_container > button{margin-bottom: 58px;}#calendar.popup .smaller_overdiv {max-width: 504px;padding: 0 20px;}
}@media only screen and (max-width: 600px){h1{font-size: 28px;line-height: 42px;}.big_overdiv, .overdiv, .small_overdiv, .smaller_overdiv{padding: 0 20px;}.minimum_note,.price_note{margin-left: 20px;margin-right: 20px;}.popup button{min-width: 200px;}#mobile_menu{left: 20px;}#sidebar_top{padding: 0 20px;}#sidebar_menu,#sidebar_bottom{padding-left: 20px;padding-right: 20px;}.home_left{min-height: 511px!important;}.home_right{padding: 20px 20px 60px;}.home_red_box,.home_overdiv .home_snow_box:first-child{margin-bottom: 20px;}.order_steps_container{margin-right: 20px;margin-left: 20px;}.order_steps_grid{grid-template-columns: 1fr;}#your_campaign_container{margin-bottom: 58px;}#map_key{right: 20px;}.filter_sidebar,.filter_selectors{padding-left: 20px;padding-right: 20px;}#mobile_map_container .filter_selectors .selectors_selected_box,.selectors_selected_box{margin-left: -20px;margin-right: -20px;}.container_details{flex-direction: column;align-items: center;}.category_sidebar {width: 100%;top: 0;}.category_sidebar .single_category {height: 40px;line-height: 40px;padding: 0 8px 0 40px;}.details_overdiv{width: calc(100% - 40px);margin: 40px 20px;}#miscellaneous_container #company_information_container{max-width: 100%;}.rate_card_section{margin: 40px 20px;grid-template-columns: 1fr;grid-gap: 32px;justify-items: center;}.footer_container{flex-wrap: wrap;padding-top: 10px;padding-bottom: 10px;}.footer_container > div{width: 100%;text-align: center;}.footer_copyright{margin-top: 5px;}
}
@media only screen and (max-width: 508px){#calendar.popup .smaller_overdiv {max-width: 392px;}.notice_schedule {font-size: 14px;line-height: 21px;padding: 12px 12px 12px 8px;}.notice_schedule div:first-child {width: 21px;height: 21px;}.dates {font-size: 16px;line-height: 24px;display: flex;align-items: center;}
}
@media only screen and (max-width: 500px){.popup .buttons{justify-content: center;align-items: center;flex-direction: column;}.popup button:nth-child(2){margin-top: 16px;}#upload_design{flex-direction: column;}.choose_asset{margin-top: 16px;}.assets_container{flex-direction: column;align-items: center;}button.add{margin-left: 20px;margin-right: 20px;}#company_information_container {margin: 0 20px 40px;}
}
@media only screen and (max-width: 472px){.max432{margin: 0 20px;}#details_general_container{padding: 0 20px;}.details_container,.details_left{grid-template-columns: 1fr;}
}
@media only screen and (max-width: 450px){.input_tooltip{position: relative;}.tooltip{position: initial;}.tooltip .tooltiptext {width: 100%;margin-left: 0;}.tooltip .tooltiptext{bottom: 120%;left: 0;}.tooltip .tooltiptext::after {left: 20px;}#calendar.popup .smaller_overdiv {max-width: 320px;padding-top: 20px;}
}@media only screen and (max-width: 400px){.home_left{min-height: 411px!important;}.distribution_area_edit.distribution_area_info h6{display: block;}.distribution_area_edit h6,.review_pay_edit h6{display: none;}.review_order_design button{width: 100%;}.order_prefooter{margin: 0 20px 40px;}.your_campaign_box .distribution_area_edit.distribution_area_info h6{display: flex;}.filter_sidebar{min-width: 100%;}.popup .rate_card_box {max-width: 100%;}#select_pricing_rate .smaller_overdiv{position: absolute;top: 50vh;transform: translate(-50%);}
}
@media only screen and (max-width: 375px){button.secondary,button.primary,#sidebar_menu button{min-width: 100%;}button.prev{min-width: 40px;}button.next{min-width: 216px;}button.primary.add{min-width: 200px;}.jic .tooltip .tooltiptext{width: calc(100vw - 44px);}#calendar.popup .smaller_overdiv {max-width: 250px;}
}