@charset "UTF-8";
.a2r-form {
       background: radial-gradient(#FFFFFF 1%, #B7DFF7 100%);
       min-height: 100%; 

}
.a2r-form-login {
       background: radial-gradient(#FFFFFF 1%, #B7DFF7 100%);
       min-height: 100vw; 
}

.a2r-form-logo {
	max-width: 50%;
	padding: 5px 0px 10px 7vw;

	
}

.a2r-form-h1 {
	margin-left: 7vw; 
	color: #000000;
	text-shadow: 2px 2px #3AA6E7;
	font-size: 26px;
	font-weight: 800;
}
.a2r-form-sign-in-h1 {
	color: #000000;
	text-shadow: 2px 2px #3AA6E7;
	font-size: 26px;
	font-weight: 800;
}

.a2r-form-h2 {
	 	color: #000000;	 
	 	font-size: 20px;
	 	font-weight: 800;
	 	 
	 }	

.a2r-form-submit {
     margin: 10px 15px 10px 15px;
}


.a2r-container {

min-width: 100vw;
min-height: -moz-calc( 100vh - 56px);

}

.a2r-container-logo {
/*	background: #ff0000;*/
	
	position: relative;
	height: -moz-calc(( 100vh - 56px) * 0.3 ); 
	/* height: -o-calc(( 100vh  * 0.4 ); */ 	
}

		
.a2r-container-line1 {
	/*background: #00ff00;*/
        margin-left: auto;
        margin-right: auto;
	  padding: 20px 40px 40px 0px;
	position: relative;
	height: -moz-calc(( 100vh - 56px ) * 0.25% ); 	
	/* height: -o-calc(( 100vh  * 0.15 );  */ 
	
}			
.a2r-container-line2 {
	  padding: 20px 40px 40px 0px;
	position: relative;
	height: -moz-calc(( 100vh - 56px) * 0.25); 	
	/*height: -o-calc(( 100vh - 158px) * 0.15 ); /* Google, Safari */
	/*background: #0000ff;*/
}
.a2r-container-line3 {    
	/*background: #ff00ff;*/
    position: relative;
    padding: 10px 40px 40px 0px;
	height: -moz-calc(( 100vh - 56px) * 0.15); 		
	/*height: -o-calc(( 100vh - 158px) * 0.15 ); /* Google, Safari */
	
}
.a2r-container-buttons {
	/*background: #000000;*/
	position: relative;
	padding-top: 20px;
	height: -moz-calc(( 100vh - 56px) * 0.25); 
	/*height: -o-calc(( 100vh - 158px) * 0.15 ); /* Google, Safari */
	
}	
.a2r-container-sign-in {

 /*  margin-left: auto;
   margin-right: auto; 
*/
   width: 400px;
   border: 1px solid #3AA6E7;
  
   background: #ffffff;
 
}
.a2r-login-center {
    margin-left: 15%;
    margin-right: 15%;
    width: 80%;
}

/******************************/
/* Under 768px is the default */
/******************************/
.a2r-fonts-h1 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	/*padding-bottom: 20px;
	padding-right: 20px;
	padding-left:20px;*/
	font-size: 7.0vmin;
	font-weight:800;
	color: #000000;
	text-shadow: 3px 3px #3AA6E7;
	line-height: 1.0;
}
.a2r-fonts-p1 {
	font-family: ‘Arial Black’, Gadget, sans-serif;

	padding-left: 20px;
	font-size: 9.0vmin;
	font-weight:800;
	text-shadow: 3px 3px #3AA6E7;
	line-height: 1.0;
}
.a2r-fonts-p1-1 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	
	font-size: 6.0vmin;
	color: #000000;
	font-weight:800;
	text-shadow: 3px 3px #3AA6E7;
	line-height: 1.0;
}
.a2r-fonts-p1-2 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	padding-left: 20px;
        color: #414141;
	font-size: 9.0vmin;
	font-weight:800;
	text-shadow: 1px 1px /*#3AA6E7*/ #d1d1d1;
	line-height: 1.0;
}

.a2r-fonts-p2 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	/*padding-top: 4vh;*/
	font-size: 6.0vmin;
	color: #FFFFFF;
	font-weight:800;
	text-shadow: 3px 3px #3AA6E7;    
	line-height: 1.0;
}
.a2r-fonts-p3 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	/*padding-top: 4vh;*/
	font-size: 6.0vmin;
	color: #FF0000;
	font-weight:800;
	text-shadow: 3px 3px #3AA6E7;
	line-height: 1.0;
}
.a2r-fonts-p4 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	padding: 20px 20px 20px 20px;
	font-size: 4.0vmin;
	color: #1B91D8;
	font-weight:400;
	text-shadow: 1px 1px #f2f2f2;
	line-height: 1.0;
}



.a2r-logo {
        margin-top: 4.75vh;
	max-width: 70%;
/*	max-height: 32vh; */
}

.a2r-font-page2 {               
	font-family: ‘Arial Black’, Gadget, sans-serif;
	font-size: 5.0vmin;	
	font-weight:600;
	padding: 1.75vmin 1.0vmin 1.1vmin 1.0vmin;
}
	
	

.a2r-black {
	color: #000000;	
	text-shadow: 3px 3px #3AA6E7;
}
.a2r-white {
	color: #FFFFFF;	
	text-shadow: 3px 3px #3AA6E7;
}



@media only screen and (min-width: 768px) {
		.a2r-container-logo {
			position: relative;
		  	margin: 0% 5% 5% 5%;
		  	padding: 5% 5% 5% 5%;
			height: -moz-calc(( 100vh - 158px) * 0.2 ); 
		/*	height: -o-calc(( 100vh  * 0.4 ); */
		/*	background: #ff0000;*/
		}				
		.a2r-container-line1 {
			position: relative;
                        max-width: 50%;
		  	padding: 10% 5% 5% 5%;
			
			height: -moz-calc(( 100vh -158px ) * 0.2 ); 	
			/*height: -o-calc(( 100vh - 158px) * 0.15 ); */
			/*background: #00ff00;*/
		}			
		.a2r-container-line2 {
			position: relative;
                        max-width: 50%;
		  	padding: 10% 5% 5% 5%;
			/*padding: 0px 20px 20px 20px;*/
			height: -moz-calc(( 100vh - 158px) * 0.3); 	
			/*height: -o-calc(( 100vh - 158px) * 0.15 ); */
			/*background: #0000ff;*/
		}
		.a2r-container-line3 {          
            position: relative;
           	height: -moz-calc(( 100vh - 158px) * 0.15); 	
           	padding: 0px 20px 20px 20px;
			/*height: -o-calc(( 100vh - 158px) * 0.10 ); */
			/*background: #ff00ff;*/
		}
		.a2r-container-buttons {
			position: relative;
			/*font-size: 6.0vmin;*/
			padding: 45px 20px 20px 20px;
			height: -moz-calc(( 100vh - 158px) * 0.10); 
			/*height: -o-calc(( 100vh - 158px) * 0.15 ); */
			/*background: #000000;*/
		}		
		.a2r-fonts-h1 {
			font-family: ‘Arial Black’, Gadget, sans-serif;
			font-size: 6.0vmin;
			padding-top: 2vh;
			padding-bottom: 20px;
			padding-right: 20px;
			padding-left:20px;
			font-weight:800;
			color: #000000;
			text-shadow: 3px 3px #3AA6E7;
			line-height: 1.0;
		}
		.a2r-fonts-p1 {
			font-family: ‘Arial Black’, Gadget, sans-serif;
			font-size: 5.0vmin;
                        text-align: center;
			color: #ff0000;
			font-weight:800;
			text-shadow: 4px 4px #3AA6E7;
			line-height: 1.0;
		}
.a2r-fonts-p1-2 {
        font-family: <91>Arial Black<92>, Gadget, sans-serif;
        font-size: 5.0vmin;
        color: #414141;
        padding: 0px 20px 0px 20px;
        margin-top: 0px;
        /*      color: #3AA6E7;*/
        font-weight: 800;
        text-shadow: 2px 2px #D1D1D1;
        line-height: 1.0;
}
		.a2r-fonts-p1-1 {
			font-family: ‘Arial Black’, Gadget, sans-serif;
			padding-top: 40px;
			font-size: 5.0vmin;
			color: #000000;
			font-weight:800;
			text-shadow: 3px 3px #3AA6E7;
			line-height: 1.0;
		}
		.a2r-fonts-p2 {
			font-family: ‘Arial Black’, Gadget, sans-serif;
			font-size: 5.0vmin;
			color: #FFFFFF;
			font-weight:1200;
			text-shadow: 3px 3px #3AA6E7;    
			line-height: 1.0;
		}
		.a2r-fonts-p3 {
			font-family: ‘Arial Black’, Gadget, sans-serif;
			font-size: 5.0vmin;
			padding-top: 4vh;
			color: #FF0000;
			font-weight:800;
			text-shadow: 3px 3px #3AA6E7;
			line-height: 1.0;
		}				
		.btn-group .btn {
			margin-top: 1vh;
			margin-left: 12px;
		}	
		.a2r-logo {
			margin-top: 1.5vh;
			margin-bottom: auto;
			max-width: 50%;
			/*max-height: 32vh;*/
		}							
}






.a2r-pad-20 {
	padding: 2.0vh 2.5vh 2.5vh 2.5vh;
}

.a2r-pad-10 {
  padding-bottom: 0.1vh;
  padding-top: 0.1vh;
  line-height: 1.0;
}	
	
.a2r-pad-10-b {                  
   padding-bottom: 10px;	
}
.a2r-pad-10-t {                  
   padding-top: 10px;	
}
.a2r-pad-20-b {                  
   padding-bottom: 20px;	
}
.a2r-pad-20-t {                  
   padding-top: 20px;	
}
.a2r-pad-30-b {                  
   padding-bottom: 30px;	
}
.a2r-pad-30-t {                  
   padding-top: 30px;	
}

.af-style{
  color: #008CE0;
  font-size: 40px;
}
.af-style-inv{
  color: #FFFFFF;
}
.af-style-dash{
   font-size:40px;
   margin-bottom: 35px;
   margin-left:0px;
}
.af-header-text{
   font-family: 'Nunito', sans-serif;
  // font-family: arial;
   font-size: 35px;
   align-text:left;
   margin-left:0px;
   margin-bottom:70px;
}
.a2r-page-header{
   font-family: 'Nunito', sans-serif;
   font-size:2.0em;
   font-weight:700;
   color:#008CE0;
   text-transform: uppercase;
}
.af-text{
   font-family: 'Nunito', sans-serif;
   //font-family: arial;
   font-size: 19px;
   margin-left: 0px;
   margin-top: 0px;
   color:#008CE0;
}
.af-text-bal{
   //font-size: 24px;
   color: #797979;
}
.af-text-small{
   //font-family: arial;
   font-family: 'Nunito', sans-serif;
   font-size: 16px;
   color:#008CE0;
}
.af-text-small-hdr{
   //font-family: arial;
   font-family: 'Nunito', sans-serif;
   font-size: 16px;
   font-weight: 800;
   color:#008CE0;
}
.af-text-center{
  text-align: center;
}
.af-nav-bar{
  height: 120px;
  width:100%;
  background-color:#008CE0;
  //background-color:#008CE0;
}
.af-nav-header{
  font-size:50px;
  margin-top:30px;
  margin-left:0px;
  margin-bottom:10px;
  float:right;
}
.dash-page{
  background-color:#FFFFFF;
  height:100%;
}
.page-container{
  padding:20px;
}
body{
  background-color:#FFFFFF;
  font-family: 'Nunito', sans-serif;
}
.heading-text{
   font-size: 7vw;
   margin-top: 0px;
   color: /* #488BBF; */  #008CE0;
   text-align: center;
   font-weight:700;
}
.item-header-text{
   font-size: 5vw;
   margin-top: 0px;
   padding: 10px;
   margin-left: 20px;
   background-color: #488BBF;
   color: #FFFFFF;
   float: left;
}
.Xicon-font{
   font-size: 12vw;
   text-align: center;
}
.cell-text{
   font-family: 'Nunito', sans-serif;
   line-height: 2;
   margin-bottom: 0px;
   font-size: 3.5vw;
   float: bottom;
}
.cell-text-mt{
   line-height: 0.2;
   margin-top: 20px;
}
.af-header{
  font-family: 'Nunito', sans-serif;
  display: inline-block;
  font-size: 60px;
  margins: auto;
  text-align: center;
  vertical-align: middle;
}
/*
.af-header{
  font-size:100px;
  margin-left:0px;
  margin-bottom:25px;
}
*/
.af-dataLine{
  line-height:1.5;
  margin-left: 0px;
}
.af-green{
  color: #1AB394;
}
.af-amber{
  color: #FFC200;
}
.af-red{
  color: #C84646;
}
.af-blue{
  color: /*#488BBF;*/ #008CE0;
}
.af-black{
  color: #4B4B4B;
}
.af-gray{
   color: #696969;
}

.form-control{
   /* border: 2px solid #008CE0; */
   border: 2px solid #dddddd;
   height: 45px;
   font-size: 20px;
   background-color: #EEEEEE
}
.form-control[disabled]{
   background-color:#DCF0FC;
}
.btn-group-sm > .btn, .btn-sm {
    font-size: 11px;
    line-height: 1.5;
    padding: 5px 9px;
}
 .bg-table{
    padding-bottom: 10px;
    padding-top: 10px;

    margin: auto;
  }
.text-fraud{
     font-weight: bold;
     font-size: 1.575em;
     color: #429042;
}
.img-thumbnail {
    border: 1px solid;
    /*height: 420px;*/
    padding: 10px;
    width: 100%;
}

//.cell-text cell-text-mt{
//  margin-top:0px;
//  font-size: 20px;
//  text-align: left;
//}
.page-container{
   padding:0px;
}
/*
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:100px;   /* Height of the footer */
   background:#292929;
}
*/
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:20px;
   background:#FF0000;
}
.heading-text{
   font-size: calc(25px + 2vw);
   margin-top: 0px;
   color: #008CE0;
   font-weight:700
   text-align: center;
}
.item-header-text{
   font-size: 5vw;
   margin-top: 0px;
   padding: 0px;
   margin-left: 20px;
   /*  background-color: #488BBF;
   background-color: #FFFFFF;
   color: #FFFFFF;  */
   background-color: #FFFFFF;
   color: #488BBF;
   float: left;
}
.icon-font{
   font-size: calc(50px + 1vw); 

   text-align: center;
}
.status-icon-font{
   font-size: calc(20px + 1vw);
}
.a2r-cell{
   padding: 10px;
   text-align: center;
   margin-left: 0px;
}
.cell-text{
   font-family: 'Nunito', sans-serif;
   line-height: 2;
   margin-bottom: 0px;
   font-size: 20px;
   margin-left: auto;
   margin-right: auto;
   xfloat: left;
}
.cell-text-mt{
   line-height: 0.2;
   margin-top: 20px;
}
.legend-text{
   font-family: 'Nunito', sans-serif;
   font-size: 20px;
   margin-left: 5px;
   padding-top: 5px;
}
.login-icon{
  font-size: 20px;
  float: right;
  margin-top: 25px; 
}
.login-text{
   font-family: 'Nunito', sans-serif;
   font-size: 20px;
}
.form-section-hdr{
   font-size: calc(15px + 0.75vw);
   font-weight: 900;
   color: #008CE0;
   text-align: left;

}
.page-header-text{
  font-family: 'Nunito', sans-serif;
  //display: inline-block;
  font-size:a 34px;
  margins: auto;
  text-align: center;
  vertical-align: middle;
  line-height: 1.0;
}
.text_Without_link {
  font-family: arial;
  font-size: 19px;
  margin-left: 0px;
  margin-top: 0px;
  color: #008CE0;
}

html{
    height: 100%;
}
.login-body {
    background-color: #82ccf0;
    height: 100%;
    margin: 0;
    padding: 0;
    /* padding-bottom: 60px;*/ /*dps*/
    position: relative;
    font-family: 'Nunito', sans-serif;
}
.this-footer{
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#292929;
}
.bg-white {
    background-color: #fff;
}

.left-handside-wrapper {
    background-color: #009fda;
}

.left-handside-wrapper>* {
    height: 100%;
}

.left-handside-wrapper .bg-pic {
    position: absolute;
    width: 100%;
    overflow: hidden;
    background-color: #82CCF0;
    
}

.left-handside-wrapper .bg-pic>img {
    xmin-height: 100%;
    opacity: 0.6;
}

.left-handside-wrapper .right-handside-container {
    min-height:100vh; /*dps*/
    width: 40%;
    display: block;
    position: relative;
    float: right;
    -webkit-transition:.2s ease-out;
    transition:.2s ease-out;
}
.left-handside-wrapper .right-handside-container>div {
    margin: auto;
    max-width: 100%;
}
.left-handside-wrapper .bg-caption {
    width: 500px;
}


.m-t-30 {
    margin-top: 30px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-b-25 {
    margin-bottom: 30px;
}
.m-l-20 {
    margin-left: 20px;
}

.m-r-20 {
    margin-right: 20px;
}
.mrs-20 {
    margin-right: -20px;
}

.p-l-100 {
    padding-left: 100px !important;
}
.p-r-100 {
    padding-right: 100px !important;
}
.p-t-50 {
    padding-top: 50px !important;
}
.p-t-100 {
    padding-top: 100px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-0 {
    padding: 0px;
}
.m-t-12{
    margin-top: 12px;
}
.logo-subtitle {
    font-size: 20px;
    font-weight: 700;
}
.smalllogo{
    display: inherit;
    margin: auto;
}
.hint {
    font-size: 11px;
}
.left-img-pic{
    position: relative;
    width: 60%;
    float: left;
    text-align: center;
}
.left-img-pic>img{
    max-width: 85%;
    margin-top: 100px;
}
.form-pre-login .form-group{
    margin-bottom: 21px;
}
.form-pre-login .form-control{
    border-radius: 2px;
    box-shadow: none;
}
.form-pre-login .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:12px;
  color:#ddd;
}
.form-pre-login .form-control::-moz-placeholder { /* Firefox 19+ */
  font-size:12px;
  color:#ddd;
}
.form-pre-login .form-control:-ms-input-placeholder { /* IE 10+ */
  font-size:12px;
  color:#ddd;
}
.form-pre-login .form-control:-moz-placeholder { /* Firefox 18- */
  font-size:12px;
  color:#ddd;
}
.hint {
    color: #777;
}
.hint strong {
    color: #444;
}
.already-user a{
    font-size: 12px;
    color:#82ccf0;
    font-weight: 700;
}

.radio input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
}
.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 6px 5px 6px 33px;
    margin-right: 15px;
    min-width: 17px;
    min-height: 17px;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 2px;
}
.radio label:before{
    -webkit-box-sizing: inherit;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 8px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    bottom: 7.5px;
    border-radius: 99px;
    -webkit-transition: border 0.3s 0s cubic-bezier(0.455,0.03,0.215,1.33);
    transition: border 0.3s 0s cubic-bezier(0.455,0.03,0.215,1.33);

}
.radio input[type=radio]:checked+label:before{
    border-width: 5px;
    border-color: #82ccf0;
}
.btn-cons{
    width:100%;
    border-radius: 2px;
    background-color: #00DD6E;
    border-color: #00DD6E;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    font-weight: 700;
    margin-bottom: 12px;
    position: relative;
}
.btn-cons>img {
    position: absolute;
    width: 18px;
    left: 7px;
}
.fb-login{
    font-size: 12px;
}
.fb-login a {
    font-weight: 800;
    color: #fff;
    font-size: 13px;
    background-color: #4267B2;
    padding:8px 10px;
    transition: .3s ease;
}
.fb-login a:hover {
    text-decoration:none;
    background-color: #2C4578;
}
.fc-email{
    background: #fff url(images/envelope.png) 2% center no-repeat;
    padding-left :30px;
    background-size: 18px;
}
.fc-password{
    background: #fff url(images/key.png) 2% center no-repeat;
    padding-left :30px;
    background-size: 17px;
}
.row{
   margin-left:0px;
}

/* Responsive handlers : Login
------------------------------------
*/

@media (max-width: 1170px) {
    .left-handside-wrapper .right-handside-container {
        width: 100%;
        height:100%; /*dps*/

    }
    .register-container {
        width: 100%;
        padding: 15px;
    }
    .left-handside-wrapper .right-handside-container>div {
        width: 100%;
    
    }
}

input[type="radio"]{
    margin-top: 1px 0 0;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 321px) {
    .left-handside-wrapper .right-handside-container {
        width: 100%;
        height:100%; /*dps*/
    }
}

.custom-right-handside-container {
    background: #FFFFFF;
    border-width:0px 0px 0px 3px; 
    border-color:#000000;
    border-style: solid
}

.m-10 {
    margin: 10px;
}

.w-100 {
    width:100%;
}

.background-white {
    background: #FFFFFF;
}

.nav.navbar-right > li > a{
     color:#FFFFFF;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
     border-color:#008CE0;
  } 
  /*KDS Sidenav*/
  .sidenav {
    height: 100%;
    width: 280px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -280px;
    background-color:#053f63;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}


.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}
.sidenav .fa:before{
      padding-right: 7px;
    font-size: 19px;
    top: -2px;
    position: relative;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.navbar-custom {
    height:80px; 
    background-color:#008CE0; 
    border-radius:0px; 
    padding-left:0px; 
    border-bottom: 2px solid #696969; 
    z-index:99999
}

.navbar-custom-header {
    float: right; 
    margin-top:20px; 
    margin-right: 15px;
}

.desktop-navbar {
    color:#FFFFFF; 
    background-color:#008CE0; 
    opacity: 1.0; 
    z-index: 999999
}
.logout-text {
    opacity: 1.0; 
    z-index:999999
}
.visible-xs {
    display:none;
    font-size:30px;
    cursor:pointer;
    color:#fff;
    margin-right: 20px;
}

.text-right{
    float: right;
}