@import url('https://fonts.googleapis.com/css?family=Comfortaa&display=swap'); 

body {
    height: 100%;
    #background: #fff;
}

.column-request {
    width: 50%;
}

#branding-menu {
    font-size: 2rem;
    margin-top: -1rem;
}

.changelist-footer {
    background-color: transparent !important;
    color: #eee;
}

#branding h1, #branding h2 {
    font-size: 1.4em !important;
    color: #fff;
    text-transform: none;
}

.changelist-footer.fixed {
    border-top: 0px;
}

#template-tr {
    display: none;
}

ul.messagelist {
    padding-top: 4em !important;
    margin-bottom: -3em !important;
    padding-bottom: 2em !important;
}

fieldset.module, .changeform-tabs {
    /*background-color: transparent !important;*/
}
.changelist-footer {
    /*background-color: transparent !important;*/
}

body {
    font-family: 'Comfortaa', sans-serif;
    padding-top: 0rem;
    color: #59677e;
    /*background-color: transparent !important;*/
}

.usertools {
    float: right;
    display: block;
    padding: 2em;
}

.usertools a:hover {
    color: #eee;
}

.sidebar-container-toggle {
    padding-top: 20px;
}

.inline-navigation-top {
    background: transparent;
}

.submit-row p.deletelink-box {
}

.submit-row a.deletelink, .submit-row a.deletelink:visited, .submit-row a.deletelink:hover {
}

.changelist-footer {
    padding: 0px;
    padding-top: 0.5em;
}

#changelist .actions .button, #changelist .actions .button:visited, #changelist .actions .button:hover {
    background-color: #59677e;
}

.sidebar-header-menu, .sidebar-header-menu:visited, .sidebar-header-menu:hover {
    border-right: 0px;
    color: #59677e;
    margin-top: 0.5rem;
}

#content-main {
}

.sidebar-header-wrapper {
}

.sidebar-header-wrapper.sidebar-opened {
    background: transparent;
}

.sidebar-header-menu-icon.icon-cross {
    color: #c0cad8;
    font-size: 2rem;
}

.sidebar-header-menu-icon {
    font-size: 2rem;
}

#branding-pin:hover {
    color: #444;
}

body.scroll-to-bottom .sidebar-header-wrapper {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}


fieldset.module input[type="text"], fieldset.module input[type="email"], fieldset.module input[type="password"], fieldset.module input[type="url"], fieldset.module input[type="number"], fieldset.module textarea, fieldset.module select, fieldset.module .vTextField {
    box-shadow: none;
    font-size: 1em;
    padding: 1em;
    padding-right: .5em;
    padding-left: .5em;
    font-weight: 300;
}

.form-row .select2 {

    font-size: 1.5em !important;
    font-weight: 300;
}

fieldset.module .select2-container--jet .select2-selection {
    box-shadow: none;
}

.sidebar-header-wrapper {
    background-color: transparent;
}

a, a:visited, a:hover, a:focus {
    color: #59677e;
}

#toolbar form input[type="submit"], #toolbar form input[type="submit"]:visited, #toolbar form input[type="submit"]:hover {
    background-color: #59677e;
}

.button.default, input[type="submit"].default, input[type="button"].default, .object-tools a.default {
    background-color: #59677e;
}

input[type="checkbox"] + label::before {
    color: rgb(89, 103, 126);
}

.select2-container--jet .select2-dropdown {
    box-shadow: 0 0 4px 0 rgba(193, 71, 71,0.3);
    box-shadow: 0 0 0.28571rem 0 rgba(193, 71, 71,0.3);
}

#site-name a {
    font-family: 'Comfortaa';
    font-size: .9em;
    color: #59677e !important;
    text-transform: none;
}

#site-name a:hover {
    color: #444 !important; 
}

#site-name a img {
    margin: 0.3em;
    opacity: 0.7;
}

#site-name a:hover img {
    opacity: 1;
}

input[type=text]:focus {
    box-shadow: 0 0 4px 0 rgba(193, 71, 71,0.3);
    box-shadow: 0 0 0.28571rem 0 rgba(193, 71, 71,0.3);
}

.select2-container--jet .select2-selection--single .select2-selection__arrow b::before {
    color: rgb(193, 71, 71);
}

.select2-container--jet .select2-results__option[aria-selected=true] {
    color: #c14747;
}

.select2-container--jet .select2-results__option--highlighted[aria-selected] {
    background-color: #59677e;
    color: #fff;
}

body.login .form-row #id_username, body.login .form-row #id_password {
    width: 97%;
}

div.breadcrumbs a, div.breadcrumbs a:visited {
    color: #59677e;
    font-weight: normal;
}

.small.quiet {
    display: none;
}

.select2-container--jet .select2-selection {
}

form .aligned p.help:last-child {
  color: #444;
}

form .aligned p.help:last-child span {
  color: #f00;
}

.inline-related h3 {
    background: transparent;
}

.inline-group .tabular thead th, .inline-group .tabular thead td {
    background: transparent;
}

#user-tools-new {
    float:right;
}

form .aligned p.help:last-child {
    color: #bbb;
}

.sidebar {
    background-color: #ecf2f6;
}

.sidebar-link-label {
    color: #59677e;
}

.sidebar-link-label:hover {
    color: #59677e;
    background-color: transparent;
}

.sidebar-link:hover, .sidebar-link.selected {
    background-color: #fff;
}

.sidebar-section {
    border-bottom: 1px solid #ecf2f6;
    border-bottom: 0.07143rem solid #ecf2f6;
}

#branding {
    background-color: #ecf2f6;
    color: #59677e !important; 
}

.blink {
    animation: blink 300ms infinite alternate;
}

@keyframes blink {
    from { opacity:1; }
    to { opacity:.5; }
}

@media only screen and (max-width: 960px) {
    #branding {
        min-height: 0;
        font-size: 1.3em;
    }

    .aligned label+p {
        margin: auto;
        font-size: 20px;
        text-align: right;
    }

    #content-main {
        margin-top: 3em;
    }

    #header {
        padding-top: .7em;
    }
}