/* * Theme Name: XXXXSOFT * Description: ORGX website * Author: ORGX * Version: 0.1 */ /* reset & 12 columns * ============================================================================ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;font-size:100%;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1} ol,ul{list-style:none}a:focus{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}table{border-collapse:collapse;border-spacing:0}img,object,embed,video{max-width:100%} object,embed,video{width:100%}img{height:auto;vertical-align:middle;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden} .clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both} .grid{width:90%;margin-left:auto;margin-right:auto}.grid [class*=col]{width:100%;margin-left:0} @media screen and (min-width:1024px) {.grid{width:100%}.grid [class*=col]{float:left}.grid:after,.grid:before,.grid .newrow:before{display:table;line-height:0;content:""}.grid:after,.grid .newrow,.grid .newrow:before{clear:both}.grid [class*=col]{margin-left:1.694915254%;margin-right:0}.grid .newrow,.grid [class*=col]:first-of-type{margin-left:0} .grid .col1{width:6.779661017%}.grid .col2{width:15.25423729%}.grid .col3{width:23.72881356%}.grid .col4{width:32.20338983%}.grid .col5{width:40.6779661%}.grid .col6{width:49.15254237%}.grid .col7{width:57.62711864%}.grid .col8{width:66.10169492%}.grid .col9{width:74.57627119%}.grid .col10{width:83.05084746%}.grid .col11{width:91.52542373%}.grid .col12{width:100%}} .fl{float:left}.fr{float:right}.b{font-weight:bold}.i{font-style:italic}.tl{text-align:left} .tc{text-align:center}.tr{text-align:right}.pn{padding:0}.mn{margin:0}.hide{display:none} .tooltip span:hover {display: none !important;} /* layout * * ============================================================================ */ html {height: 100%;scroll-behavior: smooth;width: 100vw;overflow-x: hidden;overflow-y:scroll;} body {font-family: 'Raleway', Tahoma, Verdana, Segoe, sans-serif; font-size:14px;font-weight:500; color: #525c63; line-height:1.4em ;background: #e8ecef; width: calc(100vw - 15px); min-width: 600px;} div, article {display:block;box-sizing: -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a {color:#8ebf26; text-decoration: none; } a:hover, #close a:hover {color:#8ebf26;text-decoration:none; } p {line-height: 1.5em; font-size: 18px;color: #525c63; font-weight: 500;} p:last-child { padding-bottom: 0; } h1, h2, h3, h4, h5, h6, .wtitle, .title { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; font-family: 'Raleway', Tahoma, Verdana, Segoe, sans-serif; color: #525c63; } h1 { font-size: 45px;font-weight:700;} h2 { font-size: 24px;font-weight:600;} h3 { font-size: 18px;font-weight:600;} h4 { font-size: 14px;font-weight:600;} .bg_grey {background: #e8ecef;} .bg_dark {background: #525c63;} .bg_white {background: #ffffff;} .bg_gradient {-webkit-text-fill-color:#fff;color:#fff;background: rgb(237,255,0);background: linear-gradient(90deg, rgba(237,255,0,0.5) 0%, rgba(155,216,7,0.5) 60%);} .shadow {-webkit-box-shadow: 0px 0px 4px 0px rgba(82,92,99,0.4);-moz-box-shadow: 0px 0px 4px 0px rgba(82,92,99,0.4);box-shadow:0px 0px 4px 0px rgba(82,92,99,0.4);} .col_grey {color: #e8ecef;} .col_objgrey {color:#77868c;} .col_dark {color: #525c63;} .col_white {color:#ffffff;} .col_green {color:#8ebf26;} .col_pos {color:#8ebf26;} .col_avg {color:#2aafd3;} .col_neg {color:#b73997;} .col_red {color:#B94A48;} .col_gradient, #menu-orgxsoft li.menu-top::before, #menu-orgxsoft-nl li.menu-top::before {background: #EDFF00;background: -webkit-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: -moz-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .font_light {font-weight:300;} .font_normal {font-weight:400;} .font_medium {font-weight:500;} .font_big {font-weight:700;} .small_font {font-size: 11px;} .nowrap {white-space: nowrap;} .text_center {text-align:center !important;} #single_container #single_content_container h1.text_left {text-align:left;} /* containers * * ============================================================================ */ #super_container, #single_container {width:100%;} #side_container {position:fixed;left:0px;height:100vh;width:220px;} #super_main_container {margin-left:220px;width: calc(100vw - 236px);padding:60px 60px 50px 60px;} #top_container {height:220px;width:100%;} #single_main_container {width:100%;padding:60px 60px 50px 60px;} /* side_container * * ============================================================================ */ #side_title a, #side_title p {height:50px;width:200px;line-height:50px;padding:0px 15px 0px 25px;float:left;text-decoration:none;font-size:14px;} #language {margin-left:10px;} #language .pll-switcher-select {font-size:12px;line-height:14px; background:#77868c;color:#e8ecef;border-radius:3px;border: 1px solid #e8ecef;} #single_name p, #parent_name p {height:50px;width:400px;line-height:50px;padding:0px 25px 0px 15px;text-align:right;float:right;text-decoration:none;font-size:12px;} #menu-orgxsoft, #menu-orgxsoft-nl, #menu-esc-menu {clear: left;margin: 0px 0;padding: 0;list-style: none;width:100%;} #menu-orgxsoft li.menu-top, #menu-orgxsoft-nl li.menu-top, #menu-esc-menu li.menu-top {float:left;clear:both;width:100%;height:50%;display:block;box-sizing:border-box;position:relative;} #menu-orgxsoft li.menu-top::before, #menu-orgxsoft-nl li.menu-top::before, #menu-esc-menu li.menu-top::before {color:#fff;position:absolute;top:18px;left:25px;} #menu-orgxsoft li.menu-top a, #menu-orgxsoft-nl li.menu-top a, #menu-esc-menu li.menu-top a {line-height:50px;width:100%;display:block;text-decoration:none;color:#fff;padding-left:50px;box-sizing:border-box;font-family: 'Raleway', Tahoma, Verdana, Segoe, sans-serif;font-weight:500;} #menu-orgxsoft li.menu-top, #menu-orgxsoft-nl li.menu-top, #menu-esc-menu li.menu-top {float:left;clear:both;width:100%;display:block;height:auto;border-bottom:2px solid #606c72;} #menu-orgxsoft li.menu-top::after, #menu-orgxsoft-nl li.menu-top::after, #menu-esc-menu li.menu-top::after {content:"";display:block;border-top:1px solid #414850;margin-top:0px;} #menu-orgxsoft li.menu-top ul li a, #menu-orgxsoft-nl li.menu-top ul li a, #menu-esc-menu li.menu-top ui li a {line-height:40px;padding-left:30px;font-size:12px;font-weight:300;-webkit-text-fill-color:#fff;color:#fff;} #menu-orgxsoft li:hover, #menu-orgxsoft-nl li:hover, #menu-esc-menu li:hover {background:#606c72;} #menu-orgxsoft li a:hover, #menu-orgxsoft-nl li a:hover, #menu-esc-menu li a:hover {background: #EDFF00;background: -webkit-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: -moz-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} #menu-orgxsoft li.current-menu-item a, #menu-orgxsoft-nl li.current-menu-item a, #menu-esc-menu li.current-menu-item a {-webkit-text-fill-color:#fff;color:#fff;font-weight:400;background: rgb(237,255,0);background: linear-gradient(90deg, rgba(237,255,0,0.5) 0%, rgba(155,216,7,0.5) 60%);} #menu-orgxsoft li.menu-top.current-menu-item::before, #menu-orgxsoft-nl li.menu-top.current-menu-item::before, #menu-esc-menu li.menu-top.current-menu-item::before {-webkit-text-fill-color:#fff;color:#fff;} #menu-orgxsoft li.current-menu-item ul li a, #menu-orgxsoft-nl li.current-menu-item ul li a {background:none;} #menu-orgxsoft li.menu-top ul, #menu-orgxsoft-nl li.menu-top ul {display:none;} #menu-orgxsoft li.menu-top.current-menu-item ul, #menu-orgxsoft-nl li.menu-top.current-menu-item ul {display:block;background:#414850;padding:10px 0px;} #menu-orgxsoft li.current-menu-item ul li a:hover, #menu-orgxsoft-nl li.current-menu-item ul li a:hover {background: #EDFF00;background: -webkit-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: -moz-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:400;} #menu-orgxsoft li.current-menu-item ul li:hover, #menu-orgxsoft-nl li.current-menu-item ul li:hover {background:none;} #menu-orgxsoft li.overview, #menu-orgxsoft li.csrd_readiness, #menu-orgxsoft li.orgx_strategizer, #menu-orgxsoft li.account, #menu-orgxsoft li.profile, #menu-orgxsoft li.admin {display:none;} .overviewgo #menu-orgxsoft li.overview, .csrdgo #menu-orgxsoft li.csrd_readiness, .stratgo #menu-orgxsoft li.orgx_strategizer, .accountgo #menu-orgxsoft li.account, .profilego #menu-orgxsoft li.profile, .admingo #menu-orgxsoft li.admin {display:block;} #menu-orgxsoft-nl li.overview, #menu-orgxsoft-nl li.csrd_readiness, #menu-orgxsoft-nl li.orgx_strategizer, #menu-orgxsoft-nl li.account, #menu-orgxsoft-nl li.profile, #menu-orgxsoft-nl li.admin {display:none;} .overviewgo #menu-orgxsoft-nl li.overview, .csrdgo #menu-orgxsoft-nl li.csrd_readiness, .stratgo #menu-orgxsoft-nl li.orgx_strategizer, .accountgo #menu-orgxsoft-nl li.account, .profilego #menu-orgxsoft-nl li.profile, .admingo #menu-orgxsoft-nl li.admin {display:block;} #menu-krollerboom {clear: left;margin: 0px 0;padding: 0;list-style: none;width:100%;} #menu-krollerboom li.menu-top {float:left;clear:both;width:100%;height:50%;display:block;box-sizing:border-box;position:relative;} #menu-krollerboom li.menu-top::before {color:#fff;position:absolute;top:18px;left:25px;} #menu-krollerboom li.menu-top a {line-height:50px;width:100%;display:block;text-decoration:none;color:#fff;padding-left:25px;box-sizing:border-box;font-family: 'Raleway', Tahoma, Verdana, Segoe, sans-serif;font-weight:500;} #menu-krollerboom li.menu-top {float:left;clear:both;width:100%;display:block;height:auto;border-bottom:2px solid #606c72;} #menu-krollerboom li.menu-top::after {content:"";display:block;border-top:1px solid #414850;margin-top:0px;} #menu-krollerboom li.menu-top ul li a {line-height:40px;padding-left:30px;font-size:12px;font-weight:300;-webkit-text-fill-color:#fff;color:#fff;} #menu-krollerboom li:hover {background:#606c72;} #menu-krollerboom li a:hover {background: #EDFF00;background: -webkit-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: -moz-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} #menu-krollerboom li.current-menu-item a {-webkit-text-fill-color:#fff;color:#fff;font-weight:400;background: rgb(237,255,0);background: linear-gradient(90deg, rgba(237,255,0,0.5) 0%, rgba(155,216,7,0.5) 60%);} #menu-krollerboom li.menu-top.current-menu-item::before {-webkit-text-fill-color:#fff;color:#fff;} #menu-krollerboom li.current-menu-item ul li a {background:none;} #menu-krollerboom li.menu-top ul {} #menu-krollerboom li.menu-top.current-menu-item ul {display:block;background:#414850;padding:10px 0px;} #menu-krollerboom li.current-menu-item ul li a:hover {background: #EDFF00;background: -webkit-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: -moz-linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);background: linear-gradient(to bottom right, #EDFF00 0%, #9BD807 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:400;} #menu-krollerboom li.current-menu-item ul li:hover {background:none;} #menu-krollerboom li.overview, #menu-krollerboom li.csrd_readiness, #menu-krollerboom li.orgx_strategizer, #menu-krollerboom li.account, #menu-krollerboom li.profile, #menu-krollerboom li.admin {display:none;} .overviewgo #menu-krollerboom li.overview, .csrdgo #menu-krollerboom li.csrd_readiness, .stratgo #menu-krollerboom li.orgx_strategizer, .accountgo #menu-krollerboom li.account, .profilego #menu-krollerboom li.profile, .admingo #menu-krollerboom li.admin {display:block;} li#menu-item-855 {height:20px;} li#menu-item-855 a {display: none;} #super_main_container .block h3.kb { font-size: 16px; color: #8ebf26; text-align: center; margin-top: 20px; width: 90%; margin-left: 5%; margin-right: 5%; padding-bottom:10px; } .block .p_kb {font-size:13px;font-weight:400;} #scale_box.big_block {padding:20px 60px 30px 60px;height:auto;} .listed_elements ul {padding: 20px 0px;text-align: center;} .listed_elements ul li { padding: 8px 12px; background: #9aa6b2; border: 1px solid #fff; border-radius: 4px; margin: 10px; color: #fff; font-size: 11px; display: inline-block; } .block p.row_head { font-weight: 700; text-align: center; margin: 17px 0px 36px 0px; font-size: 14px; } h3.frm_pos_top.frm_section_spacing p.row_head {margin:0px;} .listed_elements ul li:hover, .listed_elements ul li:active { cursor: grabbing;} #form_krollerboom2 fieldset {border-radius:4px;} .frm_forms.frm_full_submit #form_krollerboom2 .frm_submit button {width: 20%;margin-left:40%;} .with_frm_style .enablers_section input[type=text].enabler {color: #8ebf26;border: 1px solid #8ebf26;} .with_frm_style input[type=text].enabler {height: 38px;margin-bottom: -10px;text-align: center;font-size: 11px;font-weight: bold;} .with_frm_style .blockers_section input[type=text].enabler {color: #e5a900;border: 1px solid #e5a900;} div.enablers_section { background-image: url(/wp-content/uploads/2023/10/Artboard-23.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 0px 114px; } div.blockers_section { background-image: url(/wp-content/uploads/2023/10/Artboard-23-copy.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 0px 114px; } #single_content a.reload_page {background: #8ebf26;border: 1px solid #ffffff;border-radius: 4px;padding: 8px 12px;color: #fff;font-size: 12px;} /* container blocks * * ============================================================================ */ .block_container, .block_container_csrd {display:flex;justify-content: space-between;width:100%;} .block_container_csrd {flex-wrap: wrap;} .block {min-height:60px;border-radius:8px;margin:0px 10px 20px 10px;} .objective_block {border-radius:4px;margin:0px 0px 20px 0px;padding:15px 30px;font-size:11px;font-weight:400;border: 1px solid #d2dce1;text-align:center;} .sub_block {width:100%;height:140px;border-radius:8px;margin-bottom:12px;} .sub_block.last {margin-bottom:0px;} .small_block {width:35%;} .medium_block {width:65%;} .block_container_csrd .medium_block {width:auto;flex: 1 1 48%;} .big_block {width:100%;height:400px;} .content_container {padding:20px 60px;} /* parent_container * * ============================================================================ */ .block h2 {line-height:30px;font-size: 13px;font-weight:400;text-align: center;border-top-right-radius:8px;border-top-left-radius:8px;} /* single_container * * ============================================================================ */ #single_container #language .pll-switcher-select {font-size:12px;line-height:14px; background:#e8ecef;color:#525c63;border-radius:3px;border:1px solid #525c63;} #single_container #single_content_container {position:relative;width:1020px;margin:0 auto;margin-top:-210px;border-radius:4px;} #single_container #single_content_container h1 {font-size: 18px;font-weight: 700;width: 100%;padding: 20px 50px 0px 60px;line-height:20px;box-sizing:border-box;text-align:center;} #single_container #single_content_container .csrd_description {width:80%;margin: 0 auto 20px auto;font-weight:600;font-size:11px;text-align:center;} #single_container #single_content_container h3 {padding:0px 0px;font-size:16px;color:#b9c3c8;} #single_container #single_content_container h3 a .fas, #single_container #single_content_container a.new_form {font-size:13px;color:#b9c3c8;margin-left:5px;} #single_container #single_content_container h3 a:hover .fas, #single_container #single_content_container a.new_form:hover {color:#8ebf26;} #single_container #single_content_container p {text-align:left;} #single_container #single_content_container #link_path {font-size:10px;margin:20px 60px 10px 14px;padding-top:8px;} #single_container #single_content_container #close {position:absolute;right:0px;top:59px;} #single_container #single_content_container #close a {float:right;margin-top:-50px;margin-right:9px;width:18px;height:18px;display:block;line-height:18px;font-size:18px;text-align:center;} #single_container #single_content_container .with_frm_style .frm_form_fields > fieldset {border-radius:4px;margin-bottom:20px;} #single_container #single_content_container #single_content {padding:0px 60px 40px 60px;} #single_container #single_content_container .single_liner {margin-top:0px;width:100%;display:flex;justify-content: space-between;} #single_container #single_content_container .big_block {height:auto;padding: 10px 20px 20px 20px;} #single_container #single_content_container #boxlast {text-align:center;margin-top:30px;} #single_container #single_content_container #buttonlast {font-size:11px;font-weight:500;height: 30px;background: rgba(142, 191, 38, 0.1);color: #8ebf26;border: 1px solid #8ebf26;padding:8px 25px;border-radius:4px;} #single_container #single_content_container #buttonlast:hover {font-size:11px;height: 30px;background: #8ebf26;color: #fff;border: 1px solid #fff;padding:8px 25px;border-radius:4px;} /* tables * * ============================================================================ */ #single_container table.frm-alt-table.tablesorter {font-size:11px;border-collapse: collapse;border-radius:4px;border-style: hidden;box-shadow: 0 0 0 1px #d2dce1;margin-bottom:20px;} #single_container table.frm-alt-table.tablesorter .fas:before {padding-right: 5px;} #single_container table.frm-alt-table.tablesorter thead {background:#525c63;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;} #single_container table.frm-alt-table.tablesorter thead th:first-child {border-top-left-radius:4px;} #single_container table.frm-alt-table.tablesorter thead th:last-child {border-top-right-radius:4px;background-image:none;text-align:center;} #single_container table.frm-alt-table.tablesorter td, #single_container table.frm-alt-table.tablesorter th {border: 1px solid #d2dce1;padding:5px 15px;width: auto;} #single_container table.frm-alt-table.tablesorter tr:nth-child(even) {background:#e8ecef;} #single_container table.frm-alt-table.tablesorter td:last-child, #single_container #single_content_container .big_block table.frm-alt-table.tablesorter td:nth-child(2) {text-align:center;} #single_container table.frm-alt-table.tablesorter a {color:#525c63;} #single_container table.frm-alt-table.tablesorter thead a {color:#ffffff;} #single_container table.frm-alt-table.tablesorter a:hover {color:#8ebf26;} .page-id-383 #single_container table.frm-alt-table.tablesorter thead th:nth-child(3), .page-id-383 #single_container table.frm-alt-table.tablesorter thead th:nth-child(4) {text-align:center;} /* formidable hacks * * ============================================================================ */ #single_container #single_content_container .frm_style_formidable-style.with_frm_style .form-field.frm_section_heading {border-bottom: 1px solid #d2dce1;margin-bottom: 20px;} #single_container #single_content_container .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3 {font-size:13px;} #single_container #single_content_container .with_frm_style .switcher .frm_form_fields > fieldset, #single_container #single_content_container .with_frm_style .closer .frm_form_fields > fieldset {border-radius: 0px;margin:0px;background:none;border:none;padding:0px;} #single_container #single_content_container .with_frm_style .switcher button.frm_button_submit.frm_final_submit, #single_container #single_content_container .with_frm_style .closer button.frm_button_submit.frm_final_submit {background:none;border:none;font-size:12px;width:30px;} #single_container #single_content_container .with_frm_style .switcher button.frm_button_submit.frm_final_submit:hover, #single_container #single_content_container .with_frm_style .closer button.frm_button_submit.frm_final_submit:hover {color:#8ebf26;cursor:pointer;} #single_container #single_content_container .with_frm_style .closer button#closer {width:80px;margin:0 auto;font-size:12ppx;font-weight:600;font-family: 'Raleway', Tahoma, Verdana, Segoe, sans-serif;line-height:1.4em;} /* CSRD pages * * ============================================================================ */ .block p {text-align:center;padding-top:5px;width:100%;font-size:12px;} #super_container .block_container_csrd .block a {text-decoration:none;color:#525c63;} #super_container .block_container_csrd .block a h3 {font-size:17px;color:#8ebf26;text-align:center;margin-top:20px;width:90%;margin-left:5%;margin-right:5%;} .big_number {font-size:60px;} p.small_text {line-height: 25px;font-size: 10px;} .progress p.small_text {line-height: 18px;} .progress{position: relative;margin: 30px 20px 20px 20px;text-align: center;font-size:20px;} .barOverflow{position: relative;overflow: hidden; /* Comment this line to understand the trick */width: 100%; height: 120px; /* Half circle (overflow) */margin-bottom: -50px; /* bring the numbers up */} .bar{margin:0 auto;width: 240px; height: 240px;border-radius: 50%;box-sizing: border-box;border: 18px solid #e8ecef;border-bottom-color: #8ebf26;border-right-color: #8ebf26;box-shadow: inset 0px 0px 5px #525c6366;} .stacked-bar-graph {width: 80%;margin: 40px 10% 50px 10%;height: 16px;background: #e8ecef;color:#414042;box-shadow: inset 0px 1px 3px #525c6366;border-radius:4px;} span.stacked {display: inline-block;height:100%;box-sizing: border-box;float: left;color: #fff;font-weight: bold;font-family: raleway, arial, sans-serif;line-height:16px;text-align:center;font-size:8px;font-weight:400;box-shadow: inset 0px 1px 3px #525c6366;} .bar-1 {background: #8ebf26;} .bar-2 {background: #b4d03d;} .bar-3 {background: #d7d83b;} .bar-4 {background: #e6c131;} .bar-5 {background: #f1a12b;} span.stacked.bar-6 {background: #ef6f2e;} .stacked-bar-graph span:nth-of-type(1) {border-bottom-left-radius:4px;border-top-left-radius:4px;} .stacked-bar-graph span:nth-last-of-type(1) {border-bottom-right-radius:4px;border-top-right-radius:4px;} .progress-bar {width:100%;height:14px;min-width:140px;margin-top:3px;background: #d2dce1;box-shadow: inset 0px 1px 3px #525c6366;border-radius: 4px;} .progress-bar span.stacked {line-height:14px;} .progress-bar span.stacked.bar-1 {border-radius: 4px;} .progress-bar span.stacked.bar-5 {background:none;box-shadow:none;} span.no_show, span.mark {display:none;} .hover_text {display:block;background:red;padding:10px;margin-top:-30px;} [data-tooltip] {position: relative;z-index: 2;cursor: pointer;} [data-tooltip]:before, [data-tooltip]:after {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;} [data-tooltip]:before {position: absolute;bottom: 150%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 7px;width: 160px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #525c63;color: #fff;content: attr(data-tooltip);text-align: center;font-size: 10px;line-height: 1.2;} /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after {position: absolute;bottom: 150%;left: 50%;margin-left: -5px;width: 0;border-top: 5px solid #7a8991;border-right: 5px solid transparent;border-left: 5px solid transparent;content: " ";font-size: 0;line-height: 0;} [data-tooltip]:hover:before,[data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} .description[data-tooltip]:before, .small_description[data-tooltip]:before {margin-left: -200px;width: 400px;background-color: #7a8991;color: #fff;text-align: center;font-size: 12px;font-weight: 500;line-height: 1.2;font-style:italic;padding:10px 15px;border: 1px solid #7a8991;} .small_description[data-tooltip]:before {font-size:10px;width:360px;margin-left:-200px;} /* Triangle hack to make tooltip look like a speech bubble */ .description[data-tooltip]:after {bottom: 150%;} div#normalizer .small_description:before, div#normalizer .small_description:after {display:none;} #single_container #single_content_container .frm_hidden {display:none !important;} #single_container #single_content_container .frm_form_field .frm_repeat_sec .frm_add_form_row, #single_container #single_content_container .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row, #single_container #single_content_container .frm_repeat_sec .frm_button {display:inline;} #single_container #single_content_container table.account_info {font-size: 12px;text-align: left;width: 100%;} #overview {padding:0 50px 10px 50px;height:auto;background:#525c63;} #overview .metrics {width:20%;margin-left:5%;float:left;text-align:left;font-size:12px;margin-top:10px;margin-bottom:10px;box-sizing:border-box;} #overview .metrics i {color:#e8ecef;font-size:10px;} #overview .metrics .bigfont {font-size:50px;line-height:40px;font-weight:500;color:#e8ecef;} .liner {width:100%;border-bottom: 1px solid #d2dce1;margin-top:10px;} p.explainer {margin-top:10px;font-weight:500;color:#77868c;line-height:1.5em;font-size:11px;} /* STRATEGIZER pages * * ============================================================================ */ #super_container #super_main_container .block a h3 {font-size: 16px;color: #8ebf26;text-align: center;margin-top: 30px;width: 90%;margin-left: 5%;margin-right: 5%;} #super_container #super_main_container .block a h3.col_white {color:#fff;} #super_container #super_main_container .big_block.strat {height:auto;background-image: url("/images/rts-impact.png");background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;} #super_container #super_main_container .big_block.strat #rts_model {height:280px;width:980px;background-image: url("/images/rts-model.png");background-position: center;background-repeat: no-repeat;background-size: cover;display:block;margin:0 auto;margin-top:50px;} #super_container #super_main_container .big_block.strat p {line-height:normal;} /* value-delivery */ #value-delivery {position: relative;height: 300px; width: 300px; top: 0px; left: 20px; font-size: 40px;} #deliveryline {position: relative; height: 60px; width: 1px; border-left: 1px dotted #8ebf26;top: -28px; left: 168px;} #deliveryexplanation {position: relative; border: 1px dotted #8ebf26; border-radius: 4px; width: 240px; top: -28px; left: 46px;text-align: center;padding: 10px 20px;font-size: 0.8em;font-style:italic;background:#fff;} #delivery_status {position: relative;left: 150px;top:138px;width: 60px; height: 60px;text-align: center;z-index: -1;} /* impact-promise */ #impact-view {position: relative;height: 220px; width: 220px; top: -436px; left: 0; right: 0; margin: auto;font-size: 40px;} #rts_model.confirmed #impact-view {top:-260px;} #impactline {position: relative; height: 60px; width: 1px; border-left: 1px dotted #8ebf26;top: -462px; left: 489px;} #rts_model.confirmed #impactline {top:-290px;} #impactexplanation {position: relative; border: 1px dotted #8ebf26; border-radius: 4px;width: 240px; top: -462px; left: 370px;text-align: center;padding: 10px 20px;font-size: 0.8em;font-style:italic;background:#fff;} #rts_model.confirmed #impactexplanation {top:-290px;} #impact_status {position: relative;top: 138px; left: 0; right: 0; margin: auto;width: 60px; height: 60px;text-align: center;z-index: -1;} /* value-creation */ #value-creation {position: relative;height: 300px; width: 300px; top: -845px; right: -661px; font-size: 40px;} #rts_model.confirmed #value-creation {top:-668px;} #creationline {position: relative; height: 60px; width: 1px; border-left: 1px dotted #8ebf26;top: -873px; right: -810px;} #creationexplanation {position: relative; border: 1px dotted #8ebf26; border-radius: 4px; width: 240px; top: -873px; right: -692px;text-align: center;padding: 10px 20px;font-size: 0.8em;font-style:italic;background:#fff;} #creation_status {position: relative;right: 150px;top:138px;width: 60px; height: 60px;text-align: center;z-index: -1;} /* Status icons */ #delivery_status p, #impact_status p, #creation_status p {font-size: 16px;height: 21px;margin-top: -10px;} #delivery_status i, #impact_status i, #creation_status i {font-size: 24px;line-height: 16px;color: #8ebf26;} #rts-progress {position: relative; left: 50%; margin: -870px 0 0 -160px; width: 320px;height: 70px; border: 1px solid #afb2b8; border-radius: 4px;background: #ffffff;} #rts_model.confirmed #rts-progress {margin-top:-540px;} #rts-progressbar {position: relative; float: left; margin-left: 20px;margin-top: 14px;height: 16px; width: 278px; border-radius: 4px;box-shadow: inset 0px 1px 3px #525c6366;background: #e8ecef;} #rts-status, #config-status {position: relative;height: 10px;background: #8ebf26;width: 40px;height:15px;box-shadow: inset 0px 1px 3px #525c6366;border-radius:4px;} #rts-text {position: relative; width: 278px; margin-top: 10px;font-size: 10px;text-align: center;} #config-progressbar {position: relative; display:block; margin-left: 10%;margin-top: 25px;height: 16px; width: 80%; border-radius: 4px;box-shadow: inset 0px 1px 3px #525c6366;background: #e8ecef;} #config-progress p {margin-top:0px;margin-bottom:25px;font-size:10px;} /* diplay graph */ [pointer-events="bounding-box"] {display: none;} #single_container #single_content_container h3.domains {font-size:12px;padding:0 0 5px 0;margin-bottom:0px;color:#77868c;} #single_container #single_content_container #elementselect .frm_forms.frm_style_formidable-style.with_frm_style {display:inline-block;} #single_container #single_content_container #elementselect .with_frm_style .frm_form_fields > fieldset {padding:0;margin:0px 10px;border:none;} #single_container #single_content_container #elementselect .with_frm_style button.frm_button_submit.frm_final_submit {background:#ffffff;border:1px solid #77868c;color:#525c63;} #single_container #single_content_container #elementselect .with_frm_style button.frm_button_submit.frm_final_submit:hover {background:#77868c;border:1px solid #77868c;color:#ffffff;} #single_container #single_content_container #elementselect .selected {margin:10px 11.5px;padding: 8px 12px;background: #8ebf26;width: auto;border:1px solid #ffffff;display: inline-block;border-radius: 4px;font-size: 11px;line-height: 13px;color: #fff;font-weight: 400;} #single_container #single_content_container #elementselect .selected:hover {border:1px solid #8ebf26;} #single_container #single_content_container #elementselect {padding:15px 20px 0px 20px;margin-top:20px;} #single_container #single_content_container #elementadd .frm_forms.frm_style_formidable-style.with_frm_style {display:block;} #single_container #single_content_container #choosenones {width: 100%;border-bottom: 1px solid #d2dce1;padding-bottom: 10px;margin-bottom: 10px;} #single_container #single_content_container .frm_grid_container #choosenones {margin-bottom:0px;} #single_container #single_content_container .frm_grid_container .selected {float:left;padding: 6px 10px;background:#8ebf26;font-size:10px;border-radius:4px;margin-right:10px;margin-top:10px;border: 1px solid #fff;color:#fff;} #single_container #single_content_container .frm_grid_container .selected_mine, #single_container #single_content_container .selected_mine {float:left;padding: 6px 10px;background:#ffffff;font-size:10px;font-weight:600;border-radius:4px;margin-right:10px;margin-top:10px;border: 1px solid #8ebf26;color:#8ebf26;} #single_container #single_content_container .frm_grid_container .selected_not_mine, #single_container #single_content_container .selected_not_mine {float:left;padding: 6px 10px;background:#ffffff;font-size:10px;border-radius:4px;margin-right:10px;margin-top:10px;border: 1px dashed #8ebf26;color:#8ebf26;} #single_container #single_content_container #centered_legenda {text-align:center;} #single_container #single_content_container #centered_legenda .selected_mine {display:inline-block;float:none;padding: 2px 10px;} #single_container #single_content_container #centered_legenda .selected_not_mine {display:inline-block;float:none;padding: 2px 10px;} #single_container #single_content_container #elementadd {display:block;width:325px;margin:10px auto 5px auto;} #single_container #single_content_container #elementadd .frm_hidden.showtoch {display:block !important;grid-column: span 1 / span 4;width:180px;margin-right:12px;} #single_container #single_content_container #elementadd .select_element .frm_submit {grid-column: span 1 / span 4;white-space: nowrap;} #single_container #single_content_container #elementadd .with_frm_style input[type=text] {border:1px solid #77868c;} #single_container #single_content_container #elementadd .select_element .frm_submit button.frm_button_submit {margin:0;height:30px;background:#8ebf26;color: #fff;border: 1px solid #fff;} #single_container #single_content_container #elementadd .select_element .frm_submit button.frm_button_submit:hover {background:#8ebf26;color: #fff;border: 1px solid #8ebf26;} #single_container #single_content_container .with_frm_style .mark_as_complete .frm_form_fields > fieldset {background:none;border:none;margin-top:-60px;margin-bottom:0px;} #single_container #single_content_container .font_medium i {font-size:11px;} #single_container #single_content_container p#warning {font-size: 14px;margin-bottom: 10px;} #single_container #single_content_container #elementconfirm .with_frm_style .frm_form_fields > fieldset {padding:0;margin:0px 0px;border:none;background:none;width:60px;} #single_container #single_content_container #elementconfirm .with_frm_style {width:60px;} #single_container #single_content_container #elementconfirm .with_frm_style button.frm_button_submit.frm_final_submit {margin:0px;padding:3px 10px;font-size:10px;display:inline-block;background:#77868c;} #single_container #single_content_container #elementconfirm .with_frm_style button.frm_button_submit.frm_final_submit:hover {background:#8ebf26;} #single_container #single_content_container #elementconfirm .with_frm_style .frm_form_fields {width:44px;} #single_container #single_content_container .button_view {background:#8ebf26;color:#fff;font-size:10px;font-weight:400;padding:3px 10px;border-radius:4px;border:1px solid #8ebf26;} #single_container #single_content_container .button_view .reload_page {display:none;} #single_container #single_content_container .button_view:hover {background:#B94A48;border:1px solid #B94A48;} #single_container #single_content_container .button_view:hover .hide_del {display:none} #single_container #single_content_container .button_view:hover .reload_page {display:inline-block;color:#fff;} #single_container #single_content_container span.text_center.validate {display: block;width: 66px;margin: 0 auto;} #single_container #single_content_container #button_style {width: 100%;text-align: center;margin-top:5px;margin-bottom:70px;} #single_container #single_content_container #button_style a.button_view {font-size: 11px;color: #fff;padding: 8px 12px;border-radius: 4px;border: 1px solid #fff;} #single_container #single_content_container #button_style a.button_view:hover {border: 1px solid #8ebf26;background:#8ebf26;} #single_container #single_content_container .with_frm_style .frm_radio input[type=radio]:checked:before {box-shadow: inset 10px 10px #8ebf26;} #single_container #single_content_container .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before, #single_container #single_content_container .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before {color:#8ebf26;} /* Login * ============================================================================ */ .page-template-page-login, .page-template-page #login_screen, .page-template-page-parent #login_screen {width: 100%;height:100vh;} #login_page {background-image: url("/images/home.png");height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;padding:10%;} #login_page #formblock {height: 50%;width:400px;margin:0 auto;border: solid 1px; border-radius: 8px;border-color: #5b6670;background: #e8ecef;background-image: url("/images/login_logo.png");background-position: center;background-repeat: no-repeat;background-size: cover;} #login_page .with_frm_style .frm_form_fields > fieldset {padding:0px;border:none;background:none;} #login_page #login {padding: 30px;} #login_page #login h3 {margin-bottom: 50px;} #login_page #login h3.logout {margin-top: 150px;margin-bottom: 20px;font-style: italic;font-weight: 600;} #login_page #login p {font-size: 14px;} /* Responsive * ============================================================================ */ #error_container {display:none;} @media only screen and (max-width: 1335px) { body {width: calc(100vw + 0px);} #side_container {display:none;width:0px;} #super_container {width: 100%;padding:0px;} #super_main_container {margin-left:0px;padding:50px 20px;width: calc(100vw - 15px);box-sizing:border-box;} div#parent_name, div#single_name {float: right;margin-right: 20px;} #single_main_container {width: calc(100vw - 15px);padding:60px 0 50px 0;} } @media only screen and (max-width: 1050px) { #super_main_container, #single_main_container, #side_title {display: none;} #single_container #top_container {height:0px;} #error_container {display:block;} #super_error_container {width: calc(100vw - 35px);padding:60px 20px 50px 20px;} #super_error_container .big_block {height:auto;} div#parent_name, div#single_name {float: right;margin-right: 35px;} div#parent_name p, div#single_name p {padding-right:10px;} div#single_name p.col_white {color:#525c63;} }