body {
    padding: 0;
    margin: 0;
    font-size: small;
    width: 99%;
    font-family: Arial;
    background-color: White;
    background-image: url('../images/difsBG_414331_7.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
}

#mainWrapper {
    background-color: #ffffff;
}

/*override container widths (making slightly larger when possible)*/
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}

.center {
    text-align: center;
}

.img-responsive {
    width: 100%;
}

#toTop {
    width: 100px;
    border: 1px solid #808080;
    background: #f7f7f7;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

    #toTop a {
        text-decoration: none;
    }

.hideTop {
    text-decoration: none;
    font-size: 90%;
}

/*error message labels and validators*/
.error {
    color: #A94442;
    font-weight: bold;
}

.requiredNote {
    font-size: medium;
}

.required {
    font-weight: bold;
    color: #A94442;
}

.requiredField {
    background-color: #fffbf7;
}

.errorField {
    border-color: #a94442;
    background-color: #fbe2e2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.col_left {
    text-align: left;
}

/*overides for fieldset legend*/
fieldset {
    border: 1px solid #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

legend {
    padding: 0 10px;
    border: none;
    width: inherit;
    margin-bottom: 0;
}

.fieldset_spacing {
    margin-bottom: 5px;
}

.fieldset-blue {
    border: 1px solid #6b96b7 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #6b96b7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .fieldset-blue .legend {
        padding: 0 10px;
        border: none;
        width: inherit;
        margin-bottom: 0;
    }

.fieldset-hidden {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding: 0;
    margin: 0;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .fieldset-hidden legend {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

.fieldset-noborder {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding: 0;
    margin: 0;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.breadcrumb {
    margin: 0 7px;
}

@media (min-width: 768px) {
    .breadcrumb {
        float: left;
        margin: 7px 10px;
    }
}

/*PRINTING OVERRIDES*/
@media print {
    a[href]:after {
        content: none;
    }

    abbr[title]:after {
        content: none;
    }
}

/*override for bootstrap nav bar to add visual focus for keyboard users*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: #fff;
}

/*override e-mich all link rule for navbar so there is no underline*/

.navbar-default .navbar-nav a {
    text-decoration: none;
}

/*override e-mich all link rule for links with btn class applies*/
a.btn {
    text-decoration: none;
}

/*override bootstrap help block to be a bit darker text*/
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #5b5b5b;
}

/*WIZARD TABS - 6 STEPS*/
.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    pointer-events: none;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555555;
    }

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #11568b;
}

    .wizard li.active span.round-tab i {
        color: #11568b;
    }

.wizard .nav-tabs > li {
    width: 20%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #77b222;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #77b222;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 10px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
/*END WIZARD TABS*/

/*COLORIZED BORDER BUTTONS*/
.btn-info-outline {
    color: #3b3b3b;
    background-color: #FFFFFF;
    border-color: #396a90;
}

    .btn-info-outline:hover,
    .btn-info-outline:focus,
    .btn-info-outline:active,
    .btn-info-outline.active,
    .open .dropdown-toggle.btn-info-outline {
        /*color: #3b3b3b;*/
        color: #ffffff;
        background-color: #325c7d;
        border-color: #396a90;
    }

    .btn-info-outline:active,
    .btn-info-outline.active,
    .open .dropdown-toggle.btn-info-outline {
        background-image: none;
    }

    .btn-info-outline.disabled,
    .btn-info-outline[disabled],
    fieldset[disabled] .btn-info-outline,
    .btn-info-outline.disabled:hover,
    .btn-info-outline[disabled]:hover,
    fieldset[disabled] .btn-info-outline:hover,
    .btn-info-outline.disabled:focus,
    .btn-info-outline[disabled]:focus,
    fieldset[disabled] .btn-info-outline:focus,
    .btn-info-outline.disabled:active,
    .btn-info-outline[disabled]:active,
    fieldset[disabled] .btn-info-outline:active,
    .btn-info-outline.disabled.active,
    .btn-info-outline[disabled].active,
    fieldset[disabled] .btn-info-outline.active {
        color: #3b3b3b;
        background-color: #FFFFFF;
        border-color: #396a90;
    }

    .btn-info-outline .badge {
        color: #FFFFFF;
        background-color: #396a90;
    }

.btn-primary-outline {
    color: #3b3b3b;
    background-color: #FFFFFF;
    border-color: #285e8e;
}

    .btn-primary-outline:hover,
    .btn-primary-outline:focus,
    .btn-primary-outline:active,
    .btn-primary-outline.active,
    .open .dropdown-toggle.btn-primary-outline {
        /*color: #3b3b3b;*/
        color: #ffffff;
        background-color: #0b3a5e;
        border-color: #0e4874;
    }

    .btn-primary-outline:active,
    .btn-primary-outline.active,
    .open .dropdown-toggle.btn-primary-outline {
        background-image: none;
    }

    .btn-primary-outline.disabled,
    .btn-primary-outline[disabled],
    fieldset[disabled] .btn-primary-outline,
    .btn-primary-outline.disabled:hover,
    .btn-primary-outline[disabled]:hover,
    fieldset[disabled] .btn-primary-outline:hover,
    .btn-primary-outline.disabled:focus,
    .btn-primary-outline[disabled]:focus,
    fieldset[disabled] .btn-primary-outline:focus,
    .btn-primary-outline.disabled:active,
    .btn-primary-outline[disabled]:active,
    fieldset[disabled] .btn-primary-outline:active,
    .btn-primary-outline.disabled.active,
    .btn-primary-outline[disabled].active,
    fieldset[disabled] .btn-primary-outline.active {
        color: #3b3b3b;
        background-color: #FFFFFF;
        border-color: #0e4874;
    }

    .btn-primary-outline .badge {
        color: #FFFFFF;
        background-color: #0e4874;
    }

.btn-success-outline {
    color: #3b3b3b;
    background-color: #FFFFFF;
    border-color: #6a9f3b;
}

    .btn-success-outline:hover,
    .btn-success-outline:focus,
    .btn-success-outline:active,
    .btn-success-outline.active,
    .open .dropdown-toggle.btn-success-outline {
        /*color: #3b3b3b;*/
        color: #ffffff;
        background-color: #5d8d34;
        border-color: #6a9f3b;
    }

    .btn-success-outline:active,
    .btn-success-outline.active,
    .open .dropdown-toggle.btn-success-outline {
        background-image: none;
    }

    .btn-success-outline.disabled,
    .btn-success-outline[disabled],
    fieldset[disabled] .btn-success-outline,
    .btn-success-outline.disabled:hover,
    .btn-success-outline[disabled]:hover,
    fieldset[disabled] .btn-success-outline:hover,
    .btn-success-outline.disabled:focus,
    .btn-success-outline[disabled]:focus,
    fieldset[disabled] .btn-success-outline:focus,
    .btn-success-outline.disabled:active,
    .btn-success-outline[disabled]:active,
    fieldset[disabled] .btn-success-outline:active,
    .btn-success-outline.disabled.active,
    .btn-success-outline[disabled].active,
    fieldset[disabled] .btn-success-outline.active {
        color: #3b3b3b;
        background-color: #FFFFFF;
        border-color: #6a9f3b;
    }

    .btn-success-outline .badge {
        color: #FFFFFF;
        background-color: #6a9f3b;
    }

.btn-warning-outline {
    color: #3b3b3b;
    background-color: #FFFFFF;
    border-color: #eeb036;
}

    .btn-warning-outline:hover,
    .btn-warning-outline:focus,
    .btn-warning-outline:active,
    .btn-warning-outline.active,
    .open .dropdown-toggle.btn-warning-outline {
        /*color: #3b3b3b;*/
        color: #ffffff;
        background-color: #eca61f;
        border-color: #eeb036;
    }

    .btn-warning-outline:active,
    .btn-warning-outline.active,
    .open .dropdown-toggle.btn-warning-outline {
        background-image: none;
    }

    .btn-warning-outline.disabled,
    .btn-warning-outline[disabled],
    fieldset[disabled] .btn-warning-outline,
    .btn-warning-outline.disabled:hover,
    .btn-warning-outline[disabled]:hover,
    fieldset[disabled] .btn-warning-outline:hover,
    .btn-warning-outline.disabled:focus,
    .btn-warning-outline[disabled]:focus,
    fieldset[disabled] .btn-warning-outline:focus,
    .btn-warning-outline.disabled:active,
    .btn-warning-outline[disabled]:active,
    fieldset[disabled] .btn-warning-outline:active,
    .btn-warning-outline.disabled.active,
    .btn-warning-outline[disabled].active,
    fieldset[disabled] .btn-warning-outline.active {
        color: #3b3b3b;
        background-color: #FFFFFF;
        border-color: #eeb036;
    }

    .btn-warning-outline .badge {
        color: #FFFFFF;
        background-color: #eeb036;
    }

.btn-danger-outline {
    color: #3b3b3b;
    background-color: #FFFFFF;
    border-color: #b73f3b;
}

    .btn-danger-outline:hover,
    .btn-danger-outline:focus,
    .btn-danger-outline:active,
    .btn-danger-outline.active,
    .open .dropdown-toggle.btn-danger-outline {
        /*color: #3b3b3b;*/
        color: #ffffff;
        background-color: #a43834;
        border-color: #b73f3b;
    }

    .btn-danger-outline:active,
    .btn-danger-outline.active,
    .open .dropdown-toggle.btn-danger-outline {
        background-image: none;
    }

    .btn-danger-outline.disabled,
    .btn-danger-outline[disabled],
    fieldset[disabled] .btn-danger-outline,
    .btn-danger-outline.disabled:hover,
    .btn-danger-outline[disabled]:hover,
    fieldset[disabled] .btn-danger-outline:hover,
    .btn-danger-outline.disabled:focus,
    .btn-danger-outline[disabled]:focus,
    fieldset[disabled] .btn-danger-outline:focus,
    .btn-danger-outline.disabled:active,
    .btn-danger-outline[disabled]:active,
    fieldset[disabled] .btn-danger-outline:active,
    .btn-danger-outline.disabled.active,
    .btn-danger-outline[disabled].active,
    fieldset[disabled] .btn-danger-outline.active {
        color: #3b3b3b;
        background-color: #FFFFFF;
        border-color: #b73f3b;
    }

    .btn-danger-outline .badge {
        color: #FFFFFF;
        background-color: #b73f3b;
    }
/*END COLORIZED BORDER BUTTONS*/


/*CALLOUTS*/
.bs-callout {
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #ddd;
    border-left-width: 10px;
    border-radius: 5px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-danger {
    border-left-color: #b73f3b;
}

    .bs-callout-danger h4 {
        color: #b73f3b;
    }

.bs-callout-warning {
    border-left-color: #eeb036;
}

    .bs-callout-warning h4 {
        color: #eeb036;
    }

.bs-callout-info {
    border-left-color: #396a90;
}

    .bs-callout-info h4 {
        color: #396a90;
    }

.bs-callout-success {
    border-left-color: #6a9f3b;
}

    .bs-callout-success h4 {
        color: #6a9f3b;
    }
/*END CALLOUTS*/

/*custom tooltip colors*/
.tooltip-inverse + .tooltip .tooltip-inner {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #242424;
    border: solid 1px;
    background-repeat: repeat-x;
    border-color: #242424;
}

.tooltip-inverse + .tooltip.top .tooltip-arrow,
.tooltip-inverse + .tooltip.top-left .tooltip-arrow,
.tooltip-inverse + .tooltip.top-right .tooltip-arrow {
    border-top-color: #242424;
}

.tooltip-inverse + .tooltip.bottom .tooltip-arrow,
.tooltip-inverse + .tooltip.bottom-left .tooltip-arrow,
.tooltip-inverse + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #242424;
}

.tooltip-inverse + .tooltip.right .tooltip-arrow {
    border-right-color: #242424;
}

.tooltip-inverse + .tooltip.left .tooltip-arrow {
    border-left-color: #242424;
}




.tooltip-info + .tooltip .tooltip-inner {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    background-repeat: repeat-x;
    border-color: #9acfea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
}

.tooltip-info + .tooltip.top .tooltip-arrow,
.tooltip-info + .tooltip.top-left .tooltip-arrow,
.tooltip-info + .tooltip.top-right .tooltip-arrow {
    border-top-color: #bce8f1;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow,
.tooltip-info + .tooltip.bottom-left .tooltip-arrow,
.tooltip-info + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #bce8f1;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #bce8f1;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #bce8f1;
}

.tooltip-danger + .tooltip .tooltip-inner {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
}

.tooltip-danger + .tooltip.top .tooltip-arrow,
.tooltip-danger + .tooltip.top-left .tooltip-arrow,
.tooltip-danger + .tooltip.top-right .tooltip-arrow {
    border-top-color: #ebccd1;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-left .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ebccd1;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #ebccd1;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #ebccd1;
}

.tooltip-warning + .tooltip .tooltip-inner {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
}

.tooltip-warning + .tooltip.top .tooltip-arrow,
.tooltip-warning + .tooltip.top-left .tooltip-arrow,
.tooltip-warning + .tooltip.top-right .tooltip-arrow {
    border-top-color: #faebcc;
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-left .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #faebcc;
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #faebcc;
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #faebcc;
}

.tooltip-success + .tooltip .tooltip-inner {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
}

.tooltip-success + .tooltip.top .tooltip-arrow,
.tooltip-success + .tooltip.top-left .tooltip-arrow,
.tooltip-success + .tooltip.top-right .tooltip-arrow {
    border-top-color: #d6e9c6;
}

.tooltip-success + .tooltip.bottom .tooltip-arrow,
.tooltip-success + .tooltip.bottom-left .tooltip-arrow,
.tooltip-success + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #d6e9c6;
}

.tooltip-success + .tooltip.right .tooltip-arrow {
    border-right-color: #d6e9c6;
}

.tooltip-success + .tooltip.left .tooltip-arrow {
    border-left-color: #d6e9c6;
}

.tooltip-grayscale + .tooltip .tooltip-inner {
    color: #535252;
    background-color: #f5f5f5;
    border-color: #ccc;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #ccc 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #ccc 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ccc', GradientType=0);
}

.tooltip-grayscale + .tooltip.top .tooltip-arrow,
.tooltip-grayscale + .tooltip.top-left .tooltip-arrow,
.tooltip-grayscale + .tooltip.top-right .tooltip-arrow {
    border-top-color: #ccc;
}

.tooltip-grayscale + .tooltip.bottom .tooltip-arrow,
.tooltip-grayscale + .tooltip.bottom-left .tooltip-arrow,
.tooltip-grayscale + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ccc;
}

.tooltip-grayscale + .tooltip.right .tooltip-arrow {
    border-right-color: #ccc;
}

.tooltip-grayscale + .tooltip.left .tooltip-arrow {
    border-left-color: #ccc;
}

.loadingModal {
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.loadingDiv {
    text-align: center;
    color: #303030;
    height: 150px;
    width: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -75px;
    padding-top: 25px;
    background-color: rgb(238,238,238);
    border: 4px solid #2c2c2c;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    z-index: 5000;
}

.spinner {
    background: -webkit-linear-gradient(#11568B, #77B222);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reviewTable th {
    background-color: #f5f5f5;
    color: #333333;
}

.tooltip {
    z-index: 1000;
}

.text-large {
    font-size: large;
}

.questionBox {
    background-image: linear-gradient(to bottom right, #49789c, #99bedb);
    border-radius: 50px;
    border: 5px solid #1c4565;
    padding: 20px;
    color: #ffffff;
    font-size: x-large;
}

    .questionBox .btn {
        font-size: large;
    }

.label-small-text {
    font-size: small;
}

/*OVERRIDE EMICH TH HEADER FOR DATEPICKERS*/

div.datepicker-days th {
    background-color: white;
    color: #161616;
}

#fileUpload {
    display: none;
}

.scrollHorizontal {
    overflow-x: auto;
}