@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope&family=Montserrat&family=Open+Sans:wght@800&family=Play:wght@400;700&family=Raleway&display=swap');

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
    color: #fff;
}

#branding h1 {
    font-size: x-large;
}

h1 {
    color: white;
}

body {
    background: #F9F7F7;
    color: #333C5C !important;
    /* background-image: url("https://wallpapercave.com/wp/wp2508260.jpg"); */
    /*  background-image: url(../images/Admin.jpg);  */
}

h1{
    color: #333C5C !important; 
}
/* .addlink {
    background: #AED136;
    color: white;
} */

/* .object-tools a:link, .object-tools a:visited{
    background: #AED136;
    background-image: url(../img/tooltag-add.svg);
} */
.module h2, .module caption, .inline-group h2{
    margin: 0;
    padding: 8px;
    font-weight: 400;
    font-size: 0.8125rem;
    text-align: left;
    background: #AED136;
    color: white;
}

tr:nth-child(odd), .row-form-errors {
    background: #161616;
    color: white;
}

a:link, a:visited {
    color: #7F8D9C;
    text-decoration: none;
    transition: color 0.15s, background 0.15s;
}

#header {
    background: #F9F7F7;
    color: #333C5C;
    height: 78px;
    box-shadow: 1px 2px 2px #eaeaea;
}

#header a:link,
#header a:visited {
    color: #fff;
}

.login #header h1{
    color: #333C5C;
}

#header a:hover {
    color: #fff;
}

div.breadcrumbs {
    /* color: #c4dce8; */
    background: #15112C;
    display: none;
}

div.breadcrumbs a.active {
    color: #c4dce8 !important;
    font-weight: 300;
}

div.breadcrumbs a:focus,
div.breadcrumbs a:hover {
    color: #c4dce8 !important;
    font-weight: 300;
    cursor: pointer;
}

.login #container{
    border-radius: 20px !important;
    border:none !important;
}

.login #content{
    background-color:#05020d ;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button{
    background-color:#AED136 ;
    padding: 10px 20px !important;
    border-radius:50px;
}

tr:nth-child(even), tr:nth-child(even) .errorlist, tr:nth-child(odd) + .row-form-errors, tr:nth-child(odd) + .row-form-errors .errorlist{
    background-color:transparent !important ;
}

tr:nth-child(even), tr:nth-child(even) .errorlist, tr:nth-child(odd) + .row-form-errors, tr:nth-child(odd) + .row-form-errors .errorlist{
    background-color:transparent !important ;
}

@media (prefers-color-scheme: dark){
    :root{
        --darkened-bg :linear-gradient(143deg, rgba(20,32,38,1) 0%, rgba(22,23,45,1) 61%) !important;
        --hairline-color:#dcdcdc !important;
        --font-family-primary:Raleway;
        --font-family-monospace:Raleway;
        --body-bg:#f9f7f7 !important;
        
    }
}

.login .form-row #id_username, .login .form-row #id_password{
    border:none;
}

.module{
    background-color: transparent;
}

#toolbar{
    background:#ffffff !important;
    border-radius: 15px;
    box-shadow: 1px 2px 2px #eaeaea;
    border-top:none !important;
}

#toolbar form input[type="submit"]{
    border:none !important;
    color:#000 !important;
    border-radius: 50px;
    background: #F2F2F2 !important;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel], textarea, select, .vTextField{
    background-color: #ffffff !important;
}

#toolbar #searchbar{
    border:1px solid #d0d0d0 !important;
}

#header a:link, #header a:visited{
    color:#333C5C;
}
#header a:link, #header a:visited, #logout-form button{
    color:#333C5C;
}

#changelist .paginator{
    background: transparent !important;
    border-bottom:none !important;
}

#changelist-form{
    background:#ffffff !important;
    border-radius: 15px;
    box-shadow: 1px 2px 2px #eaeaea;
}

#changelist .actions{
    background: transparent !important; 
}

#changelist .actions .button{
    background-color: #ffffff !important;
    border:none !important;
    color:#333C5C !important;
    border-radius: 50px;
}

#changelist .actions select{
    border:1px solid #cecece !important;
}

tr:nth-child(odd){
    background-color: transparent !important;
    color: #7F8D9C !important;
}

tr:nth-child(even){
    background-color: transparent !important;
    color: #7F8D9C !important;
}

thead{
    background-color: #fff !important;
}

#nav-sidebar{
    background-color: #22282D !important;
}

#nav-sidebar {
    --hairline-color:#22282D !important;
}

#result_list{
    --darkened-bg:#EDEDED !important;
}

.object-tools a:link, .object-tools a:visited{
    background-color: #AED136;
}

.theme-toggle svg.theme-icon-when-auto, .theme-toggle svg.theme-icon-when-dark, .theme-toggle svg.theme-icon-when-light{
    fill:#333C5C;
    color: #fff;
}

.toggle-nav-sidebar{
    background-color: #22282e !important;
    border-right: none;
}

#changelist-filter{
    background: #fff !important;
    border-radius: 15px;
    box-shadow: 1px 2px 2px #eaeaea;
}

#changelist-filter-header{
    background: transparent !important;
    color: #333C5C;
}


.change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered .actions, #changelist .paginator{
    border-top-color:transparent !important;
        
} 

.addlink{
    display: none;
}

.module h2, .module caption, .inline-group h2{
    border-radius:20px 0px 0px 20px;
}

.field-copy_link button{
    font-family: Raleway;

}

#nav-filter{
    padding: 10px;
    margin:0px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 20px;
}

.submit-row{
    background: transparent !important;
    border:none !important;
}

.inline-group div.add-row, .inline-group .tabular tr.add-row td{
    background: transparent !important;
    border:none !important;
}

label{
    color: #7F8D9C !important;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel], textarea, select, .vTextField{
    color: #7F8D9C !important;
    border:1px solid #dadada;
}

.form-row{
    background:transparent !important ;
}