/* $Id$ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
body {
  width: 100%;
  height: 100%;
  background: url(/images/page_bg.gif) repeat left top;
  display: block;
  margin:0px;
  text-align:center;
  min-width: 700px
}
input:focus, select:focus {
  box-shadow: 0 0 7px rgba(52, 188, 241, 1);
}
input[type=text], input[type=password] {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  font-size: 13px;
  height: 24px;
  width: 85%;
  display: block;
}
input[type=checkbox] {
  height:14px;
  width:14px;
  outline: none;
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1);
  -o-transform: scale(1.5);
  transform: scale(1);
}
input[type=text], input[type=password] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 23px;
  margin: 5px 1px 3px 0px;
  border-color: #F0EBEB
}
select {
  height: 27px;
  width: 96%;
  border:1px solid #cecece;
  outline:none;
  margin: 0;
  font-size: 13px;
  color: #666;
}
select {
  padding: 4px 4px 4px 0;
  border-radius: 3px;
}
select option {
  display: table;
}
/*p.username{margin-top: 10px}*/
 .header {
  width: 100%;
  display: block;
  height:13%;
}
.maxwidth {
  /*display:inline-block;*/
  display: block;
  width: 100%;
  max-width: 1280px;
  margin:0 auto;
  text-align: center;
}
.menu-tab-container {
  position: relative;
  right:12%;
  float: right
}
#menu-tab {
  overflow:hidden;
  margin:1% 0px;
}
#menu-tab li {
  display:inline-block;
  float: left;
  padding: 5px;
  margin-right:2px;
}
#menu-tab li:hover {
  background: rgba(97, 90, 90, 0.07);
  padding-bottom:2px;
  border-bottom: 3px solid rgb(46, 168, 46)
}
#menu-tab li a {
  text-decoration: none;
  color: #616161;
  text-shadow: 0px 1px 1px #fff;
  padding: 0px 10px
}
.about {
  float:right;
  cursor: pointer;
}
.about img {
  cursor: pointer;
  margin:5px 35px 0 0;
}
a.close-icon {
  width:10px;
  height:10px;
  background:url(/images/close-icon.gif) no-repeat;
  position: absolute;
  margin:10px;
  right: -7px;
}
a.close-icon:hover {
  background:url(/images/close-icon2.gif) no-repeat;
}
.loginhint, .loginerr {
  background-color: #F6FFC5;
  line-height: 27px;
  border-radius: 10px;
  min-width: 280px;
  padding-top: 7px;
  margin: -7px 0 0 -140px;
  width: 40%;
  max-width: 400px;
  position: absolute;
  left:50%;
  display: none;
  z-index: 1
}
#container {
  width: 100%;
  height:48%;
  min-height: 360px !important;
  overflow: hidden;
}
.slidesContainer {
  display: inline-block;
  width: 50%;
  height:75%;
  margin: 25px 30px 25px 0;
  position: relative;
}
#slides {
  width:100%;
  /*min-height: 320px;*/
  min-height: 300px;
  height:90%;
  z-index:100;
  display:none;
}
/*.slidejs-container{height: 85% !important;}*/
 .slidesjs-pagination {
  position: absolute;
  margin-top: -35px;
  z-index: 101;
  margin-left: 525px;
  float: right;
  list-style: none;
}
.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}
.slidesjs-pagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  background-image: url(/images/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}
.slidesjs-pagination li a:hover {
  margin-top: -3px;
}
.slidesjs-pagination li a.active {
  background-position: 0 -12px;
}
.slidesjs-pagination li a:hover.active {
  background-position: 0 -12px;
  margin-top: -3px;
}
.loginContainer {
  vertical-align: top;
  display: inline-block;
  min-width: 280px;
  width: 20%;
  max-width: 400px;
  z-index: 100;
}
.loginDiv {
  border-radius: 15px;
  box-shadow: 0 -5px 36px rgba(0, 0, 0, 0.27) inset;
  padding: 15px;
}
.logo {
  margin: 10px;
}
.loginForm {
  width: 90%;
  padding: 0px;
  margin-right: 5px;
  border-top: 1px solid #E9E6E6;
  min-height: 210px;
}
#firsttime-user {
  color:#A3A1A1;
  font-size: 13px;
  text-shadow: 0 1px 1px #fff;
}
#firsttime-user:hover {
  color:#7A7575;
  cursor: pointer;
  text-shadow: 0 1px 1px #fff;
}
.icon-user {
  background: #FFFFFF url(/images/username.png) no-repeat 5px 8px;
}
.icon-lock {
  background: #FFFFFF url(/images/password.png) no-repeat 5px 9px;
}
.icon-domain {
  background: #FFFFFF url(/images/domain-icon.png) no-repeat 4px 5px;
}
.checkboxtext {
  font-size: 15px;
  display: inline;
  color:#7A7575;
  padding: 5px 0px;
  text-shadow: 0 1px 1px #fff;
}
.login_btn {
  background: url(/images/login_bt_bg.png) repeat-x scroll 0 0 transparent;
  border: medium none;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  padding: 0 15px;
  text-align: center;
  min-width: 100px;
  cursor: pointer;
  text-shadow: -1px -1px #666666;
}
.login_btn:hover, .login_btn:focus {
  box-shadow: 0px 0px 3px green;
  outline: none
}
.reset_password_btn {
  background-color: #d6d6d6;
  border: medium none;
  border-radius: 5px 5px 5px 5px;
  height: 28px;
  text-align: center;
  min-width: 100px;
  cursor: pointer;
}
.reset_password_btn:hover, .reset_password_btn:focus {
  box-shadow: 0px 0px 3px;
  outline: none
}
.quicklinks {
  font-size: 17px;
  display: block;
  text-align: center;
  height:2%;
  margin-top:15px;
}
.loginFeatures {
    position: relative;
}
.inline {
  display: inline-block;
  max-width:180px;
  vertical-align: top;
  width: 20%;
  margin:0 5px
}
.inline h3 {
  font-size: 15px;
  color: #333;
  padding: 0px;
  margin: 0;
  font-family:'Titillium Web', sans-serif;
}
.inline p {
  font-size: 13px;
  line-height: 17px;
  color: #000;
  font-family: 'Titillium Web', sans-serif;
  padding: 0;
  margin: 0;
}
.loginFooter {
  font-size: 17px;
  width: 100%;
}
.footertext {
  padding: 10px;
  margin: 0 auto
}
.footertext a {
  text-decoration: none;
  color:green;
  outline: none
}
.footertext a:hover {
  color:rgb(66, 170, 66)
}
#main {
  display:inline-block;
  position:relative;
  height: 100%;
  width: 100%;
  max-width: 1280px
}
.loginLogo {
  text-align: left;
  padding: 11% 12%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 15px;
    /*box-shadow: 0 -5px 36px rgba(0, 0, 0, 0.27) inset;*/
}
.loginLogo img {
    max-width: 75%;
}
.loginLogo p {
  font-size: 18px;
  color: #949494;
  /*font-family: 'Times New Roman', serif;*/
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 2px #fff;
  font-style: italic;
}
.loginLogo p b {
  display: block;
  color: #18AE42;
  font-size: 28px;
  font-family: 'Titillium Web', sans-serif;
  font-style: normal;
  line-height: normal;
  margin-bottom: 10px;
}
.mob-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mob-app-ios{
	float: left;
	width:30%;
	height:30px;
	box-shadow:1px 1px 3px grey;
	border-radius:5px;
	transition: background-color 0.5s ease;
}
.mob-app-android{
	float: left;
	margin-left:24px;
	width:35%;
	height:30px;
	box-shadow:1px 1px 3px grey;
	border-radius:5px;
	transition: background-color 0.5s ease;
}
.mob-app:hover{
	background-color:black;
	color:white !important;
}
.mob-app-icon{
	width:12px;
}
.mob-app-text{
	margin-left:5px;
}
.mob-app-link{
	text-decoration: none;
	cursor:pointer;
	color:black;
}
.mob-app{
	background-color: #F9F9F9;
	cursor:pointer;
}

/* Two Factor Authentication style starts */
.loginForm .apmOTPHolder {text-align: center;}
.loginForm .apmOTPHolder p{margin-top: 12px;margin-bottom: 12px;}
.loginForm .apmOTPHolder input {padding-left: 10px;padding-right: 10px;margin: auto;text-align: center;}
.loginForm .apmOTPHolder a{text-decoration: none;color: #4195ee;}
.loginForm .apmOTPHolder.error input[type='password'],
.loginForm .apmOTPHolder.error input[type='password']:focus {box-shadow: 0 0 7px rgba(255, 0, 0, 0.5);border: 1px solid rgb(255, 0, 0);line-height: 1;}
.loginForm .apmOTPHolder .errorMsg {opacity: 0;visibility: hidden;user-select: none;color: rgb(255, 0, 0);}
.loginForm .apmOTPHolder.error .errorMsg {opacity: 1;visibility: visible;}
.loginForm .apmOTPHolder .resend_otp_btn { background-color: #d6d6d6; border: medium none; border-radius: 5px 5px 5px 5px; height: 28px; text-align: center; min-width: 100px; cursor: pointer; }
.loginForm .apmOTPHolder .resend_otp_btn:hover, .resend_otp_btn:focus {box-shadow: 0px 0px 3px;outline: none}
.loginForm .apmOTPHolder .apmCheckBox .checkboxtext{margin-left: 5px;}
.loginForm .apmOTPHolder #tfaTextHolder{margin-top: 10px;}
/* Two Factor Authentication style ends */