﻿/* Omni Stylesheet */
/* General */

* {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

body {
    font-size: 14px;
    font-family: Fresco Sans, Avenir Next, Subhead, Arial, sans-serif;
    color: #252e30;
    background-color: transparent;
	display: flex;
	flex-direction: column;
	height: 100%;
}

input {
	width: auto;
}

header {
    width: 100%;
    /*background-color: #55C1BD;*/
    flex: none;
    padding: 0px !important;
}
    header #languageSelectorHolder {
        background: #55C1BD;
        padding: 0px 15px;
        min-height:50.48px;
    }
    header #mainNavHolder {
        padding: 0px 15px;
        background-color: #FFF; /* fallback color if gradients are not supported */
        background-image: -webkit-linear-gradient(0deg, #FFF 50%, #434343 50%); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
        background-image:    -moz-linear-gradient(90deg, #FFF 50%, #434343 50%); /* For Firefox (3.6 to 15) */
        background-image:      -o-linear-gradient(90deg, #FFF 50%, #434343 50%); /* For old Opera (11.1 to 12.0) */ 
        background-image:         linear-gradient(90deg, #FFF 50%, #434343 50%); /* Standard syntax; must be last */
        background:               linear-gradient(90deg, #FFF 50%, #434343 50%);
    }


footer {
    background-color: #4dc2bd;
    width: 100%;
    min-height: 40px;
    position: relative;
    display: inline-block;
	flex: none;
}

#footerContent {
    margin: 0px;
    display: inline-flex;
    list-style-type: none;
}

    #footerContent li::before {
        content: "|";
        padding: 0px 6px;
    }

    #footerContent li:first-child::before { content: none; }

        #footerContent li a { color: #fff; }

        
/* to be deleted items via js */
.views,
ol.mostpopular span.item,
.nav-toggle,
#parature_navigation,
#languageSelector,
.titledesc,
#breadcrumbs,
#parature_product,
#dlTree,
#articleRating,
#topicInformation > .sectionTitle,
#topicInformation > .topicInformationData,
#kbutility,
#formheaderComment,
body.splash_asp #parature_products,
body.kbsplash_asp #parature_products,
body.dlsplash_asp #parature_products,
body.kblist_asp #parature_products,
body.dllist_asp #parature_products,
body.kbanswer_asp #parature_products,
#poweredby,
ul.submenu,
#welcome,
.treecontrol,
.treeControl,
#parature_navigation,
#preChat #parature_products,
ol.kbsplash li span.item,
ol.dlsplash li span.subfolder,
ol.dlsplash li span.desc,
#sendEmailFrom span.field-validation-valid,
#sendEmailFrom #Subject,
#sendEmailFrom span[data-valmsg-for="Subject"],
#sendEmailFrom #EmailFrom,
#sendEmailFrom span[data-valmsg-for="EmailFrom"],
#dialog h6,
.rate,
.ratings,
#search li img,
#selectLanguage
{
	display: none;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#mainWrapper {
    flex: 1 0 auto;
    /*padding: var(--space) var(--space) 0;*/
    width: 100%;
}

#mainWrapper::after {
    content: "\00a0";
    display: block;
    /*margin-top: var(--space);*/
    height: 0px;
    visibility: hidden;
}

#mainWrapper--full {
    padding: ;
}

#mainWrapper--full {
    padding: 0;
}

#mainWrapper--full::after {
    content: ;
}

#mainWrapper--full::after {
    content: none;
}



#kbTreeTitle a {
    color: #000 !important;
}

ol li { margin: 7px 0px; }

h7 {
    display: block;
    font-weight: bold;
	font-size: 1.05em;
    margin-bottom: 3px;
}



.clearfix:before, .clearfix:after { 
    content: " "; 
    display: block; 
    height: 0; 
    visibility: hidden; 
}

.clearfix:after { 
    clear: both; 
}

a, a:link, a:hover, a:visited {
    color: #01588a;
	border: none;
    font-weight: normal;
    text-shadow: 0px !important;
}
a:focus, a:hover, .fa-home:hover {
    /*color: #646464;*/
    padding: 0;
    text-decoration: underline;
	border: none;
    font-weight: normal;
    color: #01588a;
    text-shadow: 0px !important;
}

ul, ol {
    list-style: none;
    padding: 0;
}
#articleAnswer ul { 
   list-style: disc; 
   list-style-type: disc; 
   list-style-position: inside; 
}
#articleAnswer  ol { 
   list-style: decimal; 
   list-style-type: decimal; 
   list-style-position: inside; 
}
#articleAnswer ul ul, #articleAnswer ol ul { 
   list-style: circle; 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
#articleAnswer ol ol, #articleAnswer ul ol { 
   list-style: lower-latin; 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}
#mainNavHolder ul li,
#customLanguageSelector ul li{
    display:inline-block;
    *display:inline;
}
    #mainNavHolder nav ul
    {
        margin: 0px;
        background: #434343;
    }
    #mainNavHolder nav ul li a
    {
        color: white !important
    }
        #mainNavHolder nav ul li:first-child
        {
            background: #fff;
        }
        #mainNavHolder nav ul li:nth-child(n+2)
        {
            padding: 0px 16px;
            line-height: 40px;
            color: white !important;
        }


select {
    line-height: 28px;
    height: 28px;
}

#logo {
    display: block;
    width: 100%;
    height: 100%;                   
}
	#logo img {		
		position: relative;
		height: 45px;
		width: 190px;
		margin: 5px;
	}


/* footer */
#footerText {
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    margin: 0px auto;
	color: #fff;
}

#broadcastPanel {
    border: 1px solid red;
    padding: 5px;
    color: red;
}
    #broadcastPanel > span { color: red; }



#parature_wrapper,
.inner-container {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

#portalLinkHolder { margin: 4px 0px; }

#portalLink {
    top: 6px;
    position: relative;
    padding: 12px;
    color: #fff !important;
}
    #portalLink:hover {
        text-decoration: underline;
    }

/* Language Selector */
#languageSelector  select {
	width: 100%;
    min-width: 175px;
}

#customLanguageSelector {
	display: inline-block;
}
	#customLanguageSelector ul{
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin: 8px 0px;
        float: right;
        padding: 0px;
	}
	
	#customLanguageSelector li input {
        background-color: transparent;
        border-color: transparent;
        color: #fff;
        font-size: 11.5px;
        font-weight: 600;
    }

		#customLanguageSelector li input:hover {
			text-decoration: underline;
            color: #4a86e8;
		}

		#customLanguageSelector li input.btn-primary {
			color: #000;
		}
            #customLanguageSelector li input.btn-primary:hover {
			    color: #4a86e8;
		    }
		
		


.highlight a { color: #01588a !important; }

/* Product Selector */

#productSelector {
    width: 300px;
    min-width: 300px;
}

/* Parature Navigation */

#Nav-Container {
    width: 960px;
    margin: 0 auto;
}


#parature_navigation ul {
    list-style: none;
    padding: 0;
}

#parature_navigation ul li {
    float: left;
}

#parature_navigation ul li a {
    color: #FFFFFF;
}

/* Navigation */
.jqx-calendar-cell-selected-arctic, .jqx-grid-cell-selected-arctic, .jqx-grid-selectionarea-arctic, .jqx-input-button-header-arctic, .jqx-input-button-innerHeader-arctic, .jqx-listitem-state-selected-arctic, .jqx-menu-item-selected-arctic, .jqx-menu-vertical-arctic .jqx-menu-item-top-selected-arctic, .jqx-tree-item-selected-arctic {
    color: #fff !important;
    text-shadow: none;
    border-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


#parature_navigation ul {
    list-style: none;
}

#parature_navigation ul li {
    float: left;
}

#parature_navigation ul li a {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
}

    #parature_navigation ul li a:hover {
        text-decoration: underline;
    }

#leftNav {
    float: left;
}

#leftNav ul li {
    padding: 0 15px;
}

#leftNav ul li#mli_splash {
    padding: 0 15px 0 0;
}

#rightNav {
    float: right;
}

div#parature_navigation ul.mainmenu li#mli_my,
div#parature_navigation ul.mainmenu li#mli_Knowledge_main {
    position: relative;
}

span.caret {
    display: block;
    position: absolute;
    background: url('https://paratureportal.blob.core.windows.net/portalcontainer/Carret.png')no-repeat;
    width: 7px;
    height: 10px;
    right: 0px;
    top: 13px;
    z-index: 999999;
    cursor: pointer;
}

div#parature_navigation ul.mainmenu li#mli_my {
    background-position: 107px 13px;
}

div#parature_navigation ul.mainmenu li#mli_Knowledge_main {
    background-position: 132px 13px;
}

/* Dropdown Menu */
div#parature_navigation ul.mainmenu ul {
    background: #252e30;
    list-style: none;
    position: absolute;
    left: -9999px;
    box-shadow: 3px 0px 10px #252e30;
    -webkit-box-shadow: 3px 0px 10px #252e30;
    -moz-box-shadow: 3px 0px 10px #252e30;
}

div#parature_navigation ul.mainmenu ul li {
    margin-right: 0px;
    float: none;
    padding: 0;
}

div#parature_navigation ul.mainmenu ul li a {
    white-space: nowrap;
    text-transform: none;
    display: block;
}

div#parature_navigation ul.mainmenu li:hover ul {
    left: 15px;
    z-index: 9999;
}

div#parature_navigation ul.mainmenu li:hover a {
}

div#parature_navigation ul.mainmenu li:hover ul a {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 25px 5px 10px;
}

div#parature_navigation ul.mainmenu li:hover ul li a:hover {
    background: #CCCCCC;
    color: #252e30;
}

div#parature_navigation ul.dropdown li a {
    margin-right: 0;
}

/* Welcome */

#welcome {
    width: 960px;
    text-align: right;
    font-size: 0.8em;
    margin: 2px auto;
    color: #252e30;
}

/* Parature Content */

#parature_content {
    max-width: 960px;
    min-height: 400px;
    margin: 5px auto 20px;
    background-image: none;
}

/* Pature Search */
#parature_search {
    margin: 10px auto 5px;
	/* display: none !important; */
}

input#searchInput {
	width: 80%;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    min-width: 0px;  
    background-color: white;
    color: #666;
    border: 1px solid #55C1BD;
    height: 30px;
    text-indent: 7px;
    line-height: 30px;
    padding: 0;
}
    input#searchInput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #ccc;
        font-style: italic;
    }
    input#searchInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #ccc;
        opacity:  1;
        font-style: italic;
    }
    input#searchInput::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #ccc;
        opacity:  1;
        font-style: italic;
    }
    input#searchInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:    #ccc;
        font-style: italic;
    }
    input#searchInput:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
        color:    #ccc;
        font-style: italic;
    }

#parature_search input[type=submit] {
    width: 90px;
    height: 30px;
    margin: 0 0 3.7px 6px;
    /*background-color: #F3F3F3;
    color: #ccc;
    border: 1px solid #ccc;*/    
    background-color: #55C1BD;
    color: #fff;
    border: 1px solid #55C1BD;
    border-radius: 0px;
}

	#parature_search input[type=submit]:hover {
		/* background-color: #252e30; */		
		background-color: #fff;
		color: #4dc2bd;
	}

/* Portal Content */

#portal_content {
    /* position: relative;
    float: left;
    width: 695px;
    padding: 15px 15px 15px 0; */
}


/* Folder Navigation*/
#sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 20px;
}
#sidebar .nav {
  width: 95%;
}

#sidebar-nav a,
#sidebar-navSearch a {
    color: #666;
}
    #sidebar-nav a:hover,
    #sidebar-navSearch a:hover {
        color: #01588a !important;
        font-weight: normal !important;
    }

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.container {
	width: 100% !important;
}
/* #sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
} */




/* Title & Titledesc */
h1.title {
    margin: 10px 0 5px 0;
    word-wrap: break-word;
}

span.titledesc p {
    text-align: left !important;
}

/* Splash */

ul.splash {
    margin: 15px 0 0 0;
    padding: 0;
}

#parature_content ul.splash li {
    display: block;
    float: left;
    width: 48%;
    margin: 5px 2% 8px 0;
    background-color: #e1e1e1;
    min-height: 125px;
}

ul.splash li span.splash_description {
    display: block;
    padding: 2px 7px;
}

ul.splash li a {
    display: block;
    background-color: #252e30;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 1.3em;
    padding: 2px 7px;
}

ul.splash li a:hover {
    text-decoration: underline;
}

/* KB Glance & DL Glance */

div.mostSection {
    width: 100%;
    padding: 0;
}

#portal_content > h1.title,
div.mostSection h3 {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #252e30;
    margin: 0 0 5px 0;
    font-weight: normal;
    padding: 10px 0px;
}
#articleAnswer > h2 {
    margin: 30px 0 5px 0;
    font-weight: normal;
    display: block;
    font-size: 1.2em;
}

#dlGlance ol,
#kbGlance ol,
ul.topicList {
    list-style-type: square;
    padding-left: 20px;
}
    ul.topicList li {
        padding: 2px 0px;
    }


#dlGlance ol li,
#kbGlance ol li {
    padding: 2px 0;
}

#dlGlance ol li span.item,
#kbGlance ol li span.item {
    float:right;
}

#dlGlance ol li a,
#kbGlance ol li a {
    text-decoration: none;
}

#dlGlance ol li a:hover,
#kbGlance ol li a:hover {
    text-decoration: underline;
}

/* Product Selector */
#productSelectorLabel {
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: 500;
}

/* Folder Tree */

h3.treeTitle {
    font-size: 1.3em;
    /* color: #FFFFFF; */
    margin: 0;
    font-weight: 500;
    line-height: 2em;
}

#folderTree {
    
}

#kbTree,
#dlTree {
    /*padding: 5px 15px 0px 15px;*/
    margin-left: 15px;
}

#kbTree *,
#dlTree * {
    font-size: 1em;
}

/*#kbTreeview a:hover {
    text-decoration: underline !important;
}*/
#panelkbTreeWrapper,
#kbTreeview {
    width: 100% !important;
}
#panelkbTreeWrapper li a {
    word-wrap: break-word;
    line-break: normal;
    word-break: break-word;
    white-space: normal;
}

#kbTreeview li div,
#kbTreeview li div:hover,
#kbTreeview li:hover {
    border: 0px !important;
    text-shadow: none !important;
}
#kbTreeview li a:hover { text-decoration: underline; }


/* Ticket */

#ticketSubmissionMethodSelection {
    margin: 10px 0;
}

#buttonContainer {
    margin: 10px 0;
}

div.formField {
    display: block;
    margin: 7px 0px 14px;
}

/* KB Article */
#articleAnswer {
	word-wrap: break-word;
	margin-bottom: 20px;
}
.voteCount {
    border-right: 1px dotted gray;
    padding-right: 5px;
}


.articleQuestion {
    margin: 5px 0px;
}

.h1, h1 {
    font-size: 1.7em;
    font-weight: bold;
}

.h2, h2 {
    font-size: 1.5em;
}

#topicInformation {
    border-top: 1px solid gray;
    padding-top: 10px;
}


/* Powered By */
#poweredby {
    width: 960px;
    margin: 10px auto;
}

/* Inputs, Selects, TextAreas, Fieldsets, Labels, etc. */
fieldset {
    display: block;
    margin: 10px 0 15px 0;
}

label {
    font-size: 1em;
}

select {
    background-color: #fff;
    color: #252e30;
    border: 1px solid #e1e1e1;
    height: 30px;
    line-height: 28px;
    min-width: 300px;
    text-indent: 3px;
    padding: 0px 3px;
}

select.multipleSelect {
    height: 100px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #fff;
	font-size: 1em;
	line-height: 1.2em;
}

.typeahead {
	position: relative;
	margin-top: 0px;
}

#facets {
	padding: 5px;
}

textarea {
    padding: 1%;
    min-height: 118px;
    width: 48%;
    border: none;
    background-color: #e1e1e1;
}

.radio, .checkbox {
    padding-left: 0;
    margin-right: 15px;
}

table {
    width: 100%;
}

/* TreeView Buttons */
#panelContentpanelkbTreeWrapper,
#panelkbTreeWrapper,
#panelkbTreeWrapperverticalScrollBar,
#panelkbTreeWrapperhorizontalScrollBar {
	border: 0px none transparent !important;
}

div#KBTreeControl button,
div#DLTreeControl button {
    background-color: #E1E1E1;
    color: #252e30;
    border: none;
    padding: 5px;
    margin: 0px 5px 5px 0px;
    font-weight: normal;
    cursor: pointer;
}

div#KBTreeControl button:hover,
div#DLTreeControl button:hover {
    background-color: #4668c5;
    color: #FFFFFF;
}

/* Sign In Page */

#loginForm {
    width: 40%;
    padding: 0 5% 0 0;
    border-right: 2px solid #252e30;
    margin: 0 3% 0 0;
}

#registerForm {
    float: right;
    width: 42%;
    padding: 0 3%;
}


/* Manage Favorite Products */
/* OLs & ULs */
ol.kbsplash,
ol.dlsplash {
    float: left;
    width: 47%;
    padding: 0;
    margin: 10px 3% 10px 0;
    list-style: none;
    min-height: 200px;
}

ol.kbsplash li
ol.dlsplash li {
    padding: 2px 0;
}

ol.kbsplash li.heading,
ol.dlsplash li.heading {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #252e30;
    margin: 0 0 5px 0;
}

ol.dlsplash li.heading span.desc {
    display: block;
}

ol.kbsplash li a,
ol.dlsplash li a {
    text-decoration: none;
}

ol.kbsplash li a:hover,
ol.dlsplash li a:hover {
    text-decoration: underline;
	color: #646464
}

#main {
    position: relative;
	top: 100px;
}

/* Manage Favorite Products */

div#products select {
    min-width: 100%;
    width: 40%;
}

input#txtProductsAutocomplete {
    height: 26px;
}

/* Tables */

table { width: 100%; }

div#parature_wrapper .tableList table { 
	width: 100%; 
	border-collapse: collapse; 
	margin-bottom: 20px; 
	border: 1px solid #d1d1d1;
	margin: 15px 0px;
}

div#parature_wrapper .tableList th a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px 2px 3px;
	display: block;
}

div#parature_wrapper .tableList th { 
	padding-bottom: 5px;
	text-align: left;
	color: white;
	background: #4668c5;
}

div#parature_wrapper .tableList td { 
	padding: 10px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #D1D1D1;
}

div#parature_wrapper .tableList td a {
	font-weight: bold;
	color: #4668c5;
}

/* Search Results */

div#results {
    margin: 20px 0;
    padding: 0;
}

div#results div.span3 {
    width: 200px;
    margin: 20px 0 0 0;
}

div#results div.span9 {
    width: 718px;
    margin: 0 0 0 40px;
}

div#results input[type="text"] {
    width: 100%;
    min-width: 100%;
}

div#results hr {
    margin: 10px 0 5px 0;
}

div.sortBy select {
    width: 125px;
    min-width: 125px;
}

li.nav-header.results {
    margin: 0 0 10px 0;
}

/* Email this Topic */
#SendEmail {
    padding: .4em;
    height: 250px !important;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    display: inline-block !important;
    margin-left: 5px;
    display: none !important;
}

#sendEmailFrom span {
	padding: 0px;
}


#sendEmailFrom #EmailFromText > i { color: #999999; }


#sendEmailFrom label {
    color: #999999;
    font-weight: normal;
}

#sendEmailFrom input {
    border: 1px solid #55C1BD;
    padding: 6px;
    margin: 0px;
    background: white;
}

/*FEEDBACK*/
#FirstName,
label[for=FirstName],
#feedbackForm form > label.formheader,
#ui-accordion-accordion-header-1,
#ui-accordion-accordion-header-2 {
    display: none !important;
}
#EmailAddressTo { padding: 0px; }
#feedbackForm > #form1,
.alert-success {
    padding: 10px;
    border: 1px solid #55C1BD;
    background: #F3F3F3;
    color: black;
}

#feedbackForm label {
    margin: 0px;
    color: #999999;
    font-weight: normal;
}

#feedbackForm input,
#feedbackForm textarea {
    padding: 6px;
    margin: 0px;
    background: white;
}

#feedbackForm input{
    border: 1px solid #55C1BD;
}

#feedbackForm textarea {
    border: 1px solid #999999;
}

.ui-accordion .ui-accordion-content {
    overflow: auto;
    padding: 0px;
    border: none;
}

#feedbackForm form > .buttonContainer {    
    float: none !important;
    width: 210px;
    position: relative;
    margin: 0px auto;
}

/* PARATURE DIALOG BOX */
div.ui-dialog[aria-describedby=dialog] .ui-widget-header button.ui-button {
    top: 14px;
}
div.ui-dialog .ui-button-text {
    overflow: hidden;
    height: 28px;
    line-height: 20px;
}

button.ui-button,
div.ui-dialog[aria-describedby=dialog] .ui-dialog-buttonpane .ui-dialog-buttonset > button,
#feedbackForm form > .buttonContainer input[type=submit],
#feedbackForm form > .buttonContainer input[type=button] {
    width: 90px;
    height: 30px;
    margin: 0 0 3.7px 6px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    font-size: 15px !important;
    padding: 0px;
}
    button.ui-button.send,
    div.ui-dialog[aria-describedby=dialog] .ui-dialog-buttonpane .ui-dialog-buttonset > button,
    #feedbackForm form > .buttonContainer input[type=submit] {
        background: #55C1BD;
        border-color: #55C1BD;
        color: #fff;
        margin: 0px 0px 0px 2px;
    }
        button.ui-button.send:hover,
        div.ui-dialog[aria-describedby=dialog] .ui-dialog-buttonpane .ui-dialog-buttonset > button:hover,
        #feedbackForm form > .buttonContainer input[type=submit]:enabled:hover {
		    background-color: #fff;
		    color: #4dc2bd;
	    }

    button.ui-button.cancel,
    #feedbackForm form > .buttonContainer input[type=button] {
        background: #fff;
        border-color: #000;
        color: #000;
        margin: 0px 2px 0px 0px;
    }
        button.ui-button.cancel:hover,
        #feedbackForm form > .buttonContainer input[type=button]:hover {
            background: #000;
            border-color: #fff;
            color: #fff;
        }

input[type=submit][disabled],
button[disabled] {
    background: #F3F3F3 !important;
    border-color: #cccccc !important;
    color: #cccccc !important;
}
    input[type=submit][disabled]:hover,
    button[disabled]:hover {
        background: #F3F3F3 !important;
        border-color: #cccccc !important;
        color: #cccccc !important;
    }

.validation-summary-errors { color: red; font-size: 12px; }
        
#dialog {
    height: 100px !important;
}

div.ui-dialog {
    padding: 0px;
    border-radius: 0px;
    border: 1px solid #55C1BD;
    width: 100% !important;
    max-width: 500px;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
}

.ui-widget-header {
    border: 0px;
    background: #55C1BD;
    color: #fff;
    font-weight: normal;
    border-radius: 0px;
    padding: .4em !important;
}
.ui-dialog-buttonpane {
    border: none;
    padding: 0px 0px .4em !important;
    margin: 0px !important;
}

.ui-dialog-buttonset {
    float: none !important;
    width: 185px;
    position: relative;
    margin: 0px auto;
}

    div[aria-describedby=dialog].ui-dialog .ui-dialog-buttonset,
    #feedbackForm form > .buttonContainer input {
        width: 100px;
    }



/* Breadcrumbs */
#contentHeaderArea {
    margin-bottom: 10px;
}

.breadcrumb {
    background-color: transparent;
    margin: 0px;
    vertical-align: middle;
    padding: 5px;
}


/* Specific Icons */
ul#contactIcons span#contactSupportIcon {
    background: url('/FileManagement/Download/8cf017c83ccd462c96e9d50a4c5b2f48');
    background-size: 20px;
}
    ul#contactIcons span#contactSupportIcon:hover,
    ul#contactIcons li:hover span#contactSupportIcon,
    ul#contactIcons li div:hover + span#contactSupportIcon {
        background:url('/FileManagement/Download/81074d69c3774143ab148ffdbe97f938');
        background-size: 20px;
    }
    ul#contactIcons span#contactSupportIcon[disabled],
    ul#contactIcons span#contactSupportIcon[disabled]:hover,
    ul#contactIcons li:hover span#contactSupportIcon[disabled],
    ul#contactIcons li div:hover + span#contactSupportIcon[disabled] {
        background:url('/FileManagement/Download/eb1874730a4e4fd4aeb58c2322592b6f');
        background-size: 20px;
    }
ul#contactIcons span#emailArticleIcon {
    background:url('/FileManagement/Download/f75aa58b622a4d789fbc4f9d98e443c3');
    background-size: 20px;
}
    ul#contactIcons span#emailArticleIcon:hover,
    ul#contactIcons li:hover span#emailArticleIcon,
    ul#contactIcons li div:hover + span#emailArticleIcon {
        background:url('/FileManagement/Download/c2692d04d6444734810ad9d17dbe5fb1');
        background-size: 20px;
    }
    ul#contactIcons span#emailArticleIcon[disabled],
    ul#contactIcons span#emailArticleIcon[disabled]:hover,
    ul#contactIcons li:hover span#emailArticleIcon[disabled],
    ul#contactIcons li div:hover + span#emailArticleIcon[disabled] {
        background:url('/FileManagement/Download/26099326da504983ab482dadf1e590be');
        background-size: 20px;
    }
ul#contactIcons span#printArticleIcon {
    background:url('/FileManagement/Download/7de231fc0736421aa37e7cd87ae2fcc8');
    background-size: 20px;
}
    ul#contactIcons span#printArticleIcon:hover,
    ul#contactIcons li:hover span#printArticleIcon,
    ul#contactIcons li div:hover + span#printArticleIcon {
        background:url('/FileManagement/Download/a53ae32b3e5f477bb58074135fc2662c');
        background-size: 20px;
    }
    ul#contactIcons span#printArticleIcon[disabled],
    ul#contactIcons span#printArticleIcon[disabled]:hover,
    ul#contactIcons li:hover span#printArticleIcon[disabled],
    ul#contactIcons li div:hover + span#printArticleIcon[disabled] {
        background:url('/FileManagement/Download/0ef0eebf3ec74aada2329d1933c1a874');
        background-size: 20px;
    }
ul#contactIcons span#topicFeedbackIcon {
    background:url('/FileManagement/Download/1320cafec1b54e238365a0123488bb00');
    background-size: 20px;
}
    ul#contactIcons span#topicFeedbackIcon:hover,
    ul#contactIcons li:hover span#topicFeedbackIcon,
    ul#contactIcons li div:hover + span#topicFeedbackIcon {
        background:url('/FileManagement/Download/585c8ce02b714cc0ab745d0c71431d14');
        background-size: 20px;
    }
    ul#contactIcons span#topicFeedbackIcon[disabled],
    ul#contactIcons span#topicFeedbackIcon[disabled]:hover,
    ul#contactIcons li:hover span#topicFeedbackIcon[disabled],
    ul#contactIcons li div:hover + span#topicFeedbackIcon[disabled] {
        background:url('/FileManagement/Download/085e2429f3464b66872bdd9c6e3de935');
        background-size: 20px;
    }        
        

/* Icons */
ul#contactIcons {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 11px;
    line-height: 12px;
    margin: 0px;
    vertical-align: middle;
    color: #000;
}
    ul#contactIcons div { width: 50px; }

    ul#contactIcons a,
    ul#contactIcons a div,
    ul#contactIcons div {
        color: #000;
        display: inline-block;
    }
    ul#contactIcons li:hover {
        cursor: pointer;
    }
    ul#contactIcons li:hover a,
    ul#contactIcons li:hover a div,
    ul#contactIcons li:hover div {
        color: #55C1BD;
        text-decoration: none;
        cursor: pointer;
    }
    ul#contactIcons li:hover span {
        background: #55C1BD;
        cursor: pointer;
    }
    ul#contactIcons span {
        float: left;
        background: #000;
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
        ul#contactIcons li:hover span[disabled],
        ul#contactIcons span[disabled] {
            background: #434343;
            cursor: default;
        }
        
        ul#contactIcons li div[disabled],
        ul#contactIcons li:hover div[disabled],
        ul#contactIcons li a[disabled],
        ul#contactIcons li:hover a[disabled] {
            color: #434343;
            text-decoration: none;
            cursor: default;
        }

/* 2 Main Products */
/*#threeMainProducts {
}
	#threeMainProducts .mainProduct {
		width: 170px;
		background-image: ;
		background-repeat: ;
		background-color: white;
		border-radius: 10px;
		border: 3px solid #4dc2bd;
		padding: 20px 10px;
	}
		
		#threeMainProducts .mainProduct:hover {
			border: 3px solid #fff;
			background-color: #4dc2bd;
			color: #fff;
		}
		#threeMainProducts .mainProduct:hover div.mainProductText {
			color: #fff;
		}
			
			#threeMainProducts a.mainProduct img {
				width: 50px;
				height: 50px;
			}

#threeMainProducts .mainProductText {
    width: 100%;
    color: #4dc2bd;
    font-weight: bold;
	font-size: 0.9em;
}*/

.left-block {
    display: block;
    margin-right: auto;
    margin-left: 0px;
}
.right-block {
    display: block;
    margin-right: 0px;
    margin-left: auto;
}


/* Glossary */

ul#glossary_alphabets {
    margin: 0 0 15px 0;
}

ul#glossary_alphabets li {
    float: left;
    margin: 0 7px 0 0;
}

/* Fight w/ Site.CSS */

div#products .row-fluid .span1 {
  width: 6.5%;
  margin: 20% 4% 0 5.5%;
}

/* jQWidgets Override */
.jqx-calendar-cell-selected-arctic,
.jqx-grid-cell-selected-arctic,
.jqx-grid-selectionarea-arctic,
.jqx-input-button-header-arctic,
.jqx-input-button-innerHeader-arctic,
.jqx-listitem-state-selected-arctic,
.jqx-menu-item-selected-arctic,
.jqx-menu-vertical-arctic .jqx-menu-item-top-selected-arctic,
.jqx-tree-item-selected-arctic {
    border: none;
}


div.jqx-tree-item-hover-arctic {
    background-color: transparent !Important;
    border: 1px solid transparent !Important;
    border-color: transparent !Important;
    border-radius: 0 !Important;
    -webkit-border-radius: 0 !Important;
    -moz-border-radius: 0 !Important;
}

@media (--break-lg) {
	.Site-content { 
		padding-top: var(--space-lg); 
	}
	.Site-content::after { 
		margin-top: var(--space-lg); 
	}
} 


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	/*#threeMainProducts a.mainProduct img {
		width: 50px;
		height: 50px;
	}
	#threeMainProducts .mainProduct { width: 170px; }*/
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/*#threeMainProducts a.mainProduct img {
		width: 50px;
		height: 50px;
	}
	#threeMainProducts .mainProduct { width: 170px; }*/
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/*#threeMainProducts a.mainProduct img {
		width: 50px;
		height: 50px;
	}
	#threeMainProducts .mainProduct { width: 130px; }*/
    
    .sidebar-menu {
      width: 300px;
      height: 100%;
      background: #fff;
      position: fixed;
      top: 0;
      right: -300px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -webkit-transform: translateX(0) translateZ(0);
      transform: translateX(0) translateZ(0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
      transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
      z-index: 600;
    }

    .sidebar-menu.show-nav {
      -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
      transform: translateX(-300px);
      -webkit-transform: translateX(-300px) tranlateZ(0);
      -ms-transform: translateX(-300px) tranlateZ(0);
      transform: translateX(-300px) tranlateZ(0);
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0);
      overflow-y: scroll;
      -moz-box-shadow: -1px 0 20px #252e30;
      -webkit-box-shadow: -1px 0 20px #252e30;
      box-shadow: -1px 0 20px #252e30;
      padding: 50px 0px;
    }

    ul#kbTreeview a,
    #sidebar-nav a,
    #sidebar-navSearch a {
        color: #01588a !important;
    }

    .nav-toggle {
      display: block;
      position: fixed;
      top: 30px;
      right: 30px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -webkit-transform: translateX(0) translateZ(0);
      transform: translateX(0) translateZ(0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
      transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

    .nav-toggle span {
      color: #252e30;
      padding: 5px;
      font-size: 1.875em;
      background-color: white;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
    }
        .nav-toggle span:hover {
          color: #fff;
          background-color: #252e30;
        }

    /*.no-touch .nav-toggle span:hover { color: black; }*/

    /*.nav-toggle span.fa-times { color: #fff; background-color: black;}

    .nav-toggle span.fa-times:hover { color: #fff; background-color: black;}*/

    .nav-toggle.show-nav {
      top: 5px;
      right: 20px;
    }
	#sidebar {
		padding-top:0;
	}
    #selectLanguage {display: block;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	#threeMainProducts a.mainProduct img {
		width: 10vw;
		height: 10vw;
	}
	#threeMainProducts .mainProduct {
		padding: 10px;
		width: 20vw;
	}
	#customLanguageSelector li input {
        display: none;
	}
	#sidebar {
		padding-top:0;
	}
    #footerContent {
        display: block;
        list-style-type: none;
    }

        #footerContent li::before {
            content: none;
        }
    #languageSelector {
	    display: block;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	#threeMainProducts a.mainProduct img {
		width: 10vw;
		height: 10vw;
	}	
	#threeMainProducts .mainProduct {
		padding: 10px;
		width: 20vw;
	}	
	#customLanguageSelector li input {
		font-size: 3.1vw;
		padding: 6px 1vw;
	}
	#panelContentpanelkbTreeWrapper ul li div span a {
		font-size: 3.8vw
	}
}