@font-face {
  font-family:"Roboto Condensed Light";
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Light'), local('Roboto Condensed Light'), url('../fonts/RobotoCondensed-Light.woff') format('woff');
}

body {/*font-family:"Roboto Condensed Light";*/}
.bg-body { background:url(../img/bg-login.jpg) no-repeat center top; background-size:cover; padding-top:5%; font-size:17px;}
.row { margin-left:0px; margin-right:0px;}



.bg-white { background:rgba(255,255,255,1); border-radius:20px;border:1px solid #ccc; } 
.form-horizontal .control-label { text-align: left;}
label { font-weight: normal;}
.padding-all { padding:5px 20px 25px 20px;}
.img-responsive.logimg { display: inline; margin-bottom: 5px;}
.btn-default {
    background-color: #00aa9b;
    border-color: #00aa9b;
    color: #fff;
    font-size: 16px;
}
.btn-default:hover {
    background-color: #01a092;
    border-color: #01a092; color: #fff;
}
.posi-fixed {z-index:100; position:fixed; bottom:0px; max-height:37px; line-height:45px; color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */; width:100%;}

@media screen and (max-width: 1152px) {
.bg-body { background:url(../img/bg-login.jpg) no-repeat center top; background-size:auto; padding-top:10%; font-size:17px;}
}

@media screen and (max-width: 991px) {
.col-md-6.half-po { width:50%; float:left;}
}
@media screen and (max-width: 533px) {
.col-md-6.half-po { width:100%;}
}