/*START LOGIN PAGE*/

.mx-auto.py-8.max-w-sm.flex.justify-center svg.h-8.h-6 {
    display: none;
}

div[dusk="remember-button"] > span {
    box-shadow: none!important;
    outline: none!important;
    border-color: #02061733!important;
}

input.form-control {
    background-color: #F2F2F2 !important;
}

input.form-control:focus {
    box-shadow: none;
    outline: none;
}

.group[data-state=checked] .group-data-\[state\=checked\]\:bg-primary-500, .group[data-state=indeterminate] .group-data-\[state\=indeterminate\]\:bg-primary-500 {
    background-color: #0A0A3C !important;
}

svg g[fill='currentColor'] {
    fill: #fff !important;
}

.login-page-main-logo {
    width: 120px;
    position: relative;
    top: -20px;
}

.header-main-logo {
    width: 90px;
    top: 4px;
    position: relative;
    left: 55px;
}

/*END LOGIN PAGE*/

.scale-50 {
    transform: scale(0.5);
}


/*Main text color*/
.link-default {
    color: #F68A00 !important;
}

#app, nav[dusk="breadcrumbs"], div[dusk="sidebar-menu"] {
    color: #0A0A3C !important;
}

div[dusk="sidebar-menu"] span {
    color: #0A0A3C !important;
}

div[dusk="sidebar-menu"] a:focus {
    box-shadow: none;
    outline: none;
}

div[dusk="content"] select,
div[dusk="content"] select option,
div[dusk="content"] input,
div[dusk="content"] button[type="button"],
div[dusk="content"] button[dusk="next"],
div[dusk="content"] button[dusk="previous"],
div[dusk="notifications-backdrop"] + div div,
div[dusk="notifications-backdrop"] + div h3,
div[dusk="dropdown-menu"] span,
div[dusk="dropdown-menu"] button[type="button"],
table thead th {
    color: #0A0A3C !important;
}

/*Main main background*/
div[dusk="content"] {
    background-color: #F2F2F2;
}

header {
    background-color: #0A0A3C !important;
}

header button[dusk="notifications-dropdown"]:hover {
    outline: none;
    color: #F68A00 !important;
}

header button[dusk="notifications-dropdown"] .rounded-full {
    background-color: #F68A00 !important;
}

header button[dusk="notifications-dropdown"] svg {
    fill: #F2F2F2 !important;
}

#nova-ui-dropdown-button-1 {
    display: none;
}

#nova-ui-dropdown-button-3 span {
    color: #F2F2F2 !important;
}

a[dusk="create-button"],
button[type="submit"],
div[dusk="notifications-content"] button[type="button"].bg-primary-500,
button.bg-primary-500[dusk="create-and-add-another-button"][type="button"],
div[dusk="content"] button[dusk="update-and-continue-editing-button"] {
    color: #F2F2F2 !important;
    border-color: #0A0A3C !important;
    background-color: #0A0A3C !important;
    box-shadow: none;
}

input[dusk="global-search"]:focus,
a[dusk="create-button"]:focus,
#nova-ui-dropdown-button-3:focus {
    box-shadow: none;
    outline: none;
}

input[dusk="global-search"] {
    background-color: #F2F2F2 !important;
    color: #0A0A3C !important;
}

input[type="file"]:checked {

}

input[dusk="search-input"]:focus {
    box-shadow: none;
    outline: #00bb00;
    border-color: #0A0A3C !important;
}

div[disabled='false'].border.text-left.appearance-none.cursor-pointer.rounded.text-sm.font-bold.ring-primary-200.relative.inline-flex.items-center.justify-center.shadow.h-9.px-3.bg-primary-500.border-primary-500 {
    background-color: #0A0A3C !important;
    border-color: #0A0A3C !important;
}

div.fixed.flex.inset-0.z-20 button[type="button"].border.text-left.appearance-none.cursor-pointer.rounded.text-sm.font-bold.inline-flex.items-center.justify-center.shadow.h-9.px-3.bg-primary-500.border-primary-500 {
    background-color: #0A0A3C !important;
    border-color: #0A0A3C !important;
}

button[dusk="row-delete-button"]:hover svg {
    fill:#F68A00 !important;
}


button[dusk="row-delete-button"]:focus,
button[type="button"]:focus {
    box-shadow: none;
    outline: #00bb00;
}

select option:checked {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

@media screen  and (min-width:1800px) {
    #pie-chart, #bar-chart {
        height: 400px!important;
    }
}