.box-buttons-left { clear: both; margin-top: 15px; text-align:left; } .box-buttons-right { clear: both; margin-top: 15px; text-align:right; } /* ----------------------------- Buttons + icons ---------------------------*/ /* Zurb buttons */ input.button, input.button:visited, button.button { display: inline-block; padding: 3px 8px 4px; color: #fff !important; font-weight: bold; text-decoration: none; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); /*position: relative; geeft problemen op sliding panels anders*/ cursor: pointer; background: #666 url(../images/tvh_webapp/buttons/overlay.png) repeat-x; font-size: 11px !important; overflow: visible; /*correct padding in ie*/ margin-right: 2px; margin-left: 2px; height: 23px; /* height necessary for same heights in IE*/ } button.button {height:auto; min-height:23px;} /*Needed for button with large text to split on 2 lines, on input this is not possible*/ input.button:hover, button.button:hover { background-color: #222; } input.button:active, button.button:active { top: 1px; } /*IE moet disabled class hebben anders styled hij niet... */ input.button[disabled="disabled"], button.button[disabled="disabled"], .button.disabled { background: none; background-color: #cbcbcb; text-shadow: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: none; } input.button[disabled="disabled"]:hover, button.button[disabled="disabled"]:hover, .button.disabled:hover { background-color: #cbcbcb; } input.button[disabled="disabled"]:active, button.button[disabled="disabled"]:active, .button.disabled:active { top: 0; } input.primaryAction, input.primaryAction:visited, button.primaryAction, button.primaryAction:visited { background-color: #5d9200; background-image: none; } input.primaryAction:hover, button.primaryAction:hover { background-color: #4e6920; } /* Action buttons In seperate file, because also needed in dynamic applications for the website*/ .calendar-btn, .delete-btn, .delete-btn-disabled, .print-btn, .print-btn-disabled, .print-btn-green, .print-btn-red, .print-btn, .print-btn-disabled, .save-btn, .save-btn-disabled, .download-btn, .download-btn-disabled, .edit-btn, .edit-btn-disabled, .edit-btn-green, .zoom-btn, .zoom-btn-disabled, .zoom-in-btn, .zoom-in-btn-disabled, .zoom-out-btn, .zoom-out-btn-disabled, .photo-btn, .photo-btn-disabled, .cart-btn, .cart-btn-disabled, .headset-btn, .headset-btn-disabled, .tel-btn, .tel-btn-disabled, .folder-btn, .folder-btn-disabled, .tick-btn, .tick-btn-disabled, .tick-green-btn, .cross-btn, .cross-btn-disabled, .cross-red-btn, .exclamation-btn, .exclamation-btn-disabled, .exclamation-yellow-btn, .exclamation-red-btn, .exclamation-green-btn, .exclamation-black-red-btn, .exclamation-black-yellow-btn, .exclamation-black-green-btn, .exclamation-gray-red-btn, .exclamation-gray-yellow-btn, .exclamation-gray-green-btn, .paperclip-btn, .paperclip-btn-disabled, .mail-btn, .mail-btn-disabled, .lock-btn, .lock-btn-disabled, .plus-btn, .plus-btn-disabled, .min-btn, .min-btn-disabled, .readyToSend-btn, .readyToSend-btn-disabled, .refresh-btn, .refresh-btn-disabled, .gotopage-btn, .gotopage-btn-disabled, .returntopage-btn, .returntopage-btn-disabled, .setdefault-btn, .postit-btn, .postit-btn-disabled, .page-btn, .page-btn-disabled, .page-btn-remove, .flare-btn, .flare-btn-disabled, .info-btn, .rel-items-btn, .switch-btn, .arrow-down-btn, .popup-btn, .sleutel-btn, .on-off-btn, .lookup-btn, .question-btn, .hazardous-btn, .listView, .listViewSelected, .thumbnailsView, .thumbnailsViewSelected, .full-access-btn, .no-access-btn, .read-only-access-btn, .arrow-btn, .next-btn, .prev-btn, .draggable-btn, .observed-in, .observed-out, .mobile, .phone, .pdf-btn, .jump-page, .stop-btn, .play-btn, .action-btn, .person-btn, .crm-btn, .checklist-btn, .relation-btn, .addcomment-btn, .calc-btn, .site-selection-btn, .truck-btn, .dollar-btn, .euro-btn, .message-info-btn, .go-back-btn, .chain-btn, .forklift-btn, .forklift-btn-green, .forklift-btn-yellow, .forklift-btn-red, .info-btn-alt, .franco-btn, .new-btn, .used-btn, .reconditioned-btn, .calling-btn, .calling-btn-green, .cross-selling-btn, .forecast-btn, .reload-btn { width: 16px; height: 16px; display: inline-block; outline: none; /*margin: 2px 2px -2px;*/ margin: 0 2px; vertical-align:text-bottom; border: 0 !important; } /* IE heeft geen support voor inline-block op elementen die van nature inline zijn: IE7 star hack toegepast ! Werkt niet in IE6 ! */ *:first-child+html .calendar-btn, *:first-child+html .delete-btn, *:first-child+html .delete-btn-disabled, *:first-child+html .print-btn, *:first-child+html .print-btn-disabled, *:first-child+html .print-btn-green, *:first-child+html .print-btn-red, *:first-child+html .print-btn, *:first-child+html .print-btn-disabled, *:first-child+html .save-btn, *:first-child+html .save-btn-disabled, *:first-child+html .download-btn, *:first-child+html .download-btn-disabled, *:first-child+html .edit-btn, *:first-child+html .edit-btn-disabled, *:first-child+html .edit-btn-green, *:first-child+html .zoom-btn, *:first-child+html .zoom-btn-disabled, *:first-child+html .zoom-in-btn, *:first-child+html .zoom-in-btn-disabled, *:first-child+html .zoom-out-btn, *:first-child+html .zoom-out-btn-disabled, *:first-child+html .photo-btn, *:first-child+html .photo-btn-disabled, *:first-child+html .cart-btn, *:first-child+html .cart-btn-disabled, *:first-child+html .headset-btn, *:first-child+html .headset-btn-disabled, *:first-child+html .tel-btn, *:first-child+html .tel-btn-disabled, *:first-child+html .folder-btn, *:first-child+html .folder-btn-disabled, *:first-child+html .tick-btn, *:first-child+html .tick-btn-disabled, *:first-child+html .tick-green-btn, *:first-child+html .cross-btn, *:first-child+html .cross-btn-disabled, *:first-child+html .cross-red-btn, *:first-child+html .exclamation-btn, *:first-child+html .exclamation-btn-disabled, *:first-child+html .exclamation-yellow-btn, *:first-child+html .exclamation-red-btn,*:first-child+html .exclamation-green-btn, *:first-child+html .exclamation-black-red-btn, *:first-child+html .exclamation-black-yellow-btn, *:first-child+html .exclamation-black-green-btn, *:first-child+html .exclamation-gray-red-btn, *:first-child+html .exclamation-gray-yellow-btn, *:first-child+html .exclamation-gray-green-btn, *:first-child+html .paperclip-btn, *:first-child+html .paperclip-btn-disabled, *:first-child+html .mail-btn, *:first-child+html .mail-btn-disabled, *:first-child+html .lock-btn, *:first-child+html .lock-btn-disabled, *:first-child+html .plus-btn, *:first-child+html .plus-btn-disabled, *:first-child+html .min-btn, *:first-child+html .min-btn-disabled, *:first-child+html .readyToSend-btn, *:first-child+html .readyToSend-btn-disabled, *:first-child+html .refresh-btn, *:first-child+html .refresh-btn-disabled, *:first-child+html .gotopage-btn, *:first-child+html .gotopage-btn-disabled, *:first-child+html .returntopage-btn, *:first-child+html .returntopage-btn-disabled, *:first-child+html .setdefault-btn, *:first-child+html .postit-btn, *:first-child+html .postit-btn-disabled, *:first-child+html .page-btn, *:first-child+html .page-btn-disabled,*:first-child+html .page-btn-remove, *:first-child+html .flare-btn, *:first-child+html .flare-btn-disabled, *:first-child+html .info-btn, *:first-child+html .full-access-btn, *:first-child+html .no-access-btn, *:first-child+html .read-only-access-btn *:first-child+html .rel-items-btn, *:first-child+html .switch-btn, *:first-child+html .jump-page, *:first-child+html .arrow-down-btn, *:first-child+html .popup-btn, *:first-child+html .sleutel-btn, *:first-child+html .on-off-btn, *:first-child+html .lookup-btn, *:first-child+html .question-btn, *:first-child+html .hazardous-btn, *:first-child+html .listView, *:first-child+html .listViewSelected, *:first-child+html .thumbnailsView, *:first-child+html .thumbnailsViewSelected, *:first-child+html .arrow-btn, *:first-child+html .next-btn, *:first-child+html .prev-btn, *:first-child+html .draggable-btn, *:first-child+html .observed-in, *:first-child+html .observed-out, *:first-child+html .mobile, *:first-child+html .phone, *:first-child+html .pdf-btn, *:first-child+html .stop-btn, *:first-child+html .play-btn,*:first-child+html .action-btn, *:first-child+html .person-btn, *:first-child+html .crm-btn, *:first-child+html .checklist-btn, *:first-child+html .relation-btn, *:first-child+html .addcomment-btn, *:first-child+html .calc-btn, *:first-child+html .site-selection-btn, *:first-child+html .truck-btn, *:first-child+html .dollar-btn, *:first-child+html .euro-btn, *:first-child+html .message-info-btn, *:first-child+html .go-back-btn, *:first-child+html .chain-btn, *:first-child+html .forklift-btn, *:first-child+html .franco-btn, *:first-child+html .forklift-btn, *:first-child+html .forklift-btn-green, *:first-child+html .forklift-btn-yellow, *:first-child+html .forklift-btn-red, *:first-child+html .info-btn-alt, *:first-child+html .new-btn, *:first-child+html .used-btn, *:first-child+html .reconditioned-btn, *:first-child+html .calling-btn, *:first-child+html .calling-btn-green, *:first-child+html .cross-selling-btn, *:first-child+html .forecast-btn, *:first-child+html .reload-btn { display:inline; /*margin: 4px 4px 2px;*/ margin: 0 4px; } .calendar-btn { background: url(../images/tvh_webapp/icons/16x16/calendar.png) no-repeat; } .delete-btn { background:url(../images/tvh_webapp/icons/16x16/delete_on.png) no-repeat; } .delete-btn:hover { background:url(../images/tvh_webapp/icons/16x16/delete_red.png) no-repeat; } .delete-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/delete_off.png) no-repeat; } .print-btn { background:url(../images/tvh_webapp/icons/16x16/printer_on.png) no-repeat; } .print-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/printer_off.png) no-repeat; } .print-btn-green { background:url(../images/tvh_webapp/icons/16x16/printer_on_green.png) no-repeat; } .print-btn-red { background:url(../images/tvh_webapp/icons/16x16/printer_off_red.png) no-repeat; } .save-btn { background: url(../images/tvh_webapp/icons/16x16/diskette_on.png) no-repeat; } .save-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/diskette_off.png) no-repeat; } .download-btn { background: url(../images/tvh_webapp/icons/16x16/download_on.png) no-repeat; } .download-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/download_off.png) no-repeat; } .edit-btn { background: url(../images/tvh_webapp/icons/16x16/pencil_on.png) no-repeat; } .edit-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/pencil_off.png) no-repeat; } .edit-btn-green { background:url(../images/tvh_webapp/icons/16x16/pencil-green.png) no-repeat; } .zoom-btn { background: url(../images/tvh_webapp/icons/16x16/zoom_on.png) no-repeat; } .zoom-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/zoom_off.png) no-repeat; } .zoom-in-btn { background: url(../images/tvh_webapp/icons/16x16/zoom-in_on.png) no-repeat; } .zoom-in-btn:hover { background: url(../images/tvh_webapp/icons/16x16/zoom-in_hover.png) no-repeat; } .zoom-in-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/zoom-in_off.png) no-repeat; } .zoom-out-btn { background: url(../images/tvh_webapp/icons/16x16/zoom-out_on.png) no-repeat; } .zoom-out-btn:hover { background: url(../images/tvh_webapp/icons/16x16/zoom-out_hover.png) no-repeat; } .zoom-out-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/zoom-out_off.png) no-repeat; } .photo-btn { background: url(../images/tvh_webapp/icons/16x16/foto_on.png) no-repeat; } .photo-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/foto_off.png) no-repeat; } .cart-btn { background: url(../images/tvh_webapp/icons/16x16/kar_on.png) no-repeat; } .cart-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/kar_off.png) no-repeat; } .headset-btn { background: url(../images/tvh_webapp/icons/16x16/headset_on.png) no-repeat; } .headset-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/headset_off.png) no-repeat; } .tel-btn { background: url(../images/tvh_webapp/icons/16x16/tel_on.png) no-repeat; } .tel-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/tel_off.png) no-repeat; } .folder-btn { background: url(../images/tvh_webapp/icons/16x16/folder_on.png) no-repeat; } .folder-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/folder_off.png) no-repeat; } .tick-btn { background: url(../images/tvh_webapp/icons/16x16/vinkje_on.png) no-repeat; } .tick-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/vinkje_off.png) no-repeat; } .tick-green-btn { background:url(../images/tvh_webapp/icons/16x16/vinkje_green.png) no-repeat; } .cross-btn { background: url(../images/tvh_webapp/icons/16x16/kruisje_on.png) no-repeat; } .cross-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/kruisje_off.png) no-repeat; } .cross-red-btn { background: url(../images/tvh_webapp/icons/16x16/kruisje_red.png) no-repeat; } .exclamation-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep_on.png) no-repeat; } .exclamation-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/uitroep_off.png) no-repeat; } .exclamation-yellow-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep_yellow.png) no-repeat; } .exclamation-red-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep_red.png) no-repeat; } .exclamation-green-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep_green.png) no-repeat; } .exclamation-black-red-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep-zwart-rood.png) no-repeat; } .exclamation-black-yellow-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep-zwart-geel.png) no-repeat; } .exclamation-black-green-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep-zwart-groen.png) no-repeat; } .exclamation-gray-red-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep-grijs-rood.png) no-repeat; } .exclamation-gray-yellow-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep-grijs-geel.png) no-repeat; } .exclamation-gray-green-btn { background: url(../images/tvh_webapp/icons/16x16/uitroep-grijs-groen.png) no-repeat; } .paperclip-btn { background: url(../images/tvh_webapp/icons/16x16/paperclip_on.png) no-repeat; } .paperclip-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/paperclip_off.png) no-repeat; } .mail-btn { background: url(../images/tvh_webapp/icons/16x16/mail_on.png) no-repeat; } .mail-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/mail_off.png) no-repeat; } .lock-btn { background: url(../images/tvh_webapp/icons/16x16/slot_on.png) no-repeat; } .lock-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/slot_off.png) no-repeat; } .plus-btn { background: url(../images/tvh_webapp/icons/16x16/plus_on.png) no-repeat; } .plus-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/plus_off.png) no-repeat; } .min-btn { background: url(../images/tvh_webapp/icons/16x16/min_on.png) no-repeat; } .min-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/min_off.png) no-repeat; } .readyToSend-btn { background: url(../images/tvh_webapp/icons/16x16/readyToSend_on.png) no-repeat; } .readyToSend-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/readyToSend_off.png) no-repeat; } .refresh-btn { background: url(../images/tvh_webapp/icons/16x16/refresh_on.png) no-repeat; } .refresh-btn-disabled { background:url(../images/tvh_webapp/icons/16x16/refresh_off.png) no-repeat; } .gotopage-btn { background: url(../images/tvh_webapp/icons/16x16/gotoPage_on.png) no-repeat; } .gotopage-btn-disabled { background: url(../images/tvh_webapp/icons/16x16/gotoPage_off.png) no-repeat; } .returntopage-btn { background: url(../images/tvh_webapp/icons/16x16/returntoPage_on.png) no-repeat; } .returntopage-btn-disabled { background: url(../images/tvh_webapp/icons/16x16/returntoPage_off.png) no-repeat; } .setdefault-btn { background: url(../images/tvh_webapp/icons/16x16/returntoPage_on.png) no-repeat; } .postit-btn { background: url(../images/tvh_webapp/icons/16x16/postit_on.png) no-repeat; } .postit-btn-disabled { background: url(../images/tvh_webapp/icons/16x16/postit_off.png) no-repeat; } .page-btn { background: url(../images/tvh_webapp/icons/16x16/page_on.png) no-repeat; } .page-btn-disabled { background: url(../images/tvh_webapp/icons/16x16/page_off.png) no-repeat; } .page-btn-remove { background: url(../images/tvh_webapp/icons/16x16/page_remove.png) no-repeat; } .flare-btn { background: url(../images/tvh_webapp/icons/16x16/flare_on.png) no-repeat; } .flare-btn-disabled { background: url(../images/tvh_webapp/icons/16x16/flare_off.png) no-repeat; } .info-btn { background: url(../images/tvh_webapp/icons/16x16/info_on.png) no-repeat; } .full-access-btn { background: url(../images/tvh_webapp/icons/16x16/full_access_on.png) no-repeat; } .no-access-btn { background: url(../images/tvh_webapp/icons/16x16/no_access_on.png) no-repeat; } .read-only-access-btn { background: url(../images/tvh_webapp/icons/16x16/read_only_access_on.png) no-repeat; } .rel-items-btn { background: url(../images/tvh_webapp/icons/16x16/rel_items_on.png) no-repeat; } .switch-btn { background: url(../images/tvh_webapp/icons/16x16/rel_items_on.png) no-repeat; } .jump-page { background: url(../images/tvh_webapp/icons/16x16/jump_page.png) no-repeat; } .go-back-btn{background: url(../images/tvh_webapp/icons/16x16/go_back.png) no-repeat;} .arrow-down-btn { background: url(../images/tvh_webapp/icons/16x16/arrow_down.png) no-repeat; } .popup-btn { background: url(../images/tvh_webapp/icons/16x16/popup_on.png) no-repeat; } .sleutel-btn { background: url(../images/tvh_webapp/icons/16x16/sleutel_on.png) no-repeat; } .on-off-btn { background: url(../images/tvh_webapp/icons/16x16/on-off-btn.png) no-repeat; } .lookup-btn { background: url(../images/tvh_webapp/icons/16x16/lookup_on.png) no-repeat; } .question-btn { background: url(../images/tvh_webapp/icons/16x16/question_on.png) no-repeat; } .hazardous-btn { background: url(../images/tvh_webapp/icons/16x16/hazardous_on.png) no-repeat; } .pdf-btn { background: url(../images/tvh_webapp/icons/16x16/pdf.png) no-repeat; } .arrow-btn { background: url(../images/tvh_webapp/icons/16x16/arrow.png) no-repeat; } .next-btn { background: url(../images/tvh_webapp/icons/16x16/next.png) no-repeat; } .prev-btn { background: url(../images/tvh_webapp/icons/16x16/prev.png) no-repeat; } .draggable-btn { background: url(../images/tvh_webapp/icons/16x16/draggable.png) no-repeat; } .observed-in { background: url(../images/tvh_webapp/icons/16x16/observedIn.gif) no-repeat; } .observed-out { background: url(../images/tvh_webapp/icons/16x16/observedOut.gif) no-repeat; } .mobile{ background: url(../images/tvh_webapp/icons/16x16/mobile.png) no-repeat;} .phone{ background: url(../images/tvh_webapp/icons/16x16/phone.png) no-repeat;} .play-btn{background: url(../images/tvh_webapp/icons/16x16/play.png) no-repeat;} .stop-btn{background: url(../images/tvh_webapp/icons/16x16/stop.png) no-repeat;} .action-btn{background: url(../images/tvh_webapp/icons/16x16/action.png) no-repeat;} .person-btn {background: url(../images/tvh_webapp/icons/16x16/person.png) no-repeat;} .crm-btn {background: url(../images/tvh_webapp/icons/16x16/crm.png) no-repeat;} .checklist-btn {background: url(../images/tvh_webapp/icons/16x16/checklist.png) no-repeat;} .relation-btn {background: url(../images/tvh_webapp/icons/16x16/relation.png) no-repeat;} .addcomment-btn{background: url(../images/tvh_webapp/icons/16x16/addcomment.png) no-repeat;} .calc-btn{background: url(../images/tvh_webapp/icons/16x16/calc.png) no-repeat;} .site-selection-btn{background: url(../images/tvh_webapp/icons/16x16/site-selection.png) no-repeat;} .truck-btn{background: url(../images/tvh_webapp/icons/16x16/truck.png) no-repeat;} .franco-btn{background: url(../images/tvh_webapp/icons/16x16/franco.png) no-repeat;} .dollar-btn{background: url(../images/tvh_webapp/icons/16x16/dollar.png) no-repeat;} .euro-btn{background: url(../images/tvh_webapp/icons/16x16/euro.png) no-repeat;} .message-info-btn{background: url(../images/tvh_webapp/icons/16x16/message-info.png) no-repeat;} .chain-btn{background: url(../images/tvh_webapp/icons/16x16/chain.png) no-repeat;} .forklift-btn{background: url(../images/tvh_webapp/icons/16x16/forklift.png) no-repeat;} .forklift-btn-green{background: url(../images/tvh_webapp/icons/16x16/forklift-green.png) no-repeat;} .forklift-btn-yellow{background: url(../images/tvh_webapp/icons/16x16/forklift-yellow.png) no-repeat;} .forklift-btn-red{background: url(../images/tvh_webapp/icons/16x16/forklift-red.png) no-repeat;} .forecast-btn{background: url(../images/tvh_webapp/icons/16x16/forecast.png) no-repeat;} .reload-btn{background: url(../images/tvh_webapp/icons/16x16/reload.png) no-repeat;} .info-btn-alt{background: url(../images/tvh_webapp/icons/16x16/alt-info-icon.png) no-repeat;} /*.info-btn-alt{background: url(../images/tvh_webapp/icons/16x16/alt-info-btn.png} */ .new-btn, .used-btn, .reconditioned-btn{background: url('../images/tvh_webapp/icons/16x16/bay-sprite-icon.png')} .new-btn{background-position: 0 -52px;} .used-btn{background-position: 0 -104px;} .reconditioned-btn{background-position: 0 -78px;} .calling-btn{background: url(../images/tvh_webapp/icons/16x16/calling.png) no-repeat;} .calling-btn-green{background: url(../images/tvh_webapp/icons/16x16/calling_green.png) no-repeat;} .cross-selling-btn{background: url(../images/tvh_webapp/icons/16x16/cross_selling.png) no-repeat;} .listView { background: url(../images/tvh_webapp/buttons/listView-off.png) no-repeat; } a.listView:hover, .listView.selected, .listViewSelected /*.listViewSelected mag weg als aangepast naar .listView.selected*/ { background: url(../images/tvh_webapp/buttons/listView.png) no-repeat; } .thumbnailsView { background: url(../images/tvh_webapp/buttons/thumbnailsView-off.png) no-repeat; } a.thumbnailsView:hover, .thumbnailsView.selected, .thumbnailsViewSelected /*.listViewSelected mag weg als aangepast naar .listView.selected*/ { background: url(../images/tvh_webapp/buttons/thumbnailsView.png) no-repeat; } /* sort-buttons voor binnen th elementen */ .sort-btn, .sort-asc-btn, .sort-desc-btn { width: 10px; height: 10px; display: inline-block; outline: none; margin: auto 2px; border: 0 !important; } /* IE heeft geen support voor inline-block op elementen die van nature inline zijn: IE7 star hack toegepast ! Werkt niet in IE6 ! */ *:first-child+html .sort-btn, *:first-child+html .sort-asc-btn, *:first-child+html .sort-desc-btn { display: inline; margin: 2px; } .sort-btn { background: url(../images/tvh_webapp/icons/16x16/sort.png) no-repeat; } .sort-asc-btn { background: url(../images/tvh_webapp/icons/16x16/sort_asc.png) no-repeat; } .sort-desc-btn { background: url(../images/tvh_webapp/icons/16x16/sort_desc.png) no-repeat; } /*new implementation of the sort-buttons that they always apear right*/ .sort-btn-container{position:relative; padding-right:16px;} .sort-btn.always-right, .sort-asc-btn.always-right, .sort-desc-btn.always-right {position:absolute; top:50%;right:0; margin-top:-4px;} /*icons 32 x32 */ .calling-btn-32, .calling-btn-green-32 { width: 32px; height: 32px; display: inline-block; outline: none; margin: 0 2px; vertical-align:text-bottom;border: 0 !important; } .calling-btn-32{background: url(../images/tvh_webapp/icons/32x32/calling.png) no-repeat;} .calling-btn-green-32{background: url(../images/tvh_webapp/icons/32x32/calling_green.png) no-repeat;} /*icons large: mts claims*/ .claimsheadreasons .claims-icon{ width:95px; height:80px; background-image:url(https://sc.tvh.com/images/ecommerce/claims-icons/claims-icons.png); } .claimsheadreasons .take-back{background-position:0px 0px;} .claimsheadreasons .not-received{background-position:-125px 0px;} .claimsheadreasons .not-working{background-position:-377px 0px;} .claimsheadreasons .damaged{background-position:-254px 0px;} .claimsheadreasons .price{background-position:-499px 0px;} .claimsheadreasons .test{background-position:-625px 0px;} .claimsheadreasons .repair{background-position:-751px 0px;} /* wicket */ /* modal window */ .wicket-modal { font-size: 12px; } /*voor titel*/ .wicket-modal-content { padding: 0 15px; font-size: 0.75em; } .wicket-modal-content input, .wicket-modal-content textarea, .wicket-modal-content select { height: auto; } /* modal window, TVH Class override -- enkel de wijzigingen tov de wicket classes staan hier! de rest is via de gewone cascade */ div.wicket-mask-dark { opacity: 0.2 !important; -moz-opacity:0.2 !important; background-color: black; filter: alpha(opacity=20) !important; background-image: url(../images/tvh_webapp/modal_window_wicket/bg-mask.png) !important; } div.wicket-modal div.tvh-modal-window div.w_top { background-position: 0px -30px; } div.wicket-modal div.tvh-modal-window .w_topLeft { float: left; background-position: -7px -2px; } div.wicket-modal div.tvh-modal-window div.w_topRight { float: right; background-position: -37px -2px; } div.wicket-modal div.tvh-modal-window div.w_left { background-position: 0px 0px; } div.wicket-modal div.tvh-modal-window div.w_right_1 { margin-left: 23px } div.wicket-modal div.tvh-modal-window div.w_content_1 { margin: 0 23px 0 0px; padding: 8px; background-color: white; } div.wicket-modal div.tvh-modal-window div.w_caption { font-size: 1.2em; color: #646466; border-bottom: 1px solid #c0c0c0; padding-bottom: 5px; margin-bottom: 5px; cursor: move; } div.wicket-modal div.tvh-modal-window a.w_close { background-image: url(../images/tvh_webapp/icons/16x16/kruisje_on.png); position: absolute; right: -1px; top: -4px; border: none; } div.wicket-modal div.tvh-modal-window a.w_close:hover { background-image: url(../images/tvh_webapp/icons/16x16/kruisje_red.png); } div.wicket-modal div.tvh-modal-window div.w_content_3 { border: none !important; } div.wicket-modal div.tvh-modal-window div.w_bottom { background-position: 0px -58px; } div.wicket-modal div.tvh-modal-window div.w_bottomRight { background-position: -97px -2px; } div.wicket-modal div.tvh-modal-window div.w_bottomLeft { background-position: -67px -2px; } div.wicket-modal div.tvh-modal-window div.w_left, div.wicket-modal div.tvh-modal-window div.w_right { background-image: url(../images/tvh_webapp/modal_window_wicket/modal_border_zijkant.png); } div.wicket-modal div.tvh-modal-window div.w_top, div.wicket-modal div.tvh-modal-window div.w_bottom, div.wicket-modal div.tvh-modal-window div.w_topLeft, div.wicket-modal div.tvh-modal-window div.w_topRight, div.wicket-modal div.tvh-modal-window div.w_bottomRight, div.wicket-modal div.tvh-modal-window div.w_bottomLeft { height: 26px; background-image: url(../images/tvh_webapp/modal_window_wicket/modal_border.png); } div.wicket-modal div.tvh-modal-window div.w_topLeft, div.wicket-modal div.tvh-modal-window div.w_topRight, div.wicket-modal div.tvh-modal-window div.w_bottomRight, div.wicket-modal div.tvh-modal-window div.w_bottomLeft { width: 28px; } /* datepicker */ input[type="text"].datepicker, .editForm input[type="text"].datepicker { width: 100px; } /* datetimepicker */ input[type="text"].datetimepicker { width: 150px !important; position:relative !important;} /* timepicker */ input[type="text"].timepicker { width: 70px !important; position:relative !important;} .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } /* Tiny MCE */ .rteDefinedColor { color: #a40426; } /* autocomplete */ div.wicket-aa { background-color: #FFF; border: 1px solid #c0c0c0; overflow:auto; } div.wicket-aa ul li { padding: 3px; } div.wicket-aa ul li.selected { color: #FFF; background-color: #666666; font-weight: bold; cursor: pointer; } /* ----------------------------- links ---------------------------*/ .pdf-link{display:inline-block; background:url(../images/tvh_webapp/icons/16x16/pdf.png) no-repeat; padding-left:20px; border:none !important; line-height:20px;} /* ----------------------------- Boxes ---------------------------*/ .box, .fixbox { margin: 5px 0 20px; } .fixbox{clear:left;} .box-top, .navbox-top, .fixbox-top { background: #dedede; font-weight: bold; border: 1px solid #c0c0c0; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15); } .box-top h2 , .fixbox-top h2 { margin-left: 20px; padding: 4px; } .box-top h2 a.slider, .box-top h2 a.slider-horizontal { float: right; width: 0.6em; font-weight: normal; border-left: 1px solid #c0c0c0; padding: 0 0.7em; outline: none; cursor:pointer; } .box-top h2 a.slider { background: url(../images/ecommerce/btn_slide-up.png) no-repeat scroll 50% 50%; } .box-top h2 a.slider-horizontal { background: url(../images/wfm/btn_slide-l.png) no-repeat scroll 50% 50%; } .box-top h2 a.slide-down { background: url(../images/ecommerce/btn_slide-down.png) no-repeat scroll 50% 50%; } .box-top h2 span { cursor: pointer; } .box-top-extra { background-color:#f1f1f1; border:1px solid #666; margin-left:20px; padding:2px; } .box-top-extra p+p { border-left:1px solid #666; } /* not the first p, but the p next to it */ .box-top-extra p { font-size:11px; display:inline; padding:0 5px; } .box-content, .navbox-content { background-color: #FFF; border: 1px solid #c0c0c0; margin-top: 2px; padding: 10px 10px 15px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15); } .box-content div.errorMsgBox, .box-content div.warningMsgBox, .box-content div.succesMsgBox, .box-content div.feedbackpanel { margin-left: 10px; margin-right: 10px; } .box-left { display: block; float: left; width: 305px; padding-right: 20px; position: relative; overflow: hidden; } .box-left .box-top{position:relative;} .slideInPanel > div { margin-bottom:2px; } .slideInPanel .slideOutPanel { display:block; float:right; width:25px; height:455px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 8px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 8px; border-top-left-radius: 0px; border-bottom-right-radius: 8px; cursor: pointer; position: absolute; left: -27px; } .slideInPanel .box-content { min-height: 436px; margin: 0;position:relative; } .slideOutPanel > div { display: none; font-size: 14px; margin-top: 150px; margin-left: 5px\9; } .slideOutPanel a { float: right; background:url(../images/wfm/btn_slide-r.png) no-repeat scroll 40% 50%; width: 0.6em; font-weight: normal; border-bottom: 1px solid #c0c0c0; padding: 0.7em 0.7em; outline: none; } .box-right {float: left;display: block;width: 875px;margin-bottom:15px;} /* NAVBOXES */ /*dependencies: hight image HAS to be 150px*/ ul#navboxMenu { margin-left: -26px; width: 1008px; position:relative;/*IE6*/ } .navbox { margin: 5px 0px 20px 26px; float: left; width: 226px; display: inline; /*IE6*/ } .navbox-top h2 { margin: 0 10px; padding: 4px; text-align: center; } .navbox-content { height: 156px; /*150px for image + 6 for margin */ } .navbox-content img { display: block; margin: 3px auto; } .navbox-content a { border: none; } /* IE7 */ /* tooltip on navboxes */ .tooltipTrigger { float: right; color:#AAA; cursor: pointer; position: relative; width: 16px; height: 16px;} /* icons to switch display of result: grid or thumbnails */ .viewOptions li { float: left; } .viewOptionsLabels { border-right: 1px solid #d4d4d4; float: left; padding-right: 5px; margin-right: 5px; } .viewOptionsLabels li { display: none; font-weight: normal; color: #949494; } /* grid */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-right: 1%; margin-left:1%; } .grid_first { margin-left: 0px; } .grid_last { margin-right: 0px; } .grid_1 { width:6.333%; } .grid_2 { width:14.667%; } .grid_3 { width:23.0%; } .grid_4 { width:31.333%; } .grid_5 { width:39.667%; } .grid_6 { width:48.0%; } .grid_7 { width:56.333%; } .grid_8 { width:64.667%; } .grid_9 { width:73.0%; } .grid_10 { width:81.333%; } .grid_11 { width:89.667%; } .grid_12 { width:98.0%; } .prefix_1 { padding-left:8.333%; } .prefix_2 { padding-left:16.667%; } .prefix_3 { padding-left:25.0%; } .prefix_4 { padding-left:33.333%; } .prefix_5 {padding-left:41.667%; } .prefix_6 { padding-left:50.0%; } .prefix_7 { padding-left:58.333%; } .prefix_8 { padding-left:66.667%; } .prefix_9 { padding-left:75.0%;} .prefix_10 { padding-left:83.333%; } .prefix_11 {padding-left:91.667%; } .suffix_1 { padding-right:8.333%;} .suffix_2 { padding-right:16.667%; } .suffix_3 { padding-right:25.0%; } .suffix_4 {padding-right:33.333%; } .suffix_5 { padding-right:41.667%; } .suffix_6 { padding-right:50.0%; } .suffix_7 {padding-right:58.333%; } .suffix_8 { padding-right:66.667%; } .suffix_9 { padding-right:75.0%;} .suffix_10 { padding-right:83.333%; } .suffix_11 { padding-right:91.667%; } /* ----------------------------- Errors & required ---------------------------*/ span.required { color:#eb292d; } input.error, input.invalid, select.error, select.invalid, textarea.error, textarea.invalid, div.longLookupLabel.error, div.visualSelectBox.error, div.error div.rangedInput input { border-color: #eb292d; background-color: #FBE3E4; } div.longLookupLabel.error, div.visualSelectBox.error, div.error div.rangedInput input { border-width: 1px; border-style: solid; } div.errorMsgBox, div.warningMsgBox, div.succesMsgBox, ul.feedbackPanel li { margin: 1em 0; padding: 0.25em 0.2em 0.35em 3em; border-bottom: 1px solid #FBC2C4; background-repeat:no-repeat; background-position: 5px 3px;} div.errorMsgBox, ul.feedbackPanel li.feedbackPanelERROR { border-color: #FBC2C4; background-image: url(../images/tvh_webapp/icons/16x16/kruisje_red_groot.png); background-color: #FBE3E4; color: #8A1F11; } div.warningMsgBox, ul.feedbackPanel li.feedbackPanelWARNING { border-color: #FFD324; background-image: url(../images/tvh_webapp/icons/16x16/uitroep_yellow.png); background-color: #FFF6BF; color: #514721; } div.succesMsgBox, ul.feedbackPanel li.feedbackPanelSUCCESS { border-color: #C6D880; background-image: url(../images/tvh_webapp/icons/16x16/vinkje_green.png); background-color: #E6EFC2; color: #264409; } div.errorMsgBox ul, div.warningMsgBox ul, div.succesMsgBox ul { list-style:none } .editForm label { display: inline-block; width: 120px; } .editForm input[type="text"], .editForm select { width: 414px; } .editForm input.txtZipCode, .editForm input.txtCity { width: 143px; } .editForm .option { padding-left: 124px; } .editForm .option label { width: auto; } /* ----------------------------- Ribbons ---------------------------*/ .ribbon_coming_soon_98, .ribbon_featured_98, .ribbon_just_arrived_98, .ribbon_new_80, .ribbon_new_88, .ribbon_new_98, .ribbon_new_de_80, .ribbon_new_de_88, .ribbon_new_fr_80, .ribbon_new_fr_88, .ribbon_new_nl_80, .ribbon_new_nl_88, .ribbon_promo_80, .ribbon_promo_88, .ribbon_promo_98 {background-repeat: no-repeat;left: 0;position: absolute;top: 0;width: 140px;} .ribbon_new_80, .ribbon_new_de_80, .ribbon_new_fr_80, .ribbon_new_nl_80, .ribbon_promo_80 {height: 80px;width: 80px;} .ribbon_new_88, .ribbon_new_de_88, .ribbon_new_fr_88, .ribbon_new_nl_88, .ribbon_promo_88 {height: 88px;width: 88px;} .ribbon_coming_soon_98, .ribbon_featured_98, .ribbon_just_arrived_98, .ribbon_new_98, .ribbon_promo_98 {height: 98px;width: 98px;} .ribbon_coming_soon_98 { background-image:url(../images/tvh_webapp/ribbons/coming_soon_98.png); } .ribbon_featured_98 { background-image:url(../images/tvh_webapp/ribbons/featured_98.png); } .ribbon_just_arrived_98 { background-image:url(../images/tvh_webapp/ribbons/just_arrived_98.png); } .ribbon_new_80 { background-image:url(../images/tvh_webapp/ribbons/new_80.png); } .ribbon_new_88 { background-image:url(../images/tvh_webapp/ribbons/new_88.png); } .ribbon_new_98 { background-image:url(../images/tvh_webapp/ribbons/new_98.png); } .ribbon_new_de_80 { background-image:url(../images/tvh_webapp/ribbons/new_de_80.png); } .ribbon_new_de_88 { background-image:url(../images/tvh_webapp/ribbons/new_de_88.png); } .ribbon_new_fr_80 { background-image:url(../images/tvh_webapp/ribbons/new_fr_80.png); } .ribbon_new_fr_88 { background-image:url(../images/tvh_webapp/ribbons/new_fr_88.png); } .ribbon_new_nl_80 { background-image:url(../images/tvh_webapp/ribbons/new_nl_80.png); } .ribbon_new_nl_88 { background-image:url(../images/tvh_webapp/ribbons/new_nl_88.png); } .ribbon_promo_80 { background-image:url(../images/tvh_webapp/ribbons/promo_80.png); } .ribbon_promo_88 { background-image:url(../images/tvh_webapp/ribbons/promo_88.png); } .ribbon_promo_98 { background-image:url(../images/tvh_webapp/ribbons/promo_98.png); } /* ----------------------------- Fix custom font icon ---------------------------*/ a[class^="icon-"]:before{ text-decoration: none; color: #646466; } /* ----------------------------- Glyphicons ---------------------------*/ /* Icons */ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon{ font-size: 16px; position:relative; top:1px; display: inline-block; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .paymentIcon:before { content: '\f09d'; font-family: 'FontAwesome'; display: inline-block; color: #000000; } .paymentIcon-ongoing:before { content: '\f09d'; font-family: 'FontAwesome'; display: inline-block; color: #c0c0c0; } .paymentIcon-done:before { content: '\f09d'; font-family: 'FontAwesome'; display: inline-block; color: #00b416; }