.label_pe{
    padding-left: 5px;
    color: #0897c1 !important;
}
.color_obl{
    color: red;
}
/*
.ombre input[type=text]:focus {
    border: 3px solid #555 !important;
}
*/
.form-control:hover, .form-control:focus, .form-control .active{
    /*box-shadow: 1px 1px 1px 1px #008fb9 !important;*/
    border: 1px solid #0897c1;
}

.form-control{
    /*box-shadow: 1px 1px 1px 1px #008fb9 !important;*/
    border: 1px solid #0897c1;
}

.inline-radio .radio, .inline-checkbox .checkbox{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.btn-outline-primary{
    color: #008fb9;
    border-color: #008fb9;
}

.btn-outline-primary:hover,.btn-outline-primary:focus{
    background-color: #008fb9;
    color: #fff;
}

select{
    min-height: 50px;
}

.hide {
    display: none;
}

.tarif-btn, .paiement-btn.checked{
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    padding: 7px 10px;
    border-radius: 5px;
}

.champ-formulaire-btn{
    color: #008fb9;
    border: 1px solid #008fb9;
    padding: 7px 10px;
    border-radius: 5px;
}
.tarif-btn.checked, .paiement-btn{
    border: 1px solid #008fb9;
    background-color: #008fb9;
    color:#fff;
    padding: 7px 10px;
    border-radius: 5px;
}

.paiement-btn.checked{
    background-color: #fff;
}

.champ-formulaire-btn:hover, .champ-formulaire-btn:focus, .champ-formulaire-btn label, form i.fa.fa-trash-o {
    cursor: pointer;
}

.champ-formulaire-btn input, .tarif-btn input, .paiement-btn input{
    display: none;
}
.champ-formulaire-btn label{
    margin-bottom: 0;
}

.create-champ-perso{
    color: #28a745;
    border-color: #28a745;
}

.modal-dialog{
    background: #ffffff;
}

form[name=formTarif] .btn {
    margin-right: 10px;
}
.champ{
    max-width: 300px;
}

table.dataTable.no-footer {
    border-bottom: none;
}
.entete_historique{
    background-color: #18212c;
    text-align:center;
    color:white;
}

.hover_pe button:hover{
    text-decoration: none !important;
}
.contain_champ{
    max-width: 700px;
    margin: 10px;

}

.creat-event .modal-dialog div, .creat-event .modal-dialog img{
    width: 100%;
}

.creat-event .modal-dialog div, .creat-event .modal-dialog{
    width: 500px;
    background-color: black;
}

.table-hover tbody tr:hover{
    background-color: rgba(8,151,193,0.1);
}


.table-striped td{
 padding: 10px;
}