﻿.Top-Back {
    background-image: url(https://img.programadevantagens.com.br/Itaupet/topo.png);
    background-position: center;
}

#TopMenu .Top-Back {
    background-image: none !important;
    background-color: transparent !important;
}

    #TopMenu .Top-Back .LinksGet .font-regular {
        color: #004489 !important;
    }

.font-color-1, .backMenuLeftItem i, .spinner-border {
    color: #EC7000;
}

.active {
    color: #6f787c !important; 
}

.align-logo, #Top_IcoUser, .IcoMenu, .IcoUser, .UserEntrar {
    color: #ffffff;
}

.form-check-input:checked {
    background-color: #EC7000;
    border-color: #EC7000;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem #ec700059;
}

/*==================================Menu Flutuante ==========================*/

.LinksGet:hover > i, .jconfirm-icon-c i, .carousel-item-icon {
    color: #ffffff;
}

.icon-suspenco {
    border-color: #ffffff !important;
}

    .icon-suspenco i {
        color: #ffffff !important;
    }
/*==================================Fim do Menu Flutuante ==========================*/

.form-control:focus, .form-control-xl:focus, .form-select:focus, .btn-offer:focus, .btn-offer-outline:focus, .btn-check:focus + .btn, .btn:focus {
    border-color: #EC7000 !important;
    box-shadow: 0 0 0 0.25rem rgba(236, 112, 0, 0.26)
}

.card03__detail-btn-link, .btn-offer, .btn-offer-outline, .btn-default, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #EC7000 !important;
}

    .btn-offer:hover, .btn-offer-outline:hover, .btn-default:hover {
        background-color: rgba(236, 112, 0, 0.85) !important;
    }

.control2-radio .control2_indicator:after {
    background: #6f787c;
}

#floater-btn {
    background-color: #6f787c;
    color: #ffffff;
}

.Footer-Back, .Footer-Link {
    background-color: #EC7000 !important;
    color: #ffffff !important;
}

.sub-menuLinks-header a, .sub-menuLinks-footer a {
    color: #ffffff;
}

.LinksGet, .LinksRotas {
    color: #ffffff;
}

    .LinksGet:hover {
        color: #ffffff;
    }

/* =================================================== */

.box_logo i {
    color: #ffffff;
}

.box_user__avatar i {
    color: #EA701F;
}

.box_user__pts {
    color: #ffffff;
}

.box_user__avatar {
    background-color: #ffffff;
}

.box_user__menu div i {
    color: #EA701F;
}

.box_user__menu div {
    background-color: #ffffff;
}

.box_user {
    background-color: #EA701F;
    border: 1px solid #ffffff;
}

.box_user__name {
    color: #ffffff;
}

.sidebar_user__icon {
    background-color: #ffffff;
}


.overview_tab__item span {
    color: #808080;
}

.overview_tab__item i {
    border: 1px solid #C4C4C4;
    color: #EA701F;
}

.overview_home {
    background-color: #E5E5E5;
    border-bottom: 1px solid #ffffff !important;
    border: 1px solid #ffffff;
    padding: 5px 7px;
}

.overview_item .nav-link {
    color: #808080 !important;
    height: 100%;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #808080 !important;
}

#sidebar {
    background-color: #EA701F;
}

.sidebar_login a {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
}

    .sidebar_login a:hover {
        background-color: transparent !important;
    }


.sidebar_user__icon i {
    color: #EA701F;
}


#dismiss {
    background-color: #ffffff;
}

    #dismiss i {
        color: #EA701F;
        
    }

.sidebar_user__btn .btn:focus {
    border-color: #ffffff00 !important;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
}

.align-logo, #Top_IcoUser, .IcoMenu, .IcoUser {
    width: auto;
}

@media(min-width: 768px) {
    .floating_menu {
        padding-bottom: 16px;
        background-color: #EC7000;
        background-image: url(https://img.programadevantagens.com.br/Itaupet/topo.png);
        background-position: center;
    }
}


@media (min-width: 1200px) {
    .box_user {
        top: initial;
    }
}


/*==================================MINHA CONTA - INDEX===========================*/

.bar-progress-account .progress-1 {
    background-color: #EC7000 !important;
}

.progress-check .progress-icon {
    background-color: #EC7000 !important;
    border: 1px solid #EC7000 !important;
}

.bar-progress-account .progress-check {
    background-color: #EC7000 !important;
}

.bar-progress-account .progress-1 .progress-icon span, .myaccount-menus div i {
    color: #EC7000;
}