/* COLORS: nuvei dark: #081F2C nuvei accent: #E40046 #660096 -> #081F2C linie titlu: #8527b3 -> #E40046 #dfaff7 -> rgba(64, 193, 172, 0.3) #953fbf -> #2a3138 left/right menu borders #833ba2 -> #E40046 button:hover, header, price green: #953fbf, #256EFD button, header, price green: #660096 button primary: #256eff footer links: #8c8d92 CORPORATE: footer background: #3c3c3c dark green: #650091_ lighter green: #650091 button:hover, header, price green: #953fbf, #256EFD button, header, price green: #660096 button primary: #256eff footer links green: #437882 orange accent: #FF495B grey: #f7f7f7 */ /* 0.5 - Fonts 1.1 - General layout 1.3 - Colour 1.4 - Tables 1.5 - Page Layout 1.5.1 - Cookies agreement 1.9 - FORMS LAYOUT 1.10 - INFO, WARNING, SUCCESS, ERROR notification box 1.12 - jQuery dialog 1.13 - Tooltips 1.20 - jQuery datepicker overwrite 2.1 - Hacks for dialogs 2.2 - Paginator styles 3.1 - Right / Left Menus 3.1.1 - Embedded Login Form 3.1.2 - Language Selector 3.2 - Message Summary 4.1 - List Views (Paginator Views) 4.1.2 - List (Paginator) 5.0 - FIRST PAGE 5.1 - LOGIN PAGE 5.2 - COMPANY DETAILS 5.2.1 - COMPANY DETAILS TOC 5.2.1.1- COMPANY DETAILS TOC STATUS 5.2.2 - COMPANY DETAILS TOC ICONS 5.2.3 - COMPANY DOCUMENTS VALIDATION (IN PAGE) 5.2.5 - COMPANY DETAILS ICONS (summary issues, dialog issues) 5.2.10 - UBO / REPRESENTATIVES LIST 5.6 - MESSAGES 7.0 - CUSTOM LAYOUTS 7.1 - HIDE TEMPLATE 9.0 - ADMIN AREA */ /* 0.5 - Fonts */ /* @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-thin-webfont.woff2") format("woff2"), url("fonts/proximanova-thin-webfont.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-light-webfont.woff2") format("woff2"), url("fonts/proximanova-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } */ @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-regular-webfont.woff2") format("woff2"), url("fonts/proximanova-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("fonts/proximanova-semibold-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-bold-webfont.woff2") format("woff2"), url("fonts/proximanova-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } /* @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-extrabld-webfont.woff2") format("woff2"), url("fonts/proximanova-extrabld-webfont.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima'; src: url("fonts/proximanova-black-webfont.woff2") format("woff2"), url("fonts/proximanova-black-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } */ /* 1.1 - General layout */ html,body { margin:0; padding:0; height:100%; height: 100%; min-width: 650px; border: 0; outline: 0; } html { background: #f2f3f4; font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: #f3f5f6; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: "Proxima", 'Roboto', 'Open Sans', 'Segoe UI', Arial, Helvetica, 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; background: #f2f3f4; color: #555; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; margin: 0; padding: 0; height:100%; } /* 2.1 - Hacks for dialogs */ .ui-dialog-no-close .ui-dialog-titlebar-close { display: none; } .ui-dialog-loading { z-index: 150 !important; } .ui-autocomplete { max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .ui-autocomplete-loading { background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat; } /* CHOSEN library overwrites */ /* Hack for chosen dropdowns width 0 bug... */ .chosen-container.chosen-container-single[style*="width: 0"] { min-width: 150px !important; width: 100% !important; } /* add "roll-up" CSS class to chosen element to make the selector go up */ .chosen-container.roll-up .chosen-drop { border-top: 2px solid #666; border-radius: 4px; top: auto; bottom: 40px; } .chosen-container-active.chosen-with-drop.roll-up .chosen-single { border-bottom-color: initial !important; border-radius: 5px; } /* 2.2 - Paginator styles */ .mandatory::after { color: red; content: "*"; } #login_frm label { font-size: 12px !important; text-shadow: none !important; } .fixskin .jqcheckbox-checkbox, .fixskin .jqcheckbox-radio { float: left; margin: 0 5px; } .fixskin label { width: inherit !important; } .lineform, .lineformwide { vertical-align: middle; line-height: 18px; } .lineform label { width: 150px !important; line-height: 29px !important; float: left; } .lineformwide label { width: 350px !important; float: left; } .lineform label, .lineformwide label { word-break: break-all; } .lineform_line { margin-left: 15em !important; position: relative; } .lineformwide_line { margin-left: 350px !important; } fieldset.form-group label { float: left; margin-top: 5px; } fieldset.form-group .form-control { display: inline !important; } .form-control:focus { border: 2px solid #666; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .btn-small { font-size: 12px; padding: 3px 6px; } .btn-medium { font-size: 14px; padding: 4px 8px; } /* bootstrap 3 overwrite */ .input-group-addon-right {border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;} .btn.disabled, .btn[disabled], fieldset[disabled] .btn {filter: alpha(opacity=35);opacity: .35;} /* jquery UI dialog overwrite */ .ui-dialog{ position: fixed; top: 50px; left: 50px; } /* input:invalid:not([type='checkbox']), button:invalid, a.button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } */ input:invalid:not([type='checkbox']) { /*background: url("../images/alert.png") no-repeat 99% center;*/ background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTcuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxMC4yODUgMzEwLjI4NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzEwLjI4NSAzMTAuMjg1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxwYXRoIGQ9Ik0yNjQuODQ1LDQ1LjQ0MUMyMzUuNTQyLDE2LjEzOSwxOTYuNTgzLDAsMTU1LjE0MiwwQzExMy43MDIsMCw3NC43NDMsMTYuMTM5LDQ1LjQ0LDQ1LjQ0MSAgQzE2LjEzOCw3NC43NDMsMCwxMTMuNzAzLDAsMTU1LjE0NGMwLDQxLjQzOSwxNi4xMzgsODAuMzk5LDQ1LjQ0LDEwOS43MDFjMjkuMzAzLDI5LjMwMyw2OC4yNjIsNDUuNDQsMTA5LjcwMiw0NS40NCAgYzQxLjQ0LDAsODAuMzk5LTE2LjEzOCwxMDkuNzAyLTQ1LjQ0YzI5LjMwMy0yOS4zMDIsNDUuNDQtNjguMjYyLDQ1LjQ0LTEwOS43MDFDMzEwLjI4NSwxMTMuNzAzLDI5NC4xNDcsNzQuNzQzLDI2NC44NDUsNDUuNDQxeiAgIE0xMzIuMTcyLDQ5LjMzNmMyLjM5OS0yLjQ4Myw1LjYzNy0zLjg3Myw5LjExOS0zLjg3M2gyOC4wNGMzLjQ4MiwwLDYuNzIsMS40MDMsOS4xMTQsMy44ODhjMi4zOTUsMi40ODUsMy42NDMsNS44MDQsMy41MTQsOS4yODQgIGwtNC42MzQsMTA0Ljg5NWMtMC4yNjMsNy4xMDItNi4yNiwxMi45MzMtMTMuMzY4LDEyLjkzM2gtMTcuNjI3Yy03LjExMiwwLTEzLjA5OS01LjgzOS0xMy4zNDUtMTIuOTQ1TDEyOC42NCw1OC41OTQgIEMxMjguNTE5LDU1LjExNCwxMjkuNzczLDUxLjgyMSwxMzIuMTcyLDQ5LjMzNnogTTE1NS40NzgsMjY4Ljc4Yy0xNi4yNjYsMC0yOC41MzItMTIuODQ0LTI4LjUzMi0yOS44NzYgIGMwLTE3LjIyMywxMi4xMjItMzAuMjExLDI4LjE5Ni0zMC4yMTFjMTYuNjAyLDAsMjguMTk2LDEyLjQyMywyOC4xOTYsMzAuMjExQzE4My4zMzksMjU2LjQ5NSwxNzEuODgyLDI2OC43OCwxNTUuNDc4LDI2OC43OHoiIGZpbGw9IiNkOTUzNGYiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: 98% center; padding-right: 30px; } .fa.fa-question-circle { margin-left: 0.2em; } /* ? icon with tooltip */ label .fa.fa-question-circle, .lineform_line .fa.fa-question-circle, label .fa.fa-times-circle, .lineform_line .fa.fa-times-circle{ /*color: #256EFF;*/ font-size: 1.2em } .lineform_line input + .fa.fa-question-circle, .lineform_line select + .fa.fa-question-circle, .lineform_line textarea + .fa.fa-question-circle { position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(-50%); } .lineform_line textarea + .fa.fa-question-circle { top: 0; transform: translateY(50%) translateX(-50%); } /* 1.3 - Colour */ img { border: none; } a { text-decoration: none; color: #FF495C; } a:visited { color: #FF495C; } a:hover { text-decoration: none; color: #FF495C; } a:focus { outline: thin dotted; color: #000000; } a:hover, a:active { outline: 0; } ::-moz-selection { background-color: #d6dbe1; color: #525354; text-shadow: none; } ::selection { background-color: #d6dbe1; color: #525354; text-shadow: none; } /* 1.4 - Tables =================================================== */ table { margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: transparent; } table th, table td { padding: 8px; vertical-align: top; border-top: 1px solid #DDDDDD; font-size: 12px; font-size: 1.2rem; line-height: 1.5em; text-align: left; } table th { font-weight: bold; background-color: #CCD9E1; } table thead th { vertical-align: bottom; } table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #DDDDDD; } table tbody tr td, table tbody tr th { -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; } table tbody tr:hover td, table tbody tr:hover th { background-color: #F1F1F1; } /* 1.5 - Page Layout */ #container { min-height:100%; max-width: 100%; position:relative; background:#F0F0F0; } #header { width: 100%; background: url("../images/header_bg.png") top left repeat-x; min-width: 750px; padding: 1em 0; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); } #content { padding: 2em 0 15em 0; } #footer { width:100%; min-width: 750px; position:absolute; bottom: 0em; left:0; margin: 0 auto; background: url("../images/footer_bg.png") top left repeat-x; } #header_content, #main_content, #footer_content { max-width: 68.5em; margin: 0 auto; } #footer_content { padding: 2em 0; text-align: center; line-height: 1.7em; font-size: 11px; } span.debug_str { color: #712792; font-size: 80%; } .footerlinks {padding: 1em 0 2em 0;border-bottom: 1px solid #2a2a36;margin-bottom: 2em;} .footerlinks a {font-size: 15px; margin: 0 .5em } .footerlogo { } #logo { margin: 1em 0 1em 2.95em; } #logo img { float: left; display: block; width: 100px; } #logo figcaption { clear: left; } #logo a { color: #555; font-size: 1.8em; line-height: 35px; } #logo .site_title_text { margin-left: 0.2em } #logo a:hover { text-decoration: none } #current_order_alert { min-width: 800px; margin: 0 auto; padding: 0; z-index: 100; } section { margin-bottom: 3em; } .heading-bordered { border-bottom: 1px solid rgba(64, 193, 172, 0.3); margin: 0 0 1.5em 0; width: 100%; position: relative; } .heading-bordered.subtitle { border-bottom-color: #ddd; margin-top: 1.5em; margin: 0 0 1em; padding: 0.5em 0 0; padding: 0; position: relative; } .heading-bordered.subtitle h5 { color: #888; font-size: 1.1em; } .ui-dialog .heading-bordered.subtitle h5 { font-weight: bold; color: #333; } .heading-bordered.subtitle .inform_btn_remove { bottom: 0.2em; position: absolute; right: 0; } section.heading-bordered { clear:both; } section.heading-bordered:before, section.heading-bordered:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } section.heading-bordered:after { clear: both; } .heading-bordered h1, .heading-bordered h2, .heading-bordered h3, .heading-bordered h4, .heading-bordered h5, .heading-bordered h6{ margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #E40046; display: inline-block; margin-bottom: -1px; } .heading-bordered h3 > i { font-size: 1.5em; margin-right: .25em; } .subheading-bordered { margin-bottom: 1.5em; margin-top: 2em; } .subheading-bordered > h4 { color: #5f5f5f; border: none; float: left; } #menu-icon { display: none; width: 32px; height: 32px; background: #66A3D2 url('../images/menu-icon.png') center; } a:hover#menu-icon { background-color: #555; border-radius: 4px 4px 0 0; } #user_info { float: right; position: relative; } #user_info a { text-transform: none; } #menu nav { float: left; position: relative; z-index: 100; } #mainnav nav { float: left; position: relative; } #mainnav a { color: #FFF; text-decoration: none; text-transform: uppercase; text-shadow: -1px -1px 0 rgba(50,50,50,0.3);font-weight: bold; font-size: 14px; } #mainnav a:hover, #mainnav a:visited { text-decoration: none; text-shadow: none; color: #FFF; } #mainnav ul, #mainnav:active ul { display: table; } #mainnav ul{ list-style: none; } #mainnav li{ display: inline-block; padding: 7px 10px; height: 24px; margin: 0 1px; } #mainnav li.sep{ color: #FFF; padding: 7px 1px; font-size: 16px; } #mainnav li:hover:not(.sep), #mainnav li.hover{ background-color: #525354; } /* #user_info #cart-menu-item { border-left: none !important; } */ /* #user_info #cart-menu-item:hover, #user_info #cart-menu-item a:hover { background-color: transparent !important; } */ /* #user_info #cart-menu-item a { font-size: 20px !important; } */ #menu a.main-menu-icon, #menu a:hover.main-menu-icon { font-size: 20px !important; } #menu .main-menu-placeholder { border-left: none !important; } #main_cart_count { float: right; height: 10px; line-height: 10px; font-size: 10px !important; background-color: red; border-radius: 20px; padding: 2px 5px; } #mainnav .submenu, #menu .submenu { position: absolute; z-index: 10; top: 38px; right: 0px; border: 1px solid #CCC; background-color: #FFF; padding: 15px; -webkit-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); } #mainnav a.smlink { color: #999; text-shadow: none; } #mainnav a.smlink:hover { color: #333; } #mainnav a.smlink:active, #mainnav a.smlink-active { color: #2C87FF; text-shadow: none; } /* admin menu */ #mainnavlist { position: absolute; top: 10px; right: 10px; background-color: #ABBAC3; color: #FFFFFF; } #mainnavlist ul, #mainnavlist ul li { margin: 0; display: inline-block; list-style-type: none; background-color: #ABBAC3; } #mainnavlist ul li { padding: 10px; height: 32px; } #mainnavlist ul li a { height: 32px; width: 32px; display: block; } #mainnavlist ul li:hover { background-color: #8B9AA3; } #menu { font-size: 14px !important; min-width: 100%; z-index: 1000; margin: 0; } #menu ul { list-style-type:none; z-index: 1000; padding-left: 0; } #menu nav > ul {margin: 0 1.55em;} #menu ul li { float: left; position: relative; } #menu ul li:hover { } #menu ul li a { font-size: 14px !important; padding: 0 1em; line-height: 38px; display: block; text-decoration:none; white-space: nowrap; transition: all 0.1s ease-in-out; transition: background-color 0.2s ease-in-out} #menu ul li a:hover { font-size: 14px !important; } /* sub menu */ #menu li ul { position: absolute; top: 38px; left:0; padding: 1em 1em 1em 0; z-index: 1000; min-width: 15em; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:300ms ease; -moz-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease; } #menu li:hover > ul { visibility:visible; opacity:1; filter:alpha(opacity=100); } #menu li li { float: none; position: relative; white-space: nowrap; padding-left: 1Sem; transition: all 0.2s;} #menu li ul li a { font-size: 14px !important; white-space: nowrap; line-height:36px;} /*#menu li ul li ul { position: absolute; top:10px; left:200px; display: none; z-index: 1000; }*/ #menu li ul a {padding-left: 2em} /* #menu li ul li { overflow:hidden; max-height:0; -webkit-transition:max-height 500ms ease; -moz-transition:max-height 500ms ease; -o-transition:max-height 500ms ease; transition:max-height 500ms ease; } #menu ul > li:hover ul li { max-height:150px; } */ #messages-summary-container { display: none; } #messages-summary-popup { padding: 0; right: 0; color: white; background-color: #222222; width: 350px; z-index: 1000; position: absolute; overflow: hidden; } #messages-summary-popup-title { position:relative; width: 350px; min-height:30px; padding: 5px; background-color: white; color: black; } #messages-summary-popup-title a { padding: 2px !important; text-decoration: none !important; color: black !important; line-height: 22px !important; display: inline !important; } #messages-summary-popup-title a:hover { background-color: transparent !important; text-decoration: underline !important; } #messages-summary-popup-content { padding: 10px; } #messages-summary-popup .pop_msg_new { font-weight: bold !important; } #messages-summary-popup .pop_msg { width: 100%; border-bottom: 1px solid gray; } #messages-summary-popup .pop_msg_title { font-size: 14px; } #messages-summary-popup .pop_msg_title a { padding: 2px; line-height: 22px; display: inline; } #messages-summary-popup .pop_msg_title a:hover { background-color: transparent; text-decoration: underline !important; } #messages-summary-popup .pop_msg_date { font-size: 12px; } #messages-summary-popup .pop_msg_actions { float:right; } #messages-summary-popup .pop_msg_actions a { padding: 2px; line-height: 22px; display: inline; } #messages-summary-popup .pop_msg_actions a .action-icons { color: white; } #messages-summary-popup .pop_msg_actions a:hover { background-color: transparent; } #messages-summary-new-count { height: 14px; line-height: 10px; font-size: 10px !important; background-color: #FF495C; border-radius: 20px; padding: 2px 5px; color: #FFF; position: absolute; right: 4px; top: 2px;} #view_message_form .more_messages_before { } #view_message_form .more_messages_after { border-top: 1px double gray; } #view_message_form .message_line { border-top: 1px solid gray; } #view_message_form .message_body { padding: 2px; } #view_message_form .message_actions { text-align: right; } #menu-left-pane, #menu-right-pane { display: none; color: white; background-color: #222222; width: 90%; max-width: 350px; height: 100%; min-height: 100%; z-index: 1000; position: fixed; overflow-y: auto; overflow-x: hidden; } #menu-right-pane { right: 0; } #menu-left-pane { left: 0; } .main-menu-pane-close-button { padding: 10px; font-size: 20px; width: 100%; } .main-menu-pane-close-button a { color: white; } .main-menu-pane-close-button a:hover { text-decoration: none; color: white; } .menu-pane a, .menu-pane a:hover { text-decoration: none; color: white; font-weight: normal; font-style: normal; } .menu-pane ul { list-style: none; margin: 0; padding: 0; display: block; } .menu-pane ul li { font-weight: bold; font-style: italic; } .menu-pane li { color: white; display: block; padding: 0; margin: 10px; line-height: 24px; } .menu-pane li span { color: #5f5f5f; } .menu-pane li ul { padding: 0; margin: 0; } .menu-pane li ul li a, .menu-pane li a { color: white; line-height: 24px; width: 100%; } .menu-pane li span { margin: 5px; } .menu-pane .menu-pane-form-line { padding-top: 5px; } .menu-pane .menu-pane-form-line label { color: white !important; } .jqcheckbox-checkbox span.mark { background-color: transparent !important; } .arrow { background: url("../images/img_arrow.png") no-repeat scroll center center transparent; display: inline-block; height: 28px; width: 17px; margin-top: 8px; } .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #FFF; position: relative; top: -25px; left: 165px; } .submenu { } a.smlink { color: #333 !important; background-color: transparent; line-height: 32px; text-shadow: none !important; } a:hover.smlink { color: #333 !important; background-color: transparent !important; line-height: 32px; text-shadow: none !important; text-decoration: underline !important; } .smlink-active { background-color: #efefef !important; } form fieldset { max-width: 100%; margin-bottom: 20px; border: 0; position: relative; } .fieldset-table { margin-bottom: 0px !important; } table.noskin { background-color: transparent !important; } table.noskin th, table.noskin td { border-top: 0 !important; } table.noskin th { background-color: transparent !important; } table.noskin thead th { } table.noskin colgroup + thead.noskin tr:first-child th, table.noskin colgroup + thead tr:first-child td, table.noskin thead:first-child tr:first-child th, table.noskin thead:first-child tr:first-child td { border-top: 0 !important; } table.noskin tbody + tbody { border-top: 0 !important; } table.noskin tbody tr:hover td, table.noskin tbody tr:hover th { background-color: transparent !important; } table { margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: transparent; } table th, table td { padding: 8px; vertical-align: top; border-top: 1px solid #DDDDDD; text-align: left; } table th { font-weight: bold; background-color: #CCD9E1; } table thead th { vertical-align: bottom; } table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #727C89; } /* table tbody tr td, table tbody tr th { -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; } */ table tbody tr:hover td, table tbody tr:hover th { background-color: #F1F1F1; } table.tgrid { background-color: #FFF; border: 1px solid #727C89; } table.tgrid tr:nth-child(odd) { background-color:#f9f9f9; } table.tgrid tr:nth-child(even){ background-color:#fff; } .ui-wecansort { background: url( "../images/sort.png" ) no-repeat scroll center center transparent; display: block; width: 16px; height: 16px; float: right; } .period_filters_container { min-width: 450px; } .period_container { display: block; min-width: 440px !important; height: 50px; line-height: 50px; float: right; } .period_radios { height: 50px; line-height: 50px; float: left; width: auto !important; } .period_radios label { width: auto !important; padding: 8px 10px; margin: 8px 0; } .period_fields { height: 50px; float: left; width: auto !important; vertical-align: middle; } .period_field_custom { height: 50px; vertical-align: middle; } .period_field_period { height: 50px; vertical-align: middle; } .period_field_custom label { padding: 0 10px; line-height: 50px; float: left; vertical-align: middle; width: auto !important; margin: 0 !important; } .period_field_custom input { line-height: 50px; float: left; vertical-align: middle; width: 100px !important; margin: 10px 0 !important; } /* 1.5.1 - Cookies agreement */ #phs_cookie_policy_agreement { text-align: center; padding: 2em; color: white; width: 100%; background: #373737; border-bottom: 1px solid #aaa; } #phs_cookie_policy_agreement .phs_cookie_policy_agreement_actions { clear: both; margin-top: 1em; } #phs_cookie_policy_agreement .phs_cookie_policy_agreement_actions a { margin-right: 1em; } /* --- 1.9 - FORMS LAYOUT ---*/ .back_btn {display: none !important} .form_container, .form_filters { border: 1px solid #D8D8D8; background-color: white; padding: 2.8575em; padding: 3em 4em; margin: 0em auto; min-width: 200px; } .form_filters { display: block; float: left; } .form_filters fieldset { width: auto; float: left; margin: 10px; margin-bottom: 10px !important; } .form_filters label { width: auto !important; float: left; padding: 8px 8px; } .form_filters .submits { float: none !important; clear: both !important; width: 100% !important; } .form_filters select { float: left; margin: 3px 0 !important; } .form_filters .jqcheckbox-checkbox, .form_filters [type="checkbox"] { float: left; margin: 8px 0 !important; } .form_filters input[type="text"] { float: left; margin: 3px 0 !important; width: 120px !important; } .form_filters input[type="submit"] { float: none !important; margin: 3px 5px !important; width: auto !important; } .form_actions { border-top: 2px solid #E40046; padding-top: 1em; } .form_actions input { text-transform: uppercase; font-weight: bold; min-width: 13em; } .form_actions .activation_disclaimer { color: #999; } fieldset.form-group label { float: left; margin-top: 5px; color: #555; font-family: "Open Sans", "Segoe UI", Helvetica, Arial, Verdana, sans-serif; max-width: 14em; } fieldset.form-group .form-control { display: inline !important; } .form-control:focus { border: 2px solid #666; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .form_titlebar { background: #aaaaaa; color: black; padding: 5px 15px; font-weight: bold; } .form_content { padding: 8px; } .form_content form { color: #797979; font-size: 14px; } .texterror { color: red; text-align: center; } .action-icons, .action-disabled { text-decoration: none !important; width: 22px; height: 22px; text-align: center; vertical-align: middle; font-size: 18px; color: #666666; margin: 0 5px 0 0; } .action-icons:hover, .action-disabled:hover { text-decoration: none !important; } .action-icons:visited, .action-disabled:visited { text-decoration: none !important; color: #666666 !important; } .action-disabled { cursor: not-allowed !important; opacity: 0.5; pointer-events: none !important; text-decoration: none !important; } .top-action-container { height: 30px; margin-bottom: 5px; } .top-action-buttons { margin: 0 5px 0 0; } .error { color: #D16E6C; } .rel-note { font-size: 0.75em; padding-left: 130px; } .line-separator{ height:1px; background:#FF495C; border-bottom:1px solid #999; } /* Fix for tabs */ ul.tabs { margin: 0 !important; padding: 0 !important; font-size: inherit !important; } /* Print */ @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } @page { margin: 0.5cm; } h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; } p { orphans: 3; widows: 3; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } img { max-width: 100% !important; page-break-inside: avoid; } thead { display: table-header-group; } tr { page-break-inside: avoid; } } .dialog-submit { color: white !important; text-decoration: none !important; } .dialog-submit:hover { color: white !important; text-decoration: none !important; } .dialog_actions { width: 100%; clear: both; } .dialog_action { float: left; margin-right: 5px; } /* 1.10 - INFO, WARNING, SUCCESS, ERROR notification box */ .fa.fa-chevron-down, .fa.fa-chevron-up, .fa.dismissible-close { cursor: pointer; } .success-box, .warning-box, .error-box, .infobox { /*position: fixed; top: 0.5em; right: 0em; min-width: 15em; max-width: 40em;*/ /* v2 position for messages */ position: relative; top: 0.55em; padding: 1em 2em 1em 1em; border-width: 1px 1px 1px 3em; border-style: solid; border-radius: 0.4em; margin: -1em 0 1.8em 0em; } .success-box:before, .warning-box:before, .error-box:before, .infobox:before { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; font-size: 2.5em; position: absolute; left: -1.03em; top: 0.17em; color: #FFF; } .fa.dismissible-close { cursor: pointer; font-size: 1.3em; position: absolute; right: 0.2em; top: 0.2em; } .dismissible { } .dismissible > p { margin: 0; } .success-box { background-color: #f4fbf1; border-color: #36a538; color: #346535; } .success-box:before {content: "\f058"} .success-box .fa.dismissible-close {color: #36a538} .error-box { background-color: #ffeade; border-color: #ff623d; color: #531f14; background-color: #FFF; border-color: #FF495C; color: #a22d39; } .error-box:before {content: "\f06a"} .error-box:before {content: "\f057"} .error-box .fa.dismissible-close {color: #FF495C} .warning-box { background-color: #d9edf7; border-color: #31708f; color: #31708f; background-color: #f7faff; border-color: #256EFF; color: #256EFF; border-color: #2d78bc; color: #004d96; } .warning-box:before {content: "\f06a"} .warning-box .fa.dismissible-close {color: #2d78bc} .infobox { background-color: #e6f3fa; border-color: #5bc0de; color: #1a3740; } .infobox:before {content: "\f05a"} .infobox .fa.dismissible-close {color: #5bc0de} /*--- 1.12 - jQuery dialog - START -----------------------------*/ .ui-dialog { padding: 0; background-color: #f4f4f4; border: none; border-radius: 0.5em; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .ui-dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle { color: #000; font-family: 'Segoe UI', Arial, Helvetica, 'Trebuchet MS', sans-serif; font-size: 120%; font-weighT: normal; background: none; background-color: #FFF; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); border: none; border-bottom: 1px solid #AAA; border-bottom: 1px dotted #650093; border-radius: 0; padding: 0.7em 2em; } .ui-dialog .ui-dialog-titlebar-close { display: inline-block; font-family: FontAwesome ; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 1.1em; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; height: 1em; width: 1em; margin: 0; padding: 0.5em; position: absolute; right: 0.3em; top: 0.3em; border: none; background: none; color: #000; opacity: 0.3; } .ui-dialog .ui-dialog-titlebar-close:before { content: "\f00d"; position: absolute; top: 0; right: 0.1em; } .ui-dialog .ui-dialog-titlebar-close:hover { /*color: #650093;*/ opacity: 0.8; } .ui-dialog .ui-dialog-content { padding: 1em 2em; max-height: 80vh !important; } .ui-dialog .ui-dialog-content[id$="doc_reject_"] { padding: 2em; height: auto !important; } .ui-widget-overlay { opacity: 0.5 !important; background-color: #000; } /*--- 1.12 - jQuery dialog - END ---------------------------------*/ /*--- 1.13 - Tooltips - START ------------------------------------*/ .tooltip { font-family: inherit; font-size: 12px; font-style: normal; -webkit-text-shadow: 1px 1px 0px #000; text-shadow: 1px 1px 0px #000; } .tooltip.in {} .tooltip.top {} .tooltip.right {} .tooltip.bottom {} .tooltip.left {} .tooltip-inner { background-color: #000; border-radius: 0.5em; color: #fff; max-width: 200px; padding: 1em; text-align: center; } .tooltip-arrow {} .tooltip.top .tooltip-arrow { border-top-color: #000; } .tooltip.top-left .tooltip-arrow { border-top-color: #000; } .tooltip.top-right .tooltip-arrow { border-top-color: #000; } .tooltip.right .tooltip-arrow { border-right-color: #000; } .tooltip.left .tooltip-arrow { border-left-color: #000; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000; } /*--- 1.13 - Tooltips - END --------------------------------------*/ /*--- 1.20 - jQueryUI datepicker overwrite - START ---------------*/ input.form-control.hasDatepicker {background-color: #FFF !important} /*--- 1.20 - jQueryUI datepicker overwrite - START ---------------*/ /*--- 3.1 - Right / Left Menus - START ---------------------------*/ #menu-left-pane, #menu-right-pane { display: none; color: white; width: 90%; max-width: 350px; height: 100%; min-height: 100%; z-index: 1000; position: fixed; overflow-y: auto; overflow-x: hidden; background: rgb(55,55,55,0.9); padding: 1.5em; } #menu-left-pane { left: 0; border-right: 0.4em solid #E40046; text-align: right; } #menu-right-pane { right: 0; border-left: 0.4em solid #E40046; } .menu-pane a { font-style: normal; text-decoration: none; font-weight: normal; } .menu-pane a:hover {color: #FF495B;} .main-menu-pane-close-button { font-size: 1.7em; } .main-menu-pane-close-button a { color: white; } .main-menu-pane-close-button a:hover { text-decoration: none; color: white; } .menu-pane ul { list-style: none; margin-top: 2em; padding: 0; display: block; } .menu-pane ul > li { font-weight: bold; font-style: italic; position: relative; } .menu-pane li.welcome_msg { line-height: 3em; color: #888; } .menu-pane > li { color: #999; display: block; padding: 0; line-height: 3em; } .menu-pane > li.welcome_msg { line-height: 3em; border-bottom: 1px dotted #999; } .menu-pane li span { color: #5f5f5f; } .menu-pane li > ul { padding: 0; margin: 0; } .menu-pane li > ul li a, .menu-pane li a { color: white; line-height: 2em; width: 100%; } .menu-pane .menu-pane-form-line { padding-top: 5px; } .menu-pane .menu-pane-form-line label { color: white !important; } /*--- 3.1 - Right / Left Menus - END -----------------------------*/ /*--- 3.1.1 - Embedded Login Form - START ------------------------*/ .trigger_embedded_login { padding-left: 1em; } .open .trigger_embedded_login { padding-left: 0em; } .login_popup { border-bottom: 1px solid #2a3138; border-top: 1px solid #2a3138; display: block; padding: 1em; } /*--- 3.1.1 - Embedded Login Form - END --------------------------*/ /*--- 3.1.2 - Language Selector - START --------------------------*/ .menu-pane ul > li.phs_lang_container { position: absolute; bottom: 1em; left: 1.5em; } .switch_lang_title { line-height: 3em; } .switch_lang_title > i { font-size: 1.5em; position: relative; top: 0.1em; color: #888; margin-right: 0.2em; } .menu-pane .switch_lang_title > span { color: #AAA; margin: 0; } .menu-pane ul > li.phs_lang_container > ul { margin-left: 0; } .menu-pane ul > li.phs_lang_container > ul {margin-left: 0;} .menu-pane ul > li.phs_lang_container > ul > li {margin-left: 0} .phs_lang_container > ul > li > a { background-repeat: no-repeat; background-position: left center; padding-left: 2em; } .phs_lang_container > ul >.phs_language_en > a { background-image: url('../images/flags/icon_lang_en.gif') } .phs_lang_container > ul >.phs_language_it > a { background-image: url('../images/flags/icon_lang_it.gif') } /*--- 3.1.2 - Language Selector - END ----------------------------*/ /*--- 3.2 - Message Summary - START ------------------------------*/ #messages-summary-container { display: none } #messages-summary-popup { background: rgb(55,55,55,0.9); -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 7px rgba(0, 0, 0, 0.2); } #messages-summary-popup-title { position:relative; background-color: white; color: black; padding: 1em; border-bottom: 4px solid #E40046; } #messages-summary-popup-title:before { position: absolute; top: 0; right: 1.8em; display: block; content: ""; width: 0.4em; height: 0.4em; border: 0.4em solid #650091; border-color: #650091 transparent transparent transparent; } .main-menu-placeholder:hover #messages-summary-popup-title:before { border-top-color: #FF495B } #messages-summary-popup-title a { color: #256EFD; position: relative; } /* #messages-summary-popup-title a:hover { color: #256EFD; text-decoration: none !important; border-bottom: 1px solid #256EFD; border-bottom: 1px solid #ff4a5c; padding-bottom: 0.5em; }*/ #messages-summary-popup-title a:hover { text-decoration: none !important; } #messages-summary-popup-title a:after { position: absolute; left: 50%; content: ''; height: 1px; background: #ff4a5c; transition: all 0.15s linear; width: 0; bottom: -5px; } #messages-summary-popup-title a:hover:after { width: 100%; left: 0px; } #messages-summary-popup-title a > i { font-size: 1.3em; margin-right: 0.3em; color: #256EFD; color: #650092; position: relative; bottom: -1px; } #messages-summary-popup-title .messages_counter { color: #999; letter-spacing: 0.1em; margin-right: 1.5em; } #messages-summary-popup-content { padding: 0.5em 1em; max-height: 310px; min-height: 200px; overflow-y: auto; overflow-x: hidden; } #messages-summary-popup .pop_msg_new { font-weight: bold !important; } #messages-summary-popup .pop_msg { width: 100%; border-bottom: 1px solid #555; padding: 0.5em 0; } #messages-summary-popup .pop_msg_title { font-size: 1em } #messages-summary-popup .pop_msg_title a { color: #FFF; display: inline } #messages-summary-popup .pop_msg_title a:hover { color: #FF495B } #messages-summary-popup .pop_msg_date { font-size: 0.8em; color: #999; } #messages-summary-popup .pop_msg_actions { float:right; } #messages-summary-popup .pop_msg_actions a { display: inline } #messages-summary-popup .pop_msg_actions a:hover { background-color: transparent } #messages-summary-popup .pop_msg_actions a .action-icons { color: white; } #messages-summary-popup .pop_msg_actions a:hover .action-icons { color: #FF495B } #messages-summary-new-count { height: 14px; line-height: 10px; font-size: 10px !important; background-color: #FF495C; border-radius: 20px; padding: 2px 5px; color: #FFF; position: absolute; right: 4px; top: 2px;} /*--- 3.2 - Message Summary - END --------------------------------*/ /*--- 4.1.2 - List - START -----------------------------------*/ .list_container { margin: 1em 0 0; } table.tgrid { border: none; } .tgrid tr:nth-child(odd) { background-color:#f9f9f9; } .tgrid tr:nth-child(even){ background-color:#fff; } .tgrid th { font-weight: bold; font-size: 1em; letter-spacing: 0.025em; border-bottom: 2px solid #2a3138; padding: 1em 0.7em; vertical-align: middle; } /*-- MESSAGES --*/ .inbox_from, .inbox_from_th, .inbox_to, .inbox_to_th, .inbox_subject_th, .inbox_subject > a { max-width: 20%; text-overflow: ellipsis; text-align: left; overflow: hidden; white-space: nowrap; } .inbox_subject > a {} .inbox_subject > span { } .messages_index_compose input[type="text"], .messages_index_compose textarea {width: 100% !important} /*-- COMPANY CONTACTS --*/ .company_th, .company, .title_th, .title { text-align: center; } /*-- COMPANY CONTACTS --*/ .alias > strong { font-weight: normal; } .alias_th, .alias, .city_th, .city, .address_th, .address { text-align: left; } .country_th, .country { text-align: center; } /*-- GENERIC --*/ .company_th, .company, .fname_th, .fname, .lname_th, .lname, .email_th, .email { text-align: left; } .owner_actions, .actions, .type_th, .type, .status_th, .status { text-align: center; } .actions > a:hover > i { color: #2a3138; } .date_th, .date { text-align: center; width: 9em; } tr.list_info_row { } .list_info_row td { border-top: 1px solid #2a3138 !important; background-color: #EEE !important; padding: 1.2em; } .list_info { color: #999; float: right; text-align: right; } /*--- 4.1.2 - List - START -----------------------------------*/ /*--- 4.1 - List Views - END -------------------------------------*/ /*--- 5.1 - LOGIN PAGE -------------------------------------------*/ body.login #main_content { max-width: 35.5em; } body.login .success-box, body.login .warning-box, body.login .error-box, body.login .infobox { margin: 1em 0; } .login_page {} body.login #header, body.login #footer {display: none} .login_page .success-box, .login_page .warning-box, .login_page .error-box, .login_page .infobox { } #login_form { text-align: center; } #login_form .form_container { width: 35.5em; text-align: left; padding: 4.5em; margin: 3em auto 1em auto; border-radius: .5rem; } #login_form .heading-bordered h3 { font-size: 1.92142em; letter-spacing: -1px; padding-bottom: 1em; } #login_form .logo_img { position: absolute; right: 0; } #login_form .form-group { margin-bottom: 10px; } #login_form fieldset.form-group label { float: none; color: #000; font-size: .9em; } #login_form .lineform_line { margin-left: 0em !important; } #login_form .lineform_line input.form-control { height: 36px; } #login_form .fixskin .jqcheckbox-checkbox{ margin-left: 0; } #login_form .mark { padding-left: 0; } .login_button { margin: 0; margin-top: 2.75em; } .login_button input { width: 100%; font-size: 1.15em; font-weight: bold; } .login_form_actions {} .login_form_actions > a { font-size: .95em; } .forgot_pass {} .login_form_actions .separator { margin: 0 .5em; } .register_acc {} /*--- 5.2 - COMPANY DETAILS - START ----------------------------*/ #company_details_form .section { margin-bottom: 6em; } #company_details_form section { margin-bottom: 3em; } #ui-datepicker-div { z-index: 99999 !important; } #company_details_form .form_container { width: 46.4285em; width: 49.2em; margin: 1em 0; } .inform_btn_remove { float: right; } .mcc_code_in_list { border-right: 1px solid #555; float: left; padding-right: .5em; margin-right: .5em; text-align: center; } .owner_container { border: 0.1em dotted #AAA; background-color: #F9F9F9; margin: 1em 0; padding: 1.2em; } .owner_container.mouse_on { border: 0.3em solid #999; background-color: #F0F0F0; padding: 1em; -webkit-transition: border-width 0.07s ease; transition: border-width 0.07s ease; } .s2p_companies_index_company_details .company_actions, .s2p_companies_admin_company_details .company_actions {} .s2p_companies_index_company_details .company_actions > a, .s2p_companies_admin_company_details .company_actions > a { width: 48%; margin-right: 3%; white-space: normal; } .s2p_companies_index_company_details .company_actions > a:last-child, .s2p_companies_admin_company_details .company_actions > a:last-child { margin-right: 0 } .s2p_companies_index_company_details .company_actions .fa, .s2p_companies_admin_company_details .company_actions .fa { color: #FFF; } /*--- 5.2.1 - COMPANY DETAILS TOC - START --------------------------------------*/ .form_container_anchor { position: absolute; right: 0; top: 0; } .tocible { /*border: 1px solid #CCC;*/ color:#555; font-size:14px; height:auto; left:auto; right:auto; margin:0; width: 20em !important; } .tocible_header { display: none; text-transform:uppercase; cursor:pointer; padding:5px 40px 5px 15px; position:relative; } .tocible_header span { display: none; position:absolute; top:15px; right:15px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #999; font-size: 0; line-height: 0; transition-property: -moz-transform, -webkit-transform, -o-transform, -ms-transform; transition-timing-function:linear; transition-duration:0.4s; } .tocible_header span.toc_open { -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); } .tocible ul { list-style:none; padding:0; margin:0; overflow:hidden; background-color: #F6F6F6; } .tocible li { cursor:pointer; white-space:nowrap; display:block; font-size: 1.2em; /*margin: 0.5em; border: 1px solid #CCC;*/ border: 1px solid #CCC; border-color: transparent; border-left-color: #CCC; -webkit-transition: all 0.05s ease-in; transition: all 0.05s ease-in; } .tocible li a { color:inherit; display:block; padding: 2em 1.5em 1em 1.5em; padding: 2em 1.5em 2em 4em; font-weight: bold; word-wrap:break-word; white-space:pre-wrap; white-space: -moz-pre-wrap; outline:none; font-size: 0.9em; position: relative; } .tocible li a:hover { /*background-color: #FFF;*/ } .tocible li a:focus, .tocible li.toc_scrolled a:hover { text-decoration: none; } .tocible li:hover { color: #FF495C; color: #650093; } /* .tocible li [class^="m-b-icon-"]:before, .tocible li [class*=" m-b-icon-"]:before { color: #999; } .tocible li.toc_scrolled [class^="m-b-icon-"]:before, .tocible li.toc_scrolled [class*=" m-b-icon-"]:before { color: #650093; } */ .tocible li.tocible_heading.toc_scrolled { color: #FF495C; color: #650093; /*font-weight: bold;*/ border-color: #FF495C; border-color: #650093; border-color: #FFF; /* v2 */ border-top-color: #CCC; border-bottom-color: #CCC; border-right-color: #CCC; border-left-color: #FFF !important; /* v3 */ border-image: linear-gradient(90deg, #CCC, #f6f6f6) 1; margin-left: -1px; /* -webkit-box-shadow: -8px 0 0 rgba(0, 0, 0, 0.1); box-shadow: -8px 0 0 rgba(0, 0, 0, 0.1); */ /* -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); */ } .tocible li.toc_scrolled a { background-color: #FFF; } .tocible .tocible_heading {} .tocible .tocible_subheading {} .tocible .tocible_subheading > a { font-weight: normal; padding: .5em 1em .5em 4.5em; word-wrap:break-word; white-space:pre-wrap; white-space: -moz-pre-wrap; font-size: 0.9em; background-color: #F6F6F6; } .tocible .tocible_subheading > a:hover { } .tocible_bottom_padding, .tocible_top_padding { height: 1em; cursor: default !important; } .tocible_bottom_padding { height:1em; } .tocible_bottom_padding.toc_scrolled, .tocible_top_padding.toc_scrolled { border-left: 1px solid #CCC !important; } #vat_is_valid_response { background-color: #f0f0f0; padding: 0 10px; } #vat_is_valid_response_name, #vat_is_valid_response_address { font-weight: bold; } /*--- 5.2.1 - COMPANY DETAILS TOC - END -------------------------------------------*/ /*--- 5.2.1.1 - COMPANY DETAILS TOC STATUS - START --------------------------------*/ .section_status { display: inline-block; position: relative; /*right: .3em;*/ /*top: .5em; /* for right top corner */ /*top: 2em; */ left: .5em; top: -.5em; } .section_status.ss_done {} .section_status > * { font-size: .75em !important; } .section_status > span.badge { background-color: #AAA; color: #FFF; padding: .3em 0.6em 0.35em .6em !important; } .toc_scrolled .section_status > span.badge, .tocible li:hover .section_status > span.badge { background-color: #650093; } .section_status > .fa { top: 0; margin: 0; float: none; font-size: 1.5em !important; } /*--- 5.2.1.1 - COMPANY DETAILS TOC STATUS - END ----------------------------------*/ /*--- 5.2.2 - COMPANY DETAILS TOC ICONS & BUTTONS - START -------------------------*/ .tocible > ul li a i { font-size: 2em; width: 1em; float: left; position: relative; top: -.2em; margin-right: .5em; } .fa-pencil-square-o.icon_toc { top: -.13em; } /* buttons under TOC */ .form_actions.sticky { border: 1px solid #CCC; border-left: 0; padding: 3em 1em; background-color: #FFF; text-align: center; } .form_actions.sticky input { margin-bottom: 1em; } .form_actions.sticky .activation_disclaimer { line-height: 1.1em; } /*--- 5.2.2 - COMPANY DETAILS TOC ICONS & BUTTONS - END ---------------------------*/ /*--- 5.2.3 - COMPANY DETAILS VALIDATION (IN PAGE) - START ------------------------*/ #company_validation_errors {} .expand_toggle_true #issues_list_disclaimer {display: block} .expand_toggle_false #issues_list_disclaimer {display: none} .expand_toggle_true #issues_list {display: none} .expand_toggle_false #issues_list {display: block} .expand_toggle_true .issues_list_mask {display: block} .expand_toggle_false .issues_list_mask {display: none} #issues_list_disclaimer {} #issues_expand_toggle { position: absolute; right: 0em; top: 0.2em; cursor: pointer; } #issues_expand_toggle > i{ margin: 5px; font-size: 1.2em; } #issues_list { position: relative; } .company_validation_errors_modal_dialogue > ul, #issues_list > ul { padding-left: 2.5em; margin-top: 1em; list-style: none; } .company_validation_error_category, .company_validation_error_section { list-style-type: none; margin-bottom: 1em; } .company_validation_error_section { margin: .5em 0 1em 1px; padding: 0 0 0 1em; border-left: 1em solid #e2eaf8; font-weight: normal; display: none; } .company_validation_errors_modal_dialogue .company_validation_error_section { border-color: #e0e0e0; } .company_validation_errors_modal_dialogue li.category_title, .company_validation_errors_modal_dialogue li.err_section, #issues_list li.category_title, #issues_list li.err_section { position: relative; font-weight: bold; margin: .5em 0; } .company_validation_errors_modal_dialogue li.category_title, #issues_list li.category_title { /* background-color: #2D78BC; padding: 1em; color: #FFF; margin-left: -2.95em; margin-right: -2em; */ font-size: 1.15em; border-bottom: 1px solid #2D78BC; /* margin-left: -43px; margin-right: -28px; */ margin: 1.75em 0 .75em 0; padding-bottom: .75em; } .company_validation_errors_modal_dialogue li.category_title { border-color: #AAA; margin: 0 0 .25em 0; padding-bottom: .5em; } #issues_list li.err_section { font-weight: normal; } #issues_list .err_section_toggler, .company_validation_errors_modal_dialogue .err_section_toggler{ display: inline-block; cursor: pointer; } #issues_list .company_validation_error_section li { cursor: pointer; } #issues_list .company_validation_error_section li:hover { text-decoration: underline; } .company_contact_error_title { font-weight: bold; } /*--- 5.2.3 - COMPANY DETAILS VALIDATION (IN PAGE) - END ----------------------*/ /*--- 5.2.5 - COMPANY DETAILS ICONS (summary issues, dialog issues) - START ---*/ #PHS_JSENds2p_company_validation_errors_ .icon_title, #issues_list .icon_title { font-size: 1.5em; text-align: center; } /* inside summary dialog */ #PHS_JSENds2p_company_validation_errors_ .icon_title { width: 1.3em; margin-right: 0; color: #777; } .company_validation_errors_modal_dialogue .icon_title, #issues_list .icon_title { width: 1.25em; position: absolute; left: -1.5em; top: -.15em; } /*--- 5.2.5 - COMPANY DETAILS ICONS (summary issues, dialog issues) - END -----*/ /*--- 5.2.09 - EXTRA CONTACTS - START -----------------------------------------*/ #company_extra_contacts .form-group { padding-bottom: 15px; border-bottom: 1px dashed #CCC; transition: padding .2s ease; } #company_extra_contacts .form-group:last-child, #company_extra_contacts .form-group.last-visible-child { padding-bottom: 0px; border: none; } #company_extra_contacts .form-group label { position: relative; } #company_extra_contacts .fa.remove{ position: absolute; right: -1.25em; top: .15em; font-size: 1.3em; color: #FF495C; color: #ce4b59; opacity:0; } #company_extra_contacts fieldset:hover .fa.remove{ opacity:1; } #company_extra_contacts fieldset .fa.remove:hover { color: #c00b1d; } .fa-times-circle { cursor: pointer; } /*--- 5.2.09 - EXTRA CONTACTS - STOP ------------------------------------------*/ /*--- 5.2.10 - UBO / REPRESENTATIVES LIST - START -----------------------------*/ #company_representatives .company_actions, #company_directors .company_actions, #company_contacts .company_actions { /*float: right;*/ position: relative; left: 1em; top: -1px; } #company_contacts .owner_actions, #company_directors .owner_actions, #company_representatives .owner_actions { width: 10em; text-align: center; } #company_representatives .company_actions > a, #company_directors .company_actions > a, #company_contacts .company_actions > a { width: auto; } .s2p_list_action { cursor: pointer; margin-right: .25em } .s2p_list_action:hover { color: #081F2C; } .s2p_list_action:last-child {} .s2p_list_action.fa-pencil-square-o { position: relative; top: 2px; } /*--- 5.2.10 - UBO / REPRESENTATIVES LIST - END -------------------------------*/ /*--- 5.2 - COMPANY DETAILS - END -----------------------------------------------------*/ /*--- 5.6 - MESSAGES - START -----------------------------------*/ #view_message_form .more_messages_before { } #view_message_form .more_messages_after { } #view_message_form .message_line { border: 1px solid #DDD; border-radius: 0.5em; background-color: #F6F6F6; } #view_message_form .message_line.my_message { border-color: #2a3138; border-width: 2px; } #view_message_form .message_header { margin: 0; padding: 0.7em 1em; background-color: #DDD; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; position: relative; } #view_message_form .my_message .message_header { /*background-color: #2a3138; color: #FFF;*/ } #view_message_form .message_date { position: absolute; right: 1em; top: 0.7em; color: #999; } #view_message_form .my_message .message_date { color: #999; } #view_message_form .message_body { padding: 0.7em 1em; } #view_message_form .message_actions { text-align: right; padding: 0 1em 1em 1em; } /*--- 5.6 - MESSAGES - END -----------------------------------*/ /*--- 7.0 - CUSTOM LAYOUTS -----------------------------------------------*/ /*--- 7.1 - HIDE TEMPLATE - START ------------------------------------*/ /* .hide_template CSS class is added to body */ .hide_template.change_password #menu { display: none; } /*--- 7.1 - HIDE TEMPLATE - END --------------------------------------*/ /*--- 9.0 - ADMIN AREA -----------------------------------------------*/ .admin .main-menu-pane-close-button, .backup .main-menu-pane-close-button { padding: 0; } .admin .menu-pane > ul, .backup .menu-pane > ul { margin-right: 1.5em 0 0; } .admin .menu-pane#menu-left-pane ul { margin-top: 1em; } .admin .menu-pane li, .backup .menu-pane li { margin: 0; } .admin #menu-left-pane.menu-pane > ul > li, .backup #menu-left-pane.menu-pane > ul > li { border-top: 1px solid #5f5f5f; padding: 1.25em; } .admin #menu-left-pane.menu-pane li > ul, .backup #menu-left-pane.menu-pane li > ul { margin-top: 0em; } /*.admin #menu-left-pane.menu-pane li > ul > li { } .admin #menu-right-pane.menu-pane li { }*/ .admin #menu-left-pane.menu-pane li > ul li a, .backup #menu-left-pane.menu-pane li > ul li a { line-height: 1.75em; color: #AAA; width: 100%; } .admin #menu-left-pane.menu-pane li > ul li a:hover, .backup #menu-left-pane.menu-pane li > ul li a:hover { color: #FFF; } .admin #menu-right-pane.menu-pane li span, .backup #menu-right-pane.menu-pane li span { display: block; margin: 1.5em 0 0; color: #EEE; } .admin .menu-pane a, .backup .menu-pane a { color: #BBB; display: block; } .admin .menu-pane a:hover, .backup .menu-pane a:hover { color: #FFF; } .admin .menu-pane a::after, .backup .menu-pane a::after { background: #ff4a5c; transition: all 0.15s linear; position: absolute; left: 50%; bottom: -2px; content: ''; height: 3px; width: 0; } .admin .menu-pane a:hover::after, .backup .menu-pane a:hover::after { width: 100%; left: 0px; } .admin .menu-pane .main-menu-pane-close-button a:hover::after, .backup .menu-pane .main-menu-pane-close-button a:hover::after { display: none; }