/******************************************************************************* * General *******************************************************************************/ * { border:0; color:#383c3d; margin:0; padding:0; outline:0; } *, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } html { height:100%; position:relative; } body { background:#fff; color:#383c3d; font-family:Calibri,'Ek Mukta',sans-serif; font-size:18px; height:100%; line-height:1.3; } input[type=password] { font-family:Arial,sans-serif; } input, select, textarea { font:inherit; } input { line-height:normal; } select optgroup option { padding-left:15px; } ol, ul, li { list-style:none; } a { color:#649bc2; } abbr { color:inherit; cursor:help; border-bottom:1px dotted #808080; } .placeholder { color:#aaa; } .ie-lte8 input[type=password] { padding:9px 8px 8px !important; } .ie-lte8 .placeholder_pwd { font-size:16px !important; } /* Fix "FontAwesome" pour aligner les icones avec celles de "Glyphicons" */ .fa { padding-top:2px; } .jvectormap-region { cursor:pointer; } /******************************************************************************* * Loader *******************************************************************************/ #loader { background-color:#fff; left:50%; margin-left:-125px; padding:8px 0; position:fixed; text-align:center; top:0px; width:250px; z-index:9750; } #loader img, #loader span { color:#383c3d; display:inline-block; vertical-align:middle; } #loader img { margin:-2px 5px 0 0; } /******************************************************************************* * flashmsg *******************************************************************************/ #w-flashmsg { background-color:#383c3d; border-color:#d3d3d3; border-style:solid; border-width:0 3px 3px; color:#fff; cursor:pointer; display:none; font-size:16px; font-weight:bold; left:50%; margin-left:-400px; padding:18px 0 9px; position:fixed; text-align:center; top:0; width:800px; z-index:9999; } #w-flashmsg.aqua { background-color:#64c2ac; border-color:#5aad99; } #w-flashmsg.blue { background-color:#649bc2; border-color:#517f9f; } #w-flashmsg.gray { background-color:#ebe9ea; border-color:#d3d3d3; } #w-flashmsg.green { background-color:#71c264; border-color:#64ab59; } #w-flashmsg.red { background-color:#c26464; border-color:#9b5050; } #w-flashmsg * { color:#fff; } #w-flashmsg.gray * { color:#383c3d; } #w-flashmsg p { margin-bottom:9px; } /******************************************************************************* * Breadcrumb *******************************************************************************/ #breadcrumb { display:none; } #breadcrumb { background-color:#f8f8f8; border-bottom:2px solid #d3d1d1; font-size:16px; margin:60px auto 30px; max-width:1260px; padding:10px 15px; } #breadcrumb li { color:#bab9b9; display:inline-block; } #breadcrumb li:after { color:#666; content:'|'; display:inline-block; margin:0 6px; } #breadcrumb li:last-child { } #breadcrumb li:last-child:after { content:''; } #breadcrumb li a { color:#808080; text-decoration:none; } body.u_blue #breadcrumb { background-color:#649bc2; border-bottom-color:#517f9f; color:#fff; } body.u_green #breadcrumb { background-color:#71c264; border-bottom-color:#64ab59; color:#fff; } body.u_orange #breadcrumb { background-color:#fc7207; border-bottom-color:#df6b0d; color:#fff; } body.u_red #breadcrumb { background-color:#c26464; border-bottom-color:#9b5050; color:#fff; } body.u_blue #breadcrumb li:after, body.u_green #breadcrumb li:after, body.u_orange #breadcrumb li:after, body.u_red #breadcrumb li:after { color:#fff; } body.u_blue #breadcrumb *, body.u_green #breadcrumb *, body.u_orange #breadcrumb *, body.u_red #breadcrumb * { color:#fff; } #modal_rdpInfos_container { position:relative; } #modal_rdpInfos_container *[data-toggle-modal], #modal_rdpInfos_container *[data-toggle-modal] * { cursor:pointer; } #modal_rdpInfos { background:#383c3d; left:-10px; position:absolute; top:-40px; } #modal_rdpInfos { box-shadow:0 0 2px rgba(0, 0, 0, .5); } #modal_rdpInfos * { color:#fff; } #modal_rdpInfos .modal-content { padding:10px; } #modal_rdpInfos .modal-content .f-container .f-left { margin-bottom:8px; } #modal_rdpInfos .modal-content .f-container .icons a { cursor:pointer !important; font-size:19px; margin-left:8px; } #modal_rdpInfos .modal-content .f-container .icons a:focus, #modal_rdpInfos .modal-content .f-container .icons a:hover * { color:#64c2ac; cursor:pointer !important; } #modal_rdpInfos .modal-content p.infos { font-size:12px; line-height:1.3; margin:0 0 8px 15px; } #modal_rdpInfos .modal-content p.infos:last-child { margin-bottom:5px; } /**************************************** * w-ico ****************************************/ span.w-ico { display:inline-block; height:19px; line-height:22px; position:relative; text-indent:-99999px; width:17px; } span.w-ico:after { content:''; display:block; height:19px; left:0; position:absolute; top:0; width:17px; } span.w-ico:after { background:transparent 0 -19px no-repeat url(../images/icons/17x38_2s/file.png); } span.w-ico:hover:after { background-position:0 0 !important; } span.w-ico.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_zip.png); } span.w-ico.w-ico-file:after { background-image:url(../images/icons/17x38_2s/file.png); } span.w-ico.w-ico-file.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_zip.png); } span.w-ico.w-ico-csv:after { background-image:url(../images/icons/17x38_2s/file_csv.png); } span.w-ico.w-ico-csv.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_csv_zip.png); } span.w-ico.w-ico-kpi:after { background-image:url(../images/icons/17x38_2s/file_kpi.png); } span.w-ico.w-ico-kpi.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_kpi_zip.png); } span.w-ico.w-ico-rdp:after { background-image:url(../images/icons/17x38_2s/file_rdp.png); } span.w-ico.w-ico-rdp.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_rdp_zip.png); } span.w-ico.w-ico-unp:after { background-image:url(../images/icons/17x38_2s/file_unp.png); } span.w-ico.w-ico-unp.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_unp_zip.png); } span.w-ico.w-ico-xls:after { background-image:url(../images/icons/17x38_2s/file_xls.png); } span.w-ico.w-ico-xls.w-ico-zip:after { background-image:url(../images/icons/17x38_2s/file_xls_zip.png); } span.w-ico.w-ico-dash:after { background-image:url(../images/icons/17x38_2s/faders.png); } span.w-ico.w-ico-tcd:after { background-image:url(../images/icons/17x38_2s/list_bullet.png); } span.w-ico.w-ico-diff:after, span.w-ico.w-ico-refresh:after { background-image:url(../images/icons/17x38_2s/file_refresh.png); } span.w-ico.w-ico-spreadsheet:after { background-image:url(../images/icons/17x38_2s/grid_online.png); } span.w-ico.w-ico-delete:after, span.w-ico.w-ico-trash:after { background-image:url(../images/icons/17x38_2s/file_trash.png); } span.w-ico.w-ico-missing:after { background-image:url(../images/icons/17x38_2s/file_missing.png); } /* without hover state */ span.w-ico.w-ico-doc-refresh { height:19px; width:18px; line-height:22px; } span.w-ico.w-ico-doc-refresh:after { height:19px; width:18px; background-position:0 0; background-image:url(../images/icons/doc_refresh.png); } span.w-ico.w-ico-doc-text { height:19px; width:18px; line-height:22px; } span.w-ico.w-ico-doc-text:after { height:19px; width:18px; background-position:0 0; background-image:url(../images/icons/doc_text.png); } /**************************************** * Modal ****************************************/ #modal_loaderOverlay { } #modal_loaderOverlay .modal-content { padding:15px; } #modal_loaderOverlay h2 { } #modal_loaderOverlay p { margin-top:8px; } .modalContactData { background-color:#efefef; margin-bottom:10px; padding:10px 10px 1px; } .modalContactData span { color:#5aad99; } /**************************************** * Map ****************************************/ #mapContainer { height:425px; position:relative; width:100%; z-index:1000; } #mapContainer #mapPurePlayers { background:rgba(255,255,255, .75); position:absolute; right:0; top:0; z-index:999; } .ie-lte8 #mapContainer #mapPurePlayers { background:#fff; } #mapContainer #mapPurePlayers li { cursor:pointer; display:inline-block; margin:6px 6px 5px 0; } #mapContainer #mapPurePlayers li:first-child { margin-left:6px; } #mapContainer #map { height:425px; width:100%; z-index:998; } #mapContainer #map .marker-cluster { background-color:rgb(100, 155, 194); background-color:rgba(100, 155, 194, .5); color:#fff; } #mapContainer #map .marker-cluster div { background-color:#649bc2; } #mapContainer #map .marker-cluster * { color:#fff; } .ie-lte8 #mapContainer #map .marker-cluster { background:transparent 0 0 no-repeat url(../images/ie/bg_map_cluster_blue.png); } .ie-lte8 #mapContainer #map .marker-cluster div { background:none; } /**************************************** * QELMC tips ****************************************/ .qelmcTipsContainer { position:relative; } .qelmcTips { background:#efff7b; box-shadow:1px 1px 3px #d3d3d3; color:#383c3d; float:right; margin:0 auto 15px; padding:10px 30px 5px 15px; width:175px; } .qelmcTipsContainer .qelmcTips { position:absolute; right:0; } .qelmcTipsContainer.arrowRight .qelmcTips:before { background-image:url(../images/arrow_right.png); } .qelmcTipsContainer.arrowLeft .qelmcTips:before { background-image:url(../images/arrow_left.png); } .qelmcTips p { line-height:1.3em; margin-bottom:5px; } #qelmcTips_ordersDL .qelmcTips { right:125px; top:5px; } #qelmcTips_ordersDL.arrow .qelmcTips:before { content:''; display:block; height:57px; position:absolute; right:-23px; top:-36px; width:50px; } #qelmcTips_RDP .qelmcTips { right:150px; top:60px; } #qelmcTips_RDP.arrow .qelmcTips:before { content:''; display:block; height:57px; position:absolute; right:0; top:-67px; width:50px; } #qelmcTips_RDP .new { color:#ed1b1b; letter-spacing:3px; } #qelmcTips_orders .qelmcTips { right:-25px; top:60px; } #qelmcTips_orders.arrow .qelmcTips:before { content:''; display:block; height:57px; position:absolute; left:0; top:-67px; width:50px; } /**************************************** * Categories List ****************************************/ .categoriesList_empty { text-align:center; } ul.categoriesList { margin-bottom:-10px; overflow:hidden; } ul.categoriesList li { display:none; float:left; margin:0 10px 10px 0; width:265px; } ul.categoriesList li.show { display:block; } ul.categoriesList label.custom-checkbox { border:2px solid #ebe9ea; display:table; width:100%; } ul.categoriesList label.custom-checkbox.readonly { border-color:#f8f8f8; } ul.categoriesList label.custom-checkbox * { color:#808080; } ul.categoriesList label.custom-checkbox.readonly * { color:#d2d0d1; } ul.categoriesList label.custom-checkbox:hover, ul.categoriesList label.custom-checkbox.active { border-color:#649bc2; } ul.categoriesList label.custom-checkbox.readonly:hover, ul.categoriesList label.custom-checkbox.readonly.active { border-color:#f8f8f8; } /*ul.categoriesList label.custom-checkbox.active * { color:#649bc2; }*/ ul.categoriesList label.custom-checkbox:before { background-image:none; display:table-cell; height:50px; width:67px; } ul.categoriesList label.custom-checkbox.active:before { background-image:none; } ul.categoriesList label.custom-checkbox span { background-color:transparent; background-image:url(../images/form/checkbox_gray_off.png); background-position:right 15px center; background-repeat:no-repeat; display:table-cell; vertical-align:middle; } ul.categoriesList label.custom-checkbox.active span { background-image:url(../images/form/checkbox_blue_on.png); } ul.categoriesList label.custom-checkbox.readonly span { background-image:none; } ul.categoriesList label.custom-checkbox.readonly.active span { background-image:none; } .ie-lte8 ul.categoriesList label.custom-checkbox { position:relative; } .ie-lte8 ul.categoriesList label.custom-checkbox span { background:none; } .ie-lte8 ul.categoriesList label.custom-checkbox.active span { background:none; } .ie-lte8 ul.categoriesList label.custom-checkbox input { position:absolute; right:20px; top:20px; } .ie-lte8 ul.categoriesList label.custom-checkbox.readonly input { display:none; } ul.categoriesList li label.custom-checkbox { background-color:transparent; background-image:url(../images/categories/blue/default.png); background-position:10px center; background-repeat:no-repeat; } ul.categoriesList li.cat_1 label.custom-checkbox { background-image:url(../images/categories/blue/1.png); } ul.categoriesList li.cat_2 label.custom-checkbox { background-image:url(../images/categories/blue/2.png); } ul.categoriesList li.cat_3 label.custom-checkbox { background-image:url(../images/categories/blue/3.png); } ul.categoriesList li.cat_4 label.custom-checkbox { background-image:url(../images/categories/blue/4.png); } ul.categoriesList li.cat_5 label.custom-checkbox { background-image:url(../images/categories/blue/5.png); } ul.categoriesList li.cat_6 label.custom-checkbox { background-image:url(../images/categories/blue/6.png); } ul.categoriesList li.cat_7 label.custom-checkbox { background-image:url(../images/categories/blue/7.png); } ul.categoriesList li.cat_8 label.custom-checkbox { background-image:url(../images/categories/blue/8.png); } ul.categoriesList li.cat_9 label.custom-checkbox { background-image:url(../images/categories/blue/9.png); } ul.categoriesList li.cat_10 label.custom-checkbox { background-image:url(../images/categories/blue/10.png); } ul.categoriesList li.cat_11 label.custom-checkbox { background-image:url(../images/categories/blue/11.png); } ul.categoriesList li.cat_12 label.custom-checkbox { background-image:url(../images/categories/blue/12.png); } ul.categoriesList li.cat_3121 label.custom-checkbox { background-image:url(../images/categories/blue/3121.png); } ul.categoriesList li.cat_3122 label.custom-checkbox { background-image:url(../images/categories/blue/3122.png); } ul.categoriesList li.cat_3123 label.custom-checkbox { background-image:url(../images/categories/blue/3123.png); } ul.categoriesList li.cat_3125 label.custom-checkbox { background-image:url(../images/categories/blue/3125.png); } ul.categoriesList li.cat_3128 label.custom-checkbox { background-image:url(../images/categories/blue/3128.png); } ul.categoriesList li.cat_3130 label.custom-checkbox { background-image:url(../images/categories/blue/3130.png); } ul.categoriesList li.cat_3133 label.custom-checkbox { background-image:url(../images/categories/blue/3133.png); } ul.categoriesList li.cat_3307 label.custom-checkbox { background-image:url(../images/categories/blue/3307.png); } ul.categoriesList li label.custom-checkbox.active { background-image:url(../images/categories/blue/default_on.png); } ul.categoriesList li.cat_1 label.custom-checkbox.active { background-image:url(../images/categories/blue/1_on.png); } ul.categoriesList li.cat_2 label.custom-checkbox.active { background-image:url(../images/categories/blue/2_on.png); } ul.categoriesList li.cat_3 label.custom-checkbox.active { background-image:url(../images/categories/blue/3_on.png); } ul.categoriesList li.cat_4 label.custom-checkbox.active { background-image:url(../images/categories/blue/4_on.png); } ul.categoriesList li.cat_5 label.custom-checkbox.active { background-image:url(../images/categories/blue/5_on.png); } ul.categoriesList li.cat_6 label.custom-checkbox.active { background-image:url(../images/categories/blue/6_on.png); } ul.categoriesList li.cat_7 label.custom-checkbox.active { background-image:url(../images/categories/blue/7_on.png); } ul.categoriesList li.cat_8 label.custom-checkbox.active { background-image:url(../images/categories/blue/8_on.png); } ul.categoriesList li.cat_9 label.custom-checkbox.active { background-image:url(../images/categories/blue/9_on.png); } ul.categoriesList li.cat_10 label.custom-checkbox.active { background-image:url(../images/categories/blue/10_on.png); } ul.categoriesList li.cat_11 label.custom-checkbox.active { background-image:url(../images/categories/blue/11_on.png); } ul.categoriesList li.cat_12 label.custom-checkbox.active { background-image:url(../images/categories/blue/12_on.png); } ul.categoriesList li.cat_3121 label.custom-checkbox.active { background-image:url(../images/categories/blue/3121_on.png); } ul.categoriesList li.cat_3122 label.custom-checkbox.active { background-image:url(../images/categories/blue/3122_on.png); } ul.categoriesList li.cat_3123 label.custom-checkbox.active { background-image:url(../images/categories/blue/3123_on.png); } ul.categoriesList li.cat_3125 label.custom-checkbox.active { background-image:url(../images/categories/blue/3125_on.png); } ul.categoriesList li.cat_3128 label.custom-checkbox.active { background-image:url(../images/categories/blue/3128_on.png); } ul.categoriesList li.cat_3130 label.custom-checkbox.active { background-image:url(../images/categories/blue/3130_on.png); } ul.categoriesList li.cat_3133 label.custom-checkbox.active { background-image:url(../images/categories/blue/3133_on.png); } ul.categoriesList li.cat_3307 label.custom-checkbox.active { background-image:url(../images/categories/blue/3307_on.png); } /******************************************************************************* * modalBilling *******************************************************************************/ .modalBilling { line-height:1.2; } .modalBilling .modal-box { width:550px; } .ie-lte8 .modalBilling .modal-box { border:3px solid #d3d3d3; } .modalBilling .modal-box .modal-x-close { color:#fff; font-size:30px; padding:0 7px; } .modalBilling h2 { background-color:#efefef; border-bottom:2px solid #71c264; color:#383c3d; padding:20px 10px; text-align:center; } .modalBilling .row { overflow:hidden; padding:10px 20px; } .modalBilling .row.text { padding-bottom:5px; } .modalBilling .row.row-gray { background-color:#efefef; } .modalBilling .buttons { border-top:1px solid #71c264; overflow:hidden; padding:15px 20px; } /******************************************************************************* * modal_naming *******************************************************************************/ #modal_naming .modal-box { margin-top:75px; } #modal_naming .modal-box p { line-height:1.3; margin-bottom:12px; } #modal_naming .modal-box input[type=text] { cursor:text; width:66%; } #modal_naming .notReportNow, #modal_naming .reportNow { display:none; } /******************************************************************************* * Sub-layouts *******************************************************************************/ /**************************************** * layout_simple ****************************************/ #layout_simple { margin:15px 15px 25px; } /**************************************** * layout_navLeft ****************************************/ #layout_navLeft { display:table; height:100%; padding-right:35px; position:relative; width:100%; } #layout_navLeft > .col-left { background:#f8f8f8; display:table-cell; min-width:235px; padding-bottom:25px; vertical-align:top; width:235px; } #layout_navLeft > .col-left > .col-title { background:#d3d3d3; color:#383c3d; height:80px; line-height:1.5em; } #layout_navLeft > .col-left > .col-title * { color:#383c3d; } body.u_aqua #layout_navLeft > .col-left > .col-title { background:#64c2ac; color:#fff; } body.u_aqua #layout_navLeft > .col-left > .col-title * { color:#fff; } body.u_blue #layout_navLeft > .col-left > .col-title { background:#649bc2; color:#fff; } body.u_blue #layout_navLeft > .col-left > .col-title * { color:#fff; } body.u_green #layout_navLeft > .col-left > .col-title { background:#71c264; color:#fff; } body.u_green #layout_navLeft > .col-left > .col-title * { color:#fff; } body.u_orange #layout_navLeft > .col-left > .col-title { background:#fc7207; color:#fff; } body.u_orange #layout_navLeft > .col-left > .col-title * { color:#fff; } body.u_red #layout_navLeft > .col-left > .col-title { background:#c26464; color:#fff; } body.u_red #layout_navLeft > .col-left > .col-title * { color:#fff; } #layout_navLeft .col-title .title-center { display:block; padding:16px 10px 20px; text-align:center; } #layout_navLeft .col-title .title-icon { } #layout_navLeft .col-title .title-icon .container { display:table; height:80px; width:100%; } #layout_navLeft .col-title .title-icon .extra img { display:inline-block; vertical-align:middle; } #layout_navLeft .col-title .title-icon .extra, #layout_navLeft .col-title .title-icon .label { display:table-cell; padding-left:15px; vertical-align:middle; } #layout_navLeft .col-title .title-icon .extra { padding-right:0; text-align:center; width:52px; } #layout_navLeft .col-title .title-icon .label { display:table-cell; } body.navLeft #layout_navLeft { height:calc(100vh - 70px); } #layout_navLeft > .col-left > .col-content { } #layout_navLeft > .col-left > .col-content ul.nav { } #layout_navLeft > .col-left > .col-content ul.nav li { border-color:#64c2ac; border-style:solid; border-width:0 1px 1px; } #layout_navLeft > .col-left > .col-content ul.nav li * { color:#383c3d; cursor:pointer; } #layout_navLeft > .col-left > .col-content ul.nav li:hover { background:#efefef; color:#d3d3d3; } #layout_navLeft > .col-left > .col-content ul.nav li:hover * { } #layout_navLeft > .col-left > .col-content ul.nav li > .container { display:table; text-decoration:none; width:100%; } #layout_navLeft > .col-left > .col-content ul.nav li > .container .extra, #layout_navLeft > .col-left > .col-content ul.nav li > .container .label { display:table-cell; height:42px; vertical-align:middle; } #layout_navLeft > .col-left > .col-content ul.nav li > .container .extra { padding-left:15px; text-align:center; width:50px; } #layout_navLeft > .col-left > .col-content ul.nav li > .container .extra .glyphicon { font-size:20px; } #layout_navLeft > .col-left > .col-content ul.nav li > .container .label { line-height:1.1; padding-left:15px; } #layout_navLeft > .col-left > .col-content ul.nav li > .container .extra .badge { border:0; color:#fff; font-size:14px; padding:2px 8px 2px; } #layout_navLeft > .col-left > .col-content ul.nav li.active, #layout_navLeft > .col-left > .col-content ul.nav li.active * { background:#64c2ac; color:#fff; } #layout_navLeft > .col-left > .col-content ul.nav li.active:hover, #layout_navLeft > .col-left > .col-content ul.nav li.active:hover * { background:#64c2ac; color:#fff; } #layout_navLeft > .col-left > .col-content ul.nav li.active > .container .extra .badge { background:#fff; color:#64c2ac; text-shadow:1px 1px 1px #e8e8e8; } #layout_navLeft > .col-left > .col-content ul.nav li.disabled, #layout_navLeft > .col-left > .col-content ul.nav li.disabled * { color:#d3d2d1; cursor:not-allowed; } #layout_navLeft > .col-left > .col-content ul.nav li.disabled:hover, #layout_navLeft > .col-left > .col-content ul.nav li.disabled:hover * { background:transparent; color:#d3d3d3; } #layout_navLeft > .col-left > .col-content ul.nav li.disabled > .container .extra .badge { background:#64c2ac; color:#fff; } #layout_navLeft > .col-left > .col-content ul.nav { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; } #layout_navLeft > .col-left > .col-content ul.nav *::-moz-selection { background-color:transparent; } #layout_navLeft > .col-left > .col-content ul.nav *::selection { background-color:transparent; } #layout_navLeft > .col-right { display:table-cell; font-size:14px; margin-bottom:15px; padding:15px 0 0 15px; vertical-align:top; } body.p_order #layout_navLeft > .col-right { font-size:16px;} body.p_order #layout_navLeft > .col-right h2 { font-size:.95em; padding-left: 0;} #layout_navLeft > .col-right > .col-head { display:table; margin-bottom:15px; width:100%; } #layout_navLeft > .col-right > .col-head > .col-head-extra { display:table-cell; vertical-align:top; } #layout_navLeft > .col-right > .col-head > .col-head-extra .breadcrumb { } #layout_navLeft > .col-right > .col-head > .col-head-extra .breadcrumb:after { clear:both; content:""; display:table; } #layout_navLeft > .col-right > .col-head > .col-head-extra .breadcrumb li { color:#d3d3d3; float:left; } #layout_navLeft > .col-right > .col-head > .col-head-extra .breadcrumb li:empty { display:none; } #layout_navLeft > .col-right > .col-head > .col-head-extra .breadcrumb li:before { color:#d3d3d3; content:"ยป"; display:inline; padding:0 8px; } #layout_navLeft > .col-right > .col-head > .col-head-extra .breadcrumb li:first-child:before { content:""; display:none; } #layout_navLeft > .col-right > .col-head > .col-head-buttons { display:table-cell; text-align:right; } #layout_navLeft > .col-right > .col-head > .col-head-buttons { white-space:nowrap; } #layout_navLeft > .col-right > .col-head > .col-head-buttons * { white-space:normal; } #layout_navLeft > .col-right > .col-content { padding-bottom:25px; } #layout_navLeft.with_layoutRightContentRight > .col-right > .col-content { margin-right:215px; } #layout_navLeft > .col-right > .col-content-right { float:right; margin-left:15px; min-width:200px; padding-bottom:25px; width:200px; } /******************************************************************************* * Sub-layouts *******************************************************************************/ .p_landing_reset .PwdStrength_container { margin-left:40px; } /******************************************************************************* * Right Ribbon (DocPan, ZenDesk) *******************************************************************************/ #rightRibbon { position:fixed; right:-62px; top:200px; z-index:999998; } #rightRibbon { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); writing-mode: lr-tb; } #rightRibbon .button { background:#00709a; box-shadow:0 1px 3px rgba(0, 0, 0, .5); cursor:pointer; display:inline-block; padding:4px 20px 8px; position:relative; } #rightRibbon .button.disabled { background:rgba(0, 112, 154, .5); } #rightRibbon .button:hover { box-shadow:0 -1px 3px rgba(0, 0, 0, .5); top:-3px; } #rightRibbon .button span { color:#fff; font-size:.7em; font-weight:bold; } /******************************************************************************* * ZenDesk "open" button *******************************************************************************/ #launcher { display:none; } .bcc-table-ext .bcc-table-ext-scroll { overflow-y: visible; } .bcc-table-ext-scroll-table tr.draggable{ position: relative; } .bcc-table-ext-scroll-table tr.draggable .create_seg{ content: "+"; position: absolute; right: -30px; top: -15px; background-color: #f4f4f4; width: 30px; border-radius: 100%; text-align: center; font-size: 25px; box-shadow: 0px 3px 2px #dfd1d1; cursor: pointer; opacity: 30%; color: #3bb9e7; font-weight: bolder; } .bcc-table-ext-scroll-table tr.draggable .create_seg.last_one{ bottom: -15px; top: unset; } .bcc-table-ext-scroll-table tr.draggable .create_seg:hover{ opacity: 100%; } .ligne_separ { width: 100%; height: 2px; background-color: #3bb9e7; top: 0; position: absolute; left: 0; display: none; } span.text_aide { position: absolute; width: max-content; right: 0; top: -10px; background-color: #e7e7e7; padding: 5px 15px; box-shadow: 0 1px 3px #8f8f8f; display: none; } .bcc-table-ext-scroll-table tr.draggable .create_seg:hover~.ligne_separ, .bcc-table-ext-scroll-table tr.draggable .create_seg:hover~.text_aide{ display: block; } .bcc-table-ext-scroll-table tr.draggable .create_seg.last_one:hover~.ligne_separ{ display: block; top: unset; bottom: 0; } .bcc-table-ext-scroll-table tr.draggable .create_seg.last_one:hover~.text_aide{ display: block; top: unset; bottom: -10px; } .list_alert_msg p { color:#fff; margin: 0 0 5px; } .list_alert_msg, .list_alert_msg, .list_alert_msg, .list_alert_msg, .list_alert_msg { background:#c26464; border:1px solid #9b5050; font-size:14px; padding:10px 10px 5px; position:absolute; right:50px; top:70px; } body.p_orders .bcc-table-ext-scroll-table { width:100%; } body.p_orders .bcc-table-ext-header-table_historique { width:100%; border-collapse: collapse;} body.p_orders .bcc-table-ext-header-table_historique > thead > tr > th, body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td { border:1px solid #d9d9d9; font-size:.7em; padding:8px; } body.p_orders .bcc-table-ext-header-table_historique > thead > tr > th { background:#f4f4f4; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr:nth-child(even) > td { background:#fafafa; } body.p_orders.bcc-table-ext-scroll { overflow-y:auto; } body.p_orders .bcc-table-ext-scroll-table > thead > tr > th, body.p_orders .bcc-table-ext-scroll-table > tbody > tr > td { border:1px solid #d9d9d9; font-size:.7em; padding:8px; } body.p_orders table.bcc-table-ext-scroll-table > tbody:not(.noBorderTop) > tr:first-child td { border-top:1px solid #CCCCCC; } body.p_orders table.bcc-table-ext-scroll-table > tbody:not(.noBorderTop) > tr:last-child td { border-bottom:1px solid #CCCCCC; } body.p_orders table.bcc-table-ext-scroll-table > tbody > tr:nth-child(even) td { background:#fafafa padding-box; } body.p_orders .bcc-table-ext-scroll .mCSB_container { margin-right:16px; } body.p_orders .bcc-table-ext-scroll tr.selected > td { background:#0095cd !important; color:#fff !important; } body.p_orders .bcc-table-ext-border-bottom { border-bottom:1px solid #d9d9d9; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.bcc-table-ext-actions { background:#f4f4f4; padding:25px 50px; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.bcc-table-ext-actions .f-container { display:table; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.bcc-table-ext-actions .f-left { display:table-cell; float:none; padding-right:25px; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.bcc-table-ext-actions .f-right { display:table-cell; float:none; vertical-align:middle; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.bcc-table-ext-actions input { font-size:1.1em; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.bcc-table-ext-actions .btn{ font-size:1.1em; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.histo_details{ width: 50% } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr > td.consultation{ text-align: center; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr.year_hide, body.p_orders .bcc-table-ext-header-table_historique > tbody > tr.type_hide, body.p_orders .bcc-table-ext-header-table_historique > tbody > tr.search_hide{display: none;} body.p_orders .bcc-table-ext-header-table_historique > tbody > tr span.fa-close{ background-color: red; color: white; padding: 1px 2px; font-size: small; line-height: initial; border: 1px solid black; } body.p_orders .bcc-table-ext-header-table_historique > tbody > tr span.fa-check{ background-color: #23c902; color: white; padding: 1px 2px; font-size: small; line-height: initial; border: 1px solid black; } .top_elem { display: flex; justify-content: space-between; margin-bottom: 30px; } .left_container { display: flex; gap: 20px; align-items: center; } .year_filter { display: flex; justify-content: right; } .year_filter > span:hover, .type_filter > span:hover{ font-weight: bold; cursor: pointer; } .year_filter > span.year_clicked, .type_filter > span.type_clicked{ font-weight: bold; text-decoration: underline; } .filter_container { display: flex; gap: 30px; justify-content: right; align-items: center; } .search_report{ } .search_report > input{ max-width: 200px; max-height: 30px; } .consultation dd > ul { font-size: 14px; min-width: max-content; display: flex; flex-direction: column; } .consultation dd > ul > li > a{ display: flex; gap: 10px; align-items: center; } .w-msgbox.empty_histo { display: flex; justify-content: center; padding: 50px 10px; font-size: 18px; color: #8d8d8d; } .bandeau_deploy { position: absolute; overflow: hidden; background: red; width: 35%; top: 0; left: 20%; color: white; font-size: 13px; z-index: 99999; max-height: 90vh; overflow-y: auto; } .bandeau_deploy.closed { overflow: hidden; height: 50px; overflow-y: hidden; cursor: pointer; } .bandeau_deploy table{ width: 100%; table-layout: fixed; } .bandeau_deploy table tbody tr td{ color: white; border-bottom: 1px solid #f70c0c; padding: 5px; word-wrap: break-word; text-align: left; vertical-align: top; } .bandeau_deploy table tbody tr td:nth-child(odd) { width: 30%; } .bandeau_deploy table tbody tr td strong{ color: white }