body, form{margin: 0;padding: 0;border: 0;} #layout_wrapper {margin-left: auto;margin-right: auto;} .float_wrapper{width: 100%;overflow: hidden;} .float{float: left;} .float_opposite{float: right;} .float_left{float: left;} .float_right{float: right;} .clear,.clear_both{clear: both;} .clear_before{clear: left;} .clear_after{clear: right;} .align_opposite{text-align: right;} .align_left{text-align: left;} .align_center{text-align: center;} .align_right{text-align: right;} .valign_top{vertical-align: top;} .valign_middle{vertical-align: middle;} .valign_bottom{vertical-align: bottom;} .no_margin{margin: 0;} .no_padding{padding: 0;} .margin_bottom{margin-bottom: 10px;} .margin_top{margin-top: 10px;} .margin_vertical{margin-top: 10px;margin-bottom: 10px;} .margin_before{margin-left: 10px;} .margin_after{margin-right: 10px;} .margin_bottom_small{margin-bottom: 5px;} .margin_top_small{margin-top: 5px;} .margin_vertical_small{margin-top: 5px;margin-bottom: 5px;} .margin_before_small{margin-left: 5px;} .margin_after_small{margin-right: 5px;} .margin_bottom_large{margin-bottom: 20px;} .margin_top_large{margin-top: 20px;} .margin_vertical_large{margin-top: 20px;margin-bottom: 20px;} .margin_before_large{margin-left: 20px;} .margin_after_large{margin-right: 20px;} .margin_left{margin-left: 10px;} .margin_left_small{margin-left: 5px;} .margin_left_large{margin-left: 20px;} .margin_right{margin-right: 10px;} .margin_right_small{margin-right: 5px;} .margin_right_large{margin-right: 20px;} .padding{padding: 10px;} .padding_bottom{padding-bottom: 10px;} .padding_top{padding-top: 10px;} .padding_left{padding-left: 10px;} .padding_right{padding-right: 10px;} .padding_rental{ padding-right: 10px; width: 330px;} .padding_vertical{padding-top: 10px;padding-bottom: 10px;} .padding_horizontal{padding-left: 10px;padding-right: 10px;} .padding_small{padding: 5px;} .padding_bottom_small{padding-bottom: 5px;} .padding_top_small{padding-top: 5px;} .padding_left_small{padding-left: 5px;} .padding_right_small{padding-right: 5px;} .padding_vertical_small{padding-top: 5px;padding-bottom: 5px;} .padding_horizontal_small{padding-left: 5px;padding-right: 5px;} .padding_large{padding: 20px;} .padding_bottom_large{padding-bottom: 20px;} .padding_top_large{padding-top: 20px;} .padding_left_large{padding-left: 20px;} .padding_right_large{padding-right: 20px;} .padding_vertical_large{padding-top: 20px;padding-bottom: 20px;} .padding_horizontal_large{padding-left: 20px;padding-right: 20px;} .print_only{display: none;} .indent1{padding-left: 10px;} .indent2{padding-left: 20px;} .indent3{padding-left: 30px;} .indent4{padding-left: 40px;} .hidden { display: none;} /* Bullets */ .bullet_wrapper {border-collapse:collapse;} .bullet_wrapper td {vertical-align:top;padding:0;} .bullet_wrapper .symbol {display:block;margin-right:3px;} /* Buttons */ a.button{display:inline-block;/* IE6 hack: must use a fixed width because IE6 can't determine size automatically */ _width:140px;color:#FFFFFF;text-decoration:none;outline:none;} a.button:hover{text-decoration:none;} .button .button_top,.button .button_content,.button .button_bottom{display:block;} .button .button_top,.button .button_bottom{height:2px;background-repeat:repeat-x;font-size:1px;line-height:1px;} .button_top .start,.button_top .end,.button_bottom .start,.button_bottom .end{height:2px;min-width:18px;/* IE6 hack: */ _width:18px;} .button_top .start,.button_bottom .start{float:left;} .button_top .end,.button_bottom .end{float:right;} .button_content{background-repeat:repeat-x;background-color:#d45411;color:#FFFFFF;padding:5px 8px 5px 8px;font-weight:bold;font-size:12px;line-height:12px;text-align:center;} .button_large .button_content{padding-top: 8px;padding-bottom: 8px;font-size:14px;line-height:14px;} .button_largest .button_content{padding-top: 18px;padding-bottom: 18px;font-size:15px;line-height:15px;} input.button,.sfButtonBottom{padding: 5px;border-width: 1px;} /* Tabbed box */ .tab_wrapper .tab_tabs .tab_item{cursor:pointer;} .tab_wrapper .tab_tabs a.tab_item,.tab_wrapper .tab_tabs .tab_item a{display:block;outline:none;} .tab_wrapper .tab_contents .tab_item{display:none;} .tab_wrapper .tab_contents .tab_active{display:block;} /* Paginator */ table.pager {width:100%;} table.pager td {padding-top:5px;padding-bottom:5px;} table.pager td {border-top-style: solid;border-top-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;} td.pager_prev {border-left-style: solid;border-left-width: 1px;} td.pager_next {border-right-style: solid;border-right-width: 1px;} td.pager_prev, td.pager_next {width:100px;} td.pager_prev a, td.pager_next a {text-decoration:none;font-weight:bold;} td.pager_next {text-align: right;} td.pager_prev a:hover, td.pager_next a:hover {text-decoration:underline;} td.pager_pages {text-align:center;} .pager_pages a,.pager_pages span.active {display:inline-block;border-width:1px;border-style:solid;font-size:13px;line-height:13px;font-weight:bold;margin:0 4px 0 4px;padding:2px 3px 2px 3px;text-decoration:none;} .message_box_error .box_content {padding: 10px;padding-right: 10px;} /* BEGIN basic table layout */ table.basic{width: 100%;} table.basic tr.header span.field,table.basic td.header span.field{font-size: 11px;font-weight: bold;} table.basic tr.header td{vertical-align: bottom;border-right-style: solid;border-right-width: 2px;} table.basic tr.header a{display: block;font-weight: bold;text-decoration: none;} table.basic tr.header span.field{display: block;min-height: 26px;padding: 4px;border-bottom-style: solid;border-bottom-width: 1px;} table.basic tr.header td.lastCell,table.basic tr.header td.noBorder{border-right: none;} table.basic tr.item td,table.basic tr.itemAlt td{padding: 2px 2px 2px 2px;border-bottom-style: dotted;border-bottom-width: 1px;} table.basic tr.highlight td,table.basic td.highlight{font-weight: bold;} div.basicTableSummary{padding: 4px;} div.basicTableTop{margin-bottom: 6px;} div.basicTableBottom{margin-top: 6px;} div.basicTableSummary table{width: 100%;} div.basicTableSummary td.lastCell{text-align: right;font-weight: bold;} div.basicSelectedActions{margin-top: 6px;} div.basicTableSummary a,div.basicSelectedActions a{text-decoration: none;font-weight: bold;} div.basicTableSummary table.pager,div.basicTableSummary td.pager_prev,div.basicTableSummary td.pager_pages,div.basicTableSummary td.pager_next {width:auto;} div.basicTableSummary table.pager {float:right;} div.basicTableSummary .pager_pages a,div.basicTableSummary .pager_pages span.active {font-size: 12px;line-height:normal;margin:0 1px 0 2px;padding:1px 2px 1px 2px;} /* END basic table layout */ /* BEGIN Autosuggestion popups */ div.asList{border-width: 1px;border-style: solid;text-align: left;} div.asItem, div.asHighlighted{padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;cursor: pointer;} .mascusCalendar .ajax__calendar_container{border-width: 1px;border-style: solid;} #orderpw{ display: block; } #companyinfo_container{width:100%;} .companylogo_container{float:left;} .companydetails_container{float:right;} .companydetail_u_name{font-size:14px;font-weight:bold;} .companylogo_img{max-height:70px;} /* END Autosuggest popups */ body, input.button{font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;} h1, .h1 {font-size: 1.50em;font-weight: bold;} h2, .h2 {font-size: 1.33em;font-weight: bold;} h3, .h3 {font-size: 1.17em;font-weight: bold;} h4, .h4, h5, .h5 {font-size: 1.08em;font-weight: bold;} .larger {font-size: 1.08em;} .smaller {font-size: 0.92em;} a.no_underline {text-decoration: none;} a {outline: none;} a.no_underline:hover {text-decoration: underline;} .bold, .strong {font-weight: bold;} .italic {font-style: italic;} .nowrap {white-space: nowrap;} /* * jQuery UI CSS Framework 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,Helvetica,sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=0&bgColorHeader=f6f6f6&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=d8d8d8&fcHeader=000000&iconColorHeader=333333&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=d8d8d8&fcContent=000000&iconColorContent=333333&bgColorDefault=f6f6f6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=d8d8d8&fcDefault=000000&iconColorDefault=333333&bgColorHover=d8d8d8&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=d8d8d8&fcHover=000000&iconColorHover=333333&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=d8d8d8&fcActive=000000&iconColorActive=333333&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #d8d8d8; background: #ffffff url(/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; } .ui-widget-content a { color: #000000; } .ui-widget-header { border: 1px solid #d8d8d8; background: #f6f6f6 url(/images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x; color: #000000; font-weight: bold; } .ui-widget-header a { color: #000000; } /* Interaction states----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8d8d8; background: #f6f6f6 url(/images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #d8d8d8; background: #d8d8d8 url(/images/ui-bg_flat_100_d8d8d8_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d8d8d8; background: #ffffff url(/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/images/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons----------------------------------*/ /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* * jQuery UI Resizable 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* * jQuery UI Selectable 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.11 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu {list-style:none;padding: 2px;margin: 0;display:block;float: left;} .ui-menu .ui-menu {margin-top: -3px;} .ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;} /* * jQuery UI Button 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/ : block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* * jQuery UI Progressbar 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } body{color: #000000;background-color: #FFFFFF;} .fp_category_group_main,.fp_category_groups.category_icons .fp_category_group_main a{background-color: #F6F6F6;} .fp_category_groups.category_icons .fp_category_group_main{background-color: #666666;} .fp_category_group_main a,.fp_category_group_children a{color: #000000;} #dynamic_login .menu_button_text{background-color: #333333;color: #FFFFFF;} .quick_search_form{background-color: #FFFFFF;} .current_filters,.search_facets,.latest_ads,.featured_ads,.search_form{border-color: #D8D8D8;} .current_filters .top_header,.search_facets .top_header{background-color: #D8D8D8;} .current_filter .header,.search_facet .header{background-color: #F6F6F6;border-color: #D8D8D8;} .current_filter .content,.search_facet .content{background-color: #FFFFFF;border-color: #D8D8D8;} table.pager td,#search_results table.top_actions td{border-color: #D8D8D8;} .pager_pages a{background-color: #FFFFFF;} .pager_pages a:hover,.pager_pages a.active,.pager_pages a.active:hover,.pager_pages span.active{color: #FFFFFF;} .new{color: #FFFFFF;} #search_results tr.header td{background-color: #D8D8D8;} #search_results tr.altRow td,#product_details tr.altRow td,#product_compare tr.altRow td{background-color: #F6F6F6;} #search_results .field_pricetaxinc,#search_results .field_pricetaxincvatrate{color: #666666;} .current_filter .remove,.search_facet .openclose{background-color: #FFFFFF;border-color: #D8D8D8;} .current_filter .remove{color: #EE0016;} #slideshow_prev,#slideshow_next,.ad_rotator_button{color: #FFFFFF;} #product_details tr.header td,#contact_form .header,#product_compare tr.header td{background-color: #666666;color: #FFFFFF;} #contact_form{background-color: #F6F6F6;} #contact_form .tab_tabs{border-color: #E2E2E2;background-color: #FFFFFF;} #contact_form .tab_tabs .tab_item{background-color: #FFFFFF;color: #000000;} #contact_form .tab_tabs .tab_active{background-color: #666666;color: #FFFFFF;} #product_compare tr.item td.cell1,#product_compare tr.item td.cell2,#product_compare tr.item td.cell3{border-left-color: #D8D8D8;} .print_tools{background-color: #F6F6F6;border-color: #000000;} input.error,select.error,textarea.error{background-color: #FEE6B8;border: solid 1px #FF5F01;} span.error,div.error{background-color: #FEE6B8;border: solid 1px #FF5F01;padding: 3px;} span.error{display: inline-block;} .message_box_error{ background-color: #FEE6B8; /*background-image: none;*/ min-height: 70px;} /* BEGIN basic table layout */ table.basic tr.header td{background-color: #D8D8D8;border-right-color: #FFFFFF;} table.basic tr.header a{color: #000000;} table.basic tr.header span.field{border-bottom-color: #BABABA;} table.basic tr.item td,table.basic tr.itemAlt td{border-bottom-color: #D8D8D8;} table.basic tr.itemAlt{background-color: #F6F6F6;} table.basic tr.highlight td,table.basic td.highlight{background-color: #FFFAE9;} div.basicTableSummary{background-color: #F6F6F6;} /* END basic table layout */ /* BEGIN Autosuggestion popups */ div.asList{border-color: #D8D8D8;background-color: #FFFFFF;} div.asHighlighted{background-color: #666666;color: white;} .mascusCalendar .ajax__calendar_container{background-color: #FFFFFF;border-color: #D8D8D8;} /* END Autosuggest popup */ #intra_tabs a{background-color: #333333;border-color: #FFFFFF;color: #FFFFFF;} #intra_tabs a.active{background-color: #F6F6F6;color: #000000;} #intra_tools a{background-color: #F6F6F6;} #modalPopupLoading,.contentLoading,.contentLoadingIcon{background-image: url(/images/loading_ani_16.gif);} .page_intraeditad .custom_field_group_header{border-bottom-color: #F6F6F6;} a,.bullet_wrapper .symbol,.pager .symbol,#contact_form .contact_company,#intra_tabs a.active,.page_intraeditad .custom_field_group_header{color: #FD6500;} .ui-slider-handle,.pager_pages a,.pager_pages a.active,.pager_pages a.active:hover,.pager_pages span.active,.current_filters,.thumb_small,.thumb_medium,#search_results .bottom_actions .pointer,#product_images #image_thumbs a.active,.ocBox .box_content,.message_box,#modalPopupBox,.page_intraeditad .custom_field_group{ border-color: #FD6500 !important;} tr.header td.serviceByte{ border-top-color: #FD6500;} input.button,.sfButtonBottom,.ui-slider-range,.pager_pages a:hover,.pager_pages a.active,.pager_pages a.active:hover,.pager_pages span.active,.new,#slideshow_prev,#slideshow_next,.ad_rotator_button,#contact_form .header,#contact_form .tab_tabs .tab_active,div.asHighlighted,div.listMenuContent a:hover,#intra_tabs a,.tabNavi2 .tabs,#dynamic_login .menu_button_text,.fp_category_groups.category_icons .fp_category_group_main,.page_intraeditad .custom_fields_header{background-color: #FD6500;} div.asList{background-color: #FFFAE9;} input.button,.sfButtonBottom{border-style: solid;border-top-color: #FF9968;border-left-color: #FF9968;border-bottom-color: #A12500;border-right-color: #A12500; color: #FFFFFF;} input.button_down{background-color: #FF6600;border-top-color: #A12500;border-left-color: #A12500;border-bottom-color: #FF9968;border-right-color: #FF9968;} a.button .button_top{background-image:url(/images/orange_button_top.gif);} a.button .button_bottom{background-image:url(/images/orange_button_bottom.gif);} .button_top .start{background-image:url(/images/orange_button_top_start.gif) !important;} .button_top .end{background-image:url(/images/orange_button_top_end.gif) !important;} .button_bottom .start{background-image:url(/images/orange_button_bottom_start.gif) !important;} .button_bottom .end{background-image:url(/images/orange_button_bottom_end.gif) !important;} .button_content{background-image:url(/images/orange_button.gif);background-color:#FD6500;color:#FFFFFF;} .button_large .button_content{background-image:url(/images/orange_button_larger.gif);} .button_largest .button_content{background-image:url(/images/orange_button_largest.gif);} #modalPopupLoading,.contentLoading,.contentLoadingIcon{background-image: url(/images/loading_ani_orange_16.gif);} /* jQuery UI CSS Framework 1.8.11 */ .ui-icon {width: 16px; height: 16px; background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-state-default .ui-icon {background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-state-active .ui-icon {background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_fd6500_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_cd0a0a_256x240.png); } .ui-slider-range {background-image: none; } #page_top{} #page_top .site_name{font-size: large;font-weight: bold;} h1.main_header{margin-top: 0;margin-bottom: 20px;} #path{margin-bottom: 5px;} /* Front page */ .fp_category_groups a{text-decoration: none;} .fp_category_groups a:hover{text-decoration: underline;} .fp_category_group_main{font-size: 1.08em;font-weight: bold;padding: 5px;} .fp_category_group_children{padding: 5px;} /* Front page with category icons */ .fp_category_groups.category_icons .fp_category_group_main{padding: 0 0 0 37px;min-height: 37px;_height: 37px; /* IE6 hack */ background-position: left top;background-repeat: no-repeat;} .fp_category_groups.category_icons .fp_category_group_main a{display: block;padding: 2px 2px 2px 5px;min-height: 33px;_height: 33px; /* IE6 hack */ } /* Category icons (white on theme color) */ .category_icons .catalog_agriculture{background-image: url(/images/categoryicons/Agriculture-Light.png)} .category_icons .catalog_cargo-transport{background-image: url(/images/categoryicons/Cargo-Transport-Light.png)} .category_icons .catalog_construction{background-image: url(/images/categoryicons/Construction-Light.png)} .category_icons .catalog_forestry{background-image: url(/images/categoryicons/Forestry-Light.png)} .category_icons .catalog_groundscare{background-image: url(/images/categoryicons/Groundscare-Light.png)} .category_icons .catalog_materialhandling{background-image: url(/images/categoryicons/MaterialHandling-Light.png)} .category_icons .category_compactionequipmentmain{background-image: url(/images/categoryicons/CompactionEquipmentMain-Light.png)} .category_icons .category_compacttractors{background-image: url(/images/categoryicons/CompactTractors-Light.png)} .category_icons .category_constructioncomponents{background-image: url(/images/categoryicons/ConstructionComponents-Light.png)} .category_icons .category_drillingrigs{background-image: url(/images/categoryicons/DrillingRigs-Light.png)} .category_icons .category_dumpersmain{background-image: url(/images/categoryicons/DumpersMain-Light.png)} .category_icons .category_excavators{background-image: url(/images/categoryicons/Excavators-Light.png)} .category_icons .category_lawnmowers{background-image: url(/images/categoryicons/LawnMowers-Light.png)} .category_icons .category_loaders{background-image: url(/images/categoryicons/Loaders-Light.png)} .category_icons .category_telehandlers{background-image: url(/images/categoryicons/Telehandlers-Light.png)} .category_icons .category_tractors{background-image: url(/images/categoryicons/Tractors-Light.png)} .category_icons .category_wastetrucks{background-image: url(/images/categoryicons/WasteTrucks-Light.png)} /* Cutout category icons (theme color on white) */ .category_icons_cutout .catalog_agriculture{background-image: url(/images/categoryicons/Agriculture-CutOut.png)} .category_icons_cutout .catalog_cargo-transport{background-image: url(/images/categoryicons/Cargo-Transport-CutOut.png)} .category_icons_cutout .catalog_construction{background-image: url(/images/categoryicons/Construction-CutOut.png)} .category_icons_cutout .catalog_forestry{background-image: url(/images/categoryicons/Forestry-CutOut.png)} .category_icons_cutout .catalog_groundscare{background-image: url(/images/categoryicons/Groundscare-CutOut.png)} .category_icons_cutout .catalog_materialhandling{background-image: url(/images/categoryicons/MaterialHandling-CutOut.png)} .category_icons_cutout .category_compactionequipmentmain{background-image: url(/images/categoryicons/CompactionEquipmentMain-CutOut.png)} .category_icons_cutout .category_compacttractors{background-image: url(/images/categoryicons/CompactTractors-CutOut.png)} .category_icons_cutout .category_constructioncomponents{background-image: url(/images/categoryicons/ConstructionComponents-CutOut.png)} .category_icons_cutout .category_drillingrigs{background-image: url(/images/categoryicons/DrillingRigs-CutOut.png)} .category_icons_cutout .category_dumpersmain{background-image: url(/images/categoryicons/DumpersMain-CutOut.png)} .category_icons_cutout .category_excavators{background-image: url(/images/categoryicons/Excavators-CutOut.png)} .category_icons_cutout .category_lawnmowers{background-image: url(/images/categoryicons/LawnMowers-CutOut.png)} .category_icons_cutout .category_loaders{background-image: url(/images/categoryicons/Loaders-CutOut.png)} .category_icons_cutout .category_telehandlers{background-image: url(/images/categoryicons/Telehandlers-CutOut.png)} .category_icons_cutout .category_tractors{background-image: url(/images/categoryicons/Tractors-CutOut.png)} .category_icons .category_wastetrucks{background-image: url(/images/categoryicons/WasteTrucks-Cutout.png)} /***************Dashboard*************************/ .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em;} .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;} .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 2px 0 0; border-bottom-width: 0; padding: 0;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 10px; width: 100%; text-decoration: none; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor.has_count { padding-right: 30px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text;} .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer;} .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em; background: none;} .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:before,.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after { clear: both;} * .Dashboard * { box-sizing: border-box;} .Dashboard { width: 100%; line-height: 1.5; border: none; background: transparent; display: inline-block; vertical-align: top;} .Dashboard .ui-tabs-nav li { width: calc(50% - 1px); position: relative; height: auto;} .Dashboard .ui-tabs-nav li span { position: absolute; margin: 5px 3px 0 0; right: 0px; background: #fff; border-radius: 50%; display: inline-block; min-width: 24px; padding: 3px; font-size: 12px; top: 0; text-align:center;} .Dashboard .tab_content ul { padding-left: 0px; padding-right: 0px;} .Dashboard .ui-tabs-nav { padding-left: 0px; padding-right: 0px; background: transparent; display: flex; flex-flow: row nowrap;} .Dashboard .tab_content li { list-style: none;} .Dashboard .tab_content, .Dashboard .tab_header.ui-tabs-active { background: #F4F4F8;} .Dashboard .tab_header { background: #DFE0E6; border-top-left-radius: 3px; border-top-right-radius: 3px;} .Dashboard .tab_content_table { width: 100%; table-layout: auto; border-collapse: collapse;} .Dashboard .tab_content_table .tab_item_data { text-align: right; width: 1px; white-space: nowrap;} .Dashboard .tab_content_table td { padding: 5px;} .Dashboard .tab_content_table .tab_item_header { font-weight: bold;} .Dashboard .tab_header a, .Dashboard .tab_header span { color: #333333; font-weight: bold;} .Dashboard .tab_header.ui-tabs-active a, .Dashboard .tab_header.ui-tabs-active span { color: #000000;} .Dashboard .ui-tabs-nav li:last-child { margin-right: 0px;} .Dashboard .tab_header.ui-tabs-active { border-top: 2px solid #333333;} .Dashboard .tab_content { padding-bottom: 50px; position: relative;} .Dashboard .tab_content .show_all_tabs { padding: 10px; border-top: 1px dashed #DFE0E6; width: calc(100% - 2em); display: inline-block; font-weight: bold; position: absolute; bottom: 0px; text-align: center;} body.dir_rtl .Dashboard .tab_content .show_all_tabs { right: 1em;} .Dashboard .tab_item { padding: 5px 0px;} .Dashboard #tab_savedsearches .tab_item { position: relative;} .Dashboard .tab_item .tab_item_date { font-size: 13px; color: #8C8C8C; display: block;} .Dashboard .tab_item .tab_item_header { font-size: 15px; color: #333333; font-weight: bold;} .Dashboard #tab_latestmachines .tab_item .tab_item_header { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .Dashboard .tab_content_table .tab_item .tab_item_header { padding-right: 0px;} .Dashboard #tab_savedsearches .tab_item .tab_item_header { padding-right: 50px;} .Dashboard #tab_savedsearches .tab_item .dealerSearchRemove { display: inline-block; font-size: 15px; position: absolute; right: 0; top: 0; padding: 5px;} .Dashboard #tab_savedsearches .tab_item .dealerSearchRemove .fa { line-height: inherit; } .Dashboard .tab_item .tab_item_detail { font-size: 13px; color: #8C8C8C; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .Dashboard #tab_item_link { display: inline-block; vertical-align: middle; width: 100%;} .Dashboard #tab_latestmachines img { display: inline-block; padding: 5px; border: none; border-right: 1px dashed #DFE0E6; width: 80px;} .Dashboard #tab_latestmachines .tab_field_header { display: inline-block; vertical-align: middle; width: calc(100% - 80px); padding: 5px; color: #000;} .Dashboard #tab_latestmachines .tab_field_price { float: right; font-weight: bold;} .Dashboard #tab_latestmachines .tab_field_price > span > span { font-weight: normal; } .Dashboard .tab_content .tab_item.IMS_total { border-top: 1px solid #000;} .Dashboard .tab_content th { background: #ECEDF2; border-top: 1px solid #DFE0E6; padding: 5px; padding-top: 10px; text-transform: uppercase; text-align: left; font-weight: bold;} body.language_ar .Dashboard .tab_content th, body.language_ar .Dashboard .tab_content_table .tab_item .tab_item_header { text-align: right;} .Dashboard #tab_agingitem th { border-bottom: 1px solid #000000; text-transform: uppercase; text-align: center; font-weight: normal; background: transparent; border-top: none; width: 20%; word-break: break-word;} .Dashboard #tab_agingitem .tab_content_table .tab_item_header { font-weight: normal;} .Dashboard #tab_agingitem .tab_content_table .tab_item_data { text-align: center;} .Dashboard .tab_content .tab_item { border-top: 1px solid #DFE0E6;} .Dashboard .tab_content .tab_item:last-child { border-bottom: 1px solid #DFE0E6; } .Dashboard .tab_content#tab_contactrequest li, .Dashboard .tab_content#tab_wantads li { border-width: 0px;} /* Intra 2 adsearch*/ * #tab_adsearch * { box-sizing: border-box;} #tab_adsearch { width: 100%; line-height: 1.5; border: none; background: transparent; display: inline-block; vertical-align: top; position: relative; display:none; padding:0px;} #tab_adsearch .ui-tabs-nav li { line-height: 1.5; text-align: center; border: 1px solid #dee2e6; border-bottom: none;} #tab_adsearch .ui-tabs-nav li span { position: absolute; margin: 5px 3px 0 0; right: 0px; background: #24507f; color: #fff; border-radius: 50%; display: inline-block; min-width: 24px; padding: 3px; font-size: 12px; top: 0;} #tab_adsearch .tab_content ul { padding-left: 0px; padding-right: 0px;} #tab_adsearch .ui-tabs-nav { padding-left: 0px; padding-right: 0px; position:relative; overflow:visible;} #tab_adsearch .tab_content li { list-style: none;} #tab_adsearch #tab_searchform .collapse, #tab_adsearch #tab_savedsearches.collapse { border-top: 1px solid #dee2e6 !important;} #tab_adsearch #tab_searchform, #tab_adsearch #tab_savedsearches { padding: 0px; background: #fff;} #tab_adsearch .tab_content, #tab_adsearch .ui-tabs-tab.ui-tabs-active { background: #fff;} #tab_adsearch .ui-tabs .ui-tabs-nav { padding-top: 0px; background: #DFE0E6;} #search_shortcuts a { display: inline-block; padding: 2px 5px; border: 1px solid #D8DDE6; margin: 0 3px; color: #000; border-radius: 3px; margin-bottom:3px;} #tab_adsearch #search_shortcuts { display: inline-block; float: right; padding-top: 5px; line-height: 1.5; width: 50%; position: absolute; bottom: calc(100% - 50px); right: 0px; max-height: 72px; overflow-y: auto; z-index: 999;} #tab_adsearch .ui-tabs-tab { background: #f8f9fa; border-top-left-radius: 3px; border-top-right-radius: 3px; text-transform: capitalize;} #tab_adsearch .tab_content_table { width: 100%; table-layout: fixed; border-collapse: collapse;} #tab_adsearch .tab_content_table .tab_item_data { text-align: right;} #tab_adsearch .tab_content_table td { padding: 5px;} #tab_adsearch .tab_content_table .tab_item_header { font-weight: bold;} #tab_adsearch .ui-tabs-tab a,#tab_adsearch .ui-tabs-tab span { color: #333333; font-weight: bold;} #tab_adsearch .ui-tabs-tab a { text-transform: capitalize;} #tab_adsearch .ui-tabs-tab:nth-child(2) a { padding-right: 40px;} #tab_adsearch .ui-tabs-tab.ui-tabs-active a { color: #000000;} #tab_adsearch .ui-tabs-nav li:last-child { margin-right: 0px;} #tab_adsearch .ui-tabs-tab.ui-tabs-active { border-top: 2px solid #24507f;} #tab_savedsearches .search-shortcuts label { margin: 5px;} #tab_savedsearches table.saved-searches { float: left; width: calc(50% - 20px); margin-right: 20px;} #tab_savedsearches div.search-shortcuts { display: inline-block; width: 50%; float: left;} #tab_adsearch .box-header { display: none;} #tab_adsearch input[type=checkbox] { box-sizing: border-box; padding: 0; height: 16px; width: 16px; background: #fff; display: inline-block; line-height: inherit; vertical-align: middle; margin-right: 5px;} #tab_adsearch .search-name { width: 50%;} #tab_adsearch .saved-searches tr { border-bottom: #dee2e6 solid 1px;} #tab_adsearch .search-display { padding: 0px 20px 0px 0px;} #tab_adsearch .search-display label { padding: 5px; border-radius: 3px; margin-bottom: 0px;} #tab_adsearch .search-erase { padding: 5px;} #tab_adsearch .saved-searches label { margin-bottom: 0; padding-left: 5px;} #tab_adsearch .saved-searches th { font-style: normal;} #tab_adsearch .search-shortcuts tr { display: flex; flex-wrap: wrap;} #tab_adsearch .search-shortcuts td { padding-right: 5px;} #tab_adsearch .dealerSearches input[type="checkbox"] { margin-right: 4px;} #tab_adsearch #search_shortcuts div.shortcut_container { display: inline-block; max-width: calc(100% - 130px); float:right;} #tab_adsearch #search_shortcuts div.shortcut_container:empty, #search_shortcuts div.shortcut_container:empty + span.header { display: none;} #tab_adsearch #search_shortcuts span.header { float: right; padding: 3px;} #tab_adsearch .search-shortcuts label { margin-right: 0px; background-color: #f4f6f9; padding: 5px 10px 5px 10px; border-radius: 5%;} #tab_adsearch .search-display { padding-right: 10px;} #tab_adsearch .dealerSearches th { font-weight: normal; font-size: 1em;} #tab_adsearch #search_shortcuts a:hover { text-decoration: none; background-color: #2a4361; color: #fff;} .d-flex { flex-wrap: wrap;} #tab_adsearch #tab_savedsearches_content:empty { display: none;} #tab_adsearch .search-shortcuts label.selected, #tab_adsearch .saved-searches label.selected { background-color: #2a4361; color: #fff;} #tab_adsearch .search-shortcuts label.selected a { color: #fff; } #modalPopup { position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 0; display: none;} #modalPopupTable { width: 100%; height: 99%; border: 0;} #modalPopupCell { padding: 0; text-align: center; vertical-align: middle;} #modalPopupBox { padding: 8px; border-style: solid; border-width: 1px; background-color: #FFFFFF; text-align: left; margin-left: auto; margin-right: auto; overflow-y: auto; min-height: 32px;} #modalPopupLoading { background-image: url(/images/loading_ani_blue_16.gif); background-repeat: no-repeat; text-align: center; height: 16px;} #modalPopupCancelButton,#modalPopupOkButton { margin-top: 10px;} #modalPopupContent h2 { margin-top: 0; margin-bottom: 0;} #modalPopupContent p { margin-top: 12px; margin-bottom: 0;} #modalPopupContent input.button { min-width: 90px;} @media(max-width: 414px) { #search_shortcuts { display: none; } } /* Product images */ .thumb_small,.thumb_medium{border-style: solid;border-width: 1px;} .thumb_small{max-width: 50px;max-height: 38px;} .thumb_medium{max-width: 120px;max-height: 90px;} /* Product videos */ .videos{margin-top:10px;} .video_header{font-weight:bold;margin-bottom:10px;} /* Search results */ #search_results .top_actions{width: 100%;border-collapse: collapse;} #search_results .top_actions td{padding: 5px 0 5px 0;border-bottom-style: solid;border-bottom-width: 1px;} #search_results .top_actions .cell1{width: 25%;} #search_results .top_actions .cell2{width: 40%;} #search_results .top_actions .cell3{width: 25%;} #search_results .bottom_actions{border-collapse: collapse;} #search_results .bottom_actions td{padding: 5px 0 5px 0;vertical-align: top;} #search_results .bottom_actions .cell1{width: 30px;} #search_results .bottom_actions .cell2{padding: 7px 10px 5px 3px;} #search_results .bottom_actions .pointer{border-left-style: solid;border-left-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;font-size: 1px;height: 15px;width: 15px;margin-left: 15px;} .search_results_summary{font-weight: bold;} #search_results .search_results_sort{width: 160px;} #search_results .list{width: 100%;} #search_results .list .header td{padding: 5px;vertical-align: bottom;font-weight: bold;} #search_results .list .item td{padding: 5px;} #search_results .cell_checkbox{width: 20px;} #search_results .cell_image{width: 122px;} #search_results .cell_price,#search_results .cell_pricetaxinc{text-align: right;} #search_results .cell_pricevatrate,#search_results .cell_pricetaxincvatrate,#search_results .cell_vatrate{text-align: right;} #search_results .new{display: inline-block;padding: 1px 3px 1px 3px;font-weight: bold;} #search_results .field_brandmodel a, #search_results .field_yearandbrand a{font-size: 1.08em;font-weight: bold;text-decoration: none;} #search_results .field_brandmodel a:hover, #search_results .field_yearandbrand a:hover{text-decoration: underline;} #search_results .item .field_price,#search_results .item .field_pricetaxinc,#search_results .item .field_pricevatrate,#search_results .item .field_pricetaxincvatrate,#search_results .item .field_vatrate{font-size: 1.08em;white-space: nowrap;} #search_results .item .field_price,#search_results .item .field_pricetaxinc{font-weight: bold;} #search_results .field_pricevatrate_amount,#search_results .field_pricetaxincvatrate_amount,#search_results .field_vatrate_amount{display: inline-block;width: 30px;text-align: right;} #search_results .item .field_custom_warranty { height: 48px; position: absolute; top: 5px; left: 5px; z-index: 2; background-color: rgba(255,255,255,0.5);} #search_results .item .field_custom_warranty img { height: 100%; } .current_filters,.search_facets{border-style: solid;border-width: 1px;padding: 1px;margin-bottom: 10px;} .current_filters .top_header,.search_facets .top_header{font-weight: bold;font-size: 1.08em;padding: 2px;padding-left: 3px;} .current_filter,.search_facet{margin-top: 1px;} .current_filter .header,.search_facet .header{border-style: solid;border-width: 1px;font-weight: bold;} .current_filter .header,.search_facet .header,.current_filter .item,.search_facet .item{padding: 2px;} .current_filter .content,.search_facet .content{border-style: solid;border-width: 1px;border-top-width: 0;} .search_facet .header{cursor: pointer;} .search_facet .content{max-height: 114px;margin-bottom: 5px;overflow-x: hidden;overflow-y: auto;} .search_facet table.ranges{border-collapse: collapse;width: 100%;} .search_facet table.ranges td{padding: 2px;} .search_facet input.range{width: 76px;} .search_facet .slider{padding-top: 5px;padding-bottom: 5px;padding-left: 10px;padding-right: 10px;} .search_facet .submit{margin: 2px;} .current_filter .remove,.search_facet .openclose{border-style: solid;border-width: 1px;text-align: center;text-decoration: none;font-size: 11px;line-height: 11px;width: 14px;height: 13px;} .current_filter .item a,.search_facet .item a{text-decoration: none;} .selection-modal-closed input[type='checkbox'] { display: none;} .selection-modal-closed .item:hover { cursor: pointer; text-decoration: underline;} .selection-modal-closed .selection-modal-content-header, .selection-modal-closed .selection-modal-content-footer { display: none;} .selection-modal-btn { cursor: pointer;} .selection-modal-btn:hover { text-decoration: underline;} .selection-modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999;} .selection-modal .selection-modal-content { padding: 20px; margin: 50px auto; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; max-height: 90%; max-width: 90%; overflow: hidden; width: 790px; height: 400px; padding-top: 45px; position: relative;} .selection-modal .selection-modal-content .selection-modal-content-header { position: absolute; top: 10px; width: 100%; left: 0px; padding: 0px 20px; display: block;} .selection-modal .selection-modal-content .selection-modal-content-header h5 { display: inline-block; font-size: 2rem; font-weight: bold;} .selection-modal .selection-modal-content .selection-modal-content-header a { float: right; padding: 2px 9px; background-color: #23527c; color: white; border-radius: 2px; cursor: pointer; font-weight: bold;} .selection-modal .selection-modal-content .selection-modal-content-body { padding-bottom: 20px; height: 86%; overflow-y: scroll;} .selection-modal .selection-modal-content .selection-modal-content-footer { border-top: 1px dashed #e3e3e3; padding-top: 20px; text-align: right; display: block;} .selection-modal .selection-modal-content .selection-modal-content-footer .select-button { padding: 5px 15px; background-color: #23527c; color: white; margin-left: 10px; cursor: pointer; border-radius: 2px; font-weight: bold;} .selection-modal .selection-modal-content .selection-modal-content-footer .black-link:hover { text-decoration: underline; cursor: pointer;} .selection-modal .selection-modal-content .item { width: 33%; display: inline-block;} .selection-modal .selection-modal-content .item:hover { background-color: #f4f4f4; cursor: pointer;} .selection-modal .selection-modal-content .item .checkBoxText { margin-left: 5px; vertical-align: text-bottom;} .selection-modal .selection-modal-content .item .count { vertical-align: text-bottom;} .no-scroll { height: 100%; overflow: hidden;} /* Search forms */ .quick_search_form{border-style: solid;border-width: 1px;padding: 5px;margin-bottom: 10px;} .quick_search_form .top_header{font-weight: bold;margin-bottom: 5px;} .quick_search_form .TextBox{width: 99%;} .search_form .search_field{margin-bottom: 5px;} .search_form .field_header{margin-bottom: 2px;font-weight: bold;} /* Product card */ #product_card_wrapper .col1 {width:480px;} #product_card_wrapper .col2 {width:300px;margin-left:15px;} #product_summary {font-weight:bold;font-size:13px;margin-bottom:5px;} #product_card {} #product_card .top {border-collapse: collapse;} #product_card .top .col1,#product_card .top .col2 {padding-top: 0;padding-bottom: 0;vertical-align: bottom;} #product_card .top .col2 {padding: 0;} #product_card .pdf_button {width: 35px;vertical-align: bottom;margin-right: 3px;} #product_card .print_button {display: inline-block;height: 17px;background-image: url(/images/print.gif);background-repeat: no-repeat;text-decoration: none;padding-top: 4px;padding-left: 28px;} #product_card .content {} #product_card .top .col1,#product_card .content .col1 {width:374px;} #product_card .top .col2,#product_card .content .col2 {width:216px;} #product_card .content .col1,#product_card .content .col2, #product_contact .content .col1,#product_contact .content .col2 {/* IE6 margin hack: */ _display:inline;} #product_images #image_frame {border: solid 1px #D8D8D8;padding: 1px;} #product_images #image_main {position: relative;width: 370px;height: 278px;overflow: hidden;} #product_images img.image_main {position: absolute;top: 0px;left: 0px;max-width: 370px;max-height: 278px;} #product_images #image_thumbs,#product_images #image_larger {margin-top: 10px;} #product_images #image_larger a {text-decoration:none;} #product_images #image_larger a:hover {text-decoration:underline;} #product_images #image_thumbs a {display:inline-block;border-style:solid;border-width:2px;border-color:#666666;margin-right:10px;max-width:50px;max-height:38px;overflow:hidden;} #product_images #image_thumbs a.active {border-color:#de5d12;} #product_images #image_thumbs a img {height:38px;} #slideshow_controls {position:absolute;z-index:5000;top:50%;left:0px;margin-top:-41px;width:370px;height:82px;display:none;} #slideshow_prev,#slideshow_next {font-size: 1.66em;cursor:pointer;padding: 30px 8px 30px 8px;} #seller_info {border: solid 1px #e2e2e2;background-color: #FFFFFF;padding: 10px;min-height: 312px;} .seller_header {margin-bottom:10px;} .seller_logo {padding-bottom: 5px;} .seller_company_name {} .seller_name {} .seller_locator {padding-left:35px;background-image:url(/images/locator_icon.gif);background-repeat:no-repeat;font-size:12px;min-height:29px;} .seller_address, .seller_locator, .seller_contact {margin-top: 15px;} .seller_others {padding-top: 10px;} .seller_all_ads {margin-top: 5px;} #product_details table.data {width: 100%;border-collapse: collapse;} #product_details tr.header td {font-weight: bold;padding: 2px;} #product_details tr.item td {padding: 2px;} #product_details tr.item td.header {width: 176px;font-weight: bold;} #product_details table.approved_used_data td {padding: 0;} #product_details table.approved_used_data img {margin-bottom: 5px;} #contact_form .header {font-weight: bold;padding: 2px;} #contact_form .content {padding-top:10px;padding-bottom:10px;} #contact_form .col1 {width:285px;margin-left:10px;} #contact_form .col2 {width:285px;margin-left:10px;} #contact_form .tab_tabs {height:100px;border-style:solid;border-width:1px;overflow:auto;margin-bottom: 10px;} #contact_form .tab_tabs .tab_item {padding:4px;text-decoration:none;line-height:14px;} #contact_form .contact_company {display:block;} #contact_form .contact_company,#contact_form .contact_name {font-size:16px;line-height:18px;font-weight:bold;} #contact_form .contact_company,#contact_form .contact_name,#contact_form .contact_address, #contact_form .contact_data {margin-bottom:10px;} #contact_form .contact_data td {vertical-align:top;} #contact_form .contact_data td.data_label {/*text-align:right;*/ padding-right:5px;} #contact_form .seller_photo { float: right;} #contact_form .seller_photo img { height: 150px;} #contact_form .seller_locator {margin:0;padding-bottom:0;} #contact_form .input_label {display:block;margin-bottom:2px;} .contact_message, .contact_input {width:279px;border:solid 1px #E2E2E2;padding:2px;font-family:Arial, Helvetica, sans-serif;color:#333333;font-size:12px;margin-bottom:10px;} .contact_message {height:160px;} .contact_send {_width:130px;min-width:130px;} /* Large product images page */ .page_productimages #product_images #image_main {width: 596px;height: 447px;} .page_productimages #product_images img.image_main {max-width: 596px;max-height: 447px;} .page_productimages #slideshow_controls {width: 596px;} .page_productimages #product_images #image_thumbs a {margin-bottom: 10px;} /* Product card print */ .page_productprint #path{display: none;} .print_tools {padding: 10px;text-align: right;border-bottom-style: solid;border-bottom-width: 2px;margin-bottom: 10px;} .rental-row .rental-pricing{ width: 50%;} .rental-row .rental-price{ float: left; margin-right: 5px;} @media print{.print_tools {display: none;} } .print_show_photos,.print_hide_photos,.print_printer{display: inline-block;width: 75px;height: 52px;font-size: 12px;text-decoration: none;} .print_show_photos{background-image: url(/images/print_photo.gif);} .print_hide_photos{background-image: url(/images/print_no_photo.gif);} .print_printer{background-image: url(/images/print_button.gif);} table#product_card_print{width: 100%;border-collapse: collapse;} table#product_card_print td{vertical-align: top;} .page_productprint .col1,.page_productprint .col2{padding: 0;} .page_productprint .col2{padding-left: 10px;} .page_productprint #product_details {width: 100%;} .page_productprint #product_images {width: 100%;} .page_productprint #product_images #image_frame {border:none;padding:0;} .page_productprint #product_images #image_larger {display:none;} .page_productprint #product_images #image_thumbs a {max-width:120px;max-height:90px;border:none;margin-bottom: 10px;} .page_productprint #product_images #image_thumbs a img {height:90px;} .page_productprint #product_details tr.header td,.page_productprint #product_details tr.header td span,.page_productprint #product_details tr.altRow td{background-color: #FFFFFF;background-image: none;color: #000000;} .page_productprint #product_details tr.header td{border-bottom: solid 2px #000000;padding: 4px 4px 4px 0;} .page_productprint #product_details tr.header td span{padding: 0;} .page_productprint #product_details tr.item td{border-bottom: solid 1px #000000;padding: 4px 4px 4px 0;} .page_productprint #seller_info{min-height: 0;border: none;padding: 0;} /* Product comparison */ #product_compare table.data {border-collapse: collapse;width: 100%;} #product_compare tr.header td {font-weight: bold;padding: 2px;} #product_compare tr.item td {padding: 2px;vertical-align: top;} #product_compare tr.item td.header {width: 176px;font-weight: bold;} #product_compare td.cell1,#product_compare td.cell2,#product_compare td.cell3 {width: 25%;} #product_compare td.cell1 select,#product_compare td.cell2 select,#product_compare td.cell3 select {width: 98%;} #product_compare td.cell1,#product_compare td.cell2,#product_compare td.cell3 {border-left-style: solid;border-left-width: 1px;} #product_compare td.cell1 span.data,#product_compare td.cell2 span.data,#product_compare td.cell3 span.data {display: block;_overflow: hidden;overflow-x: hidden;} #product_compare img.thumb_small,#product_compare img.thumb_medium {border-style: solid;border-width: 1px;} /* Ad rotator (Latest ads, Featured ads) */ .ad_rotator{position: relative;overflow: hidden;} .ad_rotator_button{display: block;padding: 4px;font-size: 1.17em;cursor: pointer;} .ad_rotator_table{border-collapse: collapse;width: 100%;visibility: hidden;} .ad_rotator .list_horizontal tr.item td{vertical-align: top;padding-right: 5px;} .ad_rotator .list_vertical tr.item td{vertical-align: top;padding-bottom: 5px;padding-right: 5px;} .ad_rotator .list_vertical tr.item td.lastCell{padding-right: 0;} .latest_ads,.featured_ads{border-style: solid;border-width: 1px;padding: 5px;} #fp_latest_ads .latest_ads {border-width: 0;} /* Dynamic drop menu */ .menu_button {display:inline-block;position:relative;border-width:1px;border-style:solid;cursor:pointer;} .menu_button_text {font-weight:bold;text-decoration:none;padding:5px;cursor:pointer;} .menu_button_text:hover {text-decoration:underline;} .menu_wrapper {position:absolute;top:0;left:0;z-index:900;width:250px;display:none;border-width: 1px;border-style: solid;} .menu_divider {position:absolute;z-index:910;bottom:0;left:0;font-size: 1px;line-height: 1px;background-color:#FFFFFF;} .menu_content {padding:15px;} /**/ #login_form{display: inline-block;} .login_input, #login_form .error{width: 200px;margin-bottom: 5px;} #login_form .error{color: #FF0000;} #dynamic_login_name {float: left;padding: 5px;} #dynamic_login_name a{color: #333333;text-decoration: none;font-weight: bold;} #dynamic_login_name a:hover{text-decoration: underline;} /* Mascus Data Inspection form (ex-PDI form) */ table.PDITable{width: 100%;margin-top: 5px;} table.PDIHeader{width: 100%;} table.PDIFooter{margin-top: 14px;} table.PDIFooter td{vertical-align: bottom;} .PDIMainHeader{font-weight: bold;font-size: 14pt;} .PDISubHeader{font-weight: bold;font-size: 11pt;} .PDICompanyName{font-weight: bold;font-size: 11pt;margin-top: 4px;} .PDIFooterTip{border: solid 1px #999999;background-color: #FEE6B8;padding: 8px;margin-right: 10px;} .PDITable td.sectionHeader{padding-bottom: 3px;padding-top: 5px;border-bottom: solid 2px #D4471C;} .PDITable td.sectionHeader span{font-weight: bold;font-size: 13pt;} .PDITable td.header{padding-top: 2px;} .PDITable td.header span{font-weight: bold;font-size: 9pt;} .PDITable td.field{padding-bottom: 10px;font-size: 8pt;} .PDITextBox, .PDITextArea{width: 95%;} .PDITextBox{margin-top: 4px;border: none;border-bottom: dotted 1px #000000;} .PDITextArea{border: none;height: 200px;overflow: hidden;} .message_form .TextBox,.message_form .TextArea{width: 400px;} .message_form .TextArea{height: 200px;} /* Print.aspx Page */ .table_admgmt_print td{padding:2px;padding-right:12px;font-size:13px;} /* Mobile redirection check */ .device_redirection_popup{position: absolute;top: 0;left: 0;width: 100%;background-color: #FFFAE9;border-bottom: solid 2px #000000;} .device_redirection_popup_content{padding: 10px;font-size: 14px;text-align: center;color: #000000;} .device_redirection_popup_content a{display: block;margin-top: 6px;color: #000000;font-weight: bold;} .data img{float:left;} .rental-prices-pc .rental-price { display: inline-block; margin-left: 20px; margin-top: 12px; padding: 0 !important;} .rental-price .single-price { font-size: 20px; text-align: right;} .rental-price > span { display: block;} .rental-price-details { font-size: 14px;} .rental-prices-pc.title-font { float: right; text-align: right; width: 100%;} /* --------------- SearchResults.ascx Page -------------------- */ .search_results_summary{ float: left;} .search_results_view{ float: right;} .txtView, .ViewImg1, .ViewImg2{ float: left;} .txtView{ font-weight: bold; padding-top: 8px;} .dis-b { display:block;} .mar-t { margin-top:10px;} .cle { clear: both;} .pad { padding: 15px;} .bor {border-width: 1px;} .primary-button {display: inline-block;cursor: pointer;text-decoration: none;text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 8px 12px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;} .success { color:green;} .failure { color:red;} .privacy_statement_a { margin-left:25px;} /************************custom seo box******************************/ .seo_text_box .seo_text_content.collapsed { height: 105px; overflow: hidden;} .seo_text_box .seo_show_more { text-align:right;} .seo_text_box .seo_show_more #seo_text_expand,.seo_text_box .seo_show_more #seo_text_collapse { font-weight:bold; text-decoration:underline;} .social-container .sociallists li.twitter:hover i {background-color: #000000 !important;color: #fff;} #layout_wrapper {width: 800px;} #layout_top {} #layout_middle {} #layout_middle_column1{width: 190px;margin-right: 10px;} #layout_middle_column2{width: 600px;} #layout_bottom {} /** * --------------------------------------------------- * Table of contents * --------------------------------------------------- */ /**----------1. Base2. Components2.1 Navbar2.2 Buttons 2.3 Ellipsis 2.4 Links 2.5 Modal 2.6 Featured ribbon / hightlight ads 2.7 Current Credits 2.8 Workflow quick edit3. Pages3.1 Page default / home page3.2 Stock Page (intraads)3.3 Inbox (intraMessages) 3.4 Asset details page3.5 Place Asset & Edit Asset Page (intraeditad2) 3.6 Asset valuator page3.7 login page3.8 Pay ad and boosting ad3.9 PdfCreator page 3.10 Click wrap term page 4. Misc. / All 5. Responsive---------------*/ /*** ---------------------------------------------------* 1. Base* ---------------------------------------------------*/ body{ padding-bottom:50px;} body form { font-family: "Roboto","Noto Sans",sans-serif; color: #333;} /*** ---------------------------------------------------* 2. Component* ---------------------------------------------------*/ /* --------------------- 2.1 Navbar --------------------- */ /* Navbar color, overwrites bootstrap*/ #topnavbar.navbar { background-color: #F3F0F1 !important; border-bottom: 2px solid #696969;} #topnavbar.navbar.navbar-expand-md.navbar-light.bg-light { padding-left: 15px; padding-right: 15px; } /* User icon, overwrites fontawesome */ #topnavbar .fas, .fa { font-weight: 900; color: #6c757d; font-size: 1.5rem; margin-right: 5px;} #topnavbar .navbar-brand .toplogo { max-height: 95px; max-width: 195px; vertical-align: baseline; margin-left: 15px;} .navbar-brand { padding-right: 2rem;} .navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;} /*.navbar-expand-md .navbar-nav.mr-auto .nav-link { margin-top: 25px;} */ #topnavbar .navbar-nav .button-link.tour_icon_position { color: #6C757D;} /* --------------------- 2.2 Buttons --------------------- */ .btn:not(.btn-bdg):not(.btn-action):not(label):not(.btn-select-arrow) { border-radius: 0; font-size: 16px; line-height: 24px; padding: 7px 20px; border: 1px solid inherit;} button.btn.btn-outline-secondary, .btn.btn-secondary, .btn.searchCollapseButton, #modalPopupCancelButton, .page_boostads #payment-button-section #cancel_button { color: #333; border: 1px solid #ccc; background-color: #F5F6FA; transition: none;} button.btn.btn-outline-secondary:hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover, .btn.searchCollapseButton:hover, #modalPopupCancelButton:hover { background-color: #f2f2f2; } .btn.btn-primary:not(.btn-cancel), .button.login_button, .primary-button { background-color: #24507F; border-color: #24507F; color: #fff;} .btn.btn-primary:not(.btn-cancel):not(:disabled):not(.disabled):hover, .button.login_button:not(:disabled):hover, .primary-button:hover { background-color: #003975; border-color: #003975; } .button.login_button { min-width: 150px;} #login_form .error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: .75rem 1.25rem; margin-bottom: 1rem; border-radius: .25rem;} .btn.btn-action.btn-sm { color: #333; font-size: 12px; background-color: #F5F6FA; border: 1px solid #ccc; line-height: 20px; border-radius: 0; margin-left: 6px;} .btn.btn-action.btn-sm:hover{ background-color: #f2f2f2; } .page_product .btn.btn-action.btn-sm { line-height: 25px;} .btn.ad-list-tools-export{ margin-left: 20px;} .ad-workflow-form .workflow-confirm-buttons button:not(:first-of-type) { margin-left: 20px;} /* --------------------- 2.3 Ellipsis --------------------- moved to Plus\Layouts\Responsive\css\pages.css/* --------------------- 2.4 Links --------------------- */ body a, a.page-link, .edit-form .form-field-qcategoryname #category-browse { color: #24507F; text-decoration: none;} body a:hover, a.page-link:hover, .edit-form .form-field-qcategoryname #category-browse:hover { text-decoration: underline; color: #24507F; } .channel_tabel.aging_items .table2index .table.table-bordered.tablebar tbody tr td a,.channel_tabel .table2index .table.table-bordered.tablebar tbody tr td a { color: #24507F;} .dti_box_ul ul li a { color: #24507F;} .page_intraeditad2 .form-field-attpath1 .delete-file { color: #24507F; text-decoration: none;} .page_intraeditad2 .form-field-attpath1 .delete-file:hover { text-decoration: underline; color: #24507F; } /* --------------------- 2.5 Modal --------------------- */ #cta-modal .btn-primary:hover { background-color: #B24F00; border-color: #B24F00;} #cta-modal .btn-primary { background-color: #e87511; border-color: #e87511;} @media only screen and (max-width : 667px) { #cta-modal .btn-primary { width: 100%; margin-right: 0; } } /* --------------------- 2.6 Featured ribbon / hightlight ads --------------------- */ .highlight, #manage-ads .item.popular-choice, .page_intraeditad2 .rbas-package-selector .form-check.popular-choice { border: 2px solid #E87511 !important; box-shadow: 0px 1px 4px rgba(118, 118, 118, 0.698039215686274);} .highlight { margin: 5px 0;} .item.highlight { margin: 0;} .ad-overview-row.show-feature-ad .featured-default { display: block !important;} .featured-default { color: #3F3F3F; text-align: center;} .featured-container { border-width: 0px; position: absolute; left: -4px; top: -4px; width: 97px; height: 98px;} .featured-child-container { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 97px; height: 98px; overflow-x: hidden; overflow-y: hidden; background-image: none; border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .featured-content { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 1px; height: 1px;} .featured-shape2-bottom { border-width: 0px; position: absolute; left: 0px; top: 94px; width: 4px; height: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .featured-shape2-bottom div { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 4px; height: 4px; background: inherit; background-color: rgba(32, 87, 158, 1); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .featured-shape2-top { border-width: 0px; position: absolute; left: 93px; top: 0px; width: 4px; height: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .featured-shape2-top div { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 4px; height: 4px; background: inherit; background-color: rgba(32, 87, 158, 1); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .featured-content-child { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 0px; height: 0px;} .featured-shape1-bottom { border-width: 0px; position: absolute; left: -35px; top: 22px; width: 144px; height: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: rotate( 315deg ); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate( 315deg ); font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #FFFFFF; line-height: 32px;} .featured-shape1-bottom-first-child { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 144px; height: 32px; background: inherit; background-color: rgba(32, 87, 158, 1); border: none; border-radius: 3px; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.498039215686275); -webkit-box-shadow: 0px 1px 1px rgb(0 0 0 / 50%); box-shadow: 0px 1px 1px rgb(0 0 0 / 50%); font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; color: #FFFFFF;} .featured-shape1-bottom-second-child { position: absolute; align-self: center; padding: 0px 8px 0px 8px; box-sizing: border-box; width: 100%; border-width: 0px; word-wrap: break-word; text-transform: none;} .featured-shape1-top { border-width: 0px; position: absolute; left: -33px; top: 24px; width: 140px; height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: rotate( 315deg ); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate( 315deg ); font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #FFFFFF;} .featured-shape1-top-first-child { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 140px; height: 28px; background: inherit; background-color: rgba(229, 0, 0, 0); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 1); border-radius: 2px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; color: #FFFFFF;} .featured-shape1-top-second-child { display: none; visibility: hidden; position: absolute; align-self: center; padding: 0px 8px 0px 8px; box-sizing: border-box; width: 100%; border-width: 0px; word-wrap: break-word; text-transform: none; visibility: hidden;} @media (min-width:769px) { .featured-container { left: -2px; top: -2px; width: 65px; height: 66px; } .featured-child-container { width: 67px; height: 68px; } .featured-shape2-bottom { top: 64px; width: 3px; height: 3px; } .featured-shape2-bottom div { width: 3px; height: 3px; } .featured-shape2-top { left: 63px; width: 3px; height: 3px; } .featured-shape2-top div { width: 3px; height: 3px; } .featured-shape1-bottom { left: -22px; top: 16px; width: 96px; height: 20px; font-size: 11px; line-height: 20px; } .featured-shape1-bottom-first-child { width: 96px; height: 20px; } .featured-shape1-top { left: -20px; top: 16px; width: 94px; height: 20px; } .featured-shape1-top-first-child { width: 95px; height: 18px; } } /* --------------------- 2.7 Current Credits --------------------- */ #credit-management #creditAmount { background: rgb(232, 117, 17); min-width: 30px; display: inline-block; text-align: center; line-height: 20px; border-radius: 50%; padding: 5px; color: #fff; min-height: 30px; margin-right: 5px;} .buyMore { color: rgb(232, 117, 17); padding-left:10px;} #credit-management { margin: 30px 10px; position: absolute; right: 0px; top: 0px; font-size: 1rem;} #credit-management a { color: #6C757D; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #requested-credit-amount { padding: 6px 0 7px 0; width: 90px; text-align: center; border: 1px solid lightgray; margin-top: 0px;} @media screen and (max-width: 767px) { #credit-management { position: static; font-size: 1rem; margin: 6px 11px; } #credit-management #creditAmount { margin-right: 7px; height: 30px; line-height: 20px; min-width: 30px; } } /* --------------------- 2.8 Workflow quick edit --------------------- */ .workflow-quick-edit li.form-field.form-field-rblegal,.workflow-quick-edit li.form-field.form-field-meterusageconfirm { max-width: 100%; -ms-flex: 100%; flex: 100%;} .workflow-quick-edit li.form-field.form-field-rblegal .form-check, .workflow-quick-edit li.form-field.form-field-meterusageconfirm .form-check { display: inline-block; margin-left: 10px; } .workflow-quick-edit li.form-field.form-field-rblegal .form-field-label, .workflow-quick-edit li.form-field.form-field-meterusageconfirm .form-field-label { font-size: 16px; font-weight:bold; } .workflow-quick-edit div.form-field.rb-legal { font-size: 14px; padding: 10px; font-weight: 400;} .workflow-quick-edit div.form-field.rb-legal li { list-style-type: disc; margin-left: 25px; } /*** ---------------------------------------------------* 3. Page* ---------------------------------------------------*/ /* --------------------- 3.1 Page default / Homepage--------------------- */ /* Home page top section color, overwrites rbas_plus_custom.css */ .page_default .rbas_banner.container-fluid.bg-dark.badge_group { background-color: #fff !important; border-bottom: solid 2px #696969;} /* Home page 2nd section color, overwrites rbas_plus_custom.css */ .page_default .rbas_demo.activity-dashboard.container-fluid.bg-dark { background-color: #F3F0F1 !important; border-bottom: solid 2px #696969;} /* Home page 3rd and all odd sections color, overwrites rbas_plus_custom.css */ .page_default .rbas_demo.channel_data-tools.container-fluid.bg-dark.odd { background-color: #fff !important; border-bottom: solid 2px #696969;} /* Home page 4th and all even sections color, overwrites rbas_plus_custom.css */ .page_default .rbas_demo.channel_data-tools.container-fluid.bg-dark.even { background-color: #F3F0F1 !important; border-bottom: solid 2px #696969;} .page_default .row.front-page-categories { margin-top: 10px;} .page_default .front-page-categories .headerDiv, .top_header { width: 100%; text-transform: uppercase; font-size: 1.2rem; font-weight: 500;} .page_default .front-page-categories .bg-light { background-color: #fff !important; border: 1px solid #b4cefd; border-radius: .25rem;} .page_default .front-page-categories img { display: block; width: 100px; padding: 0 10px 10px 0px; float: right;} .rbas_demo .badge_btn { margin-top: 15px;} /* Overwrites rbas_plus_custom.css */ .front-page-categories .w-100.h-100.p-1.bg-light, .front-page-categories .w-100.h-100.p-1.bg-light:hover { background-color: #f0f0f0 !important; border: 1px solid #003975;} .tableindex.activity-table { width: 100%;} /*homepage search form*/ .page_default .rbas_banner .rbas_responsive .rbas_imgs > div > .badge_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .page_default .rbas_banner .rbas_responsive .rbas_imgs .badge_btn #home_page_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;} .page_default .rbas_banner .rbas_responsive .rbas_imgs .badge_btn #home_page_form #sf_freetext { width: 100%; margin: 0px; } .page_default .rbas_banner .rbas_responsive .rbas_imgs .badge_btn #home_page_form #btnSearch { position: unset; margin-left: 5px; } .page_default .rbas_ad_overview .padding_right_dti { padding-right: 0px;} /* --------------------- 3.2 Stock Page (intraads)--------------------- */ .field-image { position: relative; min-height: 95px;} .page_intraads #divShortcutQuickLinks { min-height: 65px;} .page_intraads .custom-form-1 .form-check { width: 100%; float: left;} .page_intraads .searchForm #catsel_maincat, .page_intraads .searchForm #catsel_subcat { position: absolute; top: 0; left: 0; z-index: 500; display: none;} .page_intraads .searchForm #sf_catalogname { z-index: 500; display: block; width: 100% !important; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .page_intraads .searchForm #sf_dealersupercategory { z-index: 500; display: block; width: 100% !important; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .page_intraads .search-results .field-details .field-detail-value { width: calc(50% - 3px); margin-left: 3px !important;} /*.search-results .item-details .field-locationandcountry .field-icon { margin-left: -15px;} .search-results .item-details .field-locationandcountry { padding-left: 16px; white-space: normal;} */ .page_intraads .mr-auto.field-detail-title { width: 50%;} .page_intraads .search-results .item-details .column-group2 .field-detail-title { display: inline-block; float: left; width: auto; max-width: 70px; overflow-wrap: break-word;} .page_intraads .search-results .item-details .column-group2 .field-detail-value { display: inline-block; float: right; min-width: calc(100% - 80px); clear: both; word-wrap: break-word;} #ad-search-results .field-adquality .adquality_tooltip,#ad-search-results .workflow_tooltip,#ad-search-results .workflow_amc_tooltip,#ad-search-results .workflow_status_tooltip,#product-card-workflow .workflow_tooltip,#product-card-workflow .workflow_status_tooltip,#product-card-workflow .workflow_amc_tooltip { width: 300px; background-color: #f8f9fa; text-align: justify; border-radius: 3px; padding: 5px 10px; box-sizing: border-box; border: 1px solid #ccc; position: absolute; z-index: 1; bottom: 100%; margin-left: -150px; margin-bottom: 10px; color: #000;} #ad-search-results .workflow_tooltip,#ad-search-results .workflow_amc_tooltip,#ad-search-results .workflow_status_tooltip,#product-card-workflow .workflow_tooltip,#product-card-workflow .workflow_amc_tooltip,#product-card-workflow .workflow_status_tooltip { margin-left: 0;} .form-check-label.btn.rb_live_auction_teaser:hover > .workflow_tooltip,.form-check-label.btn:hover > .workflow_status_tooltip,.form-check-label.btn:hover > .workflow_amc_tooltip { display: block !important;} #ad-search-results .field-adquality i.fa-info-circle { margin-right: 0 !important;} #topnavbar { position: fixed; top: 0px; right: 0; left: 0; z-index: 1030;} .page_intraads .navbar.ad-list-tools { width: 100%; z-index: 100; top: 82px; left: 0px; position:static;} @media only screen and (max-width : 668px) { #ad-search-results .field-adquality .adquality_tooltip, #ad-search-results .workflow_tooltip, #ad-search-results .workflow_status_tooltip, #ad-search-results .workflow_amc_tooltip { width: 100%; display: inline-block; left: 0; top: 100%; margin-bottom: 0px; margin-left: 0px; bottom: unset; } } /* --------------------- 3.3 Inbox (intraMessages) --------------------- */ .page_intramessages .message-list{ font-size:0.9rem;} .page_intramessages .message-list .form-inline { align-items: inherit; } .page_intramessages .cell3.cell_subject .field.field_subject .listName .listMenuContainer { background: white; border: solid 1px #ddd;} .page_intramessages .cell3.cell_subject .field.field_subject .listName .listMenuContainer .listMenuContent li.nav-item { display: block; } .page_intramessages .cell3.cell_subject .field.field_subject .listName .listMenuContainer .listMenuContent li.nav-item .nav-link { padding: .35rem 1rem; } .page_intramessages .purchase_safe_box .ps_exclaim_icon { font-size: 30px; color: rgb(232, 117, 17); padding-right: 15px; position: relative; top: -18px;} .page_intramessages .purchase_safe_box { padding: 20px; border: 2px solid rgb(232, 117, 17);} .page_intramessages .message-list .sender-contact, .message-list .wantad-details, .page_intramessages .message-list .message-content div { padding: 15px 0;} .page_intramessages .message-list .message-content div { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;} .page_intramessages .message-list span.timestamp { padding-right: 10px;} .page_intramessages .message-list .message-content .btn-container { margin-bottom: 25px;} #inbox_links a { font-family: "Roboto","Noto Sans",sans-serif; font-size: 1rem; margin-bottom: 10px; display: inline-block; padding-right: 3px; padding-left: 5px;} .open-close-box.mb-2.resultList .collapse.border-left.border-right.border-bottom.box-body .p-3.basicTableSummary.basicTableTop table tbody tr td.firstCell { padding-bottom: 15px;} .open-close-box.mb-2.resultList .collapse.border-left.border-right.border-bottom.box-body .p-3table.table.basic.list_vertical tbody tr td.cell2.cell_image { display: none;} .open-close-box.mb-2.resultList .collapse.border-left.border-right.border-bottom.box-body .p-3 table.table.basic.list_vertical tbody tr td.cell4.cell_createdat,.open-close-box.mb-2.resultList .collapse.border-left.border-right.border-bottom.box-body .p-3 table.table.basic.list_vertical tbody tr td.cell8.cell_recipient { width: 11%;} .open-close-box.mb-2.resultList .collapse.border-left.border-right.border-bottom.box-body .p-3 table.table.basic.list_vertical tbody tr.header { background-color: #f4f6f9; border: solid 1px #efefef; box-shadow: none; padding: 6px;} .open-close-box.mb-2.resultList .collapse.border-left.border-right.border-bottom.box-body .p-3 .basicSelectedActions img { margin-right: 5px;} .basicTableSummary.basicTableBottom table tbody tr td { padding-top: 10px;} /* --------------------- 3.4 Asset details page --------------------- */ .page_product .req_insp_summary_btn { text-decoration: none; color: #24507F;} .page_product .req_insp_summary_btn:hover { text-decoration: underline; } .page_product #product_contact{ display:block; width:50%; } .page_product #product_contact #contact_form input[type="text"], .page_product #product_contact #contact_form select { width: 70%; display: block; margin: 5px 0px; float: right; } .page_product #product_contact #contact_form textarea { width: 100%; display: block; } .page_product #contact_form input[type="radio"],.page_product #contact_form .margin_bottom span { margin: 0px 5px 0px 0px;} .page_product #product_contact #contact_form .contact_input{ display: block; } .page_product #product_contact #contact_form .input_label { margin:10px 0px; display:inline-block;} .page_product #product_contact #contact_form .margin_bottom .input_label{ width:100%;} .page_product #contact_form { background-color: #F6F6F6;} .page_product #contact_form .header.no_print { line-height: normal; background: #24507F; padding: 10px; color: white; } .page_product #contact_form .content{ padding:10px; } .page_product #contact_form .sellerdetails .col1{ width:49%; } .page_product #contact_form .sellerdetails .col2 { float: right; width: 50%; display: block; } .page_product #contact_form .sellersendform{ display:block; float:none; overflow:hidden; width:100%; } .page_product #contact_form .tab_tabs { height: 100px; border-style: solid; border-width: 1px; overflow: auto; margin-bottom: 10px; display: inline-block; border-color: #E2E2E2; background-color: #FFFFFF; width: 100%; float: left; } .page_product #contact_form .tab_tabs .tab_active, .page_product#contact_form .tab_contents .tab_active .contact_name { color: #092a72; font-weight: 700; } .page_product #contact_form .tab_tabs .tab_item { width: 100%; /*float: left;*/ } .page_product #contact_form .tab_contents .tab_item { display: none; } .page_product #contact_form .tab_tabs .tab_active { display: block; } .page_product #contact_form .contact_address { padding-bottom: 10px; } .page_product #contact_form .button { background-color: #24507F; border-color: #24507F; color: #fff; } .page_product #product-card .column-image #get-inspection-photos { position: absolute; top: 10px; right: 25px;} .page_product #product-card .column-summary #get-inspection-photos { display: none;} #allRegionsToggle { text-decoration: underline; cursor: pointer;} /* --------------------- 3.5 Place Asset & Edit Asset Page (intraeditad2) --------------------- */ .page_intraeditad2 li.form-field.form-field-qcategoryname.col-md-4.col-lg-3 { padding-left: 0px;} .page_intraeditad2 ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { width: 196.5px; border: 1px solid #d8d8d8; background: #fff url(/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #000; max-height: 200px; overflow-y: auto; padding-left: 5px;} .page_intraeditad2 ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li { list-style: none; } .page_intraeditad2 .place-ad-steps-panel h2.place-ad-header { font-size: 24px !important; font-weight: normal !important;} .page_intraeditad2 h3.main-header { font-size: 24px;} .page_intraeditad2 .edit-form #category-search { margin-top: 20px;} .page_intraeditad2 .edit-form .form-fieldgroup-header { padding-left: 36px; background: #f7f7f7;} .page_intraeditad2 .edit-form .form-fieldgroup-label { font-size: 24px;} .page_intraeditad2 .edit-form .form-fields { padding-left: 36px; padding-bottom: 20px;} .page_intraeditad2 .edit-form .form-fieldgroup-label:before { font-size: 30px; top: 4px;} .page_intraeditad2 .edit-form #category-path-info { font-size: inherit; color: inherit;} .page_intraeditad2 .edit-form #category-edit, .page_intraeditad .edit-form #taxonomyEdit, .page_intraeditad2 .edit-form #taxonomyEdit { font-size: inherit;} .page_intraeditad2 .edit-form #rbtaxcategoryTextSpan, .page_intraeditad2 .edit-form #rbtaxsubcategoryTextSpan { font-size: inherit; color: inherit; font-weight: bold;} .page_intraeditad2 .edit-form label { max-width: 350px;} .page_intraeditad2 .edit-form input[type="text"], .page_intraeditad2 .edit-form input[type="date"], .page_intraeditad2 .edit-form input[type="datetime-local"], .page_intraeditad2 .edit-form input[type="time"], .page_intraeditad2 .edit-form select, .page_intraeditad2 .edit-form textarea, .page_intraeditad2 .edit-form input[type="email"], .page_intraeditad2 .edit-form .form-field-selectedsellers .form-field-input { height: 35px; padding: 2px; color: #333;} .page_intraeditad2 .edit-form input[type="text"], .page_intraeditad2 .edit-form input[type="date"], .page_intraeditad2 .edit-form input[type="datetime-local"], .page_intraeditad2 .edit-form input[type="password"], .page_intraeditad2 .edit-form input[type="email"], .page_intraeditad2 .edit-form select, .page_intraeditad2 .edit-form select.no-select-box, .page_intraeditad2 .edit-form .form-field-selectedsellers .form-field-input { max-width: 350px; } .page_intraeditad2 .edit-form .form-field[class*="pickuphours"] { max-width: 165px;} .page_intraeditad2 .edit-form .form-field input[type="date"].form-field-input + .far.fa-calendar-alt, .page_intraeditad2 .edit-form .form-field input[type="datetime-local"].form-field-input + .far.fa-calendar-alt { margin-left: -33px; padding: 8px;} .page_intraeditad2 .edit-form textarea { height: 150px;} .page_intraeditad2 .edit-form .form-fieldsubgroup-sellers .form-field { width: 100%; max-width: 350px;} .page_intraeditad2 .edit-form .form-field-selectedsellers .form-field-input { height: 200px;} .page_intraeditad2 .edit-form .form-field-allsellers .form-field-input option { white-space: normal;} .edit-form .form-fieldsubgroup .unitGroupDispay { width: 50%;} .page_intraeditad2 .edit-form ul.form-footer { background-color: transparent; padding: 30px 0 15px 0; border: none;} .page_intraeditad2 form-footer-item form-footer-continue { width: 100%;} .page_intraeditad2 input[type=button], .page_intraeditad2 .input-file + label { box-sizing: border-box; border-radius: 0; font-size: 16px; text-align: center; line-height: 24px; padding: 7px 20px; z-index: 2; border-width: 1px;} .page_intraeditad2 input[type=button].image_uploader_button, .page_intraeditad2 input[type=button].video_uploader_button { width: 100%; max-width: 350px; } .page_intraeditad2 .input-file.primary-button + label { background: #24507F; border-color: #24507F; color: #fff;} .page_intraeditad2 .input-file.primary-button + label:hover { background: #003975; } .page_intraeditad2 .input-file + label { width: 50%;} .page_intraeditad2 .video_uploader_button { margin-top: 10px; margin-bottom: 20px;} .page_intraeditad2 .edit-form .form-field-addvideo .video_uploader div:not(.tip) span { display: block;} .page_intraeditad2 .tip { background-color: #efefef; border: 1px solid #ccc;} .page_intraeditad2 .file-counter { font-size: inherit;} .page_intraeditad2 .radio-toolbar input[type=radio]:checked + label { background-color: rgb(36,80,127);} .page_intraeditad2 li.form-field.form-field-qcategoryname.col-md-4.col-lg-3 { padding-left: 0px;} .page_intraeditad2 li.form-field.form-field-pricelectura .form-field-header .form-field-unit { display: none;} .edit-form .form-fieldsubgroup-price .form-field-priceoriginal { margin-right: 0 !important;} .edit-form .form-fieldsubgroup-price .form-field{ width: 100%;} .edit-form .tip ul { list-style: initial; margin-left: 15px;} .page_intraeditad2 .edit-ad-links .delay-warning { max-width: 700px; margin: auto; margin-top: .5rem;} .page_intraeditad2 .phone-prefix.place-ad { width: 130px;} .page_intraeditad2 .phone-prefix-div.place-ad { width: 220px;} .page_intraeditad2 .select-box.phone-prefix.place-ad i { display: none;} .edit-form .form-fieldsubgroup-brand .form-field, .edit-form .form-fieldsubgroup-category .form-field, .edit-form .form-fieldsubgroup-customcategory .form-field { width: 315px !important; max-width:100%;} .page_intraeditad2 #rentalRegionsToggle { cursor: pointer; text-decoration:underline;} /* --------------------- 3.6 Asset valuator page --------------------- */ .page_rbpriceresults .fixed-container .col-price-card { margin-top: 42px !important;} /* --------------------- 3.7 login page --------------------- */ .page_login { background-color: #fff; height: calc(100vh - 90px); position: relative; background: url(/Sites/ims/images/login-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .page_login .blue-service-bar-container { display: none; } .page_login #topnavbar.navbar { background-color: transparent !important; border-bottom: none; padding: 0px !important; position: static; margin-top: 0; } .page_login form#aspnetForm .container { margin-top: 7px !important; padding-top: 10px; min-height: unset; } #login_form input::placeholder { color: rgba(204, 204, 204, 1);} .page_login form#aspnetForm { background: rgba(255,255,255,0.85); margin: auto; width: 420px; min-height: 250px; margin-top: 90px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(226, 229, 237, 1); border-radius: 6px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.349019607843137); -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); font-style: normal; padding: 20px; max-width: 80%;} .page_login .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; margin: auto;} .page_login #login_form .mt-3.align_opposite { text-align: center; margin-top: 13px !important; margin-bottom: 10px;} .page_login .form-control { padding: 12px 10px; border-radius: 0; width: 100%;} .page_login .login_input { border-width: 1px; border-style: solid; border-color: rgba(204, 204, 204, 1); color: #999; margin-bottom: 10px;} .page_login input.button { margin-top: 0px; padding: 13px 15px; border-radius: 0; width: 100%;} .page_login button.navbar-toggler { display: none;} .page_login #topnavbar .navbar-brand { width: 100%; padding: 0; position: static; margin: auto 0; padding: 0px !important;} .page_login #topnavbar .navbar-brand .toplogo { margin: auto; /* padding: 10px 0; */ margin-left: 0px; max-width: unset; max-height: unset; width: 100%; } .page_login #login_form { margin-top: 0px !important; position: relative;} .page_login #login_form .form-content { flex: none; max-width: unset !important; margin: 0px; padding: 0px; } .page_login .menu_label { display: block;} .page_login #orderpw { position: absolute; bottom: -18px; right: 0px;} .page_login #orderpw a { font-weight: 400; font-style: normal; font-size: 14px; color: #24507F } /* --------------------- 3.8 Pay ad and boosting ad --------------------- */ #grand-total-payment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 315px; margin: 25px 0;} #grand-total-payment .item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #grand-total-payment .header { font-weight: 700; } .page_boostads #grand-total-payment .item div { min-width: 125px;} .page_boostads #grand-total-payment .item div:nth-child(2) { min-width: 80px; } #grand-total { border-top: 1px solid #000;} .page_boostads #payment-button-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; clear: both; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .page_boostads #payment-button-section input[type=button] { margin-left: 15px; } #payment-button-section input[type=button] { height: 40px; margin-left: 0; font-size: 16px; padding: 0 20px; margin-right: 20px; background-color: #24507F; border-color: #24507F;} #payment-button-section input[type=button]:hover { background: #003975; } .ad-overview.grand-total { font-weight: 400 !important;} .page_boostads .edit-form { margin-top: 0;} .page_boostads .field-groups { width: 100% !important;} #manage-ads label { color: #333333; font-size: 14px; margin-bottom: 0;} #manage-ads .field-additional-options .row { margin-top: 0 !important; padding: 0px 10px;} .page_boostads .edit-form .form-fields { display: block;} #manage-ads .field-brandmodel a { color: #24507f !important; font-weight: bold;} #manage-ads .form-fieldgroup-header { padding: 4px 8px 8px 36px; background: #f7f7f7; display: block; position: relative; border: 1px solid #e6e6e6; cursor: pointer; margin: 20px 0 0 0;} #manage-ads .form-fieldgroup.form-fieldgroup-ads-selection { margin-top: 20px;} #manage-ads .form-fieldgroup-header .form-fieldgroup-label { font-size: 20px; padding-left: 15px;} #manage-ads .field-groups li.form-field { border: 1px solid #e6e6e6; border-top: 0;} #manage-ads .navbar { background: #f7f7f7; display: block; position: relative; border: 1px solid #e6e6e6;} #manage-ads .rbas-package-selector-glossary.form-field-input { padding-top: 25px;} #manage-ads.rbas-bossting-ad-glossary.form-field-input { padding-top: 0;} #manage-ads ul, #manage-ads li { list-style: none; padding: 0; margin: 0;} #manage-ads .form-fieldgroup-glossary.open .form-fieldgroup-label::before { content: "\f056"; font-family: 'FontAwesome';} #manage-ads .form-fieldgroup-glossary .form-fieldgroup-label::before { position: absolute; top: 8px; left: 15px; content: "\f055"; font-family: 'FontAwesome';} #manage-ads .form-fieldgroup-glossary .form-fieldgroup-label::before { font-size: 30px;} #manage-ads .step-header { font-weight: 700; font-size: 1.25rem; margin-left: 20px;} #manage-ads .item-details i { width: 20px;} #manage-ads .fa-flag { color: orange; font-size: 1.25rem; padding-left: 10px;} #manage-ads .item { padding: 5px 40px;} #manage-ads .field-additional-options .field-detail-value { font-weight: 700; font-size: 14px;} #manage-ads ul.rbas-glossary { display: none;} #manage-ads .form-fieldgroup-glossary.open ul.rbas-glossary { display: block;} #manage-ads #divSelectedListCount .btn { margin-left: 15px;} #manage-ads .field-additional-options .form-field.active, #manage-ads .field-additional-options .form-field.active i, #manage-ads .field-additional-options .form-field.active label { font-weight: 700;} #manage-ads .field-additional-options .form-field.active i { color: #E87511; } .page_boostads .boost-ads-show { display: block !important;} .page_boostads #success-modal { pointer-events: none;} .page_boostads .rbas-boosting-ad-glossary { padding-top: 20px;} /* --------------------- 3.9 PdfCreator page --------------------- */ .page_pdfcreator .pdf_block a:not(.btn) { color: #24507F;} .page_pdfcreator .pdf_block, .page_pdfcreator .table_footer { width: 100%;} .page_pdfcreator .pdf_block { border-radius: 0px;} .page_pdfcreator .table_footer { padding: 10px 0;} .page_pdfcreator .create_btn:hover { background-color: #003975;} .page_pdfcreator .create_btn i { color: #fff;} .page_pdfcreator .pdf_block #pdfAds .item:first-child { margin-top: 10px;} .page_pdfcreator .pdf_block #pdfAds .item:last-child { border-bottom: 0;} .page_pdfcreator .pdf_block #items .right .create_btn { display: none;} @media screen and (max-width:768px) { .page_pdfcreator .pdf_block #info-design, .page_pdfcreator .pdf_block #print_top { flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; } } /**************************3.10 Click wrap term page *******************************/ .page_clickwrapterm { background-color: #fff; height: calc(100vh - 90px); position: relative; background: url(/Sites/ims/images/login-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .page_clickwrapterm .blue-service-bar-container { display: none; } .page_clickwrapterm #topnavbar.navbar { background-color: transparent !important; border-bottom: none; padding: 0px !important; position: static; margin-top: 0; } .page_clickwrapterm form#aspnetForm .container { margin-top: 7px !important; padding-top: 10px; min-height: unset; } #login_form input::placeholder { color: rgba(204, 204, 204, 1);} .page_clickwrapterm form#aspnetForm { background:#fff; margin: auto; width: 420px; min-height: 250px; margin-top: 90px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(226, 229, 237, 1); border-radius: 6px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.349019607843137); -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); font-style: normal; padding: 20px; max-width: 80%;} .page_clickwrapterm .warning-container { position: fixed; top: 0px; width: 100%; left: 0px;} .page_clickwrapterm .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; margin: auto;} #click_wrap_term_form { overflow-y: scroll; width: 100%; position: fixed; z-index: 99999999999999999; top: 0; left: 0; bottom: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9);} #click_wrap_term_form .workflow-clickwrapterm-deny, #click_wrap_term_form .workflow-clickwrapterm-agree { display: inline-block; width: calc(50% - 6px); margin: 2px; } #click_wrap_term_form input.form-check-input { position:absolute; opacity:0; } #click_wrap_term_form label.form-check-label { border-radius: 0px; } #click_wrap_term_form p { font-size: 0.8em; } #click_wrap_term_form #click_wrap_term_wrapper { background: #fff; margin: auto; width: 420px; min-height: 250px; margin-top: 90px; margin-bottom: 90px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(226, 229, 237, 1); border-radius: 6px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.349019607843137); -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); font-style: normal; padding: 20px; max-width: 80%; } #click_wrap_term_form p.click_wrap_term_request_confirm { font-size: 18px; margin-bottom: 50px; } #click_wrap_term_form .click_wrap_term_header { background: url(/Sites/ims/images/AgreementIcon.png); padding-left: 90px; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin-bottom: 10px; padding-top: 10px; background-size: contain; } #click_wrap_term_form .click_wrap_term_content { height: 250px; overflow: hidden; overflow-y: scroll; border: 1px solid #ced4da; padding: 5px; font-size: 16px; margin-bottom: 10px;} #click_wrap_term_form .btn { width: 100%;} .page_clickwrapterm #login_form .mt-3.align_opposite { text-align: center; margin-top: 13px !important; margin-bottom: 10px; } #click_wrap_term_form .form-control { padding: 12px 10px; border-radius: 0; width: 100%;} .page_clickwrapterm .login_input { border-width: 1px; border-style: solid; border-color: rgba(204, 204, 204, 1); color: #999; margin-bottom: 10px;} .page_clickwrapterm input.button { margin-top: 0px; padding: 13px 15px; border-radius: 0; width: 100%;} .page_clickwrapterm button.navbar-toggler { display: none;} .page_clickwrapterm #topnavbar .navbar-brand { width: 100%; padding: 0; position: static; margin: auto 0; padding: 0px !important;} .page_clickwrapterm #topnavbar .navbar-brand .toplogo { margin: auto; /* padding: 10px 0; */ margin-left: 0px; max-width: unset; max-height: unset; width: 100%; } .page_clickwrapterm #login_form { margin-top: 0px !important; position: relative;} .page_clickwrapterm #login_form .form-content { flex: none; max-width: unset !important; margin: 0px; padding: 0px; } .page_clickwrapterm .menu_label, .page_clickwrapterm #topnavbar { display: none;} .page_clickwrapterm #orderpw { position: absolute; bottom: -18px; right: 0px;} .page_clickwrapterm #orderpw a { font-weight: 400; font-style: normal; font-size: 14px; color: #24507F } /*** ---------------------------------------------------* 4. Misc. / All* ---------------------------------------------------*/ span.badge.badge-light, .page_default .front-page-categories .badge.badge-pill.badge-light.bg-white { background: linear-gradient(to bottom, #24507f 1%,#003975 100%) !important;} ul#divStatusCountsHtml a.badgebtn { text-align: left;} ul#divStatusCountsHtml a.badgebtn span.badge { display: table; margin: 0 auto; } a, p, body form, .c3 svg, td, span, th, button, input, ul#divStatusCountsHtml span.badge.badge-light, ul#divStatusCountsHtml a.badgebtn, .rbas_overview label.rbas_overdigits, .rbas_banner.badge_group.container-fluid.bg-dark.rbas_overview_graph .rbas_alphaterritory.rbas_overview h2, .rbas_banner.badge_group .rbas_responsive h2, .rbas_demo.channel_data-tools .badge_btn h2, .rbas_demo.activity-dashboard .badge_btn h2, div.top_category_header, a.d-block.text-dark, .rbas_banner.badge_group.container-fluid.bg-dark h2, .bulk_assets p, .rbas_define-details h4, .processing_complete a.pull-right.enable_link, .processing.assets_table table.table.table-bordered.table-striped thead tr th, .assets_table table.table.table-bordered.table-striped tbody tr td, li.form-field.form-field-soldtotype label.form-check-label, span.form-field-label, ul.bulk_list li a.nav-link, .assets_btns button.btn.btn-primary.btn-block.btn-cancel { font-family: "Roboto","Noto Sans",sans-serif !important;} .rbas_banner.badge_group.container-fluid.bg-dark.rbas_overview_graph .rbas_alphaterritory.rbas_overview h2, .rbas_banner.badge_group .rbas_responsive h2, .rbas_demo.channel_data-tools .badge_btn h2, .rbas_demo.activity-dashboard .badge_btn h2, div.top_category_header, a.d-block.text-dark, .rbas_banner.badge_group.container-fluid.bg-dark h2 { font-weight: 700; } .rbas_demo.activity-dashboard .badge_btn h2{ font-size: 24px; } .rbas_demo.activity-dashboard .badge_btn:hover { text-decoration: none; } .ui-helper-hidden-accessible { display: none;} .hidden { display: none;} .rbasFinal-wrapper a { display: inline-block; padding: 0 10px;} .edit-form .form-fieldgroup-help { width: 40% !important; margin-left: auto !important;} .ad_rotator { margin-left: -15px;} .ad_rotator .list_horizontal tr.item td img { width: 97%; object-fit: fill; } .ad_rotator .field_brandmodel, .ad_rotator .field_categoryname, .ad_rotator .field_location, .ad_rotator .field_year, .ad_rotator .field_meterreaout { float: left; width: 58%; font-size: 0.8rem; } .ad_rotator .field_image { float: left; width: auto; height: auto; } .loader, .loader_imsChart1, .loader_imsChart2, .loader_imsChart3 { bottom: 0px; top: 0px;} #savedealersearchname { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} #modalPopup { position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 0; display: none;} #modalPopupTable { width: 100%; height: 99%; border: 0;} #modalPopupCell { padding: 0; text-align: center; vertical-align: middle;} #modalPopupBackground { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 0; display: none; background-color: #CCC; opacity: 0.5; filter: alpha(opacity=50);} #modalPopupBox { padding: 8px; border-style: solid; border-width: 1px; background-color: #FFF; text-align: left; margin-left: auto; margin-right: auto; overflow-y: auto; min-height: 32px; border-color: lightgray; width: 50% !important; border-radius: 15px;} #modalPopupBox .margin_bottom.ad_quick_edit_help { padding-bottom: 10px; font-weight: bold; } #modalPopupLoading { background-image: url(/images/loading_ani_16.gif); background-repeat: no-repeat; text-align: center; font-size: 12px; font-weight: bold; font-style: italic; height: 16px;} .page_intraads .button.float_opposite, #modalPopupCancelButton, #modalPopupOkButton { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem;} #modalPopupContent h1 { font-size: 1.5rem; border-bottom: 1px solid lightgray; padding-bottom: 20px;} #modalPopupBox h1 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 32px; line-height: 24px; color: #333;} #modalPopupContent { margin-top: 15px; margin-left: 20px; margin-right: 20px;} #modalPopupBox p { font-size: 16px; font-weight: 400; font-family: 'Roboto', sans-serif; color: #333;} #modalPopupBox p.model_border { border: solid 1px rgba(121, 121, 121, 1); padding: 0px 5px; font-size: 13px; margin: 0px; text-align: center; } #modalPopupBox p.model_currency { font-size: 14px; } #modalPopupBox h2 { font-size: 32px; padding: 0px 0; margin: 0px 0; font-weight: 700; line-height: 24px; padding-bottom: 50px; color: #333;} .right_arrow .fa-long-arrow-right { font-size: 172px; color: #F2F2F2; position: absolute; top: -28px; left: 7px; text-align: center;} #modalPopupBox p span { color: #0000FF; text-decoration: underline;} #modalPopupBox .btn.btn-primary { background-color: rgba(36, 80, 127, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(121, 121, 121, 1); border-radius: 5px; font-size: 16px; font-weight: 700; font-family: 'Roboto', sans-serif; color: #fff;} #modalPopupBox .btn.btn-light { background-color: rgba(247, 245, 245, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(121, 121, 121, 1); border-radius: 5px; font-size: 16px; font-weight: 700; font-family: 'Roboto', sans-serif; color: #333;} #columnCheckMenu { display: none;} .edit-form .form-fieldgroup.open .form-fields .form-field:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;} li.form-fieldgroup.form-fieldgroup-custom.open li label.form-field-header { max-width: 100%;} /* Doc attachment indicator on stock search page Begin*/ .rbas_paperclip { padding-top: 5px;} .rbas_paperclip i.fas.fa-paperclip { font-size: 13px; color: #6c757d; padding-right: 5px; } .rbas_paperclip span { font-size: 13px; color: #6c757d; } /* Doc attachment indicator on stock search page End*/ /* Display status flags styles, overrides rbas_plus_custom.css Begin*/ .badge.field-status { background-color: #11AF00; /*green*/ color: #fff;} .badge.field-status-sold { background-color: #F5F6FA; /*gray*/ color: #212529;} .badge.field-status-transferred { /*gray*/ background-color: #F5F6FA; color: #212529;} .badge.field-status-expired { /*red*/ background-color: #E50000; color: #fff;} .badge.field-status-pending_contract { /*yellow*/ background-color: #f2e802; color: #000;} .badge.field-status-collapsed { /*red*/ background-color: #E50000; color: #fff;} .assets_table table.table.table-bordered thead tr { background: #1b4b7d; background: -moz-linear-gradient(top, #696969 0%, #A9A9A9 100%); background: -webkit-linear-gradient(top, #696969 0%, #A9A9A9 100%); background: linear-gradient(to bottom, #A9A9A9 0%, #696969 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A9A9A9', endColorstr='#696969',GradientType=0 );} .assets_btns button.btn.btn-primary.btn-block.btn-next { background-color: #24507F; border-color: #24507F;} .assets_btns button.btn.btn-primary.btn-block.btn-next:not(:disabled):hover { background-color: #003975; border-color: #003975; } .assets_btns button.btn.btn-primary.btn-block.btn-cancel { background-color: #F5F6FA; border-color: #ccc; color: #000;} .assets_btns button.btn.btn-primary.btn-block.btn-cancel:hover { background: #f2f2f2; } .assets_table table.table.table-bordered tbody tr td:nth-child(1) .form-check.check_lists.check_box input[type="checkbox"] + label::before { height: 2ex; width: 2ex; border: 1px solid #a6a6a6; border-radius: 4px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.0); margin-right: 0em;} .assets_table table.table.table-bordered tbody tr td:nth-child(1) .form-check.check_lists.check_box input[type="checkbox"]:checked + label::after { border: 5px solid #696969; border-top: none; border-right: none;} .page_bulkchange .enable_link { color: #24507F !important;} .rbas_checkbox_custom:checked + .rbas_checkbox_custom_label:before { background: #696969;} .rbas_checkbox_custom + .rbas_checkbox_custom_label:before { border: 1px solid #696969;} /* Display Status Flags Styles End*/ .page_intraads .searchForm #catsel_rategroup { position: absolute; top: 0; left: 0; z-index: 500; display: none;} .othersTextarea textarea { max-width: 350px; height: 40px !important;} #imsReports_button .btn-report { padding: 4px 7px; line-height: 25px; margin-top: 0px;} /*** ---------------------------------------------------* 5. Reponsive* ---------------------------------------------------*/ @media screen and (max-width:1500px){ .page_mysettings, .page_intraeditcompany, .page_intraedituser { padding-bottom: 60px; } } @media screen and (min-width: 1500px) { #topnavbar.navbar.navbar-expand-md.navbar-light.bg-light { padding-left: 65px; padding-right: 65px; } } @media screen and (max-width:1500px) { .page_mysettings, .page_intraeditcompany, .page_intraedituser { padding-bottom: 60px; } } /* All Mobile Devices */ @media (max-width: 1199px) { .edit-form .form-fieldsubgroup .unitGroupDispay { width: 100%; } } @media screen and (max-width:1099px) { a[href^="tel"] { color: inherit; /* Inherit text color of parent element. */ text-decoration: none; /* Remove underline. */ /* Additional css `propery: value;` pairs here */ } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } } /* Big Tabs */ @media screen and (min-width:1024px) and (max-width:1099px) { .form-field-transportdimensions_unit span.form-field-label { height: 55px; display: block; } .btn-form-check .form-check-label { white-space: normal; } #topnavbar .navbar-brand { padding-right: 0rem; margin-right: 0; } /* Quanta Reports-Mobile view change */ .row#rbas_graph_html_template { margin-right: -45px; } } /* All Screens Under 1024px */ @media screen and (max-width:1023px) { #topnavbar .navbar-brand { padding-right: 0rem; margin-right: 0; } .edit-form input[type="text"], .edit-form input[type="date"], .edit-form input[type="datetime-local"], .edit-form input[type="password"], .edit-form input[type="email"], .edit-form select, .edit-form .form-field-selectedsellers .form-field-input, .tip, .separator { width: 100% !important; max-width: 100% !important; } .edit-form .form-fieldgroup-help { margin-left: 0px !important; width: 100% !important; } /* Quanta Reports-Mobile view change */ .row#rbas_graph_html_template { margin-right: -45px; } } /* Little Tabs */ @media screen and (min-width:768px) and (max-width:1023px) { .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .tour_icon_position{ position:relative; right:30px; } .header_width0{ width:0 !important; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; left: auto; right: 0; } .page_intraeditad2 .edit-form .form-field-addvideo .video_uploader div:not(.tip) { width: 100%; } .page_intraeditad2 input[type=button].image_uploader_button, .page_intraeditad2 input[type=button].video_uploader_button { max-width: 100%; margin-bottom: 15px; } .page_intraeditad2 .input-file + label { max-width: 100%; width: 100%; } .edit-form .form-footer { width: 74% !important; } .btn-form-check .form-check-label { white-space: normal; } .othersTextarea textarea { max-width: 100%; margin-bottom:10px; } .page_intraeditad2 .phone-prefix.place-ad { width: 150px; } .page_intraeditad2 .phone-prefix-div.place-ad { width: calc(100% - 150px); } } @media screen and (max-width:991px){ .btn.btn-action.btn-sm{ margin-left: 0; } } /* Phones */ @media screen and (max-width:767px) { .page_intraads .navbar.ad-list-tools { top: 77px; } .container.my-2.my-lg-3 { padding-top: 10px; } nav#topnavbar.navbar.navbar-expand-md.navbar-light.bg-light { padding-left: 15px; padding-right: 15px; } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.3); } #topnavbar .navbar-brand .toplogo { max-height: 95px; max-width: 180px; } .page_login .navbar-toggler { display: none; } .navbar-expand-md .navbar-nav.mr-auto .nav-link { margin-top: 0; } .btn:not(.btn-bdg):not(.btn-action):not(label):not(.btn-select-arrow) { padding-left: 10px; padding-right: 10px; white-space: normal; } /*Data Tools & Insights images*/ .dti_img_content a img, .dti_img_content .dti_img img { max-height: 32px; } .edit-form .form-fieldsubgroup-brand .form-field, .edit-form .form-fieldsubgroup-category .form-field, .edit-form .form-fieldsubgroup-price .form-field, .edit-form .form-fieldsubgroup-sellers .form-field { float: none; margin-right: 0; width: 100%; } .whole-form .field-groups, .form-fieldgroup-help.tip { width: auto; } .tip, .edit-form input[type="text"], .edit-form input[type="date"], .edit-form input[type="datetime-local"], .edit-form input[type="password"], .edit-form input[type="email"], .edit-form select, .edit-form .form-field-selectedsellers .form-field-input, .separator { width: 100% !important; max-width: 100% !important; } .page_intraeditad2 .edit-form .form-field-addvideo .video_uploader div:not(.tip) { width: 100%; } .page_intraeditad2 input[type=button].image_uploader_button, .page_intraeditad2 input[type=button].video_uploader_button { max-width: 100%; } .page_intraeditad2 .form-footer .form-footer-item.form-footer-continue { width: 100%; } .page_intraeditad2 input[type=button] { width: 100%; } .page_intraeditad2 .input-file + label { max-width: 100%; width: 100%; } .page_intraeditad2 .phone-prefix.place-ad { width: 130px; } .page_intraeditad2 .phone-prefix-div.place-ad { width: calc(100% - 130px); } .image_uploader_button, .video_uploader_button { margin-bottom: 15px; margin-top: 15px; } .edit-form .form-field.error :nth-child(1) :before { left: -16px; } .input-file + label, .edit-form .form-footer { width: 100% !important; max-width: 100% !important; } .edit-form .form-fieldsubgroup-sellers .form-field { width: 100% !important; margin-right: 0px !important; } .unitGroupDispay { width: 100% !important; float: left; } td.field-detail-value span.data { color: #212529 !important; } .save-link.form-submit { margin-left: 0 !important; padding-left: 0 !important; } li.form-footer-item.form-footer-continue input#form-continue-button { margin-right: 10px; } /* Quanta Reports-Mobile view change */ .row#rbas_graph_html_template { margin-right: -45px; } .btn.btn-action.btn-sm { margin-left: 6px; } .btn.btn-action.btn-sm.btn-action-edit { margin-left: 0; } } /* Etc. */ @media (max-width: 500px) { .ad_rotator .field_image { width: 40%; height: auto; } .ad_rotator .ad_rotator_page { width: 100% !important; display: inline-block; margin-bottom: 20px; } } .badge_btn { border: solid 1px #696969; box-shadow: inset 0 0 10px #f3f0f1, 3px 4px 2px -2px #443d3d;} .tableindex .table.tablebar thead tr th, .table2index .table.tablebar thead tr th { background-color: #696969;} .place-ad-step-active { background: #696969 !important; border: 1px solid #696969 !important;} .radio-toolbar { display: flex;} .radio-toolbar label { width: 38px; display: inline-block; position: relative; background-color: #fff; border-radius: 50%; height: 38px; margin-right: 5px; text-align: center; line-height: 38px; border: 1px solid #ced4da; } .radio-toolbar label:hover { cursor: pointer; background-color: #e8e8e8; } .radio-toolbar input[type=radio]:checked + label { background-color: #00a8e0; color: #fff; } .radio-toolbar input[type=radio] { display: none; } .btn.active .radio-inline { font-weight: bold;} .grade-labels { max-width: 210px;} .grade-labels span[id$='max'] { float: right; } .settings-document-style { float: left; margin: 10px; display: inline-block; color: #24507F; text-decoration: none; cursor: pointer;} .settings-document-style:hover { text-decoration: underline; color: #24507F; } .cancel-document-settings, .cancel-document-settings:hover { border: 1px solid #cccccc;} /************login page**************/ .page_login { background-color: #fff; height: calc(100vh - 90px); position: relative; background: url(/Sites/ims/images/login-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .page_login .blue-service-bar-container { display: none; } .page_login #topnavbar.navbar { background-color: transparent !important; border-bottom: none; padding: 0px !important; position: static; margin-top: 0; } .page_login form#aspnetForm .container { margin-top: 7px !important; padding-top: 10px; min-height: unset; } #login_form input::placeholder { color: rgba(204, 204, 204, 1); } .page_login form#aspnetForm { background: rgba(255,255,255,0.85); margin: auto; width: 420px; min-height: 250px; margin-top: 120px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(226, 229, 237, 1); border-radius: 6px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.349019607843137); -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); box-shadow: 1px 1px 1px rgb(0 0 0 / 35%); font-style: normal; padding: 20px; max-width:80%; } .page_login .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; margin: auto; } .page_login #login_form .mt-3.align_opposite { text-align: center; margin-top: 13px !important; margin-bottom: 10px; } .page_login .form-control { padding: 12px 10px; border-radius: 0; width:100%; } .page_login .login_input { border-width: 1px; border-style: solid; border-color: rgba(204, 204, 204, 1); color: #999; margin-bottom:10px; } .page_login input.button { margin-top: 0px; padding: 13px 15px; border-radius: 0; width: 100%; } .page_login button.navbar-toggler { display: none; } .page_login #topnavbar .navbar-brand { width: 100%; padding: 0; position: static; margin: auto 0; padding: 0px !important; } .page_login #topnavbar .navbar-brand .toplogo { margin: auto; /* padding: 10px 0; */ margin-left: 0px; max-width: unset; max-height: unset; width:100%; } .page_login #login_form { margin-top: 0px !important; position:relative; } .page_login #login_form .form-content { flex: none; max-width: unset !important; margin: 0px; padding: 0px; } .page_login .menu_label { display: block; } .page_login #orderpw { position: absolute; bottom: -18px; right: 0px; } .page_login #orderpw a { font-weight: 400; font-style: normal; font-size: 14px; color: #24507F } .page_login .maintenance-fixedposition { top: 60px; left: 50%; transform: translateX(-50%);} .maintenance-fixedposition-lnm { position: fixed; top: 0px; left: 50%; transform: translateX(-50%); z-index: 999; width: 100%;} /****************************************** pdf template *************************************/ #pdfAds.basic tr.header th { background-color: #F1F1F1; border-right: 2px solid white; vertical-align: bottom; padding: 4px; text-align: left; cursor: default;} #pdfAds.basic tr.header th { background-color: #F1F1F1; border: 1px solid #BABABA; padding: 5px;} #pdfAds.basic tr.item td { border: 1px #D8D8D8 solid;} .cell_sortarrow { width: 50px;} /*******************************************************************************/ /* --------------------- Featured ad --------------------- */ .highlight, #manage-ads .item.popular-choice, .page_intraeditad2 .rbas-package-selector .form-check.popular-choice { border: 2px solid #E87511 !important; box-shadow: 0px 1px 4px rgba(118, 118, 118, 0.698039215686274);} .highlight { margin: 5px 0;} .item.highlight { margin: 0;} .ad-overview-row.show-feature-ad .featured-default { display: block !important;} .alert .alert-text { padding: 0 40px; min-height: 33px; text-align: center;} .survey_message { width: 50%;} .survey-container { margin-bottom: 20px; max-width: 1200px; margin: 0 auto 20px;} .alert.alert-survey { margin-bottom: 0px; color: #000; font-size: 16px; font-family: "Roboto"; padding: 10px; border-radius: 5px; overflow: hidden; border: 1px solid #696969; box-shadow: inset 0 0 10px #f3f0f1, 3px 4px 2px -2px #443d3d;} .survey-container a.btn { background: linear-gradient(to bottom, #24507f 1%, #003975 100%); ; color: white !important; padding: 6px 12px !important; border-radius: 5px !important;} .survey-container a.btn:hover { background: linear-gradient(to bottom, #003975 1%, #24507f 100%); } .survey-buttons { text-align: right; margin-right: 30px; margin-top: 35px;} @media (max-width: 1200px) { .survey-container { padding-right: 15px; padding-left: 15px; } } .col-md.pb-2.workflow-column:not(:has(:first-child)) { display: none;}