.w3-theme-l5 {color:#000 !important; background-color:#f4f4f4 !important}
.w3-theme-l4 {color:#000 !important; background-color:#dadada !important}
.w3-theme-l3 {color:#000 !important; background-color:#b6b6b6 !important}
.w3-theme-l2 {color:#fff !important; background-color:#919191 !important}
.w3-theme-l1 {color:#fff !important; background-color:#6c6c6c !important}
.w3-theme-d1 {color:#fff !important; background-color:#404040 !important}
.w3-theme-d2 {color:#fff !important; background-color:#393939 !important}
.w3-theme-d3, 
.w3-hover-theme-d3:hover {color:#fff !important; background-color:#323232 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2b2b2b !important}
.w3-theme-d5 {color:#fff !important; background-color:#242424 !important}
.w3-theme-bleuclair {color: #000000 !important; background-color: #e1dedc !important}
.w3-theme-insputInstal {background-color: #e1dedc;outline-color: #888;color: #484848;display:block;width:100%;border:1px solid #ccc!important;}
.w3-theme-checkboxInstal {text-align: center;background-color: #e1dedc;}
.w3-theme-checkboxInstalVisu {text-align: center;}
.tdgris {background-color : #D9D9D9}
.inputLabelInstall {float: left;vertical-align: middle}
.spanInputInstall {display: block;overflow: hidden;}
.inputInstallFull {width: 100%;text-align: right}
.paddin1px{padding: 1px}
.w3-checkSmall{position:relative;top:2px;height: 14px;width: 14px}
.w3-input2{display:block;border:none;border-bottom:1px solid #ccc;width:100%;text-align: left}
.w3-input2Small{display:block;border:none;border-bottom:1px solid #ccc;width:100%;text-align: left}
.pasRempli{  background-color : orange; }
.w3-input-multiple{padding:6px;display:block;width:100%}
.w3-input-multiple-date{padding:6px;display:block;width:100%}
table.tablePadding1 tr td {padding: 1px;}
.w3-theme-light {color:#000 !important; background-color:#f4f4f4 !important}
.w3-theme-dark {color:#fff !important; background-color:#242424 !important}
.w3-theme-action {color:#fff !important; background-color:#242424 !important}
.w3-theme {color:#fff !important; background-color:#484848 !important}
.w3-text-theme {color:#484848 !important}
.w3-border-theme {border-color:#484848 !important}
.w3-hover-theme:hover {color:#fff !important; background-color:#484848 !important}
.w3-hover-theme-dark:hover {color:#fff !important; background-color:#242424 !important}
.w3-hover-text-theme {color:#484848 !important}
.w3-hover-border-theme:hover {border-color:#484848 !important}
a{text-decoration:none !important}
.footerbas { position: fixed; left: 0; bottom: 0; width: 100%; background-color: red; color: white; text-align: center; margin-top: auto;}
.copy{ background-color: #404040; font-size: .9em; padding: 1em; text-align: center; color: #fff;}
a.info {position: relative;color: black;text-decoration: none;}
a.info span {display: none;}
a.info:hover {background: none;z-index: 500;}
a.info:hover span {display: inline;position: fixed;white-space: nowrap;top: 10%;left: 70%;background: white;color: #484848;padding: 3px;border: 1px solid #484848;}
a.info2 {position: relative;color: black;text-decoration: none;}
a.info2 span {display: none;}
a.info2:hover {background: none;z-index: 500;}
a.info2:hover span {display: inline;position: fixed;white-space: nowrap;top: 10%;left: 10%;background: white;color: #484848;padding: 3px;border: 1px solid #484848;}
@media screen and (max-width: 600px) {a.info2:hover span  {top: 0;left: 0;}}
table.imgTab tr td {padding-left: 0;padding-right: 0;}
table.imgTab tr td a {display:block;height:100%;width:100%;}
#snackbar {visibility: hidden;min-width: 250px;margin-left: -125px;background-color: #333;color: #fff;text-align: center;border-radius: 2px;padding: 16px;position: fixed;z-index: 100;left: 50%;bottom: 150px;}
#snackbar.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;animation: fadein 0.5s, fadeout 0.5s 2.5s;}
@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 150px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 150px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 150px; opacity: 1;}to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 150px; opacity: 1;}to {bottom: 0; opacity: 0;}}
.w3-modal-content-bim{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
@media (max-width:600px){.w3-modal-content-bim{margin:0 10px;width:auto!important}}
@media (max-width:768px){.w3-modal-content-bim{width:500px}}
@media (min-width:993px){.w3-modal-content-bim{width:900px}}
@media (min-width:1493px){.w3-modal-content-bim{width:1400px}}
.tdInfo1{width: 20%}
.tdInfo2{width: 75%}
.tdInfo3{width: 5%}
.picto-item {position: relative;border-radius: 50%;}
.picto-item:hover:after,
.picto-item:focus:after {content: attr(aria-label);left: 100%;z-index: auto;color: #fff;}
[aria-label]:focus {outline: none;}
.w3-hover-shadowwhite:hover{box-shadow:0 4px 8px 0 rgb(255, 255, 255),0 6px 20px 0 rgba(255, 154, 154, 0) !important}
.v-center {min-height:200px;display: flex;justify-content:center;flex-flow: column wrap;}
.list-group {border: 1px inset #eee;height: 500px;overflow-y: auto;padding-left: 0;}
.list-group-item {cursor: pointer;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {z-index: 2;color: #fff;background-color: #e1f0fc;border-color: #e1f0fc;}
.col-xs-4 {width: 41.33333333%;float: left;}
.col-xs-2 {width: 16.66666667%;float: left;padding-right: 15px;padding-left: 15px;}
.center-block {margin-right: auto;margin-left: auto;}
.btnMove {display: inline-block;outline:black;padding: 6px 12px;margin-bottom: 10px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
#myInput {width: 100%;font-size: 16px;padding: 8px;display: inline-block;border: 1px solid #484848;background: #ffffff;outline-color: #888;color: #484848;}
#loader {position: absolute;left: 50%;top: 35%;z-index: 1;margin: -75px 0 0 -75px;border: 16px solid #484848;border-radius: 50%;width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;border-top: 16px solid #484848;border-right: 16px solid #7b7b7b;border-bottom: 16px solid #484848;border-left: 16px solid #7b7b7b;}
#loaderText {position: absolute;left: 46.5%;top: 40%;z-index: 1;width: 120px;height: 120px;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.animate-bottom {position: relative;-webkit-animation-name: animatebottom;-webkit-animation-duration: 1s;animation-name: animatebottom;animation-duration: 1s}
@-webkit-keyframes animatebottom {from { bottom:-100px; opacity:0 }to { bottom:0px; opacity:1 }}
@keyframes animatebottom {from{ bottom:-100px; opacity:0 }to{ bottom:0; opacity:1 }}

#snackbarToast {
    visibility: hidden;min-width: 250px;margin-left: -125px;background-color: #333;color: #fff;text-align: center;border-radius: 2px;padding: 16px;position: fixed;z-index: 100;left: 50%;bottom: 150px;
}

#snackbarToast.show {
    visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 150px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 150px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 150px; opacity: 1;}to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 150px; opacity: 1;}to {bottom: 0; opacity: 0;}}

.bar-4,.bar-2,.bar-3,.bar-5,.bar-v {width: 100%;display: block;overflow: auto;}
.bar-4 span:hover,.bar-2 span:hover,.bar-3 span:hover,.bar-5 span:hover,.bar-v span:hover {background-color: #e1f0fc;cursor: pointer;}
.bar-4 span {float: left;width: 25%;        text-align: center;padding: 12px 0;transition: all 0.3s ease;color: black;font-size: 20px;height: 84px;display: grid;align-items: center;border: 1px solid white;background-color: #ffffff}
.bar-2 span {float: left;width: 50%;        text-align: center;padding: 12px 0;transition: all 0.3s ease;color: black;font-size: 20px;height: 84px;display: grid;align-items: center;border: 1px solid white;background-color: #ffffff}
.bar-3 span {float: left;width: 33.3333333%;text-align: center;padding: 12px 0;transition: all 0.3s ease;color: black;font-size: 20px;height: 84px;display: grid;align-items: center;border: 1px solid white;background-color: #ffffff}
.bar-5 span {float: left;width: 20%;        text-align: center;padding: 12px 0;transition: all 0.3s ease;color: black;font-size: 20px;height: 470px;border: 1px solid white;background-color: #ffffff}
.bar-v span {float: left;width: 100%;padding: 12px 0;transition: all 0.3s ease;color: black;font-size: 20px;height: 84px;display: grid;align-items: center;border: 1px solid white;background-color: #ffffff}

.itemRes{position: relative;}
.itemResProjet{position: relative;}

.active {background-color: #e1f0fc !important;border: 1px solid black !important;}
.sidenav {margin: 0;padding: 0;width: 200px;background-color: #323232;position: fixed;height: 100%;overflow: auto;left: 0;}
.sidenav span {display: block;color: white;padding: 16px;text-decoration: none;border: 1px solid white;border-left :none;}
.sidenav span:hover {background-color: #000;cursor: pointer;}

@media screen and (max-width: 1500px) {
    .sidenav {width: 100%;height: auto;position: relative;}
    .sidenav span {float: left;}
    div.content {margin-left: 0;}
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

h1 {color: #960000;}
h2 {color: #cb1509}

.btFrate {background-color: #960000;border: none;color: white;cursor: pointer;padding: 5px;border-radius: 10px;font-size: 15px;outline: none}
.btFrate:hover {background-color: #cb1509;color: white}