/*-------------------------------------------------------------------- ----- 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 RE STRUCTURATION TABLE SPECIFICS DYNAMIC TABLES FORM SPECIFICS SUB-FIELDSETS CHECKBOXES RADIOS MANDATORY INFO REQUIRED FIELD INPUT HELP FIELD COMMENT ERROR FIELD ERROR MESSAGES FORM BUTTONS DATEPICKER FORM WIZARD NAVIGATION MAIN NAV/FIRST LEVEL VERTICAL MENU SKIP MENU LINK BREADCRUMBS TREE-VIEW TREE-VIEW GRID SITE UTILITIES SITEMAP TOOLS LINKS LANGUAGE CHOICE LOGIN LOGIN DATA SEARCH ACTION BUTTONS BAR ACTION BUTTONS PAGINATION MODAL ORIENTATION AID BLOCKS TABS IMAGE CAROUSEL COLLAPSIBLE PANELS ACCORDION EDITORIAL ARTICLE ARTICLE ENTRY INTRODUCTION HIGHLIGHT BLOCK ILLUSTRATION NOTES INFO BLOCK READ MORE LINK LIST OF LINKS E-COMMERCE HPRODUCT PRODUCT REVIEW CATALOG PRODUCT SHEET BASKET PRINT STYLES MEDIA QUERIES */ /* ----------------------- Reihenfolge für Links ------------------------------------ */ /* a:link a:visited a:focus a:hover a:active */ /* --------------------------------------------------------------------------- */ /* -------------------------- THEME'S DEFAULT VALUES ------------------------- */ /* --------------------------------------------------------------------------- */ body { color: #009286; } header[role=banner], #header { background: none; background-color: transparent; color: #009286; } #container { background: none repeat scroll 0 0 #FFFFFF; } #wrapper { color: #000; background: none repeat scroll 0 0 transparent; } footer[role=contentinfo], #footer { background: #fcfcfc none repeat scroll 0 0; color: #777777; } /*---------------------------------------- HEADLINES*/ h2 { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #009286; color: #009286; float: left; font-size: 1em; font-weight: normal; margin: 5px 0 15px; width: 100%; } /* for h2 without length set over jQuery */ .h2Leer { height: 0.1em; line-height: 0.11em; margin: 0; padding: 0; border: none; } h2.k-skip {background: none;} h3 { background: none; border-bottom: 1px solid #AAAAAA; color: #000000; } h4 { color: #666666; background-color: #FFF; } #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: #f1f1f1 none repeat scroll 0 0; box-sizing: border-box; color: #d4a40b; float: left; margin: 0; width: 100%; } h4.headline_innersection { background: #f1f1f1 none repeat scroll 0 0; box-sizing: border-box; color: #d4a40b; float: left; margin: 10px 0 0; width: 100%; } h5 { background: url(../../img/img_abn/bg_h5info.png) no-repeat scroll 8px 7px /13px auto transparent; border-bottom: 1px solid #009286; color: #009286; } .details_third { clear: none; float: left; width: 32.7%; } .noBreakLine { border: none; } .details_third.noBreakLine { border-right: none; } .leftBreakLine { border-left: 1px dotted #009286; } .details_third.dlBorder { border-right: 1px dashed #009286 !important; } dl.details_third.clearLeft { clear: left; } /*---------------------------------------- HALF*/ .half { border-right: 1px dashed #000000; } .half + .half { border: none; } .half + .half + .half { border-right: 1px dashed #000000; clear: left; } .half + .half + .half + .half { border: medium none; clear: none; } /*---------------------------------------- TOOLTIP*/ img.tooltip { cursor: help; margin-top: 4px; /**position: absolute;**/ right: -7px; } dd img.tooltip { cursor: help; margin-top: 3px; /**position: absolute;**/ 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 !important; right: -5px; top: 1px; } 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; } .details_third.helpImage > dd { width: 47%; } .helpImage #showEmailAddress > dd { width: 45%; } .details_third.helpImage #showEmailAddress img { float: none; } .positionRel { position: relative; } dl.half.helpImage dd { width: 70%; } 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; } /*----------------------------------------Error Text behind input fields ------*/ .help-block { display: none; } /*---------------------------------------- LINK*/ a { color: #009286; background: transparent; text-decoration: none; } a:link { color: #009286; background: transparent; text-decoration: none; } a:visited { color: #009286; background: transparent; text-decoration: none; } a:hover { color: #D4A40B; background: transparent; text-decoration: none; } a:focus { color: #D4A40B; background: transparent; text-decoration: none; } a:active { color: #D4A40B; background: transparent; text-decoration: none; } /*---------------------------------------- FLIESSTEXT*/ .fliesstext { color: #222222; 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 #fdce05; box-sizing: border-box; margin: 0; padding: 10px 5px 20px; } /*------------------------------------- GENERAL SECTION*/ section.generalSection { color: #333333; float: left; padding: 1em 0; width: 100%; } #finderSelect section.generalSection { color: #333333; float: left; padding: 0 0 1em; width: 100%; } section.generalSection_half { color: #333333; float: left; padding: 1em 0; width: 100%; } #finderSelect section.generalSection_half { padding: 0 0 1em; width: 50%; } #changePwForm section.generalSection { background: none; border: 1px solid #D6D6D6; box-shadow: 1.5px 1.5px 2px #AAAAAA; } #changePwForm section.generalSection { padding: 0; } section.generalSection hr { background-color: #009286; color: #009286; display: block; float: left; height: 0.05em; margin: 0; opacity: 0.6; width: 100%; } section.generalSection hr:first-child { display: none; } /*----------------------------------- K-PANEL*/ .k-panel, .collapsible-section { background: none; border: 1px solid #D6D6D6; box-shadow: 1.5px 1.5px 2px #AAAAAA; color: #333333; } .generalSection.collapsible-section { margin-bottom: 20px; padding: 0; } .k-panel .content { border: medium none; } .k-panel .content > .content:first-child { border: none; } .k-panel .control { color: #FFFFFF; cursor: pointer; font-size: 1.3em; text-shadow: 0 0 0; } div.collapsible-header { padding-left: 8px; cursor: pointer; margin: 0; } h4.collapsible-header { margin: 0; } div.content.state-block { display:block } div.content.state-none { display:none } .k-panel h4.control { background: url(../../img/img_abn/plus_panel.png) no-repeat scroll 13px center / 12px auto #F1F1F1; border-bottom: medium none; border-radius: 0; box-shadow: none; color: #009286; padding-top: 7px; } .k-panel h4.control.ui-state-default, h4.collapsible-header.state-none { background: url(../../img/img_abn/plus_panel.png) no-repeat scroll 13px center / 12px auto #F1F1F1; border-bottom: medium none; border-radius: 0; box-shadow: none; color: #009286; padding-top: 7px; } .k-panel h4.control.ui-state-active, h4.collapsible-header.state-block { background: url(../../img/img_abn/minus_panel.png) no-repeat scroll 13px center / 12px auto #F1F1F1; border-bottom: medium none; border-radius: 0; box-shadow: none; color: #D4A40B; padding-top: 7px; } .k-panel h4.control.ui-state-hover, h4.collapsible-header:hover { background: url(../../img/img_abn/minus_panel.png) no-repeat scroll 13px center / 12px auto #F1F1F1; border-bottom: medium none; border-radius: 0; box-shadow: none; color: #D4A40B; padding-top: 7px; } .k-panel .ui-state-active, .k-panel .ui-state-hover, .k-panel .ui-state-focus { background: url(../../img/img_abn/minus_panel.png) no-repeat scroll 13px center / 12px auto #F1F1F1; border-bottom: medium none; border-radius: 0; box-shadow: none; color: #D4A40B; padding-top: 7px; } .k-panel h4.control a, .k-panel h4.control a:link, .k-panel h4.control a:visited { background: none; color: #009286; font-family: Arial,Helvetica,sans-serif; text-decoration: none; font-size: 0.95rem; font-weight: normal; vertical-align: top; } .k-panel h4.control a:hover, .k-panel h4.control a:focus, .k-panel h4.control a:active { background: none; color: #D4A40B; font-family: Arial,Helvetica,sans-serif; text-decoration: none; font-size: 0.95rem; font-weight: normal; vertical-align: top; } .k-panel h4.control.ui-state-default a, .k-panel h4.control.ui-state-default a:link, .k-panel h4.control.ui-state-default a:visited, h4.collapsible-header.state-none { color: #009286; } .k-panel h4.control.ui-state-hover a, .k-panel h4.control.ui-state-hover a:link, .k-panel h4.control.ui-state-hover a:visited { color: #D4A40B; } .k-panel h4.control.ui-state-hover a:hover { color: #D4A40B; } .k-panel h4.control.ui-state-active a, .k-panel h4.control.ui-state-active a:link, .k-panel h4.control.ui-state-active a:visited, h4.collapsible-header.state-block { color: #D4A40B; } /*----------------------------------- SPECIALS*/ .emptyP { color: #009286; } 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;} p.taskSearch { float: left; margin: 2px 0; } p.taskSearch select { float: left; margin: 0 8px; padding: 0; width: auto; } div.zoneButtonContainer { float: right; margin: 10px 0; padding: 0; text-align: right; } /* ------------------------------------- SPECIAL HEADER FORMAT */ #logo_ips { color: #009286; } #logo_awl { background-image: url(../../img/logos/logos_abn/logo-abn-amro1.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; } #logoutLink a.logout, #logoutLink a.logout:link { background-image: url(../../img/img_abn/yellobutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #FFD200; /* old browsers */ background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; height: 20px; border: 1px solid #DCA325; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; color: #333333; font-size: 0.75rem; font-weight: normal; padding: 0 5px; } #logoutLink a.logout:hover, #logoutLink a.logout:focus, #logoutLink a.logout:active { background-image: url(../../img/img_abn/yellowbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #F1B328; /* old browsers */ background: -webkit-linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1B328', endColorstr='#FFD200');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; height: 20px; border-radius: 3px; border: 1px solid #BBBBBB; outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); } a.logo, a.logo:link { float: left; height: 77px; padding: 0; width: 140px; } p.username { display: inline; position: relative; top: 25px; width: 100%; } p.logoutLink { display: inline; position: relative; right: 62px; width: 30px; } .like_label { color: #009286; } .username { color: #222222; } /* ------------------------- !Forms Values --------------------------------- */ form p { margin: 3px 0; } label { font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif; } /* -- 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; } div.passwordDiv{ display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } 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/img_abn/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 { background: url(../../img/1_trenner.gif) repeat-x scroll 5px 9px transparent; border: medium none; } .trenner_third { background: url(../../img/1_trenner.gif) repeat-x scroll 5px 9px transparent; border: medium none; } .trenner_small { background: none; border: medium none; } input.iconLike { background-color: transparent; border: medium none; } span.fileuploadFake span.reset { background: none; } input[type="file"] { border: 1px solid #AAAAAA; color: #009286; } 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/img_abn/bg_required.png) 0.2em 0.5em no-repeat; } /* --- FORM ELEMENTS --- */ fieldset { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000; } fieldset#checkpointFieldset { display: inline; float: none; font-size: 0.8em; font-weight: normal; vertical-align: top; margin-bottom: 15px; } 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;} /* General inputs */ input { background: #FFFFFF; border: 1px solid #999999; color: #333333; } input[type=checkbox], input[type=radio] { background: #FFF; border: none; } input[type=text]:disabled, input[type=text]:disabled:hover { color: #777; background: #CCC; border-color: #CCC; } #fileContent.k-required { background: transparent none repeat scroll 0 0; box-sizing: border-box; border: none; float: left; padding: 0; width: auto; } 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%; box-sizing: border-box; width: 100%; font-size: 0.9rem; } dl.fullSize textarea.k-required { padding:0.5% 0.5% 0.5% 15px; box-sizing: border-box; width: 100%; font-size: 0.9rem; } fieldset input[type=text] { border-radius: 0; box-sizing: border-box; } input[type=text], input[type=password] { border-radius: 0; box-sizing: border-box; } fieldset#checkpointFieldset > input { clear: none; display: block; float: left; margin: 1px 8px 0 0; padding: 0; } /* ------------------------- !Table Values --------------------------------- */ table {border:0 none; color: #009286; background: #FFF; margin-bottom: 20px;} caption { background-color: transparent; border: 1px dotted #009286 !important; color: #009286 !important; } th { color: #ffffff; background: #009286; border-top: 1px solid #FFF; border-bottom: 2px solid #c0c0c0; } th a, th a:link, th a:visited { background: none repeat scroll 0 0 transparent; padding: 0; color: #ffffff; } th a:hover { color:#ffffff; } 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/img_abn/sort_desc.png) no-repeat scroll right -5px transparent; } th a.ascending, th a:link.ascending, th a:visited.ascending { background: url(../../img/img_abn/sort_asc.png) no-repeat scroll right 2px transparent; } div tr th.action { background:none repeat scroll 0 0 transparent; border: none; color: #FFFFFF; } table tr th a { color: #FFFFFF; } table thead tr th { background: none repeat scroll 0 0 #ababab !important; border-bottom: 1px solid #CCCCCC !important; border-right: 1px solid #CCCCCC !important; border-top: 3px solid #FDCE05 !important; color: #FFFFFF; } table thead tr th:hover { color: #FFFFFF; } TABLE.t-data-table TH { color: #FFFFFF !important; } table.t-data-grid thead tr th { font-size: 0.7rem; font-weight: bold; padding: 3px 18px 3px 13px !important; text-align: center !important; text-decoration: none; text-transform: none; white-space: normal !important; position: relative; line-height: 20px; } TABLE.t-data-table TH.t-first { border-left:1px solid #777777 !important; } TABLE.t-data-table TH.t-last { border-right:1px solid #777777 !important; } table.t-data-grid tr th a { color: #FFFFFF !important; font-size: 0.70rem !important; text-align: center !important; vertical-align: middle; } table.t-data-grid th img { position: absolute; } td { border-bottom:1px solid #CCCCCC !important; border-right:1px solid #CCCCCC !important; color: #000000; } tr:nth-child(even) {color: #000000; background: #eeeeee;} table tbody tr td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } ul.k-actions a, ul.k-actions a:link, ul.k-actions a:visited { border: 1px solid #FFFFFF; border-radius: 0 0 0 0; color: #000000; background-color: #000099; box-shadow: none; } ul.k-actions a.bt-view { background: url(../../img/img_abn/bt_details.png) no-repeat scroll 0 0 #000099; } /* ------------ PAN --------- */ .authID { float: left; font-size: 100%; margin-right: 5px; } a.authentID, a.authentID:link, a.authentID:visited, a.authentID:hover, a.authentID:active, a.authentID:focus { padding: 0; } a.inlineButtonHideID, a.inlineButtonHideID:link, a.inlineButtonHideID:visited { border: medium none; border-radius: 0; box-shadow: none; color: rgba(0,0,0,0); cursor: pointer; float: left; padding: 0; } a.inlineButtonHideID img, .inlineButtonHideID img { vertical-align: top; visibility: hidden; } a.inlineButtonHideID, a.inlineButtonHideID:link, a.inlineButtonHideID:visited, a.inlineButtonHideID:focus, a.inlineButtonHideID:active { background: url(../../img/img_abn/bt_block.png) no-repeat scroll center center / auto 30px; } a.inlineButtonHideID:hover { background: url(../../img/img_abn/bt_block_hover.png) no-repeat scroll center center / auto 30px; } a.inlineButtonShowID, a.inlineButtonShowID:link, a.inlineButtonShowID:visited { border: medium none; border-radius: 0; box-shadow: none; color: rgba(0,0,0,0); cursor: pointer; float: left; padding: 0; } a.inlineButtonShowID img, .inlineButtonShowID img { vertical-align: top; visibility: hidden; } a.inlineButtonShowID, a.inlineButtonShowID:link, a.inlineButtonShowID:visited, a.inlineButtonShowID:focus, a.inlineButtonShowID:active { background: url(../../img/img_abn/bt_unblock.png) no-repeat scroll center center / auto 30px; } a.inlineButtonShowID:hover { background: url(../../img/img_abn/bt_unblock_hover.png) no-repeat scroll center center / auto 30px; } a.inlineBt.home, a.inlineBt.home:link, a.inlineBt.home:visited, a.inlineBt.home:focus, a.inlineBt.home:active { background: transparent url(../../img/img_abn/bt_home.png) no-repeat scroll 0 0 / auto 22px; padding: 0; } a.inlineBt.home:hover { background: transparent url(../../img/img_abn/bt_home_hover.png) no-repeat scroll 0 0 / auto 22px; padding: 0; } td a.inlineBt, td a.inlineBt:link, td a.inlineBt:visited { border: 1px solid transparent; border-radius: 0; box-shadow: none; color: rgba(0,0,0,0); cursor: pointer; } td a.inlineBt:hover, td a.inlineBt:focus, td a.inlineBt:active { border: medium none; border-radius: 0; box-shadow: none; color: rgba(0,0,0,0); cursor: pointer; } td a.inlineBt.unsubscribe, td a.inlineBt.unsubscribe:link, td a.inlineBt.unsubscribe:visited { background: url(../../img/img_abn/bt_unsubscribe.png) no-repeat scroll 0 center / auto 18px; } td a.inlineBt.unsubscribe:hover { background: url(../../img/img_abn/bt_unsubscribe_hover.png) no-repeat scroll 0 center / auto 18px; } td a.inlineBt img, td a.inlineBt:link img, td a.inlineBt:visited img{ float: left; height: 100%; padding: 2px 0 1px; visibility: hidden; } td a.inlineBt:hover img, td a.inlineBt:focus img, td a.inlineBt:active img { float: left; height: 100%; padding: 2px 0 1px; visibility: hidden; } td.action a, td.action a:link, td.action a:visited, td.action a:focus, td.action a:active { float: left; height: 23px; margin: 0 1px; padding: 0 0 1px; } td.action a:hover { float: left; height: 23px; margin: 0 1px; padding: 0 0 1px; } td input.inlineBt.delete[type="checkbox"] { float: left; margin: 5px 1px 0; padding: 0; vertical-align: 0; } td a.inaktiveBtn.details, td a.inaktiveBtn.details:link, td a.inaktiveBtn.details:visited, td a.inaktiveBtn.details:focus, td a.inaktiveBtn.details:active { background: url(../../img/img_abn/bt_details_spezial.png) no-repeat scroll 0 center / auto 18px transparent; } td a.details, td a.details:link, td a.details:visited { background: url(../../img/img_abn/bt_details.png) no-repeat scroll 0 center / auto 18px transparent; } td a.details:focus, td a.details:hover, td a.details:active { background: url(../../img/img_abn/bt_details_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.contacts, td a.contacts:link, td a.contacts:visited { background: url(../../img/img_abn/bt_contact.png) no-repeat scroll 0 center / auto 18px transparent; } td a.contacts:focus, td a.contacts:hover, td a.contacts:active { background: url(../../img/img_abn/bt_contact_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.refresh, td a.refresh:link, td a.refresh:visited { background: url(../../img/img_abn/bt_refresh.png) no-repeat scroll 0 center / auto 18px transparent; } td a.refresh:focus, td a.refresh:hover, td a.refresh:active { background: url(../../img/img_abn/bt_refresh_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.history, td a.history:link, td a.history:visited { background: url(../../img/img_abn/bt_history.png) no-repeat scroll 0 center / auto 18px transparent; } td a.history:focus, td a.history:hover, td a.history:active { background: url(../../img/img_abn/bt_history_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.specificdetails, td a.specificdetails:link, td a.specificdetails:visited { background: url(../../img/img_abn/bt_details_spezial.png) no-repeat scroll 0 center / auto 18px transparent; } td a.specificdetails:focus, td a.specificdetails:hover, td a.specificdetails:active { background: url(../../img/img_abn/bt_details_spezial_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.displayCertificate, td a.displayCertificate:link, td a.displayCertificate:visited { background: url(../../img/img_abn/bt_details.png) no-repeat scroll 0 center / auto 18px transparent; } td a.displayCertificate:focus, td a.displayCertificate:hover, td a.displayCertificate:active { background: url(../../img/img_abn/bt_details_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.displayContactDetail, td a.displayContactDetail:link, td a.displayContactDetail:visited { background: url(../../img/img_abn/bt_details.png) no-repeat scroll 0 center / auto 18px transparent; } td a.displayContactDetail:focus, td a.displayContactDetail:hover, td a.displayContactDetail:active { background: url(../../img/img_abn/bt_details_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.details, td a.inlineBt.details:link, td a.inlineBt.details:visited { background: url(../../img/img_abn/bt_details.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.details:focus, td a.inlineBt.details:hover, td a.inlineBt.details:active{ background: url(../../img/img_abn/bt_details_hover.png) no-repeat scroll 0 center / auto 18px transparent; } a.inlineBt.details, a.inlineBt.details:link, a.inlineBt.details:visited { background: url(../../img/img_abn/bt_details.png) no-repeat scroll 0 center / auto 18px transparent; color: transparent; } a.inlineBt.details:focus, a.inlineBt.details:hover, a.inlineBt.details:active{ background: url(../../img/img_abn/bt_details_hover.png) no-repeat scroll 0 center / auto 18px transparent; color: transparent; } td a.remove, td a.remove:link, td a.remove:visited { background: url(../../img/img_abn/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent; } td a.remove:focus, td a.remove:hover, td a.remove:active{ background: url(../../img/img_abn/bt_remove_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.remove, td a.inlineBt.remove:link, td a.inlineBt.remove:visited { background: url(../../img/img_abn/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.remove:focus, td a.inlineBt.remove:hover, td a.inlineBt.remove:active { background: url(../../img/img_abn/bt_remove_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.contactRemove, td a.inlineBt.contactRemove:link, td a.inlineBt.contactRemove:visited { background: url(../../img/img_abn/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.contactRemove:focus, td a.inlineBt.contactRemove:hover, td a.inlineBt.contactRemovee:active { background: url(../../img/img_abn/bt_remove_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.certificates, td a.certificates:link, td a.certificates:visited { background: url(../../img/img_abn/bt_certificate.png) no-repeat scroll 0 center / auto 18px transparent; } td a.certificates:focus, td a.certificates:hover, td a.certificates:active { background: url(../../img/img_abn/bt_certificate_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.exportCsv, td a.exportCsv:link, td a.exportCsv:visited { background: url(../../img/img_abn/bt_csv_export.png) no-repeat scroll 0 center / auto 18px transparent; } td a.exportCsv:focus, td a.exportCsv:hover, td a.exportCsv:active { background: url(../../img/img_abn/bt_csv_export_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.exportXml, td a.exportXml:link, td a.exportXml:visited { background: url(../../img/img_abn/bt_xml_export.png) no-repeat scroll 0 center / auto 18px transparent; } td a.exportXml:focus, td a.exportXml:hover, td a.exportXml:active { background: url(../../img/img_abn/bt_xml_export_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.printBt, td a.inlineBt.printBt:link, td a.inlineBt.printBt:visited { background: url(../../img/img_abn/bt_print.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.printBt:focus, td a.inlineBt.printBt:hover, td a.inlineBt.printBt:active { background: url(../../img/img_abn/bt_print_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userDeleteBtnClass, td a.inlineBt.userDeleteBtnClass:link, td a.inlineBt.userDeleteBtnClass:visited { background: url(../../img/img_abn/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userDeleteBtnClass:focus, td a.inlineBt.userDeleteBtnClass:hover, td a.inlineBt.userDeleteBtnClass:active { background: url(../../img/img_abn/bt_remove_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userResetPwBtnClass, td a.inlineBt.userResetPwBtnClass:link, td a.inlineBt.userResetPwBtnClass:visited { background: url(../../img/img_abn/bt_resetPw.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userResetPwBtnClass:focus, td a.inlineBt.userResetPwBtnClass:hover, td a.inlineBt.userResetPwBtnClass:active { background: url(../../img/img_abn/bt_resetPw_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userBlockBtnClass, td a.inlineBt.userBlockBtnClass:link, td a.inlineBt.userBlockBtnClass:visited { background: url(../../img/img_abn/bt_block.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userBlockBtnClass:focus, td a.inlineBt.userBlockBtnClass:hover, td a.inlineBt.userBlockBtnClass:active { background: url(../../img/img_abn/bt_block_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userUnblockBtnClass, td a.inlineBt.userUnblockBtnClass:link, td a.inlineBt.userUnblockBtnClass:visited { background: url(../../img/img_abn/bt_unblock.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.userUnblockBtnClass:focus, td a.inlineBt.userUnblockBtnClass:hover, td a.inlineBt.userUnblockBtnClass:active { background: url(../../img/img_abn/bt_unblock_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.download, td a.inlineBt.download:link, td a.inlineBt.download:visited { background: url(../../img/img_abn/bt_download.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.download:focus, td a.inlineBt.download:hover, td a.inlineBt.download:active { background: url(../../img/img_abn/bt_download_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.downloadPain01, td a.inlineBt.downloadPain01:link, td a.inlineBt.downloadPain01:visited { background: url(../../img/img_abn/bt_download.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.downloadPain01:focus, td a.inlineBt.downloadPain01:hover, td a.inlineBt.downloadPain01:active { background: url(../../img/img_abn/bt_download_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.block, td a.inlineBt.block:link, td a.inlineBt.block:visited { background: url(../../img/img_abn/bt_block.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.block:focus, td a.inlineBt.block:hover, td a.inlineBt.block:active { background: url(../../img/img_abn/bt_block_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.unblock, td a.inlineBt.unblock:link, td a.inlineBt.unblock:visited { background: url(../../img/img_abn/bt_unblock.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.unblock:focus, td a.inlineBt.unblock:hover, td a.inlineBt.unblock:active { background: url(../../img/img_abn/bt_unblock_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.pause, td a.inlineBt.pause:link, td a.inlineBt.pause:visited { background: url(../../img/img_abn/bt_pause.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.pause:focus, td a.inlineBt.pause:hover, td a.inlineBt.pause:active { background: url(../../img/img_abn/bt_pause_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.activate, td a.inlineBt.activate:link, td a.inlineBt.activate:visited { background: url(../../img/img_abn/bt_activate.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.activate:focus, td a.inlineBt.activate:hover, td a.inlineBt.activate:active { background: url(../../img/img_abn/bt_activate_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.reset, td a.inlineBt.reset:link, td a.inlineBt.reset:visited { background: url(../../img/img_abn/bt_reset.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.reset:focus, td a.inlineBt.reset:hover, td a.inlineBt.reset:active { background: url(../../img/img_abn/bt_reset_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.taskDetails, td a.inlineBt.taskDetails:link, td a.inlineBt.taskDetails:visited { background: url(../../img/img_abn/bt_taskdetails.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.taskDetails:focus, td a.inlineBt.taskDetails:hover, td a.inlineBt.taskDetails:active { background: url(../../img/img_abn/bt_taskdetails_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.diagrammDetails, td a.inlineBt.diagrammDetails:link, td a.inlineBt.diagrammDetails:visited { background: url(../../img/img_abn/bt_diagramm.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.diagrammDetails:focus, td a.inlineBt.diagrammDetails:hover, td a.inlineBt.diagrammDetails:active { background: url(../../img/img_abn/bt_diagramm_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.claimDetails, td a.inlineBt.claimDetails:link, td a.inlineBt.claimDetails:visited { background: url(../../img/img_abn/bt_claim.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.claimDetails:focus, td a.inlineBt.claimDetails:hover, td a.inlineBt.claimDetails:active { background: url(../../img/img_abn/bt_claim_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.validate, td a.inlineBt.validate:link, td a.inlineBt.validate:visited { background: url(../../img/img_abn/bt_validieren.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.validate:focus, td a.inlineBt.validate:hover, td a.inlineBt.validate:active { background: url(../../img/img_abn/bt_validieren_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.edit, td a.inlineBt.edit:link, td a.inlineBt.edit:visited { background: url(../../img/img_abn/bt_edit.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.edit:focus, td a.inlineBt.edit:hover, td a.inlineBt.edit:active { background: url(../../img/img_abn/bt_edit_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.delete, td a.inlineBt.delete:link, td a.inlineBt.delete:visited { background: url(../../img/img_abn/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.delete:focus, td a.inlineBt.delete:hover, td a.inlineBt.delete:active { background: url(../../img/img_abn/bt_remove_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.deleteRed, td a.inlineBt.deleteRed:link, td a.inlineBt.deleteRed:visited { background: url(../../img/img_abn/bt_delete_red.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.deleteRed:focus, td a.inlineBt.deleteRed:hover, td a.inlineBt.deleteRed:active { background: url(../../img/img_abn/bt_delete_red_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.communications, td a.inlineBt.communications:link, td a.inlineBt.communications:visited { background: url(../../img/img_abn/bt_messages.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.communications:focus, td a.inlineBt.communications:hover, td a.inlineBt.communications:active { background: url(../../img/img_abn/bt_messages_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.integrationfiles, td a.integrationfiles:link, td a.integrationfiles:visited { background: url(../../img/img_abn/bt_api_download.png) no-repeat scroll 0 center / auto 18px transparent; } td a.integrationfiles:focus, td a.integrationfiles:hover, td a.integrationfiles:active { background: url(../../img/img_abn/bt_api_download_hover.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.generate, td a.inlineBt.generate:link, td a.inlineBt.generate:visited { background: url(../../img/img_abn/bt_generate_file.png) no-repeat scroll 0 center / auto 18px transparent; } td a.inlineBt.generate:focus, td a.inlineBt.generate:hover, td a.inlineBt.generate:active { background: url(../../img/img_abn/bt_generate_file_hover.png) no-repeat scroll 0 center / auto 18px transparent; } /* no Permission to see action link */ td a.inlineBtInactive { display: none; } /* Button is display but not clickable */ td a.inlineBt.inactiveBtn img { visibility: visible; } 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: rgba(0, 0, 0, 0) none repeat scroll 0 0; cursor: default; height: 19px; pointer-events: none; } 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;} /* List */ /* highlighted row of selected result in result list */ tr.selectedResultRowClass td { background-color: #ffd200; color: #333; } /* ------------------------- !Navigation Values --------------------------------- */ nav, #navbar { background: none; } #main_navigation { background: url(../../img/img_abn/mcf-header-nav1.jpg) no-repeat scroll center bottom #FFFFFF; } /* only layout for Translation-key shown*/ #main_navigation.translationKeysShown { background: transparent none repeat scroll 0 0; } #main_navigation ul:before { /* Pseudo Element - Dreieck (Logo)*/ content: url(../../img/img_abn/dreieck.png); padding-right: 0; } /* only layout for Translation-key shown*/ #main_navigation.translationKeysShown ul::before { background: #009690 none repeat scroll 0 0; border-color: #fff #009690 #009690; border-style: solid; border-width: 13px; content: ""; float: left; height: 0; margin: 0 0 0 5px; width: 1px; } #ul_main_navigation { color: #fff; margin-left: 3%; } #ul_main_navigation li { background: none repeat scroll 0 0 transparent; color: #fff; } /* only layout for Translation-key shown*/ #main_navigation.translationKeysShown #ul_main_navigation li { background: #009690 none repeat scroll 0 0; color: #fff; } #ul_main_navigation li:focus, #ul_main_navigation li:hover, #ul_main_navigation li:active { background: none repeat scroll 0 0 transparent; color: #fff; } #ul_main_navigation a, #ul_main_navigation a:link, #ul_main_navigation a:visited { background-color: transparent; color: #fff; } #ul_main_navigation a:focus, #ul_main_navigation a:hover, #ul_main_navigation a:active { background: #195050; background: -webkit-linear-gradient(#2b7c7a, #009286) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#2b7c7a, #009286) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#195050', endColorstr='#2B7C7A');/*For IE7-8-9*/ height: 20px; color: #fff; } #ul_main_navigation li.tabOn { background: url(../../img/img_abn/tabOnBorder.jpg) repeat-x scroll 0 bottom transparent; color: #fff; border: none; } #ul_main_navigation li.tabOn a, #ul_main_navigation li.tabOn a:link, #ul_main_navigation li.tabOn a:visited { color: #fff; background-color: transparent; } #ul_main_navigation li#tabOn { background: url(../../img/img_abn/tabOnBorder.jpg) repeat-x scroll 0 bottom transparent; color: #fff; border: none; } #ul_main_navigation li#tabOn a, #ul_main_navigation li#tabOn a:link, #ul_main_navigation li#tabOn a:visited { color: #fff; background-color: transparent; } /* ------------------------- !Tabbar Sub-Navigation --------------------------------- */ /* TABS */ #sub_navigation { background-color: transparent; } #sub_navigation ul.tabs { background: none repeat scroll 0 0 transparent; border-bottom: 2px solid #009286; } #sub_navigation ul.tabs li { background: url(../../img/img_abn/bg_h5info.png) no-repeat scroll 0 3px / 13px auto rgba(0, 0, 0, 0); color: #009286; } #sub_navigation ul.tabs li:hover { background: url(../../img/img_abn/bg_h5info_hover.png) no-repeat scroll 0 3px / 13px auto rgba(0, 0, 0, 0); color: #D4A40B; } /* non-current tabs*/ #sub_navigation ul.tabs li a, #sub_navigation ul.tabs li a:link, #sub_navigation ul.tabs li a:visited { background: none; border: medium none; color: #009286; } #sub_navigation ul.tabs li a:hover, #sub_navigation ul.tabs li a:focus, #sub_navigation ul.tabs li a:active { background: none; border: medium none; color: #D4A40B; } /* current tabs */ #sub_navigation ul.tabs li.tabOn { background: url(../../img/img_abn/bg_h5info_hover.png) no-repeat scroll 0 3px / 13px auto rgba(0, 0, 0, 0); border: medium none; color: #D4A40B; } #sub_navigation ul.tabs li.firstTabOn { background: url(../../img/img_abn/bg_h5info_hover.png) no-repeat scroll 0 3px / 13px auto rgba(0, 0, 0, 0); border: medium none; color: #D4A40B; } #sub_navigation ul.tabs li.firstTabOn:focus, #sub_navigation ul.tabs li.firstTabOn:hover { background: url(../../img/img_abn/bg_h5info_hover.png) no-repeat scroll 0 3px / 13px auto rgba(0, 0, 0, 0); border: medium none; color: #D4A40B; } #sub_navigation strong { background: none; border: medium none; color: #D4A40B; } #sub_navigation ul.tabs li.tabOn a, #sub_navigation ul.tabs li.tabOn a:link, #sub_navigation ul.tabs li.tabOn a:visited { background: none; border: medium none; color: #D4A40B; } #sub_navigation ul.tabs li.tabOn a:focus, #sub_navigation ul.tabs li.tabOn a:hover, #sub_navigation ul.tabs li.tabOn a:active { background: none; border: medium none; color: #D4A40B; } /* --------------------- Navi - Bar ---------------------- */ .navi li.exprtbt { background: url(../../img/img_abn/bt_export.png) no-repeat scroll 0 center / auto 18px transparent; } .navi li.printbt { background: url(../../img/img_abn/bt_print.png) no-repeat scroll 0 center / auto 18px transparent; } .navi li.exprtbtXML { background: url(../../img/img_abn/bt_xml_export.png) no-repeat scroll 0 center / auto 18px transparent; } .navi_panel a, .navi_panel a:visited { border: 0 none; vertical-align: -5px; color: #009286; text-transform: uppercase; } .navi_panel a:hover { border: 0 none; vertical-align: -5px; color: #D4A40B; text-transform: uppercase; } .navi a, .navi a:visited { border: 0 none; vertical-align: -5px; color: #009286; text-transform: uppercase; } .navi a:hover { border: 0 none; vertical-align: -5px; color: #D4A40B; text-transform: uppercase; } #navi_content a.onlyOne,#navi_content a.onlyOne:visited { border: 0 none; vertical-align: -5px; color: #009286; text-transform: uppercase; } #navi_content a.onlyOne:hover { border: 0 none; vertical-align: -5px; color: #D4A40B; text-transform: uppercase; } .navi a.bgmore_downld, .navi.bgmore_downld:link, .navi.downld_print:visited { background: transparent url(../../img/img_abn/bt_download.png) no-repeat scroll 0 0; } .navi a.bgmore_downld:hover, .navi.bgmore_downld:focus, .navi.bgmore_downld:active { background: transparent url(../../img/img_abn/bt_download_hover.png) no-repeat scroll 0 0; } .navi a.bgButtonPrint, .navi.bgButtonPrint:link, .navi.bgButtonPrint:visited { background: transparent url(../../img/img_abn/bt_print.png) no-repeat scroll 0 0; } .navi a.bgButtonPrint:hover, .navi.bgButtonPrint:focus, .navi.bgButtonPrint:active { background: transparent url(../../img/img_abn/bt_print_hover.png) no-repeat scroll 0 0; } .navi ul ul li.btExport_list_csv { background: #FFFFFF url(../../img/img_abn/bt_csv_export.png) no-repeat scroll 0 center / auto 18px; } .navi ul ul li.btExport_list_xml { background: #FFFFFF url(../../img/img_abn/bt_xml_export.png) no-repeat scroll 0 center / auto 18px; } .navi ul ul li.btExport_list_csv:focus, .navi ul ul li.btExport_list_csv:hover { background: #FFFFFF url(../../img/img_abn/bt_csv_export_hover.png) no-repeat scroll 0 center / auto 18px; } .navi ul ul li.btExport_list_xml:focus, .navi ul ul li.btExport_list_xml:hover { background: #FFFFFF url(../../img/img_abn/bt_xml_export_hover.png) no-repeat scroll 0 center / auto 18px; } a.attachment_export { /*ersatz für more bgmore*/ background: transparent url(../../img/bt_export_list.gif) no-repeat scroll 0 center / contain ; color: #0066a1; padding-left: 19px; } /* --------------------------------------------------------------------------- */ /* ------------------------------ TABLE SPECIFICS ---------------------------- */ /* --------------------------------------------------------------------------- */ /* ------------------------------------------------------------- DYNAMIC TABLES */ /* CB/ dynamicTables */ /* 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 */ /* --------------------------------------------------------------------------- */ /* ------------------------------ FORM SPECIFICS ----------------------------- */ /* --------------------------------------------------------------------------- */ /* For fields in the same paragraph */ label.k-online {float: none; width: auto; text-align: left; padding-left: 2em;} /* For side-to-side fielsets */ .to-left { background: url("../../img/img_abn/threeCols_higru.png") repeat-y scroll 0 0 transparent; } .to-right { background: url("../../img/img_abn/threeCols_higru.png") repeat-y scroll 0 0 transparent; } /* to hide radio Button for Paymentmeans fieldset.choiceSelect { margin-top: 20px; } */ /* 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; /* gets the same width from default lable width */ 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; /* gets the same width from default lable width */ 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: #009286; 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: -10px; right: 0; float: right; width: auto; } /* CE/ mandatoryInfo */ /* ------------------------------------------------------------- REQUIRED FIELD */ /* CB/ requiredField */ input.k-required { background: #FFF url(../../img/img_abn/bg_required.png) 0.2em 0.2em no-repeat; border-radius: 0; color: #000000; box-sizing: border-box; float: left; padding: 0 0 2px 16px; width: 100%; } #changePwForm input.k-required { width: 20%; } input[type="text"].k-required { background: #FFF url(../../img/img_abn/bg_required.png) 0.2em 0.4em no-repeat; border-radius: 0; box-sizing: border-box; color: #000000; float: left; padding: 2px 0 2px 16px; width: 100%; } input#fileContent.k-required[type="file"] { background: #fff url("../../img/img_abn/bg_required.png") no-repeat scroll right 6px; border: medium none; box-sizing: border-box; float: left; padding: 0 15px 0 0; width: auto; } /* CE/ requiredField */ /* ------------------------------------------------------------- FIELD COMMENT --- */ /* CB/ fieldComment */ .tipsy { font-size: 0.65em; background-repeat: no-repeat; background-image: url(../../img/img_abn/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/img_abn/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/img_abn/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/img_abn/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/img_abn/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 */ /* ------------------------------------------------------------- ERROR MESSAGES */ /* CB/ errorMessages */ p.p-error { display: none; } .ul-error strong::after { content: ":"; } .ul-error strong { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #cc0000; display: inline; padding: 0; text-transform: none; } /* fallback to welcome page with error message */ p.errorMessage { clear: both; color: #ff0000; float: left; padding-bottom: 3px; text-decoration: underline; } /* CE/ errorMessages */ /* ------------------------------------------------------------- Warning MESSAGES */ /* CB/ Warning Messages */ .warningMessage { color: #000066; } .onboardingSingnupMsg { color: #D4A40B; } /* ------------------------------------------------------------- FORM BUTTONS */ /* CB/ inputButtons */ /* CB/ linkButtons */ /* Buttons bar for inputs */ .functionBarLeft { float: left; } .k-buttons-bar { border: medium none; } #changePwForm section.generalSection .k-buttons-bar { margin-right: 13px; } a.colorCancel, a.colorCancel:visited { color: #FFFFFF; } a.colorSubmit, a.colorSubmit:visited { color: #333333; } a.colorSubmit.loginLink, a.colorSubmit.loginLink:visited { background-color: #ff9326; float: left; } a.btAction, a.btAction:link { background-image: url(../../img/img_abn/yellobutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #FFD200; /* old browsers */ background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: none; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; } a.btAction:visited { background-image: url(../../img/img_abn/yellobutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #FFD200; /* old browsers */ background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: none; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; } a.btAction:focus { background-image: url(../../img/img_abn/yellowbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #F1B328; /* old browsers */ background: -webkit-linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1B328', endColorstr='#FFD200');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; outline: 0; } a.btAction:hover { background-image: url(../../img/img_abn/yellowbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #F1B328; /* old browsers */ background: -webkit-linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1B328', endColorstr='#FFD200');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; outline: 0; } a.btAction:active { background-image: url(../../img/img_abn/yellowbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #F1B328; /* old browsers */ background: -webkit-linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1B328', endColorstr='#FFD200');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; outline: 0; } a.btAction.colorCancel, a.btAction.colorCancel:link, a.btAction.colorCancel:visited { background-image: url(../../img/img_abn/greenbutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #195050; /* old browsers */ /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b7c7a), color-stop(70%, #2b7c7a), color-stop(100%, #195050)); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-linear-gradient(bottom, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); background: linear-gradient(0deg, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); /* w3c */ -webkit-filter: none\9; filter: none\9; border: 1px solid #195050; border-radius: 3px; box-shadow: none; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; } a.btAction.colorCancel:hover, a.btAction.colorCancel:focus, a.btAction.colorCancel:active { background-image: url(../../img/img_abn/greenbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #2b7c7a; /* old browsers */ /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #195050), color-stop(30%, #2b7c7a), color-stop(100%, #2b7c7a)); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, #2b7c7a 0%, #2b7c7a 70%, #195050 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-linear-gradient(bottom, #2b7c7a 0%, #2b7c7a 70%, #195050 100%); background: linear-gradient(0deg, #2b7c7a 0%, #2b7c7a 70%, #195050 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195050', endColorstr='#2b7c7a',GradientType=0 ); /* ie6-9 */ -webkit-filter: none\9; filter: none\9; border: 1px solid #195050; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 1.5em; line-height: 1.5em; margin: 0 0 0 3px; padding: 0 8px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; } a.btAction.disabled, a.btAction.disabled:link, a.btAction.disabled:hover { cursor: default; text-decoration: none; } #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; } /* Valid actions - must duplicate declarations for IE6!!*/ input[type="button"], input[type="submit"] { color: #FD6400; } .k-button, a.k-button, a.k-button:link, a.k-button:visited { background: none repeat scroll 0 0 #AEA400; border: medium 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 #000099; border: medium none; box-shadow: none; color: #FFFFFF; text-shadow: none; } a.k-button:focus { background: none repeat scroll 0 0 #AEA400; border: medium none; box-shadow: none; color: #FFFFFF; text-shadow: none; } /*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 #000099; border: medium none; box-shadow: none; color: #FFFFFF; text-shadow: none; } a.k-button:hover { background: none repeat scroll 0 0 #AEA400; border: medium none; box-shadow: none; color: #FFFFFF; text-shadow: none; } /* Disabled actions */ input[type="submit"]:disabled, input[type="button"]:disabled { color: #777; background: #CCC; border: 1px solid #CCC; } .k-disabled { color: #777; background: #CCC; border: 1px solid #CCC; } .btAction.disabled { color: #777; background: #CCC; border: 1px solid #CCC; } /* 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: #990990; border: 1px #990 solid; } /*focus*/ input[type="button"].optional:focus, input[type="submit"].optional:focus, a.k-button.optional:focus { color: #FFF; background: #000; border-color: #000; } /*hover*/ input[type="button"].optional:hover, input[type="submit"].optional:hover, a.k-button.optional:hover { color: #FFF; background: #000; border-color: #000; } /* Reset Actions */ input[type="button"].reset, [type="reset"] { color: #FFF; background: #000099; border: none; box-shadow: none; } a.k-button.reset, a.k-button.reset:link, a.k-button.reset:visited { background: none repeat scroll 0 0 #000099; border: medium none; box-shadow: none; color: #FFFFFF; } input[type="button"].reset, input[type="reset"] { background: none repeat scroll 0 0 #000099; border: medium none; box-shadow: none; color: #FFFFFF; } input[type="button"].reset, input[type="reset"] { padding: 0 3px\9; } /* Hover/Focus */ input[type="button"].reset:focus, input[type="reset"]:focus, a.k-button.reset:focus { color: #FFF; background: #000099; border: none; box-shadow: none; } input[type="button"].reset:hover, input[type="reset"]:hover, a.k-button.reset:hover { color: #FFF; background: #000099; border: none; box-shadow: none; } input[type="button"].submit, input[type="submit"] { background: none repeat scroll 0 0 #AEA400; border: medium none; box-shadow: none; color: #FFFFFF; } input[type="button"].submit, input[type="submit"] { padding: 0 3px\9; } /* Hover/Focus */ input[type="button"].submit:focus, input[type="submit"]:focus, a.k-button.submit:focus { color: #FFF; background: #AEA400; border: none; box-shadow: none; } input[type="button"].submit:hover, input[type="submit"]:hover, a.k-button.submit:hover { color: #FFF; background: #AEA400; border: none; box-shadow: none; } input.colorCancel[type="button"], input.colorCancel[type="submit"] { background-image: url(../../img/img_abn/greenbutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #195050; /* old browsers */ /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b7c7a), color-stop(70%, #2b7c7a), color-stop(100%, #195050)); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-linear-gradient(bottom, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); background: linear-gradient(0deg, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7c7a', endColorstr='#195050',GradientType=0 ); /* ie6-9 */ -webkit-filter: none\9; filter: none\9; height: 1.5em; border: 1px solid #195050; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #ffffff; font-size: 0.75rem; padding: 0 8px 1px; width: auto; } input.colorSubmit[type="button"], input.colorSubmit[type="submit"] { background-image: url(../../img/img_abn/yellobutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #FFD200; /* old browsers */ background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; height: 1.5em; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #222222; font-size: 0.75rem; padding: 0 8px 1px; width: auto; } /* CE/ linkButtons */ /* CE/ inputButtons */ /* ------------------------------------------------------------- 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/img_abn/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: #000099; 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/img_abn/date_prev.gif) 0 2px no-repeat; } .ui-icon-circle-triangle-e { width: 16px; height: 16px; background: transparent url(../../img/img_abn/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; } /* 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/img_abn/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; } /* --------------------------------------------------------------------------- */ /* ------------------------------- NAVIGATION -------------------------------- */ /* --------------------------------------------------------------------------- */ /* -------------------------------------------------------- MAIN NAV/FIRST LEVEL */ /* CB/ mainNav */ ul.k-navbar { background: none repeat scroll 0 0 transparent; color: #000099; } ul.k-navbar li { background: url(../../img/bg_menubar_separ.png) no-repeat scroll left 3px transparent; border-right: medium none; } ul.k-navbar a, ul.k-navbar a:visited { background: none repeat scroll 0 0 transparent; color: #000099; } ul.k-navbar a:hover, ul.k-navbar a:focus { background: none repeat scroll 0 0 transparent; color: #FD6400; } /* If section has dropdown */ ul.k-navbar a.hasdropdown, ul.k-navbar a.hasdropdown:visited { color: #FFF; background: #000 right 0.6em no-repeat; padding-right: 25px; } ul.k-navbar a.hasdropdown:hover, ul.k-navbar a.hasdropdown:focus { color: #000; background: #BFBFBF url(../../img/img_abn/bg_hasdropdown.png) right 0.6em no-repeat; } ul.k-navbar li.active a.hasdropdown, ul.k-navbar li.active a.hasdropdown:visited { color: #FFF; background: #F60 url(../../img/img_abn/bg_hasdropdown.png) right 0.6em no-repeat; padding-right: 25px; } ul.k-navbar li.active a.hasdropdown:hover, ul.k-navbar li.active a.hasdropdown:focus { color: #FFF; background: #F60 url(../../img/img_abn/bg_hasdropdown.png) right 0.6em no-repeat; } .sf-sub-indicator {display: none;} /* Active section / no link */ ul.k-navbar li.active strong { background: url(../../img/img_abn/bg_menubar_on.png) no-repeat scroll 0 1px transparent; color: #FD6400; } /* Active section / with link */ ul.k-navbar li.active a, ul.k-navbar li.active a:visited { color: #FFF; background: #F60; } /* SECOND LEVEL UL - Dropdown menu */ .dropdown { display: none; position: absolute; width: 25em; color: #000; background: #BFBFBF; z-index: 200; } ul.dropdown {width: 18em; padding: 0;} ul.k-navbar ul.dropdown li { float: none; padding: 0; margin: 0; border-bottom: 1px dotted #FFF; border-right: none; } ul.k-navbar .dropdown li a, ul.k-navbar .dropdown li a:visited { height: 1.5em; line-height: 1.5em; color: #000; background: #BFBFBF; } ul.k-navbar .dropdown li a:hover, ul.k-navbar .dropdown li a:focus { color: #FFF; background: #F60; } /* If it is a large dropdown */ div.big-menu { width: 300px; background: #BFBFBF; } div.big-menu ul { float: left; width: 40%; padding: 0.5em 0; border-right: 1px dotted #FFF; } /* "View all" link */ p.view-all { clear: both; font-size: 0.85em; font-weight: bold; text-transform: uppercase; text-align: center; padding: 2px 0; border-top: 1px solid #000; } p.view-all a, p.view-all a:link, p.view-all a:visited { color: #000; background: #990; } p.view-all a:hover, p.view-all a:focus {color: #FFF; background: #F60;} /* CE/ mainNav */ /* ------------------------------------------------------------ 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/img_abn/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/img_abn/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/img_abn/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: #FD6400; display: none; } /* CE/ breadcrumbs */ /* ----------------------------------------------------- TREE-VIEW */ /* CB/ treeview */ div.k-tree {} div.k-tree li {list-style-type: none; background: #FFF url(../../img/img_abn/tree_sprite.gif) -90px 0 repeat-y;} div.k-tree li.jstree-last {background: none;} div.k-tree li ins {background: transparent url(../../img/img_abn/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 */ /* ----------------------------------------------------------- TOOLS LINKS --- */ /* CB/ toolslinks */ div.k-tools { background: none; 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: #000099 url(../../img/img_abn/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: #DCA325; } /* -------------- button styles ---------------- */ input[type="button"], input[type="submit"] { border-radius: 3px; box-shadow: none; text-shadow: none; color: #DCA325; } input[type="button"], input[type="submit"] { padding: 0 3px\9; } input[type="button"].btsubmit, input[type="submit"].btsubmit { background-image: url(../../img/img_abn/yellobutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #FFD200; /* old browsers */ background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #222222; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 20px; line-height: 100%; margin: 0 0 0 3px; padding: 0 5px 1px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: top; width: auto; float: right; } input[type="button"].btsubmit:focus, input[type="submit"].btsubmit:focus, input[type="button"].btsubmit:hover, input[type="submit"].btsubmit:hover { background-image: url(../../img/img_abn/yellowbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #F1B328; /* old browsers */ background: -webkit-linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1B328', endColorstr='#FFD200');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #222222; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 20px; line-height: 100%; margin: 0 0 0 3px; padding: 0 5px 1px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: top; width: auto; float: right; } input[type="button"].btsubmit, input[type="submit"].btsubmit { padding: 0 3px\9; } input[type="button"].btsubmit:hover, input[type="submit"].btsubmit:hover { padding: 0 3px\9; } input[type="button"].btcancel, input[type="submit"].btcancel { background-image: url(../../img/img_abn/greenbutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #195050; /* old browsers */ /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b7c7a), color-stop(70%, #2b7c7a), color-stop(100%, #195050)); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-linear-gradient(bottom, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); background: linear-gradient(0deg, #195050 0%, #2b7c7a 30%, #2b7c7a 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7c7a', endColorstr='#195050',GradientType=0 ); /* ie6-9 */ -webkit-filter: none\9; filter: none\9; border: 1px solid #195050; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #FFF; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 20px; line-height: 100%; margin: 0 0 0 3px; padding: 0 5px 1px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; } input[type="button"].btcancel:focus, input[type="submit"].btcancel:focus, input[type="button"].btcancel:hover, input[type="submit"].btcancel:hover { background-image: url(../../img/img_abn/greenbutton_hover.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #2b7c7a; /* old browsers */ /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #195050), color-stop(30%, #2b7c7a), color-stop(100%, #2b7c7a)); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, #2b7c7a 0%, #2b7c7a 70%, #195050 100%); /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-linear-gradient(bottom, #2b7c7a 0%, #2b7c7a 70%, #195050 100%); background: linear-gradient(0deg, #2b7c7a 0%, #2b7c7a 70%, #195050 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195050', endColorstr='#2b7c7a',GradientType=0 ); /* ie6-9 */ -webkit-filter: none\9; filter: none\9; border: 1px solid #195050; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #FFF; cursor: pointer; font-size: 0.75rem; font-weight: normal; height: 20px; line-height: 100%; margin: 0 0 0 3px; padding: 0 5px 1px; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: baseline; width: auto; } input[type="button"].btcancel, input[type="submit"].btcancel { padding: 0 3px\9; } input[type="button"].btcancel:hover, input[type="submit"].btcancel:hover { padding: 0 3px\9; } /* ------------- CB ONLINE HELP --------------- */ p.k-buttons-bar.onlineHelp a.onlineHelp, p.k-buttons-bar.onlineHelp a.onlineHelp:link { background: #fff url(../../img/img_abn/onlineHelp.png) no-repeat scroll right center / 16px auto; border: 1px solid #009286; box-shadow: 0 0 1px #959595; color: #009286; float: right; height: 19px; line-height: 18px; margin: 0; padding: 0 22px 0 5px; right: 0; } p.k-buttons-bar.onlineHelp a.onlineHelp:hover, p.k-buttons-bar.onlineHelp a.onlineHelp:focus { text-decoration: underline; box-shadow: 0px 1px 6px #888; } /* ------------- CB end ONLINE HELP --------------- */ input.file { opacity: 0; } .fileinput label { color: #009286; } .fakeTextInput { border:1px solid #919FB3; float: left; } .fakeButton { background: #009286 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 #AEA400; border-radius: 3px; } .radio input { background-color: #fff; color: #000; border-color: transparent; } /* ----------------- END Button Styles ----------------- */ /* --------------------------------------------------------- PAGINATION --- */ /* CB/ pagination */ div.k-pagination { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px dashed #6796C8; border-top: 1px dashed #6796C8; 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: #009286; display: inline; padding: 0; font-size: 1em; } 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:focus, p.pagNums a:hover { font-size: 0.75rem; font-weight: normal; padding: 0; text-decoration: underline; box-shadow: 0px 1px 6px #888; } /* --- end KAWWA-Grid pagination --- */ /* --------- !Tabbar Content-Navigation ------------- */ /* TABS */ .cont_navigation {background-color: transparent;} .cont_navigation ul.tabbarContent { border-bottom: 2px solid #000099; } .cont_navigation li { background-color: transparent; border: none; } /* non-current first tab */ .cont_navigation ul.tabbarContent li.firstTabOff { color: #0066AA; } .cont_navigation ul.tabbarContent li.firstTabOff a, .cont_navigation ul.tabbarContent li.firstTabOff a:link, .cont_navigation ul.tabbarContent li.firstTabOff a:visited { color: #0066AA; } .cont_navigation ul.tabbarContent li.tabOff a, .cont_navigation ul.tabbarContent li.tabOff a:link, .cont_navigation ul.tabbarContent li.tabOff a:visited { color: #0066AA; } /* non-current tabs*/ .cont_navigation ul.tabbarContent li { border: medium none; color: #0066AA; } .cont_navigation ul.tabbarContent a, ul.tabbarContent a:link, ul.tabbarContent a:visited { color: #0066AA; } /* current tab */ .cont_navigation ul.tabbarContent li.tabOn { color: #fff; border-right: none; border-left: none; border-bottom: none; } .cont_navigation ul.tabbarContent li.firstTabOn { color: #fff; border-right: none; border-left: none; border-bottom: none; } .cont_navigation ul.tabbarContent li.firstTabOn a, .cont_navigation ul.tabbarContent li.firstTabOn a:link, .cont_navigation ul.tabbarContent li.firstTabOn a:visited { color: #fff; padding:3px 7px; } .cont_navigation ul.tabbarContent li.tabOn a, .cont_navigation ul.tabbarContent li.tabOn a:link, .cont_navigation ul.tabbarContent li.tabOn a:visited { color: #fff; padding:3px 7px; } .cont_navigation ul.tabbarContent strong { background: none repeat scroll 0 0 transparent; color: #FFFFFF; } /* ------------------------- !Content Values --------------------------------- */ #content_header h1 { color: #fff; } /* ------------------------- !Content Values --------------------------------- */ /* --------------------------------------------------------------------------- */ /* ---------------------------------- BLOCKS --------------------------------- */ /* --------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- TABS */ /* CB/ tabs */ ul.tabs { background: none repeat scroll 0 0 #000099; color: #FFFFFF; } ul.tabs li { border-right: 1px solid #FFFFFF; } ul.tabs li.firstTabOn { } ul.tabs a, ul.tabs a:link, ul.tabs a:visited { background: none; border: medium none; color: #FFFFFF; } ul.tabs a:hover {color: #FFFFFF; background: none repeat scroll 0 0 #FD6400; } ul.tabs a:focus {color: #FFFFFF; background: none repeat scroll 0 0 #FD6400; } ul.tabs li.tabOn { color: #FFFFFF; } strong { background: none repeat scroll 0 0 #FD6400; color: #FFFFFF; } ul.tabs li.ui-state-active a, ul.tabs li.ui-state-active a:link, ul.tabs li.ui-state-active a:visited { background: none repeat scroll 0 0 #FD6400; color: #FFFFFF; } ul.tabs li.ui-state-active a:focus { background: none repeat scroll 0 0 #FD6400; color: #FFFFFF; } div.k-tabbed-data > div.content { color: #000099; 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; position: relative; top: 1px; width: 100%; z-index: 1; } .tabbed-list ul.tabs { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #009286; float: left; margin: 0; padding: 0; } .tabbed-list ul.tabs li { margin: 0; padding: 0; background: none; border-right: medium none; } .tabbed-list ul.tabs li a, .tabbed-list ul.tabs li a:link, .tabbed-list ul.tabs li a:visited { background: #ffffff none repeat scroll 0 0; border-left: 1px solid #cccccc; border-radius: 0; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #009286; height: 16px; line-height: 18px; margin-top: 3px; padding: 0.4em 10px 0.7em; } .tabbed-list ul.tabs li a:hover, .tabbed-list ul.tabs li a:focus, .tabbed-list ul.tabs li a:active { background: none repeat scroll 0 0 #FFFFFF; color: #D4A40B; } .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: #ffffff none repeat scroll 0 0; border-left: 1px solid #009286; border-radius: 0; border-right: 1px solid #009286; border-top: 1px solid #009286; color: #d4a40b; height: 18px; margin: 1px 0 0; padding: 0.5em 10px 0.6em; 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 #C4D3E3; 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-radius: 0; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #000099; 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 #6796C8; border-radius: 0; border-right: 1px solid #6796C8; border-top: 1px solid #6796C8; color: #000099; 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 #6796C8; border-radius: 0; border-right: 1px solid #6796C8; border-top: 1px solid #6796C8; color: #000099; 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 { 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 #009286; 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-hover, .ui-tabs ul li.ui-state-focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: none; box-sizing: border-box; color: #d4a40b; height: 2.6em; line-height: 2.6em; margin: 0; padding: 0; width: auto; } .ui-tabs ul li a, .ui-tabs ul li a:link, .ui-tabs ul li a:visited, .ui-tabs ul li a:hover { background: #fff none repeat scroll 0 0; border-radius: 0; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; box-sizing: border-box; color: #009286; height: 2.6em; line-height: 2.6em; margin: 0; padding: 0.7em 10px 0.6em; position: relative; top: 4px; } .ui-tabs ul li a:focus, .ui-tabs ul li a:hover { color: #d4a40b; } .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, .ui-tabs ul li.ui-state-active a:focus, .ui-tabs ul li.ui-state-active a:hover, .ui-tabs ul li.ui-state-active a:active { background: #fff none repeat scroll 0 0; border-left: 1px solid #009286; border-radius: 0; border-right: 1px solid #009286; border-top: 1px solid #009286; box-sizing: border-box; color: #d4a40b; height: 2.8em; line-height: 2.8em; margin: 0; padding: 0.8em 10px; position: relative; top: 3px; } .ui-tabs-panel { float: left; width: 100%; } /* ----------------- Old Styles - Only for Demo ----------------- */ /* --------------------------------------------------------- PAGINATION --- */ /* CB/ pagination */ div.k-pagination { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px dashed #6796C8; border-top: 1px dashed #6796C8; 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:focus, p.page-numbers a:hover { background: none repeat scroll 0 0 #C4D3E3; border-radius: 3px; color: #0066AA; box-shadow: 0px 1px 6px #888; } /* ----------------- ----------------- */ dl { display: table; float: left; padding: 5px; position: relative; } dl.fullSize { width: 99%; border: medium none; margin-top: 10px; } dl.details_third { clear: none; float: left; width: 33%; } 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 #000000; } dl.half + dl.half { border: none; } dl.half + dl.half + dl.half { border-right: 1px dashed #000000; clear: left; } dl.half + dl.half + dl.half + dl.half { border: medium none; clear: none; } dl.details_third { border-right: 1px dashed #000000; box-sizing: border-box; } dl.details_third + dl.details_third + dl.details_third { border: medium none; } dl.details_third.withBorder { border-right: 1px dashed #000000; } dl.details_third.withBorder + dl.details_third.withBorder + dl.details_third.withBorder { border: medium none; } dl.half.withBorder { border-right: 1px dashed #000000; } dl.half.withBorder + dl.half.withBorder { border: none; } #deleteConfirmationForm_0 > dl { background-color: transparent; } #cycleZone dl.half { border-right: 1px dashed #000000; } #cycleZone dl.half + #cycleZone dl.half { border: none; } .content .details { padding-left: 5px; } dt { background-color: #FFFFFF; clear: left; color: #000000; display: table-cell; float: left; font-size: 0.7rem; font-weight: normal; line-height: 1.7em; margin: 2px 5px 2px 0; padding: 0 0 0 3px; position: relative; 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: 49%; word-wrap: break-word; } dl.half dt { width: 25%; } dl.half dd { width: 70%; } dl.fullSize dt { width: 15.1%; } dl.half + dl.fullSize dt { width: 12.2%; } dl.fullSize dd { width: 83%; } dl.fullSize.helpImage dd { width: 80%; display: inline-block; clear: none; } 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; } 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; } 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%; } .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 { padding: 0.15% 0.5% 0.15% 15px; width: 98%; } #createTicketPanel .fullSize input[type="file"] { padding: 0 20px 0 0; width: auto; } dl.half dt.selectedTicketType { width: 33.1%; } #createTicketPanel .half > dd { width: 65%; } #reportDesignListPanel dd input.datepickerInput { width: 15em; } input#dateField[type="text"]:disabled, input#dateField[type="text"]#dateField:disabled:hover { background-color: #F7F7F7; border-color: #F7F7F7; } input#dateField { background-color: #F7F7F7; } dd IMG.t-calendar-trigger { float: right; right: 0px; top: -3px; } .soapMessageDisplay { word-wrap: break-word; max-width: 768px; } .soapMessageRequestDisplay { border-top: 1px dashed #000; float: left; max-width: 1020px; padding: 8px 10px 3px; white-space: pre-wrap; width: 100%; word-wrap: break-word; } .soapMessageHeadline { float: left; margin: 3px 10px 8px; width: 70%; } .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; box-shadow: 6px 6px 3px #888888; left: 50px; position: fixed; top: 50px; z-index: 1; } /* modal windows */ .t-zone { box-sizing: border-box; float: left; position: relative; width: 100%; } .zoneTaskSearch.t-zone { width: auto; } /* counter */ .labeldcounter { color: #009286; 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; } .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/img_abn/bg_required.png)0.2em 0.4em no-repeat; padding-bottom: 0; } /* ---------------------------------------- t-UPLOAD Component override of assets - fileuploader.css --- */ /* ---------------------------------------- t-UPLOAD Component override of assets - fileuploader.css --- */ /* CB/ t-UPLOAD Component */ .t-upload { } 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; box-sizing: border-box; padding: 13px 5px 11px; } dd .qq-upload-list li { background-color: #fff; border: 1px outset #ccc; 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 */ /* ---------------- Dialog-Modal Windows ------------------ */ .ui-dialog { background: #fff url(../../img/img_abn/modal-gloss.png) no-repeat scroll -200px -80px; border: none; border-radius: 8px; box-shadow: 0 0 10px rgb(0,0,0,0.4); overflow: hidden; padding: 0.2em; position: absolute; outline: 0; z-index: 9999; } /* 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 .ui-dialog-titlebar { padding: .4em 0.5em; position: relative; } .ui-dialog .ui-dialog-title { border-bottom: 1px solid #DCA325; color: #009286; float: left; margin: 0.1em 0; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 95.4%; } .ui-dialog .ui-dialog-titlebar-close { background: url(../../img/img_abn/bt_remove.png) no-repeat scroll 0 0 / 18px rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); height: 20px; margin: 0; position: absolute; right: 0.3em; top: 50%; width: 20px; border: none; cursor: pointer; } .ui-dialog .ui-dialog-content { background: none; border: 0 none; clear: both; font-size: 0.75em; overflow: auto; padding: 0.5em 0.8em; position: relative; } .ui-dialog .ui-dialog-buttonpane { 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-image: url(../../img/img_abn/yellobutton.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #FFD200; /* old browsers */ background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/ background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/ -webkit-filter: none\9; filter: none\9; height: 20px; border: 1px solid #DCA325; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); color: #222222; cursor: pointer; font-size: 0.75rem; font-weight: normal; 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 input[type="text"] { border-radius: 0; display: inline; float: right; font-size: 0.75rem; margin: 10px 0; padding: 1px 0.5%; width: 94%; } .ui-dialog dd.datepickerInput { float: left; width: 100%; } .ui-dialog .datepickerInput input[type="text"] { margin-top: 0; } .ui-dialog img.t-calendar-trigger { float: left; } .ui-dialog button.ui-datepicker-trigger { background: url(../../img/img_abn/pic_calendar.gif) no-repeat scroll 0 3px transparent; border: medium none; color: transparent; cursor: pointer; display: inline; float: left; margin: 9px 0 0; padding: 0; width: 3%; } .ui-dialog input[type="button"], .ui-dialog input[type="submit"] { float: right; } .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 dl.fullSize dt { width: 30%; margin: 10px 0; } .ui-dialog dl.fullSize dd { width: 65%; } .ui-dialog input.k-required[type="text"] { padding: 0 0 2px 16px; } .ui-dialog input[type="text"][id^="secureDatePicker"] { float: right; width: 94%; } .ui-dialog-content p { font-size: 0.80rem; } .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; } .palette div.palette-title { background-color: #F1F1F1; font-size: 0.85rem; color: #D4A40B; border: 1px solid #D4A40B; border-bottom: none; width: 248px; } DIV.palette .palette-title + SELECT { font-size: 0.85rem; margin-bottom: 2px; padding: 5px; width: 250px; border: 1px solid #D4A40B; } /* End of palette */ /* QR Backend */ a#newsigningkey, a#newsigningkey:link, a#newsigningkey:visited { background: #009286 none no-repeat scroll right 5px center; border: 1px solid #009286; 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: #009286; font-size: 0.85em; font-weight: normal; margin-left: 15px; padding: 0; } a.conventionLink:hover, a.conventionLink:focus { background: none repeat scroll 0 0 transparent; border-bottom: 1px dashed; color: #009286; font-size: 0.85em; font-weight: normal; margin-left: 15px; 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 #009286; float: none; left: 90%; padding: 8px; position: absolute; top: -220%; width: 310px; display:block; } .k-commons { float: left; padding-left: 0.5%; width: 99%; } #commentsection > p { background: transparent url(../../img/img_abn/li_comment.png) no-repeat scroll 0 10px; border-bottom: 1px solid #009286; padding: 8px 0 8px 20px; } .commentPrefix { clear: both; color: #009286; display: block; padding-bottom: 8px; } #infoText { border-bottom: 1px solid #009286; } #infoText > p { background: transparent url(../../img/img_abn/icon_info.png) no-repeat scroll 0 0; font-style: italic; } /*---------------------------------SPEZIAL LAYOUT for spezial pages--------------*/ /*--------- Support - Info ----------*/ .supportContInfo { color: #666666; } .highlightedSpan { color: #009286; font-weight: bold; text-indent: 20px; } .inlineImg.email { background: transparent url(../../img/img_abn/email.png) no-repeat scroll center center / 10% auto; } .inlineImg.phone { background: transparent url(../../img/img_abn/phone.png) no-repeat scroll center center / 10% auto; } /* ------------------- 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 #BBBBBB; outline: 0; box-shadow: 0px 1px 4px 1px #888; } input[type="submit"]:focus, input[type="button"]:focus { border: 1px solid #BBBBBB; outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); } input[type="button"]:focus, input[type="submit"]:focus { text-decoration: underline; } textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, .uneditable-input:focus { background-color: #fff; } input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 2px solid #D4A40B; } a:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); padding-left: 8px; padding-right: 8px; } #logoutLink a.logout:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); } a.btAction:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; } a.finder-btAction:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); } a.finder-colorCancel:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; } .k-panel h4.control a:focus { outline: 0; box-shadow: none; color: #D4A40B; } .k-panel h4.control.ui-state-active a:focus { outline: 0; box-shadow: none; color: #009286; } .k-panel h4.control.ui-state-active a:active { outline: 0; box-shadow: none; color: #D4A40B; } #ul_main_navigation a:focus { outline: 0; background-color: #D4A40B; box-shadow: none; background: url(../../img/img_abn/tabOnBorder.jpg) repeat-x scroll 0 bottom transparent; } #sub_navigation ul.tabs li a:focus { outline: 0; background: none; border: medium none; color: #D4A40B; } td a.inlineBt:hover, td a.inlineBt:focus { outline: 0; box-shadow: none; border: 1px solid #009286; } table.t-data-grid tr th a:focus { background: none repeat scroll 0 0 #eee; color: #666666 !important; } /* --------- END ---------- Focus Elements ------------------------- */ /* ----------------Font Awesome SVG - Icon ------------------------- */ .svg-inline--fa.fa-chevron-left.fa-w-10 { height: 20px; color: #009286; font-weight: bold; font-size: 2rem; margin-bottom: 10px; } .svg-inline--fa.fa-chevron-right.fa-w-10 { height: 20px; color: #009286; font-weight: bold; font-size: 2rem; margin-bottom: 10px; } /* ----------------- Only Hacks for Chrome and IE ----------------- */ /* --------------------------------------------------------- Browser Hacks Chrome --- */ /* -- Chrome -- */ @media \\0 screen { /* Chrome/Safari CSS */ #ul_main_navigation { padding: 0 0 0; vertical-align: top; box-sizing: border-box; } #ul_main_navigation li, #ul_main_navigation li:hover, #ul_main_navigation li:focus, #ul_main_navigation li:active { vertical-align: top; display: inline-block; line-height: 1.8; box-sizing: border-box; } #ul_main_navigation li#tabOn { box-sizing: border-box; } #ul_main_navigation li#tabOn span { box-sizing: border-box; } .ui-dialog input[type="text"] { border-radius: 0; display: inline; float: right; font-size: 0.75rem; margin: 10px 0; padding: 1px 0.5%; width: 94%; } .ui-dialog button.ui-datepicker-trigger { background: url(../../img/img_abn/pic_calendar.gif) no-repeat scroll 0 0 transparent; border: medium none; color: transparent; cursor: pointer; display: inline; float: left; margin: 12px 0 0; padding: 0; width: 3%; clear: left; } } /* --------------------- Media Query only for IE9 and IE10 ------------------------ */ /* -- Chrome -- */ @media \\0 screen { div.calendar { float: left; left: 50% !important; position: fixed !important; top: 10% !important; } } /*IE11 CSS*/ _:-ms-fullscreen, :root div.calendar { left: 70% !important; }