html { height:100% }
body { margin:0; padding:0; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333; line-height:18px; height:100%; position:relative; }
#pnlMain { width:100%; margin:0 auto; background:#F7F7F7; position:relative; min-height: 100%; }
* html #pnlMain { min-height:100%; height:auto !important; height: 100%; }
#pnlHeader { height:75px; background:url(../images/travel-space-logo.png) no-repeat #FFF center center; border-bottom:1px solid #AFAFAF; }
#pnlHeader .logo { display:block; width:312px; height:71px; }
#pnlHeader a { color:#B60000; font-weight:bold; }
#pnlHeader a:hover { text-decoration:none; }

#pnlBody { padding:35px; background:#F7F7F7; font-size:11px; }
.pnlNav, .pnlInfo { float:left; margin-top:20px; }
.pnlInfo { margin-left:20px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff; }
.pnlInfo img {-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
 }
.myButton { width:266px; margin-top:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:18px;
	padding:20px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton i { margin-right:14px; color:#00a85a;}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}

.TMS { background-position: right top; }
.clearBoth { clear:both; }

#footer { padding:15px 7px 5px 7px; font-size:10px; background:#FFF; line-height:normal; border-top:1px solid #AFAFAF; position:absolute; bottom:0; width:989px; }
#footer img { float:left; padding-right:10px; }
#footer p { margin:0; padding:0 0 2px 0; }
#footer a { color:#B60000; }
#footer a:hover { text-decoration:none; }
select{ border:1px solid #999; padding:4px 6px; border-radius:5px;}
p{ padding:0; margin:0;}
.loc{ display:block; padding:20px 0 0 0;}
.loginPnl{top:50%; margin:auto; max-width:350px; border:1px solid #e2e2e2;width:100%;}

/* new login design */
.bg-img-full {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("../images/bg1-l.jpg"); }
.section-login .col-6x {
  min-height: 100vh;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  padding: 50px 30px 42px;
  width: 100%;
}

.login-content {
  max-width: 450px;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  padding: 30px;
  /*box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.logo-bar, .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px; }

.brand-logo {
  display: block;
  width: 120px;
  height: 25px;
  margin: 5px 0;
  background-image: url("https://travdock.com/images/travel-space-logo.png");
  background-size: 120px 25px;
  }
.form-group1 {
  position: relative;
  z-index: 1;
  margin-bottom: 15px; }

.form-group1 .form-control{padding-left: 36px;}
.btn-fill{margin-right: 15px;/*margin-top: 15px;*/
    cursor: pointer;display: inline-block;font-size: 17px;font-weight: 700;
    -webkit-box-shadow: none;box-shadow: none;outline: none;border: 0;color: #fff;
    border-radius: 3px;background-color: #00a859;padding: 10px 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-fill:hover{background: #016fa4}

.icon{width: 20px;height: 20px;
    position: absolute;top: 10px;left: 0;
    background: #727376;mask-size: cover;
}
.form-group1 .icon{left: 10px;}
.co-code-icon{mask: url(../images/id-number.svg);-webkit-mask-image: url(../images/id-number.svg);}
.username-icon{mask: url(../images/user1.svg);-webkit-mask-image: url(../images/user1.svg);}
.lock-icon{mask: url(../images/padlock.svg);-webkit-mask-image: url(../images/padlock.svg);}
.otp-icon{mask: url(../images/otp-password.svg);-webkit-mask-image: url(../images/otp-password.svg);}

@media (min-width: 768px) {
  .section-login .col-6x {
    flex: 0 0 auto;
    width: 100%;
  }
}