/* ------------------------------------------------- Version : 2.0 Author : Tremani E-mail : info@tremani.nl Website : http://tremani.nl Client : http://dgbc.nl Project : bbg_assessmenttool_nl ---------------------------------------------------- */ 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, font, img, ins, kbd, q, s, sampfileList, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } ol, ul {list-style:none;} table {border-collapse:collapse; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* END GLOBAL RESET =========================================================== */ /* Typography Basic =========================================================== */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, address { margin:1em 0; } h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#347E2A;} h1 {font-size:1.714em; color:#347e2a; line-height:1.23em; font-weight:bold; margin:0.5em auto 0.40em auto;} h1 + h2 {margin:1em auto 0.6em auto;} h2 {font-size:1.286em; margin:0em auto 0.6em auto; } h2.intro {line-height:1.45em; font-weight:normal; margin:0.5em 0 0.5em 0; } h3 {font-size:1.143em; line-height:1.45em; } #col-2 h3 + p {margin-top:-1em; } #col-3 h3 + p {margin-top:0; } #col-2 h3 + p.extra-inner {margin-top:0; } h4 {font-size:100%; line-height:1.23em; } #col-2 h4 + p {margin-top:-1em; } h5 {font-size:95%; font-weight:bold; } /*#col-2 h5 + p, #col-2-3 h5 + p {margin-top:-1em; }*/ h6 {font-size:77%; } h6 + p {margin-top:-1em; } a, a:visited { color:#000;} a:hover { color:#56B146; text-decoration:underline;} * > a:active { color:#000; /*vertical-align:top;*/ } ul {margin:1.3em 0; padding:0; position:relative;} ul li {position:relative; background:transparent url(../images/bullet-li.png) no-repeat 0 9px; padding-left:15px; margin:.3em 0 .3em 0;} ol {list-style:decimal inside; background:none; padding-left:19px; margin:.3em auto 0.3em -3px; text-indent:-17px;} ol li {background:none;} ul.generic {margin:0; padding:0; list-style:none;} ul.generic li {background-image:none; } ol.generic {margin:0; padding:0; list-style:none;} ol.generic li {margin:0; padding:0; background-image:none;} strong {font-weight:bold;} input[type='number'] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; } /* Merge of previous main.css and form.css */ body { margin: 0; padding: 0; color: #555; font: normal 10pt Arial,Helvetica,sans-serif; background: #EFEFEF; } #content { padding: 20px; } #sidebar { padding: 20px 20px 20px 0; } div.flash-error, div.flash-notice, div.flash-success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } div.flash-error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } div.flash-notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } div.flash-success { background: #E6EFC2; color: #264409; border-color: #C6D880; } div.flash-error a { color: #8a1f11; } div.flash-notice a { color: #514721; } div.flash-success a { color: #264409; } div.form .rememberMe label { display: inline; } div.view { padding: 10px; margin: 10px 0; border: 1px solid #C9E0ED; } div.breadcrumbs { font-size: 0.9em; padding: 5px 20px; } div.breadcrumbs span { font-weight: bold; } div.search-form { padding: 10px; margin: 10px 0; background: #eee; } .scoreGroupInline { white-space: nowrap; margin-right: .5em; } div.form { } div.form input, div.form textarea, div.form select { margin: 0.2em 0 0.5em 0; } div.form fieldset { border: 1px solid #DDD; padding: 10px; margin: 0 0 10px 0; moz-border-radius: 7px; } div.form label { font-weight: bold; font-size: 0.9em; margin: 5px 0 0 0; vertical-align: top; } div.form label.inline { display: inline; top: 5px; position: relative; } div.form .row { margin: 5px 0; } div.form .hint { margin: 0; padding: 0; color: #999; } div.form .note { font-style: italic; } div.form span.required { color: red; } div.form div.error label, div.form label.error, div.form span.error { color: #C00; } div.form div.error input, div.form div.error textarea, div.form div.error select, div.form input.error, div.form textarea.error, div.form select.error { background: #FEE; border-color: #C00; } div.form div.success input, div.form div.success textarea, div.form div.success select, div.form input.success, div.form textarea.success, div.form select.success { background: #E6EFC2; border-color: #C6D880; } div.form .errorSummary { border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; } div.form .errorMessage { color: red; font-size: 0.9em; } div.form .errorMessage.hintMessage { color: #999; margin-left: 223px; font-style: italic;} div.form .errorMessage.hintMessage.hintMessageTextarea { margin-left: 145px;} div.form .errorMessage.hintMessage.hintMessageRTETextarea { margin-left: 0px;} div.form .errorSummary p { margin: 0; padding: 5px; } div.form .errorSummary ul { margin: 0; padding: 0 0 0 20px; } div.wide.form label { float: left; margin-right: 10px; position: relative; text-align: right; width: 100px; } div.wide.form .row { clear: left; } div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage { clear: left; padding-left: 110px; } /* Site Structure =========================================================== */ html {height:100%;} body {height:100%; font-size:87.5%; line-height:1.5; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Calibri, Corbel, Verdana, sans-serif; color:#555; text-align:left; background-color:#e6e7e9;z-index: 0; font-weight:normal;} * html body {height:100%;} .col{float:left; display:inline; position:relative; padding-bottom:2em; } #col-1 {z-index:1; /*width:238px;*/ width:235px; margin-right:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background-color:#f7fdf6; padding-top:20px; } .assessment-main #col-1 { padding-top: 0;} #col-2 {z-index:1; width:476px; margin:0 25px; } #col-3 {z-index:1; width:23%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .wide #col-2 {z-index:1; width:721px; margin:0 0 0 25px; } #col-1-2 { width:75%; margin:0 16px 40px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #col-2-3 { width:815px; /*margin-left:10px;*/ background-color:#fff;} #col-1-2-3 { width:100%;} #dummy-auth-toolbar {background-color: #666666; height: 39px; width: 100%; } #dgbc-auth-toolbar + #dummy-auth-toolbar { display: none; } .outer-wrapper {} .inner-wrapper {margin: 10px auto 10px; padding:0; width: 1050px; overflow:hidden;} #content-main .inner-wrapper-sp { padding: 20px; } #header .inner-wrapper { margin-bottom:0; min-height: 103px;} /* apply transition to these elements: */ #main-nav a, .toggleBlockControl, .btn, tr { transition:All 0.4s ease; -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; } /* Webfonts =========================================================== */ @font-face { font-family: 'HelveticaNeueLT'; src: url('../fonts/helveneultthi-webfont.eot'); src: url('../fonts/helveneultthi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveneultthi-webfont.woff') format('woff'), url('../fonts/helveneultthi-webfont.ttf') format('truetype'), url('../fonts/helveneultthi-webfont.svg#HelveNeuLTthi-webfont') format('svg'); font-weight: 300 ; font-style: normal; } /* htmlContent =========================================================== */ .htmlContent strong { font-weight:bold} .htmlContent em { font-style:italic} .htmlContent a { color: #5A0E7A} .htmlContent table { border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; } .htmlContent table th, .htmlContent table td { border: 1px solid #ccc; padding: 5px; vertical-align: top; } /* HEADER =========================================================== */ #header {background-color: #56b146; overflow:hidden; padding:1px 0 0 0;} #header-logo {margin:0.5em 0 -0.5em; padding:1px 0;} #header-logo a, #header-logo a:visited {color:#fff; font-size:2.57em; font-weight:bold; text-decoration:none;} #header-logo .logo-main {padding:1px 0; margin-bottom:-3px;} #header-logo .logo-main em {font-style:normal; font-weight:normal ;font-weight:300; font-family:HelveticaNeueLT,"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Calibri, Corbel, Verdana, sans-serif; } #header-logo .logo-main em i {display:inline-block; margin:0 -6px; font-style:normal; vertical-align: bottom; } #header-logo .logo-main .dgbc {display:none; float:left; } #header-logo .logo-breeam {margin-left:2px; position: relative; /*top: -8px;*/ width:115px; } #header-logo .logo-breeam a {color:#fff; text-decoration:none;} /* Utilities-main =========================================================== */ #header-content li a {text-decoration:none; color:#5A0E7A; border-color:#ffbc77; } #header-content li a:hover {text-decoration:underline;} #main-links {float:right;} #footer .inner-wrapper, #content-main #footer .inner-wrapper { overflow:hidden; background-color:transparent; padding:0;} .utilities { margin:0; padding:10px 0 0 0; text-align:right; display:inline; font-size:12px; } .utilities li {margin:0; display:inline; padding:0; background-image:none; float:right; border-right:1px solid #9a9a9b; } .utilities li a {padding:0 8px; text-decoration:none; color:#808080 } .utilities li a:hover { color:#5fb54f;} .utilities li a:active { color:#347e2a;} .tremani { letter-spacing: 1px;} .utilities li:first-child { border-right:0;} .utilities li a.last {border-right:none;} .utilities li label { vertical-align:top;} .utilities button { margin-top:-4px; vertical-align:top;} /* Mainnav ----------------------------------------------------------- */ #main-nav {float:right; padding:0; margin:0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; overflow:hidden; } #main-nav li {float:left; display:inline; list-style:none; padding:0; margin:0;} #main-nav a, #main-nav a:visited {display:block; padding:5px 26px; background-color:#347e2a; color:#fff; margin:0; text-decoration:none; font-weight:bold; } #main-nav a:hover {background-color:#c0bb14;} #main-nav a:active {background-color:#1f5122;} #main-nav .active a {background:#1f5122; -webkit-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 2px 2px rgba(0, 0, 0, 0.3); } /* SEARCH main =========================================================== */ #search { float:right; margin:1px 0 0 15px;} *+html #search { width:310px; margin-top:3px;} #search ul { margin:0; float:right;} #search ul li {float:left;display:inline; padding:0 0 0 0px; margin:0; background-image:none;} #search input, #search select {color:#4b4b4b; width:100px; background-color:#cde2c6; margin:0 0 0 7px; float:left; border:none;} *+html #search input { top:-3px; margin-top:-4px;} #search input.search-term { width:95px;} #search select { position:relative; /* top:0px; */ width:115px;} *+html #search select {margin-top:-4px;} #search input:hover, #search input:focus, #search select:hover, #search select:focus { background-color:#fff;} input[type="submit"] {background-color:#4c4b4c; color:#dadada; display:inline-block; font-size: 87.5%; line-height: 1.5em; padding: 4px 6px; vertical-align: middle; font-weight:bold; cursor:pointer; -webkit-box-shadow:0px -1px 1px 1px rgba(250, 250, 250, 0.1); box-shadow:0px -1px 1px 1px rgba(250, 250, 250, 0.1); } input[type="submit"]:hover {background-color:#c0bb14; color:#fff; /* shadow color #a09b1a */ -webkit-box-shadow:0px 2px 0px 0px rgba(160, 155, 26, 1); box-shadow:0px 2px 0px 0px rgba(160, 155, 26, 1); } .btn.search {background:#4c4b4c; color:#dadada; border:0; text-shadow:none; position:relative; width: 30px; height:23px; } .btn.search span { text-indent:-9999px; display:none;} #header .btn.search {margin:0px 0 0 7px; padding-top:2px; text-align: center; width: auto; padding-left: 9px; padding-right: 9px;} .btn.search:hover {background:#c0bb14; color:#fff; -moz-box-shadow:0px 2px 0px 0px rgba(160, 155, 26, 1); -webkit-box-shadow:0px 2px 0px 0px rgba(160, 155, 26, 1); box-shadow:0px 2px 0px 0px rgba(160, 155, 26, 1); } #header .btn.search i { margin-top:-2px; margin-right: 0;} /* Breadcrumb path =========================================================== */ #breadcrumbs {padding:12px 0; min-height:20px; color:#808080; } * html #breadcrumbs {height:30px;} #breadcrumbs ul {font-size:84.5%; color:#5A0E7A; margin:0; padding:0; height:auto; width: 475px;} #breadcrumbs li {margin:0; height:auto; line-height:1;} .breadcrumbs a, .breadcrumbs a:visited {border-right:none; color:#56b146; padding:5px 5px; font-weight:bold; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .breadcrumbs a:hover {text-decoration:none; background-color:#c0bb14; color:#fff;} .breadcrumbs a:active {color:#000;} .breadcrumbs a.first {padding-left:0;} .breadcrumbs a.current {font-weight:bold;} /* Main content ======================================================================= */ #content-main .inner-wrapper { background-color: #fff; padding: 20px 30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #content-main .inner-wrapper.has-assessment-wrapper { padding: 0; } /* Footer ======================================================================= */ /* GENERAL STYLES ====================================================================================================================== ====================================================================================================================== */ /* REQUIRED BUTTON STYLES:*/ .btn, .w-button { position:relative; margin-bottom:3px; font-weight:bold; text-decoration:none;} .btn + .btn { margin-left:5px;} .btn i { margin-right:5px;} .btn-default, .w-button, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active, .w-button:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:active, .btn.active, .w-button:active { background-image: none; } .btn-default, .btn.btn-default, .btn-default:visited { color:#fff; text-shadow: none; background:#347e2a; border:0; filter:none; text-decoration:none; box-shadow: 0 2px 0 #094800; } .btn-default:hover, .btn-default.hover { background-color: #c1bb00; color:#fff; box-shadow: 0 2px 0 #8e8a00; } .btn-default:active, .btn-default.active, .btn-default:focus { background-color: #808080; color:#fff; box-shadow: 0 1px 0 #000; position:relative; } .btn-primary, .btn-primary:visited { color:#fff; text-shadow: none; background:#c1bb00; border:0; filter:none; text-decoration:none; box-shadow: 0 2px 0 #a09b00; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #dad410; color:#fff; box-shadow: 0 2px 0 #a09b00; text-shadow:-1px -1px 4px #A09B00; } .btn-primary:active, .btn-primary.active, .btn-default:focus { background-color: #a09b00; color:#fff; box-shadow: 0 1px 0 #696600; top:2px; position:relative; } .btn-info, a.sort-link, .btn-info:visited, .w-button { color:#fff; text-shadow: 0 -1px 1px #8fbe85; background:#9ad18f; border-width: 0 0 2px 0; border-color: #7ba373; filter:none; text-decoration:none; border:0; box-shadow: 0 2px 0 #7ba373; } .btn-info:hover, .btn-info.hover, a.sort-link:hover { background-color: #abe3a0; color:#fff; border-color: #7ba373; text-shadow: 0 -1px 1px #8fbe85; } .btn-info:active, .btn-info.active, btn-info:focus, a.sort-link:active, .w-button:active { background-color: #7ba373; top:2px; position:relative; box-shadow: 0 1px 0 #5a7754; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled], a.sort-link:active, a.sort-link:hover, .w-button:hover { background-color:#abe3a0;} .btn-group { padding:30px 20px 10px; } .btn-group-2 { padding-top: 0; } .btn-group .btn { margin-bottom:10px;} .btn-group .btn + .btn { margin-right:5px; margin-left:0;} .btn:first-child { margin-right:5px;} /* old button styles:*/ button {position:relative; border:0; padding:0; cursor:pointer; overflow:visible; /* removes extra side padding in IE */ vertical-align:middle; font-family:"trebuchet ms", "san-serif"; } button::-moz-focus-inner {border:none; /* overrides extra padding in Firefox */} /*button span { position:relative; display:block; white-space:nowrap;}*/ .w-button { padding:4px 12px; border-radius:4px;} .KCFinderPicker { margin-bottom:15px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top:-1px; } } div.buttons { clear:both; } div.padded-box {padding: 0 20px; } button.submit, #login-inner a {padding:0 2px 0 0; font-size:13px; text-align:center; background:transparent url(../images/button-login-r.png) no-repeat right 0; color:#5A0E7A; } button.submit span, #login-inner a span {padding:0 13px 0 15px; height:30px; background:transparent url(../images/button-login-l.png) no-repeat left top; color:#5A0E7A !important; line-height:28px; border:none; } button.submit:hover, button.submitHover, #login-inner a:hover { background-position:right -40px; text-decoration:none !important; } button.submit:hover span, button.submitHover span, #login-inner a:hover span { background-position:0 -40px; text-decoration:none; } button.submit:active, button.submitActive, #login-inner a:active { background-position:right -80px; } button.submit:active span, button.submitActive span, #login-inner a:active span { background-position:0 -80px; outline:0 !important;} #login-inner a, #login-inner a span { display:block; border:0;} span.button input.disabled {color:#777;} span.button:hover input.disabled {cursor:wait !important;} .grey-button, .yiiPager, .yiiPager li, .hidden:hover {margin:0; padding:0; text-decoration:none; font-size:14px; } .grey-button span, .pager li.next a, /*.grid-view table.items th a,*/ .yiiPager li a, ul.yiiPager a:link, ul.yiiPager a:visited, .yiiPager .hidden:hover a {text-decoration:none; color:#808080; border:1px solid #e6e6e6; padding:4px 8px; min-width:24px; min-height:24px; line-height:23px; font-size:1em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } ul.yiiPager { margin-left:5px;} .yiiPager .hidden:hover a { background-color:#fff; cursor:auto;} .yiiPager li a, .list-view .yiiPager li a { display:inline-block; text-align:center;} #credits-list .pager { margin-left:20px; text-align:left;} .grey-button:hover span, /*.grid-view table.items th a:hover, */ ul.yiiPager .selected a, .yiiPager li:hover a {color:#fff; border:1px solid #9ad18f; background-color:#9ad18f; } .yiiPager li a:active, .yiiPager li a:focus{ background:#808080; color:#fff; border-color:#808080;} .grey-button:active span, .grid-view table.items th a span:active {border-top:1px solid #ffffff; border-bottom:1px solid #e2e2e2; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; color:#5A0E7A;background: #e0e0e0; /* Old browsers */ background: -moz-linear-gradient(top, #e0e0e0 0%, #ebebeb 51%, #afafaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(51%,#ebebeb), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0e0e0 0%,#ebebeb 51%,#afafaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0e0e0 0%,#ebebeb 51%,#afafaf 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e0e0e0 0%,#ebebeb 51%,#afafaf 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #e0e0e0 0%,#ebebeb 51%,#afafaf 100%); /* W3C */} *+html .yiiPager li, *+html .yiiPager li a, *+html .yiiPager li:hover, +html .yiiPager li:hover a, *+html .yiiPager .hidden:hover { display:inline !important; } *+html .yiiPager li { margin-left:5px !important;} .yiiPager .hidden, .yiiPager .hidden:hover { box-shadow:none; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .title {color:#347e2a;line-height:1.2;margin:0 0 5px 0;padding:6px 15px 6px 0 ;} * html h3.title {height:1px;} #login-form .title { padding-left:0;} h2.title:nth-of-type(2) { margin-top:20px;} h4.title-clickable-grey { cursor:pointer;} /* tables ======================================================================= */ table tr { border-bottom:1px solid #E7F4E5;} table tr:first-child { border-top:1px solid #E7F4E5;} .grid-view table.gridView thead tr:first-child { border:0;} table tr:hover { background-color:#F7FDF6;} table th { font-weight:bold;} table.no-action th { background-color:#f7fdf6; padding:4px 10px;border-right:1px solid #fff;vertical-align: top; } table.no-action tr:hover td, table.no-action tr:hover th { background-color:#f7fdf6;} #col-2-3 table.no-action { width:725px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-left:20px;} .assessment-overview { margin-top:30px;} .grid-view {margin: 20px 0px; width:100%; } table.items { margin-bottom:10px;} table.items.no-action td { padding:4px 10px 4px 17px;} table.items.no-action th {padding:4px 10px; width:235px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .grid-view table.items { border:0; margin-bottom:10px;} .grid-view table.items th {padding:2px 5px 2px 5px; background-color:#F7FDF6; font-size:12px;} .grid-view table.items th:hover { border:0px solid white;} a.sort-link { color:#fff; display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#9ad18f; text-decoration:none; border-radius:3px; text-shadow:none; position:relative; box-shadow:0 2px 0 #7ba373; padding:3px 5px; border:0; text-align:center; font-size:12px; } .grid-view table.items select { width:100%; } .grid-view table.items td, .nonSortable td { border:none; font-size:12px; padding:0.2em 0.2em 0.2em 0.4em ; vertical-align:top; } .grid-view table.items td:first-child { padding-left:10px;} .grid-view table.items tr {border-bottom:1px solid #e7f4e5;} .grid-view table.items tbody tr:hover, table.items tbody tr:hover, .nonSortable tr:hover { background-color:#f7fdf6; cursor:pointer;} .grid-viewtable.items thead tr, .grid-view table.items thead tr:hover, table.items thead th { background-color:transparent; } .grid-view table.items tr:active, table.items tr:active, .nonSortable tr:active { background-color:#cccccc; } .grid-view table.items thead tr, .grid-view table.items tr.filters { background-color:transparent;} .grid-view table.items tr.filters td { vertical-align:middle; padding:5px;} .grid-view table.items .filters input {background-image: url(../images/icon-search.png); background-position: right 3px; background-repeat:no-repeat; display:inline; position:relative; width:100%; padding-right:20px;} .grid-view .filters input:hover, .grid-view .filters input:active {border:1px solid #9FA1B6; background-image:none;} .grid-view table.items .filters td { padding:0 5px 0 0; } .grid-view .pager {margin:3em 0 3em 0px; color:#808080;} *+html .grid-view .pager li { display:inline; } *+html .grid-view .pager li a { display:inline-block;} .grid-view .pager li { background-image:none;} .grid-view table.items th a.asc, .grid-view table.items th a.desc {position:relative} .grid-view table.items th a.asc:after { background:transparent url(../images/sort.png) center 0 no-repeat; top:10px; right:10px; display:block; height:6px; width:10px; position:absolute; content:""; } .grid-view table.items th a.desc:hover:after { background-position:center -19px;} .grid-view table.items th a.desc:after { background:transparent url(../images/sort.png) center -39px no-repeat; display:block; height:6px; top:10px; right:10px; width:10px; position:absolute; content:"";} .grid-view table.items th a.asc:hover:after { background-position:center -59px;} .grid-view .summary { margin-bottom:10px; color:#808080; font-style:italic;} table.gridView .btn-default, .list-view .btn-default { padding:4px 8px 2px;} table.gridView .btn-default span, .list-view .btn-default span { text-indent:-999px; display:none; } table.gridView .btn-default .icon-eye-open, table.gridView .btn-default .icon-edit, .list-view .btn-default .icon-eye-open, .list-view .btn-default .icon-edit {font-size: 16px; margin:0;} table.gridView .btn-default .icon-edit, .list-view .btn-default .icon-eye-open, .list-view .btn-default .icon-edit { margin-right:-2px;} table.gridView p { margin:0; } table.no-action tr { cursor:default !important; } /*table.no-action tbody tr.odd:hover { background-color: #F6F6F6 !important; } table.no-action tbody tr.even:hover { background-color: #EEEEEE !important; }*/ div.narrow {width: 600px} .nonSortable th { font-weight:bold; color:#555; text-shadow:1px 1px 1px #fff; border-bottom:1px dotted #888888; padding:0.2em; background: #F7FDF6; } .nonSortable thead tr {border-left:1px solid #bbb; border-right:1px solid #bbb; border-top:1px solid #ccc; cursor:auto !important;} table.items .alert { color:#ff5656;} ul.fileList {width:100%; float:left; border-top:1px solid #E7F4E5; } ul.fileList li { width:100%; clear:both; float:left; border-bottom:1px solid #E7F4E5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left:0; list-style:none; background:none;} ul.fileList li span { width:490px; float:left; overflow:hidden;} ul.fileList li a.defaultAction { float:left;} ul.fileList li span.entryDate { float:left; width:95px; padding-left:10px;} ul.fileList .btn-default i { margin:0;} ul.longLabelList {width:100%; float:left; border-top:1px solid #E7F4E5; } ul.longLabelList li { width:100%; clear:both; float:left; margin:0px; padding:4px 0px 4px 0px;border-bottom:1px solid #E7F4E5; list-style:none; background-image:none;} ul.longLabelList li:hover {background-color:#E5F2B2} ul.longLabelList li span { width:84%; float:left;} ul.longLabelList li a.defaultAction { float:left;} .POLP .icon-plus { margin-right:0;} #project-latest-updates-grid table td:hover, #project-latest-updates-grid table td {cursor:default;} #project-latest-updates-grid table td a.defaultAction {margin: 0; display: inline-block;} /* PAGE SPECIFIC ====================================================================================================================== ====================================================================================================================== */ /* homepage ======================================================================= */ a.logos { border:1px solid #eeeeee; display:block; margin:20px 0;} .logos:hover { border-color:#ccc;} .logos img { width:190px; margin:10px auto; display:block;} #browsers li { display:inline; background:none; padding-left:7px;} /* assessments ======================================================================= */ div.category {background-position:right top; background-repeat: no-repeat; background-color: #9DC601; width:492px; height:115px; overflow:hidden; float:left; text-align:right;} div.category div.category-title {width: 226px; padding: 10px 10px; height: 95px; float: left; text-align: left;} div.category div.category-title h1 { color:white; font-size: 18px; font-weight:bold; margin: 0; line-height: 24px;} div.category img{width:246px; margin-bottom:10px;} .assessment-top{ overflow:hidden; padding:20px; border-bottom: 3px solid #D6E6D2;} .assessment-light .assessment-top { border-bottom: 0;} .assessment-top h2 { float:left; width:55%; margin-top:10px;} .assessment-top h2 a { text-decoration:none; color:#347e2a;} .assessment-top h2 a .bronassessment {color: #c1bb00;} .assessment-top h2 span.bespoke-label { font-size:85%; color:#FF9800; font-weight:normal; margin-top:2px; display:inline-block; vertical-align:top; } .assessment-score-summary { float:right; margin:0; font-size:12px;} .assessment-score-summary a { text-decoration: none; color: #555; } .assessment-score-summary a:hover { color: #347e2a; } .assessment-score-summary li { background:none; padding:0;} .assessment-score-summary .label { display:inline-block; width:100px; font-weight:bold;} .assessment-main { overflow:hidden; background-color:#F7FDF6; } .assessment-main #col-1 h3 { color: #56B146; background-color: #D6E6D2; padding-top: 8px; padding-bottom: 10px; } .assessment-main #col-1 .sub-nav { margin-top: 0;} .assessment-main #col-1 .sub-nav li { background: none; border-bottom: 1px solid #D6E6D2; padding: 0; margin:0;} .assessment-main #col-1 .sub-nav li a { color: #777; background-color: #eef7ec; border-bottom: 5px solid #dfecdb; text-decoration: none; display: block; padding: 6px 10px 6px 15px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; } .assessment-light .assessment-main #col-1 .sub-nav li a { background:#d5e9e8; border-bottom: 5px solid #c7dddc; color: #555;} .assessment-main #col-1 .sub-nav li a:hover {background-color:#BFDCB9; color:#fff; border-color: #afd3a8; } .assessment-light .assessment-main #col-1 .sub-nav li a:hover { background-color: #588782 ; border-color: #3D6864; } #assessment-details {background-color:#eee; float:right; width:492px; } * html #assessment-details {height:1px; padding:0;} #assessment-details img {display:block; margin:0;} #assessment-details div {zoom:1; position:relative;} #assessment-details a.button-small { margin:-1px 0 -3px -2px;} #criteria-list h4.toggleBlockControl { background-color: #b0d7a9; border-radius: 4px; padding: 5px 15px; } #criteria-list h4.toggleBlockControl:hover {color:#fff;} #criteria-list h4.toggleBlockControl i { font-size: 18px; margin-top: -2px;} .toggleBlockControl { cursor:pointer !important;} .toggleBlockControlQTip { vertical-align:top; cursor: pointer; display:inline-block; height:19px; } .title-clickable {zoom:1; position:relative; padding:5px 15px; font-size:100%;cursor:pointer; background-color:#56b146; color:#fff; border-radius:4px; margin:0;} #score-details .title-clickable { border-radius:4px 4px 0 0; } .title-clickable:hover { background-color:#c1bb00;} .title-clickable:active { background-color:#4C4B4C; border:none;} .title-clickable i { font-size:20px; line-height:21px;} #assessment-details .foto { width:238px; height:90px; overflow:hidden; float:left; border-top:1px solid #fff; border-right:1px solid #fff; } #assessment-details .foto img { width:238px;} #assessment-details ul { margin:0; float:right; width:253px; } #assessment-details ul li { border-top:1px solid #fff; padding: 3px 0 3px 6px; margin:0; color:#5A0E7A; background-image:none;} #assessment-details ul li span { display:inline-block; } #assessment-details ul li .button-small span { width:auto;} #assessment-details .title-clickable { height: 21px; overflow: hidden; } #assessment-details .title-clickable a { padding:1px 11px 0px 11px;} span.back-button { border-top:1px dotted #888; margin-top:15px; color:#fff; text-decoration:none; } span.back-button a {color:#fff; text-decoration:none;} /*span.back-button i { margin-right:0;}*/ a.btn.back-button { background-color: #9e9e9e; } a.btn.back-button:hover { box-shadow: 0 2px 0 #666; } .assessment-navigation { width:744px; clear:both; margin:30px 0 20px 20px; } #assessment-registration-form-confirmation-form { padding: 20px;} #assessment-registration-form-confirmation-form h2 { margin-bottom: 0.3em;} #assessment-registration-form-confirmation-form h2 + p { margin-top:-5px;} /* Creditpage =========================================================== */ .credit-overview > .empty {margin: 15px;} /*.credit-overview { margin:0 0 15px; border-top:1px solid #E6E6E6; box-shadow:0 1px 1px 1px #EFEFEF} .credit-overview li a, .credit-title a { padding:6px 10px; color:#5A0E7A;} .credit-overview li em { display:inline-block; width:45px; margin-right:10px; white-space: nowrap;}*/ .list-view .summary { margin:10px 20px; font-style:italic; font-size:12px;} .list-view li { background:none; background-color:#fff; padding:0; margin:0;} .list-view li a { border-bottom:1px solid #e7f4e5; padding:5px 20px; display:block; text-decoration:none;height: 16px; overflow: hidden;} .list-view li a:hover { background-color:#F7FDF6; border-color:#56b146; color:#56b146; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .list-view li a:active { color:#808080; border-color:#808080} .list-view li a em { display:inline-block; width:70px; margin-right:10px; height: 16px; overflow: hidden;} .list-view.credit-overview > li.invisible > a { color: lightgrey; } h2.compare { margin:10px 20px; } .credit-top { border-bottom:1px solid #D6E6D2; margin-bottom:20px; overflow:hidden; padding:20px 20px 10px; } .credit-top .nav { float:left;} .credit-top .nav .btn-default, .credit-bottom .nav .btn-default { padding:2px 13px;} .credit-top .nav .btn-default i, .credit-bottom .nav .btn-default i { font-size:24px; margin:0;} .nav .btn-default span { display:none; } .credit-top .credit-top-title-wrapper {float:left;} .credit-top h1 { width:450px; margin:0; } .credit-bottom { padding:20px 0;} .credit-top .meta li { overflow:hidden;} .credit-top .meta li span { font-size: 8px; display: inline-block; float:right; width: auto; line-height: 9px; color: #A09B00; text-transform: uppercase; letter-spacing: 1px; padding-left: 5px; padding-top: 2px; } #col-2-3 .nav { padding:20px 20px; border-top:1px solid #D6E6D2;} #col-2-3 .nav.padded-box { padding-top: 0;} #col-2-3 .nav.padded-box a { padding: 2px 13px;} #col-2-3 .nav.padded-box i { font-size: 24px; margin: 0;} #col-2-3 .credit-bottom .nav { margin-top:50px; padding:20px 0;} #col-2-3 .credit-top .nav { padding:0; border:0; margin-right:20px;} .meta { float:right; width:170px; margin:0px 0 15px;} .meta li { margin:0; display:inline-block; background-image:none; float:right;} *+html .meta li { float:left;} /* .meta select { width:95px; position:relative; top:-3px;} */ .credits {background-color:#e1efde;color:#c1bb00;font-size:21px;height:21px;line-height:22px;position:relative;padding:3px 5px;right:0;top:0;width:auto; max-width:126px; margin:0 6px !important; border-radius:3px; overflow:hidden;} .credits .points { float:left; display:inline-block;} /*.assessment-result { width:20px; border:1px solid blue; height:20px; position:relative; top:3px; }*/ .credit-description { width:100%/*482px*/; background-color:#3d6864; color:#fff; text-align:center; padding:20px 20px; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; text-align: left; margin-bottom: 5px; } .credit-description p:first-child { margin-top: 5px;} .credit-description h2 { margin:0; /*width:492px;*/ color: #F7FDF6; font-size: 1.35em;} .credit-description em, form .credit-description p em strong {color: #AFD3A8;} .credit-description h3 { color:#555555; margin-top:0;width:492px;} .credit-description .htmlContent { padding: 0 ;} .credit-description .htmlContent p:first-of-type { font-weight: bold; font-size: 1.2em; line-height: 1.5em;} .credit-actions { overflow:hidden;} .actions { margin:0 0px 30px 0; padding:0; width:555px; float:right; overflow:hidden;} .actions li { background-image:none; margin:0 0 5px 5px; float:right; display:inline; padding:0; } .actions li a { font-size:11px; font-weight:bold; line-height:14px; display:block; margin-left:2px; min-height:30px; max-width:140px; } .actions li a i { float:left; font-size:18px;} .actions li.invite a { display: inline-block;} .actions li.icon-only i {margin-right: 0; margin-top: 6px;} /* @todo: brenda, deze nog fine-tunen? */ .btn-grey, .btn-grey:visited { background: #c7c7c7; color: #fff; text-shadow: none; box-shadow: 0 2px 0 #a3a3a3; border: 0;} .btn-grey:hover { background: #a3a3a3; color: #fff; box-shadow: 0 2px 0 #757575; } .btn-grey:active { position:relative; top: 2px; box-shadow: 0 1px 0 #757575; } .sourceCredit, .sourceCredit a { color: orange; } p.attention { color:#FC4A1E;} #credits-list-compare.linked-to p { margin:0 20px; } .list-view .linked-credits li { border-bottom:solid #e7f4e5 1px; } .list-view .linked-credits li .toggleBlockControl {color: #56B146; border-bottom: 1px solid #56B146; padding-bottom: 5px; padding-top:7px;} .list-view .linked-credits li .toggleBlockControl > span { display: inline-block; } .list-view .linked-credits li .toggleBlockControl > span span {margin-left: 10px;} .list-view .linked-credits li .toggleBlockControl a {color: #56B146; display: inline-block; float: right;} .list-view .linked-credits li .toggleBlockControl a:hover { color: #347E2A; } .list-view .linked-credits li.toggleBlock .toggleBlockTarget { padding: 0; } .list-view .linked-credits li a { border:none; } .linked-credits .asset-overview li { padding-left:25px; border:none; } .linked-credits .asset-overview li a { border:none; padding-right: 5px; min-height: 25px; } .linked-credits .asset-overview li a .btn { float: right; } .linked-credits .checkbox > span { background:none; } ul.creditAnswerSubmissions li { list-style:none; background:none; padding:0;} ul.creditAnswerSubmissions input { display:inline-block; margin:0 10px 0 0px;} ul.creditAnswerSubmissions label { display:inline-block; margin:0; vertical-align:top; height:auto; width:700px;} ul.creditAnswerSubmissions label + input[type=text] { margin:0 0 2px 15px;} ul.creditAnswerSubmissions .score {color: #999;} ul.creditAnswerSubmissions li.invisible {color: lightgrey;} ul.creditAnswerSubmissions li.invisible .score {color: lightgrey;} ul.creditAnswerSubmissions.twoColumns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } ul.creditAnswerSubmissions.twoColumns li { box-sizing: border-box; overflow: hidden; padding-left: 2px; padding-bottom: 10px; margin: 0; -webkit-column-break-inside: avoid; column-break-inside: avoid; } ul.creditAnswerSubmissions.twoColumns input { float: left; width: 5%; margin-top: 4px; } ul.creditAnswerSubmissions.twoColumns label { width: 90%; float: left; } /* Credit Filters =============================================================== */ .btn-creditlist { margin:15px 15px 15px 15px; display:block;} .btn-creditlist-reset { margin:15px 15px 15px 15px; display:block; color: #347e2a !important; text-decoration: none; } .btn-creditlist-reset:hover { text-decoration: underline; } .btn-creditlist-linked { margin:15px !important; display:block;} .credit-filters h4 { padding:7px 15px; background-color:#d6e6d2; color:#56b146;} .credit-filters .filter-group { padding:0 15px;} .credit-filters input[type=checkbox]{} .credit-filters input { height:auto;} .credit-filters input[type="checkbox"]:checked+label{ font-weight: bold; color:#347e2a; } .credit-filters label { display:inline; height:auto; margin:0; color:#808080;} #CreditFilter_text { width:177px; height:25px; float:left; border-radius: 4px 0 0 4px;} .filter-group button.search { margin-left:-2px; box-shadow:none; height:25px;} .filter-group button.search:hover { box-shadow:none;} .filter-group button.search:active, .filter-group button.search:focus { top:0;} .credit-filters-copy input {display: inline-block;} .credit-filters-copy label {display: inline;} /* accordion =============================================================== */ #col-2-3 form { display:block; clear:both; margin:0; padding:0 20px; } #criteria-list, .entryExtraParams {list-style:none; color:#033; margin:0; clear:both; } #criteria-list li, .entryExtraParams li { margin-bottom:10px; background-image:none; padding:0; } #criteria-list li.creditProof { margin-bottom:40px; clear:both; padding-top:10px} .toggleBlock.criteriumBlock.invisible h3.title-clickable { background-color: lightgrey; } .toggleBlock.criteriumBlock h3.title-clickable i.icon-info-sign { color:white; } .toggleBlock.criteriumBlock h3.title-clickable i.icon-exclamation-sign { color:white; } #criteria-list h3, .entryExtraParams h3 {margin-top:5px; } #criteria-list .acc-section, .entryExtraParams .acc-section {overflow:hidden; background-color:#f3f3f3; padding:15px 15px 30px;} .entryExtraParams .acc-section {background-color:#FFF; border:1px solid #ccc; } #score-details .acc-section, #criteria-list .requirements .acc-section { padding:15px; background-color:#fff; box-shadow: 0px 1px 2px #ccc; border-radius:4px;} .toggleBlockTarget { background-color:#F3F3F3; padding:15px 15px 15px; margin-bottom: 15px; overflow:hidden; border-radius:0 0 4px 4px;} .toggleBlockTarget .htmlContent ul { padding-left: 15px;} .toggleBlockTarget .htmlContent ul li { list-style-type:disc; list-style-position: outside;} .toggleBlockTarget .acc-section { background-color:#fff; border-radius:3px; box-shadow:0 1px 2px #CCC; padding:15px;} #criteria-list .acc-section .proof-text { border:solid #ccc 1px; padding:5px; height:150px; min-height:30px; overflow-y:scroll; box-shadow:1px 1px 1px #999; resize:vertical; font-size:87.5%; background-color:#fff; } #criteria-list li ul.fases { margin:0 0 10px; width:auto; float:left; } #criteria-list li ul.fases li { margin:0 0 5px; line-height:14px; background-image:none; padding:0; } #criteria-list label { display: inline;} #criteria-list .acc-section-interpretations h5 {margin-bottom: 5px;} #criteria-list .acc-section-sub {margin-bottom: 20px;} #criteria-list .acc-section-sub p {margin-top: 5px;} .fases input { width:auto; height:auto; margin:0 0 0 10px;} .verantwoording { width:443px; padding-right:16px; margin-right:16px; float:left; border-right:1px solid #F3F3F3; } .verantwoording h5, .other-version h5 { margin-top:0; font-size:90%; } #criteria-list .creditProof input[type=checkbox] { display:inline-block; margin:0 10px 0 0; } #criteria-list .creditProof label { display:inline-block; margin:0 30px 0 0 } .validatie h5 { font-size:90%; margin-bottom:10px;} .other-version h5, .other-version .fases label, .sourceCredit label { color:#C1BB00;} .verantwoording textarea { width:97%; background-color:#fbfbfb; padding:5px; } .verantwoording textarea:hover, .verantwoording textarea:focus { background-color:#FBFBFB;} a.toelichting-bewijs { display:inline-block; margin-bottom:5px; text-decoration:none; color:#5A0E7A; } a.toelichting-bewijs:hover { text-decoration:underline;} #criteria-list .score { margin-left: 10px; color: #999; font-weight: normal; font-size: 16px; } #criteria-list .score a { color: #999; text-decoration: none; } #criteria-list .score a:hover { text-decoration: underline; } #criteria-list .score select { width: 55px; padding: 0; } .acc-section.compareView { display:inline-block; width:330px; } div.compareView , ul.creditAnswerSubmissions.compareView { display:inline-block; width:360px; vertical-align:top; } ul.creditAnswerSubmissions.compareView label { max-width:325px; } p.compareView { padding-left:365px; margin-bottom:0; } p.compareView strong a { color:#9094B5; } p.sourceCredit { font-style:italic; font-size:0.9em; } /*#score-details h3.title-clickable span span, #criteria-list h3.title-clickable span span, .entryExtraParams h3.title-clickable span span { background: transparent url(../images/expand-collapse.png) right 1px no-repeat; border:0; background-position:right -39px; } #score-details .closedBlock h3.title-clickable span span, #criteria-list .closedBlock h3.title-clickable span span, .entryExtraParams .closedBlock h3.title-clickable span span { background-position:right 0px;} #criteria-list .radioStyle h3.title-clickable span span, .entryExtraParams .radioStyle h3.title-clickable span span { background-image: url(../images/expand-collapse-radio.png) } #score-details h4.title-clickable-grey span span, #criteria-list h4.title-clickable-grey span span { filter:none; background: transparent url(../images/expand-collapse.png) right -202px no-repeat; border:0; padding:1px 0; } #score-details .closedBlock h4.title-clickable-grey span span, #criteria-list .closedBlock h4.title-clickable-grey span span { background-position:right -162px; filter:none; background:url("../images/expand-collapse.png") no-repeat scroll right -162px transparent;}*/ #criteria-list .select-criterium-indicator {margin-right: 7px;} .close { display:block; border:1px solid #CFCFCF; width:30px; height:25px; padding:0px 0; position:absolute; right:0; margin-top:-40px; text-align:center; font-size:85%; text-shadow: 1px 1px 0 #FFFFFF; cursor:pointer; background-color:#cecece; border:0; border-radius:4px;} .close:hover { background-color:#c1bb00;} .close:active { background-color:#808080;} /*.close span { text-indent:-9999px; background:transparent url(../images/arrow-close.png) center 3px no-repeat; display:block;} .close:hover span { background-position:center -17px;}*/ .close .icon-remove, .close .icon-chevron-up{ text-shadow:none; color:#fff; font-size:15px; display:block; padding:4px 0 0 3px;} .close .icon-angle-up { text-shadow:none; color:#fff; font-size:20px; display:block; padding:0px 0 0 3px;} .toggleBlock.closedBlock .close { display: none; } .toggleBlock.closedBlock .toggleBlockTarget { display: none; } /* indicator icon */ .toggleBlock .indicator-open, .toggleBlock .indicator-closed {float: right;} .toggleBlock .indicator-open {display: none;} .toggleBlock.closedBlock .indicator-closed {display: none;} .toggleBlock.closedBlock .indicator-open {display: inline;} .validatie textarea { color:#000;} .versioncompare .validatie textarea { width:97%;} /* version compare =============================================================== */ .versioncompare #criteria-list .requirements .acc-section { padding:0;} .versioncompare #criteria-list .wrap { border-right:1px solid #F3F3F3; width:326px; margin-right:15px; padding:15px; float:left;} .versioncompare #criteria-list .validatie .wrap {border-right:1px solid #ffffff;} .versioncompare #criteria-list .wrap .verantwoording { float:none; width:100%; padding-right:0; margin-right:0; border:0;} .versioncompare #criteria-list .wrap .fases { float:none; margin-top:20px;} .versioncompare .other-version { float:right; width:308px; margin-right:0px; padding:15px 15px 15px 0;} .versioncompare .other-version .compareText { width:300px; min-height:70px; border: 1px solid #cacbd6; color:#9FA1B6; padding: .3em; margin: .4em 0 1em 0; } .versioncompare #criteria-list .validatie .acc-section { padding-top:0;} .versioncompare .validatie .other-version { padding-top:26px;} /* .versioncompare .validatie .other-version select { margin-top:3px;} */ .versioncompare .validatie .other-version .compareText { margin-top:39px; min-height:70px;} *+html .versioncompare .validatie .other-version .compareText { margin-top:34px;} div.textDisplay { border:solid #ccc 1px; padding:5px; height:100px; overflow-y:auto; resize:vertical; background-color:#fbfbfb; border-radius:3px; box-shadow:inset 0 1px 3px #ccc; font-size:13px; } .expert ul { margin-top:5px;} .expert li { background:none; padding:3px 0; border-bottom:1px solid #EEEEEE} .expert li a { text-decoration:none; color:#555; background:transparent url(../images/icon-mail.png) 0 0 no-repeat; padding:5px 0 5px 30px;} .expert li a:hover { background-position:0 -30px;} .expert li a:active { background-position:0 -60px;} .expert a.grey-button { text-align:center; padding:0;} .expert a.grey-button span { width:222px;} .expert a.grey-button + a.grey-button { margin-top:10px} .expert h3 span span { padding:0 !important; border:0 !important; background:transparent url(../images/expand-collapse.png) right -80px no-repeat !important;} .expert h3 span span.open { padding:0; border:0; background:transparent url(../images/expand-collapse.png) right -120px no-repeat;} #col-1 h3.title { margin:0 0 0 0px; padding-left: 15px;} #col-1 .btn-info { color:#fff; display:block; margin:10px 15px 25px;} /* form ======================================================================= */ input, textarea, select, label {font-family:Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Calibri, Corbel, Verdana, sans-serif; height:24px; font-weight:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input[type=checkbox], input[type=radio] {height: auto;} .row input[type=checkbox], .row input[type=radio] {height: 24px;} textarea { box-shadow:inset 0 1px 3px #ccc; width:100%; overflow:auto; resize:vertical; height:160px;} textarea.largeArea {height: 300px; width: 695px;} textarea.smallArea {height: 80px; margin-top:15px;} textarea:hover, textarea:focus { background-color:#fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(86, 177, 70, 0.3); box-shadow: 0px 0px 5px 2px rgba(86, 177, 70, 0.3);} select {cursor:pointer;} /*.form { width:550px;}*/ .form label { display:inline-block; width:200px; margin:0;height:auto;} #col-2-3 .form label { width:200px;} .form label small { display: block; font-size: 85%; } .form input[type=checkbox] + label { min-width:450px; max-width:450px; } .form input[type=checkbox] { display:inline-block; margin:5px 0 0 0; vertical-align:top;} .form label.longLabel {/*min-width:430px; max-width:430px;*/ width:430px } .form input[type=text], .form input[type=password] { background-color:#FBFBFB; padding:3px 5px; width:404px; vertical-align:top;} .form input[type=text]:hover, .form input[type=text]:focus, .form input[type=password]:hover, .form input[type=password]:focus { background-color:#e1e0e8;} .form input.streetname { width:160px; } .form input.housenumber { width:50px; } .form input.zipcode { width:70px; } .form input.city { width:270px; } .form div.right { display:inline-block; text-align:right; } .form select { width:404px; padding:3px 3px 3px 3px; } .form span.inline { display:inline-block; margin-top:5px; } .qtip { min-width: 350px; } .qtip .form.togglePropertiesFromCredit { font-size: 110%; line-height:16px; } .form.togglePropertiesFromCredit label { font-size: inherit; font-weight: normal; vertical-align: middle; line-height: 16px; } .form.togglePropertiesFromCredit input[type=checkbox] + label { min-width:unset; max-width:unset; } #col-2-3 .form.togglePropertiesFromCredit label { width:unset; } .qtip-content .form.togglePropertiesFromCredit label { width: 90%; } .form #propertyCondition select { width:100px; padding:3px 3px 3px 3px; } .form .toggleBlock .simpleSeparator input[type=text] { width: 350px } .form .toggleBlock .simpleSeparator select { width: 350px } .form .toggleBlock .hint { width: 350px; margin:0 0 0 220px; } .form .toggleBlock .simpleSeparator input[type=radio] { width: auto } .quickedit-save { margin-top: 40px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color:rgba(86, 177, 70, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(86, 177, 70, 0.5); } form div.row, div.form .row { padding:0; margin:10px 0 0; } form .row.buttons { margin-top:20px; margin-bottom:15px;} form .row.buttons.portfolio .btn-hint { display:inline-block; max-width:155px; margin-right:5px; } form .row.buttons.portfolio .btn { vertical-align:top; margin-top:10px; } .row.buttons .btn + span.back-button { margin-top:0;} form div.row > label:first-of-type { background-color:#F7FDF6; padding:7px 10px; margin:0 15px 0 0; } h1 + div.form { margin-top:2em;} form div.row input[type=text], form div.row select { margin:5px 0;} form div.row + h2 { margin:1.3em 0 1em;} p.fileHint { margin:-2px 0 10px 10px; font-weight:normal; font-size:90%; color:#666; } table.items p.fileHint { margin:0; font-size:85%; } .form input[type=file] { border:1px solid #E7F4E5; padding:10px; height:auto; width:auto;} .form fieldset { border-radius:0 !important; padding: 10px 10px 10px 15px; } .form fieldset input[type=text] { width:/*415px*/385px;} .form fieldset label { width:/*100px*/123px;} .form #creditProjectDataLink-form fieldset label { width:160px;} .form fieldset legend { padding:0 10px; color:#347E2A; font-weight:bold; display: inline-block; width: auto;} .form textarea { width: 404px; margin-bottom:15px !important; background-color:#FBFBFB; vertical-align:top;} .form input.shortTextInput { width:27px !important } .form input.mediumTextInput { width:75px !important } .form input.typeNumber {text-align:right} div.form .hint { padding:15px 0; margin-left:220px;} .assessment-main div.form + .btn-default { margin-left:20px;} #ReportForm input[type=radio], #ReportForm input[type=checkbox] {vertical-align: bottom; margin-bottom: 3px; width: inherit;} #ReportForm label {max-width: 300px;} #ReportForm .reportTypes label {max-width: 100%;} #ReportForm span {margin-top:5px; display:inline-block;} #weight { margin:25px 0; clear:both;} .metadata { margin-bottom:25px;} .metadata li { padding:0; background:none; font-style: italic; font-size:0.9em; margin:0; color:#999999; } .metadata strong { font-weight:bold; display:inline-block; width:150px;} .list { margin:25px 0;} div.view { border:1px solid #DDDDDD; border-radius:4px; width:460px; min-height:20px; padding:15px 10px 15px 50px;} div.view-non-draggable {padding:15px 10px 15px 15px;} #assessment-definition-form .row{ margin-top: 0;} #cke_AssessmentDefinition_description { margin: 25px 0;} .entryExtraParams div.view {width: 90%;} .entryExtraParams div.view-non-draggable {width: 94%;} div.view .defaultAction { float:right; } div.view .list-date { float:right; display: inline-block; padding-right: 20px; font-weight: bold; } div.dragHandle { text-indent:-9999px; display:inline-block !important; float:none !important; margin:-5px 10px 0 -40px !important; position:absolute !important; background:transparent url(../images/icon-drag.png) 0 0 no-repeat !important; border:0 !important;} div.dragHandle:hover { background-position:0 -38px !important;} div.dragHandle:active { background-position:0 -75px !important;} input[type=checkbox] { width:auto; margin-right:10px; border:0;} input[type=radio] { width:auto; margin-right:15px; border:0;} #propertyCondition label { min-width:130px;} div.form .errorSummary { border-color:#f54e50; background-color:#ffe7e3;} .errorSummary p{ font-weight:bold; color:#f54e50} .versionControls {/* position:absolute; margin-left:600px;*/ border:1px solid #DDDDDD; padding:15px;} #versionList { border-top: 1px solid #EEEEEE;} #versionList li { background:none; padding:3px 0; border-bottom:1px solid #EEEEEE; } #versionList li a { text-decoration:none; color:#5A0E7A;} #versionList li a:hover { border-bottom:1px dotted #5A0E7A;} .imageUpload { margin-bottom:15px;/*width:474px;*/float:left} .imageUpload input[type="file"] { margin-right:15px;} .imageUpload img { display:block; margin:15px 0;} #areaProperties label { width:auto; max-width:500px;} .row.buttons input { position:relative; top:0; } .row.simpleSeparator { border-top:1px solid #E7F4E5} .acc-section .row.simpleSeparator, #project-form .row.simpleSeparator { border:0;} #propertyCondition table thead td { border-left:1px solid white; text-align:center; padding:3px 10px !important;} #propertyCondition table tbody td { border-top:1px solid #fff; text-align:center;} #propertyCondition table tbody tr td:first-child { text-align:left; background-color:#eee; padding:10px !important;} .projectSectionContainer label {width: 85% !important;} .projectSectionContainer label small {display: inline-block; color: #999;} .row.radiobuttonlist > span { display: inline-block; } .row.radiobuttonlist > span > label { width: auto; } #ui-datepicker-div { -webkit-box-shadow: 0px 0px 2px 2px #dedce8; -moz-box-shadow: 0px 0px 2px 2px #dedce8; box-shadow: 0px 0px 2px 2px #dedce8; } .ui-datepicker-header { border:1px solid #a9a9a9;} .ui-datepicker-calendar th { background-color:#d8e488; text-align:center; padding:0.7em 0.3em; font-weight:bold; color:#555;} .ui-datepicker td a { color:#5A0E7A !important; background-color:#FBFBFB !important; } .ui-datepicker td a.ui-state-default {border-color:#d5d6e4 !important;} .ui-datepicker td a.ui-state-default:hover { border-color:#9FA1B6 !important; text-decoration:underline;} .ui-datepicker .ui-state-highlight, .ui-datepicker a.ui-state-default.ui-state-highlight { border:1px solid #bcd969 !important; background-color:#faffd7 !important;} .ui-datepicker-title { text-shadow: 1px 1px 0 #FFFFFF; line-height:1.8em; margin:0 2.3em; text-align:center; font-size:1.1em;} .ui-corner-all { border-radius:0;} .checkbox > span { border:0px solid blue; display:block; background:transparent url(../images/checkboxes.png) right 0 no-repeat; padding:1px 26px 1px 0px;} .checkbox.small { padding:0; text-align:left; font-size:1em; } .checkbox.small > span { width:24px; padding:0; } .checkbox .score { float: right; margin-right: 15px; color: #999; } .checkbox.rejected span, .assessment-result.rejected { background-position:right -100px !important;} .checkbox.accepted span, .assessment-result.accepted { background-position:right -75px !important;} .checkbox.rejected-grey span, .assessment-result.rejected-grey { background-position:right -50px !important;} .checkbox.filled-in span, .assessment-result.filled-in { background-position:right -25px !important;} .checkbox.question span, .assessment-result.question { background-position:right -124px !important;} .assessment-result { background:transparent url(../images/checkboxes.png) right 0 no-repeat !important; width:22px; height:22px; position:relative; top:4px; padding:0;} .navigate { border-top:1px dotted #555; margin-top:30px; padding-top:15px; overflow:hidden;} .button.prev { float:left;} .button.next{ float:right;} .closedBlock .toggleBlockTargetQTip { display:none; } #versionPicker { border-radius:4px; background-color:#f8f8f8; margin: 1.5em 0 1em; padding: 0.2em 1em; width:460px; } #versionPicker li { display: block; margin: .1em .5em; } .hidden {display:none;} /* used in registration form */ form p strong { color: #347E2A; font-weight:bold;} div.inviteMessage {color: #d00; margin-bottom: 5px; } /* override Yii form */ form div.error label, form label.error, form span.error { color: #C00; } form div.error input, form div.error textarea, form div.error select, form input.error, form textarea.error, form select.error { background: #FEE; border-color: #C00; } form .errorSummary { border-left: 3px solid #B94A48; padding: 15px;; margin: 20px 0 20px 0; background: #F2DEDE; font-size: 0.9em; color:#B94A48; border-radius:4px; } form .errorSummary h2, form .errorSummary h3 {color:#B94A48;} form .errorMessage { color: red; font-size: 0.9em; } form .errorSummary p { margin: 0; padding: 5px; } form .errorSummary ul { margin: 0; padding: 0 0 0 20px; } .warningMessage { width:100%; background-color: #FFE7E3; border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; font-size: 0.9em; } .warningMessage, .warningMessage h2, .warningMessage h3 {color:#C00} /* Score details =========================================================== */ #score-details .scoreIntro, #score-details .overallScore, #score-details .certificateDetails, #score-details .certificateLevelList, #score-details .categoryScoreList{ margin: 0 20px; } #score-details span.score, #score-details span.score-failed, #score-details span.score-limit { font-weight: bold; white-space: nowrap; border: 1px solid #BBB; padding: 0px 3px; line-height: 1.8em; } #score-details span.score { background-color: #E3ECBA; border:0; } #score-details span.score-failed { background-color: #ECBABA; border:0; } #score-details span.score-limit { background-color: #E3E3E3; border:0; } #score-details .acc-section { margin-bottom: 10px; } #score-details .scoregroup_container h2.scoregroup_header { padding:7px 15px; background-color:#d6e6d2; color:#56b146;} #score-details .scoregroup_container { margin-bottom: 25px; } #score-details ul { margin-top: 0px; } table.section-list td.title-column { width: 200px; } table.section-list thead th { font-weight:bold; color:#5A0E7A; background-color:#EEEEEE; padding:0 5px; border:1px solid #EEEEEE;} table.section-list td { border:1px solid #EEEEEE; padding:0 5px;} /* Confirm QA-submission =========================================================== */ .confirm-submit .categoryScore.toggleBlock .toggleBlockTarget { display: block; } .confirm-submit .categoryScore.toggleBlock .toggleBlockControl { background: #FBE3E4; color: #8a1f11; cursor: auto !important; } /*--------------------------------------------Pre-assessment----------------------------------------*/ .assessment-light #logo-assessor img { } #logo-assessor .logo-nieuwbouwtoolbox { width:462px; height:67px; } .assessment-light .title-clickable { border-color:#d2bfd9 #c6aecf #ba9fc4; } .assessment-light .title-clickable a, .assessment-light .title-clickable span{color:#fff; text-shadow:-1px -1px 1px #A27FB0; border-color:#dccee2;background: rgb(196,171,206); /* Old browsers */ background: -moz-linear-gradient(top, rgba(196,171,206,1) 0%, rgba(180,152,191,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,171,206,1)), color-stop(100%,rgba(180,152,191,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(196,171,206,1) 0%,rgba(180,152,191,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(196,171,206,1) 0%,rgba(180,152,191,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(196,171,206,1) 0%,rgba(180,152,191,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(196,171,206,1) 0%,rgba(180,152,191,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4abce', endColorstr='#b498bf',GradientType=0 ); /* IE6-9 */ } .assessment-light .title-clickable a:hover {background: rgb(171,126,189); /* Old browsers */ background: -moz-linear-gradient(top, rgba(171,126,189,1) 0%, rgba(142,97,160,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,126,189,1)), color-stop(100%,rgba(142,97,160,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(171,126,189,1) 0%,rgba(142,97,160,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(171,126,189,1) 0%,rgba(142,97,160,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(171,126,189,1) 0%,rgba(142,97,160,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(171,126,189,1) 0%,rgba(142,97,160,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab7ebd', endColorstr='#8e61a0',GradientType=0 ); /* IE6-9 */ } .assessment-light .category { background-color:#c1a6cd;} .assessment-light #col-1 h3.title { background-color:#588782; text-transform:none; font-size:21px; line-height:1.9em; color:#fff; font-weight:normal; height:33px; /*border-bottom:1px solid #DED0E3; border-right:1px solid #f5f0f7;*/ padding-top: 2px;} .assessment-light .meta { margin:9px 4px 0 0; width:auto; display: inline-block;} .assessment-light .credits { background-color:#D5E9E8; border:0px;} .assessment-light .assessment-main { overflow:hidden; border:0px; background-color:#fdfdfd; } .assessment-light #col-2-3 { margin:0; /*padding-left:20px; width:734px;*/ background-color:#fff; width:765px; } .assessment-light .credit-top { padding: 0;} .assessment-light .credit-top, .assessment-light .assessment-overview-top { border-bottom:1px solid #fff; min-height:46px; background-color:#3d6864; } .assessment-light .credit-top .nav { margin-left: 15px; margin-top: 8px;} .assessment-light .credit-top .nav .btn-default, .assessment-light .credit-bottom .nav .btn-default { background-color: #56B146;} .assessment-light .credit-top .nav .btn-default:hover, .assessment-light .credit-bottom .nav .btn-default:hover {background-color:#C1BB00; } .assessment-light .credit-top .nav + h1{ padding-left: 0; padding-right: 0;} .assessment-light .credit-top h1, .assessment-light .assessment-overview-top h1 { color:#fff; padding: 8px 20px; margin:0; width: auto; max-width: 475px; display: inline-block; } .assessment-light .credit-top { min-height: 46px;} .assessment-light .credit-description { margin:0 0px 20px; width:auto;} .assessment-light #criteria-list li { margin:0px;} .assessment-light #criteria-list li.validatiel { margin:0;} .assessment-light #criteria-list .acc-section, .entryExtraParams .acc-section {background-color:#fff; margin-bottom:10px; border-width:1px; border-style:solid; border-color:#e6e6e6 #e0e0e0 #dadada; -webkit-box-shadow: 1px 1px 4px 0px rgba(142, 142, 142, 0.1); box-shadow: 1px 1px 4px 0px rgba(142, 142, 142, 0.1);} .assessment-light #criteria-list h3, .entryExtraParams h3 { margin-bottom:-2px; cursor: default;} .assessment-light #criteria-list .creditProof h3, .entryExtraParams .creditProof h3 { font-size:123%; border-bottom:1px dashed #d9dae1; padding-bottom:5px; margin:20px 0 15px;} .assessment-light #criteria-list .acc-section input[type="checkbox"] { float:left; margin-top:5px; border:0;} .assessment-light #criteria-list .acc-section input[type="radio"] { width:29px; float:left; margin-top:5px; border:0;} .assessment-light #criteria-list h3 { color:#588782; } .assessment-light #criteria-list .acc-section .htmlContent { padding-left:28px; color:#818181;} *+html .assessment-light #criteria-list .acc-section .htmlContent { padding-left:37px;} .assessment-light #criteria-list .creditProof .acc-section { background-color:#f6f6f6; border:0; box-shadow:none; -webkit-box-shadow:none; padding:15px;} .assessment-light #criteria-list .creditProof .acc-section textarea { background-color:#fff; border-color:#d9dae1; width:699px;} *+html .assessment-light #criteria-list .creditProof .acc-section textarea { margin-left:-20px;} .assessment-light span.button, .assessment-light a.button, .assessment-light #assessment-details a.button-small { background:none;display:inline-block;} .assessment-light form input[type="submit"], .assessment-light a.button span, .assessment-light #assessment-details a.button-small span { margin-bottom:5px; display:inline-block; padding:0px 1em 00px; border-style:solid; border-width:1px; border-color:#e7e7e7 #cfcfcf #b0b0b0; -webkit-box-shadow: 0px 1px 2px 0px rgba(142, 142, 142, 0.3), inset 0px 0px 0px 1px #ffffff; box-shadow: 0px 1px 2px 0px rgba(142, 142, 142, 0.3), inset 0px 0px 0px 1px #ffffff; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(252,252,252,1) 50%, rgba(199,199,199,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(50%,rgba(252,252,252,1)), color-stop(100%,rgba(199,199,199,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(252,252,252,1) 50%,rgba(199,199,199,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(252,252,252,1) 50%,rgba(199,199,199,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(252,252,252,1) 50%,rgba(199,199,199,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(252,252,252,1) 50%,rgba(199,199,199,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */ } *+html .assessment-light form input[type="submit"] { border:0; } .assessment-light form input[type="submit"]:hover, .assessment-light a.button:hover span, .assessment-light #assessment-details a.button-small:hover span { border-color:#bda2c8 #9974a8 #9974a8; color:#fff !important; -webkit-box-shadow: 0px 1px 2px 0px rgba(142, 142, 142, 0.3), inset 0px 0px 0px 1px #d8c5e0; box-shadow: 0px 1px 2px 0px rgba(142, 142, 142, 0.3), inset 0px 0px 0px 1px #d8c5e0; background: rgb(214,192,223); /* Old browsers */ background: -moz-linear-gradient(top, rgba(214,192,223,1) 0%, rgba(193,167,203,1) 49%, rgba(182,151,195,1) 50%, rgba(151,103,169,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,192,223,1)), color-stop(49%,rgba(193,167,203,1)), color-stop(50%,rgba(182,151,195,1)), color-stop(100%,rgba(151,103,169,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(214,192,223,1) 0%,rgba(193,167,203,1) 49%,rgba(182,151,195,1) 50%,rgba(151,103,169,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(214,192,223,1) 0%,rgba(193,167,203,1) 49%,rgba(182,151,195,1) 50%,rgba(151,103,169,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(214,192,223,1) 0%,rgba(193,167,203,1) 49%,rgba(182,151,195,1) 50%,rgba(151,103,169,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(214,192,223,1) 0%,rgba(193,167,203,1) 49%,rgba(182,151,195,1) 50%,rgba(151,103,169,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c0df', endColorstr='#9767a9',GradientType=0 ); /* IE6-9 */ } .assessment-light form input[type="submit"] { height:27px;} /**+html .assessment-light form input[type="submit"] { border:0px solid #CCC;}*/ .assessment-light #criteria-list .creditProof span.button { width:/*458*/711px; text-align:right;} .assessment-light .sub-nav { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .assessment-light .sub-nav li { list-style:none; background:none; border-left:0; border-right:0; text-transform:none; font-size:14px; } .assessment-light .sub-nav li a { background:none; padding:6px 10px; background: rgb(241,241,241); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(240,240,240,1) 6%, rgba(237,237,237,1) 85%, rgba(231,231,231,1) 86%, rgba(231,231,231,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(6%,rgba(240,240,240,1)), color-stop(85%,rgba(237,237,237,1)), color-stop(86%,rgba(231,231,231,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(240,240,240,1) 6%,rgba(237,237,237,1) 85%,rgba(231,231,231,1) 86%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(240,240,240,1) 6%,rgba(237,237,237,1) 85%,rgba(231,231,231,1) 86%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(240,240,240,1) 6%,rgba(237,237,237,1) 85%,rgba(231,231,231,1) 86%,rgba(231,231,231,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(241,241,241,1) 0%,rgba(240,240,240,1) 6%,rgba(237,237,237,1) 85%,rgba(231,231,231,1) 86%,rgba(231,231,231,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } .assessment-light .sub-nav li.current, .assessment-light .sub-nav li:hover { border-bottom-color:#a27fb0; } .assessment-light .sub-nav li.current a, .assessment-light .sub-nav li:hover a { color:#fff; } .assessment-light .sub-nav li:first-child { border-top:1px solid #75a19c;} .assessment-light .sub-nav li:first-child a { border-top:0;} .assessment-light .assessment-navigation { margin-top:20px; overflow:hidden;} .assessment-light #handleNext { float:right;} .assessment-light #handlePrevious { float:left;} .assessment-light #col-1 { margin-bottom:0; padding-top: 0; background-color:#eef9f8;} .assessment-light ul { margin-bottom:0;} .assessment-light div.form { margin:0 20px;} .assessment-light #col-2-3 .credit-overview { border-top: 3px solid #D6E6D2; margin-top: 0; padding-top: 1.3em;} .assessment-light .list-view li a:hover{background-color: #EEF9F8; border-color: #588782; color: #588782;} /*.assessment-light .sub-nav li:hover, .assessment-light .credit-overview li:hover { border-color:#bda2c8 #9974a8 #9974a8; } .assessment-light .sub-nav li:hover a, .assessment-light .credit-overview li:hover a { color:#fff; text-shadow:none; border-color:#C1A6CD; background: rgb(214,192,223); }*/ .assessment-light #criteria-list .assessment-protected-files { margin:0 20px 30px 20px; } .assessment-light #criteria-list .assessment-protected-files .fileList { margin-bottom:20px;} .assessment-light #criteria-list .assessment-protected-files .fileList li{ margin:5px 0; } .assessment-light #criteria-list .assessment-protected-files .fileList, .assessment-light #criteria-list .assessment-protected-files .fileList li, .assessment-light #criteria-list .assessment-protected-files .fileList li a { float:none; } .assessment-light #criteria-list .assessment-protected-files .fileList li { border:none; } .assessment-light #criteria-list .assessment-protected-files .fileList li span { position:relative; left:30px; } .assessment-protected-files h2 { font-size: 123%; border-bottom: 1px dashed #D9DAE1; padding-bottom: 5px; margin: 20px 0 15px; } .assessment-wrapper .assessment-overview-top {display:none} .assessment-wrapper.assessment-light .assessment-overview-top {display:block} #projectProperties, #projectSections { margin-top:30px;} *+html #projectProperties legend { margin-bottom:10px;} div#two-equal-columns { width:100%; } div#two-equal-columns input[type="text"], div#two-equal-columns input[type="password"]{ width:200px; } div#two-equal-columns select { width:200px; } div#two-equal-columns div.left-side, div#two-equal-columns div.right-side { width:47%; display:inline-block; vertical-align:top; } div#two-equal-columns div.right-side { margin-left:5%; } *+html div#two-equal-columns div.left-side { float:left;} *+html div#two-equal-columns div.right-side { float:right;} div#two-equal-columns label.longLabel { width:255px; display: inline-block; } div#two-equal-columns .sectionValueBlock { height:400px;} div#two-equal-columns .sectionValueBlock .inner { overflow-y:auto; height:360px; width: 100%; } *+html div#two-equal-columns .sectionValueBlock .inner .row label { position:static; } #projectPropertySelection { display: block; } #projectPropertySelection label, #quickscanSectionSelection label { width:90%; max-width:none; min-width:0; margin-left: 10px; margin-bottom: 4px;} li.dashboard-category { width:95px; display:inline-block; vertical-align:top; } *+html li.dashboard-category { display:inline;} li.dashboard-category div.toggleBlockTarget { position:absolute; left:80px; top:5px; width:300px; max-height:300px; border:solid #FF8200 1px; z-index:100; background-color:#ff901d; padding:8px; overflow:hidden; overflow-y:auto; color:#fff; -webkit-box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.2); } li.dashboard-category div.toggleBlockTarget .qtip-icon .ui-icon{ width:18px; height:18px; display:block; background:#fff; color:#fff; text-shadow:-1px -1px 1px #E77403; margin-top:-9px; border:solid #E77403 1px; border-right:0; font-weight:bold; text-align:center; background: rgb(255,223,193); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,223,193,1) 0%, rgba(255,168,86,1) 4%, rgba(255,130,0,1) 86%, rgba(239,134,35,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,223,193,1)), color-stop(4%,rgba(255,168,86,1)), color-stop(86%,rgba(255,130,0,1)), color-stop(100%,rgba(239,134,35,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,223,193,1) 0%,rgba(255,168,86,1) 4%,rgba(255,130,0,1) 86%,rgba(239,134,35,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,223,193,1) 0%,rgba(255,168,86,1) 4%,rgba(255,130,0,1) 86%,rgba(239,134,35,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,223,193,1) 0%,rgba(255,168,86,1) 4%,rgba(255,130,0,1) 86%,rgba(239,134,35,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,223,193,1) 0%,rgba(255,168,86,1) 4%,rgba(255,130,0,1) 86%,rgba(239,134,35,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfc1', endColorstr='#ef8623',GradientType=0 ); /* IE6-9 */ } li.dashboard-category div.toggleBlockTarget .qtip-icon .ui-icon:hover { background: rgb(255,229,206); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,229,206,1) 0%, rgba(255,182,114,1) 4%, rgba(255,156,63,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,229,206,1)), color-stop(4%,rgba(255,182,114,1)), color-stop(100%,rgba(255,156,63,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,229,206,1) 0%,rgba(255,182,114,1) 4%,rgba(255,156,63,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,229,206,1) 0%,rgba(255,182,114,1) 4%,rgba(255,156,63,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,229,206,1) 0%,rgba(255,182,114,1) 4%,rgba(255,156,63,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,229,206,1) 0%,rgba(255,182,114,1) 4%,rgba(255,156,63,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5ce', endColorstr='#ff9c3f',GradientType=0 ); /* IE6-9 */ } li.dashboard-category div.toggleBlockTarget .qtip-icon .ui-icon:active { background:#E77403;} li.dashboard-category form li.toggleBlock { text-align:left; margin-left:20px; } #dashboardGraphContainer { height:300px; } ul#scenario-tabs {margin: 0; display: inline-block; width: 550px; position: absolute; bottom: 0; left: 0; } ul#scenario-tabs li { text-align:center; color:#fff; cursor:pointer; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 5px 5px 0px 0px; display:inline-block; min-width:120px; max-width:200px; padding:4px 4px; margin:0 /*-3px 0 -3px*/; background-image:none; position:relative; z-index:10; } *+html ul#scenario-tabs li { display:inline;} ul#scenario-tabs li.current { font-weight:bold; z-index:50; padding-top:10px; /*-webkit-box-shadow: 1px -1px 2px 1px rgba(0, 0, 0, 0.3);box-shadow: 1px -1px 2px 1px rgba(0, 0, 0, 0.3);*/} div.assessmentsubmission-wrapper { border:solid #666 1px; margin-bottom:10px; padding:0 10px 40px 43px; } div.assessmentsubmission-wrapper ul li { background:none; margin:0; padding:5px 0 0 0; width:95px; text-align:left; } *+html div.assessmentsubmission-wrapper ul li { font-size:12px;} div.assessmentsubmission-wrapper ul li:first-child {} div.assessmentsubmission-wrapper h3 { margin:0; color:#000; text-align:left; font-size:12px; cursor:pointer; } div.assessmentsubmission-wrapper .toggleBlockControl { /*float:left;*/ display:inline;} .toggleBlockControl.close .icon-angle-right, .toggleBlockControl.close .icon-angle-down { display:none;} div.assessmentsubmission-wrapper .assignPoints{ margin:0 0 0 5px; display:inline-block; } div.assessmentsubmission-wrapper .assign-points{ text-align:center; font-weight:bold; } div.assessmentsubmission-wrapper .checkbox-small { vertical-align:top; margin:2px 0 0 0; cursor:pointer; display:inline-block; width:14px; height:14px; background:url(../images/checkboxes-small.png) 0 0 no-repeat; } div.assessmentsubmission-wrapper .checkbox-small.empty { background-position:0 0; } div.assessmentsubmission-wrapper .checkbox-small.partial { background-position:0 -16px; } div.assessmentsubmission-wrapper .checkbox-small.full { background-position:0 -48px; } div.assessmentsubmission-wrapper form { position:relative; } ul li.tab3.current, ul li.tab3:hover { background-color:#407671; border:solid #407671 1px; color:#fff !important; } ul li.tab3 { background-color:#3D6864; border:solid #3D6864 1px; color:#fff !important; } ul li.tab2.current, ul li.tab2:hover { background-color:#DAD410; border:solid #DAD410 1px; text-shadow: -1px -1px 0px #C3BE14;color:#fff !important; } ul li.tab2 { background-color:#C3BE14; border:solid #C3BE14 1px; text-shadow: none ; color:#fff !important; } ul li.tab1.current, ul li.tab1:hover { background-color:#56B146; border:solid #56B146 1px; color:#fff !important; } ul li.tab1 { background-color:#56B146; border:solid #56B146 1px; } ul#scenario-tabs li.tab4 { background-color: #9c9c9c; border:1px solid #9c9c9c;} ul#scenario-tabs li.tab4.current, ul#scenario-tabs li.tab4:hover { background:#b0b0b0; color:white; border:solid #b0b0b0 1px; } ul li.tab4 { background:#cdcdcd; border:solid #ccc 1px; text-shadow:-1px -1px 1px #8e8e8e; } ul li.scenarioTab span.totalScore { font-weight:normal; } div.wrapper3 { border:solid #407671 1px; border-top-width:2px; background-color:#ebf3f2;} div.wrapper2 { border:solid #DAD410 1px; border-top-width:2px; background-color:#F8F9EC;} div.wrapper1 { border:solid #56B146 1px; border-top-width:2px; background-color:#F7FDF6;} div.wrapper4 { border:solid #999 1px; border-top-width:2px; background-color: #f4f4f4;} .assessmentsubmission-wrapper ul { margin:0.5em 0 0.2em;} #tabWrapper input[type=radio] + label{ display: inline-block;} span.assList { padding-top:15px; display:block; } div#export-pdf { width: 446px; display: inline-block; text-align: right; padding-bottom: 3px; position: absolute; margin: 0; right: 3px; bottom: 0; } *+html div#export-pdf { display:inline; float:right; margin-top:-25px;} div#export-pdf p { margin:0 ; } div#export-pdf .btn + .btn { margin-left: 0; } div#tabWrapper { position:relative; clear:both; } .menuWrapper{ position:relative; clear:both; width: 100%;height: 50px;} .contentWrapper{ position:relative; clear:both; } div#creditScoreOverview { width:100%; position:absolute; bottom:0; left:0; background-color:#CADD7B ; font-size:11px; } div#creditScoreOverview ul { vertical-align:top; list-style:none; overflow:hidden; } div#creditScoreOverview li { display:inline-block; vertical-align:top; padding:0; margin:0; background:none; text-align:left; } div#creditScoreOverview li:first-child { padding:0 0 0 43px; } div#creditScoreOverview ul.category{ margin:5px 0; } div#creditScoreOverview ul.category li{ width:95px; } div#creditScoreOverview ul.scores li { width:8px; padding:1px 2px 2px 2px; text-align:right; } div#creditScoreOverview ul.scores.same li { color:#999; } div#creditScoreOverview ul.scores li.name { width:35px; padding-right:7px; overflow:hidden; white-space:nowrap; color:#333; } div#creditScoreOverview ul.scores li.max { font-weight:bold; padding-left:4px; } div#creditScoreOverview ul.header li { padding:0 2px; border-bottom:solid #9EC22A 1px; } .KCFinderPickerDisplayContainer { border-radius:4px; border:0; padding:10px; margin-bottom:20px;} .KCFinderPickerDisplayContainer .sortable li { padding-left:30px;} .KCFinderPickerDisplayContainer .sortable .removeItem { padding:1px 9px 2px; color:#fff; text-decoration:none;text-indent:0; background-color:#c4c4c4; border-radius:4px; } .KCFinderPickerDisplayContainer .sortable .removeItem:hover {cursor:pointer; background-color:#868686;} .KCFinderButtons .browseButton {} .KCFinderButtons .clearButton {} .w-button + .w-button { margin-left:10px;} #col-2-3 .flash-success, #col-2-3 div.flash-error { margin:1em 25px 1em 20px; border-radius:4px; border:0;} #creditSubmission-file-form .fileList li span:first-of-type { margin-bottom:10px;} ul.fileList li a.defaultAction { margin-right:5px; margin-left:5px;} ul.fileList li a.defaultAction span { display:none; } ul.fileList li a.defaultAction i { margin:0;} /*-----------------Quickscan-----------------*/ #question-wrapper { margin:0 0 10px 0; } #question-wrapper .handleNavigation { margin-top: 1em;} .quickscan .title { margin-bottom:25px;} .quickscan .title + .credit-title { border-top:1px solid #E6E6E6;} .quickscan .categoryScores { column-count: 2; margin: 10px 0 40px 0; column-gap: 40px; } .quickscan .credit-title { /*margin-bottom: 5px;*/ overflow: auto; column-break-inside: avoid; -webkit-column-break-inside: avoid; border-top: 1px solid #eee; padding: 0px; margin: 0; } .quickscan .credit-title a{ text-decoration: none; font-size: 14px; display: block; width: 100%; padding: 15px 0; color: #555; box-sizing: border-box; transition: all .2s ease; } .quickscan .credit-title a:hover { background-color: #e3f1de; /*#BFDCB9; */ border-color: #AFD3A8; } .quickscan .credit-title a img, form h2 img.categoryIcon { display: inline-block; margin: -5px 15px 0 0px; width: 32px; height: auto; float: left; } .quickscan .credit-title a span { display: inline-block; width: 60px; padding-left: 15px; float: right; } .quickscan .credit-title.total { margin-top: 51px; } .quickscan .credit-title.total a .label { float: none; margin-right: 15px; width: auto; padding-left: 0; } .question { border-bottom:2px solid #fff; /*overflow:hidden;*/ clear:both; } .question ul { margin:0em 0; overflow:hidden; background-color:#FBFBFB; border:2px solid #eeeeee; } .question ul li { list-style:none; background:none; float:left; /*position:relative;*/ width:23%; } .question ul li label { padding-top:140px; /*margin-bottom:-20px; */display:block; cursor:pointer; width:100%; height: auto;} .question ul li label:hover img { border:2px solid #9DC601;} .question input { margin-top:-20px; border:0; background:none; } .question h3 {background-color:#eeeeee; padding:10px; margin-bottom:0;} .question label div { display:block; position:relative; margin:-150px 0 10px -17px; height:94px; overflow:hidden; } .question ul li img { width:150px; border:2px solid #fff; } .question.noImages label { padding:0; } .question.noImages label div { display:none; } .copyScenario, .postResults { cursor:pointer; } .copyScenario:hover, .postResults:hover { text-decoration:underline; } #assessment-definition-form .row { margin-top: 0;} #cke_AssessmentDefinition_description{ margin: 25px 0;} /* Toolset tabs =========================================================== */ .toolset { display:flex; } .toolset.tabs { background:#c8c6cc url(../images/bg-pattern-grey.png) 0 0 repeat; font-family:helvetica, arial, sans-serif;} .toolset.tabs ul { width:1050px; margin:0 auto; overflow:hidden; } .toolset.tabs ul li { margin:0; padding:0; display:inline; float:left; background:none; border-right:1px solid #dddce0; } .toolset.tabs ul li:first-child {border-left:1px solid #b1b0b4;} .toolset.tabs ul li:first-child a {border-left:1px solid #dddce0;} .toolset.tabs ul li a { display:block; padding:6px 15px 8px; overflow:hidden; border-right:1px solid #b1b0b4; text-decoration:none; } .toolset span.icon { display:block; float:left; width:26px; height:26px; margin-right:10px; margin-top: 6px; background-position:0 0; background-repeat:no-repeat; -webkit-transition:none;-moz-transition:none;-o-transition:none; transition:none;} .toolset .icon.quickscan { background-image:url(../images/icon-quickscan.png)} .toolset .icon.ambition { background-image:url(../images/icon-ambition.png)} .toolset .icon.pre-assessment { background-image:url(../images/icon-pre-assessment.png)} .toolset .icon.assessment { background-image:url(../images/icon-assessment.png)} .toolset.tabs ul li a:hover span.icon, .toolset.tabs ul li.active a span.icon { background-position: 0 -26px; -webkit-transition:none;-moz-transition:none;-o-transition:none; transition:none; } .toolset.tabs ul li a:hover .title { color:#fff; text-shadow:1px 1px 1px #8b8a8d; -webkit-transition:none;-moz-transition:none;-o-transition:none; transition:none;} .toolset .title { display:block; float:left; color:#5f5964; text-shadow:1px 1px 0px #dcdcdc;font-weight:bold; margin-bottom: 0; padding-bottom: 0;} .toolset th .title { width: 120px;} .toolset th { vertical-align:top; } .toolset.tabs .active .title {text-shadow:1px 1px 1px #8b8a8d; color:#fff; } .toolset .title .description { display:block; text-transform:none; letter-spacing:normal; font-weight:normal; -webkit-transition:none;-moz-transition:none;-o-transition:none; transition:none;} .toolset a:hover .title .description { -webkit-transition:none;-moz-transition:none;-o-transition:none; transition:none;} .toolset.tabs ul li.active { background-color:rgba(113,109,115,0.3); -webkit-box-shadow: inset 0px 2px 4px 0px rgba(113, 109, 115, 0.8);box-shadow: inset 0px 2px 4px 0px rgba(113, 109, 115, 0.8); } .toolset.tabs ul li.active:after { display:block; content:''; position:absolute; left:50%; bottom:0; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #E6E7E9 transparent;} #home h1 { font-size:1.9em; } #home .intro { font-size: 1.5em; } /* Toolset home =========================================================== */ .toolset .quickscan, .toolset .assessment { width: 480px; float: left; margin-bottom: 20px; padding-bottom:95px; } .toolset .start-now { font-size: 18px; padding-bottom:20px; position: absolute; bottom:0; } .toolset .quickscan .continue a:hover, .toolset .assessment .continue a:hover { color:#d0c903; } .toolset .quickscan .continue, .toolset .assessment .continue { display: block; margin-top:30px; } .toolset .quickscan .continue a, .toolset .assessment .continue a { color:#c1bb00; font-weight: bold; text-decoration: none; } .toolset > div + div { margin-left: 30px; } .toolset .quickscan header, .toolset .assessment header { background-color: #3d6864; display: flex; align-items: center; padding: 10px 30px; } .toolset .quickscan header div, .toolset .assessment header div { padding-left: 15px; } .toolset .quickscan header h2, .toolset .assessment header h2 { color: #fff; margin: 0; } .toolset .quickscan header h3, .toolset .assessment header h3 { color: #fff; margin: 0; } .toolset .quickscan header span img, .toolset .assessment header span img { display: block; width: 50px; } .toolset .assessment header span img { margin-left: -9px; } .toolset .quickscan > div, .toolset .assessment > div { padding: 15px 30px 30px; } .toolset .tool { background-color: #f7fdf6; position:relative; } .toolset .tool p { margin-bottom: 0; font-size: 18px; } .toolset .list { flex: 1 0 auto; } .toolset ul { list-style-type: none; } .toolset ul li { background: none; padding-left:0; } .toolset ul li i { margin-right:6px; color: #56b146; } .toolset .link { text-decoration: underline; cursor: pointer; } #home .already-started { display: block; clear: both; font-size: 16px; } #login-wrapper { display: flex; } #login-box { width:66%; display:inline-block; margin-right:25px; } #login-box iframe { width: 100%; } #intro-text { width:33%; display:inline-block; background-color: #3d6864; color:#fff; } #intro-text p { padding:30px 30px; } .toolset table{ margin-bottom:2em; clear:both; width:100%; border-collapse:separate;} .toolset table th {/*border-bottom:1px solid #eee9f3; border-top:1px solid #fff; border-left:1px solid #ac83c0; border-right:1px solid #693a81;background:#EDE9F4; background: url(../images/shadow.png) right top repeat-y, #EDE9F4 url(../images/bg-pattern-purple-light.png) left top repeat; */ padding:5px 10px; color:#347e2a; font-weight:bold; background-color:#e1efde; border-bottom:1px solid #fff; } /*.toolset table tr:first-child th { background:#874ca4 url(../images/bg-pattern-purple-dark.png) 0 0 repeat; border-top:0; border-bottom:0; }*/ /*.toolset table tr th:first-child {border-left:0; border-right:0; border-bottom:1px solid #ddd9e3; border-top-color:#f3eef9; }*/ .toolset table tr:last-child td, .toolset table tr:last-child th { border:0;} .toolset table tr:first-child th.blank { background-color:transparent; background:none;} .toolset table th a { text-decoration:none;} .toolset th.header-top { padding:10px; color:#fff; border:0 1px 0 1px; background-color:#3d6864;} .toolset td { /*background:#f6f5f9 url("../images/bg-pattern-grey-noise-light.jpg"); border-bottom:1px solid #eee9f3; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #EEE9F3;*/ text-align:center; padding: 5px 10px; width:25%; background-color:#f7fdf6; border-bottom:1px solid #d6e6d2;} .toolset th.header-top .title { color:#fff; text-shadow:none;} .toolset th.header-top .icon { background-position:0 -26px;} .toolset .cta td { /*background:#a5a2ac url("../images/bg-pattern-grey-noise-dark.jpg");*/ border-color:#bdbbc3; background-color:#bfdcb9;} .toolset .cta a { color:#fff; font-weight:bold;} .toolset .cta a:hover { text-shadow:0 0 2px #333;} .toolset .cta a.bttn:hover { text-shadow:none;} .toolset .cta a.bttn {color:#632181; display:inline-block;} .bttn, .tool-info a span { display:inline-block; border:1px solid #fff; margin:10px 0; padding:2px 10px; vertical-align:top; text-decoration:none; color:#632181; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(248,248,248,1) 73%, rgba(199,199,199,1) 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(73%,rgba(248,248,248,1)), color-stop(99%,rgba(199,199,199,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(248,248,248,1) 73%,rgba(199,199,199,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(248,248,248,1) 73%,rgba(199,199,199,1) 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(248,248,248,1) 73%,rgba(199,199,199,1) 99%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(248,248,248,1) 73%,rgba(199,199,199,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 ); /* IE6-9 */ } .bttn:hover, .tool-info a:hover span{ border-top-color: #e6f2ba;border-left-color:#e6f2ba; border-right-color:#e6f2ba; border-bottom-color:#cee675; text-decoration:none; background: rgb(197,225,117); /* Old browsers */ background: -moz-linear-gradient(top, rgba(197,225,117,1) 0%, rgba(210,231,142,1) 49%, rgba(195,223,116,1) 73%, rgba(163,191,83,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,225,117,1)), color-stop(49%,rgba(210,231,142,1)), color-stop(73%,rgba(195,223,116,1)), color-stop(100%,rgba(163,191,83,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(197,225,117,1) 0%,rgba(210,231,142,1) 49%,rgba(195,223,116,1) 73%,rgba(163,191,83,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(197,225,117,1) 0%,rgba(210,231,142,1) 49%,rgba(195,223,116,1) 73%,rgba(163,191,83,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(197,225,117,1) 0%,rgba(210,231,142,1) 49%,rgba(195,223,116,1) 73%,rgba(163,191,83,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(197,225,117,1) 0%,rgba(210,231,142,1) 49%,rgba(195,223,116,1) 73%,rgba(163,191,83,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e175', endColorstr='#a3bf53',GradientType=0 ); /* IE6-9 */ } .bttn:active, .tool-info a:active span { border-color:#f6f6f6 #f6f6f6 #e2e2e2 #f6f6f6; background: rgb(224,224,224); /* Old browsers */ background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(224,224,224,1) 49%, rgba(199,199,199,1) 73%, rgba(175,175,175,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(49%,rgba(224,224,224,1)), color-stop(73%,rgba(199,199,199,1)), color-stop(100%,rgba(175,175,175,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(224,224,224,1) 49%,rgba(199,199,199,1) 73%,rgba(175,175,175,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(224,224,224,1) 49%,rgba(199,199,199,1) 73%,rgba(175,175,175,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(224,224,224,1) 49%,rgba(199,199,199,1) 73%,rgba(175,175,175,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(224,224,224,1) 49%,rgba(199,199,199,1) 73%,rgba(175,175,175,1) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#afafaf',GradientType=0 ); IE6-9 */ } .bttn-label { color:#555; font-weight:bold;} .bttn-small { margin: 2px 1px; padding: 0px 6px; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2); } .icon-info-sign, .icon-exclamation-sign { font-size: 24px; color: #b3b3b3; vertical-align: middle; } .invisible .icon-info-sign { font-size: 19px; } .generalhelptext { margin-bottom: 15px;} /* Toolset vervolgpagina's =========================================================== */ .tool-info { position:relative; padding-top:1px; } .tool-info .icon-info { position:absolute; right:0; z-index:1000; color:#fff; background-color:#347e2a; display:inline-block; text-align:center; padding:5px 10px 3px; border-radius:3px; top:-30px; border-bottom:2px solid #22511b; } .icon-info:hover { background-color:#c1bb00; border-color:#8b8700;} .icon-info:active { background-color:#808080; border-color:#4C4B4C;} .tool-info.open .content-expand:before { content:''; position:absolute; right:0px; top:10px; width: 0px; height: 0px; border-style: solid; border-width: 0 0px 26px 27px; border-color: transparent transparent #3D6864; } .tool-info .intro { float:left; width:50%; color:#fff;} .tool-info a { color:#fff; text-decoration:none; display:inline-block; } .tool-info a span {padding:1px 10px; display:inline-block;background-color:#afabb9;} .tool-info a span:first-child { padding:1px 10px; background-color:#948fa1; color:#632181; } .tool-info .toolset{ width:40%; float:right; } .tool-info .content-expand { display:none; background-color:#3d6864; padding:20px; font-size:14px; line-height:1.5; overflow:hidden; margin-top:13px;} .tool-info.open .content-expand{display:block; margin-bottom:40px; } .tool-info .toolset th { width:10%;} .tool-info .toolset table { border:0; margin-bottom:0; } .tool-info .toolset table td { text-align:left;} .tool-info .toolset table tr:first-child th { /*background:#EDE9F4; background: url(../images/shadow.png) right top repeat-y, #EDE9F4 url(../images/bg-pattern-purple-light.png) left top repeat;*/} .tool-info.tool-info-horizontal {margin-bottom:40px;} .tool-info.tool-info-horizontal .intro { float:left; width:100%;} .tool-info.tool-info-horizontal .intro h2 { color:#fff;} .tool-info.tool-info-horizontal .toolset { float:left; width:100%;} .tool-info.tool-info-horizontal .toolset thead img { width:16px;} .tool-info.tool-info-horizontal .toolset td, .tool-info.tool-info-horizontal .toolset th {width:9%} .tool-info.tool-info-horizontal .toolset td.first, .tool-info.tool-info-horizontal .toolset th.first {width:55%} .recent-projects { overflow:hidden;} .recent-projects ul { width:49%; float:left; list-style:none; margin-left:2%; margin-top:0;} .recent-projects ul:first-child { margin-left:0;} .recent-projects ul li { margin:0; padding:0; background:none; border-bottom: 1px dotted #888888 !important; } .recent-projects ul li:first-child{ border-bottom:0 !important;} .recent-projects h2.title { margin-bottom:0;} .recent-projects ul li a { display:block; padding:5px 15px; text-decoration:none; background:#F6F6F6;} .recent-projects ul li a:hover { background:#E5F2B2;} .clearerToolbox { clear:both; height:1px;} .projectSectionContainer { overflow-y:auto; max-height:300px; } div.copy { padding:0 20px; } ul.credit-select-overview { } ul.credit-select-overview li { background:none; padding:0 5px 0 0; } ul.credit-select-overview li.column { display:inline-block; vertical-align:top; min-width:70px; max-width:88px; float:none; } ul.credit-select-overview li input { margin:0 5px 0 0; vertical-align:top; } ul.credit-select-overview li label { vertical-align:top; margin:4px 0; } ul.credit-select-overview li label.inactive { color:#999; } #projects li { background-image:none; padding:0; } #projects li.new { border-top:solid #e5e5e5 1px; } #projects label { width:auto; vertical-align:top; margin:2px 0; } #projects label input { margin:0 5px 0 0; vertical-align:top; } #certifications { padding:0 20px; } #certifications label { display:inline-block; } div.progressWrapper { padding:5px 0; } div.progressWrapper ul { font-size:0; } div.progressWrapper ul li { font-size:14px; } dl.progress .progressWidth { width:75%; } dl.progress div.barWrapper { height:100%; display:inline-block; box-sizing:border-box; border-bottom:solid #999 1px; position:relative; z-index:100; overflow:hidden; } dl.progress div.barWrapper div { height:16px; margin:2px 0; } dl.progress span.extend { width:20%; display:inline-block; box-sizing:border-box; padding-left:10px; vertical-align:top; white-space: nowrap } dl.progress dt { width:20%; text-align:right; padding-right:15px; } dl.progress dd { width:80%; } dl.progress dt, dl.progress dd { display:inline-block; vertical-align:top; height:20px; box-sizing:border-box; } dl.progress dd div.isExtended { background-color:#56b146; } dl.progress dd div.extensionNotAllowed { background-color:#56b146; } dl.progress dd div.requestPending { background-color:#3CBBD0; } dl.progress dd div.canExtend, dl.progress dd div.extensionAlmostFullyExpired { background-color:#F9C22C; } dl.progress dd div.mustExtend, dl.progress dd div.extensionFullyExpired, dl.progress dd div.extensionSuperseded{ background-color:#FF4141; } dl.progress div.verticalLine { border-left:solid #666 1px; position:absolute; width:0; left:0px; top:18px; bottom:0px; } dl.progress div.first div.verticalLine { border-width:2px; } dl.progress div.last { float:right; } dl.progress div.last div.verticalLine { border-width:2px; left:100%; } ul.progressHeader { list-style-type:none; } ul.progressHeader li { background:none; display:inline-block; margin:0; padding:0; width:33.3333%; box-sizing:border-box; position:relative; } span.select2-results li { background:none; } .certificateInfoWrapper { padding:0 20px; border:solid #347E2A 1px; } .certificateInfoWrapper table { margin:1em 0; } .certificateInfoWrapper strong { color:#000; } #certifiedAssessments dl.progress dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* REST docs =========================================================== */ .restDocs { width: 1300px; } .restDocs .menu li { background: none; padding-left: 15px; } .restDocs .menu a { text-decoration: none; } .restDocs .menu .active > a { color: #347E2A; font-weight: bold; } .restDocs #col-1 { width: 300px; overflow: hidden; } .restDocs #col-2-3 { padding: 0 15px; width: 970px; } .restDocs p, .restDocs h2, .restDocs h3, .restDocs h4 { width: 700px; margin-left: 0; } .restDocs h2 { margin-top: 2em; font-size: 1.5em; } .restDocs h3 { margin-top: 1.5em; } .restDocs h4 { margin-top: 1.5em; } .restDocs pre { background-color: #D6E6D2; padding: 2em; font-family: monospace; overflow: auto; } .restItems th, td { padding: 4px 10px; border: none; } .restItems th { background-color: #347e2a; color: #fff; } .restItems td { background-color: #D6E6D2; } .restDocs .jsonExample { background-color: #C3C3C3; padding: .5em 2em; margin: .5em 0; } .restDocs .jsonExample h5 { cursor: pointer; color: #000; font-weight: normal; margin: 0; } .restDocs .jsonExample pre { background-color: inherit; padding: 0; } .restDocs .jsonExample.closed pre { display: none; } .restDocs .jsonExample h5::before { content: "(-)"; margin-right: .3em; } .restDocs .jsonExample.closed h5::before { content: "(+)"; margin-right: .3em; } #bagButtonWrapper { font-size:0.9em; max-width:500px; } #bagAutoFilledIn { float:right; max-width:300px; margin-top:14px; padding:5px; border:solid #e5e5e5 1px; border-radius:4px; font-size:0.9em; } #bagAutoFilledIn h4 { margin-bottom:0; } #newClient { display:none; } #newClient.notInListSelected { display:block; } #assessment-submission-grid.grid-view table.items td { vertical-align: middle; line-height: 20px; } #assessment-submission-grid.grid-view table.items td:first-child { padding-left:0.4em; } #assessment-submission-grid.grid-view table.items td.extrarow { padding:0; } #assessment-submission-grid.grid-view table.items tr { border:none; border-bottom: 1px solid #e7f4e5; } #assessment-submission-grid.grid-view table.items tr.odd, #assessment-submission-grid.grid-view table.items tr.even, #assessment-submission-grid.grid-view table.items tr.filters { border:none; } #assessment-submission-grid.grid-view table.items tbody tr:first-child { border:none; } #assessment-submission-grid.grid-view table.items tbody tr:first-child td { padding:0; } #assessment-submission-grid.grid-view table.items input[type=checkbox] { margin: 3px 0 0 10px; } .dashboardLink { position:absolute; right:0; top:20px; } .dashboardLink a { margin:0; padding:9px 12px; border:solid #b3b3b3 3px; border-radius: 5px; color: #b3b3b3; text-decoration: none; text-transform: uppercase; font-size: 24px; font-weight: bold; } .dashboardLink a:hover { background-color: #6c757d; border-color: #6c757d; color: #fff; } .overflow-properties { max-height: 400px; overflow-y: auto; margin-bottom: 15px; position:relative; border-bottom:solid #e5e5e5 1px; } .overflow-properties li { margin-bottom:3px; } .answerHeader, .answerHeader p, .answerHeader p strong { color: #808080; font-weight: bold; } #criteria-list li.requirement-housing-checkbox { padding-top :10px; clear:both; } #criteria-list li.disabled { color:#999; } .credit-question-housing h3{ margin: 16px 0 5px 0; } .requirement-housing-checkbox-q-score, .requirement-housing-checkbox-q-label, .requirement-housing-checkbox-q-answer, .requirement-housing-checkbox-q-check { display: block; float: left; } #criteria-list .requirement-housing-checkbox-q-label { display: block; margin: 0; width: calc(100% - 215px); height: auto; } .requirement-housing-checkbox-q-answer { font-weight: bold; width: 110px; } .requirement-housing-checkbox-q-score { width: 70px; } .requirement-housing-options-remark { font-size: 12px; font-style: italic; margin: 0; } .housing-criterium-applicable-options { font-weight: bold; } .assessment-data-value { display: inline-block; min-width: 18%; } .acc-section { .htmlContent { width: 715px; overflow-x: auto; } }