/*
Copyright 2021 KD rezo.

Logiciel sous la licence KD rezo, Version 1.0;
vous ne pouvez pas utiliser ce fichier sauf en conformité avec la licence.
Vous pouvez obtenir une copie de la licence à

     http://www.kdrezo.net/licenses/LICENSE-1.0

Sauf si requis par la loi applicable ou accepté par écrit, un logiciel
distribué sous cette licence est distribué "TEL QUEL",
SANS GARANTIE OU CONDITION DE QUELQUE SORTE, expresse ou implicite.
*/
/* 
    Created on : 7 sept. 2021, 09:04:47
    Author     : Denis JARDIN <dj@kdrezo.net>
*/

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}




.m-0 {
  margin: 0 !important;
}
.mt-0, .my-0 {
  margin-top: 0 !important;
}
.mr-0, .mx-0 {
  margin-right: 0 !important;
}
.mb-0, .my-0 {
  margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.125rem !important;
}
.mt-1, .my-1 {
  margin-top: 0.125rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.125rem !important;
}
.mb-1, .my-1 {
  margin-bottom: 0.125rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.125rem !important;
}
.m-2 {
  margin: 0.25rem !important;
}
.mt-2, .my-2 {
  margin-top: 0.25rem !important;
}
.mr-2, .mx-2 {
  margin-right: 0.25rem !important;
}
.mb-2, .my-2 {
  margin-bottom: 0.25rem !important;
}
.ml-2, .mx-2 {
  margin-left: 0.25rem !important;
}
.m-3 {
  margin: 0.5rem !important;
}
.mt-3, .my-3 {
  margin-top: 0.5rem !important;
}
.mr-3, .mx-3 {
  margin-right: 0.5rem !important;
}
.mb-3, .my-3 {
  margin-bottom: 0.5rem !important;
}
.ml-3, .mx-3 {
  margin-left: 0.5rem !important;
}
.m-4 {
  margin: 0.75rem !important;
}
.mt-4, .my-4 {
  margin-top: 0.75rem !important;
}
.mr-4, .mx-4 {
  margin-right: 0.75rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 0.75rem !important;
}
.ml-4, .mx-4 {
  margin-left: 0.75rem !important;
}
.m-5 {
  margin: 1.5rem !important;
}
.mt-5, .my-5 {
  margin-top: 1.5rem !important;
}
.mr-5, .mx-5 {
  margin-right: 1.5rem !important;
}
.mb-5, .my-5 {
  margin-bottom: 1.5rem !important;
}
.ml-5, .mx-5 {
  margin-left: 1.5rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0, .py-0 {
  padding-top: 0 !important;
}
.pr-0, .px-0 {
  padding-right: 0 !important;
}
.pb-0, .py-0 {
  padding-bottom: 0 !important;
}
.pl-0, .px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.125rem !important;
}
.pt-1, .py-1 {
  padding-top: 0.125rem !important;
}
.pr-1, .px-1 {
  padding-right: 0.125rem !important;
}
.pb-1, .py-1 {
  padding-bottom: 0.125rem !important;
}
.pl-1, .px-1 {
  padding-left: 0.125rem !important;
}
.p-2 {
  padding: 0.25rem !important;
}
.pt-2, .py-2 {
  padding-top: 0.25rem !important;
}
.pr-2, .px-2 {
  padding-right: 0.25rem !important;
}
.pb-2, .py-2 {
  padding-bottom: 0.25rem !important;
}
.pl-2, .px-2 {
  padding-left: 0.25rem !important;
}
.p-3 {
  padding: 0.5rem !important;
}
.pt-3, .py-3 {
  padding-top: 0.5rem !important;
}
.pr-3, .px-3 {
  padding-right: 0.5rem !important;
}
.pb-3, .py-3 {
  padding-bottom: 0.5rem !important;
}
.pl-3, .px-3 {
  padding-left: 0.5rem !important;
}
.p-4 {
  padding: 0.75rem !important;
}
.pt-4, .py-4 {
  padding-top: 0.75rem !important;
}
.pr-4, .px-4 {
  padding-right: 0.75rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 0.75rem !important;
}
.pl-4, .px-4 {
  padding-left: 0.75rem !important;
}
.p-5 {
  padding: 1.5rem !important;
}
.pt-5, .py-5 {
  padding-top: 1.5rem !important;
}
.pr-5, .px-5 {
  padding-right: 1.5rem !important;
}
.pb-5, .py-5 {
  padding-bottom: 1.5rem !important;
}
.pl-5, .px-5 {
  padding-left: 1.5rem !important;
}
.m-n1 {
  margin: -0.125rem !important;
}
.mt-n1, .my-n1 {
  margin-top: -0.125rem !important;
}
.mr-n1, .mx-n1 {
  margin-right: -0.125rem !important;
}
.mb-n1, .my-n1 {
  margin-bottom: -0.125rem !important;
}
.ml-n1, .mx-n1 {
  margin-left: -0.125rem !important;
}
.m-n2 {
  margin: -0.25rem !important;
}
.mt-n2, .my-n2 {
  margin-top: -0.25rem !important;
}
.mr-n2, .mx-n2 {
  margin-right: -0.25rem !important;
}
.mb-n2, .my-n2 {
  margin-bottom: -0.25rem !important;
}
.ml-n2, .mx-n2 {
  margin-left: -0.25rem !important;
}
.m-n3 {
  margin: -0.5rem !important;
}
.mt-n3, .my-n3 {
  margin-top: -0.5rem !important;
}
.mr-n3, .mx-n3 {
  margin-right: -0.5rem !important;
}
.mb-n3, .my-n3 {
  margin-bottom: -0.5rem !important;
}
.ml-n3, .mx-n3 {
  margin-left: -0.5rem !important;
}
.m-n4 {
  margin: -0.75rem !important;
}
.mt-n4, .my-n4 {
  margin-top: -0.75rem !important;
}
.mr-n4, .mx-n4 {
  margin-right: -0.75rem !important;
}
.mb-n4, .my-n4 {
  margin-bottom: -0.75rem !important;
}
.ml-n4, .mx-n4 {
  margin-left: -0.75rem !important;
}
.m-n5 {
  margin: -1.5rem !important;
}
.mt-n5, .my-n5 {
  margin-top: -1.5rem !important;
}
.mr-n5, .mx-n5 {
  margin-right: -1.5rem !important;
}
.mb-n5, .my-n5 {
  margin-bottom: -1.5rem !important;
}
.ml-n5, .mx-n5 {
  margin-left: -1.5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto, .my-auto {
  margin-top: auto !important;
}
.mr-auto, .mx-auto {
  margin-right: auto !important;
}
.mb-auto, .my-auto {
  margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}


/*
 * Menu horizontal
 */

.nal.nav-erdf {
    position:relative;
    margin-top: 10px;
    padding: 0 ;
    margin: 0 ;
    list-style: none ;
}

.nav.nav-erdf > li {
    padding:4px 10px 0 0;
    margin-bottom:7px;
}

.nav.nav-erdf > li > a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#006ab4;
	border-radius: 5px 5px 0 0;
    border-bottom-width:3px ;
    border-bottom-style:solid;
    padding-top: 1px;
    padding-bottom: 1px;
	line-height:1;
	text-decoration: none;
}

.nav.nav-erdf > li > a.actif,
.nav.nav-erdf > li > a:hover,
.nav.nav-erdf > li > a:focus {
    background-color: #006ab4;
	border-color:#006ab4;
    color:#fff;
}
/*
 *
 */

.module_incidents_travaux ul {
	padding: 0 !important;
}

/*
 *   Page login
 */
#connexion-main {
    background-color: #fff ;
}

#connexion-login-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

#connexion-login-wrapper .titre {
    padding: 50px 0 0 0 ;
    color: #1980C1;
    font-size: 2em;
    background: url(../images/connexion-e.png) no-repeat top right ;
    background-size: initial ;
    background-position-y: 10px;
}

#connexion-left,
#connexion-right {
    height: 400px;
    background: #e9e9e9;
    overflow: hidden;
}

#connexion-footer {
    max-height: 500px ;
}

@media (min-width: 768px) {
#connexion-left {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;    
}
#connexion-right {
    background: url(../images/login-enedis-cable.png) no-repeat center ;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;    
}
}

/*
 * search bar
 */

.search-bar {
	min-height: 80px;
	padding: 4px 8px;
	color: #000000;
    background: #e1eaac;
	overflow: hidden;
}


/*
 * switch  OUI NON
 */

.onoffswitch {
	display: inline-block;
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "OUI";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;
	/*
    background-color: #2FCCFF; color: #FFFFFF;
	*/
}

.onoffswitch-inner:after {
    content: "NON";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


.champ.row {
	width: 100% !important;

}

.piece-container {

}

.piece-element {
	border: solid 1px #bbbbbb;
	border-radius:  4px;
	padding: 5px;
	height: 80px;
	float: left;
	margin:5px;
}

.form-control.une_heure {
	width: 5em;
}

.form-control.une_date {
	width: 8em;
}

.table > thead > tr.kd-title {
  background: #006ab4;
  color: #FFFFFF;
}