:root{
    --main-color-first: rgb(0, 92, 169); /* Bleu */
    --main-color-second: rgb(239, 120, 2); /* Rouge */
    --main-color-third: rgb(253, 197, 101); /* Jaune */

    --main-color-fourth: rgb(45, 117, 135, 0.5); /* Bleu */
    --main-color-fifth: rgba(253, 197, 101, 0.5); /* Bleu 50% */
    --main-color-six: rgb(45, 117, 135, 0.4); /* Bleu */

    --main-color-red: rgb(232, 102, 89); /* rouge pastel */
    --main-color-disabled: #bababa ;

    --main-color-text-first: #333;

    --main-color-border-first: #c3c0c0;
    --main-color-link-first: rgb(45, 117, 135);

    --main-color-success: rgb(45, 154, 98);
    --main-color-warning: rgb(253, 197, 101);
    --main-color-info: rgb(45, 117, 135);
    --main-color-danger: rgb(232, 102, 89);

    --main-color-filter-first: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(2360%) hue-rotate(192deg) brightness(99%) contrast(101%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(69%) sepia(66%) saturate(6392%) hue-rotate(10deg) brightness(102%) contrast(104%);
}


html, body {
    background: url(https://cdn.sogefi-web.com/interne/images/applications/guyane/login-fond.jpg) no-repeat center fixed;
    background-size: cover;
}

.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/guyane/logo-texte.png) no-repeat center;
    height: 220px;    
}


#showHidePassword {
	top: 0.8rem !important;
}

#container_login{
    width:100%;
    height:100%;
    overflow: auto;
}
#modal_login {
    z-index: 10003 !important;
    width: 40%;
}
.input-field .prefix.active{
    color: #EF7802;
}
.input_guyane{
    border-bottom: 1px solid #EF7802 !important;
    box-shadow: 0 1px 0 0 #EF7802 !important;
}
#btn_login_guyane {
    background-color: #EF7802;
}
h5 {
    margin-top: 0;
    color: #005ca9;
}
h6 {
    color: #005ca9;
}
#row_logos{
    margin: 0;
    padding: 15px 0;
    width: 100%;
}
#img_logo_guyane{
    height: auto;
    margin-right: 10px;
    height: 70px;
}
#img_logo_guyane_texte{
    height: 60px;
}

#main_card_container {
    text-align: left;
    padding: 20px 40px 1px 40px;
    margin-bottom: 0;
}

#actualites {
    border: 1px solid rgba(239, 120, 2, 0.439);
    padding: 0 5px;
    background-color: #F5F5F5;
    padding-left: 20px;
    padding-right: 20px;
}

#instances {
    border: 1px solid rgba(239, 120, 2, 0.439);
    padding: 15px;
}
#instances a {
    cursor: pointer;
    color: black;
}
#instances a:hover {
    color: rgb(239, 120, 2);
}
#desc_fonctionnalites {
    overflow: hidden;
}
#desc_fonctionnalites .collapsible-header span {
    font-size: 15px;
    color: #005ca9;
}
#desc_fonctionnalites .collapsible-header {
    display: block;
    padding: 10px !important;
}
#desc_fonctionnalites img {
    height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#desc_fonctionnalites li.active>.collapsible-header>.caret {
    transform: rotate(-180deg);
}
#desc_fonctionnalites .caret {
    margin-top: 2px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mode_connecte {
    color: #EF7802;
}
.collapsible-body {
    background-color: #F5F5F5;
}
.greyscaled {
    filter: grayscale(100%);
}
#footer_guyane a:hover{
    color: #EF7802 !important;
}
#footer_guyane img{
    height: 85px;
    padding: 10px;
}

/* SESSION LOGOUT MODAL */
#session_logout_container{
    height: 100%;
    width: 100%; 
    display:none;
    background-color: #fffa;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999999999;
}
#session_logout_modal {
    text-align: center;
    border-radius: 10px;
    padding-bottom: 15px;
}
#session_logout_modal .modal-content{
    padding-bottom: 15px;
}
#session_logout_modal .modal-content > p{
    width: 80%;
    margin: 0 auto;
}
#session_logout_modal h4{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
#session_logout_modal h4:after{
    content: "";
    display: block;
    width: 25%;
    height: 1px;
    margin: 30px auto 20px auto;
    background-color: #ccc;
}
#session_logout_modal h4 i{
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
    color: var(--main-color-first)
}