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

#miniPop_blocker{background-color:rgba(150,150,150,.5);z-index:200;display:flex;justify-content:center;align-items:center;
}
#miniPop{min-width:300px;min-height:50px;max-height:calc(100vh - 20px);overflow-y:auto;background-color:#fff;padding:10px 15px;text-align:left;position:relative;font-family: Open Sans;
}
#miniPop_question{font-size:18px;margin-bottom:10px;padding-bottom:5px;padding-right:20px;color:#666;border-bottom:2px solid #2d3f82;
}
#miniPop_detail{font-size:14px;color:#666;margin-bottom:10px;
}
#miniPop_buttons{margin-top:30px;
}
#miniPop_buttons .core-btn{float:right;margin:0 0 0 10px;
}
#miniPop_buttons .core-btn.fl{margin:0 10px 0 0;
}
#miniPop_inputs{margin:10px 0;
}
#miniPop_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;
}
@font-face{font-family: "BBC Reith";src: url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Rg.eot"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Rg.ttf") format("truetype"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Rg.woff") format("woff"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Rg.woff2") format("woff2");font-weight: 400;
}
@font-face{font-family: "BBC Reith";src: url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Md.eot"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Md.ttf") format("truetype"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Md.woff") format("woff"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Md.woff2") format("woff2");font-weight: 500;
}
@font-face{font-family: "BBC Reith";src: url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Bd.eot"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Bd.ttf") format("truetype"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Bd.woff") format("woff"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_Bd.woff2") format("woff2");font-weight: 700;
}
@font-face{font-family: "BBC Reith";src: url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_ExBd.eot"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_ExBd.ttf") format("truetype"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_ExBd.woff") format("woff"),url("/project/res/style/fonts/BBCReith/ttf/BBCReithSans_ExBd.woff2") format("woff2");font-weight: 800;
}
@font-face{font-family: "BBC Reith Wobbly";src: url("/project/res/style/fonts/BBCReithWobbly/BBCReithSmRdWb_ExBd.ttf") format("truetype");font-weight: 800;
}
*{box-sizing: border-box;
}#main{min-height: calc(100vh - 136px);
}:root {--font: din-2014, sans-serif;--enterprise-font: "BBC Reith", sans-serif;--enterprise-font-wobbly: "BBC Reith Wobbly", sans-serif;--beige: #F6F3EB;--black: #000000;--blue: #002858;--dark-green: #00703C;--enterprise-black: #130C01;--green: #00A664;--grey: #8E8E8E;--light-grey: #BCBCBC;--red: #EF3E34;--white: #FFFFFF;--yellow: #F7BC31;
}
body{font-family: var(--font);font-style: normal;font-weight: 400;font-size: 16px;line-height: 1.5;color: var(--blue);
}
.arial{font-family: "Arial", sans-serif;
}
h1, .h1{font-weight: 800;font-size: 48px;line-height: 56px;
}
h2, .h2,
h1.page-title{font-weight: 800;font-size: 40px;line-height: 56px;
}
.h18{font-weight: 800;font-size: 18px;
}
.h20{font-weight: 700;font-size: 20px;line-height: 30px;
}
.small{font-size: 14px;
}
.smaller{font-size: 12px;
}
.bold{font-weight: 700;
}
.page-title{text-align: center;margin-top: 56px;
}
.underlined{text-decoration: underline;
}
.overdiv1440{width: 100%;max-width: 1488px;padding: 0 24px;margin: 0 auto;
}
.overdiv1120{width: 100%;max-width: 1168px;padding: 0 24px;margin: 0 auto;
}
.w640{width: 100%;max-width: 640px;margin: 0 auto;
}
.w600{max-width: 600px;width: 100%;margin: 0 auto;
}
.w544{max-width: 544px;width: 100%;margin: 0 auto;
}
.w352{max-width: 352px;width: 100%;margin: 0 auto;
}
.page-margin{margin-top: 56px;margin-bottom: 56px;
}
.mb-16 {margin-bottom: 16px;
}
.dn{display: none;
}
.flex{display: flex;
}
.flex.jsb{justify-content: space-between;
}
.flex.ac{align-items: center;
}
.relative{position: relative;
}
.absolute{position: absolute;
}
.nowrap{white-space: nowrap;
}
#overdiv img{max-width: 100%;max-height: 100%;
}
.bg-container{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;
}
.bg-container > img{opacity: 0;
}
.bg-green{background-color: var(--green);
}
.bg-black{background-color: var(--enterprise-black);
}
.bg-blue {background-color: var(--blue);
}
.bg-yellow{background-color: var(--yellow);
}
.green-text{color: var(--green);
}
.yellow-text{color: var(--yellow);
}
.grey-text{color: var(--grey);
}
.home-stat-container{display: grid;grid-template-columns: repeat(3, 1fr);
}
.home-stat-box{background-color: var(--dark-green);color: var(--white);border: 1px solid rgba(19, 12, 1, .35);font-weight: 700;padding: 52px 0 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.home-stat-box > div:first-child{font-size: 56px;line-height: 64px;
}
.home-stat-box > div:last-child{font-size: 24px;line-height: 36px;margin-top: 4px;
}
#home_sections_container{background-image: url("/res_images/home-partner-bg.png");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;
}
.home-left-section{width: 50%;display: flex;justify-content: flex-end;align-items: flex-end;
}
.home-right-section{font-family: var(--enterprise-font);width: 50%;display: flex;flex-direction: column;justify-content: center;padding: 56px 0 56px 8px;font-weight: 800;color: var(--enterprise-black);
}
#overdiv .home-right-section img {display: block;margin-bottom: 40px;max-width: 456px;
}
.home-right-section-number{font-family: var(--enterprise-font-wobbly);font-size: 80px;color: var(--yellow);
}
.home-left-lead{width: 50%;padding: 56px 0 56px 80px;display: flex;justify-content: flex-start;
}
.home-right-lead{width: 50%;padding: 56px 0;
}
.home-right-lead table{width: 100%;border-collapse: separate;border: 1px solid rgba(188, 188, 188, .5);border-radius: 5px;font-weight: 700;margin-top: 32px;
}
.home-right-lead table thead{background-color: rgba(188, 188, 188, .1);color: var(--light-grey);border-bottom: 1px solid rgba(188, 188, 188, .5);
}
.home-right-lead table thead td{padding: 8px 16px;
}
.home-right-lead table td:last-child{text-align: right;
}
.home-right-lead table tbody{font-size: 18px;line-height: 27px;
}
.home-right-lead table tbody td{text-transform: uppercase;padding: 14px 16px;border-top: 1px solid rgba(188, 188, 188, .5);
}
.home-right-lead table tbody td:last-child{color: var(--green);
}
.map-container{position: relative;width: 360px;height:568px;
}
.map{width: 100%;
}
.map-container .text{position: absolute;font-weight: 700;font-size: 14px;line-height: 18px;width: 152px;padding: 8px;background-color: var(--yellow);border: 1px solid var(--yellow);border-radius: 5px;text-align: center;color: var(--black);top: 50%;transform: translateY(-50%);z-index:10;cursor:pointer;opacity:.9;
}
.map-container .text:hover,
.map-container .absolute.selected .text{opacity:1;
}
.map-container .absolute.muted .text,
.map-container .absolute.muted .region{opacity:.5;
}
.map-container .text::before{content: "";position: absolute;background-color: var(--yellow);height: 1px;
}
.map-container .region{position: relative;z-index: 11;width: 40px;height: 34px;
}
.map-container .region.selected{width: 64px;height: 64px;
}
.map-container > div.absolute{min-height: 54px;display: flex;align-items: center;
}
.scotland{top: 27%;right: 43%;
}
.scotland .text{right: calc(100% + 92px);
}
.scotland .text::before{width: 100px;top: 50%;left: 100%;
}
.map-container .region.northern-ireland{position: absolute;right: calc(100% + 100px);top: calc(100% + 12px);
}
.north-east{top: 45%;right: 31%;
}
.north-east .text{left: calc(100% + 46px);
}
.north-east .text::before{width: 48px;top: 50%;right: 100%;
}
.north-west{top: 59%;left: 52%;
}
.north-west .text{right: calc(100% + 114px);
}
.north-west .text::before{width: 120px;top: 50%;left: 100%;
}
.flex-e-rent{top: 66%;left: 46%;
}
.flex-e-rent .text{left: calc(100% + 89px);
}
.flex-e-rent .text::before{width: 91px;top: 50%;right: 100%;
}
.south-west{top: 73%;left: 35%;
}
.south-west .text{right: calc(100% + 53px);
}
.south-west .text::before{width: 60px;top: 50%;left: 100%;
}
.london{top: 84%;left: 69%;
}
.london .text{left: calc(100% + 7px);
}
.london .text::before{width: 10px;top: 50%;right: 100%;
}
.corporate-offices{top: 90%;left: 53%;
}
.corporate-offices .text{right: calc(100% + 118px);
}
.corporate-offices .text::before{width: 125px;top: 50%;left: 100%;
}
.radar{top: 75%;left: 65%;
}
.radar .text{left: calc(100% + 21px);
}
.radar .text::before{width: 24px;top: 50%;right: 100%;
}
.contact-centre{top: 82%;left: 56%;
}
.contact-centre .text{right: calc(100% + 129px);
}
.contact-centre .text::before{width: 132px;top: 50%;left: 100%;
}

.challenges{background-color: var(--beige);padding: 56px 0;
}
.challenges-section-top{display: flex;justify-content: space-between;align-items: center;text-transform: uppercase;gap: 16px;margin-bottom: 32px;
}
.challenges-section-link{color: var(--green);font-size: 18px;font-weight: 700;text-decoration: underline;
}
.challenge-cards{display: grid;grid-template-columns: repeat(auto-fit, 256px);gap: 32px;justify-content: center;
}
.challenge-image{height: 88px;position:relative;
}
.challenge-deadline{position:absolute;top:8px;right:8px;display:inline-block;background-color:var(--dark-green);color:var(--white);border-radius:4px;padding:4px;font-size:14px;
}
.challenge-image img{width: 100%;height: 100%;object-fit: cover;
}
.challenge-card-bottom{border-radius: 0 0 5px 5px;border: 1px solid rgba(188, 188, 188, .50);background-color: var(--white);padding: 16px;height: calc(100% - 88px);display: flex;flex-direction: column;gap: 16px;
}
.challenge-card-name{font-size: 18px;line-height: 1.2;font-weight: 700;flex-grow: 1;text-transform: uppercase;
}
.challenge-card-date-loc{font-size: 14px;font-weight: 700;
}
.challenge-card-date-loc span,
.challenge-card-link{color: var(--green);
}
.challenge-card-date-loc span{text-transform:uppercase;
}
.challenge-card-link{font-size: 14px;text-decoration: underline;margin-bottom: 8px;
}

.challenges-page-top{display: flex;justify-content: space-between;gap: 16px;margin-bottom: 32px;
}
.challenges-page-top-right{display: flex;gap: 32px;
}
#searchChallengeInput{display: flex;width: 392px;
}
.challenges-page-results{font-size: 14px;margin-bottom: 24px;min-height: 1px;
}
.challenges-page-pagination{display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 40px;
}
.challenges-page-pagination a{min-width: 16px;text-align: center;
}

.challenge-page-image{width: 100%;max-height: 393px;aspect-ratio: 2.85;margin-top: 40px;
}
.challenge-page-image img{width: 100%;height: 100%;object-fit: cover;
}
.max736{max-width: 736px;margin: 40px auto 56px;
}
.challenge-page-text{position: relative;
}
.challenge-page-back{position: absolute;inset: 0 auto auto 0;color: var(--green);display: flex;align-items: center;gap: 8px;
}
.challenge-page-top{margin-bottom: 32px;padding-bottom: 32px;border-bottom: 1px solid var(--light-grey);
}
.challenge-page-date-loc{margin-top: 32px;font-weight: 700;
}
.challenge-page-date-loc span{color: var(--green);text-transform:uppercase;
}
.challenge-page-button{margin-top: 32px;
}
#sign h1{margin: 56px 0 48px;text-align: center;
}
.sign-img{text-align: center;margin: 48px 0 40px;
}
.sign-img img{border: 1px solid rgba(188, 188, 188, .5);border-radius: 5px;
}
#sign .form-top{margin-bottom: 24px;font-size: 14px;line-height: 21px;color: var(--grey);
}
#sign .form-top > div:first-child{font-size: 16px;line-height: 24px;font-weight: 700;color: var(--black);margin-bottom: 8px;
}
#sign .form-bottom{margin: 40px 0;text-align: center;font-weight: 700;
}
#sign .form-bottom a{font-weight: 400;color: var(--green);text-decoration: underline;
}
#sign .sign-tabs a{width: 50%;text-align: center;border-bottom: 1px solid var(--light-grey);padding-bottom: 8px;font-weight: 700;font-size: 18px;line-height: 27px;color: var(--light-grey);
}
#sign .sign-tabs a.selected{color: var(--green);border-bottom: 3px solid var(--green);
}
#sign .login-code > input{text-align: center;font-size: 18px;line-height: 27px;text-transform:uppercase;
}
#sign .login-code > input + input{margin-left: 12px;
}
#sign .form-bottom .grey-text{font-weight: 400;text-decoration: underline;
}
.back{position: absolute;top: 16px;left: 24px;font-size: 14px;line-height: 21px;color: var(--green);
}
.back span{text-decoration: underline;
}
#your_account h1{margin-bottom: 56px;
}
#fundraising_area h2{font-weight: 700;font-size: 24px;line-height: 36px;color: var(--green);text-align: center;margin: 16px 0 64px;
}
#fundraising_area h3{text-align: center;font-size: 20px;line-height: 30px;
}
.no-active-pages{margin-top: 144px;text-align: center;font-size: 14px;line-height: 21px;color: var(--grey);
}
.no-active-pages button{margin-top: 24px;
}
.active-pages{margin-top: 48px;
}
.active-cards{display: grid;grid-template-columns: repeat(auto-fit, 352px);grid-gap: 32px;margin-bottom: 48px;justify-content: center;
}
.active-card{display: flex;min-height: 136px;position: relative;
}
.account-home-icons{padding-bottom:20px;position:relative;
}
.account-home-icons .awe{font-size:18px;color:var(--green);cursor:pointer;
}
.account-home-icons-descr{display:none;position:absolute;left:0;width:100%;text-align:center;padding-top:5px;color:var(--grey);
}
.account-home-icons > div:hover .account-home-icons-descr{display:block;
}
.account-home-icons > div:hover .awe{font-weight:600;
}
.delete-active-card{background-color: var(--green);color: var(--white);border-radius: 5px 0;position: absolute;top: 0;left: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;
}
.active-card .bg-container{background-color: #C4DDEB;width: 160px;border-radius: 5px 0 0 5px;
}
.active-cards-right{width: calc(100% - 160px);background: rgba(188, 188, 188, .15);border: 1px solid var(--light-grey);border-left: none;border-radius: 0 5px 5px 0;padding: 16px;display: flex;flex-direction: column;justify-content: space-between;font-weight: 700;
}
.active-card.archived{opacity: .5;
}
.active-cards-right > div:nth-child(2){margin: 4px 0 10px;
}
.active-cards-right > div:last-child{font-weight: 400;
}
.active-cards-right a{color: var(--green);text-decoration: underline;
}
#create_share_page_top{text-align: center;
}
.create-share-title{font-weight: 700;margin: 24px 0;
}
#create_share_page_top .page-bar-container{width: 50%;color: rgba(0, 0, 0, .5);
}
#create_share_page_top .page-bar-container.selected{color: var(--blue);
}
#create_share_page_top .page-bar{height: 16px;background-color: rgba(0, 166, 100, .25);border: 1px solid var(--white);margin-bottom: 16px;
}
#create_share_page_top .page-bar-container.selected .page-bar{background-color: var(--green);cursor: pointer;
}
.page-description{color: var(--grey);padding: 40px 0;
}
.create-page-form-section + .create-page-form-section{margin-top: 32px;
}
.create-page-form-section > .bold + .form-field{margin-top: 16px;
}
.create-page-form-section > .bold + .grey-text{margin-top: 8px;margin-bottom: 16px;
}
.create-page-challenge{display: flex;margin-top: 16px;
}
.create-page-challenge-image{width: 88px;min-height: 88px;flex-shrink: 0;
}
.create-page-challenge-image img{object-fit: cover;width: 100%;height: 100%;
}
.create-page-challenge-right{width: 100%;border: 1px solid var(--light-grey);border-radius: 0 5px 5px 0;padding: 16px;display: flex;flex-direction: column;gap: 16px;
}
.create-page-challenge-name{font-weight: 700;flex-grow: 1;
}
.create-page-challenge-link{font-size: 14px;text-decoration: underline;color: var(--green);cursor: pointer;
}
.create-page-challenge-links{display: flex;column-gap: 16px;justify-content: space-between;
}
.create-page-challenge-single-link{display: block;margin-top: 16px;
}
#share_page{padding-bottom: 80px;margin-bottom: 0;
}
#share_page_form{margin-bottom: 40px;
}
#share_page .h20{margin-bottom: 24px;
}
#share_page .social-share{display: flex;align-items: center;margin-bottom: 24px;
}
#share_page .social-share > div + div{margin-left: 22px;
}
.copy-url,
.qr-code{text-decoration: underline;cursor:pointer;
}
.social-share > div{cursor:pointer;
}
#add_offline_donation{margin-bottom: 40px;
}
#finished_challenge{border-top: 1px solid var(--light-grey);margin-top: 40px;padding: 40px 0 24px;
}
#finished_challenge > .arial{margin: 16px 0 32px;
}
#leaderboard-scroll{height:560px;overflow-y:auto;
}button {font-family: var(--font);font-weight: 700;font-size: 16px;letter-spacing: 0.02em;padding: 8px 16px;background-color: var(--green);border: 1px solid var(--green);color: var(--white);cursor: pointer;display: block;min-height: 48px;
}
button.donate {font-family: var(--enterprise-font);letter-spacing: normal;background-color: var(--yellow);border: 1px solid var(--yellow);border-radius: 4px;color: var(--black);font-size: 20px;padding: 15px 16px 12px;
}
button.w100 {width: 100%;
}
button:disabled {opacity: .5;
}
button.outline {border: 1px solid var(--green);background-color: var(--white);color: var(--grey);
}
button.border-left-right {min-width: 104px;padding: 8px 24px;background-color: transparent;border-top: none;border-bottom: none;border-left: 1px solid rgba(255, 255, 255, .5);border-right: 1px solid rgba(255, 255, 255, .5);color: var(--white);
}
button#page-account-exit.border-left-right{position:fixed;top:0;right:0;background-color: var(--black);z-index:10;
}
button.border-left-right + button.border-left-right {border-left: none;
}
button.border-left-right:hover {background-color: rgba(255, 255, 255, .2);
}
button.red{border-color: var(--red);background-color: var(--red)!important;color: var(--white);
}#header {font-weight: 700;background-color: var(--blue);color: var(--white);
}
.header-logo {display: inline-flex;align-self: center;margin-right: 12px;max-height: 32px;
}
#header .flex {height: 48px;
}
#header .overdiv1120 {padding-right: 0;
}
#overdiv:has(#world-background) #header .flex {height: 40px;
}
#overdiv:has(#world-background) #header .header-logo {display: none;
}
#overdiv:has(#world-background) #header .header-right {display: flex;width: 100%;justify-content: flex-end;
}
#overdiv:has(#world-background) #header button {min-height: 40px
}#footer {font-family: var(--font);font-size: 14px;line-height: 1.2;background-color: var(--blue);color: var(--white);display: flex;align-items: center;min-height: 32px;
}
#footer a {text-decoration: underline;
}
#footer > div {padding: 6px 24px;justify-content: space-between;min-height: 32px;
}
#footer .flex {align-items: center;gap: 24px;
}
#footer .footer-links {display: flex;flex-wrap: wrap;
}
#footer .footer-links a + a {border-left: 1px solid var(--white);padding-left: 8px;margin-left: 8px;
}.form-buttons .form-button + .form-button {margin-left: 32px;
}
.form-button {margin-top: 40px;
}
.form-field + .form-field {margin-top: 24px;
}
label {font-size: 14px;line-height: 21px;display: block;margin-bottom: 6px;
}
input:not([type='file']),
select {font-family: var(--font);font-size: 14px;width: 100%;height: 48px;border: 1px solid var(--light-grey);background-color: var(--white);padding: 16px;color: #838383;
}
select {padding: 8px 16px;
}
textarea {font-family: var(--enterprise-font);font-size: 14px;width: 100%;height: 256px;resize: none;border: 1px solid var(--light-grey);padding: 16px;color: #838383;
}
.max-character {text-align: right;margin-top: -16px;color: var(--green);
}#share_email:focus-visible {outline: none;
}
.field-with-button .smaller {margin-top: 8px;
}
#image-error.warn{color:var(--red) !important;
}
#image_preview{width:100px;height:100px;border-radius:100px;background-size:cover;margin:10px;border: 1px solid var(--light-grey);background-color: var(--white);
}
.invalid{border-color: var(--red) !important;
}
.form-error-text{font-weight: 400;font-size: 12px;color: #A60000;
}.slideshow-container {position: relative;margin: auto;min-height: 640px;background-color: var(--beige);
}
.banner {font-family: var(--enterprise-font);display: none;min-height: 640px;background-position: 100%;
}
.banner-text-container {position: relative;max-width: 656px;margin: 32px auto 64px;text-align: center;
}
#overdiv .banner-text-container img {max-height: 264px;margin-bottom: -104px;
}
.banner-text-box {max-width: 656px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;padding: 112px 32px 32px;background-color: var(--white);color: var(--enterprise-black);
}
.banner-text-box h1 {font-family: var(--enterprise-font-wobbly);
}
.banner-text {font-size: 18px;
}
.banner-text span {font-weight: 700;
}
.dot-container {width: 100%;position: absolute;text-align: center;bottom: 20px;right: 0;
}
.dot {cursor: pointer;height: 8px;width: 8px;margin: 0 2px;background-color: rgba(255, 255, 255, .5);border-radius: 50%;display: inline-block;transition: background-color .6s ease;
}
.active,
.dot:hover {background-color: var(--white);
}
.fade {animation-name: fade;animation-duration: 3s;
}@keyframes fade {from {opacity: .4}to {opacity: 1}
}button.red_button_outline {background-color: transparent;border: 2px solid var(--red);border-radius: 5px;color: var(--red);cursor: default;
}#miniPop {min-width: 400px;max-width: calc(100vw - 48px);font-family: var(--enterprise-font);color: var(--blue);padding: 56px;
}
#miniPop .close-popup {position: absolute;top: 24px;right: 24px;font-weight: 700;color: var(--light-grey);display: flex;align-items: center;cursor: pointer;
}
#miniPop .close-popup i {font-size: 19px;margin-left: 8px;
}
#miniPop #miniPop_question {font-weight: 700;font-size: 24px;line-height: 36px;margin-bottom: 16px;padding-bottom: 0;padding-right: 0;color: var(--blue);border-bottom: none;text-align: center;
}
#miniPop #miniPop_detail {font-family: var(--font);font-weight: 700;font-size: 18px;color: var(--green);margin-bottom: 24px;text-align: center;
}
#appends.page-overview #miniPop #miniPop_detail {color: var(--red) ;
}
#miniPop #miniPop_inputs {margin: 0;
}
#miniPop #miniPop_inputs .miniPop_input_label {font-weight: 400;margin-bottom: 6px;margin-left: 0;
}
#miniPop .select-popup {margin-top: 24px;
}
#miniPop #miniPop_buttons {margin-top: 32px;display: flex;flex-direction: row-reverse;
}
#miniPop #miniPop_buttons .core-btn {text-transform: uppercase;background-color: var(--green);font-family: var(--font);font-weight: 700;font-size: 16px;line-height: 24px;letter-spacing: 0.02em;padding: 11px 16px;border: 1px solid var(--green);color: var(--white);cursor: pointer;display: block;text-align: center;margin: 0;width: 100%;
}
#miniPop #miniPop_buttons .core-btn.primary {background-color: var(--green);color: var(--white);
}
#miniPop #miniPop_buttons .core-btn.w100 {width: 100%;
}
.popup-exit,
#appends.popup-challenges .popup-back-all,
#appends.popup-challenges .challenge-card-link {background-color: transparent;border: none;padding: 0;
}
.popup-exit {position: absolute;inset: 24px 24px auto auto;cursor: pointer;color: var(--light-grey);font-weight: 700;display: flex;align-items: center;gap: 8px;min-height: auto;
}
.popup-exit i {font-size: 14px;
}
#appends.popup-join-challenge #miniPop_blocker,
#appends.popup-challenges #miniPop_blocker {background-color: rgba(19, 12, 1, .8);
}
#appends.popup-challenges .popup-back-all {position: absolute;inset: 24px auto auto 24px;cursor: pointer;display: flex;align-items: center;gap: 8px;color: var(--enterprise-black);font-weight: 400;
}
#appends.popup-challenges #miniPop {font-family: var(--font);max-width: 1120px;width: 100%;padding: 32px 24px;
}
#appends.popup-challenges #miniPop_question {font-size: 40px;line-height: 1.4;text-align: left;
}
#appends.popup-challenges .challenge-cards {gap: 16px;
}
#appends.popup-challenges .challenge-page-image {margin: 40px -24px 0;width: calc(100% + 48px);
}
#appends.popup-challenges .challenge-card-link {text-align: left;letter-spacing: unset;font-weight: 400;
}
#appends.popup-challenges .max736 {margin-bottom: 8px;
}
#appends.popup-join-challenge #miniPop {font-family: var(--font);max-width: 600px;width: 100%;
}
#appends.popup-join-challenge .checkmark {top: 0;height: 24px;width: 24px;border-radius: 0;
}
#appends.popup-join-challenge .checkboxes {display: grid;gap: 8px;
}
#appends.popup-join-challenge .checkbox-container {line-height: 24px;padding-left: 32px;margin-bottom: 0;color: var(--blue);
}
#appends.popup-join-challenge .checkbox-container input {height: 24px;width: 24px;margin: 0;
}
#appends.popup-join-challenge .checkbox-container input:checked ~ .checkmark::after {left: 7px;top: 1px;width: 5px;height: 14px;
}
#appends.popup-join-challenge .core-btn {width: 100%;
}
#appends.popup-join-challenge .select-fundraising-page {display: none;margin-top: 24px;
}
#appends.admin #miniPop {padding: 48px 24px 24px;width: 100%;max-width: 600px;margin: 0 24px;
}
#appends.admin #miniPop #miniPop_question {font-size: 20px;line-height: 1.5;font-weight: 600;text-align: left;
}
#appends.admin .popup-exit {color: #3F3F54;min-height: 24px;
}
#appends.admin #miniPop_inputs textarea {height: 160px;
}
#appends.admin #miniPop_buttons {display: flex;border-top: 1px solid #D8D8D8;margin: 24px -24px 0;padding: 24px 24px 0;gap: 24px;
}
#appends.admin #miniPop_buttons > div {margin: 0;
}
#appends.admin #miniPop_buttons .core-btn {font-family: var(--enterprise-font);width: 100%;margin-top: 0;font-size: 14px;line-height: 1.5;font-weight: 500;letter-spacing: 0.01em;border: 1px solid rgba(102, 102, 102, .6);background-color: var(--white);border-radius: 5px;color: var(--black);min-width: 160px;text-transform: none;
}
#appends.admin #miniPop_buttons .core-btn.primary {border: 1px solid #158D5A;background-color: #158D5A;color: var(--white);
}
#appends.admin #miniPop_detail {color: var(--black);text-align: left;font-size: 16px;font-weight: 400;
}
#appends.admin.admin-popup-challenges #miniPop_inputs {display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 16px;
}
#appends.admin.admin-popup-challenges #miniPop_inputs textarea {height: 288px;
}
#appends.admin.admin-popup-challenges #miniPop_inputs > div {width: 100%;margin-bottom: 0!important;
}
#appends.admin.admin-popup-challenges .input_hidden {display: none;
}
#appends.admin.admin-popup-challenges #miniPop_inputs > div:nth-child(2),
#appends.admin.admin-popup-challenges #miniPop_inputs > div:nth-child(3),
#appends.admin.admin-popup-challenges #miniPop_inputs > div:nth-child(6),
#appends.admin.admin-popup-challenges #miniPop_inputs > div:nth-child(7) {width: calc(50% - 12px);
}
#appends.admin .view-info {display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;text-align: left;color: var(--black);font-weight: normal;
}
#appends.admin .view-info > div > div:first-child {color: #999;font-size: 12px;font-weight: 500;
}
#appends.admin .view-info > div > div::first-letter {text-transform: capitalize;
}#giftForm {padding: 32px 0 120px;
}
.center {text-align: center;
}
.steps-header {font-family: var(--font);
}
#donation-form {max-width: 560px;margin: auto;padding: 0 24px;
}
#donation-form button {font-family: var(--enterprise-font);padding: 13px 16px 11px;letter-spacing: normal;border-radius: 24px;
}
#gift_step_buttons button.w100 {position: relative;
}
#gift_step_buttons button.w100 i {position: absolute;right: 16px;top: 50%;transform: translateY(-50%);
}
#donation-form label {font-weight: 700;
}
#donation-form input:not([type='file']),
#donation-form textarea,
#donation-form select {font-size: 16px;border-radius: 4px;
}
#donation-form select {padding: 8px;
}
.step-container {max-width: 187px;margin: 32px auto;display: flex;justify-content: space-between;
}
.step-container .step {width: 11px;height: 11px;background-color: #D4D4D6;border-radius: 100%;position: relative;
}
.step-container .step.active {background-color: var(--green);
}
.step-container .step + .step::before {content: "";width: 77px;height: 2px;background-color: #D4D4D6;position: absolute;right: 11px;top: 50%;transform: translateY(-50%);
}
.step-container .step + .step.active::before {background-color: var(--green);
}
.donation_step_header {font-size: 32px;line-height: 40px;font-weight: 700;
}
.donation-top-img {text-align: center;margin: 32px 0;
}
.donation-top-img img {border: 1px solid rgba(188, 188, 188, .5);border-radius: 5px;
}
#donation-form #donation_custom_amount {margin-bottom: 0;
}
.with-max-character {display: flex;align-items: center;justify-content: space-between;
}
.with-max-character .max-character {margin-top: 0;
}
.name_fields {display: flex;
}
.name_fields .form-field + .form-field {margin-top: 0;margin-left: 10px;
}
.field_title {width: 100%;max-width: 80px;
}
.form-field-with-button {display: flex;
}
.form-field-with-button button {max-width: 152px;width: 100%;margin-left: 16px;border-color: var(--green);background-color: var(--white);color: var(--green);font-weight: 400;
}
.donation_infoBox {margin: 8px 0;
}
.donation_giftaidBox {margin-top: 24px;padding: 16px;background-color: rgba(0, 166, 100, .1);border: 1px solid var(--light-grey);border-radius: 5px 5px 0 0;border-bottom: none;font-weight: 700;font-size: 18px;line-height: 27px;color: var(--green);
}
.donation_giftaidBox img {display: block;margin: 0 auto 6px;
}
.donation_giftaid_container {border: 1px solid var(--light-grey);border-radius: 0 0 5px 5px;padding: 16px;
}
.donation_giftaid_container label {color: var(--blue);font-weight: 400;margin-bottom: 0;
}
.donation_giftaid_container > div + div {margin-top: 16px;
}
.donation_giftaid_container .f12 {margin-top: 8px;display: block;color: #696969;
}
.donation_giftaidBox.platform-fee {font-size: 16px;line-height: 24px;
}
.donation_giftaidBox.platform-fee .f12 {line-height: 18px;color: var(--enterprise-black);margin-top: 8px;
}
.donation_giftaidBox.platform-fee + .donation_giftaid_container {margin-bottom: 24px;
}
.review-step-container {margin-top: 56px;
}
.review-step {display: grid;grid-template-columns: repeat(2, 152px calc(100% - 152px));border-bottom: 1px solid #E9E9EA;padding-bottom: 24px;margin-bottom: 24px;
}
.link {color: var(--green);font-weight: 600;margin-top: 8px;
}
.review-title {font-weight: 700;font-size: 24px;line-height: 32px;color: #7D7F84;
}
.review-section + .review-section {margin-top: 16px;
}
.review-section .donated-desc {font-size: 16px;line-height: 24px;color: #272932;margin: 0;
}
.border-box {padding: 11px 12px;min-height: 48px;border-radius: 4px;border: 1px solid #d4d4d6;transition: border 0.3s ease;margin-top: 8px;
}
.border-box label {margin-bottom: 0;
}
.checkbox-container {display: block;position: relative;padding-left: 28px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;color: var(--blue);
}
.checkbox-container input {position: absolute;opacity: 0;top: 0;left: 0;height: 18px;width: 18px;z-index: 1;cursor: pointer;
}
.checkmark {position: absolute;top: 1px;left: 0;height: 18px;width: 18px;border: 2px solid #D4D4D6;border-radius: 4px;box-sizing: border-box;
}
.checkmark:after {content: "";position: absolute;display: none;
}
.checkbox-container input:checked ~ .checkmark::after {display: block;left: 4px;top: 1px;width: 4px;height: 8px;border: solid var(--white);border-width: 0 2px 2px 0;transform: rotate(45deg);
}
.checkbox-container input:hover ~ .checkmark {border: 2px solid var(--green);
}
.checkbox-container input:checked ~ .checkmark {border: 2px solid var(--green);background-color: var(--green);
}
.radiomark {position: absolute;top: 1px;left: 0;height: 18px;width: 18px;border: 2px solid #D4D4D6;border-radius: 50%;box-sizing: border-box;
}
.checkbox-container input:hover ~ .radiomark {border: 2px solid var(--green);
}
.checkbox-container input:checked ~ .radiomark {border: 2px solid var(--green);background-color: var(--green);
}
.donation_infoBox .f12,
.checkbox-container .f12 {font-family: "Arial", sans-serif;color: #9C9C9C;line-height: 18px;
}
.donation_giftaidBox_text {font-size: 14px;font-weight: 400;line-height: 21px;color: #272932;margin-top: 8px;
}.giant-pudsey-landing{display: flex;align-items: center;justify-content: center;width: 100vw;min-height: calc(100vh - 80px);background-image: url("/res_images/giant-pudsey-bg.png");background-repeat: no-repeat;background-size: cover;background-position: 70% 50%;padding: 52px 24px;
}
.giant-pudsey-landing > div{max-width: 544px;
}
.giant-pudsey-title{text-align: center;font-family: var(--enterprise-font-wobbly);font-weight: 900;margin-bottom: 56px;
}
.giant-pudsey-title > div:first-child{font-size: 64px;line-height: 1;letter-spacing: 0.64px;color: #F35A2D;
}
.giant-pudsey-title > div:last-child{font-size: 46px;line-height: 1.4;letter-spacing: 0.46px;color: #F7BC31;
}
.giant-pudsey-choose{font-size: 22px;font-weight: 700;line-height: 1.36;margin-bottom: 24px;letter-spacing: 0.22px;
}
.giant-pudsey-branch{display: none;background-color: var(--white);justify-content: space-between;align-items: center;gap: 8px;border: 1px solid var(--light-grey);border-top: none;padding: 8px 16px;min-height: 48px;text-transform: uppercase;font-size: 14px;cursor: pointer;
}
.giant-pudsey-branch.show{display:flex;
}
.giant-pudsey-branch i{display: none;color: var(--green);
}
.giant-pudsey-branch:hover{background-color: #F2FBF7;border: 1px solid var(--blue);
}
.giant-pudsey-branch:hover i{display: block;
}
.giant-pudsey-landing button{position: relative;width: 100%;margin-top: 48px;
}
.giant-pudsey-landing:not(:has(input.locked)) button::after{position: absolute;top: -1px;left: -1px;content: "";width: calc(100% + 2px);height: calc(100% + 2px);opacity: .5;background-color: var(--white);
}@media screen and (max-width: 600px){.giant-pudsey-landing{background-image: url("/res_images/giant-pudsey-mobile-bg.png");background-position: 50% 50%;padding: 104px 24px 52px;}.giant-pudsey-title{margin-bottom: 40px;}.giant-pudsey-title > div:first-child{font-size: 42px;line-height: 1.04;letter-spacing: 0.42px;margin-bottom: 8px;}.giant-pudsey-title > div:last-child{font-size: 34px;line-height: 38px;letter-spacing: 0.34px;}.giant-pudsey-choose{font-size: 18px;line-height: 1.5;margin-bottom: 16px;}.giant-pudsey-landing button{margin-top: 32px;}
}#main.page.blue{background-color: #C4DDEB;
}
#fundraising_page {font-family: var(--font);max-width: 1440px;margin: 0 auto;background-position: right;background-size: contain;min-height: 100vh;padding: 64px 16px 14px;position: relative;overflow-y: hidden;display: flex;align-items: center;
}
#donation_cards{height: 483px;overflow-y: scroll;
}
#world-background{position: fixed;width: auto;height: calc(100vh - 40px);right: 0;bottom: 0;overflow: hidden;z-index: 1;aspect-ratio: 1.14;
}
#sidebar {max-width: 424px;width: 100%;height: 822px;z-index: 3;position: relative;color: var(--blue);display: flex;flex-direction: column;justify-content: space-between;
}
#sidebar .sidebar-image {position: absolute;top: -48px;left: 50%;width: 88px;height: 88px;transform: translateX(-50%);border-radius: 50%;
}
#sidebar .see,
#sidebar .mobile-go-to-donate {display: none;
}
#sidebar .mobile-go-to-donate {width: 100%;height: 100%;cursor: pointer;
}
#sidebar_top {background-color: var(--white);border-radius: 10px 10px 0 0;
}
#sidebar_top_content {text-align: center;
}
#sidebar_top_content > div:first-child {padding: 56px 24px 24px;
}
#sidebar_content_top {text-align: left;
}
#sidebar_top_donations {display: none;padding: 64px 24px 24px;
}
#sidebar_top .sidebar-funder-name {font-size: 18px;line-height: 24px;color: var(--green);
}
#sidebar_top .sidebar-fundraising-name {font-size: 32px;line-height: 36px;font-weight: 700;
}
#sidebar_top .sidebar-amount {font-size: 28px;line-height: 36px;font-weight: 700;color: var(--green);margin: 8px 0;
}
#sidebar_top .sidebar-raised {font-size: 14px;line-height: 21px;color: #898989;
}
#sidebar_top .sidebar-raised .green-text {text-decoration: underline;cursor: pointer;
}
#sidebar_content {flex-grow: 1;background-color: var(--white);overflow-y:auto;
}
#sidebar_content_top {border-top: 1px solid #D4D4D6;border-bottom: 1px solid #D4D4D6;background-color: rgba(0, 166, 100, .05);padding: 0 8px;display: flex;
}
#sidebar_content_top > div {padding: 16px;width: 50%;display: flex;align-items: flex-start;
}
#sidebar_content_top > div img {width: 40px;margin-right: 12px;
}
#sidebar_content_top > div + div {border-left: 1px solid #D4D4D6;
}
#sidebar_content_bottom {display: grid;gap: 24px;padding: 24px;
}
#sidebar_content_bottom .sidebar-content-title {font-weight: 700;margin-bottom: 8px;
}
#sidebar_content_bottom .social-share {display: flex;align-items: center;
}
#sidebar_content_bottom .social-share > div + div {margin-left: 8px;
}
#sidebar_content_bottom .social-share > div.green-text {display: flex;align-items: center;gap: 4px;margin-left: 14px;
}
#sidebar_content_bottom .social-share > div.green-text i {font-size: 20px;
}
#sidebar_content_bottom .challenge-box span {color: var(--blue);font-weight: 700;
}
#sidebar_donations {display: none;flex-grow: 1;background-color: var(--white);
}
#sidebar_donations_back {position: absolute;top: 24px;left: 24px;font-size: 14px;line-height: 21px;color: var(--green);cursor: pointer;
}
.donation-card {background-color: rgba(0, 166, 100, .05);padding: 24px;border-top: 1px solid #DBD9DC;border-bottom: 1px solid #DBD9DC;
}
.donation-card + .donation-card {border-top: none;
}
.card-top {display: flex;align-items: center;justify-content: space-between;
}
.donated-date {font-size: 12px;line-height: 18px;color: #7D7F84;
}
.donated-desc {font-family: "Arial", sans-serif;font-size: 14px;line-height: 21px;color: #898989;margin: 8px 0;
}
.donated-amount .amount {color: var(--green);font-weight: 700;
}
.donated-amount .gift-aid {font-size: 12px;line-height: 18px;color: var(--enterprise-black);
}
#sidebar_bottom {font-family: var(--enterprise-font);background-color: var(--white);box-shadow: 0 -2px 10px rgba(0, 0, 0, .1);border-radius: 0 0 10px 10px;padding: 24px;font-weight: 500;
}
.amount-radio-buttons-container input[type="radio"] {display: none;
}
.amount-radio-buttons {display: grid;border-radius: 4px;border: 1px solid #D4D4D6;margin-bottom: 8px;height: 48px;
}
.amount-radio-buttons.len-4 {grid-template-columns: repeat(4, 1fr);
}
label.donation-suggestion-label {margin-bottom: 0;display: flex;align-items: center;justify-content: center;color: var(--blue);font-size: 16px;line-height: 24px;cursor: pointer;
}
.donation-suggestion-label.checked {background-color: var(--green);color: var(--white);
}
.donation-suggestion-label + .donation-suggestion-label {border-left: 1px solid #D4D4D6;
}
#donation_custom_amount {border: 1px solid #D4D4D6;font-size: 16px;font-family: var(--enterprise-font);margin-bottom: 16px;
}
.donation-custom-amount-symbol {position: absolute;top: 12px;left: 12px;
}
input.donation-custom-amount {padding-left: 24px;
}
#archive-strip{height: 200px;width: 100vw;background-color: var(--yellow);position: absolute;bottom: 30%;z-index: 2;line-height:200px;text-align:right;font-size:50px;padding-right:100px;text-transform:uppercase;
}
#thanks_center_box {background-color: #F9F6ED;
}
#thanks_center_box .overdiv1120 {position: relative;display: flex;align-items: center;justify-content: center;width: 100vw;min-height: calc(100vh - 32px);padding: 64px 24px 148px;overflow: hidden;
}
#thanks_center_box .donation_step_header {font-weight: 800;margin-bottom: 16px;
}
#thanks_center_box .overdiv1120 > div {display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:528px;gap: 8px;
}
#thanks_logo {margin-bottom: 96px;
}
#thanks_center_box button {margin-top: 28px;
}
#overdiv .pudsey-fist {max-width: 566px;position: absolute;right: -100px;bottom: -125px;
}
#fundraising_preview_bar {position: fixed;bottom: 0;left: 0;width: 100%;padding: 8px;background-color: var(--red);text-align: center;font-size: 14px;color: var(--white);z-index: 11;
}@media only screen and (max-width: 1168px) {.home-stat-box > div:first-child {font-size: 40px;line-height: 48px;}.home-stat-box > div:last-child {font-size: 20px;line-height: 30px;}#home_sections_container {flex-direction: column-reverse;align-items: center;}.home-left-section {width: 100%;justify-content: center;}.home-right-section {width: 100%;justify-content: center;padding: 56px 8px 24px;}.home-left-section,.home-right-section {max-width: 560px;width: 100%;justify-content: center;text-align: center;}#overdiv .home-right-section img {width: 100%;margin-inline: auto;}#home_map_table {flex-direction: column;align-items: center;}#home_map_table .home-left-lead,#home_map_table .home-right-lead {max-width: 560px;width: 100%;}#home_map_table .home-left-lead {padding: 56px 0 0;display: block;}.map-container {margin: 0 auto;}#thanks-center-box > div > img {max-width: 198px;}#leaderboard-scroll{height:auto;}
}@media only screen and (max-width: 1000px) {#fundraising_page {justify-content: center;padding-bottom: 0;}#sidebar {min-height: 812px;height: 100vh;max-width: 600px;}#sidebar_top:not(.open) {border-radius: 10px;}#sidebar_content {background-color: transparent;overflow-y:visible;}#sidebar_content_bottom {display: none;background-color: var(--white);}#sidebar_bottom {border-radius: 10px 10px 0 0;margin-top: 16px;}#world-background {width: 100%;max-width: 100vw;max-height: calc(100vh - 100px);height: auto;}#sidebar_content_bottom.selected.show,#sidebar_donations.selected.show {display: block;border-radius: 0 0 10px 10px;}#sidebar .see {background: var(--green);color: var(--white);border-radius: 0 0 10px 10px;width: 88px;text-align: center;margin: 0 auto;font-size: 14px;line-height: 24px;cursor: pointer;text-decoration: underline;padding: 4px;}#sidebar .see-more,#sidebar .mobile-go-to-donate {display: block;}#archive-strip{text-align:center;padding-right:0;}
}@media only screen and (max-width: 900px) {.home-stat-container {grid-template-columns: 1fr;}#thanks-center-box > div {flex-wrap: wrap;justify-content: center;max-width: 510px;}#thanks-center-box > div > img {margin: 16px 0;max-width: 73px;}#thanks-center-box > div > img:first-child {order: 1;}#thanks-center-box > div > img:last-child {order: 2;}#thanks-center-box > div > div {order: 3;}#footer > div.flex {padding: 24px;flex-direction: column;gap: 24px;}
}@media only screen and (max-width: 768px) {#header .overdiv1120 {padding-left: 12px;position: relative;}#header .flex {height: auto;}.header-button {position: absolute;top: 100%;left: 50%;width: calc(100% - 48px);z-index: 1;transform: translateX(-50%);}.banner-text-container {margin: 64px auto;}.slideshow-container {min-height: 344px;}.banner {padding: 0;min-height: 344px;background-size: cover;}.dot-container {width: 100%;}.challenge-cards {grid-template-columns: repeat(auto-fit, minmax(256px, 312px));}
}@media only screen and (max-width: 650px) {.home-right-section-number{font-size: 13vw;}#fundraising_page {padding: 64px 0 0;}#sidebar_top,#sidebar_content {margin: 0 16px;}#sidebar_donations_back {left: 32px;}#footer {height: auto;}#footer .overdiv1120 {padding-top: 24px;padding-bottom: 24px;flex-direction: column-reverse;}
}@media only screen and (max-width: 600px) {h1, .h1,h2, .h2, h1.page-title {font-size: 32px;line-height: 40px;}#fundraising_area h2 {font-size: 20px;}.page-title {margin-top: 40px;}.page-description {padding: 24px 0;}.page-margin {margin-top: 40px;margin-bottom: 40px;}#header .overdiv1120 {padding-left: 12px;position: relative;}#header .flex {height: auto;min-height: 48px;}button.border-left-right {padding: 8px 12px;min-width: 56px;}.header-span {display: none;}#overdiv .banner-text-container img {max-height: 200px;}.banner-text-box {padding-inline: 24px;}.slideshow-container,.banner {min-height: 262px;}.home-stat-box {padding: 24px;}.home-right-lead table td:last-child {white-space: nowrap;}.home-right-section {padding-inline: 24px;}.map-container {width: 260px;height: auto;}.map-container .region {width: 31px;height: 31px;}.map-container .text {font-size: 12px;line-height: 16px;width: 106px;padding: 4px;}.map-container .region.northern-ireland {right: calc(100% + 56px);}.scotland .text {right: calc(100% + 32px);}.scotland .text::before {width: 37px;top: 50%;left: 100%;}.north-west .text {right: calc(100% + 50px);}.north-west .text::before {width: 54px;}.south-west .text {right: calc(100% + 6px);}.south-west .text::before {width: 20px;}.corporate-offices .text {right: calc(100% + 53px);}.corporate-offices .text::before {width: 55px;}.north-east .text {left: calc(100% + 37px);}.flex-e-rent .text {left: calc(100% + 65px);}.south-west {top: 72%;}.radar .text {left: calc(100% + 17px);}.contact-centre {top: 81%;}.contact-centre .text {right: calc(100% + 61px);}.contact-centre .text::before {width: 63px;}.home-right-lead table tbody {font-size: 16px;line-height: 24px;}#sign h1 {margin: 40px 0 32px;}.sign-img {margin-bottom: 32px;}#sign .form-bottom {margin: 32px 0 40px;}#sign .login-code > input + input {margin-left: 5px;}.form-button {margin-top: 32px;}.form-buttons .form-button + .form-button {margin-left: 8px;}.max-character {margin-top: 0;}#create_share_page_top {margin-bottom: -8px;}#share_page .social-share > div + div {margin-left: 8px;}#share_page .social-share {margin-bottom: 0;}#share_page {padding-bottom: 40px;}#fundraising_area h2 {margin-bottom: 40px;}.active-pages {margin-top: 24px;}.active-cards {grid-gap: 16px;margin-bottom: 24px;}#footer .flex {flex-direction: column;gap: 16px;}#fundraising_page {padding: 76px 0 0;}
}@media only screen and (max-width: 516px) {h1, .h1, h2, .h2, h1.page-title {font-size: 28px;line-height: 1.28;}#sidebar .sidebar-image {top: -24px;width: 48px;height: 48px;}#sidebar_top .sidebar-fundraising-name {font-size: 28px;line-height: 32px;}#sidebar_top .sidebar-amount {font-size: 24px;line-height: 32px;}#sidebar_top_content > div:first-child {padding: 32px 16px 16px;}#sidebar_content_top > div {padding: 8px;}#sidebar_content_top > div img {width: 32px;margin-right: 8px;}#sidebar_content_top > div > div > .small {font-size: 12px;line-height: 16px;}.challenges {padding: 40px 0;}.challenge-cards {gap: 16px;}.challenges-section-link span {display: none;}.create-page-challenge-image {width: 110px;min-height: 110px;}.create-page-challenge-right {gap: 8px;}.create-page-challenge-links {flex-direction: column;}
}@media only screen and (max-width: 450px) {.map-container {margin-left: 10%;}
}@media only screen and (max-width: 412px) {#overdiv .banner-text-container img {max-height: 180px;}.slideshow-container,.banner {min-height: 232px;}.home-right-section .bg-container {font-size: 14px;line-height: 21px;width: 100%;height: auto;}.home-right-section .bg-container > div {padding-top: 132px;}.home-right-section .bg-container img {margin-top: 16px;}.map-container {margin-left: 3%;}.home-right-lead table thead {font-size: 14px;}.home-right-lead table thead td,.home-right-lead table tbody td {padding: 8px 12px;}button#page-account-exit.border-left-right {width: 100%;border: none;z-index: 4;}#fundraising_page.with-add-offline {padding: 119px 0 0;}.active-cards {grid-template-columns: 1fr;}.active-card .bg-container {width: 120px;}.active-cards-right {width: calc(100% - 120px);}
}@media only screen and (max-width: 360px) {.map-container {margin-left: 0;}
}
@media only screen and (max-width: 348px) {.map-container .text {font-size: 11px;line-height: 14px;width: 94px;padding: 1px;}.map-container {margin-left: -14px;}
}
@media only screen and (max-width: 340px) {#home_map_table .home-left-lead {margin-left: -28px;}
}