/* The Modal Alert Box (background) */

.modalAlert {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    left: 0;

    top: 0;

    width: 100%;

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */



    text-align: center;

    z-index: 999;

}


.modalAlert p {
    margin: 0px;
    padding: 0px;
}




/* The Close Button */

.closeAlert {

    color: white;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.closeAlert:hover,

.closeAlert:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}







/* Modal Header */

.modalAlert-header {

    background-color: #eee;

    color: black;



    background: -webkit-repeating-linear-gradient(145deg, #0ea001, #0ea001 10px, #043800 10px, #043800 20px);

    background: repeating-linear-gradient(-55deg, #0ea001, #0ea001 10px, #043800 10px, #043800 20px);



    height: 6px;

}



/* Modal Body */

.modalAlert-body {

    padding: 10px; font-size: 30px;text-align: left;
}

.modalAlert-body2 {

    padding: 10px; font-size: 24px;text-align: left;
}



/* Modal Footer */

.modalAlert-footer {



    border-top:1px solid #959693;

    padding-top: 5px;

    padding-bottom: 5px;

    background-color: #eee;

    color: black;



    display: flex;

    flex-direction:row;

    align-items:center;

    justify-content:center;

}



/* Modal Content */

.modalAlert-content {

    display: inline-block;

    background-color: #fefefe;

    position:relative;
    margin: 15% auto;

    background-color: #fefefe;


    -webkit-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.75);

    box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.75);



    min-width: 300px;



}

#myModalConfigContentBox {
    position : fixed;
    top:0px;
    left:0px;

    margin: 0;
}



.btnAlert {

    cursor:pointer;

    background: #d1d1d1;

    background-image: -webkit-linear-gradient(top, #d1d1d1, #666666);

    background-image: -moz-linear-gradient(top, #d1d1d1, #666666);

    background-image: -ms-linear-gradient(top, #d1d1d1, #666666);

    background-image: -o-linear-gradient(top, #d1d1d1, #666666);

    background-image: linear-gradient(to bottom, #d1d1d1, #666666);

    -webkit-border-radius: 3;

    -moz-border-radius: 3;

    border-radius: 3px;

    text-shadow: 1px 1px 3px #666666;

    font-family: Arial;

    color: black;

    font-size: 20px;

    padding: 5px 15px 5px 15px;

    border: solid #a3a3a3 1px;

    text-decoration: none;

    font-weight: bold;



    margin-left: auto;

    margin-right: 20px;



}



.btnAlert:hover {

    background: #666666;

    background-image: -webkit-linear-gradient(top, #666666, #d1d1d1);

    background-image: -moz-linear-gradient(top, #666666, #d1d1d1);

    background-image: -ms-linear-gradient(top, #666666, #d1d1d1);

    background-image: -o-linear-gradient(top, #666666, #d1d1d1);

    background-image: linear-gradient(to bottom, #666666, #d1d1d1);

    text-decoration: none;



    color: white;

}





.btnAlertFermer {

    cursor:pointer;

    background: #d1d1d1;

    background-image: -webkit-linear-gradient(top, #d1d1d1, #666666);

    background-image: -moz-linear-gradient(top, #d1d1d1, #666666);

    background-image: -ms-linear-gradient(top, #d1d1d1, #666666);

    background-image: -o-linear-gradient(top, #d1d1d1, #666666);

    background-image: linear-gradient(to bottom, #d1d1d1, #666666);

    -webkit-border-radius: 3;

    -moz-border-radius: 3;

    border-radius: 3px;

    text-shadow: 1px 1px 3px #666666;

    font-family: Arial;

    color: black;

    font-size: 20px;

    padding: 5px 15px 5px 15px;

    border: solid #a3a3a3 1px;

    text-decoration: none;

    font-weight: bold;



}



.btnAlertFermer:hover {

    background: #666666;

    background-image: -webkit-linear-gradient(top, #666666, #d1d1d1);

    background-image: -moz-linear-gradient(top, #666666, #d1d1d1);

    background-image: -ms-linear-gradient(top, #666666, #d1d1d1);

    background-image: -o-linear-gradient(top, #666666, #d1d1d1);

    background-image: linear-gradient(to bottom, #666666, #d1d1d1);

    text-decoration: none;



    color: white;

}





.btnAlertRed {

    cursor:pointer;

    background: #ff4747;

    background-image: -webkit-linear-gradient(top, #ff4747, #850000);

    background-image: -moz-linear-gradient(top, #ff4747, #850000);

    background-image: -ms-linear-gradient(top, #ff4747, #850000);

    background-image: -o-linear-gradient(top, #ff4747, #850000);

    background-image: linear-gradient(to bottom, #ff4747, #850000);

    -webkit-border-radius: 3;

    -moz-border-radius: 3;

    border-radius: 3px;

    text-shadow: 1px 1px 3px #666666;

    font-family: Arial;

    color: black;

    font-size: 20px;

    padding: 5px 15px 5px 15px;

    border: solid #b80b0b 1px;

    text-decoration: none;

    font-weight: bold;



    margin-left: 20px;

    margin-right: auto;

}



.btnAlertRed:hover {

    background: #850000;

    background-image: -webkit-linear-gradient(top, #850000, #ff4747);

    background-image: -moz-linear-gradient(top, #850000, #ff4747);

    background-image: -ms-linear-gradient(top, #850000, #ff4747);

    background-image: -o-linear-gradient(top, #850000, #ff4747);

    background-image: linear-gradient(to bottom, #850000, #ff4747);

    text-decoration: none;



    color: white;

}


.btnAlertGreen {

    cursor:pointer;

    background: #05db8d;

    background-image: -webkit-linear-gradient(top, #05db8d, #04AA6D);

    background-image: -moz-linear-gradient(top, #05db8d, #04AA6D);

    background-image: -ms-linear-gradient(top, #05db8d, #04AA6D);

    background-image: -o-linear-gradient(top, #05db8d, #04AA6D);

    background-image: linear-gradient(to bottom, #05db8d, #04AA6D);

    -webkit-border-radius: 3;

    -moz-border-radius: 3;

    border-radius: 3px;

    text-shadow: 1px 1px 3px #666666;

    font-family: Arial;

    color: black;

    font-size: 20px;

    padding: 5px 15px 5px 15px;

    border: solid #04AA6D 1px;

    text-decoration: none;

    font-weight: bold;



    margin-left: 20px;

    margin-right: auto;

}



.btnAlertGreen:hover {

    background: #04AA6D;

    background-image: -webkit-linear-gradient(top, #04AA6D, #05db8d);

    background-image: -moz-linear-gradient(top, #04AA6D, #05db8d);

    background-image: -ms-linear-gradient(top, #04AA6D, #05db8d);

    background-image: -o-linear-gradient(top, #04AA6D, #05db8d);

    background-image: linear-gradient(to bottom, #04AA6D, #05db8d);

    text-decoration: none;



    color: white;

}




.hrAlert {

    color:#eee;

    border-top : 1px solid #959693;

    margin-bottom: 10px;

}



.hrMargin {

    color:#eee;

    border-top : 1px solid #959693;

    margin-top: 15px;

    margin-bottom: 15px;

}



.hrAlertBilan {

    color:#eee;

    border-top : 1px dashed #959693;

    margin-top: 10px;

    margin-bottom: 10px;

}



.hrShowBilan {

    color:#eee;

    border-top : 2px dashed #959693;

    margin-top: 10px;

    margin-bottom: 10px;

}







#fermerAlertBox {

    display:none;

    position: relative;

    right:40%;

}







.redAlert {

    text-align: center;

    font-weight: bold;

    color: #cc0000;

    margin: 0px;

    padding: 0px;

    margin-left: 3px;

    margin-right: 5px;

    margin-bottom: 32px;

    text-shadow: 0 2px 2px rgb(0, 0, 0);

}



.redAlert2 {

    text-align: center;

    font-weight: bold;

    color: #cc0000;

    margin: 0px;

    padding: 0px;





    text-shadow: 0 2px 2px rgb(0, 0, 0);

}

.greenAlert {

    text-align: center;

    font-weight: bold;

    color: #007230;

    margin: 0px;

    padding: 0px;

    margin-left: 3px;

    margin-right: 5px;

    margin-bottom: 32px;

    text-shadow: 0 2px 2px rgb(0, 0, 0);

}



.blueAlert {

    text-align: center;

    font-weight: bold;

    color: #002e72;

    margin: 0px;

    padding: 0px;

    margin-left: 3px;

    margin-right: 5px;

    margin-bottom: 32px;

    text-shadow: 0 2px 2px rgb(0, 0, 0);

}


/* The Modal Alert Box (background) */

.modalAlert2 {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    left: 0;

    top: 0;

    width: 100%;

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */



    text-align: center;

    z-index: 100;

}