@import url('https://fonts.googleapis.com/css?family=Sarabun:300,400,700&display=swap');
body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Sarabun", sans-serif !important;
}

#branding h1 {
    padding: 0;
    margin: 0 20px 0 0;
    font-weight: 300;
    font-size: 24px;
    color: #fff;
}

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

#header {
    background: #fff;
    color: #303B3F;
    box-shadow: 0px 3px 6px #00000029;
}

.button.default, input[type=submit].default, .submit-row input.default {
    background: #0082c8;
}

.object-tools a:focus, .object-tools a:hover {
    background-color: #fff;
    color: #747474;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background: #0082c8;

}

.module h2, .module caption, .inline-group h2 {

    background: #0082c8;
}

div.breadcrumbs {
    background: #0082c8;
    color: #c4dce8;
}

#user-tools a:focus, #user-tools a:hover {
    border-bottom-color: #0082c8;
    color: #0082c8;
}

.admindatefilter .button, .admindatefilter input[type=submit], .admindatefilter input[type=button], .admindatefilter .submit-row input, .admindatefilter a.button, .admindatefilter .button, .admindatefilter input[type=reset] {
    background: #fff!important;
}

#changelist-filter li.selected a {
    color: #fff!important;
}
.selector-chosen h2 {
    background: #fff!important;
    color: #fff;
}

.button:active, input[type=submit]:active, input[type=button]:active, .button:focus, input[type=submit]:focus, input[type=button]:focus, .button:hover, input[type=submit]:hover, input[type=button]:hover {
    background: #0082c8!important;
}

.theme-toggle svg.theme-icon-when-auto, .theme-toggle svg.theme-icon-when-dark, .theme-toggle svg.theme-icon-when-light {
    color: #fff!important;
}

#header a:link, #header a:visited, #logout-form button, #site-name a:link, #site-name a:visited {
    color: #0082C8;
}

.theme-toggle svg.theme-icon-when-auto, .theme-toggle svg.theme-icon-when-dark, .theme-toggle svg.theme-icon-when-light{
    color: white;
    fill: black;
}

fieldset .fieldset-heading, fieldset .inline-heading, :not(.inline-related) .collapse summary{
    background: #0082C8!important;
}

@media (max-width: 1024px){
    #changelist-search > div {
        display: block!important;
    }
    #toolbar form #searchbar {
        width: auto!important;
    }

    #toolbar form input[type=submit] {
        margin-top: 10px!important;
    }
    #toolbar form div input {
        font-size: 12px!important;
    }
}