.intro-2 {
    background: url("../img/bg-login.jpg")no-repeat center center;
    background-size: cover;
}

/*.top-nav-collapse {
            background-color: #3f51b5 !important; 
        }*/
.logo-sn {
    min-height: 220px;
    max-height: 250px;
}


.card {
    background-color: rgba(229, 228, 255, 0.2);
}

.md-form .prefix {
    font-size: 1.5rem;
    margin-top: 1rem;
}

h6 {
    line-height: 1.7;
}



.card {
    margin-top: 30px;
    /*margin-bottom: -45px;*/

}


.center-txt {
    text-align: center;
}

.center-img {
    margin: 0 auto;
}

.steel_color {
    color: #970f16 !important;
}

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

.dataTables_length {
    display: none !important;
}

#tbimport {
    margin-bottom: 100px;
}

.bienvenue {
    font-style: italic;
    font-weight: bold;
}

.titre_page {
    color: #132e77;
    font-weight: bold;
}

.first-block {
    padding-top: 110px !important;
}

.btn-changemdp {
    max-width: 25px !important;
    text-align: center;
}

.nb_inbdd {
    font-weight: bold;
}

.txt-numsemaine {
    font-size: 19px;
    font-weight: bold;
}

#content-employe {
    visibility: hidden;
}

#btn-employe {
    visibility: hidden;
}

#fourni1 {
    display: none;
}

#fourni2 {
    display: none;
}

#fourni3 {
    display: none;
}

#fourni4 {
    display: none;
}

#content-heberge {
    display: none;
}

#btn-vehicule {
    visibility: hidden;
}

#content-vehicule {
    visibility: hidden;
}

.clickable {
    cursor: pointer;
}

.title-section {
    color: #122663;
    font-size: 1.1rem;
    background: #e6e6e6;
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-bottom: 5px;


}


.remarque_planning {
    font-style: italic;
    font-size: 0.9rem;
}

.nom_vehicule {
    font-size: 0.9rem;
}

.nom_affaire {

    color: #122663;
}

.nom_client {
    color: #d10320;
}

.txt-center {
    text-align: center;
}

.recap_employe_montage {
    width: 100%;
    text-align: center;
    background: #e6e6e6;
    padding: 20px;
}

.j_non_pointe {
    color: red;
    font-weight: bold;

}

.content-workspace {
    margin-top: 100px;
}

.icon-workspace {
    color: #122663;
}

.txt-workspace {
    color: #d10320;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
}

.content-visu-planning {
    width: 100%;
    text-align: center;
    background: #e6e6e6;
    padding: 20px;

}

.content-inline-planning {
    border: 2px solid #0d2c77;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
}

.is_employe {
    font-weight: bold;
}

.btn-full {
    width: 100% !important;
}

.date-valid-pointage {
    color: #122663;
    font-size: 1.1rem;
    width: 100%;
    background: #e6e6e6;
    padding: 2px;
    margin-bottom: 30px;
}

.badge-total-h {
    display: inline-block;
    text-align: right;
}

.title-visu-planning {
    background: #9095aa;
    color: #fff;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 5px;
}

.val-visu-planning {
    padding: 15px;
}

.badge-add {
    border: none;
}

.badge-addvehicule {
    border: none;
}

.badge-addmateriel {
    border: none;
}

.badge-addremarque {
    border: none;
}

.tabs-nsti {
    background-color: #112663 !important;
}

.classic-tabs-nsti .nav li a.active {
    color: #c80421 !important;
}

.new-message:hover {
    color: #ffcc01 !important;
}

.visu-texte-msg {
    font-size: 10px;
}

.jour-s-atelier {
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #cd0522;
    margin-bottom: 15px;
}

.content-desc-atelier {

    border: 1px solid lightgrey;
    background: #eeeaea;
    padding: 15px;
}

.titre_atelier {
    font-weight: bold;
    font-size: 20px;
}

.description_atelier {
    padding-left: 15px;
}

.remarque_atelier {
    font-size: 14px;
    font-weight: bold;
}

.txt-remarque_atelier {
    font-style: italic;
    font-size: 14px;
    font-weight: normal !important;
}


.jour-s-electricite {
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #cd0522;
    margin-bottom: 15px;
}

.content-desc-electricite {

    border: 1px solid lightgrey;
    background: #eeeaea;
    padding: 15px;
}

.titre_electricite {
    font-weight: bold;
    font-size: 20px;
}

.description_electricite {
    padding-left: 15px;
}

.remarque_electricite {
    font-size: 14px;
    font-weight: bold;
}

.txt-remarque_electricite {
    font-style: italic;
    font-size: 14px;
    font-weight: normal !important;
}

.title-pprefa {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;

}

.content-pprefa {
    border: #7a7d84 1px solid;
    background: #f0f0f0;
    padding: 5px;
    margin-bottom: 5px;
}

.horaire-point {
    font-weight: bold;
    text-align: center;
    font-style: italic;
}

#titre_addplaning {
    width: 100%;
}

.table-recap {
    background: #dadada;
}

.btn-full2 {
    width: 95%;
}

.name_validpt {
    text-align: center;
    border: 1px solid lightgrey;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #0e2577;
    color: #fff;
    text-transform: uppercase;
}

.bg-valideemp {
    border: 1px solid lightgrey;
    background: #bebebe;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.title-view {
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
}

.form-search-view {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    background: #e5e6e7;
}

.title-search {
    font-style: italic;
    font-weight: bold;
}

.content-desc-atelier legend {
    background: #0d2c77;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.badge-click {
    cursor: pointer;
}

.badge-nsti {
    background: #0d2c77;
    color: #fff;
}

.logo-majsage {
    text-align: center;
    color: #132e77;
    margin-bottom: 15px;
    margin-top: 40px;
}

.title-majsage {
    text-transform: uppercase;
    text-align: center;
    color: #132e77;
    font-size: 1.8rem;
    font-weight: bold;
}

.content-majsage {
    display: block;
    border: 1px solid #000;
    padding: 20px;
    margin-bottom: 20px;
}

.content-majsage:hover {
    background: lightgrey;
}

.btn-floating2.btn-sm {
    width: 15.15px !important;
    height: 15.15px !important;
}

.team1 {
    background-color: #fb8a8a !important;
    color: #000 !important;
}

.team2 {
    background-color: #fbd48a !important;
    color: #000 !important;
}

.team3 {
    background-color: #bffb8a !important;
    color: #000 !important;
}

.team4 {
    background-color: #8ad3fb !important;
    color: #000 !important;
}

.team5 {
    background-color: #978afb !important;
    color: #000 !important;
}

.team6 {
    background-color: #5fb305 !important;
    color: #000 !important;

}

.nolink {
    color: inherit;
    text-decoration: none;
}

.valsearch {
    text-align: center;
    border: 2px solid #6e4b37;
    padding: 10px;
    display: block;
    margin-bottom: 5px;
    color: #6e4b37;
}

.valsearch:hover {

    color: #6e4b37;
}

.title-filtersearch {
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #6e4b37;
    margin-bottom: 15px;
}

.footer-copyright {
    min-height: 7vh;
    display: flex;
    justify-content: center;
    align-items: center;

}

body {
    min-height: 100vh;
}

header {
    min-height: 5vh;
}

main {
    min-height: 88vh;
}

footer {
    min-height: 7vh;
}

.mdb-saff .navbar .dropdown-item {
    color: #6e4b37 !important;
}

.mdb-saff .navbar .dropdown-item:hover {
    background-color: #6e4b37 !important;
    color: #fff;
}

.txt-attribut {
    font-size: 0.7rem;
    text-align: center;
}