body {
    margin: 0;
    padding: 0;
    background-color: #213856;
    color: #FFFFFF;
}

.img{
    position:absolute;
    top:0;
    left:0;
    background: url('/App_Themes/Default/Images/bck_login.jpg') center no-repeat;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
}

.logo{
    position: absolute;
    top: 75px;
    left: 180px;
    width:300px;
    height:100px;
}

@media (max-width: 768px) {
    .logo {
        left: CALC(50vw - 150px);
        margin: 0 auto;
    }
}

.input-lg{
    height: 60px;
}

.btn-lg{
    padding: 17px 16px;
}

a:hover{
    color: #FFFFFF;
}

.branco{
    color: #FFFFFF;
}

.t16{
    font-size: 16px;
}

.t18{
    font-size: 18px;
}

.t20{
    font-size: 20px;
}

.t26{
    font-size: 26px !important;
}

.t46{
    font-size: 46px !important;
}

.flight{
    font-weight: 300;
}

.fregular{
    font-weight: 400;
}

.fsemibold{
    font-weight: 600;
}

.fbold{
    font-weight: 700;
}

::-webkit-input-placeholder { color:#ACB3BA; font-size:16px; font-family: 'Source Sans Pro',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; }
::-moz-placeholder { color:#ACB3BA; font-size:16px; font-family: 'Source Sans Pro',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; } /* firefox 19+ */
:-ms-input-placeholder { color:#ACB3BA; font-size:16px; font-family: 'Source Sans Pro',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; } /* ie */
input:-moz-placeholder { color:#ACB3BA; font-size:16px; font-family: 'Source Sans Pro',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; }

.middle-box{ padding-top:0px; }

.divCenterHeight{
    position: absolute;
    top: CALC(50% - 200px);
    width:100%;
}

.form-control{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px ;
    border-radius: 4px ;
    color:#ACB3BA;
}

.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon img {
  position: absolute;
  padding: 20px;
  pointer-events: none;
  color:#ACB3BA;
}

/* align icon */
.left-addon img  { left:  0px;}

/* add padding  */
.left-addon input  { padding-left:  50px; }


/********************************LOADING*********************************************/
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.se-pre-con .divOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.se-pre-con .divOuter .divMiddle {
    display: table-cell;
    vertical-align: middle;
}

.se-pre-con .divOuter .divMiddle .divInner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}

.se-pre-con .divOuter .divMiddle .divInner .ballExterior {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #2187e7;
	width:60px;
	height:60px;
	margin:0 auto;
	-moz-animation:spin .5s infinite linear;
	-webkit-animation:spin .5s infinite linear;
}

.se-pre-con .divOuter .divMiddle .divInner .ballInterior {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #2187e7; 
	width:40px;
	height:40px;
	margin:0 auto;
	position:relative;
	top:-50px;
	-moz-animation:spinoff .5s infinite linear;
	-webkit-animation:spinoff .5s infinite linear;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}