/* CSS Document */ @import url("/user/content/backend/design/tabs-home.css"); @import url("/user/content/backend/design/user_left_menu.css"); @import url("/user/content/backend/design/listing.class.css"); html {} body {margin: 0; font: 12px Arial, Helvetica, sans-serif; background: url(/ecf/core/backend/elements/neutral/img/bck_top.gif) repeat-x;} #login {} iframe {border: 0; width: 100%;} hr {clear: both; margin: 5px 0; height: 1px; border: 0; background: #ccc; color: #ccc;} form {margin: 0;} .arial11px {font-size: 11px; line-height: 11px;} .arial12pxblue {font-size: 12px; color: #000;} .arial14pxbold {color: #000; font-size: 14px; font-weight: bold;} .arial14pxbold2 {color: #003366; font-size: 18px; font-weight: bold; padding-top: 20px !important ;border-bottom: 2px solid black;} .arial14pxbold3 {color: #000000; font-size: 14px; font-weight: bold; } .ariaRegular {font-weight: normal !important;} .ariaBold {font-weight: bold !important;} .clear {clear: both;} .noBorder {border: 0!important;} input, select, textarea {font: 12px Arial, Helvetica, sans-serif; border: 1px solid #ccc; padding: 2px;} input[type=text], input[type=password] {} input[type=submit] {} input[type=submit]:hover {} input[type=reset] {} input[type=reset]:hover {} input[type=button] {} input[type=button]:hover {} select {width: 220px; } #main {width: 1000px; margin: 0 auto; clear: both;} @media screen and (max-width: 767px) { #main {display: flex;} } #head_link {left: 5px; height: 151px; color: #393700; border-bottom: 1px solid #e5e5e5;width: 1000px; margin: 0 auto;} #head_link .logo {float: left; margin-left: 12px;} #head_link .userInfo {float: right; margin-right: 10px; margin-top: 63px; text-align: right;} #head_link .userInfo .name {font: bold 14px Arial, Helvetica, sans-serif; color: #fff;} #head_link .userInfo .title {font: 13px Arial, Helvetica, sans-serif; padding-right: 5px; color: #fff;} #head_link .logout {background:url(/ecf/core/backend/elements/neutral/img/btn_logout.gif) no-repeat; width: 90px; height: 32px; display: block; float: right; margin-right: 10px; margin-top: 63px;} #menu_top {background: #76787b; height: 32px; clear: both; text-align: center;} #menu_top ul.menu {padding: 0; width: 1000px; margin: 0 auto; list-style: none; font: 14px Arial, Helvetica, sans-serif; color: #fff;} #menu_top ul.menu li {display: block; float: left; position: relative; padding: 0;} #menu_top ul.menu li a {display: block; padding: 8px 10px; float: left; border-left: 1px solid #8e9094; border-right: 1px solid #5e6062; color: #fff; text-decoration: none;} #menu_top ul.menu li a:hover {background: #848c91;} #menu_top .submenu {position: absolute; top: 32px; left: 0; background: #76787b; padding: 0; margin: 0; list-style: none; width: 150px; font-size: 12px; display: none; z-index: 1000;} #menu_top .submenu li {display: block !important; float: none !important; border-top: 1px solid #8e9094; border-bottom: 1px solid #5e6062; text-align: left; padding: 3px 5px !important;} #menu_top .submenu li a {display: block !important; float: none !important; border: 0 !important; padding: 2px 0 2px 5px !important;} #menu {float: left; width: 220px; background: url(/ecf/core/backend/elements/neutral/img/bck_leftmenu.gif) no-repeat #f0f1f1; padding: 10px 0 0;} #menu .module {clear: both; margin-bottom: 10px;} #menu .module h2 a {color: #FFF;} #menu .module h2 a:hover {color: #000;} #menu .module-search h2 {height: 50px !important; margin-bottom: 20px; background: url(/ecf/core/backend/elements/neutral/img/bck_leftmenu_tit_search.gif) no-repeat #f0f1f1 !important;} #menu ul {margin: 0; padding: 0; list-style: none;} #menu h2 {margin: 0; font: bold 15px Arial, Helvetica, sans-serif; color: #fff; background: url(/ecf/core/backend/elements/neutral/img/bck_leftmenu_tit.gif) no-repeat; height: 35px; padding-top: 9px; padding-left: 17px; cursor:pointer;} #menu h2 .icon {vertical-align: middle; margin-right: 5px;} #menu h2 .arrow {float: right; border: 0; margin-right: 12px; margin-top: -23px;} #menu h2 a {display: inline; padding: 0;} #menu li {color: #545454; margin: 0; padding: 0; padding: 0 12px; background: url(/ecf/core/backend/elements/neutral/img/img_leftmenu_arrow_sm.gif) no-repeat 27px 8px; /*height: 19px;*/ _line-height: 13px; /*_height: 13px;*/} #menu a {color: #545454; text-decoration: none; display: block; padding: 2px 0 2px 25px;} #menu a:hover {background: #fff url(/ecf/core/backend/elements/neutral/img/img_leftmenu_arrow_sm.gif) no-repeat 15px 8px; color: #000;} #menu .bottom {background:url(/ecf/core/backend/elements/neutral/img/bck_leftmenu_bottom.gif) no-repeat #fff; height: 12px; clear: both;} #menu li.session {color: #545454; margin: 0; padding:2px 2px 2px 25px !important; background: url(/ecf/core/backend/elements/neutral/img/img_leftmenu_arrow_sm.gif) no-repeat 27px 8px; /*height: 19px;*/ _line-height: 13px; /*_height: 13px;*/} #menu li.session div {margin: 0 12px !important; } #menu li.session a {color: #545454; text-decoration: none; display: inline !important; padding: 0!important;} #menu li.session a:hover {background: #fff url(/ecf/core/backend/elements/neutral/img/img_leftmenu_arrow_sm.gif) no-repeat 15px 8px; color: #000;} #content {float: right; width: 768px; background: url(/ecf/core/backend/elements/neutral/img/bck_content.gif) center top no-repeat; padding: 14px 0; padding-left: 12px;} .postit { margin-bottom: 12px;} .postit h1 {font: bold 22px Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 14px 0 15px 22px; position: relative;} .postit h1 .icon {vertical-align: top; margin-right: 7px; margin-top: 5px;} .postit h1 .btn {position: absolute; right: 57px; top: 16px; border: 0; background: url(/ecf/core/backend/elements/neutral/img/btn_add.gif) no-repeat; height: 21px; padding-top: 3px; width: 180px; font: bold 15px Arial, Helvetica, sans-serif; color: #5e6062; text-decoration: none;} .postit h1 .btn img {border: 0; margin: 2px 6px 0 5px; vertical-align:top;} .postit h1 .btn:hover, .postit h1 .btnSmall:hover .nobtnSmall:hover {color: #000;} .postit h1 .btnMedium {float: right; top: 16px; border: 0; background: url(/ecf/core/backend/elements/neutral/img/btn_add_medium.gif) no-repeat; height: 21px; padding-top: 3px; width: 120px; font: bold 15px Arial, Helvetica, sans-serif; color: #5e6062; text-decoration: none;} .postit h1 .btnMedium img {border: 0; margin: 2px 6px 0 5px; vertical-align:top;} .postit h1 .btnMedium:hover {color: #000;} .postit h1 .btnSmall {position: absolute; right: 57px; top: 16px; border: 0; background: url(/ecf/core/backend/elements/neutral/img/btn_language.gif) no-repeat; height: 21px; padding-top: 5px; width: 47px; font: 11px Arial, Helvetica, sans-serif; color: #5e6062; text-decoration: none;} .postit h1 .btnSmall img {border: 0; margin: -1px 3px 0 4px; vertical-align:top;} .postit h1 .btnSmallAlpha {position: absolute; right: 57px; top: 16px; border: 0; background: url(/ecf/core/backend/elements/neutral/img/btn_language.gif) no-repeat; height: 21px; padding-top: 5px; width: 47px; font: 11px Arial, Helvetica, sans-serif; color: #5e6062; text-decoration: none;filter: alpha(opacity=50); opacity: .5; -moz-opacity:0.5;} .postit h1 .btnSmallAlpha img {border: 0; margin: -1px 3px 0 4px; vertical-align:top;} .postit div .nobtnSmall {position: absolute; right: 57px; top: 16px; border: 0; height: 21px; padding-top: 5px; width: 47px; font: 11px Arial, Helvetica, sans-serif; color: #5e6062; text-decoration: none;} .postit div .nobtnSmall img {border: 0; margin: -1px 3px 0 4px; vertical-align:top;} .postit div .nobtnSmallAlpha {position: absolute; right: 57px; top: 16px; border: 0; height: 21px; padding-top: 5px; width: 47px; font: 11px Arial, Helvetica, sans-serif; color: #5e6062; text-decoration: none; filter: alpha(opacity=50); opacity: .5; -moz-opacity:0.5;} .postit div .nobtnSmallAlpha img {border: 0; margin: -1px 3px 0 4px; vertical-align:top;} .oneCol {clear: both; width: 766px; background: url(/ecf/core/backend/elements/neutral/img/stick_1col_middle.gif);} .oneCol .top {clear: both; background: url(/ecf/core/backend/elements/neutral/img/stick_1col_top.gif) no-repeat; } .oneCol .bottom {clear: both; background: url(/ecf/core/backend/elements/neutral/img/stick_1col_bottom.gif) bottom no-repeat; height: 20px;} .oneColWhite {clear: both; width: 766px; background: #fff;} .oneColWhite .top {clear: both; background: url(/ecf/core/backend/elements/neutral/img/nostick_1col_top.gif) no-repeat; } .twoCol {float: left; width: 376px; background: url(/ecf/core/backend/elements/neutral/img/stick_2col_middle.gif);} .twoCol .top {clear: both; background: url(/ecf/core/backend/elements/neutral/img/stick_2col_top.gif) no-repeat;} .twoCol .bottom {clear: both; background: url(/ecf/core/backend/elements/neutral/img/stick_2col_bottom.gif) bottom no-repeat; height: 20px;} .twoCol table {width: 93.5% !important; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #404040; margin: 0 auto;} .marginRight {margin-right: 12px;} #content a {} table {width: 96.5%; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #404040; margin: 0 auto;} table.list_table {background: url(/ecf/core/backend/elements/neutral/img/stick_1col_middle.gif);} table tr.alert {background: #e8edc8;} table th {color: #000; font-size: 14px; font-weight: bold; text-align: left; padding: 10px 3px; background: #fff; vertical-align: bottom;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(100%, #f7f7f7));} table th a {color: #000; text-decoration: none;} table th a:hover {text-decoration: underline; color: #404040;} table th.arial11px {font-size: 11px !important; font-weight: normal !important;} table>thead>tr>th:first-child { border-left: 1px solid #CCC; border-top-left-radius: 5px 3px;border-bottom-left-radius: 5px 3px;} table>thead>tr>th:last-child { border-right: 1px solid #CCC; border-top-right-radius: 5px 3px;border-bottom-right-radius: 5px 3px;} table td {padding: 4px 3px; border-bottom: 1px solid #fdfaf7;} table td a {color: #555555; text-decoration: none; font-weight: bold;} table td a:hover {text-decoration: underline; font-weight: bold;} table .center {text-align: center !important;} table .left {text-align: left !important;} table a img {border: 0;} table select.findReports {width: 240px;} input.btnBlueSmall {background: url(/ecf/core/backend/elements/neutral/img/btn_blue_sm.gif) no-repeat; height: 32px; width: 84px !important; padding: 0; padding-bottom: 1px; border: 0; text-align: center; color: #fff; font-size: 14px; font-weight: bold; margin-top: 8px; float: right; margin-right: 25px; margin-bottom: -10px; cursor: pointer;} input.btnBlueLarge {background: url(/ecf/core/backend/elements/neutral/img/btn_blue_lg.gif) no-repeat; height: 32px; width: 164px !important; padding: 0; padding-bottom: 1px; border: 0; text-align: center; color: #fff; font-size: 14px; font-weight: bold; margin-top: 8px; float: right; margin-right: 25px; margin-bottom: -10px; cursor: pointer;} input.btnGraySmall {background: url(/ecf/core/backend/elements/neutral/img/btn_gray_sm.gif) no-repeat; height: 32px; width: 84px !important; padding: 0; padding-bottom: 1px; border: 0; text-align: center; color: #fff; font-size: 14px; margin-top: 8px; float: right; margin-right: 25px; margin-bottom: -10px; cursor: pointer;} input.btnFilter {background: url(/ecf/core/backend/elements/neutral/img/btn_blue_lg.gif) no-repeat; height: 32px; width: 164px !important; padding: 0; padding-bottom: 1px; border: 0; text-align: center; color: #fff; font-size: 14px; margin-top: 8px; float: left; margin-right: 25px; margin-bottom: -10px; cursor: pointer;} table.emails th {background: #fff;} table.emails tr.impar {background: #dfdfdf;} table.emails tr.par {background: #efefef;} div.message {background: url(/ecf/core/backend/elements/neutral/img/ic_arrow_email.gif) no-repeat 15px 0; padding: 4px 0 0 35px; margin: 10px auto 20px; width: 698px;} div.message em {display: block; border-left: 3px solid #ccc; padding-left: 5px; font-style: normal;} div.message div.previous {background: url(/ecf/core/backend/elements/neutral/img/ic_arrow_email_previous.gif) no-repeat 15px 6px; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #9b9a9a; padding: 0 35px; padding-right: 0; margin-top: 10px;} div.message div.previous p {margin: 0;} div.message p.date {padding: 10px 0;} form.edit input {width: 300px;} form.edit input.date {width: 80px;} form.edit input.address {width: 520px;} form.edit select {width: 306px;} form.edit select.list {height: 100px; width: 225px; margin-bottom: 7px;} form.edit .btn {padding-left: 180px;} form.edit .btn input {float: left;} form.write input {width: 550px;} form.write select {width: 556px;} form.write textarea {width: 550px; height: 200px;} form.write .btn {padding-left: 112px;} form.write .btn input {float: left;} form.write .btn input.btnGraySmall {margin-left: 290px;} form.write table {margin-left: 48px !important; width: 86% !important;} #footer {clear: both; background: url(/ecf/core/backend/elements/neutral/img/bck_footer.gif) repeat-x #494949; text-align: center; padding-bottom: 30px; color: #9d9fa2; font: 13px/21px Arial, Helvetica, sans-serif;} #footer .top { background:url(/ecf/core/backend/elements/neutral/img/bck_footer_top.gif) no-repeat; width: 1000px; margin: 0 auto; height: 18px; margin-bottom: 10px;} #footer p {margin: 2px;} #footer a {color: #9d9fa2; text-decoration: underline;} #footer a:hover {color: #ccc; text-decoration: none;} #footer .bar {color: #363636; padding: 0 5px;} /* the overlayed element */ div.more_info { position: relative; } /* filters */ div.filters { clear: both; width: 90%; padding: 0px 0px 45px 22px; } #filters-show { padding: 0 0 10px 22px; cursor: pointer; font-weight: bold; text-decoration: underline; } #filters-show:hover { text-decoration: none; } #search_details { clear: both; border: 1px solid #CCCCCC; margin:0 auto; margin-top:10px !important; margin-bottom:10px !important; padding:20px; width:702px; } .filterClearDetail { padding: 0; margin-top: 15px; margin-left: 0px; width:702px; } .filterClearDetail a { color:#000000 !important; font-weight:bold !important; } /************************************************************************************ * for the tabs *************************************************************************************/ /* root element for tabs */ ul.css-tabs { margin:0 !important; padding:0; height:40px; border-bottom:1px solid #999; } /* single tab */ ul.css-tabs li { float:left; padding:0; margin:0; list-style-type:none; } /* link inside the tab. uses a background image */ ul.css-tabs a { float:left; font-size:12px; font-weight: normal; display:block; padding:5px 7px; text-decoration:none; border:1px solid #999; border-bottom:0px; height:28px; background-color:#efefef; color:#777; margin-right:1px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright:4px; position:relative; top:1px; } ul.css-tabs a:hover { background-color:#F7F7F7; color:#333; font-weight: normal; } /* selected tab */ ul.css-tabs a.current { background-color:#ddd; border-bottom:2px solid #ddd; color:#000; cursor:default; font-weight: bold; } /* tab pane */ div.css-panes > div { display:none; border:1px solid #999; border-width:0 1px 1px 1px; min-height:150px; padding:15px 20px; background-color:#ddd; padding-bottom: 80px; } #wizard {} #wizard .btn { margin-top: -65px; height: 70px; display: block;} /************************************************************************************ * end for the tabs *************************************************************************************/ .error-field { color: red; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } .tooltip { background:transparent url(/ecf/core/backend/elements/neutral/img/white.png) no-repeat scroll 0 0; font-size:10px; padding:20px; width:180px; height: 100px; display:none; color:#333; } div.black h2, div.petrol h2 { color:#ddd; } /* container for external content. uses vertical scrollbar, if needed */ div.wrap { height:441px; overflow-y:auto; } .more_info { border-style: none !important; min-height: 20px !important; margin: 0px; } /* **************** */ .results {padding:5px 20px 5px 20px; margin:0 auto; width:702px; font-size:13px; font-weight: bold;background:#aeaeae;-moz-border-radius: 2px;border-radius: 2px; border: 1px solid #CCC;box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12); background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), color-stop(100%, #e7e7e7));} /* table th {color: #000; font-size: 14px; font-weight: bold; text-align: left; padding: 10px 3px; background: #fff; vertical-align: bottom;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(100%, #f7f7f7));}*/ .pagination {padding:10px 20px 10px 20px; width:702px; margin:0 auto; border:1px #CCCCCC solid;} .pagination a {color:#000000; padding:0 2px;} .pagination a:hover { text-decoration:none;} .pagination .filterPages {margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px #CCCCCC solid;} #filters-show {border:1px solid #CCCCCC; background: #FFFFFF; padding:20px; width:702px; margin:0 auto; } table#formFilter {} table#formFilter td {font-size:11px; text-decoration:none; color:#000000;} table#formFilter input, table#formFilter select {font-size:11px;} #infoGral {background: #fff; color: #036; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc; margin-bottom: 15px; padding: 10px;} #infoGral td {color: #036; border-color: #e5e5e5; padding: 5px; font-size: 11px;} #infoGral td input {/*display: inline;*/ vertical-align: middle; margin: 0;} #infoGral .btnChange {background: #6181A5; color: #fff; padding: 3px 5px; font-size: 11px; border: 0;} #infoGral .btnNew { background: #666; color: #fff; padding: 3px 5px; font-size: 11px; border: 0;} #login {text-align: center; border-top: 1px solid #ccc;} #login table {width: 400px;} #login table input {float: none !important; .margin:0;} p.mailrepository {margin:0 20px 15px 20px; padding:0 0 10px 0; border-bottom:1px solid #FFFFFF; } p.mailrepository a { color:#3366CC; text-decoration:none; } p.mailrepository a:hover {color:#666666;} #content table#infoGral {width: 100%;} input#company_logo, input#page_filter_btn {cursor:pointer;} #map {margin:0 auto; height: 350px; width: 520px;} p.infoMap {margin:0 20px 0 120px; border-bottom:1px solid #FFFFFF; padding:0 0 10px 0;} a.back {color:#3366CC; margin:0 20px 0 120px;} a:hover.back { text-decoration:none;} .insertMemo {clear: both; background: url(../img/nostick_1col_topgrey.gif) no-repeat;} .insertMemo h2 {font: bold 22px Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 14px 0 15px 22px; position: relative;} .insertMemo h2 a {color: #fff; text-decoration:none;} .insertMemo h2 a:hover { color:#ccc;} .details { background-color:#F7F7F7; border:5px solid #D9D9D9; font-size:11px; padding:12px; width:260px; /*height: 100px;*/ display:none; color:#333; position: absolute; z-index: 1000; } .details-valid-emails { background-color:#F7F7F7; border:5px solid #D9D9D9; font-size:11px; padding:12px; width:310px; height: 300px; overflow-y:auto; display:none; color:#333; position: absolute; } /* REPORTS */ tr.reportTotal { background-color:#8E9094; font-weight: bold; color: white; } td.reportTotal { background-color:#8E9094; font-weight: bold; color: white; padding-right:20px !important; text-align: right; } td.reportTotal a { color: white !important; } td.number { padding-right:20px !important; text-align: right; } .ui-widget-header { border: 1px solid #e78f08; background: grey url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold; } #show_memos { margin:10px auto 20px; padding:4px 0 0 35px; } /* root element for accordion. decorated with rounded borders and gradient background image */ div.accordion { background-color:#333; border:1px solid #333; -background:#666; } /* accordion header */ div.accordion h2 { background:#ccc url(/user/content/backend/img/accordion/h30.png); margin:0; padding:5px 15px; font-size:14px; font-weight:normal; border:1px solid #fff; border-bottom:1px solid #ddd; cursor:pointer; } /* currently active header */ div.accordion h2.current { cursor:default; background-color:#fff; } div.accordion a { color:#fff; font-weight: bold; } /* accordion pane */ div.accordion .pane { border:1px solid #fff; border-width:0 2px; display:none; height:180px; padding:15px; color:#fff; font-size:12px; overflow: auto; } div.accordion .pane p{ margin-top: 0px !important; } /* a title inside pane */ div.accordion .pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999; } .error { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #DF0101; color: #DF0101; padding: 10px 10px 10px 20px; } .error-lock { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #DF0101; color: #DF0101; padding: 10px 10px 10px 20px; font-size: 14px !important; font-weight: bold; } .submitted_ok { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #036; color: #036; padding: 10px 10px 10px 20px; font-size: 14px; font-weight: bold; } #header-fixed { position: fixed; top: 0px; display:none; background-color:white; border: 0; margin: 0 auto; } .icon-notification{ background: url(/user/content/backend/img/notification_new.png) no-repeat; width: 25px; height: 25px; border: none; display:inline-block; position:relative; text-decoration:none; } .notification-count { position:absolute; top:-2px; right:0px; background-color:#B40404; color:#fff; padding:2px; font-family:tahoma, arial, 'sans-serif'; font-size:9px; font-weight:bold; border-radius: 3px; } .icon-message{ background: url(/user/content/backend/img/no-messages.png) no-repeat; width: 32px; height: 25px; border: none; display:inline-block; position:relative; text-decoration:none; } .message-count { position:absolute; top:3px; right:0px; background-color:#4B8A08; color:#fff; padding:2px; font-family:tahoma, arial, 'sans-serif'; font-size:9px; font-weight:bold; border-radius: 3px; } /* --- Jazz Candidates (+ country Nager holiday preview actions) --- */ .add_candidate, .discard_candidate, .nager-ph-add, .nager-ph-add-y, .nager-ph-remove { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 14px; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.25s ease; color: #fff; } .add_candidate, .nager-ph-add, .nager-ph-add-y { background-color: #28a745; } .add_candidate:hover, .nager-ph-add:hover, .nager-ph-add-y:hover { background-color: #218848; } .discard_candidate, .nager-ph-remove { background-color: #e53935; } .discard_candidate:hover, .nager-ph-remove:hover { background-color: #c62828; } .add_candidate[disabled], .discard_candidate[disabled], .nager-ph-add[disabled], .nager-ph-add-y[disabled], .nager-ph-remove[disabled] { opacity: 0.6; cursor: not-allowed; } /* Country Nager holiday preview: compact row (not taller than line text) */ .nager-ph-actions { display: inline-flex; align-items: center; gap: 3px; flex-wrap: nowrap; vertical-align: middle; line-height: 1; } .nager-ph-actions .nager-ph-add, .nager-ph-actions .nager-ph-add-y, .nager-ph-actions .nager-ph-remove { min-height: 0; min-width: 0; height: auto; padding: 0 5px; line-height: 1.15; gap: 0; border-radius: 3px; box-sizing: border-box; font-size: 12px; font-weight: 600; } .nager-ph-actions .nager-ph-add, .nager-ph-actions .nager-ph-add-y { font-size: 12px; font-weight: bold; padding-left: 5px; padding-right: 5px; } .nager-ph-actions .nager-ph-remove { font-size: 11px; padding-left: 5px; padding-right: 5px; }