body {margin: 0;padding: 0;background: white;padding-bottom: 0;font-size: 80%;height: 100%;width: 100%;overflow: hidden;}
body,html,input,select,textarea,pre, .input {font-family: Verdana, Helvetica, Arial;}
header {border-bottom: 1px solid rgba(0, 0, 0, 0.1);position: relative;z-index: 1;background: #FFF;}
main {width: calc(100% - 240px);box-sizing: border-box;color: #333;display: inline-block;-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);}
main .layout__title {font-family: Verdana, Helvetica, Arial;color: #5e5e5e;font-weight: 400;font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
main .layout__content {max-height: calc(100vh - 64px);overflow: auto;background: rgba(203, 203, 210, 0.15);}
main .container--main {min-height: calc(100vh - 228px);padding-top: 15px;padding-bottom: 15px;}
hr {background-color: #f3ebc4;border: 0;color: #f3ebc4;height: 1px;}
input,select,textarea {border: 1px solid #888;color: #333;font-size: 1em;}

.nav-toggler {display: none;width: 37px;height: 27px;vertical-align: middle;outline: 0;cursor: pointer;padding: 0.25rem 0.75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: 0.25rem;margin-top:13px;}
.nav-toggler .burger-bar {display: block;position: relative;background-color: #888;width: 24px;height: 2px;border-radius: 1px;margin: 4px auto;}

@media (max-width: 1200px) {
    main {width: 100%;}
    header .userbox {display: none;}
    .nav-toggler {display: block;}
    .nav-open main {-webkit-transform: translate3d(-239px, 0, 0);-moz-transform: translate3d(-239px, 0, 0);-o-transform: translate3d(-239px, 0, 0);transform: translate3d(-239px, 0, 0) !important;}
}

@media print {
    header, footer, nav {display: none;}
}