@charset "utf-8";
/* CSS Document */

@import url('//fonts.googleapis.com/css?family=Roboto:400,500,700');

/*
Orange : #ed6c1f
Vert bleu : #1db0b0
Vers Anis : #c7d10c
Texte Noir : #464f53
Jaune : #fbb914
Vers : #8eb82d;
*/

body {
	background-color: #EEE;
	height: 100%;
	padding: 0;
	padding-top: 70px;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	
	color:#333333;
}

.navbar { margin-bottom:0px; z-index: 999; }

.be-fixed-sidebar .be-left-sidebar::before {
	top: 60px;
}
.left-sidebar {
	content: "";
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	bottom: 0;
	border-right: 1px solid #e3e3e3;
	background-color: #f5f5f5;
	width: 230px;
	padding-top:70px;
	overflow-y: auto;
}
.content {
	position: relative;
	left: 0;
	margin-left: 230px;
	min-height: 100%;
}


.left-sidebar .sidebar-elements {
    margin: 0;
    padding: 0;
}

.left-sidebar ul {
    line-height: 20px;
}

.left-sidebar a:hover { text-decoration:none; }

.left-sidebar .sidebar-elements .divider {
    padding: 20px 20px 0;
    color: #b0b0b0;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}
.left-sidebar .sidebar-elements > li {
    list-style: none;
}

.left-sidebar .sidebar-elements > li > a {
    display: block;
    padding: 0 20px;
    color: #646464;
    font-size: 14px;
    line-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.left-sidebar .sidebar-elements > li > a:hover {
    background-color: #f0f0f0;
}
.left-sidebar .sidebar-elements > li > a:hover > span {

    color: #3d3d3d;

}

.left-sidebar .sidebar-elements > li.active > a {
    padding-left: 20px;
    font-weight: bold;
    color: #ed6c1f;
}
.left-sidebar .sidebar-elements > li.active > a:hover > span {
    color: #ed6c1f;
}

.left-sidebar .sidebar-elements > li > a i {
    margin-right: 9px;
}

.left-sidebar .sidebar-elements li.open > ul {
    display: block;
}
.left-sidebar .sidebar-elements > li.open > ul, .be-left-sidebar .sidebar-elements > li.open > ul .nav-items .content > ul {
    display: block;
}
.left-sidebar .sidebar-elements > li ul {
    /*display: none;*/
    background-color: #eee;
    padding: 0;
    list-style: none;
    line-height: 20px;
}
.left-sidebar .sidebar-elements > li > ul {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.left-sidebar .sidebar-elements > li ul li > a, .left-sidebar .sidebar-elements > li ul li > div {
    padding: 8px 15px 8px 49px;
    color: #646464;
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.left-sidebar .sidebar-elements > li ul li > div > a { font-size:inherit; color:inherit; }

.left-sidebar .sidebar-elements > li ul li > a, .left-sidebar .sidebar-elements > li ul li > span.pull-right { padding: 8px 10px 8px 0px; }
.left-sidebar .sidebar-elements > li > ul.sub-menu-statistique > li > a,
.left-sidebar .sidebar-elements > li > ul.sub-menu-artisan > li > a,
.left-sidebar .sidebar-elements > li > ul.sub-menu-correspondance > li > a { padding-left:49px; }

.left-sidebar .sidebar-elements > li ul li > a:hover, .left-sidebar .sidebar-elements > li ul li > div:hover {
    background-color: #e7e7e7;
}

.left-sidebar .sidebar-elements > li ul li.active > a, .left-sidebar .sidebar-elements > li ul li.active > div > a, .left-sidebar .sidebar-elements > li.active > a > span {
    color: #ed6c1f;
}


.left-sidebar ul.liste-maitre-ouvrage-ouvert li .btn-fermer { color:#646464; cursor:pointer; }
.left-sidebar ul.liste-maitre-ouvrage-ouvert li .btn-fermer:hover { color:#000 !important; }

/***********************************************/

/*.breadcrumb { margin-top: 20px; }
.breadcrumb > li > a { color:#ed6c1f; }*/

.nav-pills { margin-bottom:20px; }
.nav-pills > li > a { color:#ed6c1f; background-color:#f5f5f5; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #ed6c1f; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; background-color: #ed6c1f; }

.btn-action, .btn-action:focus, .btn-action:active  { color:#ed6c1f; text-decoration: none; }
.btn-action:hover { color:#000000; text-decoration: none; }

.card .card-header {
	color:#ed6c1f;
	padding-bottom:5px;
	margin-bottom:15px;
	/*margin:0px;
	padding-left:20px;
	padding-right:20px;*/
	border-bottom:2px solid #ed6c1f;
    display: block;
}

.card .table { margin-bottom:0px; }

/*.card h1 { color:#ed6c1f; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; font-size:16px; font-weight:700; border-bottom:1px solid #707070; }*/
/*.card h1.title { background-color:#ed6c1f; color:#FFF; padding:5px 15px; margin:0px 0px 10px 0px; font-size:14px; }*/
.card h1.title { color:#333333; padding:5px 0px; margin:0px 0px 10px 0px; font-size:16px; border-bottom: 2px solid #ddd; }
form label.required:after { content:" *"; color:red; }

.content .main-content hr { border-top:2px solid #ed6c1f; }

hr.orange { border-top:1px solid #ed6c1f; }


.text-primary { color: #ed6c1f; }
a.text-primary:hover { color:#333333; /*color:rgba(237, 108, 31, .5);*/ text-decoration:none; }

.btn-primary { color: #FFF; background-color: #ed6c1f; /* Bleu bulle (navbar-link) */ border-color: #ed6c1f; /* Bleu bulle (navbar-link) */ }
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary { color:#fff; background-color:#ed6c1f; /* Bleu bulle (navbar-link) */ border-color:#ed6c1f; /* Bleu bulle (navbar-link) */ }

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #ed6c1f; border-color: #ed6c1f; }


.checkbox-primary input[type="checkbox"]:checked + label::before { background-color:#ed6c1f; border-color:#ed6c1f; }
.radio-primary input[type="radio"] + label::after { background-color:#ed6c1f; }
.radio-primary input[type="radio"]:checked + label::before { border-color:#ed6c1f; }
.radio-primary input[type="radio"]:checked + label::after { background-color:#ed6c1f; }
.label-primary { background-color:#ed6c1f; }
.label-primary[href]:hover, .label-primary[href]:focus { background-color:#ed6c1f; }
.badge-primary { background-color:#ed6c1f; }

.form-control:focus { border-color:#ed6c1f; /* Bleu bulle (navbar-link) */ outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(237,108,31,.6);/* Bleu bulle (navbar-link) rgba */ box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(237,108,31,.6)/* Bleu bulle (navbar-link) rgba */ }

.modal .modal-header { background-color:#f8f8f8; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom:2px solid #ed6c1f; }
.modal .modal-header .modal-title { color:#ed6c1f; }

div.form-control { border-color: #e9e9e9; color: #666; background-color: #e9e9e9; min-height: 34px; height: auto; white-space:pre-line; }

.frm-segment .btn.active,
.frm-segment .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.500); box-shadow: inset 0 3px 5px rgba(0,0,0,.500); }


/*Formulaire de réinitialisation de mot de passe */

/* Style pour les messages d'erreur de validation */
.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.375rem;
    font-size: 15px;
    line-height: 1.5;
    color: #dc3545;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    position: relative;
    animation: slideDown 0.3s ease-out;
}

/* Animation d'apparition */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 100px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

/* Icône d'erreur */
.invalid-feedback::before {
    content: "⚠️";
    margin-right: 0.5rem;
    font-size: 1rem;
}

/* Effet hover pour une meilleure interaction */
.invalid-feedback:hover {
    background-color: #f1b0b7;
    border-color: #ef5a62;
    transition: all 0.2s ease-in-out;
}
.invalid-feedback ul {
    margin: 0.25rem 0 0 0;
    padding-left: 1.25rem;
}

.invalid-feedback li {
    margin-bottom: 0.25rem;
    position: relative;
}

.invalid-feedback li::marker {
    color: #721c24;
    font-weight: bold;
}