/*
    Custom Arete Styles
*/

.textBorder{
    border:1px solid gray;
    border-radius:5px;
    padding:15px;
}

.smallFont{
    font-size:10pt;
}

.noListDecoration{
    list-style:none;
}

.btn.btn-active {
    background-color: #0c3d67;
    color: #fff;
}

.list-text{
    font-size: 1.8rem;
    margin-top: 2rem;
}

.list-decoration {
    list-style-type:none;
}

.image-grey {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.green-check{
    color:green;
}

.red-cross{
    color:red;
}

.preference-font {
    font-weight: 200;
    font-size: 2.1rem;
}

.preference-textarea {
    padding:10px;
    border: 0.5px solid #023d67;
    width: -webkit-fill-available;
    width:100%;
    min-height: 200px;
}

.event-textarea {
    border: 0.5px solid #023d67;
    width: -webkit-fill-available;
    width:100%;
    min-height: 150px;
}

.color-white{
    color:white;
}

.dash-call-height{
    height:210px;
}

.cursor-pointer{
    cursor:pointer;
}

.regular-cursor{
    cursor:default;
}

.value-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.thirty-width{
    width:30rem;
}

.coverage-padding{
    padding-left:0px;
    padding-right:0px;
}

.left-justify{
    text-align:left;
}

.white-hover:hover{
    color:white;
}

.white-hover {
    color: white;
}

.company {
    width: 100%;
    height: 500px;
    display: grid;
    place-items: center;
    color: green;
    position: relative;
    
}

    .company::before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        
    }

.company-inside {
    position: relative;
    font: bold 42px sans-serif;
}

    .company-inside h1, .company-inside p {
        color: white;
        filter:inherit;
    }

@media (max-width: 56.25em) {
    .dashboard__heading--models {
        /*margin-left: 5%;*/
    }

    .dashboard__heading--conf-calls {
        /*margin-left: 5%;*/
    }
}

.smaller-boxes {
    max-height: 219px;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.large-value {
    height: 219px;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background-color: #0c3d67;
    color: white;
    width: 32.5%;
    border-radius: 1rem;
    margin: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

    .large-value:hover {
        background-color: #f97303;
        color:#fff;
    }

@media (max-width: 37.5em) {
    .large-value {
        height: 105px;
        width:100%;
    }

}

@media(max-width:80em){
    .large-value {

        width: 48.4%;
    }
}

.front-large-value {
    height: 219px;
    background-color: #fff;
    width: 32.5%;
    border-radius: 1rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    margin: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

    .front-large-value:hover {
        background-color: #f97303;
        color: #fff;
    }

@media (max-width: 37.5em) {
    .front-large-value {
        height: 105px;
        width: 100%;
    }
}

@media(max-width:80em) {
    .front-large-value {
        width: 48.4%;
    }
}

@media (max-width: 37.5em)
{
    .front-large-value{
        width:100%;
    }

    .large-box-heading{
        margin-bottom:5px;
    }
}

.selected-team {
    color: #023d67;
    text-decoration:underline;
}

.accreditations__circle.cursor-pointer:hover {
    background-color:#023d67;
}

    .accreditations__circle.cursor-pointer:hover span {
        color: white;
    }

.accreditations__circle.cursor-pointer.orange.what:hover {
    color: white;
}

.coverage-list{
    list-style:none;
    text-decoration:none;
    list-style-type:none !important;
}

ul li{
    list-style-type:none !important;
}



.override:hover {
    background-color: #0c3d67;
    color: white;
}
/*
    Tabs
*/