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

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

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

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

nav {width: 100%;background-color: #FFFFFF;height: 32px;padding-left: 136px;
}
nav ul {display: flex;align-items: center;height: 32px;
}
nav ul li a {display: block;padding: 4px 24px;transition: background-color .3s;
}
nav ul li a:hover {background-color: rgba(0, 0, 0, .04);
}

#basket_area {order: 0;height: 48px;display: flex;align-items: center;padding: 8px 16px;
}
#basket_area i {font-size: 20px;margin-left: 4px;color: #000000;
}
#mini_basket {width: 376px;
}
#mini_basket h2 {font-size: 24px;padding: 24px;
}
#mini_basket_inner {border-top: 1px solid #DBDBDB;padding: 24px;
}
.mini-basket-name{width:calc(100% - 110px);float:left;
}
.mini-basket-quantity{width:50px;float:right;text-align:right;
}
.mini-basket-price{width:60px;float:right;text-align:right;
}

#user_drop {order: 1;height: 48px;display: flex;align-items: center;padding: 8px 16px;
}
#user_drop .drop_visible > i{font-size:22px;margin-left:10px;position:relative;top:2px;
}
.drop {position: relative;transition: background-color .3s;
}
#basket_area.open i,
#basket_area:hover i,
.drop.open,
.drop:hover {background-color: #5ab1f6;color: #fff;
}
.drop.open .drop_content {display: block;color: #212121;
}
.drop_visible {cursor: pointer;
}
.drop_visible > i.fa-user {display: none;
}
.drop_content {background-color: #FFFFFF;position: absolute;min-width: 100%;width: 180px;top: 100%;right: 0;display: none;z-index: 11;box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}
.drop_content ul li a{line-height:normal;padding:10px 20px;transition: background-color .3s, color .3s;display:block;
}
.drop_content ul li i{font-size:20px;margin-right:5px;position:relative;top:1px;
}
.drop_content ul li:hover a{background-color:#5ab1f6;color:#fff;
}
.full-screen-loader{display: flex;flex-direction: column;align-items: center;justify-content: center;position: fixed;top: 0;border: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 1000;
}
.loader {border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%;width: 100px;height: 100px;animation: spin 2s linear infinite;
}
.mt32 {margin-top: 32px;
}
.mb16 {margin-bottom: 16px;
}
.w50-inline.sp16 {width: calc(50% - 8px);
}
.w50-inline.sp16 + .w50-inline.sp16 {margin-left: 16px;
}
.w50-inline.sp32 {width: calc(50% - 16px);
}
.w50-inline.sp32 + .w50-inline.sp32 {margin-left: 32px;
}
.w184 {width: 100%;max-width: 184px;
}
.max1024 {width: 100%;max-width: 1024px;
}
.max672 {width: 100%;max-width: 672px;
}
.max496 {width: 100%;max-width: 496px;
}
main {padding: 140px 24px 32px 24px;max-width: 1440px;margin: auto;min-height: calc(100vh - 336px);
}
.content {background-color: #FFFFFF;min-height: 30px;padding: 24px;box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}
.content.pad40 {padding: 40px;
}
.content.inline{display:inline-block !important;
}
.content.no-shadow {background-color: transparent;box-shadow: none;
}
.info{color: #000000;margin: 24px 0;
}
.relative{position: relative;
}.flex {display: flex;justify-content: center;
}
.flex:has(.max496) {gap: 32px;flex-wrap: wrap;
}
.flex-wrap {flex-wrap: wrap;
}
.flex:not(.no-margin) > div {margin-left: 10px !important;margin-right: 10px !important;
}
.flex-column {display: flex;flex-direction: column;
}
.current_basket_item{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e3e3e3;
}
.clearfix:after {content: "";clear: both;display: block;
}
.previous-order-container {margin-top: 32px;display: grid;gap: 24px;
}
.previous-order {background-color: white;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);transition: box-shadow 0.3s ease;
}
.previous-order > div:first-child {padding: 16px;cursor: pointer;
}
.previous-order > div:nth-child(2) {padding: 0 16px 16px;
}
.previous-order .order_row {display: flex;gap: 56px;background: linear-gradient(to bottom, #EEECEB 32px, #FFFFFF 32px);border-bottom: none;padding: 0 8px;
}
.previous-order .order-top > div:nth-child(2) {margin-left: 25px;
}
.previous-order span {font-weight: 600;margin-bottom: 16px;height: 32px;display: flex;align-items: center;
}
.order-data-container {font-size: 15px;display: none;
}
.order-data {padding: 16px;border: 1px solid #23A7EB;display: flex;gap: 16px;
}
.order-data > div {width: 50%;
}
.order-data img {max-width: 100%;
}
.order-data .left-content-top,
.order-data .child-info,
.order-data .school-info {display: flex;flex-wrap: wrap;column-gap: 32px;row-gap: 16px;
}
.order-data .right-content {position: relative;
}
.order-data .right-content button {position: absolute;right: 0;bottom: 0;
}
.order-data .right-content:not(:has(img)) {display: none;
}
.order-data .right-content,
.previous-order .order-top > div:nth-child(2),
.previous-order .order-bottom {text-align: right;
}
.previous-order .order-bottom,
.order-data + .order-data {margin-top: 16px;
}
.order-data > div > div + div {margin-top: 25px;
}
.previous-order .order-data span {margin-bottom: 5px;
}
.order-data table {margin-top: 32px;
}
.order-data th,
.order-data td {font-size: 15px;padding: 10px;border: 1px solid #212121;text-align: left;color: #212121;
}
.order-data th {font-weight: 600;
}
.previous-order.open .order-data-container {display: block;
}
#order .mobile-table {display: none;
}
.page-text {margin-top: 24px;line-height: 1.3;
}
.full{width:1000px;
}
.homepagea {display: inline-block;
}
.homepage h1 {margin-bottom: 16px;
}
.cards-container {display: grid;grid-template-columns: repeat(auto-fit, 320px);grid-gap: 32px;margin-top: 32px;justify-content: center;justify-items: center;
}
.cards-container img {max-width: 100%;display: block;
}
.cards-container .card {width: 100%;max-width: 320px;
}
.cards-container .card .card-image {position: relative;margin-bottom: 12px;
}
.cards-container .card .image-bottom {width: 100%;position: absolute;left: 0;bottom: 0;
}
.cards-container .card .image-bottom::before {content: "";display: block;width: 100%;height: 100%;background-color: #23A7EB;opacity: 0.8;position: absolute;top: 0;left: 0;
}
.cards-container .card h2 {font-size: 20px;font-weight: 400;padding: 6px 12px;text-align: center;color: white;position: relative;z-index: 10;
}
.cards-container .card p + p {margin-top: 16px;
}
.desc ul li{padding: 5px 0;list-style-type: disc;
}
.desc ul{padding-left: 20px;
}
.order_preview img{max-width:100%;
}#order_reference{border:1px solid #595959;padding:20px;font-size:40px;display:inline-block;margin-top:20px;border-radius:5px;font-family:"Times New Roman", sans-serif;
}
.account-details section {margin: 40px 0;
}
.account-password {padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #DBDBDB;
}.blue{color: #23A7EB;
}
.bold{font-weight: bold;
}
.pointer{cursor: pointer;
}
.popupTextarea{width: 100%;height: 100px;resize: none;
}
.charlim-display{display: inline;position: absolute;top: 30px;right: 10px;font-size: 14px;color: #767676 !important;
}
.charlim-display span{color: #767676 !important;
}
.charlim-display.invalid span{color: #FF3A2F !important;
}
.charlim-error{margin: 12px 0px;padding: 10px;color: #FF3A2F;border-left: 3px solid #FF3A2F;font-size: 14px;background-color: #ffe7e6;
}
.transparent{opacity: 0 !important;
}
.calendar-select-date.invalid{border: 1px solid #FF3A2F;
}
.small-link{font-size: smaller;cursor: pointer;color: #23A7EB;
}
.w50p-flex{width: calc(50% - 20px);
}
#property_selection{display: none;
}
.button.delivery-enter-address-manually,
.button.enter-address-manually {background-color: #FFF;color: #23A7EB;margin-top: 24px;padding: 0;font-size: 14px;text-decoration: underline;
}
#full_property_details_container{display: none;
}
#delivery_property_selection{display: none;
}
.delivery-enter-address-manually{margin-top: 20px;
}
#delivery_full_property_details_container{display: none;
}
.parent-admin-page {max-width: 1024px;margin: 0 auto;
}
.parent-admin-container {background-color: #FFFFFF;box-shadow: 0 0 4px rgba(0, 0, 0, .15);padding: 40px;
}
.parent-admin-desc {margin-top: 16px;
}
.parent-admin-desc.max632 {max-width: 632px;
}
.parent-admin-section {width: 100%;padding: 24px 0;border-top: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB;margin-top: 0;margin-bottom: 40px;
}
.parent-admin-container .buttons-container {display: flex;justify-content: space-between;column-gap: 16px;row-gap: 8px;
}
.basket-buttons-container {display: block;position:fixed;left: 0;bottom: 0;width: 100%;background-color: white;padding: 10px;border-top: 1px solid #DBDBDB;z-index: 2;
}.basket-buttons-container div {max-width: 1024px;display: flex;justify-content: space-between;gap: 4px;margin: auto;
}
.parent-admin-banner {background-color: rgba(255, 205, 0, .15);padding: 12px 16px;border-left: 4px solid #FFCD00;font-size: 14px;margin-bottom: 24px;
}
.parent-admin-banner-red {background-color: rgba(255, 58, 47, .15);padding: 12px 16px;border-left: 4px solid #FF3A2F;font-size: 14px;margin-bottom: 24px;
}
.parent-admin-steps {margin-top: 40px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2px;
}
.parent-admin-steps > div {border-bottom: 8px solid rgba(35, 167, 235, .25);padding: 0 4px 16px;text-align: center;display: flex;align-items: center;justify-content: center;
}
.parent-admin-steps > div.selected {border-bottom-color: #23A7EB;
}
.parent-admin-container .max456 {max-width: 456px;
}
#paymentForm .field span,
.parent-admin-container .field span,
.parent-admin-select-container select b,
div.asterisk {display: inline-block;color: #FF3A2F;
}
.parent-admin-note {color: #767676;font-size: 14px;
}
.parent-admin-select-container {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 24px;
}
.parent-admin-select-container select {font-family: "Roboto", sans-serif;background-color: #FFFFFF;width: 100%;border: none;border-bottom: 1px solid #9E9E9E;height: 40px;color: #767676;font-size: 16px;cursor: pointer;
}
.checkout-container .content {padding: 40px;
}
#property_postcode_group input,
#property_postcode_group .bottom_bar,
#delivery_property_postcode_group input,
#delivery_property_postcode_group .bottom_bar {width: calc(100% - 176px);
}
#property_postcode_group button,
#delivery_property_postcode_group button {position: absolute;right: 0;top: 0;
}
.field-two-cols {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 32px;
}
.field-two-cols .field {width: 100%;
}
.checkout-container {display: flex;justify-content: space-between;column-gap: 32px;row-gap: 20px;margin-top: 24px;
}
.checkout-container > div:first-child {flex-grow: 1;
}
.checkout-container .info {font-size: 14px;
}
.checkout-total-bottom {display: grid;gap: 8px;
}
.checkout-basket {background-color: #FFF;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);width: 100%;max-width: 496px;height: 100%;
}
.checkout-basket-title {font-size: 24px;font-weight: 600;padding: 24px;
}
.checkout-basket-items-no {font-size: 16px;font-weight: 400;
}
.checkout-basket-items {display: flex;gap: 16px;
}
.checkout-basket-items + .checkout-basket-items {margin-top: 16px;
}
.checkout-basket-right {width: 100%;
}
.checkout-basket-row {padding: 16px 24px;border-top: 1px solid #DBDBDB;
}
.checkout-basket-img {width: 72px;height: 72px;flex-shrink: 0;background-color: #DBDBDB;display: flex;align-items: center;justify-content: center;
}
.checkout-basket-img img {max-height: 100%;max-width: 100%;
}
.checkout-basket-child {font-weight: 600;display: flex;justify-content: space-between;gap: 16px;
}
.checkout-basket-item-row {display: flex;gap: 16px;justify-content: space-between;font-size: 14px;color: #767676;
}
.checkout-basket-item-row-text {display: flex;flex-wrap: wrap;column-gap: 8px;
}
.checkout-basket-total-box {border-top: 1px solid #DBDBDB;padding: 16px 24px;text-align: right;display: grid;gap: 8px;
}
.checkout-total-bottom > div:last-child,
.checkout-basket-total-box > div:last-child {font-size: 20px;font-weight: 700;margin-top: 8px;
}
.checkout-basket .buttons-container {display: flex;align-items: center;gap: 24px;border-top: 1px solid #DBDBDB;padding: 16px 24px;
}
.checkout-basket .buttons-container button {width: 100%;
}
.parent-admin-artwork-top {display: flex;align-items: center;justify-content: space-between;gap: 16px;
}
.parent-admin-artwork {background: url("/project/res/images/artwork-portrait.png") no-repeat 50% 50%;background-size: cover;margin-top: 32px;padding: 71px 4px 18px;display: flex;justify-content: center;position: relative;
}
.parent-admin-artwork.landscape {background-image: url("/project/res/images/artwork-landscape.png");background-size: auto;padding: 0 4px 55px;
}
.parent-admin-artwork .artwork-icons {display: flex;align-items: center;gap: 8px;position: absolute;top: 16px;right: 16px;color: #23A7EB;font-size: 24px;
}
.parent-admin-artwork .artwork-icons i {background-color: #FFFFFF;border: 1px solid #DBDBDB;width: 32px;height: 32px;display: grid;place-items: center;cursor: pointer;
}
.parent-admin-artwork .artwork-icons .fa-rotate {transform: rotate(90deg);
}
.parent-admin-artwork-img {width: 366px;height: 512px;position: relative;background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(118,118,118, .8);
}
.parent-admin-artwork-img.rotated {transform: rotate(180deg);
}
.parent-admin-artwork-img.landscape {transform: rotate(90deg);
}
.parent-admin-artwork-img.landscape.rotated {transform: rotate(270deg);
}
.parent-admin-artwork-img > div {position: absolute;width: 16px;height: 16px;
}


.parent-admin-artwork img {width: 336px;height: 478px;object-fit: contain;
}
.parent-admin-note-artwork {margin-bottom: 17px;
}
#products_area {display: grid;grid-template-columns: repeat(3, 1fr);margin-top: 32px;gap: 24px;
}
.product-icons {display: flex;gap: 8px;position: absolute;top: 16px;left: 16px;z-index: 1;
}
.product-icons i {width: 24px;height: 24px;border-radius: 50%;background-color: #FFF;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 14px;border: 1px solid #FFCD00;
}
.product-icons i:hover {background-color: #FFCD00;
}
.product-image {position: relative;background-color: #DEDEDE;border-radius: 25px 25px 0px 0px;aspect-ratio: 1;width: 100%;overflow: hidden;
}
.product-image .product-content {position: absolute;width: 100%;height: 100%;transition: transform 1s;
}
.product-image .product-content .front,
.product-image .product-content .front-duplicate,
.product-image .product-content .front-3,
.product-image .product-content .front-4,
.product-image .product-content .back,
.product-image .product-content .back-2 {position: absolute;overflow: hidden;
}
.product-image .product-content:not(.bookmarks-landscape, .bookmarks-portrait, .value-pack-portrait, .value-pack-landscape) .front-duplicate,
.product-image .product-content:not(.notebooks-landscape, .notebooks-portrait, .bookmarks-landscape, .bookmarks-portrait, .posters-portrait, .value-pack-portrait, .value-pack-landscape) .back {display: none;
}
.product-image .product-content.cards-landscape .front {width: 40%;aspect-ratio: 1.42;top: 36%;left: 4%;
}
.product-image .product-content.cards-portrait .front {width: 28%;aspect-ratio: 0.69;top: 32%;left: 16%;
}
.product-image .product-content.keyrings-landscape .front {width: 41%;aspect-ratio: 1.6;top: 19%;left: 30%;
}
.product-image .product-content.keyrings-portrait .front {width: 25%;aspect-ratio: 0.62;
}
.product-image .product-content.keyrings-portrait .front {top: 31%;left: 8%;
}
.product-image .product-content.labels-landscape > img,
.product-image .product-content.labels-portrait > img {object-position: top;
}
.product-image .product-content.labels-landscape .front {width: 26%;aspect-ratio: 1.3;top: 40%;left: 63%;
}
.product-image .product-content.labels-portrait .front {width: 20%;aspect-ratio: 0.74;top: 11%;left: 71%;
}
.product-image .product-content.coasters-portrait .front {width: 22%;aspect-ratio: 0.7;top: 33%;left: 18%;
}
.product-image .product-content.coasters-landscape .front {width: 32%;aspect-ratio: 1.45;top: 37%;left: 13%;
}
.product-image .product-content.magnets-portrait .front {width: 26.5%;aspect-ratio: 0.63;top: 26.5%;left: 18.5%;
}
.product-image .product-content.magnets-landscape .front {width: 44%;aspect-ratio: 1.64;top: 18%;left: 30%;
}
.product-image .product-content.notebooks-portrait .front,
.product-image .product-content.notebooks-portrait .back {width: 34.5%;aspect-ratio: 0.7;
}
.product-image .product-content.notebooks-portrait .front {top: 26.5%;left: 13%;
}
.product-image .product-content.notebooks-portrait .back {top: 29%;left: 64%;width: 10.5%;
}
.product-image .product-content.notebooks-landscape .front,
.product-image .product-content.notebooks-landscape .back {width: 51%;aspect-ratio: 1.45;
}
.product-image .product-content.notebooks-landscape .front {top: 12.5%;left: 26%;
}
.product-image .product-content.notebooks-landscape .back {top: 76%;left: 58%;width: 14%;
}
.product-image .product-content.mugs-landscape .front {width: 27%;aspect-ratio: 1.45;top: 42%;left: 50%;
}
.product-image .product-content.mugs-portrait .front {width: 24%;aspect-ratio: 0.69;top: 35%;left: 52%;
}
.product-image .product-content.cushions-landscape .front {width: 66.5%;aspect-ratio: 1.42;top: 26%;left: 17%;
}
.product-image .product-content.cushions-portrait .front {width: 45.5%;aspect-ratio: 0.7;top: 15%;left: 27.5%;
}
.product-image .product-content.bookmarks-landscape .front,
.product-image .product-content.bookmarks-landscape .front-duplicate,
.product-image .product-content.bookmarks-landscape .back {width: 42%;aspect-ratio: 1.43;
}
.product-image .product-content.bookmarks-landscape .front {top: 15.6%;left: 7%;
}
.product-image .product-content.bookmarks-landscape .front-duplicate {top: 15.6%;left: 51%;
}
.product-image .product-content.bookmarks-landscape .back {top: 55%;left: 7%;
}
.product-image .product-content.bookmarks-portrait .front,
.product-image .product-content.bookmarks-portrait .front-duplicate {width: 29.5%;aspect-ratio: 0.7;
}
.product-image .product-content.bookmarks-portrait .front {top: 7%;left: 15.5%;
}
.product-image .product-content.bookmarks-portrait .front-duplicate {top: 51%;left: 15.5%;
}
.product-image .product-content.bookmarks-portrait .back {width: 21%;aspect-ratio: 0.7;top: 67.5%;left: 59.5%;transform: rotate(-90deg);
}
.product-image .product-content.postcards-portrait .front {width: 26%;aspect-ratio: 0.7;top: 11.5%;left: 37%;
}
.product-image .product-content.postcards-landscape .front {width: 40%;aspect-ratio: 1.43;top: 20.5%;left: 30%;
}
.product-image .product-content.postcards-landscape .front {width: 40%;aspect-ratio: 1.43;top: 20.5%;left: 30%;
}
.product-image .product-content.posters-portrait .front {width: 45.7%;aspect-ratio: 0.7;top: 17.3%;left: 3%;
}
.product-image .product-content.posters-portrait .back {width: 9%;aspect-ratio: 0.7;top: 68%;left: 53%;
}
.school-popup-img.tea-towels-portrait .front,
.product-image .product-content.tea-towels-portrait .front {width: 55%;aspect-ratio: 0.73;top: 7.5%;left: 22.5%;
}
.school-popup-img.tea-towels-portrait .front,
.product-image .product-content.tea-towels-portrait .front {width: 55%;aspect-ratio: 0.73;top: 7.5%;left: 22.5%;
}
.school-popup-img.tea-towels-landscape .front,
.product-image .product-content.tea-towels-landscape .front {width: 78%;aspect-ratio: 1.43;top: 22%;left: 14%;
}
.product-image .product-content.labels-portrait .front {width: 20%;aspect-ratio: 0.74;top: 11%;left: 71%;
}
.product-image .product-content.value-pack-portrait .front {width: 24%;aspect-ratio: 0.7;top: 10%;left: 20%;
}
.product-image .product-content.value-pack-portrait .front-duplicate {width: 25.3%;aspect-ratio: 0.7;top: 56.6%;left: 4.5%;
}
.product-image .product-content.value-pack-portrait .back {width: 6%;aspect-ratio: 0.7;top: 83.5%;left: 32.1%;
}
.product-image .product-content.value-pack-portrait .front-3 {width: 8.5%;aspect-ratio: 0.72;top: 62.5%;left: 68.1%;
}
.product-image .product-content.value-pack-portrait .front-4 {width: 8.5%;aspect-ratio: 0.72;top: 75%;left: 68.1%;
}
.product-image .product-content.value-pack-portrait .back-2 {width: 8.5%;aspect-ratio: 1.4;top: 80.5%;left: 79.2%;
}
.product-image .product-content.value-pack-landscape .front {width: 35.5%;aspect-ratio: 1.4;top: 11%;left: 8%;
}
.product-image .product-content.value-pack-landscape .front-duplicate {width: 36.2%;aspect-ratio: 1.43;top: 42.5%;left: 12.5%;
}
.product-image .product-content.value-pack-landscape .back {width: 7%;aspect-ratio: 1.4;top: 88%;left: 13.5%;
}
.product-image .product-content.value-pack-landscape .front-3 {width: 12%;aspect-ratio: 1.4;top: 58.5%;left: 60.1%;
}
.product-image .product-content.value-pack-landscape .front-4 {width: 12%;aspect-ratio: 1.4;top: 58.5%;left: 72.5%;
}
.product-image .product-content.value-pack-landscape .back-2 {width: 12%;aspect-ratio: 1.4;top: 69.7%;left: 60.2%;
}.front {background-color: red;
}
.front-duplicate {background-color: green;
}
.front-3 {background-color: yellow;
}
.front-3 {background-color: pink;
}
.front-4 {background-color: purple;
}
.back {background-color: blue;
}
.back-2 {background-color: orange;
}.product-image img {max-width: 100%;object-fit: cover;width: 100%;height: 100%;
}
.product-text {font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-size: 18px;line-height: 1.44;font-weight: 300;background-color: #FFF;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);padding: 24px;border-radius: 0px 0px 25px 25px;
}
.product-name {font-size: 24px;font-weight: 400;line-height: 1.4;
}
.product-price {margin-top: 16px;
}
.product-bottom {display: flex;gap: 8px;margin-top: 32px;
}
.product-bottom > div {width: 100%;
}
.product-bottom .button {font-family: "Outfit", sans-serif;font-size: 18px;font-optical-sizing: auto;line-height: 1.44;font-weight: 300;width: 100%;height: 48px;min-width: auto;padding: 6px 8px;border-radius: 100px;background-color: transparent;border: 1px solid #FFCD00;color: #000000;
}
.product-bottom .button.secondary {background-color: #FFCD00;color: #000000;
}
.product-bottom .button:hover {background-color: #FFCD00;animation-name: wiggle;animation-duration: 800ms;animation-iteration-count: infinite;
}
.product-bottom .button.product-info {max-width: calc(50% - 4px);
}
.product-quantity {width: 100%;height: 48px;display: none;align-items: center;justify-content: space-between;border-radius: 100px;border: 1px solid #FFCD00;
}
.product-quantity i {width: 40px;height: 48px;display: flex;align-items: center;justify-content: center;color: #000000;font-size: 12px;cursor: pointer;
}
.product-quantity i.fa-minus {border-radius: 100px 0 0 100px;border-right: 1px solid #FFCD00;
}
.product-quantity i.fa-plus {border-radius: 0 100px 100px 0;border-left: 1px solid #FFCD00;
}
.product-quantity i:hover {background-color: #FFCD00;
}
.product-quantity input {font-family: "Outfit", sans-serif;font-size: 16px;max-width: calc(100% - 32px);border: none;
}
#alert.product-popup {font-family: "Outfit", sans-serif;width: 100%!important;border-radius: 25px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
#alert.product-popup #alert_content {max-height: 600px;
}
#alert.product-popup .school-popup-close {position: absolute;right: 24px;top: 16px;font-size: 20px;cursor: pointer;
}
#alert.product-popup .school-popup-img {background-color: #DEDEDE;max-width: 100%;height: auto;margin-block: 24px;width: calc(80% - 48px);position: relative;overflow: hidden;
}
#alert.product-popup .school-popup-img .school-popup-content {display: flex;width: 100%;height: 100%;aspect-ratio: 1;
}
#alert.product-popup .school-popup-product-img {position: absolute;overflow: hidden;
}
#alert.product-popup .school-popup-img:not(.bookmarks-landscape, .bookmarks-portrait, .value-pack-portrait, .value-pack-landscape) .front-duplicate,
#alert.product-popup .school-popup-img:not(.notebooks-portrait, .notebooks-landscape, .bookmarks-landscape, .bookmarks-portrait, .posters-portrait, .value-pack-portrait, .value-pack-landscape) .back {display: none;
}
#alert.product-popup .school-popup-product-img img {max-width: 100%;object-fit: cover;width: 100%;height: 100%;
}
#alert.product-popup .school-popup-img.cards-landscape .front {width: 40%;aspect-ratio: 1.42;top: 36%;left: 4%;
}
#alert.product-popup .school-popup-img.cards-portrait .front {width: 28%;aspect-ratio: 0.69;top: 33%;left: 16%;
}
#alert.product-popup .school-popup-img.keyrings-landscape .front {width: 40%;aspect-ratio: 1.6;top: 20%;left: 30%;
}
#alert.product-popup .school-popup-img.keyrings-portrait .front {width: 25%;aspect-ratio: 0.62;top: 31%;left: 8%;
}
#alert.product-popup .school-popup-img.labels-landscape .front {width: 26%;aspect-ratio: 1.3;top: 40%;left: 63%;
}
#alert.product-popup .school-popup-img.labels-portrait .front {width: 20%;aspect-ratio: 0.74;top: 11%;left: 71%;
}
#alert.product-popup .school-popup-img.coasters-portrait .front {width: 22%;aspect-ratio: 0.7;top: 33%;left: 18%;
}
#alert.product-popup .school-popup-img.coasters-portrait .front {width: 22%;aspect-ratio: 0.7;top: 33%;left: 18%;
}
#alert.product-popup .school-popup-img.coasters-landscape .front {width: 32%;aspect-ratio: 1.45;top: 37%;left: 13%;
}
#alert.product-popup .school-popup-img.notebooks-portrait .front,
#alert.product-popup .school-popup-img.notebooks-portrait .back {aspect-ratio: 0.7;
}
#alert.product-popup .school-popup-img.notebooks-portrait .front {width: 34.5%;top: 26.5%;left: 13%;
}
#alert.product-popup .school-popup-img.notebooks-portrait .back {top: 29%;left: 64%;width: 10.5%;
}
#alert.product-popup .school-popup-img.notebooks-landscape .front,
#alert.product-popup .school-popup-img.notebooks-landscape .back {aspect-ratio: 1.45;
}
#alert.product-popup .school-popup-img.notebooks-landscape .front {top: 12.5%;left: 26%;width: 51%;
}
#alert.product-popup .school-popup-img.notebooks-landscape .back {top: 76%;left: 58%;width: 14%;
}
#alert.product-popup .school-popup-img.magnets-portrait .front {width: 26.5%;aspect-ratio: 0.63;top: 26.5%;left: 18.5%;
}
#alert.product-popup .school-popup-img.magnets-landscape .front {width: 44%;aspect-ratio: 1.64;top: 18%;left: 30%;
}
#alert.product-popup .school-popup-img.mugs-portrait .front {width: 24%;aspect-ratio: 0.69;top: 35%;left: 52%;
}
#alert.product-popup .school-popup-img.mugs-landscape .front {width: 27%;aspect-ratio: 1.45;top: 42%;left: 50%;
}
#alert.product-popup .school-popup-img.cushions-landscape .front {width: 66.5%;aspect-ratio: 1.42;top: 26%;left: 17%;
}
#alert.product-popup .school-popup-img.cushions-portrait .front {width: 45.5%;aspect-ratio: 0.7;top: 15%;left: 27.5%;
}
#alert.product-popup .school-popup-img.bookmarks-landscape .front,
#alert.product-popup .school-popup-img.bookmarks-landscape .front-duplicate,
#alert.product-popup .school-popup-img.bookmarks-landscape .back {width: 42%;aspect-ratio: 1.43;
}
#alert.product-popup .school-popup-img.bookmarks-landscape .front {top: 15.6%;left: 7%;
}
#alert.product-popup .school-popup-img.bookmarks-landscape .front-duplicate {top: 15.6%;left: 51%;
}
#alert.product-popup .school-popup-img.bookmarks-landscape .back {top: 55%;left: 7%;
}
#alert.product-popup .school-popup-img.bookmarks-portrait .front,
#alert.product-popup .school-popup-img.bookmarks-portrait .front-duplicate {width: 29.5%;aspect-ratio: 0.7;
}
#alert.product-popup .school-popup-img.bookmarks-portrait .front-duplicate {top: 7%;left: 15.5%;
}
#alert.product-popup .school-popup-img.bookmarks-portrait .front {top: 51%;left: 15.5%;
}
#alert.product-popup .school-popup-img.bookmarks-portrait .back {width: 21%;aspect-ratio: 0.7;top: 67.5%;left: 59.5%;transform: rotate(-90deg);
}
#alert.product-popup .school-popup-img.postcards-landscape .front {width: 40%;aspect-ratio: 1.43;top: 20.5%;left: 30%;
}
#alert.product-popup .school-popup-img.postcards-portrait .front {width: 26%;aspect-ratio: 0.7;top: 11.5%;left: 37%;
}
#alert.product-popup .school-popup-img.posters-portrait .front {width: 45.7%;aspect-ratio: 0.7;top: 17.3%;left: 3%;
}
#alert.product-popup .school-popup-img.posters-portrait .back {width: 9%;aspect-ratio: 0.7;top: 68%;left: 53%;
}
#alert.product-popup .school-popup-img.value-pack-portrait .front {width: 24%;aspect-ratio: 0.7;top: 10%;left: 20%;
}
#alert.product-popup .school-popup-img.value-pack-portrait .front-duplicate {width: 25.3%;aspect-ratio: 0.7;top: 56.6%;left: 4.5%;border: none;
}
#alert.product-popup .school-popup-img.value-pack-portrait .back {width: 6%;aspect-ratio: 0.7;top: 83.5%;left: 32.1%;
}
#alert.product-popup .school-popup-img.value-pack-portrait .front-3 {width: 8.5%;aspect-ratio: 0.72;top: 62.5%;left: 68.1%;
}
#alert.product-popup .school-popup-img.value-pack-portrait .front-4 {width: 8.5%;aspect-ratio: 0.72;top: 75%;left: 68.1%;
}
#alert.product-popup .school-popup-img.value-pack-portrait .back-2 {width: 8.5%;aspect-ratio: 1.4;top: 80.5%;left: 79.2%;
}
#alert.product-popup .school-popup-img.value-pack-landscape .front {width: 35.5%;aspect-ratio: 1.4;top: 11%;left: 8%;
}
#alert.product-popup .school-popup-img.value-pack-landscape .front-duplicate {width: 36.2%;aspect-ratio: 1.43;top: 42.5%;left: 12.5%;
}
#alert.product-popup .school-popup-img.value-pack-landscape .back {width: 7%;aspect-ratio: 1.4;top: 88%;left: 13.5%;
}
#alert.product-popup .school-popup-img.value-pack-landscape .front-3 {width: 12%;aspect-ratio: 1.4;top: 58.5%;left: 60.1%;
}
#alert.product-popup .school-popup-img.value-pack-landscape .front-4 {width: 12%;aspect-ratio: 1.4;top: 58.5%;left: 72.5%;
}
#alert.product-popup .school-popup-img.value-pack-landscape .back-2 {width: 12%;aspect-ratio: 1.4;top: 69.7%;left: 60.2%;
}#alert.product-popup .school-popup-title {font-size: 24px;font-weight: 400;line-height: 1.4;padding-right: 24px;
}
#alert.product-popup .school-popup-cost {font-size: 18px;line-height: 1.44;font-weight: 300;margin-top: 16px;
}
#alert.product-popup .school-popup-desc {margin-top: 24px;padding-top: 24px;border-top: 1px solid rgba(0, 0, 0, 0.10);
}
#alert.product-popup .school-popup-desc > b:first-child {font-size: 18px;
}
#alert.product-popup .school-popup-desc b {font-weight: 400;
}
#alert.product-popup .school-popup-desc {font-weight: 300;
}@keyframes wiggle {0%,100% {transform: rotate(-2deg);}50% {transform: rotate(2deg);}
}
.parent-admin-basket {margin-top: 32px;
}
.basket-row {padding-bottom: 24px;
}
.basket-header {color: #767676;
}
.basket-item-row {padding: 12px 0;border-bottom: 1px solid #DBDBDB;
}
.basket-item-flex {display: flex;gap: 16px;
}
.basket-item-row.basket-item-flex .basket-item-individual-price,
.basket-item-row.basket-item-flex .basket-item-quantity,
.basket-item-row.basket-item-flex .basket-item-line-total,
.basket-item-row.basket-item-flex .basket-item-name {width: 100%;
}
.basket-item-row.basket-item-flex .basket-item {margin: 0;
}
.basket-item-row.basket-item-flex.basket-item-last-row .basket-item-remove,
.basket-item-row.basket-item-flex.basket-item-last-row .basket-item-remove i {color: transparent;cursor: default;
}
.basket-item-row-left {width: 60%;display: flex;justify-content: space-between;gap: 16px;
}
.basket-item-row-right {width: 40%;display: flex;justify-content: space-between;gap: 16px;
}
.basket-item-row .basket-item{display: inline-block;margin-right: 16px;font-size: 14px;
}
.basket-item-row .basket-item-name {width:calc(50% - 20px);
}
.basket-item-row .basket-item-quantity {width:calc(15% - 20px);display: inline-flex;
}
.basket-item-row .basket-item-quantity > div {display: flex;align-items: center;justify-content: center;
}
.basket-item-row .basket-item-individual-price {width:calc(20% - 20px);
}
.basket-item-row .basket-item-line-total {width:calc(10% - 20px);
}
.basket-item-row .basket-item-quantity span {text-align: center;width: 40px;height: 24px;border: 1px solid #D8D8D8;display: flex;align-items: center;justify-content: center;
}
.basket-item-row .basket-item-quantity i {cursor: pointer;transition: color 0.2s;width: 24px;height: 24px;border: 1px solid #D8D8D8;display: flex;align-items: center;justify-content: center;
}
.basket-item-row .basket-item-quantity i.fa-minus {border-right: none;color: #D8D8D8;
}
.basket-item-row .basket-item-quantity i.fa-plus {border-left: none;color: #23A7EB;
}
.basket-item-row .basket-item-quantity i:hover {color: black;
}
.basket-item-row .basket-item-remove {width: 5%;text-align: right;margin-right: 0;cursor: pointer;
}
.basket-item-row .basket-item-remove i {cursor: pointer;color: rgba(255, 58, 47, .5);transition: color 0.2s;
}
.basket-item-row .basket-item-remove i:hover {color: #FF3A2F;
}
.basket-item-add {text-decoration-line: underline;color: #23A7EB;font-size: 14px;margin-top: 16px;cursor: pointer;
}
.basket-item-add i {font-size: 12px;
}
.more_info_button{color:#5ab1f6;cursor:pointer;
}
.more_info_button:hover{text-decoration: underline;
}
#basket_total {text-align: right;font-size: 20px;
}
#basket_total .value{float:right;margin-left:10px;
}
#basket_total > div:not(.delivery){margin-bottom:5px;
}
#basket_total .delivery {font-size: 16px;
}
.basket_more_info{display:none;line-height:20px;
}
.basket-total-blue {color: #23A7EB;font-weight: 600;
}
.calendar-select-date {display: flex;align-items: center;justify-content: space-between;width: 100%;height: 40px;border-radius: 4px;border: 1px solid #212121;margin-bottom: 16px;
}
.calendar-select-date span {padding: 8px;
}
.calendar-select-date i {width: 40px;height: 100%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;background-color: #23A7EB;border-radius: 0 4px 4px 0;font-size: 20px;cursor: pointer;
}
.calendar-flex {display: flex;flex-wrap: wrap;gap: 16px;
}
.calendar-container {width: 100%;max-width: 344px;border-radius: 4px;border: 1px solid #C5C5C5;font-size: 13px;line-height: 1.538;text-align: center;
}
.calendar-container .calendar-top {display: flex;justify-content: space-between;align-items: center;padding: 8px;
}
.calendar-container h3 {font-size: 14px;line-height: 1.5;font-weight: 500;
}
.calendar-container .calendar-top .arrow-month i {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background-color: #23A7EB;color: #FFFFFF;font-size: 16px;border-radius: 4px;cursor: pointer;
}
.calendar-container .calendar-top .arrow-month.disabled {opacity: .5;cursor: default;position: relative;
}
.calendar-container .calendar-top .arrow-month.disabled::after {content: "";width: 100%;height: 100%;z-index: 1;position: absolute;top: 0;left: 0;
}
.calendar-container table {border-collapse: initial;border-spacing: 8px;
}
.calendar-container th {font-weight: 400;line-height: 1.5;padding-bottom: 8px;
}
.calendar-container tbody {position: relative;
}
.calendar-container tbody::before {content: "";position: absolute;width: calc(100% + 16px);height: 1px;left: -8px;top: 36px;background-color: #C5C5C5;
}
.calendar-container td {padding: 8px 10px;border: 2px solid #D9D9D9;background-color: #D9D9D9;width: 40px;height: 40px;opacity: 0.5;
}
.calendar-container td:empty {border: 1px solid #E1E1E1;background-color: #FFFFFF;
}
.calendar-container td.selected {font-weight: 600;border-color: #000000!important;
}
.calendar-container td.unavailable-date,
.calendar-container td:nth-child(6):not(:empty),
.calendar-container td:nth-child(7):not(:empty) {background-color: #D9D9D9!important;border-color: #D9D9D9!important;color: #000000!important;;opacity: 0.5!important;
}
.calendar-container td.unavailable-date {cursor: default!important;
}
.calendar-key-title {font-size: 14px;line-height: 1.5;font-weight: 500;margin-bottom: 8px;
}
.calendar-key {display: flex;align-items: center;gap: 8px;font-size: 13px;line-height: 1.538;
}
.calendar-key .square {width: 16px;height: 16px;flex-shrink: 0;
}#mobile_menu_button{display: none;height: 48px;width: 48px;font-size: 24px;text-align: center;align-items: center;justify-content: center;
}
#mobile_header{padding:0 20px 20px 20px;border-bottom:1px solid #ccc;
}
aside{position:fixed;right:-300px;height: 100%;width:300px;background-color:#fff;z-index:10;padding:20px 0;-webkit-transition: right .2s;-moz-transition: right .2s;-ms-transition: right .2s;-o-transition: right .2s;transition: right .2s;
}
aside ul{width:100%;
}
aside ul li a{height:35px;line-height: 35px;padding:0 20px;margin-bottom:10px;display:block;width:100%;
}
.menu_open aside{right:0;
}
#site_block{background-color:transparent;-webkit-transition: background-color .2s;-moz-transition: background-color .2s;-ms-transition: background-color .2s;-o-transition: background-color .2s;transition: background-color .2s;
}
.menu_open #site_block{position:fixed;width:100%;height:100%;z-index:9;background-color: rgba(0, 0, 0, 0.2);
}
.mobile-basket-header,
.show_mobile{display:none;
}@media only screen and (max-width: 1250px) {.school-admin-search-filter {flex-direction: column;}.school-admin-search-filter > div {width: 100%;}.school-admin-search-filter > div:last-child {justify-content: flex-start;}
}@media only screen and (max-width: 1200px) {#order_outer{width:100% !important;margin-left:0 !important;}.previous-order .order_row {gap: 32px;justify-content: space-between;}.timeline-step-container {flex-direction: column;align-items: center;gap: 24px;}.timeline-step-container +.timeline-step-container {margin-top: 48px;}.timeline-step-right {max-width: 800px;}.timeline-step-right::before {transform: rotate(45deg);top: auto;bottom: calc(100% - 16px);right: calc(50% - 16px);background-color: #FFFFFF;box-shadow: 0 0 2px rgba(0, 0, 0, .15);}.timeline-step-container.disabled .timeline-step-right {display: none;}.timeline-step-left::after {height: 48px;top: -48px;left: calc(50% - 1px);}.timeline-step-container:last-child .timeline-step-left::after {height: 48px;}.timeline-step-left::before {content: none;}.checkout-basket-title,.checkout-basket-row,.checkout-basket-total-box,.checkout-basket .buttons-container {padding-inline: 40px;}.checkout-container {flex-direction: column-reverse;}.checkout-basket {max-width: 100%;}
}
@media only screen and (max-width: 1024px) {#products_area {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 1000px) {main{width:100%;}#footer_top,#footer_left {gap: 40px;}.previous-order .order_row {gap: 16px;flex-wrap: wrap;background: none;padding: 0;}.previous-order .order_row > div {width: calc(50% - 8px);}.previous-order .order_row > div:nth-child(4) {order: 1;}.previous-order .order_row > div:nth-child(3) {order: 2;}.previous-order .order_row > div:nth-child(6) {order: 3;}.previous-order .order_row > div:nth-child(1) {order: 4;}.previous-order .order_row > div:nth-child(2) {order: 5;}.previous-order .order_row > div:nth-child(5) {order: 6;}.previous-order .order_row > div:nth-child(6),.previous-order .order_row > div:nth-child(1),.previous-order .order_row > div:nth-child(2),.previous-order .order_row > div:nth-child(5) {display: none;}.previous-order .order_row span {background-color: #EEECEB;padding-inline: 8px;}.previous-order .order_row > div > div {padding-inline: 8px;}#order .order-data {flex-wrap: wrap;gap: 24px;}#order .right-content,#order .left-content {width: 100%;}.order-data table {margin-top: 32px;width: 100%;}.previous-order button.details {width: 100%;height: 40px;border-radius: 5px;border: 1px solid #23A7EB;background: none;font-family: "Roboto", sans-serif;font-size: 16px;color: #23A7EB;font-weight: 600;cursor: pointer;}.previous-order button.show-details {margin-top: 24px;}
}
@media only screen and (min-width: 901px) {#site_block{display:none !important;}aside{right:-300px !important;}
}
@media only screen and (max-width: 900px) {main {min-height: calc(100vh - 472px);}.login-container {min-height: calc(100vh - 552px);}header .top {height: 48px;}header .top #logo {width: 80px;margin: 8px 0 0 8px;}#mobile_menu_button {display: flex;}.mobile_hide,nav{display:none;}main {padding-top: 100px;}#user_drop,#basket_area {order: initial;}#user_drop {width: 48px;justify-content: center;padding: 8px;}#user_drop .drop_visible > i {top: 0;margin-left: 0;}#basket_count {position: absolute;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #FFCD00;color: #000;aspect-ratio: 1;font-size: 12px;line-height: 12px;font-weight: 700;min-width: 16px;padding-inline: 3px;top: -3px;right: -2px;}#basket_area {justify-content: center;width: 48px;padding: 8px;}#basket_area i {font-size: 25px;margin-left: 0;}#basket_area > .drop_visible {position: relative;}header .top > div > div {border-left: 1px solid #DBDBDB;}.drop_visible > i.fa-user {display: block;}.drop_visible > span:not(#basket_count) {display: none;}.school-info-container > div {width: 100%;}.forms-table-top {flex-direction: column;}.forms-table-top-right {justify-content: space-between;}#footer {padding: 24px 0;}#footer_left {gap: 24px;flex-direction: column;}#footer_logo {margin-bottom: 8px;}#footer_bottom {margin-top: 32px;}
}
@media only screen and (max-width: 768px) {header .top #logo {width: 48px;margin: 0;}main {padding-top: 80px;}.order_flex{flex-wrap:wrap;}.order50{width:100% !important;}.flex.order_flex > div{margin:0 0 20px 0 !important;}.radio{line-height:22px;}#paymentForm .flex{flex-wrap:wrap;}#paymentForm .flex > div{width:100% !important;margin-bottom:20px !important;}.order_row_created{display:none;}.school-resources-container {grid-gap: 32px;}.basket-item-row.header {display: none;}.mobile-basket-header {display: block;font-size: 16px;font-weight: bold;margin-bottom: 5px;}.basket-items {padding: 10px 0;}.basket-item-row .basket-item {width: 100%;margin-right: 0;margin-bottom: 10px;}.basket-item-row {border-bottom: 1px solid #DBDBDB;padding: 16px 0;}.basket-item-row .basket-item-remove {text-align: right;margin-bottom: 0;}.parent-admin-artwork {margin-top: 92px;}.parent-admin-artwork .artwork-icons {top: auto;right: auto;bottom: 100%;background: #6dafbf;width: 100%;height: 60px;justify-content: flex-end;padding-right: 16px;}.parent-admin-artwork {padding: 54px 4px 12px;}.parent-admin-artwork.landscape {background-size: 716px;padding: 0 4px 45px;}.parent-admin-artwork-img {width: 274px;height: 387px;}.parent-admin-artwork img {width: 242px;height: 354px;}#products_area {grid-template-columns: 1fr;justify-items: center;}.product {width: 100%;max-width: 312px;}.parent-admin-basket {margin-top: 0;border-top: none;}.basket-items {padding: 0;}.basket-item-last-row {padding-bottom: 0;}.basket-total-pay {display: none;}.basket-item-row.basket-item-flex {position: relative;}.basket-item-row.basket-item-flex .basket-item {font-size: 16px;}.basket-item-row.basket-item-flex .basket-item-remove {width: auto;position: absolute;left: 100px;line-height: 24px;}.basket-item-row-left {flex-direction: column;}.basket-item-row-right {flex-direction: column-reverse;text-align: right;}.basket-item-row.basket-item-flex .basket-item-line-total {font-weight: 700;}.basket-item-row.basket-item-flex .basket-item-individual-price {font-size: 14px;line-height: 24px;color: #767676;}.basket-item-row.basket-item-flex:not(.basket-item-last-row) .basket-item-individual-price::after {content: " per item"}
}
@media only screen and (max-width: 730px) {.basket-item-row .basket-item-name{width:calc(50% - 20px);}#main:not(.page-basket) .parent-admin-artwork-top {gap: 16px;flex-direction: column-reverse;text-align: center;}.parent-admin-container h1,.parent-admin-desc {text-align: center;}.calendar-flex {flex-direction: column;}.product-price {padding-block: 0;}
}
@media only screen and (max-width: 650px) {.order_row_year,.order_row_class{display:none;}#footer_logo {width: 72px;height: 72px;}#footer_top {position: relative;}#footer_right {position: absolute;right: 0;top: 0;}#footer_right img {max-width: 80px;}.share-container span,#footer_social span {width: 40px;height: 40px;}
}
@media only screen and (max-width: 580px) {h1 {font-size: 28px;}.checkout-basket-title,.checkout-basket-row,.checkout-basket-total-box,.checkout-basket .buttons-container {padding-inline: 24px;}.checkout-container .content {padding: 24px;}.field-two-cols {grid-template-columns: 1fr;}.child-info > div{width:100%;}.height_flex {flex-wrap: wrap;}.height_flex .content{margin-left:0 !important;margin-bottom:20px;text-align:center;}.height_flex .content.w25p{width: 100% !important;}#charts_area .content .chart_outer canvas{margin:auto;}.parent-admin-artwork.landscape {background-size: 500px;padding: 0 4px 32px;}.parent-admin-artwork.landscape .parent-admin-artwork-img {width: 191px;height: 270px;}.parent-admin-artwork.landscape .parent-admin-artwork-img img {width: 159px;height: 238px;}.parent-admin-container {padding: 24px;}.parent-admin-section {margin-bottom: 24px;}.content.pad40 {padding: 32px;}.w50-inline.sp32 {width: calc(50% - 8px);}.w50-inline.sp32 + .w50-inline.sp32 {margin-left: 16px;}.account-details section {margin: 32px 0;}.account-password {padding-bottom: 32px;margin-bottom: 32px;}.field-group + .field-group {margin-top: 24px;}.school-info-container {gap: 24px;}.school-info-box + .school-info-box {margin-top: 24px;}.school-info-box-title {margin-bottom: 24px;}.school-info-box-section {margin-top: 16px;}.school-info-box-fields {flex-direction: column;margin-top: 16px;gap: 16px;}.school-resources-container {grid-gap: 24px;}.timeline-step-left {flex-direction: column;}.timeline-step-main-info {max-width: 100%;}.timeline-step-date,.timeline-step-desc {margin-left: 0;}.timeline-step-desc {margin-bottom: 24px;}.timeline-step-info {flex-direction: column-reverse;row-gap: 4px;}.timeline-step-info-whats {text-align: right;}.previous-order .order_row > div {width: 100%;}.previous-order .order_row > div:nth-child(6) {display: block!important;}.order-data .left-content-top,.order-data .child-info,.order-data .school-info {flex-direction: column;}.previous-order .order-data span {height: auto;}#order .order-data {gap: 8px;}.order-data table {display: none;}#order .mobile-table {display: flex;flex-wrap: wrap;border: 1px solid #000;margin-top: 24px;}#order .mobile-table .heading {font-weight: 700;}#order .mobile-table > div {width: 50%;}#order .mobile-table > div:nth-child(2),#order .mobile-table > div:nth-child(4) {border-left: 1px solid #000;}#order .mobile-table > div:nth-child(3),#order .mobile-table > div:nth-child(4),#order .mobile-table > div > div + div {border-top: 1px solid #000;}#order .mobile-table > div > div {padding: 8px;}.previous-order button.hide-details {margin-top: 24px;}
}
@media only screen and (max-width: 550px) {.w50p.ml10.order_col,.w50p.mr10.order_col{width:100% !important;}.w50p.ml10.order_col{margin-left:0 !important;}
}
@media only screen and (max-width: 500px) {#products_login_container {flex-direction: column;}.products-login-img {width: 100%!important;height: 240px;}.products-login-img img {width: 100%;height: 100%;}.checkout-basket .buttons-container {flex-direction: column;gap: 16px;}.cards-container .card h2{font-size:18px;}.info{margin-bottom:10px;}#basket_total{width:100%;}#basket_total .value{float:none;}#pay_button {width: 100%;}.content > #pay_button {margin-top: 16px;}#property_postcode_group input,#property_postcode_group .bottom_bar,#delivery_property_postcode_group input,#delivery_property_postcode_group .bottom_bar {width: 100%;}#property_postcode_group button,#delivery_property_postcode_group button {position: relative;right: auto;top: auto;width: 100%;}.field-group.flex {flex-wrap: wrap;}.field-group .w50-inline.sp32 {width: 100%;}.field-group .w50-inline.sp32 + .w50-inline.sp32 {margin-left: 0;margin-top: 24px;}.button-container .button.w184 {max-width: 100%;}.button-container.flex.spb .button + .button {margin-top: 16px;}.parent-admin-container .buttons-container {flex-direction: column-reverse;}.parent-admin-select-container {grid-template-columns: 1fr;}.parent-admin-steps > div {font-size: 14px;padding-bottom: 8px;}.calendar-container .calendar-top {padding: 6px 6px 0;}.calendar-container .calendar-top .arrow-month i {width: 30px;height: 30px;}.calendar-container {max-width: 262px;}.calendar-container tbody::before {width: calc(100% + 14px);left: -6px;top: 30px;}.calendar-container table {border-spacing: 6px;}.calendar-container th {padding-bottom: 6px;}.calendar-container td {padding: 3px 5px;width: 30px;height: 30px;}
}
@media only screen and (max-width: 450px) {h1 {font-size: 24px;}.drop_content{position:fixed !important;top:45px;left:0;width:100% !important;}.products_each,.order_row_id{display:none;}#order .mobile-table .products_each {display: block;}
}
@media only screen and (max-width: 400px) {main{padding-right:10px;padding-left:10px;}.content,.setup-step-info {padding:20px;}.product{width:100%;}#paymentForm .field{width:100% !important;margin-left:0 !important;}.order_preview{max-width:100%;}.homepage h1 {font-size: 24px;}.cards-container {grid-template-columns: 1fr;}.school-info-box-buttons > button {width: 100%;}.school-resources-container {grid-template-columns: 1fr;grid-gap: 24px;}.forms-table-top-right {flex-direction: column-reverse;align-items: flex-start;gap: 16px;}.forms-table-top-right .button {width: 100%;}.parent-admin-artwork {padding: 46px 4px 12px;}.parent-admin-artwork-img {width: 232px;height: 328px;}.parent-admin-artwork img {width: 200px;height: 296px;}.parent-admin-artwork.landscape {background-size: 400px;padding: 0 4px 28px;}.parent-admin-artwork.landscape .parent-admin-artwork-img {width: 154px;height: 216px;}.parent-admin-artwork.landscape .parent-admin-artwork-img img {width: 138px;height: 200px;}
}@media only screen and (max-width: 360px) {.calendar-container .calendar-top {padding: 4px 4px 0;}.calendar-container {max-width: 214px;}.calendar-container tbody::before {width: calc(100% + 8px);left: -4px;top: 26px;}.calendar-container table {border-spacing: 4px;}.calendar-container td {padding: 1px 3px;width: 26px;height: 26px;}.calendar-container th {padding-bottom: 4px;}.calendar-container .calendar-top .arrow-month i {width: 26px;height: 26px;font-size: 14px;}
}body {background-color: #F9F9F9;line-height: 1.5;
}

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