html body {font-family: 'averta cy', sans-serif;font-size: 14px;color: #222222;border-top: 0px;background-color: #f3f3f3}
html {scroll-behavior: smooth;}
/** GENERAL CSS**/
a {color: #0d6efd;text-decoration: none;}
a:hover {color: #222222;}
hr {background-color: #e2e2e2;opacity: 1;}
.title-page-heading {display: flex;align-items: center;font-size: 22px;font-weight: 600;color: #222222;}
.title-sub-heading-tag {font-size: 14px;font-weight: 600;color: #222222;}
.title-heading {font-size: 15px;font-weight: 600;color: #222222;text-transform: uppercase;}
.title-dark {font-size: 14px;font-weight: 600;color: #222222;}
.title-sub-heading {font-size: 14px;font-weight: 600;color: #666666;}
.page-header-title {padding-bottom: 5px;position: relative;margin-bottom: 1.5rem;display: inline-block;}
.page-header-title.sub-title {margin-bottom: 0px;}
.page-header-sub-title {margin-top: 5px;margin-bottom: 1.5rem;}
.page-header-title::before {content: "";width: 50px;height: 3px;background-color: #2AB1E9;position: absolute;bottom: -1px;left: 0;z-index: 2;}
.page-header-title::after {content: "";width: 100%;height: 1px;background-color: #d5d5d5;position: absolute;bottom: 0px;left: 0;}
.primary-link {color: #2AB1E9;text-decoration: underline;}
.sideline-tag {display: inline-block;padding-left: 8px !important;border-left: 2px solid #2ab1e9;text-transform: uppercase;}
.divided-title {position: relative;padding-left: 40px;display: inline-block;padding-right: 40px;}
.divided-title:before {position: absolute;left: 0;top: 9px;width: 35px;content: "";height: 3px;background: #c3ebff;}
.divided-title:after {content: "";right: 0;top: 9px;width: 35px;height: 3px;background: #c3ebff;position: absolute;}
/* login forgot password / user */
.bg-white-radius {position: fixed;width:470px;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 20px !important;padding: 25px !important;}
.bg-white-radius h1 {font-size: 1.75em;text-align: center;}
ul li {list-style: square;}
ul li::marker {color: #2ab1e9;}
.button-align {margin: 2rem 0rem 0rem 01rem;text-align: center;}
.button-align-top {margin-top: 1rem;text-align: right;}
input, select {height: 33px;}
textarea, input, select {font-size: 14px;background-color: white;border: 1px solid #e2e2e2;border-radius: 4px;width: 100%;max-width: 100%;padding-right: 10px;padding-left: 10px;}
select {background-image: url(../images/dd-gray.svg);background-repeat: no-repeat;background-position: 97% 13px;padding-left: 10px;padding-right: 33px;-webkit-appearance: none;-moz-appearance: none;-ms-progress-appearance: none;}
textarea:focus, textarea:focus-visible, input:focus, input:focus-visible, select:focus, select:focus-visible {box-shadow: 0px 0px 4px #40a6d066;border-color: #6EBCDD;outline: none;}
:disabled {cursor: not-allowed !important;background-color: #e9ecef !important;}
.autoComplete-ic {position: relative;}
.autoComplete-ic input {padding-right: 3em;padding-left: 10px;max-width: 100%;}
.autoComplete-img {position: absolute;top: 12px;right: 10px;}
/* check-box */
.check-box {-webkit-appearance: none;height: 17px;width: 17px;background-color: #ddd;border-radius: 4px;position: relative;transition: 0.3s ease;cursor: pointer;padding: 0px;}
.check-box::after {content: "";position: absolute;left: 5px;top: 2px;display: inline-block;height: 9px;width: 5px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;background-color: transparent;transform: rotate(45deg) scale(0);transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
.check-box:checked {background-color: #29b1e9;border-color: #29b1e9;}
.check-box:checked::after {transform: rotate(45deg) scale(1);}
.check-box:focus {outline-color: transparent;}
.checkBoxContainer {display: inline-flex;align-items: center;}
.butn-outline-blue { padding: 2px 7px; border: 1px solid #013b5b; border-radius: 15px; transition: 0.3s ease; color: #013b5b;}
.butn-outline-blue:hover { color: #fff; background: linear-gradient(138deg, rgb(5 80 120) 0%, rgb(23 138 187) 100%); box-shadow: 1px 4px 10px 0 rgb(32 116 153 / 54%);}
.butn-outline-sm { font-size: 12px;}
.rounded-btn {display: flex;align-items: center;justify-content: center;width: 33px;height: 33px;background: #ececec;border: 1px solid #e2dede;border-radius: 50%;transition: 0.3s ease;min-width: 33px;cursor: pointer;}
.rounded-btn:hover {background-color: #fff;box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.2);border: transparent;}
.butn-blue {position: relative;background:linear-gradient(140deg, rgb(20 159 217) 0%, rgb(58 220 237) 100%);color: #fff;transition: 0.3s ease;border:none !important}
.butn-blue:hover {box-shadow: 6px 5px 12px 0px rgb(12 137 189 / 44%);color: #fff}
.butn-ripple {position: relative;overflow: hidden;}
.ripple {width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.4);transform: scale(0);position: absolute;opacity: 1;}
.rippleEffect {animation: rippleDrop .6s linear;}
@keyframes rippleDrop {100% {transform: scale(2);opacity: 0;}}
@keyframes ripple {from {opacity: 1;transform: scale(0);}to {opacity: 0;transform: scale(2);}}
.butn-second {position: relative;background: linear-gradient(138deg, rgb(69 136 175) 0%, rgb(106 166 201) 100%);color: #fff;transition: 0.3s ease;border: none;}
.butn-second:hover {background-color: #013b5b;box-shadow: 6px 5px 12px 0px #013b5b4d;color: #fff;}
.butn-gray {background:linear-gradient(138deg, rgb(229 229 229) 0%, rgb(213 213 213) 100%);transition: 0.3s ease;color: #707070;text-decoration: none;}
.butn-gray:hover {background-color: #d5d5d5;box-shadow: 6px 5px 12px 0px rgb(199 199 199 / 44%);color: #707070;color: #707070;}
.butn-danger {background-color: #e35656;color: #fff;}
.butn-round.butn-round-md {width: 26px; height: 26px;}
.butn.butn-round {width: 20px;height: 20px;border-radius: 50%;}
.butn {position:relative;display: inline-flex;align-items: center;justify-content: center;border-radius: 50px;overflow: hidden;outline: none;border: none;cursor: pointer;}
.butn:focus {outline: none;}
.butn:hover {text-decoration: none;}
.butn-md {height: 42px;font-size: 14px;font-weight: 600;padding: 0px 30px;min-width: 100px;width: auto;}
.butn-sm {height: 33px;font-size: 13px;font-weight: 600;padding: 0px 10px;}
.butn-sm-ic {margin-right: 5px;height: 12px;}
.butn-sm-ic.left-ic {margin-right: 0px;margin-left: 5px;}
.butn-md-ic {margin-right: 5px;height: 16px;}
.butn-md-ic.left-ic {margin-right: 0px;margin-left: 5px;}
.butn .butn-tx {top: -0.3px;position: relative;margin: 0px;padding: 0px;}
.butn-block {display: flex;width: 100%;max-width: 100%;}
.nestGray-bg {background-color: #f9f9f9;}
.custom-label {position: relative;display: block;width: 100%;height: 33px;border: 1px solid #e2e2e2;border-radius: 5px;}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label,
.form-floating>.chosen-select.select:focus~label, .form-floating>.chosen-select.select:not(:placeholder-shown)~label, .form-floating>.form-select~label,
.form-floating>.chosen-select:focus~label, .form-floating>.chosen-select:not(:placeholder-shown)~label, .form-floating>.form-select~label
{height: auto;padding: 0px 13px;font-weight: 600;color: #09678f;background-color: #ecf9ff;border: 1px solid #b3e9ff;border-radius: 5px;transform: scale(.85) translateY(-0.8rem) translateX(0.15rem);opacity: 1;white-space: nowrap;}
.custom-label:after {content: "Browse";position: absolute;left: 0;display: flex;align-items: center;justify-content: center;width: 70px;height: 100%;background-color: #e9ecef;border-right: 1px solid #e2e2e2;border-radius: 5px 0px 0px 5px;}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label,
.form-floating>.chosen-select.select:focus~label, .form-floating>.chosen-select.select:not(:placeholder-shown)~label, .form-floating>.form-select~label,
.form-floating>.chosen-select:focus~label, .form-floating>.chosen-select:not(:placeholder-shown)~label, .form-floating>.form-select~label
{height: auto;padding: 0px 13px;font-weight: 600;color: #09678f;background-color: #ecf9ff;border: 1px solid #b3e9ff;border-radius: 5px;transform: scale(.85) translateY(-0.8rem) translateX(0.15rem);opacity: 1;white-space: nowrap;}
.form-floating>.form-control:focus~label::before {top: -4px;}
.form-floating>.custom-select~label::before {top: -4px;}
.form-control, .form-select {font-size: 14px;border: 1px solid #e1e1e1;}
.form-select {background-image: url(../images/dd-gray.svg);background-size: auto;}
.form-control:focus, .form-select:focus {box-shadow: none;border-color: #2ab1e9;}
.form-floating>.form-control, .form-floating>.form-select, .input-group .form-control {height: calc(45px + 2px);padding: 1rem 2.2rem 1rem 1.3rem;}
.inputFile {display: flex;align-items: center;justify-content: flex-start;height: calc(45px + 2px);width: 100%;padding: 1rem 2.2rem 1rem 0rem;border: 1px solid #e2e2e2;border-radius: 4px;}
.form-floating>label {left: 5px;padding: 0.7rem 0.75rem;color: #999999;}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown), .form-floating>.form-select {padding-top: 0.625rem;}
.form-control.readonly[readonly] {background-color: #fff;}
/** Back To top **/
.backtop {position: fixed;bottom: 20px;right: 20px;display: none;align-content: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: #2ab1e9;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}
.backtop svg {height: auto;width: 15px;}
.backtop:hover svg {animation: bktop 1s infinite;}
.backtop svg path {stroke: white;}
@keyframes bktop {0% {height: 30px;}50% {height: 50px;}100% {height: 30px;}}
/** Back To top end **/
/* New Alert Box */
.alert-bx {position: absolute;top: 5px;right: 30px;width: 400px;border-radius: 5px;padding: 15px 10px;z-index: 999;}
.alert-close {position: absolute;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;border-radius: 50%;top: 1px;right: -15px;cursor: pointer;}
.alert-close img {width: 10px;}
.alert-content-wrapper.alert-sticky-footer {padding-bottom: 25px;position: relative;height: 29px;overflow: hidden;transition: 0.5s ease;}
.alert-content-wrapper.alert-sticky-footer:hover {height: 100%;}
.alert-content-wrapper.alert-sticky-footer .actions {position: absolute;bottom: 0;right: 0;}
.sticky-footer-action {position: absolute;right: 0;border-radius: 0 0 4px 4px;bottom: 0;padding: 0px 20px;left: 0;text-align: right;font-weight: 600;}
/* Orange Alert */
.alert-orange .alert-close {background-color: #f3a680;}
.alert-orange {background-color: #ffe5c9;border: 2px solid #f3a680;}
.alert-orange .content {color: #91390e;}
.alert-orange .sticky-footer-action {background: #ffd7ad;color: #873107;}
/* Green Alert */
.alert-green .alert-close {background-color: #7cc567;}
.alert-green {background-color: #caefbf;border: 2px solid #92d77e;}
.alert-green .content {color: #378720;}
.alert-green .sticky-footer-action {color: #164807;background-color: #9ed78e;}
/* Red Alert */
.alert-red .alert-close {background-color: #d76666;}
.alert-red {background-color: #ffdbdb;border: 2px solid #d76666;}
.alert-red .content {color: #c32c2c;}
.alert-red .sticky-footer-action {color: #9d2020;background-color: #f9a1a1;}
/* Custom Check box */
.ui-widget {font-family: 'averta cy', sans-serif;font-size: 14px;}
.ui-state-focus {outline: none;}
.singleSlide-wrapper .ui-widget.ui-widget-content {border: none;background-color: #2ab1e9;}
.range-slider .ui-widget-header {background-color: #2ab1e9;}
.range-slider .ui-widget.ui-widget-content {border: none;background-color: #c5c5c5;}
.singleSlide-wrapper .ui-slider-horizontal, .range-slider .ui-slider-horizontal{height: 2px;}
.singleSlide-wrapper .ui-slider .ui-slider-handle, .range-slider .ui-slider .ui-slider-handle{top: -6px;width: 13px;height: 13px;border-radius: 50px;}
.singleSlide-wrapper .ui-state-default,
.range-slider .ui-state-default,
.singleSlide-wrapper .ui-widget-content .ui-state-default, .range-slider .ui-widget-content .ui-state-default {font-weight: normal;color: #454545;background: #fff;border: 3px solid #2ab1e9;}
.singleSlide-wrapper .inline-range-display {font-weight: bold;width: 25px;padding: 0px;text-align: right;max-width: inherit;height: auto;border: 0;background-color: transparent;}
.singleSlide-wrapper .hotelKm-wrapper input, .singleSlide-wrapper .hotelKm-wrapper span {color: #2ab1e9;}
.pagesection-top {margin-top: 140px;margin-bottom: 2rem;}
.pagesection-top-second {margin-top: 115px; margin-bottom: 2rem;}
.bg-shadow {box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);}
.border-radius-content {border-radius: 15px;border: 1px solid #e2e2e2;padding: 15px; /*box-shadow: 0 0 9px 0 rgb(0 0 0 / 8%);*/}
/* For Chrome */
::-webkit-scrollbar {width: 7px;height: 7px;}
/* Track */
::-webkit-scrollbar-track {background: #f4f5f6;}
/* Handle */
::-webkit-scrollbar-thumb {background: #1c7195;border-radius: 50px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #1c7195;}
::-webkit-scrollbar-track {border-radius: 50px;}
/* For Mozila Firefox */
.dropdown-menu .inner {scrollbar-color: #1c7195 #f4f5f6;scrollbar-width: thin;overflow-x: hidden;}
.customScroller {overflow-y: scroll;overflow-x: hidden;scrollbar-color: #1c7195 #f4f5f6;scrollbar-width: thin;}
:root {scrollbar-color: #1c7195 #f4f5f6;scrollbar-width: thin;}
.form-group {margin-bottom: 0px;}
.bgImg-none {background-image: none !important;padding: 0px 20px !important;}
.services .flights, .services .cars, .services .accommodations, .services .other, .services .transfers, .services .parkings, .services .railServices, .services .fees {margin-bottom: 10px;}
.vehicle-availability-section .chosen-container {max-width: 100%;}
.table-responsive {scrollbar-color: #1c7195 #f4f5f6;scrollbar-width: thin;}
.modal-xl {max-width: 1200px;}
.page-main-body {display: flex;flex-direction: column;height: 100vh;}
.col-wrapper.col-wrapper-both .pageContent {margin: 0px 10px;}
.col-wrapper .pageContent {margin-right: 10px;}
.col-auto-width {width: 400px;}
.sidebar-wrapper {-ms-flex: 0 0 284px;flex: 0 0 284px;}
.two-col-grid {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;}
.three-col-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;}
.four-col-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):not([class*=filter-select-drop]) {width: 100%}
.bootstrap-select>.dropdown-toggle {height: 47px;white-space: normal;}
.bootstrap-select>.dropdown-toggle.btn-light {font-size: 14px;color: #212529;background-color: #ffffff;border-color: #e2e2e2;}
.bootstrap-select .dropdown-toggle .filter-option {display: flex;align-items: center;}
.dropup.show .dropdown-toggle::after {border: none;background-image: url(../images/dd-gray.svg);transform: rotate(180deg);height: 10px;width: 10px;background-repeat: no-repeat;background-position: center;}
.dropup .dropdown-toggle::after {border: none;background-image: url(../images/dd-gray.svg);height: 10px;width: 10px;background-repeat: no-repeat;background-position: center;}
.dropdown-toggle::after {border: none;background-image: url(../images/dd-gray.svg);height: 10px;width: 10px;background-repeat: no-repeat;background-position: center;margin-top: 3px !important;}
.bootstrap-select .dropdown-menu.inner a {display: block;font-size: 14px;color: #222;padding: 6px 7px;transition: 0.3s ease;}
.bootstrap-select .dropdown-menu.inner a:hover {background-color: #e6f8ff;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: none !important;box-shadow: none;border-color: #2ab1e9;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {white-space: nowrap;}
.dropdown-item.active, .dropdown-item:active { background-color: #e9f9ff;}
.table-hover tbody tr {transition: 0.3s ease;}
.table-hover tbody tr:hover {background-color: rgb(247 247 247);}
.table-hover tbody tr.cheapestOption:hover {background-color: #e1fbda ;}
.more-flight-td-wrapper table tbody tr:hover {background-color: #e5f9ff;}
.dropdown-header {padding: .5rem 15px;}
.bootstrap-select.disabled, .bootstrap-select>.disabled {cursor: not-allowed;background-color: #e9ecef !important;border-radius: 4px;}
.field, .required-tx {margin-bottom: 17px;}
/*.field.combine-right button {border-radius: 0 4px 4px 0px;}*/
/*.field.colmbine-left button {border-radius: 0.25rem 0 0 0.25rem;border-right: 0px;}*/
.combine-right a.chosen-single {border-radius: 0 0.25rem 0.25rem 0px;margin-left: 1px;}
.combine-right .chosen-container-single.chosen-container-active a.chosen-single {border-radius: 0px 0.25rem 0.25rem 0px;}
.combine-left .chosen-container-single.chosen-container-active a.chosen-single {border-radius: 0.25rem 0px 0px 0.25rem;}
.combine-left a.chosen-single {border-radius: 0.25rem 0 0 0.25rem;margin-right: 1px;}
.border-left-division {border-left: 1px solid #e2e2e2;}
.combination-input-flex {display: flex;}
.list-unstyled li {list-style: none;}
.v-align-tx th, .v-align-tx td{vertical-align: middle}
.hide-outer-space-tr th, .hide-outer-space-tr td {padding: 0px;border-top: 0px;}
/*.overlay-loader {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: #ffffffcc;backdrop-filter: blur(2px);z-index: 999;}*/
/*.loader {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 150px;z-index: 1000; background-image: url(../images/nexct_loader_new.gif);}*/
.user-tag-wrapper .traveler-tag {position: relative;display: flex;alignb-items: center;padding: 0px;font-size: 14px;font-weight: 600;border: none;background-color: transparent;white-space: nowrap;}
.user-tag-wrapper .traveler-tag:hover .userNotes {display: block;}
.travel-tag-hover {position: absolute;left: 0;display: none;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: #f5f5f5;border-radius: 25px;}
.userNotes {display: flex;}
.user-tag-wrapper {display: inline-flex;align-items: center;}
.userTag-bg {background-color: #f6fff4;padding: 5px 10px;}
.noteh a, .tagsh a, .travelerChange a, .assume-user a,
.noteh a, .tagsh button, .travelerChange button, .assume-user button{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;margin: 0;font-size: 10px;color: #222222;text-decoration: none;border-radius: 50px;transition: 0.3s ease;background-color: #e3e3e3;margin-left: 5px;border:none}
.noteh a svg, .tagsh a svg, .assume-user a svg, .noteh a svg, .tagsh button svg, .assume-user button svg {width: 14px;}
.noteh .count, .tagsh .count, .assume-user .count {position: absolute;top: -3px;right: -4px;width: 13px;height: 13px;font-size: 10px;border-radius: 50px;background-color: #f74646;display: flex;align-content: center;justify-content: center;color: #fff;z-index: 2;pointer-events: none;}
.svgImg-path:hover svg path, .svgImg-path:hover svg circle {fill: #fff}
.svgImg svg path{fill: #fff;}
.assume-user a:hover, .noteh a:hover, .tagsh a:hover, .travelerChange a:hover,
.assume-user button:hover, .noteh a:hover, .tagsh button:hover, .travelerChange button:hover
{background-color: #2ab1e9;border-color: #a4dbf3;text-decoration: none;color: #ffffff;}
.white-space-nowrap {white-space: nowrap;}
.right-profile-wrapper .noteh a {
background-color: transparent;
}
.sortable th {background-color: #e1e1e1 !important;}
.table>:not(:last-child)>:last-child>* {border-bottom-color: #dee2e6;}
.password-strength-bar {display: block;padding: 0px 8px;margin-top: 5px;font-size: 11px;border-radius: 4px;} /*hiden strength bar on load and text in black color only.*/
.svg-fill-blue path{ fill: #028ec9;}
.request-travel-tabing-wrapper.updateProfileTab .nav-tabs{border-radius: 15px;}
/** GENERAL CSS END**/
.table.trips td.travellerCompSummary .traveller {position: relative;display: flex;align-items: center;font-size: 14px;}
span.status_submitted {background-position: 5px center;background-image: url(../images/icon_submitted.svg);}
.evaluationHistory .EvaluationProvided div.approved, span.status_approved, span.status_approved_ac, span.status_approved_ad {background-position: 5px center;background-image: url(../images/icon_approve.svg);}
ul.documents {padding-left: 0;}
.policyViolation {position: absolute;
z-index: 999;
left: 290px;
background-color: #fff;
border: 1px solid #e2e2e2;
box-shadow: 0 0 9px 0 rgb(0 0 0 / 8%);;
padding: 15px;
border-radius: 15px;}
.serviceTabs table tr {display: table;width: 100%;color: #222;margin-bottom: 10px;border-bottom-color: #faa;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);border-bottom: 1px solid #cccc;}
.seatsAvailable {font-weight: normal;background-image: url(../images/seat_icon.svg);background-repeat: no-repeat;background-position: left center; background-size: 14px;}
.caption-tx {font-size: 12px;font-weight: normal;}
.contextInfo table.table tr th, .toolBox table.table tr th, .contextInfo table.table tr td, .toolBox table.table tr td {padding: 0.75rem 0.30rem;}
/** forgot page **/
.backArrow {position: absolute;top: 20px;left: 20px;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: #cbcbcb;border-radius: 50%;transition: 0.5s ease;}
.backArrow:hover {background-color: #013b5b;box-shadow: 6px 5px 12px 0px #013b5b4d;}
/*.bg-img-content {position: relative;display: block;width: 100%;height: calc(100vh);background-repeat: repeat;overflow: hidden;perspective: 100px;-webkit-perspective: 100px;background-image: url('../images/bg_sa.jpg');background-position: top;animation: fadeShow 50s infinite;animation-direction: alternate;}*/
.bg-img-content {position: relative;display: block;width: 100%;height: calc(100vh - 85px);background-image: url(../images/bg_sa.jpg);background-repeat: no-repeat;background-size: 100%;overflow: hidden;perspective: 100px;-webkit-perspective: 100px;}
@keyframes fadeShow {0% {background-position: top;background-size: 3000px;}100% {background-position: -100px 0px;background-size: 2750px;}}
/* .forgot-pass-sec input#username, .forgot-user-sec input#username {background-image: url(../images/envelope-gray.svg);background-repeat: no-repeat;background-position: 7px 7px;padding-left: 38px;} */
/* Auto Fill */
/* Change the white to any color */
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;
}
.overlay-loader {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: #1a272cc4;z-index: 9998;}
.page-loader {z-index: 1000;}
.overlay-loader .pulse {
position: fixed;
top: 50%;left: 50%;transform: translate(-50%, -50%);width: 230px;z-index: 9999;
background: #fff;
height: 100px;
width: 100px;
border: 2px solid #28b1e8;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
position: relative;
box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.5);
}
.pulse-2 {
position: absolute;
height: 100px;
width: 100px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
@keyframes pulse{
0% {
box-shadow: 0 0 0 0px rgba(40, 177, 232, 0.5);
}
100% {
box-shadow: 0 0 0 30px rgba(40, 177, 232, 0);
}
}
.overlay-loader .fadePulses {
animation: pulse 1.5s linear infinite;
}
/* Warning Message */
.warning-message {background-color: #fffbe9;border: 1px solid #d7c98c;}
.warning-message .alert-ic svg circle {fill: #a7a205;}
.warning-message .alert-msg-title h2 {color: #a7a205;}
.warning-message .alert-ic {border-right: 1px solid #a7a205;}
.warning-message .close-alert {background-color: #a7a205;}
.warning-message ul li::marker {color: #a7a205;}
.warning-message .alert-box-title {background-color: #f9edb5;border-radius: 10px 10px 0 0;}
.no-alert-title {position: relative;}
.no-alert-title .alert-box-content{display: flex;}
/* Danger Message */
.danger-message {background-color: #ffecec;border: 1px solid #ffc9c9;}
.danger-message .alert-ic svg circle {fill: #cf4343;}
.danger-message .alert-msg-title h2 {color: #cf4343;}
.danger-message .alert-ic {border-right: 1px solid #cf4343;}
.danger-message .close-alert {background-color: #cf4343;}
.danger-message ul li::marker {color: #cf4343;}
.danger-message .alert-box-title {background-color: #ffcfcf;border-radius: 10px 10px 0 0;}
/* Success Message */
.success-message {background-color: #e9ffec;border: 1px solid #98e7a3;}
.success-message .alert-ic svg circle {fill: #47a955;}
.success-message .alert-msg-title h2 {color: #47a955;}
.success-message .alert-ic {border-right: 1px solid #47a955;}
.success-message .close-alert {background-color: #47a955;}
.success-message ul li::marker {color: #47a955;}
.success-message .alert-box-title {background-color: #a7f9b3;border-radius: 10px 10px 0 0;}
/* Alert Ex */
.alert-main-box {position: fixed;top: 20px;right: 20px;width: 470px;max-height: 100vh;height:auto;padding: 6px;overflow-y: scroll;overflow-x: unset !important;z-index: 1000;}
.scroll-hidden {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.scroll-hidden::-webkit-scrollbar {display: none;}
.alert-box {width: 450px;height: auto;border-radius: 10px;margin-bottom: 10px;}
.alert-box-title {position: relative;display: flex;align-items: center;padding: 3px 10px;background-color: #cfe8ff;border-radius: 10px 10px 0 0;}
.close-alert {position: absolute;top: -5px;right: -5px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50px;border: none;}
.close-alert img {width: 10px;}
.alert-ic {display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;padding-right: 10px;margin-right: 10px;}
.alert-ic svg {width: 30px;height: 40px;}
.alert-msg-title h2 {font-size: 16px;font-weight: 600;margin-bottom: 0px;}
.alert-box-content {padding: 10px;}
/* Error Message */
.messages {position:relative;display: inline-flex;padding: 0px 10px 0px 0px;border: 1px solid #ffd4d4;background-color: #fff2f2;font-size: 14px;border-radius: 10px;min-width: 450px;width: 450px;transition: 0.5s ease;margin-bottom: 10px;}
.messages ul li::marker, .pageContent p.alert, .pageContent .alert ul li::marker {color: #900;}
.messages .errors {padding: 10px;}
.auth-messages {position:relative;display: inline-flex;padding: 0px 10px 0px 0px;border: 1px solid #ffd4d4;background-color: #fff2f2;font-size: 14px;border-radius: 10px;min-width: 450px;width: 450px;transition: 0.5s ease;margin-bottom: 10px;}
.auth-messages ul li::marker, .pageContent p.alert, .pageContent .alert ul li::marker {color: #900;}
.auth-messages .errors {padding: 10px;}
.massge-icon-wrapper {width: 70px;margin-right: 20px;background: #ffcfcf;display: flex;align-items: flex-start;justify-content: center;border-radius: 10px 0 0px 10px;padding-top: 10px;padding-bottom: 10px;}
.massge-icon-wrappers {width: 70px;margin-right: 20px;background: #ffcfcf;display: flex;align-items: center;justify-content: center;border-radius: 10px 0 0px 10px;padding-top: 10px;padding-bottom: 10px;}
.massge-icon-wrapper svg {width: auto; height: 25px;}
.massge-icon-wrapper svg path {fill: #cf4343;}
.collapse-error {position: absolute;top: -4px;left: -7px;width: 19px;height: 19px;background-color: #cf4343;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.5s ease;}
.collapse-error img {width: 7px;}
.collapse-error-toggle {transform: translate(395px, 0px);}
.collapse-error-toggle .errors {display: none;}
.toggle-arrow {transform: rotate(180deg);}
.alert-intro-ic circle {fill: #72b971;}
.alert-notification {position: relative;width: 450px;margin-bottom: 10px;}
.alert-notify-box {display: flex;align-items: start;}
.notify-box-content {display: none;position: relative;width: 400px;padding: 10px;margin-right: 14px;background: #ede9fb;border: 1px solid #b7aae3; border-radius: 10px; }
.notify-info {position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: none;border-radius: 50px;background-color: #6750bb;}
.notify-info svg {height: 20px;}
.notify-info svg path {fill: #fff;}
.notify-box-content::after {content: "";position: absolute;top: 11px;right: -11px;display: inline-block;width: 0;height: 0;border-top: 9px solid transparent;border-left: 11px solid #b7aae3;border-bottom: 9px solid transparent;}
.close-notify {position: absolute;background: #2c1581;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;border-radius: 50px;top: -3px;right: -4px;}
.close-notify img {width: 9px;}
.light-gray-tx-reg {color: #999999;font-size: 14px;}
.margin-2rem-bottom {margin-bottom: 2rem !important;}
.margin-2rem-top {margin-top: 2rem !important;}
.margin-2rem-tb {margin-top: 2rem;margin-bottom: 2rem !important; }
.margin-1rem-bottom {margin-bottom: 1rem !important;}
.margin-1rem-top {margin-top: 1rem !important;}
.margin-1rem-tb {margin-top: 1rem;margin-bottom: 1rem !important; }