@font-face {
    font-family: "Museo300";
    src: url(/fonts/Museo-300.otf) format("opentype");
}

@font-face {
    font-family: "Museo500";
    src: url(/fonts/Museo-500.otf) format("opentype");
}

@font-face {
    font-family: "Museo700";
    src: url(/fonts/Museo-700.otf) format("opentype");
}


body {
    font-family: Museo300, Arial, sans-serif;
    color: #565656;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px;
}

/* Bootstrap */
.nav-link {
    color: #94c43a;
    font-weight: bold;
}

.toggle-effi {
    color: #565d56;
    font-weight: bold;
}

.toggle-effi:hover {
    color: #333;
    text-decoration: none;    
}

.toggle-effi:after {
    font-family: 'FontAwesome';
    content: "\f106";
}

.toggle-effi.collapsed:after {
    content: "\f107";
}

a.dropdown-item:active {
    background-color: #94c43a;
}


.dataTables_wrapper .dataTables_processing {
    background-color: #d9d9d9;
}



/* Effi */

.text-effi {
    color: #94c43a;
}

.ef-footer {
    background-color: #565d56;
    background-image: url(/images/fondo-footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
    color: #fff;
    font-size: 18px;
}

    .ef-footer a {
        color: #fff;
        text-decoration: none;
    }

    .ef-footer a:hover {
        color: #94c43a;
    }

.btn-effi {
    border-color: #84ae35;
    background-color: #94c43a;
    color: #fff;
}

    .btn-effi:hover {
        border-color: #565656;
        background-color: #fff;
        color: #94c43a;
    }

.btn-effi-g {
    border-color: #565656;
    background-color: #fff;
    color: #565656 !important;
}

    .btn-effi-g:hover {
        border-color: #84ae35;
        background-color: #94c43a;
        color: #fff !important;
    }




.menu-top .navbar-nav .nav-item .nav-link {
    color: #565656;
    background-color: #f8f9fa;
}

.nav-top-effi {
    margin: 0 -15px 0 -15px;
    padding: 0 15px;
    border-top: solid 1px #94c43a;
    border-bottom: solid 1px #565656;
    background-color: #f4f4f4;
}

    .nav-top-effi .navbar {
        padding: 0;
    }

    .nav-top-effi .navbar-nav .nav-item .nav-link {
        font-size: 0.9em;
        font-weight: bold;
        text-transform: capitalize;
        color: #565656;
    }

.nav-link-effi {
    text-decoration: none;
}

    .nav-link-effi:hover {
        background-color: #94c43a;
    }


.border-effi {
    border: solid 1px #94c43a;
}

.footer-effi {
    background-color: #e9ecef;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.9em;
}

    .footer-effi a {
        color: #565d56;
    }

        .footer-effi a:hover {
            color: #94c43a;
        }


.bg-effi {
    background-color: #94c43a;
}

/* Bootstrap */
.page-item.active .page-link {
    background-color: #94c43a;
    border-color: #94c43a;
}

.page-link {
    color: #565656;
}

.breadcrumb-nav {
    margin-left: -15px;
    margin-right: -15px;
}

    .breadcrumb-nav ol {
        border-bottom: #94c43a solid 1px;
    }

.breadcrumb-item a {
    color: #94c43a;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.bg-cross {
    background-color: #3fb61826 !important;
}