@import "icons.css"; 

/* Defaults */
.dn{display:none}
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}
.fl{float:left !important}
.fr{float:right !important}
.nm{margin:0px !important}
.nmt{margin-top:0px !important}
.nmb{margin-bottom:0px !important}
.nmr{margin-right:0px !important}
.nml{margin-left:0px !important}
.np{padding:0px !important}
.npt{padding-top:0px !important}
.npb{padding-bottom:0px !important}
.npr{padding-right:0px !important}
.npl{padding-left:0px !important}
 
a{outline:none !important}
 
form{margin:0px}

/* page header */
.page-header{padding:0 0 5px; margin:0px 0px 10px; border-bottom:1px solid #e0e0e0; width:100%}
.page-header .wrap-title{margin-bottom:5px}
.page-header .icon{float:left; display:block; margin-right:10px; width:42px; height:42px; border:3px solid #999; padding:2px; margin-top:7px;  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center}
.page-header .icon span{font-size:24px; color:#999; line-height:35px}
.page-header h1{font-size:32px; color:#4C4C4C; font-weight:normal; display:block; line-height:35px; padding:0px; margin:0px}
.page-header h1 small{font-size:11px; color:#666; display:block; line-height:20px}

.alert{margin-bottom:10px; cursor:pointer; border:0; text-shadow:none; color:#FFF; background:#009AD7;  -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; padding:8px 35px 8px 14px; float:left; width:100%}
 .block .alert, .block-fluid .alert{border:0px; margin:3px 0px}
 .alert.alert-error{background:#C22439}
 .alert.alert-success{background:#68AF27}
 .alert.alert-info{background:#005683}

 * html .row-form{height:1%; overflow:visible}/* ie 6 */
 *+html .row-form{min-height:1%}/* ie 7 */
 .row-form:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0}
 .row-form{padding:10px 0px; vertical-align:baseline}
 .row-form >[class^="col-"]{color:#333; line-height:30px}
 .form-control{border-color:#CCC; width:100%; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  display:inline-block; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; color:#4C4C4C; height:30px; margin-bottom:0px;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
 input:focus, textarea:focus, select:focus{-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; outline:0 !important; border-color:#AAA !important}
 
 .row-form [class^="col-"] >div{margin-bottom:10px}
 
 .row-form [class^="col-"] >span.bottom, 
 .row-form [class^="col-"] >span.top{font-size:11px; color:#999; line-height:14px; display:block; margin-top:5px}
 .row-form [class^="col-"] >span.top{margin-bottom:5px; margin-top:0px}
 .row-form [class^="col-"] >span.top.title, 
 .row-form [class^="col-"] >span.bottom.title{color:#333}

/* Buttons */ 
.btn{padding:7px 12px 8px}
 
 .btn.btn-lg{padding:11px 19px}
 .btn.btn-sm{padding:2px 10px}
 .btn.btn-xs{padding:1px 6px; font-size:10px}
 
 .btn{font-size:11px}
.btn [class^='ico']{margin-top:0px}

.btn{-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0px; background:#009AD7; color:#F9F9F9; text-shadow:none; margin-bottom:3px}
.btn:hover{background:#008DC4; color:#FFF}
.btn:hover, .btn:focus { color:#F9F9F9; }
/* eof Buttons */
.login{background:url('../images/backgrounds/default.jpg') left top repeat; padding:20px; box-shadow:0 0 5px 2px rgba(255,255,255,0.5); -moz-box-shadow:0 0 5px 2px rgba(255,255,255,0.5)}
.login{-webkit-box-shadow:0 0 5px 2px rgba(255,255,255,0.5)}
.login{width:350px; position:absolute; left:50%; margin-left:-175px; top:30%; margin-top:-125px}
    .login .row-form{padding:5px 0px; width:100%}

.icon-arrow-back, .icon-arrow-next{display:inline-block; width:14px; height:14px; margin-top:1px; line-height:14px; vertical-align:text-top}
.icon-arrow-back{background:url('../images/back_dark.png') left top no-repeat !important}
    .icon-arrow-back.icon-white{background:url('../images/back.png') left top no-repeat !important}
    
.icon-arrow-next{background:url('../images/next_dark.png') left top no-repeat !important}
    .icon-arrow-next.icon-white{background:url('../images/next.png') left top no-repeat !important}

html{height:100%}
body{min-height:100%; font-family:"Segoe UI",arial,sans-serif; font-size:12px; position:relative}

@media only screen and (max-width:768px){ body{padding:0px}
}

@media only screen and (max-width:1024px){ .wrapper{margin:0px 10px}
}

@media only screen and (max-width:1279px){ .wrapper.fixed{width:auto; margin:0px 10px}
}