@-moz-keyframes pulsate {
    0% {box-shadow:0px 0px 10px red;}
    50% {}
    100% {box-shadow:0px 0px 10px white;}
}

.RIGHTZONE_CONNEXION{
    top: 50%;
    transform: translateY(-50%);
}
.RIGHTZONE_CONNEXION_CADRE {
    vertical-align: baseline;
    padding: 12px;
    background-color:white;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    display: table;
}

.RIGHTZONE_RED_CLIGNOTANT {
    border: 1px solid #DDD;
    box-shadow:0px 0px 10px red;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
}

.RIGHTZONE_RED {
    /*border: 1px solid #03bd00;*/
    /*box-shadow:0px 0px 5px #03bd00;*/

    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(167,134,15, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(167,134,15, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(167,134,15, 0);
        box-shadow: 0 0 0 10px rgba(167,134,15, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(167,134,15, 0);
        box-shadow: 0 0 0 0 rgba(167,134,15, 0);
    }
}


#FM_RIGHTZONE {
    z-index: 10000000000 !important;
}


/* placeholder italic */
::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; } /* ie */
:-moz-placeholder { font-style: italic; }

/* vidéo background en plein écran */
video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

/********** CSS CONNEXION **********/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
    transition: background-color 5000s ease-in-out 0s;
}

.control {
    position: relative;
}

.identifiant ~ .input-icon-identifiant {
    background: url('../Image/user.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 8px;
    bottom: 0;
    top: 0;
    margin: auto;
}

.password ~ .input-icon-password {
    background: url('../Image/lock.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 8px;
    bottom: 0;
    top: 0;
    margin: auto;
}
/********** FIN CSS CONNEXION **********/



#FM_GRID_ROLES {
    /*margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;*/
}

#roles_nav > li.active > a, #roles_nav > li.active > a:hover, #roles_nav > li.active > a:focus {
    border: none;
    border-bottom: 4px solid #757474;
    color: black;
}

#roles_nav > li > a {
    border-bottom: 4px solid black;
}

#roles_nav > li {
    margin-right: 20px;
}

div#pages.tab-pane.active, div#champs.tab-pane.active {
    border: none;
}

#roles_nav > li.active > a, #roles_nav > li.active > a:hover, #roles_nav > li.active > a:focus {
    height: 46px;
}


.btnDialogConnexion {
    /*position: relative;*/
    /*width: 180px;*/
    /*font-weight: bold;*/
    margin-top: 10px;
    border-radius: 0px;
    margin-bottom: 5px;
    background-color: #4A748C;
    color: white;
    border: none;
    font-size: 13px;
    padding: 2px 5px 2px 5px;
    margin-right: 31px;
}

#MS_ENTITE_CONNEXION > .ms-res-ctn, #MS_PARKING_CONNEXION > .ms-res-ctn {
    max-height: 40px !important;
}

#MS_SOCIETE_CONNEXION > .ms-res-ctn {
    /*max-height: 40px !important;*/
}

body, html {
    height: 100%;
}

.bg {
    /* The image used */
    background-image: url("../Image/page_authentification.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#connexionAppTabletteBackground {
    height: 100%;

    background: url("../Image/page_authentification_tablette.png") no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    opacity: 0.5;
}

label[for="ROL_ROLE"] {
    text-decoration: underline;
    cursor: pointer;
}

.CHEVRON_ROLE {
    cursor: pointer;
    margin-right: 5px;
    width: 22px;
    margin-top: 0px;
}

.RIGHTZONE_RED_ONGLET {
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4) !important;
    animation: pulse 2s infinite !important;
}


#FORM_BTN_CHANGER_MDP {
    padding: 3px 7px 3px 7px;
    background: #00A385;
    border: 1px solid #00A385;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: 5px;
    width: 230px;
    float: right;
}

#FORM_BTN_CHANGER_MDP:hover {
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3) inset;
}

#dupliquer_DT_rol_role {
    background: #ff6322;
    border: 1px solid #ff6322;
    color: white;
    font-weight: bold;
    font-size: 13px;
    border-radius: 15px;
    width: 95px;
    margin-top: 2px;
    margin-left: 5px;
}

#dupliquer_DT_rol_role:hover {
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3) inset;
}