/************************************************
** BOUTONS
************************************************/

/* Boutons couleur sur fond clair */
.bouton_simple {
    text-transform:uppercase;
    color:#ffab40;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding:8px 15px;
    cursor:pointer;
    border:0px;
}
.bouton_simple:hover {
    background-color:rgba(153,153,153,0.2);
    -moz-transition:all 0.1s ease;
    -webkit-transition:all 0.1s ease;
    transition:all 0.1s ease;
}
.bouton_simple:active {
    background-color:rgba(153,153,153,0.4);
}


/* Boutons sur fond couleur */
.bouton {
    text-transform:uppercase;
    background-color:#ffab40;
    color:#fff !important;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding:8px 15px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    cursor:pointer;
    font-size:14px;
    border:0px;
    display:inline-block;
}
.bouton:hover {
    background-color:#fb8c00;
    -moz-transition:all 0.1s ease;
    -webkit-transition:all 0.1s ease;
    transition:all 0.1s ease;
}
.bouton:active {
    /*background-color:#f57c00;*/
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.ui-priority-primary {
    text-transform:uppercase !important;
    background-color:#ffab40 !important;
    color:#fff !important;
    text-decoration:none !important;
    -moz-border-radius:2px !important;
    -webkit-border-radius:2px !important;
    border-radius:2px !important;
    padding:8px 15px !important;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    cursor:pointer !important;
    font-size:14px !important;
    border:0px !important;
    display:inline-block !important;
    font-weight:normal !important;
    border:0 !important;
    background-image:none !important;
}

.ui-priority-primary:hover {
    background-color:#fb8c00 !important;
    -moz-transition:all 0.1s ease !important;
    -webkit-transition:all 0.1s ease !important;
    transition:all 0.1s ease !important;
}
.ui-priority-primary:active {
    background-color:#f57c00;
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

.ui-priority-primary span {
    padding:0 !important;
}

.ui-priority-secondary {
    text-transform:uppercase !important;
    color:#ffab40 !important;
    text-decoration:none !important;
    -moz-border-radius:2px !important;
    -webkit-border-radius:2px !important;
    border-radius:2px !important;
    padding:8px 15px !important;
    cursor:pointer !important;
    display:inline-block !important;
    border:0 !important;
    background-color:transparent !important;
    background-image:none !important;
    opacity:1 !important;
}
.ui-priority-secondary:hover {
    background-color:rgba(153,153,153,0.2) !important;
    -moz-transition:all 0.1s ease !important;
    -webkit-transition:all 0.1s ease !important;
    transition:all 0.1s ease !important;
}
.ui-priority-secondary:active {
    background-color:rgba(153,153,153,0.4) !important;
}

.ui-priority-secondary span {
    padding:0 !important;
}

.ui-widget button, .ui-widget {
    font-family:"Roboto", arial, sans-serif !important;
}

.bouton.petit_bouton {
    padding:5px 8px;
    font-size:12px;
}

/* Boutons pictos */

.bouton_simple.btn_picto, .picto_statique {
    display:inline-block;
    height:48px;
    width:48px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-image:url(/core/templates/admin/themes/defaut/img/sprite-pictos.png);
    background-repeat:no-repeat;
    margin:0;
    cursor:pointer;
}

.picto_statique {
    cursor:default;
}

.btn_picto.btn_supp, .btn_supp_ligne, .tableau_donnees .action_activite_btn_suppression_ligne {
    background-position:center -612px;
}
.btn_picto.btn_modif, .btn_modif_ligne {
    background-position:center -988px;
}
.btn_ajout_utilisateur {
    background-position:center -1043px;
}

.btn_ajout {
    background-position:center -1186px;
}


.btn_document {
    background-position:center -378px;
}


.btn_images {
    background-position:center -1239px;
}

.btn_outils {
    background-position:center -1342px;
}

.btn_alerte {
    background-position:center -1293px;
}

.btn_envoyer {
    background-position:center -1142px;
}

.btn_rfid {
    background-position:center -1386px;
}

button {
    -webkit-appearance: none;
}

.bouton_desactive {
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #D5E2FF 10px, #D5E2FF 20px ), linear-gradient( to bottom, #7AC9FF, #7AC9FF ) !important;*/
    background-color:rgba(0,0,0,0.12) !important;
    color:rgba(0,0,0,0.26) !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    cursor:not-allowed;
}

/************************************************
** BOUTON FERMTURE (CALQUE/FICHE)
************************************************/

.close {
    display:block;
    vertical-align:middle;
    height:14px;
    width:14px;
    background:url(/core/templates/admin/themes/defaut/img/sprite-pictos.png) no-repeat -10px -473px;
    cursor:pointer;
    right:15px;
    margin-top: -7px;opacity: 0.5;
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.close:hover {
    opacity:1;
}


/************************************************
** CALQUES
************************************************/

.calque {
    height:100vh;
    width:100%;
    background-color:rgba(0,0,0,0.4);
    position:fixed;
    top:0;
    left:0;
    display:none;
    z-index:100;
}
.calque:not([id^=modal]) {
    z-index:800;
}

.calque .un_bloc {
    background-color:#fafafa;
    position:relative;
    top:5vh;
    width:calc(100% - 20px);
    max-width:650px;
    margin:0 auto;
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.calque .un_bloc.petit_bloc {
    max-width:300px;
}

.calque .un_bloc.grand_bloc {
    max-width:1000px;
}


.calque .un_bloc .contenu_scroll {
    max-height:calc(90vh - 50px);
    overflow-y:scroll;
}

.contenu_calque {
    padding:15px;
}


.calque .un_bloc > h2 {
    font-weight:400;
    background-color:#ffab40;
    padding:10px 45px 10px 10px;
    color:#fff;
    font-size:18px;
    line-height:22px;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    border-radius:2px 2px 0 0;
    position:relative;
    margin:0;
    min-height:42px;
}

.calque .un_bloc h3 {
    margin:0 0 15px 0;
    font-size:18px;
    color:rgba(0,0,0,0.87);
    font-weight:400;
}

.calque .un_bloc .colonne h3 {
    background-color: #e5e5e5;
    padding: 5px;
    padding-left: 10px;
}

.calque .un_bloc h4 {
    margin:0 0 10px 0;
    font-size:16px;
    color:rgba(0,0,0,0.87);
    font-weight:400;
}

.calque input[type='text'], .calque input[type='password'], .calque input[type='email'],
.calque textarea {
    background-color:transparent;
    margin-bottom:15px;
    position:relative;
    width:100%;
}


.calque input[type='text'][readonly='readonly'] {
    background-color:#e0e0e0;
    cursor: not-allowed;
}

.calque form div.un_champ .un_champ:last-of-type {
    margin-bottom:0px;
}

.calque form .un_champ input, .calque form .un_champ textarea,
.calque form .un_champ .btn-group {
    /*width:calc(100% - 120px - 0.3em);*/
    display:inline-block;
    vertical-align:middle;
    margin-bottom:0 !important;
}
.calque form .un_champ label.grand + input,
.calque form .un_champ label.grand + .btn-group {
    width:calc(100% - 205px - 0.3em);
}
.calque form .un_champ > textarea {
    width:100%;
}
.calque form .un_champ span input,
.calque form .un_champ.toute_largeur input,
.calque form .un_champ.toute_largeur .btn-group {
    width:100%;
}

.contenu_calque form button {
    float:right;
}


.calque textarea {
    min-height: 65px;
}


.bloc_infos {
    background-color:#fff;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding:10px;
    margin-bottom:20px;
}

.bloc_infos h2 {
    margin-bottom:15px;
    color:#ffab40;
}

.bloc_infos .ligne, .calque form div.un_champ {
    margin-bottom:10px;
    position:relative;
}

.calque form div.un_champ .un_champ:last-of-type {
    margin-bottom:0px;
}

.bloc_infos .ligne label, .calque form .un_champ label {
    width:115px;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
}


.bloc_infos .ligne input[type='checkbox'] + label, .calque form .un_champ input[type='checkbox'] +  label,
.bloc_infos .ligne input[type='radio'] + label, .calque form .un_champ input[type='radio'] +  label {
    width:auto;
}

.calque form .un_champ label.grand {
    width:200px;
}

.calque form .un_champ.toute_largeur label {
    width:100%;
}

.bloc_infos .ligne label {
    margin-bottom:0;
}

.bloc_infos .ligne > span, .calque form .un_champ > span:not(.ui-button-text) {
    color:rgba(0,0,0,0.54);
    width:calc(100% - 120px - 0.3em) !important;
    display:inline-block;
    vertical-align:middle;
}

.calque form .un_champ > label.grand + span:not(.ui-button-text), .calque form .un_champ > label.grand + select + span:not(.ui-button-text) {
    width:calc(100% - 205px - 0.3em) !important;
}

.calque form .un_champ.toute_largeur > span:not(.ui-button-text) {
    width:100% !important;
}

.calque form .un_champ span input {
    width:100%;
}

.contenu_calque form button {
    float:right;
}

.bloc_infos table {
    border-collapse:collapse;
    width:100%;
    margin-bottom:10px;
}

.bloc_infos table thead tr {
    border-bottom:1px solid rgba(0,0,0,0.54);
}


.bloc_infos table th {
    font-weight:400;
    padding:4px;
}


.bloc_infos table tbody tr:hover {
    background-color:#F5F5F5;
}

.bloc_infos table tbody td {
    text-align:center;
    color:rgba(0,0,0,0.54);
    padding:4px;
}

.calque.alerte {
    z-index:99999;
}

.calque.alerte.erreur h2 {
    background-color: #F44336 !important;
}

.calque.alerte.info h2 {
    background-color: #ffab40 !important;
}
.calque.alerte.succes h2 {
    background-color: #8BC34A;
}
.calque.alerte.confirmation h2 {
    background-color: #f8b23a;
}

.calque.alerte.succes .close {
    display:none !important;
}

.calque.alerte.erreur .close {
    display:none !important;
}

.calque.alerte .continue {
    float:right;
}

.calque .un_bloc:not(.grand_bloc) form .bloc_en_avant:not(.normal) .un_champ label {
    display:block;
    width:100%;
    text-align:left;
    margin-bottom:5px;
}

.calque .un_bloc:not(.grand_bloc) form .bloc_en_avant:not(.normal) .un_champ input {
    display: block;
    margin-bottom: 0 !important;
    width: 100%;
}

.bloc_en_avant {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-color:#EEEEEE;
    padding:15px;
}

.calque .bouton {
    float:right;
    margin-top:15px;
}
.calque .bouton_simple {
    float:left;
    margin-top:15px;
}
.colonne {
    width:calc(50% - 10px);
    float:left;
}
.container .colonne {
    padding: 10px;
}
.colonne2, .colonne_droite {
    margin-left:20px;
}

.colonne.colonne_33 {
    width:calc(33.33% - 13.34px);
}

.colonne.colonne_66 {
    width:calc(66.66% - 6.67px);
}

.colonne.colonne_25 {
    width:calc(25% - 15px);
}

.colonne.colonne_75 {
    width:calc(75% - 5px);
}

/************************************************
** FORMULAIRES
************************************************/

form .un_champ label.error {
    color:#fff;
    background-color: #E53935;
    position:absolute;
    right:0;
    bottom:-15px;
    padding: 1px 4px;
    margin-right: 0 !important;
    width:auto !important;
    opacity:0.8;
    font-size:11px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    z-index:2;
}

form .un_champ label.error:after {
    content:'';
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #E53935;
    position:absolute;
    top:-5px;
    right:5px;
    /*display: none;*/
}

.bloc_champ {
    position:relative;
    margin-bottom:15px;
}

.bloc_champ input, .bloc_champ textarea {
    margin-bottom:0 !important;
    top:0 !important;
}


.bloc_champ label.error {
    position:absolute;
    bottom:-19px;
    left:0;
    background-color:#F44336;
    color:#fff;
    font-size:11px;
    padding:2px 4px;
    opacity:0.75;
    z-index:2;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    z-index:2;
}

.bloc_champ label.error:before {
    content:'';
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 4px 5px;
    border-color: transparent transparent #F44336;
    position:absolute;
    top:-4px;
    left:5px;
}

/************************************************
** CUSTOM
************************************************/

/**
 * Annulation de l'alignement à droite pour les boutons.
 */
.calque .bouton {
    float: none;
}

.clone{

    display: none !important;
}

#contenu {

    padding: 0px;
}

#filtre_classification_auteur > label:first-letter {
    text-transform: uppercase;
}

.info-accesprivatif {
    font-size: 14px;
    padding: 0 0 10px 0;
}

#modal_calque_form_mdp_oublie_acces_privatif {
    z-index: 1000;
}