/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/**
* Created on : 14 mai 2016, 17:50:56
* Author     : wilfried
*/

.error{
    color: #ff3300;
}

.info-success{
    color: #008d4c;
    font-weight: bold;
}

.menu-option{
    min-width: 100px;
    width: 100px;
    text-align: center;
}

.loader-login{
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 30px;
    line-height: 10px;
    background-image: url("../img/loaders/loader19.gif");
    background-position-x: right;
    background-repeat: no-repeat;
}

.process-loader{
    /*padding: 4px 10px 10px 25px;*/
    padding-top: 5px;
    background-color: #008d4c;
    background-image: url("../img/loaders/loader27.gif");
    background-size: 100%;
    background-position-x: left;
    background-repeat: no-repeat;
}

.loader{
    margin-right: 5px;
    background-repeat: no-repeat;
    padding: 4px 20px 20px 20px;
    background-image: url("../img/loaders/loader.gif");
}

.widzarloader {
    margin-right: 5px;
    background-repeat: no-repeat;
    padding: 4px 28px 28px 5px;
    background-image: url(../img/loaders/loader.gif);
}

.loader19{
    margin-right: 5px;
    background-repeat: no-repeat;
    padding: 4px 5px 5px 30px;
    background-image: url("../img/loaders/loader19.gif");
}

.loader27{
    margin-right: 5px;
    background-repeat: no-repeat;
    padding: 4px 5px 5px 30px;
    background-image: url("../img/loaders/loader27.gif");
}

.processing{
    background-image: url('../img/loaders/loading-tools.gif');
    background-repeat: no-repeat;
    background-position-x: 150px;
    height: 50px;
    font-size: 16px;
}

.login-box, .register-box{
    margin: 2% auto;
}

.danger{
    color: #ff3300;
}

.soldeInitial{
    font-weight: bold;
}
.bg-white {
    background-color: #fff !important;
}

.user-header-custom {
    background-color: #fff;
    margin: auto;
}
.skin-blue .main-header li.user-header {
    background-color: #f9f9f9 !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    /*color: #fff;*/ 
    color: rgba(0,0,0,0.6); 
    font-size: 17px;
    margin-top: 10px;
}

.img-circle, ul.dropdown-menu{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.custom-title{
    margin-top: 20px;
    border-bottom: solid 2px #00c0ef;
}

#camera {
    display: inline-block;
    background-color: #eee;
    width: 250px;
    height: 300px;
    margin: 0.5em;
}

#camera .placeholder {
    padding: 0.5em;
}

#snapshots {
    height: 180px;
    margin: 0.5em 0;
    padding: 3px;

    border: 1px solid #aaa;

    white-space: nowrap;
    /*overflow-x: auto;*/
    overflow-y: hidden;
}

.login-box, .register-box{
    width: 400px!important;
    margin: auto!important;
}

form#formInscription nav.sw-toolbar div:first-child {
    float: left !important;
}

div.visiteMedicale .checkbox, div.visiteMedicale .radio {
    margin-top: 0 !important; 
}

.formulaireSite input[type="radio"], .formulaireSite input[type="checkbox"] {
    height: inherit!important; 
    width: inherit!important; 
}

.header-bottom.stick-h2.stick{
    animation: none!important; 
    background: none!important; 
    position: initial!important; 
    top: inherit!important; 
    z-index: 999!important; 
    width: inherit!important; 
    left: inherit!important; 
    box-shadow: none!important;
}

h2.page-title {
    text-transform: none!important;
}

/* Spin Loader */
.inscriptionSection .box .overlay, .inscriptionSection .overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
}

.inscriptionSection .box>.overlay, .inscriptionSection .overlay-wrapper>.overlay, .inscriptionSection .box>.loading-img, .inscriptionSection .overlay-wrapper>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inscriptionSection .box .overlay>.fa, .inscriptionSection .overlay-wrapper .inscriptionSection .overlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.inscriptionSection .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.inscriptionSection .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}