
.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;
    max-width: 600px;
    width: 100%;
}
.modal-dialog {
    margin: 20px auto!important;
}
.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;}
