

.bg-godoworks{
    background: url("/marcablanca/392/login_right_panel_bgimg.png"), transparent;
background-size: cover !important;
}

.bg-lines{
    background: url("/marcablanca/392/login_left_panel_bgimg.png"), transparent;
background-size: cover !important;
}



    .swal2-styled.swal2-confirm {
    background: #878787 !important;
    }
    .title {
    color: #878787;
    }
    .swal2-icon.swal2-warning {
    border-color: #878787 !important;
    color: #878787 !important;
    }
    .account,
    .account-name,
    .btn-close,
    .swal2-content,
    .session .text-online {
    color: #878787;
    }
    .add-card {
    background: #878787 !important;
    }
    .form-control {
    color: #878787;
    }
    .form-control:focus {
    color: #878787;
    background-color: #fff;
    outline: 0;
    border: 2px solid #878787;
    box-shadow: none !important;
    }
    .input-group-text.login-icon {
    border-right: 2px solid #878787 !important;
    color: #878787 !important;
    }

    .remember{
    color: #878787 !important;
    opacity: 0.5;
    }
    .remember:hover{
    color: #878787 !important;
    opacity: 1 !important;
    }
    .forgot{
    color: #878787 !important;
    opacity: 0.5;
    }
    .forgot:hover{
    color: #878787 !important;
    opacity: 1 !important;
    }

    .form-control::-webkit-input-placeholder {
    color: #878787 !important;
    opacity: 0.5 !important;
    }

    .form-control::-moz-placeholder {
    color: #878787 !important;
    opacity: 0.5 !important;
    }

    .form-control:-ms-input-placeholder {
    color: #878787 !important;
    opacity: 0.5 !important;
    }

    .form-control::-ms-input-placeholder {
    color: #878787 !important;
    opacity: 0.5 !important;
    }

    .form-control::placeholder {
    color: #878787 !important;
    opacity: 0.5 !important;
    }
    @media (min-width: 576px){
    .forgot-elements {
    border-right: solid 2px #878787 !important;
    }
    }
    .cbx span:first-child {
    border: 2px solid #878787;
    }
    .cbx:hover span:first-child {
    border-color: #878787;
    }
    .inp-cbx:checked + .cbx span:first-child {
    background: #878787;
    border-color: #878787;
    animation: wave 0.4s ease;
    }

    .loader .face.face1 {
    border-left: 4px solid #878787;
    border-top: 4px solid #878787;
    }
    .loader .face.face1 .circle:before {
    background: #878787;
    box-shadow: 0 0 20px #878787, 0 0 40px #878787, 0 0 60px #878787, 0 0 80px #878787, 0 0 100px #878787, 0 0 0 5px rgba(107,203,241,.1);
    }
    .loader .face {
    position: absolute;
    border: 2px solid rgba(0,0,0,0.1);
    }

    .btn-login{
    background: #A6192E !important;
    }
    @media (min-width: 1400px){
    .brand_logo_container {
    background: url("/marcablanca/392/login_imglogo.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: 25px solid white !important;
    }
    }
    .brand_logo_container {
    background: url("/marcablanca/392/login_imglogo.png") !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    border: 25px solid white !important;
    }
    .brand_logo{
    display: none !important;
    }
    #title span{
    display: none !important;
    }
    #title:before{
    content: "r" !important;
    }
    #title{
    color: #EFEBEB !important;
    }
    #title{
    font-size: 0px !important;
    }
    #subtitle{
    text-align: center;
    }
    #subtitle span{
    display: none !important;
    }
    #subtitle:before{
    content: "" !important;
    color: #F7F7F7
    }
    #msg span{
    display: none !important;
    }
    #msg:before{
    content: "r" !important;
    }
    #msg {
    font-size: 0px !important;
    }
    #msg {
    color: #FFFFFF !important;
    }

    .bg-godoworks .help{
    display: none;
    }


    #loaderDefault{
    display: none !important;
    }
    .loader-logoimg{
    animation: size 0s linear infinite;
    }
    .loader1 {
    color: var(--godocolor);
    }
    .client-logo-loader {
    background: url("/marcablanca/392/login_imglogo.png") !important;
    width: 90px;
    height: 90px;
    background-size: cover !important;
    position: absolute;
    top: 0px;
    left: 0px;
    }
    #loader1{
    display: block !important;
    }
    .loader1 {
    color: #ffffff;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    }
    .rep_perf_total{
    background: #004B87;
    }
:root{
    --godocolor: #004B87 !important;
    --godosubcolor: #A6192E !important;
    --godothirdcolor: #BCBCBC !important;

    --godosidebartext: #FFFFFF !important;
}

    #header-logo-client{
    height: 31px;
    width: 230px;
    margin: 15px;
    background: url("/marcablanca/392/dashboard_logo_header_img.png");
    background-size: cover !important;
    display: block !important;
    }

    #LogoHeader{
    display: none !important;
    }
[data-sa-theme="1"] {
    background: url("/marcablanca/392/page_background_img.png") !important;
}
    .result-card, .filter-card, .card {
    background: #FFFFFF !important;
    }

    #Link1,
    #Link2,
    #Link3,
    #webpage,
    #footer-page{
    display: none !important;
    }

    #sidebar {
    background: url("/marcablanca/392/page_sidebar_img.png"),0;
    }
    .btn-table-primary {
    background: #004B87 !important;
    }
    .btn-table-primary {
    border-radius: 50px !important;
    }

    .modal-title {
    color: #004B87 !important;
    }


    .card-title {
    color: #A6192E;
    }
    .content__title>h1 {
    color: #A6192E !important;
    }
    .content__title>h1>small {
    color: #6D6E71 !important;
    }
    .btn-primary,
    .btn-primary:hover{
    background: #004B87 !important;
    }
    #rep_btn_ok {
    background: #004B87 !importante;
    }



    .modal-header {
    background: #DDDDDD !important;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #FFFFFF;
    }

    .nav-tabs {
    border-bottom: 1px solid #FFFFFF;
    opacity: .5;
    }
    hr.custom-modal-hr {
    border-color: #FFFFFF;
    }
    .app-shortcuts__item>i {
    color: #004B87;
    }
