/* Default */

#box-cookies {
    z-index: 999;
    padding: 10px 15px;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
}

#box-cookies span button {
    border: none;
    background: none;
    outline: none;
    padding: 0;
    margin: 0;
}

#box-cookies #btn-cookies {
    padding-right: 15px!important;
}

.model-termo .nav-tabs > li > a {
    color: #404040;
}

.box-text-termo{
    overflow-y: auto;
    max-height: 400px;
    padding-right: 8px;
}

.btn-fechar-termo {
    background-color: #3e8fff;
    color: #fff;
    transition: 0.5s;
    outline: none;
}

.btn-fechar-termo:hover,
.btn-fechar-termo:active,
.btn-fechar-termo:focus {
    background-color: #273e83;
    color: #ffffff;
    transition: 0.5s;
    outline: none;
}

.modal-open .modal {
    padding-left: 0 !important;
}

/* Theme Dark */
#box-cookies.box-dark {
    background-color: rgba(0, 0, 0, 0.8);
}

#box-cookies.box-dark #text-cookies span {
    color: #fff;
}

#box-cookies.box-dark #text-cookies span button {
    color: rgb(95, 162, 255);
    transition: 0.5s;
}

#box-cookies.box-dark #text-cookies span button:hover,
#box-cookies.box-dark #text-cookies span button:active,
#box-cookies.box-dark #text-cookies span button:focus {
    color: rgb(102, 149, 214);
}

#box-cookies.box-dark #btn-cookies button {
    background-color: #3e8fff;
    transition: 0.5s;
    color: #fff;
    outline: none;
}

#box-cookies.box-dark #btn-cookies button:hover,
#box-cookies.box-dark #btn-cookies button:active,
#box-cookies.box-dark #btn-cookies button:focus {
    background-color: #ffffff;
    transition: 0.5s;
    color: #212430;
}

/* Theme Light */
#box-cookies.box-light {
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 0 62px rgba(0, 0, 0,0.25);
    -moz-box-shadow: 0 0 62px rgba(0, 0, 0,0.25);
    box-shadow: 0 0 62px rgba(0, 0, 0,0.25);
}

#box-cookies.box-light #text-cookies span {
    color: #000;
}

#box-cookies.box-light #text-cookies span button {
    color: #bb383a;
    transition: 0.5s;
}

#box-cookies.box-light #text-cookies span button:hover,
#box-cookies.box-light #text-cookies span button:active,
#box-cookies.box-light #text-cookies span button:focus {
    color: #2a76e0;
}

#box-cookies.box-light #btn-cookies button {
    background-color: #bb383a;
    transition: 0.5s;
    color: #fff;
    border: 0;
}

#box-cookies.box-light #btn-cookies button:hover,
#box-cookies.box-light #btn-cookies button:active,
#box-cookies.box-light #btn-cookies button:focus {
    background-color: #676767;
    transition: 0.5s;
}

@media only screen and (max-width: 992px) {
    #box-cookies #btn-cookies,
    #box-cookies #text-cookies {
        text-align: center!important;
        padding-right: 0!important;
    }
}

@media only screen and (max-width: 579px) {
    .model-termo .nav-tabs {
        padding-bottom: 15px;
    }

    .model-termo .nav-tabs > li {
        width: 100%;
        margin-bottom: 6px;
        text-align: center;
    }

    .model-termo .nav-tabs > li.active > a,
    .model-termo .nav-tabs > li.active > a:focus,
    .model-termo .nav-tabs > li.active > a:hover {
        border: none;
        background-color: #ccc;
        border-radius: 5px;
    }

    .model-termo .nav-tabs > li a,
    .model-termo .nav-tabs > li > a:hover {
        border: none;
        background-color: #efefef;
        border-radius: 5px;
        color: #696969;
        font-size: 1.1em;
    }
}