/* RegEx: \:[ ]?([#\w]+)[ ]?([\w !]+)?;[ ]+\/\*([\w#]+)(.*)\*\/ Replace: : $3 $2; \/* $3 *\/ sidenavBgColor: #8D8A77 #333333 sidenavFontColor: #ffffff #ffffff sidenavNumbersBgColor: #ffffff #ffffff sidenavNumbersFontColor: #000000 #000000 sidenavNumbersFontColorActive: #ffffff #ffffff sidenavMainHeaderFontColor: #ffffff #ffffff sidenavHeaderFontColor: #ffffff #ffffff sidenavHeaderFontColorActive: #ffffff #ffffff sidenavPartsDivisionColor: #ffffff #ffffff sidenavUnderline: #dddddd #555555 breadCrumbBgColor: #ffffff #ffffff breadCrumbFontColor: #000000 #333333 breadCrumbBgColorHover: #8D8A77 #333333 breadCrumbFontColorHover: #ffffff #ffffff fontColor1TopNavRight: #dddddd #dddddd fontColor1TopNavRightHover: #ffffff #ffffff bgColorTopNavRight: #8D8A77 #333333 fontColor2TopNavRight: #ffffff #ffffff fontColor2TopNavRightHover: #000000 #000000 bgColor2TopNavRightHover: #ffffff #ffffff fontColorPriceNumber: #ffffff #ffffff bgColorBasket: #ffffff #afc100 colorBasketPic: #8D8A77 #ffffff colorBasketText: #8D8A77 #ffffff colorBasketTextHover: #ffffff #ffffff colorBasketPicHover: #ffffff #ffffff bgColorBasketHover: #ada99b #a3b20f overlaysBorderColor: #666666 #666666 overlaysFontColor: #000000 #ffffff overlaysBgColor: #ffffff #333333 overlayStartBgColor: #ffffff #ffffff overlayStartHeaderColor: #000000 #000000 overlayStartTextColor: #000000 #000000 overlaysHeaderColor: #000000 #ffffff overlaysHeaderUnderLineColor: #000000 #ffffff buttonCloseOverlaysFontColor: #000000 #ffffff materialFontColorHover: #000000 #ffffff materialBgColorHover: #ada99b #464646 materialBorderColor: #555555 #4d4d4d resetButtonFontColor: #000000 #ffffff resetButtonBgColorHover: #ada99b #ffffff resetButtonFontColorHover: #ffffff #000000 footerBgColor: #8D8A77 #333333 footerFontColor: #ffffff #dddddd copyrightFontColor: #dddddd #dddddd footerBgColorActive: #ada99b #dddddd footerFontColorActive: #000000 #000000 nextBackButtonFontColor: #000000 #ffffff nextBackButtonFontColorHover: #000000 #ffffff sidenavDoorsRailsButtonsBorder: #000000 #000000 infoDialogBgColor: #ebebeb #333333 infoDialogUnderLineHeader: #000000 #ffffff infoDialogHeaderFontColor: #000000 #ffffff infoDialogTextFontColor: #000000 #ffffff infoDialogButtonClose: #555555 #aaaaaa infoDialogButtonCloseHover: #ada99b #ffffff buttonOverlayInfoFontColor: #000000 #ffffff buttonOverlayInfoBgColor: #ffffff #333333 feasTextFontColor: #FF0000 #afc100 warningTextFontColor: #FFD800 #FFFF36 appEditionLogoBackground: #ffffff #333333 appEditionLogoFontColor: #000000 #ffffff checkboxBgColor #ffffff #ffffff checkboxBorderColor: #555555 #333333 draggerBarColor: #ada99b #A0A0A0 draggerRailColor: #aaaaaa #000000 iButtonsFontColor: #555555 #000000 iButtonsBgColor: #FFFC66 #cccccc iButtonsBorderColor: #555555 #cccccc iButtonsFontColorHover: #555555 #000000 iButtonsBgColorHover: #FFED00 #ffffff iButtonsBorderColorHover: #555555 #ffffff roomSvgsColor: #000000 #000000 roomSvgsColorActive: #8D8A77 #a3b20f roomClosetTabsBgColor: #ffffff #ffffff roomClosetTabsBorderColor: #000000 #000000 roomClosetTabsBgColorHover: #dddddd #dddddd doitProfileBorderColorActive: #ebebeb #ffffff doitProfileBorderColorHover: #ada99b #dddddd sidenavDropdownFontColor: #555555 #ffffff sidenavDropdownBgColor: #ffffff #333333 sidenavDropdownBorderColor: #555555 #bbbbbb sidenavDropdownArrowColor: #555555 #bbbbbb sidenavDropdownLiFontColor: #555555 #dddddd sidenavDropdownLiBgColor: #dddddd #bbbbbb sidenavDropdownLiBorderColor: #ebebeb #ebebeb sidenavDropdownLiFontColorActive: #000000 #000000 sidenavDropdownLiBgColorHover: #ebebeb #ebebeb overlaysDropdownBgColor: #ffffff #ffffff overlaysDropdownBorderColor: #555555 #555555 overlaysDropdownFontColor: #555555 #555555 overlaysDropdownArrowColor: #555555 #555555 overlaysDropdownLiFontColor: #555555 #555555 overlaysDropdownLiBgColor: #dddddd #dddddd overlaysDropdownLiBorderColor: #ebebeb #ebebeb overlaysDropdownLiFontColorActive: #000000 #000000 overlaysDropdownLiBgColorActive: #ebebeb #ebebeb doitPdfHeadersColor: #000000 #000000 presentedByLogoBgColor: #ffffff #333333 cusLogoTextFontColor: #000000 #ffffff svgsInteriorCssFontColor: #ffffff #ffffff svgsInteriorCssActiveFontColor: #ada99b #A3B20F RGB:nextBackLine1: rgb(235,235,235) rgb(235,235,235) RGB:nextBackLine2: rgb(224,224,224) rgb(224,224,224) RGB:nextBackHoverLine1: rgb(223,223,223) rgb(223,223,223) RGB:nextBackHoverLine2: rgb(207,207,207) rgb(207,207,207) checkboxBgColorChecked: #ffffff #c6752a checkboxColorChecked: #000000 #ffffff RGB:plusSymbol: rgb(255,255,255) rbg(85,85,85) RGB:minusSymbol: rgb(255,255,255) rbg(255,0,0) qtipFontColor: #000000 qtipBgColor: #ada99b qtipBorderColor: #000000 */ /*************************************************************************************************/ /*** sideNav - menu numbers ***/ #doitPanel{ background-color:#8D8A77 !important; /** sidenavBgColor **/ } #doitSidenav.doitHListQp .doitHListQpUl, #doitSidenav.doitHListQp .doitHListQpUl .doitHListQpLi a { background-color: #ffffff !important; /** sidenavNumbersBgColor **/ color: #000000; /** sidenavNumbersFontColor **/ } #doitSidenav.doitHListQp .doitHListQpUl .doitHListQpLi a:focus, #doitSidenav.doitHListQp .doitHListQpUl .doitHListQpLi a:hover, #doitSidenav.doitHListQp .doitHListQpUl .doitHListQpLi a:active, #doitSidenav.doitHListQp .doitHListQpUl .doitHListQpLi a.active{ background-color: #8D8A77 !important; /** sidenavBgColor **/ color: #ffffff; /** sidenavNumbersFontColorActive **/ } #doitSidenav { border-top: 1px solid #ffffff; /** sidenavNumbersBgColor **/ } .dattaya-maccordion .dattaya-maccordion-header, .mainheader h4 { color: #ffffff; /** sidenavMainHeaderFontColor **/ border-bottom: 2px solid #ffffff; /** sidenavPartsDivisionColor **/ } .ui-accordion .ui-accordion-header, #doitFrontSwitchDiv a, #doitInteriorSwitchDiv a { color: #ffffff !important; /** sidenavHeaderFontColor **/ } .ui-accordion .ui-accordion-header.ui-state-active { color: #ffffff !important; /** sidenavHeaderFontColorActive **/ } .doitPanelBorderTop { border-bottom-color: #ffffff; /** sidenavPartsDivisionColor **/ } #doitFrontSwitchDiv, #doitInteriorSwitchDiv, .ui-accordion .ui-accordion-header, .ui-accordion h5, #doitSendContent, .doitPanelBorderTop { border-top-color: #ffffff; /** sidenavPartsDivisionColor **/ } #doitFrontSwitchDiv, #doitInteriorSwitchDiv{ border-bottom: 2px solid #ffffff; /** sidenavPartsDivisionColor **/ } .doitUnderline { background-color: #dddddd; /** sidenavUnderline **/ } .ui-widget-content, .doitInteriorContent,#doitSendContent .doitSendHeader table, #doitSendContent td, .doitProfileTab, .doitInterSysTab h6 { color: #ffffff; /** sidenavFontColor **/ } /*** breadCrumb ***/ #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a { background-color: #ffffff; /** breadCrumbBgColor **/ color: #000000; /** breadCrumbFontColor **/ } #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:focus, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:hover, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:active, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a.active { background-image: none; background-color: #8D8A77 !important; /** breadCrumbBgColorHover **/ color: #ffffff !important; /** breadCrumbFontColorHover **/ } #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; /** breadCrumbBgColor **/ } #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:before { border-left-color: transparent; border-top-color: #ffffff; /** breadCrumbBgColor **/ border-bottom-color: #ffffff; /** breadCrumbBgColor **/ } #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:hover:after, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a.active:after, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:focus:after, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:active:after{ border-color: rgba(2, 2, 3, 0); border-left-color: #8D8A77; /** breadCrumbBgColorHover **/ } #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:hover:before, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a.active:before, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:focus:before, #doitBreadCrumb #doitBreadCrumbL.doitbreadcrumb .doitBreadCrumbQpLi a:active:before{ border-left-color: transparent; border-top-color: #8D8A77; /** breadCrumbBgColorHover **/ border-bottom-color: #8D8A77; /** breadCrumbBgColorHover **/ } /* Top navigation right */ #doitQpNaviNewConf a { color: #dddddd; /** fontColor1TopNavRight **/ } #doitQpNaviNewConf a:focus, #doitQpNaviNewConf a:hover, #doitQpNaviNewConf a:active, #doitQpNaviNewConf a.active { color: #ffffff !important; /** fontColor1TopNavRightHover **/ } #doitTopNavRight .doitHListQp .doitHListQpUl, #doitQpNaviNewConf a, #doitQpNaviOpenConf a, #doitQpNaviSaveConf a { /* muss noch ins CMDM */ background-color: #8D8A77; /** bgColorTopNavRight **/ } #doitFloorSelAcc{ background-color: #8D8A77; /** bgColorTopNavRight **/ } #doitTopNavRight .doitHListQp .doitHListQpUl, #doitQpNaviOpenConf a, #doitQpNaviSaveConf a, #doitFloorSelAccA { color: #ffffff; /** fontColor2TopNavRight **/ } #doitQpNaviOpenConf a:focus, #doitQpNaviOpenConf a:hover, #doitQpNaviOpenConf a:active, #doitQpNaviOpenConf a.active, #doitQpNaviSaveConf a:focus, #doitQpNaviSaveConf a:hover, #doitQpNaviSaveConf a:active, #doitQpNavisaveConf a.active { color: #000000 !important; /** fontColor2TopNavRightHover **/ background-color: #ffffff; /** bgColor2TopNavRightHover **/ } .doitTopNavRightPriceNumber { color: #ffffff; /** fontColorPriceNumber **/ } #doitQpNaviIntoBasket { background-color: #ffffff !important; /** bgColorBasket **/ fill: #8D8A77 !important; /** colorBasketPic **/ } #doitQpNaviIntoBasket span { color: #8D8A77 !important; /** colorBasketText **/ } #doitQpNaviIntoBasket:hover > svg,#doitQpNaviIntoBasket:focus > svg, #doitQpNaviIntoBasket:active > svg, #doitQpNaviIntoBasket:hover > span,#doitQpNaviIntoBasket:focus > span, #doitQpNaviIntoBasket:active > span { color: #ffffff !important; /** colorBasketTextHover **/ fill: #ffffff !important; /** colorBasketPicHover **/ } #doitQpNaviIntoBasket:focus, #doitQpNaviIntoBasket:hover, #doitQpNaviIntoBasket:active, #doitQpNaviIntoBasket.hover, #doitQpNaviIntoBasket.active { background-color: #ada99b !important; /** bgColorBasketHover **/ } /*Overlays*/ .ui-dialog { border: 1px solid #666666; /** overlaysBorderColor **/ color: #000000; /** overlaysFontColor **/ background-color: #ffffff; /** overlaysBgColor **/ } #doitStartScreen{ background-color: #ffffff; /** overlayStartBgColor **/ } #doitStartScreen .doitInfoboxHeader h3{ color: #000000 ; /** overlayStartHeaderColor **/ } #doitStartScreen #doitStartText p, #doitStartScreen .infoStartContent p{ color:#000000; /** overlayStartTextColor **/ } .doitInfoboxHeader h3, .doitInfoboxContent{ color: #000000; /** overlaysHeaderColor **/ } #doitOverlaySend, #doitOverlayRetailer, #doitOverlayProject, #doitOverlayContact, #doitOverlayOrder, #doitOverlayMultipleCustomer { background-color: #ffffff; /** overlaysBgColor **/ } .doitInfoboxContent, #doitContactForm p, #doitContactForm div, #doitContactForm label, #doitSendForm p, #doitSendForm div, #doitSendForm label, #doitOrderForm p, #doitOrderForm div, #doitOrderForm label, #doitProjectForm, #doitProjectForm div, #doitProjectForm label, .ui-dialog .ui-widget-content, #doitRetailerSearchForm p, #doitRetailerSearchForm div, #doitRetailerSearchForm label, #doitRetailerSearchForm.doitPanelForm label{ color: #000000; /** overlaysFontColor **/ } .doitInfoboxHeader { border-bottom-color: #000000; /** overlaysHeaderUnderLineColor **/ } .simple_overlay .close:before, .simple_overlay .close:after { background-color: #000000; /** buttonCloseOverlaysFontColor **/ } .simple_overlay a{ color:#000000 !important; /** overlaysFontColor **/ } .doitMotifContent li:hover, .doitMotifContent li:focus, .doitMotifContent li:active, .doitMotifContent li.active , .doitProfileMotifContent li:hover, .doitProfileMotifContent li:focus, .doitProfileMotifContent li:active, .doitProfileMotifContent li.active, .doitInteriorMotifContent li:hover, .doitInteriorMotifContent li:focus, .doitInteriorMotifContent:active, .doitInteriorMotifContent li.active{ color: #000000; /** materialFontColorHover **/ background-color: #ada99b; /** materialBgColorHover **/ background-image: none; } #doitSubdivisionsAccordion1 h6, #applyMaterial h6, #applyProfileMaterial h6,#applyInteriorMaterial h6, #doitSendContent .doitSendHeader, #doitInteriorSelectionAccordion h6{ border-bottom-color: #ffffff !important; /** sidenavPartsDivisionColor **/ color: #ffffff !important; /** sidenavFontColor **/ } .doitGalerieContent .ui-draggable { border-color: #555555; /** materialBorderColor **/ } .dattaya-maccordion .dattaya-maccordion-content a, .doitPanelForm input[type="reset"], a.doitSendChange { color: #000000; /** resetButtonFontColor **/ } .doitPanelForm input[type="reset"]:hover, .doitPanelForm input[type="reset"]:focus, .doitPanelForm input[type="reset"]:active, .doitPanelForm input[type="reset"].active,a.doitSendChange:focus, a.doitSendChange:active, a.doitSendChange:hover{ background-image: none; background-color: #ada99b !important; /** resetButtonBgColorHover **/ color: #ffffff !important; /** resetButtonFontColorHover **/ } .doitBottomBox, .doitBottomBoxBS { border-top-color: #ffffff; /** sidenavPartsDivisionColor **/ background-color: #8D8A77; /** footerBgColor **/ } .doitBottomBoxBS .doitHListNavi ul li a, .doitBottomBoxBS .doitHListNavi #fright{ color: #ffffff; /** footerFontColor **/ } .doitBottomBoxBS .doitHListNavi #fright .rcopyright { color: #dddddd; /** copyrightFontColor **/ } .doitBottomBox .doitHListNavi ul li a:hover, .doitBottomBox .doitHListNavi ul li a:active, .doitBottomBoxBS .doitHListNavi ul li a:hover, .doitBottomBoxBS .doitHListNavi ul li a:active{ background-image: none; background-color: #ada99b !important; /** footerBgColorActive **/ color:#000000 !important; /** footerFontColorActive **/ } .doitHListBackNext .doitHListBackNextUl .doitHListBackNextLi a, .doitHListBackNext .doitHListPrintSendUl .doitHListPrintSend-li a, .doitPanelForm input[type="submit"], .doitPanelForm input[type="button"], .doitSendForm input[type="submit"], .doitSendForm input[type="button"], #doitSendForm #doitSubmitKfg{ color: #000000; /** nextBackButtonFontColor **/ background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' xml:space='preserve' x='0px' y='0px' width='2px' height='2px' viewBox='0 0 6 6' enable-background='new 0 0 6 6'%3E%3Cpath d='M0 0h6v6H0V0z' fill='rgb(235,235,235)'/%3E%3Cpath fill='none' stroke='rgb(224,224,224)' stroke-miterlimit='10' d='M.5 6V4.5h1.1v-1h.9v-1h1v-1h1v-1H6'/%3E%3Cpath fill='rgb(224,224,224)' d='M5 5h1v1H5z'/%3E%3C/svg%3E") 0px 0px repeat; /** nextBackLine1 **/ /** nextBackLine2 **/ background-size: 6px 6px; overflow: hidden; } .doitPanelForm input[type="submit"]:hover, .doitPanelForm input[type="button"]:hover, .doitSendForm input[type="submit"]:hover, .doitSendForm input[type="button"]:hover, #doitSendForm #doitSubmitKfg:hover,.doitHListBackNext .doitHListBackNextUl .doitHListBackNextLi a:focus, .doitHListBackNext .doitHListBackNextUl .doitHListBackNextLi a:hover, .doitHListBackNext .doitHListBackNextUl .doitHListBackNextLi a:active, .doitHListBackNext .doitHListPrintSendUl .doitHListPrintSend-li a:focus, .doitHListBackNext .doitHListPrintSendUl .doitHListPrintSend-li a:hover, .doitHListBackNext .doitHListPrintSendUl .doitHListPrintSend-li a:active { background-image: none; background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' xml:space='preserve' x='0px' y='0px' width='2px' height='2px' viewBox='0 0 6 6'%3E%3Cpath d='M0 0h6v6H0V0z' fill='rgb(223,223,223)'/%3E%3Cpath fill='none' stroke='rgb(207,207,207)' stroke-miterlimit='10' d='M.5 6V4.5h1.1v-1h.9v-1h1v-1h1v-1H6'/%3E%3Cpath fill='rgb(207,207,207)' d='M5 5h1v1H5z'/%3E%3C/svg%3E") 0px 0px repeat; /** nextBackHoverLine1 **/ /** nextBackHoverLine2 **/ background-size: 6px 6px; color: #000000; /** nextBackButtonFontColorHover **/ overflow: hidden; } .doitBackNext { border-top-color: #ffffff; /** sidenavPartsDivisionColor **/ background-color: #8D8A77; /** sidenavBgColor **/ } .doitHListBackNext .doitHListBackNextUl .doitHListBackNextFor a::after { content: "\00bb"; } .doitHListBackNext .doitHListBackNextUl .doitHListBackNextFor a.doitQpBoxBtnRight, #doitQpBoxBtnSend a.doitQpBoxBtnRight{ padding-right: 44px; } .doitHListBackNext .doitHListBackNextUl .doitHListBackNextFor a.doitQpBoxBtnRight::after, #doitQpBoxBtnSend a.doitQpBoxBtnRight::after { font-size: 130% !important; font-style: normal; font-weight: lighter; right:26px; } .doitHListBackNext .doitHListBackNextUl .doitHListBackNextBack a::before { content: none; } .doitHListBackNext .doitHListBackNextUl .doitHListBackNextBack a::after { content: "\00ab"; left: 20px; position: absolute; font-size: 130% !important; } .doitNrDoorsButton, .doitNrDivRailsBtn { border-color: #000000; /** sidenavDoorsRailsButtonsBorder **/ } .doitUIInfoDialog { background: #ebebeb !important; /** infoDialogBgColor **/ } .doitUIInfoDialog h6 { border-bottom: 1px solid #000000; /** infoDialogUnderLineHeader **/ color: #000000; /** infoDialogHeaderFontColor **/ } .doitUIInfoDialog p{ color: #000000; /** infoDialogTextFontColor **/ } .qtip-icon, .qtip-icon .ui-icon{ background-color: #ebebeb; /** infoDialogBgColor **/ color: #555555 ; /** infoDialogButtonClose **/ border-radius: 0px; border:none; } .qtip-icon, .qtip-icon .ui-icon:hover{ color: #ada99b; /** infoDialogButtonCloseHover **/ } .ui-dialog .ui-dialog-titlebar { border-bottom: dotted 1px #000000; /** overlaysHeaderUnderLineColor **/ color: #000000; /** overlaysHeaderColor **/ } .ui-dialog .ui-dialog-buttonpane button{ border: 1px solid #666666; /** overlaysBorderColor **/ color: #000000; /** buttonOverlayInfoFontColor **/ background-color: #ffffff; /** buttonOverlayInfoBgColor **/ outline: none; } .doitFeasText{ color: #FF0000 !important; /** feasTextFontColor **/ } .doitConfInfo { color: #FFD800; /** warningTextFontColor **/ } #doitQpNaviLogo{ background-color: #ffffff; /** appEditionLogoBackground **/ color: #000000; /** appEditionLogoFontColor **/ } span.custom.checkbox, span.custom.checkboxNo{ background-color:#ffffff !important; /** checkboxBgColor **/ } .custom.checkbox{ border: 1px solid #555555 !important; /** checkboxBorderColor **/ } span.custom.checkbox.checked, span.custom.checkboxNo.checked{ background-color: #ffffff !important; /** checkboxBgColorChecked **/ } #svgCheckbox rect{ fill:#ffffff; /** checkboxBgColorChecked **/ } #svgCheckbox polyline{ stroke:#000000; /** checkboxSymbolColorChecked **/ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 #ada99b !important; /** draggerBarColor **/ } .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 #aaaaaa !important; /** draggerRailColor **/ } /* i buttons*/ .doitUIInfo{ text-transform: none; padding: 1px 3px 3px 3px; color: #555555; /** iButtonsFontColor **/ border: 1px solid #555555; /** iButtonsBorderColor **/ background-color: #FFFC66; /** iButtonsBgColor **/ } .doitUIInfo:hover, .doitUIInfo:active{ color:#555555;/** iButtonsFontColorHover **/ border: 1px solid #555555; /** iButtonsBorderColorHover **/ background-color: #FFED00; /** iButtonsBgColorHover **/ } /* plus-minus */ .ui-state-default .ui-icon,.ui-state-hover .ui-icon,.ui-state-focus .ui-icon { color:transparent; background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 30 30' enable-background='new 0 0 30 30'%3E%3Cpath style='fill:none;stroke:rgb(255,255,255);stroke-width:0.99010003;stroke-miterlimit:10' d='m 7.3340073,2 c -0.00701,4.1459961 -0.014013,8.291992 -0.021019,12.437988' id='line2'/%3E%3Cpath style='fill:none;stroke:rgb(255,255,255);stroke-width:0.99010003;stroke-miterlimit:10' d='m 1.3330078,8.6337013 c 4.1113281,0 8.2226563,0 12.3339842,0' id='line4'/%3E%3C/svg%3E") 0px 0px no-repeat; /** plusSymbol **/ width: 22px !important; height: 22px !important; } .ui-state-active .ui-icon,.ui-state-active.ui-state-hover .ui-icon,.ui-state-active.ui-state-focus .ui-icon { color:transparent; background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' x='0px' y='0px' width='40px' height='32px' viewBox='0 0 30 22' enable-background='new 0 0 30 22'%3E%3Cline stroke-miterlimit='10' x1='1.3330078' y1='4.4169922' x2='13.666992' y2='4.4169922' id='line2' style='fill:none;stroke:rgb(255,255,255);stroke-width:0.59010003;stroke-miterlimit:5'/%3E%3C/svg%3E") 0px 5px no-repeat; /** minusSymbol **/ width: 22px !important; height: 22px !important; right: 0.1em; } .ui-state-highlight .ui-icon {color:transparent;background-image: none;} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {color:transparent;background-image: none;} .ui-accordion .ui-accordion-header .ui-icon{ margin-top: -10px; right: 0.2em !important; cursor: pointer; } #svgclosetPosWall rect, #svgclosetPosCenter rect, #svgclosetPosLeft rect, #svgclosetPosRight rect, #svgRoomNiche rect, #svgRoomNiche polygon, #svgRoomLeft rect, #svgRoomLeft polygon, #svgRoomLeft path, #svgRoomRight rect, #svgRoomRight polygon{ stroke:#000000; /*roomSvgsColor*/ fill: transparent; } #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosWall rect, #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosCenter rect, #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosLeft rect, #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosRight rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomNiche rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomNiche polygon, #doitRoomTabs ul li.ui-tabs-selected #svgRoomLeft rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomLeft polygon,#doitRoomTabs ul li.ui-tabs-selected #svgRoomLeft path, #doitRoomTabs ul li.ui-tabs-selected #svgRoomRight rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomRight polygon{ stroke:#8D8A77; /*roomSvgsColorActive*/ fill: transparent; } #doitRoomTabs.ui-tabs .ui-tabs-nav li a, #doitRoomTabs.ui-tabs .ui-tabs-panel, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li a, #doitClosetPosTabs.ui-tabs .ui-tabs-panel { background-color:#ffffff; /** roomClosetTabsBgColor **/ } #doitRoomTabs.ui-tabs .ui-tabs-nav li, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li { border-right: 1px solid #000000; /** roomClosetTabsBorderColor **/ } #doitRoomTabs.ui-tabs .ui-tabs-nav li:last-child, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li:last-child { border-right: 1px solid #ffffff; /** roomClosetTabsBgColor **/ } #doitRoomTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-top: solid #ffffff 1px; /** roomClosetTabsBgColor **/ border-right: solid #000000 1px; /** roomClosetTabsBorderColor **/ } #doitRoomTabs.ui-tabs .ui-tabs-nav, #doitClosetPosTabs.ui-tabs .ui-tabs-nav { border-bottom: 1px solid #000000; /** roomClosetTabsBorderColor **/ } #doitRoomTabs.ui-tabs .ui-tabs-nav li:first-child.ui-tabs-selected, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li:first-child.ui-tabs-selected { border-left: 1px solid #ffffff; /** roomClosetTabsBgColor **/ } #doitRoomTabs.ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top.ui-state-active a:hover, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top.ui-state-active a:hover, #doitRoomTabs.ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top a:hover, #doitClosetPosTabs.ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top a:hover{ background-color: #dddddd !important; /** roomClosetTabsBgColorHover **/ background-image: none; } #doitProfileTabsA li:active, #doitProfileTabsA li.active, #doitProfileTabsA li.active:hover{ background-color: #ebebeb; /** doitProfileBorderColorActive **/ } #doitProfileTabsA li:hover{ background-color: #ada99b; /** doitProfileBorderColorHover **/ } .select-styled { color: #555555; /** sidenavDropdownFontColor **/ background-color: #ffffff; /** sidenavDropdownBgColor **/ border: 1px solid #555555; /** sidenavDropdownBorderColor **/ } .button-styled { color: #555555; /** sidenavDropdownFontColor **/ background-color: #ffffff; /** sidenavDropdownBgColor **/ border: 1px solid #555555; /** sidenavDropdownBorderColor **/ } .select-styled::after { border-color: #555555 transparent transparent transparent; /** sidenavDropdownArrowColor **/ } .select-options li { color: #555555; /** sidenavDropdownLiFontColor **/ background: #dddddd; /** sidenavDropdownLiBgColor **/ border-top: 1px solid #ebebeb; /** sidenavDropdownLiBorderColor **/ } .select-options li:hover { color: #000000; /** sidenavDropdownLiFontColorActive **/ background: #ebebeb; /** sidenavDropdownLiBgColorHover **/ } .select-styled-oLays { background-color: #ffffff; /** overlaysDropdownBgColor **/ border: 1px solid #555555; /** overlaysDropdownBorderColor **/ color: #555555; /** overlaysDropdownFontColor **/ } .select-styled-oLays::after { border-color: #555555 transparent transparent transparent; /** overlaysDropdownArrowColor **/ } .select-options-oLays li{ color: #555555; /** overlaysDropdownLiFontColor **/ background: #dddddd; /** overlaysDropdownLiBgColor **/ border-top: 1px solid #ebebeb; /** overlaysDropdownLiBorderColor **/ } .select-options-oLays li:hover { color: #000000; /** overlaysDropdownLiFontColorActive **/ background: #ebebeb; /** overlaysDropdownLiBgColorActive **/ } .doitPdfHeadersColor{ color: #000000; /** doitPdfHeadersColor **/ } #doitPanelTabSelectText{ border-top: 1px dotted #ffffff; /** sidenavFontColor **/ } #presentedByLogo{ background-color: #ffffff; /** presentedByLogoBgColor **/ } #cusLogoText{ color: #000000; /** cusLogoTextFontColor **/ } #svgsInteriorCss{ color: #ffffff; /** svgsInteriorCssFontColor **/ } #svgsInteriorCssActive{ color: #ada99b; /** svgsInteriorCssActiveFontColor **/ } .qtip-youtube{ color: #000000; /** qtipFontColor **/ background: #ada99b; /** qtipBgColor **/ border: 1px solid #000000; /** qtipBorderColor **/ border-radius: 0; box-shadow: 0;-moz-border-radius:0px;-webkit-border-radius:0px;-webkit-box-shadow:0 0 0px;-moz-box-shadow:0 0 0px; }