﻿body {
    font-family: 'Montserrat', sans-serif;
}

.nav-item {
    font-weight: 500;
    font-size: 1.5rem;
}

.desk-display {
    display:flex;
}


.mobile-display {
    display: none;
}

#ComoFunciona {
    height:160px;
}

#Solicitacao {
    height: 160px;
}


element.style {
}

@media (max-width: 992px) 
{
    .desk-display {
        display: none;
    }
    .mobile-display {
        display: block;
    }
    #ComoFunciona {
        height: 65px;
    }
    #Solicitacao {
        height: 65px;
    }
}

.mobile {
    font-size: 0.75rem;
}

.nav-item a {
    color: #0B1EA1;
}

.nav-item button, .nav-item button:hover {
    color: #fff;
    background-color: #FF7400;
    font-size: 1.5rem;
    font-weight: 500;
}

.btn-custom-azul, .btn-custom-azul:hover {
    color: #fff;
    background-color: #0B1EA1;
}

footer {
    color: #fff;
    background-color: #0B1EA1;
}

    footer h5 {
        font-weight: 200;
    }


.numeros-vitrine {
    color: #0B1EA1;
    font-size: 2rem;
    font-weight: 500;
}

.btn-custom-orange, .btn-custom-orange:hover {
    color: #fff;
    background-color: #FF7400;
}

.btn-custom-green, .btn-custom-green:hover {
    color: #fff;
    background-color: #00c66b;
}

.btn-custom-blue, .btn-custom-blue:hover {
    color: #fff;
    background-color: #0b1ea1;
}

a {
    color: #ff7400;
    text-decoration: none;
}

.controls {
    padding: 15px;
}

.btn-custom-clean {
    color: #6c757d;
    background-color: #f8f9fa;
    border-color: #6c757d;
}

    .btn-custom-clean:hover {
        color: #6c757d;
        background-color: #f8f9fa;
        border-color: #6c757d;
    }

.btn-custom-light {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-custom-light:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.ui-widget.ui-widget-content {
    border-radius: 5px;
}

.menu-cliente {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 10px;
}

    .menu-cliente .user-name {
        font-size: 14px;
        text-align: right;
    }

        .menu-cliente .user-name a {
            text-decoration: none;
            font-weight: bold;
        }

    .menu-cliente .user-menu {
        font-size: 14px;
    }

        .menu-cliente .user-menu a {
            text-decoration: none;
            padding: 2px 5px;
        }

            .menu-cliente .user-menu a:hover {
                background-color: #ff7301;
                border-radius: 2px;
                color: white;
            }

.table td.actions a, span.actions, a.actions {
    text-decoration: none;
    border-radius: 4px;
    padding: 2px 5px;
    border: 1px solid;
    color: #ff7301;
    display: block;
    text-align: center;
}

a.action-no {
    text-decoration: none;
    border-radius: 4px;
    padding: 2px 5px;
    border: none;
    color: #0b1ea1;
    display: block;
    text-align: center;
    margin: 5px 0px;
    background-color: #edecf1;
}

a.action-more {
    text-decoration: none;
    border-radius: 4px;
    padding: 2px 5px;
    border: 1px solid;
    color: #212529;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.table td.actions a:hover {
    background-color: #ff7301;
    color: white;
    border: 1px solid !important;
    border-radius: 4px !important;
}

.table td.actions a.blue {
    text-decoration: none;
    border-radius: 4px;
    padding: 2px 5px;
    border: 1px solid #0d6efd;
    color: #0d6efd;
    display: block;
    text-align: center;
}

.table td.actions a.blue:hover {
    background-color: #0d6efd;
    color: white;
    border: 1px solid !important;
    border-radius: 4px !important;
}

.fileBox a {
    text-decoration: none;
}

.owl-nav .owl-prev {
    width: 30px;
    height: 30px;
    font-size: 80px !important;
    position: absolute;
    left: 0;
    top: 0;
}


.owl-nav .owl-next {
    width: 30px;
    height: 30px;
    font-size: 80px !important;
    position: absolute;
    right: 0;
    top: 0;
}