html, body{
    margin:0;
    height: 100%;
    min-height: 100%;
}

body > div > div > div.row.div-card-header, #footer{ 
    background-color: rgb(231, 243, 225) !important;
    border-style: none;
    padding: 20px;
}

div.container-fluid{
    padding-left: unset;
    height: 100%;
}

a{
    color: darkgreen;
}

.visible {
  display: block;
}

.hidden {
  display: none;
}

.card{
    border: unset;    
    height: 100%;
}

#logo_container{
    margin-left: 8%;
}

#conact_info_container{
    margin-right: 15%;
}

#conact_info_container > span, #footer > p{
    color: darkgreen;
}

.card-body{
    margin-right: 15%;
    margin-left: 8%;;
}

.content{
    margin-left: 8%;
    margin-right: 15%;
}

#cookie_policy_container > p, #cookie_policy_container > ul > li, body > div > div > div:nth-child(2) > div > div.d-flex.flex-column > div {
    text-align: justify;
}

#footer{   
    bottom: 0;
    width: 100%;
}

h2 > button{
    color: black !important;
    font-weight: 600 !important;
}

.underline-text{
    text-decoration: underline !important;
}

.link-redirect-title{
    color: darkgreen;
    font-family: 'Nunito Sans';
    font-size: 1.6rem;
}
.green-text-color{
    color: darkgreen;
}

.cursor-pointer{
    cursor: pointer;
}

.padding-left{
    padding-left: 55px;
}

#cookie_container{
    position: fixed;
    bottom: -100%;
    background-color:#2f3640;
    transition: 400ms;
    padding: 0 32px !important;
    box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.397);

    right: 10%;
    left: 10%;   
    border-radius: 5px; 
}

#cookie_container.active{
    bottom: 0;
}

#cookie_content{
    color: white;   
    font-size: 14px; 
    text-align: left;    
}

#cookie_button{
    cursor: pointer;
    background-color: darkgreen;
    border-color: darkgreen;
    color: white;
    height: 30px;
}

.btn{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: unset;
    padding-bottom: unset;
}

/* Responsive Rules */

@media only screen and (max-width: 575px){
    body > div{
        padding-left: unset !important;       
        height: 100%;
    }

    .card-body {
        margin-right: unset;
        margin-left: unset;
    }

    #conact_info_container{
        margin-right: unset;
    }

    #logo_container{
        margin-left: unset;
    }

    #logo_container > img, #conact_info_container > span:nth-child(1), #conact_info_container > span:nth-child(2), #conact_info_container > span:nth-child(3), #conact_info_container > span:nth-child(4){
        margin: auto;
    }

    #cookie_content_container{
        padding-left: unset;
        padding-right: unset;
    }  

    #main_content{      
        padding: 20px;
    }


    /* body > div > div > div.card-header.row.div-card-header{
        height: 140px !important;
    } */
}

@media only screen and (min-width: 576px){
    /* body > div > div > div.card-header.row.div-card-header{
        height: 100% !important;
    } */

    body > div > div > div:nth-child(2) > div > div.d-flex.flex-column > div{
        padding: 20px 0;
    }
}

@media only screen and (max-width: 767px){
    #cookie_button_container{
        height: 30px;
        margin-bottom: 20px;
    }

    #cookie_button{
        margin-top: unset !important;
    }

    #cookie_content{
        margin-bottom: unset;
    }
}

@media only screen and (min-height: 1025px){
    body > div > div > div.d-flex.flex-column{
        height: 100%;
    }
}