.check, .radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

.sidebar {
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    overflow: auto
}

.bar-block .dropdown-hover, .bar-block .dropdown-click {
    width: 100%
}

    .bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content {
        min-width: 100%
    }

    .bar-block .dropdown-hover .button, .bar-block .dropdown-click .button {
        width: 100%;
        text-align: left;
        padding: 8px 16px
    }

.main, #main {
    transition: margin-left .4s
}

.modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4)
}

.modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

.bar {
    width: 100%;
    overflow: hidden
}

.center .bar {
    display: inline-block;
    width: auto
}

.bar .bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    outline: none;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.bar .dropdown-hover, .bar .dropdown-click {
    position: static;
    float: left
}

.bar .button {
    white-space: normal
}

.bar-block .bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    outline: none;
    white-space: normal;
    float: none
}

.bar-block.center .bar-item {
    text-align: center
}

.block {
    display: block;
    width: 100%
}

.responsive {
    overflow-x: auto
}

.border_btm {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}

.margin_btm {
    margin-bottom: 5px !important;
}

.margin_btm_p {
    margin: 10px 0 !important;
    padding: 10px 0;
}