/* -------------------------------------------------------------------- 
          	  	 ----- Super-User Style ---------
          	  	 
          	  	 Theme Individual Solution
	          
          By Gabriele Ruettgers, Worldline, 2014
          
				Version 1.0 01/2014
-------------------------------------------------------------------- */

/* INHERIT FROM: KAWWA "k-structure.css and k-theme0.css" */

/* CSS index:
	THEME'S DEFAULT VALUES
		HEADLINES
		TABLE
		LINKS
		GENERAL SECTION
		TOOL TIPS
		SPECIAL HEADER
	FORM SPECIFICS
		SUB-FIELDSETS
		CHECKBOXES
		RADIOS
		MANDATORY INFO
		REQUIRED FIELD
		INPUT HELP
		FIELD COMMENT
		GROWL MESSAGES
		ERROR MESSAGES
		CONFIRM MESSAGES
		INFO MESSAGES
		WARNING MESSAGES
		FORM BUTTONS
			INPUT BUTTON/SUBMIT
			INPUT BUTTON/RESET
			DISABLED INPUT
			BUTTON STYLE
		DATEPICKER
		FORM WIZARD
		FORM VALUES
			FORM ELEMENTS
			GENERAL INPUTS
			PAN
			INLINE BUTTON
	NAVIGATION 
		MAIN NAV/ FIRST LEVEL
		SUB NAV
		NAVI BAR
		VERTICAL MENU
		BREADCRUMBS
		TREE-VIEW
		TREE-VIEW GRID
	TABLE SPECIFICS
		DYNAMIC TABLES
	SITE UTILITIES
		TOOLS LINKS
		SEARCH
		ACTION BUTTONS
		ACTION BUTTONS IMAGES
		PAGINATION
		MODAL
	BLOCKS
		TABS
		IMAGE CAROUSEL
		COLLAPSIBLE PANELS
		DESCRIBTION LIST
	SPECIAL PAGES LAYOUT
	MEDIA QUERIES
*/
/* -----------------------  Reihenfolge für Links ------------------------------------ */
/* 
a:link  
a:visited   
a:focus  
a:hover  
a:active 
 */

/* --------------------------------------------------------------------------- */
/* -------------------------- THEME'S DEFAULT VALUES ------------------------- */
/* --------------------------------------------------------------------------- */

body {
	color: #2D8282;
}

header[role=banner], #header {
	background: #ffffff no-repeat scroll 0 0;
    color: #2D8282;
}
#wrapper {
	color: #000;
	background: none repeat scroll 0 0 transparent;
}
footer[role=contentinfo], #footer {
	background: #fdfdfd none repeat scroll 0 0;
}

footer[role=contentinfo] p.k-copyright, #footer p.k-copyright {
	color: #2D8282;
}
.half {
    border-right: 1px dashed #0066a1;
}
.half + .half {
	border: none;
}
.half + .half + .half {
	border-right: 1px dashed #0066a1;
    clear: left;
}
.half + .half + .half + .half {
    border: medium none;
    clear: none;
}
a { color: #2D8282; background: transparent; text-decoration: none; }
a:link { color: #2D8282; background: transparent; text-decoration: none; }
a:visited { color: #2D8282; background: transparent; text-decoration: none; }
a:focus { color: #2D8282; background: transparent; text-decoration: none; }
a:hover { color: #2D8282; background: transparent; text-decoration: none; }
a:active { color: #2D8282; background: transparent; text-decoration: none; }

/* --CB/ HEADLINES -- */
#content_header h1  {
    color: #fff;
}
h2 {
	border-bottom: 1px solid #2D8282;
    color: #2D8282;
}
h2.k-skip {background: none;}

h3 {
	background: none;
    border-bottom: 1px dashed #2D8282;
    color: #2D8282;
}
h4 {
	color: #2D8282;
}
#checkpointFieldset h4 {
    border-bottom: 1px solid #ccc;
    color: #000099;
    float: left;
    font-weight: normal;
    margin: 15px 0 8px;
    padding: 0;
    width: 100%;
}
h4.headline_innergrid {
    background: #2D8282 none repeat scroll 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #ffffff;
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
h4.headline_innersection {
    background: #2D8282 none repeat scroll 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #ffffff;
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
h5 {
	background: url(../../img/bg_h5info.png) no-repeat scroll 8px 0px transparent;
	border-bottom: 1px solid #2D8282;
	color: #2D8282;
}
strong {
  color: #2D8282;
}
.details_third {
    clear: none;
    float: left;
    width: 32.7%;
}
.noBreakLine {
	border: none;
}
.details_third.noBreakLine {
    border-right: none;
}
.leftBreakLine {
	border-left: 1px dotted #0066a1;
}
.details_third.dlBorder {
  border-right: 1px dashed #0066a1 !important;
}
dl.details_third.clearLeft {
  clear: left;
}
 
/* -- CE/ HEADLINES -- */


/* -- CB/ HELP IMAGES -- */
.details_third.helpImage > dd {
    width: 45.6%;
}
.helpImage #showEmailAddress > dd {
    width: 45%;
}
.details_third.helpImage #showEmailAddress img {
    float: none;
    left: 0px;
}

dl.half.helpImage dd {
    width: 63%;
}
dl.half.helpImage input[type="text"] {
    width: 95%;
}
dl.half.helpImage select {
    width: 95%;
}
dl.half.helpImage select.k-required {
    width: 95%;
}
dl.half img.tooltip {
    float: left;
    margin-top: 6px !important;
    position: relative !important;
}

/* -- CE/ HELP IMAGES -- */


/* ----------------------------------------Error Text behind input fields ------ */
.help-block {
    display: none;
}


/* -- CB/ K-PANEL -- */

.generalSection.collapsible-section {
    color: #000;
}
.k-panel .control {
	font-size: 0.75em;
	text-shadow: none;
	color: #FFF;
	background: transparent url(../../img/k-theme0/unfold-trans.png) 10px 0.3em no-repeat;
	background-color: #2D8282;
}
.generalSection.collapsible-section h4.collapsible-header {
	font-size: 0.8em;
	text-shadow: none;
	color: #FFF;
	background: transparent url(../../img/k-theme0/unfold-trans.png) 10px 0.19em no-repeat;
	background-color: #2D8282;
}
.k-panel .control.ui-state-active {
	background: transparent url(../../img/k-theme0/fold-trans.png) 10px 0.19em no-repeat;
	background-color: #2D8282;
    background-size: auto 60%;
}
.generalSection.collapsible-section h4.collapsible-header.state-block {
	background: transparent url(../../img/k-theme0/fold-trans.png) 10px 0.2em no-repeat;
	background-color: #2D8282;
	
}
.control.ui-state-active.withoutCollapsabilitie {
  background-image: none;
  padding-left: 0px;
}
.k-panel .content {
	background: #f2f2f2 none repeat scroll 0 0;
	border-radius: 0 0 4px 4px;
	border: none;
	border-top: none;
}
.k-panel .content > .content:first-child {
    border: none;
}
.generalSection.collapsible-section .content {
	background: #f2f2f2 none repeat scroll 0 0;
	border-radius: 4px;
	border-top: none;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
}
.k-panel.generalSection h4.control {
    background-image: none;
    padding: 2px 0 4px 13px;
}
#finderContainer .k-panel .content {
    background: #f2f2f2 none repeat scroll 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#finderContainer .k-panel .content > .content:first-child {
    border: none;
}

#viewEmailTemplatesPanel {
    background: #f2f2f2 none repeat scroll 0 0;
}
/* -- CE/ K-PANEL -- */

/* -- CB/ GENERAL SECTION -- */
section.generalSection {
	color: #333333;
	float: left;
    width: 100%;
}
section.generalSection_half {
    color: #333333;
    float: left;
    padding: 1em 0;
    width: 100%;
}
section.generalSection hr {
    background-color: #3C70A7;
    color: #3C70A7;
    display: block;
    float: left;
    height: 0.05em;
    margin: 0;
    opacity: 0.6;
    width: 100%;
}
section.generalSection hr:first-child {
    display: none;
}
#changePwForm section.generalSection {
	background: none;
    border: 1px solid #D6D6D6;
    -webkit-box-shadow: 1.5px 1.5px 2px #AAAAAA;
            box-shadow: 1.5px 1.5px 2px #AAAAAA;
}
#finderSelect section.generalSection_half {
    padding: 0 0 1em;
    width: 50%;
    margin: 0;
}
/* -- CE-GENERALSECTION -- */

/* -- CB/ TOOL TIP -- */
img.tooltip {
	cursor: help;
    margin-top: 4px;
    right: -7px;
}
dd img.tooltip {
    cursor: help;
    margin-top: 3px;
    right: -7px;
}
dl img.tooltip {
    right: 12px;
}
span.tooltipImg img.tooltip {
    float: left;
    left: 8px;
    position: relative;
    top: 1px;
}
span#tooltip > img {
    margin-left: 1px !important;
    margin-top: 18px !important;
    position: relative !important;
}
dl.fullSize span.tooltipImg img.tooltip {
    float: left;
    position: relative;
    right: -5px;
    top: 1px;
}
#changePwForm dd img.tooltip {
    cursor: help;
    margin-top: 3px;
    position: relative;
    right: -3px;
}
dl.details_third img.tooltip {
	float: left;
    left: 7px;
    margin-left: -4px !important;
    margin-top: 6px !important;
    position: relative !important;
}

dl.fullSize.helpImage img.tooltip {
   position: relative !important;
    left: 7px;
    margin-top: 7px;
    float: left;
}

dl.fullSize.helpImage div > dd {
    width: 79%;
}
dl.fullSize.helpImage div.inline-button > dd {
  width: auto;
}
.k-buttons-bar.inline {
  display: inline-block;
  float: none;
  margin: 3px 0 0 10px;
}
.k-buttons-bar.inline.signingKeyButton {
    margin-left: 100px;
    width: auto;
    display: inline-block;
    margin-left: 30px;
    margin-top: 0;
}
dl.fullSize.helpImage dd {
    width: 79%;
    display: inline-block;
    clear: none;
}

/* -- CE/ TOOL TIP -- */

#critZone.t-zone {top: 4px;}
p.taskSearch {
	float: left;
	margin: 0 0 0 0.4em;
}
p.taskSearch select {
	float: left;
    margin: 0 8px 0 0;
    padding: 0;
    width: auto;
}
div.zoneButtonContainer {
    float: right;
    margin: 10px 0;
    padding: 0;
    text-align: right;
}
span.inlineButton a, span.inlineButton a:link {color: #FFFFFF;}
span.inlineButton a:visited, span.inlineButton a:hover, span.inlineButton a:focus {color: #FFFFFF;}
abbr {border-bottom: 1px dashed #CCC;}
.fliesstext {
    color: #333333;
    font-size: 0.85rem;
}
.fliesstext p {
    float: left;
    font-size: 0.80rem;
    margin: 5px 0;
    width: 100%;
}
.fliesstextDL {
    float: left;
    font-size: 0.80rem;
    margin: 5px 0 5px 8px;
    width: 100%;
}
.fliesstextDL.message {
    border-left: 2px solid #2D8282;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
}
.positionRel {
	position: relative;
}
.emptyP {color: #2D8282;}
/* ------------------------------------------------------------- special header formate -- */

#logo_ips {
    color: #2D8282;
}

#logo_awl {
    background: transparent url(../../img/logos/equensWorldline_Grey_Turquoise_RGB.png) no-repeat scroll center 38% / contain;
}

a.logo, a.logo:link {
	float: left;
    height: 100%;
    padding: 0;
    width: 100%;
}

a.inlineBt.home, a.inlineBt.home:link, a.inlineBt.home:visited {
    background: transparent url(../../img/bt_home.png) no-repeat scroll 4px 3px / auto 18px;
    padding: 0;
    background-size: auto 65%;
}
a.inlineBt.home:hover, a.inlineBt.home:focus, a.inlineBt.home:active {
    background: transparent url(../../img/bt_home_hover.png) no-repeat scroll 4px 3px / auto 18px;
    padding: 0;
    background-size: auto 65%;
}

#logoutLink a.logout, #logoutLink a.logout:link {
    background: transparent url(../../img/link_icon.png) no-repeat scroll left 3px;
    padding-left: 15px;
}
#logoutLink a.logout:focus, #logoutLink a.logout:hover, #logoutLink a.logout:active {
    background: transparent url(../../img/link_icon.png) no-repeat scroll left 3px;
    padding-left: 15px;
    padding-right: 0;
}
/* --------------------------------------------------------------------------- */
/* ------------------------------ FORM SPECIFICS ----------------------------- */
/* --------------------------------------------------------------------------- */
/* -- label in general -- */
label {
    color: #2D8282;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
}

/* -- For fields in the same paragraph -- */
label.k-online {
	float: none;
	width: auto; 
	text-align: left; 
	padding-left: 2em;
}

/* -- label for tenantZone -- */
.tenantselection lable {
    color: #2D8282;
    float: left;
    margin-right: 15px;
    width: auto;
}

/* -- For side-to-side fielsets -- */
.to-left { background: url(../../img/threeCols_higru.png) repeat-y scroll 0 0 transparent; }
.to-right {	background: url(../../img/threeCols_higru.png) repeat-y scroll 0 0 transparent; }


/* -- For clearly divided sub-fieldsets -- */
/* ------------------------------------------------------------- SUB-FIELDSETS -- */
/* -- CB/ subFieldsets -- */

fieldset.k-sub-group {
	padding: 10px 20px 10px;
	margin-bottom: 20px;
	border-top: 1px solid #CCC;
}
fieldset.k-sub-group legend {
	height: 2em;
	line-height: 2em;
	text-align: left;
	color: #000;
	background: #EEE;
	padding-left: 0.4em;
	border: 1px solid #CCC;
}
fieldset.k-sub-group legend label {
	width: auto;
	text-align: left;
}
	
/* -- CE/ subFieldsets -- */

/* ------------------------------------------------------------- CHECKBOXES -- */
/* -- CB/ checkboxes -- */

/* -- In a fieldset -- */
	
fieldset.k-check legend {
	float: left;
	width: 15em; 
	font-size: 0.7em;
	text-align: right;
	color: #000;
	background: none;
	padding: 0.6em 1em 0 0;
}
fieldset.k-check label {
	float: none;
	display: inline;
	font-weight: normal;
	padding-right: 1.5em;
}

/* -- Applied to paragraphs -- */
p.k-check {
	width: auto; 
	padding-left: 16.3em;
}
p.k-check label {
    float: none;
    width: auto;
    font-weight: normal;
    text-align: left;
}

/* -- Unique labels -- */
label.k-check {float: none; width: auto; font-weight: normal; text-align: left;}

/* -- List of inputs -- */
ul.k-check label {
    float: none;
    width: auto;
    font-weight: normal;
    text-align: left;
}
/* -- CE/ checkboxes -- */

/* ------------------------------------------------------------- RADIOS -- */
/* -- CB/ radios -- */

/* -- Fieldset elements for radios -- */
fieldset.k-radio {
	clear: both; 
	padding: 0; 
	margin: 0; 
	border: none;
}
fieldset.k-radio legend {
	float: left;
	width: 15em;
	font-size: 0.7em;
	text-align: right;
	color: #000;
	background: none;
	padding: 0.6em 1em 0 0;
}
fieldset.k-radio label {
	float: none;
	display: inline;
	font-weight: normal;
	padding-right: 1.5em;
}
/* -- CE/ radios -- */

/* ------------------------------------------------------------- MANDATORY INFO -- */
/* -- CB/ mandatoryInfo -- */

p.k-mandatory {
	color: #2D8282;
	background: transparent;
}
p.k-mandatory + p.k-mandatory {
    display: none;
}
.k-mandatory > span {
    color: #ff0000;
    font-size: 1.1rem;
    vertical-align: -4px;
}
.k-panel #certificateCredentialDetail p.k-mandatory {
    position: relative;
    right: 10px;
}

.tabbed-list + div.content .k-mandatory {
    position: absolute;
    top: -30px;
    right: 0;
    float: right;
	width: auto;
}
	
/* -- CE/ mandatoryInfo -- */

/* ------------------------------------------------------------- REQUIRED FIELD -- */
/* -- CB/ requiredField -- */

input.k-required {
	background: #FFF url(../../img/k-theme0/bg_required.png) 0.2em 0.2em no-repeat;
    color: #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    padding: 0 0 2px 16px;
    width: 100%;
}
input[type="text"].k-required {
	background: #FFF url(../../img/k-theme0/bg_required.png) 0.2em 0.2em no-repeat;
    color: #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    padding: 0 0 2px 16px;
    width: 100%;
}
#fileContent.k-required {
    background: #fff url(../../img/k-theme0/bg_required.png) no-repeat scroll right 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #0066a1;
    float: left;
    padding: 0 15px 0 0;
    width: auto;
}

#changePwForm input.k-required {
    width: 20%;
}
input#fileContent.k-required[type="file"] {
    background: #d3deeb url(../../img/k-theme0/bg_required.png) no-repeat scroll right 6px;
}
	
/* -- CE/ requiredField -- */


/* ------------------------------------------------------------- FIELD COMMENT --- */
/* -- CB/ fieldComment -- */

.tipsy {
	font-size: 0.65em;
	background-repeat: no-repeat;
	background-image: url(../../img/k-theme0/tipsy.gif);
    padding: 5px;
}
.tipsy-inner {
    max-width: 200px;
    text-align: center;
    color: #FFF;
    background-color: #000;
    padding: 5px 8px 4px 8px;
}
/* -- CE/ fieldComment -- */

/* --------------------------------Message Fields jQuery-jgrowl  ---------------------  */

/* --------------------------------------------    errorField -- */

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-error {
    background: #fff url(../../img/achtung_hg.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #CC0000;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-close {
    background-color: #CC0000;
    border: 1px solid #CC0000;
    border-radius: 5px;
    color: #fff;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #CC0000;
    color: #CC0000;
    font-size: 0.9rem !important;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-message {
    background-color: #fff;
    color: #444;
}
.jGrowl-message li {
    display: list-item;
    font-size: 0.75rem;
    list-style-type: disc;
    margin-left: 10px;
}
/* --------------------------------------------------------    warningField -- */
.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-warn {
    background: #fff url(../../img/warning_hg.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #FF7F00;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-close {
    background-color: #FF7F00;
    border: 1px solid #FF7F00;
    border-radius: 5px;
    color: #fff;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #FF7F00;
    color: #FF7F00;
    font-size: 0.9rem !important;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-message {
    background-color: #fff;
    color: #666;
}
/* --------------------------------------------------------    confirmField -- */
.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-success {
    background: #fff url(../../img/haken_hg_gruen.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #aea400;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-close {
    background-color: #aea400;
    border: 1px solid #aea400;
    border-radius: 5px;
    color: #fff;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #aea400;
    color: #aea400;
    font-size: 0.9rem !important;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-message {
    background-color: #fff;
    color: #666;
}
/* --------------------------------------------------------    infoField  -- */
.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-info {
    background: #fff url(../../img/i_hg_blau.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #0066a1;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-close {
    background-color: #0066a1;
    border: 1px solid #0066a1;
    border-radius: 5px;
    color: #fff;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #0066a1;
    color: #0066a1;
    font-size: 0.9rem !important;
}
div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-message {
    background-color: #fff;
    color: #666;
}
/* ---  Close All - Button  --- */
div#jGrowl div.jGrowl-closer {
    background-color: #fff;
    border: 2px solid #0066a1;
    border-radius: 3px;
    color: #0066a1;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    width: auto;
}
/* ------------------------------------------------------------- ERROR FIELD -- */
/* -- CB/ errorField -- */
/* -- Contextual field error message -- */

.k-contextual-error {
	font-size: 90%;
	font-weight: bold;
	color: #C00;
	background: transparent;
	padding-left: 5px;
	vertical-align: 4px;
	float: left;
	width: 100%; 
	text-align: center;
}
span.k-contextual-error:before {
    display: none;
}
span.k-contextual-error {
	display: none; 
}
.tjq-error-popup {
    clear: none;
    display: none !important;
    float: right;
    font-size: 0.7rem;
    margin-left: 8px;
}
INPUT.t-error, TEXTAREA.t-error, SELECT.t-error {
    border-color: #FF0000;
    color: #000000;
    font-style: normal;
}
input.k-field-error {
    border: 1px solid #CC0000 !important;
}
IMG.t-error-icon {
    display: none !important;
}
.queuesPage tr.error, 
.queuesPage td.error,
.servicePage tr.error,
.servicePage td.error {
    background-color: #fa8072;
}
.queuesPage td.warn,
.servicePage td.warn {
    background-color: #ffff00;
}
/* -- CE/ errorField -- */

/* -- CE/ errorMessages -- */	
/* ------------------------------------------------------------- Warning MESSAGES -- */
/* -- CB/ Warning Messages -- */

.warningMessage { 
	color: #000066;
}
.onboardingSingnupMsg {
    color: #2D8282;
}
.soapMessageDisplay {
	word-wrap: break-word;
	max-width: 768px;
}
.soapMessageDisplayContainer {
	float: left;
    width: 100%;
}
.soapMessageRequestDisplay {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    max-width: 1020px;
    padding: 12px;
    width: 100%;
    white-space: pre-wrap; 
    word-wrap: break-word; 
}
.soapMessageHeadline {
	float: left;
    width: 70%;
}
.k-buttons-bar.messageRequest {
    border: medium none;
    clear: none;
    display: inline;
    float: right;
    width: auto;
}
/* -- error -- */
DIV.t-exception-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    -webkit-box-shadow: 6px 6px 3px #888888;
            box-shadow: 6px 6px 3px #888888;
    left: 50px;
    position: fixed;
    top: 50px;
    z-index: 1;
}
/* ------------------------------------------------------------- FORM BUTTONS -- */
/* -- Buttons bar for inputs -- */


/* ------------------------------------------------------INPUT ACTIONS --  */
/* -- Valid actions - must duplicate declarations for IE6!! -- */
input[type=button], input[type=submit] {
	  color: #FFF;
}

/* -- hover -- */
input[type=button]:hover, input[type=submit]:hover, a.k-button:hover {
	color: #FFF;
	background: transparent;
	border: none;
	border-color: transparent;
}
input[type=button]:hover {
	background: none repeat scroll 0 0 #0066a1;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

/* -- focus -- */
input[type=button]:focus, input[type=submit]:focus, a.k-button:focus {
	color: #FFF;
	background: transparent;
	border: none;
	border-color: transparent;
}
input[type=button]:focus {
	background: none repeat scroll 0 0 #0066a1;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

/* -----------------------------------------------------Disabled actions -- */
input[type=submit]:disabled, input[type=button]:disabled,
input[type=submit]:disabled.btsubmit {
	color: #E5E5E5;
	background: #CCC;
	border: 1px solid #CCC;
}

input[type=button]:disabled.disabled:hover {
    text-decoration: none;
}

.k-disabled {
	color: #777;
	background: #CCC;
	border: 1px solid #CCC;
}
.btAction.disabled {
	color: #777;
	background: #CCC;
	border: 1px solid #CCC;
}
a.btAction.disabled, a.btAction.disabled:link, a.btAction.disabled:hover {
    cursor: default;
    text-decoration: none;
}
		
/* ---------------------------------------------------Optional actions -- */
input[type=button].optional, input[type=submit].optional {
	color: #FFF;
	background: #990;
	border: 1px #990 solid;
}
a.k-button.optional, a.k-button.optional:link, a.k-button.optional:visited {
	color: #FFF;
	background: #990;
	border: 1px #990 solid;
}
/* -- hover -- */
input[type=button].optional:hover, input[type=submit].optional:hover, a.k-button.optional:hover {
	color: #FFF;
	background: #000;
	border-color: #000;
}
/* -- focus -- */
input[type=button].optional:focus, input[type=submit].optional:focus, a.k-button.optional:focus {
	color: #FFF;
	background: #000;
	border-color: #000;
}
	
/* --------------------------------------------------- Reset Actions -- */
input[type=button].reset, input[type=reset] {
	color: #FFF;
	background: #0066a1;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
a.k-button.reset, a.k-button.reset:link, a.k-button.reset:visited {
	background: none repeat scroll 0 0 #0066a1;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
}
input[type="button"].reset, input[type="reset"] {
    background: none repeat scroll 0 0 #0066a1;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    padding: 0 3px\9;
}	

/* -- Hover/Focus -- */
input[type=button].reset:hover, input[type=reset]:hover, a.k-button.reset:hover {
	color: #FFF;
	background: #0066a1;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
input[type=button].reset:focus, input[type=reset]:focus, a.k-button.reset:focus {
	color: #FFF;
	background: #0066a1;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
	
/* --------------------------------------------------- Submit Actions -- */	
input[type="button"], input[type="submit"] {
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
    color: #FFF;
    padding: 0 3px\9;
}
.btsubmit {
	background-color: #46BEAA;
	border: none;
	color: #fff;
	padding: 0 3px\9;
}
input[type="button"].btsubmit, input[type="submit"].btsubmit {
	background-color: #46BEAA;
	border: none;
	color: #fff;
	text-decoration: none;
	float: right;
	padding: 0 3px\9;
}
input[type="button"].btsubmit:hover, input[type="submit"].btsubmit:hover {
	text-decoration: underline;
}

input[type="button"].submit, input[type="submit"] {
    background: none repeat scroll 0 0 #46BEAA;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    padding: 0 3px\9;
}
input[type=button].submit:hover, input[type=submit]:hover, a.k-button.submit:hover {
	text-decoration: underline;
}
input[type=button].submit:focus, input[type=submit]:focus, a.k-button.submit:focus {
	text-decoration: underline;
}
/* ----------------------------------------------------------- BT CANCEL -- */		
input[type="button"].btcancel, input[type="submit"].btcancel {
	background-color: #808080;
	border: none;
	color: #fff;
}
input[type="button"].btcancel:hover, input[type="submit"].btcancel:hover {
	text-decoration: underline;
}

input.btcancel {
	background-color: #808080;
	border: none;
	color: #fff;
	padding: 0 3px\9;
}
input[type="button"].btcancel, input[type="submit"].btcancel {
	padding: 0 3px\9;
}

a#editBtn.btsubmit {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 5px;
    padding: 0 8px;
    text-transform: uppercase;
    background-color: #46BEAA;
    color: #fff;
    border-radius: 3px;
}
a#editBtn.btsubmit:hover {
    text-decoration: underline;
}

/* --------------------------------------------------- COLOR CANCEL/ SUBMIT -- */		
input.colorCancel[type="button"], input.colorCancel[type="submit"] {
    background: none repeat scroll 0 0 #808080;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    padding: 0 8px 1px;
    width: auto;
}
#welcomePg a.btAction.colorCancel, #welcomePg a.btAction.colorCancel:link, #welcomePg a.btAction.colorCancel:visited, #welcomePg a.btAction.colorCancel:hover, #welcomePg a.btAction.colorCancel:focus, #welcomePg a.btAction.colorCancel:active  {
    margin: 0;
}
a.colorCancel, a.colorCancel:visited {
    background: none repeat scroll 0 0 #808080;
    border: medium none;
    color: #FFFFFF;
}	
input.colorSubmit[type="button"], input.colorSubmit[type="submit"] {
    background: none repeat scroll 0 0 #46BEAA;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    padding: 0 8px 1px;
    width: auto;
}
a.colorSubmit, a.colorSubmit:visited {
    background: none repeat scroll 0 0 #46BEAA;
    border: medium none;
    color: #FFFFFF;
}
a.colorSubmit.loginLink, a.colorSubmit.loginLink:visited {
    background-color: #ff9326;
    float: left;
}


/* ------------------------------BUTTON STYLE -------------------------- */
.k-buttons-bar {
 border: medium none;
}
.k-button, a.k-button, a.k-button:link, a.k-button:visited {
	background: none repeat scroll 0 0 #46BEAA;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}
a.k-button:hover,
a.k-button:focus {
   text-decoration: underline;
}
#changePwForm section.generalSection .k-buttons-bar {
    margin-right: 13px;
}


/* ------------- CB ONLINE HELP  --------------- */
p.k-buttons-bar.onlineHelp a.onlineHelp, p.k-buttons-bar.onlineHelp a.onlineHelp:link {
    background: #fff url(../../img/onlineHelp.png) no-repeat scroll right center / contain ;
    border: 1px solid #fff;
    -webkit-box-shadow: 1px 1px #666;
            box-shadow: 1px 1px #666;
    color: #46BEAA;
    float: right;
    font-size: 0.7rem;
    height: 14px;
    line-height: 13px;
    margin: 0;
    padding: 0 22px 0 5px;
    right: 0;
}
p.k-buttons-bar.onlineHelp a.onlineHelp:link:hover {
    text-decoration: underline;
}
/* ------------- CB  end ONLINE HELP  --------------- */

input.file {
    opacity: 0;
}
.fileinput label {
    color: #0066a1;
}
.fakeTextInput {
	border:1px solid #919FB3;
	float: left;
} 
.fakeButton {
	background: #46BEAA url(../../img/bg_lft_reset.png) no-repeat scroll left top;
	border: medium none;
	color: #FFFFFF;
}
.fileinput ul input {
    background: none repeat scroll 0 0 #46BEAA;
    border-radius: 3px;
}
.radio input {
	background-color: #fff;
	color: #000;
	border-color: transparent;
}
.functionBarLeft {
    float: left;
}

/* ------------------------------------------------------------- DATEPICKER -- */
/* -- CB/ datepicker -- */

input.k-datepick {width: 7em; text-align: left;}

/* -- Calendar button -- */
img.ui-datepicker-trigger {
	padding: 2px 5px 0;
	vertical-align: top; 
	cursor: pointer; 
	position: relative; 
	left: -21px;
}
button.ui-datepicker-trigger {
    background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll 5px 3px transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
}
/* -- Today's date link -- */
td.ui-datepicker-today a, td.ui-datepicker-today a:link, td.ui-datepicker-today a:visited {
	color: #FFF;
	background: #990;
}
/* -- Values for calendar table -- */
.ui-datepicker {
	display: none;
	margin: 0;
	background: #F2F2F2;
	border: 1px solid #808080;
}
.ui-datepicker th {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	color: #FFF;
	background: #66A3C7;
	padding: 0.2em;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	text-decoration: none; 
	padding: 0 0.2em;
}
.ui-datepicker td a:hover {
	color: #FFF;
	background: #990;
}

.calendar, .calendar table {
    z-index: 9999;
    font-size: 0.95em !important;
}
/* -- Month/Year title -- */
.ui-datepicker .ui-datepicker-title {
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	background: none repeat scroll 0 0 #F2F2F2;
    color: #0066A1;
	padding: 0.3em 0;
}
/* -- Prev/Next Arrows -- */
.calendar .nav div {
    background: none repeat scroll 0 0 transparent !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 23px;
	height: 23px; 
}
.ui-datepicker .ui-icon {
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	cursor: pointer;
}
.ui-icon-circle-triangle-w {
	width: 16px;
	height: 16px;
	background: transparent url(../../img/k-theme0/date_prev.gif) 0 2px no-repeat;
}
.ui-icon-circle-triangle-e {
	width: 16px;
	height: 16px;
	background: transparent url(../../img/k-theme0/date_next.gif) right 2px no-repeat;
}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;  
}
IMG.t-calendar-trigger {
	cursor: pointer;
	padding-left: 3px;
	position: relative;
	top: 7px;
}

.reveal-div img.t-calendar-trigger {
    top: 2px;
}
.disabledAction {
    background: silver url(../../imgs/bt_details.png) repeat-y scroll left 1px;
}
/* -- CE/ datepicker -- */

/* -------------------------------------------------------- FORM WIZARD -- */
/* -- CB/ formWizard -- */

ul.k-form-steps {
	clear: both; 
	margin-bottom: 1em; 
	padding: 0;
}
ul.k-form-steps li {
	display: inline-block;
	list-style-type: none;
	font: 1em StagBook, Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #BBB;
	background: #FFF;
	margin-right: 5%;
}
ul.k-form-steps strong {
	display: block; 
	font-size: 120%;
}

/* -- States -- */
ul.k-form-steps li.past {
	color: #000; 
	background: #FFF;
}
ul.k-form-steps li.active {
    color: #F60;
    background: #FFF url(../../img/k-theme0/bg_step.gif) 0 0.3em no-repeat;
    padding-left: 10px;
}

/* -- CE/ formWizard -- */

/* -- List for Sub Scheme Specific Details from Services-- */
ul#subSchemeList li {
	display: block;
}
/* ------------------------------ FORM VALUES ----------------------------- */

/* -----------------------------------------------------General inputs -- */
input {
	background: #FFFFFF;
	border: 1px solid #919FB3;
	color: #333333;
}
input[type=checkbox], input[type=radio] {
	background: #FFF;
	border: none;
}
input:focus, select:focus, textarea:focus {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    color: #333333;
}
input[type=checkbox]:focus, input[type=radio]:focus {
	outline: none;
}
input[type=text]:disabled, input[type=text]:disabled:hover {
	color: #000;
	background: #CCC;
	border-color: #CCC;
}
input.iconLike {
	background-color: transparent;
	border: medium none;
}
span.fileuploadFake span.reset {
    background: none;
}
input[type="file"] {
    background-color: #D3DEEB;
    border: medium none;
    color: #0066a1;
}
input[type="file"]:focus {
	background-color: #D3DEEB; 
	border-left: medium none;
}
input[type="file"] + input[type="submit"] {}
input[type="file"].k-required {
    width: auto;
    background: #FFF url(../../img/k-theme0/bg_required.png) 0.2em 0.5em no-repeat;
}

/* -- COLORPICKER -- */

input[type="color"] {
    margin: 8px;
    padding: 0 25px 0 0;
    background: #FFF url(../../img/color-picker.svg) no-repeat 90% center / 15px;
    cursor: pointer;
}

/* --------------------------------------------------------- FORM ELEMENTS --- */
form p {
    margin: 3px 0;
}

/* -- single Password Container --- */
p.containerPassword {
    float: left;
    width: 100%;
}
p.containerPassword label {
    width: auto;
}
p.containerPassword input.k-required {
    width: 20%;
}
p.containerPassword input.dummyHide[type="text"] {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    color: transparent;
    border: none;
    background-color: transparent;
}

.label-authUsername {
	display:none;
}

div.passwordDiv{
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
div.password-content {
    background-color: #fefefe;
    border: 1px solid #888;
    float: left;
    margin: 15% 40%;
    padding: 20px;
    width: 20%;
}
input.password-input{
    width: 0;
    height: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    color: transparent;
}
.modalPassword {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.modalPassword > label {
    line-height: 1.83em;
    width: auto;
}

.modalPassword input#passwordString {
    background: #fff url("../../img/k-theme0/bg_required.png") no-repeat scroll 0.2em 0.4em;
    height: 1.83em;
    line-height: 1.83em;
    margin: 0 5% 0 0;
    padding-bottom: 0;
    vertical-align: top;
    width: 42%;
    padding-left: 15px;
}

/* ----------------------------------------------------- End of single Password Container --- */

.trenner {
    border: medium none;
    border-top: 1px solid #2D8282;
}
.trenner_third {
    background: url(../../img/1_trenner.gif) repeat-x scroll 5px 9px transparent;
    border: medium none;
}
.trenner_small {
    background: none;
    border: medium none;
} 
fieldset {
    background: #f2f2f2 none repeat scroll 0 0;
    border: medium none;
    color: #000000;
}
fieldset#checkpointFieldset {
    display: inline;
    float: none;
    font-size: 0.8em;
    font-weight: normal;
    vertical-align: top;
    margin-bottom: 15px;
    background: none;
}
fieldset#checkpointFieldset > p {
    color: #000;
    display: table;
    float: none;
    font-size: 0.8rem;
    margin: 0;
    padding: 0 0 0 5px;
    width: auto;
}
legend {
	background: none repeat scroll 0 0 transparent !important;
    color: #517CAC;
}
label em {color: #F00; background: transparent;}
   
select {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #919FB3;
    color: #333333;
}		
textarea {
	background-color: #FFFFFF;
    border: 1px solid #555555;
    color: #555555;
    border: 1px inset #999999;
    border-radius: 3px;
    font-size: 0.75rem;
    min-height: 100px;
    padding: 2px;
    width: 90%;
}
dl.fullSize textarea {
    padding: 0.5%;
    width: 97%;
    font-size: 0.9rem;
}
dl.fullSize textarea.k-required {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    padding:0.5% 0.5% 0.5% 15px;
    width: 100%;
    font-size: 0.9rem;
}
dl.fullSize dd.certificate {
	width: 500px;
    float: left;
	word-break: break-all;
}
fieldset input[type=text] {
    width: 100%;
}
input[type=text] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    width: 100%;
}
fieldset#checkpointFieldset > input {
    clear: none;
    display: block;
    float: left;
    margin: 1px 8px 0 0;
    padding: 0;
}

/* --------------------------------------------------------------------------- */
/* ------------------------------- NAVIGATION -------------------------------- */
/* --------------------------------------------------------------------------- */

/* -------------------------------------------------------- MAIN NAV/FIRST LEVEL -- */
nav {
    background: none;
}

#ul_main_navigation {
    background: #444444 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
}

#ul_main_navigation a, #ul_main_navigation a:link, #ul_main_navigation a:visited {
	color: #fff;
	background-color: transparent; 
}
#ul_main_navigation a:hover {
	text-decoration: underline;
}
#ul_main_navigation li {
	border-right: 1px solid #eee;
	color: #2D8282;
}
/* -- only layout for Translation-key shown -- */
#main_navigation.translationKeysShown #ul_main_navigation li {
    background: #2D8282 none repeat scroll 0 0;
}
#main_navigation.translationKeysShown #ul_main_navigation li#tabOn::before {
    background: #eeeeee none repeat scroll 0 0;
    border-color: #eee;
    border-style: solid;
    border-width: 34px 4px 0 0;
    content: "";
    float: left;
    height: 0;
    left: -4px;
    position: relative;
    width: 0;
}
#ul_main_navigation li#tabOn {
	background: #eeeeee none no-repeat scroll 0 3px;
    color: #2D8282;
}
/* -- only layout for Translation-key shown -- */
#main_navigation.translationKeysShown #ul_main_navigation li#tabOn {
    background: #eeeeee none repeat scroll 0 0;
}

#ul_main_navigation li#tabOn a, #ul_main_navigation li#tabOn a:link, #ul_main_navigation li#tabOn a:visited {
	color: #2D8282;
	text-decoration: underline;
	background-color: transparent; 
}

/* ------------------------- Sub-Navigation --------------------------------- */
/*  -- TABS -- */
#sub_navigation ul.tabs {
    background: #eeeeee none repeat scroll 0 0;
    border-top: none;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 15%);
}
#sub_navigation strong {
	border-right: 1px solid #2D8282;
}
#ul_sub_navigation li {
	background-color: #C4D3E3;
}

/* ---------------------    Navi - Bar       ----------------------  */

.navi a.bgmore_print, 
.navi a.bgmore_print:link, 
.navi a.bgmore_print:visited {
	background: transparent url(../../img/bt_print_list_fieldset.fw.png) no-repeat scroll 0 center / contain;
	color: #fff;
}
.navi a.bgmore_print:hover,
.navi a.bgmore_print:active {
	background:  transparent url(../../img/bt_print_list_fieldset.fw.png) no-repeat scroll 0 center / contain;
	color: #fff;
}
.navi a.bgmore_print:focus {
	background:  transparent url(../../img/bt_print_list_fieldset.fw.png) no-repeat scroll 0 center / contain;
	color: #fff;
	outline: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	text-decoration: underline;
}
a.more.bgmore, a.more.bgmore:link, a.more.bgmore:visited {
    background: transparent url(../../img/bt_export_list_withe.png) no-repeat scroll 0 center / contain ;
    color: #fff;
	padding-left: 25px;
}
a.more.bgmore:hover, a.more.bgmore:active {
    background: transparent url(../../img/bt_export_list_withe.png) no-repeat scroll 0 center / contain ;
    color: #fff;
	padding-left: 25px;
}
a.more.bgmore:focus {
    background: transparent url(../../img/bt_export_list_withe.png) no-repeat scroll 0 center / contain ;
    color: #fff;
	padding-left: 25px;
	outline: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	text-decoration: underline;
}
a.attachment_export {
    background: transparent url(../../img/bt_export_list.gif) no-repeat scroll 0 center / contain ;
    color: #0066a1;
    padding-left: 19px;
}


div.navi_panel.translationKeysShown .more_print.bgmore_print,
div.navi_panel.translationKeysShown .more_print.bgmore_print:link,
div.navi_panel.translationKeysShown .more_print.bgmore_print:visited,
div.navi_panel.translationKeysShown .more_print.bgmore_print:hover,
div.navi_panel.translationKeysShown .more_print.bgmore_print:focus,
div.navi_panel.translationKeysShown .more_print.bgmore_print:active
 {
    background-color: #0066a1;
}
div.navi_panel.translationKeysShown .more.bgmore,
div.navi_panel.translationKeysShown .more.bgmore:link,
div.navi_panel.translationKeysShown .more.bgmore:visited,
div.navi_panel.translationKeysShown .more.bgmore:hover,
div.navi_panel.translationKeysShown .more.bgmore:focus,
div.navi_panel.translationKeysShown .more.bgmore:active
 {
    background-color: #0066a1;
}
.navi a.bgmore_downld, .navi.bgmore_downld:link, .navi.downld_print:visited {
	background: transparent url(../../img/bt_download.gif) no-repeat scroll 0 0;
}
.navi a.bgmore_downld:hover, .navi.bgmore_downld:focus, .navi.bgmore_downld:active {
	background: transparent url(../../img/bt_download.gif) no-repeat scroll 0 0;
}

.navi a.btConfig, .navi.btConfig:link, .navi.btConfig:visited {
	background: transparent url(../../img/config.png) no-repeat scroll 0 0;
}
.navi a.btConfig:hover, .navi.btConfig:focus, .navi.btConfig:active {
	background: transparent url(../../img/config.png) no-repeat scroll 0 0;
}

.navi a.bgButtonPrint, .navi.bgButtonPrint:link, .navi.bgButtonPrint:visited {
	background: transparent url(../../img/bt_print.gif) no-repeat scroll 0 0;
}
.navi a.bgButtonPrint:hover, .navi.bgButtonPrint:focus, .navi.bgButtonPrint:active {
	background: transparent url(../../img/bt_print.gif) no-repeat scroll 0 0;
}

/* ------------------------------------------------------------ VERTICAL MENU -- */
/* -- CB/ vmenu -- */

p.aid {
	display: none;
	font-weight: bold;
	padding: 3px;
}
#menu p.aid a, #menu p.aid a:link, #menu p.aid a:visited {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #F60;
	padding: 0.2em 5px.5em;
}
#menu p.aid a:before {content: "<< ";}
#menu p.aid a:hover, #menu p.aid a:focus {
	color: #FFF;
	background: #000;
}
ul.k-menu { 
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #CCC;
}
ul.k-menu li {
	float: left;
	width: 100%;
	padding: 0 0 11px;
	list-style-type: none;
}
ul.k-menu a, 
ul.k-menu a:link, 
ul.k-menu a:visited {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: #808080 url(../../img/k-theme0/unfold-trans.png) right 0.3em no-repeat;
	padding: 3px 28px 3px 4%;
	cursor: pointer;
}
ul.k-menu a:focus {
	color: #FFF;
	background: #F60 url(../../img/k-theme0/unfold-trans.png) right 0.3em no-repeat;
}
ul.k-menu a.ui-state-active, 
ul.k-menu a.ui-state-active:link, 
ul.k-menu a.ui-state-active:visited {
	color: #FFF;
	background: #F60 url(../../img/k-theme0/fold-trans.png) right 0.3em no-repeat;
}

/* -- If there's no sub-menu -- */
ul.k-menu a.one-level, 
ul.k-menu a.one-level:link, 
ul.k-menu a.one-level:visited {
	background-image: none;
}
ul.k-menu a.one-level:focus {background-image: none;}

ul.k-menu li.active a.one-level, 
ul.k-menu li.active a.one-level:link, 
ul.k-menu li.active a.one-level:visited {
	background: #F60;
}
/* -- Level 2 -- */
ul.k-menu ul.level2 {
	float: left;
	width: 100%;
	padding: 0;
	border: 1px solid #BFBFBF;
}
ul.k-menu ul.level2 li {
	width: 94%;
	font-size: 90%;
	padding: 0.5em 2% 0.5em 4%;
	border-top: 1px dashed #CCC;
}
ul.k-menu ul.level2 li:first-child {border: none;}
ul.k-menu ul.level2 a, 
ul.k-menu ul.level2 a:link, 
ul.k-menu ul.level2 a:visited { 
	font-weight: normal;
	text-decoration: none;
	color: #555;
	background: #FFF;
	padding-left: 0;
}
ul.k-menu ul.level2 a:hover, 
ul.k-menu ul.level2 a:focus {text-decoration: underline;}
ul.k-menu ul.level2 ul li {
	list-style-type: disc; 
	padding: 0; 
	border: none;
}
	
/* -- Active section -- */
ul.k-menu ul.level2 li.active a, 
ul.k-menu ul.level2 li.active a:link,
ul.k-menu ul.level2 li.active a:visited {
	font-weight: bold;
	color: #F60;
	background: #FFF;
}
ul.k-menu li.active strong {
	font-weight: bold;
	color: #F60;
	background: #FFF;
}
		
/* -- CE/ vmenu -- */

/* ----------------------------------------------------- BREADCRUMBS -- */
/* -- CB/ breadcrumbs -- */
p.k-breadcrumbs {
    background: none repeat scroll 0 0 transparent;
    color: #797300;
    display: none;
}
/* -- CE/ breadcrumbs -- */

/* ----------------------------------------------------- TREE-VIEW -- */
/* -- CB/ treeview -- */

div.k-tree {}
div.k-tree li {
	list-style-type: none; 
	background: #FFF url(../../img/k-theme0/tree_sprite.gif) -90px 0 repeat-y;
}
div.k-tree li.jstree-last {background: none;}
div.k-tree li ins {background: transparent url(../../img/k-theme0/tree_sprite.gif) -90px 0 repeat-y;}
div.k-tree li.jstree-leaf > ins {background-position: -36px 0;}
div.k-tree li.jstree-closed > ins {background-position: -54px 0;}
div.k-tree li.jstree-open > ins {background-position: -72px 0;}
div.k-tree a .jstree-icon {background-position: -56px -19px;}
div.k-tree a, div.k-tree a:link {
	display: inline-block;
	color: #000;
	background: #FFF;
}
div.k-tree a:hover {
	color: #000;
	background: #DFEFF6;
}
div.k-tree a:focus {
	color: #000;
	background: #DFEFF6;
	border: 1px solid #F60;
}
div.k-tree a.jstree-clicked {
	color: #000;
	background: #DFEFF6;
}
/* -- CE/ treeview -- */

/* ----------------------------------------------------- TREE-VIEW GRID -- */
/* -- CB/ treeviewGrid -- */
div.k-tree-grid {
	float: left;
	width: 100%;
	padding: 1em 0;
	margin-bottom: 1em;
	border-top: 2px solid #06A;
	border-bottom: 2px solid #06A;
}
div.k-tree-grid div.tree {
	float: left;
	overflow: auto;
	width: 20%;
	height: 25em;
	padding: 0 0 2%;
}
div.k-tree-grid div.tree-content {
	float: right;
	overflow: auto;
	width: 74%;
	height: 25em;
	padding: 2%;
	border-left: 1px dashed #06A; 
}
div.k-tree-grid ul.actions {
	padding: 2px 5px 0;
	margin: 0 0 1em;
	background: #EFEFEF;
}
div.k-tree-grid ul.actions li {
	display: inline-block;
	list-style-type: none;
}
/* -- CE/ treeviewGrid  -- */

/* --------------------------------------------------------------------------- */
/* ------------------------------ TABLE SPECIFICS ---------------------------- */
/* --------------------------------------------------------------------------- */

/* ------------------------------------------------------------- DYNAMIC TABLES -- */

table {border:0 none; color: #2D8282; background: #FFF; margin-bottom: 20px;}
caption {
	background-color: transparent;
    border: 1px dotted #2D8282 !important;
    color: #2D8282!important;
 }
 
 /* -- highlighted row of selected result in result list -- */
tr.selectedResultRowClass td {
	background-color: rgba(70,190,170, 0.75);
	color: #fff;
}
section TABLE.t-data-grid {border-left: none; border-right: none;}
section TABLE.t-data-table tr th { border-left: none; border-right: 1px solid #C0C0C0;}
section TABLE.t-data-table tr th + th { border-left: 1px solid #C0C0C0;}
section TABLE.t-data-table tr TD { border-left: none; border-right: 1px solid #C0C0C0;}
section TABLE.t-data-table tr TD + td { border-left: 1px solid #C0C0C0;}

th {
	color: #ffffff;
	background: #2D8282;
	border-top: none;
	border-bottom: medium none;
}
th a, th a:link, th a:visited {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    color: #2D8282;
}
th a:hover {
	color:#46BEAA;
}
th[data-grid-column-sort] a {
    background: none !important;
	width: auto;
	padding: 0 !important;
	margin: 0;
}

th[data-grid-column-sort] a img {
    vertical-align: bottom;
    padding-left: 2px;
    width: auto;
    height: 15px;
}

#reportDesignSearchResult th[data-grid-property="creationDate"] a img, 
#reportDesignSearchResult th[data-grid-property="lastModified"] a img {
  vertical-align: bottom;
  padding-left: 2px;
  width: auto;
  height: 15px;
}

#reportDesignSearchResult th[data-grid-property="action"] a img, 
#reportDesignSearchResult th[data-grid-property="allowedFrequencies"] a img {
  display: none;
}

th a.descending, th a:link.descending, th a:visited.descending {
	background: url(../../img/k-theme0/sort_desc.png) no-repeat scroll right -5px transparent;
}
th a.ascending, th a:link.ascending, th a:visited.ascending {
	background: url(../../img/k-theme0/sort_asc.png) no-repeat scroll right 2px transparent;
}
div tr th.action {
	background:none repeat scroll 0 0 transparent;
	border: none;
	color: #2D8282;
}
table tr th a {
    color: #2D8282;
}
table thead tr th {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #2D8282;
	background-color: #d6d6d6 !important;
}
TABLE.t-data-table TH {
    color: #2D8282 !important;
}
table.t-data-grid thead tr th {
    padding: 5px 20px !important;
    text-align: center !important;
    white-space: normal !important;
    position: relative;
    padding-right: 20px !important;
}
table.t-data-grid tr th A {
    font-size: 0.75rem !important;
    text-align: center !important;
    vertical-align: middle;
}
table.t-data-grid th img {
    position: absolute;
}
td {
	border-bottom:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
}
tr:nth-child(even) {color: #2D8282; background: #eeeeee;}
table tbody tr td {
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}
td input.inlineBt.delete[type="checkbox"] {
    float: left;
    margin: 7px 1px 0;
    padding: 0;
    vertical-align: bottom;
}
ul.k-actions a, ul.k-actions a:link, ul.k-actions a:visited {
    border: 1px solid #FFFFFF;
    color: #000000;
    background-color: #0066a1;
    -webkit-box-shadow: none;
            box-shadow: none;
}
ul.k-actions a.bt-view {
    background: url(../../img/bt_details.png) no-repeat scroll 0 0 #0066a1;
}
td a.inlineBt, td a.inlineBt:link, td a.inlineBt:visited {
    background-color: #2D8282;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #000000;
    cursor: pointer;
}
/* --  no Permission to see action link -- */
td a.inlineBtInactive {
    display: none;
}
/* --  Button is display but not clickable -- */
td a.inlineBt.inactiveBtn,
td a.inlineBt.inactiveBtn:link,
td a.inlineBt.inactiveBtn:visited,
td a.inlineBt.inactiveBtn:focus,
td a.inlineBt.inactiveBtn:hover,
td a.inlineBt.inactiveBtn:active {
    background-color: rgb(65, 63, 63);
	pointer-events: none;
	cursor: default;
}
td a.inlineBt:focus,
td a.inlineBt:hover {
    background-color: #46BEAA;
    color:transparent;
}
a.inlineButtonOff:focus,
a.inlineButtonOff:hover {
    background-color: #46BEAA;
    color:transparent;
}
a.inlineButtonOn:focus,
a.inlineButtonOn:hover {
    background-color: #0066a1;
    color:transparent;
}
td a.inlineBt.unsubscribe, td a.inlineBt.unsubscribe:link, td a.inlineBt.unsubscribe:visited {
    background: url(../../img/unsubscribe.png) no-repeat scroll 0 0 #0066a1;
    color: transparent;
    display: none;
}
td a.inlineBt.unsubscribe:focus, 
td a.inlineBt.unsubscribe:hover {
    background-color: #555555;
    color: transparent;
    display: none;
}
td a.inlineBt img, td a.inlineBt:link img, td a.inlineBt:visited img {
    float: left;
    height: 100%;
    padding: 0;
    width: 100%;
}
td a.inlineBt:hover img {
    float: left;
    height: 100%;
    padding: 0;
    width: 100%;
}
td a.inlineBt img[src*="bt_edit.png"], 
td a.inlineBt:link img[src*="bt_edit.png"], 
td a.inlineBt:visited img[src*="bt_edit.png"],
td a.inlineBt:hover img[src*="bt_edit.png"] {
    max-width: 16px;
    max-height: 16px;
    padding: 1px 0 0 2px;
}
a.inlineButtonHideID, a.inlineButtonHideID:link, a.inlineButtonHideID:visited {
    background-color: #0066a1;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #000000;
    cursor: pointer;
    float: left;
    padding: 0;
}
a.inlineButtonHideID img, .inlineButtonHideID img {
    vertical-align: top;
}
a.inlineButtonShowID, a.inlineButtonShowID:link, a.inlineButtonShowID:visited {
    background-color: #6639B7;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #000000;
    cursor: pointer;
    float: left;
    padding: 0;
}
a.inlineButtonShowID img, .inlineButtonShowID img {
    vertical-align: top;
}

/* ------------  PAN  ---------  */
.authID {
    float: left;
    font-size: 100%;
    margin-right: 5px;
}
/* -- Data table lines -- */

div.dataTables_length label {
	font-size: 0.75em;
	font-weight: normal;
	width: auto;
	white-space: nowrap;
	padding: 0;
}
div.dataTables_length select {
	font-size: 0.95em;
	height: 18px;
	line-height: 18px;
	margin-right: 5px;
	padding: 0 0 0 3px;
	vertical-align: top;
	width: auto;
}
/* -- Data table filter -- */
div.dataTables_filter {}
div.dataTables_filter label {
	float: right;
    font-size: 0.75em;
    font-weight: normal;
    text-align: right;
    width: 45%;
}
/* -- Data table info -- */	
div.dataTables_info {
	position: absolute;
	width: 30%;
	top: 7px;
	left: 28%;
	font-size: 0.7em;
	text-align: center;
}
/* -- Dynamic pagination -- */
div.dataTables_paginate {float: right; width: auto; font-size: 0.7em;}
div.dataTables_paginate span {padding: 0 1em;}
div.dataTables_paginate .paginate_button {cursor: pointer;}
div.dataTables_paginate .paginate_button_disabled {
	color: #999;
	cursor: default;
}
div.dataTables_paginate .paginate_active {
	font-weight: bold;
	color: #F60;
	cursor: default;
}
/* -- CE/ dynamicTables -- */

/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- SITE UTILITIES------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TOOLS LINKS --- */
/* -- CB/ toolslinks -- */
div.k-tools {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: medium none;
    color: #000000;
}
ul.k-tools-list li:first-child {border: none;}
ul.k-tools-list a, ul.k-tools-list a:link {
	color: #FFF;
	background: #0066a1 url(../../img/k-theme0/sprite_arrows.png) 0 -567px no-repeat;
}
/* -- CE/ toolslinks -- */

/* -------------------------------------------------------------------- SEARCH -- */
/* -- CB/ siteSearch -- */

form.k-search {float: right; width: auto; padding-right: 2%;}
form.k-search p {padding: 0.4em 0 0; margin: 0;}
#searchTag {width: 15em; height: 1.2em; vertical-align: bottom;}
form.k-search input[type = submit] {
    font-size: 90%;
	text-transform: none;
    color: #FFF;
    background: #000;
    padding: 0 2px;
    margin: 0 0 0 -5px;
	border-color: #000;
	border-bottom: 3px solid #000;
	outline: none;
	vertical-align: top;
}
.ui-autocomplete {
    position: absolute;
    color: #555;
    background: #FFF;
	padding: 0;
    border: 1px solid #BFBFBF;
    cursor: default;
}
.ui-autocomplete li {
    list-style-type: none;
	padding: 0;
}
.ui-autocomplete a, 
.ui-autocomplete a:link, 
.ui-autocomplete a:visited {
    display: block;
    padding: 2px 8px;
}
.ui-autocomplete a:hover {color: #FFF; background: #999;}	
form.k-search .ui-state-hover, 
form.k-search .ui-state-focus {
    color: #FFF;
    background: #999;
}

/* -- CE/ siteSearch -- */
/* --------- autocomplete Ticket assign  ------------------- */

dd .ui-autocomplete-input {
    width: 35em;
    float: left;
}
dl.fullSize dd span.ui-helper-hidden-accessible {
    display: none;
    margin-left: 10px;
}
ul.ui-autocomplete {
	color: #0066a1;
}

/* --------------------CB/ ACTION BUTTONS --------------------- */
a.btAction, 
a.btAction:link, 
a.btAction:visited, 
a.btAction:active {
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 5px;
    padding: 0px 8px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    width: auto
}
a.btAction:hover, 
a.btAction:focus {
	text-decoration: underline;
}
p a.btInAction, 
a.btInAction:hover {
 border-radius: 3px;
	font-size: 0.75rem;
    font-weight: bold;
    height: 18px;
    line-height: 17px;
    margin: 0 0 0 5px;
    padding: 0 8px;
	text-decoration: underline;
	text-transform: uppercase;
	vertical-align: top;
	width: auto;
	background: #484B4D;
}
/* --- END  Button Styles   ------ */

/* --------------------------------------------------------- PAGINATION --- */
/* -- CB/ pagination -- */

div.k-pagination {
	background: none repeat scroll 0 0 #FFFFFF;
   	border-bottom: 1px dashed #0066a1;
   	border-top: 1px dashed #0066a1;
   	color: #0066AA;
}
div.k-pagination p {color: #0066AA;}
div.k-pagination p.total-pages {color: #0066AA;}

p.lines-to-display {color: #0066AA;}

div.k-pagination strong {
	background: none repeat scroll 0 0 transparent;
   	color: #0066AA;
}
p.page-numbers strong, 
p.page-numbers a, 
p.page-numbers a:link {
    background: none repeat scroll 0 0 #C4D3E3;
    border-radius: 3px;
    color: #0066AA;
}
p.page-numbers strong {
    background: none repeat scroll 0 0 #fff;
    color: #0066AA;
}
p.page-numbers a:hover {
    background: none repeat scroll 0 0 #C4D3E3;
    border-radius: 3px;
    color: #0066AA;
}
/* --- Pagination KAWWA-Grid --- */
div.pagination {
	float: left;
	margin: 5px 0;
	padding-top: 6px;
	width: 99%;
}
TABLE.t-data-grid {
    margin-bottom: 5px;
}
p.resNum {
	float: left;
    margin: 0;
    padding: 5px 0;
    width: 40%;
}
p.resNum label {
    padding-top: 3px;
    width: auto;
}
p.resNum select {
    font-size: 100%;
    width: auto;
}
p.resNumHidden {
	float: left;
    margin: 0;
    padding: 5px 0;
    width: 40%;
}
p.resNumHidden label {
    padding-top: 3px;
    width: auto;
}
p.resNumHidden select {
    font-size: 100%;
    width: auto;
}
p.total {
	float: left;
    padding-top: 5px;
    text-align: center;
    width: 20%;
}
 p.total strong {
    background: none;
    color: #2D8282 ;
    display: inline;
    padding: 0;
}
p.pagNums {
	float: right;
    padding-right: 8px;
    padding-top: 5px;
    text-align: right;
    width: 39%;
}
p.pagNums a:link {
	font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
}
p.pagNums a:visited {
	font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
}
p.pagNums a:hover {
	font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
}
/* --  end KAWWA-Grid pagination -- */

/* ---------------------------------MODAL   ----------------- */
/* --  reveal modal windows -- */
.t-zone {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;
}
.zoneTaskSearch.t-zone {
    width: auto;
}
#serviceZone h2 {
    border-bottom: 0.1rem dotted #0066a1;
    font-size: 0.75rem;
    height: auto;
    margin: 0 0 5px;;
    padding: 0;
    vertical-align: top;
    width: 99.4%;
}
.reveal-modal {
	background: none repeat scroll 0 0 #EEEEEE;
    position: fixed;
    top: 50px !important;
    z-index: 9999 !important;
}
#updateMerchantDiv.reveal-modal {
    position: fixed !important;
    top: 40% !important;
    z-index: 99;
    float: left;
}
#updateSubscriptionDiv.reveal-modal {
    position: fixed !important;
    top: 40% !important;
    z-index: 9999;
    float: left;
}
#rejectServiceDiv.reveal-modal {
    position: fixed !important;
    top: 40% !important;
    z-index: 9999;
    float: left;
}
.reveal-modal input[type="text"] {
    display: inline;
    float: right;
    font-size: 0.75rem;
    margin: 5px 0;
    padding: 1px 0.5%;
    width: 94%;
}

.reveal-div img#dateFieldUpdate-trigger.t-calendar-trigger {
    float: left;
}
.reveal-modal button.ui-datepicker-trigger {
    background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll 0 3px transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: inline;
    float: left;
    margin: 5px 0;
    padding: 0;
    width: 3%;
}
.reveal-modal input[type="button"], 
.reveal-modal input[type="submit"] {
    float: right;
}
.reveal-modal textarea {
    background-color: #FFFFFF;
    border: 1px inset #999999;
    border-radius: 3px;
    color: #555555;
    float: left;
    font-size: 0.75rem;
    margin: 5px 0;
    min-height: 100px;
    padding: 0.5%;
    width: 98.5%;
}

.reveal-div dl.fullSize dt {
    width: 30%;
    margin: 10px 0;
}
.reveal-div dl.fullSize dd {
    width: 65%;
}
.reveal-modal input.k-required[type="text"] {
    padding: 0 0 2px 16px;
}

/* -- counter -- */
.labeldcounter {
    color: #2D8282;
    display: inline;
    float: none;
    font-size: 0.75rem;
    font-weight: normal;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: right;
}
.labeldcounter:after {
    content: ':';
}
.pcounter {
    display: inline;
    float: none;
}

/*  -- Modal Window - Datepicker and password field -- */


p.modalDatepicker.modalPassword {
    width: 100%;
	float: left;
	line-height: 1.83em;
	height: 1.83em;
	vertical-align: bottom;
	margin-top: 5px;
}

.reveal-modal p.modalDatepicker input[type="text"] {
    width: 30%;
    float: right;
    margin: 0;
}

.modalDatepicker IMG.t-calendar-trigger {
    float: right;
    margin-right: 1%;
    top: 0;
    height: 1.7em;
}

.modalDatepicker.modalPassword label {
    width: auto;
    text-align: left;
    margin: 0 8px 0 0;
    padding: 0;
}

.modalPassword input#passwordString {
    width: 42%;
    margin: 0 5% 0 0;
    height: 1.83em;
    line-height: 1.83em;
    vertical-align: bottom;
    background: #FFF url(../../img/k-theme0/bg_required.png)0.2em 0.4em no-repeat;
    padding-bottom: 0;
}
.reveal-modal p.modalDatepicker input.dummyHide[type="text"] {
    width: 0;
    height: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    color: transparent;
}

/* ------------------------- Dialog-Modal Windows ------------------ */
 /* -- Overlays -- */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-overlay {
	background: #aaaaaa url(../../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(../../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
 border-radius: 8px;
}
.ui-dialog {
	background: #eee url(../../img/modal-gloss.png) no-repeat scroll -200px -80px;
    border: 1px solid #2D8282;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    opacity: 1;
    outline: 0 none;
    padding: 20px 10px;
    position: absolute;
    top: 0;
    z-index: 9999;
}
.ui-dialog .ui-dialog-titlebar {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    padding: 0.4em 0;
    position: relative;
    width: 100%;
}
.ui-dialog .ui-dialog-title {
    background-color: #2D8282;
    border: medium none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    float: left;
    margin: 0 0 1em;
    overflow: hidden;
    padding: 3px 15px 4px 10px;
    text-decoration: none;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 0.85rem;
    font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close {
	display: none;
	background: url(../../img/bt_delete.gif) repeat-y scroll 0 0 #0066AA;
    border: medium none;
    color: transparent;
    height: 20px;
    margin: 0 1px 0 0;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    cursor: pointer;
}
.ui-dialog .ui-dialog-content {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    clear: both;
    font-size: 0.75em;
    height: auto !important;
    padding: 0.5em 0.8em;
    position: relative;
}
.ui-dialog-content p {
    font-size: 0.80rem;
}
.ui-dialog .ui-dialog-content textarea {
	width: 100%;
}
.ui-dialog .ui-dialog-buttonpane {
	float: right;
    margin: 10px 0;
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
    margin-bottom: 0.5em;
    width: 100%;
}
.ui-dialog .ui-dialog-buttonpane button {
	background: none repeat scroll 0 0 #6639B7;
	border: none;
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0 0 0 3px;
    padding: 0 8px 1px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
} 

.ui-dialog button.ui-datepicker-trigger {
    background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll 0 3px transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: inline;
    float: left;
    margin: 5px 0;
    padding: 0;
    width: 3%;
}

.ui-dialog textarea {
    background-color: #FFFFFF;
    border: 1px inset #999999;
    border-radius: 3px;
    color: #555555;
    float: left;
    font-size: 0.75rem;
    margin: 5px 0;
    min-height: 100px;
    padding: 0.5%;
    width: 98.5%;
}

.ui-dialog input.k-required[type="text"] {
    padding: 0 0 2px 16px;
}
.ui-dialog p.modalDatepicker input[type="text"] {
    width: 30%;
    float: right;
    margin: 0;
}
.ui-dialog p.modalDatepicker input.dummyHide[type="text"] {
    width: 0;
    height: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    color: transparent;
}

/* -- Start palette -- */

div.palette {
    margin-left: 8px;
}

div.palette-title {
    background-color: #2D8282 !important;
    font-size: 0.85rem;
}
div.palette select {
    font-size: 0.85rem;
}
/* -- QR Backend -- */

a#newsigningkey, a#newsigningkey:link, a#newsigningkey:visited {
    background: #0066a1 none no-repeat scroll right 5px center;
    border: 1px solid #0066a1;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 0.75rem;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 8px;
}
a#newsigningkey:hover {
    text-decoration: underline;
}

/* -- End QR Backend -- */
/* -- Convention Style -- */
a.conventionLink, 
a.conventionLink:link, 
a.conventionLink:visited {
	background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed;
    color: #2D8282;
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 5px;
    padding: 0;
}
a.conventionLink:hover, 
a.conventionLink:focus {
	background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed;
    color: #2D8282;
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 5px;
    padding: 0;
}
a.conventionLink + span.conventionInfoText, 
a.conventionLink:link + span.conventionInfoText, 
a.conventionLink:visited + span.conventionInfoText {
    display: none;
}
a.conventionLink:hover + span.conventionInfoText, 
a.conventionLink:focus + span.conventionInfoText {
    background-color: #fff;
    border: 1px solid #2D8282;
    float: none;
    left: 90%;
    padding: 5px;
    position: absolute;
    top: -220%;
    width: 330px;
    display:block;
}
/* -- show Browser Information -- */
.browserInfo {
    background-color: #fff;
    border: 1px solid #2D8282;
    float: none;
    left: 90%;
    padding: 5px;
    position: absolute;
    top: -200%;
    width: 200px;
    display:block;
}
.k-commons {
    float: left;
    padding-left: 0.5%;
    width: 99%;
}
#commentsection > p {
    background: transparent url(../../img/li_comment.png) no-repeat scroll 0 10px;
    border-bottom: 1px solid #2D8282;
    padding: 8px 0 8px 20px;
}
.commentPrefix {
    clear: both;
    color: #2D8282;
    display: block;
    padding-bottom: 8px;
}
#infoText {
    border-bottom: 1px solid #2D8282;
}
#infoText > p {
    background: transparent url(../../img/icon_info.png) no-repeat scroll 0 0;
    font-style: italic;
}

/* --------------------------------------------------------------------------- */
/* ---------------------------------- BLOCKS --------------------------------- */
/* --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- TABS -- */
/* -- CB/ tabs -- */

ul.tabs a,
ul.tabs a:link, 
ul.tabs a:visited {
   background: transparent none repeat scroll 0 0;
   border: medium none;
   color: #555555;
   font-size: 1.3em;
   padding: 8px 15px 7px 10px;
   text-transform: uppercase;
}
ul.tabs a:hover {
	color: #555555; 
	text-decoration: underline;
}
ul.tabs a:focus {
	color: #555555; 
	text-decoration: underline;
}
ul.tabs li.firstTabOn a, 
ul.tabs li.firstTabOn a:link, 
ul.tabs li.firstTabOn a:visited {
	color: #0066a1;
}
ul.tabs li.firstTabOn a:hover {text-decoration: underline; color: #FFF;}
ul.tabs li.firstTabOn a:focus {text-decoration: underline; color: #FFF;}
ul.tabs li.ui-state-active a, 
ul.tabs li.ui-state-active a:link, 
ul.tabs li.ui-state-active a:visited {
	border: medium none;
	color: #0066AA;
}
ul.tabs li.ui-state-active a:focus {
	border: medium none;
	color: #0066AA;
}		 
div.k-tabbed-data > div.content {
	color: #0066a1;
	background: none repeat scroll 0 0 transparent;
	border: none;
}
	
/* -- Link for tabs container -- */
p.tabs-link {
	color: #FFF;
	background: #808080;
}
p.tabs-link a, p.tabs-link a:link, p.tabs-link a:visited {
	color: #FFF;
	background: #808080;
}
/* -- CE/ tabs -- */

/* -- Tabs third-level - self made tabbed-list -- */
.tabbed-list {
	float: left;
    margin-top: 10px;
    padding-left: 0;
    width: 100%;
}
.tabbed-list ul.tabs {
	background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #2D8282;
    float: left;
    margin: 0;
    padding: 0;
}
.tabbed-list ul.tabs li {
	background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    width: auto;
}
.tabbed-list ul.tabs li a, 
.tabbed-list ul.tabs li a:link, 
.tabbed-list ul.tabs li a:visited {
 border-radius: 0 4px 0 0;
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #808080;
    height: 13px;
    margin-top: 2px;
    padding: 0.8em;
}
.tabbed-list ul.tabs li a.ui-state-active, 
.tabbed-list ul.tabs li a.ui-state-active:link, 
.tabbed-list ul.tabs li a.ui-state-active:visited {
	background: #f2f2f2 none repeat scroll 0 0;
    border-left: 1px solid #2D8282;
    border-radius: 0 4px 0 0;
    border-right: 1px solid #2D8282;
    border-top: 1px solid #2D8282;
    color: #2D8282;
    height: auto;
    margin: 1px 0 0;
    padding: 0.8em;
    position: relative;
    top: 1px;
}

/* -- Tabs third-level - k-tabbed-data -- */
.k-tabbed-data {
    float: left;
    margin-top: 35px;
    padding-left: 0;
    width: 100%;
}
.k-tabbed-data ul.tabs {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
}
.k-tabbed-data ul.tabs li {
    background: none;
    border-bottom: none;
    float: left;
    margin: 0;
    padding: 0;
}
.k-tabbed-data ul.tabs li a, 
.k-tabbed-data ul.tabs li a:link, 
.k-tabbed-data ul.tabs li a:visited {
    background: #ffffff none repeat scroll 0 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    color: #0066a1;
    height: 16px;
    margin-top: 3px;
    padding: 0.4em 10px 0.7em;
}
.k-tabbed-data ul.tabs li.ui-state-active a, 
.k-tabbed-data ul.tabs li.ui-state-active a:link, 
.k-tabbed-data ul.tabs li.ui-state-active a:visited  {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #0066a1;
    border-right: 1px solid #0066a1;
    border-top: 1px solid #0066a1;
    color: #0066a1;
    height: 18px;
    margin: 1px 0 0;
    padding: 0.5em 0 10px 0.6em;
    position: relative;
    top: 1px;
}
.k-tabbed-data ul.tabs li a.ui-state-active, 
.k-tabbed-data ul.tabs li a.ui-state-active:link, 
.k-tabbed-data ul.tabs li a.ui-state-active:visited  {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #0066a1;
    border-right: 1px solid #0066a1;
    border-top: 1px solid #0066a1;
    color: #0066a1;
    height: 18px;
    margin: 1px 0 0;
    padding: 0.5em 0 10px 0.6em;
    position: relative;
    top: 1px;
}
.k-tabbed-data ul.tabs li:first-child a, 
.k-tabbed-data ul.tabs li:first-child a:link, 
.k-tabbed-data ul.tabs li:first-child a:visited {
    border-left: medium none;
}
.sm-screen ul.k-navbar {
    border-top: none;
}
#secondInputLine {
    display: none;
}
/* -- Tabs third-level - ui-tabs -- */
.ui-tabs {
	background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    margin: 0;
    padding-left: 0;
    width: 100%;
}
.ui-tabs ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #0066a1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    float: left;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1px;
    vertical-align: baseline;
    width: 100%;
}
.ui-tabs ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-weight: bold;
    height: 2.6em;
    line-height: 2.6em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: auto;
}
.ui-tabs ul li.ui-state-active, 
.ui-tabs ul li.ui-state-focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #0066a1;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0;
    padding: 0;
    width: auto;
}
.ui-tabs ul li.ui-state-hover {
    text-decoration: underline;
    background: transparent none repeat scroll 0 0;
}

.ui-tabs ul li a, 
.ui-tabs ul li a:link, 
.ui-tabs ul li a:visited  {
    background: #fff none repeat scroll 0 0; 
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #808080;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0;
    padding: 0.7em 10px;
    position: relative;
    top: 6px;
}
.ui-tabs ul li a:hover  {
    text-decoration: underline;		
}
.ui-tabs ul li.ui-state-active a, 
.ui-tabs ul li.ui-state-active a:link, 
.ui-tabs ul li.ui-state-active a:visited {
    background: #f2f2f2 none repeat scroll 0 0;
    border-left: 1px solid #0066a1;
    border-right: 1px solid #0066a1;
    border-top: 1px solid #0066a1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #2D8282;
    height: 2.8em;
    line-height: 2.8em;
    margin: 0;
    padding: 0.8em 10px;
    position: relative;
    top: 3px;
}
.ui-tabs ul li.ui-state-active a:hover {
    text-decoration: underline;	
}
.ui-tabs-panel {
	float: left;
	width: 100%;
}

/* ----------------- COLLAPSIBLE PANEL  ----------------- */

/* ----------------- DESCRIBTION LIST  ----------------- */
dl {
    display: table;
    float: left;
    padding-left: 5px;
    width: 98.5%;
    position: relative;
}
dl.fullSize {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    border: medium none;
    margin-top: 10px;
}
dl.details_third {
    clear: none;
    float: left;
    width: 32.7%;
}
dl.details_third.checkbox input[type="checkbox"] {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}
dl.half {
    border-right: 1px dashed #2D8282;
}
dl.half + dl.half {
	border: none;
}
dl.half + dl.half + dl.half {
	border-right: 1px dashed #2D8282;
    clear: left;
}
dl.half + dl.half + dl.half + dl.half {
    border: medium none;
    clear: none;
}
dl.details_third { 
	border-right: 1px dashed #2D8282; -webkit-box-sizing: border-box; box-sizing: border-box;
}
dl.details_third + dl.details_third + dl.details_third { 
	border: medium none; 
}
dl.details_third.withBorder {
    border-right: 1px dashed #2D8282;
}
dl.details_third.withBorder + dl.details_third.withBorder + dl.details_third.withBorder { 
	border: medium none; 
}
dl.half.withBorder {
    border-right: 1px dashed #2D8282;
}
dl.half.withBorder + dl.half.withBorder {
	border: none;
}
#deleteConfirmationForm_0 > dl {
    background-color: transparent;
}
#cycleZone dl.half {
    border-right: 1px dashed #2D8282;
}
#cycleZone dl.half + #cycleZone dl.half {
    border: none;
}
.content .details {
	padding-left: 5px;
}
dt {
	clear: left;
    color: #2D8282;
    display: table-cell;
    float: left;
    font-size: 0.70rem;
    font-weight: normal;
    line-height: 1.7em;
    margin: 2px 6px 2px 0;
    position: relative;
    padding: 0 0 0 2px;
    vertical-align: top;
    width: 46%;
    word-wrap: break-word;
}
.designUpload dt {
    width: 20%;
}
 dd {
    clear: right;
    display: table-cell;
    float: left;
    font-size: 0.70rem;
    line-height: 1.7em;
    margin: 2px 0;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 47%; /*49%*/
    word-wrap: break-word;
     position: relative;
}
dl.half dt {
    width: 32.8%;
}

dl.half dd {
    width: 64%;
}
dl.fullSize dt {
    width: 16.2%;
}
dl.details_third + dl.fullSize dt {
    width: 15%;
}
dl.fullSize dd {
    width: 80%;
}
.fullSize.descriptionPanel dd {
    float: left;
    width: 80%;
}
dl.fullSize.descriptionPanel dd span {
    float: left;
    word-break: break-all;
    word-wrap: break-word;
}
dl.fullSizeOnlyOne dt {
    width: 90%;
}
dl.fullSizeOnlyOne dd {
    width: 90%;
}
dl.half dt label {
    padding-left: 0px;
}
dl.half section.generalSection {
    float: right;
    padding: 1em 0;
    width: auto;
}
#changePwForm section.generalSection {
	padding: 0;
}

dl.fullSize #choiceSelect dt {
	width: 12.1%;
}
dl.fullSize #fileUpload dt {
	width: 12.1%;
}
.readOnlyLong {
    float: left;
    word-wrap: break-word;
    word-break: break-all;
}
.fullSize select.commentType {
    padding-right: 5px;
    width: auto;
}
.fullSize.subScheme select {
    padding-right: 5px;
    width: auto;
}
#createTicketPanel .fullSize select {
	padding-right: 5px;
    width: auto;
}
#createTicketPanel .fullSize input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.15% 0.5% 0.15% 15px;
    width: 100%;
}
#createTicketPanel .fullSize input[type="file"] {
    padding: 0 20px 0 0;
    width: auto;
}
dd input.datepickerInput {
	padding: 2px 0 2px 2px;
    vertical-align: 7px;
    width: 83.7%;
}
dd input[id^="secureDatePicker"].datepickerInput {
    width: 89%;
}
dl.details_third dd input[id^="secureDatePicker"].datepickerInput {
    width: 83.7%;
}
dd.datepickerInput input[id^="secureDatePicker"] {
    width: 89%;
}
dl.details_third dd.datepickerInput input[id^="secureDatePicker"] {
    width: 83.7%;
}
.half.withBorder.secureDatePicker dd input {
    width: 89%;
}
dl.half dt.selectedTicketType {
    width: 33.1%;
}
#createTicketPanel .half > dd {
    width: 65%;
}
#reportDesignListPanel dd input.datepickerInput {
	width: 15em;
}
input[type="text"]#dateField:disabled, input[type="text"]#dateField:disabled:hover {
    background-color: #F7F7F7;
}
input#dateField {
	background-color: #F7F7F7;
	color: #000;
}
dd IMG.t-calendar-trigger {
   position:absolute; /* float: right; */
    right: 0;
    top: 3px;
    height: 15px;
}

.t-upload {
    position: relative;
    top: 0px;
}

.ajaxUplodContainer .qq-upload-button {
    color: #2D8282;
}
.ajaxUplodContainer .qq-upload-button-hover, .ajaxUplodContainer a.qq-upload-button:hover {
    color: #2D8282;
}

dd .qq-uploader {
    float: left;
    margin: 0;
    width: auto;
}
dd .qq-upload-button {
    background-color: #fff;
    background-position: 0 center;
    border: 1px inset #ccc;
    color: #999;
    float: left;
    font-size: 0.9rem;
    height: auto;
    padding: 10px 10px 10px 40px;
    width: auto;
}
dd .qq-upload-button-hover, dd .qq-upload-button:hover, dd a.qq-upload-button:hover {
    background-color: #f1f1f1;
    background-position: 0 center;
    border: 1px inset #ccc;
    color: #009f63;
    float: left;
    font-size: 0.9rem;
    height: auto;
    padding: 10px 10px 10px 40px;
    width: auto;
}
dd ul.qq-upload-list {
    background-color: transparent;
    border: medium none;
    float: right;
    margin-left: 5px;
    padding: 0 5px;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: top;
    width: auto;
}
dd .qq-upload-list li:first-child {
    background-color: #fff;
    border: 1px outset #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 5px 11px;
}

dd .qq-upload-list li {
    background-color: #fff;
    border: 1px outset #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 5px 11px;
    display: block;
}

dd .qq-upload-list li span {
    font-size: 0.75rem;
    font-style: italic;
    color: #666666 !important;
}

li.qq-upload-success {
	width: 244px;
	height: 40px !important;
}

.reportDesignUpload .t-upload {
    position: relative;
    top: 0;
}
dd .qq-upload-fail .qq-upload-failed-text {
    color: #ff0000;
}
.conventionInfoText {
    float: left;
}
/* -- CE/ t-UPLOAD Component -- */


/* ---------------------------------SPEZIAL LAYOUT for spezial pages-------------- */

/* --------- Support - Info ---------- */

.highlightedSpan {
    color: #2D8282;
    font-weight: bold;
}


/* ------------------- Focus Elements ------------------------- */

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 1px solid #ababab;
  outline: 0;
  -webkit-box-shadow: 0px 1px 4px 1px #888;
          box-shadow: 0px 1px 4px 1px #888;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
.uneditable-input:focus {
  background-color: #fff;
}

a:focus { 
    -webkit-box-shadow: 0 1px 4px 1px #ababab; 
            box-shadow: 0 1px 4px 1px #ababab;
	outline: 0;
    padding-left: 8px;
    padding-right: 8px;
}


a.finder-btAction:focus {
    -webkit-box-shadow: 0 1px 4px 1px #ababab;
            box-shadow: 0 1px 4px 1px #ababab;
	text-decoration: underline;
	outline: 0;
}

a.finder-colorCancel:focus {
    -webkit-box-shadow: 0 1px 4px 1px #ababab;
            box-shadow: 0 1px 4px 1px #ababab;
	text-decoration: underline;
	outline: 0;
}

.k-panel h4.control a:focus {
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: underline;
}

.k-panel h4.control.ui-state-active a:focus {
    outline: 0;
    text-decoration: none;
}
.k-panel h4.control.ui-state-active a:active {
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#ul_main_navigation a:focus {
	outline: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	text-decoration: underline;
}

#sub_navigation ul.tabs li a:focus {
	outline: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
    text-decoration: underline;
}

table.t-data-grid tr th a:focus {
    background: none repeat scroll 0 0 #fff;
    color: #666666 !important;
}


/* ----------------End--- Focus Elements ------------------------- */

/* ----------------Font Awesome SVG - Icon ------------------------- */

.svg-inline--fa.fa-chevron-left.fa-w-10 {
    height: 20px;
    color: #2D8282;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 10px;
}
.svg-inline--fa.fa-chevron-right.fa-w-10 {
    height: 20px;
    color: #2D8282;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 10px;
}

/* ----------------- Only Hacks for Chrome and IE  ----------------- */

/* --------------------------- Browser Hacks Chrome--------------------------------- */


/* -- Media Query only for IE9 and IE10 -- */
@media screen\0 {
	input[type="file"] {
	    border: 1px solid #2D8282;
	}
}

@media screen\9 and (min-width:0) and (min-resolution: .001dpcm) { 
	 div.calendar {
	    float: left;
	    left: 50% !important;
	    position: fixed !important;
	    top: 10% !important;
	}
 }
 
/* -- IE11 CSS -- */
_:-ms-fullscreen, :root div.calendar {
	left: 70% !important;
}


/* --------------------- start special styles for online customization tool --------------------- */
td.resetColorPickerColor {
	text-align: center;
}

td.resetColorPickerColor a.inlineBt {
	float: none !important;
}

#onlineCustomisationFont dt {
	width: 25%;
}

#onlineCustomisationFont dd select {
	width: auto !important;
	min-width: 40% !important;
}

#onlineCustomisationFont dd span.description {
	display: inline-block;
}
#paypageCustomizePanel p.panelInfo {
    padding: 0 8px;
}
/* --------------------- end special styles for online customization tool --------------------- */



/* -------------------------------------------------- */
/* ---------------- CERTIFICATE TOOL -----------------*/
/* ----- add custom CSS into the web application ---- */
/* --------- created by Mischa Meyer-Kaap ----------- */
/* -------------------------------------------------- */


/* ----- cleafix ------------------------------------ */
/* -------------------------------------------------- */

.clearfix:after {
	display:table;
	content:'';
	clear:both;
}

/* ----- layout ------------------------------------- */
/* -------------------------------------------------- */

#cerFinderDetailDisplay .resultList div.t-data-grid {
    margin: 0 auto;
    float: none !important;
}


#cerFinderDetailDisplay .resNumHidden {
	width: 37.5%;
    margin-left: 0.5%;
}

#cerFinderDetailDisplay .resNumHidden label {
	padding-left:0;
}

#cerFinderDetailDisplay .content,
#certificateDetail .content {
	border:none;
}

/* html.activepopup {
	overflow:hidden;
} */

/* ----- button choose qwac or qseal ---------------- */
/* -------------------------------------------------- */

#CertAddForms {
	float: left;
    width: 100%;
    position: relative;
    height: 50px;
}

.add-cert-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 15px;
}

.button-dropdown-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

#CertAddForms .add-cert,
#CertAddForms .upload-cert {
    height: 20px;
    border-radius: 3px;
    border: none;
    background: #46BEAA;
    cursor: pointer;
    color: #fff;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: bold;
    font-size: 0.68rem;
    text-transform: uppercase;
    white-space: nowrap;
    min-width: 140px;
}


#CertAddForms #confirmPrivateKeyEncryption,
#CertAddForms #restore-backupForm {
    height: 20px;
    border-radius: 3px;
    border: none;
    background: #46BEAA;
    cursor: pointer;
    color: #fff;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: bold;
    font-size: 0.68rem;
    text-transform: uppercase;
    white-space: nowrap;
}

#CertAddForms .add-cert {
    margin-right: 0;
}

#CertAddForms .upload-cert {
    /*width: 110px; */
    with: auto;
}

#CertAddForms .add-cert:hover,
#CertAddForms .upload-cert:hover{
	text-decoration:underline;
}

#CertAddForms .creatCert-wrap,
#CertAddForms .uploadCert-wrap {
    width: 140px;
    height: 70px;
    border: none;
    background: #fff;
    display: none;
    z-index: 3;
}

#CertAddForms .uploadCert-wrap {
    right:61px;
}

#CertAddForms .creatCert-wrap.active,
#CertAddForms .uploadCert-wrap.active {
	display:block;
}

#CertAddForms #create-qwacForm,
#CertAddForms #create-qsealForm,
#CertAddForms #create-qsealUploadForm,
#CertAddForms #create-qwacUploadForm {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    height: 35px;
    color: #5F8CA0;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    cursor:pointer;
    border-radius: 3px 3px 0 0;
}

#CertAddForms #create-qsealForm {
    border-top:0;
    border-radius: 0 0 3px 3px;
}

#CertAddForms .creatCert-wrap button:hover {
    text-decoration:underline;
    color:#0066a1;
}



/* ----- create pop-up window for ------------------- */
/* ----- adding a certificate ----------------------- */
/* -------------------------------------------------- */

#CertAddForms .popup-wrapper {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
}

#CertAddForms .popup-wrapper.active {
    display:grid;
    overflow: auto;
}

#CertAddForms .qwac-popup,
#CertAddForms .qseal-popup,
#CertAddForms .qwac-upload-popup,
#CertAddForms .qseal-upload-popup,
#CertAddForms .restore-popup {
	display: none;
    background-color: #f2f2f2;
    margin: 40px auto;
    width: 1024px;
    height: auto;
    padding: 0 0 10px 0;
    align-self: flex-start;
    border-radius: 7px 7px 0 0;
}

#CertAddForms .qseal-popup h4,
#CertAddForms .qwac-popup h4,
#CertAddForms .qwac-upload-popup h4,
#CertAddForms .qseal-upload-popup h4,
#CertAddForms .restore-popup h4 {
    display: block;
    margin-top: 0;
    color: #fff;
    background: #2D8282;
    padding: 15px 5px 0 10px;
    border-radius: 6px 6px 0 0;
    font-size: 0.75rem;
    height: 20px;
    text-align:left;
}

#certificateDetail dl.details_third h5 {
   	background: transparent;
    border: none;
    padding: 0;
    margin: 5px 0 5px 0;
    float: left;
    width: 100%;
    font-size: 0.85rem;
    text-align:left;
}

#CertAddForms .qseal-popup p.k-mandatory, 
#CertAddForms .qwac-popup p.k-mandatory,
#CertAddForms .qwac-upload-popup p.k-mandatory,
#CertAddForms .qseal-upload-popup p.k-mandatory,
#CertAddForms .restore-popup p.k-mandatory{
    position: absolute;
    color: #2D8282;
    border-radius: 6px 6px 0 0;
    padding: 14px 10px 0 5px;
    bottom: 10px;
    text-align: left;
    padding-left: 21px;
    width: 280px;
}

#CertAddForms .qseal-popup.active, 
#CertAddForms .qwac-popup.active,
#CertAddForms .qwac-upload-popup.active,
#CertAddForms .qseal-upload-popup.active,
#CertAddForms .restore-popup.active
{
	display:block;
}

#CertAddForms .cancelForm:hover {
    text-decoration:underline;
}

#CertAddForms .qwac-popup .k-buttons-bar, 
#CertAddForms .qseal-popup .k-buttons-bar,
#CertAddForms .qwac-upload-popup .k-buttons-bar,
#CertAddForms .qseal-upload-popup .k-buttons-bar,
#CertAddForms .restore-popup .k-buttons-bar {
    clear: both;
    float: right;
    margin: 21px 21px 10px 0;
    padding: 0;
    text-align: right;
}

#CertAddForms .qwac-popup .k-buttons-bar input.btcancel, 
#CertAddForms .qwac-popup .k-buttons-bar input.btsubmit,
#CertAddForms .qseal-popup .k-buttons-bar input.btcancel, 
#CertAddForms .qseal-popup .k-buttons-bar input.btsubmit,
#CertAddForms .qseal-upload-popup .k-buttons-bar input.btcancel,
#CertAddForms .qseal-upload-popup .k-buttons-bar input.btsubmit,
#CertAddForms .qwac-upload-popup .k-buttons-bar input.btcancel,
#CertAddForms .qwac-upload-popup .k-buttons-bar input.btsubmit,
#CertAddForms .restore-popup .k-buttons-bar input.btcancel,
#CertAddForms .restore-popup .k-buttons-bar input.btsubmit {
	width: 100px;
    height: 25px;
    border-radius: 2px;
}

#CertAddForms .qwac-popup .k-buttons-bar input.btsubmit,
#CertAddForms .qseal-popup .k-buttons-bar input.btsubmit,
#CertAddForms .qseal-upload-popup .k-buttons-bar input.btsubmit,
#CertAddForms .qwac-upload-popup .k-buttons-bar input.btsubmit,
#CertAddForms .restore-popup .k-buttons-bar input.btsubmit {
    font-size: 0.68rem;
    background: #46BEAA;
    margin-left: 10px;
}

#certificateBackup.content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
}

#certificateBackup dl.details_third {
    padding: 0 15px;
    border-right: 0;
    margin-bottom: 5px;
    width: 70%;
    float: none;
    display: block;
}

#certificateBackup dt {
    color: #2D8282;
    float: left;
    font-size: 0.8rem;
    line-height: 1.1em;
    position: relative;
    padding: 2px;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
    text-align: left;
    display: inline-block;
    margin: 0 0 2px 0;
    font-weight: bold;
}

#certificateBackup dd {
    float: left;
    font-size: 0.70rem;
    line-height: 1.7em;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
    display: inline-block;
    margin: 0 auto 5px auto;
}

#certificateBackup dd select {
    border-bottom: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 24px;
    padding: 4px 0 3px 23px;
    background: #FFF url(../../img/k-theme0/bg_required.png) 0.4em 0.4em no-repeat;
    color: #333;
    font-weight: bold;
    font-size: 0.7rem;
}

#certificateBackup p {
    padding:10px;
}

/*  Reconstructing the position of content in Popup Certificate management by CSS Flexbox -Yen Nguyen-  */
/* Start CSS flexbox */
#certificateDetail.content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
}
#certificateDetail dl.details_third {
    padding: 0px 15px;
    border-right: 0;
    margin-bottom: 5px;
    width: 50%;
    float: none;
    display: block;
}

#uploadCertificateForm_QWAC #certificateDetail dl.details_third,
#uploadCertificateForm_QSEAL #certificateDetail dl.details_third {
    width: 75%;
}
    /* End */

#certificateDetail .create-input-fields dd span.readonly {
    display: block;
    padding-right: 8px;
}
#cerFinderDetailDisplay #certificateDetail dl.keyDetail.details_third.clearfix.keyDetail {
    min-height: 240px;
}

#certificateDetail .create-input-fields {
	float: left;
    width: 48.5%;
    margin-right: 3%;
    padding-bottom: 3px;
    position:relative;
    overflow:hidden;
}

#certificateDetail .create-input-fields.general-information {
	padding-bottom:5px;
}


#certificateDetail .create-input-fields.general-information .t-checklist-row {
	width: 46%;
    clear: none;
    float: left;
    padding: 4px 0 2px 5px;
}


#certificateDetail .create-input-fields:nth-child(odd) {
    margin-right: 0;
}

#certificateDetail dt {
    color: #2D8282;
    float: left;
    font-size: 0.8rem;
    line-height: 1.1em;
    position: relative;
    padding: 2px;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
    text-align: left;
    display: inline-block;
    margin: 0 0 2px 0;
    font-weight:bold;
}

#certificateDetail dd {
    float: left;
    font-size: 0.70rem;
    line-height: 1.7em;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
    display: inline-block;
    margin: 0 auto 5px auto;
}


#certificateDetail input[type="text"] {
    background: #fff;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 4px 2px 2px 5px;
    width: 100%;
    border: none;
    height: 24px;
    font-weight: bold;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    font-size: 0.7rem;
    margin: 0;
}

#certificateDetail input[type="text"].k-required {
    padding: 4px 2px 2px 25px;
}

#certificateDetail .create-input-fields.has-error input.k-required {
    border-bottom: 2px solid red;
}

#certificateDetail span.input-mandatory-icon {
	background: transparent url(../../img/k-theme0/bg_required.png) 0.4em 0.4em no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 22px;
    left:0;
}

#certificateDetail select {
    border-bottom: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 24px;
    padding: 4px 0 3px 23px;
    background: #FFF url(../../img/k-theme0/bg_required.png) 0.4em 0.4em no-repeat;
    color: #333;
    font-weight: bold;
    font-size: 0.7rem;
}

#certificateDetail select:focus, 
#certificateDetail input[type="text"]:focus, 
#certificateDetail input[type="text"].k-required:focus,
#certificateDetail select:active, 
#certificateDetail input[type="text"]:active, 
#certificateDetail input[type="text"].k-required:active,
#certificateDetail select:hover, 
#certificateDetail input[type="text"]:hover, 
#certificateDetail input[type="text"].k-required:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #2D8282;
}

#certificateDetail dd.has-error select {
    border-bottom: 2px solid red;
}

#certificateDetail .k-field-error.has-error select:focus, 
#certificateDetail .k-field-error.has-error input[type="text"]:focus, 
#certificateDetail .k-field-error.has-error input[type="text"].k-required:focus,
#certificateDetail .k-field-error.has-error select:active, 
#certificateDetail .k-field-error.has-error input[type="text"]:active, 
#certificateDetail .k-field-error.has-error input[type="text"].k-required:active,
#certificateDetail .k-field-error.has-error select:hover, 
#certificateDetail .k-field-error.has-error input[type="text"]:hover, 
#certificateDetail .k-field-error.has-error input[type="text"].k-required:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #0066a1;
}

#certificateDetail .help-block {
    margin: 0;
    font-size: 0.65rem;
    color: #de0000;
    position: absolute;
    bottom: 5px;
    line-height: 0.9rem;
}

/* ----- chrome autofill fix ----------------------- */
/* ------------------------------------------------- */

/* input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #0066a1 !important;
} */


/* ----- Cert upload field ------------------------- */
/* ------------------------------------------------- */


.cer-upload-fields .qq-upload-button {
    background: url(../../img/certificatemanagment/upload_icon.png) no-repeat scroll center 10px transparent;
    border: 2px dashed rgb(45 130 130 / 40%);
    border-bottom: 0;
    border-radius: 2px;
    padding-top: 55px;
}

.cer-upload-fields a:hover.qq-upload-button {
    background: url(../../img/certificatemanagment/upload_icon.png) no-repeat scroll center 10px transparent;
    border: 2px dashed rgb(45 130 130 / 100%);
    border-bottom: 0;
    color: #2D8282;
    padding: 55px 0 0 0;
}

.cer-upload-fields .qq-upload-list {
    border: 2px dashed rgb(45 130 130 / 40%);
    border-top: 0;
    border-radius: 2px;
}

.cer-upload-fields a.qq-upload-button:hover + .qq-upload-list {
    border: 2px dashed rgb(45 130 130 / 100%);
    border-top: 0;
}

#certificateDetail .k-buttons-bar.info {
    float:left;
}


.cer-upload-fields label {
    padding-left: 0;
    padding-bottom: 5px;
}

    /* ----- table ------------------------------------- */
/* ------------------------------------------------- */

#cerFinderDetailDisplay table thead tr th {
    color: #2D8282;
    background-color: #e3e7ec !important;
    height: 30px;
    border: none;
}

#cerFinderDetailDisplay table thead tr:nth-child(even) {
    color: #2D8282;
    background: #f4f7fa;
}

#cerFinderDetailDisplay table tbody tr td {
    border-bottom: 1px solid #e3e7ec;
    border-right: 1px solid #e3e7ec;
}

#cerFinderDetailDisplay table tbody tr td:last-child {
    border-right: 0;
}


#cerFinderDetailDisplay tr:nth-child(even) {
    background: #f6f6f6;
}

/* ----- define columns in table ------------------- */
/* ------------------------------------------------- */

/* ----- status ------------------------------------ */
/* ------------------------------------------------- */

#cerFinderDetailDisplay td[data-grid-property="acquirer"] {
	min-width:120px;
}

#cerFinderDetailDisplay td[data-grid-property="expireDate"],
#cerFinderDetailDisplay td[data-grid-property="createDate"] {
    min-width: 150px;
}

#cerFinderDetailDisplay td[data-grid-property="status"] {
    min-width: 180px;
    padding:4px;
}

#cerFinderDetailDisplay .statusContainer {
    position:relative;
    height:30px;
    min-width:180px;
}

#cerFinderDetailDisplay .step1, 
#cerFinderDetailDisplay .step2, 
#cerFinderDetailDisplay .step3 {
    height:30px;
    box-shadow: none;
    display: none;
    width: 100%;
    position: absolute;
}

#cerFinderDetailDisplay .step1 {
    background-image: url(../../img/certificatemanagment/step1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

#cerFinderDetailDisplay .step2 {
    background-image: url(../../img/certificatemanagment/step2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

#cerFinderDetailDisplay .step3 {
    background-image: url(../../img/certificatemanagment/step3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

#cerFinderDetailDisplay .statusVisible {
	display:block;
}

/* ----- valid days -------------------------------- */
/* ------------------------------------------------- */

#cerFinderDetailDisplay td[data-grid-property="numberOfValidDays"] {
	position:relative;
	min-width:100px;
}

#cerFinderDetailDisplay span.valid-days-number,
#cerFinderDetailDisplay span.valid-days-icon-wrap {
	float:left;
	height: 100%;
}

#cerFinderDetailDisplay span.valid-days-number {
    width: 20%;
    padding-top: 6px;
    text-align: center;
    margin-left: 30%;
}

#cerFinderDetailDisplay span.valid-days-text {
	width: 50px;
    padding-top: 6px;
    text-align: center;
    margin-left: 20%;
    float: left;
}

#cerFinderDetailDisplay span.valid-days-icon-wrap {
    width: 25px;
    padding-top: 2px;
    margin:0 5px;
}

#cerFinderDetailDisplay img.valid-days-icon {
    width: 22px;
    height:auto;
}

/* ----- action menu ------------------------------- */
/* ------------------------------------------------- */

/* ----- dropdownMenu  ----------------------------- */
/* ------------------------------------------------- */

#cerFinderDetailDisplay .dropdownMenu {
    display: none;
    position: absolute;
    top: 100%;
    right: -1px;
    background-color: #ffffff;
    width: 260px;
    padding: 5px 0;
    border: 1px solid #dddddd;
    border-radius: 6px;
    z-index: 1000;
    margin-bottom: 25px;
    box-shadow: 0px 3px 7px 1px #abababa3;
}

#cerFinderDetailDisplay .dropdownMenu .certificate-download-wrapper {
    width: 200px;
    position: absolute;
    right: 260px;
    bottom: 0;
    background-color: #ffffff;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1000;
    box-shadow: 0 3px 7px 1px #abababa3;
    display: none;
}

#cerFinderDetailDisplay .dropdownMenu li.download-submenu:hover ul li .certificate-download-wrapper  {
    display: block;
}

#cerFinderDetailDisplay .certificate-download-wrapper form[data-validate="submit"] {
    border-bottom: none;
}

#cerFinderDetailDisplay .dropdownMenu.active {
    display:block;
}

#cerFinderDetailDisplay table td .openMenu {
    background: url(../../img/certificatemanagment/menu_dots_grey.png);
    width: 30px;
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    background-size: auto 30px;
    padding: 0;
    margin: 0 auto;
}

#cerFinderDetailDisplay table td .openMenu:focus, 
#cerFinderDetailDisplay table td .openMenu:hover {
    background: url(../../img/certificatemanagment/menu_dots_blue.png);
    box-shadow: none;
    width: 30px;
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    background-size: auto 30px;
    padding: 0;
    margin: 0 auto;
}

#cerFinderDetailDisplay .dropdownMenu.active input[type=button], 
#cerFinderDetailDisplay .dropdownMenu.active input[type=submit], 
#cerFinderDetailDisplay button.details-cert {
    text-transform: uppercase;
    text-shadow: none;
    color: #5F8CA0;
    padding: 0 0 0 5em;
    margin: 5px 0 5px 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    display: block;
    height: 30px;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: left;
}

#cerFinderDetailDisplay .dropdownMenu.active a {
    color: #5F8CA0;
    height: 30px;
    display: block;
    padding: 8px 0 0 5em;
    background: transparent;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    box-sizing: border-box;
    margin: 5px 0 5px 0;
}

#cerFinderDetailDisplay .dropdownMenu.active input.downloadCsr-Button {
    background: url(../../img/certificatemanagment/icon_action_menu_dl_csr_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active input.upload-Button {
    background: url(../../img/certificatemanagment/icon_action_menu_upl_file_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active input.download-Button,
#cerFinderDetailDisplay .dropdownMenu.active input.downloadP12-Button {
    background: url(../../img/certificatemanagment/icon_action_menu_dl_file_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active a.download-options-certificate {
    background: transparent url(../../img/link_icon_left.png);
    background-repeat: no-repeat;
    background-size: auto 10px;
    background-position: 25px 10px;
}

#cerFinderDetailDisplay .dropdownMenu.active a.confirm-delete-certificate {
    background: url(../../img/certificatemanagment/icon_action_menu_del_file_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active a.open-keystore-button {
	background: url(../../img/certificatemanagment/icon_action_menu_send_keystore_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active a.postRequest-button {
    background: url(../../img/certificatemanagment/icon_action_menu_post-request.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active a.update-configuration-button {
	background: url(../../img/certificatemanagment/icon_action_menu_update_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
    border-bottom: 1px solid #ccc;
    height: 35px;
}

#cerFinderDetailDisplay .dropdownMenu.active button.details-cert {
	background: url(../../img/certificatemanagment/icon_action_menu_details_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .dropdownMenu.active .delete-UploadEntry {
	background: url(../../img/certificatemanagment/icon_action_menu_delete_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay .inputfile + label strong {
	background: url(../../img/certificatemanagment/icon_action_menu_files_wb.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 20px 2px;
}

#cerFinderDetailDisplay form[data-validate="submit"] {
    border-bottom: 1px solid #ccc;
}

#cerFinderDetailDisplay .dropdownMenu.active input[type=button]:hover, 
#cerFinderDetailDisplay .dropdownMenu.active input[type=submit]:hover,
#cerFinderDetailDisplay .dropdownMenu.active strong.customUpload:hover,
#cerFinderDetailDisplay button.details-cert:hover,
#cerFinderDetailDisplay .dropdownMenu.active a:hover {
    color:#46BEAA;
    text-decoration:underline;
}

#cerFinderDetailDisplay a.delete-UploadFile:focus,
#cerFinderDetailDisplay a.update-configuration-button:focus,
#cerFinderDetailDisplay a.open-truststore-button:focus,
#cerFinderDetailDisplay a.open-keystore-button:focus,
#cerFinderDetailDisplay button.details-cert:focus {
	box-shadow:none;
}

#cerFinderDetailDisplay td[data-grid-property="action"] {
	position:relative;
}


/* ----- custom upload field ----------------------- */
/* ------------------------------------------------- */

#cerFinderDetailDisplay .inputfile {
    width: 0.1px!important;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#cerFinderDetailDisplay .inputfile + label {
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding:0;
    width:100%;
    margin: 5px 0;
}

#cerFinderDetailDisplay .inputfile:focus + label span,
#cerFinderDetailDisplay .inputfile.has-focus + label span {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

#cerFinderDetailDisplay .inputfile + label span {
    width: 60%;
    display: block;
    box-sizing: border-box;
    min-height: 25px;
    text-align: left;
    font-size: 0.75rem;
    padding: 0.3em 1em 0.3em 1em;
    margin-left: 5em;
    margin-top: 5px;
    color: #2D8282;
    background: #ededed;
    overflow: hidden;
    white-space: normal;
}

#cerFinderDetailDisplay .inputfile + label strong {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    box-sizing: border-box;
    color: #5F8CA0;
    padding: 0.8em 1em 0.3em 5em;
    height: 31px;
}

/* ----- pop up's ---------------------------- */
/* ------------------------------------------- */

/* ----- general configuration for ----------- */
/* ----- all pop up's ------------------------ */

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .keystore-upload-wrapper,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .truststore-upload-wrapper,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .detail-wrapper,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .update-configuration-wrapper,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .certificate-delete-wrapper,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .postRequest-wrapper  {
	position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
}

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .keystore-upload-wrapper.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .truststore-upload-wrapper.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .detail-wrapper.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .update-configuration-wrapper.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .certificate-delete-wrapper.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .postRequest-wrapper.active {
	display:grid;
}

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .certificate-delete-wrapper.active {
    align-items: center;
    justify-content: center;
}

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .keystore-upload-popup,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .truststore-upload-popup,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .detail-popup,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .update-configuration-popup,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .certificate-delete-popup,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .postRequest-popup {
    display: none;
    background-color: #f2f2f2;
    margin: 40px auto;
    width: 1024px;
    height: auto;
    padding: 0 0 10px 0;
    align-self: flex-start;
    border-radius: 7px 7px 0 0;
}

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .certificate-delete-popup {
    margin:0;
    align-self: center;
    width: auto;
    min-width: 450px;
    border-radius: 7px;
}

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .keystore-upload-popup.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .truststore-upload-popup.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .detail-popup.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .update-configuration-popup.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .certificate-delete-popup.active,
#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .postRequest-popup.active {
	display:block;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup h4,
#cerFinderDetailDisplay .detail-wrapper.active .detail-popup h4,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup h4,
#cerFinderDetailDisplay .postRequest-wrapper.active .postRequest-popup h4,
#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup h4 {
    display: block;
    margin-top: 0;
    color: #fff;
    background: #009286;
    padding: 15px 5px 0 10px;
    border-radius: 6px 6px 0 0;
    font-size: 0.75rem;
    height: 20px;
    text-align:left;
}

/* ----- keystore popup ---------------------- */
/* ------------------------------------------- */


#cerFinderDetailDisplay .keystoreDetails.content {
	width: 100%;
    border: none;
    padding: 21px;;
}

#cerFinderDetailDisplay .keystoreDetails.content dd {
    clear: right;
    display: block;
    float: none;
    font-size: 0.70rem;
    line-height: 1.7em;
    margin: 2px 0;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 50%;
    word-wrap: break-word;
}

#cerFinderDetailDisplay .keystoreDetails.content div dd:last-of-type {
    float:left;
    clear: both;
}
#certificateDetail span.section-mandatory-pos {
    top: -4px;
    left: 90px;
}
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type=submit] {
    float: left;
    margin: 2px 0 2px 25px;
    text-align: center;
    padding: 0;
    min-height: 2em;
    height: 2em;
    width: 70px;
    border-radius: 2px;
    background-color: #46BEAA;
    color: #fff;
}

#cerFinderDetailDisplay .keystoreDetails.content div table {
    margin-top: 15px;
    margin-bottom: 10px;
}

#cerFinderDetailDisplay .keystoreDetails.content div table th a {
    color: #2D8282;
    text-align: center;
    margin: 0;
    height: 15px;
    line-height: 18px;
    font-size: 0.75rem;
    font-weight: bold;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#cerFinderDetailDisplay .keystoreDetails.content div table th {
    color: #2D8282;
    text-align: center;
    margin: 0;
    height: 15px;
    font-size: 0.75rem;
    font-weight: bold;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#cerFinderDetailDisplay .keystoreDetails.content div table td {
    height: 30px;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.85rem;
}

#cerFinderDetailDisplay .keystoreDetails.content div table td a {
    height: 24px;
    padding: 0;
    background: url(../../img/certificatemanagment/icon_action_menu_delete_wb.png);
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: 4px 2px;
    width: 24px;
    margin: 0 auto;
}

#cerFinderDetailDisplay .keystoreDetails.content div table div.checkmark-protocol {
    height: 24px;
    padding: 0;
    background: url(../../img/certificatemanagment/checkmark_protocol.png);
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: 4px 2px;
    width: 24px;
    margin: 0 auto;
}

#cerFinderDetailDisplay .keystoreDetails.content a.btsubmit {
    float: right;
    text-align: center;
    padding: 0;
    min-height: 2em;
    height: 2em;
    width: 120px;
    border-radius: 2px;
    background-color: #46BEAA;
    color: #fff;
    line-height: 23px;
}

#cerFinderDetailDisplay .keystoreDetails.content dt {
    clear: left;
    color: #2D8282;
    float: none;
    font-size: 0.70rem;
    font-weight: normal;
    line-height: 1.7em;
    margin: 2px 6px 2px 0;
    position: relative;
    padding: 0 0 0 2px;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
    display: block;
    text-align: left;
}

#cerFinderDetailDisplay .keystoreDetails.content dt label {
    width: auto;
    padding-left: 0;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active p.k-mandatory {
    position: absolute;
    color: #2D8282;
    border-radius: 6px 6px 0 0;
    padding: 14px 10px 0 5px;
    bottom: 10px;
    text-align: left;
    padding-left: 21px;
    width: 280px;
    font-size: 0.7rem;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active .k-buttons-bar {
    clear: both;
    float: right;
    margin: 21px 21px 10px 0;
    padding: 0;
    text-align: right;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active .k-buttons-bar input.btcancel {
    width: 100px;
    height: 25px;
    border-radius: 2px;
    padding: 0;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #808080;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active .k-buttons-bar input.btsubmit {
    font-size: 0.75rem;
    background: #46BEAA;
    margin-left: 10px;
    width: 100px;
    height: 25px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    padding: 0;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active select {
	border-bottom: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 24px;
    padding: 4px 0 3px 23px;
    background: #FFF url(../../img/k-theme0/bg_required.png) 0.4em 0.4em no-repeat;
    color: #2D8282;
    font-weight: bold;
    font-size: 0.7rem;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"],
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="password"],
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"].k-required {
    color: #2D8282;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 4px 2px 2px 25px;
    width: 100%;
    border: none;
    height: 24px;
    font-weight: bold;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    font-size: 0.7rem;
    margin: 0;
    background: #FFF url(../../img/k-theme0/bg_required.png) 0.5em 0.6em no-repeat;
}

#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"]:active,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"]:focus,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"]:hover,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"].k-required:active,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"].k-required:focus,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="text"].k-required:hover,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="password"]:active,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="password"]:focus,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active input[type="password"]:hover,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active select:active,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active select:focus,
#cerFinderDetailDisplay .keystore-upload-wrapper.active .keystore-upload-popup.active select:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #2D8282;
}

/* ----- Pagination in Key store popup  ---------------------- */
/* ------------------------------------------- */

.keystoreDetails .pagination {
    float: left;
    clear: both;
    margin-left: 50%;
}
.keystoreDetails .pagination li {
    display: inline-block;
}
#cerFinderDetailDisplay .keystoreDetails ul.pagination li.active a {
    text-decoration: underline;
}
#cerFinderDetailDisplay .keystoreDetails ul.pagination li a {
    padding: 5px;
    margin: 0;
    height: auto;
}

/* ----- detail's popup ---------------------- */
/* ------------------------------------------- */


#cerFinderDetailDisplay .detail-popup.active #certificateDetail dd {
	background: #fff;
    padding-left: 5px;
    text-align:left;
}

#cerFinderDetailDisplay .detail-popup.active #certificateDetail .input-mandatory-icon {
	display:none;
}

#cerFinderDetailDisplay .detail-popup.active .k-buttons-bar {
    clear: both;
    float: right;
    margin: 21px 21px 10px 0;
    padding: 0;
    text-align: right;
}

#cerFinderDetailDisplay .dropdownMenu.active .detail-popup input[type=submit] {
    color: #fff;
    width: 100px;
    height: 25px;
    border-radius: 2px;
    background-color: #808080;
    text-align: center;
    padding: 0;
    margin: 0;
}

/* special field in the popup envtype */

#cerFinderDetailDisplay .detail-popup.active #certificateDetail_envType {
	padding-bottom:0;
}

#cerFinderDetailDisplay .detail-popup.active #certificateDetail_envType .details_third {
	clear: none;
    float: left;
    width: 50%;
    padding: 0px 15px;
    border-right: 0;
    margin-bottom: 0;
    display: block;
}

#cerFinderDetailDisplay .detail-popup.active #certificateDetail_envType h5 {
	background: transparent;
    border: none;
    padding: 0;
    margin: 5px 0 5px 0;
    float: left;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
}

#cerFinderDetailDisplay .detail-popup.active #certificateDetail_envType .create-input-fields {
	float: left;
    width: 48.5%;
    margin-right: 3%;
    position: relative;
}

#cerFinderDetailDisplay .detail-popup.active #certificateDetail_envType dt {
    display: none;
}

#cerFinderDetailDisplay .detail-popup.active #certificateDetail_envType dd {
	float: left;
    font-size: 0.70rem;
    line-height: 1.7em;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
    display: inline-block;
    margin: 0 auto 5px auto;
    background: #fff;
    padding-left: 5px;
    text-align: left;
}

/* ----- update popup ------------------------ */
/* ------------------------------------------- */

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup p.k-mandatory {
    position: absolute;
    color: #0066a1;
    border-radius: 6px 6px 0 0;
    padding: 14px 10px 0 5px;
    bottom: 10px;
    text-align: left;
    padding-left: 21px;
    width: 280px;
    font-size: 0.7rem;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active #keystoreConfigDetails {
    width: 100%;
    border: none;
    padding: 21px;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active dt {
    clear: left;
    color: #0066a1;
    float: none;
    font-size: 0.70rem;
    font-weight: normal;
    line-height: 1.7em;
    margin: 2px 6px 2px 0;
    position: relative;
    padding: 0 0 0 2px;
    vertical-align: top;
    width: 50%;
    word-wrap: break-word;
    display: block;
    text-align: left;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active dd {
    clear: right;
    display: block;
    float: none;
    font-size: 0.70rem;
    line-height: 1.7em;
    margin: 2px 0;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 50%;
    word-wrap: break-word;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active select {
    border-bottom: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 24px;
    padding: 4px 0 3px 10px;
    color: #0066a1;
    font-weight: bold;
    font-size: 0.7rem;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"],
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="password"] {
    background: #fff;
    color: #0066a1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 4px 2px 2px 15px;
    width: 100%;
    border: none;
    height: 24px;
    font-weight: bold;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    font-size: 0.7rem;
    margin: 0;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"].k-required {
    padding: 4px 2px 2px 25px;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"]:active,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"]:focus,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"]:hover,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="password"]:active,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="password"]:focus,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="password"]:hover,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"].k-required:active,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"].k-required:focus,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type="text"].k-required:hover,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active select:active,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active select:focus,
#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active select:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #0066a1;
}


#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active .k-buttons-bar {
    clear: both;
    float: right;
    margin: 21px 21px 10px 0;
    padding: 0;
    text-align: right;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active .k-buttons-bar input.btcancel {
    width: 100px;
    height: 25px;
    border-radius: 2px;
    padding: 0;
    text-align: center;
    color: #fff;
    display: inline-block;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active .k-buttons-bar input.btsubmit {
    font-size: 0.75rem;
    background: #0066a1;
    margin-left: 10px;
    width: 100px;
    height: 25px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    padding: 0;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active div dd:last-of-type {
    float:left;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active input[type=submit] {
    float: left;
    margin: 2px 0 2px 25px;
    text-align: center;
    padding: 0;
    min-height: 2em;
    height: 2em;
    width: 70px;
    border-radius: 2px;
    background-color: #0066a2;
    color: #fff;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active div table {
    margin-top: 15px;
    margin-bottom: 10px;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active div table th a {
    color: #0066a2;
    text-align: center;
    margin: 0;
    height: 15px;
    line-height: 18px;
    font-size: 0.75rem;
    font-weight: bold;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active div table th {
    color: #0066a2;
    text-align: center;
    margin: 0;
    height: 15px;
    font-size: 0.75rem;
    font-weight: bold;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active div table td {
    height: 30px;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.85rem;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active div table td a {
    height: 24px;
    padding: 0;
    background: url(../../img/certificatemanagment/icon_action_menu_delete_wb.png);
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: 4px 2px;
    width: 24px;
    margin: 0 auto;
}

#cerFinderDetailDisplay .update-configuration-wrapper.active .update-configuration-popup.active a.btsubmit {
    float: right;
    text-align: center;
    padding: 0;
    min-height: 2em;
    height: 2em;
    width: 120px;
    border-radius: 2px;
    background-color: #0066a2;
    color: #fff;
    line-height: 23px;
}

/* ----- postman popup ----------------------- */
/* ------------------------------------------- */

#cerFinderDetailDisplay td[data-grid-property="action"] .dropdownMenu.active .postRequest-popup.active p.k-mandatory {
    position: absolute;
    color: #2D8282;
    border-radius: 6px 6px 0 0;
    padding: 14px 10px 0 5px;
    bottom: 10px;
    text-align: left;
    padding-left: 21px;
    width: 280px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header {
	width:95%;
	margin:0 auto;
	display:block;
	margin-top:25px;
	margin-bottom:15px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header dt {
	display:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-customSelect {
	width: 15%;
	margin-top:0;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-customSelect select {
	width: 100%;
	height:30px;
	margin-top:0;
	border:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-customSelect select:active,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-customSelect select:focus {
	box-shadow:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield {
	width: 66%;
    margin-top: 0;
    margin-right: 3%;
    margin-left: 1%;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield input {
    width: 100%;
    height: 30px;
    margin-top: 0;
    border-radius: 0;
    border-left: 0;
    border-bottom: 2px solid #fff;
    border-top: 0;
    border-right: 0;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield input:hover,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield input:active,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield input:focus {
	border-bottom:2px solid #0066a1;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield input:active,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header .post-get-textfield input:focus {
	box-shadow:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header p.k-buttons-bar {
	float: left;
    width: 15%;
    margin: 0;
    clear: right;
    height:30px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-header p.k-buttons-bar input {
	margin:0;
	text-align:center;
	background:#46BEAA;
	color:#fff;
	padding:0;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-KeyValue {
	width:95%;
	margin:0 auto;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-KeyValue dt {
	display:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-KeyValue dd {
	width: 100%;
    margin: 0;
}


#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-KeyValue a.keyValue-addButton {
	float: right;
    width: 20%;
    background: #46BEAA;
    text-align: center;
    padding: 9px 0 0 0;
    color: #fff;
    margin-top: 0;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active table tr th {
	height:30px;
	padding: 0;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active table th span  {
    display: block;
    padding-top: 0px;
    padding-left: 15px;
    text-align: left;
    font-size: 0.68rem;
    font-weight: bold;
    height: 20px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active tr td {
	padding:0;
	background:#fff;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active tr td input {
	border: none;
    display: block;
    height: 30px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    width: 100%;
    font-size: 0.7rem;
    color: #0066a1;
    border-radius: 0;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active tr td input:focus,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active tr td input:active,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active tr td input:hover {
	border-bottom: 1px solid #0066a1;
	box-shadow:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .delete-postmanKeyValue {
	background: url(../../img/certificatemanagment/icon_action_menu_delete_wb.png);
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: 5px 6px;
    margin: 0 auto;
    padding: 0;
    height: 30px;
    width: 25px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body {
	width:95%;
	margin:0 auto;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dt {
	display:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dd {
	width:100%;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dd select {
    width: 15%;
    float: left;
    height: 30px;
    margin-top: 0;
    border: none;
    color: #2D8282;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dd textarea {
    width: 97%;
    padding: 1% 1% 1% 2%;
    border: none;
    border-radius: 0;
    color: #2D8282;
    font-size: 1rem;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dd textarea:active,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dd textarea:focus,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-body dd textarea:hover {
	box-shadow:none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .cancelPostman-request {
    margin-right: 2.5%;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .cancelPostman-request input {
    width: 100px;
    height: 25px;
    color: #fff;
    padding: 0;
    text-align: center;
    border-radius: 0px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response {
	width:95%;
	margin:0 auto 15px auto;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response dt {
    width: 100%;
    display: block;
    float: none;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response dd {
	width: 100%;
    background: #fff;
    text-align: left;
    min-height: 120px;
}

#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response dd textarea {
    border: none;
    width: 98%;
    min-height: 120px;
    padding: 1%;
    border-radius: 0px;
    margin: 0px;
}


#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response dd textarea:focus,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response dd textarea:active,
#cerFinderDetailDisplay .dropdownMenu.active .postRequest-popup.active .postman-request-response dd textarea:hover {
	box-shadow:none;
}

/* ----- delete cert popup ------------------- */
/* ------------------------------------------- */

#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active  input[type=button],
#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active input[type=submit] {
    display: inline-block;
    width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    padding:0;
}

#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active input.btcancel {
    background-color: #808080;
    border: none;
}

#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active input.btsubmit {
    font-size: 0.68rem;
    background: #46BEAA;
    margin: 5px 0 5px 10px;
}

#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active form[data-validate="submit"]  {
    border-bottom: none;
}

#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active .deleteMessage {
    font-size: 1rem;
    padding: 10px 0;
}

#cerFinderDetailDisplay .certificate-delete-wrapper.active .certificate-delete-popup.active .k-buttons-bar {
    margin: 15px 15px 10px 0;
}




/*------------------END----CERTIFICATE----TOOL-------*/