textarea,
input,
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding-left: 5px;
  /*-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input:focus,
.uneditable-input:focus {
  border-color: rgb(184, 179, 176);
  outline: 0;
  outline: thin dotted \9;
  padding-left: 5px;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(184, 179, 176);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(184, 179, 176);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(184, 179, 176);
}

input[type=text]:focus, input[type=number]:focus { 
	outline: none; 
	box-shadow: 0 0 10px rgb(184, 179, 176); 
	border-color: rgb(184, 179, 176);
	border:0;
	font-weight:normal;
}

.container_loginmain{
	min-height:100%; 
	position:relative
}

#wrap{
	width: 385px;
	margin: 55px auto;
}

.login_wrap{
	background: #fff;
	padding:20px 0px;
	/*border-right:1px solid #ccc;
	border-left:1px solid #ccc; */
}

body {
	margin: 0px;
	padding: 0px;
}

body,html{
	height:100%;
	width:100%;	
}

.smallf{font-size:12px}

#container {
	width:100%;
	margin:auto;
	position:relative;
	/*background-image: url(../images/login/background.jpg);
	background-repeat: repeat-x;*/
	/*background-image: linear-gradient(90deg, #E9032C 0%, #F08019 80%);*/
	background-image: linear-gradient(45deg, rgba(233, 3, 44, 1) 0%, rgba(240, 128, 25, 1) 100%);
	background-position: top;
	min-height:863px;
}
#header {
	height:125px;	
	width:100%;
	background-color:#ffffff;
}

/*
.head{
	padding:10px 8px 10px 10px;
	border-right:1px solid #4d99e5;
	border-left:1px solid #4d99e5; 
	font-weight:bold;
	text-shadow: 0px 1px 1px #000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
	color:#fff;
	background: url('../img/nav_active.png') repeat-x;
	-webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    border-bottom:1px solid #333;
}

.head i {
	margin-right:5px;
	margin-top:1px;
}

.bottom{
	border-top:1px solid #ccc; 
	background: url('../img/nav_big.png') repeat;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc; 
	padding:5px 4px;
	-webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
}

.bottom .btn{
	margin:3px 10px 3px 3px;
}

.bottom .lost-pw{
	margin:10px 0 8px 10px;
}

.email, .pw{
	width:194px;
}


p{
	font-size:16px;
	text-align: center;
	padding-top:200px;
	color:#ddd;
}

.big{
	text-align: center;
	font-size:360px;
	color:#ddd;
	padding-top:180px;
}
*/
#container {
	width:100%;
	margin:auto;
	position:relative;
	/*background-image: url(../images/login/background.jpg);
	background-repeat: repeat-x;*/
	/*background-image: linear-gradient(90deg, #E9032C 0%, #F08019 80%);*/
	background-image: linear-gradient(45deg, rgba(233, 3, 44, 1) 0%, rgba(240, 128, 25, 1) 100%);
	background-position: top;
	min-height:603px;
}
@media (min-width: 768px ) {
	#container{min-height:863px;}
}
#header {
	height:125px;	
	width:100%;
	background-color:#ffffff;
}

#logo2 {
	/*width:170.1px;
	height:109.7px;*/
	width:175px;
	height:113px;
	position:absolute;
	background-image: url(../images/login/ITS_Natiowide_Logo_Black.svg);
	margin: 9px 40px 5px 38px; 
}




.DropdownTitle{
	font-family: Arial;
	font-size: 15px;
	text-decoration: none;
	color: black;
	line-height: 130px;
	height: 130px;
}

.flDropdownTitle{
	font-family: Arial;
	font-size: 15px;
	text-decoration: none;
	color: black;
	line-height: 110px;
	height: 110px;
}

.DivTitle{
	height: 130px;
}

/* Dropdown Button */
.droplbl {
	/*font-family: Arial;*/
	font-family: Arial;
	font-size: 15px;
	/*font-weight: bold;*/
	font-weight:normal;
	color: black;
	border: none;
	align-content: left;
	letter-spacing: 1px;
}

.droplbl:hover {
	/*font-family: Arial;*/
	font-family: Arial;
	font-size: 15px;
	color: black;
	border: none;
	align-content: left;
	letter-spacing: 1px;
	cursor: pointer;
}

.titlelbl {
	font-family: Arial;
	font-weight: normal;
	color: black;
	font-size: 15px;
	border: none;
	align-content: left;
	letter-spacing: 1px;
}

.titlelink {
	/*font-family: Arial;*/
	font-family: Arial;
	color: black;
	/*padding: 12px 16px;*/
	text-decoration: none;
	align-content: left;
	display: block;
	padding-left: 1rem;
	padding-right: 1rem;
}
.titlelink:hover{
	color: black;
}

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	/*background-color: white;*/
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	background:rgba(0,0,0,0.4);
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	font-family: Arial;  
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  /*.dropdown-content a:hover {background:rgba(0,0,0,0.41);}*/
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
/*  .dropdown:hover .dropbtn {background-color: #3e8e41;}*/


.gradientbutton{
		border:none; font-size:15px;
		font-family:Arial; 
		padding: 9px 10px 9px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
		background-image: linear-gradient(90deg, #E9032C 0%, #F08019 75%);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		white-space:nowrap;
}

.gradientbutton:focus{
		border:none; font-size:15px;
		font-family:Arial; 
		padding: 9px 10px 9px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
		background-image: linear-gradient(90deg, #E9032C 0%, #F08019 50%);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		white-space:nowrap;
}

.gradientbutton:hover{
	border:none; font-size:15px;
	font-family:Arial; 
	padding: 9px 10px 9px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
	background-image: linear-gradient(90deg, #E9032C 0%, #F08019 50%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	cursor: pointer;
}

.hollowlink{
	border-style: none;
}

.hollowlink:active{
	border-style: none;
}

.hollowlink:hover{
	border-style: none;
	cursor: pointer;
}

div.divlogin {
	height: 500px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background: white;
  }
  
.LoginLarge{
	font-weight: bolder;
	font-family:Arial;
	font-size:40px;	
	color: white;
	letter-spacing: -1px;
}

.LoginMediumLight{
	font-family:Arial; 
	font-size:20px;	
	color: white;
	letter-spacing: 0px;
}

td.LargeText {
	vertical-align:top;
	padding-top: 140px;
	text-align: left;
  }

 .usericon{
	width: 4.6875rem;
	height: 4.375rem;
	align-content: center;  
	background:url(/assets/images/user.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
 }

 .lockicon{
	width: 4.6875rem;
	height: 4.375rem;
	align-content: center;  
	background:url(/assets/images/lock.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
 }

 .unlockedicon{
	width: 4.6875rem;
	height: 4.375rem;
	align-content: center;  
	background:url(/assets/images/unlocked.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
 }

label{
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}

.loginLabel{
	font-family:Arial; 
	font-size:15px;
	color: #717371;
}  

.logininp{
	padding-top: 10px !important;
  	padding-bottom: 10px !important;
	font-family:Arial;
	font-size:14px !important;
	color: #717371;
	width: 100%;
	border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
	border-bottom-style: solid;
	outline: none;
	background-color: white;
	height:2.5rem !important;
}
.lwcase{text-transform: none !important;}
.LoginBtn{
	height: 50px;
	font-family:Arial; 
	font-size:15px;
	background-color: #E9032C;
	color: white;	
	width: 100%;
	letter-spacing: 1px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
}

.LoginBtn:hover{
	height: 50px;
	font-family:Arial; 
	font-size:15px;
	background-color: #E9032C;
	color: white;	
	width: 100%;
	letter-spacing: 1px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}

#loginfooter {
	background-color:white;
	height:370px;
	/*position: absolute;*/
	bottom: 0px;	
	width:100%;
	/*line-height:45px;*/
	color:black;
}

.footerHeadLabel{
	font-family:Arial;	
	font-weight: 600;
	/*font-weight:bold;*/ 
	margin-top: 15px;
	font-size:18px;
	color: black;
	margin-bottom: 0;
}
@media (min-width: 992px ) {
	.footerHeadLabel{margin-top: 35px;}
}
.footersmallf{
	/*font-family:Arial;*/
	font-family: Arial;
	font-size:14px;
	font-weight: 300;
	color: #717371;
	line-height: 15px;
}
@media (min-width: 992px ) {
	.footersmallf{font-size:12px;}
}
td.tdfooter {
	vertical-align:top;
	text-align: left;
}

.footerlink {
	/*font-family: Arial;*/
	font-family: Arial;
	color: #717371;
	font-size:16px;
	/*padding: 12px 16px;*/
	text-decoration: none;
	align-content: left;
	/*display: block;*/
}

.droplink{
	/*font-family: Arial;*/
	font-family: Arial;
	color: white;
	font-size:14px;
	text-decoration: none;
	align-content: left;
	font-weight:normal;
}

.error22 {
	margin-top:1rem;
	margin-left:-.5rem;
	padding:.625rem 1rem .7rem 2.5rem;
    width: 75vw;	
    font-family: Arial;
    /*-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	color: #E9032C;
    background: white url('/assets/images/login/cross.png') no-repeat 10px center;
	/*position: fixed;*/ /* Fixed/sticky position */
	position:absolute;
	z-index: 55; /* Make sure it does not overlap */
	cursor: pointer; /* Add a mouse pointer on hover */
	border: solid;
	border-radius: 5px;
}
@media (min-width: 992px ) {
	.error22 {
		width: 550px;	
	}
}
.login_errormsg {
	width:76vw !important;
}
@media (min-width: 992px ) {
	.login_errormsg {
		width:46vw !important;
	}
}
@media (min-width: 1200px ) {
	.login_errormsg {
		width:38vw !important;
	}
}
.loginsmalllink{
	font-family: Arial;
	color: #E9032C;
	font-size: 13px; 
}

#AnchorBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 50px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: rgb(51, 50, 50); /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 10px; /* Some padding */
	font-size: 18px; /* Increase font size */
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

#AnchorBtn:hover {
	background-color: rgb(143, 141, 141); /* Add a dark-grey background on hover */
}

#flheader {
	display: none; /* Hidden by default */
	height:110px;	
	width:100%;
	background-color:#ffffff;
	position: fixed;
	top: 0;
	z-index: 99;
}

.flhtext{
	font-family: Arial;
	color: black;
	font-size: 22px;
	font-weight: bold; 
	text-decoration: none;
}
.flhtext2{
	font-family: Arial;
	color: black;
	font-size: 20px;
	margin-top: 1px; 
	text-decoration: none;
}

html {
	scroll-behavior: smooth;
  }

/*navbar menu on top*/

.navbar-dark {
	background:none !important;
	background-color: white !important;
	color: black;
}
.navbar-dark .navbar-toggler {
	color: black;
	border-color: rgba(255, 255, 255, 0.1); 
}
.dropdown-content{
	text-align:left;
}
/*.dropdown{
	padding-left: 1rem;
	padding-right: 1rem;
}*/
.mobileitem{
	margin-left:1rem;
	padding-top:.5rem;
	padding-bottom:.5rem;
}
.logo3{
	width:6.5rem;
	height:4.5rem;
	/*position:absolute;*/
	/*border:solid 0px white;
	color:white;
	background-image: url(../images/login/ITS_Natiowide_Logo.png);*/
}
.logo4{
	width:12rem;
	height:4rem;
}
.topmargin{margin-top:3rem}
@media (min-width: 768px ) {
	.topmargin{margin-top:6.875rem}
}