/* ITCAvantGardeStd-Bk */ @font-face { font-family: 'ITCAvantGardeStd-Bk'; src: url("webfonts/2D1B74_0_0.eot"); src: url("webfonts/2D1B74_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2D1B74_0_0.woff2") format("woff2"), url("webfonts/2D1B74_0_0.woff") format("woff"), url("webfonts/2D1B74_0_0.ttf") format("truetype"); } /* ITCAvantGardeStd-Demi */ @font-face { font-family: 'ITCAvantGardeStd-Demi'; src: url("webfonts/2D1B74_1_0.eot"); src: url("webfonts/2D1B74_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2D1B74_1_0.woff2") format("woff2"), url("webfonts/2D1B74_1_0.woff") format("woff"), url("webfonts/2D1B74_1_0.ttf") format("truetype"); } /* ITCAvantGardeStd-Md */ @font-face { font-family: 'ITCAvantGardeStd-Md'; src: url("webfonts/2D1B74_2_0.eot"); src: url("webfonts/2D1B74_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2D1B74_2_0.woff2") format("woff2"), url("webfonts/2D1B74_2_0.woff") format("woff"), url("webfonts/2D1B74_2_0.ttf") format("truetype"); } .page-signin-alt .signin-header { padding-left: 0; text-align: center; } .page-signin-alt .signin-header .client-logo img { height: 24px; } @media (min-width: 480px) { .page-signin-alt .panel { width: 358px; } } #main-navbar .navbar-brand div, #main-navbar .navbar-brand div img { width: auto; } .theme-default #main-navbar .navbar-brand div, .theme-default .demo-logo { background: none; } #content-wrapper { /*max-width: 980px;*/ /*max-width: 1024px;*/ /*margin: auto;*/ /*padding-top: 20px;*/ } @media (min-width: 768px) { .btn-add-product { margin-top: 25px; } } @media (max-width: 767px) { .form-group .row { padding-left: 11px; padding-right: 11px; } } .form-horizontal .control-label.control-label-long { padding-top: 0; } .added-products-error { display: block !important; margin-bottom: 20px; top: -14px; } .jquery-validate-error { z-index: 2; } .select2-hidden-accessible { display: none !important; visibility: hidden !important; } #wizard-forms .wizard-pane { display: none; } #wizard-finish { /*.wizard-steps { li { &.active { background-color: } } }*/ } #wizard-finish .box-copy { min-height: 90px; padding-top: 7px; } #wizard-finish .step4-bootom-container p { margin-bottom: 0; line-height: 21px; } #wizard-finish .step4-bootom-container .switcher.switcher-theme-square { margin-top: 0; margin-bottom: 0; } #wizard-step-5 .step5-bootom-container p { margin-bottom: 0; line-height: 21px; } #wizard-step-5 .step5-bootom-container .switcher.switcher-theme-square { margin-top: 0; margin-bottom: 0; } .select2Buttons ul { list-style-type: none; clear: left; margin: 5px; padding: 0; } .select2Buttons ul li, .select2Buttons ul a { float: left; min-width: 37px; } .select2Buttons ul li { margin-right: 5px; margin-top: 5px; } #modalSearchCompare .modal-dialog { width: 100%; } @media (max-width: 400px) { #modalSearchCompare .modal-dialog { width: 74%; } } @media (max-width: 400px) { #modalSearchCompare .modal-dialog .modal-content { width: 280px; } } #modalSearchCompare .modal-dialog-size-2 { width: 74%; } #modalSearchCompare .pnl-modal-compare-tyre .preview.col-size-2 th:nth-child(2), #modalSearchCompare .pnl-modal-compare-tyre .preview.col-size-2 th:nth-child(3) { width: 37%; } #modalSearchCompare .pnl-modal-compare-tyre .preview .hero img { max-width: 200px; } @media (max-width: 767px) { #modalSearchCompare .pnl-modal-compare-tyre .preview .hero img { max-width: 100px; } } #modalSearchCompare .pnl-modal-compare-tyre .table-responsive .table .pnl-wysiwyg { white-space: normal; } .pnl-modal-compare-tyre .preview th { width: 27%; border-top: 0; } .pnl-modal-compare-tyre .preview th img { display: block; margin: 0 auto; } .pnl-modal-compare-tyre .preview th:first-child { width: auto; } .pnl-modal-compare-tyre .secondary th, .pnl-modal-compare-tyre .main th, .pnl-modal-compare-tyre .main td, .pnl-modal-compare-tyre .row-price th, .pnl-modal-compare-tyre .row-price td { color: #808181; } .pnl-modal-compare-tyre th { text-align: right; font-weight: 100; } .pnl-modal-compare-tyre .row-price th, .pnl-modal-compare-tyre .main th, .pnl-modal-compare-tyre .secondary th { background: #eceded; } .pnl-modal-compare-tyre .row-price th, .pnl-modal-compare-tyre .main th, .pnl-modal-compare-tyre .secondary th, .pnl-modal-compare-tyre .row-price td, .pnl-modal-compare-tyre .main td, .pnl-modal-compare-tyre .secondary td { border: solid 1px #d6d6d8; } .pnl-modal-compare-tyre .row-price .cta .highlight span { padding: 0 15px 0 0; color: #E9332E; font-size: 15px; line-height: 1em; background: url("/content/images/icon/hot-price.png") no-repeat right center; } /* */ .css-table .css-cell { display: table-cell; } .css-table .css-cell .form-group { padding-top: 0; margin-bottom: 0; } .css-table .css-row { display: table-row; } .css-table > ul { display: table; padding: 0; margin: 0; } #tsl-by-vehicle, #tsl-by-size, #tsl-by-pattern, #tsl-by-search-code { /*padding-bottom: 30px;*/ } #tsl-by-vehicle .no-margin-left-right, #tsl-by-size .no-margin-left-right, #tsl-by-pattern .no-margin-left-right, #tsl-by-search-code .no-margin-left-right { margin-left: 0; margin-right: 0; } #tsl-by-vehicle .vehicle-padding-left-15, #tsl-by-size .vehicle-padding-left-15, #tsl-by-pattern .vehicle-padding-left-15, #tsl-by-search-code .vehicle-padding-left-15 { padding-left: 15px !important; margin-left: 14px; } @media (max-width: 1199px) { #tsl-by-vehicle .vehicle-padding-left-15, #tsl-by-size .vehicle-padding-left-15, #tsl-by-pattern .vehicle-padding-left-15, #tsl-by-search-code .vehicle-padding-left-15 { padding-left: 15px !important; margin-left: 8px; } } @media (max-width: 991px) { #tsl-by-vehicle .vehicle-padding-left-15, #tsl-by-size .vehicle-padding-left-15, #tsl-by-pattern .vehicle-padding-left-15, #tsl-by-search-code .vehicle-padding-left-15 { padding-left: 8px !important; margin-left: 3px; } } #tsl-by-vehicle .size-padding-left-15, #tsl-by-size .size-padding-left-15, #tsl-by-pattern .size-padding-left-15, #tsl-by-search-code .size-padding-left-15 { padding-left: 15px !important; margin-left: 31px; } @media (max-width: 1199px) { #tsl-by-vehicle .size-padding-left-15, #tsl-by-size .size-padding-left-15, #tsl-by-pattern .size-padding-left-15, #tsl-by-search-code .size-padding-left-15 { padding-left: 15px !important; margin-left: 18px; } } @media (max-width: 991px) { #tsl-by-vehicle .size-padding-left-15, #tsl-by-size .size-padding-left-15, #tsl-by-pattern .size-padding-left-15, #tsl-by-search-code .size-padding-left-15 { padding-left: 8px !important; margin-left: 6px; } } #tsl-by-vehicle .vehicle-padding-right-15, #tsl-by-size .vehicle-padding-right-15, #tsl-by-pattern .vehicle-padding-right-15, #tsl-by-search-code .vehicle-padding-right-15 { padding-right: 14px !important; width: 44px; } #tsl-by-vehicle .size-padding-right-15, #tsl-by-size .size-padding-right-15, #tsl-by-pattern .size-padding-right-15, #tsl-by-search-code .size-padding-right-15 { padding-right: 14px !important; width: 130px; } @media (max-width: 991px) { #tsl-by-vehicle .size-padding-right-15, #tsl-by-size .size-padding-right-15, #tsl-by-pattern .size-padding-right-15, #tsl-by-search-code .size-padding-right-15 { padding-right: 0 !important; width: 110px; } } #tsl-by-vehicle .small-padding-left-8, #tsl-by-size .small-padding-left-8, #tsl-by-pattern .small-padding-left-8, #tsl-by-search-code .small-padding-left-8 { padding-left: 8px !important; } #tsl-by-vehicle .small-padding-right-7, #tsl-by-size .small-padding-right-7, #tsl-by-pattern .small-padding-right-7, #tsl-by-search-code .small-padding-right-7 { padding-right: 7px !important; } #tsl-by-vehicle .btn-align-left, #tsl-by-size .btn-align-left, #tsl-by-pattern .btn-align-left, #tsl-by-search-code .btn-align-left { text-align: left; } #tsl-by-vehicle .btn-align-right, #tsl-by-size .btn-align-right, #tsl-by-pattern .btn-align-right, #tsl-by-search-code .btn-align-right { text-align: right; } #tsl-by-vehicle .btn-search-default, #tsl-by-size .btn-search-default, #tsl-by-pattern .btn-search-default, #tsl-by-search-code .btn-search-default { border: solid 1px #ed1b24; background: #ed1b24; color: #fff; text-decoration: none; padding: 3px 5px; } #tsl-by-vehicle .btn-clear-default, #tsl-by-size .btn-clear-default, #tsl-by-pattern .btn-clear-default, #tsl-by-search-code .btn-clear-default { border: solid 1px #ccc; background: #fff; color: #808181; text-decoration: none; } #tsl-by-vehicle .btn-clear-default.marging-left-space, #tsl-by-size .btn-clear-default.marging-left-space, #tsl-by-pattern .btn-clear-default.marging-left-space, #tsl-by-search-code .btn-clear-default.marging-left-space { margin-left: 4px; } #tsl-by-vehicle .btn-clear-default.btn-xs, #tsl-by-size .btn-clear-default.btn-xs, #tsl-by-pattern .btn-clear-default.btn-xs, #tsl-by-search-code .btn-clear-default.btn-xs { padding: 7px 20px; } #tsl-by-vehicle .btn-clear-default.active, #tsl-by-vehicle .btn-clear-default:hover, #tsl-by-size .btn-clear-default.active, #tsl-by-size .btn-clear-default:hover, #tsl-by-pattern .btn-clear-default.active, #tsl-by-pattern .btn-clear-default:hover, #tsl-by-search-code .btn-clear-default.active, #tsl-by-search-code .btn-clear-default:hover { border: solid 1px #ed1b24; background: #ed1b24; color: #fff; } #tsl-by-vehicle .btn-space, #tsl-by-size .btn-space, #tsl-by-pattern .btn-space, #tsl-by-search-code .btn-space { margin-right: 8px; } #tsl-by-vehicle .tyre-diagram-container-top-space, #tsl-by-size .tyre-diagram-container-top-space, #tsl-by-pattern .tyre-diagram-container-top-space, #tsl-by-search-code .tyre-diagram-container-top-space { margin-top: 30px; } #tsl-by-vehicle .tyre-diagram-container-top-space .tyre-diagram-bottom-space, #tsl-by-size .tyre-diagram-container-top-space .tyre-diagram-bottom-space, #tsl-by-pattern .tyre-diagram-container-top-space .tyre-diagram-bottom-space, #tsl-by-search-code .tyre-diagram-container-top-space .tyre-diagram-bottom-space { margin-bottom: 10px; } #tsl-by-vehicle .tyre-diagram-container-top-space .tyre-button-container, #tsl-by-size .tyre-diagram-container-top-space .tyre-button-container, #tsl-by-pattern .tyre-diagram-container-top-space .tyre-button-container, #tsl-by-search-code .tyre-diagram-container-top-space .tyre-button-container { text-align: center; padding-left: 0; padding-right: 0; } #tsl-by-vehicle .tyre-diagram-container-top-space .tyre-button-container .btn-show-tyre-diagram, #tsl-by-size .tyre-diagram-container-top-space .tyre-button-container .btn-show-tyre-diagram, #tsl-by-pattern .tyre-diagram-container-top-space .tyre-button-container .btn-show-tyre-diagram, #tsl-by-search-code .tyre-diagram-container-top-space .tyre-button-container .btn-show-tyre-diagram { margin-right: 4px; } #tsl-by-vehicle .pnl-tsl-search-filter, #tsl-by-size .pnl-tsl-search-filter, #tsl-by-pattern .pnl-tsl-search-filter, #tsl-by-search-code .pnl-tsl-search-filter { border: 1px solid #9e9e9e; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #tsl-by-vehicle .pnl-tsl-search-filter .padder, #tsl-by-size .pnl-tsl-search-filter .padder, #tsl-by-pattern .pnl-tsl-search-filter .padder, #tsl-by-search-code .pnl-tsl-search-filter .padder { padding: 15px 0 11px 0; } #tsl-by-vehicle .pnl-tsl-search-filter .padder .ipt-select select, #tsl-by-size .pnl-tsl-search-filter .padder .ipt-select select, #tsl-by-pattern .pnl-tsl-search-filter .padder .ipt-select select, #tsl-by-search-code .pnl-tsl-search-filter .padder .ipt-select select { height: 28px; } #tsl-by-vehicle .pnl-tsl-search-filter .padder .ipt-select select:disabled, #tsl-by-size .pnl-tsl-search-filter .padder .ipt-select select:disabled, #tsl-by-pattern .pnl-tsl-search-filter .padder .ipt-select select:disabled, #tsl-by-search-code .pnl-tsl-search-filter .padder .ipt-select select:disabled { background-color: #ebebe4; } #tsl-by-vehicle .pnl-tsl-search-filter .padder .ipt-select .cssflow-dropdown, #tsl-by-size .pnl-tsl-search-filter .padder .ipt-select .cssflow-dropdown, #tsl-by-pattern .pnl-tsl-search-filter .padder .ipt-select .cssflow-dropdown, #tsl-by-search-code .pnl-tsl-search-filter .padder .ipt-select .cssflow-dropdown { background: none; border: solid 1px #a9a9a9; border-radius: 0; } #tsl-by-vehicle .pnl-tsl-search-filter .padder .ipt-select input[type=text], #tsl-by-size .pnl-tsl-search-filter .padder .ipt-select input[type=text], #tsl-by-pattern .pnl-tsl-search-filter .padder .ipt-select input[type=text], #tsl-by-search-code .pnl-tsl-search-filter .padder .ipt-select input[type=text] { width: 100%; height: 29px; padding: 0 10px; } #tsl-by-vehicle .pnl-tsl-search-filter .padder .typeahead.dropdown-menu, #tsl-by-size .pnl-tsl-search-filter .padder .typeahead.dropdown-menu, #tsl-by-pattern .pnl-tsl-search-filter .padder .typeahead.dropdown-menu, #tsl-by-search-code .pnl-tsl-search-filter .padder .typeahead.dropdown-menu { margin-top: 0; margin-left: 0; padding: 0; max-height: 125px; overflow-x: hidden; overflow-y: auto; } #tsl-by-vehicle .pnl-tsl-search-filter .padder .typeahead.dropdown-menu li, #tsl-by-size .pnl-tsl-search-filter .padder .typeahead.dropdown-menu li, #tsl-by-pattern .pnl-tsl-search-filter .padder .typeahead.dropdown-menu li, #tsl-by-search-code .pnl-tsl-search-filter .padder .typeahead.dropdown-menu li { margin: 0; } #tsl-by-vehicle .pnl-tsl-search-filter.right-space, #tsl-by-size .pnl-tsl-search-filter.right-space, #tsl-by-pattern .pnl-tsl-search-filter.right-space, #tsl-by-search-code .pnl-tsl-search-filter.right-space { margin-right: 10px; } #tsl-by-vehicle .pnl-tsl-search-filter.btn-container, #tsl-by-size .pnl-tsl-search-filter.btn-container, #tsl-by-pattern .pnl-tsl-search-filter.btn-container, #tsl-by-search-code .pnl-tsl-search-filter.btn-container { width: 170px; } @media (max-width: 991px) { #tsl-by-vehicle .pnl-tsl-search-filter .col-sm-1, #tsl-by-vehicle .pnl-tsl-search-filter .col-sm-2, #tsl-by-size .pnl-tsl-search-filter .col-sm-1, #tsl-by-size .pnl-tsl-search-filter .col-sm-2, #tsl-by-pattern .pnl-tsl-search-filter .col-sm-1, #tsl-by-pattern .pnl-tsl-search-filter .col-sm-2, #tsl-by-search-code .pnl-tsl-search-filter .col-sm-1, #tsl-by-search-code .pnl-tsl-search-filter .col-sm-2 { padding-left: 5px; padding-right: 5px; } } #tsl-by-vehicle .pnl-tsl-search-filter .tsl-form-default .ipt-select input[type=text], #tsl-by-size .pnl-tsl-search-filter .tsl-form-default .ipt-select input[type=text], #tsl-by-pattern .pnl-tsl-search-filter .tsl-form-default .ipt-select input[type=text], #tsl-by-search-code .pnl-tsl-search-filter .tsl-form-default .ipt-select input[type=text] { height: 28px; padding: 0 9px; /*font-family: $fontMd;*/ } #tsl-by-vehicle .pnl-product-size .padding-left-15, #tsl-by-size .pnl-product-size .padding-left-15, #tsl-by-pattern .pnl-product-size .padding-left-15, #tsl-by-search-code .pnl-product-size .padding-left-15 { padding-left: 15px !important; } @media (max-width: 991px) { #tsl-by-vehicle .pnl-product-size .padding-left-15, #tsl-by-size .pnl-product-size .padding-left-15, #tsl-by-pattern .pnl-product-size .padding-left-15, #tsl-by-search-code .pnl-product-size .padding-left-15 { padding-left: 10px !important; } } #tsl-by-vehicle .pnl-product-size .text-align-left, #tsl-by-size .pnl-product-size .text-align-left, #tsl-by-pattern .pnl-product-size .text-align-left, #tsl-by-search-code .pnl-product-size .text-align-left { text-align: left !important; } #tsl-by-vehicle .pnl-product-size .cell-space, #tsl-by-size .pnl-product-size .cell-space, #tsl-by-pattern .pnl-product-size .cell-space, #tsl-by-search-code .pnl-product-size .cell-space { width: 10px; border: none !important; background: white !important; } #tsl-by-vehicle .pnl-product-size .cell-3, #tsl-by-size .pnl-product-size .cell-3, #tsl-by-pattern .pnl-product-size .cell-3, #tsl-by-search-code .pnl-product-size .cell-3 { width: 22.427%; text-align: center; } #tsl-by-vehicle .pnl-product-size .cell-4, #tsl-by-size .pnl-product-size .cell-4, #tsl-by-pattern .pnl-product-size .cell-4, #tsl-by-search-code .pnl-product-size .cell-4 { width: 28.57%; text-align: center; } #tsl-by-vehicle .pnl-product-size a, #tsl-by-size .pnl-product-size a, #tsl-by-pattern .pnl-product-size a, #tsl-by-search-code .pnl-product-size a { color: #808181; } #tsl-by-vehicle .pnl-product-size a:hover, #tsl-by-size .pnl-product-size a:hover, #tsl-by-pattern .pnl-product-size a:hover, #tsl-by-search-code .pnl-product-size a:hover { color: #ed1b24; } #tsl-by-vehicle .pnl-product-size a.red, #tsl-by-size .pnl-product-size a.red, #tsl-by-pattern .pnl-product-size a.red, #tsl-by-search-code .pnl-product-size a.red { text-decoration: underline; } #tsl-by-vehicle .pnl-product-size thead a, #tsl-by-size .pnl-product-size thead a, #tsl-by-pattern .pnl-product-size thead a, #tsl-by-search-code .pnl-product-size thead a { color: #4083a9; } #tsl-by-vehicle .pnl-product-size thead a:focus, #tsl-by-vehicle .pnl-product-size thead a:hover, #tsl-by-size .pnl-product-size thead a:focus, #tsl-by-size .pnl-product-size thead a:hover, #tsl-by-pattern .pnl-product-size thead a:focus, #tsl-by-pattern .pnl-product-size thead a:hover, #tsl-by-search-code .pnl-product-size thead a:focus, #tsl-by-search-code .pnl-product-size thead a:hover { color: #205f82; } #tsl-by-vehicle .tyre-description, #tsl-by-size .tyre-description, #tsl-by-pattern .tyre-description, #tsl-by-search-code .tyre-description { display: none; color: #808181; } #tsl-by-vehicle .tyre-description .tyre-description-title, #tsl-by-size .tyre-description .tyre-description-title, #tsl-by-pattern .tyre-description .tyre-description-title, #tsl-by-search-code .tyre-description .tyre-description-title { /*font-family: $fontMd;*/ } #tsl-by-vehicle .tyre-description .tyre-description-space, #tsl-by-size .tyre-description .tyre-description-space, #tsl-by-pattern .tyre-description .tyre-description-space, #tsl-by-search-code .tyre-description .tyre-description-space { margin-top: 10px; } #tsl-by-vehicle .tyre-description-load table tr:first-child, #tsl-by-vehicle .tyre-description-speed table tr:first-child, #tsl-by-size .tyre-description-load table tr:first-child, #tsl-by-size .tyre-description-speed table tr:first-child, #tsl-by-pattern .tyre-description-load table tr:first-child, #tsl-by-pattern .tyre-description-speed table tr:first-child, #tsl-by-search-code .tyre-description-load table tr:first-child, #tsl-by-search-code .tyre-description-speed table tr:first-child { border-bottom: 1px solid #808181; } #tsl-by-vehicle .tyre-description-load table td, #tsl-by-vehicle .tyre-description-speed table td, #tsl-by-size .tyre-description-load table td, #tsl-by-size .tyre-description-speed table td, #tsl-by-pattern .tyre-description-load table td, #tsl-by-pattern .tyre-description-speed table td, #tsl-by-search-code .tyre-description-load table td, #tsl-by-search-code .tyre-description-speed table td { width: 50px; text-align: center; } #tsl-by-vehicle .tyre-description-load table td:first-child, #tsl-by-vehicle .tyre-description-speed table td:first-child, #tsl-by-size .tyre-description-load table td:first-child, #tsl-by-size .tyre-description-speed table td:first-child, #tsl-by-pattern .tyre-description-load table td:first-child, #tsl-by-pattern .tyre-description-speed table td:first-child, #tsl-by-search-code .tyre-description-load table td:first-child, #tsl-by-search-code .tyre-description-speed table td:first-child { width: 170px; text-align: left; } #tsl-by-vehicle a.red, #tsl-by-size a.red, #tsl-by-pattern a.red, #tsl-by-search-code a.red { color: #E9332E !important; } /* */ .pnl-product-size { padding: 30px 0 0 0; clear: both; } .pnl-product-size > .padder > h2 { float: left; font-size: 20px; /*font-family: $font;*/ margin: 0; padding: 0; color: #E9332E; } .pnl-product-size > .padder > p { text-align: right; font-size: 20px; color: #999999; margin: 0; padding: 0; } .pnl-product-size .css-table { clear: both; padding: 5px 0 0 0; } .pnl-product-size ul { width: 100%; } .pnl-product-size li { display: table-row; } .pnl-product-size li .cell-1 { width: 8.142%; text-align: center; } .pnl-product-size li .cell-2 { width: 14.285%; text-align: center; } #body .pnl-product-size .only-desktop { display: table-cell; } .pnl-product-size ul .css-row-header > div { border-top: solid 1px #bcbdbe; border-bottom: solid 1px #bcbdbe; color: #808181; /*font-family: $fontBold;*/ font-weight: normal; } .pnl-product-size ul .css-row > div { padding: 5px 0; color: #808181; vertical-align: middle; } .pnl-product-size ul .css-row > div .switcher { margin-bottom: 0 !important; } .pnl-product-size .price.highlight p { display: inline-block; padding: 0 15px 0 0; color: #E9332E; background: url("/content/images/icon/hot-price.png") no-repeat right center; } .pnl-product-size .css-row-alt > div { background: #ecedee; } .pnl-product-size .css-row > .cell-4 > .padder { padding: 0 0 0 10px; } .pnl-product-size ul .css-row > div p { padding: 0; margin: 0; } .typeahead.dropdown-menu { margin-top: 19px; padding-left: 0; padding: 0; } .typeahead.dropdown-menu .active a, .typeahead.dropdown-menu .active a:hover, .typeahead.dropdown-menu .active a:focus { background-color: lightgray; } .typeahead.dropdown-menu a, .typeahead.dropdown-menu a:hover, .typeahead.dropdown-menu a:focus { padding-left: 10px; } .pnl-product-size .price p { font-size: 15px; } .cssflow-dropdown { display: inline-block; position: relative; overflow: hidden; height: 28px; width: 100%; background: #f2f2f2; border: 1px solid; border-color: white #f7f7f7 #f5f5f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06)); background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06)); background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06)); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06)); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .cssflow-dropdown:before, .cssflow-dropdown:after { content: ''; position: absolute; z-index: 2; top: 9px; right: 10px; width: 0; height: 0; border: 4px dashed; border-color: #888 transparent; pointer-events: none; } .cssflow-dropdown:before { border-bottom-style: solid; border-top: none; } .cssflow-dropdown:after { margin-top: 7px; border-top-style: solid; border-bottom: none; } .cssflow-dropdown-select { position: relative; width: 130%; margin: 0; padding: 4px 8px 4px 6px !important; line-height: 16px; height: 28px; font-size: 14px; color: #888 !important; text-shadow: 0 1px white; background: #f2f2f2; background: transparent !important; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; } .cssflow-dropdown-select:focus { z-index: 3; width: 100%; color: #888 !important; outline: none; outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px; } .cssflow-dropdown-select > option { margin: 3px; padding: 6px 8px; text-shadow: none; background: #f2f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } /* Fix for IE 8 putting the arrows behind the select element. */ .lt-ie9 .cssflow-dropdown { z-index: 1; } .lt-ie9 .cssflow-dropdown-select { z-index: -1; } .lt-ie9 .cssflow-dropdown-select:focus { z-index: 3; } /* Dirty fix for Firefox adding padding where it shouldn't. */ @-moz-document url-prefix() { .cssflow-dropdown-select { padding-left: 6px; } } .cssflow-dropdown-dark { background: #444; border-color: #111 #0a0a0a black; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4)); background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4)); background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4)); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2); } .cssflow-dropdown-dark:before { border-bottom-color: #aaa; } .cssflow-dropdown-dark:after { border-top-color: #aaa; } .cssflow-dropdown-dark .cssflow-dropdown-select { color: #aaa; text-shadow: 0 1px black; /* Fallback for IE 8 */ background: #444; } .cssflow-dropdown-dark .cssflow-dropdown-select:focus { color: #ccc; } .cssflow-dropdown-dark .cssflow-dropdown-select > option { background: #444; text-shadow: 0 1px rgba(0, 0, 0, 0.4); } .find-tyre-loading { text-align: center; } .find-tyre-loading.master-class { float: left; width: 489px; } .find-tyre-loading.master-class img { width: 32px; height: 32px; } .switcher { margin-bottom: 6px; } .red { color: #ea302e; } .red:hover, .red:active, .red:visited { color: #ea302e; } .pattern-title { font-size: 20px; } .cash-back { background-color: #ea302e; text-align: center; padding: 10px; color: #ffffff; margin-bottom: 15px; } .gray-bk { background-color: #ddd; margin-top: 15px; margin-bottom: 15px !important; } .small-form-control { height: 24px; padding: 0 12px; } .vcenter { height: 32px; line-height: 32px; padding: 0; } .vcenter-padding { height: 32px; line-height: 32px; } .gray-space { background-color: #ffffff; height: 10px; margin-top: 15px; margin-bottom: 15px !important; } hr.hr-bold { border-top: 4px solid #000000; } .table-patterns table { /*border: solid 1px #6d6e71;*/ width: 100%; text-align: center; } .table-patterns table th, .table-patterns table td { border: solid 1px #6d6e71; padding: 10px 2px; text-align: center; vertical-align: middle; } .table-patterns table th.odd, .table-patterns table td.odd { border-right: none; } .table-patterns table th.even, .table-patterns table td.even { border-left: none; } .table-patterns table th .tbl-nearyby-stock, .table-patterns table td .tbl-nearyby-stock { position: absolute; margin-left: 40px; margin-top: -10px; display: none; } .table-patterns table th .tbl-nearyby-stock table, .table-patterns table td .tbl-nearyby-stock table { color: #737476; border-width: 1px !important; border-color: #d2d4d5; } .table-patterns table th .tbl-nearyby-stock table tr, .table-patterns table td .tbl-nearyby-stock table tr { background-color: #ffffff; } .table-patterns table th .tbl-nearyby-stock table tr.header, .table-patterns table td .tbl-nearyby-stock table tr.header { background-color: #dcddde; } .table-patterns table th .tbl-nearyby-stock table tr.header a.btn-close-nearyby-stock, .table-patterns table td .tbl-nearyby-stock table tr.header a.btn-close-nearyby-stock { color: #737476; } .table-patterns table th .tbl-nearyby-stock table tr td, .table-patterns table td .tbl-nearyby-stock table tr td { padding: 8px; } .table-patterns table.no-border th, .table-patterns table.no-border td { border: none; } .table-patterns table.small-padding th, .table-patterns table.small-padding td { padding: 4px 2px; } .table-patterns table.small-padding th .switcher, .table-patterns table.small-padding td .switcher { margin-bottom: 2px; margin-top: 3px; } .table .switcher { margin: 0; } .fa-caret-down { color: #5ebd5e; } .fa-question-circle { color: #787878; } .fa-question-circle:hover { color: red; } .select2Buttons-btn-price .btn-success, .select2Buttons-btn-price .btn-success:focus { background: #AEAEAE; } .select2Buttons-btn-price .btn-success.btn-cost, .select2Buttons-btn-price .btn-success:focus.btn-cost { background: #80b2d1; } .select2Buttons-btn-price ul li, .select2Buttons-btn-price ul a { background: none; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .select2Buttons-btn-price .btn-default:hover, .select2Buttons-btn-price .btn:hover { background: #AEAEAE !important; color: #ffffff; } .select2Buttons-btn-price .btn-default:hover.btn-cost, .select2Buttons-btn-price .btn:hover.btn-cost { background: #80b2d1 !important; } .tbl-patterns-intro { width: 100%; } .tbl-patterns-intro td.pattern-details { border: none; text-align: left; padding-left: 10px; font-size: 15px; } .tbl-patterns-intro td .pattern-label-container { text-align: right; } .tbl-patterns-intro td .pattern-label-container .pattern-label { border: none; font-family: 'Verdana'; font-weight: 400; font-style: normal; font-size: 10px; color: #949494; text-align: right; display: inline-block; font-size: 11px; padding-left: 15px; } .tbl-patterns-intro td .pattern-label-container .pattern-label-details { border: none; padding-right: 2px; padding-left: 10px; display: inline-block; } .tbl-patterns-intro td .pattern-label-container .pattern-label-details div { background-color: #b2b2b2; padding: 2px 5px; color: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; font-size: 11px; display: inline; } .tbl-patterns tr:hover.hover-bg { /*background-color: #f3f9f3 !important;*/ } .tbl-patterns tr.first-header { /*font-size: 12px; background-color: #d9d9d9; color: #000000;*/ } .tbl-patterns tr.second-header { /*font-size: 12px; background-color: #f2f2f2; color: #4a4a4a;*/ } .tbl-patterns tr.data-row { /*font-size: 12px; background-color: #ffffff; color: #939393;*/ } .tbl-patterns tr.data-row .phone-script-step3-quoted, .tbl-patterns tr.data-row .phone-script-step3-quoted-total { width: 70px; } .tbl-patterns tr td .select2Buttons-btn-price a { padding: 3px 3px; } .tbl-reason-to-buy { width: 100%; } .tbl-reason-to-buy tr { /*border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; font-size: 14px;*/ } .tbl-reason-to-buy tr.tbl-title-row { /*background: #cccccc; color: #000000; font-size: 13px;*/ } .tbl-reason-to-buy tr:hover.hover-bg { /*background-color: #f3f9f3;*/ } .tbl-reason-to-buy td { padding: 10px; } .tbl-reason-to-buy td .switcher { margin-bottom: 0; margin-top: 3px; } .space-6 { max-height: 0; overflow: hidden; margin: 12px 0; } textarea { resize: none; } .btn-left-space { margin-left: 10px; } .wizard-steps { left: 0 !important; } .font-red { color: #FF0000; } .font-red:hover, .font-red:focus { color: #FF0000; } .font-green { color: #257345; } .font-green:hover, .font-green:focus { color: #257345; } .font-bold { font-weight: bold; } .link-underline { text-decoration: underline; } .link-underline:hover { text-decoration: underline; } .label { /*MasterClass*/ } .label.label-unprocessed { background-color: #646464; } .label.label-booked-in { background-color: #71c73e; } .label.label-quoted { background-color: #00b3ff; } .label.label-saved-for-later { background-color: #a946e8; } .label.label-call-back-lead { background-color: #ecad3f; } .label.label-lost-sale { background-color: #d54848; } .label.label-follow-up { background-color: #cc2279; } .label.label-made-sale { background-color: #4e8031; } .label.label-completed { background-color: #71c73e; } .label.label-in-progress { background-color: #3965fa; } .label.label-skipped { background-color: #820094; } .label.label-failed { background-color: #570035; } .label.label-pending { background-color: #d54848; } .label.label-closed { background-color: black; } .wizard-steps { /*> li + .active { background-color: #f2f2f2 !important; }*/ } .wizard-steps > li:not(:last-child) { border-right: 1px solid #e4e4e4; } .wizard-steps .active:not(.completed) { background-color: #e4e4e4 !important; } .wizard-steps .completed:hover { background-color: #f2f2f2 !important; } .wizard-steps > li { transition: 0.5s; /* Safari */ -webkit-transition: 0.5s; /* Safari */ margin-right: -4px; } .theme-default .nav-tabs > li.active > a, .theme-default .nav-tabs > li.active > a:focus, .theme-default .nav-tabs > li.active > a:hover { background: #d54848; border-bottom: 2px solid #992323; } /*Bootstrap utility - START*/ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } /*Bootstrap Utility - END*/ .map-preview { width: 100%; height: 300px; } .location-right-space { margin-right: 14px; } .location-left-space { margin-left: -14px; } .ico-lock { position: absolute; right: 20px; bottom: 8px; } .store-image-img { max-width: 100%; } .photography-tips-container .photography-img-container { position: relative; width: 313px; margin: 0 auto; } .photography-tips-container .photography-img-container .ico-container { position: absolute; bottom: -20px; right: -20px; } .photography-tips-container .photography-img-container .ico-container .correct-ico { position: absolute; right: 6px; bottom: 6px; color: #ffffff; } .photography-tips-container .photography-img-container .ico-container .incorrect-ico { position: absolute; right: 9px; bottom: 7px; color: #ffffff; } /******** Upload Button *******/ .file-wrapper { cursor: pointer; display: block; overflow: hidden; position: relative; } .file-wrapper input { cursor: pointer; font-size: 100px; height: 100%; filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01; position: absolute; right: 0; top: 0; } .file-holder { float: left; width: 264px; } .override-generic-offer { width: 100%; } .override-generic-offer.override-generic-offer-0 { height: 100px; } .override-generic-offer.override-generic-offer-1, .override-generic-offer.override-generic-offer-2, .override-generic-offer.override-generic-offer-3, .override-generic-offer.override-generic-offer-4 { min-height: 350px; } @media (max-width: 767px) { .override-generic-offer.override-generic-offer-1, .override-generic-offer.override-generic-offer-2, .override-generic-offer.override-generic-offer-3, .override-generic-offer.override-generic-offer-4 { min-height: 450px; } } .select-hide-arrow { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } #main-wrapper { padding-left: 0 !important; } #content-wrapper { margin: 0 auto; padding: 64px 0 0 0; } .container-fluid { padding-left: 0; padding-right: 0; } .container-fluid .sub-container-fluid { padding-left: 58px; padding-right: 58px; background: #515151; } .page-header { margin: -18px -18px 0 -18px; border-bottom: none; padding: 20px 76px; background: #515151 !important; } .page-header h1 { color: #E4E4E4; } .page-body { /*max-width: 1024px;*/ margin: 0 auto; padding-top: 40px; padding-left: 58px; padding-right: 58px; } @media (max-width: 1365px) { .page-body { padding-left: 10px; padding-right: 10px; } } .page-body.dashboard-page-body { padding-top: 0; } .page-body.dashboard-page-body .alert { margin-bottom: 0; } ul.navbar-default { width: auto; display: table-cell; content: ""; } ul.navbar-default .menu-icon.fa-tachometer { font-size: 20px; margin-top: -3px; /*To remove the white space at the top*/ position: relative; top: 2px; } @media (max-width: 1199px) { ul.navbar-default .menu-icon.fa-tachometer { font-size: 15px; } } ul.navbar-default li { border: 1px solid #515151; border-bottom: none; } ul.navbar-default li.normal-menu { width: 140px; } @media (max-width: 1199px) { ul.navbar-default li.normal-menu { width: 115px; } } ul.navbar-default li.small-menu { width: 50px; } @media (max-width: 1199px) { ul.navbar-default li.small-menu { width: 35px; } } ul.navbar-default li a { color: #ffffff; background-color: #e81a19; } ul.navbar-default li a:focus, ul.navbar-default li a:hover { background-color: #d41721; color: #ffffff; /*font-weight: bold;*/ left: 0; top: 0; width: 100%; } ul.navbar-default li.active a { background-color: #fff; color: #4D4D4E; } ul.navbar-default.sec-navbar-default li { border: 1px solid #515151; border-bottom: none; } ul.navbar-default.sec-navbar-default li a { color: #ffffff; background-color: #000000; width: 150px; } ul.navbar-default.sec-navbar-default li a:focus, ul.navbar-default.sec-navbar-default li a:hover { background-color: #000000; color: #ffffff; /*font-weight: bold;*/ } ul.navbar-default.sec-navbar-default li a.red-dashboard { background-color: #e81a19; width: 50px; } ul.navbar-default.sec-navbar-default li a.red-dashboard:focus, ul.navbar-default.sec-navbar-default li a.red-dashboard:hover { background-color: #d41721; color: #ffffff; /*font-weight: bold;*/ } ul.navbar-default.sec-navbar-default li.active a { background-color: #fff; color: #4D4D4E; } .btn-danger { background: #e81a19; border-color: #e81a19; } .btn-danger:focus, .btn-danger:hover { background: #d41721 !important; border-color: #d41721 !important; } #submenu { /*background-color: #e7e7e7;*/ background-color: #ffffff; /*margin-bottom:20px;*/ } #submenu ul.collapse.in { display: inline-block; border-bottom: 1px solid #d1d3d4; } #submenu ul.nav-justified { padding-left: 58px; } #submenu ul li { display: inline-block; /*height: 40px;*/ width: auto; text-align: center; } #submenu ul li a { color: #CCCCCC; padding: 5px 8px; line-height: 20px; margin: 10px 0; } #submenu ul li a:focus, #submenu ul li a:hover { background-color: #fff; color: #4D4D4E; } #submenu ul li.active a { /*background-color: #fff; color: #4D4D4E;*/ background-color: #e6e7e8; color: #808080; line-height: 20px; padding: 5px 8px; display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; margin: 10px 0; } .collapsing { display: none; } /*.nav-li-justified, .nav-li-justified:before { content: ''; width: 0px; height: 0px; display: inline-block; vertical-align: middle; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f9f9f9; position: absolute; top: -10px; right: 0; left: 0; bottom: 0; margin: 0 auto; }*/ .theme-default #main-navbar .navbar-header { background-color: #363636; width: 52px; padding-left: 0 !important; } .theme-default #main-navbar .navbar-header .navbar-brand.with-right-border { border-right: 1px solid #515151; padding-right: 9px; } .theme-default #main-navbar .navbar-collapse { background-color: #363636; } .theme-default #main-navbar .ul-dropdown-menu-dealer-stores::-webkit-scrollbar-track { background-color: #363636; } .theme-default #main-navbar .ul-dropdown-menu-dealer-stores::-webkit-scrollbar { width: 10px; background-color: #363636; } .theme-default #main-navbar .ul-dropdown-menu-dealer-stores::-webkit-scrollbar-thumb { background-color: #CCCCCC; } .theme-default #main-navbar .navbar-nav > li { /*border-right: 1px solid #515151;*/ border-right: none; } .theme-default #main-navbar .navbar-nav > li > a { color: #868686; } .theme-default #main-navbar .navbar-nav > li > a.user-menu { color: #FFFFFF; } .theme-default #main-navbar .navbar-nav > li > a:hover { background-color: #363636; } .theme-default #main-navbar .navbar-nav > li.dropdown.open > a { background-color: #363636; } .theme-default #main-navbar .navbar-nav > li .setting-link { /*&:hover { font-weight: bold; position: absolute; left: 0; top: 0; width: 100%; }*/ } .theme-default #main-navbar .navbar-collapse { border-top: 1px solid #515151; } .theme-default #main-navbar .navbar-collapse > div > .navbar-nav { border-left: 1px solid #515151; } .theme-default #main-navbar .right > .navbar-nav > li { border-left: 1px solid #515151; } .theme-default #main-navbar .dropdown-menu { background-color: #363636; border: none; padding-bottom: 15px; } .theme-default #main-navbar .dropdown-menu input { margin: -6px 15px 15px 15px; width: 260px; position: relative; background-color: #363636; border: 1px solid #555; color: #CCCCCC; } .theme-default #main-navbar .dropdown-menu ul { list-style: none; padding: 0 15px; max-height: 500px; overflow-y: auto; margin-right: 15px; overflow-x: hidden; } .theme-default #main-navbar .dropdown-menu ul > li { list-style: none; font-size: 13px; } .theme-default #main-navbar .dropdown-menu ul > li > a { color: #CCCCCC; line-height: 20px; padding: 0; clear: both; font-weight: 400; white-space: nowrap; } .theme-default #main-navbar .dropdown-menu ul > li > a:hover { background-color: #434343; color: #ffffff; } #main-navbar-collapse .icon-caret-down { margin: 10px; } #main-navbar-collapse .icon-caret-down img { width: 10px; height: 14px; } .panel-dashboard-lead-manager-statistic .single-lead-manager-statistic-container { padding-bottom: 20px; border-bottom: 1px solid #d1d3d4; margin-bottom: 20px; } .panel-dashboard-lead-manager-statistic .single-lead-manager-statistic-container .data { margin-left: 15px; margin-right: 15px; border-right: solid 1px #dcddde; padding-right: 20px; font-size: 16px; } .panel-dashboard-lead-manager-statistic .single-lead-manager-statistic-container .data .label { font-size: 16px; line-height: 32px; padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; } .panel-dashboard-lead-manager-statistic .single-lead-manager-statistic-container .data:last-child { border: none; } .panel-dashboard-lead-manager-statistic table > thead > tr > th.no-hot-link { text-decoration: none; } .panel-dashboard-lead-manager-statistic table > thead > tr > th.no-hot-link a { cursor: text; } .panel-dashboard-lead-manager-statistic table > tbody > tr > td a { color: white !important; } .btnDeleteUser { padding-left: 10px; } .my-dealer-stores { padding-top: 7px; } .my-dealer-store-name { float: left; margin: 1px 10px; } .my-dealer-store-chk { float: left; } .request-form.enquiry-type .select2Buttons { text-align: center; } .request-form.enquiry-type .select2Buttons ul { display: inline-block; } .request-form.enquiry-type .select2Buttons ul .btn-enquriy-type { min-width: 210px; } #div-home-book-now-form .control-label, #div-feedback-form .control-label, #div-other-form .control-label, #div-dealer-portal-booking-request-form .control-label, .services-charges-form .control-label { text-align: left; } #div-home-book-now-form .control-label.vcenter, #div-feedback-form .control-label.vcenter, #div-other-form .control-label.vcenter, #div-dealer-portal-booking-request-form .control-label.vcenter, .services-charges-form .control-label.vcenter { padding-left: 11px !important; } #div-home-book-now-form #available-services .error-icon, #div-feedback-form #available-services .error-icon, #div-other-form #available-services .error-icon, #div-dealer-portal-booking-request-form #available-services .error-icon, .services-charges-form #available-services .error-icon { display: none; } #div-home-book-now-form #available-services.error .error-icon, #div-feedback-form #available-services.error .error-icon, #div-other-form #available-services.error .error-icon, #div-dealer-portal-booking-request-form #available-services.error .error-icon, .services-charges-form #available-services.error .error-icon { color: #e9312c; position: absolute; left: 225px; top: 20px; font-size: 20px; display: block; } #div-home-book-now-form #nearest-stores .error-icon, #div-feedback-form #nearest-stores .error-icon, #div-other-form #nearest-stores .error-icon, #div-dealer-portal-booking-request-form #nearest-stores .error-icon, .services-charges-form #nearest-stores .error-icon { display: none; } #div-home-book-now-form #nearest-stores.error .error-icon, #div-feedback-form #nearest-stores.error .error-icon, #div-other-form #nearest-stores.error .error-icon, #div-dealer-portal-booking-request-form #nearest-stores.error .error-icon, .services-charges-form #nearest-stores.error .error-icon { color: #e9312c; position: absolute; left: 225px; top: 20px; font-size: 20px; display: block; } #div-home-book-now-form .ipt-text .error-icon, #div-home-book-now-form .ipt-select .error-icon, #div-home-book-now-form .ipt-date .error-icon, #div-home-book-now-form .ipt-text-area .error-icon, #div-feedback-form .ipt-text .error-icon, #div-feedback-form .ipt-select .error-icon, #div-feedback-form .ipt-date .error-icon, #div-feedback-form .ipt-text-area .error-icon, #div-other-form .ipt-text .error-icon, #div-other-form .ipt-select .error-icon, #div-other-form .ipt-date .error-icon, #div-other-form .ipt-text-area .error-icon, #div-dealer-portal-booking-request-form .ipt-text .error-icon, #div-dealer-portal-booking-request-form .ipt-select .error-icon, #div-dealer-portal-booking-request-form .ipt-date .error-icon, #div-dealer-portal-booking-request-form .ipt-text-area .error-icon, .services-charges-form .ipt-text .error-icon, .services-charges-form .ipt-select .error-icon, .services-charges-form .ipt-date .error-icon, .services-charges-form .ipt-text-area .error-icon { display: none; } #div-home-book-now-form .ipt-text.error .form-control, #div-home-book-now-form .ipt-select.error .form-control, #div-home-book-now-form .ipt-date.error .form-control, #div-home-book-now-form .ipt-text-area.error .form-control, #div-feedback-form .ipt-text.error .form-control, #div-feedback-form .ipt-select.error .form-control, #div-feedback-form .ipt-date.error .form-control, #div-feedback-form .ipt-text-area.error .form-control, #div-other-form .ipt-text.error .form-control, #div-other-form .ipt-select.error .form-control, #div-other-form .ipt-date.error .form-control, #div-other-form .ipt-text-area.error .form-control, #div-dealer-portal-booking-request-form .ipt-text.error .form-control, #div-dealer-portal-booking-request-form .ipt-select.error .form-control, #div-dealer-portal-booking-request-form .ipt-date.error .form-control, #div-dealer-portal-booking-request-form .ipt-text-area.error .form-control, .services-charges-form .ipt-text.error .form-control, .services-charges-form .ipt-select.error .form-control, .services-charges-form .ipt-date.error .form-control, .services-charges-form .ipt-text-area.error .form-control { border-color: #e9312c; } #div-home-book-now-form .ipt-text.error .error-icon, #div-home-book-now-form .ipt-select.error .error-icon, #div-home-book-now-form .ipt-date.error .error-icon, #div-home-book-now-form .ipt-text-area.error .error-icon, #div-feedback-form .ipt-text.error .error-icon, #div-feedback-form .ipt-select.error .error-icon, #div-feedback-form .ipt-date.error .error-icon, #div-feedback-form .ipt-text-area.error .error-icon, #div-other-form .ipt-text.error .error-icon, #div-other-form .ipt-select.error .error-icon, #div-other-form .ipt-date.error .error-icon, #div-other-form .ipt-text-area.error .error-icon, #div-dealer-portal-booking-request-form .ipt-text.error .error-icon, #div-dealer-portal-booking-request-form .ipt-select.error .error-icon, #div-dealer-portal-booking-request-form .ipt-date.error .error-icon, #div-dealer-portal-booking-request-form .ipt-text-area.error .error-icon, .services-charges-form .ipt-text.error .error-icon, .services-charges-form .ipt-select.error .error-icon, .services-charges-form .ipt-date.error .error-icon, .services-charges-form .ipt-text-area.error .error-icon { color: #e9312c; position: absolute; right: 18px; top: 6px; font-size: 20px; display: block; z-index: 1; } #div-home-book-now-form #div-feedback-type.error .error-icon, #div-feedback-form #div-feedback-type.error .error-icon, #div-other-form #div-feedback-type.error .error-icon, #div-dealer-portal-booking-request-form #div-feedback-type.error .error-icon, .services-charges-form #div-feedback-type.error .error-icon { left: 386px; top: 16px; } #div-home-book-now-form #div-feedback-category.error .error-icon, #div-feedback-form #div-feedback-category.error .error-icon, #div-other-form #div-feedback-category.error .error-icon, #div-dealer-portal-booking-request-form #div-feedback-category.error .error-icon, .services-charges-form #div-feedback-category.error .error-icon { left: 510px; top: 16px; } #div-home-book-now-form #div-other-category.error .error-icon, #div-feedback-form #div-other-category.error .error-icon, #div-other-form #div-other-category.error .error-icon, #div-dealer-portal-booking-request-form #div-other-category.error .error-icon, .services-charges-form #div-other-category.error .error-icon { left: 350px; top: 16px; } #div-home-book-now-form #div-feedback-wouldLikeToBeContacted, #div-feedback-form #div-feedback-wouldLikeToBeContacted, #div-other-form #div-feedback-wouldLikeToBeContacted, #div-dealer-portal-booking-request-form #div-feedback-wouldLikeToBeContacted, .services-charges-form #div-feedback-wouldLikeToBeContacted { /*@media (max-width: $screen-md-min) { margin-left: -250px; } @media (max-width: $screen-sm-min) { margin-left: -80px; }*/ } #div-home-book-now-form #div-feedback-wouldLikeToBeContacted label, #div-feedback-form #div-feedback-wouldLikeToBeContacted label, #div-other-form #div-feedback-wouldLikeToBeContacted label, #div-dealer-portal-booking-request-form #div-feedback-wouldLikeToBeContacted label, .services-charges-form #div-feedback-wouldLikeToBeContacted label { float: left; margin-right: 20px; } #div-home-book-now-form #div-feedback-wouldLikeToBeContacted .checkbox, #div-feedback-form #div-feedback-wouldLikeToBeContacted .checkbox, #div-other-form #div-feedback-wouldLikeToBeContacted .checkbox, #div-dealer-portal-booking-request-form #div-feedback-wouldLikeToBeContacted .checkbox, .services-charges-form #div-feedback-wouldLikeToBeContacted .checkbox { width: 60px; float: left; padding-top: 0; } #div-home-book-now-form #div-feedback-wouldLikeToBeContacted .error-icon, #div-feedback-form #div-feedback-wouldLikeToBeContacted .error-icon, #div-other-form #div-feedback-wouldLikeToBeContacted .error-icon, #div-dealer-portal-booking-request-form #div-feedback-wouldLikeToBeContacted .error-icon, .services-charges-form #div-feedback-wouldLikeToBeContacted .error-icon { display: none; } #div-home-book-now-form #div-feedback-wouldLikeToBeContacted.error .error-icon, #div-feedback-form #div-feedback-wouldLikeToBeContacted.error .error-icon, #div-other-form #div-feedback-wouldLikeToBeContacted.error .error-icon, #div-dealer-portal-booking-request-form #div-feedback-wouldLikeToBeContacted.error .error-icon, .services-charges-form #div-feedback-wouldLikeToBeContacted.error .error-icon { color: #e9312c; position: absolute; left: 520px; font-size: 20px; display: block; } #div-home-book-now-form .lbl-mandatory, #div-feedback-form .lbl-mandatory, #div-other-form .lbl-mandatory, #div-dealer-portal-booking-request-form .lbl-mandatory, .services-charges-form .lbl-mandatory { margin-top: 20px; } #div-home-book-now-form #help-on-sizes, #div-feedback-form #help-on-sizes, #div-other-form #help-on-sizes, #div-dealer-portal-booking-request-form #help-on-sizes, .services-charges-form #help-on-sizes { margin-top: 16px; } #div-home-book-now-form #tyre-size-guide, #div-feedback-form #tyre-size-guide, #div-other-form #tyre-size-guide, #div-dealer-portal-booking-request-form #tyre-size-guide, .services-charges-form #tyre-size-guide { width: 239px; height: 107px; background-image: url("/content/images/tyre-size-guide.png"); position: absolute; z-index: 999; margin-left: -14px; } #div-home-book-now-form .typeahead.dropdown-menu, #div-feedback-form .typeahead.dropdown-menu, #div-other-form .typeahead.dropdown-menu, #div-dealer-portal-booking-request-form .typeahead.dropdown-menu, .services-charges-form .typeahead.dropdown-menu { margin-top: 0; } #div-home-book-now-form .btn-refine-search, #div-home-book-now-form .txt-suburb-postcode, #div-feedback-form .btn-refine-search, #div-feedback-form .txt-suburb-postcode, #div-other-form .btn-refine-search, #div-other-form .txt-suburb-postcode, #div-dealer-portal-booking-request-form .btn-refine-search, #div-dealer-portal-booking-request-form .txt-suburb-postcode, .services-charges-form .btn-refine-search, .services-charges-form .txt-suburb-postcode { margin-top: 14px; } #div-home-book-now-form ul.typeahead li a, #div-feedback-form ul.typeahead li a, #div-other-form ul.typeahead li a, #div-dealer-portal-booking-request-form ul.typeahead li a, .services-charges-form ul.typeahead li a { text-align: left; } #btn-find-your-nearest-store { float: right; margin-left: 20px; } .txt-postcode-suburb { /*right: -116px; z-index: 1; position: relative;*/ width: 222px; float: right; } #find-your-nearest-store-list .find-your-nearest-store-result-container { padding-top: 0; margin-left: 0; margin-right: 0; padding-bottom: 8px; } #find-your-nearest-store-list .css-table { width: 100%; font-size: 14px; table-layout: fixed; font-weight: normal; color: #808181; } @media (max-width: 1199px) { #find-your-nearest-store-list .css-table { font-size: 14px; } } @media (max-width: 991px) { #find-your-nearest-store-list .css-table { font-size: 13px; } } @media (max-width: 767px) { #find-your-nearest-store-list .css-table { font-size: 14px; } } #find-your-nearest-store-list .table-data tr:hover td { /*font-family: $fontMd;*/ font-weight: bold; } #find-your-nearest-store-list .table-data > thead:first-child > tr:first-child > th { /*font-family: $fontBold;*/ font-weight: bold; border-top: solid 1px #939598; border-bottom: solid 1px #939598; padding-top: 4px; padding-bottom: 4px; } #find-your-nearest-store-list .table-data tr th, #find-your-nearest-store-list .table-data tr td { border-left: solid 1px #000000 !important; padding: 8px 8px; text-align: left !important; } @media (max-width: 767px) { #find-your-nearest-store-list .table-data tr th, #find-your-nearest-store-list .table-data tr td { padding: 10px 7px; } } #find-your-nearest-store-list .table-data tr th.col-suburb, #find-your-nearest-store-list .table-data tr td.col-suburb { padding: 10px 0; } #find-your-nearest-store-list .table-data > thead:first-child > tr > th:first-child, #find-your-nearest-store-list .table-data > tbody > tr > td:first-child { border-left: none !important; } #find-your-nearest-store-list .table-data > tbody > tr > td:first-child { /*font-family: $fontBold;*/ font-weight: bold; color: #ea302e !important; } #find-your-nearest-store-list .table-data > tbody > tr > td:first-child .col-suburb { color: #ea302e !important; } #find-your-nearest-store-list .table-data tr td { border-bottom: solid 1px #939598; } #find-your-nearest-store-list .table-data tr:hover td { /*font-family: 'ITCAvantGardeStd-Bk'; font-weight: bold !important;*/ background-color: #f6f6f6; color: #808181 !important; } #find-your-nearest-store-list .table-data .col-suburb { width: 15%; } #find-your-nearest-store-list .table-data .col-suburb .truck-center { font-weight: 100; font-size: 12px; /*font-family: $font;*/ color: #333; position: relative; top: -6px; } #find-your-nearest-store-list .table-data .col-phone { width: 11%; } #find-your-nearest-store-list .table-data .col-km { width: 7%; } #find-your-nearest-store-list .table-data .col-address { width: 20%; } #find-your-nearest-store-list .table-data .col-store-type { /*width: 21%;*/ width: 254px; } #find-your-nearest-store-list .table-data .col-opening-hours { width: 20%; } #find-your-nearest-store-list .table-data .col-opening-hours .opening-soon-description { /*font-family: $fontBold;*/ font-weight: bold; color: #ea302e; } #find-your-nearest-store-list .table-data .col-select-dealer { /*width: 6%;*/ width: 73px; } #find-your-nearest-store-list .pnl-service-logo .logo-b-select { width: 53.435%; float: left; } #find-your-nearest-store-list .pnl-service-logo .logo-auto-service { width: 37.023%; float: right; } #find-your-nearest-store-list .pnl-service-logo .logo-b-service-center { width: 80.544%; float: left; } #find-your-nearest-store-list .pnl-service-logo .logo-b-tyre-center { width: 42%; float: left; } #find-your-nearest-store-list .pnl-service-logo img { max-width: 100%; height: auto; border: none; } #find-your-nearest-store-list a.color-gray, #find-your-nearest-store-list a:hover.color-gray { color: #808181; text-decoration: none; } .promotion-description, .promotion-terms-conditions { display: none; } #PromotionDetails .modal-dialog { width: 800px; } #PromotionDetails .tab-content { padding: 15px; } .phone-script-step3-search-results, .phone-script-step4-search-results { /*.col-product { width: 350px; } .col-size { width: 130px; }*/ /*@media (max-width: 1200px) { .table { .th-inclusions { width: 100px; } } .col-product { width: initial; } .col-size { width: initial; } }*/ } .phone-script-step3-search-results .uber-only, .phone-script-step4-search-results .uber-only { color: #4083a9 !important; font-size: 12px; } .phone-script-step3-search-results .promotion-container, .phone-script-step4-search-results .promotion-container { display: inline-block; background-color: #ffffff; padding: 0 10px; border-radius: 4px; text-align: center; margin-right: 10px; } .phone-script-step3-search-results .promotion-container.Benefit, .phone-script-step4-search-results .promotion-container.Benefit { color: #000099; border: 1px solid #000099; margin: 4px 0; } .phone-script-step3-search-results .promotion-container.Benefit i, .phone-script-step4-search-results .promotion-container.Benefit i { color: #000099; } .phone-script-step3-search-results .promotion-container.Promotion, .phone-script-step4-search-results .promotion-container.Promotion { color: #ff0000; border: 1px solid #ff0000; margin: 4px 0; } .phone-script-step3-search-results .promotion-container.Promotion i, .phone-script-step4-search-results .promotion-container.Promotion i { color: #ff0000; } .phone-script-step3-search-results .ddl-phone-script-step4-offers, .phone-script-step4-search-results .ddl-phone-script-step4-offers { font-size: 13px; } .phone-script-step3-search-results .ddl-phone-script-step4-offers::-ms-expand, .phone-script-step4-search-results .ddl-phone-script-step4-offers::-ms-expand { display: none; } .phone-script-step3-search-results .ddl-dealer-tyre-service::-ms-expand, .phone-script-step4-search-results .ddl-dealer-tyre-service::-ms-expand { display: none; } .phone-script-step3-search-results .shield-container, .phone-script-step4-search-results .shield-container { display: inline-block; width: 22px; height: 22px; margin: 0 4px 0 3px; } .phone-script-step3-search-results .shield-container .shield, .phone-script-step4-search-results .shield-container .shield { width: 22px; height: 22px; } .phone-script-step3-search-results .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; } .phone-script-step3-search-results .table-responsive > .table { margin-bottom: 0; } .phone-script-step3-search-results .table-responsive > .table-bordered { border: 0; } .phone-script-step3-search-results .table-responsive > .table-bordered > thead > tr > th:first-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tbody > tr > th:first-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tfoot > tr > th:first-child, .phone-script-step3-search-results .table-responsive > .table-bordered > thead > tr > td:first-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tbody > tr > td:first-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .phone-script-step3-search-results .table-responsive > .table-bordered > thead > tr > th:last-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tbody > tr > th:last-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tfoot > tr > th:last-child, .phone-script-step3-search-results .table-responsive > .table-bordered > thead > tr > td:last-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tbody > tr > td:last-child, .phone-script-step3-search-results .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .phone-script-step3-search-results .table-responsive > .table-bordered > tbody > tr:last-child > th, .phone-script-step3-search-results .table-responsive > .table-bordered > tfoot > tr:last-child > th, .phone-script-step3-search-results .table-responsive > .table-bordered > tbody > tr:last-child > td, .phone-script-step3-search-results .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table { border-width: 1px !important; border-color: #e4e4e4 !important; } .phone-script-step3-search-results table.phone-script-step3-search-results-table td, .phone-script-step3-search-results table.phone-script-step3-search-results-table th { border-color: #e4e4e4 !important; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr { background-color: #F5F5F5; height: 50px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr .more-stock-levels-megabus-branch-codes.width-25 { width: 25px !important; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr .more-stock-levels-megabus-branch-codes table { width: 100%; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr .more-stock-levels-megabus-branch-codes table tr { background-color: #F5F5F5; height: 39px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr .more-stock-levels-megabus-branch-codes table tr td { border: none; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr:first-child > td { font-family: 'Open Sans'; font-weight: bold; color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr:last-child > th > a { font-family: 'Open Sans'; font-weight: 600; color: #4083A9; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > thead > tr:last-child > th > a .fa-question-circle { color: #7EABC4; font-size: 12px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > tbody > tr { height: 50px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > tbody > tr .more-stock-levels-quantity-available table { width: 100%; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > tbody > tr .more-stock-levels-quantity-available table tr { height: 39px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table > tbody > tr .more-stock-levels-quantity-available table tr td { border: none; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .text-align-left { text-align: left; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .text-align-right { text-align: right; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-left-5 { padding-left: 5px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-left-10 { padding-left: 10px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-left-13 { padding-left: 13px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-right-13 { padding-right: 13px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-left-15 { padding-left: 15px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-right-15 { padding-right: 15px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .no-padding-left { padding-left: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .padding-right-10 { padding-right: 10px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .no-padding-right { padding-right: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td { text-align: center; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td a { background: none; color: #999999; text-decoration: none; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans'; font-weight: bold; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td a .fa-question-circle { color: #999999; font-size: 12px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td a:hover, .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td a:focus { background: none !important; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td a.btn-success { color: #555555; text-decoration: none; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td a.btn-success .fa-question-circle { color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td:first-child { text-align: left; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td:first-child a { padding-left: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td:last-child { text-align: right; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .table-col-prices tr td:last-child a { padding-right: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td { text-align: right; padding-left: 10px; padding-right: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td .fa-question-circle { color: #7EABC4; font-size: 12px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td:first-child { padding-left: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td:last-child { padding-right: 0; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td.td-1 { width: 59px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td.td-2 { width: 72px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td.td-3 { width: 59px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tbl-price tr td.td-4 { width: 76px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more { color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more:focus { text-decoration: none; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more .fa-caret-right, .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more .fa-caret-down { color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-copy-to-clipboard { color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-copy-to-clipboard:focus { text-decoration: none; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .phone-script-step3-quoted { text-align: right; background-color: #F6DCDD; border: 1px solid #a9a9a9; padding-right: 6px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .phone-script-step3-quoted::before { content: "$"; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tr-tyre-pattern-size-container.show-details { background-color: #F5F5F5; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tr-tyre-pattern-size-container.show-details > td { border-bottom: 1px dotted #e4e4e4; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container { background-color: #F5F5F5; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container > td { border: none; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table { width: 745px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td { white-space: normal; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td:first-child { border: none; padding: 10px; max-width: 650px; vertical-align: middle; text-align: left; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td:last-child { border: none; padding: 10px; vertical-align: top; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td:last-child img { width: 95px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td .tyre-pattern-display-name { font-family: 'Open Sans'; font-weight: bold; color: #555555; padding-bottom: 10px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td p { font-family: 'Open Sans'; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .tyre-pattern-details-container table tr td ul li { font-family: 'Open Sans'; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more-stock-levels { color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more-stock-levels:hover, .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more-stock-levels:focus { text-decoration: none; color: #555555; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .btn-more-stock-levels .fa { padding-left: 10px; padding-top: 3px; position: absolute; right: 10px; } .phone-script-step3-search-results table.phone-script-step3-search-results-table .wh-stock-levels.padding-left-25 { padding-left: 25px; } .phone-script-step4-search-results > thead > tr { background-color: #F5F5F5; height: 50px; } .phone-script-step4-search-results > tbody > tr { height: 50px; } .phone-script-step4-search-results .text-align-left { text-align: left; } .phone-script-step4-search-results .text-align-right { text-align: right; } .phone-script-step4-search-results .padding-left-10 { padding-left: 10px; } .phone-script-step4-search-results .padding-right-10 { padding-right: 10px; } .phone-script-step4-search-results .no-padding-left { padding-left: 0; } .phone-script-step4-search-results .no-padding-right { padding-right: 0; } .phone-script-step4-search-results .btn-more { color: #555555; } .phone-script-step4-search-results .btn-more:focus { text-decoration: none; } .phone-script-step4-search-results .btn-more .fa-caret-right, .phone-script-step4-search-results .btn-more .fa-caret-down { color: #555555; } .phone-script-step4-search-results .btn-copy-to-clipboard { color: #555555; } .phone-script-step4-search-results .btn-copy-to-clipboard:focus { text-decoration: none; } .phone-script-step4-search-results .phone-script-step4-quoted { text-align: right; background-color: #F6DCDD; border: 1px solid #a9a9a9; padding-right: 6px; width: 70px !important; } .phone-script-step4-search-results .phone-script-step4-quoted::before { content: "$"; } .phone-script-step4-search-results .tr-tyre-pattern-size-container.show-details { background-color: #F5F5F5; } .phone-script-step4-search-results .tr-tyre-pattern-size-container.show-details > td { border-bottom: 1px dotted #e4e4e4; } .phone-script-step4-search-results .tyre-pattern-details-container { background-color: #F5F5F5; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } .phone-script-step4-search-results .tyre-pattern-details-container > td { border: none; } .phone-script-step4-search-results .tyre-pattern-details-container table { width: 745px; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td { white-space: normal; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td:first-child { border: none; padding: 10px; max-width: 650px; vertical-align: middle; text-align: left; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td:last-child { border: none; padding: 10px; vertical-align: top; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td:last-child img { width: 95px; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td .tyre-pattern-display-name { font-family: 'Open Sans'; font-weight: bold; color: #555555; padding-bottom: 10px; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td p { font-family: 'Open Sans'; } .phone-script-step4-search-results .tyre-pattern-details-container table tr td ul li { font-family: 'Open Sans'; } .phone-script-step4-search-results .phone-script-step4-dealer-tyre-service-quoted { text-align: right; padding-right: 6px; width: 70px; border: 1px solid #a9a9a9; } .phone-script-step4-search-results .promotion-price, .phone-script-step4-search-results .phone-script-step4-offer-price, .phone-script-step4-search-results .uber-promotion-price { padding-right: 7px; } .phone-script-step4-search-results .col-total { padding: 0 0 0 8px; } .phone-script-step4-search-results .col-total a, .phone-script-step4-search-results .col-total div, .phone-script-step4-search-results .col-total span { padding-right: 15px; width: 78px; float: right; } .phone-script-step4-search-results .col-total a.phone-script-step4-total, .phone-script-step4-search-results .col-total a.phone-script-step4-total-inc-gst, .phone-script-step4-search-results .col-total div.phone-script-step4-total, .phone-script-step4-search-results .col-total div.phone-script-step4-total-inc-gst, .phone-script-step4-search-results .col-total span.phone-script-step4-total, .phone-script-step4-search-results .col-total span.phone-script-step4-total-inc-gst { width: 78px; padding: 0; } .phone-script-step4-search-results .col-option-total .phone-script-step4-total-quoted { background: #f2dede; border-color: #ebccd1; line-height: 49px; padding: 0; font-weight: bold; text-align: center; } .phone-script-step4-search-results .phone-script-step4-total, .phone-script-step4-search-results .phone-script-step4-total-inc-gst { background: #f2dede; border-color: #ebccd1; line-height: 49px; padding: 0; text-align: center; } .phone-script-step4-search-results .step4-dealer-tyre-service-container .ipt-select { display: inline-flex; } .phone-script-step4-search-results .step4-dealer-tyre-service-container .ipt-select .cssflow-dropdown { width: 365px; } .phone-script-step4-search-results .step4-dealer-tyre-service-container .ipt-select .cssflow-dropdown .ddl-dealer-tyre-service { width: 365px; } .phone-script-step4-search-results .phone-script-step4-dealer-tyre-service-quantity-container { background: none; border: solid 1px #a9a9a9; border-radius: 0; width: 45px !important; height: 22px; } .phone-script-step4-search-results .phone-script-step4-dealer-tyre-service-quantity-container:before { top: 5px; } .phone-script-step4-search-results .phone-script-step4-dealer-tyre-service-quantity-container:after { top: 4px; } .phone-script-step4-search-results .phone-script-step4-dealer-tyre-service-quantity-container .phone-script-step4-dealer-tyre-service-quantity { height: 22px; padding: 0px 8px 2px 6px !important; } #MarketGuide .modal-dialog { width: 930px; } #MarketGuide .modal-dialog .modal-content { width: 930px; } .store-details-form .control-label, .primary-user-form .control-label, .user-addedit-form .control-label, .services-form .control-label { text-align: left; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { height: 40px; vertical-align: middle; } .table > tbody > tr > td.h-40, .table > tbody > tr > th.h-40, .table > tfoot > tr > td.h-40, .table > tfoot > tr > th.h-40, .table > thead > tr > td.h-40, .table > thead > tr > th.h-40 { padding: 0 8px; } .theme-default .btn-primary, .theme-default .btn-primary:focus { background: #e81a19; border-color: #e81a19; } .theme-default .btn-primary:hover, .theme-default .btn-primary:focus:hover { background: #d41721 !important; border-color: #d41721 !important; } #NotesModal .modal-body-notes-list { max-height: 200px; overflow-y: auto; margin: 20px 0 20px 0; padding: 0; } #NotesModal .modal-body-notes-list .note-container { border-bottom: 1px solid #e5e5e5; padding: 20px; } #NotesModal .modal-body-notes-list .note-container .note-created-date-time { text-align: right; font-size: 11px; padding-top: 5px; } .row-header { margin-bottom: 20px; } #booking-request-form .ipt-text .error-icon, #booking-request-form .ipt-select .error-icon, #booking-request-form .ipt-date .error-icon, #booking-request-form .ipt-text-area .error-icon { display: none; } #booking-request-form .ipt-text.error .form-control, #booking-request-form .ipt-select.error .form-control, #booking-request-form .ipt-date.error .form-control, #booking-request-form .ipt-text-area.error .form-control { border-color: #e9312c; } #booking-request-form .ipt-text.error .error-icon, #booking-request-form .ipt-select.error .error-icon, #booking-request-form .ipt-date.error .error-icon, #booking-request-form .ipt-text-area.error .error-icon { color: #e9312c; position: absolute; right: 18px; top: 6px; font-size: 20px; display: block; z-index: 1; } .booking-request-list-error-icon { font-size: 20px; margin-top: 1px; position: absolute; color: #e9312c; } .margin-top-20 { margin-top: 20px; } .margin-top-40 { margin-top: 40px; } .full-width { width: 100%; } .width-100 { width: 100px; } .width-140 { width: 140px; } .width-200 { width: 200px; } .padding-top-7 { padding-top: 7px; } .padding-bottom-20 { padding-bottom: 20px; } .float-left { float: left; } .float-right { float: right; } /*Gap 20px rule*/ .margin-right-20 { float: left; margin-right: 20px; } .margin-right-40 { float: left; margin-right: 40px; } /*Gap 40px rule*/ .padding-left-20 { padding-left: 20px !important; } .padding-right-20 { padding-right: 20px; } .padding-left-30 { padding-left: 30px !important; } @media (max-width: 991px) { .padding-left-30 { padding-left: 8px !important; } } /*Script text 20px, #257345 rule*/ .font-20-green { font-size: 20px; color: #257345; font-weight: normal; } .font-20-green .switcher { font-size: 11px; margin-left: 20px; margin-bottom: 0; margin-top: 2px; position: absolute; } .font-20 { font-size: 20px; } .no-padding-t { padding-top: 0; } .panel-space { height: 20px; background: none; } #wizard-step-2 .tab-content { border: 1px solid #e2e2e2; border-top: none; } .border-left { border-left: 1px solid #e4e4e4; } .txt-align-center { text-align: center !important; } #wizard-step-3 .select2Buttons ul { margin: 0; } #wizard-step-3 .select2Buttons ul li { margin-right: 20px; } .div-quote-book-now-form-view .control-label { text-align: left; } .services-charges-form .fa-lock, #step4-results .fa-lock { margin-top: 4px; } .services-charges-form .fa-minus-circle, .services-charges-form .fa-plus-circle, #step4-results .fa-minus-circle, #step4-results .fa-plus-circle { cursor: pointer; } .services-charges-form .fa-minus-circle.red, .services-charges-form .fa-plus-circle.red, #step4-results .fa-minus-circle.red, #step4-results .fa-plus-circle.red { margin-right: 2px; } .services-charges-form .fa-minus-circle.green, .services-charges-form .fa-plus-circle.green, #step4-results .fa-minus-circle.green, #step4-results .fa-plus-circle.green { color: #5ebd5e; } #wizard-send-quote-by-email #step5-quote-email > table { margin: -20px 0 -19px 0; padding: 20px 0; background-color: #4d4d4d; } #wizard-send-quote-by-email #step5-quote-email table { border-collapse: initial; } .theme-default { background: #ffffff; } .retailer-latest-news-tmp { margin-top: -20px !important; } .retailer-latest-news-tmp.top-40-space { margin-top: -5px !important; } .retailer-latest-news-details-tmp { margin-top: -5px !important; } .retailer-latest-news-details-tmp .media-container { max-width: 550px; margin: 0 auto 30px auto; } .retailer-latest-news-details-tmp .media-container .fancybox img { /*border: 1px solid #d1d3d4;*/ } .retailer-latest-news-details-tmp .video-container { position: relative; max-width: 550px; margin: 0 auto 30px auto; } .retailer-latest-news-details-tmp .video-container .full-width { width: 100%; max-width: 100%; height: auto; border: none; vertical-align: middle; } .retailer-latest-news-details-tmp .video-container .play-video-lightbox.play-button { background: url(/content/images/button/play-icon-640x360.png) no-repeat 0 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: contain; } .retailer-latest-news-details-tmp .video-container .play-video-lightbox.smaller-play-button { background: url(/content/images/button/play-icon-74x74.png) no-repeat 0 0; width: 74px; height: 74px; position: absolute; border: none; background-color: transparent; top: 50%; left: 50%; margin-left: -37px; margin-top: -37px; box-shadow: none; } .retailer-latest-news-details-tmp .btn-download { margin-bottom: 30px; display: block; } .retailer-latest-news-error-tmp h4 { margin-bottom: 20px; } .retailer-latest-news-tmp, .retailer-latest-news-details-tmp, .retailer-latest-news-dashboard-tmp { padding-bottom: 50px; } @media (min-width: 1237px) { .retailer-latest-news-tmp .latest-news-container, .retailer-latest-news-details-tmp .latest-news-container, .retailer-latest-news-dashboard-tmp .latest-news-container { padding-right: 17px; width: 916px; } } .retailer-latest-news-tmp .latest-news-container .row, .retailer-latest-news-details-tmp .latest-news-container .row, .retailer-latest-news-dashboard-tmp .latest-news-container .row { border-bottom: 1px solid #d1d3d4; margin-left: 0; margin-right: 0; padding: 20px 0; } .retailer-latest-news-tmp .latest-news-container .row img, .retailer-latest-news-details-tmp .latest-news-container .row img, .retailer-latest-news-dashboard-tmp .latest-news-container .row img { width: 200px; height: 133px; } .retailer-latest-news-tmp .latest-news-container .row img.no-padding-left, .retailer-latest-news-details-tmp .latest-news-container .row img.no-padding-left, .retailer-latest-news-dashboard-tmp .latest-news-container .row img.no-padding-left { margin-left: -11px; } .retailer-latest-news-tmp .latest-news-container .row img.no-padding-right, .retailer-latest-news-details-tmp .latest-news-container .row img.no-padding-right, .retailer-latest-news-dashboard-tmp .latest-news-container .row img.no-padding-right { margin-right: -11px; float: right; } .retailer-latest-news-tmp .latest-news-container .row .latest-news-details, .retailer-latest-news-details-tmp .latest-news-container .row .latest-news-details, .retailer-latest-news-dashboard-tmp .latest-news-container .row .latest-news-details { margin-left: -11px; } .retailer-latest-news-tmp .latest-news-container .row .latest-news-details a, .retailer-latest-news-details-tmp .latest-news-container .row .latest-news-details a, .retailer-latest-news-dashboard-tmp .latest-news-container .row .latest-news-details a { color: #555; } .retailer-latest-news-tmp .latest-news-container .row .posted-date, .retailer-latest-news-details-tmp .latest-news-container .row .posted-date, .retailer-latest-news-dashboard-tmp .latest-news-container .row .posted-date { text-transform: uppercase; font-size: 13px; } .retailer-latest-news-tmp .latest-news-container h4.title, .retailer-latest-news-details-tmp .latest-news-container h4.title, .retailer-latest-news-dashboard-tmp .latest-news-container h4.title { font-size: 16px; } .retailer-latest-news-tmp .latest-news-container a.btn-download, .retailer-latest-news-details-tmp .latest-news-container a.btn-download, .retailer-latest-news-dashboard-tmp .latest-news-container a.btn-download { color: #ea302e; text-decoration: none; } .retailer-latest-news-tmp .latest-news-container .back-to-latest-news, .retailer-latest-news-details-tmp .latest-news-container .back-to-latest-news, .retailer-latest-news-dashboard-tmp .latest-news-container .back-to-latest-news { padding-bottom: 5px; border-bottom: 1px solid #d1d3d4; margin-bottom: 15px; } .retailer-latest-news-tmp .latest-news-container .back-to-latest-news a, .retailer-latest-news-details-tmp .latest-news-container .back-to-latest-news a, .retailer-latest-news-dashboard-tmp .latest-news-container .back-to-latest-news a { color: #555; text-transform: uppercase; } .retailer-latest-news-tmp .latest-news-container .back-to-latest-news a .fa, .retailer-latest-news-details-tmp .latest-news-container .back-to-latest-news a .fa, .retailer-latest-news-dashboard-tmp .latest-news-container .back-to-latest-news a .fa { font-weight: bold; } .retailer-latest-news-tmp .spotlight-container img, .retailer-latest-news-details-tmp .spotlight-container img, .retailer-latest-news-dashboard-tmp .spotlight-container img { padding: 20px 0; } .retailer-latest-news-tmp .tags-container, .retailer-latest-news-details-tmp .tags-container, .retailer-latest-news-dashboard-tmp .tags-container { padding-top: 15px; } .retailer-latest-news-tmp .tags-container .btn-gray, .retailer-latest-news-details-tmp .tags-container .btn-gray, .retailer-latest-news-dashboard-tmp .tags-container .btn-gray { background: #b0b0b0; color: #ffffff; font-size: 13px; border: solid 1px #b0b0b0; line-height: 22px; border-radius: 4px; display: inline-block; padding: 3px 7px; margin-right: 8px; } .retailer-latest-news-tmp .tags-container .btn-gray:hover, .retailer-latest-news-details-tmp .tags-container .btn-gray:hover, .retailer-latest-news-dashboard-tmp .tags-container .btn-gray:hover { background: #ea302e !important; border: solid 1px #ea302e; } .latest-downloads-container .title { margin-top: -10px; } .latest-downloads-container .latest-downloads { padding: 10px 0; border-bottom: 1px solid #d1d3d4; } .latest-downloads-container .latest-downloads a { color: #555; font-size: 14px; } .retailer-news-tags-container { margin-top: 40px; } .retailer-news-tags-container .title { /*margin-top: -10px;*/ } .retailer-news-tags-container .retailer-news-tags { padding: 10px 0; border-bottom: 1px solid #d1d3d4; } .retailer-news-tags-container .retailer-news-tags a { color: #555; font-size: 14px; } .retailer-archive-tmp { margin-top: -11px !important; } @media (min-width: 1237px) { .retailer-archive-tmp .archive-container { padding-right: 17px; width: 916px; } } .retailer-archive-tmp .archive-container > .title { border-bottom: 1px solid #d1d3d4; } .retailer-archive-tmp .archive-container .row { border-bottom: 1px solid #d1d3d4; margin-left: 0; margin-right: 0; padding: 20px 0; } .retailer-archive-tmp .archive-container .row img { width: 200px; height: 133px; } .retailer-archive-tmp .archive-container .row img.no-padding-right { margin-right: -11px; float: right; } .retailer-archive-tmp .archive-container .row .latest-news-details { margin-left: -11px; } .retailer-archive-tmp .archive-container .row .latest-news-details a { color: #555; } .retailer-archive-tmp .archive-container .row .latest-news-details a h4.title { font-size: 16px; } .retailer-archive-tmp .archive-container .row .posted-date { text-transform: uppercase; font-size: 13px; } .retailer-archive-tmp .news-archive-container .title { border-bottom: 1px solid #d1d3d4; } .retailer-archive-tmp .news-archive-container .news-archive { padding: 15px 0; border-bottom: 1px solid #d1d3d4; } .retailer-archive-tmp .news-archive-container .news-archive a { color: #555; font-weight: bold; font-size: 14px; } .retailer-archive-tmp .news-archive-container .news-archive a .fa { float: right; font-weight: bold; line-height: 19px; } .retailer-archive-tmp .news-archive-container .news-archive a.expended .fa-angle-down:before { content: "\f106"; } .retailer-archive-tmp .news-archive-container .news-archive a.selected { color: #ea302e; } .retailer-archive-tmp .news-archive-container .months { display: none; } .retailer-archive-tmp .news-archive-container .months.expended { display: block; } .gray-border { border: 1px solid #e2e2e2; } .table-border-bottom { border-bottom: 1px solid #e2e2e2; } .no-border { border: none !important; } .no-border-bottom { border-bottom: none !important; } .retailer-latest-news-dashboard-tmp .latest-news-container { padding-right: 36px; width: 935px; } .retailer-latest-news-dashboard-tmp .latest-news-container .retailer-latest-news-dashboard-title { padding: 15px 0 !important; border-bottom: 1px solid #d1d3d4; } .retailer-latest-news-dashboard-tmp .latest-news-container .retailer-latest-news-dashboard-title .text-left, .retailer-latest-news-dashboard-tmp .latest-news-container .retailer-latest-news-dashboard-title .text-right { padding: 0; } .retailer-latest-news-dashboard-tmp .spotlight-container { width: 586px; } .retailer-latest-news-dashboard-tmp .spotlight-container .latest-downloads-container .title { border-top: none; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container { padding-left: 9px; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container .resources-img { padding: 15px 0; border-bottom: 1px solid #d1d3d4; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container .resources-img.title { padding: 10px 0; margin-top: -10px; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container .resources-img a { color: #555; font-size: 14px; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container .resources-img a img { height: 28px; padding: 0; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container .resources-img a img.red-bg { background-color: #ea302e; } .retailer-latest-news-dashboard-tmp .spotlight-container .resources-container .resources-img a:hover { color: #ea302e; } .retailer-latest-news-dashboard-tmp .spotlight-container .contacts-container { padding-top: 15px; padding-bottom: 15px; } .retailer-latest-news-dashboard-tmp .spotlight-container .contacts-container .title { padding-bottom: 15px; } .retailer-latest-news-dashboard-tmp .spotlight-container .contacts-container .table .row-heading { background-color: #f9f9f9; } .gray-border-bottom { border-bottom: 1px solid #d1d3d4; margin-left: 0; margin-right: 0; padding-bottom: 15px; } .gray-border-bottom .no-padding-left { padding-left: 0; } .gray-border-bottom .no-padding-right { padding-right: 0; } .large-content { font-size: 14px; } #reasonForLostSale, #customerPurchasedAt { width: 300px; } #reasonForLostSale:focus, #customerPurchasedAt:focus { outline: none; } #LostSale .modal-body.has-error .cssflow-dropdown { border-color: #d38e99 !important; } .reset-password-tmp .password-needs-container { padding-bottom: 27px; } .reset-password-tmp .password-needs-container .title { padding-bottom: 5px; } .reset-password-tmp .password-needs-container .text { padding: 2px 0; } .reset-password-tmp .password-needs-container .text i { padding-right: 10px; color: #ea302e; } .primary-user-form .password-needs-container .title { padding-bottom: 5px; } .primary-user-form .password-needs-container .text { padding: 2px 0; } .primary-user-form .password-needs-container .text i { padding-right: 10px; color: #ea302e; } .primary-user-form #DU_EmailLeadReceiveType { margin-right: -45px; z-index: 2; position: relative; } .primary-user-form .ddl-send-leads { width: 70px; display: inline-block; } .primary-user-form .store-email-address-notice { margin-left: -20px; } .primary-user-form .switcher { margin-top: 3px; margin-bottom: 0; } .max-width-1500 { max-width: 1500px; margin: 0 auto; } .max-width-1200 { max-width: 1200px; margin: 0 auto; } .max-width-1250 { max-width: 1300px; margin: 0 auto; } .max-width-768 { max-width: 768px; margin: 0 auto; } .max-width-900 { max-width: 900px; margin: 0 auto; } .bg-white { background: #fff; } .no-padding-left { padding-left: 0; } .no-padding-right { padding-right: 0; } input[type=text].readonly { background: #ffffff; border: none; } .default-left-margin { margin-left: 20px; } .contacts-accordion .table .col-1 { width: 205px; } .contacts-accordion .table .col-2 { width: 114px; } .contacts-accordion .table .col-3 { width: 56px; } .contacts-accordion .table .col-4 { width: 48px; } .contacts-accordion .table .col-5 { width: 141px; } .contacts-accordion a.accordion-lnk { color: #555; text-decoration: none; } .contacts-accordion a.accordion-lnk span { float: right; padding-right: 10px; } .contacts-accordion a.accordion-lnk.expended .fa-chevron-down:before { content: "\f077"; } .contacts-accordion .accordion-body { display: none; } .input-group.double-size { width: 364px; } .switcher-state-off { background: #ea302e; } .no-padding { padding: 0 !important; } #BookingRequest_MarketingHaveReceivedQuoteDetails { float: left; margin-right: 20px; } .HaveYouReceivedAnotherQuote-true .cssflow-dropdown { background: none; border: solid 1px #a9a9a9; border-radius: 0; } .tsl-input-marketing-have-received-quote-tyre-brand-container .typeahead.dropdown-menu, .tsl-input-truck-quote-form-current-tyre-brand-container .typeahead.dropdown-menu { margin-top: 0; } .td-show-resource-details, .td-show-support-details { cursor: pointer; } .btn-show-resource-details { color: #999999; } .btn-show-resource-details:active, .btn-show-resource-details:hover, .btn-show-resource-details:focus { color: #999999; text-decoration: none; } .resource-details { display: none; padding: 20px 0 30px 0; color: #999999; } .resource-details p, .resource-details span, .resource-details ul, .resource-details li { color: #999999; } #ResourcesAcknowledgement .modal-body.has-error .cssflow-dropdown { border-color: #d38e99 !important; } .trading-hours-form { margin-top: -22px !important; } .trading-hours-form .padding-top-5 { padding-top: 5px; } .trading-hours-form .padding-top-40 { padding-top: 40px; } .trading-hours-form .padding-right-31 { padding-right: 31px; } .trading-hours-form .text-left { text-align: left; } .trading-hours-form .row-border { border: 1px solid #e4e4e4; } .trading-hours-form .row-padding-top-bottom { padding: 11px 0; } .trading-hours-form .no-margin-left-right { margin-left: 0; margin-right: 0; } .trading-hours-form .no-margin-bottom { margin-bottom: -1px; } .trading-hours-form label { margin-bottom: 0; } .trading-hours-form .label.label-open { background-color: #5ebd5e; width: 50px; padding-left: 6px !important; } .trading-hours-form .label.label-closed { background-color: #ea302e; width: 50px; padding-left: 6px !important; } .trading-hours-form .green { color: #5ebd5e; } .trading-hours-form .row-store:hover { background-color: #f5f5f5; } .trading-hours-form .row-store-open, .trading-hours-form .odd { background-color: #f9f9f9; } .trading-hours-form .header { color: #4083a9; } .trading-hours-form .position-relative a:focus { text-decoration: none; } .trading-hours-form .position-relative a.btn-delete-store-closed-date { padding-left: 10px; } .trading-hours-form .position-relative .fa-lock { padding-left: 10px; } .trading-hours-form .default-opening-hours-container .day-col { width: 95px; text-align: left; } .trading-hours-form .default-opening-hours-container .to-col { width: 25px; padding-left: 0; padding-right: 0; } #AddEditStoreClosedDate .modal-body.has-error .cssflow-dropdown { border-color: #d38e99 !important; } #AddEditStoreClosedDate .modal-body .switcher { margin-bottom: 0; margin-top: 4px; width: 70px; } .bootstrap-timepicker-widget.dropdown-menu { z-index: 1051; } .datepicker { z-index: 1051 !important; } .ie .spotlight-offers-form .ico-lock { right: 52px; } .ie #step4-results .phone-script-step4-dealer-tyre-service-quantity { width: 100px !important; } .support-details-tmp { margin-top: -2px !important; } .support-details-tmp .support-details-title { font-size: 18px !important; } .support-details-tmp .nav-previous-next-container { padding-bottom: 5px; border-bottom: 1px solid #d1d3d4; margin-bottom: 30px; height: 24px; margin-top: -3px !important; } .support-details-tmp .nav-previous-next-container a { color: #555; text-transform: uppercase; } .support-details-tmp .nav-previous-next-container a .fa { font-weight: bold; } .support-details-tmp .nav-previous-next-container a.next { float: right; } .support-details-tmp .media-container { margin-bottom: 30px; } .support-details-tmp .media-container .fancybox img { border: 1px solid #d1d3d4; } .support-details-tmp .video-container { position: relative; margin-bottom: 30px; } .support-details-tmp .video-container .full-width { width: 100%; max-width: 100%; height: auto; border: none; vertical-align: middle; } .support-details-tmp .video-container .play-video-lightbox.play-button { background: url(/content/images/button/play-icon-640x360.png) no-repeat 0 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: contain; } .support-details-tmp ol { margin: 0; padding: 0; counter-reset: foo; display: table; } .support-details-tmp ol li { margin: 0; padding: 0; list-style: none; counter-increment: foo; display: table-row; } .support-details-tmp ol li::before { content: counter(foo) "."; display: table-cell; text-align: right; padding-right: 10px; } .theme-default .pagination > li.active > a, .theme-default .pagination > li.active > a:focus, .theme-default .pagination > li.active > a:hover, .theme-default .pagination > li.active > span { background: #e81a19; border-color: #e81a19; } .theme-default .pagination > li > a:hover { border-color: #d41721 !important; } .theme-default .pagination > .disabled.PagedList-ellipses { display: none; } .modal-video .modal-dialog { width: 100%; } .modal-video .modal-body { padding: 0; } .modal-video .modal-body .container { padding: 0; } .modal-video .video-modal-close { border: solid 1px #ed1b24; border-radius: 2px; opacity: 1; font-weight: bolder; color: #ed1b24; width: 17px; height: 17px; line-height: 16px; font-size: 12px; background: white; padding: 0; top: -8px; right: -8px; text-align: center; z-index: 1; position: absolute; } .modal-video .vjs-default-skin:hover .vjs-big-play-button, .modal-video .vjs-default-skin .vjs-big-play-button:focus { background-color: transparent; webkit-box-shadow: none; moz-box-shadow: none; box-shadow: none; } .modal-video .vjs-default-skin .vjs-big-play-button { background: url(/content/images/button/play-icon-74x74.png) no-repeat 0 0; width: 74px; height: 74px; position: absolute; border: none; background-color: transparent; webkit-box-shadow: none; moz-box-shadow: none; box-shadow: none; } .modal-video .vjs-default-skin .vjs-big-play-button:before { content: none; } .modal-video .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-left: -37px; margin-top: -37px; } #TermsOfSaleModal .modal-dialog { width: 1500px; } #TermsOfSaleModal .modal-dialog .modal-content .modal-header { padding: 40px 40px 20px 40px; } #TermsOfSaleModal .modal-dialog .modal-content .modal-body { padding: 20px 40px 40px 40px; } .terms-of-sale-tmp { background: #cdcdcd; } .terms-of-sale-tmp .page-body { padding-bottom: 50px; } .terms-of-sale-tmp .panel-footer { padding: 20px; } .bootstrap-growl.alert { background: #ffffff; border-color: #ffffff; } #main-navbar .dropdown-menu > li > a { line-height: 18px; } @media (max-width: 1400px) { .page-body { padding-left: 10px; padding-right: 10px; } .step-3-phone-get-connected { padding-left: 0 !important; padding-right: 0 !important; } .step-3-phone-get-connected .col-sm-4 { padding-right: 0; } .step-3-phone-get-connected .col-sm-7 { padding-left: 0; width: 61.33333333%; } .step-3-phone-get-connected .col-sm-1 { width: 5.33333333%; } .step-3-phone-get-connected .col-sm-8 { padding-left: 0; } .step-3-phone-get-connected .col-sm-11 { padding-left: 0; padding-right: 0; width: 93%; } } /* */ .pnl-wysiwyg, .row .pnl-wysiwyg { padding-top: 0; padding-bottom: 0; /*overflow:hidden;*/ } .pnl-wysiwyg h1, .row .pnl-wysiwyg h1, .content-wysiwyg h1, .content-wysiwyg h1 { font-size: 25px; line-height: 1.2em; margin: 0; color: #808181; /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg h2, .row .pnl-wysiwyg h2, .content-wysiwyg h2, .row .content-wysiwyg h2 { font-size: 16px; line-height: 1.05em; margin: 0; color: #808181; /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg h3, .row .pnl-wysiwyg h3, .content-wysiwyg h3, .row .content-wysiwyg h3 { font-size: 16px; } .pnl-wysiwyg h3, .row .pnl-wysiwyg h3, .content-wysiwyg h3, .row .content-wysiwyg h3, .pnl-wysiwyg h3 a, .row .pnl-wysiwyg h3 a, .content-wysiwyg h3 a, .row .content-wysiwyg h3 a { line-height: 1.25em; margin: 0; color: #808181; /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg h4, .row .pnl-wysiwyg h4, .content-wysiwyg h4, .row .content-wysiwyg h4 { font-size: 16px; margin: 0; color: #808181; /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg h5, .row .pnl-wysiwyg h5, .content-wysiwyg h5, .row .content-wysiwyg h5 { font-size: 16px; line-height: 1.25em; margin: 0 0 5px 0; color: #808181; /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg h6, .row .pnl-wysiwyg h6, .content-wysiwyg h6, .row .content-wysiwyg h6 { margin: 0; color: #808181; /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg p, .row .pnl-wysiwyg p, .content-wysiwyg p, .row .content-wysiwyg p { font-size: 13px; line-height: 1.25em; color: #808181; /*font-family: $font;*/ font-family: 'Open Sans' !important; font-style: normal; margin: 0 0 15px 0; } .pnl-wysiwyg li b, .row .pnl-wysiwyg li b, .content-wysiwyg li b, .row .content-wysiwyg li b { /*font-family: $fontBold; font-weight:100;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg li, .row .pnl-wysiwyg li, .content-wysiwyg li, .row .content-wysiwyg li { /*font-size:16px;*/ line-height: 1.25em; color: #808181; /*font-family: $font;*/ font-family: 'Open Sans' !important; font-style: normal; margin: 0 0 5px 0; } .pnl-wysiwyg ul, .row .pnl-wysiwyg ul, .content-wysiwyg ul, .row .content-wysiwyg ul { padding-left: 20px; } .pnl-wysiwyg .img-spacer { margin-bottom: 15px; } .pnl-wysiwyg .border-top-bottom-red, .row .pnl-wysiwyg .border-top-bottom-red { border-top: solid 1px #ea302e; padding: 20px 10px; border-bottom: solid 1px #ea302e; } .pnl-wysiwyg .border-bottom, .row .pnl-wysiwyg .border-bottom { border-bottom: solid 1px #89878d; } @media (min-width: 768px) { .pnl-wysiwyg .border-bottom-sm-up, .row .pnl-wysiwyg .border-bottom-sm-up { border-bottom: solid 1px #89878d; } } .pnl-wysiwyg .title-margin, .row .pnl-wysiwyg .title-margin { margin-top: 10px; } @media (max-width: 767px) { .pnl-wysiwyg .text-center-xs, .row .pnl-wysiwyg .text-center-xs { text-align: center; } } @media (max-width: 767px) { .pnl-wysiwyg .bottom-margin-xs, .row .pnl-wysiwyg .bottom-margin-xs { margin-top: 15px; margin-bottom: 15px; } } @media (max-width: 767px) { .pnl-wysiwyg .bottom-padding-xs, .row .pnl-wysiwyg .bottom-padding-xs { padding-top: 15px; padding-bottom: 15px; } } .pnl-wysiwyg th, .pnl-wysiwyg b, .pnl-wysiwyg strong, .row .pnl-wysiwyg th, .row .pnl-wysiwyg b, .row .pnl-wysiwyg strong { /*font-family: $fontBold; font-weight: 100;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; color: #808181; } .pnl-wysiwyg th.red, .pnl-wysiwyg b.red, .pnl-wysiwyg strong.red, .row .pnl-wysiwyg th.red, .row .pnl-wysiwyg b.red, .row .pnl-wysiwyg strong.red { color: #ea302e; } .pnl-wysiwyg th.white, .pnl-wysiwyg b.white, .pnl-wysiwyg strong.white, .row .pnl-wysiwyg th.white, .row .pnl-wysiwyg b.white, .row .pnl-wysiwyg strong.white { color: #fff; } .pnl-wysiwyg p, .pnl-wysiwyg span, .row .pnl-wysiwyg p, .row .pnl-wysiwyg span { color: #808181; } .pnl-wysiwyg p, .row .pnl-wysiwyg p { margin-bottom: 10px; } .pnl-wysiwyg p.no-margin-bottom, .row .pnl-wysiwyg p.no-margin-bottom { margin-bottom: 0; } @media (max-width: 991px) { .pnl-wysiwyg p, .row .pnl-wysiwyg p { font-size: 10px; margin-bottom: 8px; } } @media (max-width: 767px) { .pnl-wysiwyg p, .row .pnl-wysiwyg p { font-size: 8px; margin-bottom: 6px; } } .pnl-wysiwyg p, .pnl-wysiwyg td, .pnl-wysiwyg th, .pnl-wysiwyg li, .pnl-wysiwyg span, .pnl-wysiwyg a, .pnl-wysiwyg b, .pnl-wysiwyg strong, .row .pnl-wysiwyg p, .row .pnl-wysiwyg td, .row .pnl-wysiwyg th, .row .pnl-wysiwyg li, .row .pnl-wysiwyg span, .row .pnl-wysiwyg a, .row .pnl-wysiwyg b, .row .pnl-wysiwyg strong { /*&.line-height-30 { line-height: 30px; } &.line-height-36 { line-height: 36px; }*/ font-size: 14px; } .pnl-wysiwyg p.x-small, .pnl-wysiwyg td.x-small, .pnl-wysiwyg th.x-small, .pnl-wysiwyg li.x-small, .pnl-wysiwyg span.x-small, .pnl-wysiwyg a.x-small, .pnl-wysiwyg b.x-small, .pnl-wysiwyg strong.x-small, .row .pnl-wysiwyg p.x-small, .row .pnl-wysiwyg td.x-small, .row .pnl-wysiwyg th.x-small, .row .pnl-wysiwyg li.x-small, .row .pnl-wysiwyg span.x-small, .row .pnl-wysiwyg a.x-small, .row .pnl-wysiwyg b.x-small, .row .pnl-wysiwyg strong.x-small { font-size: 65%; } .pnl-wysiwyg p.small, .pnl-wysiwyg td.small, .pnl-wysiwyg th.small, .pnl-wysiwyg li.small, .pnl-wysiwyg span.small, .pnl-wysiwyg a.small, .pnl-wysiwyg b.small, .pnl-wysiwyg strong.small, .row .pnl-wysiwyg p.small, .row .pnl-wysiwyg td.small, .row .pnl-wysiwyg th.small, .row .pnl-wysiwyg li.small, .row .pnl-wysiwyg span.small, .row .pnl-wysiwyg a.small, .row .pnl-wysiwyg b.small, .row .pnl-wysiwyg strong.small { font-size: 85%; } .pnl-wysiwyg p.large, .pnl-wysiwyg td.large, .pnl-wysiwyg th.large, .pnl-wysiwyg li.large, .pnl-wysiwyg span.large, .pnl-wysiwyg a.large, .pnl-wysiwyg b.large, .pnl-wysiwyg strong.large, .row .pnl-wysiwyg p.large, .row .pnl-wysiwyg td.large, .row .pnl-wysiwyg th.large, .row .pnl-wysiwyg li.large, .row .pnl-wysiwyg span.large, .row .pnl-wysiwyg a.large, .row .pnl-wysiwyg b.large, .row .pnl-wysiwyg strong.large { font-size: 16px; } @media (max-width: 991px) { .pnl-wysiwyg p.large, .pnl-wysiwyg td.large, .pnl-wysiwyg th.large, .pnl-wysiwyg li.large, .pnl-wysiwyg span.large, .pnl-wysiwyg a.large, .pnl-wysiwyg b.large, .pnl-wysiwyg strong.large, .row .pnl-wysiwyg p.large, .row .pnl-wysiwyg td.large, .row .pnl-wysiwyg th.large, .row .pnl-wysiwyg li.large, .row .pnl-wysiwyg span.large, .row .pnl-wysiwyg a.large, .row .pnl-wysiwyg b.large, .row .pnl-wysiwyg strong.large { font-size: 14px; } } .pnl-wysiwyg p.x-large, .pnl-wysiwyg td.x-large, .pnl-wysiwyg th.x-large, .pnl-wysiwyg li.x-large, .pnl-wysiwyg span.x-large, .pnl-wysiwyg a.x-large, .pnl-wysiwyg b.x-large, .pnl-wysiwyg strong.x-large, .row .pnl-wysiwyg p.x-large, .row .pnl-wysiwyg td.x-large, .row .pnl-wysiwyg th.x-large, .row .pnl-wysiwyg li.x-large, .row .pnl-wysiwyg span.x-large, .row .pnl-wysiwyg a.x-large, .row .pnl-wysiwyg b.x-large, .row .pnl-wysiwyg strong.x-large { font-size: 18px; } @media (max-width: 991px) { .pnl-wysiwyg p.x-large, .pnl-wysiwyg td.x-large, .pnl-wysiwyg th.x-large, .pnl-wysiwyg li.x-large, .pnl-wysiwyg span.x-large, .pnl-wysiwyg a.x-large, .pnl-wysiwyg b.x-large, .pnl-wysiwyg strong.x-large, .row .pnl-wysiwyg p.x-large, .row .pnl-wysiwyg td.x-large, .row .pnl-wysiwyg th.x-large, .row .pnl-wysiwyg li.x-large, .row .pnl-wysiwyg span.x-large, .row .pnl-wysiwyg a.x-large, .row .pnl-wysiwyg b.x-large, .row .pnl-wysiwyg strong.x-large { font-size: 16px; } } .pnl-wysiwyg p.xx-large, .pnl-wysiwyg td.xx-large, .pnl-wysiwyg th.xx-large, .pnl-wysiwyg li.xx-large, .pnl-wysiwyg span.xx-large, .pnl-wysiwyg a.xx-large, .pnl-wysiwyg b.xx-large, .pnl-wysiwyg strong.xx-large, .row .pnl-wysiwyg p.xx-large, .row .pnl-wysiwyg td.xx-large, .row .pnl-wysiwyg th.xx-large, .row .pnl-wysiwyg li.xx-large, .row .pnl-wysiwyg span.xx-large, .row .pnl-wysiwyg a.xx-large, .row .pnl-wysiwyg b.xx-large, .row .pnl-wysiwyg strong.xx-large { font-size: 20px; } @media (max-width: 991px) { .pnl-wysiwyg p.xx-large, .pnl-wysiwyg td.xx-large, .pnl-wysiwyg th.xx-large, .pnl-wysiwyg li.xx-large, .pnl-wysiwyg span.xx-large, .pnl-wysiwyg a.xx-large, .pnl-wysiwyg b.xx-large, .pnl-wysiwyg strong.xx-large, .row .pnl-wysiwyg p.xx-large, .row .pnl-wysiwyg td.xx-large, .row .pnl-wysiwyg th.xx-large, .row .pnl-wysiwyg li.xx-large, .row .pnl-wysiwyg span.xx-large, .row .pnl-wysiwyg a.xx-large, .row .pnl-wysiwyg b.xx-large, .row .pnl-wysiwyg strong.xx-large { font-size: 18px; } } .pnl-wysiwyg p.xxx-large, .pnl-wysiwyg td.xxx-large, .pnl-wysiwyg th.xxx-large, .pnl-wysiwyg li.xxx-large, .pnl-wysiwyg span.xxx-large, .pnl-wysiwyg a.xxx-large, .pnl-wysiwyg b.xxx-large, .pnl-wysiwyg strong.xxx-large, .row .pnl-wysiwyg p.xxx-large, .row .pnl-wysiwyg td.xxx-large, .row .pnl-wysiwyg th.xxx-large, .row .pnl-wysiwyg li.xxx-large, .row .pnl-wysiwyg span.xxx-large, .row .pnl-wysiwyg a.xxx-large, .row .pnl-wysiwyg b.xxx-large, .row .pnl-wysiwyg strong.xxx-large { font-size: 22px; } @media (max-width: 991px) { .pnl-wysiwyg p.xxx-large, .pnl-wysiwyg td.xxx-large, .pnl-wysiwyg th.xxx-large, .pnl-wysiwyg li.xxx-large, .pnl-wysiwyg span.xxx-large, .pnl-wysiwyg a.xxx-large, .pnl-wysiwyg b.xxx-large, .pnl-wysiwyg strong.xxx-large, .row .pnl-wysiwyg p.xxx-large, .row .pnl-wysiwyg td.xxx-large, .row .pnl-wysiwyg th.xxx-large, .row .pnl-wysiwyg li.xxx-large, .row .pnl-wysiwyg span.xxx-large, .row .pnl-wysiwyg a.xxx-large, .row .pnl-wysiwyg b.xxx-large, .row .pnl-wysiwyg strong.xxx-large { font-size: 20px; } } .pnl-wysiwyg p.xxxx-large, .pnl-wysiwyg td.xxxx-large, .pnl-wysiwyg th.xxxx-large, .pnl-wysiwyg li.xxxx-large, .pnl-wysiwyg span.xxxx-large, .pnl-wysiwyg a.xxxx-large, .pnl-wysiwyg b.xxxx-large, .pnl-wysiwyg strong.xxxx-large, .row .pnl-wysiwyg p.xxxx-large, .row .pnl-wysiwyg td.xxxx-large, .row .pnl-wysiwyg th.xxxx-large, .row .pnl-wysiwyg li.xxxx-large, .row .pnl-wysiwyg span.xxxx-large, .row .pnl-wysiwyg a.xxxx-large, .row .pnl-wysiwyg b.xxxx-large, .row .pnl-wysiwyg strong.xxxx-large { font-size: 24px; } @media (max-width: 991px) { .pnl-wysiwyg p.xxxx-large, .pnl-wysiwyg td.xxxx-large, .pnl-wysiwyg th.xxxx-large, .pnl-wysiwyg li.xxxx-large, .pnl-wysiwyg span.xxxx-large, .pnl-wysiwyg a.xxxx-large, .pnl-wysiwyg b.xxxx-large, .pnl-wysiwyg strong.xxxx-large, .row .pnl-wysiwyg p.xxxx-large, .row .pnl-wysiwyg td.xxxx-large, .row .pnl-wysiwyg th.xxxx-large, .row .pnl-wysiwyg li.xxxx-large, .row .pnl-wysiwyg span.xxxx-large, .row .pnl-wysiwyg a.xxxx-large, .row .pnl-wysiwyg b.xxxx-large, .row .pnl-wysiwyg strong.xxxx-large { font-size: 22px; } } .pnl-wysiwyg p.xxxxx-large, .pnl-wysiwyg td.xxxxx-large, .pnl-wysiwyg th.xxxxx-large, .pnl-wysiwyg li.xxxxx-large, .pnl-wysiwyg span.xxxxx-large, .pnl-wysiwyg a.xxxxx-large, .pnl-wysiwyg b.xxxxx-large, .pnl-wysiwyg strong.xxxxx-large, .row .pnl-wysiwyg p.xxxxx-large, .row .pnl-wysiwyg td.xxxxx-large, .row .pnl-wysiwyg th.xxxxx-large, .row .pnl-wysiwyg li.xxxxx-large, .row .pnl-wysiwyg span.xxxxx-large, .row .pnl-wysiwyg a.xxxxx-large, .row .pnl-wysiwyg b.xxxxx-large, .row .pnl-wysiwyg strong.xxxxx-large { font-size: 26px; } @media (max-width: 991px) { .pnl-wysiwyg p.xxxxx-large, .pnl-wysiwyg td.xxxxx-large, .pnl-wysiwyg th.xxxxx-large, .pnl-wysiwyg li.xxxxx-large, .pnl-wysiwyg span.xxxxx-large, .pnl-wysiwyg a.xxxxx-large, .pnl-wysiwyg b.xxxxx-large, .pnl-wysiwyg strong.xxxxx-large, .row .pnl-wysiwyg p.xxxxx-large, .row .pnl-wysiwyg td.xxxxx-large, .row .pnl-wysiwyg th.xxxxx-large, .row .pnl-wysiwyg li.xxxxx-large, .row .pnl-wysiwyg span.xxxxx-large, .row .pnl-wysiwyg a.xxxxx-large, .row .pnl-wysiwyg b.xxxxx-large, .row .pnl-wysiwyg strong.xxxxx-large { font-size: 24px; } } .pnl-wysiwyg p.red, .pnl-wysiwyg td.red, .pnl-wysiwyg th.red, .pnl-wysiwyg li.red, .pnl-wysiwyg span.red, .pnl-wysiwyg a.red, .pnl-wysiwyg b.red, .pnl-wysiwyg strong.red, .row .pnl-wysiwyg p.red, .row .pnl-wysiwyg td.red, .row .pnl-wysiwyg th.red, .row .pnl-wysiwyg li.red, .row .pnl-wysiwyg span.red, .row .pnl-wysiwyg a.red, .row .pnl-wysiwyg b.red, .row .pnl-wysiwyg strong.red { color: #ea302e; } .pnl-wysiwyg p.white, .pnl-wysiwyg td.white, .pnl-wysiwyg th.white, .pnl-wysiwyg li.white, .pnl-wysiwyg span.white, .pnl-wysiwyg a.white, .pnl-wysiwyg b.white, .pnl-wysiwyg strong.white, .row .pnl-wysiwyg p.white, .row .pnl-wysiwyg td.white, .row .pnl-wysiwyg th.white, .row .pnl-wysiwyg li.white, .row .pnl-wysiwyg span.white, .row .pnl-wysiwyg a.white, .row .pnl-wysiwyg b.white, .row .pnl-wysiwyg strong.white { color: #fff; } .pnl-wysiwyg p.gray, .pnl-wysiwyg td.gray, .pnl-wysiwyg th.gray, .pnl-wysiwyg li.gray, .pnl-wysiwyg span.gray, .pnl-wysiwyg a.gray, .pnl-wysiwyg b.gray, .pnl-wysiwyg strong.gray, .row .pnl-wysiwyg p.gray, .row .pnl-wysiwyg td.gray, .row .pnl-wysiwyg th.gray, .row .pnl-wysiwyg li.gray, .row .pnl-wysiwyg span.gray, .row .pnl-wysiwyg a.gray, .row .pnl-wysiwyg b.gray, .row .pnl-wysiwyg strong.gray { color: #808181; } .pnl-wysiwyg p.orange, .pnl-wysiwyg td.orange, .pnl-wysiwyg th.orange, .pnl-wysiwyg li.orange, .pnl-wysiwyg span.orange, .pnl-wysiwyg a.orange, .pnl-wysiwyg b.orange, .pnl-wysiwyg strong.orange, .row .pnl-wysiwyg p.orange, .row .pnl-wysiwyg td.orange, .row .pnl-wysiwyg th.orange, .row .pnl-wysiwyg li.orange, .row .pnl-wysiwyg span.orange, .row .pnl-wysiwyg a.orange, .row .pnl-wysiwyg b.orange, .row .pnl-wysiwyg strong.orange { color: #f58e31; } @media (max-width: 991px) { .pnl-wysiwyg p, .pnl-wysiwyg td, .pnl-wysiwyg th, .pnl-wysiwyg li, .pnl-wysiwyg span, .pnl-wysiwyg a, .pnl-wysiwyg b, .pnl-wysiwyg strong, .row .pnl-wysiwyg p, .row .pnl-wysiwyg td, .row .pnl-wysiwyg th, .row .pnl-wysiwyg li, .row .pnl-wysiwyg span, .row .pnl-wysiwyg a, .row .pnl-wysiwyg b, .row .pnl-wysiwyg strong { font-size: 12px; } } .pnl-wysiwyg a.gray:hover, .row .pnl-wysiwyg a.gray:hover { color: #ea302e; } .pnl-wysiwyg h3.red, .row .pnl-wysiwyg h3.red { color: #ea302e; } .pnl-wysiwyg h3.white, .row .pnl-wysiwyg h3.white { color: #fff; } .pnl-wysiwyg .row, .row .pnl-wysiwyg .row { margin-bottom: 30px; } .pnl-wysiwyg .row.no-margin-bottom, .row .pnl-wysiwyg .row.no-margin-bottom { margin-bottom: 0; } .pnl-wysiwyg .row.small-space, .row .pnl-wysiwyg .row.small-space { margin-bottom: 10px; } .pnl-wysiwyg .row.no-space, .row .pnl-wysiwyg .row.no-space { margin-bottom: 0; } .pnl-wysiwyg .row:last-child, .row .pnl-wysiwyg .row:last-child { margin-bottom: 0; } .pnl-wysiwyg .head-list, .pnl-wysiwyg p.head-list, .row .pnl-wysiwyg .head-list, .row .pnl-wysiwyg p.head-list { margin-bottom: 0; } .pnl-wysiwyg .head-list strong, .pnl-wysiwyg p.head-list strong, .row .pnl-wysiwyg .head-list strong, .row .pnl-wysiwyg p.head-list strong { /*font-family: $fontMd;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 600; } .pnl-wysiwyg .red, .row .pnl-wysiwyg .red { color: #ea302e; } .pnl-wysiwyg.white, .row .pnl-wysiwyg.white { color: #fff; } .pnl-wysiwyg .table img, .row .pnl-wysiwyg .table img { max-width: initial; } .pnl-wysiwyg .table.table-simple-border > thead > tr:first-child > th, .row .pnl-wysiwyg .table.table-simple-border > thead > tr:first-child > th { border-width: 1px; border-top: solid 1px #ddd; padding-bottom: 10px; padding-top: 10px; /*font-family: $fontBold;*/ color: #808181; /*font-weight: normal;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg .table.table-simple-border th, .pnl-wysiwyg .table.table-simple-border td, .row .pnl-wysiwyg .table.table-simple-border th, .row .pnl-wysiwyg .table.table-simple-border td { vertical-align: middle; } .pnl-wysiwyg ul li, .row .pnl-wysiwyg ul li { font-size: 14px; } @media (max-width: 991px) { .pnl-wysiwyg ul li, .row .pnl-wysiwyg ul li { font-size: 12px; } } .pnl-wysiwyg .row.list-divider > .col-md-1, .pnl-wysiwyg .row.list-divider > .col-md-2, .pnl-wysiwyg .row.list-divider > .col-md-3, .pnl-wysiwyg .row.list-divider > .col-md-4, .pnl-wysiwyg .row.list-divider > .col-md-5, .pnl-wysiwyg .row.list-divider > .col-md-6, .row .pnl-wysiwyg .row.list-divider > .col-md-1, .row .pnl-wysiwyg .row.list-divider > .col-md-2, .row .pnl-wysiwyg .row.list-divider > .col-md-3, .row .pnl-wysiwyg .row.list-divider > .col-md-4, .row .pnl-wysiwyg .row.list-divider > .col-md-5, .row .pnl-wysiwyg .row.list-divider > .col-md-6 { border-left: solid 1px #9e9e9e; padding-bottom: 0; } .pnl-wysiwyg .row.list-divider > .col-md-1:first-child, .pnl-wysiwyg .row.list-divider > .col-md-2:first-child, .pnl-wysiwyg .row.list-divider > .col-md-3:first-child, .pnl-wysiwyg .row.list-divider > .col-md-4:first-child, .pnl-wysiwyg .row.list-divider > .col-md-5:first-child, .pnl-wysiwyg .row.list-divider > .col-md-6:first-child, .row .pnl-wysiwyg .row.list-divider > .col-md-1:first-child, .row .pnl-wysiwyg .row.list-divider > .col-md-2:first-child, .row .pnl-wysiwyg .row.list-divider > .col-md-3:first-child, .row .pnl-wysiwyg .row.list-divider > .col-md-4:first-child, .row .pnl-wysiwyg .row.list-divider > .col-md-5:first-child, .row .pnl-wysiwyg .row.list-divider > .col-md-6:first-child { border-left: none; } @media (max-width: 991px) { .pnl-wysiwyg .row.list-divider > .col-md-1, .pnl-wysiwyg .row.list-divider > .col-md-2, .pnl-wysiwyg .row.list-divider > .col-md-3, .pnl-wysiwyg .row.list-divider > .col-md-4, .pnl-wysiwyg .row.list-divider > .col-md-5, .pnl-wysiwyg .row.list-divider > .col-md-6, .row .pnl-wysiwyg .row.list-divider > .col-md-1, .row .pnl-wysiwyg .row.list-divider > .col-md-2, .row .pnl-wysiwyg .row.list-divider > .col-md-3, .row .pnl-wysiwyg .row.list-divider > .col-md-4, .row .pnl-wysiwyg .row.list-divider > .col-md-5, .row .pnl-wysiwyg .row.list-divider > .col-md-6 { border: none; } } .pnl-wysiwyg .hero img, .row .pnl-wysiwyg .hero img { display: block; margin: 0 auto; } .pnl-wysiwyg .btn-holder, .row .pnl-wysiwyg .btn-holder { text-align: center; } .pnl-wysiwyg h2.sub-heading, .row .pnl-wysiwyg h2.sub-heading { /* font-size: 20px; */ border-bottom: solid 1px #89878d; font-size: 18px; color: #ed1b24; margin: 0 0 10px 0; padding: 0 0 5px 0; } @media (max-width: 991px) { .pnl-wysiwyg h2.sub-heading, .row .pnl-wysiwyg h2.sub-heading { font-size: 16px; } } .pnl-wysiwyg .n-normal, .row .pnl-wysiwyg .n-normal { font-size: 18px; line-height: 26px; /*font-family: $font;*/ font-family: 'Open Sans' !important; font-style: normal; } @media (max-width: 991px) { .pnl-wysiwyg .n-normal, .row .pnl-wysiwyg .n-normal { font-size: 16px; line-height: 24px; } } .pnl-wysiwyg .n-large, .row .pnl-wysiwyg .n-large { font-size: 18px; line-height: 26px; /*font-family: $fontMd;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 600; } @media (max-width: 991px) { .pnl-wysiwyg .n-large, .row .pnl-wysiwyg .n-large { font-size: 16px; line-height: 24px; } } .pnl-wysiwyg .n-x-large, .row .pnl-wysiwyg .n-x-large { font-size: 24px; line-height: 32px; /*font-family: $fontMd;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 600; } @media (max-width: 991px) { .pnl-wysiwyg .n-x-large, .row .pnl-wysiwyg .n-x-large { font-size: 22px; line-height: 30px; } } .pnl-wysiwyg .n-x-large-normal, .row .pnl-wysiwyg .n-x-large-normal { font-size: 24px; line-height: 32px; /*font-family: $font;*/ font-family: 'Open Sans' !important; font-style: normal; } @media (max-width: 991px) { .pnl-wysiwyg .n-x-large-normal, .row .pnl-wysiwyg .n-x-large-normal { font-size: 22px; line-height: 30px; } } .pnl-wysiwyg .font-md, .row .pnl-wysiwyg .font-md { /*font-family: $fontMd; font-weight: bold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: bold; } .pnl-wysiwyg .font-md-normal, .row .pnl-wysiwyg .font-md-normal { /*font-family: $fontMd;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 600; } .pnl-wysiwyg .font-demi, .row .pnl-wysiwyg .font-demi { /*font-family: $fontBold; font-weight: bold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: bold; } .pnl-wysiwyg .font-demi-normal, .row .pnl-wysiwyg .font-demi-normal { /*font-family: $fontBold;*/ font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; } .pnl-wysiwyg .no-margin-bot, .row .pnl-wysiwyg .no-margin-bot { margin-bottom: 0; } .pnl-wysiwyg .no-margin-top, .row .pnl-wysiwyg .no-margin-top { margin-top: 0; } .pnl-wysiwyg .no-margin-left, .row .pnl-wysiwyg .no-margin-left { margin-left: 0; } .pnl-wysiwyg .no-margin-right, .row .pnl-wysiwyg .no-margin-right { margin-right: 0; } .pnl-wysiwyg .no-margin, .row .pnl-wysiwyg .no-margin { margin: 0; } .pnl-wysiwyg ul.faq-items, .row .pnl-wysiwyg ul.faq-items { padding-left: 0; margin-top: -30px; } .pnl-wysiwyg ul.faq-items li, .row .pnl-wysiwyg ul.faq-items li { border-bottom: 1px solid #636363; padding: 10px 0; } .pnl-wysiwyg ul.faq-items li a, .row .pnl-wysiwyg ul.faq-items li a { color: #808181; } .pnl-wysiwyg ul.faq-items li a:hover, .row .pnl-wysiwyg ul.faq-items li a:hover { color: #ea302e; } .pnl-wysiwyg .no-padding, .row .pnl-wysiwyg .no-padding { padding: 0; } .pnl-wysiwyg ol li:first-child::before, .row .pnl-wysiwyg ol li:first-child::before { padding-top: 0; } .pnl-wysiwyg ol li::before, .row .pnl-wysiwyg ol li::before { padding-top: 10px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.dealer-type { width: 140px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.suburb { width: 160px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.address { width: 290px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.state { width: 70px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.phone { width: 100px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.assessment-type-name { width: auto; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.view { width: 70px; } /* Bootstrap v3.3.5 table-responsive - start */ .table-responsive { overflow-x: auto; min-height: 0.01%; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table > thead > tr > th .tooltip-inner, .table-responsive > .table > tbody > tr > th .tooltip-inner, .table-responsive > .table > tfoot > tr > th .tooltip-inner, .table-responsive > .table > thead > tr > td .tooltip-inner, .table-responsive > .table > tbody > tr > td .tooltip-inner, .table-responsive > .table > tfoot > tr > td .tooltip-inner { white-space: normal; font-weight: normal; } @media screen and (max-width: 2020px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /*table-responsive - end*/ .table-bordered > thead > tr td, .table-bordered > thead > tr th { border-bottom-width: 1px; } .table > tbody + tbody { border-top-width: 1px; } /*master-class - start*/ .master-class-summary-list-tmp { margin-top: -11px; } .master-class-summary-list-tmp .progress { margin-bottom: 0; margin-right: 20px; border-radius: 4px; } .master-class-summary-list-tmp .fa-warning { float: right; margin-top: -13px; } .master-class-summary-list-tmp .table-summary-others .label.completed { width: 30px; } .master-class-summary-list-tmp .table-summary-others .smaller { font-size: 10px; padding-left: 1px; padding-right: 1px; } .master-class-summary-list-tmp .table-summary-others .label-unprocessed { background-color: #b0b0b0; text-shadow: none; } .master-class-summary-list-tmp .table-summary-others .label-avg-percentage, .master-class-summary-list-tmp .table-summary-others .label-progress-rebate { background-color: #eeeeee; color: #999999; width: 50px; text-shadow: none; } .master-class-summary-list-tmp .table-summary-others .label-in-progress, .master-class-summary-list-tmp .table-summary-others .label-pending, .master-class-summary-list-tmp .table-summary-others .label-closed, .master-class-summary-list-tmp .table-summary-others .label-completed { width: 72px; } .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress { width: 88px; } .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress.achieved-target, .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress.gold { background-color: #eca530; } .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress.on-track, .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress.almost-gold { background-color: #555555; } .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress.behind-target, .master-class-summary-list-tmp .table-summary-others .label-sales-achievement-assessment-progress.dnq { background-color: #ea302e; } .master-class-summary-list-tmp .table-summary-others .fa-warning { margin-top: -16px; } .master-class-summary-list-tmp .table-summary-others .tooltip-inner { padding: 7px 5px 6px 5px !important; max-width: 167px; } .master-class-summary-list-tmp .table-summary-others td.cell-blocked { background-color: #e4e4e4; } .master-class-summary-list-tmp .table-summary-asm-asa .progress-container { float: left; width: 100%; } .master-class-summary-list-tmp .table-summary-asm-asa .progress-container .progress { margin-right: 60px; } .master-class-summary-list-tmp .table-summary-asm-asa .progress-status-container { float: right; width: 60px; margin-top: -17px; text-align: left; padding-left: 10px; } .master-class-summary-list-tmp .table-summary-asm-asa .progress-status-container .label { width: 30px; } .master-class-summary-list-tmp .table-summary-asm-asa .progress-status-container .fa-warning { margin-top: 3px; } .master-class-summary-list-tmp .table-summary-asm-asa .label-avg-percentage { background-color: #eeeeee; color: #999999; width: 50px; text-shadow: none; } .master-class-overview-list-tmp, .master-class-action-plan-list-tmp { margin-top: -11px; } .master-class-overview-list-tmp .assessment-type-container, .master-class-action-plan-list-tmp .assessment-type-container { margin-right: 10px; } .master-class-overview-list-tmp .btn-show-master-class-notes .fa-file-text-o, .master-class-action-plan-list-tmp .btn-show-master-class-notes .fa-file-text-o { margin-right: 15px; } .master-class-overview-list-tmp a:focus, .master-class-action-plan-list-tmp a:focus { text-decoration: none; } .btn-start { border: solid 1px #ed1b24; border-radius: 4px; display: inline-block; padding: 3px 7px; color: #ed1b24; margin-right: 0; background: #fff; width: 55px; } .btn-start:hover { border: solid 1px #ed1b24; background: #ed1b24 !important; color: #fff; text-decoration: none; } .question-warning-panel { display: none; } .question-warning-panel .alert-danger { /*border-color: #f2dede;*/ } .master-class-assessment-item-details-tmp { margin-top: -11px; } .master-class-assessment-item-details-tmp .no-margin-top { margin-top: 0; } .master-class-assessment-item-details-tmp .no-margin-bottom { margin-bottom: 0; } .master-class-assessment-item-details-tmp .nav-pills-container { text-align: center; margin-bottom: 24px !important; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills { display: inline-block; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li { border: 1px solid #e3e3e3; margin: -1px 1px; border-radius: 2px; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li > a { background: #ffffff; color: #999999; font-size: 16px; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li > a:hover, .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li > a:focus { background: #ffffff; color: #999999; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed { border: none; margin: 0 1px; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed > a { background: #79ca45; color: #ffffff; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed > a:hover, .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed > a:focus { background: #65a240; color: #ffffff; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed.active > a { background: #508030; color: #ffffff; font-weight: bold; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed.active > a:hover, .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.completed.active > a:focus { background: #508030; color: #ffffff; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.active { border: 1px solid #e3e3e3; margin: -1px 1px; border-radius: 2px; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.active > a { background: #eeeeee; color: #999999; font-weight: bold; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.active > a:hover, .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li.active > a:focus { background: #eeeeee; color: #999999; } .master-class-assessment-item-details-tmp .form-group { margin-bottom: 20px; } .master-class-assessment-item-details-tmp input.error { border-color: #E9332E; } .master-class-assessment-item-details-tmp .top-space { margin-top: 15px; } .master-class-assessment-item-details-tmp .top-bottom-space { padding-top: 9px; padding-bottom: 6px; } .master-class-assessment-item-details-tmp .assessment-type-name { margin-top: 20px; } .master-class-assessment-item-details-tmp .btn-questions-skip-container { margin-top: -19px; } .master-class-assessment-item-details-tmp hr { margin-top: 25px; margin-bottom: 25px; } .master-class-assessment-item-details-tmp .tab-content { margin-top: -30px; } .master-class-assessment-item-details-tmp .question-container.error .table-question td.td-question-no .question-error-icon-container { display: block; } .master-class-assessment-item-details-tmp .question-container.error .table-question td.td-question .question-type .radio .lbl { color: #E9332E; } .master-class-assessment-item-details-tmp .question-container.error .table-question td.td-question .question-type .radio .lbl:before { border-color: #E9332E; } .master-class-assessment-item-details-tmp .question-container.error .table-question td.td-question .question-type .radio .lbl:after { background: #E9332E; } .master-class-assessment-item-details-tmp .question-container.error .table-question td.td-question .date-selector-container .fa-exclamation-triangle { display: inline-block; } .master-class-assessment-item-details-tmp .table-question tr.tr-comment-action-container { display: none; } .master-class-assessment-item-details-tmp .table-question td { padding: 10px 30px 15px 30px; vertical-align: top; } .master-class-assessment-item-details-tmp .table-question td.td-question-no { text-align: center; font-size: 18px; font-weight: 400; width: 110px; position: relative; } .master-class-assessment-item-details-tmp .table-question td.td-question-no .question-error-icon-container { display: none; } .master-class-assessment-item-details-tmp .table-question td.td-question-no .question-error-icon-container .fa-exclamation-triangle { font-size: 20px; margin-top: 1px; position: absolute; margin-left: -10px; color: #e9312c; bottom: 40px; } .master-class-assessment-item-details-tmp .table-question td.td-question { text-align: left; } .master-class-assessment-item-details-tmp .table-question td.td-question .question { font-size: 18px; font-weight: 400; line-height: 24px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question p { font-size: 18px; font-weight: 400; line-height: 24px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-instruction { font-size: 16px; color: #999999; line-height: 22px; margin-top: 10px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-instruction p { font-size: 16px; color: #999999; line-height: 22px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type { padding: 4px 10px 3px 10px; margin-left: -10px; margin-top: 3px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type.first-question-type { margin-top: 14px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type:hover, .master-class-assessment-item-details-tmp .table-question td.td-question .question-type.active { background: #eef5e9; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type .radio { margin-bottom: 0; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type .radio .lbl { font-size: 14px; color: #333333; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type .radio .lbl:before { border-color: #333333; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type .radio .lbl:after { background: #333333; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-type .radio .lbl.error { color: #E9332E; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container { margin: 15px -30px -15px -30px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload { border-top: 1px solid #e2e2e2; padding: 10px 19px; margin: 0; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools { text-align: right; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .upload-datetime { display: inline-block; padding-right: 20px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .upload-tools-container { display: inline-block; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools.no-padding-left { padding-left: 0 !important; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .ajax-file-upload { overflow: visible !important; cursor: pointer !important; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .ajax-file-upload-container { margin: 0 0 0 -300px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .ajax-file-upload-container .ajax-file-upload-statusbar .ajax-file-upload-filename { margin-top: 10px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .ajax-file-upload-container .ajax-file-upload-statusbar .ajax-file-upload-progress { margin-right: 0; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .right-space { margin-right: 5px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .btn-upload-approve-reject span.approved { background: #71c73e; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-uploads-container .question-upload .upload-tools .btn-upload-approve-reject span.rejected { background: #d54848; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-score { background: #f2f2f2; font-size: 14px; padding: 3px 5px; display: inline-block; margin-top: 3px; width: 30px; text-align: center; border-radius: 4px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-score.first-question-score { margin-top: 14px; } .master-class-assessment-item-details-tmp .table-question td.td-question .txt-comment { font-size: 13px; color: #555; } .master-class-assessment-item-details-tmp .table-question td.td-question .date-selector-container { height: 47px; } .master-class-assessment-item-details-tmp .table-question td.td-question .date-selector-container .lbl { float: left; line-height: 32px; } .master-class-assessment-item-details-tmp .table-question td.td-question .date-selector-container .input-group-date { margin-left: 20px; float: left; } .master-class-assessment-item-details-tmp .table-question td.td-question .date-selector-container .input-group-date input { width: 100px; } .master-class-assessment-item-details-tmp .table-question td.td-question .date-selector-container .fa-exclamation-triangle { display: none; font-size: 20px; margin-top: 7px; margin-left: 10px; color: #e9312c; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-upload-only-container .btn-upload-view, .master-class-assessment-item-details-tmp .table-question td.td-question .question-upload-only-container .btn-upload-admin-view { float: left; margin-right: 20px; cursor: default; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-upload-only-container .upload-only-filename { margin-top: 20px; } .master-class-assessment-item-details-tmp .table-question td.td-question .question-upload-only-container .ajax-file-upload-container { margin: 0; } .master-class-assessment-item-details-tmp .table-question td.td-question-upload-score { text-align: center; font-size: 14px; width: 70px; position: relative; } .master-class-assessment-item-details-tmp .table-question td.has-bonus-points { border-color: #ea302e; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container { background: #f1f1f1; padding: 10px; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .comment-container { font-size: 18px; color: #000000; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .comment-container .txt-comment { font-size: 13px; color: #555; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .action-container .previous-actions-container .row { margin-bottom: 6px; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .action-container .previous-actions-container .row .previous-action { font-weight: 400; font-style: normal; font-size: 13px; color: #999999; line-height: 17px; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .action-container .previous-actions-container .row .previous-action-date { text-align: right; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .action-container .previous-actions-container .row .previous-action-status { text-align: right; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .action-container .action { font-size: 18px; color: #ea302e; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container .action-container .action .txt-action { font-size: 13px; color: #555; } .master-class-assessment-item-details-tmp .table-question td.td-comment-action-container textarea { height: 45px; font-size: 13px; line-height: 17px; } .master-class-assessment-item-details-tmp .bonus-points { color: #ea302e; text-transform: uppercase; margin-top: 4px; margin-bottom: 2px; } .master-class-assessment-item-details-tmp .btn-assessment-last-modified-edit { text-decoration: underline; color: #E9332E; } .master-class-assessment-item-details-tmp .btn-assessment-last-modified-edit:hover { color: #E9332E; } .master-class-assessment-item-details-tmp .file-wrapper { cursor: pointer; } .master-class-assessment-item-details-tmp .file-wrapper #video-file-uploader { cursor: pointer !important; } .master-class-assessment-item-details-tmp .file-wrapper .ajax-file-upload { cursor: pointer !important; } .master-class-assessment-item-details-tmp .file-wrapper input { cursor: pointer; } .master-class-assessment-item-details-tmp .file-wrapper .ajax-file-upload-container { margin: 0; } .master-class-assessment-item-details-tmp .file-wrapper .btn-view-question-uploaded-image { float: left; margin-right: 20px; } .master-class-assessment-item-details-tmp .switcher { margin-bottom: 0; margin-top: 4px; } .master-class-assessment-item-details-tmp .typeahead.dropdown-menu { margin-top: 0; } .master-class-assessment-item-details-tmp .ipt-select { height: 32px; } .master-class-assessment-item-details-tmp .ipt-select .cssflow-dropdown { background: #ffffff; border: solid 1px #d6d6d6; border-radius: 0; height: 32px; border-top-color: #c2c2c2; } .master-class-assessment-item-details-tmp .ipt-select .cssflow-dropdown.error { border-color: #E9332E; } .master-class-assessment-item-details-tmp .ipt-select .cssflow-dropdown .cssflow-dropdown-select { font-size: 13px; height: 30px; } .master-class-assessment-item-details-tmp .ipt-select .cssflow-dropdown .cssflow-dropdown-select[disabled] { cursor: not-allowed; background-color: #eee !important; opacity: 1; } .master-class-assessment-item-details-tmp #tsl-vehicle-dropdownlists #tsl-input-vehicle-make-name, .master-class-assessment-item-details-tmp #tsl-vehicle-dropdownlists #tsl-input-vehicle-model-name { width: 170px; } .master-class-assessment-item-details-tmp #tsl-vehicle-dropdownlists .cssflow-dropdown-select { width: 140%; } .master-class-action-plan-list-dashboard-tmp { margin-bottom: 30px; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container { /*padding-right: 36px;*/ /*width: 935px;*/ } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .master-class-action-plan-list-dashboard-title { padding: 15px 0 !important; border-bottom: 1px solid #d1d3d4; margin: 0; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .master-class-action-plan-list-dashboard-title .text-left, .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .master-class-action-plan-list-dashboard-title .text-right { padding: 0; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .row { border-bottom: 1px solid #d1d3d4; margin-left: 0; margin-right: 0; padding: 20px 0; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .row .master-class-action-plan-details { margin-left: -11px; margin-right: -11px; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .row .master-class-action-plan-details .title { font-family: 'Open Sans Bold', 'Open Sans'; font-weight: 700; color: #bbbbbb; line-height: 20px; font-size: 14px; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .row .master-class-action-plan-details .question { font-family: 'Open Sans'; font-weight: 400; color: #bbbbbb; line-height: 20px; font-size: 14px; } .master-class-action-plan-list-dashboard-tmp .master-class-action-plan-list-container .row .master-class-action-plan-details .action-comment { font-family: 'Open Sans'; font-weight: 400; color: #555555; line-height: 20px; font-size: 14px; } #MasterClassUploadTemplateViewModal .close { position: absolute; top: 10px; right: 20px; color: #ffffff; opacity: 1; font-size: 40px; } #MasterClassUploadTemplateViewModal .close:focus { outline: none; } #MasterClassUploadTemplateViewModal .btn-upload-template-download { position: absolute; top: 16px; right: 60px; color: #ffffff; opacity: 1; font-size: 20px; } #MasterClassUploadTemplateViewModal .modal-dialog { width: 640px; height: 870px; } #MasterClassUploadTemplateViewModal .modal-dialog .modal-content .modal-header { background: none; border: none; } #MasterClassUploadTemplateViewModal .modal-dialog .modal-content .modal-body { padding: 0; } #MasterClassUploadTemplateViewModal .modal-dialog .modal-content .modal-body .upload-template-container { width: 640px; height: 870px; } #ReportsBenchmarkDealerFileViewModal .close { position: absolute; top: 10px; right: 20px; color: #ffffff; opacity: 1; font-size: 40px; } #ReportsBenchmarkDealerFileViewModal .close:focus { outline: none; } #ReportsBenchmarkDealerFileViewModal .btn-download-benchmark-dealer-file { position: absolute; top: 16px; right: 60px; color: #ffffff; opacity: 1; font-size: 20px; } #ReportsBenchmarkDealerFileViewModal .modal-dialog { width: 80%; height: 870px; } #ReportsBenchmarkDealerFileViewModal .modal-dialog .modal-content .modal-header { background: none; border: none; } #ReportsBenchmarkDealerFileViewModal .modal-dialog .modal-content .modal-body { padding: 0; background-color: #525659; } #ReportsBenchmarkDealerFileViewModal .modal-dialog .modal-content .modal-body .benchmark-dealer-file-view-container { width: auto; height: 870px; } #MasterClassUploadDeleteConfirmationModal .modal-dialog { width: 350px; } #MasterClassUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-header { margin: 12px 20px 0 20px; padding: 0 0 12px 0; background: none; border-bottom-color: #ea302e; } #MasterClassUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-footer { text-align: left; padding-bottom: 30px; } #MasterClassUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-footer .btn { padding: 5px 25px; } #MasterClassUploadViewModal .close { position: absolute; top: 9px; right: 20px; color: #ffffff; opacity: 1; font-size: 40px; } #MasterClassUploadViewModal .close:focus { outline: none; } #MasterClassUploadViewModal .btn-upload-pdf-download { position: absolute; top: 16px; right: 60px; color: #ffffff; opacity: 1; font-size: 20px; } #MasterClassUploadViewModal .btn-upload-pdf-approve { position: absolute; top: 16px; right: 170px; } #MasterClassUploadViewModal .btn-upload-pdf-approve span { padding: 2px 8px; } #MasterClassUploadViewModal .btn-upload-pdf-approve span.approved { background: #71c73e; } #MasterClassUploadViewModal .btn-upload-pdf-reject { position: absolute; top: 16px; right: 103px; } #MasterClassUploadViewModal .btn-upload-pdf-reject span { padding: 2px 8px; } #MasterClassUploadViewModal .btn-upload-pdf-reject span.rejected { background: #d54848; } #MasterClassUploadViewModal .master-class-assessment-item-details-tmp { margin-top: 30px; } #MasterClassUploadViewModal .master-class-assessment-item-details-tmp .questions-tabs li > a { border-radius: 0 !important; } #MasterClassUploadViewModal .section { text-align: center; } #MasterClassUploadViewModal .section .question { width: 640px; color: #ffffff; margin: 0 auto; } #MasterClassUploadViewModal .section .upload-count { width: 640px; color: #ffffff; margin: 0 auto; text-align: right; } #MasterClassUploadViewModal .modal-dialog { width: 640px; height: 750px; margin-top: 10px; } #MasterClassUploadViewModal .modal-dialog .modal-content { background: none !important; } #MasterClassUploadViewModal .modal-dialog .modal-content .modal-header { background: none; border: none; } #MasterClassUploadViewModal .modal-dialog .modal-content .modal-body { padding: 0; } #MasterClassUploadViewModal .modal-dialog .modal-content .modal-body .fa-angle-left { position: absolute; left: -100px; font-size: 100px; top: 325px; color: #ffffff; } #MasterClassUploadViewModal .modal-dialog .modal-content .modal-body .fa-angle-right { position: absolute; right: -100px; font-size: 100px; top: 325px; color: #ffffff; } #MasterClassUploadViewModal .modal-dialog .modal-content .modal-body .no-evidence span { width: 640px; height: 750px; vertical-align: middle; display: table-cell; text-align: center; } #MasterClassUploadViewModal .modal-dialog .modal-content .modal-body .upload-pdf-container { width: 640px; height: 750px; } .modal-backdrop.in.darker { opacity: .9; } /*master-class - end*/ .new-quote-container .wouldYouLikeMeToBookYouIn .switcher, .new-quote-container .sendBookingConfirmation .switcher, .new-quote-container .canIHaveYourEmailToSendBookingConfirmation .switcher { float: left; margin: 3px 20px 0 0; } .master-class-results-tmp h4 { margin-bottom: 15px; border-bottom: 1px solid #ea302e; padding-bottom: 22px; } .master-class-results-tmp .jq-flot-graph { width: 100%; height: 300px; margin: 0 0 30px 0; } .master-class-results-tmp .jq-flot-graph .flot-text .flot-x-axis .flot-tick-label.tickLabel { margin-top: 7px; white-space: nowrap; } .master-class-results-tmp .table-operations tr th { background: #f9f9f9; } .master-class-results-tmp .table-operations tr th:not(:first-child) { width: 130px; } .master-class-results-tmp .table-operations tr th.master-class-period { width: 520px; } .master-class-results-tmp .table-operations tr td a { font-weight: 600; } .master-class-results-tmp .table-operations tr.section td { background-color: #898989; color: #ffffff; } .master-class-results-tmp .operations-annual-review-container .table { margin-bottom: 5px; } .master-class-results-tmp .operations-annual-review-container .table tr td { border-top: none; border-bottom: 1px solid #e4e4e4; } .master-class-results-tmp .operations-annual-review-container .table tr td.assessment-section-name { width: 150px; } .master-class-results-tmp .operations-annual-review-container .table tr td.assessment-section-progress { padding-right: 20px; } .master-class-results-tmp .operations-annual-review-container .table tr td.assessment-section-progress .progress { margin-bottom: 0; } .master-class-results-tmp .operations-annual-review-container .table tr td.assessment-section-percentage { width: 40px; text-align: right; } .master-class-results-tmp .operations-annual-review-container .message { text-align: right; } .master-class-results-tmp .table-bsc-btc-sales-achievement { table-layout: fixed; } .master-class-results-tmp .table-bsc-btc-sales-achievement > thead > tr > th:first-child { width: 180px; } .master-class-results-tmp .table-bsc-btc-sales-achievement > tbody > tr > td.status { font-weight: bold; } .master-class-results-tmp .table-bsc-btc-sales-achievement > tbody > tr > td.status.achieved-target { color: #eca530; } .master-class-results-tmp .table-bsc-btc-sales-achievement > tbody > tr > td.status.on-track { color: #555555; } .master-class-results-tmp .table-bsc-btc-sales-achievement > tbody > tr > td.status.behind-target { color: #ea302e; } .master-class-results-tmp .master-class-rebate-note { margin-bottom: 30px; } .master-class-results-tmp .master-class-rebate-note ul { list-style-type: none; padding-left: 0; } .master-class-results-tmp .master-class-rebate-note ul li { font-size: 9.7px; margin-bottom: 0px; text-align: left; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th:first-child { width: 180px; } .master-class-results-tmp .table-bse-sales-achievement-score, .master-class-results-tmp .table-bse-sales-achievement-rebate { height: 161px; } .master-class-results-tmp .table-bse-sales-achievement-score td, .master-class-results-tmp .table-bse-sales-achievement-rebate td { vertical-align: top; } .master-class-results-tmp .table-bse-sales-achievement-score td img, .master-class-results-tmp .table-bse-sales-achievement-rebate td img { width: 36px; padding-top: 2px; padding-bottom: 8px; } .master-class-results-tmp .table-bse-sales-achievement-score td .on-track, .master-class-results-tmp .table-bse-sales-achievement-rebate td .on-track { font-size: 20px; font-weight: bold; margin-bottom: 6px; display: inline-block; } .master-class-results-tmp .table-bse-sales-achievement-score td .on-track.gold, .master-class-results-tmp .table-bse-sales-achievement-rebate td .on-track.gold { color: #eca530; } .master-class-results-tmp .table-bse-sales-achievement-score td .on-track.almost-gold, .master-class-results-tmp .table-bse-sales-achievement-rebate td .on-track.almost-gold { color: #555555; } .master-class-results-tmp .table-bse-sales-achievement-score td .on-track.dnq, .master-class-results-tmp .table-bse-sales-achievement-rebate td .on-track.dnq { color: #ea302e; } .master-class-results-tmp .table-bse-sales-achievement-score td .score, .master-class-results-tmp .table-bse-sales-achievement-score td .rebate, .master-class-results-tmp .table-bse-sales-achievement-rebate td .score, .master-class-results-tmp .table-bse-sales-achievement-rebate td .rebate { font-size: 30px; margin-top: -5px; } .master-class-results-tmp .table-bse-sales-achievement-score td .score-note, .master-class-results-tmp .table-bse-sales-achievement-rebate td .score-note { font-size: 10px; margin-top: -2px; line-height: 10px; } .master-class-results-tmp .yAxis .tickLabel:first-child, .master-class-results-tmp .yAxis .tickLabel:last-child { display: block; } .master-class-results-tmp .conversion-rate-container { padding-top: 9px; } .master-class-results-tmp .conversion-rate-container .reviews-completed-table { background: #e6e7e8; padding: 15px; display: table; width: 100%; height: 64px; color: #555555; font-size: 15px; line-height: 17px; margin-bottom: 10px; } .master-class-results-tmp .conversion-rate-container .reviews-completed-table .reviews-completed-left { display: table-cell; text-align: left; vertical-align: middle; } .master-class-results-tmp .conversion-rate-container .reviews-completed-table .reviews-completed-right { display: table-cell; text-align: right; vertical-align: middle; font-weight: 500; font-size: 20px; } .master-class-results-tmp .conversion-rate-container .made-sale-table { background: #e6e7e8; padding: 15px; display: table; width: 100%; height: 64px; color: #555555; font-size: 15px; line-height: 17px; margin-bottom: 10px; } .master-class-results-tmp .conversion-rate-container .made-sale-table .made-sale-left { display: table-cell; text-align: left; vertical-align: middle; } .master-class-results-tmp .conversion-rate-container .made-sale-table .made-sale-right { display: table-cell; text-align: right; vertical-align: middle; font-weight: 500; font-size: 20px; } .master-class-results-tmp .hide-sales-achievement-container { width: 100%; height: 120px; background-color: #f9f9f9; border: 1px solid #e4e4e4; display: table; } .master-class-results-tmp .hide-sales-achievement-container .icon-container { display: table-row; text-align: center; height: 58px; } .master-class-results-tmp .hide-sales-achievement-container .icon-container .fa-lock { position: relative; top: 30px; } .master-class-results-tmp .hide-sales-achievement-container .message-container { display: table-cell; text-align: center; vertical-align: middle; } .master-class-results-tmp .hide-sales-achievement-container .message-container .message { position: relative; top: -10px; } .master-class-results-tmp .hide-sales-achievement-container .message-container .message.master-class-year-lite { top: 0; } .master-class-results-tmp .table-customer-service-reviews { border: none; table-layout: fixed; margin-bottom: 40px; } .master-class-results-tmp .table-customer-service-reviews tr th { background-color: #f9f9f9; border-top: 1px solid #e2e2e2 !important; } .master-class-results-tmp .table-customer-service-reviews tr th:first-child, .master-class-results-tmp .table-customer-service-reviews tr th:last-child { width: 100px; } .master-class-results-tmp .table-customer-service-reviews tr td.title { font-weight: bold; } .master-class-results-tmp .table-customer-service-reviews tr td.total .label { font-weight: bold; } .master-class-results-tmp .table-customer-service-reviews tr td .label { color: #ffffff; } .master-class-results-tmp .table-customer-service-reviews tr td .label.green { background: #71c73e; } .master-class-results-tmp .table-customer-service-reviews tr td .label.orange { background: #eca530; } .master-class-results-tmp .table-customer-service-reviews tr td .label.red { background: #e81a19; } .master-class-results-tmp .table-customer-service-reviews tr .empty-column { background: #ffffff; border: none !important; } .master-class-results-tmp .table-customer-service-reviews tr .empty-row { width: 20px; } .master-class-results-tmp .table-sales-achievement-target { border: none; table-layout: fixed; margin-bottom: 10px; } .master-class-results-tmp .table-sales-achievement-target tr.empty-row td { height: 20px; background: #ffffff; border: none !important; } .master-class-results-tmp .table-sales-achievement-target tr td { text-align: center; } .master-class-results-tmp .table-sales-achievement-target tr td:first-child, .master-class-results-tmp .table-sales-achievement-target tr td:last-child { width: 110px; } .master-class-results-tmp .table-sales-achievement-target tr td.Variance { text-align: left; } .master-class-results-tmp .table-sales-achievement-target tr td.header { background-color: #f9f9f9; border-top: 1px solid #e2e2e2 !important; } .master-class-results-tmp .table-sales-achievement-target tr td.estimated-rebate { background-color: #999999; color: #ffffff; position: relative; } .master-class-results-tmp .table-sales-achievement-target tr td.estimated-rebate .estimated-rebate-arrow { bottom: -13px; left: 50%; margin-left: -22px; border-width: 13px 22px 0; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-top-color: #999999; } .master-class-results-tmp .table-sales-achievement-target tr td.actual-units { background-color: #999999; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr td.actual-units-has-value { background-color: #4083a9; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr td.bronze-target { background-color: #663c21; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr td.silver-target { background-color: #666666; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr td.gold-target { background-color: #fcb614; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr td.green { color: #71c73e; } .master-class-results-tmp .table-sales-achievement-target tr td.red { color: #e81a19; } .master-class-results-tmp .table-sales-achievement-target tr td .behind-target { background-color: #e81a19; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr td .on-track { background-color: #b0b0b0; color: #ffffff; } .master-class-results-tmp .table-sales-achievement-target tr .empty-column { background: #ffffff; border: none !important; } .master-class-results-tmp .table-sales-achievement-target tr .empty-row { width: 20px; } .master-class-results-tmp .customer-service-post-purchase-survey-avg-tooltip a .fa-question-circle { color: #ea302e; } .master-class-results-tmp .customer-service-post-purchase-survey-avg-tooltip a .fa-question-circle:hover { color: #c1312d; } .master-class-results-tmp .customer-service-post-purchase-survey-avg-tooltip .tooltip { width: 134px; } .master-class-results-tmp .mc2019-phase1 { margin: 40px 0; text-align: center; } .master-class-results-tmp .mc2019-phase1 a { color: #555555; } .customer-service-fact-to-face-masterclass-lite-container, .sales-achievement-masterclass-lite-container, .truck-award-masterclass-lite-container { width: 100%; height: 300px; background-color: #f9f9f9; border: 1px solid #e4e4e4; display: table; margin: 0 0 30px 0; } .customer-service-fact-to-face-masterclass-lite-container .masterclass-lite, .sales-achievement-masterclass-lite-container .masterclass-lite, .truck-award-masterclass-lite-container .masterclass-lite { display: table-cell; text-align: center; vertical-align: middle; } .right-navbar-nav .dropdown-menu a.log-out { color: #CCCCCC !important; } .right-navbar-nav .dropdown-menu a.log-out:hover { background-color: #434343 !important; color: #ffffff !important; } .tooltip-inner { padding: 7px 10px 6px 10px; font-weight: normal !important; } .tooltip-inner .reviews .score { border-bottom: 1px solid #ffffff; padding-bottom: 3px; margin-bottom: 0px; display: inline-block; width: 100%; } .tooltip-inner .reviews .master-class-assessment-section { width: 100%; } .tooltip-inner .reviews .date-time { border-top: 1px solid #ffffff; padding-top: 4px; margin-top: 3px; display: inline-block; width: 100%; } .tooltip-inner .reviews .left { float: left; margin-right: 10px; } .tooltip-inner .reviews .right { float: right; } .bottom-space-15 { margin-bottom: 15px !important; } .bottom-space-30 { margin-bottom: 30px !important; } .bottom-space-40 { margin-bottom: 40px !important; } .call-centre-store-search-tmp { margin-top: -32px; min-height: 400px; } .call-centre-store-search-tmp input.txt-postcode-suburb { height: 40px; } .call-centre-store-search-tmp .typeahead.dropdown-menu { margin-top: 0; text-align: left; } .call-centre-store-search-tmp .btn-call-centre-dealer-contacts { padding-left: 20px; } .call-centre-store-search-tmp .btn-call-centre-dealer-contacts i.fa-info-circle { color: #555555; font-size: 18px; } .call-centre-store-search-tmp #find-your-nearest-store-list .css-table { font-size: 16px; font-weight: 100; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data tr:hover td { font-family: "ITCAvantGardeStd-Md"; font-weight: 100; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data > thead:first-child > tr:first-child > th { font-family: "ITCAvantGardeStd-Demi"; font-weight: 100; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data > tbody > tr > td { font-family: "ITCAvantGardeStd-Bk"; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data > tbody > tr > td .btn-danger { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data > tbody > tr > td:first-child { color: #ed1b24 !important; font-family: "ITCAvantGardeStd-Demi"; font-weight: 100; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data .col-suburb { width: inherit; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data .col-phone { width: 15%; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data .col-address { width: 25%; } .call-centre-store-search-tmp #find-your-nearest-store-list .table-data .col-action { width: 150px; text-align: center !important; } .btn-call-centre-dealer-contacts i.fa-info-circle { color: #555555; font-size: 20px; vertical-align: middle; height: 17px; } .btn-call-centre-dealer-contacts i.fa-info-circle:active { color: #ed1b24; } .workshop-calendar-tmp table { table-layout: fixed; margin-bottom: 0; border-color: #898989 !important; } .workshop-calendar-tmp table > thead > tr > th { border-color: #898989 !important; } .workshop-calendar-tmp table > thead > tr > th:first-child { width: 50px; } .workshop-calendar-tmp table > thead > tr > th.today { background-color: #f5fdf8; } .workshop-calendar-tmp table > tbody > tr > td { background-color: #ffffff; border-color: #898989 !important; padding: 0; } .workshop-calendar-tmp table > tbody > tr > td > .booking-table { width: 100%; height: 100%; } .workshop-calendar-tmp table > tbody > tr > td.red { background-color: red; } .workshop-calendar-tmp table > tbody > tr > td.booked-via-phone-script { background-color: #a1d2a5; } .workshop-calendar-tmp table > tbody > tr > td.booked-via-workshop-calendar { background-color: #e6e6e6; } .workshop-calendar-tmp table > tbody > tr > td.closed { background-color: #ffffff; margin: 0; color: #898989; background-size: 6px 6px !important; background-size: 100%; background-image: -moz-linear-gradient(135deg, transparent 46%, #898989 49%, #898989 51%, transparent 55%); background-image: -webkit-linear-gradient(135deg, transparent 46%, #898989 49%, #898989 51%, transparent 55%); background-image: linear-gradient(-45deg, transparent 46%, #898989 49%, #898989 51%, transparent 55%); background-attachment: fixed; } .workshop-calendar-tmp table > tbody > tr > td.today { background-color: #f5fdf8; } .workshop-calendar-tmp table > tbody > tr > td.today.booked-via-phone-script { background-color: #a1d2a5; } .workshop-calendar-tmp table > tbody > tr > td.today.booked-via-workshop-calendar { background-color: #d6eddd; } .workshop-calendar-tmp table > tbody > tr > td.today.closed { background-color: #d6eddd; margin: 0; color: #898989; background-size: 6px 6px !important; background-size: 100%; background-image: -moz-linear-gradient(135deg, transparent 46%, #898989 49%, #898989 51%, transparent 55%); background-image: -webkit-linear-gradient(135deg, transparent 46%, #898989 49%, #898989 51%, transparent 55%); background-image: linear-gradient(-45deg, transparent 46%, #898989 49%, #898989 51%, transparent 55%); } .my-account-workshop-calendar-tmp { margin-top: -2px !important; } .my-account-workshop-calendar-tmp .panel-body { padding: 0; margin-bottom: 30px; } .my-account-workshop-calendar-tmp .panel-body .workshop-calendar-container { padding-bottom: 20px; } .my-account-workshop-calendar-tmp .panel-body .workshop-calendar-container .workshop-calendar-tmp .btn-container { float: right; margin-top: -50px; } .my-account-workshop-calendar-tmp .panel-body .workshop-calendar-container .workshop-calendar-tmp table .long-date { display: block; } .my-account-workshop-calendar-tmp .panel-body .workshop-calendar-container .workshop-calendar-tmp table .short-date { display: none; } .my-account-workshop-calendar-tmp .panel-body p { margin-top: 3px; } .my-account-contacts-tmp { margin-top: -22px !important; } .my-account-contacts-tmp .fa-minus-circle, .my-account-contacts-tmp .fa-plus-circle { cursor: pointer; } .my-account-contacts-tmp .fa-minus-circle.green, .my-account-contacts-tmp .fa-plus-circle.green { color: #5ebd5e; margin-right: 2px; } .call-centre-dashboard-tmp table > thead > tr > th.col-store-type { width: 254px; } .call-centre-dashboard-tmp table > thead > tr > th.col-action { width: 150px; text-align: center !important; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-b-select { width: 127px; height: 19px; float: left; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-b-select img { width: 127px; height: 19px; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-auto-service { width: 88px; height: 19px; float: right; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-auto-service img { width: 88px; height: 19px; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-b-service-center { width: 191px; height: 22px; float: left; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-b-service-center img { width: 191px; height: 22px; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-b-tyre-center { width: 100px; height: 18px; float: left; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo .logo-b-tyre-center img { width: 100px; height: 18px; } .call-centre-dashboard-tmp table > tbody > tr > td.pnl-service-logo img { border: none; } .call-centre-dashboard-tmp table > tbody > tr > td .btn-call-centre-dealer-contacts { padding-left: 20px; } .call-centre-dashboard-tmp table > tbody > tr > td .btn-call-centre-dealer-contacts i.fa-info-circle { color: #555555; font-size: 18px; } .booking-request-list-tmp { margin-top: -11px; } .booking-request-list-tmp .btn-call-centre-dealer-contacts { padding-right: 10px; } .booking-request-list-tmp .btn-call-centre-dealer-contacts i.fa-info-circle { color: #555555; font-size: 18px; } .booking-request-list-tmp .open-redemption-modal .fa-paperclip { color: #ea302e; } #RedemptionModal .redemption-modal-file-download { color: #727272; text-decoration: underline; padding-right: 10px; } #RedemptionModal .redemption-modal-file-uploader { color: #555; } #RedemptionModal .redemption-modal-file-uploader .ajax-file-upload { vertical-align: middle; line-height: 1; } #RedemptionModal .ajax-file-upload-container { display: none; } #RedemptionModal .error { font-size: 12px; margin-bottom: 0; color: #ea302e; } .resource-tmp, .support-list-tmp { margin-top: -11px !important; } .my-page-store-details-tmp, .my-page-services-tmp, .my-page-store-image-tmp, .my-page-spotlight-offers-tmp, .my-account-primary-user-tmp, .user-add-edit-tmp { margin-top: -22px !important; } .my-page-services-tmp .services-multi-select-title-container { margin-top: -5px; margin-bottom: 14px; } .my-account-services-charges-tmp { margin-top: -2px !important; } .my-account-services-charges-tmp form { border: none; } .my-account-services-charges-tmp form .panel-body { border: 1px solid #e2e2e2; } .my-account-services-charges-tmp form .panel-footer { border: 1px solid #e2e2e2; border-top: none; } .my-account-primary-user-tmp .my-account-primary-user-subscriptions-container .fa-lock { margin-top: 4px; margin-right: -45px; position: relative; } #OpenLinkOnModal .modal-dialog { width: 98%; height: 100%; } #OpenLinkOnModal .modal-dialog .modal-body { height: 800px; } #iPadPortraitModal { background: #000000; width: 100%; height: 100%; } #iPadPortraitModal .modal-dialog { width: 100%; height: 100%; margin: 0; } #iPadPortraitModal .modal-dialog .modal-content { background: #000000; width: 100%; height: 100%; display: table; text-align: center; } #iPadPortraitModal .modal-dialog .modal-content .modal-body { width: 100%; height: 100%; display: table-cell; color: #ffffff; vertical-align: middle; font-size: 20px; line-height: 26px; } #iPadPortraitModal .modal-dialog .modal-content .modal-body img { width: 100px; margin-bottom: 20px; margin-top: 2px; } #iPadPortraitModal .modal-dialog .modal-content .modal-body .ipad-portrait-txt { margin-top: -4px; } .mobile-invalid-access-tmp { width: 100%; height: 100%; background: #000000; margin: 0; padding: 0; } .mobile-invalid-access-tmp #content-wrapper { text-align: center; top: 50%; width: 100%; padding: 0; font-family: 'Open Sans'; font-size: 14px; color: #ffffff; margin-top: 160px; } .mobile-invalid-access-tmp #content-wrapper img { display: table-column; margin: 0 auto; margin-bottom: 25px; } .notification-alert-container { padding: 12px; background: #eef5e9 !important; border-left: none; border-right: none; } .notification-alert-container .notification-container #notification-carousel .carousel-caption { position: relative; left: 0; text-align: left; padding: 0; bottom: 0; text-shadow: none; color: #508030; font-size: 14px; line-height: 19px; } .notification-alert-container .notification-container #notification-carousel .carousel-caption .title { font-weight: 600; } .notification-alert-container .notification-container #notification-carousel .carousel-caption .body-content { font-weight: 400; } .notification-alert-container .fa-angle-container { height: 45px; line-height: 45px; position: absolute; margin-top: -13px; width: 70px; text-align: center; right: 9px; } .notification-alert-container .fa-angle-container .fa { margin-top: 12px; color: #508030; font-size: 24px; } .notification-alert-container .fa-angle-container .btn-next-notification { margin-left: 15px; } .dashboard-tmp { margin-top: 29px; } .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.dealer-type { width: 200px; } .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.suburb { width: 200px; } .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.unprocessed, .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.quoted, .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.booked-in, .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.follow-up, .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.incomplete, .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.lost-sale { width: 149px; } .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.avg-processing-hrs { width: 160px; } .dashboard-tmp .table-multiple-lead-manager-statistics > thead > tr > th.view-edit { width: 46px; } .dashboard-tmp .dealer-dashboard-tmp { margin-bottom: 26px; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar { float: right; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group { float: right; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger { font-size: 12px; padding: 4px 10px; border-color: #ddd; border-bottom-color: #cecece; background: #f4f4f4; background-image: -webkit-linear-gradient(top, #f4f4f4 0, #eaeaea 100%); background-image: linear-gradient(to bottom, #f4f4f4 0, #eaeaea 100%); background-repeat: repeat-x; color: #555; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger:focus, .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger:hover { color: #555; border-color: #d5d5d5 !important; border-bottom-color: #bcbcbc; background: #eaeaea !important; background-image: -webkit-linear-gradient(top, #efefef 0, #e5e5e5 100%) !important; background-image: linear-gradient(to bottom, #efefef 0, #e5e5e5 100%) !important; background-repeat: repeat-x; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger.selected { background: #e81a19 !important; border-color: #e81a19; color: #ffffff; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger.selected:focus, .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger.selected:hover { background: #d41721 !important; border-color: #d41721 !important; } .dashboard-tmp .dealer-dashboard-tmp hr { margin-top: 15px; margin-bottom: 20px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container { display: none; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table { width: 100%; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart { width: 208px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart { position: relative; display: inline-block; color: #555555; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container { position: absolute; text-align: center; top: 60px; width: 100%; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container .copy-1 { font-size: 13px; font-weight: 600; line-height: 13px; padding-bottom: 19px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container .copy-2 { font-size: 55px; font-weight: 300; line-height: 40px; padding-bottom: 19px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container .copy-3 { font-size: 20px; font-weight: 400; line-height: 20px; padding-bottom: 20px; } .wizard-container { margin-bottom: 5px; } .wizard-container .wizard-content { padding-bottom: 30px; border: none; padding-top: 0; } .wizard-container .wizard-content #wizard-step-1 { margin-top: 20px; } .wizard-container .wizard-content #wizard-step-1 .wizard-step-1-container { border: 1px solid #e2e2e2; padding-top: 20px; } .wizard-container .wizard-content #wizard-step-1 .bap-wizard-step-1-container input { border: solid 1px #a9a9a9; width: 173px; } .wizard-container .wizard-content #wizard-step-1 .bap-wizard-step-1-container .double-size input { width: 364px; } .wizard-container .wizard-content #wizard-step-1 .bap-wizard-step-1-container .cssflow-dropdown { width: 173px; float: left; margin-right: 20px; background: none; border: solid 1px #a9a9a9; border-radius: 0; box-shadow: none; } .wizard-container .wizard-content #wizard-step-1 .bap-wizard-step-1-container .cssflow-dropdown-select { padding-left: 12px !important; font-size: 13px; color: #555 !important; background: none !important; text-shadow: none !important; } .wizard-container .wizard-content #wizard-step-2 { margin-top: 30px; } .wizard-container .wizard-content #wizard-step-2 .tab-content { padding: 15px 0 0 0; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-by-vehicle .pnl-tsl-search-filter { margin-bottom: 16px; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-by-vehicle .pnl-product-size .table { margin-bottom: 0; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-size-dropdownlists .pnl-tsl-search-filter { margin-bottom: 15px; margin-top: -5px; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-size-dropdownlists .tsl-sizes-dropdownlists-container .tsl-size-dropdownlists-container { padding-top: 15px; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-size-dropdownlists .tsl-sizes-dropdownlists-container .tsl-size-dropdownlists-container:first-child { padding-top: 0; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-size-dropdownlists .tsl-sizes-dropdownlists-container .tsl-size-dropdownlists-container .plus-minus-container { display: inline-block; line-height: 27px; width: 50px; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-size-dropdownlists .tsl-sizes-dropdownlists-container .tsl-size-dropdownlists-container .plus-minus-container .btn-add-tsl-size-dropdownlists { padding-right: 10px; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-size-dropdownlists .tsl-sizes-dropdownlists-container .tsl-size-dropdownlists-container .plus-minus-container .fa { font-size: 20px; vertical-align: middle; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-by-pattern .pnl-tsl-search-filter { margin-bottom: 16px; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-by-pattern .pnl-product-size .table { margin-bottom: 0; } .wizard-container .wizard-content #wizard-step-2 .tab-content #tsl-by-search-code .pnl-tsl-search-filter { margin-bottom: 15px; margin-top: -5px; } .wizard-container .wizard-content #wizard-step-3 { padding-top: 20px; } .wizard-container .wizard-content #wizard-step-3 .wizard-step-3-top-container { border: 1px solid #e2e2e2; margin-bottom: 30px; } .wizard-container .wizard-content #wizard-step-3 .phone-script-step3-search-results { margin-bottom: 0; } .wizard-container .wizard-content #wizard-step-3 .phone-script-step3-search-results .table-responsive { margin-bottom: 0; } .wizard-container .wizard-content #wizard-finish { padding-top: 41px; } .wizard-container .wizard-content #wizard-finish .step-4-book-in-time { background-color: #ffffff; } .wizard-container .wizard-content #wizard-finish .workshop-calendar-container .workshop-calendar-tmp .btn-container { float: right; margin-top: -62px; } .wizard-container .wizard-content #wizard-finish .workshop-calendar-container .workshop-calendar-tmp table .long-date { display: block; } .wizard-container .wizard-content #wizard-finish .workshop-calendar-container .workshop-calendar-tmp table .short-date { display: none; } .wizard-container .wizard-content #wizard-step-5 #step5-results { padding-top: 6px; width: 900px; margin: 0 auto; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .first-head { background-color: #F5F5F5; height: 50px; border: 1px solid #dddddd; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .first-head td { font-family: 'Open Sans'; font-weight: bold; color: #555555; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .second-head { background-color: #F5F5F5; height: 50px; border: 1px solid #dddddd; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .second-head a { font-family: 'Open Sans'; font-weight: 600; color: #4083A9; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container { height: 50px; border: 1px solid #dddddd; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .btn-more, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .btn-more, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .btn-more, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .btn-more, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .btn-more { color: #555555; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .btn-more:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .btn-more:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .btn-more:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .btn-more:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .btn-more:focus { text-decoration: none; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .btn-more .fa-caret-right, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .btn-more .fa-caret-down, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .btn-more .fa-caret-right, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .btn-more .fa-caret-down, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .btn-more .fa-caret-right, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .btn-more .fa-caret-down, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .btn-more .fa-caret-right, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .btn-more .fa-caret-down, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .btn-more .fa-caret-right, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .btn-more .fa-caret-down { color: #555555; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .phone-script-step5-total, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .phone-script-step5-total, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .phone-script-step5-total, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .phone-script-step5-total, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .phone-script-step5-total { padding-left: 15px; padding-right: 15px; width: 90px; text-align: right; background: #f2dede; border-color: #ebccd1; line-height: 49px; float: right; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td.more-stock-levels-quantity-available.tbl-show .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td.more-stock-levels-quantity-available.tbl-show .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td.more-stock-levels-quantity-available.tbl-show .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td.more-stock-levels-quantity-available.tbl-show .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td.more-stock-levels-quantity-available.tbl-show .tbl-more-stock-levels-quantity-available-container { display: block; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td.more-stock-levels-quantity-available.tbl-hide .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td.more-stock-levels-quantity-available.tbl-hide .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td.more-stock-levels-quantity-available.tbl-hide .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td.more-stock-levels-quantity-available.tbl-hide .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td.more-stock-levels-quantity-available.tbl-hide .tbl-more-stock-levels-quantity-available-container { display: none; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available-container, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available-container { width: 100%; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available { width: 100%; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr { height: 39px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr td, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr td, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr td, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr td, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td.more-stock-levels-quantity-available .tbl-more-stock-levels-quantity-available tr td { border: none; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .btn-copy-to-clipboard, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .btn-copy-to-clipboard, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .btn-copy-to-clipboard, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .btn-copy-to-clipboard, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .btn-copy-to-clipboard { color: #555555; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-tyre-pattern-size-container td .btn-copy-to-clipboard:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-offer-promotion-container td .btn-copy-to-clipboard:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-step5-promotion-container td .btn-copy-to-clipboard:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-total-container td .btn-copy-to-clipboard:focus, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .tr-services-container td .btn-copy-to-clipboard:focus { text-decoration: none; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .col-total { padding-right: 15px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .text-align-left { text-align: left; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .text-align-right { text-align: right; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-left-5 { padding-left: 5px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-left-10 { padding-left: 10px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-left-15 { padding-left: 15px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-right-15 { padding-right: 15px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-left-13 { padding-left: 13px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-right-13 { padding-right: 13px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .no-padding-left { padding-left: 0; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .padding-right-10 { padding-right: 10px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .no-padding-right { padding-right: 0; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .border-left { border-left: 1px solid #e4e4e4; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .border-right { border-right: 1px solid #e4e4e4; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .btn-more-stock-levels { color: #555555; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .btn-more-stock-levels:hover, .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .btn-more-stock-levels:focus { text-decoration: none; color: #555555; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .btn-more-stock-levels .fa { padding-left: 10px; padding-top: 3px; position: absolute; right: 10px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .wh-stock-levels.padding-left-25 { padding-left: 25px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .more-stock-levels-megabus-branch-codes.width-25 { width: 25px !important; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .more-stock-levels-megabus-branch-codes table { width: 100%; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .more-stock-levels-megabus-branch-codes table tr { background-color: #F5F5F5; height: 39px; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .more-stock-levels-megabus-branch-codes table tr td { border: none; } .wizard-container .wizard-content #wizard-step-5 #step5-results table.phone-script-step5-results-table .col-option-total .phone-script-step5-total-quoted { background: #f2dede; border-color: #ebccd1; line-height: 49px; padding-left: 15px; padding-right: 15px; font-weight: bold; width: 90px; float: right; } .wizard-container .wizard-content #wizard-step-5 .step-5-book-in-time { background-color: #ffffff; } .wizard-container .wizard-content #wizard-step-5 .step-5-book-in-time[readonly] { background-color: #eee; } .wizard-container .wizard-content #wizard-step-5 .workshop-calendar-container .workshop-calendar-tmp .btn-container { float: right; margin-top: -62px; } .wizard-container .wizard-content #wizard-step-5 .workshop-calendar-container .workshop-calendar-tmp table .long-date { display: block; } .wizard-container .wizard-content #wizard-step-5 .workshop-calendar-container .workshop-calendar-tmp table .short-date { display: none; } .wizard-container .wizard-content #wizard-step-5 .td-made-sale-invoice-container .made-sale-file-download { color: #727272; text-decoration: underline; } .wizard-container .wizard-content #wizard-step-5 .td-made-sale-invoice-container #made-sale-file-remove { padding-left: 5px; top: -2px; position: relative; } .wizard-container .wizard-content #wizard-step-5 .td-made-sale-invoice-container .open-redemption-modal { color: #ea302e; /*.ajax-file-upload { vertical-align: middle; line-height: 1; padding-left: 10px; }*/ } .wizard-container .wizard-content #wizard-step-5 .td-made-sale-invoice-container .ajax-file-upload-container { display: none; } .wizard-container .wizard-content .last-attempt-container { padding-top: 11px; padding-bottom: 25px; } .wizard-container .wizard-content .last-attempt-container .lbl-last-attempt, .wizard-container .wizard-content .last-attempt-container .last-attempt { font-size: 10px; color: #828282; } .wizard-container .wizard-content .button-container { padding-left: 0 !important; padding-right: 0 !important; margin-top: -1px; } .user-list-tmp { margin-top: -11px; } .booking-request-results-tmp { margin-top: -11px; margin-bottom: 50px; } .booking-request-results-tmp h4 { margin-bottom: 0; } .booking-request-results-tmp hr { margin-bottom: 15px; border-top: 1px solid #ea302e; margin-top: 22px; } .booking-request-results-tmp .dropdown-toggle { font-size: 12px; padding: 4px 10px; margin-top: 9px; } .booking-request-results-tmp .btn-toolbar { float: right; } .booking-request-results-tmp .btn-toolbar .btn-group { float: right; margin-top: 4px; } .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger { font-size: 12px; padding: 4px 10px; border-color: #ddd; border-bottom-color: #cecece; background: #f4f4f4; background-image: -webkit-linear-gradient(top, #f4f4f4 0, #eaeaea 100%); background-image: linear-gradient(to bottom, #f4f4f4 0, #eaeaea 100%); background-repeat: repeat-x; color: #555; } .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger:focus, .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger:hover { color: #555; border-color: #d5d5d5 !important; border-bottom-color: #bcbcbc; background: #eaeaea !important; background-image: -webkit-linear-gradient(top, #efefef 0, #e5e5e5 100%) !important; background-image: linear-gradient(to bottom, #efefef 0, #e5e5e5 100%) !important; background-repeat: repeat-x; } .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger.selected { background: #e81a19 !important; border-color: #e81a19; color: #ffffff; } .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger.selected:focus, .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger.selected:hover { background: #d41721 !important; border-color: #d41721 !important; } .booking-request-results-tmp .jq-flot-graph { width: 100%; height: 300px; margin: 0; border: 0; } .booking-request-results-tmp .jq-flot-graph .flot-text .tickLabel { font-size: 11px; } .booking-request-results-tmp .jq-flot-graph .flot-text .flot-x-axis .flot-tick-label.tickLabel { margin-top: 7px; white-space: pre-wrap; } .booking-request-results-tmp .yAxis .tickLabel:first-child, .booking-request-results-tmp .yAxis .tickLabel:last-child { display: block; } .booking-request-results-tmp #plot-tooltip-conversion-rate .tooltip-inner .reviews .left { margin-right: 30px; } .booking-request-results-tmp .conversion-rate-percentage-tmp { padding-right: 15px; } .booking-request-results-tmp .lost-sale-reason-tmp { padding-left: 15px; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container { margin-top: -6px; display: table; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container { display: table-row; line-height: 40px; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-left, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-left { font-size: 13px; font-weight: 400; color: #555555; margin-right: 40px; display: table-cell; vertical-align: middle; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-left .total-count, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-left .total-count { color: #bbbbbb; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right { vertical-align: middle; display: table-cell; font-size: 13px; font-weight: 400; color: #555555; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box { width: 25px; height: 25px; margin: 0 15px -6px 40px; display: inline-block; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.booked-in, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.booked-in { background: #71c73e; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.lost-sale, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.lost-sale { background: #d54848; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.other, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.other { background: #646464; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.could-not-match-price, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.could-not-match-price { background: #0bd5d9; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.stock-unavailable, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.stock-unavailable { background: #ff6e01; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.already-purchased, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.already-purchased { background: #0045c4; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.do-not-know, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.do-not-know { background: #d711ac; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-right .box.other-reason, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-right .box.other-reason { background: #eeeeee; } .booking-request-results-tmp .vs { color: #555555; } .booking-request-results-tmp .conversion-rate-user-dropdown-container { float: right; padding-right: 10px; } .booking-request-results-tmp .conversion-rate-user-dropdown-container .conversion-rate-user-dropdown { text-align: left; } .booking-request-results-tmp .tab-content #enquiry-conversion .btn-group-enquiry-conversion .btn-danger { margin-left: 10px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries { margin: 20px 0; table-layout: fixed; width: 734px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr th { height: 30px; padding: 4px 8px; width: 110px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr th:first-child { width: 141px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr th:last-child { width: 110px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr td { height: 30px; padding: 4px 8px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr td a { color: #ffffff; text-decoration: none; width: 100%; display: inline-block; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr td a:focus, .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr td a:hover { color: #ffffff; text-decoration: none; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr td a i { float: right; color: #ffffff; padding-top: 2px; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.hidden { display: none; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.national-head.opened td { background-color: #5282a5; color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.national-head.opened td .fa:before { content: "\f0d8"; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.national-head.closed td { background-color: #5282a5; color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.national-head.closed td .fa:before { content: "\f0d7"; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.state-head.opened td { background-color: #444444; color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.state-head.opened td .fa:before { content: "\f0d8"; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.state-head.closed td { background-color: #555555; color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.state-head.closed td .fa:before { content: "\f0d7"; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.store-head.opened td { background-color: #777777; color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.store-head.opened td .fa:before { content: "\f0d8"; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.store-head.closed td { background-color: #999999; color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries tr.store-head.closed td .fa:before { content: "\f0d7"; } .booking-request-results-tmp .tab-content #enquiry-conversion .tbl-online-enquiries .header-copy.header-fixed tr th { background-color: #ffffff; } .booking-request-results-tmp .tab-content #enquiry-conversion .row-enquiry-conversion-show-container span { float: left; font-size: 14px; color: #999999; line-height: 25px; } .booking-request-results-tmp .tab-content #enquiry-conversion .row-enquiry-conversion-show-container .btn-toolbar-enquiry-conversion-show { float: left; } .booking-request-results-tmp .tab-content #enquiry-conversion .row-enquiry-conversion-show-container .btn-toolbar-enquiry-conversion-show .btn-group-enquiry-conversion-show { float: left; margin-top: 0; } .booking-request-results-tmp .tab-content #enquiry-conversion .row-enquiry-conversion-show-container .btn-toolbar-enquiry-conversion-show .btn-group-enquiry-conversion-show .btn-enquiry-conversion-show { margin-left: 10px; } .booking-request-results-tmp .tab-content #enquiry-conversion .enquiry-with-conversion-reate-container .size-enquiry-with-conversion-reate-legend-container { line-height: 27px; } .booking-request-results-tmp .tab-content #enquiry-conversion .enquiry-with-conversion-reate-container .size-enquiry-with-conversion-reate-legend-container img { width: 230px; display: inline-block; vertical-align: bottom; padding-bottom: 4px; } .booking-request-results-tmp .tab-content #enquiry-conversion .enquiry-with-conversion-reate-container .size-enquiry-with-conversion-reate-yaxis-title { font-weight: 400; color: #555; padding-bottom: 10px; font-size: 12px; } .booking-request-results-tmp .tab-content #enquiry-conversion .enquiry-with-conversion-reate-container .jq-flot-graph-rotate-xaxis-label.rotate .flot-x-axis .flot-tick-label { white-space: pre-wrap; /*transform: translate(-9px, 0) rotate(-45deg);*/ /*text-indent: -100%;*/ transform-origin: top right; text-align: center !important; } .booking-request-results-tmp .tab-content #enquiry-conversion .enquiry-with-conversion-reate-container hr { border-top: 2px solid #e5e5e5; margin: 24px 0 24px 0; } .btn-show-master-class-recordings .fa-volume-up { padding-top: 10px; color: #4083a9; } #MasterClassAddRecordingsModal .modal-dialog { width: 800px; } #MasterClassAddRecordingsModal .modal-dialog .fa-minus-circle.red { margin-right: 2px; cursor: pointer; } #MasterClassAddRecordingsModal .modal-dialog .fa-plus-circle.green { color: #5ebd5e; cursor: pointer; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container a { float: left; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container a .fa-pause-circle, #MasterClassRecordingsModal .modal-dialog .audio-recording-container a .fa-play-circle { color: #e81a19; border-color: #e81a19; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container a .fa-pause-circle:hover, #MasterClassRecordingsModal .modal-dialog .audio-recording-container a .fa-play-circle:hover { color: #d41721 !important; border-color: #d41721 !important; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container .recording-timeline { width: 460px; height: 14px; margin-top: 12px; float: left; border-radius: 15px; background: #ffffff; margin-left: 20px; border: 1px solid #e5e5e5; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container .recording-timeline .recording-progress { background: #e5e5e5; width: 0px; height: 12px; float: left; position: relative; z-index: 1; border-radius: 15px; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container .recording-timeline .recording-progress-bar { margin-left: 0px; width: 30px; height: 14px; border-radius: 15px; background: #e81a19; position: relative; z-index: 2; margin-top: -1px; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container .recording-duration { float: left; margin-left: 10px; margin-top: 9px; } #MasterClassRecordingsModal .modal-dialog .audio-recording-container .recording-date-time { clear: both; margin-left: 54px; top: -10px; position: relative; text-align: left; } .my-page-services-ironman-container label.control-label { padding-top: 2px; } .my-page-services-ironman-container .switcher { margin-bottom: 0; } .my-page-services-ironman-container .fa-lock { margin-left: 15px; position: absolute; } .lam-tmp .panel-heading .madatory { text-align: right; margin-top: 9px; margin-bottom: 9px; } .lam-tmp .panel-body { text-align: center; } .lam-tmp .panel-body .btn { width: 200px; } .lam-tmp .panel-body .btn-lam-dealer, .lam-tmp .panel-body .btn-lam-facebook-dealer { margin-bottom: 20px; } .lam-tmp .panel-body table { width: 100%; } .lam-tmp .panel-body table tr td { text-align: center; } .lam-tmp .panel-body .btn-media, .lam-tmp .panel-body .btn-type, .lam-tmp .panel-body .btn-store, .lam-tmp .panel-body .btn-content, .lam-tmp .panel-body .btn-sided { margin-right: 27px; } .lam-tmp .panel-body .btn-media:last-child, .lam-tmp .panel-body .btn-media.no-margin-right, .lam-tmp .panel-body .btn-type:last-child, .lam-tmp .panel-body .btn-type.no-margin-right, .lam-tmp .panel-body .btn-store:last-child, .lam-tmp .panel-body .btn-store.no-margin-right, .lam-tmp .panel-body .btn-content:last-child, .lam-tmp .panel-body .btn-content.no-margin-right, .lam-tmp .panel-body .btn-sided:last-child, .lam-tmp .panel-body .btn-sided.no-margin-right { margin-right: 0; } .lam-tmp .panel-body .btn-media.top-space-20, .lam-tmp .panel-body .btn-type.top-space-20, .lam-tmp .panel-body .btn-store.top-space-20, .lam-tmp .panel-body .btn-content.top-space-20, .lam-tmp .panel-body .btn-sided.top-space-20 { margin-top: 20px; } .lam-tmp .panel-body .btn-media.selected, .lam-tmp .panel-body .btn-type.selected, .lam-tmp .panel-body .btn-store.selected, .lam-tmp .panel-body .btn-content.selected, .lam-tmp .panel-body .btn-sided.selected { color: #ffffff; border-color: #46ac46; border-bottom-color: #388838; background: #4cb64c !important; background-image: -webkit-linear-gradient(top, #57ba57 0%, #46ac46 100%) !important; background-image: linear-gradient(to bottom, #57ba57 0%, #46ac46 100%) !important; background-repeat: repeat-x; } .lam-tmp .panel-body .btn-media { width: 150px; } .lam-tmp .panel-body.bottom-space-40 { margin-bottom: 18px; } .lam-tmp .panel-body .panel-body-container { width: 900px; margin: 0 auto; } .lam-tmp .panel-body .panel-body-container-stores { width: 1160px; margin: 0 auto; } .lam-tmp .panel-type, .lam-tmp .btn-type, .lam-tmp .panel-details, .lam-tmp .panel-stores, .lam-tmp .panel-content { display: none; } .lam-tmp .panel-details .details-container { text-align: left; } .lam-tmp .panel-details .details-container.press-ad-details-container .input-group { display: inline-block; margin-right: 27px; } .lam-tmp .panel-details .details-container.press-ad-details-container .input-group.no-margin-right { margin-right: 0; } .lam-tmp .panel-details .details-container.press-ad-details-container .input-group.width-200 { width: 200px; } .lam-tmp .panel-details .details-container.press-ad-details-container .input-group .input-group-addon-txt { position: absolute; top: 6px; right: 13px; } .lam-tmp .panel-details .details-container.press-ad-details-container .input-group .input-group-addon { position: absolute; width: 40px; right: 0px; border: 1px solid #d6d6d6; height: 32px; } .lam-tmp .panel-details .details-container.press-ad-details-container .need-booking-container { position: relative; text-align: left; margin-top: 20px; } .lam-tmp .panel-details .details-container.press-ad-details-container .need-booking-container span { top: -7px; position: relative; margin-right: 30px; } .lam-tmp .panel-details .details-container.press-ad-details-container .need-booking-container .switcher { margin-bottom: 0; } .lam-tmp .panel-details .details-container.press-ad-details-container .additional-details-container { display: none; } .lam-tmp .panel-details .details-container.press-ad-details-container .additional-details-container .additional-details { width: 100%; height: 90px; margin-top: 20px; padding: 20px 15px; position: relative; } .lam-tmp .panel-details .details-container.lbd-details-container #Size, .lam-tmp .panel-details .details-container.other-details-container #Size, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container #Size, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container #Size, .lam-tmp .panel-details .details-container.digital-other-details-container #Size { width: 145px; display: inline-block; margin-right: 17px; top: -10px; position: relative; } .lam-tmp .panel-details .details-container.lbd-details-container .input-group, .lam-tmp .panel-details .details-container.other-details-container .input-group, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .input-group, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .input-group, .lam-tmp .panel-details .details-container.digital-other-details-container .input-group { display: inline-block; margin-right: 17px; } .lam-tmp .panel-details .details-container.lbd-details-container .input-group.no-margin-right, .lam-tmp .panel-details .details-container.other-details-container .input-group.no-margin-right, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .input-group.no-margin-right, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .input-group.no-margin-right, .lam-tmp .panel-details .details-container.digital-other-details-container .input-group.no-margin-right { margin-right: 0; } .lam-tmp .panel-details .details-container.lbd-details-container .input-group.width-145, .lam-tmp .panel-details .details-container.other-details-container .input-group.width-145, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .input-group.width-145, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .input-group.width-145, .lam-tmp .panel-details .details-container.digital-other-details-container .input-group.width-145 { width: 145px; } .lam-tmp .panel-details .details-container.lbd-details-container .input-group.width-200, .lam-tmp .panel-details .details-container.other-details-container .input-group.width-200, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .input-group.width-200, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .input-group.width-200, .lam-tmp .panel-details .details-container.digital-other-details-container .input-group.width-200 { width: 200px; } .lam-tmp .panel-details .details-container.lbd-details-container .input-group .input-group-addon-txt, .lam-tmp .panel-details .details-container.other-details-container .input-group .input-group-addon-txt, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .input-group .input-group-addon-txt, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .input-group .input-group-addon-txt, .lam-tmp .panel-details .details-container.digital-other-details-container .input-group .input-group-addon-txt { position: absolute; top: 6px; right: 13px; } .lam-tmp .panel-details .details-container.lbd-details-container .input-group .input-group-addon, .lam-tmp .panel-details .details-container.other-details-container .input-group .input-group-addon, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .input-group .input-group-addon, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .input-group .input-group-addon, .lam-tmp .panel-details .details-container.digital-other-details-container .input-group .input-group-addon { position: absolute; width: 40px; right: 0px; border: 1px solid #d6d6d6; height: 32px; } .lam-tmp .panel-details .details-container.lbd-details-container .btn, .lam-tmp .panel-details .details-container.other-details-container .btn, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .btn, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .btn, .lam-tmp .panel-details .details-container.digital-other-details-container .btn { width: 110px; position: relative; top: -13px; margin-right: 7px; } .lam-tmp .panel-details .details-container.lbd-details-container .btn:last-child, .lam-tmp .panel-details .details-container.other-details-container .btn:last-child, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .btn:last-child, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .btn:last-child, .lam-tmp .panel-details .details-container.digital-other-details-container .btn:last-child { margin-right: 0; } .lam-tmp .panel-details .details-container.lbd-details-container .installation-container, .lam-tmp .panel-details .details-container.other-details-container .installation-container, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .installation-container, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .installation-container, .lam-tmp .panel-details .details-container.digital-other-details-container .installation-container { position: relative; text-align: left; margin-top: 20px; } .lam-tmp .panel-details .details-container.lbd-details-container .installation-container span, .lam-tmp .panel-details .details-container.other-details-container .installation-container span, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .installation-container span, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .installation-container span, .lam-tmp .panel-details .details-container.digital-other-details-container .installation-container span { position: relative; margin-right: 45px; } .lam-tmp .panel-details .details-container.lbd-details-container .installation-container input, .lam-tmp .panel-details .details-container.other-details-container .installation-container input, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .installation-container input, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .installation-container input, .lam-tmp .panel-details .details-container.digital-other-details-container .installation-container input { display: inline-block; width: 310px; } .lam-tmp .panel-details .details-container.lbd-details-container .need-estimate-container, .lam-tmp .panel-details .details-container.other-details-container .need-estimate-container, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .need-estimate-container, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .need-estimate-container, .lam-tmp .panel-details .details-container.digital-other-details-container .need-estimate-container { position: relative; text-align: left; margin-top: 20px; } .lam-tmp .panel-details .details-container.lbd-details-container .need-estimate-container span, .lam-tmp .panel-details .details-container.other-details-container .need-estimate-container span, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .need-estimate-container span, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .need-estimate-container span, .lam-tmp .panel-details .details-container.digital-other-details-container .need-estimate-container span { top: -7px; position: relative; margin-right: 30px; } .lam-tmp .panel-details .details-container.lbd-details-container .need-estimate-container .switcher, .lam-tmp .panel-details .details-container.other-details-container .need-estimate-container .switcher, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .need-estimate-container .switcher, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .need-estimate-container .switcher, .lam-tmp .panel-details .details-container.digital-other-details-container .need-estimate-container .switcher { margin-bottom: 0; } .lam-tmp .panel-details .details-container.lbd-details-container .quantity-drop-container, .lam-tmp .panel-details .details-container.other-details-container .quantity-drop-container, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .quantity-drop-container, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .quantity-drop-container, .lam-tmp .panel-details .details-container.digital-other-details-container .quantity-drop-container { display: none; margin-top: 20px; } .lam-tmp .panel-details .details-container.lbd-details-container .request-details-container, .lam-tmp .panel-details .details-container.other-details-container .request-details-container, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .request-details-container, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .request-details-container, .lam-tmp .panel-details .details-container.digital-other-details-container .request-details-container { display: none; } .lam-tmp .panel-details .details-container.lbd-details-container .request-details-container.show, .lam-tmp .panel-details .details-container.other-details-container .request-details-container.show, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .request-details-container.show, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .request-details-container.show, .lam-tmp .panel-details .details-container.digital-other-details-container .request-details-container.show { display: block; } .lam-tmp .panel-details .details-container.lbd-details-container .request-details-container .request-details, .lam-tmp .panel-details .details-container.other-details-container .request-details-container .request-details, .lam-tmp .panel-details .details-container.outdoor-signage-other-details-container .request-details-container .request-details, .lam-tmp .panel-details .details-container.digital-web-banner-display-details-container .request-details-container .request-details, .lam-tmp .panel-details .details-container.digital-other-details-container .request-details-container .request-details { width: 100%; height: 90px; margin-top: 20px; padding: 20px 15px; position: relative; } .lam-tmp .panel-details .details-container .input-group .fa-warning { display: none; } .lam-tmp .panel-details .details-container .input-group.error .fa-warning { display: inline-block; position: absolute; z-index: 9; top: 11px; left: 12px; } .lam-tmp .panel-details .details-container .input-group.error input { padding-left: 30px; border-color: #ea302e; } .lam-tmp .panel-details .details-container .input-group.error input::placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .input-group.error input::-webkit-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .input-group.error input:-moz-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .input-group.error input::-moz-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .input-group.error input:-ms-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .input-group.error input::-ms-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container, .lam-tmp .panel-details .details-container .request-details-container { position: relative; } .lam-tmp .panel-details .details-container .additional-details-container .fa-warning, .lam-tmp .panel-details .details-container .request-details-container .fa-warning { display: none; } .lam-tmp .panel-details .details-container .additional-details-container.error .fa-warning, .lam-tmp .panel-details .details-container .request-details-container.error .fa-warning { display: inline-block; position: absolute; z-index: 9; top: 44px; left: 12px; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea, .lam-tmp .panel-details .details-container .request-details-container.error textarea { padding-left: 30px !important; border-color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea::placeholder, .lam-tmp .panel-details .details-container .request-details-container.error textarea::placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea::-webkit-input-placeholder, .lam-tmp .panel-details .details-container .request-details-container.error textarea::-webkit-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea:-moz-placeholder, .lam-tmp .panel-details .details-container .request-details-container.error textarea:-moz-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea::-moz-placeholder, .lam-tmp .panel-details .details-container .request-details-container.error textarea::-moz-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea:-ms-input-placeholder, .lam-tmp .panel-details .details-container .request-details-container.error textarea:-ms-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .additional-details-container.error textarea::-ms-input-placeholder, .lam-tmp .panel-details .details-container .request-details-container.error textarea::-ms-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container { position: relative; display: inline-block; } .lam-tmp .panel-details .details-container .txt-container .fa-warning { display: none; } .lam-tmp .panel-details .details-container .txt-container.error .fa-warning { display: inline-block; position: absolute; z-index: 9; top: 11px; left: 12px; } .lam-tmp .panel-details .details-container .txt-container.error input { padding-left: 30px !important; border-color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container.error input::placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container.error input::-webkit-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container.error input:-moz-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container.error input::-moz-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container.error input:-ms-input-placeholder { color: #ea302e; } .lam-tmp .panel-details .details-container .txt-container.error input::-ms-input-placeholder { color: #ea302e; } .lam-tmp .panel-stores .stores-container { max-height: 287px; overflow-y: auto; } .lam-tmp .panel-stores .stores-container .btn-store { width: 155px; } .lam-tmp .panel-content .content-additional-details { display: none; width: 100%; height: 90px; margin-top: 20px; padding: 20px 15px; position: relative; } .lam-tmp .panel-content .content-additional-terms { display: none; width: 100%; height: 60px; margin-top: 20px; padding: 20px 15px; position: relative; overflow-y: scroll; } .lam-tmp .panel-content .btn-upload { display: none; background: #e81a19; border-color: #e81a19; margin-top: 16px; width: auto; padding: 10px 15px; color: #ffffff; } .lam-tmp .panel-content .btn-upload:hover { background: #d41721 !important; border-color: #d41721 !important; } .lam-tmp .panel-content .ajax-file-upload-container { margin: 0; } .lam-tmp .panel-content .empty-file-container { display: none; } .lam-tmp .panel-content .file-container { border-top: 1px solid #e2e2e2; margin-top: 20px; padding-top: 20px; } .lam-tmp .panel-content .file-container a { padding-right: 7px; } .lam-tmp .panel-content .file-container a .fa { color: #999999; } .lam-tmp .panel-content .file-container a:last-child { padding-right: 0; } .lam-tmp .panel-footer { display: none; border: none; } .lam-tmp .panel-footer.panel-lam-footer { margin: -20px -20px 50px -20px; } .lam-tmp .panel-footer.panel-lsdm-footer { margin: -20px -20px 50px -20px; } .lam-tmp .panel-footer.panel-lsdm-footer .open-message { color: #ea302e; } .lam-tmp .panel-footer.panel-lsdm-footer .btn-show-preview, .lam-tmp .panel-footer.panel-lsdm-footer .btn-submit { display: none; } .lam-tmp .panel-footer.panel-lsdm-facebook-footer { margin: -20px -20px 50px -20px; } .lam-tmp .panel-footer.panel-lsdm-facebook-footer .btn-submit { display: none; } .lam-tmp .panel-footer .chk-terms-container .fa-warning { display: none; } .lam-tmp .panel-footer .chk-terms-container.error { margin-left: 5px; } .lam-tmp .panel-footer .chk-terms-container.error .fa-warning { left: -25px; display: inline-block; position: relative; } .lam-tmp .panel-footer .chk-terms-container.error label { display: inline-block; } .lam-tmp .panel-footer .chk-terms-container.error label .lbl-terms { color: #ea302e; } .lam-tmp .panel-footer .chk-terms-container.error label .lbl-terms:before { border-color: #ea302e; } .lam-tmp .panel-footer .btn { margin-right: 15px; } .lam-tmp .panel-footer .btn:last-child { margin-right: 0; } .lam-tmp .text-align-left { text-align: left; } .lam-tmp .text-align-right { text-align: right; } .lam-tmp .dealer-portal-lsdm-campaign-dealers .tooltip-inner { max-width: 500px; } .lam-tmp .closed-message { text-align: center; padding: 20px 10px; color: #E9332E; } .lam-tmp #LAMPreviewModal .modal-dialog { width: 680px; height: 75%; } .lam-tmp #LAMPreviewModal .modal-dialog .modal-content .modal-header { height: 48px; background: #e1e1e1; } .lam-tmp #LAMPreviewModal .modal-dialog .modal-content .modal-body { padding: 0px 40px 20px 40px; background: #e1e1e1; } .lam-tmp #LAMPreviewModal .modal-dialog .modal-content .modal-body .img-container { padding-top: 20px; } .lam-tmp #LAMPreviewModal .modal-dialog .modal-content .modal-body .img-container img { width: 600px; } .lam-tmp #LAMPreviewModal .modal-dialog .modal-content .modal-footer { background: #e1e1e1; } .lam-tmp #LAMUploadDeleteConfirmationModal .modal-dialog { width: 350px; } .lam-tmp #LAMUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-header { margin: 12px 20px 0 20px; padding: 0 0 12px 0; background: none; border-bottom-color: #ea302e; text-align: left; } .lam-tmp #LAMUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-body { text-align: left; } .lam-tmp #LAMUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-footer { text-align: left; padding-bottom: 30px; } .lam-tmp #LAMUploadDeleteConfirmationModal .modal-dialog .modal-content .modal-footer .btn { padding: 5px 25px; width: 73px; } .lam-tmp textarea:disabled { cursor: not-allowed; background-color: #eee; opacity: 1; } .lam-tmp .ajax-file-upload { padding: 10px; } .lam-tmp #file-uploader { margin: 16px 0 0 0; padding: 0; } .lam-archive-list-tmp table > thead > tr > th.no-hot-link { text-decoration: none; } .lam-archive-list-tmp table > thead > tr > th.no-hot-link a { cursor: text; } .lam-archive-list-tmp table > thead > tr > th.no-hot-link a:hover, .lam-archive-list-tmp table > thead > tr > th.no-hot-link a:focus { text-decoration: none; } #MasterClassPopUpMessageModal .table { display: table; height: 100%; } #MasterClassPopUpMessageModal .table .table-cell { display: table-cell; vertical-align: middle; } #MasterClassPopUpMessageModal .table .table-cell .modal-dialog .modal-content { padding: 20px; } #MasterClassPopUpMessageModal .table .table-cell .modal-dialog .modal-content .modal-header { background: none; padding: 0 0 10px 0; color: #ea302e; border-bottom-color: #ea302e; } #MasterClassPopUpMessageModal .table .table-cell .modal-dialog .modal-content .modal-header .close { font-size: 30px; font-weight: bold; position: absolute; right: 10px; top: 0; } #MasterClassPopUpMessageModal .table .table-cell .modal-dialog .modal-content .modal-body { padding: 20px 0 0 0; } #MasterClassPopUpMessageModal .table .table-cell .modal-dialog .modal-content .modal-footer { padding: 0 0 5px 0; } .table-sales-gross-profit.table > thead > tr > th.no-hot-link, .table-auto-service.table > thead > tr > th.no-hot-link { text-decoration: none; } .table-sales-gross-profit.table > thead > tr > th.no-hot-link a, .table-auto-service.table > thead > tr > th.no-hot-link a { cursor: text; } .table-sales-gross-profit.table > thead > tr > th.name, .table-auto-service.table > thead > tr > th.name { text-align: left; } .table-sales-gross-profit.table > thead > tr > th.uploaded, .table-auto-service.table > thead > tr > th.uploaded { text-align: left; width: 140px; } .table-sales-gross-profit.table > thead > tr > th.tools, .table-auto-service.table > thead > tr > th.tools { text-align: center; width: 80px; } .table-sales-gross-profit.table > tbody > tr > td a, .table-auto-service.table > tbody > tr > td a { color: white !important; } .table-sales-gross-profit.table > tbody > tr > td.name, .table-auto-service.table > tbody > tr > td.name { text-align: left; } .table-sales-gross-profit.table > tbody > tr > td.uploaded, .table-auto-service.table > tbody > tr > td.uploaded { text-align: left; width: 140px; } .table-sales-gross-profit.table > tbody > tr > td.tools, .table-auto-service.table > tbody > tr > td.tools { text-align: center; width: 80px; } .table-sales-gross-profit .btn-sales-gross-profit-eye .fa, .table-sales-gross-profit .btn-sales-gross-profit-download .fa, .table-sales-gross-profit .btn-auto-service-download .fa, .table-auto-service .btn-sales-gross-profit-eye .fa, .table-auto-service .btn-sales-gross-profit-download .fa, .table-auto-service .btn-auto-service-download .fa { color: #4083a9; } .table-sales-gross-profit .btn-sales-gross-profit-eye .fa-eye, .table-sales-gross-profit .btn-sales-gross-profit-download .fa-eye, .table-sales-gross-profit .btn-auto-service-download .fa-eye, .table-auto-service .btn-sales-gross-profit-eye .fa-eye, .table-auto-service .btn-sales-gross-profit-download .fa-eye, .table-auto-service .btn-auto-service-download .fa-eye { margin-right: 15px; } /*iPad - Landscape*/ @media (max-width: 1024px) { body { font-size: 11px !important; } h4 { font-size: 15px; } .retailer-latest-news-tmp .latest-news-container .row .posted-date, .retailer-latest-news-details-tmp .latest-news-container .row .posted-date, .retailer-latest-news-dashboard-tmp .latest-news-container .row .posted-date { font-size: 11px; } .retailer-latest-news-tmp .latest-news-container h4.title, .retailer-latest-news-details-tmp .latest-news-container h4.title, .retailer-latest-news-dashboard-tmp .latest-news-container h4.title { font-size: 14px; } .retailer-latest-news-tmp .tags-container .btn-gray, .retailer-latest-news-details-tmp .tags-container .btn-gray, .retailer-latest-news-dashboard-tmp .tags-container .btn-gray { font-size: 11px; } .retailer-latest-news-dashboard-tmp .latest-news-container { width: 50%; } .retailer-latest-news-dashboard-tmp .spotlight-container { width: 50%; } .retailer-archive-tmp .archive-container .row .latest-news-details a h4.title { font-size: 14px; } .large-content { font-size: 11px; } .booking-request-list-tmp .margin-right-20 { margin-right: 10px; } .booking-request-list-tmp .margin-right-40 { margin-right: 20px; } .booking-request-list-tmp .padding-left-20 { padding-left: 10px !important; } .booking-request-list-tmp .input-group { font-size: 11px; } .booking-request-list-tmp .input-group .form-control { font-size: 11px; } .booking-request-list-tmp .mob-input-select { width: 110px !important; } .booking-request-list-tmp .mob-input-txt { width: 180px !important; } .font-20-green { font-size: 15px; } .font-20 { font-size: 15px; margin: 4px 0 0 0; } #wizard-step-3 .step-3-phone-get-connected { padding-left: 0 !important; padding-right: 0 !important; } #wizard-step-3 .step-3-phone-get-connected .col-sm-4 { padding-right: 10px; width: 29.33333333%; } #wizard-step-3 .step-3-phone-get-connected .col-sm-7 { padding-left: 0; width: 64.33333333%; } #wizard-step-3 .step-3-phone-get-connected .col-sm-1 { padding-left: 0; padding-right: 10px; width: 6.33333333%; } #wizard-step-3 .step-3-phone-get-connected .col-sm-8 { padding-left: 0; width: 70.33333333%; } #wizard-step-3 .step-3-phone-get-connected .col-sm-11 { padding-left: 0; padding-right: 0; width: 91%; } #wizard-step-3 .step-3-phone-get-connected .select2Buttons ul li { margin-right: 10px; } #wizard-step-3 .step-3-phone-get-connected .select2Buttons ul li .btn { font-size: 11px; } #wizard-step-3 .step-3-phone-get-connected .select2Buttons ul li .txt-current-tyres { width: 90px !important; } #wizard-step-3 .step-3-phone-get-connected .cssflow-dropdown { width: 140px !important; } #wizard-step-3 .step-3-phone-get-connected .cssflow-dropdown .cssflow-dropdown-select { font-size: 11px; width: 140px !important; } #wizard-step-3 .step-3-phone-get-connected #tsl-input-marketing-have-received-quote-tyre-brand { width: 120px !important; } .input-group.double-size { width: 330px; } .CustomerWantsCallback, .wouldYouLikeMeToBookYouIn { width: 100%; } .master-class-assessment-item-details-tmp .nav-pills-container .nav-pills > li > a { font-size: 14px !important; padding: 8px 10px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.dealer-type { width: 120px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.suburb { width: 130px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.address { width: 190px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.state { width: 50px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.phone { width: 100px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.assessment-type-name { width: 170px; } .mystery-shopper-master-class-summary-list-tmp table > thead > tr > th.view { width: auto; } .master-class-results-tmp .table-bsc-btc-sales-achievement > thead > tr > th { font-size: 10px; } .master-class-results-tmp .table-bsc-btc-sales-achievement > tbody > tr > td { font-size: 10px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th { font-size: 10px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th.blank { width: 127px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th.sales-bsal-tyres { width: 110px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th.sales-total { width: 70px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th.in-house-share { width: 95px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th.tyre-volume-bracket { width: 120px; } .master-class-results-tmp .table-bse-sales-achievement > thead > tr > th.in-house-share-bracket { width: 140px; } .master-class-results-tmp .table-bse-sales-achievement > tbody > tr > td { font-size: 10px; } .master-class-results-tmp .conversion-rate-container .reviews-completed-table { font-size: 13px; line-height: 15px; height: 60px; } .master-class-results-tmp .conversion-rate-container .reviews-completed-table .reviews-completed-right { font-size: 18px; } .master-class-results-tmp .conversion-rate-container .made-sale-table { font-size: 13px; line-height: 15px; height: 60px; } .master-class-results-tmp .conversion-rate-container .made-sale-table .made-sale-right { font-size: 18px; } .master-class-results-tmp .conversion-rate-container .conversion-rate-table { font-size: 13px; line-height: 15px; height: 60px; } .master-class-results-tmp .conversion-rate-container .conversion-rate-table .conversion-rate-right { font-size: 18px; } .notification-alert-container .notification-container #notification-carousel .carousel-caption { font-size: 11px; } .notification-alert-container .fa-angle-container .fa { font-size: 20px; } .notification-alert-container .fa-angle-container .btn-next-notification { margin-left: 15px; } .dashboard-tmp .dealer-dashboard-tmp h4 { margin-top: 3px; } .dashboard-tmp .dealer-dashboard-tmp .tickLabel { font-size: 11px; } .dashboard-tmp .dealer-dashboard-tmp .btn-toolbar .btn-group .btn-danger { font-size: 11px; padding: 3px 6px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart { width: 145px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container { top: 36px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container .copy-1 { font-size: 13px; font-weight: 600; line-height: 13px; padding-bottom: 5px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container .copy-2 { font-size: 45px; font-weight: 300; line-height: 40px; padding-bottom: 5px; } .dashboard-tmp .dealer-dashboard-tmp .easy-pie-chart-container table tr td.td-easy-pie-chart .easy-pie-chart .copy-container .copy-3 { font-size: 20px; font-weight: 400; line-height: 20px; padding-bottom: 5px; } .booking-request-results-tmp h4 { margin-top: 3px; } .booking-request-results-tmp h4 span.label { padding: 0.1em 0.4em; } .booking-request-results-tmp .tickLabel { font-size: 11px; } .booking-request-results-tmp .dropdown-toggle { font-size: 11px; padding: 4px 6px; } .booking-request-results-tmp .btn-toolbar .btn-group .btn-danger { font-size: 11px; padding: 3px 6px; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container { margin-bottom: 40px; margin-top: 0; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container { line-height: 30px; } .booking-request-results-tmp .conversion-rate-percentage-tmp .labels-container .label-container .label-container-left, .booking-request-results-tmp .lost-sale-reason-tmp .labels-container .label-container .label-container-left { font-size: 11px; } .booking-request-results-tmp .conversion-rate-percentage-tmp #jq-flot-graph-conversion-rate-percentage, .booking-request-results-tmp .conversion-rate-percentage-tmp #jq-flot-graph-lost-sale-reason, .booking-request-results-tmp .lost-sale-reason-tmp #jq-flot-graph-conversion-rate-percentage, .booking-request-results-tmp .lost-sale-reason-tmp #jq-flot-graph-lost-sale-reason { width: 170px !important; height: 170px !important; } } .master-class-truckawardoverview-list-tmp .table-truck-award-sales, .master-class-overview-list-tmp .table-truck-award-sales { table-layout: fixed; } .master-class-truckawardoverview-list-tmp .master-class-rebate-note, .master-class-overview-list-tmp .master-class-rebate-note { margin-bottom: 30px; } .master-class-truckawardoverview-list-tmp .master-class-rebate-note ul, .master-class-overview-list-tmp .master-class-rebate-note ul { margin-bottom: 0px; } .master-class-truckawardoverview-list-tmp .master-class-rebate-note ul li, .master-class-truckawardoverview-list-tmp .master-class-rebate-note p, .master-class-overview-list-tmp .master-class-rebate-note ul li, .master-class-overview-list-tmp .master-class-rebate-note p { font-size: 9.7px; margin-bottom: 0px; text-align: left; } .master-class-truckawardoverview-list-tmp .hide-sales-achievement-container, .master-class-overview-list-tmp .hide-sales-achievement-container { width: 100%; height: 120px; background-color: #f9f9f9; border: 1px solid #e4e4e4; display: table; margin-bottom: 18px; } .master-class-truckawardoverview-list-tmp .hide-sales-achievement-container .icon-container, .master-class-overview-list-tmp .hide-sales-achievement-container .icon-container { display: table-row; text-align: center; height: 58px; } .master-class-truckawardoverview-list-tmp .hide-sales-achievement-container .icon-container .fa-lock, .master-class-overview-list-tmp .hide-sales-achievement-container .icon-container .fa-lock { position: relative; top: 30px; } .master-class-truckawardoverview-list-tmp .hide-sales-achievement-container .message-container, .master-class-overview-list-tmp .hide-sales-achievement-container .message-container { display: table-cell; text-align: center; vertical-align: middle; } .master-class-truckawardoverview-list-tmp .hide-sales-achievement-container .message-container .message, .master-class-overview-list-tmp .hide-sales-achievement-container .message-container .message { position: relative; top: -10px; } .master-class-truckawardoverview-list-tmp .hide-sales-achievement-container .message-container .message.master-class-year-lite, .master-class-overview-list-tmp .hide-sales-achievement-container .message-container .message.master-class-year-lite { top: 0; } .overlay { position: fixed; /* Sit on top of the page content */ display: block; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } .input-group .form-control { z-index: 0 !important; } #phone-number-to-call { margin-right: 30px; } .popover { border: 3px solid #fff; padding: 20px; } .popover .popover-content { padding: 0px !important; } .popover .call-title { font-weight: 600 !important; font-size: 14px; margin-bottom: 16px; } .popover .call-body { margin-bottom: 20px; font-size: 14px; } .popover.bottom .arrow:after { border-bottom-color: #fff !important; border-width: 0 13px 7px !important; } .blue-icon { color: #205F82 !important; } /*iPad - portrait*/ .yellow-color { color: #FFD800; } .light-blue-color { color: #00FFFF; } .yellow-background { background-color: #FFD800; } .light-blue-background { background-color: #00FFFF; } .phone-script-step3-search-results .legend-label, .step-4-results-container .legend-label { margin-top: 10px; } .phone-script-step3-search-results .legend-label .label-item, .step-4-results-container .legend-label .label-item { font-size: 10px; margin-right: 5px; padding-left: 2px; padding-right: 2px; } .red-text { color: #ea302e !important; } .margin-top-30 { margin-top: 30px !important; } .margin-left-15 { margin-left: 15px !important; } .lam-summary-tmp .table-lam-summary td .green i { color: #71c73e; } .lam-summary-tmp .table-lam-summary td .red i { color: #e81a19; } .lam-summary-tmp .table-lam-summary td .ajax-file-upload-container { display: none !important; } .lam-summary-tmp .table-lam-summary td a:focus, .lam-summary-tmp .table-lam-summary td a:hover { text-decoration: none; } .lam-summary-tmp .table-lam-summary td.td-upload-final-art-container .ajax-file-upload { color: #e81a19; margin-top: 1px; line-height: 17px; } .border-grey { border: 1px solid #d6d6d6 !important; } .top-min-10 { top: -10px !important; } .width-990 { width: 990px !important; } .cursor-pointer { cursor: pointer !important; }