CSS de Base - Theme Builder (MadBuilder)

css.css

:root
{
    --botao-primario-fundo: #1a3460 !important;
    --botao-primario-borda: #1a3460;
    --botao-primario-texto: #fff;
    --botao-primario-fundo-foco: #1a3460 !important;
    --botao-primario-borda-foco: #fd9203;
    --botao-borda-foco: #fd9203;
    --campo-fundo-foco: #ffdfb4;
    --text-color: #333;
}

.builder-template-layout .container-submenu ul li a i {
    text-align: center;
}

.builder-template-layout input[type="checkbox"],
.builder-template-layout input[type="radio"] {
    margin-left: 0.25em;
}

.builder-template-layout input[type="checkbox"]:focus,
.builder-template-layout input[type="radio"]:focus {
    outline: max(2px, 0.15em) solid currentColor !important;
}

.builder-template-layout .destacar_campo {
    background-color: lavender !important;
}

.builder-template-layout .dropdown-menu li {
    line-height: 30px;
}

.builder-template-login .container-login .panel-login {
	background: unset;
}

.builder-template-login .container-login .panel-login .login-content {
	background-color: unset;
}

.builder-template-login .login-medium-logo {
    margin-bottom: 1em;
}

.builder-template-login button:hover
.builder-template-login button:focus,
.builder-template-login .btn:not(:disabled):hover,
.builder-template-login .btn:not(:disabled):focus-within,
.builder-template-layout button:hover,
.builder-template-layout button:focus-within,
.builder-template-layout .btn:not(:disabled):hover,
.builder-template-layout .btn:not(:disabled):focus-within {
    outline: max(2px, 0.15em) solid var(--botao-borda-foco) !important;
}

.builder-template-login .btn-primary,
.builder-template-layout .btn-primary {
    background-color: var(--botao-primario-fundo);
    border-color: var(--botao-primario-borda);
    color: var(--botao-primario-texto);
}

.builder-template-login .btn-primary:hover,
.builder-template-login .btn-primary:focus-within,
.builder-template-layout .btn-primary:hover,
.builder-template-layout .btn-primary:focus-within {
	background-color: var(--botao-primario-fundo-foco);
	border-color: var(--botao-primario-borda-foco);
    opacity: 0.9;
}

.builder-template-login .form-control:focus-within,
.builder-template-login .tfield:focus-within,
.builder-template-login .select2-search__field:focus-within,
.builder-template-layout .form-control:focus-within,
.builder-template-layout .tfield:focus-within,
.builder-template-layout .select2-search__field:focus-within {
    background-color: var(--campo-fundo-foco);
}

.builder-template-layout div:has(> div#div_breadcrumbs) {
    display: none;
}

.builder-template-layout .tseparator {
    margin-top: 15px;
    background-color: #ddd;
    padding: 1rem;
}

.builder-template-layout input[inputmode=numeric] {
    text-align: left !important;
}

.builder-template-layout .tab-pane {
    padding-top: 0px !important;
}

.builder-template-layout .tformrow:not(:has(.tseparator-divisor)) {
    margin-top: 10px;
}

.builder-template-layout .tseparator-divisor {
    border-top: none;
    margin: 0;
}

@media (min-width: 993px) {
    /* SOMENTE DESKTOP */

    /* ocultar título do app na sidebar */
    /* e deslocar sidebar para cima */
    /*.builder-template-layout .header-logo {*/
    /*    display: none;*/
    /*}*/
    /*.builder-template-layout .master-menu-content {*/
    /*    height: 100vh;*/
    /*    position: relative;*/
    /*    top: calc(var(--header-height) * -1);*/
    /*    z-index: 3;*/
    /*}*/
    
    .builder-template-layout .splash-user-content {
        display: none;
    }

    .builder-template-login .container-login .panel-login .login-content {
	    background-color: var(--login-panel-right-background-color);
    }
    
    .builder-template-login .login-medium-logo {
        display: none;
    }
}

@media (max-width: 992px) {
    /* SOMENTE MOBILE */
    .builder-template-login .login-content > div > a {
        color: white;
    }
}