.select2-selection--single, .select2-selection--multiple{
    min-height: 37px !important;
    padding-top: 3px;
}

.select2-selection__arrow{
    top: 4px !important;
}

.j_delete_action_confirm {
    margin-top: 5px;
}

.red-text{
    color: #db3a34 !important;
}

.jwc_chart_container p{
    color: #FFF !important;
}

/***********************************
############## LOGIN ###############
***********************************/
.login{
    position: relative;
    min-height: 100vh;
    background: radial-gradient(circle at 20% 15%, #2d213c 0%, #1c1127 35%, #06020d 100%);
    color: #fff;
    overflow-x: hidden;
}

.login::before{
    content: "";
    position: fixed;
    left: -18%;
    top: -20%;
    width: 52vw;
    height: 52vw;
    min-width: 360px;
    min-height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(159, 0, 255, 0.28) 0%, rgba(159, 0, 255, 0) 72%);
    z-index: 0;
    pointer-events: none;
}

.login::after{
    content: "";
    position: fixed;
    right: -16%;
    bottom: -30%;
    width: 46vw;
    height: 46vw;
    min-width: 320px;
    min-height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(241, 217, 255, 0.18) 0%, rgba(241, 217, 255, 0) 74%);
    z-index: 0;
    pointer-events: none;
}

.login_bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(135deg, rgba(6, 2, 13, 0.72) 0%, rgba(17, 2, 33, 0.84) 60%, rgba(28, 17, 39, 0.92) 100%),
        radial-gradient(circle at 14% 22%, rgba(159, 0, 255, 0.24) 0%, rgba(159, 0, 255, 0) 42%),
        radial-gradient(circle at 84% 78%, rgba(247, 82, 216, 0.2) 0%, rgba(247, 82, 216, 0) 36%);
    z-index: 1;
    pointer-events: none;
}

.login_bg::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(241, 217, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(241, 217, 255, 0.1) 1px, transparent 1px);
    background-size: 40px 40px;
    mask-image: radial-gradient(circle at 50% 52%, #000 38%, transparent 95%);
    opacity: 0.42;
}

.login_bg::after{
    content: "";
    position: absolute;
    inset: -15%;
    background: conic-gradient(from 0deg at 50% 50%, rgba(159, 0, 255, 0.1), rgba(247, 82, 216, 0.08), rgba(159, 0, 255, 0.1));
    animation: loginLightSweep 16s linear infinite;
    opacity: 0.5;
}

@keyframes loginLightSweep{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.login .trigger_ajax{
    display: block;
}

.login_container{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    z-index: 3;
    text-align: center;
    display: flex;
    padding: 42px 20px;
}

@supports (height: 100dvh){
    .login,
    .login_container{
        min-height: 100dvh;
    }
}

.login_container_public{
    align-items: flex-start;
}

.login_container_auth{
    align-items: center;
    justify-content: center;
}

.login_box{
    margin: auto;
    width: 470px;
    max-width: 100%;
}

.login_logo{
    width: 300px;
    max-width: 78%;
    display: block;
    margin: 0 auto 18px;
    filter: drop-shadow(0 8px 20px rgba(159, 0, 255, 0.28));
}

.login_logo path{
    fill: var(--color-dois);
}

.login_head{
    text-align: center;
    margin-bottom: 22px;
}

.login_head h1{
    margin: 0;
    font-family: "Source Code Pro", monospace;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 1.08em;
    color: #fff;
}

.login_head p{
    margin: 9px auto 0;
    max-width: 300px;
    color: #d4d4d4;
    font-size: 0.88em;
    line-height: 1.45;
}

.login_form{
    text-align: left;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 24px;
    border: 1px solid rgba(241, 217, 255, 0.2);
    background: rgba(17, 2, 33, 0.78);
    box-shadow: 0 24px 60px rgba(6, 2, 13, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.login_form .callback_return{
    width: 100%;
    margin: 0 0 16px;
    display: block;
    min-width: 0;
}

.login_form .callback_return .trigger_ajax{
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(6, 2, 13, 0.5);
}

.login_form .login_form_input{
    border-radius: 14px;
    width: 100%;
    margin: 0;
    display: block;
    min-width: 0;
    background: none;
    color: #fff;
}

.login_form .label{
    margin-bottom: 14px;
}

.login_form .legend{
    color: #d4d4d4;
    letter-spacing: 0.05em;
    font-size: 0.73em;
}

.login_form input.login_form_input{
    height: 48px;
    border: 1px solid rgba(241, 217, 255, 0.2);
    background: rgba(31, 8, 55, 0.9);
    padding: 0 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.login_form input.login_form_input::placeholder{
    color: #9b949f;
}

.login_form input.login_form_input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 4px rgba(159, 0, 255, 0.22);
    background: rgba(47, 14, 82, 0.94);
}

/***********************************
###### ADMIN LIGHT FINAL MODE ######
***********************************/
body.dashboard_main{
    --background-color: rgb(246, 246, 246);
    --color-um: #ffffff;
    --color-dois: #9f00ff;
    --color-tres: rgb(241, 241, 241);
    --color-quatro: #8400d6;
    --color-cinco: rgb(238, 238, 238);
    --color-seis: #dddddd;
    background:
        radial-gradient(circle at 3% -12%, rgba(159, 0, 255, 0.08) 0%, rgba(159, 0, 255, 0) 34%),
        radial-gradient(circle at 98% 2%, rgba(247, 82, 216, 0.06) 0%, rgba(247, 82, 216, 0) 30%),
        linear-gradient(180deg, #fafafa 0%, #f1f1f1 100%);
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .dashboard_fix{
    background: transparent;
}

body.dashboard_main .dashboard_sidebar,
body.dashboard_main .dashboard_header{
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .dashboard_header h1{
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_header_breadcrumbs,
body.dashboard_main .dashboard_header_breadcrumbs a{
    color: rgba(18, 2, 39, 0.7);
}

body.dashboard_main .dashboard_nav{
    background: #ffffff;
    border-right: 1px solid #eeeeee;
    box-shadow: 0 10px 28px rgba(18, 2, 39, 0.12);
}

body.dashboard_main .dashboard_nav_admin{
    background: rgb(246, 246, 246);
    border-bottom: 1px solid #eeeeee;
}

body.dashboard_main .dashboard_nav_admin a,
body.dashboard_main .dashboard_nav_menu_li > a{
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_nav_menu_li{
    border-top-color: #f3f3f3;
}

body.dashboard_main .dashboard_nav_menu_li > a:hover,
body.dashboard_main .dashboard_nav_menu_li.is-open > a,
body.dashboard_main .dashboard_nav_menu_active > a{
    background: rgba(159, 0, 255, 0.12) !important;
    color: rgb(18, 2, 39);
    border-left-color: #9f00ff;
}

body.dashboard_main .dashboard_nav_menu_sub{
    background: #fcf7ff;
}

body.dashboard_main .dashboard_nav_menu_sub_li a{
    color: rgba(18, 2, 39, 0.76);
}

body.dashboard_main .dashboard_nav_menu_sub_li.dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li a:hover{
    background: rgba(159, 0, 255, 0.12);
    color: rgb(18, 2, 39);
}

body.dashboard_main .panel_header{
    border-color: #eeeeee;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

body.dashboard_main .panel_header h1,
body.dashboard_main .panel_header h2,
body.dashboard_main .panel_header h3,
body.dashboard_main .panel_header p,
body.dashboard_main .panel_header.default > h2{
    color: rgb(18, 2, 39);
}

body.dashboard_main .panel_header.default{
    border-top-color: #eeeeee !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
}

body.dashboard_main .panel{
    background: #ffffff;
    border-color: #eeeeee;
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .panel h1,
body.dashboard_main .panel h2,
body.dashboard_main .panel h3,
body.dashboard_main .panel h4,
body.dashboard_main .panel h5,
body.dashboard_main .panel h6{
    color: rgb(18, 2, 39);
}

body.dashboard_main .panel p{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .panel a{
    color: #9f00ff;
}

body.dashboard_main .box_conf_menu{
    background: transparent;
}

body.dashboard_main .box_conf_menu a{
    background: #ffffff;
    border-color: #eeeeee;
    color: rgb(18, 2, 39);
}

body.dashboard_main .box_conf_menu a:last-of-type{
    border-color: #eeeeee;
}

body.dashboard_main .box_conf_menu a:hover{
    background: #faf5ff;
    border-color: #e3d2f5;
}

body.dashboard_main .box_conf_menu a.wc_active{
    background: linear-gradient(135deg, #9f00ff 0%, #c63bff 100%);
    border-color: #9f00ff;
    color: #ffffff;
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn),
body.dashboard_main select,
body.dashboard_main textarea,
body.dashboard_main .input{
    background: #ffffff;
    color: rgb(18, 2, 39);
    border-color: rgba(80, 80, 80, 0.3);
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn):focus,
body.dashboard_main select:focus,
body.dashboard_main textarea:focus,
body.dashboard_main .input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 3px rgba(159, 0, 255, 0.16);
    background: #ffffff;
}

body.dashboard_main .label .legend{
    color: rgba(18, 2, 39, 0.84);
}

body.dashboard_main input[readonly],
body.dashboard_main textarea[readonly]{
    background: #f6f6f6;
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .label .legend{
    color: rgba(18, 2, 39, 0.68);
}

body.dashboard_main .btn{
    box-shadow: 0 6px 16px rgba(18, 2, 39, 0.16);
}

body.dashboard_main .btn:hover{
    box-shadow: 0 10px 20px rgba(18, 2, 39, 0.22);
}

body.dashboard_main .btn_theme{
    background: linear-gradient(135deg, #9f00ff 0%, #c63bff 100%);
    border-color: #9f00ff;
}

body.dashboard_main .btn_theme:hover{
    background: linear-gradient(135deg, #8400d6 0%, #ae29e6 100%);
}

body.dashboard_main .btn_green{
    background: linear-gradient(135deg, #008068 0%, #00b494 100%);
    border-color: #008068;
}

body.dashboard_main .btn_blue{
    background: linear-gradient(135deg, #096397 0%, #0e96e5 100%);
    border-color: #096397;
}

body.dashboard_main .btn_yellow{
    background: linear-gradient(135deg, #cc8d41 0%, #faad50 100%);
    border-color: #cc8d41;
    color: #120227;
}

body.dashboard_main .btn_red{
    background: linear-gradient(135deg, #c54550 0%, #f45563 100%);
    border-color: #c54550;
}

body.dashboard_main .trigger{
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.12);
}

body.dashboard_main .trigger_success{
    background: #e9fbf4;
    color: #0d6b52;
    border-color: #bfeedd;
}

body.dashboard_main .trigger_info{
    background: #edf5ff;
    color: #0e63ac;
    border-color: #cfe1f7;
}

body.dashboard_main .trigger_alert{
    background: #fff8d9;
    color: #6a5600;
    border-color: #f0df8a;
}

body.dashboard_main .trigger_error{
    background: #ffebee;
    color: #9b2f44;
    border-color: #f5c2ca;
}

body.dashboard_main .panel table{
    background: #ffffff;
    border-color: #eeeeee;
}

body.dashboard_main .panel table thead th{
    background: #faf5ff;
    color: rgba(18, 2, 39, 0.86);
    border-bottom-color: #eeeeee;
}

body.dashboard_main .panel table tbody td{
    color: rgba(80, 80, 80, 1);
    border-bottom-color: #f1f1f1;
}

body.dashboard_main .panel table tbody tr:nth-child(even) td{
    background: #fcfcfc;
}

body.dashboard_main .admin_security_tab .panel{
    background:
        radial-gradient(circle at 8% -12%, rgba(159, 0, 255, 0.08) 0%, rgba(159, 0, 255, 0) 40%),
        radial-gradient(circle at 92% 8%, rgba(247, 82, 216, 0.05) 0%, rgba(247, 82, 216, 0) 35%),
        linear-gradient(165deg, #ffffff 0%, #f7f2ff 100%);
}

body.dashboard_main .admin_security_tab .panel:before{
    opacity: 0.12;
    background:
        repeating-linear-gradient(120deg, rgba(159, 0, 255, 0.14) 0, rgba(159, 0, 255, 0.14) 1px, transparent 1px, transparent 15px);
}

body.dashboard_main .admin_security_hero{
    border-color: #e9ddf4;
    background: linear-gradient(130deg, #ffffff 0%, #faf4ff 100%);
    box-shadow: 0 10px 24px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .admin_security_hero--2fa{
    border-left-color: #9f00ff;
}

body.dashboard_main .admin_security_hero--passkey{
    border-left-color: #00b494;
}

body.dashboard_main .admin_security_hero_content h3{
    color: rgb(18, 2, 39);
}

body.dashboard_main .admin_security_hero_content p{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .admin_security_badges span{
    color: rgba(18, 2, 39, 0.86);
    background: rgba(159, 0, 255, 0.08);
    border-color: rgba(159, 0, 255, 0.24);
}

body.dashboard_main .admin_security_badges span.is-primary{
    color: #ffffff;
    background: #9f00ff;
    border-color: #9f00ff;
}

body.dashboard_main .admin_security_info_card,
body.dashboard_main .admin_security_kpi,
body.dashboard_main .admin_security_steps,
body.dashboard_main .admin_security_status_card,
body.dashboard_main .admin_security_block,
body.dashboard_main .admin_security_record{
    background: #ffffff;
    border-color: #eeeeee;
}

body.dashboard_main .admin_security_info_card h4,
body.dashboard_main .admin_security_status_card h4,
body.dashboard_main .admin_security_block h3,
body.dashboard_main .admin_security_record_title,
body.dashboard_main .admin_security_steps h4{
    color: rgb(18, 2, 39);
}

body.dashboard_main .admin_security_info_card p,
body.dashboard_main .admin_security_status_card p,
body.dashboard_main .admin_security_steps li,
body.dashboard_main .admin_security_help{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .admin_security_kpi_label{
    color: rgba(18, 2, 39, 0.7);
}

body.dashboard_main .admin_security_kpi_value{
    color: rgb(18, 2, 39);
    background: rgba(159, 0, 255, 0.08);
    border-color: rgba(159, 0, 255, 0.2);
}

body.dashboard_main .admin_security_kpi_hint{
    color: rgba(80, 80, 80, 0.86);
}

body.dashboard_main .admin_security_status_meta span,
body.dashboard_main .admin_security_meta_chips span{
    color: rgba(18, 2, 39, 0.86);
    background: #f8f1ff;
    border-color: #e5d5f3;
}

.login{
    background: radial-gradient(circle at 20% 15%, #f4ebfc 0%, #f8f8f8 45%, #f2f2f2 100%);
    color: rgb(18, 2, 39);
}

.login::before{
    background: radial-gradient(circle, rgba(159, 0, 255, 0.1) 0%, rgba(159, 0, 255, 0) 72%);
}

.login::after{
    background: radial-gradient(circle, rgba(247, 82, 216, 0.09) 0%, rgba(247, 82, 216, 0) 74%);
}

.login_bg{
    background:
        linear-gradient(135deg, rgba(246, 246, 246, 0.72) 0%, rgba(255, 255, 255, 0.86) 60%, rgba(241, 241, 241, 0.92) 100%),
        radial-gradient(circle at 14% 22%, rgba(159, 0, 255, 0.12) 0%, rgba(159, 0, 255, 0) 42%),
        radial-gradient(circle at 84% 78%, rgba(247, 82, 216, 0.1) 0%, rgba(247, 82, 216, 0) 36%);
}

.login_bg::before{
    background-image:
        linear-gradient(rgba(159, 0, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(159, 0, 255, 0.08) 1px, transparent 1px);
}

.login_bg::after{
    background: conic-gradient(from 0deg at 50% 50%, rgba(159, 0, 255, 0.06), rgba(247, 82, 216, 0.05), rgba(159, 0, 255, 0.06));
}

.login_head h1{
    color: rgb(18, 2, 39);
}

.login_head p,
.login_help_text{
    color: rgba(80, 80, 80, 1);
}

.login_form{
    border-color: #ece4f7;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 42px rgba(18, 2, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.login_form .legend{
    color: rgba(18, 2, 39, 0.86);
}

.login_form input.login_form_input{
    border-color: rgba(80, 80, 80, 0.28);
    background: #ffffff;
    color: rgb(18, 2, 39);
}

.login_form input.login_form_input::placeholder{
    color: rgba(80, 80, 80, 0.6);
}

.login_form input.login_form_input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 4px rgba(159, 0, 255, 0.16);
    background: #ffffff;
}

.login_form input.login_form_input[readonly]{
    background: #f6f6f6;
    color: rgba(80, 80, 80, 1);
    border-style: dashed;
}

.login_manual_key{
    border-color: #e6d7f2;
    background: #faf5ff;
}

.login_manual_key summary{
    color: rgba(18, 2, 39, 0.74);
}

.login_qr img{
    background: #ffffff;
    border-color: #e6d7f2;
    box-shadow: 0 12px 24px rgba(18, 2, 39, 0.12);
}

.login_label_check{
    color: rgba(80, 80, 80, 1);
}

.login_form .btn_blue{
    border-color: rgba(159, 0, 255, 0.2);
    background: linear-gradient(130deg, #9f00ff 0%, #7b1fa2 100%);
    box-shadow: 0 10px 18px rgba(159, 0, 255, 0.22);
}

.login_form .btn_blue:hover{
    background: linear-gradient(130deg, #8400d6 0%, #9f00ff 100%);
    box-shadow: 0 12px 24px rgba(159, 0, 255, 0.28);
}

/***********************************
###### ADMIN LIGHT THEME MODE ######
***********************************/
body.dashboard_main{
    --background-color: rgb(246, 246, 246);
    --color-um: #ffffff;
    --color-dois: #9f00ff;
    --color-tres: rgb(241, 241, 241);
    --color-quatro: #8400d6;
    --color-cinco: rgb(238, 238, 238);
    --color-seis: #dddddd;
    background:
        radial-gradient(circle at 3% -12%, rgba(159, 0, 255, 0.08) 0%, rgba(159, 0, 255, 0) 34%),
        radial-gradient(circle at 98% 2%, rgba(247, 82, 216, 0.06) 0%, rgba(247, 82, 216, 0) 30%),
        linear-gradient(180deg, #fafafa 0%, #f1f1f1 100%);
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .dashboard_sidebar,
body.dashboard_main .dashboard_header{
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .dashboard_header h1{
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_header_breadcrumbs,
body.dashboard_main .dashboard_header_breadcrumbs a{
    color: rgba(18, 2, 39, 0.7);
}

body.dashboard_main .dashboard_nav{
    background: #ffffff;
    border-right: 1px solid #eeeeee;
    box-shadow: 0 10px 28px rgba(18, 2, 39, 0.12);
}

body.dashboard_main .dashboard_nav_admin{
    background: rgb(246, 246, 246);
    border-bottom: 1px solid #eeeeee;
}

body.dashboard_main .dashboard_nav_admin a{
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_nav_menu_li{
    border-top-color: #f3f3f3;
}

body.dashboard_main .dashboard_nav_menu_li > a{
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_nav_menu_li > a:hover,
body.dashboard_main .dashboard_nav_menu_li.is-open > a,
body.dashboard_main .dashboard_nav_menu_active > a{
    background: rgba(159, 0, 255, 0.12) !important;
    color: rgb(18, 2, 39);
    border-left-color: #9f00ff;
}

body.dashboard_main .dashboard_nav_menu_sub{
    background: #fcf7ff;
}

body.dashboard_main .dashboard_nav_menu_sub_li a{
    color: rgba(18, 2, 39, 0.76);
}

body.dashboard_main .dashboard_nav_menu_sub_li.dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li a:hover{
    background: rgba(159, 0, 255, 0.12);
    color: rgb(18, 2, 39);
}

body.dashboard_main .panel_header{
    border-color: #eeeeee;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

body.dashboard_main .panel_header h1,
body.dashboard_main .panel_header h2,
body.dashboard_main .panel_header h3,
body.dashboard_main .panel_header p,
body.dashboard_main .panel_header.default > h2{
    color: rgb(18, 2, 39);
}

body.dashboard_main .panel_header.default{
    border-top-color: #eeeeee !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
}

body.dashboard_main .panel{
    background: #ffffff;
    border-color: #eeeeee;
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .panel h1,
body.dashboard_main .panel h2,
body.dashboard_main .panel h3,
body.dashboard_main .panel h4,
body.dashboard_main .panel h5,
body.dashboard_main .panel h6{
    color: rgb(18, 2, 39);
}

body.dashboard_main .panel p{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .panel a{
    color: #9f00ff;
}

body.dashboard_main .box_conf_menu a{
    background: #ffffff;
    border-color: #eeeeee;
    color: rgb(18, 2, 39);
}

body.dashboard_main .box_conf_menu a:last-of-type{
    border-color: #eeeeee;
}

body.dashboard_main .box_conf_menu a:hover{
    background: #faf5ff;
    border-color: #e3d2f5;
}

body.dashboard_main .box_conf_menu a.wc_active{
    background: linear-gradient(135deg, #9f00ff 0%, #c63bff 100%);
    border-color: #9f00ff;
    color: #ffffff;
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn),
body.dashboard_main select,
body.dashboard_main textarea,
body.dashboard_main .input{
    background: #ffffff;
    color: rgb(18, 2, 39);
    border-color: rgba(80, 80, 80, 0.3);
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn):focus,
body.dashboard_main select:focus,
body.dashboard_main textarea:focus,
body.dashboard_main .input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 3px rgba(159, 0, 255, 0.16);
    background: #ffffff;
}

body.dashboard_main input[readonly],
body.dashboard_main textarea[readonly]{
    background: #f6f6f6;
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .label .legend{
    color: rgba(18, 2, 39, 0.68);
}

body.dashboard_main .btn{
    box-shadow: 0 6px 16px rgba(18, 2, 39, 0.16);
}

body.dashboard_main .btn:hover{
    box-shadow: 0 10px 20px rgba(18, 2, 39, 0.22);
}

body.dashboard_main .btn_theme{
    background: linear-gradient(135deg, #9f00ff 0%, #c63bff 100%);
    border-color: #9f00ff;
}

body.dashboard_main .btn_theme:hover{
    background: linear-gradient(135deg, #8400d6 0%, #ae29e6 100%);
}

body.dashboard_main .trigger{
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.12);
}

body.dashboard_main .trigger_success{
    background: #e9fbf4;
    color: #0d6b52;
    border-color: #bfeedd;
}

body.dashboard_main .trigger_info{
    background: #edf5ff;
    color: #0e63ac;
    border-color: #cfe1f7;
}

body.dashboard_main .trigger_alert{
    background: #fff8d9;
    color: #6a5600;
    border-color: #f0df8a;
}

body.dashboard_main .trigger_error{
    background: #ffebee;
    color: #9b2f44;
    border-color: #f5c2ca;
}

body.dashboard_main .panel table{
    background: #ffffff;
    border-color: #eeeeee;
}

body.dashboard_main .panel table thead th{
    background: #faf5ff;
    color: rgba(18, 2, 39, 0.86);
    border-bottom-color: #eeeeee;
}

body.dashboard_main .panel table tbody td{
    color: rgba(80, 80, 80, 1);
    border-bottom-color: #f1f1f1;
}

body.dashboard_main .panel table tbody tr:nth-child(even) td{
    background: #fcfcfc;
}

body.dashboard_main .admin_security_tab .panel{
    background:
        radial-gradient(circle at 8% -12%, rgba(159, 0, 255, 0.08) 0%, rgba(159, 0, 255, 0) 40%),
        radial-gradient(circle at 92% 8%, rgba(247, 82, 216, 0.05) 0%, rgba(247, 82, 216, 0) 35%),
        linear-gradient(165deg, #ffffff 0%, #f7f2ff 100%);
}

body.dashboard_main .admin_security_tab .panel:before{
    opacity: 0.12;
    background:
        repeating-linear-gradient(120deg, rgba(159, 0, 255, 0.14) 0, rgba(159, 0, 255, 0.14) 1px, transparent 1px, transparent 15px);
}

body.dashboard_main .admin_security_hero{
    border-color: #e9ddf4;
    background: linear-gradient(130deg, #ffffff 0%, #faf4ff 100%);
    box-shadow: 0 10px 24px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .admin_security_hero--2fa{
    border-left-color: #9f00ff;
}

body.dashboard_main .admin_security_hero--passkey{
    border-left-color: #00b494;
}

body.dashboard_main .admin_security_hero_content h3{
    color: rgb(18, 2, 39);
}

body.dashboard_main .admin_security_hero_content p{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .admin_security_badges span{
    color: rgba(18, 2, 39, 0.86);
    background: rgba(159, 0, 255, 0.08);
    border-color: rgba(159, 0, 255, 0.24);
}

body.dashboard_main .admin_security_badges span.is-primary{
    color: #ffffff;
    background: #9f00ff;
    border-color: #9f00ff;
}

body.dashboard_main .admin_security_info_card,
body.dashboard_main .admin_security_kpi,
body.dashboard_main .admin_security_steps,
body.dashboard_main .admin_security_status_card,
body.dashboard_main .admin_security_block,
body.dashboard_main .admin_security_record{
    background: #ffffff;
    border-color: #eeeeee;
}

body.dashboard_main .admin_security_info_card h4,
body.dashboard_main .admin_security_status_card h4,
body.dashboard_main .admin_security_block h3,
body.dashboard_main .admin_security_record_title,
body.dashboard_main .admin_security_steps h4{
    color: rgb(18, 2, 39);
}

body.dashboard_main .admin_security_info_card p,
body.dashboard_main .admin_security_status_card p,
body.dashboard_main .admin_security_steps li,
body.dashboard_main .admin_security_help{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .admin_security_kpi_label{
    color: rgba(18, 2, 39, 0.7);
}

body.dashboard_main .admin_security_kpi_value{
    color: rgb(18, 2, 39);
    background: rgba(159, 0, 255, 0.08);
    border-color: rgba(159, 0, 255, 0.2);
}

body.dashboard_main .admin_security_kpi_value.is-success{
    background: #e9fbf4;
    color: #0d6b52;
    border-color: #bfeedd;
}

body.dashboard_main .admin_security_kpi_value.is-warning{
    background: #fff8d9;
    color: #6a5600;
    border-color: #f0df8a;
}

body.dashboard_main .admin_security_kpi_value.is-info{
    background: #edf5ff;
    color: #0e63ac;
    border-color: #cfe1f7;
}

body.dashboard_main .admin_security_kpi_value.is-pending{
    background: #fff8d9;
    color: #6a5600;
    border-color: #f0df8a;
}

body.dashboard_main .admin_security_kpi_value.is-danger{
    background: #ffebee;
    color: #9b2f44;
    border-color: #f5c2ca;
}

body.dashboard_main .admin_security_kpi_hint{
    color: rgba(80, 80, 80, 0.86);
}

body.dashboard_main .admin_security_status_card.is-success{
    border-left-color: #00b494;
}

body.dashboard_main .admin_security_status_card.is-warning{
    border-left-color: #ffe500;
}

body.dashboard_main .admin_security_status_card.is-info{
    border-left-color: #9f00ff;
}

body.dashboard_main .admin_security_status_meta span,
body.dashboard_main .admin_security_meta_chips span{
    color: rgba(18, 2, 39, 0.86);
    background: #f8f1ff;
    border-color: #e5d5f3;
}

.login{
    background: radial-gradient(circle at 20% 15%, #f4ebfc 0%, #f8f8f8 45%, #f2f2f2 100%);
}

.login::before{
    background: radial-gradient(circle, rgba(159, 0, 255, 0.1) 0%, rgba(159, 0, 255, 0) 72%);
}

.login::after{
    background: radial-gradient(circle, rgba(247, 82, 216, 0.09) 0%, rgba(247, 82, 216, 0) 74%);
}

.login_bg{
    background:
        linear-gradient(135deg, rgba(246, 246, 246, 0.72) 0%, rgba(255, 255, 255, 0.86) 60%, rgba(241, 241, 241, 0.92) 100%),
        radial-gradient(circle at 14% 22%, rgba(159, 0, 255, 0.12) 0%, rgba(159, 0, 255, 0) 42%),
        radial-gradient(circle at 84% 78%, rgba(247, 82, 216, 0.1) 0%, rgba(247, 82, 216, 0) 36%);
}

.login_bg::before{
    background-image:
        linear-gradient(rgba(159, 0, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(159, 0, 255, 0.08) 1px, transparent 1px);
}

.login_bg::after{
    background: conic-gradient(from 0deg at 50% 50%, rgba(159, 0, 255, 0.06), rgba(247, 82, 216, 0.05), rgba(159, 0, 255, 0.06));
}

.login_head h1{
    color: rgb(18, 2, 39);
}

.login_head p,
.login_help_text{
    color: rgba(80, 80, 80, 1);
}

.login_form{
    border-color: #ece4f7;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 42px rgba(18, 2, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.login_form .legend{
    color: rgba(18, 2, 39, 0.68);
}

.login_form input.login_form_input{
    border-color: rgba(80, 80, 80, 0.28);
    background: #ffffff;
    color: rgb(18, 2, 39);
}

.login_form input.login_form_input::placeholder{
    color: rgba(80, 80, 80, 0.6);
}

.login_form input.login_form_input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 4px rgba(159, 0, 255, 0.16);
    background: #ffffff;
}

.login_form input.login_form_input[readonly]{
    font-family: "Source Code Pro", monospace;
    font-size: 0.86em;
    background: rgba(28, 17, 39, 0.95);
    border-style: dashed;
}

.login_help_text{
    margin: 0 0 14px;
    color: #d4d4d4;
    line-height: 1.48;
    font-size: 0.92em;
}

.login_manual_key{
    margin: 0 0 12px;
    padding: 0;
    border: 1px solid rgba(241, 217, 255, 0.18);
    border-radius: 10px;
    background: rgba(28, 17, 39, 0.52);
}

.login_manual_key summary{
    cursor: pointer;
    list-style: none;
    padding: 10px 12px;
    font-size: 0.82em;
    color: #d4d4d4;
    font-weight: 600;
}

.login_manual_key summary::-webkit-details-marker{
    display: none;
}

.login_manual_key .label{
    margin: 0;
    padding: 0 12px 12px;
}

.login_form_2fa .login_head{
    margin-bottom: 16px;
}

.login_form_2fa .login_head h1{
    font-size: 1em;
}

.login_form_2fa .login_head p{
    margin-top: 6px;
    font-size: 0.82em;
}

.login_form_2fa .label{
    margin-bottom: 11px;
}

.login_qr{
    text-align: center;
    margin-bottom: 15px;
}

.login_qr img{
    max-width: 182px;
    width: 100%;
    height: auto;
    border-radius: 16px;
    padding: 10px;
    background: rgba(17, 2, 33, 0.95);
    border: 1px solid rgba(241, 217, 255, 0.2);
    box-shadow: 0 14px 26px rgba(6, 2, 13, 0.55);
}

.login_label_check{
    display: block;
    width: 100%;
    margin: 2px 0 14px;
    padding-left: 28px;
    color: #fff;
    font-size: 0.86em;
    line-height: 1.45;
}

.login_label_check input{
    left: 0;
    top: 7px;
    width: 16px !important;
    height: 16px;
    accent-color: #9f00ff;
}

.login_link{
    font-size: 0.78em;
    margin: 0 0 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.login_link a{
    color: #9f00ff;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
}

.login_link a:hover{
    color: #f752d8;
    text-decoration: none;
}

.login_form div.login_form_input{
    margin-top: 2px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.login_form div.login_form_input .form_load{
    float: none !important;
    margin: 0 !important;
    width: 20px;
    order: 2;
}

.login_form .btn_login_submit{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 44px;
}

.login_form .btn_login_submit .form_load{
    display: none;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none;
}

.login_form .btn_blue{
    min-width: 175px;
    min-height: 45px;
    border-radius: 12px;
    border: 1px solid rgba(241, 217, 255, 0.22);
    background: linear-gradient(130deg, #9f00ff 0%, #7b1fa2 100%);
    text-shadow: none;
    box-shadow: 0 14px 26px rgba(6, 2, 13, 0.52);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.login_form .btn_blue:hover{
    background: linear-gradient(130deg, #1b001b 0%, #9f00ff 100%);
    box-shadow: 0 16px 30px rgba(6, 2, 13, 0.62);
}

.login_form .g-recaptcha_align{
    margin: 0;
}

.login_form .g-recaptcha{
    transform-origin: left top;
}

@media (max-width: 620px){
    .login_container{
        padding: 22px 12px;
    }

    .login_box{
        width: 100%;
    }

    .login_logo{
        width: 250px;
        max-width: 72%;
        margin-bottom: 14px;
    }

    .login_head{
        margin-bottom: 18px;
    }

    .login_head h1{
        font-size: 0.97em;
    }

    .login_head p{
        font-size: 0.84em;
    }

    .login_form{
        padding: 22px 16px;
        border-radius: 18px;
    }

    .login_form input.login_form_input{
        height: 46px;
    }

    .login_form .btn_blue{
        width: 100%;
    }

    .login_form div.login_form_input{
        gap: 8px;
        flex-wrap: wrap;
    }
}

.cadastro_admin{
    margin: auto;
    width: 100%;

}

.cadastro_admin .cadastro_admin_box{
    margin: 30px auto;
    width: 800px;
    max-width: 90%;
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_text{
    margin: 30px 0;
    text-align: left !important;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_text h1{
    color: var(--color-tres);
    font-size: 1.2em;
    margin-bottom: 8px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_text p{
    color: var(--color-quatro);
    text-align: justify !important;
    margin-bottom: 4px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_clinic{
    text-align: left !important;
    padding: 10px;
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    margin-bottom: 28px;
    background-color: #f5f9fa;
    color: #333;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_clinic b{
    color: var(--color-tres);
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_clinic span{
    text-transform: uppercase;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_dados{
    padding-bottom: 0;
    display: none;
}

.cadastro_admin .cadastro_admin_box form{
    background-color: #FFF;
}

.cadastro_admin .cadastro_admin_box form input{
    text-transform: uppercase;
}

.cadastro_admin .cadastro_admin_box form select{
    min-height: 40px;
}

.cadastro_admin .cadastro_admin_box form .cadastro_admin_info{
    text-align: left;
    margin: 20px 0;
    padding: 0;
    background-color: #EFEFEF;
    border-radius: 5px;
    font-size: 0.875em;
    overflow: hidden;
}

.cadastro_admin .cadastro_admin_box form .cadastro_admin_info .info_text{
    padding: 10px;
}

.cadastro_admin .cadastro_admin_box form .cadastro_admin_info h3{
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
}

.cadastro_admin .cadastro_admin_box form .cadastro_admin_info p{
    margin-bottom: 5px;
    padding-left: 5px;
    font-family: 'Lato', sans-serif;
}

.cadastro_admin .cadastro_admin_box form .cadastro_admin_info ul{
    padding: 0 10px;
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
}

.cadastro_admin .cadastro_admin_box form .cadastro_admin_info ul li{
    font-family: 'Lato', sans-serif;
}

.cadastro_admin .cadastro_admin_box .legend{
    text-align: left;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros{
    margin-top: 48px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros header{
    margin-bottom: 24px
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros header h1{
    color: var(--color-tres);
    font-size: 1.2em;
    text-transform: uppercase;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas{
    text-transform: uppercase;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul{
    display: flex;
    align-items: center;
    min-height: 40px;
    text-align: center;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul:nth-child(1){
    font-weight: 600;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul li:nth-child(1){
    flex-basis: calc(100% - 390px);
    padding: 0 8px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul li:nth-child(2){
    flex-basis: 120px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul li:nth-child(3){
    flex-basis: 100px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul li:nth-child(4){
    flex-basis: 120px;
}

.cadastro_admin .cadastro_admin_box .cadastro_admin_box_cadastros .cadastro_admin_box_cadastros_criancas ul li:nth-child(5){
    flex-basis: 50px;
}

.SingleCuradoria li{
    padding: 20px;
    border: 1px solid #EEE;
    display: block;
    margin-bottom: 5px;
}

.SingleCuradoria li.SingleCuradoriaNoRes{
    
}

.faq .faq_left header h1 span, .faq .faq_right header h1 span{
    float: right;
    color: #096397;
    cursor: pointer;
}

.faq .faq_left header h1 span:hover, .faq .faq_right header h1 span:hover{
    color: #00A887;
}

.faq .faq_left ul li div, .faq .faq_right article div{
    position: absolute;
    right: 0;
    bottom: 0px;
    font-size: 15px;
    padding: 4px;
    color: #FFF;
}

.faq .faq_left ul li div span, .faq .faq_right article div span{
    padding: 5px;
    color: #0E96E5;
    font-weight: 100;
    cursor: pointer;
}

.faq .faq_left ul li div span.icon-cancel-circle, .faq .faq_right article div span.icon-cancel-circle{
    color: red;
}

.faq .faq_left ul li div span:hover, .faq .faq_right article div span:hover{
    color: #000;
}

.faq .faq_right article div span{

}

.faq .faq_left ul li{
    margin-bottom: 10px;
    position: relative;
}

.faq .faq_left ul li:last-child{
    margin: 0;
}

.faq .faq_left a.wc_tab {
    width: 100%;
    display: block;
    text-decoration: none;
    background-color: #F7F7F7;
    padding: 10px;
    color: #096397;
    font-weight: 400;
    font-size: 1.2em;

}

.faq .faq_left a.wc_tab:hover{
    background-color: #F1F1F1;
}

.faq .faq_right article{
    margin-bottom: 10px;
    background-color: #F7F7F7;
    padding: 10px 10px 25px;
    position: relative;
}

.faq .faq_right article:last-child{
    margin: 0;
}

.faq .faq_right article header{
    margin-bottom: 5px;
}

.faq .faq_right article header h1{
    font-weight: 400;
    color: #096397;
    font-size: 1.2em;
}

.faq .faq_right article header p{
    font-weight: 100;
    font-size: 0.875em;
    color: #096397;
}

.faq .faq_right article p{
    font-size: 1em;
}

/***********************************
############ BOX MODEL #############
***********************************/
.box{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    padding: 10px;
}

.box > header{
    padding: 10px;
    border-top: 5px solid #EBEBEB;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.box > header h1{
    font-size: 0.875em;
    font-weight: 600;
}

.box > header .a{
    text-transform: uppercase;
    color: #00B494;
    text-decoration: none;
    font-size: 0.8em;
    margin-top: 4px;
}

.box > header .a:hover{
    text-decoration: underline;
}

.box12{
    width: 12.5%;
}

.box20{
    width: 20%;
}
.box25{
    width: 25%;
}
.box30{
    width: 30%;
}
.box33{
    width: 33.333333333%;
}
.box50{
    width: 50%;
}
.box70{
    width: 70%;
}
.box100{
    width: 100%;
}

.box_content{
    padding: 15px;
    font-weight: 300;
    background: #fff;
    font-size: 0.875em;
}

.box_actions{
    font-size: 0.8em;
    text-align: center;
    background: #fbfbfb;
    padding: 15px 0;
}

.box_actions .btn{
    margin: 0 4px !Important;
}

.header_blue{
    background: #0E96E5 !important;
    border-color: #096397 !important;
    color: #fff;
}
.header_green{
    background: #00B494 !important;
    border-color: #008068 !important;
    color: #fff;
}
.header_yellow{
    background: #FABB3D !important;
    border-color: #EEA306 !important;
    color: #fff;
}
.header_red{
    background: #FF524F !important;
    border-color: #C63D3A !important;
    color: #fff;
}

/***********************************
############## PANEL ###############
***********************************/

/*PANEL HEADER*/
.panel_header{
    padding: 15px;
    background: #FFF;
    padding-bottom: 8px;
    border-bottom: 1px solid #CCC;
}

.panel_header h1, .panel_header h2, .panel_header h3, .panel_header h4, .panel_header h5, .panel_header h6, .panel_header p{
    color: #555;
}
.panel_header h4, .panel_header h5, .panel_header h6{
    margin: 8px 0;
}

.panel_header > h2 {
    font-size: 1.8em;
    font-weight: normal;
}

.panel_header > p{
    font-size: 0.875em;
    color: #000;
    font-weight: 300;
    margin: 6px 0;
}

.panel_header mark{
    padding: 2px 6px;
}

.panel_header > p.subtitle{
    margin-left: 40px;
}

.panel_header > ul{
    list-style: initial;
    margin: 30px;
    font-size: 0.875em;
    color: #555;
}

.panel_header > ol{
    margin: 30px;
    font-size: 0.875em;
    color: #555;
}

.panel_header > span{
    float: right;
    margin-top: 4px;
}

/* PANEL HEADER DEFAULT WHITE */
.panel_header.default{
    background: #FFF !important;
    border-top: 5px solid #EBEBEB !important;
    border-bottom: 1px solid #EEE !important;
    color: #555;
}
.panel_header.default > h2{
    font-size: 0.875em;
    font-weight: 600;
    color: #333;
    padding-bottom: 5px;
}
.panel_header.default > span{
    position: relative;
    right: 0;
    top: -10px;
}

/* PANEL HEADER SUCCESS GREEN */
.panel_header.success{
    background: #00B494 !important;
    border-top: 5px solid #008068 !important;
    border-bottom: 1px solid #008068 !important;
    color: #FFF;
}
.panel_header.success > h2{
    font-size: 0.875em;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 5px;
}
.panel_header.success > span{
    position: relative;
    right: 0;
    top: -10px;
}

/* PANEL HEADER ALERT YELLOW */
.panel_header.alert{
    background: #FABB3D !important;
    border-top: 5px solid #EEA306 !important;
    border-bottom: 1px solid #EEA306 !important;
    color: #FFF;
}
.panel_header.alert > h2{
    font-size: 0.875em;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 5px;
}
.panel_header.alert > span{
    position: relative;
    right: 0;
    top: -10px;
}

/* PANEL HEADER INFO BLUE */
.panel_header.info{
    background: var(--color-dois) !important;
    border-top: 5px solid var(--color-um) !important;
    border-bottom: 1px solid var(--color-um) !important;
    color: #FFF;
}
.panel_header.info > h2{
    font-size: 0.875em;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 5px;
}
.panel_header.info > span{
    position: relative;
    right: 0;
    top: -10px;
}

/* PANEL HEADER WARNING RED */
.panel_header.warning{
    background: #FF524F !important;
    border-top: 5px solid #C63D3A !important;
    border-bottom: 1px solid #C63D3A !important;
    color: #FFF;
}
.panel_header.warning > h2{
    font-size: 0.875em;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 5px;
}
.panel_header.warning > span{
    position: relative;
    right: 0;
    top: -10px;
}

/*PANEL*/
.panel{
    padding: 15px;
    font-weight: 300;
    background: #fff;
    font-size: 0.875em;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p{
    color: #555;
}
.panel h4, .panel h5, .panel h6{
    margin: 8px 0;
}

.panel h2{
    font-size: 1.8em;
    font-weight: normal;
}

.panel > p{
    font-size: 1em;
    color: #000;
    font-weight: 300;
    margin: 10px 0;
}

.panel mark{
    padding: 2px 6px;
}

.panel > ul{
    list-style: initial;
    margin: 30px 0;
    font-size: 1em;
    color: #555;
}

.panel > ol{
    margin: 30px;
    font-size: 1em;
    color: #555;
}

.panel > span{
    float: right;
    position: relative;
    right: 0;
    top: -3px;
}

/*PANEL FOOTER*/
.panel_footer{
    padding: 15px;
    border-top: 1px solid #CCC;
    color: #555;
    font-size: 0.75em;
    text-align: right;
    font-weight: 300;
    background: #FFF;
}

.panel_footer_external{
    padding: 15px 0;
    border-top: 1px solid #CCC;
    color: #555;
    font-size: 0.75em;
    text-align: right;
    font-weight: 300;
}

.panel_footer > span, .panel_footer_external > span {
    float: right;
    position: relative;
    top: -3px;
    right: 0;
    padding-left: 10px;
}

/***********************************
############ DASHBOARD #############
***********************************/
.dashboard_main{
    width: 100%;
    min-height: 100vh;
    height: auto;
    background: var(--background-color);
}

.dashboard{
    float: left;
    width: 100%;
    min-height: 100vh;
}

.dashboard_fix{
    margin-left: 220px;
    min-height: 100vh;
    transition: margin-left 0.25s ease;
}

body.dashboard_nav_collapsed .dashboard_fix{
    margin-left: 0;
}

body.dashboard_main.dashboard_nav_collapsed .dashboard_fix{
    margin-left: 0;
}

.dashboard_nav{
    position: fixed;
    left: 0;
    top: 0;
    width: 220px;
    height: 100vh;
    background: var(--color-um);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--color-dois) var(--color-um);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    z-index: 2001;
}

.dashboard_nav_normalize{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 220px;
    background: var(--color-um);
    z-index: -1;
}

.dashboard_nav_overlay{
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.42);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 2000;
}

.dashboard_nav_overlay.is-active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dashboard_nav_admin{
    padding: 10px;
    background: var(--color-tres);
    text-align: center;
    color: #ccc;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard_nav_admin_thumb{
    padding: 3px;
    border: 1px solid #fff;
    margin-bottom: 10px;
}

.dashboard_nav_admin a{
    color: #FFF;
    text-decoration: none;
}

.dashboard_nav_admin a:hover{
    color: #fff;
    text-decoration: underline;
}

.dashboard_nav_admin_version{
    display: block;
    margin-top: 6px;
    font-size: 11px;
    opacity: 0.78;
    letter-spacing: 0.02em;
    color: #000;
}

.dashboard_nav_menu{
    width: 100%;
    font-size: 0.875em;
    font-weight: 600;
    background: var(--color-um);
    overflow: visible;
    padding-bottom: 10px;
}

.dashboard_nav::-webkit-scrollbar{
    width: 8px;
}

.dashboard_nav::-webkit-scrollbar-track{
    background: var(--color-um);
}

.dashboard_nav::-webkit-scrollbar-thumb{
    background: var(--color-dois);
    border-radius: 8px;
}

.dashboard_nav_menu_li{
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.dashboard_nav_menu_li > a{
    display: block;
    width: 100%;
    color: #FFF;
    text-decoration: none;
    padding: 12px 20px;
    transition: background-color 0.2s ease, padding 0.2s ease;
    position: relative;
}

.dashboard_nav_menu_li > a:hover,
.dashboard_nav_menu_li.is-open > a,
.dashboard_nav_menu_active > a{
    background-color: var(--color-dois) !important;
    color: #fff;
}

.dashboard_nav_menu_active:not(.dashboard_nav_menu_has_sub) > a:after{
    content: "*";
    float: right;
}

.dashboard_nav_menu_has_sub > a{
    padding-right: 42px;
}

.dashboard_nav_menu_has_sub > a:after{
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.dashboard_nav_menu_has_sub.is-open > a:after,
.dashboard_nav_menu_has_sub.dashboard_nav_menu_active > a:after{
    content: "-";
}

.dashboard_nav_menu_sub{
    display: none;
    width: 100%;
    left: 0;
    position: relative;
    background: var(--color-dois);
    padding: 4px 0;
}

.dashboard_nav_menu_sub.top{
    bottom: auto;
}

.dashboard_nav_menu_sub_li,
.dashboard_nav_menu_sub_li a{
    display: block;
    width: 100%;
    color: #FFF;
    text-decoration: none;
    font-weight: 400;
}

.dashboard_nav_menu_sub_li a{
    padding: 10px 15px 10px 32px;
    background: var(--color-dois);
}

.dashboard_nav_menu_sub_li a:before {
    content: ':: ';
    opacity: 0.8;
}

.dashboard_nav_menu_li.is-open .dashboard_nav_menu_sub{
    display: block;
}

.dashboard_nav_menu_sub_li.dashboard_nav_menu_active > a{
    padding-left: 35px;
    font-weight: 600;
}


.dashboard_sidebar{
    float: left;
    width: 100%;
    padding: 16px 25px;
    font-size: 0.875em;
    color: #555;
    background: #FFF;
    border-bottom: 1px solid #EBEBEB;
    position: sticky;
    top: 0;
    z-index: 98;
}

.dashboard_sidebar_right{
    text-align: right;
}

.dashboard_header{
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 25px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    color: #555;
}

.dashboard_header_title{
    display: inline-block;
}

.dashboard_header h1{
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.dashboard_header_breadcrumbs{
    font-size: 0.875em;
}

.dashboard_header_breadcrumbs .crumb{
    margin: 0 5px;
    display: inline-block;
}

.dashboard_header_breadcrumbs a{
    font-weight: 600;
    color: #555;
    text-decoration: none;
}

.dashboard_header_breadcrumbs a:hover{
    text-decoration: underline;
}

.dashboard_header_search{
    float: right;
    width: auto;
    max-width: 100%;
    text-align: right;
    width: 700px;
    margin-top: 15px;
}

.dashboard_header_search input{
    margin-right: 10px;
    width: 70%;
    padding: 5px !important;
    font-size: 1em !important;
}

.dashboard_header_search select{
    padding: 5px !important;
    font-size: 1em !important;
    height: 34px;
}

.dashboard_header_search .btn{
    display: inline-block;
}

.dashboard_content{
    float: left;
    width: 100%;
    padding: 10px 10px;
}

.dashboard_content form .mural{
    height: 500px;
    overflow: auto;
    background-color: #FFF;
}

.dashboard_content form .mural div{
    padding: 10px 10px 30px;
    background-color: #FFF;
    display: block;
    border:1px solid #BBBBBB;
    border-radius: 10px;
    font-size: 14px;
    width: 80%;
    position: relative;
    margin-bottom: 20px;
}

.dashboard_content form .mural div.user{
    float: left;
    border-top-left-radius: 0;
    background-color: #FBFBFB;
}

.dashboard_content form .mural div.adm{
    float: right;
    border-top-right-radius: 0;
    background-color: #FFF;
}

.dashboard_content form .mural div span{
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 10px;
    color: #777;
}

/***********************************
####### MODEL HOME DASHBOARD #######
***********************************/

/*MODEL HOME1, HOME2, HOME3, HOME4*/
.dashboard_onlinenow p{
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 7px;
}

.dashboard_onlinenow a{
    text-align: center;
    padding: 10px;
    font-size: 0.8em;
    text-decoration: none;
    display: block;
    background: var(--background-color);
    color: #008068;
    font-weight: 400;
}

.dashboard_onlinenow a:hover{
    background: #00B494;
    color: #fff;
}

.dashboard_stats p{
    display: inline-block;
    width: 33%;
    text-align: center;
    vertical-align: top;
    font-size: 1.3em;
    margin: 5px 0;
}

.dashboard_stats span{
    display: block;
    font-size: 0.6em;
}

.dashboard_stats h3{
    display: block;
    margin-top: 10px;
    padding: 10px;
    background: var(--background-color);
    text-align: center;
    color: #888;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
}

.dashboard_onlinenow b,
.dashboard_stats b{
    font-weight: 300;
}

.dashboard_mostviews article {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.dashboard_mostviews article img{
    float: left;
    width: 30%;
    border-radius: 0 0 20px 0;
    -moz-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.dashboard_mostviews article a{
    color: #096397;
    text-decoration: none;
}

.dashboard_mostviews article a:hover{
    text-decoration: underline;
}

.dashboard_mostviews article .info{
    padding-left: 20px;
    float: right;
    width: 70%;
}

.dashboard_mostviews article h1{
    margin-top: 5px;
    font-size: 1em;
    font-weight: 400;
}

.dashboard_comments article{
    float: left;
    width: 100%;
    margin: 13px 0;
}

.dashboard_comments article .thumb{
    float: left;
    width: 20%;
    padding-right: 20px;
}

.dashboard_comments article img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dashboard_comments article .comment{
    padding-top: 5px;
    float: right;
    width: 80%;
}

.dashboard_comments article h1{
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 6px;
    color: #888;
}

.dashboard_comments article h1 a{
    font-size: 1.2em;
}

.dashboard_comments article p{
    color: #888;
}

.dashboard_comments article a{
    color: #008068;
    text-decoration: none;
}

.dashboard_comments article a:hover{
    text-decoration: underline;
}

.dashboard_comments .pending a{
    color: #CC8D41;
}

.dashboard_search article{
    display: block;
    width: 100%;
}

.dashboard_search article:nth-of-type(2n+0){
    background: #eee;
}

.dashboard_search article p,
.dashboard_search article h1{
    font-size: 0.9em;
    display: inline-block;
    width: 20%;
    margin-right: -4px;
    padding: 10px;
    vertical-align: middle;
    font-weight: 400;
    text-align: center;
}

.dashboard_search article h1{
    text-align: left;
}

.dashboard_search article a{
    color: #CC8D41;
    text-decoration: none;
}

.dashboard_search article a:hover{
    text-decoration: underline;
}

.dashboard_searchnowlink{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #eee;
    color: #CC8D41;
    font-weight: 600;
    text-decoration: none;
    margin-top: 15px;
}

.dashboard_searchnowlink:hover{
    text-decoration: underline;
}

.dashboard_orders .order{
    padding: 16px 0;
    border-bottom: 1px solid #f2f2f2;
}

.dashboard_orders a{
    font-weight: bold;
    color: #008068;
    text-decoration: none;
}

.dashboard_orders a:hover{
    text-decoration: underline;
}

.dashboard_orders .order span{
    display: inline-block;
    width: 26.666666667%;
    text-align: center;
    font-weight: 400;
}

.dashboard_orders .order span:first-of-type{
    text-align: left;
    width: 20%;
}

.dashboard_users .box_conf_menu a{
    font-size: 1em;
    padding: 15px;
}

/* Keep user create side menu reliably visible (prevents inline-block wrapping glitches). */
.dashboard_content.dashboard_users{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.dashboard_content.dashboard_users > .box{
    margin-left: 0;
}

.box_conf_menu{
    background: #fff;
}

.box_conf_menu a{
    font-size: 1em;
    padding: 10px !important;
}

.admin_permissions_intro{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}

.admin_permissions_rulebox{
    border: 1px solid #e8dff1;
    border-radius: 12px;
    padding: 12px 14px;
    background: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);
}

.admin_permissions_rulebox p{
    margin: 0;
    line-height: 1.5;
}

.admin_permissions_scope{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px dashed #d7c5e9;
    border-radius: 12px;
    background: #fcf9ff;
    cursor: pointer;
}

.admin_permissions_scope input[type='checkbox']{
    width: auto !important;
    margin-top: 2px;
    flex: 0 0 auto;
}

.admin_permissions_scope strong{
    display: block;
    line-height: 1.35;
    color: rgb(18, 2, 39);
}

.admin_permissions_scope small{
    display: block;
    margin-top: 4px;
    line-height: 1.45;
    color: rgba(80, 80, 80, 0.95);
}

.admin_permissions_table{
    margin-top: 2px;
}

.admin_permissions_accordion{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin_permissions_group{
    border: 1px solid #e8dff1;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.admin_permissions_group_toggle{
    width: 100%;
    border: 0;
    background: linear-gradient(135deg, #faf5ff 0%, #ffffff 100%);
    cursor: pointer;
    text-align: left;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgb(18, 2, 39);
    border-bottom: 1px solid #eee3f7;
}

.admin_permissions_group_toggle span{
    font-size: 1em;
    font-weight: 700;
}

.admin_permissions_group_toggle small{
    font-size: 0.78em;
    color: rgba(80, 80, 80, 0.86);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin_permissions_group_toggle.is-open{
    background: linear-gradient(135deg, #f3e7ff 0%, #ffffff 100%);
}

.admin_permissions_group_body{
    padding: 10px 12px 12px 12px;
}

.admin_permissions_bulk{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.admin_permissions_bulk_item{
    flex: 1 1 320px;
    border: 1px dashed #e2d3ee;
    border-radius: 10px;
    padding: 10px;
    background: #fcf9ff;
}

.admin_permissions_bulk_item label{
    display: block;
    font-size: 0.78em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    color: rgba(18, 2, 39, 0.76);
    margin-bottom: 6px;
}

.admin_permissions_bulk_controls{
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin_permissions_bulk_controls select{
    min-width: 170px;
    margin: 0;
}

.admin_permissions_bulk_controls .btn{
    margin: 0;
    white-space: nowrap;
}

.admin_permissions_table th{
    text-transform: uppercase;
    font-size: 0.76em;
    letter-spacing: 0.03em;
}

.admin_permissions_table td{
    vertical-align: middle;
}

.admin_permissions_table select{
    min-width: 180px;
}

.admin_permissions_module_meta{
    display: inline-block;
    margin-top: 3px;
    font-size: 0.8em;
    color: rgba(80, 80, 80, 0.88);
}

.admin_permissions_effective{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.78em;
    font-weight: 700;
    border: 1px solid transparent;
}

.admin_permissions_effective.mode-none{
    color: #a62d2d;
    background: #fdecec;
    border-color: #f3cccc;
}

.admin_permissions_effective.mode-read{
    color: #0a5e93;
    background: #e8f5ff;
    border-color: #cce9fb;
}

.admin_permissions_effective.mode-add{
    color: #7a4a0b;
    background: #fff6e7;
    border-color: #f2e2c0;
}

.admin_permissions_effective.mode-full{
    color: #0d6b57;
    background: #e9fbf6;
    border-color: #c8eee2;
}

@media (max-width: 860px){
    .admin_permissions_table select{
        min-width: 150px;
    }

    .admin_permissions_bulk_controls{
        flex-wrap: wrap;
    }
}

.admin_security_tab .panel{
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% -12%, rgba(159, 0, 255, 0.24) 0%, rgba(159, 0, 255, 0) 40%),
        radial-gradient(circle at 92% 8%, rgba(247, 82, 216, 0.2) 0%, rgba(247, 82, 216, 0) 35%),
        linear-gradient(165deg, rgba(28, 17, 39, 0.98) 0%, rgba(17, 2, 33, 0.98) 100%);
}

.admin_security_tab .panel:before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.2;
    background:
        repeating-linear-gradient(120deg, rgba(241, 217, 255, 0.16) 0, rgba(241, 217, 255, 0.16) 1px, transparent 1px, transparent 15px);
}

.admin_security_panel{
    position: relative;
    z-index: 1;
    padding: 22px;
    font-family: "Space Grotesk", "Avenir Next", "Segoe UI", Tahoma, sans-serif;
}

.admin_security_wrap{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.admin_security_hero{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    padding: 22px 24px;
    border-radius: 18px;
    border: 1px solid rgba(241, 217, 255, 0.24);
    background: linear-gradient(130deg, #2d213c 0%, #230138 53%, #120227 100%);
    box-shadow: 0 14px 32px rgba(6, 2, 13, 0.42);
}

.admin_security_hero--2fa{
    border-left: 6px solid #f752d8;
}

.admin_security_hero--passkey{
    border-left: 6px solid #00b494;
}

.admin_security_hero_content h3{
    margin: 0 0 8px 0;
    font-size: 1.6em;
    line-height: 1.15;
    letter-spacing: 0.01em;
    color: #ffffff;
}

.admin_security_hero_content p{
    margin: 0;
    max-width: 860px;
    font-size: 0.92em;
    line-height: 1.6;
    color: #d4d4d4;
}

.admin_security_badges{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.admin_security_badges span{
    display: inline-block;
    font-size: 0.71em;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #f1d9ff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(241, 217, 255, 0.28);
    border-radius: 999px;
    padding: 6px 11px;
}

.admin_security_badges span.is-primary{
    color: #ffffff;
    background: #9f00ff;
    border-color: #9f00ff;
}

.admin_security_hero_actions{
    min-width: 250px;
    display: flex;
    align-items: center;
}

.admin_security_hero_actions .btn{
    width: 100%;
    font-weight: 700;
}

.admin_security_grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.admin_security_info_card{
    padding: 15px;
    border-radius: 14px;
    border: 1px solid rgba(241, 217, 255, 0.22);
    background: linear-gradient(180deg, rgba(47, 14, 82, 0.92) 0%, rgba(17, 2, 33, 0.95) 100%);
}

.admin_security_info_card h4{
    margin: 0 0 8px 0;
    color: #f1d9ff;
    font-size: 0.94em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.admin_security_info_card p{
    margin: 0;
    color: #d4d4d4;
    font-size: 0.86em;
    line-height: 1.52;
}

.admin_security_kpis{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.admin_security_kpi{
    border-radius: 14px;
    border: 1px solid rgba(241, 217, 255, 0.22);
    background: rgba(31, 8, 55, 0.9);
    padding: 14px 15px;
    box-shadow: 0 8px 16px rgba(6, 2, 13, 0.3);
}

.admin_security_kpi_label{
    display: block;
    font-size: 0.72em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #d4d4d4;
    margin-bottom: 6px;
    font-weight: 700;
}

.admin_security_kpi_value{
    display: inline-block;
    font-size: 0.89em;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #f1d9ff;
    background: rgba(47, 14, 82, 0.92);
    border: 1px solid rgba(241, 217, 255, 0.22);
    border-radius: 999px;
    padding: 5px 10px;
}

.admin_security_kpi_value.is-success{
    color: #9ff7e5;
    background: rgba(0, 180, 148, 0.2);
    border-color: rgba(0, 180, 148, 0.46);
}

.admin_security_kpi_value.is-warning{
    color: #120227;
    background: rgba(255, 229, 0, 0.85);
    border-color: rgba(255, 229, 0, 0.85);
}

.admin_security_kpi_value.is-info{
    color: #bfe8ff;
    background: rgba(14, 150, 229, 0.2);
    border-color: rgba(14, 150, 229, 0.46);
}

.admin_security_kpi_value.is-pending{
    color: #120227;
    background: rgba(255, 229, 0, 0.75);
    border-color: rgba(255, 229, 0, 0.75);
}

.admin_security_kpi_value.is-danger{
    color: #ffc8c8;
    background: rgba(255, 0, 0, 0.24);
    border-color: rgba(255, 0, 0, 0.48);
}

.admin_security_kpi_hint{
    display: block;
    margin-top: 8px;
    font-size: 0.79em;
    color: #c4b4cd;
    line-height: 1.4;
}

.admin_security_steps{
    border-radius: 14px;
    border: 1px solid rgba(241, 217, 255, 0.2);
    background: linear-gradient(180deg, rgba(31, 8, 55, 0.85) 0%, rgba(17, 2, 33, 0.88) 100%);
    padding: 15px;
}

.admin_security_steps h4{
    margin: 0 0 10px 0;
    color: #f1d9ff;
    text-transform: uppercase;
    font-size: 0.86em;
    letter-spacing: 0.05em;
}

.admin_security_steps ol{
    margin: 0;
    padding-left: 20px;
}

.admin_security_steps li{
    color: #d4d4d4;
    font-size: 0.86em;
    line-height: 1.45;
    margin-bottom: 6px;
}

.admin_security_steps li:last-child{
    margin-bottom: 0;
}

.admin_security_status_card{
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-left-width: 4px;
    background: rgba(31, 8, 55, 0.9);
}

.admin_security_status_card h4{
    margin: 0 0 7px 0;
    font-size: 0.98em;
    color: #f1d9ff;
    text-transform: uppercase;
}

.admin_security_status_card p{
    margin: 0;
    font-size: 0.88em;
    color: #d4d4d4;
    line-height: 1.45;
}

.admin_security_status_card.is-success{
    border-left-color: #00b494;
    background: linear-gradient(180deg, rgba(0, 180, 148, 0.2) 0%, rgba(0, 180, 148, 0.14) 100%);
}

.admin_security_status_card.is-warning{
    border-left-color: #ffe500;
    background: linear-gradient(180deg, rgba(255, 229, 0, 0.3) 0%, rgba(255, 229, 0, 0.18) 100%);
}

.admin_security_status_card.is-info{
    border-left-color: #9f00ff;
    background: linear-gradient(180deg, rgba(159, 0, 255, 0.26) 0%, rgba(159, 0, 255, 0.16) 100%);
}

.admin_security_status_meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 11px;
}

.admin_security_status_meta span{
    display: inline-block;
    font-size: 0.8em;
    color: #e3bef3;
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 999px;
    background: rgba(47, 14, 82, 0.86);
    padding: 5px 9px;
}

.admin_security_block{
    background: rgba(31, 8, 55, 0.9);
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 14px;
    padding: 16px;
}

.admin_security_block h3{
    margin: 0 0 10px 0;
    font-size: 1em;
    color: #f1d9ff;
    text-transform: uppercase;
}

.admin_security_help{
    margin: 0 0 12px 0;
    font-size: 0.85em;
    line-height: 1.45;
    color: #c4b4cd;
}

.admin_security_qr{
    max-width: 220px;
    width: 100%;
    height: auto;
    border: 1px solid rgba(241, 217, 255, 0.3);
    border-radius: 10px;
    padding: 8px;
    background: #ffffff;
}

.admin_security_record_list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin_security_record{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(47, 14, 82, 0.9) 0%, rgba(17, 2, 33, 0.94) 100%);
    padding: 14px;
}

.admin_security_record_content{
    flex: 1 1 360px;
}

.admin_security_record_title{
    margin: 0 0 8px 0;
    font-size: 0.95em;
    line-height: 1.3;
    color: #ffffff;
    font-weight: 700;
}

.admin_security_meta_chips{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin_security_meta_chips span{
    display: inline-block;
    font-size: 0.78em;
    color: #e3bef3;
    background: rgba(31, 8, 55, 0.96);
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 999px;
    padding: 5px 9px;
}

.admin_security_record_actions{
    min-width: 170px;
    flex: 0 0 auto;
}

.admin_security_record_actions form{
    margin: 0;
}

.admin_security_record_actions .btn{
    min-width: 170px;
}

.admin_security_inline{
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.admin_security_action{
    flex: 0 0 280px;
}

@media (max-width: 1024px){
    .admin_security_panel{
        padding: 16px;
    }

    .admin_security_hero{
        padding: 18px;
    }
}

@media (max-width: 860px){
    .admin_security_panel{
        padding: 13px;
    }

    .admin_security_hero{
        padding: 15px;
    }

    .admin_security_hero_content h3{
        font-size: 1.25em;
    }

    .admin_security_hero_actions,
    .admin_security_action{
        flex: 1 1 100%;
        min-width: 100%;
    }

    .admin_security_record_actions{
        width: 100%;
        min-width: 100%;
    }

    .admin_security_record_actions .btn{
        min-width: 100%;
    }
}

/***********************************
############ ONLINE NOW ############
***********************************/

.single_onlinenow{
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.single_onlinenow p{
    font-size: 0.875em;
    text-align: left;
    flex-basis: 15%;
    padding: 0 10px;
    word-break: break-word;
    text-align: center;
}

.single_onlinenow p:first-child{
    flex-basis: 5%;
}

.single_onlinenow p:nth-child(2){
    text-align: left !important;
}

.single_onlinenow p:nth-child(4){
    flex-basis: 30%;
}

.single_onlinenow p:last-child{
    flex-basis: 35%;
    text-align: left !important;
}

.single_onlinenow:nth-of-type(2n+0){
    background: #eee;
}

.single_onlinenow a{
    color: #00B494;
    text-decoration: none;
    font-weight: 600;
}

.single_onlinenow a:hover{
    text-decoration: underline;
}

.PlayViews{
    width: 100%;
    margin-top: 20px;
}

.PlayViews li {
    border-bottom: 1px solid #eee;
    margin: 5px 0;
    padding-bottom: 2px;
}

.PlayViews li a{
    text-decoration: none;
    color: #3B5998;
}

.PlayViews li a:hover{
    border-bottom: 1px solid #3B5998;
}

.PlayViews li span{
    float: right;
    font-size: 0.875em;
    color: #333;
}

/***********************************
####### MODAL INSERT UPLOAD ########
***********************************/
.workcontrol_imageupload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 98;
    box-shadow: 0 0 3px 0 #000;
    background: rgba(0,0,0,0.5);
}

div.mce-fullscreen{
    z-index: 97;
}

.workcontrol_imageupload_content{
    margin: 5% auto;
    max-width: 100%;
    overflow: auto;
    background: #fff;
    width: 500px;
}

.workcontrol_imageupload_actions{
    padding: 20px;
    background: #fff;
}

.workcontrol_imageupload input{
    margin: 0 0 15px 0;
}

/***********************************
############ PAGINATOR #############
***********************************/
.paginator{
    float: left;
    width: 100%;
    padding: 20px 0 10px 0;
    text-align: center;
}

.paginator li{
    display: inline;
    margin: 0 5px;
}

.paginator .active,
.paginator li a{
    padding: 5px 10px;
    background: var(--color-quatro);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-shadow: 1px 1px #22526A;
    font-size: 0.875em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.paginator li a:hover{
    background: var(--color-quatro);
}

.paginator .active{
    background: var(--color-dois);
    text-shadow: 1px 1px var(--color-dois);
}

/***********************************
########### POST SINGLE ############
***********************************/
.post_single_cover{
    position: relative;
    overflow: hidden;
}

.post_single_status{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 0.7em;
    text-transform: uppercase;
}

.post_single_status span{
    margin-right: 2px !Important;
}

.post_single_status span:last-child{
    margin-right: 0 !Important;
}

.post_single_cat{
    font-size: 0.6em;
    color: #555;
    text-transform: uppercase;
}

.post_single_tag{
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.post_single_cat span{
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
}

.post_single_tag a{
    display: inline-block;
    margin-top: 10px;
    font-size: 0.6em;
    color: #555;
    text-decoration: none;
    line-height: 1;
    padding: 5px 8px;
    background: rgba(255,255,255,0.9);
    text-transform: uppercase;
}

.post_single_tag a:hover{
    background: #008068;
    color: #fff;
}

.post_single_cat a{
    color: #555;
    text-decoration: none;
}

.post_single_cat a:hover{
    text-decoration: underline;
}

.post_single_status .btn{
    cursor: default;
}

.post_single_content{
    padding: 15px;
    background: #fff;
}

.post_single_actions{
    padding: 15px 5px;
    background: #fbfbfb;
    text-align: center;
    font-size: 0.8em;
}

.post_single .title{
    font-weight: 400;
    padding-bottom: 10px;
    font-size: 0.875em;
    line-height: 1.4em;
}

.post_single .title a{
    color: #000;
    text-decoration: none;
}

.post_single .title a:hover{
    text-decoration: underline;
}

.post_single a{
    margin-right: 5px !important;
}

.post_create_categories{
    padding: 15px 15px;
    background: #fbfbfb;
}

.post_create_ses{
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 5px 0;
    color: #ccc;
}

.post_create_ses:after{
    content: ":"
}

.post_create_cat{
    padding: 0 5px;
    border-top: 3px solid #fbfbfb;
    background: #eee;
    font-size: 0.875em;
}

.post_create_cat input{
    margin-top: -1px;
}

.post_create_cat label{
    width: 100%;
}

.post_create_cover{
    position: relative;
}

.post_create_cover .upload_progress{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    max-width: 100%;
    font-size: 0.9em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background: #00B594;
}

/***********************************
########### PAGE SINGLE ############
***********************************/
.page_single{
    position: relative;
}
.page_single h1{
    font-size: 1.2em;
    margin-bottom: 10px;
}

.page_single h1 a{
    color: #008068;
    text-decoration: none;
}

.page_single h1 a:hover{
    text-decoration: underline;
}

.page_single .box_content{
    padding: 20px;
}

.page_single .title{

}

.page_single_action{
    font-size: 0.8em;
    padding: 15px;
    background: #fbfbfb;
    text-align: center;
}

.page_single_action .btn_blue{
    margin-right: 5px;
}

.page_single .StudentVinculo{
    position: absolute;
    left:20px;
    top:20px;
    background-color: rgba(0,0,0,0.4);
    font-size: 0.8em;
    padding: 5px 10px;
    border-radius:10px;
    font-weight: 600;
    color: #FFF;
}

/***********************************
############ CATEGORIAS ############
***********************************/
.single_category header,
.single_category .box_content{
    padding: 20px;
}

.single_category_actions{
    font-size: 0.875em;
}

.single_category_actions .btn{
    margin-right: 5px !important;
}

.single_category header h1{
    font-size: 1.5em;
    font-weight: 300;
}

.single_category header .tagline{
    font-size: 0.8em;
    margin: 10px 0 20px 0;
    color: #555;
}

.single_category_sub{
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.single_category_sub h1{
    font-size: 1.3em;
    font-weight: 300;
}

.single_category_sub .tagline{
    font-size: 0.8em;
    margin: 10px 0 20px 0;
    color: #555;
}

/***********************************
############ PRODUTOS ##############
***********************************/
.single_pdt_thumb{
    position: relative;
}

.js-slow-image{
    background-color: #f6f6f6;
    background-image: none;
    background-size: auto;
    background-position: 0 0;
    background-repeat: repeat;
    animation: none;
    border: 1px solid #e8e8e8;
    opacity: 1;
    transition: opacity 180ms ease;
}

.js-slow-image.is-loaded{
    background-color: transparent;
    background-image: none;
    background-size: auto;
    background-position: 0 0;
    background-repeat: repeat;
    animation: none;
    border: 0;
    opacity: 1;
}

.single_pdt_thumb .js-slow-image{
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.post_create_cover .js-slow-image{
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.single_pdt_thumb .js-slow-image:not(.is-loaded),
.post_create_cover .js-slow-image:not(.is-loaded),
.musicList .list_cover.js-slow-image:not(.is-loaded){
    object-fit: contain;
}

.musicList .list_cover.js-slow-image:not(.is-loaded){
    padding: 8px;
    box-sizing: border-box;
}

.single_pdt_thumb header{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 15px;
    background: rgba(0,128,104,0.8);
    color: #fff;
}

.single_pdt img{
    border-top: 3px solid #00B494;
}

.single_pdt.inactive img{
    border-color: #C54550;
}

.single_pdt.inactive header{
    background: rgba(197,68,78,0.8);
}

.single_pdt.outsale img{
    border-color: #CC8D41;
}

.single_pdt.outsale header{
    background: rgba(214,141,57,0.8);
}

.single_pdt h1{
    line-height: 1.1;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000;
}

.single_pdt h1 a{
    color: #eee;
    text-decoration: none;
}

.single_pdt h1 a:hover{
    color: #fff;
}

.single_pdt .tagline{
    font-size: 1.2em;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000;
}

.single_pdt .offer{
    font-size: 0.6em;
    font-weight: 300;
    display: block;
    margin-bottom: -2px;
}

.single_pdt strike{
    color: #ccc;
    font-weight: 600;
}

.single_pdt .btn{
    font-size: 0.8em;
}

.single_pdt_info{
    display: block;
    margin: 0 0 10px 0;
}

.single_pdt_info p{
    font-size: 0.7em;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 5px;
    border-bottom: 2px solid #fff;
}

.single_pdt_audio_wrap{
    background: #f5f5f5;
    padding: 5px;
    border-bottom: 2px solid #fff;
}

.single_pdt_info p audio{
    width: 100%;
    max-width: 100%;
    display: block;
    box-sizing: border-box;    /* evita que padding/borda aumentem a largura */
}

.admin_audio_player{
    border: 1px solid #e5ebf1;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
    text-transform: none;
}

.admin_audio_player .js-admin-audio-native{
    display: none;
}

.admin_audio_controls{
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin_audio_play_btn{
    min-width: 68px;
    height: 32px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0 10px;
}

.admin_audio_play_btn.is-playing{
    background: #008068 !important;
}

.admin_audio_seek{
    position: relative;
    flex: 1;
    height: 8px;
    border-radius: 999px;
    background: #e7edf3;
    cursor: pointer;
    overflow: hidden;
}

.admin_audio_seek_buffer{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #cdd9e6;
}

.admin_audio_seek_progress{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #00b494;
}

.admin_audio_time{
    min-width: 90px;
    text-align: right;
    font-size: 0.7rem;
    color: #444;
}

.admin_audio_meta{
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: 0.68rem;
    color: #444;
}

.admin_audio_meta span{
    white-space: nowrap;
}

.admin_audio_meta b{
    color: #1e2a36;
}

.admin_audio_download{
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin_audio_download_select{
    min-width: 220px;
    max-width: 300px;
}

.admin_audio_download_btn{
    white-space: nowrap;
}

.single_pdt_info a{
    color: #00B494;
    text-decoration: none;
}

.single_pdt_info a:hover{
    color: #008068;
}

.single_pdt_actions{
    padding: 15px;
    text-align: center;
    background: #fbfbfb;
    font-size: 0.875em;
}

.single_pdt_actions .btn_blue{
    margin-right: 5px;
}

.single_pdt_actions{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

.single_pdt_actions .btn,
.single_pdt_actions .btn_blue{
    margin: 0;
}

.single_pdt_actions .btn{
    margin: 0 4px 4px 0;
}

.single_pdt_form .label .btn{
    width: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 14px;
}

.pdt_images{
    padding: 2.5% 0 0 0;
    max-height: 136px;
    overflow: auto;
}

.pdt_images img{
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    background: #f5f5f5;
    cursor: pointer;
}

.pdt_images img:nth-of-type(5n+0){
    margin-right: 0;
}

/***********************************
############ LINKS ##############
***********************************/

.single_link header h1{
    font-size: 1.1em;
    font-weight: 400;
    background-color: #0083B6;
    color: #FFF;
    text-align: center;
    padding: 10px;
}

.single_link header p {
    margin-top: 10px;
    font-size: 1em;
}

.single_link .box_content {
    padding: 5px;
}

.single_link_info{
    display: block;
}

.single_link_info p{
    font-size: 0.95em;
    padding: 5px;
    border-bottom: 2px solid #fff;
}

.workcontrol_pdt_size{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
}

.workcontrol_pdt_size p{
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: left;
}

.workcontrol_pdt_size form{
    display: block;
    width: 600px;
    max-width: 90%;
    margin: 7% auto;
    padding: 30px 20px;
    background: #fff;
    text-align: center;
    position: relative;
}

.workcontrol_pdt_size form .inputs{
    max-height: 380px;
    overflow: auto;
}

.workcontrol_pdt_size form .inputs .trigger{
    margin: 0 0 10px 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-transform: uppercase;
}

.workcontrol_pdt_size_close{
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 6px 12px;
    font-weight: bold;
    border: 3px solid #fff;
    background: #b26f6f;
    color: #fff;
    width: auto;
    border-radius: 50%;
    cursor: pointer;
}

.workcontrol_pdt_size_close:hover{
    background: #cf7171;
}

.workcontrol_pdt_size form label{
    display: block;
    width: 100%;
    margin-bottom: 3px;
    padding: 10px;
    background: #eee;
}

.workcontrol_pdt_size .form_load{
    display: none;
    vertical-align: middle;
    margin-top: 15px;
    margin-left: 10px;
}

.workcontrol_pdt_size form span,
.workcontrol_pdt_size form input{
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.workcontrol_pdt_size form span{
    font-size: 0.875em;
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}

.workcontrol_pdt_size form span b{
    font-weight: 600;
    color: #555;
    font-size: 0.9em;
}

.workcontrol_pdt_size form .size{
    text-align: right;
}

.workcontrol_pdt_size form .cart{
    text-align: left;
}

.workcontrol_pdt_size form input{
    width: 44%;
    padding: 5px 0;
    margin: 0 3%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.workcontrol_pdt_size form .btn{
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    margin-top: 15px;
}

.product_category .btn{
    font-size: 0.7em;
}

.product_category header{
    padding: 20px;
}

.product_category header h1{
    font-size: 1.5em;
    font-weight: 300;
    margin-right: 10px;
    display: inline-block;
}

.product_category header h1 span{
    font-size: 0.5em;
    text-transform: uppercase;
    color: #555;
}

.product_subcategory{
    padding: 20px;
    background: #fff;
    border-bottom: 1px dotted #ccc;
}

.product_subcategory h1{
    font-size: 1em;
    font-weight: 300;
    margin-right: 10px;
    display: inline-block;
}

.product_subcategory h1 span{
    font-size: 0.6em;
    color: #555;
    text-transform: uppercase;
}

.product_brand h1{
    font-size: 1.5em;
    font-weight: 300;
    color: #333;
    display: inline-block;
    margin-right: 10px;
}

.product_brand h1 span{
    font-size: 0.5em;
    text-transform: uppercase;
}

.product_brand .btn{
    font-size: 0.7em;
}

.product_coupon .box_content{
    border-top: 5px solid #ccc;
}

/* Financial tree views */
.financial_tree .financial_group{
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 14px;
    overflow: hidden;
}

.financial_tree .financial_group > header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #fff;
    border-bottom: 1px dashed #e5e7eb;
}

.financial_tree .financial_title{
    font-size: 1.05em;
    font-weight: 600;
    color: #2c2c2c;
}

.financial_tree .financial_title small{
    display: inline-block;
    margin-left: 6px;
    font-weight: 400;
    color: #6b7280;
}

.financial_tree .financial_badge{
    display: inline-block;
    padding: 3px 8px;
    margin-left: 8px;
    border-radius: 12px;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background: #eef2ff;
    color: #4338ca;
}

.financial_tree .financial_badge.badge-muted{
    background: #f3f4f6;
    color: #6b7280;
}

.financial_tree .financial_badge.badge-analytic{
    background: #ecfdf3;
    color: #067647;
}

.financial_tree .financial_badge.badge-synthetic{
    background: #fff7ed;
    color: #9a3412;
}

.financial_tree .financial_child{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #fff;
    border-bottom: 1px dotted #e5e7eb;
}

.financial_tree .financial_child:last-child{
    border-bottom: 0;
}

.financial_tree .financial_child_title{
    font-size: 0.98em;
    font-weight: 500;
    color: #374151;
}

.financial_tree .financial_actions .btn{
    margin-left: 6px;
}

.product_coupon.active .box_content{
    border-top: 5px solid #00B594;
}

.product_coupon header{
    display: block;
    margin-bottom: 20px;
}

.product_coupon header h1{
    padding: 20px 0;
    background: #f2f2f2;
    font-weight: 300;
    color: #00B594;
    font-size: 2em;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
}

.product_coupon header h1 span{
    display: block;
    font-size: 1em;
    font-weight: bold;
    color: #888;
}

.product_coupon p{
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #f2f2f2;
}


/***********************************
############# PEDIDOS ##############
***********************************/
.single_order{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.single_order .order{
    text-decoration: none;
    color: #00B494;
}

.single_order .see{
    text-decoration: none;
    color: #0E96E5;
}

.single_order a{
    color: #0E96E5;
}

.single_order a:hover{
    text-decoration: none;
}

.single_order .box_content{
    float: left;
    width: 100%;
    padding: 10px;

}

.single_order:nth-child(2n+0) .box_content{
    background: #EBEBEB;
}

.single_order:nth-child(2n+0){
    background: #EBEBEB !important;
}


.single_order .coll{
    display: inline-block;
    min-width: 100px;
    width: 16%;
    padding: 10px;
    vertical-align: top;
    margin-right: -4px;
    text-align: center;
}

.single_order .coll_r{
    width: 10%;
}

.single_order .coll b{
    color: #555;
}

/***********************************
############ COMMENTS ##############
***********************************/

.single_comment{
    float: left;
    width: 100%;
}

.single_comment .comm_thumb{
    float: left;
    width: 10%;
    padding-right: 20px;
}

.single_comment .comm_thumb img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.single_comment .comm_content{
    float: right;
    width: 90%;
    padding: 20px;
    background: #fff;
    border-top: 3px solid #00B494;
}

.single_comment.pending .comm_content{
    border-top: 3px solid #CC8D41;
}

.single_comment .htmlchars{
    display: block;
    margin: 20px 0;
}

.single_comment a{
    text-decoration: none;
}

.single_comment a:hover{
    text-decoration: underline;
}

.single_comment .comm_actions a{
    margin: 0 5px;
}

.single_comment .comm_actions span{
    margin: 0 5px;
}

.single_comment header h1{
    font-size: 1.4em;
    font-weight: 600;
}

.single_comment header h1 a{
    color: #008068;
}

.single_comment header p{
    font-size: 0.875em;
}

.single_comment header p a{
    color: #C54550;
}

.single_comment .comm_actions{
    font-size: 0.8em;
    text-transform: uppercase;
    color: #999;
}

.single_response{
    border-top: 1px dotted #ccc;
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 20px;
}

.single_response .comm_content{
    border-top: none !important;
    padding: 0;
}

.comm_likes{
    display: block;
    width: 100%;
    background: #e1ece8;
    padding: 10px;
    font-size: 1em;
    text-transform: uppercase;
    color: #555;
    margin-top: 15px;
}

.comm_likes:before{
    color: #C54550;
}

.comm_likes a{
    color: #555;
}

.single_comment form{
    margin: 20px 0 0 0;
    display: none;
}

.single_comment form button,
.single_comment form span,
.single_comment form img{
    float: right;
    margin-top: 10px;
}

.single_comment form img{
    margin-top: 13px;
}

.single_comment form span{
    margin-right: 15px;
}

.single_comment.ajax_response{
    display: none;
}

/***********************************
############ USUÁRIOS ##############
***********************************/
.single_user .box_content{
    padding: 15px;
    position: relative;
}

.single_user .daysUntilDate{
    position: absolute;
    top: 15px;
    left: 20px;
    color: #9f00ff;
    font-weight: 400;
}

.single_user .userType{
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    display: inline-block;
}

.single_user_actions{
    padding: 15px;
    position: relative;
}

.single_user_actions .NoPain{
    position: absolute;
    bottom: 15px;
    right: 20px;
    width: 20px;
    display: inline-block;
}

.single_user .signature-icon {
    /*width: 40px;*/
    height: auto;
    display: inline-block;
}

.single_user h1{
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 25px;
}

.single_user img{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: 1px solid #f3f3f3;
    padding: 5px;
    margin-bottom: 15px;
}

.single_user .nivel{
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #888;
}

.single_user .info{
    font-size: 0.875em;
}

.single_user_actions{
    background: #fbfbfb;
    padding: 15px 0;
    margin: 0;
}

.single_user_addr,
.single_user_order{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.single_user_addr:last-of-type,
.single_user_order:last-of-type{
    border: none;
    margin: 0;
    padding: 0;
}

.single_user_addr h1,
.single_user_order h1{
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 6px;
}

.single_user_addr p,
.single_user_order p{
    font-size: 0.875em;
    color: #555;
}

.single_user_addr_actions{
    font-size: 0.7em;
    margin-top: 10px;
}

.single_user_addr_actions .btn{
    display: inline-block;
    margin-right: 5px !important;
}

.single_user_order a{
    color: #008068;
    margin-top: 8px;
    display: block;
    font-weight: 500;
    font-size: 0.875em;
    text-decoration: none;
    text-transform: uppercase;
}

.single_user_order a:hover{
    text-decoration: underline;
}

.wc_nfe span,
.wc_nfe a{
    text-decoration: none;
    color: #008068;
    font-weight: 400;
}

.wc_nfe a:hover{
    text-decoration: underline;
}

.wc_nfe span{
    color: #666;
    display: inline-block;
}

.single_order_userdata{
    display: block;
    padding: 5px 10px;
    background: #f5f5f5;
    margin-bottom: 3px;
}

.single_order_userdata a{
    color: #00B494;
    float: right;
    text-decoration: none;
    padding: 2px 3px 3px;
}

.single_order_userdata a:hover{
    color: #008068;
}

.formSearch{
    position: relative;
}

.formSearch .j_term_search{
    position: absolute;
    background: #FFF;
    width: 100%;
    top: calc(100% + 5px);
    border: 1px solid #ccc;
    padding: 5px;
    display: none;
}

.formSearch .j_term_search p{
    margin-bottom: 5px;
    cursor: pointer;
    padding: 5px;
    text-transform: uppercase;
}

.formSearch .j_term_search p:last-child{
    margin: 0;
}

.formSearch .j_term_search p:hover{
    background-color: #F7F7F7
}

.user_patrocinador {
    border: 1px solid #059FF5;
    background-color: #F7F7F7;
    font-weight: 600;
    text-transform: uppercase;
    color: #059FF5;
    border-radius: 5px;
}

.single_order_items{
    display: block;
    width: 100%;
    background: #fbfbfb;
}

.single_order_items_item{
    display: block;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}

.single_order_items_item p{
    display: inline-block;
    width: 25%;
    margin-right: -4px;
    text-align: right;
}

.single_order_items_item p:first-child{
    width: 50%;
    text-align: left;
}

.single_order_items_item a{
    color: #008068;
    font-weight: 400;
    text-decoration: none;
}

.single_order_items_item a:hover{
    text-decoration: underline;
}

.single_order_items_item.total{
    background: #ccc;
    font-size: 1em;
}

.single_order_traking a{
    color: #008068;
    text-decoration: none;
    font-weight: 400;
}

.single_order_traking a:hover{
    text-decoration: underline;
}

/***********************************
############### SLIDE ##############
***********************************/

.slide_single h1 a{
    color: #00B494;
    font-size: 1.3em;
    text-decoration: none;
}

.slide_single h1 a:hover{
    text-decoration: underline;
}

/***********************************
############### IMOBI ##############
***********************************/

.imobi_single .info{
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.imobi_single h1{
    font-size: 1.1em;
    color: #008068;
    margin: 0 0 10px 0;
}

.imobi_single h1 a{
    color: #008B6F;
    text-decoration: none;
}

.imobi_single a:hover{
    text-decoration: underline;
}

.imobi_single .resume{
    font-size: 0.8em;
    margin-bottom: 10px;
}

.imobi_single .wc_imobi_tag{
    display: inline-block !important;
    font-size: 0.65em;
    text-transform: uppercase;
    width: 50%;
}


/***********************************
############ CONFIGURAÇÕES #########
***********************************/
.box_conf.conf{
    padding-top: 0;
    padding-left: 0;
    padding-right: 25px;
    display: none;
}

.box_conf.wc_active{
    display: block;
}

.box_conf form{
    display: inline-block;
    width: 100%;
}

.box_conf,
.box_conf_menu{
    vertical-align: top;
}

.box_conf_menu a{
    display: block;
    border-bottom: 1px solid #eee;
    padding: 6px;
    text-decoration: none;
    font-weight: 500;
    color: var(--color-dois);
    font-size: 1em;
}

.box_conf_menu a:last-of-type{
    border: 0;
}

.box_conf_menu a:hover{
    background: #eee;
}

.box_conf_menu a.wc_active{
    background: var(--color-dois);
    color: #fff;
}

.box_conf_menu a:before{
    content: ":: ";
}

.box_conf_menu.no_icon a:before{
    content: "";
}

/***********************************
########################### SHAREBAR
***********************************/

.workcontrol_sharebar{
    display: block;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eee;
    text-align: center;
}

.workcontrol_sharebar li{
    display: inline-block;
    margin: 0 5px;
}

.workcontrol_sharebar a img{
    width: 22px;
}

.workcontrol_sharebar a{
    display: inline-block;
    background: #eee;
    padding: 8px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.workcontrol_socialshare_facebook a{
    background: #5B74A9;
}

.workcontrol_socialshare_facebook a:hover{
    background: #3B5998;
}

.workcontrol_socialshare_googleplus a{
    background: #E4564B;
}

.workcontrol_socialshare_googleplus a:hover{
    background: #CB3D38;
}

.workcontrol_socialshare_twitter a{
    background: #059FF5;
}

.workcontrol_socialshare_twitter a:hover{
    background: #0083B6;
}

.workcontrol_socialshare_item span{
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 400;
    color: #fff;
    padding-left: 8px;
    text-transform: uppercase;
}

.workcontrol_socialshare_item a{
    text-decoration: none;
}

/***********************************
########################## ORDER APP
***********************************/

.wc_createorder_result{
    display: block;
    width: 100%;
}

.wc_createorder_result .trigger{
    display: block;
    width: 100%;
    margin: 0;
}

.wc_createorder_user{
    display: block;
    width: 100%;
}

.wc_createorder_user label{
    cursor: pointer;
}

.wc_createorder_user li{
    display: block;
    width: 100%;
    font-size: 0.9em;
    padding: 10px 5px;
    cursor: pointer;
}

.wc_createorder_user li b{
    font-weight: 400;
    color: #888;
}


.wc_createorder_user li:hover{
    background: #eee;
}

.wc_createorder_user li p,
.wc_createorder_user li input{
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.wc_createorder_user li input{
    width: 10%;
}

.wc_ordercreate_name_pdt{
    display: none;
}

.wc_order_create_item{
    width: 100%;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #ccc;
}

.wc_order_create_item img{
    display: inline-block;
    width: 10%;
    vertical-align: middle;
}

.wc_order_create_item header{
    display: inline-block;
    width: 60%;
    padding: 0 5%;
    vertical-align: middle;
}

.wc_order_create_item h1{
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 10px;
}

.wc_order_create_item h1 span{
    display: inline-block;
    padding: 3px;
    border: 1px solid #eee;
    font-size: 0.8em;
}

.wc_order_create_item header p{
    font-size: 1.2em;
    font-weight: 400;
    vertical-align: middle;
}

.wc_order_create_item header p span{
    color: #E4564B;
    font-weight: 300;
    font-size: 0.7em;
    text-transform: uppercase;
}

.wc_order_create_item .add{
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    text-align: center;
}

.wc_order_create_item .add select{
    display: inline-block;
    width: 50%;
    padding: 5px 10px;
    font-weight: 400;
    border-right: 0;
}

.wc_order_create_item .add .btn{
    width: 50%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.wc_ordercreate_itemcart{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-size: 1em;
}

.wc_ordercreate_itemcart:last-of-type{
    border-bottom: 5px solid #ccc;
}

.wc_ordercreate_itemcart h1{
    display: inline-block;
    width: 56%;
    padding-right: 1%;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1em;
}

.wc_ordercreate_itemcart h1 span{
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.6em;
    width: auto;
    padding: 3px 5px;
    border: 1px solid #ccc;
    color: #ccc;
}

.wc_ordercreate_itemcart .col{
    display: inline-block;
    width: 16%;
    text-align: center;
    vertical-align: middle;
}

.wc_ordercreate_itemcart .col:last-of-type{
    width: 12%;
    text-align: right;
    font-weight: bold;
}

.wc_ordercreate_totalcart{
    display: block;
    width: 100%;
    text-align: right;
    font-weight: 400;
    font-size: 1.1em;
    background: #fbfbfb;
    padding: 15px;
}

.wc_ordercreate_totalcart p{
    display: inline-block;
    width: 33%;
    vertical-align: middle;
}

.wc_orderapp_finish{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
}

.wc_orderapp_finish_content{
    display: block;
    margin: 20px auto 0 auto;
    width: 600px;
    max-width: 90%;
    background: #fff;
    position: relative;
}

.wc_orderapp_finish_content .title{
    padding: 15px;
    background: #008B6F;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 0 #004838;
}

.wc_orderapp_finish_content .box{
    display: block;
    width: 100%;
    padding: 20px 20px 30px 20px;
}

.wc_orderapp_finish_content .subtitle{
    font-size: 1.1em;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    margin-bottom: 10px;
}

.wc_orderapp_finish_content .subtitle span{
    border-bottom: 5px solid #ccc;
}

.wc_orderapp_finish_content .wc_shipment_calculate{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.wc_orderapp_finish_content .wc_shipment_calculate li{
    display: block;
    width: 100%;
    padding: 5px 10px 8px 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.wc_orderapp_finish_content .wc_shipment_calculate li:last-of-type{
    border-bottom: 1px solid #ccc;
}

.wc_orderapp_finish_content .wc_shipment_calculate li label{
    display: block;
    cursor: pointer;
}

.wc_orderapp_finish_content .wc_shipment_calculate li input,
.wc_orderapp_finish_content .wc_shipment_calculate li span{
    display: inline;
    width: auto;
    vertical-align: middle;
}

.wc_orderapp_finish_content .wc_shipment_calculate li span{
    font-size: 0.8em;
    text-transform: uppercase;
}

.wc_orderapp_finish_content .wc_shipment_calculate li input{
    margin-right: 10px;
}

.wc_order_create_shipment{
    margin-bottom: 20px;
}

.wc_order_create_finishcart{
    padding: 20px 20px 0;
    background: #fbfbfb;
    margin-bottom: 20px;
    font-size: 0.8em;
    text-transform: uppercase;
}

.wc_order_create_finishcart p{
    display: inline-block;
    width: 32%;
    text-align: center;
}

.wc_order_create_success{
    text-align: center;
    font-size: 1.2em;
    color: #008B6F;
    font-weight: bold;
}

.wc_order_create_success span{
    display: inline-block;
    font-size: 1.5em;
    padding: 18px 30px;
    background: #008B6F;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 20px 0 10px 0;
}

.wc_order_create_success_links{
    text-align: center;
    padding: 20px 20px 0 20px;
}

.wc_order_create_success_links a{
    display: inline-block;
    color: #00A887;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 10px;
    border: 1px solid #00A887;
    margin-bottom: 20px;
    width: 100%;
    text-decoration: none;
}

.wc_order_create_success_links span{
    display: inline-block;
    color: #888;
    font-weight: 400;
    text-transform: none;
    font-size: 0.8em;
    padding: 10px;
    border: 1px solid #888;
    margin-bottom: 20px;
    width: 100%;
}

.wc_order_create_success_links a:hover{
    background: #00A887;
    color: #fff;
}

.wc_order_create_success_info{
    font-size: 0.8em;
    text-transform: uppercase;
    color: #ccc;
    margin-top: 20px;
}

/***********************************
############################# WC API
***********************************/

.wc_api_app p{
    display: inline-block;
    width: 50%;
    padding: 5px;
    vertical-align: top;
    margin-bottom: 10px;
}

.wc_api_app p b{
    display: block;
    text-transform: uppercase;
    color: #888;
    font-weight: 300;
    font-size: 0.8em;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.wc_api_app p b span{
    border-bottom: 3px solid #eee;
    padding-bottom: 5px;
}

.wc_api_new{
    width: 600px;
    max-width: 90%;
    margin: 20px auto;
}

.wc_api_new input{
    display: inline-block;
    width: 60%;
    padding: 9px;
    border-right: 0;
}

.wc_api_new .btn,
.wc_api_new .input{
    display: inline-block;
    width: 40%;
    border-radius: 0 6px 6px 0;
    text-transform: uppercase;
    padding: 10px;
}

.wc_api_new_info{
    text-align: center;
    margin-top: 20px;
    color: #ccc;
    font-size: 0.75em;
    text-transform: uppercase;
}

.wc_api_new_info a{
    color: #ccc;
}

.wc_api_new_info a:hover{
    color: #555;
}

.wc_api_app_actions{
    display: block;
    width: 100%;
    text-align: center;
}

.wc_api_app_actions span{
    display: inline-block;
    margin: 0 2px !important;
}

.wc_api_test{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #00A887;
    color: #00A887;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 20px 0;
    text-align: center;
}

.wc_api_test:hover{
    color: #fff;
    background: #00A887;
}

/***********************************
########################### WC CODES
***********************************/

.codes_loaded{
    display: block;
    padding: 30px 10px;
    background: #008068;
    color: #fff;
    margin-bottom: 20px;
    font-size: 0.7em;
}

.codes_loaded span{
    display: block;
    font-size: 3em;
}

.wc_codes_create{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
    display: none;
}

.wc_codes_create_form{
    width: 540px;
    padding: 30px;
    background: #fff;
    max-width: 90%;
    margin: 5% auto 0 auto;
}

.wc_codes_create_form_title{
    font-size: 1.5em;
    font-weight: 300;
    color: #ccc;
    margin-bottom: 20px;
}

.wc_codes_create_form label{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.wc_codes_create_form label span{
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #888;
}

.wc_codes_create_form input,
.wc_codes_create_form textarea{
    padding: 10px;
    font-size: 1em;
    font-weight: 300;
}

.wc_codes_create_form textarea{
    font-size: 0.7em;
}

.wc_codes_create_form_actions{
    text-align: right;
}

.wc_codes_create_form_actions .btn_green{
    margin-left: 10px;
}

/***********************************
########################## WC CUSTOM
***********************************/

.custom_app h2,
.custom_app p{
    margin-bottom: 15px;
}

.custom_app ol{
    margin: 0 0 20px 30px;
}



/***********************************
############################# WC EAD
***********************************/

.wc_ead_dashteach{
    text-align: center;
    font-size: 0.875em !important;
    color: #888 !important;
    line-height: 0.975;
}

.wc_ead_dashteach_count{
    font-size: 5.3em;
    display: block;
}

.wc_ead_dashstatus{
    font-size: 2em !important;
    text-align: center;
    font-weight: bold;
    color: #008068;
}

.wc_ead_dashstatus span{
    display: block;
    font-size: 0.4em;
    font-weight: 300;
    padding: 8px;
    background: #004838;
    color: #fff;
    margin-top: 11px;
    margin-bottom: -10px;
    line-height: 1.7em;
}

.wc_ead_dashstudent{
    display: block;
    width: 100%;
    padding: 10px 0;
}

.wc_ead_dashstudent img{
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #000;
    padding: 2px;
}

.wc_ead_dashstudent h1,
.wc_ead_dashstudent p{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: right;
    font-size: 0.8em;
    font-weight: 500;
    padding: 0 20px;
}

.wc_ead_dashstudent h1{
    font-size: 1em;
    width: 40%;
    text-align: left;
}

.wc_ead_dashstudent h1 span{
    display: block;
    font-size: 0.7em;
    color: #888;
}

.wc_ead_dashsign{
    display: block;
    width: 100%;
    padding: 10px 0;
}

.wc_ead_dashsign:last-of-type{
    padding-bottom: 5px;
}

.wc_ead_dashsign h1{
    display: inline-block;
    vertical-align: middle;
    width: 28%;
    font-size: 1em;
    text-align: center;
    color: #fff;
}

.wc_ead_dashsign h1 a{
    color: #fff !important;
    padding: 14px 0;
}

.wc_ead_dashsign a{
    text-decoration: none;
    color: #008068;
}

.wc_ead_dashsign a:hover{
    color: #00A887;
}

.wc_ead_dashsign p{
    display: inline-block;
    vertical-align: middle;
    width: 36%;
    font-size: 0.8em;
    padding: 0 15px;
}

.wc_ead_dashsign a,
.wc_ead_dashsign span{
    display: block;
    font-size: 1.2em;
}

.wc_ead_coursecover{
    position: relative;
}

.wc_ead_course:hover .wc_ead_course_segment{
    display: block;
}

.wc_ead_course_segment{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 6px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: 500;
    display: none;
}

.wc_ead_course_certification{
    position: absolute;
    top: 10px;
    right: 10px;
    text-shadow: 1px 1px #000;
    color: #fff;
    opacity: 0.7;
}

.wc_ead_course_delete:hover{
    background: #FF524F;
}

.wc_ead_course h1{
    font-size: 1.1em;
    font-weight: 500;
}

.wc_ead_course h1 a{
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #008068;
    border-bottom: 3px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.wc_ead_course h1 a:hover{
    text-decoration: underline;
}

.wc_ead_courseactions{
    padding: 15px;
    display: block;
    width: 100%;
    text-align: center;
    background: #fbfbfb;
}

.wc_ead_course .btn{
    font-weight: 500;
    font-size: 0.875em;
    margin: 0;

}

.wc_ead_course h1 span{
    display: block;
    text-transform: uppercase;
    color: #888;
    font-size: 0.7em;
}

.wc_ead_courseauthor{
    position: absolute;
    right: 20px;
    bottom: -20px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px;
    background: #008068;
    border: 2px solid #fff;
}

.wc_ead_coursestats{
    display: block;
    width: 100%;
    margin: 10px 0;
}

.wc_ead_course.inactive .wc_ead_courseauthor{
    background-color: #FABB3D;
}

.course_featured{
    margin-top: 20px;
    background-color: #F2F2F2;
    padding: 10px;
}

.course_featured article{
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
}

.course_featured article:last-child{
    margin-bottom: 0;
}

.course_featured article span.featured_remove{
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #F45563;
    text-shadow: 1px 1px #C54550;
    border-radius: 50%;
    padding: 4px 6px;
    font-size: 0.8em;
    color: #FFF;
    cursor:pointer;
}

.course_featured article span.featured_remove:hover{
    background-color: #C54550;
}

.course_featured article h1{
    font-size: 1.2em;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.course_featured article p{
    color: #333;
    padding: 10px;
}

.wc_ead_coursestats span{
    display: inline-block;
    width: 50%;
    padding: 5px;
    border: 1px solid #fff;
    background: #fbfbfb;
    text-align: center;
    font-size: 0.8em;
}

.course_gerent_modules header{
    padding: 10px 20px;
}

.course_gerent_modules header h1{
    float: left;
    margin-top: 5px;
}

.course_gerent_modules header a{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

.course_gerent_module{
    display: block;
    width: 100%;
    padding: 10px 15px;
    background: #fbfbfb;
}

.course_gerent_module:nth-child(2n+0){
    background: #fff;
}

.course_gerent_module .row_title{
    font-size: 1.1em;
    color: #333;
    font-weight: 300;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.course_gerent_module .row{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    text-align: right;
}

.course_gerent_module .row:last-child{
    width: 20%;
}

.course_gerent_module .row span{
    font-size: 0.7em;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    background: #eee;
    margin-left: 5px;
}

.course_gerent_module .row .btn{
    margin-left: 5px !Important;
}

.course_gerent_students img{
    display: inline-block;
    width: 20%;
}

.course_gerent_thumb img{
    width: 100%;
}

.course_gerent_thumb h1{
    font-size: 1.3em;
    font-weight: 300;
    margin: 10px 0 10px 0;
}

.course_gerent_classes{
    margin-bottom: 20px;
}

.course_gerent_class{
    margin: 0;
    background: #fff;
}

.course_gerent_class:nth-child(2n+0){
    background: #eee;
}

.course_gerent_class .row{
    display: inline-block;
    width: 12%;
    text-align: center;
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 300;
    padding: 15px;
}

.course_gerent_class .row_title{
    display: inline-block;
    width: 32%;
    text-align: left;
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 500;
    padding: 15px;
}

.course_gerent_class .actions{
    display: inline-block;
    width: 20%;
    text-align: right;
    vertical-align: middle;
    padding: 15px;
}

.course_gerent_class .btn{
    margin: 0 3px !important;
}

.course_gerent_class .row a{
    color: #008B6F;
    font-weight: 500;
    text-decoration: none;
}

.course_gerent_class .row a:hover{
    color: #00B494;
}

.course_gerent_class_download{
    display: block;
    width: 100%;
    margin: 10px 0 30px;
    text-transform: uppercase;
}

.course_sigle_download{
    display: block;
    background: #eee;
}

.course_sigle_download a{
    color: #008B6F;
    text-decoration: none;
    font-weight: 400;
}

.course_sigle_download a:hover{
    text-decoration: underline;
}

.course_sigle_download_title{
    font-weight: bold;
    color: #ccc;
    background: #F3F3F3;
    padding: 20px 0;
}

.course_sigle_download_title .row{
    font-weight: bold !Important;
    font-size: 0.8em;
}

.course_sigle_download:nth-child(2n+0){
    background: #fff;
}

.course_sigle_download .row{
    display: inline-block;
    width: 25%;
    padding: 15px;
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 300;
}

.course_sigle_download .row.title{
    width: 50%;
    text-align: left;
    font-weight: 500;
}

.course_sigle_download .row .btn{
    width: 100%;
}

.course_sigle_download .row.views{
    text-align: right;
}

.course_sigle_download .row.views .bar{
    padding: 7px 14px;
}

.course_sigle_download .a{
    font-weight: bold;
    text-decoration: none;
    color: #008068;
}

.course_sigle_download .a:hover{
    color: #00B594;
}

.course_single_download_file h3{
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.course_single_download_file p{
    font-size: 0.6rem;
    font-weight: 300;
    text-transform: uppercase;
}

.course_segment h1{
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.course_segment h1 b{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 5px solid #ccc;
    font-weight: 500;
}

.course_segment h1 a{
    font-size: 0.6em;
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px 10px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    color: #000;
    text-decoration: none;
}

.course_segment h1 a:hover{
    background: #008B6F;
    color: #fff;
}

.course_segment p{
    margin: 10px 0 20px 0;
}

.student_content_look{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 0.7em;
}

.student_content_look a{
    display: inline-block;
    color: #888;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px dashed #888;
}

.student_content_look a:hover{
    color: #008B6F;
    border-color: #008B6F;
}

.students_gerent .box_conf_menu a{
    font-size: 1em;
    padding: 15px;
}

.students_gerent_title{
    font-size: 1.8em;
    font-weight: normal;
    color: #555;
    margin-bottom: 30px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.students_gerent_title span{
    padding-bottom: 9px;
    border-bottom: 5px solid #ccc;
}

.students_gerent_subtitle{
    font-size: 1em;
    text-transform: uppercase;
    color: #555;
    margin: 30px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #eee;
}

.students_gerent_course{
    position: relative;
}

.students_gerent_course_bonus{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff !important;
    text-shadow: 1px 1px #000;
    font-size: 0.8em;
    opacity: 0.7;
}

.students_gerent_course_content{
    font-size: 0.8em;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    border-bottom: 0;
}

.students_gerent_course_content h1{
    font-weight: 300;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.students_gerent_course_content p{
    font-size: 0.8em;
    font-weight: 500;
    color: #555;
    text-transform: uppercase;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.students_gerent_course_actions{
    display: block;
    padding: 15px;
    font-size: 0.8em;
    text-align: center;
    background: #fbfbfb;
    border: 1px solid #eee;
    border-top: 0;
}

.students_gerent_course_actions .btn{
    margin: 0 3px !important;
}

.students_gerent_validation{
    width: 500px;
    max-width: 100%;
    margin: 30px auto 0 auto;
}

.students_gerent_validation .btn,
.students_gerent_validation input{
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
}

.student_gerent_home_left{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.student_gerent_home_alert{
    font-size: 0.875rem;
}

.student_gerent_home_data p span{
    font-weight: bold;
    display: inline-block;
    width: 38%;
    padding-right: 10px;
    text-align: right;
    color: #888;
}

.student_gerent_home_data a {
    text-decoration: none;
    font-weight: bold;
    color: #00A887;
}

.student_gerent_home_data a:hover {
    text-decoration: underline;
}

.student_gerent_home_anotations{
    display: inline-block;
    width: 50%;
    padding-left: 20px;
    vertical-align: top;
}

.student_gerent_home_anotations_act{
    padding: 20px;
    background: #fbfbfb;
}

.student_gerent_home_anotation{
    margin-bottom: 20px;
    background: #eee;
    position: relative;
}

.student_gerent_home_anotation_content{
    font-size: 0.9em;
    padding: 25px;
    word-wrap: break-word;
}

.student_gerent_home_anotation_content p{
    margin-top: 15px;
}

.student_gerent_home_anotation_remove{
    position: absolute;
    right: -5px;
    top: -10px;
    padding: 3px 0;
    cursor: pointer;
}

.student_gerent_home_anotation_remove:hover{
    color: #C54550;
}

.student_gerent_orders{
    padding: 15px;
    background: #f5f5f5;
}

.student_gerent_orders h1.row{
    width: 40%;
    text-align: left;
}

.student_gerent_orders:nth-child(2n+0){
    background: #fbfbfb;
}

.student_gerent_orders:hover{
    background: #fff;
}

.student_gerent_orders .row{
    font-weight: 400;
    display: inline-block;
    font-size: 0.875em;
    vertical-align: middle;
    width: 20%;
    text-align: right;
}

.student_gerent_orders .row b{
    font-weight: 500;
}

.student_gerent_orders .row_pay span{
    display: inline-block;
    margin-right: 5px;
}

.student_gerent_orders_detail{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.5);
    display: none;
}

.student_gerent_orders_detail_content{
    padding: 10px 20px;
    background: #fff;
    width: 600px;
    max-width: 90%;
    margin: auto;
    position: relative;
}

.student_gerent_orders_detail_content a{
    text-decoration: none;
    color: #008B6F;
    font-weight: 500;
}

.student_gerent_orders_detail_content a:hover{
    color: #008068;
    text-decoration: underline;
}

.student_gerent_orders_detail_content_close{
    position: absolute;
    right: -10px;
    top: -10px;
}

.student_gerent_orders_detail_content .title{
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 10px;
}

.student_gerent_orders_detail_content .item{
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 300;
}

.student_gerent_orders_detail_content .item:nth-child(2n+0){
    background: #fbfbfb;
}

.student_gerent_orders_detail_content .item b{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-weight: 500;
}

.student_gerent_orders_detail_content .item span{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

.student_gerent_orders_detail_content .close{
    padding-top: 20px;
    text-align: right;
}

.student_gerent_certification{
    text-align: center;
}

.student_gerent_certification img{
    border: 3px double #ccc;
}

.student_gerent_certification_content{
    border: 1px solid #eee;
    border-top: 0;
}

.student_gerent_certification_info{
    padding: 10px;
    color: #333;
}

.student_gerent_certification h1{
    font-size: 1.2em;
    border-bottom: 1px solid #eee;
}

.student_gerent_certification p{
    text-transform: uppercase;
    font-size: 0.8em;
}

.students_course_view_module{
    display: block;
    width: 100%;
}

.students_course_view_module > h1{
    font-size: 1.1em;
    font-weight: 500;
    margin: 20px 0 10px 0;
}

.students_course_view_module > h1 span{
    display: inline-block;
    font-size: 0.6em;
    text-transform: uppercase;
    margin-left: 10px;
    vertical-align: middle;
}

.students_course_view_module .icon:before{
    margin-right: 3px;
}

.students_course_view_module > h1 b{
    font-weight: 500;
}

.students_course_view_class{
    display: block;
    width: 100%;
    background: #fbfbfb;
    padding: 10px 15px;
}

.students_course_view_class:nth-child(2n+0){
    background: #f3f3f3;
}


.students_course_view_class h1.row{
    width: 25%;
    text-align: left;
    font-weight: 500;
}

.students_course_view_class h1 a{
    color: #000;
    text-decoration: none;
}

.students_course_view_class h1 a:hover{
    text-decoration: underline;
}

.students_course_view_class .row{
    font-size: 0.875em;
    font-weight: 300;
    display: inline-block;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

.students_course_view_student_class h1.row{
    font-size: 1em;
    width: 28%;
    padding: 0;
}

.students_course_view_student_class .row{
    width: 18%;
    padding: 0 10px;
}

.students_course_view_student_class .last{
    padding-right: 0;
}

.wc_actions{
    text-align: right;
}

/*SUPPORT*/
.ead_support_single{
    display: block;
    background: #fbfbfb;
    font-size: 0.9em;
}

.ead_support_single h1.row{
    width: 28%;
    font-weight: 500;
    text-align: left;
}

.ead_support_single .a{
    text-decoration: none;
    color: #000;
}

.ead_support_single .a:hover{
    text-decoration: underline;
}

.ead_support_single .row{
    display: inline-block;
    vertical-align: middle;
    width: 18%;
    color: #555;
    padding: 15px;
}

.ead_support_single .row span{
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
}

.ead_support_single span.review{
    display: inline;
}

.ead_support_single .btn_support{
    text-align: right;
}

.ead_support_single .btn_support .btn{
    width: 80%;
}

.ead_support_single:nth-of-type(2n+0){
    background: #fff;
}

/*RESPONSE*/

.ead_support_response a{
    color: #008068;
    font-weight: 500;
    text-decoration: none;
}

.ead_support_response a:hover{
    text-decoration: underline;
}

.ead_support_response_avatar{
    display: inline-block;
    vertical-align: top;
    width: 15%;
    padding-right: 30px;
}

.ead_support_response_content{
    display: inline-block;
    vertical-align: top;
    width: 85%;
    padding: 30px;
    background: #fbfbfb;
}

.ead_support_response_content_header{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.ead_support_response_content_header h1{
    font-size: 1.3em;
    font-weight: 500;
}

.ead_support_response_content_header .status{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.5em;
    margin-top: -4px;
    text-transform: uppercase;
    margin-left: 10px;
}

.ead_support_response_content_header p{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
    text-transform: uppercase;
    font-size: 0.8em;
}

.ead_support_response_content_header p span{
    display: inline-block;
    margin: 0 5px !important;
    color: #ccc;
}

.ead_support_response_content .htmlchars{
    font-size: 1.1em;
}

.ead_support_response_actions{
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
}

.ead_support_response_actions .btn{
    margin-right: 8px;
}

.ead_support_response_review{
    margin-top: 30px;
    padding: 20px;
    background: #e1ece8;
}

.ead_support_response_review h1{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    color: #555;
}

.ead_support_response_review p{
    margin-top: 20px;
}

/*SUB*/
.ead_support_response .ead_support_response{
    padding: 20px;
    background: #fff;
    margin-top: 30px;
}

.ead_support_response .ead_support_response header h1{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
}

/*MODAL*/
.ead_support_response_edit_modal{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 100020;
}

.ead_support_response_edit_modal form{
    margin: auto;
    max-width: 90%;
    position: relative;
    background: #fff;
    padding: 20px;
}

.ead_support_response_edit_modal form p{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 #fbfbfb;
}

.ead_support_response_edit_modal_close{
    position: absolute;
    right: -10px;
    top: -10px;
}

/*EAD ORDERS*/
.wc_ead_orders_order{
    padding: 15px;
    background: #fbfbfb;
}

.wc_ead_orders_order:nth-of-type(2n+0){
    background: #fff;
}

.wc_ead_orders_order .row{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    font-size: 1em;
    font-weight: 500;
    color: #555;
}

.wc_ead_orders_order .row .a{
    color: #000;
    text-decoration: none;
}

.wc_ead_orders_order .row .a:hover{
    text-decoration: underline;
}

.wc_ead_orders_order h1.row{
    display: inline-block;
    vertical-align: middle;
}

.wc_ead_orders_order .row span{
    display: block;
    font-size: 0.8em;
    font-weight: 300;
}

.wc_ead_orders_order .row .btn{
    display: inline-block;
    width: 65%;
}

.wc_ead_orders_order .row a.btn{
    width: 30%;
    margin-left: 5% !important;
}

/*ODER DETAIL*/
.wc_ead_order_detail p{
    padding: 10px;
    background: #fbfbfb;
    color: #555;
}

.wc_ead_order_detail p a{
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.wc_ead_order_detail p a:hover{
    text-decoration: underline;
}

.wc_ead_order_detail p:nth-last-of-type(2n+0){
    background: #fff;
}

.wc_ead_order_detail p b{
    font-weight: 500;
    padding-right: 5px;
}

.wc_ead_order_single_enroll{
    padding: 5px;
    background: #e1f3e8;
}

.wc_ead_order_single .row{
    display: inline-block;
    vertical-align: middle;
    width: 22%;
    padding: 10px;
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
}

.wc_ead_order_single h1.row{
    width: 34%;
    text-align: left;
}

.wc_ead_order_single .row span{
    display: block;
    font-size: 0.8em;
    color: #555;
}

.wc_ead_order_single_bonus{
    padding: 5px;
    background: #fbfbfb;
}

.wc_ead_order_single_bonus:nth-of-type(2n+0){
    background: #fefefe;
}

/*EAD REPORT*/
.wc_ead_chart_control{
    display: block;
    width: 100%;
    padding: 10px 20px 20px 20px;
}

.wc_ead_chart_range{
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.wc_ead_chart_range .form_load{
    vertical-align: middle;
    margin-top: 2px;
    width: 20px;
    margin-left: 10px;
    display: none;
}

.wc_ead_chart_range_picker{
    display: inline-block;
    background: #fff;
}

.wc_ead_chart_range_picker span{
    display: inline-block;
    background: #eee;
    padding: 6px 10px;
    vertical-align: middle;
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}

.wc_ead_chart_range_picker input{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    border-color: #eee;
    font-size: 0.8em;
    padding: 5px;
    text-align: center;
    margin-right: 8px;
    border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
}

.wc_ead_chart_range .btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

.wc_ead_chart_change{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: right;
}

.wc_ead_reports_boxes{
    margin: 20px 0;
    padding: 5px 0;
    background: #eee;
    text-align: center;
}

.wc_ead_reports_total{
    background: #eee;
    text-align: center;
}

.wc_ead_reports_total span{
    display: block;
    width: 100%;
    text-align: center;
}

.wc_ead_reports_total p{
    font-size: 2em;
    font-weight: bold;
    color: #555;
    margin: 0;
    line-height: 1;
}

.wc_ead_reports_single{
    padding: 15px;
    background: #fff;
}

.wc_ead_reports_single .row{
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    width: 25%;
    text-align: center;
}

.wc_ead_reports_single:nth-of-type(2n+0){
    background: #fbfbfb;
}

.sample_tab_nav{
    display: flex;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px;
    margin-bottom: 10px;
    flex-grow: 1;
}

.sample_tab_nav a:hover{
    background: #00A887;
    color: #fff;
}

.sample_tab_nav .wc_active, .sample_tab_nav .active{
    background: #008068;
    color: #fff;
}

.licence_box{
    width: 600px;
    max-width: 100%;
    margin: 30px auto;
    padding: 30px 50px;
    background: #fff;
    text-align: center;
    word-wrap: break-word;
}

.licence_box p{
    margin-top: 20px;
    font-size: 0.9rem;
}

.licence_box a{
    color: #008B6F;
    text-decoration: none;
}

.licence_box a:hover{
    color: #00A887;
    text-decoration: underline;
}

.licence_box .title{
    font-weight: bold;
    font-size: 1.1rem;
}

.licence_box .key{
    font-size: 0.8em;
}

.licence_box .auth{
    font-size: 5em;
}

.sample_tab_nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px;
    margin-bottom: 10px;
}

.sample_tab_nav a:hover{
    background: #00A887;
    color: #fff;
}

.sample_tab_nav .wc_active{
    background: #008068;
    color: #fff;
}

.wc_domain_license{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    background: rgba(244, 85, 99, 0.5);
    padding: 10px 12px;
    color: #fff;
    cursor: pointer;
}

.wc_domain_license:hover{
    background: #C63D3A;
}

.wc_domain_license_box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
}

.wc_domain_license_box_content{
    width: 600px;
    max-width: 90%;
    margin: auto;
    padding: 40px;
    background: #fff;
    text-align: center;
}

.wc_domain_license_box_content span{
    font-size: 3em;
}

.wc_domain_license_box_content p{
    margin-top: 20px;
}

.UserAddImgsReturn{
    margin: 20px 0 0;
}

.UserAddImgsReturn .UserAddImgsReturnSpan{
    margin: 0 10px 20px;
    box-shadow: 0 0 10px #999;
    border-radius: 5px;
    width: calc(33% - 20px);
    display: inline-block;
}

.UserAddImgsReturn .UserAddImgsReturnSpan img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}

.UserAddImgsReturn .UserAddImgsReturnSpan .UserAddImgsReturnSpanDel,
.UserAddImgsReturn .UserAddImgsReturnSpan .EventAddImgsReturnSpanDel{
    display: block;
    padding: 10px 5px;
    text-align: center;
    background-color: #F45563;
    text-shadow: 1px 1px #C54550;
    color: #fff !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.UserAddImgsReturn .UserAddImgsReturnSpan .UserAddImgsReturnSpanDel:hover,
.UserAddImgsReturn .UserAddImgsReturnSpan .EventAddImgsReturnSpanDel:hover{
    background-color: #C54550;
}

.ImgLimitePermitidoLabel {
    position: relative;
}

.ImgLimitePermitidoLoad {
    position: absolute;
    top: 20px;
    right: -36px;
}

.UserAddAnxsReturn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan{
    flex-basis: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    text-align: center;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan:first-child{
    font-weight: bold;
    text-transform: uppercase;
    background-color: #F2F2F2;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan:nth-child(odd){
    background-color: #EBEBEB;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan:nth-child(even){
    background-color: #FFF;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan .NomeAnexo a{
    color: #000;
    text-decoration: none;
    font-weight: 400;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan .NomeAnexo a:hover{
    text-decoration: underline;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan .DelAnexo{
    flex-basis: 40px !important;
    color: red;
    cursor: pointer;
}

.UserAddAnxsReturn .UserAddAnxsReturnSpan > span{
    flex-basis: calc(50% - 40px);
}


.AnxLimitePermitidoLabel {
    position: relative;
}

.AnxLimitePermitidoLoad {
    position: absolute;
    top: 20px;
    right: -36px;
}

.UserNotas{
    margin-bottom: 20px;
}

.user_view_notas{

}

.user_view_notas section{
    background-color: #F8F8F8;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.user_view_notas section:last-child{
    margin-bottom: 0;
}

.user_view_notas section div{
    margin-bottom: 10px;
    position: relative;
}

.user_view_notas section div:last-child{
    margin-bottom: 0;
}

.user_view_notas section div .DelBaixa{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #F45563;
    transition: .3s;
    font-size: 1.2em;
}
.user_view_notas section div .DelBaixa:hover{
    font-size: 1.5em;
}


.user_view_notas section .view_nota{
    background-color: #FFF;
    padding: 10px;
    border-radius: 5px;
}

.user_view_notas section .view_nota_anexo{
    text-align: right;
}

.user_view_notas section .view_nota_anexo b{
    color: #1e73be;
}

.user_view_notas section .view_nota_anexo a{
    text-decoration: none;
    padding: 4px;
    color: #1e73be;
    display: inline-block;
    font-weight: 600;
    border-radius: 4px;
}

.user_view_notas section .view_nota_anexo a:hover{
    color: #1A62A4;
}

.user_view_notas section .view_nota_info {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.user_view_notas section .view_nota_info span{
    font-weight: 400;
}

.user_view_notas section .view_nota_info span:last-child{
    font-size: 0.785em;
}

.buscar_candidato label{
    margin-bottom: 20px;
    display: block;
    max-width: 400px;
}

.buscar_candidato label input{
    border-radius: 5px;
}

.BuscaCandidato {
    position: relative;
}

.BuscaCandidato .BuscaCandidatoLoad {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    background-image: url(../_img/load_circle.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    display: none;
}

.RetornoBuscaCandidato article{
    display: block;
    padding: 10px 0;
    color: #000;
    font-weight: 400;
    text-align: center;
    width: 100%;
    background-color: #F3F3F3;
    vertical-align: middle;
}

.RetornoBuscaCandidato article:first-child{
    font-weight: 600 !important;
    color: #FFF !important;
    background-color: #1e73be;
}

.RetornoBuscaCandidato article:nth-of-type(2n+0){
    background-color: #FFF;
}

.RetornoBuscaCandidato article p{
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}

.report_candidatos_row{
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 5px;
    justify-content: space-between;
}

.report_candidatos_row:first-of-type(0){
    font-weight: bold !important;
    text-align: center;
}

.report_candidatos_row .report_candidatos_col{
    margin: 0 5px;
    flex-basis: calc(14% - 10px);
    text-align: center;
}

/* APP FINANCEIRO */

.btn_despesa{
    background-color: #FFF;
    color:#F45563 !important;
    text-shadow: none;
    border: 1px solid #F45563;
    font-weight: 600;
}

.btn_despesa:hover{
    background-color: #F45563;
    color:#FFF !important;
}

.btn_receita{
    background-color: #FFF;
    color:#00B494 !important;
    text-shadow: none;
    border: 1px solid #00B494;
    font-weight: 600;
}

.btn_receita:hover{
    background-color: #00B494;
    color:#FFF !important;
}

.financial .financial_left .financial_left_box{
    margin-bottom: 24px;
    text-align: center;
    color: #F2F2F2;
    text-shadow: 1px 1px #008068;
    display: flex;
    justify-content: space-between;
}

.financial .financial_left .financial_left_box .financial_left_box_sigle{
    padding: 48px 24px;
    flex-basis: calc(30%);
    border-radius: 4px;
}

.financial .financial_left .financial_left_box .financial_left_box_sigle h2{
    font-size: 1.2em;
}

.financial .financial_left .financial_left_box .financial_left_box_sigle p{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 400;
}


.despesa{
    background-color: #F45563;
}

.receita{
    background-color: #3BB2B8;
}

.projetado{
    background-color: #808080;
}

.financial .financial_right .financial_right_btns{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.financial .financial_right .financial_right_btns .btn{
    flex-basis: calc(50% - 12px);
}

.financial .financial_right .financial_right_flex{
    background-size: 200% auto;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 48px 24px;
    text-shadow: 1px 1px #008068;
}

.financial .financial_right .financial_right_flex h2{
    font-size: 2em;
}

.financial .financial_right .financial_right_flex p{
    text-transform: uppercase;
    font-weight: 600;
}

.gradient-red{
    background-image: var(--gradient-red);
}
.gradient-green{
    background-image: var(--gradient-green);
}

.financial .financial_right .financial_right_contas{
    background-color: #FFF;
    border-radius: 4px;
    margin-top: 14px;
}

.financial .financial_right .financial_right_contas .panel_header{
    position: relative;
}

.financial .financial_right .financial_right_contas .panel_header .AddConta{
    position: absolute;
    top: 6px;
    right: 6px;
}

.financial .financial_right .financial_right_contas .conta_single{
    padding: 24px 0;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #0E96E5;
}

.financial .financial_right .financial_right_contas .conta_single:last-child{
    border: none;
}

.financial .financial_right .financial_right_contas .conta_single p{
    font-size: 1em;
    text-transform: uppercase;
    flex-basis: 50%;
    font-weight: 400;
    padding: 0 4px;
    color: #0E96E5;
}

.financial .financial_right .financial_right_contas .conta_single p a{
    text-decoration: none;
    color: #000;
    padding: 4px 8px;
    border-radius: var(--radius-padrao)
}

.financial .financial_right .financial_right_contas .conta_single p a:hover{
    background-color: #0E96E5;
    color: #FFF;
}

.CriarPedido .jsTotalProduto:disabled,
.CriarPedido .jsTotalDesconto:disabled,
.CriarPedido .jsTotalNota:disabled{
    color: #000;
    opacity: 1;
}

.CriarPedido .jsPdtReturn{
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 8px;
    background-color: #F1F1F1;
    color: #2c3739;
    position: relative;
    border-radius: 8px;
}

.CriarPedido .jsPdtReturn .jsPdtReturnLoad{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: rgba(0,0,0,0.5);
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem{
    flex-basis: 100%;
    margin-bottom: 2px;
    padding: 12px;
    display: flex;
    font-weight: 400;
    position: relative;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem:nth-child(odd){
    background-color: #eee;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem:nth-child(even){
    background-color: #FAFAFA;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem:hover{
    background-color: #ccc8c8;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem p{
    flex-basis: calc(55% / 4);
    text-align: left;
    padding: 0 4px;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem p:first-child{
    flex-basis: calc(45%);
    text-align: left;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem p:last-of-type{
    font-weight: 600;
}

.CriarPedido .jsPdtReturn .jsPdtReturnItem .jsPdtReturnItemDel{
    position: absolute;
    top: 8px;
    right: 4px;
    width: 27px;
    height: 27px;
    background-color: #FC6C6C;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 8px;
    cursor: pointer;
}

.CriarPedido .jsKitReturn{
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 8px;
    background-color: #F1F1F1;
    color: #2c3739;
    position: relative;
    border-radius: 8px;
}

.CriarPedido .jsKitReturn .jsKitReturnLoad{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: rgba(0,0,0,0.5);
}

.CriarPedido .jsKitReturn .jsKitReturnItem{
    flex-basis: 100%;
    margin-bottom: 2px;
    padding: 12px;
    display: flex;
    font-weight: 400;
    position: relative;
}

.CriarPedido .jsKitReturn .jsKitReturnItem:nth-child(odd){
    background-color: #eee;
}

.CriarPedido .jsKitReturn .jsKitReturnItem:nth-child(even){
    background-color: #FAFAFA;
}

.CriarPedido .jsKitReturn .jsKitReturnItem:hover{
    background-color: #ccc8c8;
}

.CriarPedido .jsKitReturn .jsKitReturnItem p{
    flex-basis: calc(55% / 4);
    text-align: left;
    padding: 0 4px;
}

.CriarPedido .jsKitReturn .jsKitReturnItem p:first-child{
    flex-basis: calc(45%);
    text-align: left;
}

.CriarPedido .jsKitReturn .jsKitReturnItem p:last-of-type{
    font-weight: 600;
}

.CriarPedido .jsKitReturn .jsKitReturnItem .jsKitReturnItemDel,
.CriarPedido .jsKitReturn .jsKitReturnItem .jsKitPedidoDel{
    position: absolute;
    top: 8px;
    right: 4px;
    width: 27px;
    height: 27px;
    background-color: #FC6C6C;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 8px;
    cursor: pointer;
}

.CriarPedido .jsUrcReturn{
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 8px;
    background-color: #F1F1F1;
    color: #2c3739;
    position: relative;
    border-radius: 8px;
}

.CriarPedido .jsUrcReturn .jsUrcReturnLoad{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: rgba(0,0,0,0.5);
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem{
    flex-basis: 100%;
    margin-bottom: 2px;
    padding: 12px;
    display: flex;
    font-weight: 400;
    position: relative;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem:nth-child(odd){
    background-color: #eee;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem:nth-child(even){
    background-color: #FAFAFA;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem:hover{
    background-color: #ccc8c8;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem p{
    flex-basis: calc(55% / 4);
    text-align: left;
    padding: 0 4px;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem p:first-child{
    flex-basis: calc(45%);
    text-align: left;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem p:last-of-type{
    font-weight: 600;
}

.CriarPedido .jsUrcReturn .jsUrcReturnItem .jsUrcReturnItemDel,
.CriarPedido .jsUrcReturn .jsUrcReturnItem .jsUrcPedidoDel{
    position: absolute;
    top: 8px;
    right: 4px;
    width: 27px;
    height: 27px;
    background-color: #FC6C6C;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 8px;
    cursor: pointer;
}

.divList {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 4px 4px;
}

.divList:first-child{
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    min-height: 39px;
}

.divList:nth-child(even){
    background-color: #e1ece8;
}

.divList .divListSpan:nth-child(1){
    flex-basis: 50%;
    padding: 0 4px;
}

.divList .divListSpan:nth-child(2){
    flex-basis: calc(25% - 58px);
    padding: 0 4px;
    text-align: center;
}

.divList .divListSpan:nth-child(3){
    flex-basis: calc(25% - 60px);
    text-align: center;
}

.divList .divListSpan:nth-child(4){
    flex-basis: 80px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    color: #096397;
}

.divList .divListSpan:nth-child(5){
    flex-basis: 38px;
    text-align: center;
}

.divList .divListSpan a{

}

.cleanup_inline{
    display: flex !important;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.cleanup_inline .legend{
    margin: 0;
    flex: 1 1 auto;
    width: auto !important;
    display: inline-block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cleanup_inline input[type="number"]{
    flex: 0 0 120px;
    width: 120px !important;
    margin: 0 !important;
}

ul.divListSpanItens{

}

ul.divListSpanItens li{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 8px 4px;
}

ul.divListSpanItens li:first-child{
    text-align: center;
    font-weight: 600;
}

ul.divListSpanItens li:nth-child(even){
    background-color: #e1ece8;
}

ul.divListSpanItens li span.divListSpanItensSpan:nth-child(1){
    flex-basis: calc(100% - 300px);
}

ul.divListSpanItens li span.divListSpanItensSpan:nth-child(2){
    flex-basis: 200px;
    text-align: center;
}

ul.divListSpanItens li span.divListSpanItensSpan:nth-child(3){
    flex-basis: 10px;
    text-align: center;
}

.divProject{
    position: relative;
}

.divProject .load{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    display: none;
}

.TeAtividadesBusca{
    display: flex;
    margin-bottom: 12px;
}


.TeAtividadesBusca select{
    flex-basis: 50%;
}

.TeAtividadesBusca select:first-child{
    margin-right: 4px;
}

.TeAtividadesPanelBtn{
    text-align: right;
}

.teAvaliar .teAvaliarLinha{
    display: flex;
    padding: 8px 0 8px 8px;
    justify-content: center;
    align-items: center;
}

.teAvaliar .teAvaliarLinha:nth-child(even){
    background-color: #e1ece8;
    border-radius: 4px;
}

.teAvaliar .teAvaliarLinha .teAvaliarLinhaCol:nth-child(1){
    flex-basis: calc(100% - 100px);
}

.teAvaliar .teAvaliarLinha .teAvaliarLinhaCol:nth-child(2),
.teAvaliar .teAvaliarLinha .teAvaliarLinhaCol:nth-child(3){
    flex-basis: 50px;
}

ul.invoiceRepeat{
    padding: 8px;
}

ul.invoiceRepeat li{
    margin-bottom: 4px;
    font-weight: 600;
}

ul.invoiceRepeat li:last-child{
    margin-bottom: 0;
}

ul.invoiceRepeat li a{
    color: var(--color-um);
}

ul.invoiceRepeat li a:hover{
    color: var(--color-tres);
}

.contaPagar ul{
    display: flex;
    margin: 0 0 4px 0;
    align-items: center;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
}

.contaPagar ul:first-child{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    min-height: 39px;
    background-color: var(--color-quatro) !important;
    color: #FFF !important;
}

.contaPagar ul:last-child{
    margin: 0;
}

.contaPagar ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.contaPagar ul li{
    text-align: center;
}

.contaPagar ul li:nth-of-type(1){
    flex-basis: 100px;
    font-weight: 600;
    text-align: center;
}

.contaPagar ul li:nth-of-type(2){
    flex-basis: calc((100% - 808px)/2);
    padding: 0 4px;
}

.contaPagar ul li:nth-of-type(3){
    flex-basis: 80px;
    text-align: center;
    font-weight: 600;
    word-break: break-all;
    padding: 0 4px;
}

.contaPagar ul li:nth-of-type(4){
    flex-basis: calc((100% - 808px)/2);
    padding: 0 4px;
}

.contaPagar ul li:nth-of-type(5){
    flex-basis: 100px;
    font-weight: 600;
    text-align: center;
}

.contaPagar ul li:nth-of-type(6),
.contaPagar ul li:nth-of-type(7){
    flex-basis: 100px;
    font-weight: 600;
    text-align: center;
}

.contaPagar ul li:nth-of-type(10),
.contaPagar ul li:nth-of-type(11),
.contaPagar ul li:nth-of-type(8),
.contaPagar ul li:nth-of-type(9){
    flex-basis: 100px;
    text-align: center;
}

.contaPagar ul li:nth-of-type(12){
    flex-basis: 80px;
    text-align: center;
    font-weight: 600;
}

.contaPagar ul li:nth-of-type(13){
    flex-basis: 38px;
    text-align: right
}

.contaPagarBusca {
    display: flex;
    flex-wrap: wrap;
}

.contaPagarBusca div{
    flex-basis: 100%;
}

.contaPagarBusca div:first-child{
    margin-bottom: 20px;
}

.contaPagarBusca div:last-child{
    text-align: right;
}

.contaPagarBusca div form{
    display: flex;
    flex-wrap: nowrap;
}

.contaPagarBusca div form .select2,
.contaPagarBusca div form input,
.contaPagarBusca div form select{
    margin-right: 8px;
}


.contaPagarBusca div form .select2{
    flex-basis: calc(100% - 557px);
}

.contaPagarBusca div form select,
.contaPagarBusca div form input{
    margin-right: 8px;
    flex-basis: 150px;
    text-align: center;
}

.contaPagarBusca div form button{
    flex-basis: 75px;
}

.contaPagarBusca .contaLancamentosForm{
    display: block;
}

.contaPagarBusca .contaLancamentosForm .label{
    margin-bottom: 12px;
}

.contaPagarBusca .contaLancamentosForm select,
.contaPagarBusca .contaLancamentosForm input{
    margin-right: 0;
    text-align: left;
    width: 100%;
}

.contaPagarBusca div:nth-of-type(2){
    margin-bottom: 20px;
}

.contaPagarBusca div:nth-of-type(2) ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contaPagarBusca div:nth-of-type(2) ul li{
    flex-basis: 30%;
    background-color: var(--color-quatro);
    color: #FFF;
    font-weight: 600;
    padding: 36px 8px;
    text-align: center;
    /*text-shadow: 1px 1px #002135;*/
    /*box-shadow: 0px 0px 10px var(--color-dois);*/
    /*border-radius: 4px;*/

}

.contaPagarBusca div:nth-of-type(2) ul li p:first-child{
    font-size: 1.6em;
}

.contaPagarBusca div:nth-of-type(2) ul li p:last-child{
    font-weight: 300;
    font-size: 0.875em;
}

.contaBalanceteResumo{
    margin-bottom: 20px;
}

.contaBalanceteResumo ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
}

.contaBalanceteResumo ul li{
    flex-basis: calc(25% - 10px);
    background-color: var(--color-quatro);
    color: #FFF;
    font-weight: 600;
    padding: 28px 8px;
    text-align: center;
}

.contaBalanceteResumo ul li p:first-child{
    font-size: 1.4em;
}

.contaBalanceteResumo ul li p:last-child{
    font-weight: 300;
    font-size: 0.875em;
}

.financialExtract {
    display: flex;
    flex-wrap: wrap;
}

.financialExtract div{
    flex-basis: 100%;
}

.financialExtract div:first-child{
    margin-bottom: 20px;
}

.financialExtract div:last-child{
    text-align: right;
}

.financialExtract div form{
    display: flex;
    flex-wrap: nowrap;
}

.financialExtract div form .select2,
.financialExtract div form input,
.financialExtract div form select{
    margin-right: 8px;
}


.financialExtract div form .select2,
.financialExtract div form input.InputDisabled{
    flex-basis: calc(100% - 950px);
}

.financialExtract div form select,
.financialExtract div form input{
    margin-right: 8px;
    flex-basis: 150px;
    text-align: center;
}

.financialExtract div form button{
    flex-basis: 75px;
}

.financialExtract div:nth-of-type(2){
    margin-bottom: 20px;
}

.financialExtract div:nth-of-type(2) ul{
    width: calc(100%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.financialExtract div:nth-of-type(2) ul li{
    flex-basis: calc(20% - 20px);
    background-color: var(--color-quatro);
    color: #FFF;
    font-weight: 600;
    padding: 36px 8px;
    margin: 10px;
    text-align: center;
    /*text-shadow: 1px 1px #002135;*/
    /*box-shadow: 0px 0px 10px var(--color-dois);*/
    /*border-radius: 4px;*/

}

.financialExtract div:nth-of-type(2) ul li p:first-child{
    font-size: 1.6em;
}

.financialExtract div:nth-of-type(2) ul li p:last-child{
    font-weight: 300;
    font-size: 0.875em;
}

.cabrancaBusca {
    display: flex;
    flex-wrap: wrap;
}

.cabrancaBusca div{
    flex-basis: 100%;
}

.cabrancaBusca div:first-child{
    margin-bottom: 20px;
}

.cabrancaBusca div:last-child{
    text-align: right;
}

.cabrancaBusca div form{
    display: flex;
    flex-wrap: nowrap;
}

.cabrancaBusca div form .select2,
.cabrancaBusca div form input,
.cabrancaBusca div form select{
    margin-right: 8px;
}

/*
.cabrancaBusca div form .select2{
    flex-basis: calc(100% - 557px);
}

.cabrancaBusca div form select,
.cabrancaBusca div form input{
    margin-right: 8px;
    flex-basis: 150px;
    text-align: center;
}*/

.cabrancaBusca div form button{
    flex-basis: 75px;
}

.cabrancaBusca div:nth-of-type(2){
    margin-bottom: 20px;
}

.cabrancaBusca div:nth-of-type(2) ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cabrancaBusca div:nth-of-type(2) ul li{
    flex-basis: 30%;
    background-color: var(--color-quatro);
    color: #FFF;
    font-weight: 600;
    padding: 36px 8px;
    text-align: center;
    text-shadow: 1px 1px #002135;
    box-shadow: 0px 0px 10px var(--color-dois);
    border-radius: 4px;

}

.cabrancaBusca div:nth-of-type(2) ul li p:first-child{
    font-size: 1.6em;
}

.cabrancaBusca div:nth-of-type(2) ul li p:last-child{
    font-weight: 300;
    font-size: 0.875em;
}

.stockList ul{
    display: flex;
    margin: 0 0 4px 0;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
    align-items: center;
}

.stockList ul:first-child{
    text-align: center !important;
    font-weight: 600;
    text-transform: uppercase;
    min-height: 39px;
    background: var(--color-um) !important;
    color: #FFF;
}

.stockList ul:last-child{
    margin: 0;
}

.stockList ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.stockList ul li:nth-of-type(1){
    flex-basis: 80px;
    text-align: center;
}

.stockList ul li:nth-of-type(2),
.stockList ul li:nth-of-type(3){
    flex-basis: calc((100% - 360px)/2);
    padding: 0 8px;
}

.stockList ul li:nth-of-type(4){
    flex-basis: 100px;
    text-align: center;
}

.stockList ul li:nth-of-type(5){
    flex-basis: 200px;
    text-align: center;
}

.stockList ul li:nth-of-type(6){
    flex-basis: 40px;
    text-align: center;
}

.musicList ul,
.usersList ul,
.signatureList ul{
    display: grid;
    margin: 0 0 4px 0;
    padding: 6px 4px;
    font-weight: 500;
    background-color: #fbfbfb;
    align-items: center;
    width: 100%;
}

.musicList,
.usersList,
.signatureList{
    width: 100%;
    max-width: 100%;
}

.musicList ul:first-child,
.usersList ul:first-child,
.signatureList ul:first-child{
    text-align: center !important;
    font-weight: 600;
    text-transform: uppercase;
    min-height: 39px;
    background: var(--color-um) !important;
    color: #FFF;
}

.musicList ul:last-child,
.usersList ul:last-child,
.signatureList ul:last-child{
    margin: 0;
}

.musicList ul:nth-child(odd),
.usersList ul:nth-child(odd),
.signatureList ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.musicList ul li,
.usersList ul li,
.signatureList ul li{
    padding: 0 8px;
    box-sizing: border-box;
}

.musicList .list_cover{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.musicList .list_cover.js-slow-image{
    background-size: 16px 16px;
}

.musicList .list_title,
.usersList .list_title,
.signatureList .list_title{
    display: block;
    font-weight: 600;
}

.usersList .users_sort_btn{
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 4px;
    color: #fff;
    font-size: 0.85em;
    text-decoration: none;
}

.usersList .users_sort_btn:hover{
    background: rgba(255, 255, 255, 0.14);
}

.musicList .list_meta,
.usersList .list_meta,
.signatureList .list_meta{
    display: block;
    font-size: 0.85em;
    font-weight: 400;
    color: #555;
}

.usersList .list_icon,
.signatureList .list_icon{
    display: inline-block;
    margin-left: 6px;
}

.usersList .signature-icon,
.signatureList .signature-icon{
    width: 22px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.usersList .payment_icon .signature-icon,
.signatureList .payment_icon .signature-icon{
    width: 16px;
}

.musicList .list_actions,
.usersList .list_actions,
.signatureList .list_actions{
    white-space: nowrap;
}

.musicList .list_actions .btn,
.usersList .list_actions .btn,
.signatureList .list_actions .btn{
    padding: 4px 8px;
    font-size: 0.85em;
    margin: 0 4px 4px 0;
}

.musicList .list_actions{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    white-space: normal;
}

.musicList .list_actions .btn{
    margin: 0;
}

.musicList ul{
    grid-template-columns: 70px 1.6fr 1.6fr 1fr 0.9fr 0.8fr;
}

.usersList ul li:nth-of-type(1){
    text-align: center;
}

.usersList ul{
    grid-template-columns: 90px 2.2fr 1.1fr 0.9fr 1fr 1fr 1.2fr 0.7fr 1.4fr;
}

.signatureList ul li:nth-of-type(1){
    text-align: center;
}

.signatureList ul{
    grid-template-columns: 80px 2.2fr 1fr 0.9fr 0.7fr 1fr 1fr 1fr 1.4fr;
}

@media (max-width: 1279px){
    .musicList,
    .usersList,
    .signatureList{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .musicList ul{
        min-width: 1020px;
    }

    .usersList ul{
        min-width: 1490px;
    }

    .signatureList ul{
        min-width: 1360px;
    }
}

.contaExtrato{
    padding: 0;
    width: 100%;
    overflow: auto;
}

.contaExtrato ul{
    display: flex;
    margin: 0 0 4px 0;
    align-items: center;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
    min-height: 39px;
}

.contaExtrato ul:first-child{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-quatro) !important;
    color: #FFF !important;
}

.contaExtrato ul:last-child{
    margin: 0;
}

.contaExtrato ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.contaExtrato ul li{
    word-break: break-all;
    text-align: center;
}

.contaExtrato ul li:nth-of-type(1){
    flex-basis: 80px;
    padding: 0 4px;
    text-align: center;
    font-weight: 600;
}

.contaExtrato ul li:nth-of-type(3){
    flex-basis: 80px;
    padding: 0 4px;
    text-align: center;
    font-weight: 600;
}

.contaExtrato ul li:nth-of-type(2),
.contaExtrato ul li:nth-of-type(4){
    flex-basis: calc((100% - 1070px)/2);
    padding: 0 8px;
}

.contaExtrato ul li:nth-of-type(5){
    /*color: #F45563;*/
    font-weight: 600;
    flex-basis: 70px;
    text-align: center;
}

.contaExtrato ul li:nth-of-type(10),
.contaExtrato ul li:nth-of-type(6),
.contaExtrato ul li:nth-of-type(7),
.contaExtrato ul li:nth-of-type(8),
.contaExtrato ul li:nth-of-type(9){
    flex-basis: 120px;
    text-align: center;
}

.contaExtrato ul li:nth-of-type(11){
    flex-basis: 120px;
    text-align: center;
    font-weight: 600;
}

.contaExtrato ul li:nth-of-type(12){
    flex-basis: 80px;
    text-align: center;
    font-weight: 600;
}

.contaExtrato ul li:nth-of-type(13){
    flex-basis: 40px;
    text-align: right;
}

.contaLancamentos{
    padding: 0;
    width: 100%;
    overflow: auto;
}

.contaLancamentos ul{
    display: flex;
    margin: 0 0 4px 0;
    align-items: center;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
    min-height: 39px;
}

.contaLancamentos ul:first-child{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-quatro) !important;
    color: #FFF !important;
}

.contaLancamentos ul:last-child{
    margin: 0;
}

.contaLancamentos ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.contaLancamentos ul li{
    word-break: break-word;
    text-align: center;
}

.contaLancamentos ul li:nth-of-type(1){
    flex-basis: 70px;
    padding: 0 4px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentos ul li:nth-of-type(2){
    flex-basis: 90px;
    padding: 0 4px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentos ul li:nth-of-type(3){
    flex-basis: 360px;
    padding: 0 8px;
    text-align: left;
}

.contaLancamentos ul li:nth-of-type(4){
    flex-basis: 200px;
    padding: 0 8px;
    text-align: left;
}

.contaLancamentos ul li:nth-of-type(5){
    flex-basis: 60px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentos ul li:nth-of-type(6){
    flex-basis: 110px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentos ul li:nth-of-type(7){
    flex-basis: 360px;
    padding: 0 8px;
    text-align: left;
}

.contaLancamentos ul li:nth-of-type(8){
    flex-basis: 110px;
    text-align: center;
}

.contaLancamentos ul li:nth-of-type(9){
    flex-basis: 80px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentosTable{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
}

.contaLancamentosTable thead th{
    background-color: var(--color-quatro);
    color: #fff;
    padding: 12px 10px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    font-size: 0.85em;
    border-radius: 6px 0 0 6px;
}

.contaLancamentosTable thead th:last-child{
    border-radius: 0 6px 6px 0;
}

.contaLancamentosTable tbody tr{
    background-color: #fbfbfb;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.contaLancamentosTable tbody tr:nth-child(even){
    background-color: var(--color-cinco);
}

.contaLancamentosTable tbody td{
    padding: 10px 10px;
    vertical-align: middle;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
    word-break: break-word;
}

.contaLancamentosTable tbody td:first-child{
    border-left: 1px solid #f0f0f0;
    border-radius: 6px 0 0 6px;
}

.contaLancamentosTable tbody td:last-child{
    border-right: 1px solid #f0f0f0;
    border-radius: 0 6px 6px 0;
}

.contaLancamentosTable .lc_id{
    width: 70px;
    text-align: center;
    font-weight: 700;
}

.contaLancamentosTable .lc_date{
    width: 95px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentosTable .lc_pc{
    width: 360px;
}

.contaLancamentosTable .lc_cc{
    width: 210px;
}

.contaLancamentosTable .lc_dc{
    width: 60px;
    text-align: center;
    font-weight: 700;
}

.contaLancamentosTable .lc_value{
    width: 120px;
    text-align: center;
    font-weight: 700;
}

.contaLancamentosTable .lc_desc{
    width: 360px;
}

.contaLancamentosTable .lc_doc{
    width: 120px;
    text-align: center;
}

.contaLancamentosTable .lc_ref{
    width: 140px;
    text-align: center;
    font-weight: 600;
}

.contaLancamentosTable .lc_dc_d{
    color: #F45563;
}

.contaLancamentosTable .lc_dc_c{
    color: #008068;
}

.contaBalancete{
    padding: 0;
    width: 100%;
    overflow: auto;
}

.contaBalancete ul{
    display: flex;
    margin: 0 0 4px 0;
    align-items: center;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
    min-height: 39px;
}

.contaBalancete ul:first-child{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-quatro) !important;
    color: #FFF !important;
}

.contaBalancete ul:last-child{
    margin: 0;
}

.contaBalancete ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.contaBalancete ul li{
    word-break: break-word;
    text-align: center;
}

.contaBalancete ul li:nth-of-type(1){
    flex-basis: 120px;
    padding: 0 4px;
    text-align: center;
    font-weight: 600;
}

.contaBalancete ul li:nth-of-type(2){
    flex-basis: 420px;
    padding: 0 8px;
    text-align: left;
}

.contaBalancete ul li:nth-of-type(3){
    flex-basis: 180px;
    text-align: center;
    font-weight: 600;
}

.contaBalancete ul li:nth-of-type(4){
    flex-basis: 120px;
    text-align: center;
    font-weight: 600;
}

.contaBalancete ul li:nth-of-type(5){
    flex-basis: 120px;
    text-align: center;
    font-weight: 600;
}

.contaBalancete ul li:nth-of-type(6){
    flex-basis: 180px;
    text-align: center;
    font-weight: 600;
}

.contaBalancete ul.balancete-sintetica{
    background-color: #eef3f8 !important;
    font-weight: 600;
}

.contaBalanceteTable{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
}

.contaBalanceteTable thead th{
    background-color: var(--color-quatro);
    color: #fff;
    padding: 12px 10px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    font-size: 0.85em;
    border-radius: 6px 0 0 6px;
}

.contaBalanceteTable thead th:last-child{
    border-radius: 0 6px 6px 0;
}

.contaBalanceteTable tbody tr{
    background-color: #fbfbfb;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.contaBalanceteTable tbody tr:nth-child(even){
    background-color: var(--color-cinco);
}

.contaBalanceteTable tbody td{
    padding: 10px 10px;
    vertical-align: middle;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
    word-break: break-word;
}

.contaBalanceteTable tbody td:first-child{
    border-left: 1px solid #f0f0f0;
    border-radius: 6px 0 0 6px;
}

.contaBalanceteTable tbody td:last-child{
    border-right: 1px solid #f0f0f0;
    border-radius: 0 6px 6px 0;
}

.contaBalanceteTable .bc_code{
    width: 140px;
    text-align: left;
    font-weight: 700;
}

.contaBalanceteTable .bc_desc{
    width: 420px;
}

.contaBalanceteTable .bc_prev,
.contaBalanceteTable .bc_now{
    width: 180px;
    text-align: center;
    font-weight: 700;
}

.contaBalanceteTable .bc_debit,
.contaBalanceteTable .bc_credit{
    width: 130px;
    text-align: center;
    font-weight: 700;
}

.contaBalanceteTable .balancete-sintetica td{
    background-color: #eef3f8;
    font-weight: 700;
}

.contaBalanceteTable .level-1{
    padding-left: 12px;
}

.contaBalanceteTable .level-2{
    padding-left: 24px;
}

.contaBalanceteTable .level-3{
    padding-left: 36px;
}

.contaBalanceteTable .level-4{
    padding-left: 48px;
}

.contaBalanceteTable .level-5{
    padding-left: 60px;
}

.load_more_wrap{
    text-align: center;
    margin: 15px 0 0;
}

.load_more_wrap .btn{
    min-width: 180px;
}

.contaCobranca{
    padding: 0;
    width: 100%;
    overflow: auto;
}

.contaCobranca ul{
    display: flex;
    margin: 0 0 4px 0;
    align-items: center;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
    min-height: 39px;
    /*min-width: 1500px;*/
}

.contaCobranca ul:first-child{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-quatro) !important;
    color: #FFF !important;
}

.contaCobranca ul:last-child{
    margin: 0;
}

.contaCobranca ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.contaCobranca ul:hover{
    background-color: #cee7fa;
}

.contaCobranca ul li:nth-of-type(2){
    flex-basis: 40px;
    text-align: center;
    color: var(--color-quatro);
    cursor: pointer;
}

.contaCobranca ul li:nth-of-type(1),
.contaCobranca ul li:nth-of-type(3){
    flex-basis: calc((100% - 600px)/2);
    padding: 0 4px;
    text-align: center;
}

.contaCobranca ul li:nth-of-type(6){
    /*color: #F45563;*/
    font-weight: 600;
}

.contaCobranca ul li:nth-of-type(7){
    /*color: #3BB2B8;*/
    font-weight: 600;
}

.contaCobranca ul li:nth-of-type(4),
.contaCobranca ul li:nth-of-type(5),
.contaCobranca ul li:nth-of-type(6),
.contaCobranca ul li:nth-of-type(7){
    flex-basis: 100px;
    text-align: center;
}

.contaCobranca ul li:nth-of-type(8){
    flex-basis: 120px;
    text-align: center;
    font-weight: 600;
}

.contaCobranca ul li:nth-of-type(9){
    flex-basis: 38px;
    text-align: right
}

.Pedidos{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.Pedidos .PedidosLista{
    flex-basis: 100%;
    display: flex;
    margin: 0 0 4px 0;
    align-items: center;
    padding: 4px 4px 4px 0;
    font-weight: 500;
    background-color: #fbfbfb;
    min-height: 39px;
    /*min-width: 1500px;*/
}

.Pedidos .PedidosLista:first-child{
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-quatro) !important;
    color: #FFF !important;
}

.Pedidos .PedidosLista:last-child{
    margin: 0;
}

.Pedidos .PedidosLista:nth-child(odd){
    background-color: var(--color-cinco);
}

.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(1){
    flex-basis: 50px;
    text-align: center;
}

.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(2){
    flex-basis: calc(100% - 600px);
    text-align: center;
}

.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(3),
.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(4),
.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(5){
    flex-basis: 130px;
    text-align: center;
}
.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(6){
    flex-basis: 80px;
    text-align: center;
}

.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(7),
.Pedidos .PedidosLista .PedidosListaSpan:nth-of-type(8){
    flex-basis: 40px;
    text-align: center;
}

.withdrawal{
}

.withdrawal ul{
    flex: 100%;
    display: flex;
    margin: 0;
}

.withdrawal > ul:first-child{
    background-color: var(--color-quatro) !important;
    color: #FFF;
    text-align: center;
    font-weight: 600;
}

.approved_products #js_approved_list ul:first-child{
    background-color: var(--color-cinco) !important;
    color: inherit;
    font-weight: 400;
}

.withdrawal ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.withdrawal ul:hover{
    background-color: var(--color-seis);
}

.withdrawal ul li{
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.withdrawal ul li:last-child{
    padding: 6px 0;
}

.pf-cards{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.pf-card{
    position: relative;
    flex: 1 1 220px;
    padding: 16px 18px 16px 22px;
    background: #f7f7f7;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pf-card::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 8px 0 0 8px;
    background: var(--pf-accent, #00b494);
}

.pf-card-title{
    font-weight: 600;
    color: #222;
    margin-bottom: 6px;
}

.pf-card-value{
    font-size: 1.15em;
    font-weight: 700;
    color: #0f2740;
}

.pf-card-meta{
    font-size: 0.8em;
    color: #6b6b6b;
    margin-top: 6px;
}

.pf-accent-green{
    --pf-accent: #00b494;
}

.pf-accent-blue{
    --pf-accent: #2f80ed;
}

.pf-accent-orange{
    --pf-accent: #f2994a;
}

.pf-accent-red{
    --pf-accent: #eb5757;
}

.pf-tag{
    display: inline-block;
    min-width: 88px;
    text-align: center;
    padding: 4px 8px;
    font-size: 0.75em;
}

.pf-client-results{
    display: none;
    max-height: 220px;
    overflow: auto;
    margin-top: 6px;
    background: #eaf3ff;
    border: 1px solid #cfe4ff;
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}

.pf-client-item{
    display: table;
    width: 100%;
    border-bottom: 1px solid #cfe4ff;
    background: #f5f9ff;
}

.pf-client-item:last-child{
    border-bottom: 0;
}

.pf-client-item span{
    display: table-cell;
    padding: 8px 10px;
    color: #1f3b5b;
    font-weight: 500;
}

.pf-client-item:hover{
    background: #dbeafe;
    cursor: pointer;
}

.pf-client-empty{
    background: #eaf3ff;
}

.pf-client-empty span{
    color: #5b6f88;
}

.pf-client-loading span{
    padding-left: 36px;
    color: #3c5a7a;
    font-weight: 600;
    background-image: url(../_img/load_circle.gif);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 10px center;
}

.Music .MusicSearch{
    display: flex;
    flex-basis: 100%;
    justify-content: center;
}

.Music .MusicSearch input,
.Music .MusicSearch .select2,
.Music .MusicSearch select{
    margin-right: 5px;
}

.Music .MusicSearch input{
    flex-basis: 35%;
}

.Music .MusicSearch .select2{
    flex-basis: 50%;
}

.Music .MusicSearch select{
    flex-basis: 15%;
}

.Artists{
    display: flex;
    flex-wrap: wrap;
}

.Artists ul{
    display: flex;
    flex-basis: 100%;
    padding: 8px 0;
    margin: 0;
    font-weight: 400;
}

.Artists ul:first-child{
    font-weight: 600;
}

.Artists ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.Artists ul:hover{
    background-color: var(--color-seis);
}

.Artists ul li{
    display: flex;
    justify-content: left;
    align-items: left;
    padding: 0 8px;
}

.Artists ul li:nth-of-type(1){
    flex-basis: 30%;
}

.Artists ul li:nth-of-type(2){
    flex-basis: 20%;
}

.Artists ul li:nth-of-type(3){
    flex-basis: 20%;
}

.Artists ul li:nth-of-type(4){
    flex-basis: calc(30% - 65px);
}

.Artists ul li:nth-of-type(5){
    flex-basis: 61px;
    /*padding-right: 4px;*/
}

.AlbumEdit .AlbumEditMusics{
    display: flex;
    flex-wrap: wrap;
}

.AlbumEdit .AlbumEditTrackTools{
    margin: 6px 0 12px;
}

.AlbumEdit .AlbumEditTrackItem[draggable="true"]{
    cursor: move;
}

.AlbumEdit .AlbumEditMusics ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
    margin-bottom: 4px;
}

.AlbumEdit .AlbumEditMusics ul:nth-child(odd){
    background-color: var(--color-cinco);
}

.AlbumEdit .AlbumEditMusics ul:hover{
    background-color: var(--color-seis);
}

.AlbumEdit .AlbumEditMusics ul li{
    padding: 8px;
    text-align: center;
    border: 1px solid var(--color-um);
}

.AlbumEdit .AlbumEditMusics ul li:nth-of-type(1){
    flex-basis: 10%;
    border-right: 0;
    font-weight: 600;
}

.AlbumEdit .AlbumEditMusics ul li:nth-of-type(2){
    flex-basis: 30%;
    border-right: 0;
}

.AlbumEdit .AlbumEditMusics ul li:nth-of-type(3){
    flex-basis: calc(60%);
}

.AlbumEdit .AlbumEditMusics ul li:nth-of-type(4){
    flex-basis: 100%;
    text-align: left;
    border-top: 0;
    padding: 12px !important;
}

.user_view_notify article{
    border-bottom: 5px solid #EBEBEB !important;
    border-radius: 8px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    background-color: #F8F8F8;
    padding: 12px;
    position: relative;
}

.user_view_notify article h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.user_view_notify article p{
    font-size: 12px;
    font-weight: 400;
}

.user_view_notify article div{
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 12px;
    margin: 8px 0;
    background-color: #FFF;
}

.user_view_notify article .RemoveNotify,
.user_view_notify article .RemoveAdjustment,
.user_view_notify article .RemoveAdvance,
.user_view_notify article .RemoveRate{
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px;
    font-size: 10px;
    border-radius: 4px;
    background-color: red;
    font-weight: 600;
    color: #FFF;
    cursor: pointer;
}

@media (min-width: 67.01em){
    .dashboard_sidebar{
        position: static;
        top: auto;
        z-index: auto;
    }
}

@media (max-width: 67em){
    .dashboard_nav,
    .dashboard_nav_normalize{
        top: 66px;
        bottom: auto;
        width: min(82vw, 320px);
        max-width: 320px;
        height: calc(100dvh - 66px);
        min-height: calc(100vh - 66px);
        left: calc(-1 * min(82vw, 320px) - 12px);
    }
    .dashboard_fix{
        margin-left: 0;
    }
    body.dashboard_menu_open{
        overflow: hidden;
    }
    .dashboard_sidebar{
        z-index: auto;
    }
    .dashboard_sidebar .mobile_menu{
        position: fixed;
        top: 12px;
        left: 12px;
        z-index: 99999 !important;
        transition: left 0.25s ease, background-color 0.25s ease;
    }
    body.dashboard_menu_open .dashboard_sidebar .mobile_menu{
        left: 12px;
    }
}

/*AGENDA DE CORRIDAS*/
.race{
    /*overflow: auto;*/
}
.race > ul{
    padding: 10px;
    /*width: max-content;*/
    margin: 0 auto;
}

.race > ul > li{
    margin-bottom: 10px;
    display: block;
}

.race > ul > li span{
    padding: 0 0 5px 0;
    display: block;
    font-weight: 600;
}

.race > ul >li > ul{
    display: block;
}

.race > ul >li > ul > li{
    display: inline-block;
    padding: 10px;
    text-align: center;
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    width: 120px;
    margin-right: 5px;
    margin-bottom: 7px;
    cursor: pointer
}

.race > ul >li > ul > li:hover{
    background-color: #EFEFEF;
    border: 1px solid #699E9E;
}

.race > ul >li > ul > li a{
    font-weight: 400;
    color: #006699;
    text-decoration: none
}

.race > ul >li > ul > li:last-of-type{
    margin: 0;
}

.race_result > ul > li{
    margin-bottom: 20px;
    border-bottom: 5px solid #EEE;
    padding: 10px;
}

.race_result > ul > li:last-child{
    margin: 0;
    border: 0;
}

.race_result > ul > li >span{
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    border-bottom: 1px solid #003cb3;
    color: #003cb3
}

.race_result > ul > li >ul >li .cavalos{
    margin: 20px;
}

.race_result > ul > li >ul >li .cavalos div{
    border-left: 1px solid #003cb3;
    margin-bottom: 3px;
}

.race_result > ul > li >ul >li .cavalos div.um{
    border: 0px;
    text-align: right
}

.DetalhePolitico section{
    display: flex;
    flex-wrap: wrap;
}

.DetalhePolitico section header{
    flex-basis: 100%;
    padding: 20px;
    text-align: center;
    font-size: 1.3em;
    font-weight: 600 !important;
    color: #FFF !important;
    background-color: #1e73be;
}

.DetalhePolitico section .DetalhePoliticoMeso{
    margin: 10px;
    padding: 10px;
    flex-basis: calc(25% - 20px);
    background-color: #F3F3F3;
}

.DetalhePolitico section .DetalhePoliticoMeso h1{
    font-size: 1em;
    padding: 5px 7px;
    color: #FFF !important;
    background-color: #1e73be;
}

.jsRetornoCFOP{
    margin-top: 12px;
}

.jsRetornoCFOP p{
    cursor: pointer;
    border: 1px solid #5B74A9;
    padding: 12px;
    border-radius: 4px;
}

/***********************************
######## ADMIN UNIFIED THEME #######
***********************************/
body.dashboard_main{
    --background-color: #06020d;
    --color-um: #2d213c;
    --color-dois: #9f00ff;
    --color-tres: rgb(35, 1, 56);
    --color-quatro: rgb(47, 14, 82);
    --color-cinco: #f1e8f5;
    --color-seis: #e3bef3;
    background:
        radial-gradient(circle at 3% -12%, rgba(159, 0, 255, 0.28) 0%, rgba(159, 0, 255, 0) 36%),
        radial-gradient(circle at 98% 2%, rgba(247, 82, 216, 0.24) 0%, rgba(247, 82, 216, 0) 32%),
        linear-gradient(180deg, #1c1127 0%, #06020d 100%);
    color: #f1d9ff;
    font-family: "Space Grotesk", "Open Sans", sans-serif;
}

body.dashboard_main .dashboard_fix{
    background: transparent;
}

body.dashboard_main .dashboard_content{
    padding: 14px;
}

body.dashboard_main .dashboard_sidebar,
body.dashboard_main .dashboard_header{
    background: rgba(17, 2, 33, 0.84);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid rgba(241, 217, 255, 0.18);
    border-bottom: 1px solid rgba(241, 217, 255, 0.18);
    box-shadow: 0 10px 28px rgba(6, 2, 13, 0.32);
}

body.dashboard_main .dashboard_header h1{
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
}

body.dashboard_main .dashboard_header_breadcrumbs,
body.dashboard_main .dashboard_header_breadcrumbs a{
    color: #d4d4d4;
}

body.dashboard_main .dashboard_nav{
    background: linear-gradient(180deg, #1c1127 0%, #2d213c 55%, #120227 100%);
    box-shadow: 0 16px 36px rgba(6, 2, 13, 0.52);
}

body.dashboard_main .dashboard_nav_admin{
    background: linear-gradient(180deg, #120227 0%, #230138 100%);
    border-bottom: 1px solid rgba(241, 217, 255, 0.2);
}

body.dashboard_main .dashboard_nav_admin_thumb{
    border-color: rgba(241, 217, 255, 0.86);
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(6, 2, 13, 0.45);
}

body.dashboard_main .dashboard_nav_menu{
    background: transparent;
}

body.dashboard_main .dashboard_nav_menu_li{
    border-top-color: rgba(241, 217, 255, 0.12);
}

body.dashboard_main .dashboard_nav_menu_li > a{
    color: #f1d9ff;
    border-left: 3px solid transparent;
    padding: 12px 18px;
}

body.dashboard_main .dashboard_nav_menu_li > a:hover,
body.dashboard_main .dashboard_nav_menu_li.is-open > a,
body.dashboard_main .dashboard_nav_menu_active > a{
    background: rgba(159, 0, 255, 0.28) !important;
    border-left-color: #f752d8;
    color: #ffffff;
}

body.dashboard_main .dashboard_nav_menu_has_sub > a:after{
    color: #e3bef3;
}

body.dashboard_main .dashboard_nav_menu_sub{
    background: rgba(18, 2, 39, 0.44);
}

body.dashboard_main .dashboard_nav_menu_sub_li a{
    background: transparent;
    color: #e3bef3;
}

body.dashboard_main .dashboard_nav_menu_sub_li.dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li a:hover{
    background: rgba(159, 0, 255, 0.24);
    color: #ffffff;
}

body.dashboard_main .panel_header{
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    padding: 14px 16px 10px;
    background: linear-gradient(180deg, rgba(47, 14, 82, 0.96) 0%, rgba(17, 2, 33, 0.98) 100%);
}

body.dashboard_main .panel_header h1,
body.dashboard_main .panel_header h2,
body.dashboard_main .panel_header h3,
body.dashboard_main .panel_header p{
    color: #f1d9ff;
}

body.dashboard_main .panel_header.default{
    border-top: 1px solid rgba(241, 217, 255, 0.2) !important;
    border-bottom: 0 !important;
    background: linear-gradient(180deg, rgba(47, 14, 82, 0.96) 0%, rgba(17, 2, 33, 0.98) 100%) !important;
}

body.dashboard_main .panel_header.default > h2{
    color: #f1d9ff;
    font-size: 0.92em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.dashboard_main .panel_header.success,
body.dashboard_main .panel_header.info,
body.dashboard_main .panel_header.alert,
body.dashboard_main .panel_header.warning{
    border-top-width: 1px !important;
    border-bottom: 0 !important;
}

body.dashboard_main .panel_header.success{
    background: linear-gradient(135deg, #008068 0%, #00b494 100%) !important;
    border-color: #008068 !important;
}

body.dashboard_main .panel_header.info{
    background: linear-gradient(135deg, #096397 0%, #0e96e5 100%) !important;
    border-color: #096397 !important;
}

body.dashboard_main .panel_header.alert{
    background: linear-gradient(135deg, #cc8d41 0%, #faad50 100%) !important;
    border-color: #cc8d41 !important;
}

body.dashboard_main .panel_header.warning{
    background: linear-gradient(135deg, #c54550 0%, #f45563 100%) !important;
    border-color: #c54550 !important;
}

body.dashboard_main .panel{
    background: rgba(17, 2, 33, 0.9);
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    padding: 16px;
    box-shadow: 0 10px 28px rgba(6, 2, 13, 0.3);
}

body.dashboard_main .panel h1,
body.dashboard_main .panel h2,
body.dashboard_main .panel h3,
body.dashboard_main .panel h4,
body.dashboard_main .panel h5,
body.dashboard_main .panel h6{
    color: #ffffff;
}

body.dashboard_main .panel p{
    color: #d4d4d4;
}

body.dashboard_main .panel a{
    color: #c98cff;
}

body.dashboard_main .box_conf_menu{
    background: transparent;
}

body.dashboard_main .box_conf_menu a{
    background: rgba(31, 8, 55, 0.94);
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 10px;
    margin-bottom: 8px;
    color: #f1d9ff;
    font-weight: 600;
    padding: 10px 12px !important;
}

body.dashboard_main .box_conf_menu a:last-of-type{
    border: 1px solid rgba(241, 217, 255, 0.2);
}

body.dashboard_main .box_conf_menu a:before{
    content: "";
}

body.dashboard_main .box_conf_menu a:hover{
    background: rgba(47, 14, 82, 0.96);
    border-color: rgba(241, 217, 255, 0.3);
}

body.dashboard_main .box_conf_menu a.wc_active{
    background: linear-gradient(135deg, #9f00ff 0%, #f752d8 100%);
    border-color: #9f00ff;
    color: #ffffff;
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn),
body.dashboard_main select,
body.dashboard_main textarea,
body.dashboard_main .input{
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(31, 8, 55, 0.98) 0%, rgba(17, 2, 33, 0.98) 100%);
    color: #ffffff;
    min-height: 40px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn):focus,
body.dashboard_main select:focus,
body.dashboard_main textarea:focus,
body.dashboard_main .input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 3px rgba(159, 0, 255, 0.24);
    background: rgba(47, 14, 82, 0.96);
}

body.dashboard_main input[readonly],
body.dashboard_main textarea[readonly]{
    background: rgba(28, 17, 39, 0.95);
    color: #9b949f;
}

body.dashboard_main .label .legend{
    color: #d4d4d4;
    font-size: 0.74em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: "Source Code Pro", monospace;
}

body.dashboard_main .btn{
    border-radius: 12px;
    border: 1px solid transparent;
    text-shadow: none;
    box-shadow: 0 8px 16px rgba(6, 2, 13, 0.42);
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

body.dashboard_main .btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(6, 2, 13, 0.5);
}

body.dashboard_main .btn_noaction,
body.dashboard_main .btn:disabled{
    box-shadow: none;
    transform: none;
}

body.dashboard_main .btn_theme{
    background: linear-gradient(135deg, #9f00ff 0%, #f752d8 100%);
    border-color: #9f00ff;
}

body.dashboard_main .btn_theme:hover{
    background: linear-gradient(135deg, #8400d6 0%, #d446b9 100%);
}

body.dashboard_main .btn_green{
    background: linear-gradient(135deg, #008068 0%, #00b494 100%);
    border-color: #008068;
}

body.dashboard_main .btn_blue{
    background: linear-gradient(135deg, #096397 0%, #0e96e5 100%);
    border-color: #096397;
}

body.dashboard_main .btn_yellow{
    background: linear-gradient(135deg, #cc8d41 0%, #faad50 100%);
    border-color: #cc8d41;
    color: #120227;
}

body.dashboard_main .btn_red{
    background: linear-gradient(135deg, #c54550 0%, #f45563 100%);
    border-color: #c54550;
}

body.dashboard_main .trigger{
    border-radius: 12px;
    border: 1px solid transparent;
    box-shadow: 0 8px 20px rgba(6, 2, 13, 0.35);
    font-weight: 600;
}

body.dashboard_main .trigger_success{
    background: rgba(0, 180, 148, 0.2);
    color: #9ff7e5;
    border-color: rgba(0, 180, 148, 0.46);
}

body.dashboard_main .trigger_info{
    background: rgba(14, 150, 229, 0.2);
    color: #bfe8ff;
    border-color: rgba(14, 150, 229, 0.46);
}

body.dashboard_main .trigger_alert{
    background: rgba(255, 229, 0, 0.26);
    color: #120227;
    border-color: rgba(255, 229, 0, 0.7);
}

body.dashboard_main .trigger_error{
    background: rgba(255, 0, 0, 0.24);
    color: #ffc8c8;
    border-color: rgba(255, 0, 0, 0.48);
}

body.dashboard_main .panel table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid rgba(241, 217, 255, 0.2);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(31, 8, 55, 0.65);
}

body.dashboard_main .panel table thead th{
    background: rgba(47, 14, 82, 0.92);
    color: #f1d9ff;
    border-bottom: 1px solid rgba(241, 217, 255, 0.2);
}

body.dashboard_main .panel table th,
body.dashboard_main .panel table td{
    padding: 10px 12px;
}

body.dashboard_main .panel table tbody td{
    border-bottom: 1px solid rgba(241, 217, 255, 0.12);
    color: #d4d4d4;
}

body.dashboard_main .panel table tbody tr:nth-child(even) td{
    background: rgba(47, 14, 82, 0.34);
}

body.dashboard_main .panel table tbody tr:last-child td{
    border-bottom: 0;
}

@media (max-width: 860px){
    body.dashboard_main .dashboard_content{
        padding: 10px;
    }

    body.dashboard_main .panel_header{
        border-radius: 14px 14px 0 0;
    }

    body.dashboard_main .panel{
        border-radius: 0 0 14px 14px;
    }

    body.dashboard_main .box_conf_menu a{
        margin-bottom: 6px;
    }
}

/* Login aligned with the unified admin visual language. */
.login{
    background: radial-gradient(circle at 20% 15%, #2d213c 0%, #1c1127 35%, #06020d 100%);
}

.login::before{
    background: radial-gradient(circle, rgba(159, 0, 255, 0.28) 0%, rgba(159, 0, 255, 0) 72%);
}

.login::after{
    background: radial-gradient(circle, rgba(241, 217, 255, 0.18) 0%, rgba(241, 217, 255, 0) 74%);
}

.login_bg{
    background:
        linear-gradient(135deg, rgba(6, 2, 13, 0.72) 0%, rgba(17, 2, 33, 0.84) 60%, rgba(28, 17, 39, 0.92) 100%),
        radial-gradient(circle at 14% 22%, rgba(159, 0, 255, 0.24) 0%, rgba(159, 0, 255, 0) 42%),
        radial-gradient(circle at 84% 78%, rgba(247, 82, 216, 0.2) 0%, rgba(247, 82, 216, 0) 36%);
}

.login_bg::before{
    background-image:
        linear-gradient(rgba(241, 217, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(241, 217, 255, 0.1) 1px, transparent 1px);
}

.login_bg::after{
    background: conic-gradient(from 0deg at 50% 50%, rgba(159, 0, 255, 0.1), rgba(247, 82, 216, 0.08), rgba(159, 0, 255, 0.1));
}

.login_form{
    border-color: rgba(241, 217, 255, 0.2);
    background: rgba(17, 2, 33, 0.78);
    box-shadow: 0 24px 60px rgba(6, 2, 13, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.login_form .legend{
    color: #d4d4d4;
}

.login_form input.login_form_input{
    border-color: rgba(241, 217, 255, 0.2);
    background: rgba(31, 8, 55, 0.9);
}

.login_form input.login_form_input::placeholder{
    color: #9b949f;
}

.login_form input.login_form_input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 4px rgba(159, 0, 255, 0.22);
    background: rgba(47, 14, 82, 0.94);
}

/***********************************
##### ADMIN LIGHT CASCADE LOCK #####
***********************************/
body.dashboard_main{
    --background-color: rgb(246, 246, 246);
    --color-um: #ffffff;
    --color-dois: #9f00ff;
    --color-tres: rgb(241, 241, 241);
    --color-quatro: #8400d6;
    --color-cinco: rgb(238, 238, 238);
    --color-seis: #dddddd;
    background:
        radial-gradient(circle at 3% -12%, rgba(159, 0, 255, 0.08) 0%, rgba(159, 0, 255, 0) 34%),
        radial-gradient(circle at 98% 2%, rgba(247, 82, 216, 0.06) 0%, rgba(247, 82, 216, 0) 30%),
        linear-gradient(180deg, #fafafa 0%, #f1f1f1 100%);
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .dashboard_header,
body.dashboard_main .panel,
body.dashboard_main .panel_header,
body.dashboard_main .box_conf_menu a,
body.dashboard_main .admin_security_info_card,
body.dashboard_main .admin_security_kpi,
body.dashboard_main .admin_security_steps,
body.dashboard_main .admin_security_status_card,
body.dashboard_main .admin_security_block,
body.dashboard_main .admin_security_record{
    background: #ffffff;
    border-color: #eeeeee;
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_sidebar{
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 8px 20px rgba(18, 2, 39, 0.08);
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .dashboard_nav{
    background: linear-gradient(180deg, #1c1127 0%, #2d213c 55%, #120227 100%);
    border-right: 0;
    box-shadow: none;
    scrollbar-color: #9f00ff #1c1127;
}

body.dashboard_main .dashboard_nav_normalize,
body.dashboard_main .dashboard_nav_menu{
    background: linear-gradient(180deg, #1c1127 0%, #2d213c 55%, #120227 100%);
}

body.dashboard_main .dashboard_nav::-webkit-scrollbar-track{
    background: #1c1127;
}

body.dashboard_main .dashboard_nav::-webkit-scrollbar-thumb{
    background: #9f00ff;
}

body.dashboard_main .dashboard_nav_admin{
    background: linear-gradient(180deg, #120227 0%, #230138 100%);
    border-bottom: 1px solid rgba(241, 217, 255, 0.2);
}

body.dashboard_main .dashboard_header h1,
body.dashboard_main .panel h1,
body.dashboard_main .panel h2,
body.dashboard_main .panel h3,
body.dashboard_main .panel h4,
body.dashboard_main .panel h5,
body.dashboard_main .panel h6,
body.dashboard_main .panel_header h1,
body.dashboard_main .panel_header h2,
body.dashboard_main .panel_header h3,
body.dashboard_main .panel_header p,
body.dashboard_main .admin_security_hero_content h3,
body.dashboard_main .admin_security_info_card h4,
body.dashboard_main .admin_security_status_card h4,
body.dashboard_main .admin_security_block h3,
body.dashboard_main .admin_security_record_title,
body.dashboard_main .admin_security_steps h4{
    color: rgb(18, 2, 39);
}

body.dashboard_main .dashboard_header_breadcrumbs,
body.dashboard_main .dashboard_header_breadcrumbs a,
body.dashboard_main .panel p,
body.dashboard_main .admin_security_hero_content p,
body.dashboard_main .admin_security_info_card p,
body.dashboard_main .admin_security_status_card p,
body.dashboard_main .admin_security_steps li,
body.dashboard_main .admin_security_help{
    color: rgba(80, 80, 80, 1);
}

body.dashboard_main .dashboard_nav_menu_li{
    border-top-color: rgba(241, 217, 255, 0.12);
}

body.dashboard_main .dashboard_nav_admin a,
body.dashboard_main .dashboard_nav_menu_li > a{
    color: #ffffff;
}

body.dashboard_main .dashboard_nav_menu_li > a:hover,
body.dashboard_main .dashboard_nav_menu_li.is-open > a,
body.dashboard_main .dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li.dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li a:hover{
    background: rgba(159, 0, 255, 0.28) !important;
    color: #ffffff;
    border-left-color: #f752d8;
}

body.dashboard_main .dashboard_nav_menu_has_sub > a:after{
    color: #e3bef3;
}

body.dashboard_main .dashboard_nav_menu_sub{
    background: rgba(18, 2, 39, 0.44);
}

body.dashboard_main .dashboard_nav_menu_sub_li a{
    color: #e3bef3;
    background: transparent;
}

body.dashboard_main .panel_header.default{
    border-top-color: #eeeeee !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
}

body.dashboard_main .panel_header.default > h2{
    color: rgb(18, 2, 39) !important;
}

body.dashboard_main .panel a{
    color: #9f00ff;
}

body.dashboard_main .box_conf_menu a.wc_active,
body.dashboard_main .btn_theme{
    color: #ffffff;
}

body.dashboard_main .box_conf_menu a.wc_active,
body.dashboard_main .btn_theme{
    background: linear-gradient(135deg, #9f00ff 0%, #c63bff 100%);
    border-color: #9f00ff;
}

body.dashboard_main .box_conf_menu a:hover{
    background: #faf5ff;
    border-color: #e3d2f5;
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn),
body.dashboard_main select,
body.dashboard_main textarea,
body.dashboard_main .input{
    background: #ffffff;
    color: rgb(18, 2, 39);
    border-color: rgba(80, 80, 80, 0.3);
}

body.dashboard_main input:not([type='checkbox']):not([type='radio']):not(.btn):focus,
body.dashboard_main select:focus,
body.dashboard_main textarea:focus,
body.dashboard_main .input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 3px rgba(159, 0, 255, 0.16);
    background: #ffffff;
}

body.dashboard_main .trigger_success{
    background: #e9fbf4;
    color: #0d6b52;
    border-color: #bfeedd;
}

body.dashboard_main .trigger_info{
    background: #edf5ff;
    color: #0e63ac;
    border-color: #cfe1f7;
}

body.dashboard_main .trigger_alert{
    background: #fff8d9;
    color: #6a5600;
    border-color: #f0df8a;
}

body.dashboard_main .trigger_error{
    background: #ffebee;
    color: #9b2f44;
    border-color: #f5c2ca;
}

body.dashboard_main .panel table{
    background: #ffffff;
    border-color: #eeeeee;
}

body.dashboard_main .panel table thead th{
    background: #faf5ff;
    color: rgba(18, 2, 39, 0.86);
    border-bottom-color: #eeeeee;
}

body.dashboard_main .panel table tbody td{
    color: rgba(80, 80, 80, 1);
    border-bottom-color: #f1f1f1;
}

body.dashboard_main .panel table tbody tr:nth-child(even) td{
    background: #fcfcfc;
}

body.dashboard_main .admin_security_tab .panel{
    background:
        radial-gradient(circle at 8% -12%, rgba(159, 0, 255, 0.08) 0%, rgba(159, 0, 255, 0) 40%),
        radial-gradient(circle at 92% 8%, rgba(247, 82, 216, 0.05) 0%, rgba(247, 82, 216, 0) 35%),
        linear-gradient(165deg, #ffffff 0%, #f7f2ff 100%);
}

body.dashboard_main .admin_security_hero{
    border-color: #e9ddf4;
    background: linear-gradient(130deg, #ffffff 0%, #faf4ff 100%);
    box-shadow: 0 10px 24px rgba(18, 2, 39, 0.08);
}

body.dashboard_main .admin_security_badges span,
body.dashboard_main .admin_security_kpi_value,
body.dashboard_main .admin_security_status_meta span,
body.dashboard_main .admin_security_meta_chips span{
    color: rgba(18, 2, 39, 0.86);
    background: #f8f1ff;
    border-color: #e5d5f3;
}

body.dashboard_main .admin_security_badges span.is-primary{
    color: #ffffff;
    background: #9f00ff;
    border-color: #9f00ff;
}

.login{
    background: radial-gradient(circle at 20% 15%, #f4ebfc 0%, #f8f8f8 45%, #f2f2f2 100%);
    color: rgb(18, 2, 39);
}

.login::before{
    background: radial-gradient(circle, rgba(159, 0, 255, 0.1) 0%, rgba(159, 0, 255, 0) 72%);
}

.login::after{
    background: radial-gradient(circle, rgba(247, 82, 216, 0.09) 0%, rgba(247, 82, 216, 0) 74%);
}

.login_bg{
    background:
        linear-gradient(135deg, rgba(246, 246, 246, 0.72) 0%, rgba(255, 255, 255, 0.86) 60%, rgba(241, 241, 241, 0.92) 100%),
        radial-gradient(circle at 14% 22%, rgba(159, 0, 255, 0.12) 0%, rgba(159, 0, 255, 0) 42%),
        radial-gradient(circle at 84% 78%, rgba(247, 82, 216, 0.1) 0%, rgba(247, 82, 216, 0) 36%);
}

.login_bg::before{
    background-image:
        linear-gradient(rgba(159, 0, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(159, 0, 255, 0.08) 1px, transparent 1px);
}

.login_bg::after{
    background: conic-gradient(from 0deg at 50% 50%, rgba(159, 0, 255, 0.06), rgba(247, 82, 216, 0.05), rgba(159, 0, 255, 0.06));
}

.login_head h1{
    color: rgb(18, 2, 39);
}

.login_head p,
.login_help_text,
.login_label_check{
    color: rgba(80, 80, 80, 1);
}

.login_form{
    border-color: #ece4f7;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 42px rgba(18, 2, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.login_form .legend{
    color: rgba(18, 2, 39, 0.68);
}

.login_form input.login_form_input{
    border-color: rgba(80, 80, 80, 0.28);
    background: #ffffff;
    color: rgb(18, 2, 39);
}

.login_form input.login_form_input::placeholder{
    color: rgba(80, 80, 80, 0.6);
}

.login_form input.login_form_input:focus{
    border-color: #9f00ff;
    box-shadow: 0 0 0 4px rgba(159, 0, 255, 0.16);
    background: #ffffff;
}

.login_form input.login_form_input[readonly]{
    background: #f6f6f6;
    color: rgba(80, 80, 80, 1);
    border-style: dashed;
}

.login_manual_key{
    border-color: #e6d7f2;
    background: #faf5ff;
}

.login_manual_key summary{
    color: rgba(18, 2, 39, 0.74);
}

.login_qr img{
    background: #ffffff;
    border-color: #e6d7f2;
    box-shadow: 0 12px 24px rgba(18, 2, 39, 0.12);
}

.login_link a{
    color: #9f00ff;
}

.login_form .btn_blue{
    border-color: rgba(159, 0, 255, 0.2);
    background: linear-gradient(130deg, #9f00ff 0%, #7b1fa2 100%);
    box-shadow: 0 10px 18px rgba(159, 0, 255, 0.22);
}

.login_form .btn_blue:hover{
    background: linear-gradient(130deg, #8400d6 0%, #9f00ff 100%);
    box-shadow: 0 12px 24px rgba(159, 0, 255, 0.28);
}

/* Legend contrast lock for light admin theme */
body.dashboard_main .label .legend{
    color: rgba(18, 2, 39, 0.84) !important;
}

.login_form .legend{
    color: rgba(18, 2, 39, 0.86) !important;
}

/* Mobile stacking fix: keep top bar above content cards */
@media (max-width: 67em){
    body.dashboard_main .dashboard_nav{
        z-index: 10020 !important;
    }

    body.dashboard_main .dashboard_nav_normalize{
        z-index: -1 !important;
        pointer-events: none;
    }

    body.dashboard_main .dashboard_nav_overlay{
        z-index: 10010 !important;
    }

    body.dashboard_main .dashboard_sidebar{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 5000 !important;
    }

    body.dashboard_main .dashboard_content,
    body.dashboard_main .dashboard .box,
    body.dashboard_main .dashboard .panel,
    body.dashboard_main .dashboard .wc_mobi_box{
        position: relative;
        z-index: 1;
    }
}

/* Action strip fix: remove white band behind top action buttons */
body.dashboard_main .dashboard_header{
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* PulaFila/GeracaoCapa users+plans: remove white action band behind top action buttons */
body.dashboard_main .pf-actions-strip{
    padding-top: 0;
}

body.dashboard_main .pf-actions-strip .panel{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.dashboard_main .pf-actions-strip .panel .btn{
    margin: 0 6px 10px 0;
}

@media (max-width: 67em){
    body.dashboard_main .pf-actions-strip .panel{
        padding: 0 !important;
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        min-width: max-content;
        overflow: visible !important;
    }

    body.dashboard_main .pf-actions-strip{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 6px;
        padding-bottom: 4px;
        margin-bottom: 12px;
    }

    body.dashboard_main .pf-actions-strip .panel .btn{
        margin: 0 !important;
        white-space: nowrap;
        flex: 0 0 auto;
    }
}

/* Sidebar light mode lock */
body.dashboard_main .dashboard_nav{
    background: #ffffff !important;
    border-right: 1px solid #ece4f7 !important;
    box-shadow: 0 10px 28px rgba(18, 2, 39, 0.12) !important;
    scrollbar-color: #9f00ff #ffffff;
}

body.dashboard_main .dashboard_nav_normalize,
body.dashboard_main .dashboard_nav_menu{
    background: #ffffff !important;
}

body.dashboard_main .dashboard_nav::-webkit-scrollbar-track{
    background: #ffffff;
}

body.dashboard_main .dashboard_nav::-webkit-scrollbar-thumb{
    background: #9f00ff;
}

body.dashboard_main .dashboard_nav_admin{
    background: linear-gradient(180deg, #faf5ff 0%, #f3ebfc 100%) !important;
    border-bottom: 1px solid #e5d5f3 !important;
}

body.dashboard_main .dashboard_nav_admin a{
    color: rgb(18, 2, 39) !important;
}

body.dashboard_main .dashboard_nav_admin_thumb{
    border-color: #d8b5f0 !important;
    box-shadow: none !important;
}

body.dashboard_main .dashboard_nav_menu_li{
    border-top-color: #f1e7fb !important;
}

body.dashboard_main .dashboard_nav_menu_li > a{
    color: rgba(18, 2, 39, 0.88) !important;
    border-left: 3px solid transparent;
}

body.dashboard_main .dashboard_nav_menu_has_sub > a:after{
    color: rgba(18, 2, 39, 0.62) !important;
}

body.dashboard_main .dashboard_nav_menu_sub{
    background: #faf5ff !important;
}

body.dashboard_main .dashboard_nav_menu_sub_li a{
    background: transparent !important;
    color: rgba(18, 2, 39, 0.76) !important;
}

body.dashboard_main .dashboard_nav_menu_li > a:hover,
body.dashboard_main .dashboard_nav_menu_li.is-open > a,
body.dashboard_main .dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li.dashboard_nav_menu_active > a,
body.dashboard_main .dashboard_nav_menu_sub_li a:hover{
    background: rgba(159, 0, 255, 0.14) !important;
    color: rgb(18, 2, 39) !important;
    border-left-color: #9f00ff !important;
}

/* GeracaoCapa mobile review */
@media (max-width: 67em){
    body.dashboard_main .gc-header{
        padding: 12px;
    }

    body.dashboard_main .gc-header .dashboard_header_title,
    body.dashboard_main .gc-header .dashboard_header_search{
        float: none;
        width: 100%;
        text-align: left;
    }

    body.dashboard_main .gc-header .dashboard_header_search{
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    body.dashboard_main .gc-header .dashboard_header_search .btn{
        margin: 0;
        flex: 1 1 160px;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
    }

    body.dashboard_main .gc-content{
        padding: 8px;
    }

    body.dashboard_main .gc-content > .box{
        padding: 6px;
    }

    body.dashboard_main .gc-content .Music .MusicSearch{
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }

    body.dashboard_main .gc-content .Music .MusicSearch input,
    body.dashboard_main .gc-content .Music .MusicSearch .select2,
    body.dashboard_main .gc-content .Music .MusicSearch select,
    body.dashboard_main .gc-content .Music .MusicSearch button{
        flex: 1 1 100% !important;
        margin: 0 !important;
        min-width: 0 !important;
    }

    body.dashboard_main .gc-content .contaPagarBusca div:first-child{
        margin-bottom: 12px;
    }

    body.dashboard_main .gc-content .contaPagarBusca div:nth-of-type(2) ul li{
        padding: 22px 8px;
    }

    body.dashboard_main #gc-dashboard-cards > div:nth-of-type(2) ul{
        display: flex;
        flex-wrap: nowrap !important;
        align-items: stretch;
        gap: 0;
    }

    body.dashboard_main #gc-dashboard-cards > div:nth-of-type(2) ul li{
        flex: 1 1 50% !important;
        margin: 0 !important;
        min-height: 118px;
        padding: 18px 8px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.dashboard_main #gc-images-cards > div:nth-of-type(2) ul{
        display: flex;
        flex-wrap: nowrap !important;
        align-items: stretch;
        gap: 0;
    }

    body.dashboard_main #gc-images-cards > div:nth-of-type(2) ul li{
        flex: 1 1 33.333% !important;
        margin: 0 !important;
        min-height: 118px;
        padding: 18px 8px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.dashboard_main .gc-content .withdrawal{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.dashboard_main .gc-content .withdrawal ul{
        width: max-content;
        min-width: 100%;
    }

    body.dashboard_main .gc-content .withdrawal ul li{
        white-space: normal;
        line-height: 1.35;
    }

    body.dashboard_main .gc-content .withdrawal ul li:last-child{
        min-width: 78px;
    }

    body.dashboard_main .gc-content .pf-cards{
        gap: 10px;
    }

    body.dashboard_main .gc-content .pf-card{
        flex-basis: 100%;
        padding: 14px 14px 14px 18px;
    }

    body.dashboard_main .gc-content .pf-tag{
        min-width: 74px;
        font-size: 0.72em;
        padding: 4px 6px;
    }

    body.dashboard_main .gc-content [id^='gc-chart-']{
        height: 240px !important;
    }
}

/* Dashboard summary cards: use theme color across the whole card */
body.dashboard_main .dashboard_theme_card .panel_header.info{
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
    border-color: #8400d6 !important;
    box-shadow: 0 10px 20px rgba(18, 2, 39, 0.18);
}

body.dashboard_main .dashboard_theme_card .panel_header.info h2,
body.dashboard_main .dashboard_theme_card .panel_header.info .icon,
body.dashboard_main .dashboard_theme_card .panel_header.info [class*='icon-']{
    color: #ffffff !important;
}

body.dashboard_main .dashboard_theme_card .panel{
    background: #ffffff !important;
    border: 1px solid #ece4f7 !important;
    border-top: 0 !important;
    color: rgba(18, 2, 39, 0.9) !important;
}

body.dashboard_main .dashboard_theme_card .panel p,
body.dashboard_main .dashboard_theme_card .panel span,
body.dashboard_main .dashboard_theme_card .panel b,
body.dashboard_main .dashboard_theme_card .panel h3,
body.dashboard_main .dashboard_theme_card .panel a{
    color: rgba(18, 2, 39, 0.88) !important;
}

body.dashboard_main .dashboard_theme_card .dashboard_onlinenow a,
body.dashboard_main .dashboard_theme_card .dashboard_stats h3{
    background: #f6efff !important;
    border: 1px solid #e6d5f7;
    color: #6a2ca5 !important;
}

body.dashboard_main .dashboard_theme_card .dashboard_onlinenow a:hover{
    background: #eddcff !important;
}

/* Layout consistency: hamburger + notify styles */
body.dashboard_main .dashboard_sidebar .mobile_menu{
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
    border-color: #9f00ff !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(132, 0, 214, 0.34) !important;
}

body.dashboard_main .dashboard_sidebar .mobile_menu:hover,
body.dashboard_main .dashboard_sidebar .mobile_menu:focus{
    background: linear-gradient(135deg, #8400d6 0%, #6d00b1 100%) !important;
}

body.dashboard_main .wc_alert{
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    text-shadow: none !important;
    color: #ffffff !important;
    border-radius: 999px;
    min-width: 22px;
    padding: 2px 8px;
    line-height: 1.3;
}

body.dashboard_main .wc_alert.bar_yellow,
body.dashboard_main .wc_alert.bar_blue,
body.dashboard_main .wc_alert.bar_green,
body.dashboard_main .wc_alert.bar_red{
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
}

body.dashboard_main .trigger,
body.dashboard_main .trigger_success,
body.dashboard_main .trigger_info,
body.dashboard_main .trigger_alert,
body.dashboard_main .trigger_error{
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 10px 22px rgba(18, 2, 39, 0.24);
}

body.dashboard_main .trigger p,
body.dashboard_main .trigger a,
body.dashboard_main .trigger span,
body.dashboard_main .trigger b,
body.dashboard_main .trigger [class*='icon-']{
    color: #ffffff !important;
}

.trigger_modal .trigger{
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.trigger_modal{
    position: absolute;
    right: 0;
    top: 60px;
    min-width: 460px;
    max-width: 80%;
    padding: 20px 20px 0 0;
    cursor: pointer;
    z-index: 999;
}

.trigger_modal .trigger_timer{
    background: rgba(255, 255, 255, 0.5) !important;
}

body.dashboard_main .user_view_notify article{
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px;
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%) !important;
    box-shadow: 0 10px 22px rgba(18, 2, 39, 0.2);
}

body.dashboard_main .user_view_notify article h2,
body.dashboard_main .user_view_notify article p,
body.dashboard_main .user_view_notify article span,
body.dashboard_main .user_view_notify article a{
    color: #ffffff !important;
}

body.dashboard_main .user_view_notify article div{
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff !important;
}

body.dashboard_main .user_view_notify article div *{
    color: #ffffff !important;
}

body.dashboard_main .user_view_notify article .RemoveNotify,
body.dashboard_main .user_view_notify article .RemoveAdjustment,
body.dashboard_main .user_view_notify article .RemoveAdvance,
body.dashboard_main .user_view_notify article .RemoveRate{
    background: linear-gradient(135deg, #c54550 0%, #f45563 100%);
}

/* Mobile fix: keep trigger notifications above dashboard sidebar */
@media (max-width: 67em){
    body.dashboard_main .trigger_modal{
        top: 60px !important;
        padding-top: 8px !important;
        z-index: 20050 !important;
    }
}

/* Mobile navigation loader above sidebar/nav layers */
html.wc-mobile-nav-loading body.dashboard_main .workcontrol_upload{
    display: flex !important;
}

body.dashboard_main .workcontrol_upload{
    z-index: 100050 !important;
    background: rgba(247, 244, 251, 0.72);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

body.dashboard_main .workcontrol_upload.is-blocking{
    pointer-events: auto;
}

body.dashboard_main .workcontrol_upload .workcontrol_upload_bar{
    width: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.dashboard_main .workcontrol_upload .workcontrol_upload_bar p{
    display: none !important;
}

body.dashboard_main .workcontrol_upload .workcontrol_upload_spinner{
    width: 92px;
    height: 92px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(125, 0, 201, 0.16);
    filter: drop-shadow(0 10px 24px rgba(18, 2, 39, 0.2));
}

body.dashboard_main .workcontrol_upload .workcontrol_upload_spinner_ring{
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 7px solid rgba(157, 63, 214, 0.22);
    border-top-color: #9f00ff;
    border-right-color: #8400d6;
    animation: workcontrolSpinnerRotate 0.85s linear infinite;
}

body.dashboard_main .workcontrol_upload .workcontrol_upload_spinner_logo{
    width: 32px;
    height: 32px;
    display: block;
    position: relative;
    z-index: 1;
}

@media (max-width: 67em){
    body.dashboard_main .workcontrol_upload .workcontrol_upload_spinner{
        width: 82px;
        height: 82px;
    }

    body.dashboard_main .workcontrol_upload .workcontrol_upload_spinner_logo{
        width: 28px;
        height: 28px;
    }
}

@keyframes workcontrolSpinnerRotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

/* Music header actions: keep spacing between buttons */
body.dashboard_main .dashboard_header_search.music-header-actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body.dashboard_main .dashboard_header_search.music-header-actions .btn{
    margin: 0 !important;
}

@media (max-width: 67em){
    body.dashboard_main .dashboard_header_search.music-header-actions{
        justify-content: center;
    }
}

/* Users/create mobile tab menu: keep active color equal to desktop */
body.dashboard_main .dashboard_content.dashboard_users .box_conf_menu a{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.dashboard_main .dashboard_content.dashboard_users .box_conf_menu a.wc_active,
body.dashboard_main .dashboard_content.dashboard_users .box_conf_menu a.wc_active:hover,
body.dashboard_main .dashboard_content.dashboard_users .box_conf_menu a.wc_active:focus,
body.dashboard_main .dashboard_content.dashboard_users .box_conf_menu a.wc_active:active{
    background: linear-gradient(135deg, #9f00ff 0%, #c63bff 100%) !important;
    border-color: #9f00ff !important;
    color: #ffffff !important;
}

@media (hover: none){
    body.dashboard_main .dashboard_content.dashboard_users .box_conf_menu a:hover{
        background: #ffffff;
        border-color: #eeeeee;
        color: rgb(18, 2, 39);
    }
}

/* Money/possible summary cards */
body.dashboard_main .possible-withdrawal-summary{
    margin-bottom: 10px;
}

body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
}

body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul li{
    flex: 1 1 260px;
    margin: 0;
    padding: 32px 10px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    border-radius: 0;
    background: linear-gradient(135deg, #9f00ff 0%, #8400d6 100%);
}

body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul li p:first-child{
    font-size: 2em;
    line-height: 1.15;
    color: #ffffff;
}

body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul li p:last-child{
    font-size: 0.95em;
    letter-spacing: 0.02em;
    opacity: 0.95;
    color: #ffffff;
}

@media (max-width: 67em){
    body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul{
        gap: 10px;
    }

    body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul li{
        flex-basis: 100%;
        padding: 28px 10px;
    }

    body.dashboard_main .possible-withdrawal-summary .possible-withdrawal-summary_cards ul li p:first-child{
        font-size: 1.9em;
    }
}

/* PulaFila/products: organize status/action buttons on mobile */
body.dashboard_main .dashboard_header_search.pf-products-actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body.dashboard_main .dashboard_header_search.pf-products-actions .btn{
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 40px;
}

@media (max-width: 67em){
    body.dashboard_main .dashboard_header_search.pf-products-actions{
        justify-content: center;
        gap: 8px;
    }

    body.dashboard_main .dashboard_header_search.pf-products-actions .btn{
        flex: 1 1 calc(50% - 8px);
        min-width: 148px;
        white-space: nowrap;
    }

    body.dashboard_main .dashboard_header_search.pf-products-actions .j_pf_modal,
    body.dashboard_main .dashboard_header_search.pf-products-actions .icon-lock{
        flex-basis: 100%;
    }
}

/* Team-style table visual for legacy list panels */
body.dashboard_main .musicList,
body.dashboard_main .withdrawal,
body.dashboard_main .Artists,
body.dashboard_main .contaPagar,
body.dashboard_main .contaExtrato,
body.dashboard_main .contaBalancete{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.dashboard_main .musicList ul,
body.dashboard_main .withdrawal ul,
body.dashboard_main .Artists ul,
body.dashboard_main .contaPagar ul,
body.dashboard_main .contaExtrato ul,
body.dashboard_main .contaBalancete ul{
    margin: 0;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #ebedf0;
}

body.dashboard_main .withdrawal ul,
body.dashboard_main .Artists ul,
body.dashboard_main .contaPagar ul,
body.dashboard_main .contaExtrato ul,
body.dashboard_main .contaBalancete ul{
    width: max-content;
    min-width: 100%;
}

body.dashboard_main .musicList > ul:first-child,
body.dashboard_main .withdrawal:not(.withdrawal_detail) > ul:first-child,
body.dashboard_main .Artists > ul:first-child,
body.dashboard_main .contaPagar > ul:first-child,
body.dashboard_main .contaExtrato > ul:first-child,
body.dashboard_main .contaBalancete > ul:first-child{
    background: #fff !important;
    color: #667085 !important;
    min-height: 0;
    border-bottom: 1px solid #d0d5dd;
}

body.dashboard_main .musicList > ul:first-child li,
body.dashboard_main .withdrawal:not(.withdrawal_detail) > ul:first-child li,
body.dashboard_main .Artists > ul:first-child li,
body.dashboard_main .contaPagar > ul:first-child li,
body.dashboard_main .contaExtrato > ul:first-child li,
body.dashboard_main .contaBalancete > ul:first-child li{
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
}

body.dashboard_main .musicList ul li,
body.dashboard_main .withdrawal ul li,
body.dashboard_main .Artists ul li,
body.dashboard_main .contaPagar ul li,
body.dashboard_main .contaExtrato ul li,
body.dashboard_main .contaBalancete ul li{
    padding: 10px 8px;
    color: #344054;
    line-height: 1.35;
    vertical-align: middle;
}

body.dashboard_main .withdrawal ul li:last-child{
    padding: 10px 8px;
}

body.dashboard_main .musicList ul:hover,
body.dashboard_main .withdrawal ul:hover,
body.dashboard_main .Artists ul:hover,
body.dashboard_main .contaPagar ul:hover,
body.dashboard_main .contaExtrato ul:hover,
body.dashboard_main .contaBalancete ul:hover{
    background: #f8fafc;
}

body.dashboard_main .musicList .list_title,
body.dashboard_main .usersList .list_title,
body.dashboard_main .signatureList .list_title{
    color: #1d2939;
}

body.dashboard_main .musicList .list_meta,
body.dashboard_main .usersList .list_meta,
body.dashboard_main .signatureList .list_meta{
    color: #667085;
}

body.dashboard_main .approved_products #js_approved_list ul:first-child{
    background: #fff !important;
    color: #344054 !important;
}

body.dashboard_main .contaBalancete ul.balancete-sintetica{
    background: #f9fafb !important;
}

body.dashboard_main .contaLancamentosTable,
body.dashboard_main .contaBalanceteTable{
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    border-spacing: 0;
}

body.dashboard_main .contaLancamentosTable thead th,
body.dashboard_main .contaBalanceteTable thead th{
    background: #fff;
    color: #667085;
    padding: 10px 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    font-size: 0.78rem;
    text-align: left;
    border-bottom: 1px solid #d0d5dd;
    border-radius: 0;
}

body.dashboard_main .contaLancamentosTable tbody tr,
body.dashboard_main .contaBalanceteTable tbody tr{
    background: #fff;
    box-shadow: none;
}

body.dashboard_main .contaLancamentosTable tbody tr:nth-child(even),
body.dashboard_main .contaBalanceteTable tbody tr:nth-child(even){
    background: #fff;
}

body.dashboard_main .contaLancamentosTable tbody td,
body.dashboard_main .contaBalanceteTable tbody td{
    padding: 10px 8px;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #ebedf0;
    color: #344054;
    font-weight: 500;
    word-break: break-word;
}

/* Hard override: match users/team header colors and row style */
.musicList ul,
.withdrawal ul,
.Artists ul,
.contaPagar ul,
.contaExtrato ul,
.contaBalancete ul{
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #ebedf0 !important;
}

.musicList ul:first-child,
.withdrawal:not(.withdrawal_detail) > ul:first-child,
.Artists ul:first-child,
.contaPagar ul:first-child,
.contaExtrato ul:first-child,
.contaBalancete ul:first-child{
    background: #fff !important;
    color: #667085 !important;
    border-bottom: 1px solid #d0d5dd !important;
    text-align: left !important;
    min-height: 0 !important;
}

.musicList ul:first-child li,
.withdrawal:not(.withdrawal_detail) > ul:first-child li,
.Artists ul:first-child li,
.contaPagar ul:first-child li,
.contaExtrato ul:first-child li,
.contaBalancete ul:first-child li{
    color: #667085 !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    font-weight: 700 !important;
    justify-content: flex-start !important;
}

.musicList ul:not(:first-child):nth-child(odd),
.withdrawal ul:not(:first-child):nth-child(odd),
.Artists ul:not(:first-child):nth-child(odd),
.contaPagar ul:not(:first-child):nth-child(odd),
.contaExtrato ul:not(:first-child):nth-child(odd),
.contaBalancete ul:not(:first-child):nth-child(odd){
    background: #fff !important;
}

.musicList ul:not(:first-child):nth-child(even),
.withdrawal ul:not(:first-child):nth-child(even),
.Artists ul:not(:first-child):nth-child(even),
.contaPagar ul:not(:first-child):nth-child(even),
.contaExtrato ul:not(:first-child):nth-child(even),
.contaBalancete ul:not(:first-child):nth-child(even){
    background: #f8fafc !important;
}

.musicList ul li,
.withdrawal ul li,
.Artists ul li,
.contaPagar ul li,
.contaExtrato ul li,
.contaBalancete ul li{
    padding: 10px 8px !important;
    color: #344054 !important;
    line-height: 1.35 !important;
    justify-content: flex-start !important;
}

/* Zebra for all real tables in admin */
.dashboard_content table tbody tr:nth-child(odd){
    background: #f8fafc !important;
}

.dashboard_content table tbody tr:nth-child(even){
    background: #ffffff !important;
}

/* GeracaoCapa table alignment hard-fix (desktop only) */
@media (min-width: 67.01em){
    body.dashboard_main #gc-generations-list .withdrawal ul,
    body.dashboard_main #gc-images-list .withdrawal ul{
        width: 100% !important;
        min-width: 100% !important;
    }

    body.dashboard_main #gc-generations-list .withdrawal ul li,
    body.dashboard_main #gc-images-list .withdrawal ul li{
        min-width: 0;
        box-sizing: border-box;
    }
}

/* Small screens: keep horizontal scroll enabled on list tables */
@media (max-width: 67em){
    body.dashboard_main #gc-generations-list .withdrawal,
    body.dashboard_main #gc-images-list .withdrawal,
    body.dashboard_main #gc-suggestions-list .withdrawal,
    body.dashboard_main #gc-plans-list .withdrawal,
    body.dashboard_main #pf-users-list .withdrawal{
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

/* Money module tables: keep column alignment on web and horizontal scroll on small screens */
body.dashboard_main .money-table{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

body.dashboard_main .money-table ul{
    width: max-content;
    min-width: 100%;
}

body.dashboard_main .money-table ul li{
    min-width: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

@media (max-width: 67em){
    body.dashboard_main .money-table ul{
        min-width: 980px;
    }
}

/* PulaFila + GeracaoCapa list tables: distributed columns on desktop */
body.dashboard_main #pf-products-list .withdrawal,
body.dashboard_main #pf-users-list .withdrawal,
body.dashboard_main #pf-last-credits,
body.dashboard_main #pf-last-priorities,
body.dashboard_main .gc-content #gc-generations-list .withdrawal,
body.dashboard_main .gc-content #gc-images-list .withdrawal,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal,
body.dashboard_main .gc-content #gc-plans-list .withdrawal,
body.dashboard_main .gc-content #pf-users-list .withdrawal{
    overflow-x: hidden;
    overflow-y: hidden;
}

body.dashboard_main #pf-products-list .withdrawal > ul:first-child,
body.dashboard_main #pf-products-list .withdrawal .js_infinite_target > ul,
body.dashboard_main #pf-users-list .withdrawal > ul:first-child,
body.dashboard_main #pf-users-list .withdrawal .js_infinite_target > ul,
body.dashboard_main #pf-last-credits > ul,
body.dashboard_main #pf-last-priorities > ul,
body.dashboard_main .gc-content #gc-generations-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-generations-list .withdrawal .js_infinite_target > ul,
body.dashboard_main .gc-content #gc-images-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-images-list .withdrawal .js_infinite_target > ul,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal .js_infinite_target > ul,
body.dashboard_main .gc-content #gc-plans-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-plans-list .withdrawal .js_infinite_target > ul,
body.dashboard_main .gc-content #pf-users-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #pf-users-list .withdrawal .js_infinite_target > ul{
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
}

body.dashboard_main #pf-products-list .withdrawal > ul:first-child,
body.dashboard_main #pf-products-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 10% 24% 18% 12% 18% 10% 8%;
}

body.dashboard_main #pf-users-list .withdrawal > ul:first-child,
body.dashboard_main #pf-users-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 6% 22% 24% 8% 8% 8% 8% 8% 8%;
}

body.dashboard_main #pf-last-credits > ul{
    display: grid;
    grid-template-columns: 20% 40% 20% 20%;
}

body.dashboard_main #pf-last-priorities > ul{
    display: grid;
    grid-template-columns: 18% 12% 35% 35%;
}

body.dashboard_main .gc-content #gc-generations-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-generations-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 6% 18% 36% 8% 8% 12% 12%;
}

body.dashboard_main .gc-content #gc-images-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-images-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 6% 18% 36% 8% 10% 10% 12%;
}

body.dashboard_main .gc-content #gc-suggestions-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 6% 20% 22% 22% 10% 8% 12%;
}

body.dashboard_main .gc-content #gc-plans-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #gc-plans-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 8% 16% 16% 16% 18% 18% 8%;
}

body.dashboard_main .gc-content #pf-users-list .withdrawal > ul:first-child,
body.dashboard_main .gc-content #pf-users-list .withdrawal .js_infinite_target > ul{
    display: grid;
    grid-template-columns: 6% 24% 24% 10% 10% 10% 8% 8%;
}

body.dashboard_main #pf-products-list .withdrawal > ul > li:only-child,
body.dashboard_main #pf-products-list .withdrawal .js_infinite_target > ul > li:only-child,
body.dashboard_main #pf-users-list .withdrawal > ul > li:only-child,
body.dashboard_main #pf-users-list .withdrawal .js_infinite_target > ul > li:only-child,
body.dashboard_main #pf-last-credits > ul > li:only-child,
body.dashboard_main #pf-last-priorities > ul > li:only-child,
body.dashboard_main .gc-content #gc-generations-list .withdrawal > ul > li:only-child,
body.dashboard_main .gc-content #gc-generations-list .withdrawal .js_infinite_target > ul > li:only-child,
body.dashboard_main .gc-content #gc-images-list .withdrawal > ul > li:only-child,
body.dashboard_main .gc-content #gc-images-list .withdrawal .js_infinite_target > ul > li:only-child,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal > ul > li:only-child,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal .js_infinite_target > ul > li:only-child,
body.dashboard_main .gc-content #gc-plans-list .withdrawal > ul > li:only-child,
body.dashboard_main .gc-content #gc-plans-list .withdrawal .js_infinite_target > ul > li:only-child,
body.dashboard_main .gc-content #pf-users-list .withdrawal > ul > li:only-child,
body.dashboard_main .gc-content #pf-users-list .withdrawal .js_infinite_target > ul > li:only-child{
    grid-column: 1 / -1;
    text-align: center;
}

body.dashboard_main #pf-products-list .withdrawal ul li,
body.dashboard_main #pf-users-list .withdrawal ul li,
body.dashboard_main #pf-last-credits ul li,
body.dashboard_main #pf-last-priorities ul li,
body.dashboard_main .gc-content #gc-generations-list .withdrawal ul li,
body.dashboard_main .gc-content #gc-images-list .withdrawal ul li,
body.dashboard_main .gc-content #gc-suggestions-list .withdrawal ul li,
body.dashboard_main .gc-content #gc-plans-list .withdrawal ul li,
body.dashboard_main .gc-content #pf-users-list .withdrawal ul li{
    min-width: 0;
    box-sizing: border-box;
}

/* Small screens: keep horizontal scroll and readable minimum widths */
@media (max-width: 67em){
    body.dashboard_main #pf-products-list .withdrawal,
    body.dashboard_main #pf-users-list .withdrawal,
    body.dashboard_main #pf-last-credits,
    body.dashboard_main #pf-last-priorities,
    body.dashboard_main .gc-content #gc-generations-list .withdrawal,
    body.dashboard_main .gc-content #gc-images-list .withdrawal,
    body.dashboard_main .gc-content #gc-suggestions-list .withdrawal,
    body.dashboard_main .gc-content #gc-plans-list .withdrawal,
    body.dashboard_main .gc-content #pf-users-list .withdrawal{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.dashboard_main #pf-products-list .withdrawal > ul:first-child,
    body.dashboard_main #pf-products-list .withdrawal .js_infinite_target > ul{
        min-width: 1040px;
    }

    body.dashboard_main #pf-users-list .withdrawal > ul:first-child,
    body.dashboard_main #pf-users-list .withdrawal .js_infinite_target > ul{
        min-width: 1200px;
    }

    body.dashboard_main #pf-last-credits > ul{
        min-width: 860px;
    }

    body.dashboard_main #pf-last-priorities > ul{
        min-width: 900px;
    }

    body.dashboard_main .gc-content #gc-generations-list .withdrawal > ul:first-child,
    body.dashboard_main .gc-content #gc-generations-list .withdrawal .js_infinite_target > ul,
    body.dashboard_main .gc-content #gc-images-list .withdrawal > ul:first-child,
    body.dashboard_main .gc-content #gc-images-list .withdrawal .js_infinite_target > ul,
    body.dashboard_main .gc-content #gc-suggestions-list .withdrawal > ul:first-child,
    body.dashboard_main .gc-content #gc-suggestions-list .withdrawal .js_infinite_target > ul{
        min-width: 1080px;
    }

    body.dashboard_main .gc-content #gc-plans-list .withdrawal > ul:first-child,
    body.dashboard_main .gc-content #gc-plans-list .withdrawal .js_infinite_target > ul{
        min-width: 920px;
    }

    body.dashboard_main .gc-content #pf-users-list .withdrawal > ul:first-child,
    body.dashboard_main .gc-content #pf-users-list .withdrawal .js_infinite_target > ul{
        min-width: 1100px;
    }
}