:root{
    --white: #ffffff;
    --primary: #135fd9 !important;
    --black : #222 !important;
}
a{
    color: var(--black) !important
}

.historylink{
    display: none !important;
}

.f-left{
    float: left !important;
}

.widget-RadioSelect ul {
    list-style: none;
    padding-left: 0px;
}

.widget-RadioSelect ul>li {
    display: inline;
    padding-right: 10px;
}

a:hover{
    text-decoration: none !important;
}
#header {
    background: var(--white) !important;
}

#header #user-tools strong{
    color: var(--primary) !important;
}

#header #user-tools a{
    color: var(--dark) !important;
}

#suit-nav {
    background-color: var(--primary) !important;
    color: #fff !important;
    padding: 3px !important;
}

#suit-nav > ul > li > a, #suit-nav > ul > li:last-child > a {
    border: 0 !important;
    color: var(--white) !important
}

#suit-sub-nav ul > li > a, #suit-sub-nav ul > li.active a {
    color: var(--black) !important;
}

#suit-nav > ul > li > ul > li > a:hover{
    color: var(--black) !important;
    background-color: var(--white) !important;
}

#suit-nav > ul > li:hover > a{
    background-color: none !important;
}
#suit-nav > ul > li:hover > ul{
    background-color: var(--white) !important;
}

#suit-nav > ul > li:hover > a{
    background-color: transparent !important;
}

#suit-nav > ul > li > ul > li > a{
    border-bottom: none !important;
}

#suit-nav > ul > li.active a {
    box-shadow: none !important;
    background-color: transparent !important;
    color: var(--white)
}


#result_list thead > tr th, #result_list thead > tr th div.text a{
    background-color: #ccc !important;
    box-shadow: none !important;
    color: var(--black) !important;
    font-weight: 600 !important;
    text-align: center;
    padding: 1rem 0.8rem !important;
}

#changelist #changelist-form .paginator span.this-page, .addlink,.btn-success, #content-main > .object-tools > li > a.addlink:not([class*="btn-"]), .btn-primary, .submit-row input[type='submit']:not([class*="btn-"]):first-child, .submit-row input[type='button']:not([class*="btn-"]):first-child, .submit-row button:not([class*="btn-"]):first-child, body.login .submit-row input[type='submit'], #changelist #toolbar #changelist-search input[type='submit'], #changelist #changelist-form .actions button, #changelist #changelist-form .paginator input[type='submit'] {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

.btn-outline-secondary{
    color: #222 !important;
    border-color: #222 !important;
}


#changelist #changelist-filter h3{
    text-transform: capitalize !important;
    background-color: var(--primary) !important;
    font-weight: 600 !important;
    border-radius: 10px 10px 0 0 !important;
}

#changelist #changelist-filter ul{
    box-shadow: 1px 0 8px 0px #eee !important;
    border-radius: 0 0 10px 10px !important;
}

#result_list {
    box-shadow: 1px 0 8px 0px #eee !important;
}

#result_list tbody > tr:nth-child(even){
    background-color: transparent !important;
}

#result_list tbody > tr:hover,{
    background-color: #f5f4f4 !important;
}


.suit-form .form-group{
    background-color: var(--white) !important;
}

fieldset{
    box-shadow: none !important;
}

fieldset.suit-form.module.aligned{
    margin-bottom: 2rem !important;
    box-shadow: 1px 0 8px 3px #eee !important;
    padding: 2rem !important;
    border-radius: 15px !important;
}

.inline-group .inline-related h3{
    background-color: var(--white) !important;
    color: var(--black) !important;
}

fieldset .form-row > label, fieldset .suit-form .form-group > label, fieldset .form-row > label, fieldset .suit-form .form-group > label{
    border-bottom: none !important;
}

fieldset .form-row > label{
    text-align: left !important;
    font-weight: 600;
    text-transform: capitalize !important;
}

.suit_form_submit_on_right .col-right .submit-row {
    box-shadow: 1px 0 8px 3px #eee !important;
    background-color: var(--white) !important;
    border-radius: 15px !important;
}