:root {
    --ac-primary: #268fc5;
    --ac-hover: #268fc5;
    --ac-secondary: #268fc5;
    --ac-primary-rgb: 38,143,197;
    --ac-text: #20384f;
    --ac-muted: #64768a;
    --ac-line: #dce6ef;
    --ac-soft: #f6f9fc;
    --ac-white: #ffffff;
    --ac-shadow: 0 14px 36px rgba(20,49,76,.08);
}

/* Formularios da area do cliente */
#formulario_login,
#formulario_cadastro,
#minhas_info,
.tab-v2 > .tab-content {
    color: var(--ac-text);
    font-family: "Open Sans",Arial,sans-serif;
}

#formulario_login .classWidthResp {
    width: min(100%,820px);
    margin-right: auto;
    margin-left: auto;
}

#formulario_login .panel,
#formulario_cadastro .panel,
#minhas_info .panel {
    width: 100% !important;
    overflow: hidden;
    margin-bottom: 22px;
    border: 1px solid var(--ac-line) !important;
    border-radius: 14px;
    background: var(--ac-white);
    box-shadow: var(--ac-shadow);
}

#formulario_login .panel-primary > .panel-heading,
#formulario_cadastro .panel-primary > .panel-heading,
#minhas_info .panel-primary > .panel-heading {
    padding: 15px 18px;
    border: 0;
    border-radius: 0;
    background: var(--ac-primary) !important;
}

#formulario_login .panel-title,
#formulario_cadastro .panel-title,
#minhas_info .panel-title {
    color: #ffffff !important;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

#formulario_login .panel-title i,
#formulario_cadastro .panel-title i,
#minhas_info .panel-title i {
    margin-right: 7px;
}

#formulario_login .panel-body,
#formulario_cadastro .panel-body,
#minhas_info .panel-body {
    padding: 22px;
}

#formulario_login .form-group,
#formulario_cadastro .form-group,
#minhas_info .form-group {
    margin-bottom: 18px;
}

#formulario_login label,
#formulario_cadastro label,
#minhas_info label {
    margin-bottom: 7px;
    color: #344b61;
    font-size: 12px;
    font-weight: 700;
}

#formulario_login .form-control,
#formulario_cadastro .form-control,
#minhas_info .form-control {
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #ccd9e5 !important;
    border-radius: 9px;
    background: #ffffff !important;
    color: var(--ac-text) !important;
    font-size: 14px;
    font-weight: 400 !important;
    box-shadow: none;
    transition: border-color .2s,box-shadow .2s,background .2s;
}

#formulario_login textarea.form-control,
#formulario_cadastro textarea.form-control,
#minhas_info textarea.form-control {
    min-height: 110px;
    resize: vertical;
}

#formulario_login .form-control:focus,
#formulario_cadastro .form-control:focus,
#minhas_info .form-control:focus {
    border-color: var(--ac-primary) !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--ac-primary-rgb),.14);
}

#formulario_login .form-control[readonly],
#formulario_cadastro .form-control[readonly],
#minhas_info .form-control[readonly] {
    background: #f2f5f8 !important;
    color: #5c6f82 !important;
}

#formulario_login .btn,
#formulario_cadastro .btn,
#minhas_info .btn {
    min-height: 42px;
    padding: 10px 17px;
    border: 0 !important;
    border-radius: 9px;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(20,49,76,.12);
    transition: transform .2s,box-shadow .2s,background .2s;
}

#formulario_login .btn:hover,
#formulario_cadastro .btn:hover,
#minhas_info .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(20,49,76,.17);
}

#formulario_login .btn-warning,
#formulario_login .btn-success,
#formulario_cadastro .btn-warning,
#formulario_cadastro .btn-success,
#minhas_info .btn-warning,
#minhas_info .btn-success {
    background: var(--ac-primary) !important;
    color: #ffffff !important;
}

#formulario_login .btn-warning:hover,
#formulario_login .btn-success:hover,
#formulario_cadastro .btn-warning:hover,
#formulario_cadastro .btn-success:hover,
#minhas_info .btn-warning:hover,
#minhas_info .btn-success:hover {
    background: var(--ac-hover) !important;
}

#formulario_login a:not(.btn),
#formulario_cadastro a:not(.btn),
#minhas_info a:not(.btn) {
    color: var(--ac-primary);
    font-weight: 600;
}

#formulario_cadastro #formCadastra > .col-sm-6,
#minhas_info #formCadastra > .col-sm-6 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

#formulario_cadastro .alert,
#minhas_info .alert {
    border-radius: 10px;
}

#minhas_info {
    padding: 20px 18px 4px;
    background: var(--ac-soft);
}

/* Abas da area logada */
.tab-v2 > .nav-tabs {
    display: flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    margin: 0 0 18px;
    padding: 5px;
    gap: 4px;
    border: 1px solid var(--ac-line);
    border-radius: 13px;
    background: #f1f5f8;
}

.tab-v2 > .nav-tabs > li {
    float: none;
    margin: 0;
}

.tab-v2 > .nav-tabs > li > a {
    min-height: 42px;
    margin: 0;
    padding: 11px 17px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 0 !important;
    border-radius: 9px;
    background: transparent;
    color: #617286;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.tab-v2 > .nav-tabs > li > a span {
    margin: 0 !important;
    color: #8292a3;
}

.tab-v2 > .nav-tabs > li > a:hover,
.tab-v2 > .nav-tabs > li > a:focus {
    background: rgba(var(--ac-primary-rgb),.08);
    color: var(--ac-primary);
}

.tab-v2 > .nav-tabs > li.active > a,
.tab-v2 > .nav-tabs > li.active > a:hover,
.tab-v2 > .nav-tabs > li.active > a:focus {
    border: 0 !important;
    background: #ffffff;
    color: var(--ac-text);
    box-shadow: 0 5px 16px rgba(20,49,76,.11);
}

.tab-v2 > .nav-tabs > li.active > a span {
    color: var(--ac-primary);
}

.tab-v2 > .tab-content.tab-default {
    overflow: hidden;
    border: 1px solid var(--ac-line);
    border-radius: 14px;
    background: var(--ac-soft);
    box-shadow: var(--ac-shadow);
}

/* Compras e cursos */
#h_eadPedidos > .table-responsive,
#h_eadPedidosPlanos > .table-responsive {
    margin: 0;
    overflow-x: auto;
    border: 1px solid var(--ac-line);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(20,49,76,.06);
    -webkit-overflow-scrolling: touch;
}

#h_eadPedidos .invoice-table,
#h_eadPedidosPlanos .invoice-table {
    width: 100%;
    min-width: 650px;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    color: #40566b;
    font-family: "Open Sans",Arial,sans-serif;
}

#h_eadPedidos .invoice-table > thead > tr > td,
#h_eadPedidosPlanos .invoice-table > thead > tr > td {
    padding: 14px 15px;
    border: 0;
    border-bottom: 1px solid var(--ac-line);
    background: rgba(var(--ac-primary-rgb),.07) !important;
    color: var(--ac-text) !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .035em;
    white-space: nowrap;
}

#h_eadPedidos .invoice-table > tbody > tr > td,
#h_eadPedidosPlanos .invoice-table > tbody > tr > td {
    padding: 15px;
    border: 0;
    border-bottom: 1px solid #e8eef4;
    background: #ffffff !important;
    color: #40566b !important;
    font-size: 12px;
    line-height: 1.45;
    vertical-align: middle;
    transition: background .18s,color .18s;
}

#h_eadPedidos .invoice-table > tbody > tr:nth-child(even) > td,
#h_eadPedidosPlanos .invoice-table > tbody > tr:nth-child(even) > td {
    background: #f8fafc !important;
}

#h_eadPedidos .invoice-table > tbody > tr:hover > td,
#h_eadPedidosPlanos .invoice-table > tbody > tr:hover > td {
    background: rgba(var(--ac-primary-rgb),.07) !important;
}

#h_eadPedidos .invoice-table > tbody > tr:last-child > td,
#h_eadPedidosPlanos .invoice-table > tbody > tr:last-child > td {
    border-bottom: 0;
}

#h_eadPedidos .invoice-table > tbody > tr > td:first-child,
#h_eadPedidosPlanos .invoice-table > tbody > tr > td:first-child {
    color: #687b8e !important;
    font-family: Consolas,"Courier New",monospace;
    font-size: 11px;
    font-weight: 700;
}

#h_eadPedidos .invoice-table > tbody > tr > td:last-child,
#h_eadPedidosPlanos .invoice-table > tbody > tr > td:last-child {
    color: var(--ac-text) !important;
    font-weight: 700;
    white-space: nowrap;
}

#h_eadPedidos .invoice-table .btn,
#h_eadPedidosPlanos .invoice-table .btn {
    border: 1px solid var(--ac-line) !important;
    border-radius: 8px;
    background: #ffffff !important;
    color: var(--ac-primary) !important;
    font-size: 11px;
    font-weight: 700;
    box-shadow: none;
}

#h_eadPedidos .invoice-table .btn:hover,
#h_eadPedidosPlanos .invoice-table .btn:hover {
    border-color: var(--ac-primary) !important;
    background: rgba(var(--ac-primary-rgb),.07) !important;
}

@media only screen and (max-width: 767px) {
    #formulario_login,
    #formulario_cadastro,
    #minhas_info {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #formulario_login .panel-body,
    #formulario_cadastro .panel-body,
    #minhas_info .panel-body {
        padding: 17px;
    }

    #formulario_login .form-inline .btn,
    #formulario_cadastro .form-inline .btn,
    #minhas_info .form-inline .btn {
        width: 100%;
        float: none !important;
        margin: 0 0 10px !important;
    }

    #formulario_cadastro #formCadastra > .col-sm-6,
    #minhas_info #formCadastra > .col-sm-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #minhas_info {
        padding: 13px 10px 1px;
    }

    .tab-v2 > .nav-tabs {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab-v2 > .nav-tabs > li {
        flex: 0 0 auto;
    }
}

/* Raleway dark mode */
.raleway-dark #formulario_login .panel,
.raleway-dark #formulario_cadastro .panel,
.raleway-dark #minhas_info .panel,
.raleway-dark #formulario_login .panel-body,
.raleway-dark #formulario_cadastro .panel-body,
.raleway-dark #minhas_info .panel-body {
    border-color: #555b61 !important;
    background: #393b3d !important;
    color: #eef2f5 !important;
}

.raleway-dark #formulario_login label,
.raleway-dark #formulario_cadastro label,
.raleway-dark #minhas_info label {
    color: #cbd3db !important;
}

.raleway-dark #formulario_login .form-control,
.raleway-dark #formulario_cadastro .form-control,
.raleway-dark #minhas_info .form-control {
    border-color: #c9d3dc !important;
    background: #ffffff !important;
    color: #20384f !important;
}

.raleway-dark #formulario_login .form-control[readonly],
.raleway-dark #formulario_cadastro .form-control[readonly],
.raleway-dark #minhas_info .form-control[readonly] {
    background: #eef2f5 !important;
    color: #526579 !important;
}

.raleway-dark #minhas_info {
    border-color: #555b61 !important;
    background: #303234 !important;
}

.raleway-dark .tab-v2 > .nav-tabs,
.raleway-dark .tab-v2 > .tab-content.tab-default {
    border-color: #555b61 !important;
    background: #303234 !important;
}

.raleway-dark .tab-v2 > .nav-tabs > li > a {
    border-color: transparent !important;
    background: transparent !important;
    color: #cbd3db !important;
}

.raleway-dark .tab-v2 > .nav-tabs > li.active > a,
.raleway-dark .tab-v2 > .nav-tabs > li.active > a:hover,
.raleway-dark .tab-v2 > .nav-tabs > li.active > a:focus {
    border-color: #555b61 !important;
    border-top-color: var(--ac-primary) !important;
    background: #3d3f41 !important;
    color: #ffffff !important;
}

.raleway-dark #h_eadPedidos > .table-responsive,
.raleway-dark #h_eadPedidosPlanos > .table-responsive {
    border-color: #555b61 !important;
    background: #393b3d !important;
}

.raleway-dark #h_eadPedidos .invoice-table > thead > tr > td,
.raleway-dark #h_eadPedidosPlanos .invoice-table > thead > tr > td {
    border-color: #555b61 !important;
    background: rgba(var(--ac-primary-rgb),.18) !important;
    color: #f1f4f6 !important;
}

.raleway-dark #h_eadPedidos .invoice-table > tbody > tr > td,
.raleway-dark #h_eadPedidosPlanos .invoice-table > tbody > tr > td {
    border-color: #50555a !important;
    background: #393b3d !important;
    color: #dce3e9 !important;
}

.raleway-dark #h_eadPedidos .invoice-table > tbody > tr:nth-child(even) > td,
.raleway-dark #h_eadPedidosPlanos .invoice-table > tbody > tr:nth-child(even) > td {
    background: #353739 !important;
}

.raleway-dark #h_eadPedidos .invoice-table > tbody > tr:hover > td,
.raleway-dark #h_eadPedidosPlanos .invoice-table > tbody > tr:hover > td {
    background: rgba(var(--ac-primary-rgb),.13) !important;
}