/* TO TRANSFER in eUI-styles core */ /*¨START */ /* END */ .ft-normal, em, a, .button em, .notification p, .field.alt .label, h1.section-title-bullet, ul.list-counter-small li .title, .field-label, .ui-widget, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .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, .ui-autocomplete li a { font-weight: normal !important; font-style: normal !important; font-family: "eui-default", Arial, Helvetica, sans-serif !important; } .field .field-label h6, em, .notification p, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .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, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, th, .field input, .field textarea, .field select { font-weight: normal !important; font-style: normal !important; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; } label, .field-label, .field-label H6 { font-family: "eui-default", "Helvetica", "Arial", sans-serif; font-weight: normal; color: #333; } .field a.btn, .field button { margin-top: 3px; margin-left: 3px; } a.btn { color: #fff !important; } /************************************/ /********** jSCAF INCLUSIONS ********/ /************************************/ #jscaf_app_i18n { display: none;} #jscaf_app_settings { display: none;} #jscaf_page_i18n { display: none;} .object-layout #main { background: none transparent;} .object-layout #main-content { margin:0; padding:0;} /************************************/ /********** COMMON CLASSES **********/ /************************************/ .blockUI.blockPage { border: 0 !important; opacity: 1; width:100% !important; left: 0 !important;background-color:transparent !important; } .blocker-wrapper { border:1; background: #fff; width:250px; margin: 0 auto; border: 1px solid #ccc; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.30), 0 1px 0 0 rgba(0, 0, 0, 0.02); border-radius: 3px;} .blocker-wrapper .loader { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/loading-mobile.gif) no-repeat 0 0; margin:0 auto; width: 64px; height: 64px; margin-top:10px;} .blocker { color:#636363 !important;} .blocker .subtitle { color:#009455 !important;} .ismobile .blockUI.blockOverlay, .blockUI.blockOverlay { opacity: 0 !important;} .highlight-text { background-color: #1c56ac; color: #fff; padding:0 3px 0 3px;} .comment-text { color: #747373; } /*************** **** COLUMNS *** ***************/ /*********************************************************/ /********** GLOBAL ERROR DIALOG AND MESSAGES**************/ /*********************************************************/ #globalErrorDialog { border: 2px solid #ff0000 !important; } #globalErrorDialog .title { background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/background-error.png) repeat-x left top; color: #FF0000; padding: 10px 0 20px 0; margin-bottom: 10px; text-align:center; width:100%;} #error-content { background-color: #f2f2f2; padding:10px; margin-left:0;} #error-content .title { background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/background-error.png) repeat-x left top; color: #FF0000; padding: 10px 0 20px 0; margin-bottom: 10px; text-align:center; width:100%;} /* TREE LIST */ span.treeselect { display:inline-block;} ul.tree { list-style-type: none; padding: 0 0 20px 0; } ul.tree ul { padding-left: 5px; } ul.tree li { line-height: 20px; padding: 0 0 0 5px; } ul.tree li span.item { padding-left: 20px; background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tree/eu.gif') 0 2px no-repeat; display: block; cursor: pointer; } ul.tree li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_blue_16.png') 2px 4px no-repeat; } ul.tree li li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_yellow_13.png') 2px 4px no-repeat; } ul.tree li li li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_green_13.png') 2px 4px no-repeat; } ul.tree li li li li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_purple_13.png') 2px 4px no-repeat; } ul.tree li li li li li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_black_13.png') 2px 4px no-repeat; } ul.tree li li li li li li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_red_13.png') 2px 4px no-repeat; } ul.tree li li li li li li li li span.item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/balls/ball_grey_13.png') 2px 4px no-repeat; } ul.tree li li { padding-left: 10px !important; } ul.tree li.tree-item-main { padding-left: 0;} ul.tree li.tree-item { padding-left: 0;} ul.tree ul { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tree/tree_line.gif') 7px top no-repeat;} ul.tree ul ul { background: none; } ul.tree li.last ul { background: none; } li.tree-item { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tree/tree_simple.png') 0 0 no-repeat; } li.tree-item.last { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tree/tree_simple_last.png') 0 0 no-repeat; } li.tree-item.parent { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tree/tree_point.png') 0 0 no-repeat; } li.tree-item.parent.last { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tree/tree_point_last.png') 0 0 no-repeat; } /************************************************/ /********** CONTENT BOXES ***********************/ /************************************************/ /* BOX HEADER WITH TABS */ .box > .header ul { float:left; bottom: 1px; list-style:none; top: 0; left:0;} .box > .header ul li { padding-left:10px; padding-right: 10px; float:left; height:48px; background: #F0F0F0; border-right: 1px solid #dedede; border-bottom: 1px solid #E2E2E2;} .box > .header ul li.selected { position:relative; background: #fff; border-bottom: 1px solid #fff;} .box > .header ul li.warning.selected a { color:#FF0000 !important; } .box > .header ul li a { text-align:center; display:block; padding:10px 0 12px 0; margin:5px 10px 0 10px; text-transform: uppercase; color: #999 !important; text-decoration: none;} .box > .header ul li a:hover { color:#004494 !important; } .box > .header ul li.selected a, .box > .header ul li a:hover { color:#004494 !important; } .box > .header ul li.warning a { color:#dc4f4f !important; } .box > .header > .header-left { float: left; position: relative; top: 2px;} .box > .header > .header-right { float: right; position: relative; top: 6px; margin-right: 0; } .box > .header > .header-right > a { float: right; position: relative; top: 7px; margin-left: 5px; right:10px;} .box > .header > .header-right > a.button-link { top: 1px; right:0; } .box > .header > .header-right > a.button-link > .button { top:-4px; } .box > .header > .header-right > .field { margin-right: 10px; margin-top: -7px;} .box > .header.JS_expandable > .expand-button { float:right; margin-top: 10px; text-indent: -9999px; width: 26px; height: 20px; cursor: pointer; } .box > .header ul li .button-notification { color: #ffffff; text-shadow: 1px 0 0 #333333; border: 0 none; position: relative; float:right; margin-top: -39px; margin-right:-15px; margin-left:-2px; width: 20px; height: 20px; padding-top: 3px; display: inline; text-align: center; } .box > .header ul li .button-notification.with-items { background: transparent url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_notification_small.png') no-repeat center; } .box > .header ul li .button-notification.with-items-info { background: transparent url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_notification_blue_small.png') no-repeat center; } .box > .header ul li .button-notification.without-items { background: transparent url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_notification_grey_small.png') no-repeat center !important; } .box > .header ul li .multiple-button-notification { color: #ffffFf; border: 1px solid #bfbebe; position: relative; float:right; width: 20px; margin-left: 22px; margin-right: -18px; margin-top: -26px; display: inline-block; text-align: center; } .box > .header ul li .multiple-button-notification > .info { display: block; background-color: #004494; padding: 1px 0 1px 0; border: 1px solid #fff; margin-top: -1px; } .box > .header ul li .multiple-button-notification > .warning { display: block; background-color: #ff0000; padding: 1px 0 1px 0; border: 1px solid #fff;margin-top: -1px;} .box > .header ul li .multiple-button-notification > .valid { display: block; background-color: #5acf5d; padding: 1px 0 1px 0; border: 1px solid #fff;margin-top: -1px;} .box > .header > span.tag { float:left; min-width: 15px; text-align:center; padding:4px; background-color: #FF5F3d; top:7px; position:absolute; color: #fff; margin-left: 15px; border-radius: 3px;} .box > .header > span.tag.empty { background-color: #cecece; color: #fff;} .box-wrapper.accordion-box { margin-bottom: 5px;} .box-wrapper.accordion-box > .box > .header { cursor: pointer; position: relative;} .box-wrapper.accordion-box.expanded > .box > .content { display:block; } .box-wrapper.accordion-box.collapsed > .box > .content { display:none; } .box-wrapper.accordion-box.expanded > .box > .header h2 { color: #ff6633; } .box-wrapper.accordion-box.collapsed > .box > .header h2 { color: #7c7c7c; } .box-wrapper.accordion-box.collapsed > .box > .header > .header-right { display:none; } .box > .header > .icon { margin-top: 16px;} /* box-items list */ ul.box-items li { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAACB0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgTVi7kSokAAAAFnRFWHRDcmVhdGlvbiBUaW1lADExLzA1LzA33bqJ2wAAAItJREFUeJxj/P//P8OrFTPOs8kq6X1784rh05XTlzSqJxoyvlw+/dyHIzsMP+zdyMDAwMDArGnE8EtI4jwTm6ySPkyQgYGB4e/1cwzffv/VZ/p0++o/BjTw48Xjf0zfnj64zKxpBBf8xi/K8Ovtq8uM////Zzie4n3ux5cvut/ev2H49fbV5cAzr40A78hB4ceKhLMAAAAASUVORK5CYII=) no-repeat 2px 4px; padding-left: 15px; margin-top: 5px;} ul.box-items li.blue { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEAAACxABrSO9dQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuND6NzHYAAABtSURBVBhXY2QAgmmHP5xXEmLRe/npO8OZu18vTY5RMAQJnvOd8fQ/Q/YtMDZovfXfo+fiOYYdV7/8hQnCaNfWY38Zena9+I0uoVF84DdD7pIH50DaYZJCBef+C6XvOQeymwFkpk3zqd8glTBBANzLT4zyBI/TAAAAAElFTkSuQmCC) no-repeat 2px 4px; padding-left: 15px; float:left;} ul.box-items li a { color: #ff0000; } ul.box-items li.blue a { color: #004494; } /* GRID VIEW (put inside a box content with grid class for better rendering) */ ul.grid-view { padding: 10px 10px 0 10px; display: block; color: white; } ul.grid-view li { padding: 1px; border: 1px solid #919191; background: #ffffff; float: left; width: 400px; position: relative; margin: 0 10px 10px 0; } ul.grid-view li h3 { margin-bottom:0 !important; margin-top:0; } ul.grid-view li a { background-color: #fff; padding: 5px; display:block; border: 1px solid transparent; text-decoration : none;color: #333;} ul.grid-view li a.with-pad-fixed { padding:10px; height:90px; } ul.grid-view li a > div.title-block { height: 25px; background-color:#FAFAFA; padding:2px; margin-bottom: 3px; border: 1px solid #dedede; } ul.grid-view li a > div.title-block.small { height: 25px; background-color:#FAFAFA; padding:7px 2px 0 2px ; margin-bottom: 8px; border: 1px solid #dedede; } ul.grid-view li a > div.sub-title-block { height: 30px; border-bottom: 1px solid #bfbfbf; padding-bottom:3px; margin-bottom:10px; } ul.grid-view li a > span.white-box { float:left; padding:3px; border:1px solid #cbe0ff; background-color: #fff; } ul.grid-view li a > span.label { line-height:20px;margin-left:10px; } ul.grid-view li a:hover { background-color: #f5f8fc; } ul.grid-view li a:hover > div.title-block { background-color: #fff; } ul.grid-view li.selected { background-color: #3889ff; border:1px solid #3889ff; } ul.grid-view li.selected a { background-color: #f5f8fc; border:1px solid #3889ff; } ul.grid-view li.selected a > div.title-block { background-color: #fff; } ul.grid-view li a > span.right-icons-box { float:right; margin-top:5px; } div.horiz-list-items .parent-item > .title { font-size: 1.1rem;} div.horiz-list-items .item a > div.title-block.single { font-size: 1rem;} div.horiz-list-items { padding: 10px 10px 0 10px; display: block; color: white; } div.horiz-list-items .parent-item { border: 1px solid #919191; background: #fff; float: left; width: auto; position: relative; margin: 0 10px 20px 0; padding: 10px;} div.horiz-list-items .parent-item.orange.selected { border:1px solid #FF9707; background-color: #faf2e1; } div.horiz-list-items .parent-item.blue.selected { border:1px solid #3889ff; background-color: #e6f1fc; } div.horiz-list-items .parent-item.purple.selected { border:1px solid #e633a6; background-color: #FFDDF3; } div.horiz-list-items .parent-item > .title { display: block; width: auto; text-align:center; margin-bottom:10px;} div.horiz-list-items .item { padding: 1px; border: 1px solid #919191; background: #ffffff; float: left; width: 290px; position: relative; margin: 0 10px 10px 5px; } div.horiz-list-items .parent-item > .item { margin-bottom:0 !important; } div.horiz-list-items .item h3 { margin-bottom:0 !important; } div.horiz-list-items .item a { background-color: #fff; padding: 5px; display:block; border: 1px solid transparent; text-decoration : none;color: #333;} div.horiz-list-items .item a.with-pad-fixed { padding:10px; height:90px; } div.horiz-list-items .item a.small { padding:7px; height:30px; } div.horiz-list-items .item a > div.title-block { height: 25px; background-color:#FAFAFA; padding:2px; margin-bottom: 3px; border: 1px solid #dedede; } .bw div.horiz-list-items .item a > div.title-block { background-color:#f5f5f5; border: 1px solid #dedede; } div.horiz-list-items .item a > div.title-block.small { height: 25px; background-color:#FAFAFA; padding:7px 2px 0 2px ; margin-bottom: 8px; border: 1px solid #dedede; } .bw div.horiz-list-items .item a > div.title-block.small { background-color:#f5f5f5; border: 1px solid #dedede; } div.horiz-list-items .item a > div.title-block.single { height: 20px; background-color:#FAFAFA; margin-bottom: 0; border: 1px solid #dedede; text-align:center; color: #33709D; padding-top:3px;} div.horiz-list-items .item a > div.sub-title-block { height: 30px; border-bottom: 1px solid #bfbfbf; padding-bottom:3px; margin-bottom:10px; } div.horiz-list-items .item a > span.white-box { float:left; padding:3px; border:1px solid #cbe0ff; background-color: #fff; } div.horiz-list-items .item a > span.label { line-height:20px;margin-left:10px; } div.horiz-list-items .item a:hover { background-color: #f5f8fc; } div.horiz-list-items .item a:hover > div.title-block { background-color: #fff; } div.horiz-list-items .item.selected, div.horiz-list-items .item:hover { background-color: #3889ff; border:1px solid #3889ff; } div.horiz-list-items .item.selected a { background-color: #f5f8fc; border:1px solid #3889ff; } div.horiz-list-items .item.selected a > div.title-block { background-color: #fff; } div.horiz-list-items .item a > span.right-icons-box { float:right; margin-top:5px; } /************************************************/ /********** TABLES ******************************/ /************************************************/ .section-table { padding-left:15px; } table.auto-float-container { width: auto; margin-right: 20px; margin-bottom: 10px; padding-left:10px; float: left; } table { width: 100%; margin: 0; overflow: hidden; } .table-caption-right { float:right; } .table-caption-left { float:left; color: #004494;} table.basic { border-spacing: 0; border-collapse: separate; border-top: 2px solid #cccccc; border-bottom: 1px solid #FFFFFF; line-height: 16px; } table.basic caption { background: none #bbbbbb; color: #FFFFFF; padding: 5px 12px 5px 12px ; text-align: center;} table.basic tr:hover { background: none !important; } table.basic thead { color: #333333; } table.basic th, table.basic .title { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 0; white-space: nowrap; text-align: left; } table.basic td { background: none !important; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 8px 3px 0 !important; line-height: 16px !important; } table.basic thead { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 0; white-space: nowrap; } table.basic td p { padding-bottom: 3px; padding-top: 3px; } table.simple { border: 0 !important; padding-left: 2px !important; overflow:hidden; } table.simple td { border: 0 !important; padding: 0;} table.simple td span { padding: 1px !important; margin: 0 !important; } table.simple2 { border: 0 !important; padding-left: 2px !important; overflow:hidden; } table.simple2 td { border: 0 !important; padding: 1px;} table.simple2 td .icon-td { padding-top: 3px !important; margin: 0 !important; } table.simple2 td span.button { margin-top:0 !important; padding:0 !important;} table.simple2 td span.button span { margin-top:0 !important;} table.sub-table { line-height: 13px; } table.sub-table tr:hover { background: none !important; } table.sub-table th { border-bottom: 1px solid #bfbfbf !important; } table.sub-table tbody td { background: #FFF !important; } table.sub-table tbody td.grey { background: #EFEFEF !important; } table.sub-table tbody td.success { background: #5eb95e !important; } table.sub-table tbody td.warning { background: #faa732 !important; } table.sub-table tbody td.info { background: #4bb1cf !important; } table.sub-table tbody td.danger { background: #dd514c !important; } .sub-table-title { color: #333!important; white-space: nowrap; text-align: left; padding-left:6px !important; padding-bottom: 7px;} table.fixed { table-layout: fixed; } table.default { margin: 0 auto; width: 100%;clear: both; border-collapse: collapse; color: #111; } table.default.fixed { table-layout: fixed; } table.default .sub-table { padding-right: 5px; margin: 5px 5px 10px 5px !important; border-bottom: 2px solid #C1DAD7;} table.default .sub-table p { padding-left: 5px; } table.default caption { background: none transparent; color: #666; padding: 12px 12px 2px 0; text-align: left;font-size: 12px;} table.default td { overflow: hidden; } table.default tr.highlight { border: 1px solid #40f02e;} table.default tr.disabled { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_table_tr_disabled.png); background-position: 50% 50%; background-repeat: repeat-x; } table.default tr:hover { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bck_black_5.png'); cursor: default;} table.default tr.disabled:hover { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_table_tr_disabled.png); background-position: 50% 50%; background-repeat: repeat-x; } table.default tr.sub-row { border-bottom: 1px solid #C1DAD7; background: #FFFFFF !important; color: #333333 !important;} table.default th { border-bottom: 1px solid #dddddd; background: #f8f8f8; color: #004494; outline: none; font-size: 12px;} table.default thead tr:hover { cursor: default; background: none;} table.default thead tr { height: 25px; border-right: 2px solid #DDD; } table.default thead th { padding: 5px 7px 5px 7px; text-transform: uppercase; height: 35px; text-align:left;} table.default th.action { background: #f1f1f1; text-align:center !important; color:#666;} table.default .sub-table thead th { padding-top: 0; padding-bottom: 0;} table.default thead td { background: #FAFAFA; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; } table.default tbody .title { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bck_black_5.png'); white-space: nowrap; color: #333333; } table.default td { padding: 7px 5px 7px 7px !important; border-bottom: 1px solid #DCDCDC; font-size: 12px; } table.default td.sub-table { padding: 5px 10px 0 0 !important; border: 0 !important; cursor: default !important; background: #fff !important;} table.default td span { margin-top:0; padding-left: 0;} table.default td span.button { margin-top:2px !important; padding-left:0 !important; line-height: 10px;} .ff table.default td span.button.blue_button, .ff table.default td span.button.red_button, .ff table.default td span.button.green_button { padding-top: 0px; padding-bottom: 8px;} table.default td span.button span { margin-top:0 !important; padding-left: 4px !important;} table.default td span.status-box { margin-right: 5px !important; } table.default .icon-pad { padding: 2px 0 0 5px !important; } table.default .checkbox-pad { padding: 0 8px 0 8px !important; } table.default td p { padding-bottom: 3px; padding-top: 3px; } table.default td span.second-line { display:block; color: #888;} table.default th span.second-line { display:block; color: #999; text-transform:none;} table.default td input { margin: 1px 0 1px 0 !important; } table.default td .field-view { margin: 1px 0 1px 0 !important; } table.default th input { margin: 7px 0 1px 8px !important; } table.default > tbody > tr.zebra1 { background-color: #FDFDFD !important; } table.default > tbody > tr.zebra2 { background-color: #F4F4F4 !important; } table.default > tbody > tr.sub-row { border-bottom: 2px solid #BBBBBB; border-top: 1px solid #acacac; background-color: #FFF !important;} table.default > tbody > tr td.sub-row { padding-top: 10px !important; padding-right:10px !important;} table.default.no-zebra > tbody > tr.zebra1 { background-color: transparent !important; } table.default.no-zebra > tbody > tr.zebra2 { background-color: transparent !important; } table.default.no-zebra tbody td { border: 1px solid #D5EBFC; border-bottom: 1px dotted #dedede; } table.default.no-zebra tr:hover { background-image: none !important;} table.default.no-zebra tr.disabled:hover { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_table_tr_disabled.png) !important; background-position: 50% 50% !important; background-repeat: repeat-x !important; } table.no-padding tbody td, table.default.no-padding tbody td { padding: 1px !important; } table.default.no-border { border: 0 none;} table.default.no-border tbody td { border: 0 none;} table.default.no-hover tr:hover { background-image: none !important;} table.default.no-hover tr.disabled:hover { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/bg_table_tr_disabled.png) !important; background-position: 50% 50% !important; background-repeat: repeat-x !important; } table.default tr.sub { height: 10px; border: 0;} table.default tr.sub th { height: 10px; vertical-align: bottom; background: transparent !important; border: 0 !important; border-left: 1px solid #bdd8ff !important; padding-left:1px !important;} table.default td .notification { margin-right:0 !important;} table.default.inline { border-bottom: 1px solid #DDD;color: #333333; border-right: 1px solid #C1DAD7; border-left: 1px solid #C1DAD7;} table.default thead tr { border: 0 } table.sub-table tr.separator td, table.default tr.separator td { background: #989797 !important; padding: 1px 0 0 0 !important; } table.default tr.summary-line td { border-top:2px solid #D6D6D6;background-color:#F5F5F5; } table.costs-summary { line-height:19px; } table.costs-summary td { padding:0 2px 0 2px; text-align: right; color: #333; } table.costs-summary td span.icon-td { padding:0; } td.main-link, td a.main-link { color: #004494 !important; } /*********************************************************/ /********** TABLESORTER : same style as table.default ****/ /*********************************************************/ .tablesorter-table thead th.header { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterBg.gif); background-repeat: no-repeat; background-position: right center; background-color: #cbe9ff; height: 20px; cursor: pointer; padding-right: 10px !important;} .tablesorter-table thead th.headerSortUp { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterAsc.gif); background-repeat: no-repeat; cursor: pointer; padding-right: 10px !important;} .tablesorter-table thead th.headerSortDown { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterDesc.gif); background-repeat: no-repeat; cursor: pointer; padding-right: 10px !important;} .tablesorter-table thead th, .tablesorter-table tbody td, .tablesorter-table-server thead th, .tablesorter-table-server tbody td { border-right: 1px dotted #e7e7e7 !important;} table.default.tablesorter-table thead th.header { background: #FAFAFA url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/sort_up_down.gif) no-repeat right center; cursor: pointer; } table.default.tablesorter-table thead th.headerSortUp { background: #dfefff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterAsc.gif) no-repeat right center; cursor: pointer; } table.default.tablesorter-table thead th.headerSortDown { background: #dfefff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterDesc.gif) no-repeat right center; cursor: pointer; } table.default.tablesorter-table-server thead th.sortable { background: #FAFAFA url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/sort_up_down.gif) no-repeat right center; cursor: pointer; } table.default.tablesorter-table-server thead th.sortUp { background: #dfefff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterAsc.gif) no-repeat right center; cursor: pointer; } table.default.tablesorter-table-server thead th.sortDown { background: #dfefff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterDesc.gif) no-repeat right center; cursor: pointer; } .icon-input-reset { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/autocomplete-reset.png') no-repeat; cursor:pointer; margin-left: -20px; margin-top:10px !important;} /**********************************************/ /********** FORMS******************************/ /**********************************************/ input[type="checkbox"] { margin-left: 0; } .ie textarea { overflow: auto; } .field { width: auto; float: left; margin-top:2px; position: relative;} .field input, .field textarea { border: solid 1px #CACACA; padding: 6px !important; } .field select { border: solid 1px #CACACA; padding: 5px !important; } .field.highlight .field-value { border: 1px solid #3FD05D;} .field.highlight .field-label h6, .field.highlight h6.field-label { color: #00b55b !important; } .field.required .field-value, .field.required .field-view { border: 1px solid #FFB0B0;} .field.required .field-label h6, .field.required h6.field-label { color: #ff2e2e !important; } .field.required.required-valid .field-label h6, .field.required.required-valid h6.field-label { color: #00b55b !important; } .field span.required { color: #FF0000;} .field span.required-toggle { padding:1px;} .field span.required-required, .field span.required-valid { padding-left: 3px; float: left; height: 12px; width: 10px; height: 14px; width: 14px; position:absolute;} .field.disabled .field-label h6 { color: #999 !important; } .field.disabled .field-value, .field.disabled .field-view { border: 1px solid #dedede; background-color: #ECECEC !important; color: #333;} .field .field-label { display: block; text-align: right; width: 160px; float: left; margin-right: 8px; margin-top: 12px !important;} .field .field-label h6 { margin-top: 0; margin-bottom:0; font-size: 12px;} .field span.field-label, .field .field-label.simple { color: #444; margin-top:8px !important; margin-left:8px; width:auto; float:left;} .field span.field-label h6 { position: relative; top: -2px; margin-left:2px;} .field span.field-label.small { margin-top:10px !important; color:#888;} .field span.field-label.info { color: #4d7cac;} .field span.field-label.attention { color: #cb6500;} .field .field-label { margin-top: 0;} .field.with-hint .field-label { margin-top: 7px !important;} .field.with-hint span.field-label { margin-top: 7px !important;} .field span.max-length-count { background-color: #FAFAFA; padding:0 3px 0 3px; margin-left: 2px; color: #9a9a9a; position:absolute; margin-top: 4px; font-size: 10px;} .field.required span.max-length-count { background-color: #FAFAFA; padding:0 3px 0 3px; margin-left: 10px; color: #9a9a9a;} .field span.max-length-count.max { color: #ff0000; } .field .hint { display: block; text-align: right; width: 160px; font-size: 0.8rem; color: #a3a3a3;} .field-value, .field .field-value { color: #004494; border: solid 1px #B7CDED; } .field .field-value.big { padding: 7px !important} .field .field-value.no-pad { padding: 0 !important;} .field select.field-value { margin-left: 0 !important; margin-top: 4px !important; } #job-selection .field select { margin-top: 2px !important; padding: 1px 0 1px 0 !important;} .field-value:focus, .field .field-value:focus { background-color: #EDF4F6 !important; border: 1px solid #004494; } .field.required .field-value:focus { background-color: #fff2f2 !important; border: 1px solid #FF6262; } .field.highlight .field-value:focus { background-color: #d9ffe5 !important; border: 1px solid #006f17; } .field .field-view { min-width: 148px; display: inline-block; float: left; white-space: nowrap; overflow: hidden; color: #444; padding: 5px; border: 1px solid #d6d6d6; background-color: #FAFAFA; margin: 7px 0 3px 0; height: 30px;} .field .field-view.search-input { width: 150px;} .field .field-view.big { height: 2rem; padding: 8px; margin-top: 4px !important; font-size:1.1rem;} .field .ui-state-default { border: 1px solid #dedede !important; color: #666; background: #f8f8f8;} .field .ui-state-active { border: 1px solid #004494 !important; color: #004494;} .field .field-view.empty { background: transparent none !important; border: 0 none; margin: 5px 0 6px 0;} .field .field-view.in-table { padding: 0 !important;} .field .field-view.multi { float: left; display: block; padding: 5px 5px 5px 5px; margin-top: 2px; margin-bottom: 3px; width: 250px; line-height: 15px; min-height: 40px; height:auto !important; white-space: normal !important;} .field input { float: left; margin: 4px 0 4px 0;} .field input[type='checkbox'] { margin-top: 1px !important; } .field input[type="radio"]:focus + label { border: 3px solid #007dff !important; z-index:10; } .field textarea { float: left; margin: 4px 0 4px 0;} .field input.multi { height: 40px;} .field select { float: left; border: solid 1px #aacfe4; margin: 3px 0 5px 0; } .field a { margin-top: 5px;} .field a.select2-search-choice-close { margin-top: 0; } .field a.button-link { margin-top: 5px; margin-left: 3px;} .field a.button-link.small { margin-top: 8px;} td .field a.button-link { margin-top: 0 !important; } .field > div { margin-top: 5px;} .field div.select2-container { margin-top: 0; float:left;} .field.required .select2-container .select2-choice { border: 1px solid #fec7c7; } .field div.button-link { margin-top: 3px; margin-left: 5px;} .field input.JS_datepicker { width: 120px; } .field img.ui-datepicker-trigger { background-color: transparent; border: none; margin-top: 0; margin-left: 0; padding: 0px 4px 4px 4px; cursor: pointer; margin-left: -27px; margin-top: 14px;} .field-value.hasDatepicker.big { width: 74px !important;} .field.datetimepicker img.ui-datepicker-trigger { right: 68px;} .field.datetimepicker.dateonly img.ui-datepicker-trigger { right: 5px;} h5.sub-title-right { line-height: 35px; float: right; font-size: 1rem;} .field-block-title { width: auto; background: #ebf6fc; color: #333333; display: inline-block; padding: 1px 10px 1px 10px; margin: 0; border: 1px solid #b7ddf2; border-bottom: 0; } .inner-box.compressed .field { margin-bottom: 0 !important; margin-top:0 !important;} .field .field-other-input { display: inline-block; height: 16px; color: #555; line-height: 16px; padding: 2px 2px 2px 0; border: 0 none; background: none transparent; margin: 3px 0 14px 0;} .field .field-label.other-input { margin-top: 0 !important; margin-right: 5px !important;} .field .other-input { margin-left: 2px !important;} .field input[type="checkbox"] { margin-top: 8px; } .field a.search-button { padding: 0; float:left; width: 39px; height: 28px; margin-top: 5px; margin-left: 1px; background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/search-button.png) no-repeat 0 0; } .field a.search-button.no-mt { margin-top: 0 !important;} .field a.search-button:hover { background-position: 0px -28px; } .field.collated input { margin-left: 1px; margin-bottom:-3px;} /* INPUT.FILE */ div.uploader { width: 250px; position: relative; overflow: hidden; border: 1px solid #d7d7d7; background: #fdfdfd; padding: 2px 2px 2px 8px; } div.uploader span.action { width: 35px; height: 28px; background: #fff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/search-button.png) no-repeat 0 0; font-size: 1rem; cursor: pointer; text-indent: -9999px; float: right; overflow: hidden; } div.uploader:hover span.action { background-position: 0 -27px; } div.uploader span.filename { color: #555; max-width: 200px; font-size:1rem;line-height: 28px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader span.filename.value { color: #004494; font-size:1rem; } div.uploader input { width: 256px; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; } .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } /* HTML5 PLACEHOLDERS / degraded class in IE used by placeholder plugin */ .placeholder {color: #acacac !important; } input::-webkit-input-placeholder {color: #acacac; } textarea::-webkit-input-placeholder {color: #acacac; } input::-moz-placeholder {color: #acacac; } textarea::-moz-placeholder {color: #acacac; } /*********************************************/ /********** VALIDATION ***********************/ /*********************************************/ .validation { width: auto; min-width: 18px; float:left; margin: 6px 3px 0 12px; overflow: hidden; padding: 1px 0 1px 0; position: relative; z-index: 1; } .validation no-icon { background-image: none !important; } .validation.box { padding: 0 0 2px 0; border: 1px solid #ffcdcd; zoom: 1; } .validation.box.warning { background-color: #ffffc7 !important; border: 1px solid #D3C200; } .validation p { color: #e00000; line-height: 15px; padding: 2px 5px 0 20px !important; margin:2px;} .validation.warning p { color: #000; } .validation p.no-label { line-height: 15px; padding: 0 15px 0 5px !important; } /*********************************************/ /********** SUB-CLASSING UI THEME ************/ /*********************************************/ .ui-dialog .ui-dialog-content { padding: 1.5em 1em; } .ui-dialog-title { color: #004494; display:block; margin-top: 0px !important;} .ui-dialog-title.warning { color: #ff9900; } .ui-dialog-title.error { color: #ff0000; } .ui-dialog-title.info { color: #004494; } .ui-dialog-title.question { color: #004494; } .ui-dialog-title.confirm { color: #004494; } .ui-dialog { position: absolute; padding: 1px !important; border: 1px solid #666; overflow: visible; -webkit-box-shadow: 0 5px 80px #505050; -moz-box-shadow: 0 5px 80px #505050; box-shadow: 0 5px 80px #505050; } .ui-dialog.warning { border: 2px solid #ff9900;} .ui-dialog.error { border: 2px solid #ff0000;} .ui-dialog.info { border: 2px solid #004494;} .ui-dialog.question { border: 2px solid #004494;} .ui-dialog.confirm { border: 2px solid #004494;} .ui-widget-overlay { -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-transition: 0.25s opacity; background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7)); bottom: 0; display: -webkit-box; left: 0; overflow: auto; padding: 20px 20px 130px 20px; position: fixed; right: 0; top: 0; z-index: 10; background-image: none; } .ui-dialog-buttonpane { background-color: #f7f7f7 !important; border-top: 1px solid #c2c2c2;} .ui-dialog-buttonpane.warning { background-color: #fffaf2 !important;} .ui-dialog-buttonpane.error { background-color: #fff2f2 !important;} .ui-dialog-buttonpane.info { background-color: #f2f6ff !important;} .ui-dialog-buttonpane.question { background-color: #f2f6ff !important;} .ui-dialog-buttonpane.confirm { background-color: #f2f6ff !important;} .ui-dialog .ui-dialog-titlebar { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/ui-dialog-bg.png) !important; height: 40px; padding: 10px 10px 0 10px !important; margin:0 !important;} .ui-datepicker-header.ui-widget-header { border: 0; border-bottom: 1px solid #ebebeb; background: #F8F8F8; } .ui-datepicker-header.ui-widget-header .ui-icon { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/jqueryui/ui-icons_888888_256x240.png) !important; } .ui-datepicker-title { color: #004494; } .ui-dialog > .ui-widget-header { border: 0 !important; } .ui-widget-overlay { opacity: .50 !important; } .ie8 .ui-widget-overlay { filter:Alpha(Opacity=55) !important; } .ui-state-error { background: #FDE0D5 !important; border: 1px solid #FF0000 !important; } .ui-buttonset.ui-state-error { border: 0 !important; } #ui-datepicker-div { display: none; } .ui-button-text-only .ui-button-text { padding: 3px 5px !important; } .ui-button { margin-bottom: 5px !important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004494; text-decoration: none;} .ui-buttonset > .ui-state-default { border: 1px solid #DBDBDB; color: #999; } .ui-buttonset > .ui-state-active { background: #004494 !important; color: #fff !important; border: 1px solid #dedede;} .ui-buttonset.ui-state-error > .ui-state-default { background: #ff6060 !important; color: #fff !important; } .ui-dialog .ui-dialog-titlebar-close { right: -20px; top: -15px; margin: 0; width: 30px; height: 30px; background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/jqueryui/modalClose.png) 0 0 no-repeat !important; border: 0 !important; z-index: 1005 !important;} .ui-dialog .ui-dialog-titlebar-close span { display: none; } .ui-dialog .ui-dialog-titlebar-close:hover { padding: 1px; background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/jqueryui/modalCloseOvr.png) !important;} .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; background-color: transparent !important; } .ui-dialog .ui-dialog-titlebar-header-action { position: absolute; margin-top: 4px; right: 20px; color: #004494;} .ui-dialog .ui-dialog-titlebar-header-action span { margin-right: 5px; margin-top: -1px;} .ui-widget-header .ui-icon { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/jqueryui/ui-icons_469bdd_256x240.png) !important; } .ui-widget-header.red { background: #ff3333 url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/ui-bg_gloss_red.png) 50% 50% repeat-x !important; border: 0 solid #ff0000 !important;} .ui-widget-content { background: #fff; border: 1px solid #A5A5A5;} .ui-datepicker-inline { border:1px solid #ebebeb; } .ui-widget p { font-size: 1rem; } /* DATEPICKER TRIGGER IMAGE */ img.ui-datepicker-trigger { float: left; background-color: #ebf6fc; border: 1px solid #b7ddf2; border-left: none; margin-top: 4px; margin-left: 0; padding: 4px 4px 4px 4px; cursor: pointer;} /* DATEPICKER CALENDAR TABLE */ .ui-datepicker td a.ui-state-default { background: #FFF; border: 0 solid #EBEBEB; text-align:center; color:#666;} .ui-datepicker td a.ui-state-highlight { background: #33aaff; border: 0 solid #666; color:#fff;} .ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-hover { background: #ff8000 ; border: 0 solid #000; color:#FFF;} .ui-datepicker td span.ui-state-default { background: #FFF; border: 0 solid #EBEBEB; text-align:center; color:#666;} .ui-datepicker td span.ui-state-highlight { background: #33aaff; border: 0 solid #666; color:#fff;} .ui-datepicker td span.ui-state-active, .ui-datepicker td span.ui-state-hover { background: #ff8000 ; border: 0 solid #000; color:#FFF;} .ui-datepicker-title select { font-size: 1rem; } .ui-datepicker-buttonpane button.ui-priority-primary { background: #74c5ff; color: #fff; } .ui-datepicker-buttonpane button.ui-priority-secondary { background: #e3e4e4; color: #000; } .ui-autocomplete-loading { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/loading16.gif') right center no-repeat; } /* AVOID ROUNDED CORNERS ON UI-WIDGETS */ .ui-corner-left { -moz-border-radius-topleft: 0 !important; -webkit-border-top-left-radius: 0 !important;border-top-left-radius: 0 !important;-moz-border-radius-bottomleft: 0 !important;-webkit-border-bottom-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .ui-corner-right { -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important;-webkit-border-bottom-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .ui-corner-all { -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .ui-corner-tl { -moz-border-radius-topleft: 0 !important; -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .ui-corner-tr { -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .ui-corner-bl { -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .ui-corner-br { -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;} /*jQueryUI button dialog subclass*/ .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button { border: none; outline: none; outline:0; color: #FFF; height: 24px;line-height: 20px;margin: 5px 0 0 5px !important; display:inline; padding-right: 10px; padding-left: 10px; text-align: center;text-decoration: none !important;width: auto; } .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-button-text-only { padding: 0 5px 0 5px !important; } .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-button-text-icon .ui-button-text { padding: 0 5px 0 8px !important; font-family: "eui-default" !important; font-weight: normal !important; font-size: 1rem;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-corner-all { -webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important; } .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-state-default { color: #FFF; border: 1px solid #24417c;background: #5582c9; background: -moz-linear-gradient(top, #5582c9 0%, #33539a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5582c9), color-stop(100%,#33539a)); background: -webkit-linear-gradient(top, #5582c9 0%,#33539a 100%);background: -o-linear-gradient(top, #5582c9 0%,#33539a 100%);background: -ms-linear-gradient(top, #5582c9 0%,#33539a 100%);/*background: linear-gradient(top, #5582c9 0%,#33539a 100%);*/ box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #80a1d6 inset; /*border-image: initial;*/} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-primary-button { color: #fff; border: 1px solid #D0D0D0;background: #3d8bc4 ; height: 30px !important;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-secondary-button { color: #777; } .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-msgbox-button { color: #666; border: 1px solid #a7a8a8;background: #FFF; background: -moz-linear-gradient(top, #A7A8A8 0%, #FFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A7A8A8), color-stop(100%,#FFF)); background: -webkit-linear-gradient(top, #A7A8A8 0%,#FFF 100%);background: -o-linear-gradient(top, #A7A8A8 0%,#FFF 100%);background: -ms-linear-gradient(top, #A7A8A8 0%,#FFF 100%); /*background:linear-gradient(top, #A7A8A8 0%,#FFF 100%);*/} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-state-default.ui-state-hover { color: #FFF;background: #5582c9;box-shadow: 0 1px 4px #5582c9, 0 1px 0 #5582c9 inset;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-primary-button.ui-state-hover { color: #FFF;background-color: #3577A6; border: 1px solid #999;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-secondary-button.ui-state-hover { color: #222; background: #dfdede;box-shadow: 0 1px 4px #dfdede, 0 1px 0 #dfdede inset;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button .ui-button-icon-primary { left: 5px; top: 9px;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button .ui-icon { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/ui-button-icons.png) !important; } .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-state-hover .ui-icon { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/backgrounds/ui-button-icons-hover.png) !important; } .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-secondary-button { background: none; border:0; box-shadow: 0 0; box-shadow: none !important;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-primary-button { background-color: #3d8bc4; border: 1px solid #D0D0D0; box-shadow: 0 0; height: 30px !important;} .ui-dialog-buttonpane > .ui-dialog-buttonset > button.ui-button.ui-primary-button.ui-state-hover { background-color: #3577A6; border: 1px solid #999; } .ui-button-text-icon-primary .ui-button-icon-primary { display: none;} /* autocomplete sub-class */ .ui-autocomplete { border: 1px solid #888; margin-top: 1px; max-width: 250px;} .ui-autocomplete li { display: block; max-width: 250px;} .ui-autocomplete li a { font-size: 1rem; } .ui-autocomplete li.ui-state-focus a { background: #5582C9; color: #fff;} .ui-autocomplete .ui-menu-item { border-bottom: 1px solid #dedede;} .ui-autocomplete li span.secondary { color: #666; font-weight: normal !important; line-height: 20px;} .ui-autocomplete li.ui-state-focus span.secondary { background: #5582C9; color: #ebebeb;} .ui-autocomplete li span.middle { background: #ebebeb; color: #888; float:right; font-size: 1rem; padding:2px; margin-top: -10px;} .ui-autocomplete li a.ui-state-focus span.middle { background: #fff; color: #5582C9; } .ui-autocomplete li.ui-state-hover, .ui-autocomplete li.ui-state-focus { background: #5582C9 !important; color: #fff !important; border:none !important } .ui-state-focus { border: none !important; } .ui-widget input, .ui-widget select, .ui-widget textarea { padding: 0.25rem; } #datepicker_inline .ui-state-default { background: transparent none !important; } #datepicker_inline .ui-state-disabled { opacity: 2 !important; } .datepicker-inline-green-color { background-color: #00a320 !important;} .datepicker-inline-red-color { background-color: #DD2900 !important;} .datepicker-inline-red-green-color { background: #237afa url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/calendar_half_day.png) no-repeat 0 0 !important;} .datepicker-inline-default-color { background-color: #fff !important;} .datepicker-inline-red-color .ui-state-default, .datepicker-inline-red-green-color .ui-state-default, .datepicker-inline-green-color .ui-state-default { color: #FFF !important; } /*********************************************/ /********** NOTICE GROWL *********************/ /*********************************************/ .notice-wrap { position: fixed; right: 20px; width: 350px; z-index: 55001; } * html .notice-wrap { position: absolute; } .notice-item { height: auto; background: #333; color: #eee; padding: 10px; display: block; position: relative; margin: 0 10px 2px 0;} .notice-item p { padding-right: 10px; font-size:1rem; color: #fff;} .notice-item.error { background: #FF5151;} .notice-item.success { background: #2D9B46;} .notice-item.warning { background: #FFD222;} .notice-item.warning p { color: #000; } .notice-item-close { position: absolute; right: 6px; top: 8px; cursor: pointer; background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/notifications/ico_close_ovr.png') no-repeat; width:12px; height: 12px;} /*********************************************/ /********** STARS ****************************/ /*********************************************/ .ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/stars/stars.gif) no-repeat 0 0;}.ui-stars-star a{background-position:0 -32px;}.ui-stars-star-on a{background-position:0 -48px;}.ui-stars-star-hover a{background-position:0 -64px;}.ui-stars-cancel-hover a{background-position:0 -16px;}.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;} .ui-stars-wrapper { padding:3px 3px 6px 3px;width:auto;margin-top: 4px; float:left; border: 1px solid #dedede; } /*********************************************/ /********** MSG BOX **************************/ /*********************************************/ .msgbox-warning { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/alert.png) no-repeat 10px 5px; height:80px; width:100px; float:left;} .msgbox-info { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/info.png) no-repeat 10px 5px; height:80px; width:100px; float:left;} .msgbox-error { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/error.png) no-repeat 10px 5px; height:80px; width:100px; float:left;} .msgbox-question { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/question.png) no-repeat 10px 5px; height:80px; width:100px; float:left;} .msgbox-confirm { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/msgbox/confirm.png) no-repeat 10px 5px; height:80px; width:100px; float:left;} .msgbox-text-warning { color: #dda600; margin-top: 10px;} .msgbox-text-info { color: #004494; margin-top: 10px;} .msgbox-text-error { color: #ff0000; margin-top: 10px;} .msgbox-text-question { color: #004494; margin-top: 10px;} .msgbox-text-confirm { color: #004494; margin-top: 10px;} #msgbox_dialog h4 { font-size: 1rem;} /*********************************************/ /********** TOGGLE INNER CONTENT *************/ /*********************************************/ .JS_toggle-sub-row, .JS_toggle-sub-row.active { text-indent: -9999px; width: 16px; line-height: 16px; height:16px; display: block; cursor: pointer;} .toggle-trigger-content, .toggle-trigger-content.active { text-indent: -9999px; width: 16px; line-height: 16px; height:16px; display: block; cursor: pointer;} .toggle-trigger-header-line { width: auto; background-color: #D2ECFF; height: 38px; line-height: 38px; padding-top: 4px; margin-right: 15px; margin-left: 15px; padding-right: 10px; margin-bottom: 3px;} .toggle-trigger-header-line.no-toggle { background-color: #f2f2f2; padding-left: 30px; } .toggle-trigger-header-line > span.fl { margin-top: -6px;} .toggle-trigger-header-line.sub-level { background-color: #EDF8FF !important; border-top: 2px solid #fff; margin-top:0 !important; margin-bottom: 0 !important; margin-right: 0 !important; padding-right: 0 !important; padding-top: 2px; padding-bottom: 2px; line-height: 16px;} .toggle-trigger-header-line.sub-level2 { background-color: #F7F7F7 !important; border-top: 1px solid #dedede; margin-top:0 !important; margin-bottom: 0 !important; margin-right: 0 !important; padding-right: 0 !important; padding-top: 2px; padding-bottom: 2px; line-height: 13px; } .toggle-trigger-header-line.sub-level.last { background-color: transparent !important; } .toggle-trigger-header-line.gray { background-color: #f2f2f2 !important; } .toggle-trigger-header-line .toggle-trigger-content { margin: 6px 10px 0 3px; float: left;} .toggle-trigger-header-line .sub-title { float: left; margin-right: 20px;} .toggle-trigger-header-line .sub-title-right { float: right; margin-right: 10px;} .summary-title-wrap { width: auto; height: 22px; padding-right: 30px; background: transparent none !important; } .summary-title-wrap h1 { margin-top: 5px; font-size: 1.1rem;} .summary-title-wrap h2 { line-height: 21px; font-size: 1rem;} .toggle-trigger-header-line h1 { padding-top: 0; margin-top: 5px; font-size: 1rem;} .toggle-trigger-header-line h2 { padding-top: 0; margin-top: 5px; font-size: 1rem;} .toggle-trigger-header-line h3 { padding-top: 2px; margin-top: 3px; font-size: 1rem;} .toggle-trigger-content-body { background: #F9F9F9; /* border-top: 2px solid #dedede; */ /* border-left: 1px solid #dedede; */ /* border-right: 1px solid #dedede; */ /* border-bottom: 1px solid #dedede; */ padding: 10px; margin-right: 20px; margin-left: 20px; margin-bottom: 10px; margin-top:-2px;} .toggle-trigger-content-body.sub-level { background: #FFF; border: 1px solid #dedede; margin-right: 0 !important; margin-top: 0; /*border-right: 0 none !important; border-left: 0 none !important;*/} .toggle-trigger-content-body.sub-level2 { background: #FFF; /* border: 1px solid #dedede; */ margin-right: 0 !important; margin-top: 0; /*border-right: 0 none !important; border-left: 0 none !important;*/} /***********************/ /**** BAR GRAPHS *******/ /***********************/ .graph { float:left; display:inline-block; margin: 1px 0 2px 0; position:relative; height: 12px; } .graph > .bar { display:block; position:relative; background-position:right center; background-repeat:repeat-x; width:100%; height:100%;} .graph > .bar.green { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-green.gif);} .graph > .bar.blue { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-blue.gif);} .graph > .bar.yellow { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-yellow.gif);} .graph > .bar.red { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-red.gif);} .graph > .bar.orange { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-orange.gif);} .graph > .bar.gray { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-gray.gif);} .graph > .bar.invisible { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/bargraph/bargraph-invisible.gif);} /*********************************************/ /********** TINY SCROLLBAR *******************/ /*********************************************/ .tinyscrollbar { width: 100%; clear: both; margin: 0; } .tinyscrollbar .viewport { overflow: hidden; position: relative; } .tinyscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; } .tinyscrollbar .scrollbar { background: transparent url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; float: right; width: 15px; } .tinyscrollbar .track { background: transparent url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; } .tinyscrollbar .thumb { background: transparent url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; } .tinyscrollbar .thumb .end { background: transparent url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; } .tinyscrollbar .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } /****************************************************/ /********** WIZARD **********************************/ /****************************************************/ .wizard-steps { list-style: none; margin-right:10px; } .wizard-steps li { float: left; } .wizard-steps li a { display: block; } .wizard-steps li a:hover { text-decoration: none; } .wizard-steps li a span.h2 { font-size: 1.1rem; color: #999; text-align: center; display: block; } .wizard-steps li a span.dot { display: block; height: 20px; margin-top: 5px; text-align: center; background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/wizard/stepline.png) repeat-x center left; } .wizard-steps li span.label { font-size: 1rem; display: block; text-align: center; font-weight: normal; color: #999; margin-top: 5px; padding:5px;} .wizard-steps li a span.dot span { width: 20px; height: 20px; display: inline-block; background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/wizard/step_default.png) no-repeat center center; } .wizard-steps li.active span.h2, .wizard-steps li.active span.label { color: #004494; } .wizard-steps li.active span.label { font-size: 1.25rem; background-color:#EBEEFF;} .wizard-steps li.active span.dot span { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/wizard/step_active.png) no-repeat center center;} .wizard-step-content { display: block; padding:15px; margin:15px 10px 10px 0; } .wizard-step-content.error { border: 1px solid #ff0000;} /****************************************************/ /********** TOGGLE BUTTON ***************************/ /****************************************************/ a.toggle-button { display: inline-block; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #f7f7f7; padding-top: 3px; -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; color: #666; text-decoration: none;} a.toggle-button.active { border: 1px solid #004494; background-color: #d1e9ff;} a.toggle-button:hover { border: 1px solid #888; background-color: #d4e7fa;} a.toggle-button span.icon { display: inline-block; margin-left:6px} /************************************************************************/ /********** RIGHT SLIDER CLASSES ****************************************/ /************************************************************************/ #slider-wrapper { position: absolute; top: 0; right: -14px; height: 100%; z-index: 25; text-align: center; } #slider { height: 100%; width: 310px; color: #999999; background: #fff; position: relative; z-index: 3; display: none; float: right; overflow: auto; } #slider_content { position: relative;} /* Panel Tab/button */ #slider_tab { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/content-slider/tab_b_right.png) repeat-y 0 0; height: 100%; position: relative; z-index: 25; float:right; } #slider_tab ul { top: 50%;} #slider_tab ul li.slider-top { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/content-slider/tab_top.png) no-repeat 0; height: 30px; width: 42px; } #slider_tab ul li.slider-bottom { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/content-slider/tab_bottom.png) no-repeat 0; height: 30px; width: 42px; } #slider_tab ul li.slider-center { height: 80px; position:relative; background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/content-slider/tab_m_right.png) repeat-y 0; padding-left: 14px; } #slider_tab ul li.slider-center .icon { margin-bottom: 15px !important; } .JS_tooltip { cursor:pointer; } .tip-default { z-index:9999; text-align:left; border:1px solid #b0b1b0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:1px; min-width:50px; max-width:300px; color: #2f2f2f; background-color: #fff;} .tip-default .tip-inner { padding:6px; background-color: #fffefe; } .tip-default .tip-arrow-top { margin-top:-9px; margin-left:15px; top:0; left:0; width:16px; height:10px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat;} .tip-default .tip-arrow-right { margin-top:-9px; margin-left:-4px; top:50%; left:100%; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -16px 0;} .tip-default .tip-arrow-bottom { margin-top:0; margin-left:15px; top:100%; left:0; width:16px; height:13px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -32px 0;} .tip-default .tip-arrow-left { margin-top:-9px; margin-left:-9px; top:50%; left:0; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -48px 0;} .tip-error { z-index:9999; text-align:left; border:1px solid #e30000; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; min-width:50px; max-width:300px; color: #cb0000; background-color: #fff;} .tip-error .tip-inner { color: #fff; padding:6px; background-color: #ff0000; } .tip-error .tip-arrow-top { margin-top:-9px; margin-left:15px; top:0; left:0; width:16px; height:10px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-error_arrows.png) no-repeat;} .tip-error .tip-arrow-right { margin-top:-9px; margin-left:-4px; top:50%; left:100%; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-error_arrows.png) no-repeat -16px 0;} .tip-error .tip-arrow-bottom { margin-top:0; margin-left:15px; top:100%; left:0; width:16px; height:13px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-error_arrows.png) no-repeat -32px 0;} .tip-error .tip-arrow-left { margin-top:-8px; margin-left:-10px; top:50%; left:0; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-error_arrows.png) no-repeat -48px 0;} .tip-hint { z-index:9999; text-align:left; border: 1px solid #ADADAD; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius: 6px; padding:1px; min-width:50px; max-width:300px; color:#000; background-color: #fff;} .tip-hint .tip-inner { color: #0553A0; padding:1px; background-color: #fefeff; } .tip-hint .tip-arrow-top { margin-top:-9px; margin-left:15px; top:0; left:0; width:16px; height:10px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat;} .tip-hint .tip-arrow-right { margin-top:-9px; margin-left:-4px; top:50%; left:100%; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -16px 0;} .tip-hint .tip-arrow-bottom { margin-top:0; margin-left:15px; top:100%; left:0; width:16px; height:13px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -32px 0;} .tip-hint .tip-arrow-left { margin-top:-9px; margin-left:-6px; top:50%; left:0; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -48px 0;} .tip-black { opacity:1; z-index:9999; text-align:left; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:8px 8px; max-width:300px; color:#fff; background-color:#111; max-height: 500px;} .tip-black .tip-arrow-top { margin-top:-5px; margin-left:-5px; /* approx. half the width to center it */ top:0; left:50%; width:9px; height:5px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-black_arrows.gif) no-repeat;} .tip-black .tip-arrow-right { margin-top:-4px; /* approx. half the height to center it */ margin-left:0; top:50%; left:100%; width:5px; height:9px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-black_arrows.gif) no-repeat -9px 0;} .tip-black .tip-arrow-bottom { margin-top:0; margin-left:-5px; /* approx. half the width to center it */ top:100%; left:50%; width:9px; height:5px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-black_arrows.gif) no-repeat -18px 0;} .tip-black .tip-arrow-left { margin-top:-4px; /* approx. half the height to center it */ margin-left:-5px; top:50%; left:0; width:5px; height:9px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-black_arrows.gif) no-repeat -27px 0;} .tip-white { z-index:9999; text-align:left; border:1px solid #cbccca; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:1px; min-width:50px; max-width:300px; color:#000; background-color: #fff;} .tip-white.fixed-top-position { top: 80px !important; } .tip-white .tip-inner { color: #0553A0; padding:10px; background-color: #fefeff; } .tip-white .tip-arrow-top { margin-top:-9px; margin-left:15px; top:0; left:0; width:16px; height:10px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat;} .tip-white .tip-arrow-right { margin-top:-9px; margin-left:-4px; top:50%; left:100%; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -16px 0;} .tip-white .tip-arrow-bottom { margin-top:0; margin-left:15px; top:100%; left:0; width:16px; height:13px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -32px 0;} .tip-white .tip-arrow-left { margin-top:-9px; margin-left:-6px; top:50%; left:0; width:10px; height:20px; background:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/poshytip/tip-default_arrows.png) no-repeat -48px 0;} .tooltip-hint { background-color: #FFFFFF; padding: 9px; } .tooltip-hint .icon { display: inline; float:left; height:20px; width: 16px; text-indent:-9999px; margin:1px 5px 0 0; } .tooltip-hint h6 { line-height: 20px; color: #666; border-bottom: 1px solid #E9E9E9; margin-bottom: 10px; padding-bottom: 3px;} .tooltip-hint p { padding-left: 20px; } .tooltip-hint em { color: #333; } .note-editable ol, .summernote-preview ol { margin: 0 0 0 2em; padding: 0; list-style-type: decimal;} .note-editable ul, .summernote-preview ul { margin: 0 0 0 2em; padding: 0; list-style-type: disc;} .note-editable ol > li > ol { list-style-type: lower-alpha; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol { list-style-type: lower-roman; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol > li > ol { list-style-type: lower-alpha; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: lower-roman; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: lower-alpha; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: lower-roman; list-style: initial; padding-left: 20px;} .note-editable ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; } .modal-backdrop { display: none;} .tablesorter-table thead th, .tablesorter-table tbody td, .tablesorter-table-server thead th, .tablesorter-table-server tbody td { border-right: 1px dotted #e7e7e7 !important;} table.tablesorter-table thead th.header { background: #FAFAFA url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/sort_up_down.gif) no-repeat right center; cursor: pointer; } table.tablesorter-table thead th.headerSortUp { background: #dfefff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterDesc.gif) no-repeat right center; cursor: pointer; } table.tablesorter-table thead th.headerSortDown { background: #dfefff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/tablesorter/tableSorterAsc.gif) no-repeat right center; cursor: pointer; } /************************************************************************/ /********** RADIO GROUP & CHECKBOX GROUP ********************************/ /************************************************************************/ .radio-list { padding:5px; margin: 2px 10px 2px 10px; cursor: pointer; border: 1px solid transparent;} .radio-list:hover { background-color: #e6f1fc !important; } .radio-list.selected { color: #000; background-color: #e6f1fc !important; border: 1px solid #a5c8ec; } .radio-group .JS_radio { float: left; margin: 15px 10px 0 0 ; cursor: pointer; } .radio-group.small .JS_radio { margin-top: 6px; margin-right: 3px;} .radio-group > label { float:left; padding:10px; margin: 5px 10px 5px 10px; cursor: pointer; } .radio-group.small label { padding:5px; margin-top: 2px;} .radio-group .JS_radio:checked + label { background-color: #e6f1fc !important; border: 1px solid #a5c8ec; } .radio-group.black .JS_radio:checked + label { color: #000; } .radio-group .JS_radio.checked + label { background-color: #e6f1fc; border: 1px solid #a5c8ec; } .radio-group.black .JS_radio.checked + label { color: #000; } .radio-group.sub > label { margin: 0; padding: 5px;} .radio-group.sub .JS_radio { margin: 5px;} .checkbox-group input[type="checkbox"] { float: left; margin: 15px 10px 0 0 ; cursor: pointer; } .checkbox-group label { float:left; padding:5px; margin: 7px 10px 5px 5px; cursor: pointer; border: 1px solid transparent; max-width:90%;} .checkbox-group input[type="checkbox"]:checked + label { background-color: #e6f1fc; border: 1px solid #a5c8ec; } .checkbox-group input[type="checkbox"].checked + label { background-color: #e6f1fc; border: 1px solid #a5c8ec; } /****************************************************/ /********** ICONS ***********************************/ /****************************************************/ /* COMMON CLASSES */ .icon-table { display: block; height: 16px; text-indent:-9999px; margin-left:3px;} .icon-table-with-text { padding: 1px 0 2px 20px;} .icon-box-header { display: inline; height:16px; width: 16px; text-indent:-9999px; margin:3px 0 0 3px;} .icon,.icon16 { display: inline; height:16px; width: 16px; text-indent:-9999px; margin:1px 5px 0 3px;} .icon-rating { float:left; display: inline; height:16px; text-indent:-9999px; margin:0 5px 0 5px;} .icon-fl { float:left; height:16px; width: 16px; text-indent:-9999px; margin:1px 5px 0 3px;} .icon-section-title { display: inline; height:16px; width: 16px; text-indent:-9999px; margin-right: 10px;} .icon-section-title-right { display: inline; height:16px; width: 16px; text-indent:-9999px; margin:2px 2px 0 6px; float: left; } .icon-page-title { display: inline; float:left; height:36px; width: 36px; text-indent:-9999px; border: 1px solid #e2e2e2; background-color:#ffffff;} .icon-tab { display: inline; float: right;height:16px; width: 22px; text-indent:-9999px; } .icon-inline-text { display: inline; float: left; height:16px; width: 18px; text-indent:-9999px; } .icon-inline-text-10 { display: inline; float: left; height:10px; width: 18px; text-indent:-9999px; } .icon-inline-text-mt { display: inline; float: left; height:16px; width: 18px; text-indent:-9999px; margin-top: 5px !important; } .icon-inline-input { display: inline; float: left; height:16px; width: 18px; text-indent:-9999px; margin-top: 12px !important; margin-left:10px; } .icon-td { display: block; margin: 0 auto; float: left; height:16px; width: 16px; } .icon-th { display: inline-block; height:16px; width: 16px; margin-left: 16px; margin-right: 16px; margin-top: -4px;} .icon-td-center { display: block; margin: 0 auto; height:14px; width: 16px; } td.action { text-align:center;} td.action a { display: inline-block; border: 1px solid #DADADA; color: #000; background-color: #f7f7f7; padding-top: 3px; padding-bottom: 2px; -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; color: #666; margin-top: 0px;} table.datatable_display td.action span { padding-left:0 !important;} td.action a.red { border: 1px solid #ff8080; background-color: #ffe6e6;} td.action a.green { border: 1px solid #61c261; background-color: #e8ffea;} td.action a:hover { border: 1px solid #B3B3B3; background-color: #E2E2E2;} td.action a.red:hover { border: 1px solid #bd0000; background-color: #ffcccc; } td.action a.green:hover { border: 1px solid #00bd10; background-color: #80ff84;} td.action a span.icon { display: inline-block; margin-left:6px} div.action { text-align:center; margin-left:5px;} div.action a { display: inline-block; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #f7f7f7; padding-top: 3px; padding-bottom: 3px; -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; color: #666; } div.action a.red { border: 1px solid #ff8080; background-color: #ffe6e6;} div.action a.green { border: 1px solid #61c261; background-color: #e8ffea;} div.action a:hover { border: 1px solid #888; background-color: #d4e7fa;} div.action a.red:hover { border: 1px solid #bd0000; background-color: #ffcccc; } div.action a.green:hover { border: 1px solid #00bd10; background-color: #80ff84;} div.action a span.icon { display: inline-block; margin-left:6px} div.action a span.icon > .icon-tag { top: -12px; right:-12px; font-size: 0.9rem; height: 13px;} .icon-inline-text-td { display: inline; float: left; height:18px; width: 22px; text-indent:-9999px; } .text-icon-inline-text-td { display: inline; float: left; padding-top: 3px !important; color: #333;} .icon-inline { display: inline; height:16px; width: 16px; text-indent:-9999px; margin:0 5px 0 10px;} .text-icon-inline { display: inline; line-height: 16px; } .text-icon-inline-input { display: inline; float:left;line-height: 40px; margin-left:5px; } .text-icon16 { padding-left: 3px; line-height: 22px; } .icon-tag {position: relative; font-size: 10px !important; top: -24px;color: #fff;right: -12px;width: 12px;height: 11px;background: #ff0000;font-size: 0.9rem;text-indent: 0;float:right;text-align:center;} .icon-tag.green { background: #009d33; } .icon-tag.blue { background: #0000ff; } .approve-toggle { cursor: pointer; height: 16px; width: 16px; float:left; margin-top: 5px; padding: 1px;} .approve-toggle.big { height: 25px; width: 25px; margin-top: 3px;} .field.required .approve-toggle-disabled { border: 1px solid #ff0000; } .field.required .approve-toggle-enabled { border: 1px solid #fff; } /* ICON FONTS */ i.icon { display: inline !important; position: relative; color: #999; font-size: 1rem !important; font-weight: normal !important; text-indent:0 !important; cursor: pointer;} i.icon.blue-hover:hover { color: #004494; } i.icon > .icon-tag { position: absolute; top: -5px; right: -6px !important; height: 12px; width: 12px; line-height: 12px; float: left; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-style: normal !important; text-align: center; font-size: 0.9rem; text-shadow: none; background-color: #848585; } i.icon > .icon-tag.blue { background-color: #0000ff; } i.icon > .icon-tag.red { background-color: #ff0000; } i.icon > .icon-tag.green { background-color: #009d33; } i.icon.size20 { font-size: 20px !important; } i.icon.size20 > .icon-tag { top: -5px; right: -4px; height: 14px; width: 14px; line-height: 14px; font-size: 10px; } i.icon.size24 { font-size: 24px !important; } i.icon.size24 > .icon-tag { top: -5px; right: -4px; height: 14px; width: 14px; line-height: 14px; font-size: 10px; } i.icon.size32 { font-size:32px !important; } i.icon.size32 > .icon-tag { top: -5px; right: -4px; height: 16px; width: 16px; line-height: 16px; font-size: 12px; } i.icon.size48 { font-size:48px !important; } i.icon.size48 > .icon-tag { top: -5px; right: -4px; height: 20px; width: 20px; line-height: 20px; font-size: 16px; } i.icon.green { color: #11991b; } i.icon.blue { color: #004494; } i.icon.white { color: #fff; } i.icon.red { color: #DB0000; } /* COMMON 16px SPRITE */ .icon-add-comment{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 0 !important; } .icon-add{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -17px !important; } .icon-area-chart{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -34px !important; } .icon-ares{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -51px !important; } .icon-arrow-left{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -68px !important; } .icon-arrow-right{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -85px !important; } .icon-back{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -102px !important; } .icon-budget-report{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -119px !important; } .icon-budget{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -136px !important; } .icon-bug{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -153px !important; } .icon-bullet-blue{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -170px !important; } .icon-bullet-green{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -187px !important; } .icon-bullet-red{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -204px !important; } .icon-bullet-yellow{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -221px !important; } .icon-calculator{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -238px !important; } .icon-calendar{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -255px !important; } .icon-clear{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -272px !important; } .icon-clock{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -289px !important; } .icon-close{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -306px !important; } .icon-config{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -323px !important; } .icon-contact-yellow{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -340px !important; } .icon-copy{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -357px !important; } .icon-costs{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -374px !important; } .icon-declare-costs{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -391px !important; } .icon-delegate{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -408px !important; } .icon-delete{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -421px !important; } .icon-departure{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -438px !important; } .icon-derogation{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -455px !important; } .icon-documents{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -472px !important; } .icon-duplicate{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -489px !important; } .icon-edit{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -506px !important; } .icon-entity{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -523px !important; } .icon-execute{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -540px !important; } .icon-feedback{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -557px !important; } .icon-green-flag{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -574px !important; } .icon-grid-view{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -591px !important; } .icon-help-yellow{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -608px !important; } .icon-help{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -625px !important; } .icon-hint{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -642px !important; height: 10px; margin-top: 6px; } .icon-hint10{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -659px !important; } .icon-inline-text-10.icon-hint10 { margin-top: 2px;} .icon-history{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -670px !important; } .icon-holiday{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -687px !important; } .icon-image{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -704px !important; } .icon-import{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -721px !important; } .icon-inbox{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -738px !important; } .icon-info{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -755px !important; } .icon-light-bulb.off{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -772px !important; } .icon-light-bulb.on{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -789px !important; } .icon-link{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -806px !important; } .icon-list{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -823px !important; } .icon-location{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -840px !important; } .icon-login{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -857px !important; } .icon-logout{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -874px !important; } .icon-logs{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -891px !important; } .icon-mail-blue{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -908px !important; } .icon-mail{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -925px !important; } .icon-meeting-add{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -942px !important; } .icon-news{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -959px !important; } .icon-next{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -976px !important; } .icon-no-document{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -993px !important; } .icon-pdf{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1010px !important; } .icon-person{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1027px !important; } .icon-phone{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1044px !important; } .icon-preferences{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1061px !important; } .icon-print-friendly{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1078px !important; } .icon-print{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1095px !important; } .icon-purpose{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1112px !important; } .icon-red-bullet-square{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1129px !important; } .icon-red-flag{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1146px !important; } .icon-refresh{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1163px !important; } .icon-reimpute{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1180px !important; } .icon-reject{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1197px !important; } .icon-reset-route{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1214px !important; } .icon-reset{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1231px !important; } .icon-restart{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1248px !important; } .icon-return{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1265px !important; } .icon-save{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1282px !important; } .icon-schedule{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1299px !important; } .icon-search-criteria{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1316px !important; } /*.icon-search{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1333px !important; }*/ .icon-search{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/search.png) no-repeat 0 0 !important; } .icon-security{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1350px !important; } .icon-security2{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1367px !important; } .icon-server-charge-heavy{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1384px !important; } .icon-server-charge-medium{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1401px !important; } .icon-server-charge-normal{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1418px !important; } .icon-sign{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1435px !important; } .icon-star{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1452px !important; } .icon-system{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1469px !important; } .icon-table-view{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1486px !important; } .icon-theme-bw{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1503px !important; } .icon-theme-color{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1520px !important; } .icon-to-top{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1537px !important; margin-right: 10px; } .icon-transit{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1554px !important; } .icon-travel{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1571px !important; } .icon-video{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1588px !important; } .icon-warning-blue{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1605px !important; } .icon-warning-green{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1622px !important; } .icon-warning-red{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1639px !important; } .icon-warning{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1656px !important; } .icon-word{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1673px !important; } .icon-xls-report{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1690px !important; } .icon-yellow-flag{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/_common_sprite_16x16.png) no-repeat 0 -1707px !important; } .icon-expand { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_box-expand.png) no-repeat center !important; } /* OTHER ICONS */ .icon-invoice { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/invoice.png) no-repeat 0 0; } .icon-waiting-on{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/waiting_on.png) no-repeat 0 0; } .icon-waiting-off{ background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/waiting_off.png) no-repeat 0 0; } .icon-bw-add { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-add.png) no-repeat 0 0; } .icon-bw-approve { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-approve.png) no-repeat 0 0; } .icon-bw-arrow-left { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-arrow-left.png) no-repeat 0 0; } .icon-bw-arrow-right { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-arrow-right.png) no-repeat 0 0; } .icon-bw-arrow-right { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-arrow-right.png) no-repeat 0 0; } .icon-bw-delete { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-delete.png) no-repeat 0 0; } .icon-bw-edit { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-edit.png) no-repeat 0 0; } .icon-bw-help { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-help.png) no-repeat 0 0; } .icon-bw-refresh { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-refresh.png) no-repeat 0 0; } .icon-bw-reject { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-reject.png) no-repeat 0 0; } .icon-bw-save { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-save.png) no-repeat 0 0; } .icon-bw-warning { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/bw-warning.png) no-repeat 0 0; } .icon-attach { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/attach.png) no-repeat 0 0; } .icon-monitors { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/monitors.gif) no-repeat 0 0; } .icon-watch.on { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/watch_on.png) no-repeat 0 0; } .icon-watch.off { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/watch_off.png) no-repeat 0 0; } .icon-star.on { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/star.png) no-repeat 0 0; } .icon-star.off { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/star_off.png) no-repeat 0 0 !important; } .icon-help-blue { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/help-blue.png) no-repeat 0 0 !important; } .icon-download { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/download.png) no-repeat 0 0 !important; } .icon-upload24 { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/upload24.png) no-repeat 0 0 !important;} .icon-box.expand { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/z_box_expand.png) no-repeat -2px -2px !important;} .icon-box.collapse { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/z_box_collapse.png) no-repeat -2px -2px !important;} /* TO BE MANUALLY MODIFIED WHEN SPRITE IS UPDATED */ .tooltip-hint .icon { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/info.png) no-repeat 0 0;} ul.list-counter-small li.warning .icon { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/warning.png) no-repeat;} .approve-toggle-disabled { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_approve-disabled.png) no-repeat 1px 0;} .approve-toggle-disabled.big { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/approve-disabled-big.png) no-repeat 1px 0;} .icon-approve-disabled { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_approve-disabled.png) ;} .icon-approve { background-image:url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_approve.png) !important;} .wizard li.valid a span.icon { background: #fff url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_approve.png) no-repeat 0 0; } .approve-toggle-enabled { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_approve.png) no-repeat 1px 0;} .approve-toggle-enabled.big { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/approve-big.png) no-repeat 1px 0;} .wizard li span.separator { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_arrow-wizard-right-blue.png) no-repeat; } .box > .header.JS_expandable > .expand-button.expanded { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/z_box_expand.png) center center no-repeat !important; } .box > .header.JS_expandable > .expand-button.collapsed { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/common/z_box_collapse.png) center center no-repeat !important; } .field span.required-required { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_required-required.gif) no-repeat 2px 3px; } .field span.required-valid { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_required-valid.gif) no-repeat 2px 3px; } .validation { background: url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_exclamation2.png') 1px 1px no-repeat; } .validation.box { background: #faf0f0 url('https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_exclamation2.png') 2px 3px no-repeat; } .toggle-trigger-content { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_toggle-expand.png) no-repeat 1px -1px; } .toggle-trigger-content.active { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/z_toggle-collapse.png) no-repeat 1px -1px; } .icon-star1 { width: 16px; background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/star.png) ; background-repeat: no-repeat;} .icon-star2 { width: 32px; background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/star.png) ; background-repeat: repeat-x;} .icon-star3 { width: 48px; background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/star.png) ; background-repeat: repeat-x;} .icon-star4 { width: 64px; background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/star.png) ; background-repeat: repeat-x;} .icon-star5 { width: 80px; background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/_sprites/star.png) ; background-repeat: repeat-x;} /* COMMON DASHBOARD ICONS */ .icon-dashboard-access-rights { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-access-rights.png);} .icon-dashboard-budget { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-budget.png);} .icon-dashboard-contact { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-contact.png);} .icon-dashboard-duplicate { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-duplicate.png);} .icon-dashboard-file-attention { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-file-attention.png) 0 0; } .icon-dashboard-file { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-file.png) 5px 0; } .red .icon-dashboard-file { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-file-red.png) 5px 0; } .icon-dashboard-folders { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-folders.png) 0 0; } .icon-dashboard-help { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-help.png);} .icon-dashboard-new-document-multi { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-new-document-multi.png);} .icon-dashboard-new-document { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-new-document.png);} .icon-dashboard-pdf-report { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-pdf-report.png);} .icon-dashboard-persons { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-persons.png);} .icon-dashboard-search { background-image: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-search.png);} .icon-dashboard-settings { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-settings.png) 0 0; } .icon-dashboard-switch { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-switch.png) 0 0; } .icon-dashboard-talk { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-talk.png) 0 0; } .icon-dashboard-validate { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-validate.png) 0 0; } .red .icon-dashboard-validate { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-validate-red.png) 0 0; } .icon-dashboard-warning { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-warning.png) 0 0; } .red .icon-dashboard-warning { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-warning-red.png) 0 0; } .icon-dashboard-xls-report { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/dashboard/dashboard-xls-report.png) 0 0; } /*********************************************/ /********** jSCAF DYNAMIC COMPONENTS *********/ /*********************************************/ /* JSapproveToggle */ /* --------------- */ span.JS_approve-toggle { display: inline; float: left; height:16px; width: 18px; text-indent:-9999px; margin-top: 10px !important; cursor: pointer;} .simple-list { margin-top: 30px; } .simple-list li { border-bottom: 1px solid #dedede; padding: 3px; font-weight: normal;} .simple-list li:hover { cursor:pointer;} ul.JS_lists-transfer { margin-top: 30px; min-height: 90px; min-width: 80px; overflow-y: auto; border: 1px solid #cacaca;} ul.JS_lists-transfer li { border-bottom: 0; padding: 3px; font-weight: normal; cursor: pointer;} ul.JS_lists-transfer li.active { background-color: #004494; color: #fff;} div.JS_lists-transfer-actions { float: left; margin-left: 15px; margin-top: 34px;} div.JS_lists-transfer-actions button { width: 30px; height: 22px;} .counter-box-big-wrapper { float: left; background-color: #FAFAFA; border: 1px solid white; position: relative; -moz-box-shadow: 2px 2px 0 #E5E5E5; -webkit-box-shadow: 2px 2px 0 #E5E5E5; box-shadow: 2px 2px 0 #E5E5E5; display:inline-block; padding:6px 4px 5px 6px; margin-right:5px; } .bw .counter-box-big-wrapper { background-color: #f5f5f5; } .counter-box-big-wrapper.selectable { cursor: pointer; } .counter-box-big-wrapper.selectable.selected { background-color: #3889ff; } .counter-box-big { display: block; border: 2px solid #e0dfdf; margin-bottom: 0;padding:5px; background-color: #fcfcfc; width: 100px; height: 60px;} .counter-box-big > .counter { text-align: center; color: #33709D; line-height: 25px; padding-bottom: 5px;} .bw .counter-box-big > .counter { color: #333; } .counter-box-big > .title { text-align: center; color: #666;} .bw .counter-box-big > .title { color: #333;} .counter-box-big.green { border: 2px solid #a0e0a1;} .counter-box-big.green > .counter { color: #29be2c;} .counter-box-big.blue { border: 2px solid #b3d2ff;} .counter-box-big.blue > .counter { color: #33709D;} .counter-box-big.orange { border: 2px solid #e7d0a3;} .counter-box-big.orange > .counter { color: #e09600;} .counter-box-big.red { border: 2px solid #ffb3b3;} .counter-box-big.red > .counter { color: #eb0000;} .counter-box-big-wrapper.selected > .counter-box-big.red { border:2px solid #fff; } .button.blue_button { color: #fff !important; } body { background-color: #cacaca; } .box-wrapper > .box .header .icon, .box .header .icon { display: none; } .icon-inline-text-mt { margin-top: 10px !important; } div.horiz-list-items .item a > span.right-icons-box { margin-top: 2px; } ul.folder-list { width: 100%;} ul.folder-list li { float: left; margin-right: 20px; cursor: pointer; margin-bottom: 15px; margin-top: 5px; padding-right: 10px; min-width:45%;} ul.folder-list li:hover { background-color: #e6e6e6;} ul.folder-list li .type { float :left; position: relative;} ul.folder-list li i { float: left; width: 33px; height: 33px; padding: 5px 5px 5px 5px; border: 1px solid #dedede; border-radius: 6px;} ul.folder-list li .type .tag { position: absolute; z-index: 10; text-align:center; min-width:14px; left: 40px; background-color: #666; margin-top: -5px; padding: 2px; border: 1px solid #fff; border-radius: 8px; color: #fff; font-size: 11px;} ul.folder-list li.ARTICLE i { /*background-color: #faa732; border: 1px solid #c98329;*/ color: #faa732;} .bw ul.folder-list li.ARTICLE i { background-color: #686868; border: 1px solid #2C2C2C;} ul.folder-list li.HELP-SHEET i { /*background-color: #5eb95e; border: 1px solid #509f50;*/ color: #5eb95e;} .bw ul.folder-list li.HELP-SHEET i { background-color: #686868; border: 1px solid #2C2C2C;} ul.folder-list li.HELP-VIDEO i { /*background-color: #4bb1cf; border: 1px solid #3c99b0;*/color: #4bb1cf;} .bw ul.folder-list li.HELP-VIDEO i { background-color: #686868; border: 1px solid #2C2C2C;} ul.folder-list li .content { margin-left: 65px; } ul.folder-list li .date { color: #82888a; line-height: 20px; padding-top: 3px; } ul.folder-list li .tag-new { background-color: #FFE3E3; padding: 0 2px; height: 16px; line-height: 16px;border: 1px solid #FFADAD; color: #FF0000; font-size: 9px; margin-left: 10px; position:absolute;} ul.folder-list li .title { line-height: 25px; font-size: 13px; color: #4c5152;} h1.section-title-bullet { font-size: 1.42857rem; margin: 2rem 0 1.5rem 0; width: 100%; border-bottom: 1px solid #bdbdbd; padding-bottom: 0.5rem; color: #004494; } .box-wrapper > .box .header, .box .header { height: 2.75rem; } .box > .header ul li .button-notification { padding-top: 0; } .box > .header ul li a { padding-top: 4px; } .box > .header ul li { height: 38px; } .ie .alert:before { height: 40px; top: 50%; margin-left: 5px; } .ie .alert.alert-info:before { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/alerts/alert-info.png) no-repeat; } .ie .alert.alert-success:before { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/alerts/alert-success.png) no-repeat; } .ie .alert.alert-warning:before { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/alerts/alert-warning.png) no-repeat; } .ie .alert.alert-danger:before { background: url(https://webgate.ec.europa.eu/RCAM/core/jscaf/assets/images/alerts/alert-danger.png) no-repeat; }