@charset "UTF-8";
/**
 * Javascript Library
 * @version 2.1.0
 * @author biscuit
 * @since: 2.0.0 biscuit:使用新註解寫法，input-group-addon 去掉底色
 * @since: 2.1.0 biscuit:補上col-5th-1 不知為何不見了
 */

/*#region web-size*/
/*#region font-size*/
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-30 { font-size: 30px !important; }
.fs-35 { font-size: 35px !important; }
.fs-40 { font-size: 40px !important; }
.fs-45 { font-size: 45px !important; }
.fs-50 { font-size: 50px !important; }
.fs-55 { font-size: 55px !important; }
.fs-60 { font-size: 60px !important; }
.fs-65 { font-size: 65px !important; }
.fs-70 { font-size: 70px !important; }
.fs-75 { font-size: 75px !important; }
.fs-80 { font-size: 80px !important; }
.fs-90 { font-size: 90px !important; }
.fs-100 { font-size: 100px !important; }
.fs-120 { font-size: 120px !important; }
.fs-130 { font-size: 130px !important; }
.fs-140 { font-size: 140px !important; }
.fs-150 { font-size: 150px !important; }
.fs-200 { font-size: 200px !important; }
/*#endregion font-size*/

/*#region font-weight*/
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
/*#endregion font-weight*/

/*#region Margins*/
.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 1px !important; }
.mb-2 { margin-bottom: 2px !important; }
.mb-3 { margin-bottom: 3px !important; }
.mb-4 { margin-bottom: 4px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-6 { margin-bottom: 6px !important; }
.mb-7 { margin-bottom: 7px !important; }
.mb-8 { margin-bottom: 8px !important; }
.mb-9 { margin-bottom: 9px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-18 { margin-bottom: 18px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }
.mb-200 { margin-bottom: 200px !important; }
.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 1px !important; }
.mt-2 { margin-top: 2px !important; }
.mt-3 { margin-top: 3px !important; }
.mt-4 { margin-top: 4px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-6 { margin-top: 6px !important; }
.mt-7 { margin-top: 7px !important; }
.mt-8 { margin-top: 8px !important; }
.mt-9 { margin-top: 9px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-18 { margin-top: 18px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important; }
.mt-200 { margin-top: 200px !important; }
.ml-0 { margin-left: 0px !important; }
.ml-1 { margin-left: 1px !important; }
.ml-2 { margin-left: 2px !important; }
.ml-3 { margin-left: 3px !important; }
.ml-4 { margin-left: 4px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-6 { margin-left: 6px !important; }
.ml-7 { margin-left: 7px !important; }
.ml-8 { margin-left: 8px !important; }
.ml-9 { margin-left: 9px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-12 { margin-left: 12px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-18 { margin-left: 18px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; }
.ml-200 { margin-left: 200px !important; }
.mr-0 { margin-right: 0px !important; }
.mr-1 { margin-right: 1px !important; }
.mr-2 { margin-right: 2px !important; }
.mr-3 { margin-right: 3px !important; }
.mr-4 { margin-right: 4px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-6 { margin-right: 6px !important; }
.mr-7 { margin-right: 7px !important; }
.mr-8 { margin-right: 8px !important; }
.mr-9 { margin-right: 9px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-12 { margin-right: 12px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-18 { margin-right: 18px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-45 { margin-right: 45px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; }
.mr-200 { margin-right: 200px !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-6 { margin: 6px !important; }
.m-7 { margin: 7px !important; }
.m-8 { margin: 8px !important; }
.m-9 { margin: 9px !important; }
.m-10 { margin: 10px !important; }
.m-12 { margin: 12px !important; }
.m-15 { margin: 15px !important; }
.m-18 { margin: 18px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }
.m-45 { margin: 45px !important; }
.m-50 { margin: 50px !important; }
.m-60 { margin: 60px !important; }
.m-70 { margin: 70px !important; }
.m-80 { margin: 80px !important; }
.m-90 { margin: 90px !important; }
.m-100 { margin: 100px !important; }
.m-110 { margin: 110px !important; }
.m-120 { margin: 120px !important; }
.m-130 { margin: 130px !important; }
.m-140 { margin: 140px !important; }
.m-150 { margin: 150px !important; }
.m-200 { margin: 200px !important; }
.mh-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mh-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mh-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mh-40 { margin-left: 40px !important; margin-right: 40px !important; }
.mh-45 { margin-left: 45px !important; margin-right: 45px !important; }
.mh-50 { margin-left: 50px !important; margin-right: 50px !important; }
.mv-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mv-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
/*#endregion Margins*/

/*#region Paddings*/
.pb-0 { padding-bottom: 0px !important; }
.pb-1 { padding-bottom: 1px !important; }
.pb-2 { padding-bottom: 2px !important; }
.pb-3 { padding-bottom: 3px !important; }
.pb-4 { padding-bottom: 4px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-6 { padding-bottom: 6px !important; }
.pb-7 { padding-bottom: 7px !important; }
.pb-8 { padding-bottom: 8px !important; }
.pb-9 { padding-bottom: 9px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-18 { padding-bottom: 18px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-45 { padding-bottom: 45px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }
.pb-200 { padding-bottom: 200px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-1 { padding-top: 1px !important; }
.pt-2 { padding-top: 2px !important; }
.pt-3 { padding-top: 3px !important; }
.pt-4 { padding-top: 4px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-6 { padding-top: 6px !important; }
.pt-7 { padding-top: 7px !important; }
.pt-8 { padding-top: 8px !important; }
.pt-9 { padding-top: 9px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-18 { padding-top: 18px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }
.pt-200 { padding-top: 200px !important; }
.pl-0 { padding-left: 0px !important; }
.pl-1 { padding-left: 1px !important; }
.pl-2 { padding-left: 2px !important; }
.pl-3 { padding-left: 3px !important; }
.pl-4 { padding-left: 4px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-6 { padding-left: 6px !important; }
.pl-7 { padding-left: 7px !important; }
.pl-8 { padding-left: 8px !important; }
.pl-9 { padding-left: 9px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-12 { padding-left: 12px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-18 { padding-left: 18px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-35 { padding-left: 35px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-45 { padding-left: 45px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }
.pl-200 { padding-left: 200px !important; }
.pr-0 { padding-right: 0px !important; }
.pr-1 { padding-right: 1px !important; }
.pr-2 { padding-right: 2px !important; }
.pr-3 { padding-right: 3px !important; }
.pr-4 { padding-right: 4px !important; }
.pr-5 { padding-right: 5px !important; }
.pr-6 { padding-right: 6px !important; }
.pr-7 { padding-right: 7px !important; }
.pr-8 { padding-right: 8px !important; }
.pr-9 { padding-right: 9px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-12 { padding-right: 12px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-18 { padding-right: 18px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-35 { padding-right: 35px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-45 { padding-right: 45px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; }
.pr-150 { padding-right: 150px !important; }
.pr-200 { padding-right: 200px !important; }
.p-0 { padding: 0px !important; }
.p-1 { padding: 1px !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-6 { padding: 6px !important; }
.p-7 { padding: 7px !important; }
.p-8 { padding: 8px !important; }
.p-9 { padding: 9px !important; }
.p-10 { padding: 10px !important; }
.p-12 { padding: 12px !important; }
.p-15 { padding: 15px !important; }
.p-18 { padding: 18px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }
.p-60 { padding: 60px !important; }
.p-70 { padding: 70px !important; }
.p-80 { padding: 80px !important; }
.p-90 { padding: 90px !important; }
.p-100 { padding: 100px !important; }
.p-110 { padding: 110px !important; }
.p-120 { padding: 120px !important; }
.p-130 { padding: 130px !important; }
.p-140 { padding: 140px !important; }
.p-150 { padding: 150px !important; }
.p-200 { padding: 200px !important; }
.ph-10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph-20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph-30 { padding-left: 30px !important; padding-right: 30px !important; }
.ph-40 { padding-left: 40px !important; padding-right: 40px !important; }
.ph-45 { padding-left: 45px !important; padding-right: 45px !important; }
.ph-50 { padding-left: 50px !important; padding-right: 50px !important; }
.pv-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pv-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
/*#endregion Paddings*/

/*#region borders*/
.b-0 { border: 0 !important; }
.bb-0 { border-bottom: 0 !important; }
.bb-1 { border-bottom: 1px !important; }
.bb-2 { border-bottom: 2px !important; }
.bt-0 { border-top: 0 !important; }
.bt-1 { border-top: 1px !important; }
.bt-2 { border-top: 2px !important; }
.bl-0 { border-left: 0 !important; }
.br-0 { border-right: 0 !important; }
.bw-0 { border-width: 0px !important; }
.bw-1 { border-width: 1px !important; }
.bw-2 { border-width: 2px !important; }
.bw-3 { border-width: 3px !important; }
.bw-4 { border-width: 4px !important; }
.bw-5 { border-width: 5px !important; }
.bw-10 { border-width: 10px !important; }
.btw-0 { border-top-width: 0px !important; }
.btw-1 { border-top-width: 1px !important; }
.btw-2 { border-top-width: 2px !important; }
.btw-3 { border-top-width: 3px !important; }
.btw-4 { border-top-width: 4px !important; }
.btw-5 { border-top-width: 5px !important; }
.btw-10 { border-top-width: 10px !important; }
.bbw-0 { border-bottom-width: 0px !important; }
.bbw-1 { border-bottom-width: 1px !important; }
.bbw-2 { border-bottom-width: 2px !important; }
.bbw-3 { border-bottom-width: 3px !important; }
.bbw-4 { border-bottom-width: 4px !important; }
.bbw-5 { border-bottom-width: 5px !important; }
.bbw-10 { border-bottom-width: 10px !important; }
.blw-0 { border-left-width: 0px !important; }
.blw-1 { border-left-width: 1px !important; }
.blw-2 { border-left-width: 2px !important; }
.blw-3 { border-left-width: 3px !important; }
.blw-4 { border-left-width: 4px !important; }
.blw-5 { border-left-width: 5px !important; }
.blw-10 { border-left-width: 10px !important; }
.brw-0 { border-right-width: 0px !important; }
.brw-1 { border-right-width: 1px !important; }
.brw-2 { border-right-width: 2px !important; }
.brw-3 { border-right-width: 3px !important; }
.brw-4 { border-right-width: 4px !important; }
.brw-5 { border-right-width: 5px !important; }
.brw-10 { border-right-width: 10px !important; }
/*#endregion border*/

/*#region width*/
.w-1 { width: 1px !important; }
.w-2 { width: 2px !important; }
.w-3 { width: 3px !important; }
.w-4 { width: 4px !important; }
.w-5 { width: 5px !important; }
.w-6 { width: 6px !important; }
.w-7 { width: 7px !important; }
.w-8 { width: 8px !important; }
.w-9 { width: 9px !important; }
.w-10 { width: 10px !important; }
.w-15 { width: 15px !important; }
.w-20 { width: 20px !important; }
.w-25 { width: 25px !important; }
.w-30 { width: 30px !important; }
.w-35 { width: 35px !important; }
.w-40 { width: 40px !important; }
.w-45 { width: 45px !important; }
.w-50 { width: 50px !important; }
.w-55 { width: 55px !important; }
.w-60 { width: 60px !important; }
.w-65 { width: 65px !important; }
.w-70 { width: 70px !important; }
.w-75 { width: 75px !important; }
.w-80 { width: 80px !important; }
.w-85 { width: 85px !important; }
.w-90 { width: 90px !important; }
.w-95 { width: 95px !important; }
.w-100 { width: 100px !important; }
.w-110 { width: 110px !important; }
.w-120 { width: 120px !important; }
.w-130 { width: 130px !important; }
.w-140 { width: 140px !important; }
.w-150 { width: 150px !important; }
.w-160 { width: 160px !important; }
.w-170 { width: 170px !important; }
.w-180 { width: 180px !important; }
.w-190 { width: 190px !important; }
.w-200 { width: 200px !important; }
.w-250 { width: 250px !important; }
.w-300 { width: 300px !important; }
.w-350 { width: 350px !important; }
.w-400 { width: 400px !important; }
.w-450 { width: 450px !important; }
.w-500 { width: 500px !important; }
.w-550 { width: 550px !important; }
.w-600 { width: 600px !important; }
.w-650 { width: 650px !important; }
.w-700 { width: 700px !important; }
.w-750 { width: 750px !important; }
.w-800 { width: 800px !important; }
.w-100p { width: 100% !important; }
.w-95p { width: 95% !important; }
.w-90p { width: 90% !important; }
.w-85p { width: 85% !important; }
.w-80p { width: 80% !important; }
.w-75p { width: 75% !important; }
.w-70p { width: 70% !important; }
.w-65p { width: 65% !important; }
.w-60p { width: 60% !important; }
.w-55p { width: 55% !important; }
.w-50p { width: 50% !important; }
.w-45p { width: 45% !important; }
.w-40p { width: 40% !important; }
.w-35p { width: 35% !important; }
.w-33p { width: 33% !important; }
.w-30p { width: 30% !important; }
.w-25p { width: 25% !important; }
.w-20p { width: 20% !important; }
.w-15p { width: 15% !important; }
.w-10p { width: 10% !important; }
.w-5p { width: 5% !important; }
/*#endregion width*/

/*#region height*/
.h-1 { height: 1px !important; }
.h-2 { height: 2px !important; }
.h-3 { height: 3px !important; }
.h-4 { height: 4px !important; }
.h-5 { height: 5px !important; }
.h-6 { height: 6px !important; }
.h-7 { height: 7px !important; }
.h-8 { height: 8px !important; }
.h-9 { height: 9px !important; }
.h-10 { height: 10px !important; }
.h-15 { height: 15px !important; }
.h-20 { height: 20px !important; }
.h-25 { height: 25px !important; }
.h-30 { height: 30px !important; }
.h-35 { height: 35px !important; }
.h-40 { height: 40px !important; }
.h-45 { height: 45px !important; }
.h-50 { height: 50px !important; }
.h-55 { height: 55px !important; }
.h-60 { height: 60px !important; }
.h-65 { height: 65px !important; }
.h-70 { height: 70px !important; }
.h-75 { height: 75px !important; }
.h-80 { height: 80px !important; }
.h-85 { height: 85px !important; }
.h-90 { height: 90px !important; }
.h-95 { height: 95px !important; }
.h-100 { height: 100px !important; }
.h-110 { height: 110px !important; }
.h-120 { height: 120px !important; }
.h-130 { height: 130px !important; }
.h-140 { height: 140px !important; }
.h-150 { height: 150px !important; }
.h-160 { height: 160px !important; }
.h-170 { height: 170px !important; }
.h-180 { height: 180px !important; }
.h-190 { height: 190px !important; }
.h-200 { height: 200px !important; }
.h-250 { height: 250px !important; }
.h-300 { height: 300px !important; }
.h-350 { height: 350px !important; }
.h-400 { height: 400px !important; }
.h-450 { height: 450px !important; }
.h-500 { height: 500px !important; }
.h-550 { height: 550px !important; }
.h-600 { height: 600px !important; }
.h-650 { height: 650px !important; }
.h-700 { height: 700px !important; }
.h-750 { height: 750px !important; }
.h-800 { height: 800px !important; }
.h-100p { height: 100vh !important; }
.h-95p { height: 95vh !important; }
.h-90p { height: 90vh !important; }
.h-85p { height: 85vh !important; }
.h-80p { height: 80vh !important; }
.h-75p { height: 75vh !important; }
.h-70p { height: 70vh !important; }
.h-65p { height: 65vh !important; }
.h-60p { height: 60vh !important; }
.h-55p { height: 55vh !important; }
.h-50p { height: 50vh !important; }
.h-45p { height: 45vh !important; }
.h-40p { height: 40vh !important; }
.h-35p { height: 35vh !important; }
.h-33p { height: 33vh !important; }
.h-30p { height: 30vh !important; }
.h-25p { height: 25vh !important; }
.h-20p { height: 20vh !important; }
.h-15p { height: 15vh !important; }
.h-10p { height: 10vh !important; }
.h-5p { height: 5vh !important; }
/*#endregion height*/

/*#region border-radius*/
.rad-3 {
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.rad-4 {
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}
.rad-6 {
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}
.rad-8 {
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}
.rad-10 {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.rad-100p {
    -webkit-border-radius: 100% !important;
    border-radius: 100% !important;
}

.rad-0 {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.rad-tl-0 { /* radius top left */
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.rad-tr-0 { /* radius top right */
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.rad-bl-0 { /* radius bottom left */
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.rad-br-0 { /* radius bottom right */
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/*#endregion border-radius*/

/*#region line-height*/
.line-height-0 { line-height: 0 !important; }
.line-height-10 { line-height: 10px !important; }
.line-height-20 { line-height: 20px !important; }
.line-height-30 { line-height: 30px !important; }
.line-height-40 { line-height: 40px !important; }
.line-height-50 { line-height: 50px !important; }
.line-height-60 { line-height: 60px !important; }
.line-height-70 { line-height: 70px !important; }
.line-height-80 { line-height: 80px !important; }
.line-height-90 { line-height: 90px !important; }
.line-height-100 { line-height: 100px !important; }
/*#endregion line-height*/

/*#region mobile*/
@media only screen and (max-width: 768px) {
    .block-xs { display: block !important; float: none !important; }
    .pl-xs-0 { padding-left: 0 !important; }
    .pr-xs-0 { padding-right: 0 !important; }
    .pt-xs-0 { padding-top: 0 !important; }
    .pb-xs-0 { padding-bottom: 0 !important; }
    .p-xs-0 { padding: 0 !important; }
    .ml-xs-0 { margin-left: 0 !important; }
    .mr-xs-0 { margin-right: 0 !important; }
    .mt-xs-0 { margin-top: 0 !important; }
    .mb-xs-0 { margin-bottom: 0 !important; }
    .m-xs-0 { margin: 0 !important; }
    .rad-xs-0 {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    .pagination li a {
        padding: 6px 6px;
    }
}
@media (min-width: 768px) {
    .text-right-sm {
        text-align: right;
    }
}
/*#endregion mobile*/
/*#endregion web-size*/

/*#region web-control*/

/*#region absolute/fixed position*/
.top-left {
    top: 0; bottom: auto;
    left: 0; right: auto;
}
.top-right {
    top: 0; bottom: auto;
    left: auto; right: 0;
}
.bottom-left {
    top: auto; bottom: 0;
    left: 0; right: auto;
}
.bottom-right {
    top: auto; bottom: 0;
    left: auto; right: 0;
}
.top-center {
    top: 0; bottom: auto;
    left: auto; right: auto;
}
.bottom-center {
    top: auto; bottom: 0;
    left: auto; right: auto;
}
.position-bottom {
    top: auto;
    bottom: 0;
}
.position-top {
    top: 0;
    bottom: auto;
}
/*#endregion absolute/fixed position*/

/*#region opacity*/
.opacity-0 { filter: Alpha(Opacity=0) !important; opacity: 0 !important; }
.opacity-1 { filter: Alpha(Opacity=10) !important; opacity: 0.1 !important; }
.opacity-2 { filter: Alpha(Opacity=20) !important; opacity: 0.2 !important; }
.opacity-3 { filter: Alpha(Opacity=30) !important; opacity: 0.3 !important; }
.opacity-4 { filter: Alpha(Opacity=40) !important; opacity: 0.4 !important; }
.opacity-5 { filter: Alpha(Opacity=50) !important; opacity: 0.5 !important; }
.opacity-6 { filter: Alpha(Opacity=60) !important; opacity: 0.6 !important; }
.opacity-7 { filter: Alpha(Opacity=70) !important; opacity: 0.7 !important; }
.opacity-8 { filter: Alpha(Opacity=80) !important; opacity: 0.8 !important; }
.opacity-9 { filter: Alpha(Opacity=90) !important; opacity: 0.9 !important; }
.opacity-10 { filter: Alpha(Opacity=100) !important; opacity: 1 !important; }
/*#endregion opacity*/

.img-responsive { display: block; max-width: 100%; height: auto; }
.strong { font-weight: bold !important; }
.hr-min { margin: 8px 0 0 0 !important; }
.no-full { display: inline; width: auto; }
.breakAll { word-break: break-all; }
.hidden { display: none !important; visibility: hidden !important; }
mark.highlight { background: #ffaa30; }
/* 清除底線(ex: a) */
.decoration-clear { text-decoration: none !important; }
/* input 提示字 */
.form-group i.placeholder { position: absolute; color: #999; right: 30px; top: 10px; }
.form-group i.placeholder.r-10 { right: 40px; }
.clear-both { clear: both; }
.display-block { display: block; }
/* 原本的 */
.no-bg { background: transparent; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.no-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.font-style-italic { font-style: italic; }
.font-style-normal { font-style: normal; }
.pointer { cursor: pointer; }
.block { display: block !important; }
.block-inline { display: inline-block !important; }
.inline-block { display: inline-block !important; }
.bold { font-weight: bold !important; }
.fullwidth { width: 100% !important; max-width: 100% !important; }
.halfwidth { width: 50% !important; }
.justify { text-align: justify; }
.relative { position: relative; }
.absolute { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.no-shadow { box-shadow: none !important; text-shadow: none !important; }
.float-right { float: right;}
.float-left { float: left; }
.no-float { float: none !important; }
.display-table { display: table; width: 100%; height: 100%; position: relative; z-index: 99; }
.display-table-cell { display: table-cell; width: 100%; height: 100%; }
.vertical-align-middle { vertical-align: middle; }
.txt-no-decoration { text-decoration: none !important; }
.hide { display: none; }
img.float-left { margin: 0 20px 10px 0; }
img.float-right { margin: 0 0 10px 20px; }
/*ul > li > i { margin-right: 10px; }*/
.text-underline { text-decoration: underline !important; }
.no-text-underline, .no-text-decoration { text-decoration: none; }
.line-through { text-decoration: line-through; }
/*.btn > i { padding-right: 6px; }*/
video.fullvideo { width: 100%; height: 100%; }
.no-rtl { direction: ltr; }
.rtl { direction: rtl; }
.ltr { direction: ltr; }
.z-index-0 { z-index: 0 !important; }
.z-index-1 { z-index: 1 !important; }
/* break words */
.break-word {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}
/* No Tramsition */
.no-transition {
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}
/* ellipsis */
.elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* no selectrion */
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* text vertical */
.text-vertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media only screen and (max-width: 960px) {
    .text-vertical {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}
@media only screen and (max-width: 760px) {
    .text-xs-center { text-align: center !important; }
    .no-float-xs { float: none !important; }
    .no-margin-xs, .m-0-xs { margin: 0 !important; }
    .no-section-sm, .p-0-xs { padding: 0 !important; }
    .block-xs { display: block !important; }
    .btn-lg-xs { display: block !important; width: 100% !important; }
}
/*#region bootstrap 5 columns */
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left;
}
.col-5-th {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 768px) {
    .col-sm-5th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-lg-5th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media only screen and (max-width: 992px) {
    .col-md-5th {
        width: 33%;
        float: none;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
    .col-md-5th.col-sm-5th {
        width: 20%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media only screen and (max-width: 769px) {
    .col-md-5th.col-sm-5th {
        width: 50%;
        float: none;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
/*#endregion bootstrap 5 columns */

/*#region new bootstrap 5 columns */
.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4,
.col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4,
.col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4,
.col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 { float: left; }
.col-xs-5th-5 { float: left; width: 100%; }
.col-xs-5th-4 { width: 80%; }
.col-xs-5th-3 { width: 60%; }
.col-xs-5th-2 { width: 40%; }
.col-xs-5th-1 { width: 20%; }
.col-xs-5th-pull-5 { right: 100%; }
.col-xs-5th-pull-4 { right: 80%; }
.col-xs-5th-pull-3 { right: 60%; }
.col-xs-5th-pull-2 { right: 40%; }
.col-xs-5th-pull-1 { right: 20%; }
.col-xs-5th-pull-0 { right: auto; }
.col-xs-5th-push-5 { left: 100%; }
.col-xs-5th-push-4 { left: 80%; }
.col-xs-5th-push-3 { left: 60%; }
.col-xs-5th-push-2 { left: 40%; }
.col-xs-5th-push-1 { left: 20%; }
.col-xs-5th-push-0 { left: auto; }
.col-xs-5th-offset-5 { margin-left: 100%; }
.col-xs-5th-offset-4 { margin-left: 80%; }
.col-xs-5th-offset-3 { margin-left: 60%; }
.col-xs-5th-offset-2 { margin-left: 40%; }
.col-xs-5th-offset-1 { margin-left: 20%; }
.col-xs-5th-offset-0 { margin-left: 0%; }
@media (min-width: 768px) {
    .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 { float: left; }
    .col-sm-5th-5 { float: left; width: 100%; }
    .col-sm-5th-4 { width: 80%; }
    .col-sm-5th-3 { width: 60%; }
    .col-sm-5th-2 { width: 40%; }
    .col-sm-5th-1 { width: 20%; }
    .col-sm-5th-pull-5 { right: 100%; }
    .col-sm-5th-pull-4 { right: 80%; }
    .col-sm-5th-pull-3 { right: 60%; }
    .col-sm-5th-pull-2 { right: 40%; }
    .col-sm-5th-pull-1 { right: 20%; }
    .col-sm-5th-pull-0 { right: auto; }
    .col-sm-5th-push-5 { left: 100%; }
    .col-sm-5th-push-4 { left: 80%; }
    .col-sm-5th-push-3 { left: 60%; }
    .col-sm-5th-push-2 { left: 40%; }
    .col-sm-5th-push-1 { left: 20%; }
    .col-sm-5th-push-0 { left: auto; }
    .col-sm-5th-offset-5 { margin-left: 100%; }
    .col-sm-5th-offset-4 { margin-left: 80%; }
    .col-sm-5th-offset-3 { margin-left: 60%; }
    .col-sm-5th-offset-2 { margin-left: 40%; }
    .col-sm-5th-offset-1 { margin-left: 20%; }
    .col-sm-5th-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) {
    .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 { float: left; }
    .col-md-5th-5 { float: left; width: 100%; }
    .col-md-5th-4 { width: 80%; }
    .col-md-5th-3 { width: 60%; }
    .col-md-5th-2 { width: 40%; }
    .col-md-5th-1 { width: 20%; }
    .col-md-5th-pull-5 { right: 100%; }
    .col-md-5th-pull-4 { right: 80%; }
    .col-md-5th-pull-3 { right: 60%; }
    .col-md-5th-pull-2 { right: 40%; }
    .col-md-5th-pull-1 { right: 20%; }
    .col-md-5th-pull-0 { right: auto; }
    .col-md-5th-push-5 { left: 100%; }
    .col-md-5th-push-4 { left: 80%; }
    .col-md-5th-push-3 { left: 60%; }
    .col-md-5th-push-2 { left: 40%; }
    .col-md-5th-push-1 { left: 20%; }
    .col-md-5th-push-0 { left: auto; }
    .col-md-5th-offset-5 { margin-left: 100%; }
    .col-md-5th-offset-4 { margin-left: 80%; }
    .col-md-5th-offset-3 { margin-left: 60%; }
    .col-md-5th-offset-2 { margin-left: 40%; }
    .col-md-5th-offset-1 { margin-left: 20%; }
    .col-md-5th-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) {
    .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 { float: left; }
    .col-lg-5th-5 { float: left; width: 100%; }
    .col-lg-5th-4 { width: 80%; }
    .col-lg-5th-3 { width: 60%; }
    .col-lg-5th-2 { width: 40%; }
    .col-lg-5th-1 { width: 20%; }
    .col-lg-5th-pull-5 { right: 100%; }
    .col-lg-5th-pull-4 { right: 80%; }
    .col-lg-5th-pull-3 { right: 60%; }
    .col-lg-5th-pull-2 { right: 40%; }
    .col-lg-5th-pull-1 { right: 20%; }
    .col-lg-5th-pull-0 { right: auto; }
    .col-lg-5th-push-5 { left: 100%; }
    .col-lg-5th-push-4 { left: 80%; }
    .col-lg-5th-push-3 { left: 60%; }
    .col-lg-5th-push-2 { left: 40%; }
    .col-lg-5th-push-1 { left: 20%; }
    .col-lg-5th-push-0 { left: auto; }
    .col-lg-5th-offset-5 { margin-left: 100%; }
    .col-lg-5th-offset-4 { margin-left: 80%; }
    .col-lg-5th-offset-3 { margin-left: 60%; }
    .col-lg-5th-offset-2 { margin-left: 40%; }
    .col-lg-5th-offset-1 { margin-left: 20%; }
    .col-lg-5th-offset-0 { margin-left: 0%; }
}
/*#endregion new bootstrap 5 columns */

/*#endregion web-control*/

/*#region web-color*/

/*#region Backgrounds color*/
.bg-navy { background-color: #001F3F; }
.bg-blue { background-color: #0074D9; }
.bg-aqua { background-color: #7FDBFF; }
.bg-teal { background-color: #39CCCC; }
.bg-olive { background-color: #3D9970; }
.bg-green { background-color: #2ECC40; }
.bg-lime { background-color: #01FF70; }
.bg-yellow { background-color: #FFDC00; }
.bg-orange { background-color: #FF851B; }
.bg-red { background-color: #FF4136; }
.bg-fuchsia { background-color: #F012BE; }
.bg-purple { background-color: #B10DC9; }
.bg-maroon { background-color: #85144B; }
.bg-white { background-color: #fff; }
.bg-gray { background-color: #aaa; }
.bg-silver { background-color: #ddd; }
.bg-black { background-color: #111; }
.bg-gold { background-color: #c7ac56; }
/*#endregion Backgrounds color*/

/*#region text color*/
.color-gray { color: #c6c6c6; }
.color-danger { color: #d73d32; }
.color-warning { color: #e38d13; }
.color-info { color: #28a4c9; }
.color-primary { color: #245580; }
.color-success { color: #02B700; }
.color-white { color: #fff; }
.color-black { color: #111; }
.color-gold { color: #c7ac56; }
/*#endregion text color*/

/*#region color*/
.color-blue, .prompt-color-blue { color: #70bafd; }
.color-gray, .prompt-color-gray { color: #aaaaaa; }
.color-black, .prompt-color-black, .prompt-color-0, .prompt-color-15, .prompt-color-30 { color: #000000; }
.prompt-color-red, .prompt-color-1, .prompt-color-16, .prompt-color-31 { color: #ff0000; }
.prompt-color-2, .prompt-color-17, .prompt-color-32 { color: #ff8000; }
.prompt-color-3, .prompt-color-18, .prompt-color-33 { color: #d8b800; }
.prompt-color-4, .prompt-color-19, .prompt-color-34 { color: #00ff00; }
.color-dark-blue, .prompt-color-dark-blue, .prompt-color-5, .prompt-color-20, .prompt-color-35 { color: #0000ff; }
.prompt-color-6, .prompt-color-21, .prompt-color-36 { color: #ff00ff; }
.prompt-color-7, .prompt-color-22, .prompt-color-37 { color: #8000ff; }
.prompt-color-8, .prompt-color-23, .prompt-color-38 { color: #bb0040; }
.prompt-color-9, .prompt-color-24, .prompt-color-39 { color: #ff4000; }
.prompt-color-10, .prompt-color-25, .prompt-color-40 { color: #aaaa00; }
.prompt-color-11, .prompt-color-26, .prompt-color-41 { color: #00aa00; }
.prompt-color-12, .prompt-color-27, .prompt-color-42 { color: #0000aa; }
.prompt-color-13, .prompt-color-28, .prompt-color-43 { color: #aa00ff; }
.prompt-color-14, .prompt-color-29, .prompt-color-44 { color: #8000aa; }
/*#endregion color*/

/*#region border color*/
.border-navy { border-color: #001F3F; }
.border-blue { border-color: #0074D9; }
.border-aqua { border-color: #7FDBFF; }
.border-teal { border-color: #39CCCC; }
.border-olive { border-color: #3D9970; }
.border-green { border-color: #2ECC40; }
.border-lime { border-color: #01FF70; }
.border-yellow { border-color: #FFDC00; }
.border-orange { border-color: #FF851B; }
.border-red { border-color: #FF4136; }
.border-fuchsia { border-color: #F012BE; }
.border-purple { border-color: #B10DC9; }
.border-maroon { border-color: #85144B; }
.border-white { border-color: #fff; }
.border-gray { border-color: #aaa; }
.border-silver { border-color: #ddd; }
.border-black { border-color: #111; }
.border-gold { border-color: #c7ac56;; }
/*#endregion border color*/
/*#endregion web-color*/

/*#region Button*/
.a-link, .a-link-blank { cursor: pointer; }
.control-tools .btn { margin: 0 0 6px 0; padding: 6px 12px; }
/*.btn i { margin-right: 4px; }*/
/*#region Button Sizes*/
.btn-xs {
    font-size: 11px;
    /*padding: 2px 7px;*/
    padding: 1px 5px;
    margin: 0 0 6px 0;
}
.btn-xs > .fa,
.btn-xs > .typcn,
.btn-xs > .glyphicon,
.btn-xs > [class*="wi-"] {
    font-size: 12px;
    margin-right: 2px;
}
.btn-xs > .fa.right,
.btn-xs > .typcn.right,
.btn-xs > .glyphicon.right,
.btn-xs > [class*="wi-"].right {
    margin-right: 0;
    margin-left: 2px;
}
.btn-xs.icon-only {
    width: 24px;
    height: 24px;
    padding: 2px 6px;
}
.btn-xs.icon-only > .fa,
.btn-xs.icon-only > .typcn,
.btn-xs.icon-only > .glyphicon,
.btn-xs.icon-only > [class*="wi-"] {
    font-size: 12px;
    line-height: 7px;
}
.btn-sm {
    font-size: 12px;
    padding: 4px 9px;
    line-height: 1.39;
}
.btn-sm > .fa,
.btn-sm > .typcn,
.btn-sm > .glyphicon,
.btn-sm > [class*="wi-"] {
    font-size: 13px;
    margin-right: 3px;
}
.btn-sm > .fa.right,
.btn-sm > .typcn.right,
.btn-sm > .glyphicon.right,
.btn-sm > [class*="wi-"].right {
    margin-right: 0;
    margin-left: 3px;
}
.btn-sm.icon-only {
    width: 31px;
    height: 30px;
    padding: 3px !important;
}
.btn-sm.icon-only > .fa,
.btn-sm.icon-only > .typcn,
.btn-sm.icon-only > .glyphicon,
.btn-sm.icon-only > [class*="wi-"] {
    font-size: 20px;
    line-height: 21px;
}
.btn-lg {
    line-height: 1.35;
    padding: 9px 18px;
    font-size: 14px;
}
.btn-lg.icon-only {
    width: 40px;
    height: 38px;
    padding: 6px !important;
}
.btn-lg.icon-only > .fa,
.btn-lg.icon-only > .typcn,
.btn-lg.icon-only > .glyphicon,
.btn-lg.icon-only > [class*="wi-"] {
    font-size: 24px;
    line-height: 26px;
}
.btn-lg > .fa,
.btn-lg > .typcn,
.btn-lg > .glyphicon,
.btn-lg > [class*="wi-"] {
    font-size: 16px;
    margin-right: 6px;
}
.btn-lg > .fa.right,
.btn-lg > .typcn.right,
.btn-lg > .glyphicon.right,
.btn-lg > [class*="wi-"].right {
    margin-right: 0;
    margin-left: 6px;
}
/*#endregion Button Sizes*/
/*#region Default Button*/
/*
.btn-default,
.btn-default:focus {
    color: #444444;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default:hover {
    color: #444444;
}
.btn-default.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #ffffff 0, #ededed 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0, #ededed 100%);
    background-image: -o-linear-gradient(top, #ffffff 0, #ededed 100%);
    background-image: linear-gradient(to bottom, #ffffff 0, #ededed 100%);
}
.btn-default.dropdown-toggle:not(:first-child) {
    border-left-width: 0 !important;
    margin-left: -1px;
}
.btn-default:hover,
.open .btn-default.dropdown-toggle {
    border-color: #b8b8b8;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.open .btn-default.dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
*/
/*#endregion Default Button*/
/*#region Primary Button*/
.btn-primary,
.btn-primary:focus {
    background-color: #427fed;
    border-color: #427fed;
    color: #ffffff;
}
.btn-primary:hover {
    color: #ffffff;
}
.btn-primary.dropdown-toggle {
    border-left-color: #6a99ee;
}
.btn-primary.active {
    background-color: #2c56b1;
    border-color: #21448d;
}
.btn-primary.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMwMDk1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(center top, #0095ff 5%, #005eff 100%);
    background-image: -moz-linear-gradient(center top, #0095ff 5%, #005eff 100%);
    background-image: -o-linear-gradient(center top, #0095ff 5%, #005eff 100%);
    background-image: linear-gradient(center to bottom, #0095ff 5%, #005eff 100%);
}
.btn-primary:hover,
.open .btn-primary.dropdown-toggle {
    background-color: #4285f4;
    border-color: #427fed;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #427fed;
    border-color: #427fed;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion Primary Button*/
/*#region info Button*/
.btn-info,
.btn-info:focus {
    background-color: #57b5e3;
    border-color: #57b5e3;
    color: #ffffff;
}
.btn-info:hover {
    color: #ffffff;
}
.btn-info.dropdown-toggle {
    border-left-color: #8bcdee;
}
.btn-info.active {
    background-color: #5fa6d3;
    border-color: #4396cb;
}
.btn-info.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGFkZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzhhNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#00adee), to(#0078a5));
}
.btn-info:hover,
.open .btn-info.dropdown-toggle {
    background-color: #6abce2;
    border-color: #6abce2;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #57b5e3;
    border-color: #57b5e3;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion info Button*/
/*#region Success Button*/
.btn-success,
.btn-success:focus {
    background-color: #53a93f;
    border-color: #53a93f;
    color: #ffffff;
}
.btn-success:hover {
    color: #ffffff;
}
.btn-success.dropdown-toggle {
    border-left-color: #a0d468;
}
.btn-success.active {
    background-color: #3e802f;
    border-color: #2f6124;
}
.btn-success.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZGI3MmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlN2QwZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#7db72f), to(#4e7d0e));
}
.btn-success:hover,
.open .btn-success.dropdown-toggle {
    background-color: #65b951;
    border-color: #65b951;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #53a93f;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion Success Button*/
/*#region Warning Button*/
.btn-warning,
.btn-warning:focus {
    background-color: #f4b400;
    border-color: #f4b400;
    color: #ffffff;
}
.btn-warning:hover {
    color: #ffffff;
}
.btn-warning.dropdown-toggle {
    border-left-color: #ffce55;
}
.btn-warning.active {
    background-color: #f2a73e;
    border-color: #f0981c;
}
.btn-warning.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYWE1MWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0N2EyMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#faa51a), to(#f47a20));
}
.btn-warning:hover,
.open .btn-warning.dropdown-toggle {
    background-color: #f6c12a;
    border-color: #f6c12a;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f4b400;
    border-color: #f4b400;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion Warning Button*/
/*#region Danger Button*/
.btn-danger,
.btn-danger:focus {
    background-color: #d73d32;
    border-color: #d73d32;
    color: #ffffff;
}
.btn-danger:hover {
    color: #ffffff;
}
.btn-danger.dropdown-toggle {
    border-left-color: #e46f61;
}
.btn-danger.active {
    background-color: #be3e2e;
    border-color: #9a3323;
}
.btn-danger.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#ed1c24), to(#aa1317));
}
.btn-danger:hover,
.open .btn-danger.dropdown-toggle {
    background-color: #e74b37;
    border-color: #e74b37;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d73d32;
    border-color: #d73d32;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion Danger Button*/
/*#region Blue Button*/
.btn-blue,
.btn-blue:focus {
    background-color: #5db2ff;
    border-color: #5db2ff;
    color: #ffffff;
}
.btn-blue:hover {
    color: #ffffff;
}
.btn-blue.dropdown-toggle {
    border-left-color: #81c1fb;
}
.btn-blue.active {
    background-color: #449cec;
    border-color: #3d90db;
}
.btn-blue.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MGJhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0OWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#70bafd), to(#449cec));
}
.btn-blue:hover,
.open .btn-blue.dropdown-toggle {
    background-color: #70bafd;
    border-color: #70bafd;
    color: #fff;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
    background-color: #5db2ff;
    border-color: #5db2ff;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion Blue Button*/
/*#region sky Button*/
.btn-sky,
.btn-sky:focus {
    background-color: #11a9cc;
    border-color: #11a9cc;
    color: #ffffff;
}
.btn-sky:hover {
    color: #ffffff;
}
.btn-sky.dropdown-toggle {
    border-left-color: #81c1fb;
}
.btn-sky.active {
    background-color: #2095b0;
    border-color: #2f97af;
}
.btn-sky.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOGIzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwOTViMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#28b3d3), to(#2095b0));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#28b3d3), to(#2095b0));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#28b3d3), to(#2095b0));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#28b3d3), to(#2095b0));
}
.btn-sky:hover,
.open .btn-sky.dropdown-toggle {
    background-color: #28b3d3;
    border-color: #28b3d3;
    color: #fff;
}
.btn-sky.disabled,
.btn-sky[disabled],
fieldset[disabled] .btn-sky,
.btn-sky.disabled:hover,
.btn-sky[disabled]:hover,
fieldset[disabled] .btn-sky:hover,
.btn-sky.disabled:focus,
.btn-sky[disabled]:focus,
fieldset[disabled] .btn-sky:focus,
.btn-sky.disabled:active,
.btn-sky[disabled]:active,
fieldset[disabled] .btn-sky:active,
.btn-sky.disabled.active,
.btn-sky[disabled].active,
fieldset[disabled] .btn-sky.active {
    background-color: #11a9cc;
    border-color: #11a9cc;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion sky Button*/
/*#region azure Button*/
.btn-azure,
.btn-azure:focus {
    background-color: #2dc3e8;
    border-color: #2dc3e8;
    color: #ffffff;
}
.btn-azure:hover {
    color: #ffffff;
}
.btn-azure.dropdown-toggle {
    border-left-color: #3ecdf1;
}
.btn-azure.active {
    background-color: #2badce;
    border-color: #2badce;
}
.btn-azure.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzZWNkZjEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiYWRjZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#3ecdf1), to(#2badce));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#3ecdf1), to(#2badce));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#3ecdf1), to(#2badce));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#3ecdf1), to(#2badce));
}
.btn-azure:hover,
.open .btn-azure.dropdown-toggle {
    background-color: #3ecdf1;
    border-color: #3ecdf1;
    color: #fff;
}
.btn-azure.disabled,
.btn-azure[disabled],
fieldset[disabled] .btn-azure,
.btn-azure.disabled:hover,
.btn-azure[disabled]:hover,
fieldset[disabled] .btn-azure:hover,
.btn-azure.disabled:focus,
.btn-azure[disabled]:focus,
fieldset[disabled] .btn-azure:focus,
.btn-azure.disabled:active,
.btn-azure[disabled]:active,
fieldset[disabled] .btn-azure:active,
.btn-azure.disabled.active,
.btn-azure[disabled].active,
fieldset[disabled] .btn-azure.active {
    background-color: #2dc3e8;
    border-color: #2dc3e8;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion azure Button*/
/*#region palegreen Button*/
.btn-palegreen,
.btn-palegreen:focus {
    background-color: #a0d468;
    border-color: #a0d468;
    color: #ffffff;
}
.btn-palegreen:hover {
    color: #ffffff;
}
.btn-palegreen.dropdown-toggle {
    border-left-color: #a6d791;
}
.btn-palegreen.active {
    background-color: #74aa5d;
    border-color: #699755;
}
.btn-palegreen.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5Y2Q1ODQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0YWE1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#9cd584), to(#74aa5d));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#9cd584), to(#74aa5d));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#9cd584), to(#74aa5d));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#9cd584), to(#74aa5d));
}
.btn-palegreen:hover,
.open .btn-palegreen.dropdown-toggle {
    background-color: #9cd584;
    border-color: #9cd584;
    color: #fff;
}
.btn-palegreen.disabled,
.btn-palegreen[disabled],
fieldset[disabled] .btn-palegreen,
.btn-palegreen.disabled:hover,
.btn-palegreen[disabled]:hover,
fieldset[disabled] .btn-palegreen:hover,
.btn-palegreen.disabled:focus,
.btn-palegreen[disabled]:focus,
fieldset[disabled] .btn-palegreen:focus,
.btn-palegreen.disabled:active,
.btn-palegreen[disabled]:active,
fieldset[disabled] .btn-palegreen:active,
.btn-palegreen.disabled.active,
.btn-palegreen[disabled].active,
fieldset[disabled] .btn-palegreen.active {
    background-color: #a0d468;
    border-color: #a0d468;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion palegreen Button*/
/*#region yellow Button*/
.btn-yellow,
.btn-yellow:focus {
    background-color: #ffce55;
    border-color: #ffce55;
    color: #ffffff;
}
.btn-yellow:hover {
    color: #ffffff;
}
.btn-yellow.dropdown-toggle {
    border-left-color: #f6d52e;
}
.btn-yellow.active {
    background-color: #fbc220;
    border-color: #f3ba17;
    color: #ffffff;
}
.btn-yellow.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZGQzNWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYzIyMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#fdd35a), to(#fbc220));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#fdd35a), to(#fbc220));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#fdd35a), to(#fbc220));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#fdd35a), to(#fbc220));
}
.btn-yellow:hover,
.open .btn-yellow.dropdown-toggle {
    background-color: #fdd35a;
    border-color: #fdd35a;
    color: #fff;
}
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
    background-color: #ffce55;
    border-color: #ffce55;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion yellow Button*/
/*#region darkorange Button*/
.btn-darkorange,
.btn-darkorange:focus {
    background-color: #ed4e2a;
    border-color: #ed4e2a;
    color: #ffffff;
}
.btn-darkorange:hover {
    color: #ffffff;
}
.btn-darkorange.dropdown-toggle {
    border-left-color: #f07154;
}
.btn-darkorange.active {
    background-color: #da411f;
    border-color: #cc3918;
}
.btn-darkorange.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZjY5NGIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhNDExZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#ef694b), to(#da411f));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#ef694b), to(#da411f));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#ef694b), to(#da411f));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#ef694b), to(#da411f));
}
.btn-darkorange:hover,
.open .btn-darkorange.dropdown-toggle {
    background-color: #ef694b;
    border-color: #ef694b;
    color: #fff;
}
.btn-darkorange.disabled,
.btn-darkorange[disabled],
fieldset[disabled] .btn-darkorange,
.btn-darkorange.disabled:hover,
.btn-darkorange[disabled]:hover,
fieldset[disabled] .btn-darkorange:hover,
.btn-darkorange.disabled:focus,
.btn-darkorange[disabled]:focus,
fieldset[disabled] .btn-darkorange:focus,
.btn-darkorange.disabled:active,
.btn-darkorange[disabled]:active,
fieldset[disabled] .btn-darkorange:active,
.btn-darkorange.disabled.active,
.btn-darkorange[disabled].active,
fieldset[disabled] .btn-darkorange.active {
    background-color: #ed4e2a;
    border-color: #ed4e2a;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion darkorange Button*/
/*#region magenta Button*/
.btn-magenta,
.btn-magenta:focus {
    background-color: #bc5679;
    border-color: #bc5679;
    color: #ffffff;
}
.btn-magenta:hover {
    color: #ffffff;
}
.btn-magenta.dropdown-toggle {
    border-left-color: #c96d8c;
}
.btn-magenta.active {
    background-color: #a5325a;
    border-color: #9f3156;
}
.btn-magenta.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNDYyODMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E1MzI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#c46283), to(#a5325a));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#c46283), to(#a5325a));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#c46283), to(#a5325a));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#c46283), to(#a5325a));
}
.btn-magenta:hover,
.open .btn-magenta.dropdown-toggle {
    background-color: #c46283;
    border-color: #c46283;
    color: #fff;
}
.btn-magenta.disabled,
.btn-magenta[disabled],
fieldset[disabled] .btn-magenta,
.btn-magenta.disabled:hover,
.btn-magenta[disabled]:hover,
fieldset[disabled] .btn-magenta:hover,
.btn-magenta.disabled:focus,
.btn-magenta[disabled]:focus,
fieldset[disabled] .btn-magenta:focus,
.btn-magenta.disabled:active,
.btn-magenta[disabled]:active,
fieldset[disabled] .btn-magenta:active,
.btn-magenta.disabled.active,
.btn-magenta[disabled].active,
fieldset[disabled] .btn-magenta.active {
    background-color: #bc5679;
    border-color: #bc5679;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion magenta Button*/
/*#region purple Button*/
.btn-purple,
.btn-purple:focus {
    background-color: #7e3794;
    border-color: #7e3794;
    color: #ffffff;
}
.btn-purple:hover {
    color: #ffffff;
}
.btn-purple.dropdown-toggle {
    border-left-color: #9852ae;
}
.btn-purple.active {
    background-color: #69257e;
    border-color: #601e74;
}
.btn-purple.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4YzQ0YTIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5MjU3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#8c44a2), to(#69257e));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#8c44a2), to(#69257e));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#8c44a2), to(#69257e));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#8c44a2), to(#69257e));
}
.btn-purple:hover,
.open .btn-purple.dropdown-toggle {
    background-color: #8c44a2;
    border-color: #8c44a2;
    color: #fff;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
    background-color: #7e3794;
    border-color: #7e3794;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion purple Button*/
/*#region maroon Button*/
.btn-maroon,
.btn-maroon:focus {
    background-color: #981b48;
    border-color: #981b48;
    color: #ffffff;
}
.btn-maroon:hover {
    color: #ffffff;
}
.btn-maroon.dropdown-toggle {
    border-left-color: #b55274;
}
.btn-maroon.active {
    background-color: #7c1138;
    border-color: #9f3156;
}
.btn-maroon.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhODI4NTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2MTIzYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#a82856), to(#86123c));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#a82856), to(#86123c));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#a82856), to(#86123c));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#a82856), to(#86123c));
}
.btn-maroon:hover,
.open .btn-maroon.dropdown-toggle {
    background-color: #a82856;
    border-color: #a82856;
    color: #fff;
}
.btn-maroon.disabled,
.btn-maroon[disabled],
fieldset[disabled] .btn-maroon,
.btn-maroon.disabled:hover,
.btn-maroon[disabled]:hover,
fieldset[disabled] .btn-maroon:hover,
.btn-maroon.disabled:focus,
.btn-maroon[disabled]:focus,
fieldset[disabled] .btn-maroon:focus,
.btn-maroon.disabled:active,
.btn-maroon[disabled]:active,
fieldset[disabled] .btn-maroon:active,
.btn-maroon.disabled.active,
.btn-maroon[disabled].active,
fieldset[disabled] .btn-maroon.active {
    background-color: #981b48;
    border-color: #981b48;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion maroon Button*/
/*#region gold Button*/
.btn-gold {
    background-color: #c7ac56;
    border-color: #b0984d;
    color: #ffffff;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold.focus,
.btn-gold:active,
.btn-gold.active,
.open .btn-gold.dropdown-toggle {
    color: #ffffff;
    background-color: #b0984d;
    border-color: #b0984d;
}
.btn-gold.dropdown-toggle {
    border-left-color: #b0984d;
}
.btn-gold.disabled,
.btn-gold[disabled],
fieldset[disabled] .btn-gold,
.btn-gold.disabled:hover,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold:hover,
.btn-gold.disabled:focus,
.btn-gold[disabled]:focus,
fieldset[disabled] .btn-gold:focus,
.btn-gold.disabled:active,
.btn-gold[disabled]:active,
fieldset[disabled] .btn-gold:active,
.btn-gold.disabled.active,
.btn-gold[disabled].active,
fieldset[disabled] .btn-gold.active {
    background-color: #c7ac56;
    border-color: #b0984d;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*#endregion gold Button*/
/*#region btn disabled*/
.btn.disabled.active,
.btn[disabled].active,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active {
    outline: 0;
}
.btn.disabled:active,
.btn[disabled]:active {
    top: 0;
    left: 0;
}
/*#endregion btn disabled*/
.open .btn.dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/*#region Group Button*/
.btn-group > .btn:not(:first-child):not(.dropdown-toggle) {
    border-left: 0;
}
.btn-group > .btn,
.btn-group > .btn + .btn {
    margin: 0;
}
.btn-group > .btn:first-child {
    margin: 0;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}
.btn-group > .btn:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
}
.btn-group > .btn > .caret {
    margin-left: 1px;
    border-width: 5px;
    border-top-color: #eeeeee;
    margin-top: 1px;
}
.btn-group > .btn.btn-default > .caret {
    border-top-color: #333333;
}
.btn-group > .btn + .btn.dropdown-toggle {
    padding-left: 7px;
    padding-right: 7px;
}
.btn-group > .btn + .btn-lg.dropdown-toggle {
    padding-right: 10px;
    padding-left: 10px;
}
.btn-group > .btn + .btn-sm.dropdown-toggle {
    padding-right: 6px;
    padding-left: 6px;
}
.btn-group > .btn + .btn-sm.dropdown-toggle .fa {
    line-height: 13px;
}
.btn-group > .btn + .btn-xs.dropdown-toggle {
    padding-right: 5px;
    padding-left: 5px;
}
.btn-group > .btn + .btn-xs.dropdown-toggle .fa {
    line-height: 13px;
}
.btn-group .dropdown-toggle {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
}
.btn-group .dropdown-toggle .fa {
    display: inline-block;
    margin-top: 1px;
    font-size: 14px;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0;
}
.btn-group > .btn,
.btn-group + .btn {
    margin: 0;
}
.btn-group > .btn.active:after,
.btn-group + .btn.active:after {
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-bottom-width: 1px;
}
.btn-group-vertical > .btn:not(:last-child) {
    border-bottom: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 2px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn + .btn {
    margin: 0;
}
.btn-group-vertical > .btn:first-child {
    margin-right: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fbfbfb;
    border-color: #e5e5e5;
}
.form-control[disabled]:hover,
.form-control[readonly]:hover,
fieldset[disabled] .form-control:hover {
    border-color: #eeeeee;
    background-color: #ffffff;
}
.form-group.has-success input,
.input-group.has-success input,
.form-group.has-success select,
.input-group.has-success select,
.form-group.has-success textarea,
.input-group.has-success textarea {
    border-color: #b0dd9c;
    color: #a0d468;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f3f7f1;
}
.form-group.has-success input:focus,
.input-group.has-success input:focus,
.form-group.has-success select:focus,
.input-group.has-success select:focus,
.form-group.has-success textarea:focus,
.input-group.has-success textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8cc474;
    border-color: #8cc474;
}
.form-group.has-success .form-control-feedback:before,
.input-group.has-success .form-control-feedback:before {
    color: #8cc474;
    color: inherit;
}
.form-group.has-success .control-label,
.input-group.has-success .control-label,
.form-group.has-success .help-block,
.input-group.has-success .help-block,
.form-group.has-success .help-inline,
.input-group.has-success .help-inline {
    color: #8cc474;
}
.form-group.has-error input,
.input-group.has-error input,
.form-group.has-error .select,
.input-group.has-error .select,
.form-group.has-error textarea,
.input-group.has-error textarea {
    border-color: #E7BEBE;
    color: #e46f61;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: snow;
}
.form-group.has-error input:focus,
.input-group.has-error input:focus,
.form-group.has-error .select:focus,
.input-group.has-error .select:focus,
.form-group.has-error textarea:focus,
.input-group.has-error textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #d73d32;
    border-color: #e46f61;
}
.form-group.has-error .form-control-feedback:before,
.input-group.has-error .form-control-feedback:before {
    color: #e46f61;
    color: inherit;
}
.form-group.has-error .control-label,
.input-group.has-error .control-label,
.form-group.has-error .help-block,
.input-group.has-error .help-block,
.form-group.has-error .help-inline,
.input-group.has-error .help-inline {
    color: #e46f61;
}
.form-group.has-warning input,
.input-group.has-warning input,
.form-group.has-warning .select,
.input-group.has-warning .select,
.form-group.has-warning textarea,
.input-group.has-warning textarea {
    border-color: #fecf49;
    color: #f4b400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fefbf1;
}
.form-group.has-warning input:focus,
.input-group.has-warning input:focus,
.form-group.has-warning .select:focus,
.input-group.has-warning .select:focus,
.form-group.has-warning textarea:focus,
.input-group.has-warning textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #f4b400;
    border-color: #f4b400;
}
.form-group.has-warning .form-control-feedback:before,
.input-group.has-warning .form-control-feedback:before {
    color: #f4b400;
    color: inherit;
}
.form-group.has-warning .control-label,
.input-group.has-warning .control-label,
.form-group.has-warning .help-block,
.input-group.has-warning .help-block,
.form-group.has-warning .help-inline,
.input-group.has-warning .help-inline {
    color: #f4b400;
}
.form-group.has-info input,
.input-group.has-info input,
.form-group.has-info .select,
.input-group.has-info .select,
.form-group.has-info textarea,
.input-group.has-info textarea {
    border-color: #a4d3fe;
    color: #57b5e3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f9fcff;
}
.form-group.has-info input:focus,
.input-group.has-info input:focus,
.form-group.has-info .select:focus,
.input-group.has-info .select:focus,
.form-group.has-info textarea:focus,
.input-group.has-info textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #57b5e3;
    border-color: #57b5e3;
}
.form-group.has-info .form-control-feedback:before,
.input-group.has-info .form-control-feedback:before {
    color: #57b5e3;
    color: inherit;
}
.form-group.has-info .control-label,
.input-group.has-info .control-label,
.form-group.has-info .help-block,
.input-group.has-info .help-block,
.form-group.has-info .help-inline,
.input-group.has-info .help-inline {
    color: #57b5e3;
}
/*#region input-icon */
span.input-icon {
    display: inline-block;
}
.input-icon {
    position: relative;
    width: 100%;
}
.input-icon.inverted > [class*="fa-"],
.input-icon.inverted > [class*="glyphicon-"] {
    color: #ffffff;
    background-color: #111;
}
.input-icon > input {
    padding-left: 36px;
    padding-right: 6px;
}
.input-icon > input:focus + [class*="fa-"],
.input-icon > input:focus + [class*="glyphicon-"] {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.input-icon > input:focus + .circular {
    -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.15) inset;
}
.input-icon > input.input-xs {
    padding-left: 26px;
}
.input-icon > input.input-xs + [class*="fa-"],
.input-icon > input.input-xs + [class*="glyphicon-"] {
    width: 24px;
    font-size: 10px;
    padding-top: 0;
    line-height: 24px;
}
.input-icon > input.input-xs + .circular {
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
}
.input-icon > input.input-sm {
    padding-left: 32px;
}
.input-icon > input.input-sm + [class*="fa-"],
.input-icon > input.input-sm + [class*="glyphicon-"] {
    width: 30px;
    font-size: 12px;
    padding-top: 0;
    line-height: 30px;
}
.input-icon > input.input-sm + .circular {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
}
.input-icon > input.input-lg {
    padding-left: 48px;
}
.input-icon > input.input-lg + [class*="fa-"],
.input-icon > input.input-lg + [class*="glyphicon-"] {
    width: 46px;
    font-size: 18px;
    padding-top: 5px;
    line-height: 34px;
}
.input-icon > input.input-lg + .circular {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 26px;
}
.input-icon > input.input-xl {
    padding-left: 54px;
}
.input-icon > input.input-xl + [class*="fa-"],
.input-icon > input.input-xl + [class*="glyphicon-"] {
    width: 52px;
    font-size: 20px;
    padding-top: 8px;
    line-height: 34px;
}
.input-icon > input.input-xl + .circular {
    width: 42px;
    height: 42px;
    font-size: 20px;
    line-height: 26px;
}
.input-icon > [class*="fa-"],
.input-icon > [class*="glyphicon-"] {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 100%;
    line-height: 28px;
    display: inline-block;
    color: #555555;
    font-size: 14px;
    text-align: center;
    padding-top: 3px;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.input-icon > [class*="fa-"].circular,
.input-icon > [class*="glyphicon-"].circular {
    border-radius: 500em !important;
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    -moz-transition: -moz-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    padding: 0;
    top: 5px;
    bottom: 5px;
    left: 7px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.input-icon.icon-right > input {
    padding-left: 6px;
    padding-right: 36px;
}
.input-icon.icon-right > input.input-xs {
    padding-right: 26px;
}
.input-icon.icon-right > input.input-sm {
    padding-right: 32px;
}
.input-icon.icon-right > input.input-lg {
    padding-right: 48px;
}
.input-icon.icon-right > input.input-xl {
    padding-right: 54px;
}
.input-icon.icon-right > [class*="fa-"],
.input-icon.icon-right > [class*="glyphicon-"] {
    left: auto;
    right: 0;
}
.input-icon.icon-right .circular {
    left: auto;
    right: 5px;
}
.input-icon ~ .help-inline {
    padding-left: 8px;
}
/*#endregion input-icon */

/*#region input-group */
.input-group .input-group-addon {
    border-radius: 0 !important;
    /*
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #eeeeee 0, #fbfbfb 100%);
    background-image: -moz-linear-gradient(top, #eeeeee 0, #fbfbfb 100%);
    background-image: -o-linear-gradient(top, #eeeeee 0, #fbfbfb 100%);
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
    */
}
.input-group .input-group-addon[class*="bg-"] {
    background-image: none;
    color: #ffffff;
}
.input-group-xl > .form-control,
.input-group-xl > .input-group-addon,
.input-group-xl > .input-group-btn > .btn {
    height: 52px;
    padding: 10px 18px;
    font-size: 20px;
    line-height: 1.4;
}
.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 24px;
    padding: 2px 6px 2px 7px;
    font-size: 11px;
    line-height: 1.4;
}
/*#endregion input-group */

/*#endregion Group Button*/
/*#region input-group-addon*/
.has-success .input-group-addon {
    border-color: #b0dd9c;
    color: #8cc474;
    background-image: none;
}
.has-error .input-group-addon {
    border-color: #E7BEBE;
    color: #e46f61;
    background-image: none;
}
.has-warning .input-group-addon {
    border-color: #fecf49;
    color: #f4b400;
    background-image: none;
}
.has-info .input-group-addon {
    border-color: #a4d3fe;
    color: #57b5e3;
    background-color: #e4f0fc;
    background-image: none;
}
/*#endregion input-group-addon*/
/*#region input-group */
.input-group-btn .btn-label {
    padding: 6px 10px !important;
}
.input-group-btn > .btn {
    line-height: 20px;
    border-radius: 0 !important;
}
.input-group-btn > .btn.dropdown-toggle > [class*="fa-"] {
    margin-right: 0;
    font-size: 14px;
}
.input-group > .btn.btn-sm {
    line-height: 22px;
}
.input-group > .btn + .btn {
    margin-left: 1px;
}
.input-group > .btn-group > .btn {
    line-height: 23px;
}
.input-group > .btn-group > .btn.btn-sm {
    line-height: 26px;
}
.input-group > .btn > .caret,
.input-group > .btn-group > .btn > .caret,
.input-group > .btn.btn-sm > .caret,
.input-group > .btn-group > .btn.btn-sm > .caret {
    margin-top: 10px;
}
/*#endregion input-group */
/*#region File Input */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/*#endregion File Input */
/*#endregion Button */

/*#region radio checkbox*/
/* FORM ELEMENTS */
.radio + .radio,
.checkbox + .checkbox {
    margin-top: 1px;
}
/**/
/* radios and checkboxes */
/**/
.radio,
.checkbox {
    display: inline-block;
    margin: 0 5px 2px 0;
    /*padding-left: 27px;*/
    font-size: 15px;
    line-height: 27px;
    color: #404040;
    cursor: pointer;
}
section.dark .radio,
section.dark .checkbox {
    color: #eee;
}
.radio input,
.checkbox input {
    position: absolute;
    left: -9999px;
}
.radio i,
.checkbox i {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.3);
}
section.dark .radio i,
section.dark .checkbox i {
    border-color: rgba(255, 255, 255, 0.3);
    background: transparent;
}
.radio i {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.radio input + i:after,
.checkbox input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.radio input + i:after {
    content: '';
    top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.checkbox input + i:after {
    content: '\f00c';
    top: 0;
    left: 0px;
    width: 15px;
    height: 15px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}
.radio input:checked + i:after,
.checkbox input:checked + i:after {
    opacity: 1;
}
.inline-group {
    margin: 0 -30px -4px 0;
}
.inline-group:after {
    content: '';
    display: table;
    clear: both;
}
.inline-group .radio,
.inline-group .checkbox {
    float: left;
    margin-right: 30px;
}
.inline-group .radio:last-child,
.inline-group .checkbox:last-child {
    margin-bottom: 4px;
}
/**/
/* hover state */
/**/
.input:hover input,
.select:hover select,
.textarea:hover textarea,
.radio:hover i,
.checkbox:hover i,
.toggle:hover i {
    border-color: rgba(0, 0, 0, 0.6);
}
section.dark .input:hover input,
section.dark .select:hover select,
section.dark .textarea:hover textarea,
section.dark .radio:hover i,
section.dark .checkbox:hover i,
section.dark .toggle:hover i {
    border-color: rgba(255, 255, 255, 0.3);
}
.button:hover {
    opacity: 1;
}
/**/
/* focus state */
/**/
.input input:focus,
.select select:focus,
.textarea textarea:focus,
.radio input:focus + i,
.checkbox input:focus + i,
.toggle input:focus + i {
    border-color: rgba(0, 0, 0, 0.6);
}
section.dark .input input:focus,
section.dark .select select:focus,
section.dark .textarea textarea:focus,
section.dark .radio input:focus + i,
section.dark .checkbox input:focus + i,
section.dark .toggle input:focus + i {
    border-color: rgba(255, 255, 255, 0.7);
}
/**/
/* checked state */
/**/
.radio input + i:after {
    background-color: rgba(0, 0, 0, 8);
}
section.dark .radio input + i:after {
    background-color: rgba(255, 255, 255, 8);
}
.checkbox input + i:after {
    color: rgba(0, 0, 0, 8);
}
section.dark .checkbox input + i:after {
    color: rgba(255, 255, 255, 8);
}
.radio input:checked + i,
.checkbox input:checked + i,
.toggle input:checked + i {
    border-color: rgba(0, 0, 0, 8);
}
section.dark .radio input:checked + i,
section.dark .checkbox input:checked + i,
section.dark .toggle input:checked + i {
    border-color: rgba(255, 255, 255, 8);
}
section.dark select > option,
section.dark select > optgroup {
    background-color: #333;
}
/*#endregion radio checkbox*/