/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

#pageContent
{
  left: 50%;
  right: -50%;
    
}

.headers_default,  .custom-header, .custom-header-next{
    
    font-family: Verdana;
   	font-style: normal;
    font-size:24px; 
    color: #004488;
    padding-left:20px;
}
.custom-header {
padding-top:20px;
 color: #004488;
    padding-left:20px;
}

.custom-header-next {
font-size:18px;
color: #004488;
padding-left:20px;
}


.defaultlinks a{
     color:#e6403b;    /*red*/
     font-size:16px;
 }

.defaultlinks {
     font-size:16px; 
     line-height:26px;
     width:290px;
 }


.city-header-next {

font-family: Verdana;
   	font-style: normal;
    font-size:18px; 
    color: #004488;
    text-align:left;
    padding-bottom:20px
}

.mycustom-header-next {
font-size:18px;
font-family: Verdana;
font-style: normal;
color: #004488;

}

.PanelLogin {
   box-shadow: 2px 2px 4px 4px #e0e0e0 ; 
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px; 
   border-top-left-radius: 12px; 
   border-top-right-radius: 12px;
   background-color:white;
   width:400px;  

}
.label_
{
    color: #696969;
    vertical-align: top;
    font-weight: bold;
    font-size:14px;
}


.button-submit, .pageButton

{
   
    
    background: #004488;
    border:none;
    text-align:center ;
    color: white;
    width:auto;
    box-shadow: 4px 4px 4px 2px #e0e0e0 ;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: pointer;
    height:26px;
    font-size:19px;
    font-family:beval, Helvetica, sans-serif
      
}

.button-submit:hover {
    color: white;
    background: #B10500;
    color:  white;
}

.button-submit:disabled {
    color: white;
    background: #527190;
    color:  white;
}


.custom-header-second {
    color: #B10500;
    font-weight: normal;
    font-size: 14pt;
    font-family: Verdana;
    padding-bottom: 2px;
    padding-top: 4px;
    text-transform: none;
}

   .page_text, .specials, ul.specials li, ul.specials li span
{
    font-family: Verdana;
	font-size: 11pt;
	color: #212121;   /*dark grey*/
    line-height:20px;
        }

   .main-content-login{
	width: 40%;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.4);
	margin: 5em auto;
	display: flex;
}

.main-content{
	width: 100%;
	
	margin: 5em auto;
	display: flex;
   
}

   .company__info{
	background-color: #004488;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	
	justify-content: center;
	color: #fff;
}

   .fa-android{
	font-size:3em;
}
   @media screen and (max-width: 440px) {
	.main-content{width: 90%;}
	.company__info{
		display: none;
	}
	.login_form{
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
	}
}
@media screen and (min-width: 442px) and (max-width:600px){
	.main-content{width: 70%;}
}
.row > h2{
	color:#004488;
}
.login_form{
	background-color: #fff;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
form{
	padding: 0 2em;
}
.form__input{
	width: 100%;
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em .5em .5em;
	padding-left: 2em;
	outline:none;
	margin:1em auto;
	transition: all .5s ease;
}

.forminput{
	width: 100%;
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em .5em .5em;
	padding-left: 2em;
	outline:none;
	margin:.5em auto;
	transition: all .5s ease;
}

.form__input:focus{
	border-bottom-color: #004488;
	box-shadow: 0 0 5px rgba(0,80,80,.4); 
	border-radius: 4px;
}
.btn{
	transition: all .5s ease;
	width: 100%;
	border-radius: 30px;
	color:#004488;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid #004488;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.btn:hover, .btn:focus{
	background-color: #004488;
	color:#fff;
}
.company_title {
    color:white;
}
.failureNotification
{
    color: Red;
    font-size:14px;
}
.link-login {
  color: #0d6efd;
  text-decoration: underline;
}
.link-login:hover {
  color:red;
}

.NormalTextBox
{
    width: 170px;
    height: 22px;
    color: black;
    border: solid 1px #a9a9a9;
    text-indent: 2px;
    text-align: left;
    background-color: White;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    font-size:16px;
    
 } 
.RegularDropdownList
{
   width: 250px;
    height: 24px;
    color: #000000;
    border: solid 1px #a9a9a9;
    text-indent: 2px;
    vertical-align: top;
    text-align: left;
    background-color: White;
    border-radius:6px;
    font-size:16px;
}

.pageText
{
text-align:left; 
font-weight:lighter;
font-family:beval, Helvetica, sans-serif
    }
.table_header
{
    background-color: #004b8e;
    border: 1px solid #ADADAD;
    height: 50px;
    color: #fff;
    vertical-align: top;
    font-size:14px;
    line-height:19px;
    text-align: left;
    font-family:beval, Helvetica, sans-serif;
    font-weight:normal;
    
}
.table_row_style
{
    background-color: White;
    border: 1px solid #ADADAD;
    font-family:Arial, Helvetica, sans-serif;
    color:black;
     font-weight: normal;
	font-size: 11px;  
    line-height:13px;
 } 
.table_alternative_row
{
    background-color: #F2F2F2;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    border: 1px solid #ADADAD;
    font-weight: normal;
	font-size: 11px;
    line-height:13px;
 }


.page-links 
{
     
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #212121;    /*dark grey*/
    text-decoration:underline;
	
}

.page-links a
{	color: #004b8e;
 	text-decoration:underline;
}

.page-links:visited
{	color: #004b8e;
 	text-decoration:underline;
	
}

.page-links:hover
{	color:#e6403b;
 	text-decoration:underline;
}
.btnsmall {
  display: inline-block;
  align-self: center;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btnsmall {
    transition: none;
  }
}
.btnsmall:hover {
  color: #212529;
}