html { min-height: 100%; height: 100%; } body.has-drawer { min-height: 100%; height: 100%; } .has-drawer { position: relative; } .drawer { display: block; background-color: #f8f8f8; color: #333333; border-right: 1px solid #dfdfdf; height: 100%; top: 0; left: 0; position: fixed; z-index: 1035; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .drawer-contents, .drawer-heading, .drawer-body, .drawer-nav, .drawer-footer { display: inherit; margin: 0; width: 100%; position: relative; } .drawer.drawer-right { left: auto; right: 0; border-right: none; border-left: 1px solid #dfdfdf; -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05); } .drawer.drawer-inverse { background-color: #333333; color: #eeeeee; border-right: 1px solid #1a1a1a; } .drawer.drawer-inverse.drawer-right { border-right: 1px solid #dfdfdf; } .drawer-controls { float: right; margin-right: -16.66666667%; padding: 10px; height: 100%; position: relative; width: 16.66666667%; z-index: 500; } .drawer-contents { background-color: #f8f8f8; height: 100%; width: 100%; overflow: auto; } .drawer-right .drawer-controls { float: left; margin-left: -16.66666667%; margin-right: 0; } .drawer-heading { border-bottom: 1px solid #dfdfdf; padding: 10px 15px; color: inherit; } .drawer-heading .drawer-title { margin-top: 0; margin-bottom: 0; } .drawer-inner-toggle { position: absolute; top: 10px; right: 10px; } .drawer-body, .drawer-nav { padding: 10px 15px; } .drawer-nav, .drawer-fullnav { padding: 10px 15px; margin-bottom: 0; list-style: none; } .drawer-nav > li, .drawer-fullnav > li { position: relative; display: block; width: 100%; margin-bottom: 5px; } .drawer-nav > li a, .drawer-fullnav > li a { color: #777777; border-radius: 4px; position: relative; display: block; padding: 10px 15px; } .drawer-nav > li a:hover, .drawer-fullnav > li a:hover, .drawer-nav > li a:focus, .drawer-fullnav > li a:focus { color: #515151; text-decoration: none; background-color: #ffffff; } .drawer-nav > li.active a, .drawer-fullnav > li.active a { color: #515151; background-color: #ffffff; } .drawer-fullnav { color: #ffffff; padding: 0; } .drawer-fullnav > li { margin-bottom: 0; } .drawer-fullnav > li a { border-radius: 0; } .drawer.drawer-inverse .drawer-contents { background-color: #333333; } .drawer.drawer-inverse .drawer-fullnav > li a, .drawer.drawer-inverse .drawer-nav > li a { color: #ffffff; padding: 10px 15px; } .drawer.drawer-inverse .drawer-fullnav > li a:hover, .drawer.drawer-inverse .drawer-nav > li a:hover, .drawer.drawer-inverse .drawer-fullnav > li a:focus, .drawer.drawer-inverse .drawer-nav > li a:focus { color: #eeeeee; background-color: #1a1a1a; } .drawer.drawer-inverse .drawer-fullnav > li.active a, .drawer.drawer-inverse .drawer-nav > li.active a { color: #eeeeee; background-color: #1a1a1a; } .drawer.drawer-inverse .drawer-fullnav > li.active a:hover, .drawer.drawer-inverse .drawer-nav > li.active a:hover, .drawer.drawer-inverse .drawer-fullnav > li.active a:focus, .drawer.drawer-inverse .drawer-nav > li.active a:focus { color: #eeeeee; background-color: #1a1a1a; } .drawer-footer { padding: 10px 15px; } .drawer-footer.locked { position: absolute; bottom: 0; left: 0; } .dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1, .dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2, .dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3, .dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4, .dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5, .dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6, .dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7, .dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8, .dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9, .dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10, .dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11, .dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12 { min-height: 1px; height: 100%; } .dw-xs-12 { width: 100%; } .drawer.fold.dw-xs-12 { margin-left: -100%; margin-right: 0; } .drawer.folding.dw-xs-12 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-12 { margin-left: 0; margin-right: -100%; } .drawer.drawer-right.fold.dw-xs-12 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-12, .drawer.drawer-right.fold.open.dw-xs-12 { margin-right: 0; margin-left: 0; } .dw-xs-11 { width: 91.66666667%; } .drawer.fold.dw-xs-11 { margin-left: -91.66666667%; margin-right: 0; } .drawer.folding.dw-xs-11 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-11 { margin-left: 0; margin-right: -91.66666667%; } .drawer.drawer-right.fold.dw-xs-11 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-11, .drawer.drawer-right.fold.open.dw-xs-11 { margin-right: 0; margin-left: 0; } .dw-xs-10 { width: 83.33333333%; } .drawer.fold.dw-xs-10 { margin-left: -83.33333333%; margin-right: 0; } .drawer.folding.dw-xs-10 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-10 { margin-left: 0; margin-right: -83.33333333%; } .drawer.drawer-right.fold.dw-xs-10 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-10, .drawer.drawer-right.fold.open.dw-xs-10 { margin-right: 0; margin-left: 0; } .dw-xs-9 { width: 75%; } .drawer.fold.dw-xs-9 { margin-left: -75%; margin-right: 0; } .drawer.folding.dw-xs-9 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-9 { margin-left: 0; margin-right: -75%; } .drawer.drawer-right.fold.dw-xs-9 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-9, .drawer.drawer-right.fold.open.dw-xs-9 { margin-right: 0; margin-left: 0; } .dw-xs-8 { width: 66.66666667%; } .drawer.fold.dw-xs-8 { margin-left: -66.66666667%; margin-right: 0; } .drawer.folding.dw-xs-8 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-8 { margin-left: 0; margin-right: -66.66666667%; } .drawer.drawer-right.fold.dw-xs-8 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-8, .drawer.drawer-right.fold.open.dw-xs-8 { margin-right: 0; margin-left: 0; } .dw-xs-7 { width: 58.33333333%; } .drawer.fold.dw-xs-7 { margin-left: -58.33333333%; margin-right: 0; } .drawer.folding.dw-xs-7 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-7 { margin-left: 0; margin-right: -58.33333333%; } .drawer.drawer-right.fold.dw-xs-7 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-7, .drawer.drawer-right.fold.open.dw-xs-7 { margin-right: 0; margin-left: 0; } .dw-xs-6 { width: 50%; } .drawer.fold.dw-xs-6 { margin-left: -50%; margin-right: 0; } .drawer.folding.dw-xs-6 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-6 { margin-left: 0; margin-right: -50%; } .drawer.drawer-right.fold.dw-xs-6 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-6, .drawer.drawer-right.fold.open.dw-xs-6 { margin-right: 0; margin-left: 0; } .dw-xs-5 { width: 41.66666667%; } .drawer.fold.dw-xs-5 { margin-left: -41.66666667%; margin-right: 0; } .drawer.folding.dw-xs-5 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-5 { margin-left: 0; margin-right: -41.66666667%; } .drawer.drawer-right.fold.dw-xs-5 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-5, .drawer.drawer-right.fold.open.dw-xs-5 { margin-right: 0; margin-left: 0; } .dw-xs-4 { width: 33.33333333%; } .drawer.fold.dw-xs-4 { margin-left: -33.33333333%; margin-right: 0; } .drawer.folding.dw-xs-4 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-4 { margin-left: 0; margin-right: -33.33333333%; } .drawer.drawer-right.fold.dw-xs-4 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-4, .drawer.drawer-right.fold.open.dw-xs-4 { margin-right: 0; margin-left: 0; } .dw-xs-3 { width: 25%; } .drawer.fold.dw-xs-3 { margin-left: -25%; margin-right: 0; } .drawer.folding.dw-xs-3 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-3 { margin-left: 0; margin-right: -25%; } .drawer.drawer-right.fold.dw-xs-3 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-3, .drawer.drawer-right.fold.open.dw-xs-3 { margin-right: 0; margin-left: 0; } .dw-xs-2 { width: 16.66666667%; } .drawer.fold.dw-xs-2 { margin-left: -16.66666667%; margin-right: 0; } .drawer.folding.dw-xs-2 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-2 { margin-left: 0; margin-right: -16.66666667%; } .drawer.drawer-right.fold.dw-xs-2 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-2, .drawer.drawer-right.fold.open.dw-xs-2 { margin-right: 0; margin-left: 0; } .dw-xs-1 { width: 8.33333333%; } .drawer.fold.dw-xs-1 { margin-left: -8.33333333%; margin-right: 0; } .drawer.folding.dw-xs-1 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-xs-1 { margin-left: 0; margin-right: -8.33333333%; } .drawer.drawer-right.fold.dw-xs-1 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-xs-1, .drawer.drawer-right.fold.open.dw-xs-1 { margin-right: 0; margin-left: 0; } @media (min-width: 768px) { .dw-sm-12 { width: 100%; } .drawer.fold.dw-sm-12 { margin-left: -100%; margin-right: 0; } .drawer.folding.dw-sm-12 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-12 { margin-left: 0; margin-right: -100%; } .drawer.drawer-right.fold.dw-sm-12 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-12, .drawer.drawer-right.fold.open.dw-sm-12 { margin-right: 0; margin-left: 0; } .dw-sm-11 { width: 91.66666667%; } .drawer.fold.dw-sm-11 { margin-left: -91.66666667%; margin-right: 0; } .drawer.folding.dw-sm-11 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-11 { margin-left: 0; margin-right: -91.66666667%; } .drawer.drawer-right.fold.dw-sm-11 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-11, .drawer.drawer-right.fold.open.dw-sm-11 { margin-right: 0; margin-left: 0; } .dw-sm-10 { width: 83.33333333%; } .drawer.fold.dw-sm-10 { margin-left: -83.33333333%; margin-right: 0; } .drawer.folding.dw-sm-10 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-10 { margin-left: 0; margin-right: -83.33333333%; } .drawer.drawer-right.fold.dw-sm-10 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-10, .drawer.drawer-right.fold.open.dw-sm-10 { margin-right: 0; margin-left: 0; } .dw-sm-9 { width: 75%; } .drawer.fold.dw-sm-9 { margin-left: -75%; margin-right: 0; } .drawer.folding.dw-sm-9 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-9 { margin-left: 0; margin-right: -75%; } .drawer.drawer-right.fold.dw-sm-9 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-9, .drawer.drawer-right.fold.open.dw-sm-9 { margin-right: 0; margin-left: 0; } .dw-sm-8 { width: 66.66666667%; } .drawer.fold.dw-sm-8 { margin-left: -66.66666667%; margin-right: 0; } .drawer.folding.dw-sm-8 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-8 { margin-left: 0; margin-right: -66.66666667%; } .drawer.drawer-right.fold.dw-sm-8 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-8, .drawer.drawer-right.fold.open.dw-sm-8 { margin-right: 0; margin-left: 0; } .dw-sm-7 { width: 58.33333333%; } .drawer.fold.dw-sm-7 { margin-left: -58.33333333%; margin-right: 0; } .drawer.folding.dw-sm-7 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-7 { margin-left: 0; margin-right: -58.33333333%; } .drawer.drawer-right.fold.dw-sm-7 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-7, .drawer.drawer-right.fold.open.dw-sm-7 { margin-right: 0; margin-left: 0; } .dw-sm-6 { width: 50%; } .drawer.fold.dw-sm-6 { margin-left: -50%; margin-right: 0; } .drawer.folding.dw-sm-6 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-6 { margin-left: 0; margin-right: -50%; } .drawer.drawer-right.fold.dw-sm-6 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-6, .drawer.drawer-right.fold.open.dw-sm-6 { margin-right: 0; margin-left: 0; } .dw-sm-5 { width: 41.66666667%; } .drawer.fold.dw-sm-5 { margin-left: -41.66666667%; margin-right: 0; } .drawer.folding.dw-sm-5 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-5 { margin-left: 0; margin-right: -41.66666667%; } .drawer.drawer-right.fold.dw-sm-5 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-5, .drawer.drawer-right.fold.open.dw-sm-5 { margin-right: 0; margin-left: 0; } .dw-sm-4 { width: 33.33333333%; } .drawer.fold.dw-sm-4 { margin-left: -33.33333333%; margin-right: 0; } .drawer.folding.dw-sm-4 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-4 { margin-left: 0; margin-right: -33.33333333%; } .drawer.drawer-right.fold.dw-sm-4 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-4, .drawer.drawer-right.fold.open.dw-sm-4 { margin-right: 0; margin-left: 0; } .dw-sm-3 { width: 25%; } .drawer.fold.dw-sm-3 { margin-left: -25%; margin-right: 0; } .drawer.folding.dw-sm-3 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-3 { margin-left: 0; margin-right: -25%; } .drawer.drawer-right.fold.dw-sm-3 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-3, .drawer.drawer-right.fold.open.dw-sm-3 { margin-right: 0; margin-left: 0; } .dw-sm-2 { width: 16.66666667%; } .drawer.fold.dw-sm-2 { margin-left: -16.66666667%; margin-right: 0; } .drawer.folding.dw-sm-2 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-2 { margin-left: 0; margin-right: -16.66666667%; } .drawer.drawer-right.fold.dw-sm-2 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-2, .drawer.drawer-right.fold.open.dw-sm-2 { margin-right: 0; margin-left: 0; } .dw-sm-1 { width: 8.33333333%; } .drawer.fold.dw-sm-1 { margin-left: -8.33333333%; margin-right: 0; } .drawer.folding.dw-sm-1 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-sm-1 { margin-left: 0; margin-right: -8.33333333%; } .drawer.drawer-right.fold.dw-sm-1 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-sm-1, .drawer.drawer-right.fold.open.dw-sm-1 { margin-right: 0; margin-left: 0; } } @media (min-width: 992px) { .dw-md-12 { width: 100%; } .drawer.fold.dw-md-12 { margin-left: -100%; margin-right: 0; } .drawer.folding.dw-md-12 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-12 { margin-left: 0; margin-right: -100%; } .drawer.drawer-right.fold.dw-md-12 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-12, .drawer.drawer-right.fold.open.dw-md-12 { margin-right: 0; margin-left: 0; } .dw-md-11 { width: 91.66666667%; } .drawer.fold.dw-md-11 { margin-left: -91.66666667%; margin-right: 0; } .drawer.folding.dw-md-11 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-11 { margin-left: 0; margin-right: -91.66666667%; } .drawer.drawer-right.fold.dw-md-11 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-11, .drawer.drawer-right.fold.open.dw-md-11 { margin-right: 0; margin-left: 0; } .dw-md-10 { width: 83.33333333%; } .drawer.fold.dw-md-10 { margin-left: -83.33333333%; margin-right: 0; } .drawer.folding.dw-md-10 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-10 { margin-left: 0; margin-right: -83.33333333%; } .drawer.drawer-right.fold.dw-md-10 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-10, .drawer.drawer-right.fold.open.dw-md-10 { margin-right: 0; margin-left: 0; } .dw-md-9 { width: 75%; } .drawer.fold.dw-md-9 { margin-left: -75%; margin-right: 0; } .drawer.folding.dw-md-9 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-9 { margin-left: 0; margin-right: -75%; } .drawer.drawer-right.fold.dw-md-9 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-9, .drawer.drawer-right.fold.open.dw-md-9 { margin-right: 0; margin-left: 0; } .dw-md-8 { width: 66.66666667%; } .drawer.fold.dw-md-8 { margin-left: -66.66666667%; margin-right: 0; } .drawer.folding.dw-md-8 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-8 { margin-left: 0; margin-right: -66.66666667%; } .drawer.drawer-right.fold.dw-md-8 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-8, .drawer.drawer-right.fold.open.dw-md-8 { margin-right: 0; margin-left: 0; } .dw-md-7 { width: 58.33333333%; } .drawer.fold.dw-md-7 { margin-left: -58.33333333%; margin-right: 0; } .drawer.folding.dw-md-7 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-7 { margin-left: 0; margin-right: -58.33333333%; } .drawer.drawer-right.fold.dw-md-7 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-7, .drawer.drawer-right.fold.open.dw-md-7 { margin-right: 0; margin-left: 0; } .dw-md-6 { width: 50%; } .drawer.fold.dw-md-6 { margin-left: -50%; margin-right: 0; } .drawer.folding.dw-md-6 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-6 { margin-left: 0; margin-right: -50%; } .drawer.drawer-right.fold.dw-md-6 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-6, .drawer.drawer-right.fold.open.dw-md-6 { margin-right: 0; margin-left: 0; } .dw-md-5 { width: 41.66666667%; } .drawer.fold.dw-md-5 { margin-left: -41.66666667%; margin-right: 0; } .drawer.folding.dw-md-5 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-5 { margin-left: 0; margin-right: -41.66666667%; } .drawer.drawer-right.fold.dw-md-5 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-5, .drawer.drawer-right.fold.open.dw-md-5 { margin-right: 0; margin-left: 0; } .dw-md-4 { width: 33.33333333%; } .drawer.fold.dw-md-4 { margin-left: -33.33333333%; margin-right: 0; } .drawer.folding.dw-md-4 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-4 { margin-left: 0; margin-right: -33.33333333%; } .drawer.drawer-right.fold.dw-md-4 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-4, .drawer.drawer-right.fold.open.dw-md-4 { margin-right: 0; margin-left: 0; } .dw-md-3 { width: 25%; } .drawer.fold.dw-md-3 { margin-left: -25%; margin-right: 0; } .drawer.folding.dw-md-3 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-3 { margin-left: 0; margin-right: -25%; } .drawer.drawer-right.fold.dw-md-3 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-3, .drawer.drawer-right.fold.open.dw-md-3 { margin-right: 0; margin-left: 0; } .dw-md-2 { width: 16.66666667%; } .drawer.fold.dw-md-2 { margin-left: -16.66666667%; margin-right: 0; } .drawer.folding.dw-md-2 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-2 { margin-left: 0; margin-right: -16.66666667%; } .drawer.drawer-right.fold.dw-md-2 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-2, .drawer.drawer-right.fold.open.dw-md-2 { margin-right: 0; margin-left: 0; } .dw-md-1 { width: 8.33333333%; } .drawer.fold.dw-md-1 { margin-left: -8.33333333%; margin-right: 0; } .drawer.folding.dw-md-1 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-md-1 { margin-left: 0; margin-right: -8.33333333%; } .drawer.drawer-right.fold.dw-md-1 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-md-1, .drawer.drawer-right.fold.open.dw-md-1 { margin-right: 0; margin-left: 0; } } @media (min-width: 1200px) { .dw-lg-12 { width: 100%; } .drawer.fold.dw-lg-12 { margin-left: -100%; margin-right: 0; } .drawer.folding.dw-lg-12 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-12 { margin-left: 0; margin-right: -100%; } .drawer.drawer-right.fold.dw-lg-12 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-12, .drawer.drawer-right.fold.open.dw-lg-12 { margin-right: 0; margin-left: 0; } .dw-lg-11 { width: 91.66666667%; } .drawer.fold.dw-lg-11 { margin-left: -91.66666667%; margin-right: 0; } .drawer.folding.dw-lg-11 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-11 { margin-left: 0; margin-right: -91.66666667%; } .drawer.drawer-right.fold.dw-lg-11 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-11, .drawer.drawer-right.fold.open.dw-lg-11 { margin-right: 0; margin-left: 0; } .dw-lg-10 { width: 83.33333333%; } .drawer.fold.dw-lg-10 { margin-left: -83.33333333%; margin-right: 0; } .drawer.folding.dw-lg-10 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-10 { margin-left: 0; margin-right: -83.33333333%; } .drawer.drawer-right.fold.dw-lg-10 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-10, .drawer.drawer-right.fold.open.dw-lg-10 { margin-right: 0; margin-left: 0; } .dw-lg-9 { width: 75%; } .drawer.fold.dw-lg-9 { margin-left: -75%; margin-right: 0; } .drawer.folding.dw-lg-9 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-9 { margin-left: 0; margin-right: -75%; } .drawer.drawer-right.fold.dw-lg-9 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-9, .drawer.drawer-right.fold.open.dw-lg-9 { margin-right: 0; margin-left: 0; } .dw-lg-8 { width: 66.66666667%; } .drawer.fold.dw-lg-8 { margin-left: -66.66666667%; margin-right: 0; } .drawer.folding.dw-lg-8 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-8 { margin-left: 0; margin-right: -66.66666667%; } .drawer.drawer-right.fold.dw-lg-8 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-8, .drawer.drawer-right.fold.open.dw-lg-8 { margin-right: 0; margin-left: 0; } .dw-lg-7 { width: 58.33333333%; } .drawer.fold.dw-lg-7 { margin-left: -58.33333333%; margin-right: 0; } .drawer.folding.dw-lg-7 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-7 { margin-left: 0; margin-right: -58.33333333%; } .drawer.drawer-right.fold.dw-lg-7 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-7, .drawer.drawer-right.fold.open.dw-lg-7 { margin-right: 0; margin-left: 0; } .dw-lg-6 { width: 50%; } .drawer.fold.dw-lg-6 { margin-left: -50%; margin-right: 0; } .drawer.folding.dw-lg-6 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-6 { margin-left: 0; margin-right: -50%; } .drawer.drawer-right.fold.dw-lg-6 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-6, .drawer.drawer-right.fold.open.dw-lg-6 { margin-right: 0; margin-left: 0; } .dw-lg-5 { width: 41.66666667%; } .drawer.fold.dw-lg-5 { margin-left: -41.66666667%; margin-right: 0; } .drawer.folding.dw-lg-5 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-5 { margin-left: 0; margin-right: -41.66666667%; } .drawer.drawer-right.fold.dw-lg-5 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-5, .drawer.drawer-right.fold.open.dw-lg-5 { margin-right: 0; margin-left: 0; } .dw-lg-4 { width: 33.33333333%; } .drawer.fold.dw-lg-4 { margin-left: -33.33333333%; margin-right: 0; } .drawer.folding.dw-lg-4 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-4 { margin-left: 0; margin-right: -33.33333333%; } .drawer.drawer-right.fold.dw-lg-4 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-4, .drawer.drawer-right.fold.open.dw-lg-4 { margin-right: 0; margin-left: 0; } .dw-lg-3 { width: 25%; } .drawer.fold.dw-lg-3 { margin-left: -25%; margin-right: 0; } .drawer.folding.dw-lg-3 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-3 { margin-left: 0; margin-right: -25%; } .drawer.drawer-right.fold.dw-lg-3 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-3, .drawer.drawer-right.fold.open.dw-lg-3 { margin-right: 0; margin-left: 0; } .dw-lg-2 { width: 16.66666667%; } .drawer.fold.dw-lg-2 { margin-left: -16.66666667%; margin-right: 0; } .drawer.folding.dw-lg-2 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-2 { margin-left: 0; margin-right: -16.66666667%; } .drawer.drawer-right.fold.dw-lg-2 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-2, .drawer.drawer-right.fold.open.dw-lg-2 { margin-right: 0; margin-left: 0; } .dw-lg-1 { width: 8.33333333%; } .drawer.fold.dw-lg-1 { margin-left: -8.33333333%; margin-right: 0; } .drawer.folding.dw-lg-1 { position: fixed; height: 100%; -webkit-transition-property: margin-left; transition-property: margin-left; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .drawer.drawer-right.fold.dw-lg-1 { margin-left: 0; margin-right: -8.33333333%; } .drawer.drawer-right.fold.dw-lg-1 { -webkit-transition-property: margin-right; transition-property: margin-right; } .drawer.fold.open.dw-lg-1, .drawer.drawer-right.fold.open.dw-lg-1 { margin-right: 0; margin-left: 0; } }