/* ===============================  
        Region Common Section
================================== */

.form-control:focus {border:1px solid #ffbba8 !important;box-shadow:none !important;}
.form-control:disabled, .form-control[readonly] {background-color: transparent !important;opacity: 1;}
.form-control[readonly] {cursor: default !important;}

.h-over:hover {text-decoration:underline;}
.rounded {border-radius: 4px !important;}
button:focus {outline:none !important;box-shadow:none !important;border:none !important;}
body p {color:#000;}

/*font-size*/
.font-8 {font-size:8px !important;}.font-9 {font-size:9px !important;}.font-10 {font-size:10px !important;}
.font-11 {font-size:11px !important;}.font-12 {font-size:12px !important;}.font-13 {font-size:13px !important;}.font-14 {font-size:14px !important;}.font-15 {font-size:15px !important;}
.font-16 {font-size:16px !important;}.font-17 {font-size:17px !important;}.font-18 {font-size:18px !important;}.font-19 {font-size:19px !important;}.font-20 {font-size:20px !important;}
.font-21 {font-size:21px !important;}.font-22 {font-size:22px !important;}.font-23 {font-size:23px !important;}.font-24 {font-size:24px !important;}.font-25 {font-size:25px !important;}
.font-26 {font-size:26px !important;}.font-27 {font-size:27px !important;}.font-28 {font-size:28px !important;}.font-29 {font-size:29px !important;}.font-30 {font-size:30px !important;}
.font-31 {font-size:31px !important;}.font-32 {font-size:32px !important;}.font-33 {font-size:33px !important;}.font-34 {font-size:30px !important;}.font-35 {font-size:35px !important;}
.font-36 {font-size:36px !important;}.font-37 {font-size:37px !important;}.font-38 {font-size:38px !important;}.font-39 {font-size:39px !important;}.font-40 {font-size:40px !important;}
.font-50 {font-size:50px !important;}.font-60 {font-size:60px !important;}.font-70 {font-size:70px !important;}.font-80 {font-size:80px !important;}.font-90 {font-size:90px !important;}
.font-100 {font-size:100px !important;}

.tx-8 {font-size: 8px; }.tx-8-f {font-size: 8px !important; }.tx-9 {font-size: 9px; }.tx-9-f {font-size: 9px !important; }
.tx-10 {font-size: 10px;white-space:nowrap;}.tx-10-f {font-size: 10px !important; }.tx-11 {font-size: 11px !important; }.tx-11-f {font-size: 11px !important; }
.tx-12 {font-size: 12px;}.tx-12-f {font-size: 12px !important; }.tx-13 {font-size: 13px; }.tx-13-f {font-size: 13px !important; }
.tx-14 {font-size: 14px; }.tx-14-f {font-size: 14px !important; }.tx-15 {font-size: 15px; }.tx-15-f {font-size: 15px !important; }
.tx-16 {font-size: 16px; }.tx-16-f {font-size: 16px !important; }.tx-17 {font-size: 17px; }.tx-17-f {font-size: 17px !important; }
.tx-18 {font-size: 18px; }.tx-18-f {font-size: 18px !important; }.tx-19 {font-size: 19px; }.tx-19-f {font-size: 19px !important; }
.tx-20 {font-size: 20px; }.tx-20-f {font-size: 20px !important; }.tx-22 {font-size: 22px; }.tx-22-f {font-size: 22px !important; }
.tx-23 {font-size: 23px; }.tx-23-f {font-size: 23px !important; }.tx-24 {font-size: 24px; }.tx-24-f {font-size: 24px !important; }
.tx-25 {font-size: 25px; }.tx-25-f {font-size: 25px !important; }.tx-26 {font-size: 26px; }.tx-26-f {font-size: 26px !important; }
.tx-27 {font-size: 27px; }.tx-27-f {font-size: 27px !important; }.tx-28 {font-size: 28px; }.tx-28-f {font-size: 28px !important; }
.tx-29 {font-size: 29px; }.tx-29-f {font-size: 29px !important; }.tx-30 {font-size: 30px; }.tx-30-f {font-size: 30px !important; }
.tx-32 {font-size: 32px; }.tx-32-f {font-size: 32px !important; }.tx-34 {font-size: 34px; }.tx-34-f {font-size: 34px !important; }
.tx-36 {font-size: 36px; }.tx-36-f {font-size: 36px !important; }.tx-38 {font-size: 38px; }.tx-38-f {font-size: 38px !important; }
.tx-40 {font-size: 40px; }.tx-40-f {font-size: 40px !important; }.tx-42 {font-size: 42px; }.tx-42-f {font-size: 42px !important; }
.tx-44 {font-size: 44px; }.tx-44-f {font-size: 44px !important; }.tx-46 {font-size: 46px; }.tx-46-f {font-size: 46px !important; }
.tx-48 {font-size: 48px; }.tx-48-f {font-size: 48px !important; }.tx-50 {font-size: 50px; }.tx-50-f {font-size: 50px !important; }
.tx-52 {font-size: 52px; }.tx-52-f {font-size: 52px !important; }.tx-54 {font-size: 54px; }.tx-54-f {font-size: 54px !important; }
.tx-56 {font-size: 56px; }.tx-56-f {font-size: 56px !important; }.tx-58 {font-size: 58px; }.tx-58-f {font-size: 58px !important; }
.tx-60 {font-size: 60px; }.tx-60-f {font-size: 60px !important; }.tx-62 {font-size: 62px; }.tx-62-f {font-size: 62px !important; }
.tx-64 {font-size: 64px; }.tx-64-f {font-size: 64px !important; }.tx-66 {font-size: 66px; }.tx-66-f {font-size: 66px !important; }
.tx-68 {font-size: 68px; }.tx-68-f {font-size: 68px !important; }.tx-70 {font-size: 70px; }.tx-70-f {font-size: 70px !important; }
.tx-72 {font-size: 72px; }.tx-72-f {font-size: 72px !important; }.tx-74 {font-size: 74px; }.tx-74-f {font-size: 74px !important; }
.tx-76 {font-size: 76px; }.tx-76-f {font-size: 76px !important; }.tx-78 {font-size: 78px; }.tx-78-f {font-size: 78px !important; }
.tx-80 {font-size: 80px; }.tx-80-f {font-size: 80px !important; }.tx-82 {font-size: 82px; }.tx-82-f {font-size: 82px !important; }
.tx-84 {font-size: 84px; }.tx-84-f {font-size: 84px !important; }.tx-86 {font-size: 86px; }.tx-86-f {font-size: 86px !important; }
.tx-88 {font-size: 88px; }.tx-88-f {font-size: 88px !important; }.tx-90 {font-size: 90px; }.tx-90-f {font-size: 90px !important; }
.tx-92 {font-size: 92px; }.tx-92-f {font-size: 92px !important; }.tx-94 {font-size: 94px; }.tx-94-f {font-size: 94px !important; }
.tx-96 {font-size: 96px; }.tx-96-f {font-size: 96px !important; }.tx-98 {font-size: 98px; }.tx-98-f {font-size: 98px !important; }

/* Padding*/
.p-0 {padding: 0 !important;}.pl-0 {padding-left: 0 !important;}.pr-0 {padding-right: 0 !important;}.pt-0 {padding-top: 0 !important;}.pb-0 {padding-bottom: 0 !important;}
.p-1 {padding: 1px !important;}.pl-1 {padding-left: 1px !important;}.pr-1 {padding-right: 1px !important;}.pt-1 {padding-top: 1px !important;}.pb-1 {padding-bottom: 1px !important;}
.p-2 {padding: 2px !important;}.pl-2 {padding-left: 2px !important;}.pr-2 {padding-right: 2px !important;}.pt-2 {padding-top: 2px !important;}.pb-2 {padding-bottom: 2px !important;}
.p-3 {padding: 3px !important;}.pl-3 {padding-left: 3px !important;}.pr-3 {padding-right: 3px !important;}.pt-3 {padding-top: 3px !important;}.pb-3 {padding-bottom: 3px !important;}
.p-4 {padding: 4px !important;}.pl-4 {padding-left: 4px !important;}.pr-4 {padding-right: 4px !important;}.pt-4 {padding-top: 4px !important;}.pb-4 {padding-bottom: 4px !important;}
.p-5 {padding: 5px !important;}.pl-5 {padding-left: 5px !important;}.pr-5 {padding-right: 5px !important;}.pt-5 {padding-top: 5px !important;}.pb-5 {padding-bottom: 5px !important;}
.p-6 {padding: 6px !important;}.pl-6 {padding-left: 6px !important;}.pr-6 {padding-right: 6px !important;}.pt-6 {padding-top: 6px !important;}.pb-6 {padding-bottom: 6px !important;}
.p-7 {padding: 7px !important;}.pl-7 {padding-left: 7px !important;}.pr-7 {padding-right: 7px !important;}.pt-7 {padding-top: 7px !important;}.pb-7 {padding-bottom: 7px !important;}
.p-8 {padding: 8px !important;}.pl-8 {padding-left: 8px !important;}.pr-8 {padding-right: 8px !important;}.pt-8 {padding-top: 8px !important;}.pb-8 {padding-bottom: 8px !important;}
.p-9 {padding: 9px !important;}.pl-9 {padding-left: 9px !important;}.pr-9 {padding-right: 9px !important;}.pt-9 {padding-top: 9px !important;}.pb-9 {padding-bottom: 9px !important;}
.p-10 {padding: 10px !important;}.pl-10 {padding-left: 10px !important;}.pr-10 {padding-right: 10px !important;}.pt-10 {padding-top: 10px !important;}.pb-10 {padding-bottom: 10px !important;}
.p-11 {padding: 11px !important;}.pl-11 {padding-left: 11px !important;}.pr-11 {padding-right: 11px !important;}.pt-11 {padding-top: 11px !important;}.pb-11 {padding-bottom: 11px !important;}
.p-12 {padding: 12px !important;}.pl-12 {padding-left: 12px !important;}.pr-12 {padding-right: 12px !important;}.pt-12 {padding-top: 12px !important;}.pb-12 {padding-bottom: 12px !important;}
.p-13 {padding: 13px !important;}.pl-13 {padding-left: 13px !important;}.pr-13 {padding-right: 13px !important;}.pt-13 {padding-top: 13px !important;}.pb-13 {padding-bottom: 13px !important;}
.p-14 {padding: 14px !important;}.pl-14 {padding-left: 14px !important;}.pr-14 {padding-right: 14px !important;}.pt-14 {padding-top: 14px !important;}.pb-14 {padding-bottom: 14px !important;}
.p-15 {padding: 15px !important;}.pl-15 {padding-left: 15px !important;}.pr-15 {padding-right: 15px !important;}.pt-15 {padding-top: 15px !important;}.pb-15 {padding-bottom: 15px !important;}
.p-16 {padding: 16px !important;}.pl-16 {padding-left: 16px !important;}.pr-16 {padding-right: 16px !important;}.pt-16 {padding-top: 16px !important;}.pb-16 {padding-bottom: 16px !important;}
.p-17 {padding: 17px !important;}.pl-17 {padding-left: 17px !important;}.pr-17 {padding-right: 17px !important;}.pt-17 {padding-top: 17px !important;}.pb-17 {padding-bottom: 17px !important;}
.p-18 {padding: 18px !important;}.pl-18 {padding-left: 18px !important;}.pr-18 {padding-right: 18px !important;}.pt-18 {padding-top: 18px !important;}.pb-18 {padding-bottom: 18px !important;}
.p-19 {padding: 19px !important;}.pl-19 {padding-left: 19px !important;}.pr-19 {padding-right: 19px !important;}.pt-19 {padding-top: 19px !important;}.pb-19 {padding-bottom: 19px !important;}
.p-20 {padding: 20px !important;}.pl-20 {padding-left: 20px !important;}.pr-20 {padding-right: 20px !important;}.pt-20 {padding-top: 20px !important;}.pb-20 {padding-bottom: 20px !important;}
.p-21 {padding: 21px !important;}.pl-21 {padding-left: 21px !important;}.pr-21 {padding-right: 21px !important;}.pt-21 {padding-top: 21px !important;}.pb-21 {padding-bottom: 21px !important;}
.p-22 {padding: 22px !important;}.pl-22 {padding-left: 22px !important;}.pr-22 {padding-right: 22px !important;}.pt-22 {padding-top: 22px !important;}.pb-22 {padding-bottom: 22px !important;}
.p-23 {padding: 23px !important;}.pl-23 {padding-left: 23px !important;}.pr-23 {padding-right: 23px !important;}.pt-23 {padding-top: 23px !important;}.pb-23 {padding-bottom: 23px !important;}
.p-24 {padding: 24px !important;}.pl-24 {padding-left: 24px !important;}.pr-24 {padding-right: 24px !important;}.pt-24 {padding-top: 24px !important;}.pb-24 {padding-bottom: 24px !important;}
.p-25 {padding: 25px !important;}.pl-25 {padding-left: 25px !important;}.pr-25 {padding-right: 25px !important;}.pt-25 {padding-top: 25px !important;}.pb-25 {padding-bottom: 25px !important;}
.p-26 {padding: 26px !important;}.pl-26 {padding-left: 26px !important;}.pr-26 {padding-right: 26px !important;}.pt-26 {padding-top: 26px !important;}.pb-26 {padding-bottom: 26px !important;}
.p-27 {padding: 27px !important;}.pl-27 {padding-left: 27px !important;}.pr-27 {padding-right: 27px !important;}.pt-27 {padding-top: 27px !important;}.pb-27 {padding-bottom: 27px !important;}
.p-28 {padding: 28px !important;}.pl-28 {padding-left: 28px !important;}.pr-28 {padding-right: 28px !important;}.pt-28 {padding-top: 28px !important;}.pb-28 {padding-bottom: 28px !important;}
.p-29 {padding: 29px !important;}.pl-29 {padding-left: 29px !important;}.pr-29 {padding-right: 29px !important;}.pt-29 {padding-top: 29px !important;}.pb-29 {padding-bottom: 29px !important;}
.p-30 {padding: 30px !important;}.pl-30 {padding-left: 30px !important;}.pr-30 {padding-right: 30px !important;}.pt-30 {padding-top: 30px !important;}.pb-30 {padding-bottom: 30px !important;}
.p-35 {padding: 35px !important;}.pl-35 {padding-left: 35px !important;}.pr-35 {padding-right: 35px !important;}.pt-35 {padding-top: 35px !important;}.pb-35 {padding-bottom: 35px !important;}
.p-40 {padding: 40px !important;}.pl-40 {padding-left: 40px !important;}.pr-40 {padding-right: 40px !important;}.pt-40 {padding-top: 40px !important;}.pb-40 {padding-bottom: 40px !important;}
.p-45 {padding: 45px !important;}.pl-45 {padding-left: 45px !important;}.pr-45 {padding-right: 45px !important;}.pt-45 {padding-top: 45px !important;}.pb-45 {padding-bottom: 45px !important;}
.p-50 {padding: 50px !important;}.pl-50 {padding-left: 50px !important;}.pr-50 {padding-right: 50px !important;}.pt-50 {padding-top: 50px !important;}.pb-50 {padding-bottom: 50px !important;}
.p-55 {padding: 55px !important;}.pl-55 {padding-left: 55px !important;}.pr-55 {padding-right: 55px !important;}.pt-55 {padding-top: 55px !important;}.pb-55 {padding-bottom: 55px !important;}
.p-60 {padding: 60px !important;}.pl-60 {padding-left: 60px !important;}.pr-60 {padding-right: 60px !important;}.pt-60 {padding-top: 60px !important;}.pb-60 {padding-bottom: 60px !important;}
.p-65 {padding: 65px !important;}.pl-65 {padding-left: 65px !important;}.pr-65 {padding-right: 65px !important;}.pt-65 {padding-top: 65px !important;}.pb-65 {padding-bottom: 65px !important;}
.p-70 {padding: 70px !important;}.pl-70 {padding-left: 70px !important;}.pr-70 {padding-right: 70px !important;}.pt-70 {padding-top: 70px !important;}.pb-70 {padding-bottom: 70px !important;}
.p-75 {padding: 75px !important;}.pl-75 {padding-left: 75px !important;}.pr-75 {padding-right: 75px !important;}.pt-75 {padding-top: 75px !important;}.pb-75 {padding-bottom: 75px !important;}
.p-80 {padding: 80px !important;}.pl-80 {padding-left: 80px !important;}.pr-80 {padding-right: 80px !important;}.pt-80 {padding-top: 80px !important;}.pb-80 {padding-bottom: 80px !important;}
.p-85 {padding: 85px !important;}.pl-85 {padding-left: 85px !important;}.pr-85 {padding-right: 85px !important;}.pt-85 {padding-top: 85px !important;}.pb-85 {padding-bottom: 85px !important;}
.p-90 {padding: 90px !important;}.pl-90 {padding-left: 90px !important;}.pr-90 {padding-right: 90px !important;}.pt-90 {padding-top: 90px !important;}.pb-90 {padding-bottom: 90px !important;}
.p-95 {padding: 95px !important;}.pl-95 {padding-left: 95px !important;}.pr-95 {padding-right: 95px !important;}.pt-95 {padding-top: 95px !important;}.pb-95 {padding-bottom: 95px !important;}
.p-100 {padding: 100px !important;}.pl-100 {padding-left: 100px !important;}.pr-100 {padding-right: 100px !important;}.pt-100 {padding-top: 100px !important;}.pb-100 {padding-bottom: 100px !important;}

/* Margin*/
.m-0 {margin: 0 !important;}.ml-0 {margin-left: 0 !important;}.mr-0 {margin-right: 0 !important;}.mt-0 {margin-top: 0 !important;}.mb-0 {margin-bottom: 0 !important;}
.m-1 {margin: 1px !important;}.ml-1 {margin-left: 1px !important;}.mr-1 {margin-right: 1px !important;}.mt-1 {margin-top: 1px !important;}.mb-1 {margin-bottom: 1px !important;}
.m-2 {margin: 2px !important;}.ml-2 {margin-left: 2px !important;}.mr-2 {margin-right: 2px !important;}.mt-2 {margin-top: 2px !important;}.mb-2 {margin-bottom: 2px !important;}
.m-3 {margin: 3px !important;}.ml-3 {margin-left: 3px !important;}.mr-3 {margin-right: 3px !important;}.mt-3 {margin-top: 3px !important;}.mb-3 {margin-bottom: 3px !important;}
.m-4 {margin: 4px !important;}.ml-4 {margin-left: 4px !important;}.mr-4 {margin-right: 4px !important;}.mt-4 {margin-top: 4px !important;}.mb-4 {margin-bottom: 4px !important;}
.m-5 {margin: 5px !important;}.ml-5 {margin-left: 5px !important;}.mr-5 {margin-right: 5px !important;}.mt-5 {margin-top: 5px !important;}.mb-5 {margin-bottom: 5px !important;}
.m-6 {margin: 6px !important;}.ml-6 {margin-left: 6px !important;}.mr-6 {margin-right: 6px !important;}.mt-6 {margin-top: 6px !important;}.mb-6 {margin-bottom: 6px !important;}
.m-7 {margin: 7px !important;}.ml-7 {margin-left: 7px !important;}.mr-7 {margin-right: 7px !important;}.mt-7 {margin-top: 7px !important;}.mb-7 {margin-bottom: 7px !important;}
.m-8 {margin: 8px !important;}.ml-8 {margin-left: 8px !important;}.mr-8 {margin-right: 8px !important;}.mt-8 {margin-top: 8px !important;}.mb-8 {margin-bottom: 8px !important;}
.m-9 {margin: 9px !important;}.ml-9 {margin-left: 9px !important;}.mr-9 {margin-right: 9px !important;}.mt-9 {margin-top: 9px !important;}.mb-9 {margin-bottom: 9px !important;}
.m-10 {margin: 10px !important;}.ml-10 {margin-left: 10px !important;}.mr-10 {margin-right: 10px !important;}.mt-10 {margin-top: 10px !important;}.mb-10 {margin-bottom: 10px !important;}
.m-11 {margin: 11px !important;}.ml-11 {margin-left: 11px !important;}.mr-11 {margin-right: 11px !important;}.mt-11 {margin-top: 11px !important;}.mb-11 {margin-bottom: 11px !important;}
.m-12 {margin: 12px !important;}.ml-12 {margin-left: 12px !important;}.mr-12 {margin-right: 12px !important;}.mt-12 {margin-top: 12px !important;}.mb-12 {margin-bottom: 12px !important;}
.m-13 {margin: 13px !important;}.ml-13 {margin-left: 13px !important;}.mr-13 {margin-right: 13px !important;}.mt-13 {margin-top: 13px !important;}.mb-13 {margin-bottom: 13px !important;}
.m-14 {margin: 14px !important;}.ml-14 {margin-left: 14px !important;}.mr-14 {margin-right: 14px !important;}.mt-14 {margin-top: 14px !important;}.mb-14 {margin-bottom: 14px !important;}
.m-15 {margin: 15px !important;}.ml-15 {margin-left: 15px !important;}.mr-15 {margin-right: 15px !important;}.mt-15 {margin-top: 15px !important;}.mb-15 {margin-bottom: 15px !important;}
.m-16 {margin: 16px !important;}.ml-16 {margin-left: 16px !important;}.mr-16 {margin-right: 16px !important;}.mt-16 {margin-top: 16px !important;}.mb-16 {margin-bottom: 16px !important;}
.m-17 {margin: 17px !important;}.ml-17 {margin-left: 17px !important;}.mr-17 {margin-right: 17px !important;}.mt-17 {margin-top: 17px !important;}.mb-17 {margin-bottom: 17px !important;}
.m-18 {margin: 18px !important;}.ml-18 {margin-left: 18px !important;}.mr-18 {margin-right: 18px !important;}.mt-18 {margin-top: 18px !important;}.mb-18 {margin-bottom: 18px !important;}
.m-19 {margin: 19px !important;}.ml-19 {margin-left: 19px !important;}.mr-19 {margin-right: 19px !important;}.mt-19 {margin-top: 19px !important;}.mb-19 {margin-bottom: 19px !important;}
.m-20 {margin: 20px !important;}.ml-20 {margin-left: 20px !important;}.mr-20 {margin-right: 20px !important;}.mt-20 {margin-top: 20px !important;}.mb-20 {margin-bottom: 20px !important;}
.m-21 {margin: 21px !important;}.ml-21 {margin-left: 21px !important;}.mr-21 {margin-right: 21px !important;}.mt-21 {margin-top: 21px !important;}.mb-21 {margin-bottom: 21px !important;}
.m-22 {margin: 22px !important;}.ml-22 {margin-left: 22px !important;}.mr-22 {margin-right: 22px !important;}.mt-22 {margin-top: 22px !important;}.mb-22 {margin-bottom: 22px !important;}
.m-23 {margin: 23px !important;}.ml-23 {margin-left: 23px !important;}.mr-23 {margin-right: 23px !important;}.mt-23 {margin-top: 23px !important;}.mb-23 {margin-bottom: 23px !important;}
.m-24 {margin: 24px !important;}.ml-24 {margin-left: 24px !important;}.mr-24 {margin-right: 24px !important;}.mt-24 {margin-top: 24px !important;}.mb-24 {margin-bottom: 24px !important;}
.m-25 {margin: 25px !important;}.ml-25 {margin-left: 25px !important;}.mr-25 {margin-right: 25px !important;}.mt-25 {margin-top: 25px !important;}.mb-25 {margin-bottom: 25px !important;}
.m-26 {margin: 26px !important;}.ml-26 {margin-left: 26px !important;}.mr-26 {margin-right: 26px !important;}.mt-26 {margin-top: 26px !important;}.mb-26 {margin-bottom: 26px !important;}
.m-27 {margin: 27px !important;}.ml-27 {margin-left: 27px !important;}.mr-27 {margin-right: 27px !important;}.mt-27 {margin-top: 27px !important;}.mb-27 {margin-bottom: 27px !important;}
.m-28 {margin: 28px !important;}.ml-28 {margin-left: 28px !important;}.mr-28 {margin-right: 28px !important;}.mt-28 {margin-top: 28px !important;}.mb-28 {margin-bottom: 28px !important;}
.m-29 {margin: 29px !important;}.ml-29 {margin-left: 29px !important;}.mr-29 {margin-right: 29px !important;}.mt-29 {margin-top: 29px !important;}.mb-29 {margin-bottom: 29px !important;}
.m-30 {margin: 30px !important;}.ml-30 {margin-left: 30px !important;}.mr-30 {margin-right: 30px !important;}.mt-30 {margin-top: 30px !important;}.mb-30 {margin-bottom: 30px !important;}
.m-35 {margin: 35px !important;}.ml-35 {margin-left: 35px !important;}.mr-35 {margin-right: 35px !important;}.mt-35 {margin-top: 35px !important;}.mb-35 {margin-bottom: 35px !important;}
.m-40 {margin: 40px !important;}.ml-40 {margin-left: 40px !important;}.mr-40 {margin-right: 40px !important;}.mt-40 {margin-top: 40px !important;}.mb-40 {margin-bottom: 40px !important;}
.m-45 {margin: 45px !important;}.ml-45 {margin-left: 45px !important;}.mr-45 {margin-right: 45px !important;}.mt-45 {margin-top: 45px !important;}.mb-45 {margin-bottom: 45px !important;}
.m-50 {margin: 50px !important;}.ml-50 {margin-left: 50px !important;}.mr-50 {margin-right: 50px !important;}.mt-50 {margin-top: 50px !important;}.mb-50 {margin-bottom: 50px !important;}
.m-55 {margin: 55px !important;}.ml-55 {margin-left: 55px !important;}.mr-55 {margin-right: 55px !important;}.mt-55 {margin-top: 55px !important;}.mb-55 {margin-bottom: 55px !important;}
.m-60 {margin: 60px !important;}.ml-60 {margin-left: 60px !important;}.mr-60 {margin-right: 60px !important;}.mt-60 {margin-top: 60px !important;}.mb-60 {margin-bottom: 60px !important;}
.m-65 {margin: 65px !important;}.ml-65 {margin-left: 65px !important;}.mr-65 {margin-right: 65px !important;}.mt-65 {margin-top: 65px !important;}.mb-65 {margin-bottom: 65px !important;}
.m-70 {margin: 70px !important;}.ml-70 {margin-left: 70px !important;}.mr-70 {margin-right: 70px !important;}.mt-70 {margin-top: 70px !important;}.mb-70 {margin-bottom: 70px !important;}
.m-75 {margin: 75px !important;}.ml-75 {margin-left: 75px !important;}.mr-75 {margin-right: 75px !important;}.mt-75 {margin-top: 75px !important;}.mb-75 {margin-bottom: 75px !important;}
.m-80 {margin: 80px !important;}.ml-80 {margin-left: 80px !important;}.mr-80 {margin-right: 80px !important;}.mt-80 {margin-top: 80px !important;}.mb-80 {margin-bottom: 80px !important;}
.m-85 {margin: 85px !important;}.ml-85 {margin-left: 85px !important;}.mr-85 {margin-right: 85px !important;}.mt-85 {margin-top: 85px !important;}.mb-85 {margin-bottom: 85px !important;}
.m-90 {margin: 90px !important;}.ml-90 {margin-left: 90px !important;}.mr-90 {margin-right: 90px !important;}.mt-90 {margin-top: 90px !important;}.mb-90 {margin-bottom: 90px !important;}
.m-95 {margin: 95px !important;}.ml-95 {margin-left: 95px !important;}.mr-95 {margin-right: 95px !important;}.mt-95 {margin-top: 95px !important;}.mb-95 {margin-bottom: 95px !important;}
.m-100 {margin: 100px !important;}.ml-100 {margin-left: 100px !important;}.mr-100 {margin-right: 100px !important;}.mt-100 {margin-top: 100px !important;}.mb-100 {margin-bottom: 100px !important;}

/***** Position *****/
.pos-absolute, .pos-abs {position: absolute; }
.pos-relative, .pos-rel {position: relative; }
.pos-fixed {position: fixed; }
.pos-static {position: static; }
.pos-absolute-f {position: absolute !important; }
.pos-relative-f {position: relative !important; }
.pos-fixed-f {position: fixed !important; }
.pos-static-f {position: static !important; }

.t-0 {top: 0px !important;}.r-0 {right: 0px; }.b-0 {bottom: 0px; }.l-0 {left: 0px; }.t--0 {top: -0px; }.r--0 {right: -0px; }.b--0 {bottom: -0px; }.l--0 {left: -0px; }.a-0 {top: 0px;right: 0px;bottom: 0px;left: 0px; }.x-0 {left: 0px;right: 0px; }.y-0 {left: 0px;right: 0px; }
.t-5 {top: 5px; }.r-5 {right: 5px; }.b-5 {bottom: 5px; }.l-5 {left: 5px; }.t--5 {top: -5px; }.r--5 {right: -5px; }.b--5 {bottom: -5px; }.l--5 {left: -5px; }.a-5 {top: 5px;right: 5px;bottom: 5px;left: 5px; }.x-5 {left: 5px;right: 5px; }.y-5 {left: 5px;right: 5px; }
.t-10 {top: 10px; }.r-10 {right: 10px; }.b-10 {bottom: 10px; }.l-10 {left: 10px; }.t--10 {top: -10px; }.r--10 {right: -10px; }.b--10 {bottom: -10px; }.l--10 {left: -10px; }.a-10 {top: 10px;right: 10px;bottom: 10px;left: 10px; }.x-10 {left: 10px;right: 10px; }.y-10 {left: 10px;right: 10px; }
.t-15 {top: 15px !important; }.r-15 {right: 15px; }.b-15 {bottom: 15px; }.l-15 {left: 15px; }.t--15 {top: -15px; }.r--15 {right: -15px; }.b--15 {bottom: -15px; }.l--15 {left: -15px; }.a-15 {top: 15px;right: 15px;bottom: 15px;left: 15px; }.x-15 {left: 15px;right: 15px; }.y-15 {left: 15px;right: 15px; }
.t-20 {top: 20px; }.r-20 {right: 20px; }.b-20 {bottom: 20px; }.l-20 {left: 20px; }.t--20 {top: -20px; }.r--20 {right: -20px; }.b--20 {bottom: -20px; }.l--20 {left: -20px; }.a-20 {top: 20px;right: 20px;bottom: 20px;left: 20px; }.x-20 {left: 20px;right: 20px; }.y-20 {left: 20px;right: 20px; }
.t-25 {top: 25px !important; }.r-25 {right: 25px; }.b-25 {bottom: 25px; }.l-25 {left: 25px; }.t--25 {top: -25px; }.r--25 {right: -25px; }.b--25 {bottom: -25px; }.l--25 {left: -25px; }.a-25 {top: 25px;right: 25px;bottom: 25px;left: 25px; }.x-25 {left: 25px;right: 25px; }.y-25 {left: 25px;right: 25px; }
.t-30 {top: 30px; }.r-30 {right: 30px; }.b-30 {bottom: 30px; }.l-30 {left: 30px; }.t--30 {top: -30px; }.r--30 {right: -30px; }.b--30 {bottom: -30px; }.l--30 {left: -30px; }.a-30 {top: 30px;right: 30px;bottom: 30px;left: 30px; }.x-30 {left: 30px;right: 30px; }.y-30 {left: 30px;right: 30px; }
.t-35 {top: 35px; }.r-35 {right: 35px; }.b-35 {bottom: 35px; }.l-35 {left: 35px; }.t--35 {top: -35px; }.r--35 {right: -35px; }.b--35 {bottom: -35px; }.l--35 {left: -35px; }.a-35 {top: 35px;right: 35px;bottom: 35px;left: 35px; }.x-35 {left: 35px;right: 35px; }.y-35 {left: 35px;right: 35px; }
.t-40 {top: 40px; }.r-40 {right: 40px; }.b-40 {bottom: 40px; }.l-40 {left: 40px; }.t--40 {top: -40px; }.r--40 {right: -40px; }.b--40 {bottom: -40px; }.l--40 {left: -40px; }.a-40 {top: 40px;right: 40px;bottom: 40px;left: 40px; }.x-40 {left: 40px;right: 40px; }.y-40 {left: 40px;right: 40px; }
.t-45 {top: 45px; }.r-45 {right: 45px; }.b-45 {bottom: 45px; }.l-45 {left: 45px; }.t--45 {top: -45px; }.r--45 {right: -45px; }.b--45 {bottom: -45px; }.l--45 {left: -45px; }.a-45 {top: 45px;right: 45px;bottom: 45px;left: 45px; }.x-45 {left: 45px;right: 45px; }.y-45 {left: 45px;right: 45px; }
.t-50 {top: 50px; }.r-50 {right: 50px; }.b-50 {bottom: 50px; }.l-50 {left: 50px; }.t--50 {top: -50px; }.r--50 {right: -50px; }.b--50 {bottom: -50px; }.l--50 {left: -50px; }.a-50 {top: 50px;right: 50px;bottom: 50px;left: 50px; }.x-50 {left: 50px;right: 50px; }.y-50 {left: 50px;right: 50px; }
.t-55 {top: 55px; }.r-55 {right: 55px; }.b-55 {bottom: 55px; }.l-55 {left: 55px; }.t--55 {top: -55px; }.r--55 {right: -55px; }.b--55 {bottom: -55px; }.l--55 {left: -55px; }.a-55 {top: 55px;right: 55px;bottom: 55px;left: 55px; }.x-55 {left: 55px;right: 55px; }.y-55 {left: 55px;right: 55px; }
.t-60 {top: 60px; }.r-60 {right: 60px; }.b-60 {bottom: 60px; }.l-60 {left: 60px; }.t--60 {top: -60px; }.r--60 {right: -60px; }.b--60 {bottom: -60px; }.l--60 {left: -60px; }.a-60 {top: 60px;right: 60px;bottom: 60px;left: 60px; }.x-60 {left: 60px;right: 60px; }.y-60 {left: 60px;right: 60px; }
.t-65 {top: 65px; }.r-65 {right: 65px; }.b-65 {bottom: 65px; }.l-65 {left: 65px; }.t--65 {top: -65px; }.r--65 {right: -65px; }.b--65 {bottom: -65px; }.l--65 {left: -65px; }.a-65 {top: 65px;right: 65px;bottom: 65px;left: 65px; }.x-65 {left: 65px;right: 65px; }.y-65 {left: 65px;right: 65px; }
.t-70 {top: 70px; }.r-70 {right: 70px; }.b-70 {bottom: 70px; }.l-70 {left: 70px; }.t--70 {top: -70px; }.r--70 {right: -70px; }.b--70 {bottom: -70px; }.l--70 {left: -70px; }.a-70 {top: 70px;right: 70px;bottom: 70px;left: 70px; }.x-70 {left: 70px;right: 70px; }.y-70 {left: 70px;right: 70px; }
.t-75 {top: 75px; }.r-75 {right: 75px; }.b-75 {bottom: 75px; }.l-75 {left: 75px; }.t--75 {top: -75px; }.r--75 {right: -75px; }.b--75 {bottom: -75px; }.l--75 {left: -75px; }.a-75 {top: 75px;right: 75px;bottom: 75px;left: 75px; }.x-75 {left: 75px;right: 75px; }.y-75 {left: 75px;right: 75px; }
.t-80 {top: 80px; }.r-80 {right: 80px; }.b-80 {bottom: 80px; }.l-80 {left: 80px; }.t--80 {top: -80px; }.r--80 {right: -80px; }.b--80 {bottom: -80px; }.l--80 {left: -80px; }.a-80 {top: 80px;right: 80px;bottom: 80px;left: 80px; }.x-80 {left: 80px;right: 80px; }.y-80 {left: 80px;right: 80px; }
.t-85 {top: 85px; }.r-85 {right: 85px; }.b-85 {bottom: 85px; }.l-85 {left: 85px; }.t--85 {top: -85px; }.r--85 {right: -85px; }.b--85 {bottom: -85px; }.l--85 {left: -85px; }.a-85 {top: 85px;right: 85px;bottom: 85px;left: 85px; }.x-85 {left: 85px;right: 85px; }.y-85 {left: 85px;right: 85px; }
.t-90 {top: 90px; }.r-90 {right: 90px; }.b-90 {bottom: 90px; }.l-90 {left: 90px; }.t--90 {top: -90px; }.r--90 {right: -90px; }.b--90 {bottom: -90px; }.l--90 {left: -90px; }.a-90 {top: 90px;right: 90px;bottom: 90px;left: 90px; }.x-90 {left: 90px;right: 90px; }.y-90 {left: 90px;right: 90px; }
.t-95 {top: 95px; }.r-95 {right: 95px; }.b-95 {bottom: 95px; }.l-95 {left: 95px; }.t--95 {top: -95px; }.r--95 {right: -95px; }.b--95 {bottom: -95px; }.l--95 {left: -95px; }.a-95 {top: 95px;right: 95px;bottom: 95px;left: 95px; }.x-95 {left: 95px;right: 95px; }.y-95 {left: 95px;right: 95px; }
.t-100 {top: 100px; }.r-100 {right: 100px; }.b-100 {bottom: 100px; }.l-100 {left: 100px; }.t--100 {top: -100px; }.r--100 {right: -100px; }.b--100 {bottom: -100px; }.l--100 {left: -100px; }.a-100 {top: 100px;right: 100px;bottom: 100px;left: 100px; }.x-100 {left: 100px;right: 100px; }.y-100 {left: 100px;right: 100px; }
.z-index-0 {z-index: 0; }.z-index-10 {z-index: 10; }.z-index-50 {z-index: 50; }.z-index-100 {z-index: 100; }.z-index-150 {z-index: 150; }.z-index-200 {z-index: 200; }
.t-22 {top:22px;}.t-8 {top:8px;}

.t--1 {top: -1px; }.l--1 {left: -1px; }.l-0-f {left: 0 !important; }.rotate-90 {transform: rotate(90deg); }.rotate--90 {transform: rotate(-90deg); }

/***** Typography *****/
.tx-brand-01 {color: #333 !important; }.tx-brand-02 {color: #042893 !important; }.tx-brand-03 {color: #1ce1ac !important; }
.tx-color-01 {color: #001737 !important; }.tx-color-02 {color: #1b2e4b; }.tx-color-03 {color: #8392a5;}.tx-color-04 {color: #c0ccda; } .tx-color-05 {color: #666;}
.tx-white {color: #fff !important; }.tx-black {color: #000; }.tx-primary {color: #007bff !important; }.tx-success {color: #10b759; }.tx-bookingsuccess {color:#05670b}.tx-warning {color: #ffc107; }
.tx-danger {color: #ec182d!important; }.tx-red {color: #ff0000; }.tx-info {color: #00b8d4; }.tx-teal {color: #00cccc; }.tx-indigo {color: #5b47fb; }.tx-purple {color: #6f42c1; }
.tx-orange {color: #fd7e14; }.tx-pink {color: #f10075; }.tx-dark {color: #1b2e4b; }.tx-inverse {color: #001737; }
.tx-gray-100 {color: #f4f5f8; }.tx-gray-200 {color: #e3e7ed; }.tx-gray-300 {color: #cdd4e0; }.tx-gray-400 {color: #b4bdce; }.tx-gray-500 {color: #97a3b9; }
.tx-gray-600 {color: #7987a1; }.tx-gray-700 {color: #596882; }.tx-gray-800 {color: #3b4863; }.tx-gray-900 {color: #1c273c; }
.tx-white-2 {color: rgba(255, 255, 255, 0.2); }.tx-white-3 {color: rgba(255, 255, 255, 0.3); }.tx-white-4 {color: rgba(255, 255, 255, 0.4); }
.tx-white-5 {color: rgba(255, 255, 255, 0.5); }.tx-white-6 {color: rgba(255, 255, 255, 0.6); }.tx-white-7 {color: rgba(255, 255, 255, 0.7); }.tx-white-8 {color: rgba(255, 255, 255, 0.8); }
.tx-bolder {font-weight: 900; }.tx-bold {font-weight: 700 !important; }.tx-semibold {font-weight: 600; }
.tx-medium {font-weight: 500; }.tx-medium-f {font-weight: 500 !important; }.tx-normal {font-weight: 400 !important; }.tx-light {font-weight: 300; }.tx-thin {font-weight: 200; }.tx-xthin {font-weight: 100; }
.tx-spacing-1 {letter-spacing: 0.5px; }.tx-spacing-2 {letter-spacing: 1px; }.tx-spacing-3 {letter-spacing: 1.5px; }.tx-spacing-4 {letter-spacing: 2px; }
.tx-spacing-5 {letter-spacing: 2.5px; }.tx-spacing-6 {letter-spacing: 3px; }.tx-spacing-7 {letter-spacing: 3.5px; }.tx-spacing-8 {letter-spacing: 4px; }
.tx-spacing--1 {letter-spacing: -0.5px; }.tx-spacing--2 {letter-spacing: -1px; }.tx-spacing--3 {letter-spacing: -1.5px; }.tx-spacing--4 {letter-spacing: -2px; }
.tx-spacing--5 {letter-spacing: -2.5px; }.tx-spacing--6 {letter-spacing: -3px; }.tx-spacing--7 {letter-spacing: -3.5px; }.tx-spacing--8 {letter-spacing: -4px; }
.tx-uppercase {text-transform: uppercase; }.tx-lowercase {text-transform: lowercase; }.tx-capitalize {text-transform: capitalize; }
.tx-transform-none {text-transform: none; }.tx-shadow-none {text-shadow: none; }
.tx-center {text-align: center; }.tx-right {text-align: right; }.tx-left {text-align: left; }
.tx-center-f {text-align: center !important; }.tx-right-f {text-align: right !important; }.tx-left-f {text-align: left !important; }
.tx-italic {font-style: italic; }.tx-style-normal {font-style: normal; }.tx-nowrap {white-space: nowrap; }.tx-normals {white-space: normal; }
.tx-indent--1 {text-indent: -1px; }.tx-indent--2 {text-indent: -2px; }

.lh-base {line-height: 1.5; }.lh-normal {line-height: normal; }
.lh--1 {line-height: .1; }.lh--2 {line-height: .2; }.lh--3 {line-height: .3; }.lh--4 {line-height: .4; }.lh--5 {line-height: .5; }
.lh--6 {line-height: .6; }.lh--7 {line-height: .7; }.lh--8 {line-height: .8; }.lh--9 {line-height: .9; }
.lh-1 {line-height: 1.1; }.lh-2 {line-height: 1.2; }.lh-3 {line-height: 1.3; }.lh-4 {line-height: 1.4; }.lh-5 {line-height: 1.5; }.lh-6 {line-height: 1.6; }
.lh-7 {line-height: 1.7; }.lh-8 {line-height: 1.8; }.lh-9 {line-height: 1.9; }.lh-10 {line-height: 2.0; }.lh-11 {line-height: 2.1; }.lh-12 {line-height: 2.2; }
.lh-13 {line-height: 2.3; }.lh-14 {line-height: 2.4; }.lh-15 {line-height: 2.5; }

.valign-top {vertical-align: top; }.valign-middle {vertical-align: middle; }.valign-bottom {vertical-align: baseline; }
.valign-top-f {vertical-align: top !important; }.valign-middle-f {vertical-align: middle !important; }.valign-bottom-f {vertical-align: baseline !important; }
.tx-base {font-size: 0.875rem; }.bg-white {background: #fff;}.bg-gray {background: var(--color-sorting);}.white {color: #fff;}.text-overflow {text-overflow: ellipsis;white-space: nowrap;width: 100%;display: block;overflow: hidden;}

.brdr-top {border-top:1px solid #eee;}.border-btm-dash {border-bottom:1px dashed #ddd;}.border-btm-dashdark {border-bottom:1px dashed #7d7b89;}
.bg-ash {background:#fbfbfb;}.bg-lit {background:#f7f7f9;}.bg-gry {background:#ebeff0;}.bg-lit-grn {background:#eef5e2;}.bg-lit-blk {background:#f1f1f1;}

/***** Width *****/
.w-10 {width: 10% !important;}.w-15 {width: 15% !important;}.w-20 {width: 20% !important;}.w-30 {width: 30% !important;}.w-40 {width: 40% !important;}.w-50 {width: 50% !important;}.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}.w-80 {width: 80% !important;}.w-90 {width: 90% !important;}
.w-10p {width: 10px;}.w-20p {width: 20px !important;}.w-30p {width: 30px !important;}.w-40p {width: 40px !important;}.w-50p {width: 50px !important;}.w-60p {width: 60px !important;}
.w-70p {width: 70px !important;}.w-80p {width: 80px !important;}.w-90p {width: 90px !important;}.w-100p {width: 100px !important;}.w-150p {width: 150px !important;}
.w-200p {width: 200px !important;}.w-300p {width: 300px !important;}.w-400p {width: 400px !important;}.w-500p {width: 500px !important;}.w-600p {width: 600px !important;}.w-700p {width: 700px !important;}
.w-800p {width: 800px !important;}.w-900p {width: 900px !important;}.w-1000p {width: 1000px !important;}
.w-1100p {width: 1100px !important;}.w-1200p {width: 1200px !important;}.w-1300p {width: 1300px !important;}.w-1400p {width: 1400px !important;}.w-1500p {width: 1500px !important;}.w-1600p {width: 1600px !important;}

.wd-5 {width: 5px; }.wd-5p {width: 5%; }.mx-wd-5p {max-width: 5%; }.mn-wd-5p {min-width: 5%; }.wd-5-f {width: 5px !important; }.wd-5p-f {width: 5% !important; }.mx-wd-5p-f {max-width: 5% !important; }.mn-wd-5p-f {min-width: 5% !important; }
.wd-10 {width: 8px; }.wd-10p {width: 10%; }.mx-wd-10p {max-width: 10%; }.mn-wd-10p {min-width: 10%; }.wd-10-f {width: 10px !important; }.wd-10p-f {width: 10% !important; }.mx-wd-10p-f {max-width: 10% !important; }.mn-wd-10p-f {min-width: 10% !important; }
.wd-15 {width: 15px; }.wd-15p {width: 15%; }.mx-wd-15p {max-width: 15%; }.mn-wd-15p {min-width: 15%; }.wd-15-f {width: 15px !important; }.wd-15p-f {width: 15% !important; }.mx-wd-15p-f {max-width: 15% !important; }.mn-wd-15p-f {min-width: 15% !important; }
.wd-20 {width: 20px; }.wd-20p {width: 20%; }.mx-wd-20p {max-width: 20%; }.mn-wd-20p {min-width: 20%; }.wd-20-f {width: 20px !important; }.wd-20p-f {width: 20% !important; }.mx-wd-20p-f {max-width: 20% !important; }.mn-wd-20p-f {min-width: 20% !important; }
.wd-25 {width: 25px; }.wd-25p {width: 25%; }.mx-wd-25p {max-width: 25%; }.mn-wd-25p {min-width: 25%; }.wd-25-f {width: 25px !important; }.wd-25p-f {width: 25% !important; }.mx-wd-25p-f {max-width: 25% !important; }.mn-wd-25p-f {min-width: 25% !important; }
.wd-30 {width: 30px; }.wd-30p {width: 30%; }.mx-wd-30p {max-width: 30%; }.mn-wd-30p {min-width: 30%; }.wd-30-f {width: 30px !important; }.wd-30p-f {width: 30% !important; }.mx-wd-30p-f {max-width: 30% !important; }.mn-wd-30p-f {min-width: 30% !important; }
.wd-35 {width: 35px; }.wd-35p {width: 35%; }.mx-wd-35p {max-width: 35%; }.mn-wd-35p {min-width: 35%; }.wd-35-f {width: 35px !important; }.wd-35p-f {width: 35% !important; }.mx-wd-35p-f {max-width: 35% !important; }.mn-wd-35p-f {min-width: 35% !important; }
.wd-40 {width: 40px; }.wd-40p {width: 40%; }.mx-wd-40p {max-width: 40%; }.mn-wd-40p {min-width: 40%; }.wd-40-f {width: 40px !important; }.wd-40p-f {width: 40% !important; }.mx-wd-40p-f {max-width: 40% !important; }.mn-wd-40p-f {min-width: 40% !important; }
.wd-45 {width: 45px; }.wd-45p {width: 45%; }.mx-wd-45p {max-width: 45%; }.mn-wd-45p {min-width: 45%; }.wd-45-f {width: 45px !important; }.wd-45p-f {width: 45% !important; }.mx-wd-45p-f {max-width: 45% !important; }.mn-wd-45p-f {min-width: 45% !important; }
.wd-50 {width: 50px; }.wd-50p {width: 50%; }.mx-wd-50p {max-width: 50%; }.mn-wd-50p {min-width: 50%; }.wd-50-f {width: 50px !important; }.wd-50p-f {width: 50% !important; }.mx-wd-50p-f {max-width: 50% !important; }.mn-wd-50p-f {min-width: 50% !important; }
.wd-55 {width: 55px; }.wd-55p {width: 55%; }.mx-wd-55p {max-width: 55%; }.mn-wd-55p {min-width: 55%; }.wd-55-f {width: 55px !important; }.wd-55p-f {width: 55% !important; }.mx-wd-55p-f {max-width: 55% !important; }.mn-wd-55p-f {min-width: 55% !important; }
.wd-60 {width: 60px; }.wd-60p {width: 60%; }.mx-wd-60p {max-width: 60%; }.mn-wd-60p {min-width: 60%; }.wd-60-f {width: 60px !important; }.wd-60p-f {width: 60% !important; }.mx-wd-60p-f {max-width: 60% !important; }.mn-wd-60p-f {min-width: 60% !important; }
.wd-65 {width: 65px; }.wd-65p {width: 65%; }.mx-wd-65p {max-width: 65%; }.mn-wd-65p {min-width: 65%; }.wd-65-f {width: 65px !important; }.wd-65p-f {width: 65% !important; }.mx-wd-65p-f {max-width: 65% !important; }.mn-wd-65p-f {min-width: 65% !important; }
.wd-70 {width: 70px; }.wd-70p {width: 70%; }.mx-wd-70p {max-width: 70%; }.mn-wd-70p {min-width: 70%; }.wd-70-f {width: 70px !important; }.wd-70p-f {width: 70% !important; }.mx-wd-70p-f {max-width: 70% !important; }.mn-wd-70p-f {min-width: 70% !important; }
.wd-75 {width: 75px; }.wd-75p {width: 75%; }.mx-wd-75p {max-width: 75%; }.mn-wd-75p {min-width: 75%; }.wd-75-f {width: 75px !important; }.wd-75p-f {width: 75% !important; }.mx-wd-75p-f {max-width: 75% !important; }.mn-wd-75p-f {min-width: 75% !important; }
.wd-80 {width: 80px; }.wd-80p {width: 80%; }.mx-wd-80p {max-width: 80%; }.mn-wd-80p {min-width: 80%; }.wd-80-f {width: 80px !important; }.wd-80p-f {width: 80% !important; }.mx-wd-80p-f {max-width: 80% !important; }.mn-wd-80p-f {min-width: 80% !important; }
.wd-85 {width: 85px; }.wd-85p {width: 85%; }.mx-wd-85p {max-width: 85%; }.mn-wd-85p {min-width: 85%; }.wd-85-f {width: 85px !important; }.wd-85p-f {width: 85% !important; }.mx-wd-85p-f {max-width: 85% !important; }.mn-wd-85p-f {min-width: 85% !important; }
.wd-90 {width: 90px; }.wd-90p {width: 90%; }.mx-wd-90p {max-width: 90%; }.mn-wd-90p {min-width: 90%; }.wd-90-f {width: 90px !important; }.wd-90p-f {width: 90% !important; }.mx-wd-90p-f {max-width: 90% !important; }.mn-wd-90p-f {min-width: 90% !important; }
.wd-95 {width: 95px; }.wd-95p {width: 95%; }.mx-wd-95p {max-width: 95%; }.mn-wd-95p {min-width: 95%; }.wd-95-f {width: 95px !important; }.wd-95p-f {width: 95% !important; }.mx-wd-95p-f {max-width: 95% !important; }.mn-wd-95p-f {min-width: 95% !important; }
.wd-100 {width: 100px; }.wd-100p {width: 100%; }.mx-wd-100p {max-width: 100%; }.mn-wd-100p {min-width: 100%; }.wd-100-f {width: 100px !important; }.wd-100p-f {width: 100% !important; }.mx-wd-100p-f {max-width: 100% !important; }.mn-wd-100p-f {min-width: 100% !important; }
.wd-150 {width: 150px; }.wd-150-f {width: 150px !important; }.mn-wd-150 {width: 150px; }.mx-wd-150 {width: 150px; }
.wd-200 {width: 200px; }.wd-200-f {width: 200px !important; }.mn-wd-200 {width: 200px; }.mx-wd-200 {width: 200px; }
.wd-250 {width: 250px; }.wd-250-f {width: 250px !important; }.mn-wd-250 {width: 250px; }.mx-wd-250 {width: 250px; }
.wd-300 {width: 300px; }.wd-300-f {width: 300px !important; }.mn-wd-300 {width: 300px; }.mx-wd-300 {width: 300px; }
.wd-350 {width: 350px; }.wd-350-f {width: 350px !important; }.mn-wd-350 {width: 350px; }.mx-wd-350 {width: 350px; }
.wd-400 {width: 400px; }.wd-400-f {width: 400px !important; }.mn-wd-400 {width: 400px; }.mx-wd-400 {width: 400px; }
.wd-450 {width: 450px; }.wd-450-f {width: 450px !important; }.mn-wd-450 {width: 450px; }.mx-wd-450 {width: 450px; }
.wd-500 {width: 500px; }.wd-500-f {width: 500px !important; }.mn-wd-500 {width: 500px; }.mx-wd-500 {width: 500px; }
.wd-550 {width: 550px; }.wd-550-f {width: 550px !important; }.mn-wd-550 {width: 550px; }.mx-wd-550 {width: 550px; }
.wd-600 {width: 600px; }.wd-600-f {width: 600px !important; }.mn-wd-600 {width: 600px; }.mx-wd-600 {width: 600px; }
.wd-650 {width: 650px; }.wd-650-f {width: 650px !important; }.mn-wd-650 {width: 650px; }.mx-wd-650 {width: 650px; }
.wd-700 {width: 700px; }.wd-700-f {width: 700px !important; }.mn-wd-700 {width: 700px; }.mx-wd-700 {width: 700px; }
.wd-750 {width: 750px; }.wd-750-f {width: 750px !important; }.mn-wd-750 {width: 750px; }.mx-wd-750 {width: 750px; }
.wd-800 {width: 800px; }.wd-800-f {width: 800px !important; }.mn-wd-800 {width: 800px; }.mx-wd-800 {width: 800px; }
.wd-850 {width: 850px; }.wd-850-f {width: 850px !important; }.mn-wd-850 {width: 850px; }.mx-wd-850 {width: 850px; }
.wd-900 {width: 900px; }.wd-900-f {width: 900px !important; }.mn-wd-900 {width: 900px; }.mx-wd-900 {width: 900px; }
.wd-950 {width: 950px; }.wd-950-f {width: 950px !important; }.mn-wd-950 {width: 950px; }.mx-wd-950 {width: 950px; }
.wd-1000 {width: 1000px; }.wd-1000-f {width: 1000px !important; }.mn-wd-1000 {width: 1000px; }.mx-wd-1000 {width: 1000px; }

/***** Height *****/
.ht-5 {height: 5px; }.ht-5p {height: 5%; }.mx-ht-5p {max-height: 5%; }.mn-ht-5p {min-height: 5%; }.ht-5-f {height: 5px !important; }.ht-5p-f {height: 5% !important; }
.ht-10 {height: 8px; }.ht-10p {height: 10%; }.mx-ht-10p {max-height: 10%; }.mn-ht-10p {min-height: 10%; }.ht-10-f {height: 10px !important; }.ht-10p-f {height: 10% !important; }
.ht-15 {height: 15px; }.ht-15p {height: 15%; }.mx-ht-15p {max-height: 15%; }.mn-ht-15p {min-height: 15%; }.ht-15-f {height: 15px !important; }.ht-15p-f {height: 15% !important; }
.ht-20 {height: 20px; }.ht-20p {height: 20%; }.mx-ht-20p {max-height: 20%; }.mn-ht-20p {min-height: 20%; }.ht-20-f {height: 20px !important; }.ht-20p-f {height: 20% !important; }
.ht-25 {height: 25px; }.ht-25p {height: 25%; }.mx-ht-25p {max-height: 25%; }.mn-ht-25p {min-height: 25%; }.ht-25-f {height: 25px !important; }.ht-25p-f {height: 25% !important; }
.ht-30 {height: 30px; }.ht-30p {height: 30%; }.mx-ht-30p {max-height: 30%; }.mn-ht-30p {min-height: 30%; }.ht-30-f {height: 30px !important; }.ht-30p-f {height: 30% !important; }
.ht-35 {height: 35px; }.ht-35p {height: 35%; }.mx-ht-35p {max-height: 35%; }.mn-ht-35p {min-height: 35%; }.ht-35-f {height: 35px !important; }.ht-35p-f {height: 35% !important; }
.ht-40 {height: 40px; }.ht-40p {height: 40%; }.mx-ht-40p {max-height: 40%; }.mn-ht-40p {min-height: 40%; }.ht-40-f {height: 40px !important; }.ht-40p-f {height: 40% !important; }
.ht-45 {height: 45px; }.ht-45p {height: 45%; }.mx-ht-45p {max-height: 45%; }.mn-ht-45p {min-height: 45%; }.ht-45-f {height: 45px !important; }.ht-45p-f {height: 45% !important; }
.ht-50 {height: 50px; }.ht-50p {height: 50%; }.mx-ht-50p {max-height: 50%; }.mn-ht-50p {min-height: 50%; }.ht-50-f {height: 50px !important; }.ht-50p-f {height: 50% !important; }
.ht-55 {height: 55px; }.ht-55p {height: 55%; }.mx-ht-55p {max-height: 55%; }.mn-ht-55p {min-height: 55%; }.ht-55-f {height: 55px !important; }.ht-55p-f {height: 55% !important; }
.ht-60 {height: 60px; }.ht-60p {height: 60%; }.mx-ht-60p {max-height: 60%; }.mn-ht-60p {min-height: 60%; }.ht-60-f {height: 60px !important; }.ht-60p-f {height: 60% !important; }
.ht-65 {height: 65px; }.ht-65p {height: 65%; }.mx-ht-65p {max-height: 65%; }.mn-ht-65p {min-height: 65%; }.ht-65-f {height: 65px !important; }.ht-65p-f {height: 65% !important; }
.ht-70 {height: 70px; }.ht-70p {height: 70%; }.mx-ht-70p {max-height: 70%; }.mn-ht-70p {min-height: 70%; }.ht-70-f {height: 70px !important; }.ht-70p-f {height: 70% !important; }
.ht-75 {height: 75px; }.ht-75p {height: 75%; }.mx-ht-75p {max-height: 75%; }.mn-ht-75p {min-height: 75%; }.ht-75-f {height: 75px !important; }.ht-75p-f {height: 75% !important; }
.ht-80 {height: 80px; }.ht-80p {height: 80%; }.mx-ht-80p {max-height: 80%; }.mn-ht-80p {min-height: 80%; }.ht-80-f {height: 80px !important; }.ht-80p-f {height: 80% !important; }
.ht-85 {height: 85px; }.ht-85p {height: 85%; }.mx-ht-85p {max-height: 85%; }.mn-ht-85p {min-height: 85%; }.ht-85-f {height: 85px !important; }.ht-85p-f {height: 85% !important; }
.ht-90 {height: 90px; }.ht-90p {height: 90%; }.mx-ht-90p {max-height: 90%; }.mn-ht-90p {min-height: 90%; }.ht-90-f {height: 90px !important; }.ht-90p-f {height: 90% !important; }
.ht-95 {height: 95px; }.ht-95p {height: 95%; }.mx-ht-95p {max-height: 95%; }.mn-ht-95p {min-height: 95%; }.ht-95-f {height: 95px !important; }.ht-95p-f {height: 95% !important; }
.ht-100 {height: 100px; }.ht-100p {height: 100%; }.mx-ht-100p {max-height: 100%; }.mn-ht-100p {min-height: 100%; }.ht-100-f {height: 100px !important; }.ht-100p-f {height: 100% !important; }
.ht-100v {height: 100vh; }.ht-12 {height: 12px;}.ht-300 {height: 294px !important;}.ht-22 {height:22px;}.ht-28-f {height:28px !important;}
.mn-ht-0 {min-height: inherit; }
.mn-ht-100v {min-height: 100vh; }
.ht-1 {height: 1px; }.ht-2 {height: 2px; }.ht-3 {height: 3px; }.ht-4 {height: 4px; }.ht-6 {height: 6px; }.ht-7 {height: 7px; }.ht-8 {height: 8px; }.ht-9 {height: 9px; }
.ht-auto {height: auto; }.ht-base {height: 38px; }.ht-16 {height: 16px; }.ht-18 {height: 18px; }.ht-32 {height: 32px; }.ht-36 {height: 36px; }.ht-48 {height: 48px; }
.ht-64 {height: 64px; }.ht-72 {height: 72px; }.ht-115 {height: 115px; }.ht-120 {height: 120px; }.ht-160 {height: 160px; }.ht-38 {height:38px !important;}

/***** Country flag *****/
.country-flg {height: 16px;width: 16px;line-height: 16px;background-image: url('../../../../../Images/country-flag.png');background-repeat: no-repeat;float: right;position: relative;right: 0px;top: 3px;}
.ad {background-position: 0 -352px}.ae {background-position: 0 -368px}.af {background-position: 0 -384px}.ag {background-position: 0 -400px}.ai {background-position: 0 -416px}.al {background-position: 0 -432px}.am {background-position: 0 -448px}.an {background-position: 0 -464px}.ao {background-position: 0 -480px}.aq {background-position: 0 -496px}.ar {background-position: 0 -512px}.as {background-position: 0 -528px}.at {background-position: 0 -544px}.au {background-position: 0 -560px}.aw {background-position: 0 -576px}.az {background-position: 0 -592px}
.ba {background-position: 0 -608px}.bb {background-position: 0 -624px}.bd {background-position: 0 -640px}.be {background-position: 0 -656px}.bf {background-position: 0 -672px}.bg {background-position: 0 -688px}.bh {background-position: 0 -704px}.bi {background-position: 0 -720px}.bj {background-position: 0 -736px}.bm {background-position: 0 -752px}.bn {background-position: 0 -768px}.bo {background-position: 0 -784px}.br {background-position: 0 -800px}.bs {background-position: 0 -816px}.bt {background-position: 0 -832px}.bw {background-position: 0 -848px}.by {background-position: 0 -864px}.bz {background-position: 0 -880px}
.ca {background-position: 0 -896px}.cg {background-position: 0 -912px}.cf {background-position: 0 -928px}.cd {background-position: 0 -944px}.ch {background-position: 0 -960px}.ci {background-position: 0 -976px}.ck {background-position: 0 -992px}.cl {background-position: 0 -1008px}.cm {background-position: 0 -1024px}.cn {background-position: 0 -1040px}.co {background-position: 0 -1056px}.cr {background-position: 0 -1072px}.cu {background-position: 0 -1088px}.cv {background-position: 0 -1104px}.cy {background-position: 0 -1120px}.cz {background-position: 0 -1136px}
.de {background-position: 0 -1152px}.dj {background-position: 0 -1168px}.dk {background-position: 0 -1184px}.dm {background-position: 0 -1200px}.do {background-position: 0 -1216px}.dz {background-position: 0 -1232px}
.ec {background-position: 0 -1248px}.ee {background-position: 0 -1264px}.eg {background-position: 0 -1280px}.eh {background-position: 0 -1296px}.er {background-position: 0 -1312px}.es {background-position: 0 -1328px}.et {background-position: 0 -1344px}
.fi {background-position: 0 -1360px}.fj {background-position: 0 -1376px}.fm {background-position: 0 -1392px}.fo {background-position: 0 -1408px}.fr {background-position: 0 -1424px}
.ga {background-position: 0 -1440px}.gb {background-position: 0 -1456px}.gd {background-position: 0 -1472px}.ge {background-position: 0 -1488px}.gg {background-position: 0 -1504px}.gh {background-position: 0 -1520px}.gi {background-position: 0 -1536px}.gl {background-position: 0 -1552px}.gm {background-position: 0 -1568px}.gn {background-position: 0 -1584px}.gp {background-position: 0 -1600px}.gq {background-position: 0 -1616px}.gr {background-position: 0 -1632px}.gt {background-position: 0 -1648px}.gu {background-position: 0 -1664px}.gw {background-position: 0 -1680px}.gy {background-position: 0 -1696px}
.hk {background-position: 0 -1712px}.hn {background-position: 0 -1728px}.hr {background-position: 0 -1744px}.ht {background-position: 0 -1760px}.hu {background-position: 0 -1776px}
.id {background-position: 0 -1792px}
.mc {background-position: 0 -1792px}
.ie {background-position: 0 -1808px}.il {background-position: 0 -1824px}.im {background-position: 0 -1840px}.in {background-position: 0 -1856px}.iq {background-position: 0 -1872px}
.ir {background-position: 0 -1888px}.is {background-position: 0 -1904px}.it {background-position: 0 -1920px}
.je {background-position: 0 -1936px}.jm {background-position: 0 -1952px}.jo {background-position: 0 -1968px}.jp {background-position: 0 -1984px}
.ke {background-position: 0 -2000px}.kg {background-position: 0 -2016px}.kh {background-position: 0 -2032px}.ki {background-position: 0 -2048px}.km {background-position: 0 -2064px}.kn {background-position: 0 -2080px}.kp {background-position: 0 -2096px}.kr {background-position: 0 -2112px}.kw {background-position: 0 -2128px}.ky {background-position: 0 -2144px}.kz {background-position: 0 -2160px}
.la {background-position: 0 -2176px}.lb {background-position: 0 -2192px}.lc {background-position: 0 -2208px}.li {background-position: 0 -2224px}.lk {background-position: 0 -2240px}.lr {background-position: 0 -2256px}.ls {background-position: 0 -2272px}.lt {background-position: 0 -2288px}.lu {background-position: 0 -2304px}.lv {background-position: 0 -2320px}.ly {background-position: 0 -2336px}
.ma {background-position: 0 -2352px}.md {background-position: 0 -2368px}.me {background-position: 0 -2384px}.mg {background-position: 0 -2400px}.mh {background-position: 0 -2416px}.mk {background-position: 0 -2432px}.ml {background-position: 0 -2448px}.mm {background-position: 0 -2464px}.mn {background-position: 0 -2480px}.mo {background-position: 0 -2496px}.mq {background-position: 0 -2512px}.mr {background-position: 0 -2528px}.ms {background-position: 0 -2544px}.mt {background-position: 0 -2560px}.mu {background-position: 0 -2576px}.mv {background-position: 0 -2592px}.mw {background-position: 0 -2608px}.mx {background-position: 0 -2624px}.my {background-position: 0 -2640px}.mz {background-position: 0 -2656px}
.na {background-position: 0 -2672px}.nc {background-position: 0 -2688px}.ne {background-position: 0 -2704px}.ng {background-position: 0 -2720px}.ni {background-position: 0 -2736px}.nl {background-position: 0 -2752px}.no {background-position: 0 -2768px}.np {background-position: 0 -2784px}.nr {background-position: 0 -2800px}.nz {background-position: 0 -2816px}
.om {background-position: 0 -2832px}
.pa {background-position: 0 -2848px}.pe {background-position: 0 -2864px}.pf {background-position: 0 -2880px}.pg {background-position: 0 -2896px}.ph {background-position: 0 -2912px}.pk {background-position: 0 -2928px}.pl {background-position: 0 -2944px}.pr {background-position: 0 -2960px}.ps {background-position: 0 -2976px}.pt {background-position: 0 -2992px}.pw {background-position: 0 -3008px}.py {background-position: 0 -3024px}
.qa {background-position: 0 -3040px}
.re {background-position: 0 -3056px}.ro {background-position: 0 -3072px}.rs {background-position: 0 -3088px}.ru {background-position: 0 -3104px}.rw {background-position: 0 -3120px}
.sa {background-position: 0 -3136px}.sb {background-position: 0 -3152px}.sc {background-position: 0 -3168px}.sd {background-position: 0 -3184px}.se {background-position: 0 -3200px}.sg {background-position: 0 -3216px}.si {background-position: 0 -3232px}.sk {background-position: 0 -3248px}.sl {background-position: 0 -3264px}.sm {background-position: 0 -3280px}.sn {background-position: 0 -3296px}.so {background-position: 0 -3312px}.sr {background-position: 0 -3328px}.st {background-position: 0 -3344px}.sv {background-position: 0 -3360px}.sy {background-position: 0 -3376px}.sz {background-position: 0 -3392px}
.tc {background-position: 0 -3408px}.td {background-position: 0 -3424px}.tg {background-position: 0 -3440px}.th {background-position: 0 -3456px}.tj {background-position: 0 -3472px}.tl {background-position: 0 -3488px}.tm {background-position: 0 -3504px}.tn {background-position: 0 -3520px}.to {background-position: 0 -3536px}.tr {background-position: 0 -3552px}.tt {background-position: 0 -3568px}.tv {background-position: 0 -3584px}.tw {background-position: 0 -3600px}.tz {background-position: 0 -3616px}
.ua {background-position: 0 -3632px}.ug {background-position: 0 -3648px}.us {background-position: 0 -3664px}.uy {background-position: 0 -3680px}.uz {background-position: 0 -3696px}
.va {background-position: 0 -3712px}.vc {background-position: 0 -3728px}.ve {background-position: 0 -3744px}.vg {background-position: 0 -3760px}.vi {background-position: 0 -3776px}.vn {background-position: 0 -3792px}.vu {background-position: 0 -3808px}
.ws {background-position: 0 -3824px}
.ye {background-position: 0 -3840px}
.za {background-position: 0 -3856px}.zm {background-position: 0 -3872px}.zw {background-position: 0 -3872px}
/*End here*/

/*chosen*/
.chosen-container-single .chosen-single {height: 55px;background:#fff !important;box-shadow:none !important;border:1px solid #ccc !important;font-weight:500 !important;border-radius:10px !important;padding: 15px 10px !important;}
.chosen-container-single .chosen-single span {font-weight: 500 !important;font-size:14px !important;}
.chosen-container{width:100% !important}
.chosen-container.chosen-container-single{height:55px;}
.chosen-container-multi .chosen-choices{min-height:55px;overflow-y: scroll !important;display: block;border: 1px solid #ced4da !important;border-radius: 6px;max-height:185px !important;padding: 12px;background-image: none;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-size:12px !important;margin:0px !important}

/***** IFrame *****/
.clsIframe {margin-top: 0px !important;overflow: auto;scroll-behavior: smooth;border-radius: 6px;height: calc(100vh - 90px);}
.clsStaff .clsIframe {margin-top: 0px !important;overflow: auto;scroll-behavior: smooth;border-radius: 6px;height: calc(100vh - 107px);}

.bx-shadow {box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.1);background:#fff;}
.brdr-rd2 {border-radius:2px;}.brdr-rd4 {border-radius:4px;}.brdr-rd6 {border-radius:6px;}.brdr-rd8 {border-radius:8px;}.brdr-rd10 {border-radius:10px;}.brdr-rd20 {border-radius:20px;} 
.brdr-rgt {border-right:1px solid #eee;} .brdr-btm {border-bottom:1px solid #e3e3e3;}
.cursor-point {cursor:pointer;}.list-style-none {list-style:none;} .display-inblock {display:inline-block;}.cursor-default {cursor:default;}

.bg-orange {background-color: #fd7e14; }
.bg-litecoin {background-color: #325a98;}
.bg-pink {background-color: #f10075; }
.bg-teal {background-color: #00cccc; }
.bg-clamplum {background-color: #7a40e3; }

.clr1 {color: #009688;}
.clr2 {color: #d43f3a;}
.clr3 {color: #d58512;}
.clr4 {color: #e74c3c;}

/*Font Awesome*/
.fa {font-family: "FontAwesome" !important;}

/*Position property*/
.pos-abs {position:absolute;}.pos-rel {position:relative;}

/*position - stop,bottom,right,left*/
.t-0 {top: 0px !important;}.t-1 {top: 1px !important;}.t-2 {top: 2px !important;}.t-3 {top: 3px !important;}.t-4 {top: 4px !important;}.t-5 {top: 5px !important;}
.b-0 {bottom: 0px !important;}.b-1 {bottom: 1px !important;}.b-2 {bottom: 2px !important;}.b-3 {bottom: 3px !important;}.b-4 {bottom: 4px !important;}.b-5 {bottom: 5px !important;}
.l-0 {left: 0px !important;}.l-1 {left: 1px !important;}.l-2 {left: 2px !important;}.l-3 {left: 3px !important;}.l-4 {left: 4px !important;}.l-5 {left: 5px !important;}
.r-0 {right: 0px !important;}.r-1 {right: 1px !important;}.r-2 {right: 2px !important;}.r-3 {right: 3px !important;}.r-4 {right: 4px !important;}.r-5 {right: 5px !important;}
 
/*Display property*/
.d-inblock{display: inline-block;}
.dis-enable {display: block;}.disblock {display: block;}
.disnone {display: none;}.dis_blk {display:none !important;}

.clsenable {display: inline-block !important;}
.clsdiable {display: none !important;}

/*Border property*/
.b-0{border: 0 !important;}.bl-0{border-left: 0 !important;}.br-0{border-right: 0 !important;}.bt-0{border-top: 0 !important;}.bb-0{border-right: 0 !important;}
.b-1{border: 1px solid #ddd !important;}.bl-1{border-left: 1px solid #ddd !important;}.br-1{border-right: 1px solid #ddd !important;}.bt-1{border-top:1px solid #ddd !important;}.bb-1{border-bottom:1px solid #ddd !important;}

/*Border Radius property*/
.brd-0 {border-radius: 0 !important;}
.brx-4 {border-radius: 4px 0 0 4px !important;}.bry-4 {border-radius: 0 4px 4px 0 !important;}

/*Text align Property*/
.txt-algn-lft {text-align: left;}.txt-algn-rgt {text-align: right;}.text-center{text-align:center;}
.jsctcenter {justify-contet: center;}.txt-cntr {text-align:center;}

/*Float Property*/
.flt-lft {float: left;}.flt_lft {float:left;}.flol{float:left;}.fl-left {float: left;}
.flt_rgt {float:right;}.flt-rgt {float: right;}.flor{float:right;}.fl-right {float: right;}

.cursor-p, .cursor-point {cursor: pointer;}

/*Text Property*/
.txt-underline {text-decoration:underline;}
.txt-underline:hover {text-decoration:none;}

.brdr-rgt {border-right: 1px solid #eee;}
.rounded-circle {border-radius: 50% !important;}
.lh{line-height:2;}

/*Shadow Property*/
.shad-01{box-shadow: rgba(0, 0, 0, .1) 0px 1px 9px;}                 	
.bx-shadow {box-shadow: 0 2px 4px rgba(0, 0, 0, .2);border-radius: 5px;margin-bottom: 10px;}

/*fieldset*/
fieldset {border: 1px solid #ccc;padding:10px;margin-bottom: 10px;width: 100%;}
fieldset legend {color: #f16367;font-size: 13px;font-weight: 600;padding: 0 10px;width: auto;}

/*Scrolls*/
#scrolls {position: fixed;left: 20px;bottom: 20px;width: 45px;height: 45px;background: var(--color-primary);color: #fff;text-align: center;line-height: 45px;border-radius: 6px;font-size: 20px;z-index: 999;}
#scrolls i {line-height: 45px;}

#dv_waps span img {position: fixed;right: 10px;bottom: 20px;cursor: pointer;text-indent: -9999px;z-index: 10;width:50px;}

/*blockUI Loader*/
.blockUI {z-index: 1051 !important;background: rgba(0, 0, 0, 0.5);}
.blockUI.blockMsg.blockPage {width: 200px !important;height: 200px !important;left: 50% !important;margin-left: -75px;top: 30% !important;background: transparent;}
.blockUI.blockMsg.blockPage img {border-radius: 8px;background-color: white;padding: 20px;}

/*Wave Loading Fare Details right side*/
.loading_line_1, .loading_line_2, .loading_line_3, .loading_line_4 {background: #f6f7f9;overflow: hidden;position: relative;}
.loading_line_1 .inner_loader, .loading_line_2 .inner_loader, .loading_line_3 .inner_loader, .loading_line_4 .inner_loader {-webkit-animation: loadingMover1 .8s infinite linear;-moz-animation: loadingMover1 .8s infinite linear;-o-animation: loadingMover1 .8s infinite linear;animation: loadingMover1 .8s infinite linear;background: linear-gradient(to right,#f3f4f7 10%,#e4e4e4 52%,#f3f4f7 100%) rgba(0,0,0,0);position: absolute;width: 100%;}

/*Common DropDown CSS*/
.dropdown-menu li a {padding: 5px;float: left;width: 100%;border-bottom: 1px solid #f0f0f0;}
.dropdown-menu > li a:hover {text-decoration:none;}
.dropdown-menu li.active a {background: var(--color-primary);text-decoration:none;float:left;width:100%;}
.dropdown-menu > li.active .clsthmail, .dropdown-menu > li.active .clstyphead p {color: #fff;text-decoration: none;}
.typeahead .clsthmail {color: #222;font-size: 14px;font-weight:500;}
.dropdown-menu li a .clstyphead p {float: left;width: 100%;font-size: 12px;color: #888;margin: 0;font-weight:500;}
ul.typeahead li {float:left;width:100%;border-bottom:none;}

/***** iziModal *****/
.iziModal * {-webkit-font-smoothing: antialiased;}
.iziModal, #ModalPGFailed {z-index: 1003 !important;border-bottom: 3px solid var(--color-primary) !important;}
.iziModal .iziModal-header.iziModal-noSubtitle {background: var(--color-primary) !important;}
.iziModal .iziModal-button {opacity: 1 !important;}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {margin: 0;}
.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle {font-family: var(--font-family) !important;}

/***** popover *****/
.popover {box-shadow:0 0 5px 0 rgb(0 0 0 / 10%);}
.popover .popover-body {padding:0px;border-bottom:3px solid var(--color-primary);min-width:200px;}
.popover .flightdets_content table {border:none;}
.popover .flightdets_header {background: var(--color-secondary);color: #fff;font-size: 14px;font-weight: 400;padding: 7px 8px;border-radius: 4px 4px 0px 0px;}
.popover .flightdets_content .table td, .flightdets_content .table th {padding: 2px 4px;font-size: 12px;border: none;border-bottom: 1px solid #ececec;background:var(--color-secondary-light);color:#000;}
.popover .flightdets_content .table th {text-align: left;font-weight: 500;color: #000;white-space: nowrap;}
.popover .flightdets_content .table td {text-align:left;font-weight:400;}
.popover .popover-body {border-bottom: 3px solid var(--color-secondary);background: var(--color-secondary-light);font-family:var(--font-family);}
.popover .popover-body .dv_infodetails {font-size: 13px;padding:10px;}

.popover .flightdets_content{padding:5px;overflow: hidden;}
.popover .flightdets_content .row{border-bottom: 1px solid #e5e5e5;}
.popover .flightdets_content .row:last-child{border:0;}
.popover .flightdets_content .col-lg-6:first-child p {white-space: nowrap}
.popover .flightdets_content p {font-size: 12px;color:#000;margin-bottom: 2px;}

/***** Tooltip *****/
.tooltipster-punk {background-color: #2c3a4e !important;border-color: var(--color-primary) !important;}
.tooltipster-punk .tooltipster-content {font-size: 12px;line-height: 1.4;}

/***** modal *****/
.modal-content {border: 0;}
.modal-header {background: rgb(247, 247, 249);color: #000;padding: 5px 15px;border-radius: 4px 4px 0 0;}
.modal-header .modal-title {font-size: 15px;letter-spacing: 0.5px;}

.modal.right .modal-dialog {position: fixed;margin: auto;width: 750px;max-width:750px;height: 100%;}
.modal.right .modal-dialog .modal-header {border-radius: 0;}

#modal-alert{z-index:1051 !important;}
#TicketBookModal .modal-body  span {color: #6c757d;font-size: 14px;}
#TicketBookModal .modal-body p {font-weight:600;color:var(--color-primary);}

/***** lobibox *****/
.lobibox .lobibox-footer .btn-success {font-size: 14px;color: #fff;background-color: var(--color-primary);border-color: var(--color-primary);}
.lobibox .lobibox-footer .btn-warning {font-size: 14px;color: #fff;background-color: var(--color-secondary);border-color: var(--color-secondary);}

/*#region Checkbox */
.cntr {line-height: 34px;}
.cntr label {margin: 0;}
.lbl {margin-left: 5px;vertical-align: middle;cursor: pointer;color:#212529;}
.fltcntnt {color: #333;font-size: 12px;font-weight: 600;}

.cb{display:none;}
.cb:checked ~ .cbx {background:var(--color-primary) !important;}
.cbx {position: relative;z-index: 1;top: 1px;width: 20px;min-width:20px;height: 20px;border: 1px solid #c8ccd4 !important;border-radius: 3px;vertical-align: middle;transition: background 0.1s ease;cursor: pointer;}
.cbx:after {content: '';position: absolute;top: 3px;left: 6px;width: 5px;height: 10px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.cb:checked ~ .cbx {background:var(--color-primary) !important;border: 1px solid var(--color-primary) !important;animation: jelly 0.6s ease;background:#00afe1;}
.cb:checked ~ .cbx:after {opacity: 1;transform: rotate(45deg) scale(1);}
.cbx span {padding-left: 25px;color: #000;white-space: nowrap;}

@-moz-keyframes jelly {from {transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}
@-webkit-keyframes jelly {from {transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}
@-o-keyframes jelly {from{transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}
@keyframes jelly {from {transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}

/*#endregion */

/*Check Boxes*/
.form-chec .form-group .ckhbox:checked ~ .cbox {background: var(--color-primary) !important;border: 1px solid var(--color-primary) !important;}
.form-chec .form-group .cbox {position: relative;top: 1px;width: 16px;height: 16px;border: 1px solid #c8ccd4 !important;border-radius: 3px;vertical-align: middle;transition: background 0.1s ease;cursor: pointer;background:#fff;}
.form-chec .form-group .ckhbox:checked ~ .cbox:after {opacity: 1;transform: rotate(45deg) scale(1);}
.form-chec .form-group .cbox:after {content: '';position: absolute;top: 1px;left: 5px;width: 5px;height: 10px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.form-chec .form-group label.lbl {color:#333;}

/*Circle Tick*/
.radio-custom {opacity: 0;position: absolute; display:none !important;}
.radio-custom, .radio-custom-label {display: inline-block;vertical-align: middle;font-size: 13px;font-weight: 500;margin-right: 22px;cursor:pointer;}
.radio-custom-label {position: relative;}
.radio-custom + .radio-custom-label:before {content: '';background: #fff;border: 1px solid #ccc;display: inline-block;vertical-align: middle;width: 18px;height: 18px;padding: 1px;margin-right: 8px;text-align: center;margin-top: -3px;}
.radio-custom + .radio-custom-label:before {border-radius: 50%;}
.radio-custom:checked + .radio-custom-label:before {content: "\f00c";font-family: 'FontAwesome';color: #fff;font-size: 10px;background: var(--color-secondary);border: 1px solid var(--color-secondary);}
.radio-custom:focus + .radio-custom-label {outline: 1px solid #ddd;}
.radio-custom:checked + .radio-custom-label {color:var(--color-primary);}

/*Circle Dot*/
.radio-common input[type=radio] {display:none;}
.radio-common input[type="radio"] + .radio-label:before {content: '';background: #fff;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 18px;height: 18px;position: relative;top: 0;cursor: pointer;transition: all 250ms ease;}
.radio-common input[type="radio"]:checked + .radio-label:before {background-color: var(--color-primary);box-shadow: inset 0 0 0 4px #fff;border: 1px solid var(--color-primary);}

/*Buttons*/
.btn-color1 {padding: 4px 15px;text-transform: capitalize;font-size: 14px;color: #fff;background:var(--color-primary);border-radius: 4px;font-weight: 500;border:none;height:32px;}
.btn-color2 {padding: 4px 15px;text-transform: capitalize;font-size: 14px;color: #fff;background:var(--color-secondary);border-radius: 4px;font-weight: 500;border:none;height:32px;}
.btn-color1:hover, .btn-color1:focus, .btn-color2:hover, .btn-color2:focus{outline: none;}


/* ===============================  
        Scrollbar Design
================================== */

::-webkit-scrollbar {width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;background: #fff;}

/*===============================
        Login
=================================*/

/*Logout*/
#modal-LogOut h2 {font-size:22px;}
#modal-LogOut p {font-size:16px;}

/*B2C_LOGIN PAGE*/

.partner_login .iziModal {margin: 0 auto !important;max-width: 480px !important;height: 520px;top: 15% !important;left: 50% !important;border: 1px solid var(--color-primary);z-index: 1051 !important;margin-left: -240px !important;}
.partner_login .iziModal:after {content: '';width: 100%;height: 0;opacity: 0;position: absolute;left: 0;bottom: 0;z-index: 1;}
.partner_login .iziModal h2 {text-align: center;font-size: 16px;padding: 20px 0;margin-bottom:0px;float: left;width: 100%;}
.partner_login .iziModal header {height: auto;}

.partner_login .iziModal.hasShadow:after {height: 30px;opacity: 1;}
.partner_login .iziModal-content header a {display: block;float: left;width: 50%;text-align: center;font-size:16px;font-weight: 600;padding: 10px 0;color: #5c5a5a;}
.partner_login .iziModal-content header a#agnsignin {width: 100%;}
.partner_login .iziModal-content header a:hover {text-decoration: none;}
.partner_login .iziModal-content header a.active {background-color: var(--color-primary);color: #fff;}

.partner_login .iziModal-content section {float: left;width: 100%;padding: 0 30px;border-top: 1px solid #ddd;}
.partner_login .iziModal-content section input:focus {border-color: #2874f0;}
.partner_login .iziModal-content section label[for="check"] {margin-bottom: 26px;font-size: 14px;color: #999;display: block;}
.partner_login .iziModal-content section button {width: 46%;height: 44px !important;border-radius: 4px;padding: 0 12px;font-size: 14px;font-weight: 500;}
.partner_login .iziModal-content section footer {overflow: hidden;}
.partner_login .iziModal-content .icon-close {position: absolute;right: 15px;top: 5px;font-size: 25px;border: 0;cursor: pointer;background: transparent;color: var(--color-white);}
.partner_login .iziModal-content .icon-close:hover, .partner_login  .iziModal-content .icon-close:focus {color: black;}

.partner_login .icon-close:hover, .partner_login  .icon-close:focus {color: black;}
.partner_login .spneye {position:absolute;right: 25px;margin-top: 0;top: 10px;}
.partner_login .spneye i{font-size: 20px;color:#777;cursor:pointer;}

.partner_login .iziModal .forgot-btn {color: var(--color-primary);font-weight: 500;font-size: 14px;}
/*.partner_login .iziModal #loginpnl p {color: red;font-weight: 500;font-size: 14px;padding-top: 8px;text-align:center;}*/

.partner_login .iziModal .form-control.col2-left {float: left;width: 30%;border-radius: 4px 0 0 4px;border-right: 0;}
.partner_login .iziModal .form-control.col2-right {float: left;width: 70%;border-radius: 0 4px 4px 0;}

/*BOA B2B LOGIN PAGE*/
.clsStaff .BSA_Login, .clsAgent .BSA_Login, .clsDistributor .BSA_Login {background-repeat: no-repeat;background-position: left;background-size: cover;display: flex;align-items: center;width: 100%;height: 100vh;}
.clsStaff .BSA_Login {background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_staff.png');}
.clsAgent .BSA_Login {background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_Agent.png');}
.clsDistributor .BSA_Login {background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_staff.png');}

.clsStaff .BSA_Login .container, .clsAgent .BSA_Login .container, .clsDistributor .BSA_Login .container{width:95%;max-width: 95%;}
.clsStaff .BSA_Login .right_content .signuppart {display: block;}

.clsAgent .left_content {flex: 0 0 60%;max-width: 60%;}
.clsAgent .left_content h1{display:none !important;}
.clsAgent .left_content ul {display:none !important;}

.BSA_Login .left_content {width:68%;flex: 0 0 68%;max-width: 68%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 92px 15px;text-align: center;}
.BSA_Login .left_content h1{font-size: 28px;font-weight: 600;color: #fff;text-align: center;padding: 0px 60px;letter-spacing: 1px;}
.BSA_Login .left_content ul {border-bottom: none;overflow: hidden;display: flex;flex-wrap: wrap;padding: 10px;}
.BSA_Login .left_content ul li {flex: 1 1 auto;text-align: center;line-height: 1.5;color: #777;position: relative;display: inline-block;padding: 0;margin: 35px 25px;list-style-type: none;}
.BSA_Login .left_content ul li > div {animation: animName 4s ease-in-out infinite;}
.BSA_Login .left_content ul li > div {font-size: 16px;color: #fff!important;border-radius: 10px;height: 120px;width: 120px;padding: 22px 0;border: 2px solid #f1f1f1;display: inline-block;transform: rotate(45deg);}
.BSA_Login .left_content ul li > div > div {animation: animName1 0s ease-in-out infinite;transform: rotate(-45deg);}
.BSA_Login .left_content ul li > div i {font-size: 45px;}
.BSA_Login .left_content ul li > div > div p {color: #ffffffc2 !important;font-size: 14px !important;font-weight: 400 !important;}
@keyframes animName {0%{transform: rotate(45deg);}50% {transform: rotate(55deg);}60%{transform: rotate(35deg);}}
@keyframes animName1 {0%{transform: rotate(-45deg);}100%{transform: rotate(-45deg);}}

.BSA_Login .right_content {flex: 0 0 32%;max-width: 32%;left: auto;text-align: center;padding: 50px 30px;background-color: #fff;border-radius: 15px;box-shadow: none;}
.BSA_Login .Input_section {border-radius: 0 8px 0 0;}
.BSA_Login .Input_section .login_head{position: absolute;background: var(--color-primary);color: #fff;padding: 8px 18px;border-radius: 0 4px 0 10px;right: 0;top: 0;font-size: 14px;font-weight: 500;}
.BSA_Login .Input_section .login_slogan{font-size:14px;text-align:center;margin: 0;padding: 20px 0;text-transform:capitalize;color: #6c6b6b;}
.BSA_Login .Input_section .form-control {font-size: 14px;font-weight: 400;height: 44px;padding: 15px 15px 15px 50px;}
.BSA_Login .Input_section .Input_simg{text-align:center;}
.BSA_Login .Input_section i {position: absolute;left: 0;top: 0;font-size: 24px;width: 45px;text-align: center;}
.BSA_Login .Input_section i.la-envelope, .BSA_Login .Input_section i.la-lock {color:#777757;padding: 10px;}
.BSA_Login .Input_section i.la-unlock-alt {top: 26px;}
.BSA_Login .Input_section i.la-eye, .BSA_Login .Input_section i.la-eye-slash {background: #fff;color: var(--color-primary);top: 10px;right: 10px;left: auto;border:none;padding: 0;}
.BSA_Login .Input_section i#iLoading {position: absolute;left: auto;right: 15px;top: 10px;color: #fff;font-size: 20px;}

.BSA_Login button {width: 46%;height: 44px !important;padding: 6px 12px;}
.BSA_Login .btn_color1 {background:var(--color-primary) !important;color:#fff !important;border:none !important;}
.BSA_Login .btn_color2 {background:var(--color-secondary) ;color:#fff !important;border:none !important;}
.BSA_Login .buttondiv {text-align: center;}
.BSA_Login .buttondiv button {margin-bottom: 15px;position: relative;}
.BSA_Login .buttondiv center span {font-size: 13px;font-weight: 600;color: #795548;}
.BSA_Login .buttondiv center span:last-child {padding-left: 2px;}

.BSA_Login .right_content .signuppart {text-align: center;margin: 15px 0;float: left;width: 100%;position: relative;}
.BSA_Login .right_content .signuppart a {font-size: 13px;color: var(--color-primary);text-transform: capitalize;font-weight: 500;background: var(--color-primary-light);padding: 4px 15px;border-radius: 20px;}
.BSA_Login .right_content .signuppart a:before {content: "";position: absolute;border-bottom: 1px dashed var(--color-primary);width: 25%;left: 16px;bottom: 8px;}
.BSA_Login .right_content .signuppart a:after {content: "";position: absolute;border-bottom: 1px dashed var(--color-primary);width: 25%;right: 16px;bottom: 8px;}

/*LOGIN - Remember me checkbox*/
.remember-me {position: relative;padding-left:20px;text-align: left;float:left;font-size:12px;margin-bottom:5px;}
.remember-me input {display: none!important;}
.remember-me label{top:-14px;font-size: 13px;position: relative;color:#000;}
.remember-me label::before {content:" ";position: relative;top: 17px;left:-20px;width: 16px;height: 16px;border: 1px solid #475569;border-radius: 3px;transition: background 0.2s ease;cursor: pointer;display: block;}
.remember-me label:after {content: '';position: absolute;top: 18px;left: -14px;width: 5px;height: 11px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.remember-me input:checked ~ label::before {border-color: transparent;background: var(--color-secondary);animation: jelly 0.4s ease;}
.remember-me input:checked ~ label:after {opacity: 1;transform: rotate(45deg) scale(1);}
.loginpanel .row .col-lg-6.form-group.remember-me{padding-left:35px;}
@keyframes jelly {from {transform: scale(1, 1);}20% {transform: scale(1.3, 0.7);}40% {transform: scale(0.7, 1.3);}60% {transform: scale(1.1, 0.9);}80% {transform: scale(0.9, 1.1);}to {transform: scale(1, 1);}}

/*Forgot Password*/
.forgotpasword_open {cursor: pointer;color: #3f51b5;font-size: 14px;text-decoration: underline;text-align: right;}
.forgotpasword_open:hover {text-decoration:none;}

/*CapsLock_log*/
.CapsLock_log {float:left; width:100%;position: relative;}
.CapsLock_log span {position: absolute;top: 25px;left: 35%;font-size: 13px;color: red;}
.CapsLock_log i.fa-warning {position: relative;right: 0;top: 0;font-size: 16px;width: auto;}

/*clsversions*/
.clsversions {position:relative;font-size: 12px;font-weight: 600;margin-top: 5px;float: left;width: 100%;}

/*Powerd by*/
.tesepr {font-family: 'MANDALA_REGULAR', sans-serif !important; font-size: 19px; font-weight: 600; background: #454B9E; background: linear-gradient(to right, #454B9E 0%, #3F86C7 50%, #4FC0AD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sts{color: #ffa423;font-weight: 600;text-decoration: underline;font-size: 15px;}

/*--Login OTP Authentication---*/
.otp_bg {background-color: var(--color-primary);background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/otp_bg.png');background-position: center;background-size: cover;text-align: center;} 
.otp_bg .card_section {display: flex;align-items: center;width: 100%;height: 100vh;}
.otp_bg .Left_pos {display: none;}
.otp_bg .Right_pos {float: left;width: 44%;margin: 0 auto;background: #fff;border-radius: 5px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);padding: 25px;}
.otp_bg .img_sec img {float: left;width: 100%;margin-bottom: 10px;}
.otp_bg button {border-radius: 30px;width: 80%;}
.otp_bg .dvclsresendotpcontainer {float: left;width: 100%;}
.otp_bg .otp_header {text-align: center;}
.otp_bg .otp_header h5 {color: var(--color-secondary);font-size: 22px;margin-bottom: 15px;}
.otp_bg .otp_header img {position: relative;width: auto;margin-bottom: 20px;}
.otp_bg .otp_header p {font-size: 12px;margin: 0;}
.otp_bg .otp_header p:last-child{font-weight: 600;}

.otp_bg .validation-summary-errors {float: left;width: 100%;}
.otp_bg .validation-summary-errors ul {list-style: none;}
.otp_bg .validation-summary-errors ul li {font-size: 14px;color: red;padding: 10px;}

.otp_bg #otp {margin: 30px auto;width: 100%;}
.otp_bg #otp .form-control {border: 1px solid #e8eaed;background-color: #cce7ff;font-size: 24px;width: 50px;height: 50px;border-radius: 50%;margin-right: 6px;text-align: center;}
.otp_bg #otp .form-control:focus {border: 2px solid var(--color-primary);}
.otp_bg .validation-summary-valid {float: left;width: 100%;}
.otp_bg .btn_section {float: left;width: 100%;}

.otp_bg a.validation-summary-errors ul li {list-style: none;padding-left: 0px 0px;color: red;font-size: 13px;font-weight: 500;}
.otp_bg .resend:hover {text-decoration: underline;}

@media (min-width: 768px) {.otp_bg {height:calc(100vh - 0px);}}
@media (max-width: 768px) {.otp_bg .Right_pos {width: 100%;}}

/***** OTP Section *****/
#OTPnew {float: right;background: #4db155;color: #fff;border-radius: 20px;padding: 0px 8px;font-style: normal;font-size: 11px;margin-bottom: 5px;}
#OTPres {color: #006ff9;text-decoration: underline;margin-bottom: 5px;float: right;font-size: 12px;font-weight: 600;}
#OTPres:hover {text-decoration:none;}

/*Login User*/
#divUserIn button:focus {border: 1px solid var(--color-primary) !important;}

.dropdown-menu-inner {position:absolute;top: 44px;right:0px;min-width:160px;z-index:1;border: 1px solid #e5e9f2;background: #fff;border-radius: 10px;z-index:1000;}
.dropdown-menu-inner .dropdown-inner {float: left;width: 100%;}
.dropdown-menu-inner .dropdown-inner ul {padding:0px;margin:0px;}
.dropdown-menu-inner .dropdown-inner ul li {float: left;width: 100%;list-style: none;border-bottom: 1px solid #f5eeee;padding: 10px;text-align: left;font-size: 12px;font-weight: 600;}
.dropdown-menu-inner .dropdown-inner ul li:last-child {border-radius: 0 0 15px 15px;text-align: left;}
.dropdown-menu-inner .dropdown-inner ul li a {color:#333;}
.dropdown-menu-inner .dropdown-inner ul li a:hover {color:var(--color-primary);text-decoration:none;}
.dropdown-menu-inner .dropdown-inner ul li i {position: relative;top: 4px;}
.dropdown-menu-inner .clsLogout {background: var(--color-primary) !important;}
.dropdown-menu-inner .clsLogout a {color:#fff !important;}

.dropdown-menu-inner .dropdown-head {padding: 10px 5px;background-color: #eff7ff;border-radius: 15px 15px 0 0;}
.drop-down .user-card {display: flex;align-items: center;gap: 6px;cursor:pointer;}
.drop-down .user-avatar {border-radius: 50%;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;color: #fff;background: var(--color-secondary);font-size: 20px;font-weight: 500;letter-spacing: 0.06em;flex-shrink: 0;}
.drop-down .user-avatar img{width:100%;border-radius:50%;height: 100%;object-fit: cover;}
.drop-down .user-info {float: left;}
.drop-down .user-info p{font-size: 13px;font-weight: 500;color:#707070;margin:0;text-align:left;}
.drop-down .user-info h6 {font-size: 15px;font-weight: 600;text-align:left;}
.drop-down .user-info h6 i {font-size: 16px;padding-left:5px;}
.drop-down .clsUserName {font-weight:500;}

/*Logout*/
#modal-fr .modal-header {border-radius:20px 20px 0px 0px;}
#modal-fr .modal-content {border-radius:20px;}

/*B2C, BOA, B2B Forget Password*/
.partner_forget .iziModal .iziModal-header {background: var(--color-secondary);box-shadow: none;padding: 12px 0px;color: #000;text-align: center;margin-bottom: 20px;}
.partner_forget .iziModal .iziModal-header h4 {text-align:center;font-size:16px;margin-bottom:0px;color:#fff;}
.partner_forget .iziModal .iziModal-header .login_head{font-size:20px;font-weight:600;text-align:center;margin-bottom:10px;text-transform:capitalize;color: #000;}
.partner_forget .iziModal .iziModal-header .login_slogan{font-size:14px;text-align:center;margin-bottom:20px;color: #6c6b6b;}
.partner_forget .iziModal .iziModal-header button {background: transparent;margin-bottom: 0px;position: absolute;right: 20px;top: 10px;font-size: 20px;font-weight: bold;border-radius: 50%;width: 30px;height: 30px;border: 0;color: #919292;cursor: pointer;z-index:999;}
.partner_forget .iziModal .iziModal-header button.icon-close {font-family:simple-line-icons !important;}
.partner_forget .iziModal .iziModal-header button:hover {color: black;}
.partner_forget .iziModal .iziModal-footer .Bottomdiv{background: #fff;margin-bottom:15px;}
.partner_forget .iziModal .iziModal-content .icon-close {position: absolute;right: 15px;top: 5px;font-size: 25px;border: 0;cursor: pointer;background: transparent;color: #fff;opacity:0.5;}
.partner_forget .iziModal .iziModal-content .icon-close:hover, .partner_login  .iziModal-content .icon-close:focus {opacity:1;}

#B2C_OTPnew {float: right;cursor: pointer;font-weight: 600;font-size: 13px;color: #438b05;margin-bottom: 3px;}
#B2C_OTPnew:hover {text-decoration:underline;}
#B2C_OTPres {float: right;cursor: pointer;font-weight: 600;font-size: 13px;color: #1121da;margin-bottom: 3px;}
#B2C_OTPres:hover {text-decoration:underline;}

/*Error Message Forget Password*/
/*#modal-forget .message.message_wrap {background: #eb423f;color: #fff;font-size: 14px;padding:5px 5px;}*/

/*Login Error Message*/
.error_message .error_active {width: 100%;font-size: .9em;padding: 3px;background-color: #eb423f;color: #fff;margin-bottom: 2px;}
.error_message .error_active ul{list-style: none;margin: auto;padding: 6px;text-align:center;}
#loginpnl p span.error_active {color: #fff;background: #eb423f;border: 1px solid #eb423f;font-weight: 600;font-size: 14px;padding: 8px;border-radius: 4px;text-align: center;width:100%;display:block;}

/*Registration*/
.BSA_Registration {background: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_Agent.png');display: flex;align-items: center;width: 100%;height: 100vh;}
.BSA_Registration #dv_Registration {float: left;width: 100%;background: #fff;border-radius: 10px;border: 1px solid #ddd;border-bottom: 5px solid #faa61a;margin-top: 10px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;}
.BSA_Registration #dv_Registration .Sec_left {display: flex;justify-content: center;align-items: center;background: var(--color-primary-light);height: 480px;border-radius: 4px;text-align: center;}
.BSA_Registration #dv_Registration .Sec_left img {margin-bottom: 20px;}

.BSA_Registration #dv_Registration .Sec_right h1 {text-align: center;font-size: 22px;padding: 20px;color: #333;margin-bottom: 20px;border-bottom: 1px solid #fdfbfb;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"] {-webkit-appearance: none;text-align: left;position: relative;height: 40px;border: 1px solid #dadce0;border-radius: 5px;width: 100%;padding-left: 10px;color: transparent;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"]::before {content: attr(data-value);display: inline-block;color: #302f2f;font-size: 13px;font-weight: 600;cursor: pointer;padding-top: 10px;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"]::-webkit-file-upload-button {visibility: hidden;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"]::after {content: 'Browse Files';display: inline-block;border: 1px solid var(--color-secondary);outline: none;padding: 8px;border-radius: 0 4px 4px 0;background: var(--color-secondary);float: right;white-space: nowrap;color: #fff;font-size: 14px;font-weight: 500;cursor: pointer;position: absolute;right: 0;top: 0;}
.BSA_Registration #dv_Registration .Sec_right .fileuploader span {font-size: 11px;color: red;font-weight: 600;}

.BSA_Registration #dv_thank_you {float: left;width: 100%;display: inline-block;}
.BSA_Registration #dv_thank_you .rg-thank-you {border-radius: 10px;border: 1px solid #ddd;border-bottom: 5px solid #faa61a;margin-top: 10px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;padding: 50px 0;text-align: center;}
.BSA_Registration #dv_thank_you .details-box h5 {font-size: 22px;color: var(--color-primary);margin-bottom: 20px;}
.BSA_Registration #dv_thank_you .details-box h6 {font-size: 14px;color: #444141;margin-bottom: 20px;}
.BSA_Registration #dv_thank_you .details-box .bg-flight img {width: 85%;padding: 30px;}

/*Login*/
.__loginsection{background:#fbf9f1;display: flex;align-items: center;justify-content: center;height: 100vh;}
.__loginsection .container{width:75%; z-index: 10; position: relative;}
.__loginsection .left_content {padding: 92px 50px;height: calc(100vh - 52px);background-image: url("../../../../../Images/KERALABRAHMANSABHA/Login/left_img.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;flex: 0 0 40%;max-width: 40%;display: flex;align-items: center;}
.__loginsection .left_content .left_img .login_logo{margin-bottom:15px;}
.__loginsection .left_content .left_img .login_logo img{border-radius:50%;}
.__loginsection .left_content .left_img  h6{font-size:36px;font-weight:600;color: #fff;}
.__loginsection .left_content .left_img  p{font-size:16px;font-weight:400;color: #fff;}

.__loginsection .right_content {flex: 0 0 60%;max-width: 60%;left: auto;text-align: left;padding: 50px 70px;box-shadow: none;margin-left: auto;margin-right: auto;backdrop-filter: blur(16px) saturate(180%);-webkit-backdrop-filter: blur(16px) saturate(180%);background-color: rgba(255, 255, 255, 0.75);border-radius: 12px;border: 1px solid rgba(209, 213, 219, 0.3);display: flex;align-items: center;}
.__loginsection .right_content .login-top{margin-bottom:30px;}
.__loginsection .right_content .login-top .login-title h3{font-size:32px;font-weight:600;color:#1b1c17;}
.__loginsection .right_content .login-top .login-title p{font-size:16px;font-weight:400;color:#707070;}
.__loginsection .right_content .login-top .login-title p a{font-weight:600;color:#000;text-decoration:underline;padding-left:5px;cursor:pointer;}

.__loginsection .loginpanel{width:100%;}
.__loginsection .login-content .form-group .form-label{position: absolute;left: 25px;top: -8px;z-index: 2;background: #fff;padding: 0 10px;font-weight: 400;color: #707070;}
.__loginsection .login-content .form-control {font-size: 14px;font-weight: 500;height: 55px;padding: 20px;border-radius:10px;color:#000;border-color:#ececec;}
.__loginsection .login-content .form-control::placeholder{font-weight: 500;color:#707070;}

.__loginsection .login-content .input_icon {position: absolute;left: 0;top: 0;font-size: 24px;width: 45px;text-align: center;display:none;}
.__loginsection .login-content .ico{position: absolute;right: 0;top: 0;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;width: 45px;text-align: center;color: #767575;cursor:pointer;}
.__loginsection .login-content i#iLoading {position: absolute;left: auto;right: 15px;top: 10px;color: #fff;font-size: 20px;}
.__loginsection .login-content .forgotpwd a{font-size:13px;color:#707070;margin:0;cursor:pointer;}
.__loginsection .login-content button {width: 100%;height: 50px;padding: 6px 12px;font-size: 16px;border-radius:10px;}
.__loginsection .login-content .clsTesepr{margin-top:20px;font-size:14px;}
.__loginsection .error{position: absolute;font-size: 11px;color: red;font-weight: 400;padding: 3px 5px;}
.__loginsection .form-group{margin-bottom:30px;}

/*LOGIN - Remember me checkbox*/
.remember-me {position: relative;padding-left:20px;text-align: left;float:left;font-size:12px;margin-bottom:5px;}
.remember-me input {display: none!important;}
.remember-me label{top:-14px;font-size: 13px;position: relative;color:#000;}
.remember-me label::before {content:" ";position: relative;top: 17px;left:-20px;width: 16px;height: 16px;border: 1px solid #475569;border-radius: 3px;transition: background 0.2s ease;cursor: pointer;display: block;}
.remember-me label:after {content: '';position: absolute;top: 18px;left: -14px;width: 5px;height: 11px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.remember-me input:checked ~ label::before {border-color: transparent;background: var(--color-secondary);animation: jelly 0.4s ease;}
.remember-me input:checked ~ label:after {opacity: 1;transform: rotate(45deg) scale(1);}
.loginpanel .row .col-lg-6.form-group.remember-me{padding-left:35px;}
@keyframes jelly {from {transform: scale(1, 1);}20% {transform: scale(1.3, 0.7);}40% {transform: scale(0.7, 1.3);}60% {transform: scale(1.1, 0.9);}80% {transform: scale(0.9, 1.1);}to {transform: scale(1, 1);}}

/*Powerd by*/
.tesepr {font-family: 'MANDALA_REGULAR', sans-serif !important; font-size: 19px; font-weight: 600; background: #454B9E; background: linear-gradient(to right, #454B9E 0%, #3F86C7 50%, #4FC0AD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*--Login OTP Authentication---*/
.otp_panel{width:100%;}
.otp_panel .otp-top{margin-bottom:30px;text-align:center;}
.otp_panel .otp_img img{width:180px;margin-bottom:30px;}
.otp_panel .otp-top .otp-title h3{font-size:32px;font-weight:600;color:#1b1c17;}
.otp_panel .otp-top .otp-title p{font-size:16px;font-weight:400;color:#707070;}
.otp_panel .otp-top .otp-title p a{font-weight:600;color:#000;text-decoration:underline;padding-left:5px;cursor:pointer;}

.otp_panel .otp-content .otp_box .input-fields{display:flex;column-gap:5px;justify-content:center;}
.otp_panel .otp-content .otp_box .input-fields input{border: 1px solid #eeeeee;background-color: #eeeeee;font-size: 24px;width: 50px;height: 50px;border-radius: 4px;margin-right: 6px;text-align: center;}
.otp_panel .otp-content #otp_timer{margin-top:20px;}
.otp_panel .otp-content #otp_timer p{font-size: 14px;color: #8392a5;font-weight: 500;}
.otp_panel .otp-content #otp_timer p span{color: #001737;font-weight: 500;}
.otp_panel .otp-content button {width: 100%;height: 50px;padding: 6px 12px;font-size: 16px;border-radius:10px;}

/*Contact Page*/
.section_padding {padding:50px 0;}

.contact_page .adress-contact{background-color:#fff;height: 270px;padding: 25px 20px;margin: 40px 0;border-radius: 2px;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);margin-right:5px;display: flex;flex-flow: column;justify-content: flex-start;align-items: center;gap:20px;}
.contact_page .adress-contact svg{width: 50px;fill: var(--color-primary);}
.contact_page .adress-contact h4{font-size: 18px;font-weight:600;margin:0;}
.contact_page .adress-contact address{font-size: 16px;margin-bottom: 0px;font-style:normal;}
.contact_page .adress-contact p{font-size:16px;margin-bottom:0px;color: #2A2A2A;}
.contact_page .adress-contact p a{color: #2A2A2A;}
.contact_page .adress-contact .contact_sec{text-align:center;}
.contact_page .con_gmap {background-color: #fff;margin-bottom: 15px;border-radius: 6px;margin-top:20px;}
.contact_page .map-area iframe {width: 100%;height: 400px;}
.contact_page .mapouter {position: relative;text-align: right;width: 100%;height: 400px;}
.contact_page .gmap_canvas {overflow: hidden;border-radius: 12px;}

/*===============================
          Session Expired
=================================*/

.Session_Expired .clsBoxShdow {font-size: 14px;font-weight: 600;margin: 0 auto;text-align: center;}
.Session_Expired .clsBoxShdow h3 {display: none;}
.Session_Expired .clsMySubLabel {color: #132968;font-size: 16px;font-weight: 500;margin: 0;padding-bottom: 20px;text-align: center;margin-top:25px;}
.Session_Expired ul.clsUlContent {border-radius: 8px;border: 1px solid;background: rgb(255, 247, 237);border-color: rgb(247, 175, 72);color: rgb(208, 126, 9);list-style: none;width: 50%;margin: 0 auto;text-align: left;padding: 15px;}
.Session_Expired ul.clsUlContent li {font-size: 13px;font-weight: 600;line-height: 2;list-style: decimal;margin-left: 20px;}

/* ===============================  
        Home Section
================================== */
/*Markquee section*/
.markque_section{display:none;}
.markque_section marquee{color: #fff;font-weight: 500;border-bottom: 1px solid #85525b;padding-bottom: 10px;font-size: 14px;margin: 0;}

/* NAVBAR */
.navbar{background-color: var(--color-white);color: var(--color-black);padding: 10px;border-bottom:1px solid #D6D6D6;}
.nav-link{color: #000;font-weight: 600; line-height: 19px; font-size: 15px;padding-left:0px !important;padding-right:0px !important;}
.nav-link .sub_arrow i {padding-left:10px;}

.blackbar{background-color: var(--color-primary);padding:5px 0px;}
.tpcontact ul{padding-left: 0;margin-bottom: 0;}
.tpcontact ul li{list-style-type: none;display: inline-block;padding: 5px 15px 5px 15px;}
.tpcontact ul li:last-child{border-right:0;}
.tpcontact ul li a{color: var(--color-white);font-size: 14px;font-weight: 500;}
.tpcontact ul li a i{font-size: 20px;position: relative;top: 2px;color: #fff;}
.login_content{text-align:right;}

.doubledeck_btn {}
.doubledeck_btn ul {list-style: none;margin: 0;padding: 0;}
.doubledeck_btn ul li {float: left;border-right:1px solid #df4920;}
.doubledeck_btn ul li:last-child {border-right:0;}
.doubledeck_btn ul li:last-child a{margin-right: 0;}
.doubledeck_btn a:hover {text-decoration:none;}
.doubledeck_btn a i, .doubledeck_btn button i {position: relative;top: 2px;font-size: 20px;padding-right: 4px;}
.doubledeck_btn a i.fa-ticket {font-size: 18px;}

.doubledeck_btn .log_btn {position: relative;padding: 10px 5px;cursor: pointer;font-size: 13px;color: #fff;margin-right: 4px;display: inline-block;}
.doubledeck_btn .log_btn a:hover {text-decoration:none;}
.doubledeck_btn .log_btn.btn_l {color: #fff;background-color: transparent;background: var(--color-secondary);padding: 6px 15px;font-size:14px;font-weight:600;border-radius:40px;transition: all .3s;}
/*.doubledeck_btn .log_btn.btn_l:hover {background-image:var(--color-gradient-bg);}*/
.doubledeck_btn .log_btn.btn_2 {padding: 10px 15px;}

.menu ul{list-style: none;text-align: center;padding:0px;margin:0px;}
.menu a.nav-link{text-decoration: none;display: block;position: relative;color:#000;padding: 13px 20px !important;}
.menu a.active {color: var(--color-primary);}
.menu a:hover {color: var(--color-primary);}

.dropdown:hover .dropdown-content {display:block !important;}
.dropdown:hover a.nav-link::before {height: 3px;width: 100%;left: 0;background-color: #3f444b;z-index: 2;}
.dropdown:hover a.nav-link {color:var(--color-primary);}
.sub-menu {width: 100%;top: auto;left: 0px;min-width: 10em;max-width: 1000px;background-color: #fff;font-size: 13px;z-index: 2;position: relative;float: left;}
.sub-menu li a {color:#33373d;font-size:13px;padding:13px 20px;float: left;width: 100%;text-align: left;}
.dropdown-content {position: absolute;z-index: 2;font-weight: 500;float: left;width: 100%;}
.sub-menu li a:hover {background-color: #3f444b;color: #fff;}

.dropdown-item{ font-size: 14px; transition: 0.3s ease;}
.dropdown-item:hover{background-color: rgba(73, 182, 255, 0.6); }

.fa-sort-up{color: #fff;position: absolute;top: -8px;left: 26%;font-size: 21px;}
.visa:hover .visaMenu{display: block;}
.visit:hover .visitMenu{display: block;}
.tours:hover .toursMenu{display: block;}
.forex:hover .forexMenu{display: block;}
.more:hover .moreMenu{display: block;}

@keyframes dropdown {0% {opacity: 0;transform: translateY(10px);}100% {opacity: 1;transform: translateY(0);}}

.main-navbar .navbar-nav .nav-item a.nav-link:before {content: "";width: 0;height: 1px;bottom: 0;position: absolute;left: auto;right: 0;z-index: 0;}
.main-navbar .navbar-nav .nav-item a.nav-link:hover:before,
.main-navbar .navbar-nav .nav-item a.nav-link:focus:before,
.main-navbar .navbar-nav .nav-item a.nav-link.active:before {height: 3px;width: 100%;left: 0;background-color: #3f444b;z-index: 2;}
/* NAVBAR */

/*Home_slider*/
.__HomeSlider .carousel-inner{height:calc(100vh - 135px);}
.__HomeSlider img {width: 100%;height:100%;object-fit:cover;}
.__HomeSlider .carousel-inner a:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:linear-gradient(45deg, #000000, #000000a1, #000000);opacity:.6;}
.__HomeSlider #startchange{position:relative;}
.__HomeSlider #carousel-fade .carousel-indicators{display:none;}

/* Slider CSS Coding */
.carousel-fade .carousel-inner .item {opacity: 1;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.fa .fa-chevron-right{position: absolute;top: 50%;z-index: 5;display: inline-block;}
.carousel-control .icon-prev, .carousel-control .icon-next,.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {position: absolute;top: 50%;z-index: 5;display: inline-block;}

.carousel_cnt {position: absolute;width: 100%;text-align: center;bottom: 40px;color: #fff;z-index: 2;max-width: 65%;left: 50%;transform: translate(-50%, 0px);}
.carousel_cnt .text-center {font-weight: 500;font-size: 20px;}

.btn_sec{display:flex;align-items:center;justify-content:space-between;}
.btn_sec a{font-size: 16px;padding: 10px 24px;color: #fff;text-align: center;border-radius: 0px;border:none;font-weight:600;width:100%;}
.btn_sec a.clsJobBtn{background:var(--color-primary);}
.btn_sec a.clsMatrimonyBtn{background:var(--color-secondary);}
.btn_sec a.clsMemberBtn{background:var(--color-primary);}
.btn_sec a:hover{text-decoration:none;color:#fff;}

.carousel_content{position:absolute;width:100%;text-align:center;z-index:2;top:15%;}
.carousel_content h2{color:#fff;font-size:72px;text-transform:capitalize;font-family: "Playfair Display", serif;font-weight:700;}
.carousel_content h2 span{color:var(--color-secondary);font-family: "Playfair Display", serif !important;}
.carousel_content p{color:#fff;font-size:18px;color:#e1e1e1;font-weight:600;display:none;}
.carousel_content button{padding:12px 40px;font-size:16px;border-radius:50px;background:var(--color-secondary);border:1px solid var(--color-secondary);color:#000;font-weight:600;margin:0 8px;}
.carousel_content .Registerbtn{background: #ffffff2e;color: #fff;border: 1px solid #ffffff94;}
.carousel_content  .btn_section{margin-top:35px;}

/*footer section*/
.__footer.clsb2cContent {padding: 45px 0 10px;position: relative;z-index: 0;}
.__footer.clsb2cContent:before{content: '';background: var(--color-primary);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.__footer.clsb2cContent .container{max-width:80%;}
.__footer .about-logo{text-align:center;}
.__footer .clsSocialIcons ul {padding: 0px;list-style: none;margin: 0px;text-align: center;margin-top: 15px;}
.__footer .clsSocialIcons ul li {display: inline-block;margin-right: 10px;margin-top: 15px;}
.__footer .clsSocialIcons ul li a {color: #fff;font-size: 20px;padding: 10px 14px;background: linear-gradient(135deg, #e69119, #f47b25);border-radius: 4px;}
.__footer .clsSocialIcons ul li a:hover {opacity: .9;color: #fff;}
.__footer .clsQuickLinks h3{color:#fff;font-size: 20px;margin-bottom:15px;}
.__footer .clsQuickLinks h3:before, .__footer .clsConatactInfo h3:before{content: "";width: 40px;height: 3px;border-radius: 4px;background: var(--color-secondary);position: relative;display: inline-block;top: -5px;margin-right: 10px;}
.__footer .clsQuickLinks ul {padding: 0px;list-style: none;margin: 0px;}
.__footer .clsQuickLinks ul li{margin-bottom:8px;}
.__footer .clsQuickLinks ul li a {color: #fff;font-size: 15px;opacity:.8;}
.__footer .clsConatactInfo h3{color:#fff;font-size: 20px;margin-bottom:15px;}
.__footer .clsConatactInfo ul {padding: 0px;list-style: none;margin: 0px;}
.__footer .clsConatactInfo ul li{display: flex;gap: 12px;color: #fff;align-items: flex-start;margin-bottom:8px;}
.__footer .clsConatactInfo ul li a {color: #fff;font-size: 15px;opacity:.8;}
.__footer .clsQuickLinks ul li a:hover, .__footer .clsConatactInfo ul li a:hover{opacity:1;}
.__footer .clsConatactInfo ul li i{color:var(--color-secondary);position: relative;top: 3px;}
.__footer .copyright-content{margin-top: 10px;border-top: 1px solid #85525b;}
.__footer .copyright p{color:#fff;margin-top:10px;}

/*animate CSS*/
@keyframes float{from{transform:translateY(-5px)}to{transform:translateY(5px)}}
@keyframes side_scroll{from{transform:translateX(0px)}to{transform:translateX(-180px)}}
@keyframes scroll_up{from{transform:translateY(0px)}to{transform:translateY(-550px)}}
@keyframes text_animate {0% {background-position: -500%;}100% {background-position: 500%;}}
@keyframes text_animate2 {0% {background-position: -500%;}100% {background-position: 500%;}}
@keyframes icons{from{transform:scale(0.9)}to{transform:scale(1)}}
@keyframes inspire{from{transform:scale(1)}to{transform:scale(1.1)}}

/*Header*/
.header .blackbar {background: rgb(219,45,44);background: linear-gradient(90deg, rgba(219,45,44,1) 0%, rgba(249,130,21,1) 100%);color: #fff;}
.header .tpsignin ul{padding: 0;list-style-type: none;margin: 0;}
.header .tpsignin ul.clssupport{display:none;}
.header .tpsignin ul li {display: inline-block;line-height: inherit;}
.header .tpsignin ul li i {font-size:20px;position: relative;top: 2px;}
.header .tpsignin ul li a, .header .blackbar .tpsignin ul li span {color:var(--color-white);font-size: 13px;}

.header .tpsignin ul li {position: relative;z-index: 1;}
.header .tpsignin ul li a{color: #707070 ;font-weight: 400;}
/*.header .tpsignin ul li:last-child a, .header .blackbar #divUserOut.tpsignin ul li:last-child a span {color: var(--color-white);}*/
 
.header nav.navbar-static-top {float: left;width: 100%;background: var(--color-white);box-shadow:0 2px 6px 0 rgba(199,197,197,0.7);}
.header .agent_logo {float: left;}
header .navbar-brand{padding:0;}
header .navbar-brand img{width:200px;}

.navbar-header {float: right;}
.navbar-header .wsmenu {max-width: 100%;background-color: var(--color-white);border-radius: 0;}
.navbar-header .wsmenu ul li a i {display: none;}
.navbar-header .wsmenu ul li ul li:first-child a {border-left: 0;}
.navbar-header .wsmenu ul li ul li ul.wsmenu-submenu-sub {right: 100%;left: inherit;}
.navbar-header .wsmenu-list > li:nth-last-child(2) ul, .navbar-header .wsmenu-list > li:last-child ul {right: 0;}
.navbar-header .wsmenu ul li ul li a:hover{background-color:var(--color-light) !important;color:var(--color-primary) !important;}
.navbar-header .wsmenu ul li ul li a i {display: inline-block;font-size: 20px;padding-right: 6px;}

.navbar-header .wsmenu-list > li > a {color: var(--color-black);padding: 10px 5px;border-right:none;}
.navbar-header .wsmenu-list > li > a:hover{background-color:transparent !important;}
.navbar-header .wsmenu-list > li > a > span {font-weight: 500;padding: 2px 5px;margin: 0;}
.navbar-header .wsmenu-list > li > a:hover > span {background-color: var(--color-primary);color: var(--color-white);border-radius: 10px 0px 10px 0px;}
.navbar-header .wsmenu-submenu {top: 60px;min-width: 240px;border-top: 3px solid var(--color-primary);}
.navbar-header .wsmenu-submenu li a {color: #2c3a4e !important;font-size:12px; font-weight: 600;}

header.header nav li.m_overscrl:hover{position:relative;}
header.header nav li.m_overscrl .wsmenu-submenu {overflow: auto;max-height: calc(100vh - 110px);}

/*Wrapper*/
.wrapper {float: left;width: 100%;}

button:focus {outline:none !important;}
ul li a:hover {text-decoration:none;}

.form-control:disabled, .form-control[readonly] {background-color: transparent !important;opacity: 1;}
/*input[type="text"] {letter-spacing:normal;border-radius: 10px !important;border:1px solid #cfcfcf;}*/

/*------------------------------------
          Card CSS
------------------------------------*/

._MCard {float: left;width: 100%;background: #fff;border-radius: 10px;border: 1px solid #ddd;margin-top: 30px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;position: relative;margin-bottom:20px;}
._MCard-header {float: left;width: 100%;padding: 25px;display:flex;justify-content:space-between;}
._MCard-header h4 {font-size: 20px;margin: 0;}
._MCard-header h4 button {height: 30px;margin-top: 0;float: right;position: relative;top: -5px;}
._MCard-content {float: left;width: 100%;padding: 25px;position: relative;}
._MCard-content .form-progress{margin-bottom:30px;} 
 
.card {margin: 0 auto;background: #fff;border-radius: 10px;border: 1px solid #ddd;margin-top: 10px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;}
.card .card-title {margin: 0;border: 0;border-bottom: 1px solid #ddd;}
.card .card-title h4 {padding: 10px;margin: 0;font-size: 16px;}
.card .card-title h4 button {height: 32px;font-size: 12px;float: right;position: relative;top: -4px;cursor: pointer;}
.card .card-title h4 button:hover {background-color: var(--color-secondary);color: #fff !important;}
.card .card-body {padding: 10px;}
.card .card-body .form-group label {float: left;width: 100%;font-size: 13px;color: #777;font-weight: 500;margin-bottom: 0.25rem !important;}
.card .card-body .pwd {height:40px;}
.card .card-body input[type=checkbox], .card .card-body input[type=radio] {height: auto !important;text-align: left;width: auto;}
.card .card-body .cntr label.cbx {width: 20px;}
.card .card-body .cntr label.lbl {font-size: 13px;font-weight: 500;}
.card .card-footer {background: #fff;padding: 0;border: 0;border-radius: 0 0 10px 10px;}

.panel_tabel{border: 1px solid #ddd;border-radius: 10px;}
.panel_tabel .panel-title{padding: 15px;}
.panel_tabel .panel-title h5{font-size: 16px;margin: 0;}
.panel_tabel .panel_body{padding: 5px 15px 10px 15px;}
.panel_tabel .panel_body table{border: 1px solid #e1dfdf;}
.panel_tabel .panel_body table tr th {border: 1px solid #e1dfdf;background: #1b1c17;color: #fff;}
.panel_tabel .panel_body table tr td .form-control{height:40px;border-radius:4px !important;}

.Add_min_btn{display: flex;gap: 10px;justify-content: center;}
.Add_min_btn .__Addbtn, .Add_min_btn .__minusbtn{background: #eee;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;text-align: center;font-size: 16px;cursor:pointer;}

/* ===============================  
      Protected Page Coming Soon
   ================================ */

/***** Secure_page *****/
.Secure_page .fxt-template-default {height: 100vh;}
.Secure_page .wrapper {opacity: 1;position: relative;z-index: 1;height: 100%;width: 100%;overflow-x: hidden;transition: all 0.3s ease-in-out;}
.Secure_page .fxt-content-wrap-layout {background-color: rgba(0, 0, 0, 0.5);padding: 100px 15px;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.Secure_page .S_conpage {color: #fff;width: 100%;text-align: center;}
.Secure_page .S_conpage h2 {color: #fff;}
.Secure_page .S_conpage p {font-size: 14px;color:#fff;}
.Secure_page .S_conpage .theme-form {width: 25%;margin: 0 auto; }
.Secure_page .S_conpage .theme-form label {color: white;font-size: 20px;text-transform: capitalize; }
.Secure_page .S_conpage .theme-form input {padding: 13px 25px;border-radius: 25px;font-size: 16px;height: 50px;border: none;}
.Secure_page .S_conpage .theme-form input:focus {-webkit-box-shadow: none;box-shadow: none;border: 1px solid #dddddd; }
.Secure_page .S_conpage .theme-form .actions {margin-top: 20px; }
.Secure_page .S_conpage .theme-form .actions .btn {padding: 10px 30px;border-radius: 3px;background-image: linear-gradient(90deg, #E6B027 0%, #CA5656 100%);color: #fff;font-weight: 500;font-size: 16px;position: relative;border: none;transition: all .3s;}   
.Secure_page .S_conpage .theme-form .actions .btn:hover {background-color: transparent;background-image: var(--color-gradient-bg);}

@-webkit-keyframes zoomeffect{0%{background-position:center;transform:scale(1,1);}50%{background-position:center;transform:scale(2,2);}100%{background-position:center;transform:scale(1,1);}}
@keyframes zoomeffect{0%{background-position:center;transform:scale(1,1);}50%{background-position:center;transform:scale(2,2);}100%{background-position:center;transform:scale(1,1);}}

/***** Coming Soon *****/

@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 200;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 600;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jow.ttf) format('truetype');}

.Comming_soon .fxt-template-default {height: 100vh;}
.Comming_soon .wrapper {opacity: 1;position: relative;z-index: 1;height: 100%;width: 100%;overflow-x: hidden;transition: all 0.3s ease-in-out;}
.Comming_soon .fxt-content-wrap-layout {background-color: rgba(0, 0, 0, 0.5);padding: 100px 15px;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

.Comming_soon .S_conpage {color: #fff;text-align: center;}
.Comming_soon .S_conpage h2 {color: #fff;float: left;width: 100%;}
.Comming_soon .S_conpage .theme-form {width: 25%;margin: 0 auto; }
.Comming_soon .S_conpage .fxt-item-title {color: #ffffff;line-height: 1.5;margin-bottom: 30px;letter-spacing: 1.5px;font-size: 50px;font-weight: 400;}
.Comming_soon .S_conpage img {width: 280px;}

.Comming_soon .fxt-btn-fill {cursor: pointer;display: inline-block;font-size: 18px;font-weight: 500;color: #333;border-radius: 45px;background-color: var(--color-secondary);padding: 10px 40px;transition: all 0.3s ease-in-out;border:none;display:none;}

.Comming_soon .countdown {margin-bottom: 40px;float: left;width: 100%;}
.Comming_soon .countdown .countdown-section {display: inline-block;margin-right: 75px;min-width: 160px;position: relative;}
.Comming_soon .countdown .countdown-section .countdown-number {font-size: 100px;line-height: 1.1;font-weight: 600;color: #ffffff;font-family: 'Work Sans', sans-serif;}
.Comming_soon .countdown .countdown-section .countdown-unit {color: #ffffff;text-transform: capitalize;font-size: 26px;font-weight: 300;font-family: 'Work Sans', sans-serif;}
.Comming_soon .countdown .countdown-section:after {content: ":";font-size: 100px;font-family: 'Work Sans', sans-serif;line-height: 1;color: #ffffff;font-weight: 300;position: absolute;top: 0;right: -50px;}
.Comming_soon .countdown .countdown-section:last-child:after {display: none;}

.Comming_soon .cs_footer {float: left;width: 100%;text-align: center; color: #fff;padding: 50px 0;}
.Comming_soon .cs_footer p {font-size: 16px;}

.title_section{text-align: center;margin-bottom: 70px;}
.title_section p{font-size: 16px;
    color: var(--color-secondary);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px;letter-spacing: 3px;}
.title_section h2{font-size:42px;font-weight:700;color: #2e241f;position:relative;font-family: "Playfair Display", serif;}
.title_section h2:after{content: "";
    width: 120px;
    height: 2px;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    bottom: -20px;
    background: var(--color-secondary);}


/* ===============================  
         BrahmanaSabha
================================== */
.__clsBrahmanaSabha {padding: 80px 0px;width: 100%;position: relative;background-color: #f9f7f5;position:relative;overflow:hidden;}
.__clsBrahmanaSabha:before{content: "";width: 200px;height: 200px;position: absolute;right: -80px;top: -60px;background: #f7f1ea;border-radius: 50%;}
.__clsBrahmanaSabha:after{content: "";width: 200px;height: 200px;position: absolute;left: -80px;bottom: -60px;background: #f7f1ea;border-radius: 50%;}
.__clsBrahmanaSabha .m_container{max-width:80%;}
.__clsBrahmanaSabha .clsBrahmanaImg img{width: 100%;height: auto;border-radius: 20px 20px 20px 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.__clsBrahmanaSabha .clsBrahmanaContent p{text-align:justify;letter-spacing:0.2px;line-height:26px;color: #2e241f;}
.clsReadMorebtn {color: #fff;background-color: transparent;background-image: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);padding: 12px 24px;font-size: 15px;font-weight: 600;border-radius: 4px;transition: all .3s;display:inline-block;}
/*.clsReadMorebtn:hover {background-image:var(--color-gradient-bg);text-decoration:none;color:#fff;}*/
.clsBrahmanaImg:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform: rotate(87deg);border: 2px solid #7722301a;border-radius: 10px;}
.clsBrahmanaImg:after{content: "";width: 100%;height: 94%;position: absolute;left: -13px;top: 12px;transform: rotate(90deg);border: 2px solid #e6911933;border-radius: 10px;}

/* ===============================  
         MissionVisson
================================== */
.__clsMissionVisson {padding: 80px 0;width: 100%;background-color: var(--color-primary);position:relative;}
.__clsMissionVisson .particle1{position: absolute;left: 35px;top: 40px;}
.__clsMissionVisson .particle2{position: absolute;right: 35px;bottom: 40px;}
.__clsMissionVisson .particle1 svg, .__clsMissionVisson .particle2 svg{width:70px;height:70px;color:var(--color-secondary);opacity:.5;}
.__clsMissionVisson .m_container{max-width:80%;}
.__clsMissionVisson .title_section h2{color:#fff;}
.__clsMissionVisson .clsContent{display: flex;flex-direction: column;width: 100%;height: 100%;background: #f9f4ec1a;border: 1px solid #f7f7f714;border-radius: 10px;padding: 20px;}
.__clsMissionVisson .clsContent p{color:#fff;text-align:justify;font-size:16px;}
.__clsMissionVisson .clsTitle{margin-bottom: 20px;color: #fff;font-weight: 600;}
.__clsMissionVisson .clsTitle i{margin-right: 8px;color: #ffffff;font-size: 24px;background: linear-gradient(135deg, #e69119, #f47b25);width: 48px;height: 48px;line-height: 48px;text-align: center;border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}


/* ===============================  
         Lastest Event
================================== */
.__clsLatestEvents {padding: 80px 0px;width: 100%;position: relative;background-color: #f9f6f1;}
.__clsLatestEvents .m_container{max-width:80%;}
.__clsLatestEvents h2.clsOurLatest{color: var(--color-primary);font-size: 32px;font-weight: 600;line-height: 42px;text-align: center;margin-bottom: 15px;}
.__clsLatestEvents p.clsExcitingEvents{text-align:center;}
.__clsLatestEvents .clsCardContent{width: 100%;border-radius: 10px;background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.__clsLatestEvents .clsLatestEventsImg{overflow:hidden;border-radius: 10px 10px 0 0;}
.__clsLatestEvents .clsLatestEventsImg img{width: 100%;height: 220px;object-fit: cover;object-position: center center;border-radius: 10px 10px 0 0;transition: .3s;}
.__clsLatestEvents .clsRightContent{padding: 20px;}
.__clsLatestEvents .clsRightContent h5{font-size: 20px;font-weight: 600;}
.__clsLatestEvents .clsRightContent a{color:#2e241f;}
.__clsLatestEvents .clsRightContent a:hover {text-decoration:none;}
.__clsLatestEvents .clsContent p{text-align: left;color: #7e6f67;font-size: 14px;font-weight: 400;margin-bottom: 10px;min-height: 60px;}
.__clsLatestEvents .clsReadMore a{color: var(--color-primary);font-weight: 600;font-size: 14px;}
.__clsLatestEvents .clsReadMore a i{padding-left: 6px;font-size: 18px;position: relative;top: 2px;}
.__clsLatestEvents .clsReadMore a:hover {color:#d59318;text-decoration:none;}
.__clsLatestEvents .clsCardContent:hover .clsLatestEventsImg img{scale: 1.1;}

.img_sec {position:relative;padding:15px 0px;}
.img_sec img {height: auto;max-width: 100%;border: none;border-radius: 0;box-shadow: none;}

.clsourlatestevents .post-info {position: absolute;bottom: 15px;background: rgb(255 255 255 / 80%);width: 100%;text-align: center;padding: 20px 0px;}
.post-info h1 {color:#302c51;}
.post-info ul {text-align:center;margin:0px;padding:0px;}
.post-info ul li {list-style:none;display:inline-block;margin:0px 10px;}
.post-info ul li span {font-size: 14px;font-weight: 600;color: #302c51;}
.post-info ul li span i {color: var(--color-primary);font-size: 17px;padding-right: 4px;position: relative;top: 2px;}

/* ===============================  
         Our History
================================== */
.clsOurHistory {padding:50px 0px;}
.clsOurHistory p {font-size: 16px;font-weight: 400;color: #000;text-align: justify;line-height: 26px;}

.clspresidentdesk {padding:50px 0px;}
.clspresidentdesk p {font-size: 16px;font-weight: 400;color: #000;text-align: justify;line-height: 26px;}

/* ===============================  
            Events
================================== */
.clsEvents {padding:15px 0px;}
.clsEvents p {font-size: 16px;font-weight: 400;color: #000;text-align: justify;line-height: 26px;}
.clsourevents {padding: 50px 0;width: 100%;background-color: #fff;background-repeat: no-repeat;background-image: url('../../../../../Images/KERALABRAHMANSABHA/brush-image.png');}
.img_events {margin-bottom:15px;padding:0px 10px;}
.img_events img {width:100%;max-width:100%;height:auto;border:none;box-shadow:none;border-radius: 0;}
.events_name {text-align: center; margin: 15px 0px 20px 0px;}
.events_name a {font-size: 20px;font-weight: 600;line-height: 30px;color:#302c51;}
.events_name a:hover {text-decoration:none;color:#302C51;}

/* ===============================  
             Gallery
================================== */
.clsGallery {padding:50px 0px;}
.clsGallery .__clsCard .clsContImg{width:100%;height:300px;border: 1px solid #ccc;padding: 5px;z-index: 1;position:relative;}
.clsGallery .__clsCard .clsContImg img{width: 100%;height: 100%;object-fit: cover;object-position:top center;}
.clsGallery .__clsCard .clsContImg::after {content: " ";left: -7px;position: absolute;right: 11px;top: 5px;border-style: none none double double !important;border-color: #ccc;z-index: -1;border-width: 4px !important;bottom: -7px;}
.clsGallery .__clsCard .clsCont h5 {font-weight: 600;text-transform: capitalize;font-size: 18px;line-height: normal;margin: 15px 0 0;padding: 0;color:#c36;cursor:pointer;text-align:center;}
.clsGallery .__clsCard .clsCont h5 a{color:#c36;text-decoration:none;}
.clsGallery .__clsCard .clsCont h5:hover a{color:#336;}
.clsGallery .ImgCount p{margin:0px;padding-top:10px;font-style:italic;text-align:center;color:#333;}

.clsGallery .clsUploadImgLink{width:100%;height:300px;z-index: 1;position:relative;margin-bottom:15px;}
.clsGallery .clsUploadImgLink img{width: 100%;height: 100%;object-fit: cover;object-position:top center;}

.clsGallery .clsAlbumDetails .aigpl-breadcrumb{color: #c36;font-size: 14px;font-weight: 600;}
.clsGallery .clsAlbumDetails p {font-size:14px;color:#333;}

/* ===============================  
      Sidebar menu
================================== */
.body_container{display: flex;}
 
.hidesidebar {color: #495584;text-align: center;display: flex;justify-content: space-between;padding: 20px 25px;}
.hidesidebar a img{width:35px;}

.bar-icon {display: none;width: 18px;cursor:pointer;}
.bar-icon span {background-color: #113c72;border-radius: 500px;display: block;float: left;height: 2px;margin-bottom: 4px;width: 18px;}
.bar-icon span:nth-child(2) {width: 14px;}
.bar-icon span:nth-child(3) {margin-bottom: 0;}

.sidebar_menu {border-right: 1px solid #eee;width: 250px;max-width:250px;transition: all 0.2s ease-in-out 0s;background: #1b1c17;border-top: 1px solid #efefef;position: sticky;z-index: 2;top: 0;background-image: url(https://keralabrahmanasabha.in/member/assets/images/sidebar-bg.png);}
.sidebar_menu .sidebar-body {padding:0px 0px 20px 0px;height:calc(100vh - 0px);}
.sidebar_menu #navbar-nav {list-style: none;padding: 0;margin: 0;border-bottom:0;}
.sidebar_menu #navbar-nav .nav-item {float: left;width: 100%;list-style: none;position:relative;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu{padding: 10px 12px 6px 12px;font-weight: 700;border-radius: 20px 0px 0px 20px;cursor:pointer;color: #ffffffb3;font-size: 14px;display: flex;align-items: center;float:left;width:100%;border:0;gap:10px;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu i{font-size: 22px;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu span {float:left;width:100%;position:relative;font-size:14px;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu:hover {color: var(--color-primary);border:0;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu.active {background: none !important;color:#e30a58 !important;}
.sidebar_menu #navbar-nav .nav-item .nav {border-left: 1px solid #e5e9f2b3;margin-left: 20px;padding-left: 13px;padding-bottom: 3px;float: left;flex-direction: column;}
.sidebar_menu #navbar-nav .nav-item .nav a {color:#1b2e4b;font-size:12.5px;position:relative;display:block;width:100%;margin-top:5px;}
.sidebar_menu #navbar-nav .nav-item .nav a.active, .sidebar_menu #navbar-nav .nav-item .nav a:hover{color:var(--color-primary);text-decoration:none;}
.sidebar_menu #navbar-nav .nav-item .nav a.active::before {content: '';position: absolute;top: 0;bottom: 0;left: -14px;border-left: 1px solid var(--color-primary);}
.sidebar_menu #navbar-nav .nav-item .nav a i{margin-right:10px;font-size:14px;}
.sidebar_menu #navbar-nav .nav-item:last-child{}

/*Minisidebar*/
.sidebar_menu.mini-sidebar_menu {width:95px;}
.sidebar_menu.mini-sidebar_menu .hidesidebar{right:inherit;left:50%;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu{border-radius: 0px;display: block;text-align: center;border-left:3px solid transparent;position:relative;border-bottom:1px solid #fff;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu i{font-size: 25px;margin-right: 0px;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu.active, .sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover a.clsmainmenu {border-left: 3px solid var(--color-primary);background: var(--color-primary) !important;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .nav.changetab{display:none;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover > .changetab {display:block;background:var(--color-white);position: absolute;top: 41px;left: 100%;padding: 0px 6px 10px 6px;height: auto;width: 190px;text-align: left;border:1px solid #ddd;margin:0; }
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu.active i{color:#fff;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover i{color:#fff;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu span, .sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .nav a.active::before {display:none;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover .clsmainmenu span {display:block;color: #fff;position:absolute;top:0;left:100%;padding: 10px 6px;height:100%;width:190px;text-align:left;background:var(--color-primary)}

.main_content{width: 85%;float:left;background:#fbf9f1;}
.main_content .m-container{max-width:98%;width:98%;}

.upload-img-box .profileImage-upload{background-color: transparent;border: 2px solid var(--color-primary);border-radius: 0;height: 80px;max-width: 80px;position: relative;margin:0 auto 20px auto;}
.upload-img-box .profileImage-upload img{width: 100%;height: 100%;object-fit: cover;}
.upload-img-box .profileImage-upload input[type=file]{opacity: 0;z-index: 10;width: 100%;height:100%;cursor: pointer;border-radius: 50%;}
.upload-img-box .profileImage-upload .icon {position: absolute;bottom: -20px;right: -12px;width: 38px;height: 38px;border: 1px solid #fff;border-radius: 50%;background-color: #8d84ef;color:#fff;display: flex;justify-content: center;align-items: center;z-index: 10;cursor: pointer;}
.upload-img-box .profileImage-upload .icon i{position:absolute;}
.upload-img-box #Image_error{text-align:center;}

.membership_sec{text-align:center;}
.membership_sec ul{display: flex;gap: 20px;list-style: none;justify-content: center;padding: 0;}
.membership_sec h4{font-size:18px;margin: 15px 0 25px;}
.membership_sec .terms-condition{display:flex;align-items: flex-start;text-align: left;gap: 10px;margin:30px 0 15px 0;}
.membership_sec .terms-condition label{font-size: 16px;color: #707070;font-weight: 400;}
.membership_sec p{font-size:16px;color:#707070;text-align:left;}
.membership_sec p.errormsg{font-size:13px !important;}

.error{font-size: 12px !important;color: red;}
.__Registerstatus{text-align: center;padding: 10px;border: 1px solid #fddfaf;border-radius: 4px;background: #fff4e1;color: #b57f2b;margin: 20px 0 0;font-weight: 500;}


.panel_tabel{border: 1px solid #ddd;border-radius: 10px;}
.panel_tabel .panel-title{padding: 15px;}
.panel_tabel .panel-title h5{font-size: 16px;margin: 0;}
.panel_tabel .panel_body{padding: 5px 15px 10px 15px;}
.panel_tabel .panel_body table{border: 1px solid #e1dfdf;}
.panel_tabel .panel_body table tr th {border: 1px solid #e1dfdf;background: #1b1c17;color: #fff;}
.panel_tabel .panel_body table tr td{border:1px solid #ddd;}
.panel_tabel .panel_body table tr td .form-control{height:40px;border-radius:4px !important;}

.Add_min_btn{display: flex;gap: 10px;justify-content: center;}
.Add_min_btn .btnAdd{background: #52e54e !important;}
.Add_min_btn .btnRemove{background: #f74949 !important;}
.Add_min_btn .btnAdd, .Add_min_btn .btnRemove{background: #eee;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;text-align: center;font-size: 16px;cursor:pointer;}
#divUserGrid  button.w2ui-btn{padding:6px 5px;width:45%;}



/*__clsCreateEvent__*/
.__clsCreateEvent{padding-top: 20px;}
.__clsCreateEvent .mcontainer {max-width: 700px;}
.__clsCreateEvent .eventContainer .eventHeader h2 {font-weight: 600;font-size: 25px;margin: 0px;}
.__clsCreateEvent .eventContainer .eventHeader .sub-text {color: #777;margin-bottom: 20px;}
.__clsCreateEvent .eventContainer .form-card {background: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}
.__clsCreateEvent .eventContainer .form-card label{color:#000;margin-bottom: 6px;font-weight: 500;font-size: 14px;}
.__clsCreateEvent .eventContainer .form-card label i{color:#7861fb;padding-right: 4px;}
.__clsCreateEvent .eventContainer .form-card .inputDate{border: 0px;background-color: #f7f7fb !important;}
.__clsCreateEvent .eventContainer .form-card .time-box {display: flex;align-items: center;gap: 10px;}
.__clsCreateEvent .eventContainer .form-card .time-box input {width: 70px;text-align: center;border: 0px;padding: 10px;background: #f7f7fb;}
.__clsCreateEvent .eventContainer .form-card .upload-box {border: 2px dashed #ccc;border-radius: 10px;background: #fafafa;padding: 30px;text-align: center;cursor: pointer;position: relative;}
.__clsCreateEvent .eventContainer .form-card .upload-box input {display: none;}
.__clsCreateEvent .eventContainer .form-card .upload-box input[type="file"]::before {content: attr(data-value);display: inline-block;outline: none;margin: 0px !important;float: left;white-space: nowrap;color: #333;cursor: pointer;padding-left: 10px;width: calc(100% + 20px);text-overflow: ellipsis;overflow: hidden;}
.__clsCreateEvent .eventContainer .form-card .upload-box .upload-content {display: flex;justify-content: center;}
.__clsCreateEvent .eventContainer .form-card .upload-box .upload-content .upload-icon {color: #6b7280;padding-right: 10px;}
.__clsCreateEvent .eventContainer .form-card .upload-box .upload-content p {margin: 0;color: #777;font-size: 14px;}
.__clsCreateEvent .eventContainer .form-card textarea{height: 100px;resize: none;}
.__clsCreateEvent .eventContainer .form-card button {border: none;padding: 10px 25px;border-radius: 8px;}
.__clsCreateEvent input, .__clsCreateEvent select, .__clsCreateEvent textarea{font-weight:400;}


/*____clsMatriRegistration____*/
.__clsMatriRegistration .mcontainer{max-width: 780px;}
.__clsMatriRegistration .matriRegisHeader{background: linear-gradient(135deg, #8b1a1a 0%, #a52a2a 100%);color: #fff;text-align: center;padding: 30px 20px;margin-bottom:30px;}
.__clsMatriRegistration .matriRegisHeader h1{font-size: 35px;font-weight: 700;margin-bottom: 0px;}
.__clsMatriRegistration .clsCard{background: #FFFFFF;border: 1px solid #E8DDD4;border-radius: 16px;padding: 32px 25px 15px 25px;box-shadow:  0 4px 20px rgba(139, 26, 26, 0.08);margin-bottom:20px;}
.__clsMatriRegistration .clsCard .section-header{margin: 25px 0px;}
.__clsMatriRegistration .clsCard .section-header h3{font-size: 20px;font-weight: 700;color: #2D1810;}
.__clsMatriRegistration .clsCard .section-header h3 i{color: var(--color-primary);font-size: 20px;padding-right:5px;}
.__clsMatriRegistration .clsCard form{margin-bottom:0px;}
.__clsMatriRegistration .clsCard .form-group label{font-size: 13px;font-weight: 600;color:#2D1810;}
.__clsMatriRegistration .clsCard .form-group .form-control{padding: 10px 14px;border: 1px solid #E8DDD4;border-radius: 8px;font-size: 15px;color: #2D1810;outline: none;}
.__clsMatriRegistration .clsCard .form-group input[type="file"]::before {content: attr(data-value);display: inline-block;outline: none;margin: 0px !important;float: left;white-space: nowrap;color: #333;cursor: pointer;width: 90%;text-overflow: ellipsis;overflow: hidden;}
.__clsMatriRegistration .clsCard .form-group input[type="file"]::after {content: 'Browse';display: inline-block;outline: none;background: var(--color-primary) !important;float: right;white-space: nowrap;color: #fff;cursor: pointer;padding: 15px 10px;z-index: 1;position: absolute;top: 0;right: 0px;border-radius: 0px 8px 8px 0px;width: 25%;height: 55px;text-align: center;}
.__clsMatriRegistration .clsCard .form-group .pos-rel input{padding: 15px;}
.__clsMatriRegistration .clsCard .form-group .form-actions .btn-color1 {padding: 8px 20px;border-radius: 8px;font-size: 15px;height: 40px;font-weight: 600;}

/*____common Card____*/
.clsCard{margin: 20px 0px;background: #FFFFFF;border: 1px solid #E8DDD4;border-radius: 16px;padding: 20px;box-shadow: 0 4px 20px rgba(139, 26, 26, 0.08);}
.clsCard .cmnHeader h3 {font-size: 20px;font-weight: 500;background: #f1f1f1;padding: 8px 0px 8px 15px;position: relative;}
.clsCard .cmnHeader h3::before {position: absolute;content: "";background-color: var(--color-secondary);height: 100%;width: 5px;top: 0px;left: 0px;}
.clsCard table{margin-bottom:0px;}

/* ================================================================
   FORGOT PASSWORD — MODAL & PANEL STYLES  (corrected)
   Appended — zero changes to existing CSS above
   ================================================================ */

/* ── Modal positioning & centering ── */
#modalForgotOTP {
    z-index: 99999 !important;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
#modalForgotOTP.show { display: block !important; }

#modalForgotOTP .modal-dialog {
    max-width: 460px;
    width: 92%;
    margin: 80px auto 40px;
    transform: none !important;
    position: relative;
}

/* Override modal-dialog-centered so margin-top takes effect */
#modalForgotOTP .modal-dialog.modal-dialog-centered {
    min-height: auto !important;
    -webkit-box-align: unset !important;
    align-items: unset !important;
    display: block !important;
}

/* Ensure backdrop shows correctly */
/*.modal-backdrop { z-index: 99998 !important; }*/

/* Login page must not clip modal */
.__loginsection,
.loginform,
.right_content,
.left_content,
.col-lg-6,
.col-md-6 {
    overflow: visible !important;
}

/* ── Modal card ── */
.fp-modal-content {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,0.22);
}

/* ── Header ── */
.fp-modal-header {
    background: linear-gradient(135deg, #00466a 0%, #006a9a 100%);
    padding: 30px 28px 22px;
    text-align: center;
    color: #fff;
}
.fp-modal-icon {
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.18);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}
.fp-modal-icon i  { font-size: 26px; color: #fff; }
.fp-modal-title   { font-size: 20px; font-weight: 800; margin: 0 0 5px; color: #fff; }
.fp-modal-sub     { font-size: 13px; color: rgba(255,255,255,0.80); margin: 0; word-break: break-all; }

/* ── Body ── */
.fp-modal-body {
    padding: 24px 28px 22px;
    background: #fff;
}
.fp-modal-body .form-group {
    margin-bottom: 16px;
    position: static;
    overflow: visible;
    clear: both;
}
.fp-modal-body .form-label {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
    display: block;
    float: none !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    top: auto !important;
    left: auto !important;
}

/* Password fields — fix eye icon position */
.fp-modal-body .position-relative {
    position: relative;
    display: block;
    width: 100%;
}

/* Hide the form-label inside password step — using placeholder instead */
#fpStepPassword .form-label {
    display: none !important;
}

.fp-modal-body .position-relative .form-control {
    padding-right: 42px;                 /* room for eye icon */
    border-radius: 9px;
    border: 1.5px solid #e2e8f0;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s;
    display: block;
    background: #fff;
}
.fp-modal-body .position-relative .form-control:focus {
    border-color: #00466a;
    box-shadow: 0 0 0 3px rgba(0,70,106,0.10);
    outline: none;
}

/* Eye icon — fixed inside the input on the right */
.fp-modal-body .position-relative .ico {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #94a3b8;
    font-size: 15px;
    line-height: 1;
    z-index: 2;
    background: transparent;
}
.fp-modal-body .position-relative .ico i { vertical-align: middle; }

/* ── OTP label — prevent float from login page global CSS ── */
#fpStepOTP .form-label {
    display: block !important;
    float: none !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 10px;
    width: 100% !important;
    text-align: center;
}

/* ── OTP boxes row ── */
.fp-otp-row {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin: 0 0 4px;
    flex-wrap: nowrap;
    padding: 0 10px;
}
.fp-otp-row .clsFpOTP {
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 50px !important;
    min-width: 0 !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: 2px solid #e2e8f0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: border-color 0.2s;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
}
.fp-otp-row .clsFpOTP:focus {
    border-color: #00466a !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,70,106,0.12) !important;
    outline: none !important;
}

/* ── Timer ── */
.fp-timer-wrap {
    text-align: center;
    font-size: 13px;
    color: #64748b;
    margin: 10px 0 2px;
}
#fpCountdown { font-weight: 700; color: #00466a; }

/* ── Resend link ── */
.fp-resend-link {
    font-size: 13px;
    font-weight: 600;
    color: #00466a;
    cursor: pointer;
    text-decoration: underline;
}

/* ── Action buttons ── */
.fp-modal-actions {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    justify-content: flex-end;
    align-items: center;
}
.fp-btn-primary {
    background: #00466a;
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.18s;
    line-height: 1.4;
}
.fp-btn-primary:hover    { background: #003554; color: #fff !important; }
.fp-btn-primary:disabled { opacity: 0.58; cursor: not-allowed; }

.fp-btn-secondary {
    background: #f1f5f9;
    color: #475569 !important;
    padding: 10px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    transition: background 0.18s;
    line-height: 1.4;
}
.fp-btn-secondary:hover { background: #e2e8f0; color: #334155 !important; }

/* ── Error text inside modal ── */
.fp-modal-body .error {
    font-size: 12px;
    color: #dc2626;
    margin-top: 4px;
    min-height: 16px;
}

/* ── Responsive ── */
@media (max-width: 540px) {
    #modalForgotOTP .modal-dialog { margin: 30px auto 10px; width: 96%; }
    .fp-otp-row { gap: 5px; }
    .fp-otp-row .clsFpOTP { width: 38px !important; height: 44px !important; font-size: 17px !important; }
    .fp-modal-header { padding: 22px 18px 16px; }
    .fp-modal-body   { padding: 18px 16px 16px; }
    .fp-modal-actions { flex-direction: column-reverse; }
    .fp-btn-primary, .fp-btn-secondary { width: 100%; text-align: center; }
}

/* ================================================================
   END FORGOT PASSWORD STYLES
   ================================================================ */

/* ── Our members ── */
.clsOurmembers .card{padding: 20px;margin:10px 0;}
.clsOurmembers .card .team_image{height: 200px;object-fit: cover;margin-bottom:20px;border-radius: 10px;}
.clsOurmembers .card .team_image img{height: 100%;width: 100%;object-fit: cover;border-radius: 10px;}
.clsOurmembers .card h2{font-size: 20px;color: var(--color-primary);font-weight: 500;min-height: 55px;}
.clsOurmembers .card h3{font-size: 14px;font-weight: 500;display: inline-block;padding: 2px 10px;border-radius: 25px;color: #e69119;border: 1px dashed #e69119;margin-bottom:15px;}
.clsOurmembers .card p{margin-bottom:10px;font-size:14px;}
.clsOurmembers .card p i{font-size: 14px;margin-right: 8px;color: var(--color-primary);padding-right: 8px;border-right: 1px solid #691d2a;}
.clsOurmembers .card .button-readmore{text-align:center;}
.clsOurmembers .card .button-readmore button{height:35px;padding: 5px 20px;border-radius: 20px;}

/*Events*/
.clsourevents #festivalContainer .festival-img{height:185px;}
.clsourevents #festivalContainer .festival-meta{margin-bottom:8px;}
.clsourevents #festivalContainer .festival-title{font-size: 22px;min-height: 45px;margin-bottom: 10px;text-transform:capitalize}
.clsourevents #festivalContainer .festival-meta i{font-size: 14px;}
.clsourevents #festivalDetails .details-card{background: #fff;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, .10);}
.clsourevents #festivalDetails .details-card img{border-radius:8px 8px 0 0;width:100%;height:500px;object-fit:cover;}
.clsourevents #festivalDetails .details-card .details_content{padding:30px;position:relative}
.clsourevents #festivalDetails .details-card .details_head{text-align:left;color:#1f2b5c;font-size: 24px;text-transform: capitalize;}
.clsourevents #festivalDetails .details-card .details_info{position:absolute;top:-30px;right:0;text-align:center;padding:15px;background:#fff;clip-path:polygon(12% 0, 100% 0, 100% 100%, 5% 100%);background: #fdf5e6;width: 400px;}
.clsourevents #festivalDetails .details-card .details_desc{font-size:18px;line-height:24px;text-align:justify;color: #333;}
.clsourevents #festivalDetails .details-card .details_info span {margin: 0 8px;display: inline-block;}
.clsourevents #festivalDetails .details-card .details_info span i {color: #7b1833;margin-right: 4px;font-size: 14px;}
.clsourevents #festivalDetails .details-card .btn_div{text-align:right;}
.clsourevents #festivalDetails .details-card .btn_div .btn{transition: 0.3s;}
.clsourevents #festivalDetails .details-card .btn_div .btn i{margin-right:5px;}
.clsourevents #festivalDetails .details-card .btn_div .btn:hover{transform: scale(1.05);}


/*MemberAppication*/
.__MemberAppication ._MCard-header{padding-bottom:5px;}
.__MemberAppication .applicant_name{margin-top:20px;}
.__MemberAppication .applicant_name table td{padding:5px;border:0;}
.__MemberAppication .applicant_name table tr:hover td{background:transparent;}