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

:focus {outline: none;}
:hover {}
:active {}

body, div, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, button, input, select, textarea, label, span, .ui-widget, .wsmenu, table, table tr td, table tr th {font-family: var(--font-family) !important;}
.fa, .far, .fas  {font-family: FontAwesome !important;}

/*autofill*/
input:-webkit-autofill{-webkit-text-fill-color: #000 !important;}
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; font-size: 16px;}

body input[type="text"], body input[type="password"] {position: relative;box-shadow: none;border: 1px solid #cfcfcf;color: #000;font-size: 13px;font-weight: 600;background: #fff;padding: 10px;height: 40px !important;}
body input[type="button"] {}
body input[type="radio"] {z-index: 11;}
body input[type="checkbox"] {}

body input[type="radio"]:checked ~ .bullet {border: 3px solid var(--color-primary) !important;}
body input[type="radio"]:checked ~ label.rblbl:before {background: var(--color-primary) !important;}

body label {font-weight: 600;color: #000;}
body .nice-select, body select, body .form-control {position: relative;box-shadow: none;border: 1px solid #cfcfcf;color: #000;font-size: 13px;font-weight: 600;background: #fff;height: 40px;line-height: 40px;padding: 0 15px;border-radius: 4px;}
body .chosen-container ul.chosen-choices {position: relative;box-shadow: none;border: 1px solid #cfcfcf;color: #000;font-size: 13px;font-weight: 500;background: #fff;height: 40px !important;line-height: 1.5;overflow-y: scroll;}
body .chosen-container-multi ul.chosen-choices input[type="text"] {height: auto !important;}
body table input[type="text"], body table select, body table .form-control, body table textarea {height: 32px !important;font-size: 12px;background-color: #fff !important;color: #000 !important;border: 1px solid #ddd !important;border-radius: 0;padding: 0 2px !important;}
body table tr th, body table tr td, body .table tbody tr td {font-weight: 500;color: #000;vertical-align: middle;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none !important;}

/*form-control*/
body .form-control[disabled], body fieldset[disabled] .form-control {cursor: not-allowed;background-color: #fff !important;opacity: 1;}
body .form-control[readonly] {cursor: pointer !important;background-color: #fff !important;opacity: 1;}

/*Checkbox*/
body .cb {display:none;}
body .cb:checked ~ .cbx{background: var(--color-theme-secondary) !important;}
body .cb:checked ~ .cbx:after {opacity: 1;transform: rotate(45deg) scale(1);}
body .cbx {position: relative;top: 1px;width: 20px;height: 20px;border: 1px solid var(--color-theme-secondary) !important;border-radius: 3px;vertical-align: middle;transition: background 0.1s ease;cursor: pointer;margin-right: 5px !important;}
body .cbx:after{content: '';position: absolute;top: 2px;left: 6px;width: 6px;height: 12px;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;}

/*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;}

/* 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;}

/*Width*/
.w-10 {width: 10% !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-100 {width:100%;}
.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-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;}

/*Manual Padding command Margins*/ 
.p-t-10 {padding-top: 10px;}.p-b-10 {padding-bottom:10px;}.p-b-15 {padding-bottom:15px;}.p-t-15 {padding-top:15px;}.pad-10 {padding:0px;}.pad-tp-10 {padding-top:10px;}.pad-tp-15 {padding-top:15px;}.pad-tp-20 {padding-top:20px;}
.pad-lft-25 {padding-left:25px;}.pad-btm-10 {padding-bottom:10px;}.pad-btm-15 {padding-bottom:10px;}.pad-btm-20 {padding-bottom:20px;}.pad-r-l-5 {padding-left:5px !important;padding-right:5px !important;}.pad-18-10 {padding:18px 10px;}
.pl-0{padding-left:0px !important;}.p-t-10 {padding-top: 10px;}.p-b-10 {padding-bottom:10px;}.p-b-15 {padding-bottom:15px;}.p-t-15 {padding-top:15px;}.pad-lft-15 {padding-left:15px;}.pad-10 {padding:0px;}.pad-tp-10 {padding-top:10px;}.pad-tp-15 {padding-top:15px;}.pad-tp-20 {padding-top:20px;}
.pad-lft-25 {padding-left:25px;}.pad-btm-10 {padding-bottom:10px;}.pad-btm-15 {padding-bottom:10px;}.pad-btm-20 {padding-bottom:20px;}.pad-r-l-5 {padding-left:5px !important;padding-right:5px !important;}.pad-18-10 {padding:18px 10px;}
.pad-0 {padding:0px !important;}.pad-0-3p {padding: 0 3%;}.pad-5 {padding:5px;}.pad-10 {padding:10px;}.pad-15 {padding:15px;}.pad-20 {padding:20px;}.pad-l-r-0 {padding-left:0px !important;padding-right:0px !important;}.pad-x-5 {padding-top:5px;padding-bottom:5px;}.pad-x-8 {padding-top:8px;padding-bottom:8px;}
.pad-x-10 {padding-top:10px;padding-bottom:10px;}.pad-x-15 {padding-top:15px;padding-bottom:15px;}.pad-x-20 {padding-top:20px;padding-bottom:20px;}.pad-y-10 {padding-left:10px;padding-right:10px;}.pad-y-20 {padding-left:20px;padding-right:20px;}
.pad-tp-2 {padding-top:2px;}.pad-tp-3 {padding-top:3px;}.pad-tp-5 {padding-top:5px;}.pad-tp-10 {padding-top:10px;}.pad-tp-15 {padding-top:15px;}.pad-tp-20 {padding-top:20px;}.pad-tp-22 {padding-top:22px;}
.pd-l-0 {padding-left:0px !important;}.pad-lft-0 {padding-left:0px;}.pad-lft-5 {padding-left:5px;}.pad-lft-10 {padding-left:10px;}.pad-r-0 {padding-right:0px !important;}.pad-rgt-0 {padding-right:0px;}.pad-rgt-5 {padding-right:5px;}.pad-rgt-10 {padding-right:10px;}.pad-rgt-15 {padding-right:15px;}
.pad-btm-5 {padding-bottom:5px;}.pad-btm-10 {padding-bottom:10px;}.pad-btm-15 {padding-bottom:15px;}.pad-btm-20 {padding-bottom:20px;}.pad-btm-25 {padding-bottom:25px;}

.mb-25{margin-bottom:25px !important;}.mt-22{margin-top:22px;}.m-t-60 {margin-bottom: -21px;}.m-t-80 {margin-top: 80px;}.mrgn-tp-10 { margin-top: 10px;}.mt-0{margin-top:0px !important;}
.m-t-10 { margin-top: 10px;}.m-t-15 { margin-top: 15px;}.m-b-15 {margin-bottom: 15px;}.m-b-20 {margin-bottom: 20px;}.marR15 {margin-right: 15px!important;}.mt--28 {margin-top:-28px !important;}
.mg-tp-5 {margin-top:5px;}.mg-tp-15 {margin-top:15px;}.mg-tp-20 {margin-top:20px;}.mg-tp-25 {margin-top:25px;}.mg-tp-30 {margin-top:30px;}.m-t-10 { margin-top: 10px;}.m-t-15 { margin-top: 15px;}.m-b-15 {margin-bottom: 15px;}.m-b-20 {margin-bottom: 20px;}.m-b-10 {margin-bottom: 10px;}
.mg-btm-0 {margin-bottom:0px;}.mg-btm-10 {margin-bottom:10px;}.mg-btm-15 {margin-bottom:15px;}.mx-auto {margin-left:0px;margin-right:0px;}
.mg-btm-20 {margin-bottom:20px !important;}.mg-btm-25 {margin-top:25px;}.mg-btm-30 {margin-bottom:30px;}.m-b-10 {margin-bottom: 10px;}
.margin-none {margin: 0 !important;}.m-b-8 {margin-bottom: 8px;}.marR15 {margin-right: 15px!important;}.mrgn-btm-10 {margin-bottom:10px;}.mrgn-tp-5 {margin-top:5px;}
.mg-tp-5 {margin-top:5px;}.mg-tp-15 {margin-top:15px;}.mg-tp-20 {margin-top:20px;}.mg-tp-25 {margin-top:25px;}.mg-tp-30 {margin-top:30px;}.mg-btm-0 {margin-bottom:0px;}.mg-btm-15 {margin-bottom:15px;}.mg-btm-20 {margin-bottom:20px !important;}.mg-btm-25 {margin-top:25px;}.mg-btm-30 {margin-bottom:30px;}
.mg-tp-0 {margin-top:0px;}.mg-tp-0im {margin-top:0px !important;}.mg-tp--5 {margin-top:-5px;}.mg-tp-5 {margin-top:5px;}.mg-tp-8 {margin-top:8px;}.mg-tp-10 {margin-top:10px;}
.mg-tp-10p {margin-top:10px !important;}.mg-tp-15 {margin-top:15px;}.mg-tp-20 {margin-top:20px;}.mg-tp-25 {margin-top:25px;}.mg-tp-40 {margin-top:40px;}
.mg-lft-0 {margin-left:0px !important;}.mg-lft-10 {margin-left:10px;}.mg-rgt-10 {margin-right:10px;}.mg-rgt-15 {margin-right:15px;}
.mg-0 {margin:0px;}.mg-btm-0 {margin-bottom:0px;}.mg-btm-0p {margin-bottom:0px !important;}
.mg-btm-5 {margin-bottom:5px;}.mg-btm-0p {margin-bottom:0px !important;}.mg-btm-100 {margin-bottom:100px;}.mg-btm-10 {margin-bottom:10px;}.mg-x-5 {margin-top:5px;margin-bottom:5px;}
.mg-x-10 {margin-top:10px;margin-bottom:10px;}.mg-x-15 {margin-top:15px;margin-bottom:15px;}.mg-x-20 {margin-top:20px;margin-bottom:20px;}.mg-x-30 {margin-top:30px;margin-bottom:30px;}
.mg-btm-15 {margin-bottom:15px;}.mg-btm-20 {margin-bottom:20px;}.mg-btm-25 {margin-bottom:25px;}.mg-btm-30 {margin-bottom:30px;}.mg-btm-40 {margin-bottom:40px;}.mg-tp-20-res {margin-top: 20px;}
.t-0 {top:0px !important;}.t-2 {top:2px;}.t--17{top:-17px;}.l-0 {left:0px;}.l-10 {left:10px !important;}.l--30 {left:-30px;}.b-0 {bottom:0px;}

.fnt-siz-8 {font-size:8px;}.fnt-siz-10 {font-size:10px;}.fnt-siz-10p {font-size:10px !important;}.fnt-siz-11 {font-size:11px;}.fnt-siz-11_7{font-size:11.7px;}.fnt-siz-12 {font-size:12px;}.fnt-siz-13 {font-size:13px;}.fnt-siz-13p {font-size:13px !important;}.fnt-siz-14 {font-size:14px;}
.fnt-siz-15 {font-size:15px;}.fnt-siz-16 {font-size:16px;}.fnt-siz-17 {font-size:17px;}.fnt-siz-18 {font-size:18px;}.fnt-siz-20 {font-size:20px;}.fnt-siz-24 {font-size:24px;}.fnt-siz-25 {font-size:25px;}.fnt-siz-30 {font-size:30px;}

.fnt-wt-5{font-weight:500;}.fnt-wt-6 {font-weight:600;}.fmt-wt-600 {font-weight:600;}.fnt-wt-600 {font-weight:600;}.fnt-wt-600-im {font-weight:600 !important;}.fnt-wt-500 {font-weight:500;}
.d-none {display:none !important;}.d-block {display:block !important;}.display-inblock {display:inline-block;}.dis_blk {display:block !important;}.dis_nond {display:none;}.dis-nonecmn {display:none !important;}.dis-blockcmn {display:block !important;}
.fl {float: left;}.ft {float: right;}.flt-lft {float:left;}.flt-rgt {float:right;}.float-left {float:left;}.float-right {float:right;}
.txt-rt {text-align: right;}.txt-lft {text-align: left;}.text-center{text-align:center;}.txt-cntr {text-align: center;}
.txt-left {text-align:left !important;}.txt-right {text-align:right !important;}.txt-center {text-align:center !important;}.txt-al-rgt {text-align:right;}.text-right {text-align: right;}
.txt-transform-c {text-transform:capitalize;}.txt-transform-u {text-transform:uppercase;}.text-transform-c {text-transform: capitalize;}.text-transform-u {text-transform: uppercase;}
.position-relative {position: relative !important;}.position-absolute {position: absolute !important;}.position-fixed{position:fixed;}.pos-rel {position:relative;}.pos-abs {position:absolute;}

.br {border: 1px solid #f2f2f2 !important;}.br-l {border-left: 1px solid #f2f2f2 !important;}.br-r {border-right: 1px solid #f2f2f2 !important;}.br-t {border-top: 1px solid #f2f2f2 !important;}.br-b {border-bottom: 1px solid #f2f2f2 !important;}
.brdr-rt-das{ border-right: 1px dashed #d7d7d7;}.brdr-btm-das{ border-bottom: 1px dashed #ccc;}.brdr-btm-full{ border-bottom: 1px solid #e6e6e6;}.brdr-btm-top{ border-top: 1px solid #e6e6e6;}
.brdr-radius-2 {border-radius:2px;}.brdr-full {border:1px solid #eae6fb;}.brdr-top {border-top:1px solid #ddd;}
.brdr-radius-5 {border-radius:5px;}.brdr-radius-3 {border-radius:3px;}.brdr-radius-20 {border-radius:20px;}

.Rou_disnone {display:none !important;}.R_label {display:block !important;}
.opacity-1 {opacity: 0.1;}.opacity-2 {opacity: 0.2;}.opacity-3 {opacity: 0.3;}.opacity-4 {opacity: 0.4;}.opacity-5 {opacity: 0.5;}.opacity-6 {opacity: 0.6;}.opacity-7 {opacity: 0.7;}.opacity-8 {opacity: 0.8;}.opacity-9 {opacity: 0.9;}.opacity-10 {opacity: 1;}
.cursor-point {cursor:pointer;}
.text-up {text-transform: uppercase;}
.point-none {pointer-events:none;}
.min-hght {height: 420px;}.h-100 {height:100%;}.h-100 {height:100%;}
.wid-130{width:130px !important;}.w-84 {width:84% !important;}.w_200p {width:190px;}.w-74 {width:74% !important;}.width-60p {width: 60%;}.width-100p {width: 100%;}
.bx-shadow {box-shadow: 1px 0px 6px 0px #ccc;}
.line-ht-0 {line-height:0px;}.line-ht {height:1px;border-bottom: 1px dashed #929292;}.lht-20 {line-height:20px;}.lht-25 {line-height:20px;}
.widget_label {color: #48465b;}.widget_data {color:#74788d;}

.pad-0-nrml {padding:0px !important;}
.pad-l-r-5 {padding-left:0px !important;padding-right:5px !important;}
.pad-l-r-10 {padding-left:10px !important;padding-right:10px !important;}
.pad-r-0 {padding-right:0px !important;}
.mg-tp--15 {margin-top:-15px;}
.pad-0 {padding:0px;}
.ht-98 {height:98vh;}

.dis-nonemin {display:none !important;}
.dis-blockmin {display:block !important;}
.display-none-xs {display: none;}

pre {display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;border: 1px solid #ccc;border-radius: 4px;}
p{font-size: 14px;color: #000;}
.row7 {margin: 0px !important;background-color: white;}
.rotate180 {transform: rotate(180deg) !important;}

/* ===============================  
        Region Color Section
================================== */

.gradient-45deg-light-blue-cyan.gradient-shadow {-webkit-box-shadow: 0 6px 20px 0 rgba(247, 86, 73, .5) !important;box-shadow: 0 6px 20px 0 rgba(247, 86, 73, .5) !important;}
.gradient-45deg-light-red {background: #b00008;background: -webkit-linear-gradient(45deg, #b00008, #f74c53) !important;background: -o-linear-gradient(45deg, #b00008, #f74c53) !important;background: linear-gradient(45deg, #b00008, #f74c53) !important;}
.gradient-45deg-light-blue-cyan {background: #0288d1;background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;background: -o-linear-gradient(45deg, #0288d1, #26c6da) !important;background: linear-gradient(45deg, #0288d1, #26c6da) !important;}
.gradient-45deg-amber-amber {background: #b00008;background: -webkit-linear-gradient(45deg, #b00008, #e66c6e) !important;background: -o-linear-gradient(45deg, #b00008, #e66c6e) !important;background: linear-gradient(45deg, #b00008, #e66c6e) !important;-webkit-box-shadow: 0 6px 20px 0 rgba(29, 233, 182, .5) !important; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2) !important;}

.text-gray {color:#a2a2a2;}
.cmnfntclr {color: #00458e;}
.white-text {color: #fff !important;}
.clr-rd, .themeclr-red {color: #ed232a;}
.clr-gr {color: green;}
.themeclr-blu {color: #3b62ab;}
.white {color: #fff;}

.bg-lt-blu {background:rgb(242, 242, 242) !important;}
.bg-lt-blu-lt {background: #f4f2fa !important;}
.bg-light-themeclr {background: rgba(80, 24, 175, 0.1);}
.bg-clr-white {background: #fff;}
.bg-theme-gradnt {background: #f9f9f9;}
.bg-themecle-blu {background:#3e3e3e;}
.bg-white {background:#fff;}
.bg-ash {background: #eeeeee;color: #d60a14;padding:3px 5px}
.bg-light-ash {background:#f6f6f6;}
.bg-clr-cmmntheme {background:rgba(23, 0, 121, 1);}

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

::-webkit-scrollbar {width: 8px;height: 10px;}
::-webkit-scrollbar-track {background-color: #f3f3f3;border-left: 1px solid #ededed;}
::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

/* ===============================  
         Modal Popups
================================== */

.modal .modal-backdrop.in {background: rgba(0, 0, 0, .8);opacity: .8;}
.modal .modal-dialog {display: grid;-ms-flex-align: center;align-items: center;min-height: calc(100% - (0.5rem * 2));margin: 0 auto !important;}
.modal .modal-header {background: var(--color-theme-primary);padding: 10px;border-radius: 4px 4px 0 0;}
.modal .modal-header .modal-title {text-align: left;font-size: 16px;color: #fff;}
.modal .modal-header button.close {opacity: 1;width: 30px;height: 30px;background-color: #fff;color:#000;text-shadow: none;border-radius: 50%;position:absolute;top: 10px; right: 10px;}
.modal .modal-header button.close:hover {background-color: #fff;color: var(--color-theme-secondary);}
.modal .modal-footer{float: left;width: 100%;}  

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

/*B2C_LOGIN PAGE*/

body .iziModal {}
body .iziModal * {-webkit-font-smoothing: antialiased;}
body .iziModal .iziModal-header, body .iziModal .iziModal-header.iziModal-noSubtitle {background: var(--color-theme-primary) !important;}
body .iziModal .iziModal-button {opacity: 1 !important;}
body .iziModal-button-fullscreen {display: none !important;}

body .iziModal#modal-partnerlogin {max-width: 520px !important;}
body .iziModal #agnsignin {width: 100% !important;}
body .iziModal-overlay {background-color: rgba(0, 0, 0, 0.8) !important;}
body .iziModal button {width: 46%;height: 44px !important;border-radius: 4px;padding: 0 12px;font-size: 14px;font-weight: 500;}

body .iziModal .iziModal-header {background: #eee;overflow: hidden;border-radius: 3px 3px 0 0;width: 100%;border-bottom:#CCC 1px solid;padding: 0;box-shadow: none;}
body .iziModal .iziModal-header a {display: block;float: left;width: 50%;padding: 0;text-align: center;background-color: #ddd;color: #6f6f6f;height: 62px;vertical-align: middle;line-height: 62px;font-size:14px;}
body .iziModal .iziModal-header a.active {background: #fff;color: #f06c1c;font-size: 16px !important;}
body .iziModal .iziModal-header a.iziModal-button-close, body .iziModal .iziModal-header a.iziModal-button-fullscreen {height: 36px;width: 36px;color: #000;line-height: 0;background-color: transparent;}
body .iziModal .iziModal-header .icon-close {background: transparent;margin-bottom: 10px;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;font-family: simple-line-icons !important;}

body #modal-alert.iziModal .iziModal-header center{display: flex;width: 100%;height: auto;justify-content: center;}
body #modal-alert.iziModal .iziModal-header .clsizibtn{line-height: 40px;height: 40px;display: inline !important;width: 100px;margin-top: 10px;}

body .iziModal .iziModal-body {padding: 15px;border-radius: 0 8px 0 0;}
body .iziModal .iziModal-body .login-holder .signuppart{text-align: center;margin: 15px 0;float: left;width: 100%;position: relative;}
body .iziModal .iziModal-body .login-holder .signuppart a{font-size: 14px;color: #0368ff;text-transform: capitalize;}
body .iziModal .iziModal-body .login-holder .signuppart a:before{content: "";position: absolute;border-bottom: 1px dashed #dfdfdf;width: 34%;left: 16px;bottom: 8px;}
body .iziModal .iziModal-body .login-holder .signuppart a:after{content:"";position: absolute;border-bottom: 1px dashed #dfdfdf;width: 34%;right: 16px;bottom: 8px;}
body .iziModal .iziModal-body .login-holder .login-holder-header h2 {}
body .iziModal .iziModal-body .login_head{display: none;}
body .iziModal .iziModal-body .login_slogan{font-size:14px;text-align:center;margin-bottom:20px;text-transform:capitalize;color: #795548;}
body .iziModal .iziModal-body .form-control {box-shadow: none;border: 1px solid #cfcfcf !important;font-size: 14px !important;font-weight: 400;height: 44px !important;padding: 15px;border-radius: 4px !important;text-align: left;background-color: #fff !important;color: #132968;width: 100%;}
body .iziModal .iziModal-body select.form-control {padding: 0 !important;}
body .iziModal .iziModal-body .spneye {position:absolute;right: 10px;margin-top: 0;top: 12px;}
body .iziModal .iziModal-body .spneye i{font-size:18px;color:#000 !important;}
body .iziModal .iziModal-footer {padding: 10px;padding-top: 5px;float: left;width: 100%;}

#BSA_Login #modal-forget i {display: none;}

.BSA_Login .buttondiv {position: relative;}
.BSA_Login .Input_section i#iLoading {left: auto;right: 15px;color: #fff;font-size: 20px;}

/*Remember Me*/
.remember-me {text-align: left;float:left;font-size:12px;margin-bottom:5px;}
.remember-me label {font-size: 13px;position: relative;top: -6px;}
.remember-me input[type=checkbox] {width: 20px;height: 20px;margin-right: 5px;}

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

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

/*Sign up as Partner*/
.signuppart{text-align: center;margin: 15px 0;float: left;width: 100%;position: relative;}
.signuppart a{font-size: 14px;color: #e91e63;text-transform: capitalize;}
.signuppart a:before{content: "";position: absolute;border-bottom: 1px dashed #e91e63;width: 25%;left: 16px;bottom: 8px;}
.signuppart a:after{content:"";position: absolute;border-bottom: 1px dashed #e91e63;width: 25%;right: 16px;bottom: 8px;}

/*versions*/
.clsversions {float: left;width: 100%;padding-top: 10px;font-size: 12px;font-weight: 600;}

/*B2C Forget Password*/
#B2C-modal-forget.iziModal .iziModal-header {background: #fff !important;}
#B2C-modal-forget .iziModal-header {background: #fff;box-shadow: none;padding:5px 5px;}
#B2C-modal-forget .iziModal-header .login_head{font-size:20px;font-weight:600;text-align:center;margin-bottom:10px;text-transform:capitalize;color: #000;}
#B2C-modal-forget .iziModal-header .login_slogan{font-size:14px;text-align:center;margin-bottom:20px;color: #6c6b6b;}
#B2C-modal-forget .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;}
#B2C-modal-forget .iziModal-header button.icon-close {font-family:simple-line-icons !important;}
#B2C-modal-forget .iziModal-header button:hover {color: black;}
#B2C-modal-forget .iziModal-footer .Bottomdiv{background: #fff;}

/*Forget Password*/
#modal-forget.iziModal .iziModal-header {background: #fff !important;}
#modal-forget .iziModal-header {background: #fff;box-shadow: none;padding:5px 5px;}
#modal-forget .iziModal-header .login_head{color: #000;font-size:20px;font-weight:600;text-align:center;margin-bottom:10px;text-transform:capitalize;}
#modal-forget .iziModal-header .login_slogan{font-size:14px;text-align:center;margin-bottom:20px;color: #6c6b6b;}
#modal-forget .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;}
#modal-forget .iziModal-header button.icon-close {font-family:simple-line-icons !important;}
#modal-forget .iziModal-header button:hover {color: black;}
#modal-forget .iziModal-footer .Bottomdiv{background: #fff;}

/*Forget Password User*/
#modal-forget-User .iziModal-header {background: #fff;box-shadow: none;padding:5px 5px;}
#modal-forget-User .iziModal-header button {background: transparent;margin-bottom: 10px;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;}
#modal-forget-User .iziModal-header button.icon-close {font-family:simple-line-icons !important;}
#modal-forget-User .iziModal-header button:hover {color: black;}
#modal-forget-User .iziModal-content .input-effect {padding:0px 20px;margin-bottom:20px;}
#modal-forget-User .iziModal-footer #cancel {background: #f0f0f0;color: #333;border: 1px solid #d0d0d0;border-radius: 20px;padding: 7px 30px;font-size: 13px;}
#modal-forget-User .iziModal-footer #cancel:hover {background:#d0d0d0;}

/*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;}
#B2C_OTPnew {background: #4db155;color: #fff;border-radius: 20px;padding: 2px 8px;font-style: normal;font-size: 11px;margin-bottom: 5px;}

#OTPnew_user {float: right;background: #4db155;color: #fff;border-radius: 20px;padding: 0px 8px;font-style: normal;font-size: 11px;margin-bottom: 5px;}
#OTPres_user {color: #006ff9;text-decoration: underline;margin-bottom: 5px;}
#OTPres_user:hover {text-decoration:none;}

/* ===============================  
        UI-Datepicker section
================================== */

body #ui-datepicker-div {z-index: 1000 !important;padding:0;background: #fff !important;border: 0 !important;}
body #ui-datepicker-div .ui-datepicker-title {background:transparent;color:#fff;margin: 0px 25px !important;border: none;}
body #ui-datepicker-div .ui-datepicker-today {position: relative !important;border: 0 !important;}
body #ui-datepicker-div .ui-datepicker-today .ui-state-highlight{background: var(--color-secondary) !important;font-weight: 600;}
body #ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-first{border-right: 1px solid #ddd;}
body #ui-datepicker-div .ui-datepicker-current-day {border: 1px solid var(--color-primary) !important;}
body #ui-datepicker-div .ui-datepicker-today:before, body .ui-datepicker-current-day:before{display: none;}
body #ui-datepicker-div .ui-datepicker-current-day.ui-datepicker-today .ui-state-highlight{background: var(--color-primary) !important;}
body #ui-datepicker-div .ui-datepicker-header{padding: 6px 0;background-color: var(--color-primary);border-radius: 8px 8px 0 0;}
body #ui-datepicker-div .ui-datepicker-prev, body #ui-datepicker-div .ui-datepicker-next{top: 5px;color: #fff;}
body #ui-datepicker-div .ui-datepicker-title select{background: var(--color-primary);border: 1px solid #e1661c;}
body #ui-datepicker-div .ui-datepicker-title select option {background: #fff;color: #000;}
body #ui-datepicker-div select.ui-datepicker-month, body #ui-datepicker-div select.ui-datepicker-year{width:44%;height: 30px !important;padding: 2px 0 5px 8px;border: 1px solid var(--color-primary) !important;color: #fff;margin: 0 2px;}
body #ui-datepicker-div .ui-state-disabled span.ui-state-default, body #ui-datepicker-div .ui-state-disabled span.ui-state-default {height: 35px !important;}

body #ui-datepicker-div .ui-widget-content {border-top: 1px solid #ddd !important;box-shadow: 0 2px 6px 0 hsla(0,0%,54%,.25);border-radius: 4px;float: left;width: 100%;margin: 0;}
body #ui-datepicker-div .ui-widget-content .ui-datepicker-current {background-color: var(--color-primary);color: #fff;opacity: 1;padding: 6px 10px !important;font-weight: normal;}
body #ui-datepicker-div .ui-widget-content .ui-datepicker-close {background-color: var(--color-secondary);color: #fff;opacity: 1;padding: 6px 10px !important;font-weight: normal;}

body #ui-datepicker-div .ui-state-active:hover{background-color: var(--color-primary) !important}
body #ui-datepicker-div .ui-state-active, body .ui-widget-content .ui-state-active {background: var(--color-primary) !important;color: #fff !important;}
body #ui-datepicker-div .ui-state-highlight, body #ui-datepicker-div .ui-widget-content .ui-state-highlight {color:#fff !important;border: 0;border-radius: 4px;}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {padding:4px 0 !important;}

body #ui-datepicker-div td, body #ui-datepicker-div th{border:0px !important;background: #f1f1f1 !important;color: #000 !important;}
body #ui-datepicker-div td{height: 40px !important;width: 40px !important;background: transparent !important;position: relative;}
body #ui-datepicker-div td:hover a{background: #9e9e9e;color: #000;font-weight: 600;}
body #ui-datepicker-div td.ui-datepicker-current-day{border: 0 !important;background-color: #fff !important;}
body #ui-datepicker-div td span, body #ui-datepicker-div td a {font-size: 12px !important;line-height: 2;margin: 2px !important;font-weight: 600;}

body .ui-datepicker-multi-2 .ui-datepicker-group {border-radius:8px;}

/* ===============================  
        Country flag
================================== */

/*Country flag in dd*/
.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}

.clscountry {float: right;}
.clsthright {display:none;}
.clsflicode {font-size: 14px;padding-right: 8px;font-weight: 600;border-right: 1px solid #e3d8f5;margin-right: 8px;float: left;width:40px;}
.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;}

/* ===============================  
        Common CSS For All
================================== */

body .rb-div .bullet { margin-top: -20px;}

/*header Section*/
._Mmenures li.m_overscrl:hover{position:relative;}
._Mmenures li.m_overscrl .wsmenu-submenu {overflow: auto;max-height: calc(100vh - 110px);}
._Mmenures li.m_overscrl:hover:before {content: "";position: absolute;width: 0;left:20px;top:45px;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--color-primary) transparent;z-index: 9999;}

._Mmenures .wsmenu-submenu {min-width: 234px;border-top: 3px solid var(--color-primary);top: 60px;}
._Mmenures .wsmenu-submenu:before {content: "";position: absolute;left: 30px;top: -12px;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--color-primary) transparent;z-index: 9999;}

#_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:last-child > a {padding-right: 0;}
#_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:last-child > a span {margin-right: 0;}
#_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:last-child ul, #_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:nth-last-child(2) ul {right: 0;}
#_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:nth-last-child(2) ul li ul {right: 100%;}
#_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:last-child ul:before {right: 30px;left: auto;}
#_MBSAHMETMEBODY .navbar-header .wsmenu-list > li:nth-last-child(2) ul:before {left: 40%;}

/*Search Input Design*/
#_Msearchview .Flight_Orgin {}
#_Msearchview .interchange {width: 0;}
#_Msearchview .interchange .fa.fa-exchange {color: var(--color-primary);text-align: center;display: inline-block;cursor: pointer;padding: 9px;z-index: 9;border: 3px solid #fff;border-radius: 50%;width: 40px;height: 40px;position: absolute;top: 18px;left: -10px;background: #fef5f5;font-size: 17px;transform: translateY(-50%);box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);}
#_Msearchview .Flight_Destination {}
#_Msearchview .Flight_Departure {width: 15.5%;padding: 0;}
#_Msearchview .Flight_Departure #txtdeparture{border-radius: 4px 0 0 4px !important;}
#_Msearchview .Flight_Arrival {width: 15.5%;padding: 0;}
#_Msearchview .Flight_Arrival #txtarrivaldate {border-radius: 0 4px 4px 0 !important;}
#_Msearchview .Flight_Passengers {}
#_Msearchview .Flight_Passengers small {display: inline-block;width: auto;float: right;color: var(--color-primary);font-weight: 600;}
#_Msearchview .Flight_Pre_Airlines {}
#_Msearchview .Flight_terminalID {}
#_Msearchview .Flight_Agencyname {}
#_Msearchview .Flight_Employeename {}
#_Msearchview .direct_flight {width: 16%;margin-top: 8px;}
#_Msearchview .travellers-class.col4 {width: 33.33%;}

#_Msearchview .icon-inside, #_Msearchview .icon-inside_01, #_Msearchview .icon-inside_M {color:var(--color-primary) !important;font-size: 14px;}
#_Msearchview #uaedown_1, #_Msearchview #uaedown_2, #_Msearchview #uaedown_3 {background-color: #fff;padding: 10px;height: 35px;top: 24px;right: 12px;}
#_Msearchview .icon-inside {position: absolute;left: auto !important;right: 20px;top: calc(50% - 11px);pointer-events: none;z-index: 3;}
#_Msearchview .icon-inside:first-child{left:30px;}
#_Msearchview .icon-inside_01 {position: absolute;left: auto !important;right: 26px;top: calc(50% - 8px);pointer-events: none;z-index: 3;}
#_Msearchview .icon-inside_01 .fa, #_Msearchview .icon-inside_01 .fas {font-size: 18px;}
#_Msearchview .icon-inside_M {position: absolute;top: calc(50% - 15px);pointer-events: none;z-index: 3;left: 5px;right: 5px;}
#_Msearchview .icon-inside_M1 {position: absolute;top: calc(50% - 11px);pointer-events: none;z-index: 3;right: 5px;}
#_Msearchview .icon-inside i.font-20{font-size:24px !important;}

.clsMultiCityRoutes {margin-left: 5px !important;}
.clsMultiCityRoutes li div div{margin-top: 0 !important;}
.clsMultiCityRoutes li .col-sm-3.cls_new {width: 30%;}
.clsMultiCityRoutes .res-width .col-sm-1.col1mc {width: 4%;padding: 0;margin-top: 4px !important;}

#selectclickbuttonRTrip, #selectclickbuttonMCity {height: 40px;background-color: var(--color-primary);}

body .wsmenu-list > li > a i{display: none;}
body .chosen-container-single .chosen-single {height: 40px;line-height: 40px;background: #fff;box-shadow: none;border: 1px solid #cfcfcf !important}
body .chosen-container-single .chosen-single div b {background: url(../../../Images/chosen-sprite.png) no-repeat 1px 10px;}

.focus-border {display: none;}
.modal-SSR-container .modal-backdrop.in {height: 100vh !important;}

#modal_fr_confirm #pfrConfirmMsg  {text-align: center !important;font-size: 14px !important;}
#addons_show #addonsdetail{border: 0;}

/*New Blink Icon*/
.headerNewIcon {font-size: 8px;font-style: normal;background: #ff0007;padding: 2px 5px;position: absolute;color: #fff;right: 10px;top: 5px;border-radius: 8px!important;text-transform: uppercase;line-height: 10px;font-weight: 500;animation: blinker 1s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}

/*Booking page*/

/*modal_frORclass_reverse_confirm*/
#modal_frORclass_reverse_confirm .modal-dialog {top: 0 !important;}
#div_reverce_content {padding: 0 5px 0 0;}
#div_reverce_content h5 {background-color: #ddd;color: var(--color-black);border: 0;padding: 10px;margin: 0 !important;float: left;width: 100%;border-radius: 10px 10px 0 0;}
#div_reverce_content span {float: left;width: 100%;padding: 10px;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 0 0 10px 10px;}
#div_reverce_content span span {padding: 0;color: red;border: 0;}

/*tooltipster*/
body .tooltipster-punk {background-color: var(--color-primary) !important;border-color: var(--color-secondary) !important;}
body .tooltipster-punk table tr th, body .tooltipster-punk table tr td {font-weight: 600;color: #fff;font-family: var(--font-family);line-height: 1.5;font-size:13px;}
body .tooltipster-punk table tr td:first-child {display:none;}       

/* ===============================  
        Balance CSS
================================== */

#SHOWMONEY .AgentLabel {padding: 0px !important;}
#SHOWMONEY {background: #fff !important;padding: 10px !important;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0px 0px 2px 1px #e8d0d3;max-width: 350px;right: 10em;z-index: 1000;width: 260px !important;font-size: 11px;top: 38px;position: absolute;}
#SHOWMONEY .AgentLabel:nth-child(odd) label {margin-bottom: 0px !important;margin-top: 0px !important;}
#SHOWMONEY::after {content: " ";position: absolute;bottom: 100%;left: 50%;border-left: solid rgba(255, 255, 255, 0) 10px;border-right: solid transparent 10px;transform: translateX(-50%);border-bottom: 10px solid #111;border-bottom: 10px solid rgb(255, 255, 255);margin-bottom: 1px;z-index: 2;top: -10px;}
#SHOWMONEY .AgentLabel:nth-child(even) label { margin: 0px !important;}

#viewbalance_display .AgentLabel {text-align: left;border-top: 1px dashed #d3d3d3;padding: 5px 0px !important;}
#viewbalance_display .AgentLabel:first-child {border-top: none;}
#viewbalance_display .spritepage {float: left;} 
#viewbalance_display .fl {padding: 0px 0px;}

/*Agent Balance*/
#modal-agentlist-bal .main.form-group {max-height: unset;min-height: 200px;}
#modal-agentlist-bal #hCorp_x {display:none !important;}

#modal-agentlist-bal .dropdown-menu {min-height: 200px;height: 200px;max-width: 100%;} 
#modal-agentlist-bal .dropdown-menu > .active > a {background-color:var(--color-primary) !important;}
#modal-agentlist-bal .dropdown-menu > .active > a span.clsthmail:hover {text-decoration: none;}
#modal-agentlist-bal .dropdown-menu > .active > a span.clsthmail {color: #fff !important;}

#modal-agentlist-bal .clsthright {display:none !important;}
#modal-agentlist-bal .Agentbal_info h4 {font-size: 13px !important;font-weight: 600;color: #795548;}
#modal-agentlist-bal .Agentbal_info p {font-size: 12px;color: #696969;}

#Agentamount {color: #333 !important;font-size: 12px !important;font-weight: 600 !important;width: 100%;}
#Agentamount span img {float:left;}
#Agentamount .spritepage {float:left;height:25px;}
#Agentamount .fl { width: 31%;}
#Agentamount .fl, #Agentamount .ft {line-height:40px !important;} 
#Agentamount img {padding-right: 5px;float:left;}

#agentx {background-color: transparent !important;border: none !important;}
#agentx .rblbl {color: #333 !important;font-weight: normal;}
#agentx input[type="radio"]:checked ~ .bullet, .usercreation input[type="radio"]:checked ~ .bullet {border: 2px solid #f11e24;}
#agentx .rb-div .line, .usercreation .rb-div .line {background-color: var(--color-primary) !important;}

.total-amount-button a {background: #a20027;color: #fff;}
.total-amount-button a:hover {color: #fff;}

.nameformt {margin-left: 25px;color: #170079;font-size: 12px;font-weight: 600;text-decoration: underline;line-height: 24px;cursor:pointer;}
.nameformt:hover {text-decoration: none;}

/* ===============================  
    booking page balance section
================================== */

.book_page .balance_card .card-body {box-shadow: 1px 0px 6px 0px #ccc;border: 1px solid #e5e5e5;border-radius: 5px;}
.book_page .balance_card .card-body .balsecbook {background: var(--color-theme-primary);color: #fff !important;padding: 8px;border-radius: 5px 5px 0 0;font-size: 14px;}
.book_page .balance_card .card-body .inrbalbook {padding: 8px;}
.book_page .balance_card .card-body .inrbalbook .balancecheck {color: darkgreen;font-weight: 600;} 
.book_page .balance_card .card-body .inrbalbook .balancecheck span:last-child{float: right;}
.book_page .balance_card .card-body{border-bottom:none !important;padding-bottom:0 !important;}

.balance_card{background:white;border-radius:2px;border:0;padding:0;}
.balance_card .inrbalbook{padding:10px;border-bottom:1px solid #ebe9e9;}
.balance_card .balancecheck span:first-child{width:35%;color:black;float:left;}
.balance_card .balancecheck span:last-child{width:65%;float:right;text-align:right;color:green;}
.balance_card .balsecbook span{margin-right:5px;}
.balance_card span{padding-top:0 !important;}
.balance_card .text-muted.text-uppercase.font-weight-bold.font-xs{font-weight: 500 !important;font-size: 14px !important;text-transform: unset;color: #fff !important;width: 100%;background: var(--color-theme-primary) !important;padding: 5px 10px;}

/* ===============================  
         Roundtrip Availability
================================== */
#flight_wrapper #dvAvailView {margin-bottom: 0;}
#flight_wrapper #dvmoreAvailload .progress {height: 10px;}
#flight_wrapper #dvmoreAvailload .progress-bar {line-height: 10px}

.tooltip-inner {display:inline-block;position:relative;white-space: pre-line;float: left;width: auto;background: #000;}
.tooltip-inner p {color: #fff;font-size: 12px;text-align:left;}

/*=====================================
            Booking Page
======================================= */

.book_page .align-items-center {-ms-flex-align: center !important;align-items: center !important;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.book_page .align-middle {vertical-align: middle !important;}

.book_page .col-sm-auto, .book_page .col-md-auto, .book_page .col-sm, .book_page .col-6, .book_page .col, .book_page .col-sm-3, 
.book_page .col-12 {-ms-flex: 0 0 auto;flex: 0 0 auto;max-width: none;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}

.book_page .text-sm-left {text-align: left !important;}
.book_page .text-center {text-align: center !important;}
.book_page .text-right {text-align: right !important;}

.book_page .text-dark {color: #343a40;}
.book_page .text-muted {color: #6c757d;}
.book_page .float-right {float: right !important;}
.book_page .text-black-50 {color: rgba(0,0,0,.5) !important;}

.book_page .bg-light {background-color: #FFF !important;}
.book_page .bg-light-4{background-color: #eff0f2 !important;}

.book_page .d-block {display: block !important;}
.book_page .d-lg-flex {display: -ms-flexbox !important;display: flex !important;}

.book_page .text-1 {font-size: 12px !important;font-size: 0.75rem !important;}
.book_page .text-2 {font-size: 14px !important;font-size: 0.875rem !important;}
.book_page .text-3 {font-size: 16px !important;font-size: .8rem !important;color: #535b61;font-weight: 500;}
.book_page .text-4 {font-size: 18px !important;}
.book_page .text-5 {font-size: 16px !important;font-weight: 500;}
.book_page .text-8 {font-size: 32px !important;font-size: 2rem !important;}

.book_page .font-weight-normal {font-weight: 400 !important;}
.book_page .font-weight-500 {font-weight: 600 !important;color: #33393f;}
.book_page p.font-weight-500 {font-size: 1.2em;}
.book_page p.font-weight-600 {font-size: 1.25em;float: left;}  

.book_page .pl-2, .book_page .px-2 {padding-left: .5rem !important;}
.book_page .pr-2, .book_page .px-2 {padding-right: .5rem !important;}
.book_page .pb-1, .book_page .py-1 {padding-bottom: .25rem !important;}
.book_page .pt-1, .book_page .py-1 {padding-top: .25rem !important;}
.book_page .p-sm-4 {padding: 1.5rem !important;}
.book_page .p-3 {padding: 1rem !important;}
.book_page .padd {padding: 0;}
.book_page .padd1 {padding: 5px;}

.book_page .mt-lg-0, .my-lg-0 {margin-top: 0 !important;}
.book_page .mt-1, .book_page .my-1 {margin-top: .25rem !important;}
.book_page .mb-2, .book_page .my-2 {margin-bottom: .5rem !important;color: #333;font-weight: 500;font-size: 13px;}
.book_page .mb-3, .book_page .my-3 {margin-bottom: 1.2rem !important;}
.book_page .ml-auto, .book_page .mx-auto {margin-left: auto !important;}
.book_page .ml-lg-2, .book_page .mx-lg-2 {margin-left: .5rem !important;}
.book_page .mt-lg-0, .book_page .my-lg-0 {margin-top: 0 !important;}
.book_page .ml-auto, .book_page .mx-auto {margin-left: auto !important;}
.book_page .mb-2 a {float: left;width: 100%;padding: 2px 0 0px 0px;background: #f8feff;margin-bottom: 7px;}
.book_page .mb-2 em {font-style: normal;float: left;}
.book_page .mb-2 a em i {padding-left: 8px;float: right;padding-top: 0;font-size: 15px;font-weight: 600;color: #000;}

.book_page .fade {transition: opacity .15s linear;}
.book_page .fade:not(.show) {opacity: 0;}

.book_page .modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;outline: 0;}
.book_page .modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - (.5rem * 2));}
.book_page .modal-dialog {position: relative;width: auto;margin: .5rem;pointer-events: none;}
.book_page .modal.fade .modal-dialog {transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform: translate(0,-25%);transform: translate(0,-25%);}
.book_page .modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: .3rem;outline: 0;}
.book_page .modal-title {margin-bottom: 0;line-height: 1.5;}
.book_page .modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #e9ecef;border-top-left-radius: .3rem;border-top-right-radius: .3rem;}
.book_page ._Mcard-header h5 {color: #0c2f54;font-size: 1.1rem;font-weight: 500;line-height: 1.2;}
.book_page .modal-header .close {padding: 1rem;margin: -1rem -1rem -1rem auto;}
.book_page .modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;}

.book_page .close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5;}
.book_page .close:not(:disabled):not(.disabled) {cursor: pointer;}

.dvclstotalattributesparent span.form-groups input[type="radio"] {opacity: 1;-webkit-appearance:auto;appearance: auto;height: 20px !important;width: 20px !important;}
.dvclstotalattributesparent span.form-groups input[type="radio"]:focus {outline:none;box-shadow:none;}
.dvclstotalattributesparent span.form-groups input[type="radio"] ~ label {margin: 4px 15px;}

/* ===============================  
        RetrieveBooking CSS
================================== */

.RetrieveBooking #retriveinformation .panel {margin-top: 10px;}
.RetrieveBooking #phncode {top: 30px;height: 40px;width: 70px;border: 1px solid #cbcbcb;padding: 0;text-align: center;border-radius: 4px 0 0 4px;}
.RetrieveBooking .txt-anim {padding: 4px !important;height: 40px;}
.RetrieveBooking .txt-anim#txtContactNo {padding-left: 75px !important;}

.RetrieveBooking table {font-size: 12px;border-collapse: collapse;}
.RetrieveBooking .table > thead > tr > th {background-color: #b60725 !important;color: #FFF !important;text-transform: none !important;}
.RetrieveBooking .table > tbody > tr > td, .RetrieveBooking .table > tbody > tr > th, .RetrieveBooking .table > tfoot > tr > td, .RetrieveBooking .table > tfoot > tr > th, .RetrieveBooking .table > thead > tr > td, .RetrieveBooking .table > thead > tr > th {border-top: none !important;vertical-align: middle !important;padding: 5px;}
.RetrieveBooking #table1 th, #table1 td, .RetrieveBooking #table2 th, #table2 td, .RetrieveBooking #table3 th, #table3 td, .RetrieveBooking #table5 th, #table5 td, .RetrieveBooking #table6 th, #table6 td {text-align: center;padding: 5px;width: 10%;font-size: 12px;border-right: 1px solid #eee;}
.RetrieveBooking #table4 th, #table4 td {white-space: nowrap;border-right: 1px solid #e2e2e2;text-align: center;}
.RetrieveBooking #table1 {border: 1px solid #ccc;}

.RetrieveBooking .clsgrey {background-color: #ccc !important;}
.RetrieveBooking .clswite {background-color: white !important;}
.RetrieveBooking .disabledclass {cursor: not-allowed;}
.RetrieveBooking .disvalue, .RetrieveBooking .plbvalue, .RetrieveBooking .markvalue {text-align: right;padding: 7px;}
.RetrieveBooking .color-red-udk {color: red;}
.RetrieveBooking .clsdiv2 {padding: 10px 10px 1px 30px;text-align: center;background-color: #fff;}
.RetrieveBooking .cltblfare {width: 100%;font-size: 13px;}
.RetrieveBooking .clstdleft {width: 45%;font-size: 12px;text-align: center;}
.RetrieveBooking .clstdrt {width: 10%;text-align: left;}

.RetrieveBooking .clsdvfirst {position: absolute;top: 0px;bottom: 0px;width: 2px;background: rgb(234, 34, 47);right: -2px;}
.RetrieveBooking #popup_fare {display: none;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 3px;color: #333333;font-size: 12px;left: 20%;position: fixed;top: 5%;z-index: 1001;background-color: #fff;border-bottom: 3px solid #e42626;border-radius: 0 0 5px 5px;box-shadow: 0 2px 5px #000;padding: 10px !important;outline: none;box-sizing: border-box;text-align: center;color: #242424;list-style-image: none;list-style-type: disc;list-style: none;visibility: visible !important;font-size: 13px;line-height: 18px;content: " ";clear: both;}
.RetrieveBooking #modal-FarePopup, .RetrieveBooking #modal-TicketingPopup {border-bottom: 3px solid #27a5f5;}
.RetrieveBooking .Queue-ticketing-header-udk {padding: 10px !important;margin: 0px;color: #333;padding: 15px 15px 0px;font-size: 15px;}
.RetrieveBooking .RadioSelected {width: 20px;background-color: #59c55a;border: 3px #666 solid;height: 20px;box-shadow: 0px 0px 0px 3px white inset;}
.RetrieveBooking .RadioDeselected {width: 16px;border: 3px #666 solid;height: 16px;cursor: pointer;background-color: #fff;}

.RetrieveBooking .ticked-pnr {color: #ff6600;padding: 3px;border-radius: 3px;border: 1px dashed #ff6600;}
.RetrieveBooking .ticked-pnr:hover {color: #fff;background: #ff6600;padding: 5px;border-radius: 3px;border: 1px dashed #fff;}
.RetrieveBooking .udk-clsretriv-details {margin-top: 3%;margin-bottom: 1%;}
.RetrieveBooking .typeahead {width: auto !important;}
.RetrieveBooking .tabheaderflg {background: #fff !important;color: #333 !important;text-align: left !important;border-bottom: 2px solid #666;}

.RetrieveBooking label input[type="radio"] ~ i.fa.fa-square-o {color: #c8c8c8;display: inline;}
.RetrieveBooking label input[type="radio"] ~ i.fa.fa-check-square-o {display: none;}
.RetrieveBooking label input[type="radio"]:checked ~ i.fa.fa-square-o {display: none;}
.RetrieveBooking label input[type="radio"]:checked ~ i.fa.fa-check-square-o {color: #8d0523;display: inline;}
.RetrieveBooking label:hover input[type="radio"] ~ i.fa {color: #7AA3CC;}
.RetrieveBooking label.focus {outline: none !important;}

.RetrieveBooking div[data-toggle="buttons"] label.active {color: #7AA3CC;}
.RetrieveBooking div[data-toggle="buttons"] label {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 12px;font-weight: normal;line-height: 2em;text-align: left;white-space: nowrap;vertical-align: top;cursor: pointer;background-color: none;border: 0px solid #c8c8c8;border-radius: 3px;color: #c8c8c8;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.RetrieveBooking div[data-toggle="buttons"] label:hover {color: #7AA3CC;}
.RetrieveBooking div[data-toggle="buttons"] label:active,
.RetrieveBooking div[data-toggle="buttons"] label.active {-webkit-box-shadow: none;box-shadow: none;}

.RetrieveBooking .modal-header .close {margin-top: 8px;color: #030303;opacity: 0.5;background: #fff;border-radius: 50%;padding: 9px 6px 14px 6px;line-height: 0px;margin-right: 10px;transition: all 0.35s ease-in-out;}
.RetrieveBooking .modal-header {padding: 0px;}
.RetrieveBooking .farecomp-tit {background: #27a5f5;color: #fff;text-transform: capitalize;letter-spacing: 0px;font-size: 18px;padding: 8px 15px;border-radius: 5px 5px 0 0px;}
.RetrieveBooking .c-button.bg-aqua {border: 2px solid #27a5f5;color: #fff;cursor: pointer;}
.RetrieveBooking .bg-aqua {background: #27a5f5;}

.RetrieveBooking .c-button {width: 100%;position: relative;display: inline-block;-moz-border-radius: 8px;border-radius: 4px;text-align: center;font-size: 12px;text-transform: uppercase;line-height: 28px;font-weight: 500;}
.RetrieveBooking .udk-clsretriv-details .bStyle {float:left;width:100%;margin-top: 10px;margin-bottom: 0;color: #1b5075;font-family: Calibri,Nina,Arial !important;background-color: #eee;padding: 8px 15px;font-size: 17px;}
.RetrieveBooking .container-fluid {padding: 15px 80px 48px;position: relative;margin-left: 20px;}
.RetrieveBooking .clsFareruleSelect {font-size: 15px;cursor: pointer;font-weight: bold;border: 1px solid #a9a9a9;padding: 5px 10px;background: #d3d3d3 !important;color: #000;float: left;background-color: #d3d3d3;color: #000000;border-color: #a9a9a9;}
.RetrieveBooking .clsSgFareRule {width: 100%;float: left;padding-top: 10px;border: 1px dashed #a9a9a9;padding-left: 5px;color: #000 !important;background: #d3d3d3;padding-right: 5px;}
.RetrieveBooking .clsRuleHead {width: 100%;font-size: 12px;font-weight: bold;padding: 10px 0px;color: #000;cursor: pointer;}
.RetrieveBooking .clsFaretextArea:read-only {width: 100%;border: #fff;color: black;background: #efefef;display: none;}
.RetrieveBooking .clsFaretextArea {width: 100%;border: #fff;color: black;background: #efefef;display: none;}
.RetrieveBooking pre {display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;border: 1px solid #ccc;border-radius: 4px;}
.RetrieveBooking .clsSpanText {width: 100%;float: left;color: black;padding: 10px;font-size: 14px;font-family: serif;border: 1px dashed #b5b4b4;margin-top: 21px;word-wrap: break-word;white-space: pre-wrap;background: #fff;word-break: keep-all;}
.RetrieveBooking .clscenter {text-align: center;}
.RetrieveBooking .scroll-fix {margin: 0px !important;overflow-x: auto !important;}
.RetrieveBooking .clsnone {display: none;}
.RetrieveBooking .clsblock {display: block;}
.RetrieveBooking .ui-datepicker {z-index: 100001 !important;}
.RetrieveBooking .ui-datepicker .ui-datepicker-buttonpane {display: none;}
.RetrieveBooking .clsfarecode {font-size: 12px;color: #16324a;font-weight: 600;padding: 1px 10px;border: 1px dashed #16324a;border-radius: 3px;}
.RetrieveBooking #_M_riyaboa {background-color: #f2f2f2 !important;}
.RetrieveBooking .AgentLabel, .RetrieveBooking #Agentamount {float: left;width: 100%;}
.RetrieveBooking .slidedet {text-align: center;border-radius: 20px;background: #f83d3d;color: #fff;padding: 4px 0;cursor: pointer;}
.RetrieveBooking .slidedet i {font-size: 14px;}
.RetrieveBooking #modal-alert {z-index: 1000000000 !important;}
.RetrieveBooking .acc-body {background-color: #fff;border: 1px solid #cccccc;padding: 10px;}
.RetrieveBooking .dst_cbx {top: 5px}

#contact_details label {margin-bottom: 0;}

/* ===============================  
         Agent image Upload
================================== */

.Agents_details .dl-horizontal {background-color: #f8f8f8;color: red;border: 1px dashed #ddd;padding: 10px;border-radius: 4px;line-height: 2;margin-top: 10px;font-size: 13px;font-weight: 500;}
.Agents_details .img_detailsec {-webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1), 0 8px 16px 0 rgba(19, 41, 104, .2);box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1), 0 8px 16px 0 rgba(19, 41, 104, .2);border: 1px solid #ddd;border-radius: 5px;padding: 10px;}
.Agents_details .innerdivimg {height: 200px;margin: 0 auto;border: 2px dashed #607d8b;border-radius: 5px;position: relative;}
.Agents_details .innerdivimg img {margin: 0;position: absolute;top: 50%;transform: translateY(-50%);left: 25%;}
.Agents_details input[type="file"] {height: 40px !important;margin-bottom: 10px;}
.Agents_details input[type="file"]::before {content: attr(data-value);display: inline-block;outline: none;margin: 0px !important;float: left;white-space: nowrap;color: #333;font-size: 13px;font-weight: 500;cursor: pointer;padding-left: 10px;width: 100%;text-overflow: ellipsis;overflow: hidden;}
.Agents_details input[type="file"]::after {content: 'Browse';display: inline-block;outline: none;background: #fe5527 !important;float: right;white-space: nowrap;color: #fff;font-size: 14px;font-weight: 500;cursor: pointer;padding: 0 10px;z-index: 1;position: absolute;right: 0;border-radius: 0px 3px 3px 0px;height: 40px;}
.Agents_details input[type="radio"]:checked ~ label.rblbl:before {background: #dcdcdc;}
.Agents_details .rb-div label.rblbl:before {content: "";width: 12px;height: 12px;background: #fff;position: absolute;margin-left: -20px;margin-top: 5px;box-sizing: border-box;border-radius: 50%;}

/* ===============================  
         PNR Verification
================================== */

#viewpnrdetailstable > tbody > tr:nth-of-type(odd) {background-color: #FFF !important;border: 1px solid #ddd !important;border-bottom: 1px solid #ddd !important;}
#viewpnrdetailstable > tbody > tr > .farecls {padding: 30px !important;}
#viewpnrdetailstable > thead > tr > th > label {text-transform: none !important;}
#viewpnrdetailstable > tbody > tr > td {border-right: 1px solid #ddd !important;border: 1px solid #ddd !important;border-bottom: 1px solid #ddd !important;}

.Viewtotal {color: white;background-color: #2a9ee7;}
#modal-remarks {z-index: 2 !important;}
.mouseover_bkh:hover {background-color: #4CAF50;}
.vpnrtbl {background-size: 100% 200%;background-color: #f7f5ff;}
.vpnrtbl:hover {}
.vpnrtbl.table > tbody > tr > td, .vpnrtbl.table > tbody > tr > th {text-align: left !important;}
.vpnrtb2.table > tbody > tr > td > .leftaln, .vpnrtbl.table > tbody > tr > th {}
.vpnrtb2 {background-size: 100% 200%;background-color: #f7f5ff;}

.rotate_a {-moz-transition: all 1s linear;-webkit-transition: all 1s linear;transition: all 1s linear;}
.rotate_a.down {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.rotate_b {-moz-transition: all 1s linear;-webkit-transition: all 1s linear;transition: all 1s linear;}
.rotate_b.down {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.rotate_c {-moz-transition: all 1s linear;-webkit-transition: all 1s linear;transition: all 1s linear;}
.rotate_c.down {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.maindivcontact {text-align: left;margin-bottom: 15px;max-height: 300px;overflow-y: auto;}
.clsFareruleSelect {font-size: 15px;cursor: pointer;font-weight: bold;border: 1px solid #a9a9a9;padding: 5px 10px;background: #d3d3d3;color: #000;float: left;background-color: #d3d3d3;color: #000000;border-color: #a9a9a9;}
.clsSgFareRule {width: 100%;float: left;padding-top: 10px;border: 1px dashed #a9a9a9;padding-left: 5px;color: #000 !important;background: #d3d3d3;}
.clsRuleHead {width: 100%;font-size: 12px;font-weight: bold;padding: 10px 0px;color: #000;cursor: pointer;}
.clsFaretextArea:read-only {width: 100%;border: #fff;color: black;background: #efefef;display: none;}
.clsFaretextArea {width: 100%;border: #fff;color: black;background: #efefef;display: none;}
.rescheduleavail {opacity: 1 !important;-webkit-appearance: radio !important;height: 15px !important;position: inherit !important;}

/* ===============================  
         Dashboard Section
================================== */

#spn_paswrd_vw{position: absolute;right: 25px;top: 13px;}


/*============================================
        Common Responsive Design   
==============================================*/
@media (max-width: 767px) {
     body #ui-datepicker-div .ui-datepicker-header {background-color: var(--color-white);}
     body #ui-datepicker-div .ui-datepicker-title {color: var(--color-black);}
     body #ui-datepicker-div .ui-datepicker-prev, body #ui-datepicker-div .ui-datepicker-next {color: #f00;}

     .lobibox.lobibox-info .lobibox-footer {width: 100%;}

     /*Search Section*/
     #_Msearchview .Flight_Departure, #_Msearchview .Flight_Arrival {width: 50%;margin-bottom: 0;}
     #_Msearchview .Flight_Departure {border-right: 1px solid #cfcfcf;}
     #btn_ProceedToSelect {width: 100%;}
}
@media screen and (max-width: 768px) and (min-width: 250px) {#avoidpaddtop {padding: 0px !important;}}
@media screen and (max-width: 1500px) and (min-width: 769px) {#avoidpaddtop {padding: 0px;}}