/* Main CSS for headers of OneHelp CMS site */

/* How to fill in this style sheet
 *
 * Place your style in the appropriate section
 * Structure -> Styles relevant to main blocks of the site
 * Header -> Styles relevant to header elements of the site
 * Breadcrumb -> Styles relevant to breadcrumb
 * Top Tabs -> Styles relevant to top tabs of CMS site
 * Catalog categories -> Styles relevant to display of catalog categories
 * Catalog items -> Styles relevant to display of catalog items
 * Right content block -> Styles relevant to display of right content block in a 2 column layout
 * Footer -> Styles relevant to display of site's footer
 * Out of box overrides -> Styles relevant to out of box elements (usually displayed in iframes)
 * Print media fixes -> Styles to align printing of forms
 * 
 */


/* Structure */

#oh_page_header {
    float: left;
    width: 100%;
}

#oh_content_wrapper{
    float: left;
}

#oh_top_of_content {
    float: left; 
    width: 100%;
    background-color: #F2F2F2;
    padding-left: 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
   height: 10px; /*added after Geneva upgrade*/
}

/* End of structure */

/* Headers */

.site_header {
    margin: 20px 0px 20px 0px;
    width: 100%;
    float: left;
}

.site_header__leftlogo {
    float: left;
}

.site_header__rightlogo {
    display: block;
    height: 38px;
    margin-bottom: 5px;
    position: relative;
}

.site_header__rightlogoimage {
    position: absolute;
    right: 0px;
}

.site_header__rightsection {
    float: right;
    height: 63px;
}

.site_header__accounttext {
    display: block;
    margin-right: 10px;
}

.oh_header_elem_right {
    float: right;
}

.oh_header_elem_right--red,
HTML[data-doctype=true] a.oh_header_elem_right__logout,
HTML[data-doctype=true] a.cms_header_resizer_link {
    color: #8e1f31;
}

HTML[data-doctype=true] a.cms_header_resizer_link {
    margin-right: 0.25em;
    font-weight: normal;
}

/* Override for OneHelp cms site */
#oh_header DIV.cms_menu_section_blocks {
	margin: 0px 0px 12px 12px;
	padding: 10px;
	list-style-type: none;
	list-style-image: none;
	/*width: 21%;*/
	height:auto;
	border: 0px solid #e0e0e0;
	background: none;
}

#oh_header .cms_menu_super_menu_bar_item_selected {
    background: none;
    background-color: #DDDDDD;
}

#oh_header DIV.cms_header_top_menu .cms_menu_super_menu_bar_item, 
#oh_header DIV.cms_header_top_menu .cms_menu_super_menu_bar_item A{
	color: #8e1f31;
}

.page-header {
    float: left;
    
   /* added after Geneva upgrade*/
   margin: 3px 0 3px;
  border-bottom:none;
}

.onehelp_page_header {
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 1.75em;
    color: #000000;
    padding-left: 10px;
}

/* End Headers */

/* Breadcrumb */

.oh_breadcrumb {
    float: left;
    display: block;
    padding-left: 0px;
    margin-top: 7px;
    margin-bottom: 8px;
    list-style-type: none;
    color: #373a36;
}

.oh_breadcrumb li {
    display: inline;
    /*margin-right: 20px;*/
}

.oh_breadcrumb .active {
    font-weight: bold;
}

.oh_breadcrumb > li + li:before {
    content: "\003e\0020"; /* right angled bracket and space */
}

/* End of breadcrumb */


/* Top Tabs */

.oh_top_menu_tabs {
    float: left;
    width: 100%;
    border-bottom: 3px solid #80225f;
}

.oh_top_menu_tabs--somethingbrokenactive {
    border-bottom: 3px solid #8F1C2E;
}

.oh_top_menu_tabs--newrequestactive {
    border-bottom: 3px solid #80225F;
}

.oh_top_menu_tabs--myticketsactive {
    border-bottom: 3px solid #D4D1C3;
}

.oh_top_menu_tabs--myapprovalsactive {
    border-bottom: 3px solid #c6007e;
}

.oh_top_menu_tabs__listcontainer {
    list-style-type: none;
    padding: 0px;
    float: left;
    margin-bottom: 9px;
}

.oh_top_menu_tabs__links,
HTML[data-doctype=true] .oh_top_menu_tabs__links {
    color: #FFFFFF;
}

.oh_top_menu_tabs__links--somethingbrokenactive,
HTML[data-doctype=true] .oh_top_menu_tabs__links--somethingbrokenactive {
    color: #FFFFFF;
}

.oh_top_menu_tabs__links--newrequestactive,
HTML[data-doctype=true] .oh_top_menu_tabs__links--newrequestactive {
    color: #FFFFFF;
}

.oh_top_menu_tabs__links--myticketsactive,
HTML[data-doctype=true] .oh_top_menu_tabs__links--myticketsactive {
    color: #8F1C2E;
}

.oh_top_menu_tabs__links--myapprovalsactive,
HTML[data-doctype=true] .oh_top_menu_tabs__links--myapprovalsactive {
    color: #F1EEEF;
}

.oh_top_menu_tabs__list--somethingbrokenactive,
HTML[data-doctype=true] .oh_top_menu_tabs__list--somethingbrokenactive {
    background-color: #8F1C2E;
}

.oh_top_menu_tabs__list--newrequestactive,
HTML[data-doctype=true] .oh_top_menu_tabs__list--newrequestactive {
    background-color: #80225F;
}

.oh_top_menu_tabs__list--myticketsactive,
HTML[data-doctype=true] .oh_top_menu_tabs__list--myticketsactive {
    background-color: #D4D1C3;
}

.oh_top_menu_tabs__list--myapprovalsactive,
HTML[data-doctype=true] .oh_top_menu_tabs__list--myapprovalsactive {
    background-color: #c6007e;
}

.oh_top_menu_tabs__listcontainer li {
    display: inline;
    padding: 10px 20px 10px 20px;
    margin-right: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #AAAAAA;
    font-size: 1.25em;
    color: #FFFFFF;
    font-weight: bold;
}

/*.oh_top_menu_tabs__activeitem,
.oh_top_menu_tabs__listcontainer li.oh_top_menu_tabs__activeitem {
    background-color: #80225F;
}*/


/* End of top tabs */


/* Catalog categories */

.category-list {
    float: left;
    margin-bottom: 40px;
    width:100%;
}

.category-list--fullwidth {
    width: 100%;
    padding-left: 20px;		
    box-sizing:border-box;		
    -moz-box-sizing:border-box; /* Firefox */		
    -webkit-box-sizing:border-box; /* Safari */
}

.cat_items_category {
    width: 48%;
    margin-right: 2%;
    display: block;
    float: left;
    padding: 10px 15px 10px 15px;
    border-left: 5px #80225F solid;
    margin-bottom: 15px;
    background-color: #F2F2F2;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    height: 80px;
}

.cat_items_category--subcategory {
    width: 100%;
    margin-right: 0px;
    border-left: none;
    height: 40px;
}

.cat_items_category__link,
HTML[data-doctype=true] .cat_items_category__link, 
.cat_items_category__header,
HTML[data-doctype=true] .cat_items_category__header {
    color: #A6192E;
    font-size: 1.25em;
}

.cat_items_category__link,
HTML[data-doctype=true] .cat_items_category__link {
    height: 80px;
    line-height: 60px;
    text-align: left;
}

.cat_items_category--subcategory .cat_items_category__link,
HTML[data-doctype=true] .cat_items_category--subcategory .cat_items_category__link {
    height: 40px;
    line-height: 20px;
    text-align: left;
}

.cat_items_category__topheader,		
HTML[data-doctype=true] .cat_items_category__topheader {		
    margin-top: 0px;		
    margin-bottom: 25px;		
    font-size: 1.75em;		
    color: #000000;		
    padding-left: 10px;		
}

.cat_items_category__icon {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.cat_items_category__spantext {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 100%;
    margin-left: -70px;
    padding-left: 70px;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

/* Override if part of subcategory */
.cat_items_category--subcategory .cat_items_category__spantext {
    width: auto;
}

.cat_items_category__plusminus {
    margin-right: 10px;
    float: right;
}

/* End of catalog categories */

/* List of catalog items */

.catalog-items-list {
    padding-bottom: 20px;
}

.catalog-items-list--bottomruler {
    margin-bottom: 30px;
    border-bottom: 1px solid #DDDDDD;
}

.catalog-items-list--subcatitem {
    width: 100%;
    float: left;
}

.catalog-items-list--open {
    display: block;
}

.catalog-items-list--closed {
    display: none;
}

.chevron_list {
    list-style-image: url(li_bullet.pngx);
    padding-left: 30px;
}

.chevron_list__item {
    padding-left: 10px;
    margin-bottom: 10px;
}

.chevron_list__item--catalogitem,
HTML[data-doctype=true] .chevron_list__item--catalogitem {
    font-size: 1.25em;
    color: #8e1f31;
}

.chevron_list__item--catalogitemdesc {
    margin-left: 10px;
}
/* End of list of catalog items */

/* Right content block */

.right_individual_block {
    margin-bottom: 20px;
}

.right_individual_block__listgroup {
    padding-left: 30px;
}

.right_individual_block__headericon {
    margin-right: 10px;
}

.right_individual_block__itemblock {
    margin-left: 10px;
}

/* End of right content block */

/* Footer */

.copyright_footer {
    color: #a5a5a0;
    font-size: 0.85em;
    float: left;
    width: 100%;
//    margin-left: 5%;
//    margin-right: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.copyright_footer__leftcontent {
    float: left;
}

.copyright_footer__firstleftcontent {
    line-height: 2em;
}

.copyright_footer__rightcontent {
    float: right;
}

/* End of footer */

/* Override out of box forms in frames */

.wide #form_header {
    display: none;
}

/* Search result out of box style override */

.searchlistresults {
    margin-bottom: 20px;
    bacgkround-color: #F0F7F9;
}

.search_list_results_header {
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #F0F7F9;
}

.search_list_results_header > table {
    background-color: #F0F7F9;
}

/* Not displaying search group header */
.searchgroupheader {
    display: none;
}

/* Not displaying search filter on search group block */
.searchfilterdisplay {
    display: none;
}

.searchtablelink {
    margin-left: 10px;
}

.text_search_kb,
TABLE.text_search_kb,
DIV.text_search_kb {
    background-color: #F0F7F9;
    padding: 0px 10px 10px 10px;
}

.text_search_catalog,
DIV.text_search_catalog {
    padding: 10px;
}

/* so out of box body of an iframe has no margin */
HTML[data-doctype=true] BODY[data-formName="ui_page_render"]  {
    margin: 0px;
}

.oh_kb_header_title_row {
    display: none;
}

/* iframe form for ticket in ESS */
#gsft_main .section_header_content_no_scroll touch_scroll{
   overflow:auto;
}
/* End of override out of box forms in frames */

/* Searchbar Style */

input#sysparm_search {
    width: 99% !important;  /*added after Geneva upgrade*/
    /*white-space: nowrap;
    display:inline-block;*/
}

.onehelp-search__info_text {
    color: white;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
    white-space: nowrap; 
}

.onehelp-search__container {
    background-color: #444444;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
}

#contextSearch {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 6px;
    border: none;
    white-space: nowrap;
    width: 100%;
}

.onehelp-search__container {
    /*height: 40px;  Commented out after Geneva upgade*/
    margin-bottom: 20px;
}

.onehelp-search__info_text {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    margin-top: 9px;
    font-weight: bold;
}

.input-group {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    border-spacing: 0;
    position: relative;
    margin: 0px;
}

.input-group INPUT {
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.input-group .form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-btn_updated { /*Renamed 'input-group-btn' to 'input-group-btn_updated' after the Geneva upgrade*/
    position: relative;
    left: -10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.onehelp_globalsearchbox {
    height: 40px !important;
}

.onehelp_input-group-btn {
    width: 1%;
    vertical-align:
    middle;
    display: table-cell;
}

.onehelp_btn-default,
HTML[data-doctype=true] .onehelp_btn-default {
    height: 40px;
    border: 0px;
    color: #FFFFFF;
    background-color: #8F2535;
    padding-right: 20px;
    padding-left: 20px;
}

#content_search .onehelp_btn-default{
    padding: 2px 20px 2px 20px;
}

.onehelp_btn-default__icon {
    margin: 8px 10px 8px 0px;
}

.onehelp_btn-default__text {
    /*font-weight: bold; ~ commented out after Genava upgrade*/
    font-size: 15px; /*added after Geneva upgrade*/
}

/* end searchbar styles */


/*status.io styles*/
.status_container_row {
  border-style: solid;
    border-width: 1px;
  padding: 1.1rem 1.25rem 1.25rem;
border-color: #AAA77D;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
background: transparent;
 margin-right: auto; 
margin-left: auto; 
margin-top:-1px;
//width: 440px;
width:100%;
float: left;
}

/*change height if status page grows*/
div#status_container {
  background-color: white;
 width: 100%;
/*height: 780px; /*change height if status page grows*/
 float: left;
padding-top: 35px;
padding-bottom: 50px;
}

/*sub container*/
.status_sub_container {
   padding-left:0.5em;padding-right:0.5em;
}

.status_sub_container .status_name,.status_sub_container .status_status{
   font-size: 0.9em;
}

.status_name {
//float: left;
font-size: 14px;
}
.status_status {
float: right;
font-size: 14px;
}
div#status_container_formatter{
width: 880px;
margin-left: auto;
margin-right: auto;
}

span#statusio_header {
color: #a6192e;
padding-left: 58px;
font-size: 18pt;
}

span#status_status_operational {
    color: green;
}

span#status_status_degraded {
color: #F1C40F;
}

span#status_status_major {
color: #E74C3C;
}

span#status_status_partial {
color: #E67E22;
}


/*end of status.io styles*/

/*landing page button style*/
a#cms_menu_dropdown_link{
    font-size: 16px;
    padding: 25px 15px;
}

/*link style*/
a:-webkit-any-link,a:hover,a:active{
    text-decoration:none;
}

/*related links container ~ added after Geneva upgrade*/
TABLE.related_links_container {
     background-color: #efede7 !important;
}

/*notice area ~ added for kb notice, after Geneva*/
iframe#gsft_main_notice {
    width: 883px;
    margin-left: 59px;
}

/*
.touch_scroll {
     overflow: hidden !important;
}
*/
/*end landing page */


/*Print media*/
@media print{
     INPUT.questionsetreference{width:auto;}
     tr{page-break-inside:avoid}
     body{background:none;background-color:transparent}
     INPUT.questionsetreference{width:500px}
}
/*end of Print media*/