/* CSS Document */
/***** Fonts CSS *****/
@font-face { font-family: 'Boston Thin'; font-style: normal; font-weight: normal; src: local('Boston Thin'), url('../fonts/BostonThin.woff') format('woff'); }
@font-face { font-family: 'Boston ExtraLight'; font-style: normal; font-weight: normal; src: local('Boston ExtraLight'), url('/fonts/BostonExtraLight.woff') format('woff'); }
@font-face { font-family: 'Boston Light'; font-style: normal; font-weight: normal; src: local('Boston Light'), url('../fonts/BostonLight.woff') format('woff'); }
@font-face { font-family: 'Boston Regular'; font-style: normal; font-weight: normal; src: local('Boston Regular'), url('../fonts/BostonRegular.woff') format('woff'); }
@font-face { font-family: 'Boston SemiBold'; font-style: normal; font-weight: normal; src: local('Boston SemiBold'), url('../fonts/BostonSemiBold.woff') format('woff'); }
@font-face { font-family: 'Boston Bold'; font-style: normal; font-weight: normal; src: local('Boston Bold'), url('../fonts/BostonBold.woff') format('woff'); }
@font-face { font-family: 'Boston Black'; font-style: normal; font-weight: normal; src: local('Boston Black'), url('../fonts/BostonBlack.woff') format('woff'); }
@font-face { font-family: 'Boston Heavy'; font-style: normal; font-weight: normal; src: local('Boston Heavy'), url('fonts/BostonHeavy.woff') format('woff'); }
/***** Common CSS *****/
body { background: #fff; font-family: 'Boston Regular'; font-size: 15px; overflow-x: hidden; color: #7e7e7e; margin: 0 auto; }
a, a:focus, a:hover { color: #0063a3; text-decoration: none; }
a, a:focus, a:hover, a:active, a.active:hover, a.active:focus, select, option, select:focus, button, button:focus { outline: none; }
.aligncenter { margin: 0 auto; display: inline-block; }
.transition { transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; -moz-transition: all .8s ease; }
.no-padding { padding-left: 0; padding-right: 0; }
.no-left-pad { padding-left: 0; }
.no-right-pad { padding-right: 0; }
.less-pad { padding-left: 5px; padding-right: 5px; }
span, a, abbr { display: inline-block; }
.list { list-style: none; padding: 0; margin: 0; line-height: normal; margin-bottom: 20px; }
.list li { position: relative; padding: 3px 5px 3px 20px; }
.list li:before { content: '\f101'; color: #f89c26; position: absolute; left: 0; top: 4px; font-size: 20px; vertical-align: middle; font-family: 'Fontawesome'; }
.no-margin { margin: 0 !important; }
/***** Common Spacing CSS *****/
.padding10x { padding: 10px; }
.padding20x { padding: 20px; }
.padding1x { padding-top: 10px; padding-bottom: 10px; }
.padding2x { padding-top: 20px; padding-bottom: 20px; }
.padding3x { padding-top: 30px; padding-bottom: 30px; }
.padding4x { padding-top: 40px; padding-bottom: 40px; }
.padding5x { padding-top: 50px; padding-bottom: 50px; }
.padding6x { padding-top: 60px; padding-bottom: 60px; }
.paddingtop1x { padding-top: 10px; }
.paddingtop2x { padding-top: 20px; }
.paddingtop3x { padding-top: 30px; }
.paddingtop4x { padding-top: 40px; }
.paddingtop5x { padding-top: 50px; }
.paddingtop6x { padding-top: 60px; }
.paddingtop7x { padding-top: 70px; }
.paddingtop8x { padding-top: 80px; }
.paddingbottom1x { padding-bottom: 10px; }
.paddingbottom2x { padding-bottom: 20px; }
.paddingbottom3x { padding-bottom: 30px; }
.paddingbottom4x { padding-bottom: 40px; }
.paddingbottom5x { padding-bottom: 50px; }
.paddingbottom6x { padding-bottom: 60px; }
.paddingbottom7x { padding-bottom: 70px; }
.paddingbottom8x { padding-bottom: 80px; }
.spacetop-xs { margin-top: 5px; }
.spacetop1x { margin-top: 10px; }
.spacetop2x { margin-top: 20px; }
.spacetop3x { margin-top: 30px; }
.spacetop4x { margin-top: 40px; }
.spacetop5x { margin-top: 50px; }
.spacetop6x { margin-top: 60px; }
.spacetop7x { margin-top: 70px; }
.spacetop8x { margin-top: 80px; }
.spacebottom1x { margin-bottom: 10px; }
.spacebottom2x { margin-bottom: 20px; }
.spacebottom3x { margin-bottom: 30px; }
.spacebottom4x { margin-bottom: 40px; }
.spacebottom5x { margin-bottom: 50px; }
.spacebottom6x { margin-bottom: 60px; }
/***** Common Heading CSS Style *****/
.lg-heading, .medium-heading, .small-heading, .xs-heading { position: relative; }
.lg-heading, .medium-heading, .small-heading, .xs-heading { font-family: "Boston Bold"; font-size: 25px; color: #f89c26; margin-top: 0; margin-bottom: 8px; text-transform: uppercase; line-height: 25px; }
.medium-heading { font-family: "Boston SemiBold"; font-size: 20px; margin-top: 0; margin-bottom: 10px; line-height: 20px; }
.small-heading { font-family: 'Boston SemiBold'; font-size: 18px; margin-top: 10px; margin-bottom: 10px; line-height: 18px; }
.xs-heading { font-family: ' Boston Regular'; font-size: 16px; color: #fca500; margin-top: 0; margin-bottom: 15px; line-height: 16px; }
.bold { font-family: "Boston Bold"; }
/***** Form CSS *****/
.common-form { margin-bottom: 0; }
.form-group { position: relative; margin-bottom: 20px; }
.form-group label { font-size: 14px; position: relative; display: block; width: 100%; font-weight: normal; font-family: 'Boston SemiBold'; color: #7c7c7c; margin-bottom: 5px; }
.form-group label.error { max-width: initial; padding: 2px 0; color: #dc0000; text-align: right; background-color: transparent; border-radius: 0; font-size: 11px; margin: 0 1px; }
.form-control, .form-control:focus, textarea.form-control { background: transparent; border-width: 1px; border-color: #bbbbbb; border-style: solid; border-radius: 6px; color: #444444; height: 36px; position: relative; float: none !important; font-size: 14px; padding: 6px 10px; box-shadow: none !important; }
.form-control.country-code { text-align: center; border-width: 1px !important; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; color: #848484 !important; }
textarea.form-control, textarea.form-control:focus { height: 80px; }
.form-group .input-group-prepend { padding: 9px 12px; font-size: 16px; line-height: 1; color: #bbbbbb; text-align: center; background-color: transparent; border-radius: 6px 0 0 6px; border-width: 1px 0 1px 1px; border-color: #bbbbbb; border-style: solid; width: 42px; }
.form-group .input-group { align-items: center; }
.pswrd-eye { position: absolute; top: 10px; right: 10px; color: #bbbbbb; cursor: pointer; z-index: 9999; }
.valid-feedback, .invalid-feedback { text-align: right; /*position: absolute; bottom: -15px;*/ font-size: 11px; }
.was-validated .form-control:invalid, .was-validated .form-control:valid {
 background-image: none;
 border-color: #bbbbbb;
}
.was-validated .form-control:invalid:focus, .was-validated .form-control:valid:focus {
 bordeer-color: #bbbbbb;
}
.form-group span.error { position: absolute; bottom: -15px; color: #dc0000; text-align: right; background-color: transparent; border-radius: 0; font-size: 11px; display: block; width: 100%; right: 0; }
.form-group.has-error .form-control.error, .form-group.has-error .form-control, .form-control.error { border-color: #dc0000; border-width: 1px !important; }
.form-group.has-success .form-control.valid, .form-group.has-success .form-control, .form-control.valid { border-color: #00c321; border-width: 1px !important; }
.captcha-box { background: #d6d6d6; padding: 6px 15px; color: #434343; border-width: 1px; border-color: #bbbbbb; border-style: solid; border-radius: 6px; margin-left: 2%; }
.success-msg { background: #e5ffe9; padding: 0; margin-top: 20px; text-align: center; border: 1px solid #75c582; position: relative; }
.msg-header { position: relative; }
.msg-header .small-heading { color: #3a7543; padding-top: 12px; }
.close-btn { margin-top: 0px; position: absolute; z-index: 1; right: -10px; top: -12px; text-shadow: none; background: #75c582; color: #fff; opacity: 1; line-height: 0; padding: 12px 7px; border-radius: 20px; font-size: 18px; border: none; }
.msg-body { padding: 10px 20px; color: #75c582; font-size: 18px; }
.success-msg.error-msg .msg-body { color: #ce0000; }
.success-msg.error-msg { background: #ffd7d7; border: 1px solid #ce0000; }
.error-msg .msg-header .small-heading { color: #ce0000; font-size: 20px; }
.error-msg .close-btn { background: #ce0000; }
.refresh-btn { margin-left: 8px; cursor: pointer; }
/***** Placeholder ******/
.form-control::placeholder {
 color: #898989;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #898989;
}
.form-control::-ms-input-placeholder {
 color: #898989;
}
/***** Checbox CSS Style ******/
/*** Custom echeckbox ***/
.custom-control label { font-family: 'Boston Regular'; font-size: 14px; margin-bottom: 12px; }
.custom-control-input:checked ~ .custom-control-label::before { border-color: #0063a3; background-color: #0063a3; }
.custom-control-label::before { border: #7b7b7b solid 1px; }
/******/
.checkbox { margin-bottom: 8px !important; }
.form-group .checkbox label { font-size: 14px; padding-left: 0; }
.checkbox label:after { content: ''; display: table; clear: both; }
.checkbox .cr { position: relative; color: #0063a3; display: inline-block; border: 1px solid #bbbbbb; border-radius: 2px; width: 1em; height: 1em; float: left; margin-right: 8px; margin-top: 2px; }
.checkbox .cr .cr-icon { position: absolute; font-size: 12px; line-height: 0; top: 50%; left: 2%; }
.checkbox .acceptance { padding-left: 0; color: #fff; float: left; display: inline-block; width: 93%; }
/*.checkbox label input[type="checkbox"] { display: none; }*/
.checkbox label input[type="checkbox"] { opacity: 0; }
.checkbox label input[type="checkbox"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr { opacity: .5; }
/***** Checbox div *****/
/*<div class="form-group">
  <div class="checkbox">
    <label>
      <input type="checkbox" value="">
      <span class="cr"><i class="cr-icon fa fa-check"></i></span>
      <span class="acceptance">Text here</span>
      </label>
  </div>
</div>*/
/***** Radio Box ******/
.radio-btns .form-check { display: inline-block; margin-right: 18px; }
.radio-btns .form-check:last-child { margin-right: 0; }
input[type="radio"] { position: absolute; right: 9000px; }
input[type="radio"] + .label-text:before { content: "\f10c"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 1em; display: inline-block; margin-right: 5px; }
input[type="radio"]:checked + .label-text:before { content: "\f192"; color: #fff; animation: effect 250ms ease-in; }
input[type="radio"]:disabled + .label-text { color: #fff; }
input[type="radio"]:disabled + .label-text:before { content: "\f111"; color: #0063a3; }
/***** Radio div *****/
/*<div class="form-group radio-btns">
  <div class="form-check">
    <label>
      <input type="radio" name="radio">
      <span class="label-text">Text here</span></label>
  </div>
</div>*/
/***** Page Loader CSS *****/
.page-loader { background: rgba(255, 255, 255, 0.9 ); top: 0; bottom: 0; left: 0; right: 0; position: absolute; justify-content: center; align-items: center; display: flex; z-index: 9999; }
.loader { margin: 0 auto; position: relative; width: 64px; text-align: center; z-index: 99999; }
.loader span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #f79420; -webkit-animation: ball-pulse-sync 1s 0s infinite ease-in-out; animation: ball-pulse-sync 1s 0s infinite ease-in-out; }
.loader span:nth-child(1) { -webkit-animation: ball-pulse-sync 1s -.14s infinite ease-in-out; animation: ball-pulse-sync 1s -.14s infinite ease-in-out }
.loader span:nth-child(2) { -webkit-animation: ball-pulse-sync 1s -70ms infinite ease-in-out; animation: ball-pulse-sync 1s -70ms infinite ease-in-out }
@-webkit-keyframes ball-pulse-sync { 33% {
 -webkit-transform:translateY(10px);
 transform:translateY(10px)
}
 66% {
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px)
}
 100% {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
@keyframes ball-pulse-sync { 33% {
 -webkit-transform:translateY(10px);
 transform:translateY(10px)
}
 66% {
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px)
}
 100% {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
/***** Preloader *****/
.pre-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f4f4f4; z-index: 999999; }
.load-status { background-position: center center; background-repeat: no-repeat; height: 40px; left: 50%; margin: -20px 0 0 -20px; position: absolute; text-align: center; top: 50%; z-index: 2; }
.sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.sk-folding-cube .sk-cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f89c26; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
@-webkit-keyframes sk-foldCubeAngle { 0%, 10% {
 -webkit-transform: perspective(140px) rotateX(-180deg);
 transform: perspective(140px) rotateX(-180deg);
 opacity: 0;
}
 25%, 75% {
 -webkit-transform: perspective(140px) rotateX(0deg);
 transform: perspective(140px) rotateX(0deg);
 opacity: 1;
}
 90%, 100% {
 -webkit-transform: perspective(140px) rotateY(180deg);
 transform: perspective(140px) rotateY(180deg);
 opacity: 0;
}
}
 @keyframes sk-foldCubeAngle { 0%, 10% {
 -webkit-transform: perspective(140px) rotateX(-180deg);
 transform: perspective(140px) rotateX(-180deg);
 opacity: 0;
}
 25%, 75% {
 -webkit-transform: perspective(140px) rotateX(0deg);
 transform: perspective(140px) rotateX(0deg);
 opacity: 1;
}
 90%, 100% {
 -webkit-transform: perspective(140px) rotateY(180deg);
 transform: perspective(140px) rotateY(180deg);
 opacity: 0;
}
}
/***** Before Login Pages *****/
.geofence-wrap {background: url(../images/Geo-Fencing.gif); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; position: relative; height: 468px; -webkit-box-shadow: 0px 0px 40px 12px rgba(210, 210, 210, 1); -moz-box-shadow: 0px 0px 40px 12px rgba(210, 210, 210, 1); box-shadow: 0px 0px 40px 12px rgba(210, 210, 210, 1); }
.geo-link {display: block; width: 100%; height: 100%;}
.top-form { padding-right: 0; z-index: 1; }
.before-login { background-image: url(../images/bg-new.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
.login-section { width: 100%; display: table; height: 100%; position: absolute; top: 0; left: 0; padding: 0; margin: 0; z-index: 999; }
.center-box { padding: 0; margin: 0; display: table-cell; vertical-align: middle; }
.login-box { width: 28%; padding: 0; margin: 0 auto; }
.login-box.main-login-box { width: 60%; }
.login-box.register-box { width: 38%; }
.login-body { background: #fff; padding: 15px 20px; height: 100%; position: relative; -webkit-box-shadow: 0px 0px 40px 12px rgba(210, 210, 210, 1); -moz-box-shadow: 0px 0px 40px 12px rgba(210, 210, 210, 1); box-shadow: 0px 0px 40px 12px rgba(210, 210, 210, 1); }
.before-login .form-control, .before-login .form-control:focus, .before-login textarea.form-control { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; border-width: 1px 1px 1px 0; }
.logo-wrap { margin-bottom: 18px; }
.useful-link { text-align: right; }
.useful-link a { padding-right: 8px; padding-left: 8px; font-size: 13px; color: #7e7e7e; border-right: 1px solid #7e7e7e; transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; -moz-transition: all .8s ease; }
.useful-link a:focus, .useful-link a:hover { color: #f89c26; }
.useful-link a:last-child { padding-right: 0; border-right: none; }
.blue-btn, .grey-btn, .yellow-btn { background: #004a98; font-family: "Boston Bold"; font-size: 16px; padding: 8px 35px; color: #fff; border-radius: 4px; border: none; position: relative; text-transform: uppercase; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; }
.blue-btn:hover, .blue-btn:focus { background: #ff9e1b; color: #fff; }
.grey-btn { background: #e0e0e0; color: #444; padding: 8px 18px; }
.grey-btn:hover, .grey-btn:focus { background: #444; color: #e0e0e0; }
.yellow-btn { background: #f89c26; color: #fff; padding: 6px 15px; font-size: 16px; font-family: "Boston SemiBold"; text-transform: inherit; }
.yellow-btn:hover, .yellow-btn:focus { background: #004a98; color: #fff; text-decoration: none; }
.info-text { position: relative; font-size: 11px; color: #9d9d9d; line-height: 14px; margin-top: 2px; letter-spacing: 0.3px; width: 100%; }
.otp-link { cursor: pointer; color: #004a98 !important; font-family: "Boston Medium"; }
/***** Footer *****/
.before-login footer { background: #fff; position: fixed; bottom: 0; font-size: 14px; padding: 6px 15px; width: 100%; box-shadow: 0px 0px 6px 4px rgba(210, 210, 210, 0.4); }
.powered-by { text-align: right; }
/***** Footer *****/
.meter-wdth { width: 100% !important; height: auto !important; }
/***** Modal CSS Style *****/
.modal-open .modal.common-modal, .modal-open .modal, .modal-open .common-modal { padding-right: 0 !important; }
.modal-backdrop, .common-modal { background: rgba(0,0,0,0.8); text-align: center; }
.common-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.common-modal .modal-heading { background: #e0e0e0; padding: 10px 10px; text-transform: capitalize; color: #444; width: 100%; font-size: 20px; margin-bottom: 0; }
.common-modal .modal-dialog { width: 92%; margin: 30px auto; max-width: 540px; display: inline-block; vertical-align: middle; }
.common-modal .modal-content { padding: 0; border-radius: 0; }
.common-modal .modal-header { padding: 0 !important; border-bottom: none !important; position: relative; min-height: auto !important; }
.common-modal .close { position: absolute; right: -10px; top: -10px; text-shadow: none; background: #f79420; color: #fff; opacity: 1 !important; line-height: 0; padding: 12px 6px; border-radius: 20px; font-size: 24px; margin: 0; z-index: 1; }
.common-modal .modal-body { font-size: 15px; padding: 20px 10px; text-align: left; word-break: break-word; white-space: normal; }
.common-modal .modal-body figure { margin: 0; }
.common-modal p { margin-bottom: 8px; }
.common-modal .modal-footer { padding: 10px 10px; }
.popover-icon { font-size: 24px; text-decoration: none; color: #004a98; text-align: center; }
.popover-wrapper { position: relative; display: inline-block; }
.popover-content { opacity: 0; visibility: hidden; display: flex; position: absolute; right: 26px; top: -1px; background-color: #dedede; padding: 5px 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.popover-content:before { position: absolute; z-index: -1; content: ""; top: 10px; right: -9px; border-style: solid; border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #dedede; transition-duration: 0.3s; transition-property: transform; }
.popover-wrapper:hover .popover-content { z-index: 10; opacity: 1; visibility: visible; transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); }
.popover-message { text-align: center; }
.popover-content a { font-size: 15px !important; color: #004a98 !important; display: inline-block; padding: 3px 10px; }
.popover-content a:hover, .popover-content a:focus { color: #f89c26 !important; text-decoration: none; }
.mrgn-minus { margin-top: -12px; margin-bottom: 12px; }
.tally-popup:after { position: absolute; content: ""; bottom: 0; width: 100%; background: #fff; height: 35px;}
/***** RESPONSIVE CSS *****/
@media screen and (min-width:1536px) and (max-width:1700px) {
/***** Before Login Pages *****/
.login-box { width: 35%; }
.login-box.main-login-box { width: 70%; }
}
@media screen and (min-width:1368px) and (max-width:1440px) {
/***** Before Login Pages *****/
.login-box { width: 40%; }
.login-box.main-login-box { width: 76%; }
.login-box.register-box { width: 45%; }
}
@media screen and (min-width:1301px) and (max-width:1367px) {
/***** Before Login Pages *****/
.login-box { width: 40%; }
.login-box.main-login-box { width: 82%; }
.login-box.register-box { width: 48%; }
}
@media screen and (min-width:1201px) and (max-width:1300px) {
/***** Before Login Pages *****/
.login-box { width: 45%; }
.login-box.main-login-box { width: 88%; }
.login-box.register-box { width: 54%; }
}
@media all and (max-width: 1200px) {
/***** Before Login Pages *****/
.login-box { width: 45%; }
.login-box.main-login-box { width: 88%; }
.login-box.register-box { width: 58%; }
}
@media screen and (min-width:1024px) and (max-width:1180px) {
/***** Before Login Pages *****/
.login-box { width: 55%; }
.login-box.main-login-box { width: 95%; }
.login-box.register-box { width: 58%; }
}
@media screen and (min-width:992px) and (max-width:1023px) {
/***** Before Login Pages *****/
.login-box { width: 55%; }
.login-box.main-login-box { width: 95%; }
.login-box.register-box { width: 60%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
/***** Before Login Pages *****/
.login-box { width: 70%; }
.login-box.main-login-box { width: 95%; }
.login-box.register-box { width: 80%; }
}
@media all and (max-width: 767px) {
.login-section { position: relative; margin: 3% 0 0; z-index: 0; }
.top-form {padding-left: 0;}
.geofence-wrap { height: 400px;}
.before-login footer { position: relative; text-align: center; padding: 8px 15px; margin: 4% auto 0; }
.powered-by { text-align: center; margin-top: 10px; }
}
@media screen and (min-width:680px) and (max-width:767px) {
/***** Before Login Pages *****/
.login-box, .login-box.register-box { width: 60%; }
}
@media screen and (min-width:561px) and (max-width:679px) {
/***** Before Login Pages *****/
.login-box, .login-box.register-box { width: 74%; }
}
@media all and (max-width: 560px) {
/***** Before Login Pages *****/
.login-box, .login-box.register-box { width: 80%; }
.custom-control label { line-height: 17px; }
}
@media all and (max-width: 480px) {
/***** Before Login Pages *****/
.login-box, .login-box.register-box { width: 85%; }
.geofence-wrap { height: 360px; }
}
@media all and (max-width: 425px) {
/***** Before Login Pages *****/
.login-box, .login-box.register-box { width: 90%; }
.yellow-btn { margin-bottom: 10px; }
.geofence-wrap { height: 330px; }
}
@media all and (max-width: 376px) {
/***** Before Login Pages *****/
.login-box, .login-box.register-box { width: 88%; }
.useful-link { text-align: center; }
.useful-link a { display: block; padding-right: 0; padding-left: 0; padding-bottom: 2px; border-right: none; }
.geofence-wrap { height: 295px; }
}
@media all and (max-width: 360px) {
.before-login footer { font-size: 13px; }
}