@charset "utf-8";
/* CSS Document */

.padding {padding-top: 15px;}
.dis_non {display: none;}

body {padding: 0;margin: 0;display: block;font-family: "Aharoni";overflow: hidden;}

.clstheme1 {background-image: url(../../../Images/UAE/Login_bg.jpg);background-repeat: no-repeat;background-size: cover;}
.clstheme6 {background-image:url(../../../Images/DEIRA/bg_login.jpg);background-repeat:no-repeat;height:100vh;width:100%;background-position: center;background-size: cover;}

.clstheme1 .dv-anim, .clstheme1 .animationdive {margin: 0 !important;margin-bottom: 30px !important;}
.clstheme1 .txt-anim ~ label {margin: 0;}
.clstheme1 input {height: 40px;border-radius: 0 !important;}

#loginform {background-color: #fff;border-radius: 8px;box-shadow: 0 1px 7px 0 rgb(0 0 0 / 40%);width: 100%;position: relative;top: 4em;float: left;text-align: center;}
.leftimage {border-right: 1px solid #d5d5d5;}
.leftimage img {max-width:100%;width: 90%;}
.leftimage1 {display: none;}

.username {width: 300px;font-size: 13px !important;font-weight: bold !important;margin: 0 5px 0 5px !important;background: #ebebeb !important;}
.password {width: 300px;margin: 0 5px 0 5px;background: #ebebeb;}
input[type=text], input[type=password] {font-family: Calibri,Nina,Arial!important;color: #4e4e4e!important;box-shadow: 0 0 0px 2px #ebebeb!important;-webkit-box-shadow: 0 0 0px 2px #ebebeb!important;-moz-box-shadow: 0 0 0px 2px #ebebeb!important;padding: 7px 9px 7px 9px!important;border: 1px solid #d7d7d7!important;display: inline-block!important;border-radius: 0 !important;}
input:focus {box-shadow: 0 0px 0px 3px #ebebeb!important;}

.loginpanel {padding: 30px;}
.loginpanel p {padding: 0;font-size: 20px;color: #3b731c;text-align: center;margin: 15px;margin-bottom: 30px;}
.logindetails {font-family: Arial, Helvetica, sans-serif;margin: 0 auto;padding: 0;font-size: 1em;}

.spneye {position: absolute;top: 7px;right: 5px;font-size: 16px;color: #555;cursor:pointer;}
#spnCapslock {visibility:hidden;color: #f00;}
#travratxt:hover {text-decoration: none;}

.buttondiv {clear: both;padding: 0;text-align: center;}
.buttondiv span {font-family: sans-serif,Arial, Helvetica;font-weight: 500;margin: 0 auto;padding: 0;clear: both;text-align: center;font-size: 12px;}
.button {color: #fff;border: 1px solid #3b731c;text-shadow: 0 1px rgba(0,0,0,0.1);min-width: 100px;max-width: 210px;padding: 5px;border-radius: 5px;background-color: #518d30;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518d30', endColorstr='#3b731c', GradientType=0 );background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #518d30), color-stop(90%, #3b731c));background-image: -webkit-linear-gradient(top, #518d30 20%, #3b731c 90%);background-image: -moz-linear-gradient(top, #518d30 20%, #3b731c 90%);background-image: -o-linear-gradient(top, #518d30 20%, #3b731c 90%);background-image: linear-gradient(#518d30 20%, #3b731c 90%);box-shadow: inset 0 0 2px rgba(256,256,256,0.75);-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);font-weight: 600;cursor: pointer;width: 100px;height: 35px;}
.button:hover {border: 1px solid #fd790c;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518d30', endColorstr='#3b731c', GradientType=0 );background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #fd790c), color-stop(90%, #FF5600));background-image: -webkit-linear-gradient(top, #fd790c 20%, #FF5600 90%);background-image: -moz-linear-gradient(top, #fd790c 20%, #FF5600 90%);background-image: -o-linear-gradient(top, #fd790c 20%, #FF5600 90%);background-image: linear-gradient(#fd790c 20%, #FF5600 90%);}

.spacer {height: 160px;}
.menu {display: none;}
.text {display: none;}

.footer {float: left;width: 100%;background-color: #f8f8f8;border-radius: 0 0 8px 8px;font-size: 12px;}
.footer div, a {text-align:center;}
.footer a {color: #333;font-size: 11px;font-weight: 600;}

.agre-title {padding: 30px;float: left;color: #ff7a00;font-size: 24px;white-space: nowrap;}
.reg-title {padding: 20px;float: left;color: #ff7a00;font-size: 24px;white-space: nowrap;}
.agre-img {width: 80px;}

/*#region Login Page load css */
#Agree_pop_up {background-color: #fff;border-radius: 2px;color: #000;display: none;min-width: 70%;width: 80%;/*min-height: 380px;*/}
#terms_and_conditions {background-color: #fff;border-radius: 2px;color: #000;display: none;min-width: 70%;width: 80%;}
#privacy_policy {background-color: #fff;border-radius: 2px;color: #000;display: none;min-width: 70%;width: 80%;}

.RulePreclass {width: 98%;height: 380px;overflow: auto;padding: 0 10px;margin: 0px;font-family: Calibri;}
.Bottomdiv {background-color: #eee;background-image: -webkit-linear-gradient(#fcfcfc, #eee);background-image: linear-gradient(#fcfcfc, #eee);background-repeat: repeat-x;border: 1px solid #d5d5d5;}
.button-Agree {color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);background-color: #60b044;background-image: -webkit-linear-gradient(#8add6d, #60b044);background-image: linear-gradient(#8add6d, #60b044);background-repeat: repeat-x;border: 1px solid #5ca941;box-shadow: none !important;padding: 7px 12px;font-size: 13px;font-weight: bold;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-appearance: none;margin: 0 10px;}
.button-dAgree {color: #333;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);background-color: #eee;background-image: -webkit-linear-gradient(#fcfcfc, #eee);background-image: linear-gradient(#fcfcfc, #eee);background-repeat: repeat-x;border: 1px solid #d5d5d5;box-shadow: none !important;padding: 7px 12px;font-size: 13px;font-weight: 600;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-appearance: none;}
.FareRuleSpan {font-family:sans-serif; background-color: #1faeff; color:#000; color:#FFF;  font-size:16px;  text-align: center; font-weight: 300; padding:5px; margin-bottom:1px; }
.RegistrationPreclass {width: 98%;height: 200px;overflow: hidden;padding: 10px;margin: 0px;font-family: Calibri;}

@media all and (max-width: 900px) and (min-width: 0px) {
    .border {display: none;}
    .leftimage {display: none;}
    .leftimage1 {display: block;width: 100%;border-right: none;text-align: center;height: 110px;}
    .leftimage1 img {width: 30%;height: 80%;margin: 0 auto;padding: 0;max-width:100px;}
    .loginpanel {text-align: center;width: 100%;margin: 25px 0 10px 0;}
    .loginpanel p {margin: 0 auto;padding: 0;margin-bottom: 15px;text-align: center;margin-top: -35px;}
    .username {width: 80%;font-weight: bold;text-transform: uppercase;}
    .password {width: 80%;font-weight: bold;}
    input {border: 1px solid #9fa0a0;margin: 0 auto;padding: 0;font-size: .85em;}
    .menu {margin: 0 auto;padding: 0;width: 100%;display: block;background: #000;margin-top: 10px;}
    .menu ul {margin: 0 auto;padding: 0;width: 100%;display: block;text-decoration: none;list-style: none;}
    .menu ul li {float: left;width: 19%;text-align: center;margin-right: 0.6%;}
    .menu ul li img {width: 60%;margin-top: 5px;}
    .color1 {background: #11b0e4;}
    .color2 {background: #239400;}
    .color3 {background: #fc790d;}
    .text {margin: 0 auto;padding: 0;width: 100%;height: 25px;color: #fc790d;display: block;text-align: center;}
    .marg {margin-left: 3px;}
    .buttondiv {clear: both;margin: 5px;padding: 0;text-align: center;}
    .footer div, a {text-align:center;}
}
@media (max-width:787px) {
    .agre-title {padding: 0px !important;text-align: center;color: #ff7a00;font-size: 16px !important;line-height: 60px;}
    .reg-title {padding: 0px !important;text-align: center;color: #ff7a00;font-size: 16px !important;line-height: 60px;}
    .agre-img {width: 60px !important;}
    #modal-aggremnt .iziModal-content {padding: 5px !important;}
}
@media (min-width:992px) {.line-hight {line-height: 64px;}}