/* ==========================================================================
   STICKY TOP HEADER
   ========================================================================== */
.header { background: #646464; padding: 5px 0 5px 10px; width: 100%; position: fixed; top: 0; z-index: 100000000; height: 40px; }
.header .inner, .workflow .header .inner { margin: 0 auto; position: relative; padding: 0; display: table; width: 100%; height: 100%; }
.header .header-link { display: table-cell; vertical-align: middle; position: relative; padding: 0 0 0 34px; line-height: 1.15; width: 100%; }
.header .header-link:before { content: ''; display: inline-block; vertical-align: middle; width: 28px; height: 28px; background-size: cover; background-position: left bottom; background-image: url('../img/wolf.svg'); position: absolute; left: 0; top: 1px; opacity: .8; }
.header .heading1 { font-size: 13px; text-transform: uppercase; color: #fff; display: block; }
.header .heading2 { font-size: 13px; color: #e5e5e5; font-weight: 300; display: block; }

/*  ================================================================= 
    buttons that may be used similarly on other sites like Fast Intro 
    ================================================================= */
.peel-off-sidebar { right: 41px; width: 10px; height: 10px; background: url('../img/peel-off.svg'); background-size: cover; }
.close-sidebar { right: 12px; height: 24px; width: 24px; }
.close-sidebar:before { content: ''; }
.prev-sidebar, .next-sidebar { border: 0; background-color: #d1d1d1; width: 28px; height: 28px; margin: 0 5px 0 0; position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; line-height: 1; font-size: 28px; vertical-align: middle; }
.prev-sidebar { right: 39px; border-radius: 3px 0 0 3px; }
.next-sidebar { right: 10px; border-radius: 0 3px 3px 0; }
.prev-sidebar:hover, .next-sidebar:hover { background: #bfbfbf; }
.prev-sidebar:active, .next-sidebar:active { background: #a6a6a6; }
.prev-sidebar:before, .next-sidebar:before { content: ''; width: 27px; height: 13px; display: inline-block; background: center center no-repeat; background-size: contain; top: -3px; left: -1px; position: relative; }
.prev-sidebar:before { background-image: url('../img/prev-button.svg'); }
.next-sidebar:before { background-image: url('../img/next-button.svg'); }

.peel-off-sidebar, .close-sidebar { position: absolute; top: -1px; bottom: 0; display: inline-block; margin: auto; line-height: 0; opacity: .5; border: 0; background-color: transparent; border-radius: 0; }
.peel-off-sidebar:hover, .close-sidebar:hover { opacity: 1; }
.peel-off-sidebar:active, .close-sidebar:active { opacity: .7; }

/*  ================================================================= 
    End 
    ================================================================= */

/* move after approved */

.nav-buttons { position: absolute; top: 40px; right: 0; height: 40px; z-index: 10000000; }
.sticky .nav-buttons { top: 0; }
.topContentWrap, .topContentWrap.sticky { border: 0; padding: 0 10px !important; min-height: 40px; width: 100%; top: 40px; z-index: 10000000; background: #e5e5e5 !important; left: 0; border-top: 0 !important; }
.topContentWrap { position: absolute; }
.main { padding-top: 59px; }

.dropdown a.menu:hover { background: #d1d1d1; }
.dropdown a.menu:active { background: #bfbfbf; }
.dropdown .sub_menu { text-align: left; }
#languageRootGuide .header { padding: 5px 0 5px 10px; }
#languageRootGuide .main { padding-top: 40px !important; }
#languageRootGuide .history-added { margin-top: 0px; }
#languageRootGuide .topContentWrap, #languageRootGuide .nav-buttons, #search .nav-buttons { display: none; }
.topContentWrapInner.inner { position: static; }
.dropdown { top: 3px; display: block !important; position: absolute; right: 72px; }
.make-more-room { margin-top: 70px; }


/* mobile */
body.mobileapp .main { padding: 40px 0 0 0; }
body.mobileapp#languageRootGuide .main { padding: 0 !important; top: 0 !important; }
body.mobileapp#languageRootGuide .history-added { margin-top: 2px; }
.mobileapp .topContentWrap, .mobileapp .topContentWrap.sticky { top: 0; }
.mobileapp .nav-buttons { top: 0; }
body.mobileapp .main { top: 0; }
body.mobileapp .main-heading-wrapper.sticky { top: 0; }
body.mobileapp .main-heading-wrapper.sticky .main-title { white-space: nowrap; }
body.mobileapp .dropdown .hover .sub_menu { top: 33px; }
body.mobileapp .open .dropdown .hover .sub_menu { top: 75px; }

@media (min-width: 900px) {
    .workflow .dropdown, .main-heading-wrapper:not(.open) .dropdown { display: inline-block; position: absolute; background: transparent !important; width: auto; left: auto; top: 3px; right: 72px; }
}
@media (max-width: 900px) {
    .make-more-room { margin-top: 20px; }
}
@media (max-width: 600px) {
    .open .dropdown { text-align: center; }
    .dropdown * { text-align: left; }
}
@media (max-width: 500px){

}