/*! law.css */

/***************************************************
    
    Table of contents
    -----------------    
    
    - ATO Component Library overrides
    - Side navigation styles
    - Home / basic search page styles
    - Browse Tree View styles
    - Search results View styles
    
***************************************************/

/************************************/
/* ATO Component Library overrides. */
/************************************/

/* Remove border when control has focus. */
.forms main div:focus,
.forms #mainArea div:focus,
.Forms main div:focus,
.Forms #mainArea div:focus,
.generalPage main div:focus,
.generalPage #mainArea div:focus,
.atoforms main div:focus,
.atoforms #mainArea div:focus {
    border: 0 !important;
    outline: 0 none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px !important;
}

    .page-header h1,
    .page-header h2,
    .page-header h3 {
        margin-bottom: 0px;
    }

.side-nav-container .side-nav ul li a {
    text-decoration: none;
}

.form-control {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

/***************************/
/* Side navigation styles. */
/***************************/
#LawLeftMenuHolder .side-nav {
    margin-top: 50px;
}
/* Side Nav filters for Search Results filter styles. */

.side-nav-container .refine-search-heading-wrapper li.checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

    .side-nav-container .refine-search-heading-wrapper li.checkbox a {
        padding-bottom: 1em;
        padding-right: 0;
    }

    .side-nav-container .refine-search-heading-wrapper li.checkbox label {
        font-size: 14px;
        padding-left: 40px;
    }

.refineSearch {
    margin-bottom: 15px;
}

/*#refineSearchButton {
    padding: 10px;
    width: 70%;
}*/

/*.btn-fft {
    width: 100px !important;
}*/

.refine-search-heading-wrapper ul.checklistNested {
    padding-left: 0px;
}

/************************************/
/* tooltip styles */
/************************************/

.side-nav .headerlink .tooltip-anchor {
    font-size: 16px;
}

/*
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

*/

/************************************/
/* Search Filter styles */
/************************************/

ul.checklist {
    padding-left: 0;
}

a[id^="selectAllFilters"] {
    display: inline-block;
    padding: 0px 3px 0px 0px;
    margin: 8px 0px 12px;
    text-decoration: none !important;
}

a[id^="refreshFilter"]:hover {
    text-decoration: none;
}

a[id^="selectAllFilters"]:before {
    content: "b";
    font-family: "ato-font-family-v2";
    padding-right: 6px;
    padding-left: 2px;
    font-size: 17px;
    color: #666;
    line-height: 19px;
    top: 2px;
    position: relative;
}

.filter-top-links a, .filter-top-links a:hover, .side-nav-container .side-nav ul li .filter-top-links a {
    color: #666;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    padding: 0;
}

.filter-top-links:hover {
    background: white;
}

a.top-refresh-all, a.top-refresh-all:hover {
    float: right;
    text-decoration: underline;
}

a[id^="refreshFilter"] {
    display: inline !important;
    padding: 0 0 0 3px !important;
    margin: 11px 0 9px;
}

span[id^=filterName].collapsed:after {
    font-family: "ato-font-family-v2";
    content: "g";
}

span[id^=filterName]:after {
    font-family: "ato-font-family-v2";
    content: "h";
    float: right;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    margin-top: 2px;
    cursor: context-menu;
}

.filterLabel, .top-filter-check {
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
    color: #333;
    padding: 13px 11px 11px 4px;
    font-size: 14px;
    line-height: 16px;
}

label[for^="chkFilter"] {
    padding-left: 25px !important;
    padding-right: 0 !important;
    color: #4a4a4a;
    font-size: 12px;
    line-height: 18px;
}

    label[for^="chkFilter"]:before {
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px;
        top: 0px !important;
    }

ul.checklistNested li, ul.checklistNested li.checkbox {
    background-color: #fff !important;
    list-style-type: none;
    padding-left: 8px;
    padding-top: 0px;
    margin: 0;
    border: 0;
}

    ul.checklistNested li:last-child {
        margin-bottom: 20px;
    }

ul.checklist > li.checkbox label:before {
    margin-top: 0;
    margin-left: 0;
}

ul.checklist > li label {
    font-weight: bold;
    padding: 0px 0px 10px 55px;
    margin-top: 10px;
}

ul.checklist > li:hover {
    background: #ffffff none repeat scroll 0% 0%;
    cursor: pointer;
}

ul.checklist > li label {
    font-weight: normal;
    padding: 0px 0px 10px 55px;
    margin: 0;
}

.checkbox label:before {
    padding-top: 2px !important;
    border: 1px solid #9E9E9E !important;
}

select.form-control.form_pagesize {
    padding-left: 5px;
}

.side-nav-container .side-nav .checkbox.checkbox-small {
    padding-left: 2px;
}

.panel-filter.panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-group .panel + .panel {
    margin-bottom: 19px;
    border: none;
}

.panel-filter > .panel-heading {
    padding: 10px 12px;
}

.panel-filter li.checkbox.checkbox-small.top-filter-check {
    padding: 11px 0px 1px 10px;
}

.panel-filter li.checkbox {
    margin: 4px 0;
}

.panel-filter .form-group.checkbox.checkbox-small {
    font-size: 12px;
    color: #666;
    line-height: 19px;
    margin: 10px 0 0;
}

    .panel-filter .form-group.checkbox.checkbox-small input[type="checkbox"]:checked + label:before {
        border-color: #0E8387;
        color: #0E8387;
    }

    .panel-filter .form-group.checkbox.checkbox-small input[type="checkbox"]:focus + label:before {
        border-color: #0E8387;
        color: #0E8387;
        box-shadow: 0px 0px 0px 1px #0E8387;
    }

    .panel-filter .form-group.checkbox.checkbox-small label {
        padding-left: 24px;
    }

.panel-filter > .panel-heading > .panel-title.collapsed:after {
    font-family: "ato-font-family-v2";
    content: "g";
}

.panel-filter > .panel-heading > .panel-title:after {
    font-family: "ato-font-family-v2";
    font-size: 18px;
    content: "h";
    color: #fff;
    float: right;
    position: relative;
    top: 1px;
    right: 0px;
    display: block;
    cursor: context-menu;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    margin-bottom: 19px;
}

.refresh-filter:before {
    content: "k";
    font-family: "ato-font-family-v2";
    font-size: 14px;
    font-weight: 400;
    color: #0b434b;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.panel-filter .panel-body {
    padding: 0 !important;
}

.panel-filter.panel-primary > .panel-heading {
    background-color: #2B3054;
    border-color: #2B3054;
    color: #FFF;
}

.panel-filter.panel-primary {
    border-color: #FFF;
}

.side-nav-container .side-nav ul li {
    background: #FFF none repeat scroll 0% 0%;
}

.side-nav-container .side-nav li > a {
    border: 1px solid transparent;
}

.side-nav-container .side-nav li.currentPage > a:focus {
    border: 1px dotted;
}

.side-nav-container .side-nav li > a:focus {
    border: 1px dotted;
}

.side-nav-container
.side-nav li.currentPage > a:link, .side-nav-container
.side-nav li.currentPage > a:visited {
    color: white;
    font-weight: bold;
    font-size: 18px;
}


/************************************/
/* Home / basic search page styles. */
/************************************/
#law-search-page h1,
#law-search-page h2,
#law-search-page h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.law-search-banner {
    background-color: #2b3054;
    color: #fff;
    border-radius: 0 !important;
}

    .law-search-banner h2 {
        color: #fff;
        padding-left: 0;
    }

.law-search-content ul {
    margin-bottom: 30px !important;
}

.law-search-content li:before {
    font-size: 0.8em !important;
}

.law-search-content li, .law-search-content li a {
    color: #666 !important;
    text-decoration: none;
}

    .law-search-content li:hover, .law-search-content li a:hover {
        color: #4365d9 !important;
        text-decoration: underline;
    }

.law-search-banner #advSearchLink,
.law-search-banner #searchHelpLink {
    color: #fff;
}

.law-search-whatsnew {
    background-color: #F0F0F0;
    padding: 0;
    padding-bottom: 10px;
    border-radius: 0;
    margin: 0 0 30px;
}

#law-adv-search-page label {
    font-size: 1.3em;
}

label#arcLabel {
    font-size: 0.9em;
}

#law-adv-search-page button.form-control {
    color: black;
    padding: 7px 0;
}

#law-adv-search-page div.as-label {
    margin-bottom: 0;
}

#law-adv-search-page h3 {
    color: #002341;
    font-family: "Swiss721BT-Bold", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 30px 0 22px;
    line-height: 24px;
}

#law-search-page .checkbox label:before {
    margin-left: 0;
}

#law-adv-search-page .checkbox label:before {
    margin-left: 0;
    margin-top: 0;
}


/****************************/
/* Browse Tree View styles. */
/****************************/


ul.fancytree-container, ul.fancytree-treefocus {
    border: 0 !important;
    outline: 0 none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


span.fancytree-icon {
    cursor: pointer;
    padding-right: 15px;
}

.browse-tree {
    margin: 15px 10px;
}

    .browse-tree li {
        padding: 7px 5px 0;
    }

        .browse-tree li a {
            font-size: 14px;
            text-decoration: none;
            color: #666;
        }

            .browse-tree li a.focus {
                font-weight: bold;
            }

        .browse-tree li ul li {
            padding-left: 10px;
            border-left: dotted 1px #000;
            margin-left: 6px;
        }

        .browse-tree li ul > li:last-child {
            border-left: 0 solid transparent;
            margin-left: 0;
            padding-left: 0;
        }

            .browse-tree li ul > li:last-child:before {
                padding-left: 5px;
                padding-right: 5px;
                font-family: "ato-font-family-v2";
                content: "-";
            }

        .browse-tree li a span {
            padding-right: 5px;
            position: relative;
            top: 1px;
            display: inline-block;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .browse-tree li a span.plusbox:before {
                font-family: "ato-font-family-v2";
                content: "p";
            }

            .browse-tree li a span.minusbox:before {
                font-family: "ato-font-family-v2";
                content: "d";
            }

            .browse-tree li a span.selected:before {
                font-family: "ato-font-family-v2";
                content: "t"; /* ATO Icon */
            }

/*******************************/
/* Search results View styles. */
/*******************************/
.refine-search-container {
    margin-top: -20px;
}

.resultsList li {
    margin-bottom: 10px;
}

.resultTitle a {
    font-weight: bold;
}

.law-search-result-top h2 {
    margin: 0px;
    padding-top: 8px;
}

.law-search-result-bottom {
    padding-top: 10px;
    border-top: solid 1px #eee;
}

.pagination a {
    text-decoration: none !important;
}

.panel-body label#arcLabel {
    font-size: 0.7em;
}
/**Calendar control */
.form_datetime .input-group-addon {
    background-color: #000 !important;
    color: #FFF !important;
    border: medium none !important;
}

/**** HTML Element****/
/*
main h1 {
    border-bottom: 1px solid #666666;
}
*/

section.law-search-whatsnew a {
    color: #204ad6 !important;
}

    section.law-search-whatsnew a:hover {
        color: #204ad6 !important;
        text-decoration: none;
    }

main a {
    color: #4365d9;
}

    main a:hover {
        color: #4365d9;
        text-decoration: none;
    }

hr {
    border-bottom: 2px solid #000;
}

/** CSS to fix atogov left menu for mobile version ***/

@media screen and (max-width: 767px) {



    .atoforms {
        padding-left: 0;
        padding-right: 0;
    }

    main {
        padding-top: 0px;
    }

    .row.content-top {
        border-bottom: 3px solid #ddd;
        background-color: white;
        position: fixed;
        width: 100%;
        z-index: 50;
        left: 15px;
        top: 56px;
        display: none;
    }

    .print-controls {
        right: 10px;
        position: fixed;
        z-index: 50;
    }

    .side-nav-container {
        margin-top: 0;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .side-nav-container h2 {
            border-bottom: 1px solid #ddd !important;
            left: 8px;
            margin-top: 5px;
            margin-left: -8px;
            font-family: "Swiss721BT-Roman", Arial, Helvetica, sans-serif !important;
            border-bottom: none;
            width: 100%;
            top: 50px;
        }

        .side-nav-container[aria-expanded="false"] h2 {
            border-bottom: 5px solid #0E8387 !important;
        }

        .side-nav-container[aria-expanded="true"] + .col-sm-9 {
            margin-top: 30px;
        }

        .side-nav-container[aria-expanded="true"] .refine-search-heading-wrapper {
            margin-top: 40px;
        }

        .side-nav-container[aria-expanded="false"] .refine-search-heading-wrapper {
            margin-top: 150px;
        }

        .side-nav-container h2.refine-search-heading {
            display: inline-block;
            position: static;
            border-bottom: none !important;
            margin-bottom: 0px !important;
            padding-bottom: 10px !important;
            height: 100%;
        }

    .jumbotron {
        margin-top: 50px !important;
    }

    .dropdown-layout {
        top: 55px !important;
        display: block !important;
    }

    .links-tree {
        padding-top: 56px;
    }

    #main-content .links-tree {
        margin-top: 150px !important;
        margin-left: 0px !important;
        margin-right: 5px !important;
    }

    #applicationHost .links-tree {
        margin-top: 55px !important;
        margin-left: -15px !important;
        margin-right: -10px !important;
    }


    .side-nav-container[aria-expanded="true"] {
        padding-bottom: 15px !important;
    }

    .side-nav-container[aria-expanded="false"] {
        padding-bottom: 15px !important;
    }

    #fancyResultFilter {
        padding-top: 50px !important;
    }

    #law-browse-content {
        padding-top: 50px !important;
    }

    #law-quick-access-page-header {
        padding-top: 50px !important;
    }

    #law-advance-search-page-header {
        padding-top: 50px !important;
    }

    .alert-block {
        padding-top: 40px !important;
    }

    #main-content > section > div > main > div:nth-child(2) > aside > h2 {
        display: none;
    }

    #main-content {
        margin-top: 20px;
    }

    /*.collapse.in {
        display: none;
    }*/


    /*

    .fancyResultFilter {
        padding: 120px;
    }

    #law-search-page, #law-adv-search-page {
        padding-top: 100px;
    }

    #law-adv-search-page {
        padding-top: 140px;
    }

    #law-browse-content {
        padding-top: 120px;
    }


    #law-quick-access-page-header {
        padding-top: 120px;
    }*/
}
/** tooltip*/
/*.tooltip-anchor {
    font-size: 1.22em;
    text-decoration: none !important;
    color: #666666;
    vertical-align: middle;
}
.icon-tooltip:before {
    content: "\E085";
}*/
/*multi-select*/
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.categories-container-adv {
    border-radius: 2px;
    border: 1px solid #9E9E9E;
}

.categories-container-dropdown {
    border-radius: 2px;
    border: 1px solid #9E9E9E;
    display: none;
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 16px;
    background: #F0F0F0 none repeat scroll 0% 0%;
    width: 100%;
}

.multiselect.dropdown-toggle.btn.btn-default {
    border-radius: 2px;
    box-shadow: none;
    height: 40px;
    /* border: 1px solid #979797; */
    background: #FFF none repeat scroll 0% 0%;
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
    border: none;
}

    .multiselect.dropdown-toggle.btn.btn-default.tree {
        border-radius: 2px;
        box-shadow: none;
        height: 40px;
        border: 1px solid #979797 !important;
        background: #FFF none repeat scroll 0% 0%;
        width: 100%;
        margin-bottom: 0px;
        overflow: hidden;
        display: block;
        padding-left: 12px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

        .multiselect.dropdown-toggle.btn.btn-default.tree:focus {
            border: 2px solid #0E8387 !important;
        }

.multiselect-selected-text {
    float: left;
    vertical-align: middle;
    position: relative;
    color: #262626;
}

.multiselect.dropdown-toggle.btn.btn-default:after {
    content: "g";
    background: #0E8387 none repeat scroll 0% 0%;
    color: #FFF;
    padding: 8px 10px 8px 10px;
    font-size: 24px;
    position: absolute;
    right: -1px;
    top: -2px;
    bottom: 0px;
    z-index: 1;
    font-family: "ato-font-family-v2";
    pointer-events: none;
    border-radius: 0px 2px 2px 0px;
    margin: 0px;
    font-weight: bold;
}

.multiselect-container > li.multiselect-group label {
    margin: 0;
    padding: 3px 0 0 5px;
    height: 30px;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #FFF;
    background: #a8a8ad;
    width: 100%;
}

    .multiselect-container > li.multiselect-group label:before {
        content: "v";
        font-family: "ato-font-family-v2";
        font-size: 18px;
        position: relative;
        top: 2px;
    }

.multiselect-container > li > a > label {
    padding-left: 30px !important;
}

    .multiselect-container > li > a > label > input[type=checkbox] {
        opacity: inherit !important;
        position: absolute;
        left: 0px;
    }

.multiselect-container > .dropdown-menu > li > a {
    text-decoration: none;
}

    .multiselect-container > .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #cccccc;
    }

.multiselect.dropdown-toggle.btn.btn-default .caret {
    display: none;
}

.multiselect-container > li > a {
    text-decoration: none;
}

.multiselect-container.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f0f0f0;
    outline: 0px none;
}


.multiselect-container.dropdown-menu .active a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #cccccc;
    border: 1px solid #0E8387;
    /*new stuff*/
}

.multiselect-container.dropdown-menu a label:before {
    content: "";
    font-family: "ato-font-family-v2";
    line-height: 20px;
    border: 1px solid #04545D;
    font-size: 1.7rem;
    height: 1.7rem;
    width: 1.7rem;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    left: 0px;
    z-index: 2;
}

.multiselect-container li a label input[type="checkbox"] {
    opacity: inherit;
    position: absolute;
    left: 0px;
    display: none;
}

.multiselect-container.dropdown-menu .active a label:before {
    content: "\E0AC";
    font-family: "ato-font-family-v2";
    color: #0E8387;
    border-color: #0E8387;
}

.multiselect-container :focus, .multiselect-container .form-control:focus {
    box-shadow: none;
}

.btn-law-search {
    float: left !important;
}

.btn-law-clear {
    border: 0 none !important;
    /*
    outline: 0 none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;   
    */
}

.url-law-searchHelp {
    padding-top: 10px;
    padding-right: 5px !important;
}

    .url-law-searchHelp a {
        padding: 5px;
        border: solid 1px transparent;
    }

        .url-law-searchHelp a:focus {
            border: solid 1px #0E8387;
        }

.url-law-searchRestore {
    padding-top: 30px;
    padding-right: 20px !important;
}

    .url-law-searchRestore a {
        padding: 5px;
        border: solid 1px transparent;
    }

        .url-law-searchRestore a:focus {
            border: solid 1px #0E8387;
        }

.control-label.law-search {
    font-size: 1.7rem;
}

.btn-search {
    float: left !important;
}

    .btn-search.btn-primary {
        font-size: 18px;
        border: 1px solid #0E8387;
    }

        .btn-search.btn-primary:hover {
            background: #EAEDEE;
            color: #000;
        }

.btn-help {
    padding-top: 0px !important;
    vertical-align: middle !important;
}

    .btn-help:focus {
        border: 2px solid #0E8387;
    }

.jumbotron {
    padding-top: 25px;
    padding-bottom: 25px;
}

.searchResultHeader {
    margin-top: 0px;
    margin-bottom: 0px;
}

.alert {
    margin-top: 20px;
    margin-bottom: 5px;
}

h2.searchWithinHeader {
    margin-top: 0px;
    margin-bottom: 10px;
}

ul.li-fancytree-container {
    white-space: normal !important;
}

ul.fancytree-container {
    white-space: normal !important;
    display: block !important;
    /*font-size: 1.2rem !important;*/
}

span.fancytree-node {
    display: flex !important;
}

span.fancytree-title {
    display: inline !important;
}

div#filterTree * span.fancytree-title {
    font-size: smaller !important;
}

span.fancytree-checkbox, span.fancytree-expander {
    padding-right: 15px !important;
    width: 0px !important;
}

div#filterTree > ul > li > span > span.fancytree-title,
div#filterTree > ul > li > ul > li > span > span.fancytree-title {
    font-weight: bold !important;
}

/*span.fancytree-expander span.fancytree-checkbox {
    display: inline !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}*/

@media screen and (min-width:1200px) {
    .layout-content-box {
        max-width: 1600px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

#filterButton {
    padding: 10px;
    width: 100%;
    float: left !important;
}