/* RESET BORDER RADIUS */
* { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
.no-radius { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
.img-circle { border-radius: 50% !important; } 
html, body { height: 100%; margin: 0; padding: 0; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px;  color: #464A4C; background-color:#fff; -webkit-text-size-adjust:100%}
.bg-none { background: none !important; background-color: transparent !important; }
.container-fluid { height: 100%; display: table; width: 100%; padding: 0; }
.row-fluid { height: 100%; display: table-cell; vertical-align: middle; }
.centering { float: none; margin: 0 auto; text-align: center;}
.center { float: none; margin-left: auto; margin-right: auto;  }

.login-box { background-color: #0066CC; color: #fff; transition: all .3s}

/* BUTTON */
button:focus { outline: none !important; }
.btn {   -webkit-transition: background-color .6s ease; -moz-transition: background-color .6s ease; -ms-transition: background-color .6s ease; -o-transition: background-color .6s ease; transition: background-color .6s ease; }
.btn.uppercase { text-transform: uppercase; }
.btn.btn-flat { border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-width: 1px !important; }
.btn:active { outline: none !important; box-shadow: none; }
.btn:focus { outline: none !important; box-shadow: none; }
.btn.btn-file { position: relative; overflow: hidden; }
.btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; }
.btn-default { background-color: #ffffff; color: #444; border: 1px #ddd solid; border-color: #ddd; }
.btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; }
.btn-primary { background-color: #3c8dbc; border-color: #3c8dbc; }
.btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #367fa9; border-color: #3c8dbc; }
.btn-success { background-color: #00a65a; border-color: #00a65a; }
.btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; border-color: #00a65a; }
.btn-info { background-color: #00c0ef; border-color: #00c0ef; }
.btn-info:hover, .btn-info:active, .btn-info.hover, .btn-info.focus { background-color: #31b0d5; border-color: #00c0ef; }
.btn-danger { background-color: #dd4b39; border-color: #dd4b39; }
.btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925; border-color: #dd4b39; }
.btn-warning { background-color: #f39c12; border-color: #f39c12; }
.btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; border-color: #f39c12; }
.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); }
/*A*/
a { color: inherit;text-decoration: none; }
a:hover { text-decoration: none !important; }
a.custom { color:#f4f4f4; opacity: 0.4;transition: all .3s ease}
a.custom:hover { opacity: 1;transition: all .3s ease }
 
strong { font-weight: 400 !important; }
#responseBox { display: none }
#load { opacity: 0; max-width: 400px; transition: all .3s }
/*FORM*/
.form-control { background-color: transparent; border: none; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,.8); color:#fff;   }
.form-control:focus { border-bottom: 1px solid rgba(255,255,255,.8); box-shadow: none; outline: 0; color:#fff; background-color: transparent; }
input.invalid, textarea.invalid { border: none; border-bottom: 1px solid #4f5056; }
input.invalid:focus, textarea.invalid:focus { border: none; border-bottom: 1px solid #4f5056; }
.input-group-addon { padding: 5px 10px; color: rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.1); }
.field-icon { float: right; margin-left: -25px; margin-top: 5px; position: relative; z-index: 2; }
form .form-control::-webkit-input-placeholder {color:#f4f4f4;font-size:14px;opacity: .3;}
form .form-control:-moz-placeholder {color:#f4f4f4;font-size:14px; opacity: .3;}
form .form-control::-moz-placeholder {color:#f4f4f4;font-size:14px; opacity: .3;}
form .form-control:-ms-input-placeholder {color:#f4f4f4;font-size:14px; opacity: .3;}

/*.alert-danger ,.alert-success{ background-color:transparent;color:#464A4C!important; border:none; padding:20px 0px;}*/
.alert { font-size: 13px; }
.alert-danger, .alert-success, .alert-error { padding: 10px 15px; }
.alert-danger, .alert-error { background-color: #4f5056 !important; color:#fff!important; border: none; }
.alert-danger .container, .alert-success .container, .alert-error .container { padding: 0; width: 100% }
.alert-danger .container button.close, .alert-success .container button.close, .alert-error .container button.close { color:#464A4C!important; box-shadow: none !important; font-size: 11px }
#messact h4, #erroract h4, #messact h5, #erroract h5 { font-size: 12px !important; }
button.close { color:#fff; text-shadow: none; font-size: 18px }
button.close:hover { color:#fff; }
textarea:focus, input:focus, button:focus, button:active { outline: 0px !important; }
/*LOCKSCREEN*/
.lockscreen-wrapper { margin: 0 !important; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.lockscreen-credentials { opacity: 0.6 }
.lockscreen-credentials:focus, .lockscreen-credentials:active, .lockscreen-credentials:hover { opacity: 1 }
.lockscreen-change a { color:#464A4C!important; }
.lockscreen-change a:hover { opacity: 0.6 }
.lockscreen-credentials .form-control:focus { border-bottom: none; }