/* Colors */
/*
* V3
*/
/* Mixin */
.margin-1 {
margin: 1px;
}
.margin-2 {
margin: 2px;
}
.margin-3 {
margin: 3px;
}
.margin-4 {
margin: 4px;
}
.margin-5 {
margin: 5px;
}
.margin-6 {
margin: 6px;
}
.margin-7 {
margin: 7px;
}
.margin-8 {
margin: 8px;
}
.margin-9 {
margin: 9px;
}
.margin-10 {
margin: 10px;
}
.margin-15 {
margin: 15px;
}
.margin-20 {
margin: 20px;
}
.margin-25 {
margin: 25px;
}
.margin-30 {
margin: 30px;
}
.margin-35 {
margin: 35px;
}
.margin-40 {
margin: 40px;
}
.margin-45 {
margin: 45px;
}
.margin-50 {
margin: 50px;
}
.margin-55 {
margin: 55px;
}
.margin-60 {
margin: 60px;
}
.margin-65 {
margin: 65px;
}
.margin-70 {
margin: 70px;
}
.margin-75 {
margin: 75px;
}
.margin-80 {
margin: 80px;
}
.margin-85 {
margin: 85px;
}
.margin-90 {
margin: 90px;
}
.margin-95 {
margin: 95px;
}
.margin-100 {
margin: 100px;
}
.margin-105 {
margin: 105px;
}
.margin-110 {
margin: 110px;
}
.margin-120 {
margin: 120px;
}
.margin-130 {
margin: 130px;
}
.margin-140 {
margin: 140px;
}
.margin-150 {
margin: 150px;
}
.margin-160 {
margin: 160px;
}
.margin-170 {
margin: 170px;
}
.margin-180 {
margin: 180px;
}
.margin-190 {
margin: 190px;
}
.margin-200 {
margin: 200px;
}
.margin-210 {
margin: 210px;
}
.margin-220 {
margin: 220px;
}
.margin-230 {
margin: 230px;
}
.margin-240 {
margin: 240px;
}
.margin-250 {
margin: 250px;
}
.margin-260 {
margin: 260px;
}
.margin-270 {
margin: 270px;
}
.margin-280 {
margin: 280px;
}
.margin-290 {
margin: 290px;
}
.margin-300 {
margin: 300px;
}
.margin-310 {
margin: 310px;
}
.margin-320 {
margin: 320px;
}
.margin-330 {
margin: 330px;
}
.margin-340 {
margin: 340px;
}
.margin-350 {
margin: 350px;
}
.margin-360 {
margin: 360px;
}
.margin-370 {
margin: 370px;
}
.margin-380 {
margin: 380px;
}
.margin-390 {
margin: 390px;
}
.margin-400 {
margin: 400px;
}
.margin-410 {
margin: 410px;
}
.margin-420 {
margin: 420px;
}
.margin-430 {
margin: 430px;
}
.margin-440 {
margin: 440px;
}
.margin-450 {
margin: 450px;
}
.margin-460 {
margin: 460px;
}
.margin-470 {
margin: 470px;
}
.margin-480 {
margin: 480px;
}
.margin-490 {
margin: 490px;
}
.margin-500 {
margin: 500px;
}
.margin-top-1 {
margin-top: 1px;
}
.margin-top-2 {
margin-top: 2px;
}
.margin-top-3 {
margin-top: 3px;
}
.margin-top-4 {
margin-top: 4px;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-top-6 {
margin-top: 6px;
}
.margin-top-7 {
margin-top: 7px;
}
.margin-top-8 {
margin-top: 8px;
}
.margin-top-9 {
margin-top: 9px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-25 {
margin-top: 25px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-35 {
margin-top: 35px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-45 {
margin-top: 45px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-top-55 {
margin-top: 55px;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-top-65 {
margin-top: 65px;
}
.margin-top-70 {
margin-top: 70px;
}
.margin-top-75 {
margin-top: 75px;
}
.margin-top-80 {
margin-top: 80px;
}
.margin-top-85 {
margin-top: 85px;
}
.margin-top-90 {
margin-top: 90px;
}
.margin-top-95 {
margin-top: 95px;
}
.margin-top-100 {
margin-top: 100px;
}
.margin-top-105 {
margin-top: 105px;
}
.margin-top-110 {
margin-top: 110px;
}
.margin-top-120 {
margin-top: 120px;
}
.margin-top-130 {
margin-top: 130px;
}
.margin-top-140 {
margin-top: 140px;
}
.margin-top-150 {
margin-top: 150px;
}
.margin-top-160 {
margin-top: 160px;
}
.margin-top-170 {
margin-top: 170px;
}
.margin-top-180 {
margin-top: 180px;
}
.margin-top-190 {
margin-top: 190px;
}
.margin-top-200 {
margin-top: 200px;
}
.margin-top-210 {
margin-top: 210px;
}
.margin-top-220 {
margin-top: 220px;
}
.margin-top-230 {
margin-top: 230px;
}
.margin-top-240 {
margin-top: 240px;
}
.margin-top-250 {
margin-top: 250px;
}
.margin-top-260 {
margin-top: 260px;
}
.margin-top-270 {
margin-top: 270px;
}
.margin-top-280 {
margin-top: 280px;
}
.margin-top-290 {
margin-top: 290px;
}
.margin-top-300 {
margin-top: 300px;
}
.margin-top-310 {
margin-top: 310px;
}
.margin-top-320 {
margin-top: 320px;
}
.margin-top-330 {
margin-top: 330px;
}
.margin-top-340 {
margin-top: 340px;
}
.margin-top-350 {
margin-top: 350px;
}
.margin-top-360 {
margin-top: 360px;
}
.margin-top-370 {
margin-top: 370px;
}
.margin-top-380 {
margin-top: 380px;
}
.margin-top-390 {
margin-top: 390px;
}
.margin-top-400 {
margin-top: 400px;
}
.margin-top-410 {
margin-top: 410px;
}
.margin-top-420 {
margin-top: 420px;
}
.margin-top-430 {
margin-top: 430px;
}
.margin-top-440 {
margin-top: 440px;
}
.margin-top-450 {
margin-top: 450px;
}
.margin-top-460 {
margin-top: 460px;
}
.margin-top-470 {
margin-top: 470px;
}
.margin-top-480 {
margin-top: 480px;
}
.margin-top-490 {
margin-top: 490px;
}
.margin-top-500 {
margin-top: 500px;
}
.margin-right-1 {
margin-right: 1px;
}
.margin-right-2 {
margin-right: 2px;
}
.margin-right-3 {
margin-right: 3px;
}
.margin-right-4 {
margin-right: 4px;
}
.margin-right-5 {
margin-right: 5px;
}
.margin-right-6 {
margin-right: 6px;
}
.margin-right-7 {
margin-right: 7px;
}
.margin-right-8 {
margin-right: 8px;
}
.margin-right-9 {
margin-right: 9px;
}
.margin-right-10 {
margin-right: 10px;
}
.margin-right-15 {
margin-right: 15px;
}
.margin-right-20 {
margin-right: 20px;
}
.margin-right-25 {
margin-right: 25px;
}
.margin-right-30 {
margin-right: 30px;
}
.margin-right-35 {
margin-right: 35px;
}
.margin-right-40 {
margin-right: 40px;
}
.margin-right-45 {
margin-right: 45px;
}
.margin-right-50 {
margin-right: 50px;
}
.margin-right-55 {
margin-right: 55px;
}
.margin-right-60 {
margin-right: 60px;
}
.margin-right-65 {
margin-right: 65px;
}
.margin-right-70 {
margin-right: 70px;
}
.margin-right-75 {
margin-right: 75px;
}
.margin-right-80 {
margin-right: 80px;
}
.margin-right-85 {
margin-right: 85px;
}
.margin-right-90 {
margin-right: 90px;
}
.margin-right-95 {
margin-right: 95px;
}
.margin-right-100 {
margin-right: 100px;
}
.margin-right-105 {
margin-right: 105px;
}
.margin-right-110 {
margin-right: 110px;
}
.margin-right-120 {
margin-right: 120px;
}
.margin-right-130 {
margin-right: 130px;
}
.margin-right-140 {
margin-right: 140px;
}
.margin-right-150 {
margin-right: 150px;
}
.margin-right-160 {
margin-right: 160px;
}
.margin-right-170 {
margin-right: 170px;
}
.margin-right-180 {
margin-right: 180px;
}
.margin-right-190 {
margin-right: 190px;
}
.margin-right-200 {
margin-right: 200px;
}
.margin-right-210 {
margin-right: 210px;
}
.margin-right-220 {
margin-right: 220px;
}
.margin-right-230 {
margin-right: 230px;
}
.margin-right-240 {
margin-right: 240px;
}
.margin-right-250 {
margin-right: 250px;
}
.margin-right-260 {
margin-right: 260px;
}
.margin-right-270 {
margin-right: 270px;
}
.margin-right-280 {
margin-right: 280px;
}
.margin-right-290 {
margin-right: 290px;
}
.margin-right-300 {
margin-right: 300px;
}
.margin-right-310 {
margin-right: 310px;
}
.margin-right-320 {
margin-right: 320px;
}
.margin-right-330 {
margin-right: 330px;
}
.margin-right-340 {
margin-right: 340px;
}
.margin-right-350 {
margin-right: 350px;
}
.margin-right-360 {
margin-right: 360px;
}
.margin-right-370 {
margin-right: 370px;
}
.margin-right-380 {
margin-right: 380px;
}
.margin-right-390 {
margin-right: 390px;
}
.margin-right-400 {
margin-right: 400px;
}
.margin-right-410 {
margin-right: 410px;
}
.margin-right-420 {
margin-right: 420px;
}
.margin-right-430 {
margin-right: 430px;
}
.margin-right-440 {
margin-right: 440px;
}
.margin-right-450 {
margin-right: 450px;
}
.margin-right-460 {
margin-right: 460px;
}
.margin-right-470 {
margin-right: 470px;
}
.margin-right-480 {
margin-right: 480px;
}
.margin-right-490 {
margin-right: 490px;
}
.margin-right-500 {
margin-right: 500px;
}
.margin-bottom-1 {
margin-bottom: 1px;
}
.margin-bottom-2 {
margin-bottom: 2px;
}
.margin-bottom-3 {
margin-bottom: 3px;
}
.margin-bottom-4 {
margin-bottom: 4px;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-bottom-6 {
margin-bottom: 6px;
}
.margin-bottom-7 {
margin-bottom: 7px;
}
.margin-bottom-8 {
margin-bottom: 8px;
}
.margin-bottom-9 {
margin-bottom: 9px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-45 {
margin-bottom: 45px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-bottom-55 {
margin-bottom: 55px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}
.margin-bottom-65 {
margin-bottom: 65px;
}
.margin-bottom-70 {
margin-bottom: 70px;
}
.margin-bottom-75 {
margin-bottom: 75px;
}
.margin-bottom-80 {
margin-bottom: 80px;
}
.margin-bottom-85 {
margin-bottom: 85px;
}
.margin-bottom-90 {
margin-bottom: 90px;
}
.margin-bottom-95 {
margin-bottom: 95px;
}
.margin-bottom-100 {
margin-bottom: 100px;
}
.margin-bottom-105 {
margin-bottom: 105px;
}
.margin-bottom-110 {
margin-bottom: 110px;
}
.margin-bottom-120 {
margin-bottom: 120px;
}
.margin-bottom-130 {
margin-bottom: 130px;
}
.margin-bottom-140 {
margin-bottom: 140px;
}
.margin-bottom-150 {
margin-bottom: 150px;
}
.margin-bottom-160 {
margin-bottom: 160px;
}
.margin-bottom-170 {
margin-bottom: 170px;
}
.margin-bottom-180 {
margin-bottom: 180px;
}
.margin-bottom-190 {
margin-bottom: 190px;
}
.margin-bottom-200 {
margin-bottom: 200px;
}
.margin-bottom-210 {
margin-bottom: 210px;
}
.margin-bottom-220 {
margin-bottom: 220px;
}
.margin-bottom-230 {
margin-bottom: 230px;
}
.margin-bottom-240 {
margin-bottom: 240px;
}
.margin-bottom-250 {
margin-bottom: 250px;
}
.margin-bottom-260 {
margin-bottom: 260px;
}
.margin-bottom-270 {
margin-bottom: 270px;
}
.margin-bottom-280 {
margin-bottom: 280px;
}
.margin-bottom-290 {
margin-bottom: 290px;
}
.margin-bottom-300 {
margin-bottom: 300px;
}
.margin-bottom-310 {
margin-bottom: 310px;
}
.margin-bottom-320 {
margin-bottom: 320px;
}
.margin-bottom-330 {
margin-bottom: 330px;
}
.margin-bottom-340 {
margin-bottom: 340px;
}
.margin-bottom-350 {
margin-bottom: 350px;
}
.margin-bottom-360 {
margin-bottom: 360px;
}
.margin-bottom-370 {
margin-bottom: 370px;
}
.margin-bottom-380 {
margin-bottom: 380px;
}
.margin-bottom-390 {
margin-bottom: 390px;
}
.margin-bottom-400 {
margin-bottom: 400px;
}
.margin-bottom-410 {
margin-bottom: 410px;
}
.margin-bottom-420 {
margin-bottom: 420px;
}
.margin-bottom-430 {
margin-bottom: 430px;
}
.margin-bottom-440 {
margin-bottom: 440px;
}
.margin-bottom-450 {
margin-bottom: 450px;
}
.margin-bottom-460 {
margin-bottom: 460px;
}
.margin-bottom-470 {
margin-bottom: 470px;
}
.margin-bottom-480 {
margin-bottom: 480px;
}
.margin-bottom-490 {
margin-bottom: 490px;
}
.margin-bottom-500 {
margin-bottom: 500px;
}
.margin-left-1 {
margin-left: 1px;
}
.margin-left-2 {
margin-left: 2px;
}
.margin-left-3 {
margin-left: 3px;
}
.margin-left-4 {
margin-left: 4px;
}
.margin-left-5 {
margin-left: 5px;
}
.margin-left-6 {
margin-left: 6px;
}
.margin-left-7 {
margin-left: 7px;
}
.margin-left-8 {
margin-left: 8px;
}
.margin-left-9 {
margin-left: 9px;
}
.margin-left-10 {
margin-left: 10px;
}
.margin-left-15 {
margin-left: 15px;
}
.margin-left-20 {
margin-left: 20px;
}
.margin-left-25 {
margin-left: 25px;
}
.margin-left-30 {
margin-left: 30px;
}
.margin-left-35 {
margin-left: 35px;
}
.margin-left-40 {
margin-left: 40px;
}
.margin-left-45 {
margin-left: 45px;
}
.margin-left-50 {
margin-left: 50px;
}
.margin-left-55 {
margin-left: 55px;
}
.margin-left-60 {
margin-left: 60px;
}
.margin-left-65 {
margin-left: 65px;
}
.margin-left-70 {
margin-left: 70px;
}
.margin-left-75 {
margin-left: 75px;
}
.margin-left-80 {
margin-left: 80px;
}
.margin-left-85 {
margin-left: 85px;
}
.margin-left-90 {
margin-left: 90px;
}
.margin-left-95 {
margin-left: 95px;
}
.margin-left-100 {
margin-left: 100px;
}
.margin-left-105 {
margin-left: 105px;
}
.margin-left-110 {
margin-left: 110px;
}
.margin-left-120 {
margin-left: 120px;
}
.margin-left-130 {
margin-left: 130px;
}
.margin-left-140 {
margin-left: 140px;
}
.margin-left-150 {
margin-left: 150px;
}
.margin-left-160 {
margin-left: 160px;
}
.margin-left-170 {
margin-left: 170px;
}
.margin-left-180 {
margin-left: 180px;
}
.margin-left-190 {
margin-left: 190px;
}
.margin-left-200 {
margin-left: 200px;
}
.margin-left-210 {
margin-left: 210px;
}
.margin-left-220 {
margin-left: 220px;
}
.margin-left-230 {
margin-left: 230px;
}
.margin-left-240 {
margin-left: 240px;
}
.margin-left-250 {
margin-left: 250px;
}
.margin-left-260 {
margin-left: 260px;
}
.margin-left-270 {
margin-left: 270px;
}
.margin-left-280 {
margin-left: 280px;
}
.margin-left-290 {
margin-left: 290px;
}
.margin-left-300 {
margin-left: 300px;
}
.margin-left-310 {
margin-left: 310px;
}
.margin-left-320 {
margin-left: 320px;
}
.margin-left-330 {
margin-left: 330px;
}
.margin-left-340 {
margin-left: 340px;
}
.margin-left-350 {
margin-left: 350px;
}
.margin-left-360 {
margin-left: 360px;
}
.margin-left-370 {
margin-left: 370px;
}
.margin-left-380 {
margin-left: 380px;
}
.margin-left-390 {
margin-left: 390px;
}
.margin-left-400 {
margin-left: 400px;
}
.margin-left-410 {
margin-left: 410px;
}
.margin-left-420 {
margin-left: 420px;
}
.margin-left-430 {
margin-left: 430px;
}
.margin-left-440 {
margin-left: 440px;
}
.margin-left-450 {
margin-left: 450px;
}
.margin-left-460 {
margin-left: 460px;
}
.margin-left-470 {
margin-left: 470px;
}
.margin-left-480 {
margin-left: 480px;
}
.margin-left-490 {
margin-left: 490px;
}
.margin-left-500 {
margin-left: 500px;
}
.padding-1 {
padding: 1px;
}
.padding-2 {
padding: 2px;
}
.padding-3 {
padding: 3px;
}
.padding-4 {
padding: 4px;
}
.padding-5 {
padding: 5px;
}
.padding-6 {
padding: 6px;
}
.padding-7 {
padding: 7px;
}
.padding-8 {
padding: 8px;
}
.padding-9 {
padding: 9px;
}
.padding-10 {
padding: 10px;
}
.padding-15 {
padding: 15px;
}
.padding-20 {
padding: 20px;
}
.padding-25 {
padding: 25px;
}
.padding-30 {
padding: 30px;
}
.padding-35 {
padding: 35px;
}
.padding-40 {
padding: 40px;
}
.padding-45 {
padding: 45px;
}
.padding-50 {
padding: 50px;
}
.padding-55 {
padding: 55px;
}
.padding-60 {
padding: 60px;
}
.padding-65 {
padding: 65px;
}
.padding-70 {
padding: 70px;
}
.padding-75 {
padding: 75px;
}
.padding-80 {
padding: 80px;
}
.padding-85 {
padding: 85px;
}
.padding-90 {
padding: 90px;
}
.padding-95 {
padding: 95px;
}
.padding-100 {
padding: 100px;
}
.padding-105 {
padding: 105px;
}
.padding-110 {
padding: 110px;
}
.padding-120 {
padding: 120px;
}
.padding-130 {
padding: 130px;
}
.padding-140 {
padding: 140px;
}
.padding-150 {
padding: 150px;
}
.padding-160 {
padding: 160px;
}
.padding-170 {
padding: 170px;
}
.padding-180 {
padding: 180px;
}
.padding-190 {
padding: 190px;
}
.padding-200 {
padding: 200px;
}
.padding-210 {
padding: 210px;
}
.padding-220 {
padding: 220px;
}
.padding-230 {
padding: 230px;
}
.padding-240 {
padding: 240px;
}
.padding-250 {
padding: 250px;
}
.padding-260 {
padding: 260px;
}
.padding-270 {
padding: 270px;
}
.padding-280 {
padding: 280px;
}
.padding-290 {
padding: 290px;
}
.padding-300 {
padding: 300px;
}
.padding-310 {
padding: 310px;
}
.padding-320 {
padding: 320px;
}
.padding-330 {
padding: 330px;
}
.padding-340 {
padding: 340px;
}
.padding-350 {
padding: 350px;
}
.padding-360 {
padding: 360px;
}
.padding-370 {
padding: 370px;
}
.padding-380 {
padding: 380px;
}
.padding-390 {
padding: 390px;
}
.padding-400 {
padding: 400px;
}
.padding-410 {
padding: 410px;
}
.padding-420 {
padding: 420px;
}
.padding-430 {
padding: 430px;
}
.padding-440 {
padding: 440px;
}
.padding-450 {
padding: 450px;
}
.padding-460 {
padding: 460px;
}
.padding-470 {
padding: 470px;
}
.padding-480 {
padding: 480px;
}
.padding-490 {
padding: 490px;
}
.padding-500 {
padding: 500px;
}
.padding-top-1 {
padding-top: 1px;
}
.padding-top-2 {
padding-top: 2px;
}
.padding-top-3 {
padding-top: 3px;
}
.padding-top-4 {
padding-top: 4px;
}
.padding-top-5 {
padding-top: 5px;
}
.padding-top-6 {
padding-top: 6px;
}
.padding-top-7 {
padding-top: 7px;
}
.padding-top-8 {
padding-top: 8px;
}
.padding-top-9 {
padding-top: 9px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-15 {
padding-top: 15px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-35 {
padding-top: 35px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-45 {
padding-top: 45px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-55 {
padding-top: 55px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-65 {
padding-top: 65px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-75 {
padding-top: 75px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-85 {
padding-top: 85px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-95 {
padding-top: 95px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-top-105 {
padding-top: 105px;
}
.padding-top-110 {
padding-top: 110px;
}
.padding-top-120 {
padding-top: 120px;
}
.padding-top-130 {
padding-top: 130px;
}
.padding-top-140 {
padding-top: 140px;
}
.padding-top-150 {
padding-top: 150px;
}
.padding-top-160 {
padding-top: 160px;
}
.padding-top-170 {
padding-top: 170px;
}
.padding-top-180 {
padding-top: 180px;
}
.padding-top-190 {
padding-top: 190px;
}
.padding-top-200 {
padding-top: 200px;
}
.padding-top-210 {
padding-top: 210px;
}
.padding-top-220 {
padding-top: 220px;
}
.padding-top-230 {
padding-top: 230px;
}
.padding-top-240 {
padding-top: 240px;
}
.padding-top-250 {
padding-top: 250px;
}
.padding-top-260 {
padding-top: 260px;
}
.padding-top-270 {
padding-top: 270px;
}
.padding-top-280 {
padding-top: 280px;
}
.padding-top-290 {
padding-top: 290px;
}
.padding-top-300 {
padding-top: 300px;
}
.padding-top-310 {
padding-top: 310px;
}
.padding-top-320 {
padding-top: 320px;
}
.padding-top-330 {
padding-top: 330px;
}
.padding-top-340 {
padding-top: 340px;
}
.padding-top-350 {
padding-top: 350px;
}
.padding-top-360 {
padding-top: 360px;
}
.padding-top-370 {
padding-top: 370px;
}
.padding-top-380 {
padding-top: 380px;
}
.padding-top-390 {
padding-top: 390px;
}
.padding-top-400 {
padding-top: 400px;
}
.padding-top-410 {
padding-top: 410px;
}
.padding-top-420 {
padding-top: 420px;
}
.padding-top-430 {
padding-top: 430px;
}
.padding-top-440 {
padding-top: 440px;
}
.padding-top-450 {
padding-top: 450px;
}
.padding-top-460 {
padding-top: 460px;
}
.padding-top-470 {
padding-top: 470px;
}
.padding-top-480 {
padding-top: 480px;
}
.padding-top-490 {
padding-top: 490px;
}
.padding-top-500 {
padding-top: 500px;
}
.padding-right-1 {
padding-right: 1px;
}
.padding-right-2 {
padding-right: 2px;
}
.padding-right-3 {
padding-right: 3px;
}
.padding-right-4 {
padding-right: 4px;
}
.padding-right-5 {
padding-right: 5px;
}
.padding-right-6 {
padding-right: 6px;
}
.padding-right-7 {
padding-right: 7px;
}
.padding-right-8 {
padding-right: 8px;
}
.padding-right-9 {
padding-right: 9px;
}
.padding-right-10 {
padding-right: 10px;
}
.padding-right-15 {
padding-right: 15px;
}
.padding-right-20 {
padding-right: 20px;
}
.padding-right-25 {
padding-right: 25px;
}
.padding-right-30 {
padding-right: 30px;
}
.padding-right-35 {
padding-right: 35px;
}
.padding-right-40 {
padding-right: 40px;
}
.padding-right-45 {
padding-right: 45px;
}
.padding-right-50 {
padding-right: 50px;
}
.padding-right-55 {
padding-right: 55px;
}
.padding-right-60 {
padding-right: 60px;
}
.padding-right-65 {
padding-right: 65px;
}
.padding-right-70 {
padding-right: 70px;
}
.padding-right-75 {
padding-right: 75px;
}
.padding-right-80 {
padding-right: 80px;
}
.padding-right-85 {
padding-right: 85px;
}
.padding-right-90 {
padding-right: 90px;
}
.padding-right-95 {
padding-right: 95px;
}
.padding-right-100 {
padding-right: 100px;
}
.padding-right-105 {
padding-right: 105px;
}
.padding-right-110 {
padding-right: 110px;
}
.padding-right-120 {
padding-right: 120px;
}
.padding-right-130 {
padding-right: 130px;
}
.padding-right-140 {
padding-right: 140px;
}
.padding-right-150 {
padding-right: 150px;
}
.padding-right-160 {
padding-right: 160px;
}
.padding-right-170 {
padding-right: 170px;
}
.padding-right-180 {
padding-right: 180px;
}
.padding-right-190 {
padding-right: 190px;
}
.padding-right-200 {
padding-right: 200px;
}
.padding-right-210 {
padding-right: 210px;
}
.padding-right-220 {
padding-right: 220px;
}
.padding-right-230 {
padding-right: 230px;
}
.padding-right-240 {
padding-right: 240px;
}
.padding-right-250 {
padding-right: 250px;
}
.padding-right-260 {
padding-right: 260px;
}
.padding-right-270 {
padding-right: 270px;
}
.padding-right-280 {
padding-right: 280px;
}
.padding-right-290 {
padding-right: 290px;
}
.padding-right-300 {
padding-right: 300px;
}
.padding-right-310 {
padding-right: 310px;
}
.padding-right-320 {
padding-right: 320px;
}
.padding-right-330 {
padding-right: 330px;
}
.padding-right-340 {
padding-right: 340px;
}
.padding-right-350 {
padding-right: 350px;
}
.padding-right-360 {
padding-right: 360px;
}
.padding-right-370 {
padding-right: 370px;
}
.padding-right-380 {
padding-right: 380px;
}
.padding-right-390 {
padding-right: 390px;
}
.padding-right-400 {
padding-right: 400px;
}
.padding-right-410 {
padding-right: 410px;
}
.padding-right-420 {
padding-right: 420px;
}
.padding-right-430 {
padding-right: 430px;
}
.padding-right-440 {
padding-right: 440px;
}
.padding-right-450 {
padding-right: 450px;
}
.padding-right-460 {
padding-right: 460px;
}
.padding-right-470 {
padding-right: 470px;
}
.padding-right-480 {
padding-right: 480px;
}
.padding-right-490 {
padding-right: 490px;
}
.padding-right-500 {
padding-right: 500px;
}
.padding-bottom-1 {
padding-bottom: 1px;
}
.padding-bottom-2 {
padding-bottom: 2px;
}
.padding-bottom-3 {
padding-bottom: 3px;
}
.padding-bottom-4 {
padding-bottom: 4px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-bottom-6 {
padding-bottom: 6px;
}
.padding-bottom-7 {
padding-bottom: 7px;
}
.padding-bottom-8 {
padding-bottom: 8px;
}
.padding-bottom-9 {
padding-bottom: 9px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-15 {
padding-bottom: 15px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-45 {
padding-bottom: 45px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-55 {
padding-bottom: 55px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-65 {
padding-bottom: 65px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-75 {
padding-bottom: 75px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-85 {
padding-bottom: 85px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-95 {
padding-bottom: 95px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding-bottom-105 {
padding-bottom: 105px;
}
.padding-bottom-110 {
padding-bottom: 110px;
}
.padding-bottom-120 {
padding-bottom: 120px;
}
.padding-bottom-130 {
padding-bottom: 130px;
}
.padding-bottom-140 {
padding-bottom: 140px;
}
.padding-bottom-150 {
padding-bottom: 150px;
}
.padding-bottom-160 {
padding-bottom: 160px;
}
.padding-bottom-170 {
padding-bottom: 170px;
}
.padding-bottom-180 {
padding-bottom: 180px;
}
.padding-bottom-190 {
padding-bottom: 190px;
}
.padding-bottom-200 {
padding-bottom: 200px;
}
.padding-bottom-210 {
padding-bottom: 210px;
}
.padding-bottom-220 {
padding-bottom: 220px;
}
.padding-bottom-230 {
padding-bottom: 230px;
}
.padding-bottom-240 {
padding-bottom: 240px;
}
.padding-bottom-250 {
padding-bottom: 250px;
}
.padding-bottom-260 {
padding-bottom: 260px;
}
.padding-bottom-270 {
padding-bottom: 270px;
}
.padding-bottom-280 {
padding-bottom: 280px;
}
.padding-bottom-290 {
padding-bottom: 290px;
}
.padding-bottom-300 {
padding-bottom: 300px;
}
.padding-bottom-310 {
padding-bottom: 310px;
}
.padding-bottom-320 {
padding-bottom: 320px;
}
.padding-bottom-330 {
padding-bottom: 330px;
}
.padding-bottom-340 {
padding-bottom: 340px;
}
.padding-bottom-350 {
padding-bottom: 350px;
}
.padding-bottom-360 {
padding-bottom: 360px;
}
.padding-bottom-370 {
padding-bottom: 370px;
}
.padding-bottom-380 {
padding-bottom: 380px;
}
.padding-bottom-390 {
padding-bottom: 390px;
}
.padding-bottom-400 {
padding-bottom: 400px;
}
.padding-bottom-410 {
padding-bottom: 410px;
}
.padding-bottom-420 {
padding-bottom: 420px;
}
.padding-bottom-430 {
padding-bottom: 430px;
}
.padding-bottom-440 {
padding-bottom: 440px;
}
.padding-bottom-450 {
padding-bottom: 450px;
}
.padding-bottom-460 {
padding-bottom: 460px;
}
.padding-bottom-470 {
padding-bottom: 470px;
}
.padding-bottom-480 {
padding-bottom: 480px;
}
.padding-bottom-490 {
padding-bottom: 490px;
}
.padding-bottom-500 {
padding-bottom: 500px;
}
.padding-left-1 {
padding-left: 1px;
}
.padding-left-2 {
padding-left: 2px;
}
.padding-left-3 {
padding-left: 3px;
}
.padding-left-4 {
padding-left: 4px;
}
.padding-left-5 {
padding-left: 5px;
}
.padding-left-6 {
padding-left: 6px;
}
.padding-left-7 {
padding-left: 7px;
}
.padding-left-8 {
padding-left: 8px;
}
.padding-left-9 {
padding-left: 9px;
}
.padding-left-10 {
padding-left: 10px;
}
.padding-left-15 {
padding-left: 15px;
}
.padding-left-20 {
padding-left: 20px;
}
.padding-left-25 {
padding-left: 25px;
}
.padding-left-30 {
padding-left: 30px;
}
.padding-left-35 {
padding-left: 35px;
}
.padding-left-40 {
padding-left: 40px;
}
.padding-left-45 {
padding-left: 45px;
}
.padding-left-50 {
padding-left: 50px;
}
.padding-left-55 {
padding-left: 55px;
}
.padding-left-60 {
padding-left: 60px;
}
.padding-left-65 {
padding-left: 65px;
}
.padding-left-70 {
padding-left: 70px;
}
.padding-left-75 {
padding-left: 75px;
}
.padding-left-80 {
padding-left: 80px;
}
.padding-left-85 {
padding-left: 85px;
}
.padding-left-90 {
padding-left: 90px;
}
.padding-left-95 {
padding-left: 95px;
}
.padding-left-100 {
padding-left: 100px;
}
.padding-left-105 {
padding-left: 105px;
}
.padding-left-110 {
padding-left: 110px;
}
.padding-left-120 {
padding-left: 120px;
}
.padding-left-130 {
padding-left: 130px;
}
.padding-left-140 {
padding-left: 140px;
}
.padding-left-150 {
padding-left: 150px;
}
.padding-left-160 {
padding-left: 160px;
}
.padding-left-170 {
padding-left: 170px;
}
.padding-left-180 {
padding-left: 180px;
}
.padding-left-190 {
padding-left: 190px;
}
.padding-left-200 {
padding-left: 200px;
}
.padding-left-210 {
padding-left: 210px;
}
.padding-left-220 {
padding-left: 220px;
}
.padding-left-230 {
padding-left: 230px;
}
.padding-left-240 {
padding-left: 240px;
}
.padding-left-250 {
padding-left: 250px;
}
.padding-left-260 {
padding-left: 260px;
}
.padding-left-270 {
padding-left: 270px;
}
.padding-left-280 {
padding-left: 280px;
}
.padding-left-290 {
padding-left: 290px;
}
.padding-left-300 {
padding-left: 300px;
}
.padding-left-310 {
padding-left: 310px;
}
.padding-left-320 {
padding-left: 320px;
}
.padding-left-330 {
padding-left: 330px;
}
.padding-left-340 {
padding-left: 340px;
}
.padding-left-350 {
padding-left: 350px;
}
.padding-left-360 {
padding-left: 360px;
}
.padding-left-370 {
padding-left: 370px;
}
.padding-left-380 {
padding-left: 380px;
}
.padding-left-390 {
padding-left: 390px;
}
.padding-left-400 {
padding-left: 400px;
}
.padding-left-410 {
padding-left: 410px;
}
.padding-left-420 {
padding-left: 420px;
}
.padding-left-430 {
padding-left: 430px;
}
.padding-left-440 {
padding-left: 440px;
}
.padding-left-450 {
padding-left: 450px;
}
.padding-left-460 {
padding-left: 460px;
}
.padding-left-470 {
padding-left: 470px;
}
.padding-left-480 {
padding-left: 480px;
}
.padding-left-490 {
padding-left: 490px;
}
.padding-left-500 {
padding-left: 500px;
}
.margin-vertical-1 {
margin-top: 1px;
margin-bottom: 1px;
}
.margin-vertical-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.margin-vertical-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.margin-vertical-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.margin-vertical-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.margin-vertical-6 {
margin-top: 6px;
margin-bottom: 6px;
}
.margin-vertical-7 {
margin-top: 7px;
margin-bottom: 7px;
}
.margin-vertical-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.margin-vertical-9 {
margin-top: 9px;
margin-bottom: 9px;
}
.margin-vertical-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.margin-vertical-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.margin-vertical-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.margin-vertical-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.margin-vertical-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.margin-vertical-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.margin-vertical-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.margin-vertical-45 {
margin-top: 45px;
margin-bottom: 45px;
}
.margin-vertical-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.margin-vertical-55 {
margin-top: 55px;
margin-bottom: 55px;
}
.margin-vertical-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.margin-vertical-65 {
margin-top: 65px;
margin-bottom: 65px;
}
.margin-vertical-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.margin-vertical-75 {
margin-top: 75px;
margin-bottom: 75px;
}
.margin-vertical-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.margin-vertical-85 {
margin-top: 85px;
margin-bottom: 85px;
}
.margin-vertical-90 {
margin-top: 90px;
margin-bottom: 90px;
}
.margin-vertical-95 {
margin-top: 95px;
margin-bottom: 95px;
}
.margin-vertical-100 {
margin-top: 100px;
margin-bottom: 100px;
}
.margin-vertical-105 {
margin-top: 105px;
margin-bottom: 105px;
}
.margin-vertical-110 {
margin-top: 110px;
margin-bottom: 110px;
}
.margin-vertical-120 {
margin-top: 120px;
margin-bottom: 120px;
}
.margin-vertical-130 {
margin-top: 130px;
margin-bottom: 130px;
}
.margin-vertical-140 {
margin-top: 140px;
margin-bottom: 140px;
}
.margin-vertical-150 {
margin-top: 150px;
margin-bottom: 150px;
}
.margin-vertical-160 {
margin-top: 160px;
margin-bottom: 160px;
}
.margin-vertical-170 {
margin-top: 170px;
margin-bottom: 170px;
}
.margin-vertical-180 {
margin-top: 180px;
margin-bottom: 180px;
}
.margin-vertical-190 {
margin-top: 190px;
margin-bottom: 190px;
}
.margin-vertical-200 {
margin-top: 200px;
margin-bottom: 200px;
}
.margin-vertical-210 {
margin-top: 210px;
margin-bottom: 210px;
}
.margin-vertical-220 {
margin-top: 220px;
margin-bottom: 220px;
}
.margin-vertical-230 {
margin-top: 230px;
margin-bottom: 230px;
}
.margin-vertical-240 {
margin-top: 240px;
margin-bottom: 240px;
}
.margin-vertical-250 {
margin-top: 250px;
margin-bottom: 250px;
}
.margin-vertical-260 {
margin-top: 260px;
margin-bottom: 260px;
}
.margin-vertical-270 {
margin-top: 270px;
margin-bottom: 270px;
}
.margin-vertical-280 {
margin-top: 280px;
margin-bottom: 280px;
}
.margin-vertical-290 {
margin-top: 290px;
margin-bottom: 290px;
}
.margin-vertical-300 {
margin-top: 300px;
margin-bottom: 300px;
}
.margin-vertical-310 {
margin-top: 310px;
margin-bottom: 310px;
}
.margin-vertical-320 {
margin-top: 320px;
margin-bottom: 320px;
}
.margin-vertical-330 {
margin-top: 330px;
margin-bottom: 330px;
}
.margin-vertical-340 {
margin-top: 340px;
margin-bottom: 340px;
}
.margin-vertical-350 {
margin-top: 350px;
margin-bottom: 350px;
}
.margin-vertical-360 {
margin-top: 360px;
margin-bottom: 360px;
}
.margin-vertical-370 {
margin-top: 370px;
margin-bottom: 370px;
}
.margin-vertical-380 {
margin-top: 380px;
margin-bottom: 380px;
}
.margin-vertical-390 {
margin-top: 390px;
margin-bottom: 390px;
}
.margin-vertical-400 {
margin-top: 400px;
margin-bottom: 400px;
}
.margin-vertical-410 {
margin-top: 410px;
margin-bottom: 410px;
}
.margin-vertical-420 {
margin-top: 420px;
margin-bottom: 420px;
}
.margin-vertical-430 {
margin-top: 430px;
margin-bottom: 430px;
}
.margin-vertical-440 {
margin-top: 440px;
margin-bottom: 440px;
}
.margin-vertical-450 {
margin-top: 450px;
margin-bottom: 450px;
}
.margin-vertical-460 {
margin-top: 460px;
margin-bottom: 460px;
}
.margin-vertical-470 {
margin-top: 470px;
margin-bottom: 470px;
}
.margin-vertical-480 {
margin-top: 480px;
margin-bottom: 480px;
}
.margin-vertical-490 {
margin-top: 490px;
margin-bottom: 490px;
}
.margin-vertical-500 {
margin-top: 500px;
margin-bottom: 500px;
}
.margin-horizontal-1 {
margin-left: 1px;
margin-right: 1px;
}
.margin-horizontal-2 {
margin-left: 2px;
margin-right: 2px;
}
.margin-horizontal-3 {
margin-left: 3px;
margin-right: 3px;
}
.margin-horizontal-4 {
margin-left: 4px;
margin-right: 4px;
}
.margin-horizontal-5 {
margin-left: 5px;
margin-right: 5px;
}
.margin-horizontal-6 {
margin-left: 6px;
margin-right: 6px;
}
.margin-horizontal-7 {
margin-left: 7px;
margin-right: 7px;
}
.margin-horizontal-8 {
margin-left: 8px;
margin-right: 8px;
}
.margin-horizontal-9 {
margin-left: 9px;
margin-right: 9px;
}
.margin-horizontal-10 {
margin-left: 10px;
margin-right: 10px;
}
.margin-horizontal-15 {
margin-left: 15px;
margin-right: 15px;
}
.margin-horizontal-20 {
margin-left: 20px;
margin-right: 20px;
}
.margin-horizontal-25 {
margin-left: 25px;
margin-right: 25px;
}
.margin-horizontal-30 {
margin-left: 30px;
margin-right: 30px;
}
.margin-horizontal-35 {
margin-left: 35px;
margin-right: 35px;
}
.margin-horizontal-40 {
margin-left: 40px;
margin-right: 40px;
}
.margin-horizontal-45 {
margin-left: 45px;
margin-right: 45px;
}
.margin-horizontal-50 {
margin-left: 50px;
margin-right: 50px;
}
.margin-horizontal-55 {
margin-left: 55px;
margin-right: 55px;
}
.margin-horizontal-60 {
margin-left: 60px;
margin-right: 60px;
}
.margin-horizontal-65 {
margin-left: 65px;
margin-right: 65px;
}
.margin-horizontal-70 {
margin-left: 70px;
margin-right: 70px;
}
.margin-horizontal-75 {
margin-left: 75px;
margin-right: 75px;
}
.margin-horizontal-80 {
margin-left: 80px;
margin-right: 80px;
}
.margin-horizontal-85 {
margin-left: 85px;
margin-right: 85px;
}
.margin-horizontal-90 {
margin-left: 90px;
margin-right: 90px;
}
.margin-horizontal-95 {
margin-left: 95px;
margin-right: 95px;
}
.margin-horizontal-100 {
margin-left: 100px;
margin-right: 100px;
}
.margin-horizontal-105 {
margin-left: 105px;
margin-right: 105px;
}
.margin-horizontal-110 {
margin-left: 110px;
margin-right: 110px;
}
.margin-horizontal-120 {
margin-left: 120px;
margin-right: 120px;
}
.margin-horizontal-130 {
margin-left: 130px;
margin-right: 130px;
}
.margin-horizontal-140 {
margin-left: 140px;
margin-right: 140px;
}
.margin-horizontal-150 {
margin-left: 150px;
margin-right: 150px;
}
.margin-horizontal-160 {
margin-left: 160px;
margin-right: 160px;
}
.margin-horizontal-170 {
margin-left: 170px;
margin-right: 170px;
}
.margin-horizontal-180 {
margin-left: 180px;
margin-right: 180px;
}
.margin-horizontal-190 {
margin-left: 190px;
margin-right: 190px;
}
.margin-horizontal-200 {
margin-left: 200px;
margin-right: 200px;
}
.margin-horizontal-210 {
margin-left: 210px;
margin-right: 210px;
}
.margin-horizontal-220 {
margin-left: 220px;
margin-right: 220px;
}
.margin-horizontal-230 {
margin-left: 230px;
margin-right: 230px;
}
.margin-horizontal-240 {
margin-left: 240px;
margin-right: 240px;
}
.margin-horizontal-250 {
margin-left: 250px;
margin-right: 250px;
}
.margin-horizontal-260 {
margin-left: 260px;
margin-right: 260px;
}
.margin-horizontal-270 {
margin-left: 270px;
margin-right: 270px;
}
.margin-horizontal-280 {
margin-left: 280px;
margin-right: 280px;
}
.margin-horizontal-290 {
margin-left: 290px;
margin-right: 290px;
}
.margin-horizontal-300 {
margin-left: 300px;
margin-right: 300px;
}
.margin-horizontal-310 {
margin-left: 310px;
margin-right: 310px;
}
.margin-horizontal-320 {
margin-left: 320px;
margin-right: 320px;
}
.margin-horizontal-330 {
margin-left: 330px;
margin-right: 330px;
}
.margin-horizontal-340 {
margin-left: 340px;
margin-right: 340px;
}
.margin-horizontal-350 {
margin-left: 350px;
margin-right: 350px;
}
.margin-horizontal-360 {
margin-left: 360px;
margin-right: 360px;
}
.margin-horizontal-370 {
margin-left: 370px;
margin-right: 370px;
}
.margin-horizontal-380 {
margin-left: 380px;
margin-right: 380px;
}
.margin-horizontal-390 {
margin-left: 390px;
margin-right: 390px;
}
.margin-horizontal-400 {
margin-left: 400px;
margin-right: 400px;
}
.margin-horizontal-410 {
margin-left: 410px;
margin-right: 410px;
}
.margin-horizontal-420 {
margin-left: 420px;
margin-right: 420px;
}
.margin-horizontal-430 {
margin-left: 430px;
margin-right: 430px;
}
.margin-horizontal-440 {
margin-left: 440px;
margin-right: 440px;
}
.margin-horizontal-450 {
margin-left: 450px;
margin-right: 450px;
}
.margin-horizontal-460 {
margin-left: 460px;
margin-right: 460px;
}
.margin-horizontal-470 {
margin-left: 470px;
margin-right: 470px;
}
.margin-horizontal-480 {
margin-left: 480px;
margin-right: 480px;
}
.margin-horizontal-490 {
margin-left: 490px;
margin-right: 490px;
}
.margin-horizontal-500 {
margin-left: 500px;
margin-right: 500px;
}
.padding-vertical-1 {
padding-top: 1px;
padding-bottom: 1px;
}
.padding-vertical-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.padding-vertical-3 {
padding-top: 3px;
padding-bottom: 3px;
}
.padding-vertical-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.padding-vertical-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.padding-vertical-6 {
padding-top: 6px;
padding-bottom: 6px;
}
.padding-vertical-7 {
padding-top: 7px;
padding-bottom: 7px;
}
.padding-vertical-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.padding-vertical-9 {
padding-top: 9px;
padding-bottom: 9px;
}
.padding-vertical-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.padding-vertical-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.padding-vertical-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-vertical-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.padding-vertical-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-vertical-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.padding-vertical-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-vertical-45 {
padding-top: 45px;
padding-bottom: 45px;
}
.padding-vertical-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-vertical-55 {
padding-top: 55px;
padding-bottom: 55px;
}
.padding-vertical-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-vertical-65 {
padding-top: 65px;
padding-bottom: 65px;
}
.padding-vertical-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.padding-vertical-75 {
padding-top: 75px;
padding-bottom: 75px;
}
.padding-vertical-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.padding-vertical-85 {
padding-top: 85px;
padding-bottom: 85px;
}
.padding-vertical-90 {
padding-top: 90px;
padding-bottom: 90px;
}
.padding-vertical-95 {
padding-top: 95px;
padding-bottom: 95px;
}
.padding-vertical-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-vertical-105 {
padding-top: 105px;
padding-bottom: 105px;
}
.padding-vertical-110 {
padding-top: 110px;
padding-bottom: 110px;
}
.padding-vertical-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.padding-vertical-130 {
padding-top: 130px;
padding-bottom: 130px;
}
.padding-vertical-140 {
padding-top: 140px;
padding-bottom: 140px;
}
.padding-vertical-150 {
padding-top: 150px;
padding-bottom: 150px;
}
.padding-vertical-160 {
padding-top: 160px;
padding-bottom: 160px;
}
.padding-vertical-170 {
padding-top: 170px;
padding-bottom: 170px;
}
.padding-vertical-180 {
padding-top: 180px;
padding-bottom: 180px;
}
.padding-vertical-190 {
padding-top: 190px;
padding-bottom: 190px;
}
.padding-vertical-200 {
padding-top: 200px;
padding-bottom: 200px;
}
.padding-vertical-210 {
padding-top: 210px;
padding-bottom: 210px;
}
.padding-vertical-220 {
padding-top: 220px;
padding-bottom: 220px;
}
.padding-vertical-230 {
padding-top: 230px;
padding-bottom: 230px;
}
.padding-vertical-240 {
padding-top: 240px;
padding-bottom: 240px;
}
.padding-vertical-250 {
padding-top: 250px;
padding-bottom: 250px;
}
.padding-vertical-260 {
padding-top: 260px;
padding-bottom: 260px;
}
.padding-vertical-270 {
padding-top: 270px;
padding-bottom: 270px;
}
.padding-vertical-280 {
padding-top: 280px;
padding-bottom: 280px;
}
.padding-vertical-290 {
padding-top: 290px;
padding-bottom: 290px;
}
.padding-vertical-300 {
padding-top: 300px;
padding-bottom: 300px;
}
.padding-vertical-310 {
padding-top: 310px;
padding-bottom: 310px;
}
.padding-vertical-320 {
padding-top: 320px;
padding-bottom: 320px;
}
.padding-vertical-330 {
padding-top: 330px;
padding-bottom: 330px;
}
.padding-vertical-340 {
padding-top: 340px;
padding-bottom: 340px;
}
.padding-vertical-350 {
padding-top: 350px;
padding-bottom: 350px;
}
.padding-vertical-360 {
padding-top: 360px;
padding-bottom: 360px;
}
.padding-vertical-370 {
padding-top: 370px;
padding-bottom: 370px;
}
.padding-vertical-380 {
padding-top: 380px;
padding-bottom: 380px;
}
.padding-vertical-390 {
padding-top: 390px;
padding-bottom: 390px;
}
.padding-vertical-400 {
padding-top: 400px;
padding-bottom: 400px;
}
.padding-vertical-410 {
padding-top: 410px;
padding-bottom: 410px;
}
.padding-vertical-420 {
padding-top: 420px;
padding-bottom: 420px;
}
.padding-vertical-430 {
padding-top: 430px;
padding-bottom: 430px;
}
.padding-vertical-440 {
padding-top: 440px;
padding-bottom: 440px;
}
.padding-vertical-450 {
padding-top: 450px;
padding-bottom: 450px;
}
.padding-vertical-460 {
padding-top: 460px;
padding-bottom: 460px;
}
.padding-vertical-470 {
padding-top: 470px;
padding-bottom: 470px;
}
.padding-vertical-480 {
padding-top: 480px;
padding-bottom: 480px;
}
.padding-vertical-490 {
padding-top: 490px;
padding-bottom: 490px;
}
.padding-vertical-500 {
padding-top: 500px;
padding-bottom: 500px;
}
.padding-horizontal-1 {
padding-left: 1px;
padding-right: 1px;
}
.padding-horizontal-2 {
padding-left: 2px;
padding-right: 2px;
}
.padding-horizontal-3 {
padding-left: 3px;
padding-right: 3px;
}
.padding-horizontal-4 {
padding-left: 4px;
padding-right: 4px;
}
.padding-horizontal-5 {
padding-left: 5px;
padding-right: 5px;
}
.padding-horizontal-6 {
padding-left: 6px;
padding-right: 6px;
}
.padding-horizontal-7 {
padding-left: 7px;
padding-right: 7px;
}
.padding-horizontal-8 {
padding-left: 8px;
padding-right: 8px;
}
.padding-horizontal-9 {
padding-left: 9px;
padding-right: 9px;
}
.padding-horizontal-10 {
padding-left: 10px;
padding-right: 10px;
}
.padding-horizontal-15 {
padding-left: 15px;
padding-right: 15px;
}
.padding-horizontal-20 {
padding-left: 20px;
padding-right: 20px;
}
.padding-horizontal-25 {
padding-left: 25px;
padding-right: 25px;
}
.padding-horizontal-30 {
padding-left: 30px;
padding-right: 30px;
}
.padding-horizontal-35 {
padding-left: 35px;
padding-right: 35px;
}
.padding-horizontal-40 {
padding-left: 40px;
padding-right: 40px;
}
.padding-horizontal-45 {
padding-left: 45px;
padding-right: 45px;
}
.padding-horizontal-50 {
padding-left: 50px;
padding-right: 50px;
}
.padding-horizontal-55 {
padding-left: 55px;
padding-right: 55px;
}
.padding-horizontal-60 {
padding-left: 60px;
padding-right: 60px;
}
.padding-horizontal-65 {
padding-left: 65px;
padding-right: 65px;
}
.padding-horizontal-70 {
padding-left: 70px;
padding-right: 70px;
}
.padding-horizontal-75 {
padding-left: 75px;
padding-right: 75px;
}
.padding-horizontal-80 {
padding-left: 80px;
padding-right: 80px;
}
.padding-horizontal-85 {
padding-left: 85px;
padding-right: 85px;
}
.padding-horizontal-90 {
padding-left: 90px;
padding-right: 90px;
}
.padding-horizontal-95 {
padding-left: 95px;
padding-right: 95px;
}
.padding-horizontal-100 {
padding-left: 100px;
padding-right: 100px;
}
.padding-horizontal-105 {
padding-left: 105px;
padding-right: 105px;
}
.padding-horizontal-110 {
padding-left: 110px;
padding-right: 110px;
}
.padding-horizontal-120 {
padding-left: 120px;
padding-right: 120px;
}
.padding-horizontal-130 {
padding-left: 130px;
padding-right: 130px;
}
.padding-horizontal-140 {
padding-left: 140px;
padding-right: 140px;
}
.padding-horizontal-150 {
padding-left: 150px;
padding-right: 150px;
}
.padding-horizontal-160 {
padding-left: 160px;
padding-right: 160px;
}
.padding-horizontal-170 {
padding-left: 170px;
padding-right: 170px;
}
.padding-horizontal-180 {
padding-left: 180px;
padding-right: 180px;
}
.padding-horizontal-190 {
padding-left: 190px;
padding-right: 190px;
}
.padding-horizontal-200 {
padding-left: 200px;
padding-right: 200px;
}
.padding-horizontal-210 {
padding-left: 210px;
padding-right: 210px;
}
.padding-horizontal-220 {
padding-left: 220px;
padding-right: 220px;
}
.padding-horizontal-230 {
padding-left: 230px;
padding-right: 230px;
}
.padding-horizontal-240 {
padding-left: 240px;
padding-right: 240px;
}
.padding-horizontal-250 {
padding-left: 250px;
padding-right: 250px;
}
.padding-horizontal-260 {
padding-left: 260px;
padding-right: 260px;
}
.padding-horizontal-270 {
padding-left: 270px;
padding-right: 270px;
}
.padding-horizontal-280 {
padding-left: 280px;
padding-right: 280px;
}
.padding-horizontal-290 {
padding-left: 290px;
padding-right: 290px;
}
.padding-horizontal-300 {
padding-left: 300px;
padding-right: 300px;
}
.padding-horizontal-310 {
padding-left: 310px;
padding-right: 310px;
}
.padding-horizontal-320 {
padding-left: 320px;
padding-right: 320px;
}
.padding-horizontal-330 {
padding-left: 330px;
padding-right: 330px;
}
.padding-horizontal-340 {
padding-left: 340px;
padding-right: 340px;
}
.padding-horizontal-350 {
padding-left: 350px;
padding-right: 350px;
}
.padding-horizontal-360 {
padding-left: 360px;
padding-right: 360px;
}
.padding-horizontal-370 {
padding-left: 370px;
padding-right: 370px;
}
.padding-horizontal-380 {
padding-left: 380px;
padding-right: 380px;
}
.padding-horizontal-390 {
padding-left: 390px;
padding-right: 390px;
}
.padding-horizontal-400 {
padding-left: 400px;
padding-right: 400px;
}
.padding-horizontal-410 {
padding-left: 410px;
padding-right: 410px;
}
.padding-horizontal-420 {
padding-left: 420px;
padding-right: 420px;
}
.padding-horizontal-430 {
padding-left: 430px;
padding-right: 430px;
}
.padding-horizontal-440 {
padding-left: 440px;
padding-right: 440px;
}
.padding-horizontal-450 {
padding-left: 450px;
padding-right: 450px;
}
.padding-horizontal-460 {
padding-left: 460px;
padding-right: 460px;
}
.padding-horizontal-470 {
padding-left: 470px;
padding-right: 470px;
}
.padding-horizontal-480 {
padding-left: 480px;
padding-right: 480px;
}
.padding-horizontal-490 {
padding-left: 490px;
padding-right: 490px;
}
.padding-horizontal-500 {
padding-left: 500px;
padding-right: 500px;
}
.width-1 {
width: 1px;
}
.width-2 {
width: 2px;
}
.width-3 {
width: 3px;
}
.width-4 {
width: 4px;
}
.width-5 {
width: 5px;
}
.width-6 {
width: 6px;
}
.width-7 {
width: 7px;
}
.width-8 {
width: 8px;
}
.width-9 {
width: 9px;
}
.width-10 {
width: 10px;
}
.width-15 {
width: 15px;
}
.width-20 {
width: 20px;
}
.width-25 {
width: 25px;
}
.width-30 {
width: 30px;
}
.width-35 {
width: 35px;
}
.width-40 {
width: 40px;
}
.width-45 {
width: 45px;
}
.width-50 {
width: 50px;
}
.width-55 {
width: 55px;
}
.width-60 {
width: 60px;
}
.width-65 {
width: 65px;
}
.width-70 {
width: 70px;
}
.width-75 {
width: 75px;
}
.width-80 {
width: 80px;
}
.width-85 {
width: 85px;
}
.width-90 {
width: 90px;
}
.width-95 {
width: 95px;
}
.width-100 {
width: 100px;
}
.width-105 {
width: 105px;
}
.width-110 {
width: 110px;
}
.width-120 {
width: 120px;
}
.width-130 {
width: 130px;
}
.width-140 {
width: 140px;
}
.width-150 {
width: 150px;
}
.width-160 {
width: 160px;
}
.width-170 {
width: 170px;
}
.width-180 {
width: 180px;
}
.width-190 {
width: 190px;
}
.width-200 {
width: 200px;
}
.width-210 {
width: 210px;
}
.width-220 {
width: 220px;
}
.width-230 {
width: 230px;
}
.width-240 {
width: 240px;
}
.width-250 {
width: 250px;
}
.width-260 {
width: 260px;
}
.width-270 {
width: 270px;
}
.width-280 {
width: 280px;
}
.width-290 {
width: 290px;
}
.width-300 {
width: 300px;
}
.width-310 {
width: 310px;
}
.width-320 {
width: 320px;
}
.width-330 {
width: 330px;
}
.width-340 {
width: 340px;
}
.width-350 {
width: 350px;
}
.width-360 {
width: 360px;
}
.width-370 {
width: 370px;
}
.width-380 {
width: 380px;
}
.width-390 {
width: 390px;
}
.width-400 {
width: 400px;
}
.width-410 {
width: 410px;
}
.width-420 {
width: 420px;
}
.width-430 {
width: 430px;
}
.width-440 {
width: 440px;
}
.width-450 {
width: 450px;
}
.width-460 {
width: 460px;
}
.width-470 {
width: 470px;
}
.width-480 {
width: 480px;
}
.width-490 {
width: 490px;
}
.width-500 {
width: 500px;
}
.height-1 {
height: 1px;
}
.height-2 {
height: 2px;
}
.height-3 {
height: 3px;
}
.height-4 {
height: 4px;
}
.height-5 {
height: 5px;
}
.height-6 {
height: 6px;
}
.height-7 {
height: 7px;
}
.height-8 {
height: 8px;
}
.height-9 {
height: 9px;
}
.height-10 {
height: 10px;
}
.height-15 {
height: 15px;
}
.height-20 {
height: 20px;
}
.height-25 {
height: 25px;
}
.height-30 {
height: 30px;
}
.height-35 {
height: 35px;
}
.height-40 {
height: 40px;
}
.height-45 {
height: 45px;
}
.height-50 {
height: 50px;
}
.height-55 {
height: 55px;
}
.height-60 {
height: 60px;
}
.height-65 {
height: 65px;
}
.height-70 {
height: 70px;
}
.height-75 {
height: 75px;
}
.height-80 {
height: 80px;
}
.height-85 {
height: 85px;
}
.height-90 {
height: 90px;
}
.height-95 {
height: 95px;
}
.height-100 {
height: 100px;
}
.height-105 {
height: 105px;
}
.height-110 {
height: 110px;
}
.height-120 {
height: 120px;
}
.height-130 {
height: 130px;
}
.height-140 {
height: 140px;
}
.height-150 {
height: 150px;
}
.height-160 {
height: 160px;
}
.height-170 {
height: 170px;
}
.height-180 {
height: 180px;
}
.height-190 {
height: 190px;
}
.height-200 {
height: 200px;
}
.height-210 {
height: 210px;
}
.height-220 {
height: 220px;
}
.height-230 {
height: 230px;
}
.height-240 {
height: 240px;
}
.height-250 {
height: 250px;
}
.height-260 {
height: 260px;
}
.height-270 {
height: 270px;
}
.height-280 {
height: 280px;
}
.height-290 {
height: 290px;
}
.height-300 {
height: 300px;
}
.height-310 {
height: 310px;
}
.height-320 {
height: 320px;
}
.height-330 {
height: 330px;
}
.height-340 {
height: 340px;
}
.height-350 {
height: 350px;
}
.height-360 {
height: 360px;
}
.height-370 {
height: 370px;
}
.height-380 {
height: 380px;
}
.height-390 {
height: 390px;
}
.height-400 {
height: 400px;
}
.height-410 {
height: 410px;
}
.height-420 {
height: 420px;
}
.height-430 {
height: 430px;
}
.height-440 {
height: 440px;
}
.height-450 {
height: 450px;
}
.height-460 {
height: 460px;
}
.height-470 {
height: 470px;
}
.height-480 {
height: 480px;
}
.height-490 {
height: 490px;
}
.height-500 {
height: 500px;
}
/* Framework */
.text-right {
text-align: right;
}
.margin-top-0 {
margin-top: 0px;
}
.width-30-per {
width: 30%;
}
.width-40-per {
width: 40%;
}
.width-50-per {
width: 50%;
}
.width-60-per {
width: 60%;
}
.width-70-per {
width: 70%;
}
.width-80-per {
width: 80%;
}
.width-100-per {
width: 100%;
}
.display-flex {
display: flex;
}
.flex-col {
flex: 1;
}
.display-inline {
display: inline;
}
.dimension-50-per {
width: 50%;
height: 50%;
}
.max-width-200 {
max-width: 200px;
}
.max-width-250 {
max-width: 250px;
}
table.table.table-no-margin-bottom {
margin-bottom: 0;
}
.box-centered {
margin: 0 auto;
}
.alert {
margin-top: 10px;
}
.alert.alert-light-blue {
background-color: #F9FCFD;
border-color: #bce8f1;
color: #31708f;
}
.superscript {
position: relative;
top: -0.5em;
font-size: 80%;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.line-through {
text-decoration: line-through;
}
.word-wrap {
word-wrap: break-word;
}
.no-wrap {
white-space: normal;
}
.white-space-no-wrap {
white-space: nowrap;
}
.ellipsis {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
-o-text-overflow: ellipsis;
/** Opera 9 & 10 **/
}
ul.errors li,
.help-block li {
color: #a94442;
}
.cursor-pointer {
cursor: pointer;
}
.word-break-all {
word-break: break-all;
}
/*
* Override bootstrap
*/
h1 {
font-size: 30px;
}
.table-striped > tbody > tr.bg-info:nth-of-type(odd) {
background-color: #d9edf7;
}
.btn-red {
color: #fff;
background-color: #A94442;
border: 1px solid #A94442;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
color: #fff;
background-color: #973d3b;
border: 1px solid #973d3b;
}
.btn-blue {
color: #fff;
background-color: #4E93E0;
border: 1px solid #4E93E0;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
color: #fff;
background-color: #4E93E0;
border: 1px solid #4E93E0;
}
.btn-primary {
color: #fff;
background-color: #176cab;
border: 1px solid #176cab;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color: #1a7ac1;
border: 1px solid #176cab;
}
.btn-success {
border: 1px solid #5cb85c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
border: 1px solid #5cb85c;
}
.btn-warning {
border: 1px solid #e8a03b;
background-color: #e8a03b;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
border: 1px solid #e8a03b;
}
.btn-danger {
border: 1px solid #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
border: 1px solid #d9534f;
}
.btn.btn-green {
background-color: #4daf83;
color: #fff;
border: 1px solid #4daf83;
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active {
background-color: #5eb88f;
border: 1px solid #4daf83;
}
.btn-dark-orange {
border: 1px solid #d27f55;
color: white;
background-color: #d27f55;
}
.btn-dark-orange:hover,
.btn-dark-orange:focus,
.btn-dark-orange:active {
border: 1px solid #d78e69;
color: white;
background-color: #d78e69;
}
.btn.btn-lg-xl {
padding: 13px 28px;
font-size: 20px;
line-height: 1.4;
border-radius: 6px;
height: auto;
}
.btn.btn-lg-2xl {
padding: 10px 30px;
font-size: 24px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn.btn-empty {
border: 2px solid #FFF;
color: white;
font-weight: bold;
}
.bg-grey {
background-color: #ccc;
}
.bg-white {
background-color: white;
}
.bg-danger-admin {
background-color: #7b1a12 !important;
}
.progress-bar {
background-color: #176cab;
min-width: 20px;
}
.progress-bar.progress-bar-warning {
background-color: #e8a03b;
}
.progress-bar.progress-bar-success {
background-color: #5cb85c;
}
.modal.modal-fullscreen .modal-dialog {
width: 100%;
height: 100%;
padding: 0;
}
.modal.modal-fullscreen .modal-dialog .modal-content {
min-height: 100%;
height: auto;
border-radius: 0;
}
.modal-backdrop {
z-index: 11;
}
.classic-label label {
font-weight: normal;
}
.classic-label label input {
margin-right: 2px;
}
body.body-private .checkbox,
body.body-clean-public .checkbox {
background-color: #F6F6F6;
padding: 5px 15px;
}
.radio,
.checkbox {
margin-top: 0;
}
body.body-clean-public .checkbox {
background-color: transparent;
}
.form-control:focus {
border-color: rgba(65, 91, 117, 0.4);
box-shadow: 0 1px 1px rgba(65, 91, 117, 0.07) inset, 0 0 8px rgba(65, 91, 117, 0.3);
outline: 0 none;
}
.form-control.width-100-per {
width: 100%;
}
.pagination > a {
color: #0b3351;
}
.pagination > .active > a {
background-color: #176cab;
border-color: #176cab;
}
.table.table-striped tr.bg-warning:nth-of-type(odd) {
background-color: #F4EFD8;
}
.table.table-striped tr.bg-danger:nth-of-type(odd) {
background-color: #D8C1C1;
}
sup {
font-size: 50%;
top: -0.8em;
}
del {
background-color: rgba(255, 0, 0, 0.3);
text-decoration: none;
padding: 0 3px;
}
ins {
background-color: rgba(0, 255, 0, 0.3);
text-decoration: none;
padding: 0 3px;
}
.col-800-hidden {
display: block;
}
.col-800-show {
display: none;
}
#window-resizer-tooltip {
display: none !important;
}
/*
* Rules
*/
.grey {
color: #999;
}
.light-grey {
color: #ccc;
}
.mid-grey {
color: #aaa;
}
.black {
color: black;
}
.red {
color: #B67272;
}
.yellow {
color: #c3c37e;
}
.orange {
color: #e8a03b;
}
.orange:hover {
color: #ebab52;
}
.green {
color: #5cb85c;
}
.v4-blue {
color: #4E93E0;
}
.v4-grey {
color: #6F7C82;
}
.v4-green {
color: #4daf83;
}
.text-center {
text-align: center;
}
.text-left-sm-center-xs {
text-align: center;
}
.underlined {
text-decoration: underline;
}
.underlined-dashed {
border-bottom: 1px dashed #999;
}
.underlined-dotted-v4 {
border-bottom: 1px dotted #ccc;
}
.background-white {
background-color: white;
}
.background-grey {
background-color: #ccc;
}
.background-lighter-grey {
background-color: #F9F9F9;
}
.background-lighter-grey-v5 {
background-color: #F9FAFC;
}
.background-lighter-green {
background-color: #f1fdfa;
}
.background-lighter-blue {
background-color: #E0F3FF;
}
.background-yellow {
background-color: #fcfde2;
}
.background-strong-yellow {
background-color: #FFF9E0;
}
.background-soft-blue {
background-color: #f2f7fd;
}
.background-light-red {
background-color: #ffe3e3;
}
.border-bottom {
border-bottom: 1px #eee solid;
}
.box-img-retina {
width: 50%;
}
.box-img-retina img {
width: 50%;
}
.lang-direction-rtl {
text-align: right;
}
.form-innerbox-blue {
padding: 15px;
border: #9EBAD0 2px dashed;
background-color: #F0F1F3;
margin-bottom: 15px;
}
.spinner-box {
position: relative;
width: 30px;
height: 30px;
display: inline;
margin-left: 25px;
}
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
body.body-private,
body.body-clean-public {
background-color: #f6f6f6;
}
body#home-page-body {
background-color: #0b3351;
color: #fff;
}
div.inner-body-flex-vertical {
justify-content: space-between;
display: flex;
flex-direction: column;
min-height: 100vh;
}
a {
color: #176cab;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 15.5px;
line-height: 1.6em;
border-left: 5px solid #eeeeee;
color: #7f7f7f;
}
div#old-browser-alert {
position: absolute;
background-color: #3e3e3e;
width: 100%;
height: 1000px;
z-index: 999;
color: white;
text-align: center;
}
header.default-header {
color: white;
background-color: rgba(34, 51, 67, 0);
}
header.default-header div.logo-container {
max-width: 20rem;
margin-top: 10px;
margin-bottom: 10px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
header.default-header div#main-menu-container {
min-width: 50rem;
}
header.default-header a,
header.default-header a.btn:not(.btn-empty) {
color: white;
}
header.default-header nav.link-container {
margin: 13px 0;
}
header.default-header nav.link-container .menu-link {
display: inline;
font-size: 14px;
margin-right: 20px;
}
header.default-header nav.link-container .menu-link .dropdown-menu {
margin-top: 20px;
}
header.default-header nav.link-container .menu-link .dropdown-menu a {
color: black;
}
header.default-header a:hover {
text-style: none;
color: #ecf0f1;
text-decoration: none;
}
header.default-header a#home-signup-btn {
margin-top: 20px;
margin-right: 5px;
}
header.default-header a#home-login-btn,
header.default-header a#login-btn {
margin-top: 20px;
}
header.default-header img#avatar-image {
border-radius: 18px;
margin-top: 6px;
width: 35px;
height: 35px;
}
header.default-header nav#public-main-navbar {
margin-bottom: 0;
}
header.default-header nav#public-main-navbar div.navbar-collapse {
-webkit-box-shadow: none;
box-shadow: 0;
}
header.default-header nav#public-main-navbar div.navbar-header div.navbar-brand {
padding: 3px 0;
}
header.default-header nav#public-main-navbar div.navbar-header button.navbar-toggle {
padding: 10px 0 0 0;
margin-bottom: 0;
margin-right: 0;
border-radius: 0;
}
header.default-header nav#public-main-navbar div.navbar-header button.navbar-toggle span.icon-bar {
background-color: white;
}
header.default-header nav#public-main-navbar ul#public-main-menu li {
padding: 20px 0 0 0;
display: block;
font-weight: 600;
}
header.default-header nav#public-main-navbar ul#public-main-menu li a {
font-size: 13px;
padding: 10px;
}
header.default-header nav#public-main-navbar ul#public-main-menu li a:hover,
header.default-header nav#public-main-navbar ul#public-main-menu li a:focus {
background-color: transparent;
}
header.private-header {
background-color: #0b3351;
}
a#home-link {
font-weight: 800;
font-size: 23px;
letter-spacing: -1px;
color: white;
}
a#home-link-negative {
font-weight: 800;
font-size: 32px;
letter-spacing: -2px;
color: #292e31;
}
div#public-private {
min-height: 500px;
}
footer#private-footer {
background-color: #2c3e50;
color: white;
padding: 20px;
margin-top: 50px;
}
footer#private-footer a {
color: white;
}
/*
* Public Common
*/
div#public-head-navigation {
font-weight: bold;
padding: 20px 0;
}
div#public-head-navigation a#public-head-navigation-section {
color: #5680a8;
text-transform: uppercase;
}
/*
* Conversion form(s)
*/
ol#registration-plus-list li {
color: #A94442;
margin-bottom: 10px;
text-align: left;
font-size: 20px;
padding-left: 10px;
list-style-image: url(/img/v6/check-green.svg);
}
ol#registration-plus-list li div.ads-plus-title {
color: #211717;
font-size: 17px;
}
ol#registration-plus-list li div.ads-plus-subtitle {
color: #7A7C82;
font-size: 15px;
padding-right: 20px;
}
/*
* Private (Layout)
*/
div#private-main-content {
min-height: 500px;
}
div#private-breadcrum {
font-size: 30px;
margin: 15px 0;
}
div#private-breadcrum .private-breadcrum-current {
word-wrap: break-word;
}
div#private-breadcrum small {
color: #aaa;
}
div#private-breadcrum div.private-breadcrum-subtitle {
font-size: 14px;
margin-top: 5px;
}
div#private-breadcrum div.private-breadcrum-subtitle > a.leaf:before {
content: ">";
color: grey;
padding-right: 2px;
padding-left: 2px;
}
nav#private-main-navbar-xs {
margin-bottom: 0;
}
nav#private-main-navbar-xs div.navbar-header div.navbar-brand {
padding: 0 15px;
}
nav#private-main-navbar-xs div.navbar-header button.navbar-toggle {
padding: 7px 0px 0px 0px;
border-radius: 0;
}
nav#private-main-navbar-xs div.navbar-header span.icon-bar {
background-color: white;
}
nav#private-main-navbar-xs div.navbar-collapse {
margin-top: 15px;
border-top: none;
-webkit-box-shadow: none;
}
nav#private-main-navbar-xs div.navbar-collapse a.menu-link i.glyphicon {
margin-right: 5px;
}
/*
* Phrase / Export phrases
*/
div#private-section-info-box {
margin-bottom: 35px;
}
div#private-section-info-box span.private-section-point {
font-size: 25px;
font-weight: bold;
text-align: center;
color: #3c6988;
}
div#private-section-info-box span.private-section-point-alt {
font-size: 25px;
font-weight: bold;
text-align: center;
color: #74c32d;
}
div#private-section-info-box span.private-section-description {
margin-left: 10px;
font-size: 17px;
}
/*
* Auth / index
*/
.clean-box {
background-color: white;
padding: 50px;
margin-bottom: 20px;
margin-top: 20px;
}
/*
* Queuer / Show
*/
pre.queuer-worker-log {
max-height: 200px;
overflow: auto;
}
/*
* Setting
*/
div#private-page-name {
background-color: white;
margin-bottom: 20px;
}
div#private-page-name h1 {
margin: 20px 0;
padding: 0;
}
div.menu-list-container ul li {
margin-bottom: 4px;
}
div.menu-list-container ul li a {
color: #777;
}
/*
* SettingsWizard / *
*/
div#settings-wizard-breadcrum-container ul li div.settings-wizard-breadcrum-step {
background: white;
padding: 5px 10px;
text-align: center;
border: 1px #ddd solid;
}
div#settings-wizard-breadcrum-container ul li.active div.settings-wizard-breadcrum-step {
font-weight: bold;
}
div#settings-wizard-breadcrum-container ul li.disabled div.settings-wizard-breadcrum-step {
color: #ccc;
}
h1#settings-wizard-title {
margin: 60px 0;
text-align: center;
}
form#settings-wizard-languages-form label.checkbox-inline {
width: 33%;
margin-left: 0;
}
/*
* ContextMatch
*/
.number-matched-box {
font-size: 30px;
color: #5680a8;
text-align: center;
padding: 30px;
font-weight: bold;
}
.number-matched-box small.subtitle {
font-size: 65%;
}
/*
* Admin
*/
h1.admin-graphs-group-title {
text-align: center;
font-weight: bold;
margin: 100px 0;
}
/*
* Intro.js override
*/
.introjs-helperNumberLayer {
width: 28px;
height: 28px;
}
.introjs-overlay {
z-index: 9;
}
.introjs-button {
font-size: 13px;
}
.introjs-button.introjs-nextbutton,
.introjs-button.introjs-nextbutton:focus,
.introjs-button.introjs-nextbutton:active {
background-image: none;
background-color: #5680a8;
text-shadow: none;
color: white;
}
/*
* Bootbox override
*/
div.bootbox-body {
margin-top: 20px;
}
div.alert-dialog-error .modal-title {
color: #711515;
font-weight: bold;
}
div.alert-dialog-error .modal-header {
background-color: #f1dcdc;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
div.alert-dialog-error div.bootbox-body {
margin-top: 0;
}
div.alert-dialog-error .modal-footer button.btn.btn-primary {
background-color: #711515;
border: 1px solid #711515;
}
div.alert-dialog-warning .modal-title {
color: #8a6d3b;
font-weight: bold;
}
div.alert-dialog-warning .modal-header {
background-color: #fcf8e3;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
div.alert-dialog-warning div.bootbox-body {
margin-top: 0;
}
div.alert-dialog-warning .modal-footer button.btn.btn-primary {
background-color: #8a6d3b;
}
div._hj-f5b2a1eb-9b07_pull_left {
display: none;
}
div.iubenda-tp-btn-container {
display: none;
}
/**
* Redokun Design System (seed)
* ----------------------------
* Ported from the redokun-frontend design system (Figma: "Onboarding
* improvements") into the legacy LESS pipeline. First consumed by the auth /
* registration pages, but written to be reusable app-wide.
*
* IMPORTANT — token scope at this stage:
* - We import ONLY a curated subset of the STABLE semantic tokens, exposed
* here as `--ds-*` CSS custom properties.
* - The frontend's `--rdk--*` token set is NOT imported at this stage.
* - The `.rdk-*` CLASS prefix below is a naming convention to make
* design-system components stand out. It is UNRELATED to the `--rdk--*`
* token namespace and does NOT imply those tokens exist here. Do not
* reference `--rdk--*` variables — they are not defined.
*
* Inter is loaded via a Google Fonts in layout/auth.twig (variable font);
* there is no @font-face here.
*/
/* ---------------- Tokens ---------------- */
:root {
/* Text */
--ds-color-text-primary: #06162c;
--ds-color-text-secondary: rgba(6, 22, 44, 0.7);
--ds-color-text-tertiary: rgba(6, 22, 44, 0.5);
--ds-color-text-disabled: rgba(6, 22, 44, 0.2);
--ds-color-text-inverse: #ffffff;
/* Brand / states */
--ds-color-primary: #1f6cdb;
--ds-color-primary-hover: #1956af;
--ds-color-primary-active: #4c89e2;
--ds-color-positive: #04724d;
--ds-color-negative: #e4563a;
--ds-color-negative-strong: #893423;
/* Borders & surfaces */
--ds-color-border: #dee4e9;
--ds-color-border-strong: #b5bfc8;
--ds-surface-bg: #f9fafb;
--ds-surface-elevated: #ffffff;
--ds-surface-accent: #edf3fd;
--ds-surface-success: #e6f1ed;
--ds-surface-error: #fceeeb;
/* Radii */
--ds-radius-xs: 4px;
--ds-radius-sm: 8px;
--ds-radius-md: 12px;
--ds-radius-lg: 24px;
/* Spacing scale (px) */
--ds-space-1: 2px;
--ds-space-2: 4px;
--ds-space-3: 8px;
--ds-space-4: 10px;
--ds-space-5: 12px;
--ds-space-6: 16px;
--ds-space-7: 20px;
--ds-space-8: 24px;
--ds-space-9: 28px;
--ds-space-10: 32px;
--ds-space-11: 36px;
--ds-space-12: 40px;
--ds-space-13: 44px;
--ds-space-14: 48px;
--ds-space-15: 52px;
--ds-space-16: 56px;
--ds-space-17: 60px;
--ds-space-18: 64px;
--ds-space-19: 68px;
--ds-space-20: 72px;
--ds-space-21: 76px;
--ds-space-22: 80px;
--ds-space-23: 84px;
/* Border & shadow */
--ds-border-width: 1px;
--ds-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
--ds-shadow-card: 0 1px 3px rgba(6, 22, 44, 0.08);
/* Typography */
--ds-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* ---------------- Layout chrome ---------------- */
.rdk-auth-shell {
font-family: var(--ds-font-sans);
color: var(--ds-color-text-primary);
background: var(--ds-surface-bg);
height: 100vh;
display: flex;
flex-direction: column;
}
.rdk-auth-shell__nav {
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 var(--ds-space-8);
background: var(--ds-surface-elevated);
}
.rdk-auth-shell__logo {
display: inline-flex;
align-items: center;
}
.rdk-auth-shell__logo img {
height: 24px;
width: auto;
display: block;
}
.rdk-auth-shell__nav-action {
display: flex;
align-items: center;
gap: var(--ds-space-3);
font-size: 14px;
line-height: 22px;
color: var(--ds-color-text-secondary);
}
.rdk-auth-shell__main {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
padding-bottom: var(--ds-space-12);
}
/* Preferred 80px gap between the nav and the card. It's a shrinkable flex spacer,
so when the card is tall / the viewport is short it collapses toward 0, letting
the card claim the vertical space instead of enforcing a hard gap. */
.rdk-auth-shell__main::before {
content: "";
flex-grow: 0;
flex-shrink: 1;
flex-basis: var(--ds-space-22);
}
.rdk-auth-shell__footer {
padding: var(--ds-space-8);
text-align: center;
color: var(--ds-color-text-tertiary);
font-size: 14px;
line-height: 22px;
}
/* Two-column (form + illustration) */
.rdk-auth-split {
flex: 1 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--ds-space-12);
max-width: 1120px;
width: 100%;
margin: 0 auto;
padding: var(--ds-space-12) var(--ds-space-8);
align-items: center;
}
.rdk-auth-split__form {
max-width: 420px;
width: 100%;
justify-self: center;
}
.rdk-auth-split__aside {
justify-self: center;
width: 100%;
}
@media (max-width: 860px) {
.rdk-auth-split {
grid-template-columns: 1fr;
gap: var(--ds-space-8);
}
.rdk-auth-split__aside {
display: none;
}
}
/* Single centered card */
.rdk-card {
background: var(--ds-surface-elevated);
border: var(--ds-border-width) solid var(--ds-color-border);
border-radius: var(--ds-radius-lg);
box-shadow: var(--ds-shadow-card);
padding: var(--ds-space-10);
max-width: 420px;
width: 100%;
margin: 0 auto;
flex: none;
}
/* Status icon above a card title (e.g. the activation-error page). */
.rdk-card__icon {
display: block;
width: 40px;
height: 40px;
margin-bottom: var(--ds-space-6);
}
/* ---------------- Typography ---------------- */
.rdk-title {
font-size: 30px;
line-height: 42px;
font-weight: 700;
margin: 0 0 var(--ds-space-3);
}
.rdk-subtitle {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--ds-color-text-secondary);
margin: 0 0 var(--ds-space-8);
}
.rdk-subtitle--tight {
margin-bottom: 0;
}
/* ---------------- Text color utilities ---------------- */
.rdk-text-primary {
color: var(--ds-color-text-primary);
}
.rdk-text-secondary {
color: var(--ds-color-text-secondary);
}
.rdk-text-tertiary {
color: var(--ds-color-text-tertiary);
}
/* ---------------- Vertical rhythm helper ---------------- */
.rdk-stack > * + * {
margin-top: var(--ds-space-6);
}
/* ---------------- Spacing utilities ---------------- */
/* Margin helpers mapped to the --ds-space-* scale (e.g. .rdk-mt-8 = 24px).
Prefer these over inline style="margin:..." for one-off spacing. */
.rdk-mt-0 {
margin-top: 0;
}
.rdk-mb-0 {
margin-bottom: 0;
}
.rdk-mt-1 {
margin-top: var(--ds-space-1);
}
.rdk-mb-1 {
margin-bottom: var(--ds-space-1);
}
.rdk-mt-2 {
margin-top: var(--ds-space-2);
}
.rdk-mb-2 {
margin-bottom: var(--ds-space-2);
}
.rdk-mt-3 {
margin-top: var(--ds-space-3);
}
.rdk-mb-3 {
margin-bottom: var(--ds-space-3);
}
.rdk-mt-4 {
margin-top: var(--ds-space-4);
}
.rdk-mb-4 {
margin-bottom: var(--ds-space-4);
}
.rdk-mt-5 {
margin-top: var(--ds-space-5);
}
.rdk-mb-5 {
margin-bottom: var(--ds-space-5);
}
.rdk-mt-6 {
margin-top: var(--ds-space-6);
}
.rdk-mb-6 {
margin-bottom: var(--ds-space-6);
}
.rdk-mt-7 {
margin-top: var(--ds-space-7);
}
.rdk-mb-7 {
margin-bottom: var(--ds-space-7);
}
.rdk-mt-8 {
margin-top: var(--ds-space-8);
}
.rdk-mb-8 {
margin-bottom: var(--ds-space-8);
}
.rdk-mt-9 {
margin-top: var(--ds-space-9);
}
.rdk-mb-9 {
margin-bottom: var(--ds-space-9);
}
.rdk-mt-10 {
margin-top: var(--ds-space-10);
}
.rdk-mb-10 {
margin-bottom: var(--ds-space-10);
}
.rdk-mt-11 {
margin-top: var(--ds-space-11);
}
.rdk-mb-11 {
margin-bottom: var(--ds-space-11);
}
.rdk-mt-12 {
margin-top: var(--ds-space-12);
}
.rdk-mb-12 {
margin-bottom: var(--ds-space-12);
}
.rdk-mt-13 {
margin-top: var(--ds-space-13);
}
.rdk-mb-13 {
margin-bottom: var(--ds-space-13);
}
.rdk-mt-14 {
margin-top: var(--ds-space-14);
}
.rdk-mb-14 {
margin-bottom: var(--ds-space-14);
}
.rdk-mt-15 {
margin-top: var(--ds-space-15);
}
.rdk-mb-15 {
margin-bottom: var(--ds-space-15);
}
.rdk-mt-16 {
margin-top: var(--ds-space-16);
}
.rdk-mb-16 {
margin-bottom: var(--ds-space-16);
}
.rdk-mt-17 {
margin-top: var(--ds-space-17);
}
.rdk-mb-17 {
margin-bottom: var(--ds-space-17);
}
.rdk-mt-18 {
margin-top: var(--ds-space-18);
}
.rdk-mb-18 {
margin-bottom: var(--ds-space-18);
}
.rdk-mt-19 {
margin-top: var(--ds-space-19);
}
.rdk-mb-19 {
margin-bottom: var(--ds-space-19);
}
.rdk-mt-20 {
margin-top: var(--ds-space-20);
}
.rdk-mb-20 {
margin-bottom: var(--ds-space-20);
}
.rdk-mt-21 {
margin-top: var(--ds-space-21);
}
.rdk-mb-21 {
margin-bottom: var(--ds-space-21);
}
.rdk-mt-22 {
margin-top: var(--ds-space-22);
}
.rdk-mb-22 {
margin-bottom: var(--ds-space-22);
}
.rdk-mt-23 {
margin-top: var(--ds-space-23);
}
.rdk-mb-23 {
margin-bottom: var(--ds-space-23);
}
/* Reset the auto-generated Bootstrap .form-group margins that formRow() emits,
so .rdk-stack / .rdk-mb-* on the wrappers fully control vertical rhythm.
Put on a parent (e.g. the form's .rdk-stack). */
.rdk-form-flush .form-group {
margin-bottom: 0;
}
/* ---------------- Form primitives ---------------- */
.rdk-field {
display: flex;
flex-direction: column;
}
.rdk-label {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: var(--ds-color-text-secondary);
margin-bottom: var(--ds-space-3);
}
.rdk-input {
font-family: var(--ds-font-sans);
font-size: 16px;
line-height: 24px;
color: var(--ds-color-text-primary);
background: var(--ds-surface-elevated);
border: var(--ds-border-width) solid var(--ds-color-border);
border-radius: var(--ds-radius-md);
padding: var(--ds-space-4) var(--ds-space-5);
width: 100%;
box-shadow: var(--ds-shadow-xs);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.rdk-input::placeholder {
color: var(--ds-color-text-tertiary);
}
.rdk-input:focus {
outline: none;
border-color: var(--ds-color-primary);
box-shadow: 0 0 0 3px var(--ds-surface-accent);
}
.rdk-field--error .rdk-input {
border-color: var(--ds-color-negative);
}
.rdk-field__error {
color: var(--ds-color-negative);
font-size: 14px;
line-height: 22px;
margin-top: var(--ds-space-3);
}
.rdk-field__error ul {
margin: 0;
padding-left: 1.1em;
}
/* ---------------- Buttons ---------------- */
.rdk-btn {
font-family: var(--ds-font-sans);
font-size: 16px;
line-height: 24px;
font-weight: 600;
border-radius: var(--ds-radius-md);
padding: var(--ds-space-4) var(--ds-space-7);
border: var(--ds-border-width) solid transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.rdk-btn--primary {
background: var(--ds-color-primary);
color: var(--ds-color-text-inverse);
}
.rdk-btn--primary:hover {
background: var(--ds-color-primary-hover);
color: var(--ds-color-text-inverse);
}
/* Pressed state matches hover (not the lighter primary-active) — a click should
not flash a lighter background. */
.rdk-btn--primary:active {
background: var(--ds-color-primary-hover);
}
.rdk-btn--primary[disabled],
.rdk-btn--primary:disabled {
background: var(--ds-color-text-disabled);
cursor: not-allowed;
}
/* Secondary: white surface + border. Compact size tuned for nav / secondary actions
(Figma: 14px text, ~36px tall). */
.rdk-btn--secondary {
background: var(--ds-surface-elevated);
border-color: var(--ds-color-border);
color: var(--ds-color-text-primary);
font-size: 14px;
line-height: 22px;
padding: var(--ds-space-3) var(--ds-space-5);
}
.rdk-btn--secondary:hover {
background: var(--ds-surface-bg);
color: var(--ds-color-text-primary);
border-color: var(--ds-color-border-strong);
}
/* Pressed state matches hover — a click should not flash a different background. */
.rdk-btn--secondary:active {
background: var(--ds-surface-bg);
color: var(--ds-color-text-primary);
border-color: var(--ds-color-border-strong);
}
/* Text button: no surface/border, primary-colored label. For inline text actions
(Figma: text-button/primary). */
.rdk-btn--text {
background: transparent;
border-color: transparent;
color: var(--ds-color-primary);
padding: var(--ds-space-2) 0;
}
.rdk-btn--text:hover {
background: transparent;
color: var(--ds-color-primary-hover);
text-decoration: underline;
}
/* Pressed state matches hover — a click should not flash a different color. */
.rdk-btn--text:active {
background: transparent;
color: var(--ds-color-primary-hover);
text-decoration: underline;
}
/* Size modifier (composes with any variant). */
.rdk-btn--sm {
font-size: 14px;
line-height: 22px;
}
.rdk-btn--block {
width: 100%;
}
/* ---------------- Links ---------------- */
.rdk-link {
color: var(--ds-color-primary);
font-weight: 500;
text-decoration: none;
}
.rdk-link:hover {
color: var(--ds-color-primary-hover);
text-decoration: underline;
}
/* ---------------- Focus / pointer interaction ---------------- */
/* Nav links and button-links are navigation controls, not selectable copy.
A pointer interaction (including a right-click, which opens the context menu)
must NOT leave the browser's default focus ring ("weird blue border") or a
text-selection highlight (white -> light-blue background) on them. Only
keyboard navigation shows a focus ring, via :focus-visible (accessibility). */
.rdk-auth-shell a,
.rdk-auth-shell button,
.rdk-auth-shell .rdk-btn {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.rdk-auth-shell a:focus:not(:focus-visible),
.rdk-auth-shell button:focus:not(:focus-visible),
.rdk-auth-shell .rdk-btn:focus:not(:focus-visible) {
outline: none;
}
.rdk-auth-shell a:focus-visible,
.rdk-auth-shell button:focus-visible,
.rdk-auth-shell .rdk-btn:focus-visible {
outline: 2px solid var(--ds-color-primary);
outline-offset: 2px;
border-radius: var(--ds-radius-xs);
}
/* ---------------- Badge / pill ---------------- */
.rdk-badge {
display: inline-flex;
align-items: center;
gap: var(--ds-space-2);
font-size: 12px;
line-height: 16px;
font-weight: 600;
padding: var(--ds-space-2) var(--ds-space-4);
border-radius: var(--ds-radius-xs);
}
.rdk-badge--success {
background: var(--ds-surface-success);
color: var(--ds-color-positive);
}
/* ---------------- Two fields side by side ---------------- */
.rdk-field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--ds-space-5);
}
@media (max-width: 480px) {
.rdk-field-row {
grid-template-columns: 1fr;
}
}
/* ---------------- Password constraints ---------------- */
/* The live validator (js/application/registration/index.js) toggles .green / .red
on each li[data-constraint]; the CSS keys on those classes (not .is-valid). */
.rdk-password-constraints {
display: flex;
gap: var(--ds-space-8);
margin-top: var(--ds-space-3);
}
.rdk-password-constraints ul {
list-style: none;
margin: 0;
padding: 0;
}
.rdk-password-constraints li {
font-size: 12px;
line-height: 18px;
color: var(--ds-color-text-tertiary);
position: relative;
padding-left: var(--ds-space-7);
}
/* Check icon (FE checkmark SVG) via mask so its color follows the li state
(tertiary by default, positive/negative when the validator toggles .green/.red). */
.rdk-password-constraints li::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 16px;
height: 16px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNi42NjY2NiAxMC4xMTQ3TDEyLjc5NDcgMy45ODYwMkwxMy43MzggNC45Mjg2OUw2LjY2NjY2IDEyTDIuNDI0IDcuNzU3MzZMMy4zNjY2NiA2LjgxNDY5TDYuNjY2NjYgMTAuMTE0N1oiIGZpbGw9IiM4MTg4OEYiLz48L3N2Zz4=") center / contain no-repeat;
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNi42NjY2NiAxMC4xMTQ3TDEyLjc5NDcgMy45ODYwMkwxMy43MzggNC45Mjg2OUw2LjY2NjY2IDEyTDIuNDI0IDcuNzU3MzZMMy4zNjY2NiA2LjgxNDY5TDYuNjY2NjYgMTAuMTE0N1oiIGZpbGw9IiM4MTg4OEYiLz48L3N2Zz4=") center / contain no-repeat;
}
.rdk-password-constraints li.green {
color: var(--ds-color-positive);
}
.rdk-password-constraints li.red {
color: var(--ds-color-negative);
}
/* ---------------- Captcha ---------------- */
/* formRow renders