tr>th { background: #2c3a45 !important; color: #fff !important; } .ui-accordion .ui-accordion-header { background-color: #D9DADA !important; } /* Tame the big fonts */ .ui-widget { font-size: 90%; } .ui-widget .ui-widget { font-size: 100%; } .ui-messages-error-summary { margin-left: 0 !important; font-weight: normal !important; } .ui-confirm-dialog-message { display: inline !important; } /* TMR aside data lists to be used in conjunction with QGov 'data' class*/ .tmr-aside-data dt { font-weight: bold !important; } .tmr-aside-data dd { background-color: #fff !important; font-weight: normal; } /* TMR aside */ .tmr-aside { background: none !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: none !important; } #asides .ui-panel .ui-panel-titlebar { padding: 0.3em 0 0; } #asides .ui-panel .ui-panel-content { padding: 0.7em 0; } .aside-icon { color: #78BA00 !important; font-size: 2rem !important; } /* Specific TMR asides for vehicles */ .tmr-aside-vehicle .ui-panel-titlebar { background-image: none; background-color: transparent; border:none; } .tmr-aside-vehicle .ui-panel-title { background: transparent url("/renewregistration/javax.faces.resource/images/skin/icon-car2.png.xhtml?ln=common-includes") 0 0 no-repeat !important; padding-left:50px; padding-bottom:40px; color: #293942; margin: 0; margin-left: -15px; font-size: 130%; font-weight: normal; } .tmr-aside-vehicle .ui-panel-title .ui-panel-heading { padding-left: 0.3em; margin-top: 0; margin-bottom: 12px; font-size: 1.25rem; font-family: inherit; font-weight: 700; line-height: 1.5em; color: #005474; overflow: hidden; box-sizing: border-box; } /* Specific TMR asides for notifications */ .tmr-aside-notifications .ui-panel-titlebar { background-image: none; background-color: transparent; border:none; } .tmr-aside-notifications .ui-panel-title { padding: 0.5em 1em 0 0 !important; margin: 0.1em 16px -1em 0 !important; color: #293942; font-size: 130%; font-weight: normal; } .tmr-aside-notifications .ui-panel-title .ui-panel-heading { padding-left: 0.3em; margin-top: 0; margin-bottom: 12px; font-size: 1.25rem; font-family: inherit; font-weight: 700; line-height: 1.5em; color: #005474; overflow: hidden; box-sizing: border-box; } /* Specific TMR asides for shopping basket */ .tmr-aside-shopping-basket .ui-panel-titlebar { background-image: none; background-color: transparent; border:none; } .tmr-aside-shopping-basket .ui-panel-title { padding: 0.5em 1em 0 0 !important; margin: 0.1em 16px -1em 0 !important; color: #293942; font-size: 130%; font-weight: normal; } .tmr-aside-shopping-basket .ui-panel-title .ui-panel-heading { padding-left: 0.3em; margin-top: 0; margin-bottom: 12px; font-size: 1.25rem; font-family: inherit; font-weight: 700; line-height: 1.5em; color: #005474; overflow: hidden; box-sizing: border-box; } /* Specific TMR asides for support */ .tmr-aside-support .ui-panel-titlebar { background-image: none; background-color: transparent; border:none; } .tmr-aside-support .ui-panel-title { padding: 0.5em 1em 0 0 !important; margin: 0.1em 16px -1em 0 !important; color: #293942; font-size: 130%; font-weight: normal; } .tmr-aside-support .ui-panel-title .ui-panel-heading { padding-left: 0.3em; margin-top: 0; margin-bottom: 12px; font-size: 1.25rem; font-family: inherit; font-weight: 700; line-height: 1.5em; color: #005474; overflow: hidden; box-sizing: border-box; } /* Specific TMR asides for login */ .tmr-aside-login .ui-panel-titlebar { background-image: none; background-color: transparent; border:none; } .tmr-aside-login .ui-panel-title { padding: 0.5em 1em 0 0 !important; margin: 0.1em 16px -1em 0 !important; color: #293942; font-size: 130%; font-weight: normal; } .tmr-aside-login .ui-panel-title .ui-panel-heading { padding-left: 0.3em; margin-top: 0; margin-bottom: 12px; font-size: 1.25rem; font-family: inherit; font-weight: 700; line-height: 1.5em; color: #005474; overflow: hidden; box-sizing: border-box; } /* Specific TMR asides for terms and conditions */ .tmr-aside-terms .ui-panel-titlebar { background-image: none; background-color: transparent; border:none; font-size: 90%; } .tmr-aside-terms .ui-panel-title { padding: 0.5em 1em 0 0 !important; margin: 0.1em 16px -1em 0 !important; color: #293942; font-size: 130%; font-weight: normal; } .tmr-aside-terms .ui-panel-title .ui-panel-heading { padding-left: 0.3em; margin-top: 0; margin-bottom: 12px; font-size: 1.25rem; font-family: inherit; font-weight: 700; line-height: 1.5em; color: #005474; overflow: hidden; box-sizing: border-box; } /* Enable clear Primefaces title bars in specific panels */ .tmr-clear-panel-titlebar .ui-panel-titlebar { background-color:white; background-image:none; border:none; } .tmr-clear-panel-titlebar .ui-widget-header { color: lightBlue; } .tmr-radio-table td { background-color:white; } .tmr-service-heading { font-size: 150%; } .tmr-service-step-heading { font-size: 130%; color: #05457F; } .tmr-italic-text { font-style:italic; } /*** * Override tick icon size **/ .success:before, .success:hover:before { font-size: 60px !important; font-size: 3.725rem !important; } .success span { margin-left: 1.5em; } .success:before { margin-left: -1.4em!important; } /*div.status.success {*/ /* min-height: 108px;*/ /*}*/ .success p { margin-left: 1.5em; } /*** * Override primefaces toggle expand/contract for specific elements only **/ .arrow-toggle .ui-panel-titlebar-icon .ui-icon-plusthick, .qg-aside .ui-panel-titlebar-icon .ui-icon-plusthick, .preview-panel .ui-panel-titlebar-icon .ui-icon-plusthick, .dynamic-panel .ui-panel-titlebar-icon .ui-icon-plusthick { /** same as ui-icon-triangle-1-s **/ background-position: -64px -16px; } .arrow-toggle .ui-panel-titlebar-icon .ui-icon-minusthick, .qg-aside .ui-panel-titlebar-icon .ui-icon-minusthick, .preview-panel .ui-panel-titlebar-icon .ui-icon-minusthick, .dynamic-panel .ui-panel-titlebar-icon .ui-icon-minusthick { /**same as .ui-icon-triangle-1-n **/ background-position: 1px -16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/renewregistration/javax.faces.resource/images/jquery-ui/ui-icons_000_256x240.png.xhtml?ln=common-includes"); } .ui-widget-header .ui-icon { background-image: url("/renewregistration/javax.faces.resource/images/jquery-ui/ui-icons_fff_256x240.png.xhtml?ln=common-includes"); } .ui-state-default .ui-icon { background-image: url("/renewregistration/javax.faces.resource/images/jquery-ui/ui-icons_888888_256x240.png.xhtml?ln=common-includes"); } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { text-shadow: none; background: #fff; color: #000; border-color: #ccc; } .ui-state-active .ui-icon { margin-top: -1px; background-image: url("/renewregistration/javax.faces.resource/images/jquery-ui/ui-icons_454545_256x240.png.xhtml?ln=common-includes"); } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .5; } .ui-radiobutton .ui-radiobutton-box, .ui-chkbox .ui-chkbox-box { background: #fff; border: 1px solid #444; width: 17px !important; height: 17px !important; } .ui-radiobutton-icon, .ui-chkbox-icon { height: 16px; width: 16px; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-radiobutton-icon { margin-left: 0px !important; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-check { background-position: -64px -144px; } table.ui-widget tr th, table.ui-widget tr td { background: transparent; border: none; padding: .2em .5em .2em 0; vertical-align: baseline; font-size: 16px; font-size: 1rem; } table.ui-selectmanycheckbox label, table.ui-selectoneradio label { margin-right: 1.5em; } .ui-widget { font-size: 100%; font-family: 'Lato',Helvetica,Arial,sans-serif; } .ui-widget-header { border: 1px solid #293942; background: #293942 url("/renewregistration/javax.faces.resource/images/jquery-ui/ui-bg_flat_75_293942_40x100.png.xhtml?ln=common-includes") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-content { border: 1px solid #E7E7E7; background: #ffffff url("/renewregistration/javax.faces.resource/images/jquery-ui/ui-bg_flat_100_ffffff_40x100.png.xhtml?ln=common-includes") 50% 50% repeat-x; color: #000000; } .ui-selectonemenu { padding: .3em 2em .3em .3em; background: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: rgba(198,218,222,0.5) 0 1px 1.5px; color: #000; width: auto !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { text-shadow: none; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-selectonemenu .ui-selectonemenu-trigger { border-left: 1px solid #559FB8; width: auto !important; } .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: .5em !important; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #FFE7AC; background: #FFFBE6 url("") 50% 50% repeat-x; color: #363636; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { border-color: #ccc; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #559FB8;*/ /*background: lightblue;*/ font-weight: normal; color: #000000; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }