



#container-layout-global,
html, .card, .header {
    background-color: #1B1C44;
    }

    

    section.content .dropdown-menu,
    ul.dropdown-menu[template-url='customTemplate.html'],
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
    .ui-select-choices-lista-bancos,
    .dropdown-menu,
    select option,
    tags-input .tags,
    tags-input .tags .input{
    background-color: #1E256D;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #1E256D;
    color: #FFFFFF;
    }

    #container-layout-global .navbar,
    #container-layout-global .legal,
    .ui-select-bootstrap .ui-select-choices-row.active>span {
    background-color: #1E256D !important;
    }

    .dropdown-menu-topbar,
    .dropdown-menu {
    border-color: #2D58AE !important;
    background-color: #1E256D !important;
    }

    #container-layout-global aside{
    background-color: #1E256D !important;
    }

    #container-layout-global aside *,
    #container-layout-global aside a::after,
    #container-layout-global aside a::before{
    color: #FFFFFF !important;
    }

    #container-layout-global .grid-block,
    #container-layout-global tr,
    #container-layout-global .field-block,
    #container-layout-global td
     {
    background-color: #1E256D ;
    }

    .modal-content{
    background-color: #1E256D !important;
    }

    .login-box, .login-body, .forgot-box{
    background-color: #1E256D;
    }

    

    .popover.top > .arrow:after{
    border-top-color: #1E256D;
    }

    

    #container-layout-global span, h1, h2, h3, h4, h5, h6, p, pre,a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u,center,
    dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
    time, mark, #container-layout-global input, select::placeholder,
    input.form-control.ui-select-search::placeholder,
    ul.list i, a, span,
    .copyright,
    .version,
    #container-layout-global select, .form-group .form-fieldset .form-control,
    input::placeholder,
    a::after,
    a::before,
    .fa-light.fa-xmark {
    color: #FFFFFF;
    }

    a:hover, a:focus{
    color: #FFFFFF;
    }

    .pagination * {
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    }

    .dropdown-menu-topbar *,
    .dropdown-menu *,
    .select-tenant.topbar-input::placeholder {
    color: #FFFFFF !important;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus{
    color: #FFFFFF !important;
    }

    .container-botoes-topbar{
    color: #D2D2D2 !important;
    }

    .box-identificacao-topbar,
    .nomeUsuarioLogado-topbar,
    .nomeAcademiaLogado-topbar
    {
    color: #D2D2D2 !important;
    }

    input#box::placeholder{
    color: #FFFFFF;
    }

    .bars::before {
    color: #D2D2D2 !important;
    }

    .ls-closed .bars:after, .ls-closed .bars:before {
    color: #D2D2D2 !important;
    }

    .ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #D2D2D2 !important;
    }

    .tab_selecionada_campanha,
    .tab_selecionada_campanha > span {
    color: #2D58AE !important;
    font-weight: bold;
    }

    #container-layout-global input::placeholder,
    .login-page input, .login-page select {
    color: #FFFFFF;
    }

    .sidebar .menu::-webkit-scrollbar-thumb {
    background: #FFFFFF;
    }


    .sidebar .menu::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
    }

    .custom-scroll::-webkit-scrollbar-thumb {
    background: #FFFFFF;
    border-radius: 8px;
    border: 4px solid transparent;
    }


    .custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
    }

    .container-agenda-semanal::-webkit-scrollbar,
    .modal-dash::-webkit-scrollbar,
    .expertDropList::-webkit-scrollbar {
    width: 5px;
    }

    .container-agenda-semanal::-webkit-scrollbar-thumb,
    .modal-dash::-webkit-scrollbar-thumb,
    .expertDropList::-webkit-scrollbar-thumb {
    background: #FFFFFF;
    }

    .container-agenda-semanal::-webkit-scrollbar-thumb:hover,
    .modal-dash::-webkit-scrollbar-thumb:hover,
    .expertDropList::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
    }




    

    #container-layout-global label,
    #container-layout-global select,
    .form-group .form-fieldset .form-control, .form-fieldset .form-label, .form-group .form-fieldset label.form-label,
    .login-page select option {
    background-color: #1E256D !important;
    }

    

    #container-layout-global input,
    .filter-control,
    #container-layout-global .form-fieldset .ui-select-bootstrap > .ui-select-match > .btn.btn-default,
    .form-group .form-fieldset,
    [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    background-color: transparent !important;
    border-color: #2D58AE;
    }

    [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after,
    [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    border-color: #2D58AE;
    }

    [type="radio"]:checked + label:after,
    [type="checkbox"].filled-in:checked + label:after {
    background-color: #2D58AE;
    }

    .link-timeline-tag, .login-box, .forgot-box,
    .card .body .form-fieldset,
    .nav-tabs > li > a:before{
    border-color: #2D58AE;
    }

    .add-link-timeline,
    .border-bottom{
    color: #2D58AE !important;
    }

    .nav-tabs,
    [type="checkbox"].filled-in:not(:checked) + label:after,
    [type="checkbox"].filled-in:checked + label:after {
    border-color: #2D58AE;
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-cyan {
    background-color: #2D58AE;
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after {
    background-color: #2D58AE;
    }

    .table tbody tr td {
    border-color: #2D58AE;
    }

    .border-sub-table{
    border-color: #2D58AE;
    }

    .dropdown-menu-custom{
    border-color: #2D58AE !important;
    background-color: #1E256D !important;
    }

    
    .form-fieldset .ui-select-bootstrap > .ui-select-match > .btn.btn-default,
    span.dropdown-item.dropdown-item-custom {
    background-color: #1E256D;
    }

    

    #container-layout-global .btn-custom-primary,
    .modal-body .btn-custom-primary,
    .modal-footer .btn-custom-primary,
    .login-page .btn.btn-login,
    .btn.btn-recover {
    border: 1px solid #2D58AE !important;
    background: #2D58AE !important;
    color: #FFFFFF !important;
    }

    .modal-header .close {
    color: #2D58AE !important;
    }

    

    #container-layout-global .btn-custom-default,
    .modal-footer .btn-custom-default {
    border: 1px solid #454545;
    background: #454545;
    color: #FFFFFF;
    }

    .link-login a{
    color: #FFFFFF;
    }

    

    #container-layout-global .btn-custom-secondary,
    .modal-footer .btn-custom-secondary,
    .btn-custom.btn-custom-secondary {
    border: 1px solid #43A9ED;
    }

    #container-layout-global .btn-custom-secondary,
    .modal-footer .btn-custom-secondary,
    #container-layout-global .btn-custom-secondary *,
    .modal-footer .btn-custom-secondary *,
    .login-page .esqueci-minha-senha a,
    .modal-body .btn-custom-secondary,
    .modal-body .btn-custom-secondary * {
    color: #43A9ED !important;
    }

    .btn-expand{
    color: #FFFFFF;
    }


    

    .item-selecionavel {
    background-color: #2D58AE;
    color: #FFFFFF;
    }

    .item-selecionavel.active {
    background-color: #FFFFFF;
    color: #2D58AE
    }

    
    .icon-primary{
    color: #2D58AE
    }

    
    .link-primary{
    color: #2D58AE
    }

    
    .comunicado {
    border-color: #2D58AE;
    }

    
    .tabelaAgendaSemanal > tbody > tr > td {
    border-color: #2D58AE !important;
    }
    .tabelaAgendaSemanal > thead > tr > th {
    border-color: #2D58AE !important;
    
    background-color: #2D58AE !important;
    color: #1E256D !important;
    }
    .tabelaAgendaSemanal {
    border-color: #2D58AE !important;
    }

    .item_evento{
    background-color: #454545 !important;
    border-color:#2D58AE !important;

    background: linear-gradient(to left, #454545 50%, #2D58AE 50%) right;
    background-size: 200%;
    transition: .3s ease-out;
    color: #FFFFFF !important;
    }

    .item_evento_comunicado{
    background-color: #2D58AE !important;
    border-color:#454545 !important;

    background: linear-gradient(to left, #2D58AE 50%, #454545 50%) right;
    background-size: 200%;
    transition: .3s ease-out;
    color: #FFFFFF !important;
    }

    .item_evento_historico{
    background-color: #2D58AE !important;
    border-color:#8C898A !important;

    background: linear-gradient(to left, #2D58AE 50%, #8C898A 50%) right;
    background-size: 200%;
    transition: .3s ease-out;
    color: #FFFFFF !important;
    }

    

    .corFundo {
    background-color: #1B1C44;
    }

    .corConteudo {
    background-color: #1E256D;
    }

    .corTopoMenu {
    background-color: #1E256D !important;
    }

    .corFonteTopoMenuBackground {
    background-color: #D2D2D2 !important;
    }

    .corBordas {
    border-color:  #2D58AE !important;
    }

    .corFonte {
    color: #FFFFFF !important;
    }

    .corFonteBackground{
    background-color: #FFFFFF;
    }

    .corFonteTopoMenu {
    color: #D2D2D2 !important;
    }

    .corBotaoPrincipal {
    color: #FFFFFF !important;
    background-color: #2D58AE !important;
    }

    .corBordaBotaoPrincipal {
    border-color: #2D58AE !important;
    }

    .corBotaoPrincipalFonte {
    color: #2D58AE !important;
    }

    .corBotaoSecundarioFonte {
    color: #454545 !important;
    }

    .corBotaoSecundario {
    color: #FFFFFF !important;
    background-color: #454545 !important;
    }

    .corBordaBotaoSecundario {
    border-color: #454545 !important;
    }

    .corBotaoTerciario {
    color: #FFFFFF !important;
    background-color: #43A9ED;
    }

    .corBordasColor {
    color:  #2D58AE !important;
    }

    .corBordasBackgroundColor {
    background-color: #2D58AE;
    }

    .corFonteBotoes {
    color: #FFFFFF !important;
    }

    .corFonteBotaoTerciario {
    color: #43A9ED !important;
    }

    .corBordaFonteTopoMenu{
    border-color:  #D2D2D2 !important;
    }

    
    .itemOrganograma::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: #2D58AE;
    }

    
    
    .itemOrganograma_item::before {
    content: "";
    position: absolute;
    bottom: 100%;
    transform: translateX(-50%);
    width: 2px;
    height: 19px;
    background: #2D58AE;
    }

    
    .itemOrganograma_item_after::after {
    content: "";
    position: absolute;
    top: 146px;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: #2D58AE;
    }

    
    .itemOrganograma_horizontal::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 5%;
    width: 90%;
    height: 2px;
    background: #2D58AE;
    }

    .svg-colorFonte {
    fill: #FFFFFF;
    fill-rule: evenodd;
    }

    pre {
    background-color: #1E256D !important;
    border: none !important
    }

    .hr-custom {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 0.7px inset #FFFFFF;
    }

    .ui-select-toggle {
    background-color: #1E256D !important;
    border-color:  #2D58AE !important;
    }

    .ui-select-bootstrap > .ui-select-search {
    background-color: #1E256D !important;
    border-color:  #1E256D !important;
    }


    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
    border-color: #2D58AE !important;
    box-shadow: none !important;
    outline: 0 none;
    }

    .tabelaAgendaSemanalColunaHoje,
    #container-layout-global .tabelaAgendaSemanalColunaHoje {
    background-color: #2D58AE40 !important;
    }

    .tabelaAgendaSemanalLinhaAgora,
    #container-layout-global .tabelaAgendaSemanalLinhaAgora {
    border-top: 2px solid #2D58AE !important;
    }

    .horarioAgora:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    transform:translate(50%,-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2D58AE;
    }

    .icon-svg {
    fill: #D2D2D2 !important;
    }

    .icon-svg.icon-svg-menu {
    fill: #FFFFFF !important;
    }

    .table.table-vendas tbody tr,
    .table.table-usuarios tbody tr,
    .table.table-resume tbody tr,
    .table.table-border-bottom tbody tr{
    border-color:  #2D58AE;
    }
    }

    label.opcoesLista:hover {
    background-color: #2D58AE;
    color: #FFFFFF !important;
    }

    label.opcoesLista.selected {
    background-color: #2D58AE;
    color: #FFFFFF !important;
    }

    
    tags-input .tags .tag-item .remove-button {
    color: #FFFFFF !important;
    }

    tags-input .tags .tag-item, tags-input .tags .tag-item span{
    background: #2D58AE !important;
    color: #FFFFFF !important;
    }

    .tooltip-inner {
    background-color: #1E256D !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    border: 1px solid #2D58AE !important
    }

    .tooltip-arrow {
    border-top-color: #2D58AE !important;
    border-width: 5px 7px 0px !important;
    }

    .border-table-with-subtable {
    border-top: 0.5px solid #2D58AE;
    }

    .produtos-container .produto-image {
    border-color:  #2D58AE;;
    }

    .produtos-container .produto-image:hover {
    border-color:  #43A9ED;
    }

    .produto-image-selected{
    border-color:  #43A9ED !important;
    }


    .horizontal-calendar-day {
    background-color: transparent;
    color: #D2D2D2 !important;
    }

    .horizontal-calendar-day.active {
    background-color: #2D58AE !important;
    color: #FFFFFF !important;
    }


    .checkin-experimental-icon {
    color: #D2D2D2;
    }

    .checkbox-vagasReservadas[type="checkbox"]:not(:checked):disabled + label:before {
    border-color:  #2D58AE !important;
    }

    .container_foto_pessoa .dropdown_foto_pessoa .btn_foto_pessoa {
    background: #454545 !important;
    color: #FFFFFF !important;
    padding: 6px 9px;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    text-align: center;
    font-size: 15px
    }


    .aviso-aula-confirmada-checkin-esperimental{
    background-color: #1E256D;
    color: #FFFFFF;
    text-align: justify;
    border-radius: 24px;
    width: 40%;
    border: solid #2D58AE;
    }

    .aviso-aula-confirmada-checkin-esperimental p {
    color: #FFFFFF;
    margin-left: 40px;
    }

    .aviso-aula-confirmada-checkin-esperimental i {
    margin-right: 10px
    }

    .aviso-aula-confirmada-checkin-esperimental .swal-button {
    background-color: transparent !important;
    font-size: 17px !important;
    border: none !important;
    color: #FFFFFF;
    }

    .aviso-aula-confirmada-checkin-esperimental .swal-content {
    margin: 5%
    }


    .form-fieldset .form-btn-group {
    padding: 8px 10px 0 15px;
    border-left: 0.3px solid #2D58AE
    }

    .form-fieldset .form-btn-group i {
    color: #2D58AE
    }

    .form-fieldset-group {
    display:flex
    }



    .checkin-experimental-icone-coach-confirmacao {
    color: #D2D2D2 !important;
    }

    .checkin-experimental-icone-coach-checkin {
    color: #FFFFFF !important;
    }

    .checkin-experimental-icone-coach-checkin > svg,
    .checkin-experimental-icone-coach-confirmacao > svg {
    width: 48px !important;
    }