/* ==========================================================================
   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 { max-width:inherit; 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 0; line-height: 1.15; width: 100%; }
.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: 55px; 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; width: 28px; height: 28px; background: none; position: absolute; top: -2px; bottom: 0; right: 12px; margin: auto; line-height: 1; font-size: 28px; vertical-align: middle; }
.prev-sidebar { right: 133px; border-radius: 3px 0 0 3px; }
.next-sidebar { right: 113px; border-radius: 0 3px 3px 0; }

.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 {
    position: relative;
    content: '';
    background: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 0;
    border-color: #b5b5b5;
    border-width: 0 0 1px 1px;
    border-style: solid;
    top: -5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 1px;
}

.prev-sidebar:hover:before {
	border-color: white;
}

.next-sidebar:before {
    position: relative;
    content: '';
    background: none;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border-left: 0;
    border-color: #b5b5b5;
    border-width: 0 0 1px 1px;
    border-style: solid;
    top: -5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 1px;
}

.next-sidebar:hover:before{
	border-color: white;
}

.cloud-search-button {
background: none;
    border: none;
    position: absolute;
    right: 80px;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    height: 28px;
    width: 28px;
}

button.cloud-search-button svg.cloud-search-magnifying-icon {
    fill:#b5b5b5;
    width:13px;
    height:13px;
    margin-top:6px;
}

button.cloud-search-button:hover svg.cloud-search-magnifying-icon {
    fill:white;
}


.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; }

.cloud-expanded-search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #646464;
  padding: 8px 4px 4px 4px;
  z-index: 1000;
}

.cloud-expanded-search-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cloud-expanded-search-form input {
  flex-grow: 1;
  padding: 5px 24px 5px 9px;
  border: 1px solid #ccc;
  outline: none;
}

.cloud-expanded-search-form input::placeholder {
  font-style: italic;
  color: gray;
  font-size: 12px;
}

.cloud-expanded-search-form #cloud-close-search {
    position: absolute;
    right: 11px;
    top: 20px;
    width: 10px;
    height: 10px;
    margin-top: 0;
    cursor: pointer;
}

.cloud-expanded-search-form #cloud-close-search svg {
    display: block;
    width: 100%;
    height: 100%;
}

input#cloud-expanded-query:-webkit-autofill {
    font-weight: normal !important;
    color: #000 !important; /* Ensures text color stays the same */
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; /* Force background color */
}

#closeBtn {
	background: none;
    border: none;
    position: absolute;
	right: 23px;
    top: 0px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    height: 12px;
    width: 12px;
}


#closeBtn .x-close-image path {
  fill: #b5b5b5;
}

/* Change to white on hover */
#closeBtn:hover .x-close-image path {
  fill: white;
}

/*  ================================================================= 
    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){

}