html, body {margin:0;padding:0;width:100%;height:100%;position:relative;overflow:hidden;background:#F5F5F5;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
label {font-weight:normal;}
a,
button,
input[type=button],
input[type=submit],
.pointer {cursor:pointer;}
.move {cursor:move;}
.left-txt {text-align:left;}
.center {display:block;margin:0 auto;}
.center.txt {margin:0;text-align:center;}
.center-txt {text-align:center;}
.right {float:right;}
.right.txt {float:none;text-align:right;}
.right-txt {text-align:right;}
.large-txt {font-size:1.2em;}
.middle {vertical-align:middle;}
.bold {font-weight:bold !important;}
.light {font-weight:normal !important;}
.italic {font-style:italic !important;}
.underline {text-decoration:underline !important;}
.uppercase {text-transform:uppercase !important;}
.lowercase {text-transform:lowercase !important;}
.mr-0 {margin:0;}
.mr-5 {margin:5px;}
.mr-10 {margin:10px;}
.mr-15 {margin:15px;}
.mrh-0 {margin-left:0;margin-right:0;}
.mrh-5 {margin-left:5px;margin-right:5px;}
.mrh-10 {margin-left:10px;margin-right:10px;}
.mrh-15 {margin-left:15px;margin-right:15px;}
.mrv-0 {margin-top:0;margin-bottom:0;}
.mrv-5 {margin-top:5px;margin-bottom:5px;}
.mrv-10 {margin-top:10px;margin-bottom:10px;}
.mrv-15 {margin-top:15px;margin-bottom:15px;}
.mrl-0 {margin-left:0;}
.mrl-5 {margin-left:5px;}
.mrl-10 {margin-left:10px;}
.mrl-15 {margin-left:15px;}
.mrr-0 {margin-right:0;}
.mrr-5 {margin-right:5px;}
.mrr-10 {margin-right:10px;}
.mrr-15 {margin-right:15px;}
.mrt-0 {margin-top:0;}
.mrt-5 {margin-top:5px;}
.mrt-10 {margin-top:10px;}
.mrt-15 {margin-top:15px;}
.mrb-0 {margin-bottom:0;}
.mrb-5 {margin-bottom:5px;}
.mrb-10 {margin-bottom:10px;}
.mrb-15 {margin-bottom:15px;}
.pd-0 {padding:0;}
.pd-5 {padding:5px;}
.pd-10 {padding:10px;}
.pd-15 {padding:15px;}
.pdh-0 {padding-left:0;padding-right:0;}
.pdh-5 {padding-left:5px;padding-right:5px;}
.pdh-10 {padding-left:10px;padding-right:10px;}
.pdh-15 {padding-left:15px;padding-right:15px;}
.pdv-0 {padding-top:0;padding-bottom:0;}
.pdv-5 {padding-top:5px;padding-bottom:5px;}
.pdv-10 {padding-top:10px;padding-bottom:10px;}
.pdv-15 {padding-top:15px;padding-bottom:15px;}
.pdl-0 {padding-left:0;}
.pdl-5 {padding-left:5px;}
.pdl-10 {padding-left:10px;}
.pdl-15 {padding-left:15px;}
.pdr-0 {padding-right:0;}
.pdr-5 {padding-right:5px;}
.pdr-10 {padding-right:10px;}
.pdr-15 {padding-right:15px;}
.pdt-0 {padding-top:0;}
.pdt-5 {padding-top:5px;}
.pdt-10 {padding-top:10px;}
.pdt-15 {padding-top:15px;}
.pdb-0 {padding-bottom:0;}
.pdb-5 {padding-bottom:5px;}
.pdb-10 {padding-bottom:10px;}
.pdb-15 {padding-bottom:15px;}
.border {border:1px solid #CCCCCC;}
.border-top {border-top:1px solid #CCCCCC;}
.border-left {border-left:1px solid #CCCCCC;}
.border-right {border-right:1px solid #CCCCCC;}
.border-bottom {border-bottom:1px solid #CCCCCC;}
.border-black {border-color:black;}
.border-silver {border-color:silver;}
.border-blue {border-color:#5B81B7;}
.green {color:#5CB85C;}
.red {color:#EE3930;}
.gray {color:#818994;}
.lightgray {color:#E0E0E0;}
.silver {color:silver;}
.silver-back {background:silver;}
.darkblue {color:#2C3B4E;}
.block {display:block !important;}
.inline {display:inline;}
.inline-block {display:inline-block !important;}
.invisible {visibility:hidden;}
.hidden {display:none;}
.overflow {overflow:auto;}
.flex {display:flex !important;}
.flex > * {flex:1;}
.flex > .fixed {flex:0 !important;}
.flex > .right {justify-self:flex-end;}
.flex > .nowrap {flex-basis:content;}
.flex.vertical {flex-direction:column;}
.flex.vertical > .bottom {justify-self:flex-end;}
.flex.inline {display:inline-flex;}
.flex.center {justify-content:center;}
.flex.wrap {flex-wrap:wrap;}
.full {width:100%;height:100%;margin:0;}
.full-width {width:100%;}
.full-height {height:100%;}
.hr-txt {margin:40px 0 50px;height:10px;border-bottom:1px solid #E3E4E5;text-align:center;}
.hr-txt span {display:inline-block;width:auto;line-height:20px;background:white;padding:0 15px;}
.no-bold {font-weight:normal !important;}
.no-padding {padding:0 !important;}
.no-hor-padding {padding-left:0;padding-right:0;}
.no-ver-padding {padding-top:0;padding-bottom:0;}
.no-margin {margin:0 !important;}
.no-hor-margin {margin-left:0 !important;margin-right:0 !important;}
.no-ver-margin {margin-top:0 !important;margin-bottom:0 !important;}
.no-outline {outline:none !important;}
.no-border {border:none !important;}
.no-background {background:none !important;}
.no-shadow {box-shadow:none !important;}
.no-wrap {white-space:nowrap !important;}
.no-resize {resize:none !important;}
.opacity-half {opacity:0.4;}
hr {border-color:#DDDDDD;}
i.icon {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: inherit;
line-height: inherit;
letter-spacing: normal;
vertical-align: bottom;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
--rotate: 0deg;
--scale-x: 1;
--scale-y: 1;
transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
}
i.icon.filled {font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 20;}
@keyframes rotating {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
i.icon.rotating {animation:rotating 2s linear infinite;}
i.icon.rotate-45 {--rotate:45deg;}
i.icon.rotate-90 {--rotate:90deg;}
i.icon.rotate-135 {--rotate:135deg;}
i.icon.rotate-180 {--rotate:180deg;}
i.icon.rotate-225 {--rotate:225deg;}
i.icon.rotate-270 {--rotate:270deg;}
i.icon.rotate-315 {--rotate:315deg;}
i.icon.flip {--scale-x:-1;}
i.icon.flip.vertical {--scale-y:-1;}
i.icon.large {font-size:20px;}
.btn i.icon {font-size:20px;width:44px;height:32px;line-height:32px;text-align:center;background-color:rgba(0, 0, 0, 0.1);margin-top:-6px;margin-bottom:-6px;margin-left:-12px;margin-right:-12px;}
.btn i.icon.left {order:-1;float:none;border-right:1px solid rgba(0, 0, 0, 0.1);margin-left:-12px !important;margin-right:12px !important;}
.btn i.icon.right {order:99;float:none;border-left:1px solid rgba(0, 0, 0, 0.1);margin-left:12px !important;margin-right:-12px !important;}
.btn i.icon.blank {background:none;border:none;}
.btn i.icon.blank.left {margin-right:0 !important;}
.btn i.icon.blank.right {margin-left:0 !important;}
.btn i.icon.none {display:none;}
.alert-admin {color:#67B5BB;background-color:#F1F8F9;border-color:#67B5BB;}
.alert-base {color:#5B81B7;background-color:#BBCCE1;border-color:#5B81B7;}
.alert-case {color:#EBCB6A;background-color:/*#FDF3DE*/#FEF9EE;border-color:#EBCB6A;}
.badge-admin {color:white;background-color:#67B5BB;}
.badge-base {color:white;background-color:#5B81B7;}
.badge-case {color:white;background-color:#EBCB6A;}
#app, #main {position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;overflow:hidden;}
main {position:absolute;left:240px;top:44px;right:0;bottom:0;min-width:300px;transition:left 1s;overflow:auto;-webkit-overflow-scrolling:touch;background:#F5F5F5;box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.demo main {top:140px;}
.login main {/*background:white;*/}
.designing main {right:650px;}
.nodesigning main {right:0 !important;}
.menu-closed.fullscreen main,
.fullscreen main {top:0;left:0;right:0;bottom:0;transition:none;border-left:50px solid #48658C;}
.fullscreen main:before {position:fixed;display:block;top:9px;left:10px;width:30px;height:30px;background:url("../custom/logo-wit.png") no-repeat center center;background-size:contain;content:"";z-index:10;}
main > #content {position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;transition:1s;}
main > #help {position:absolute;top:0;right:0;width:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background:#EAEBED;overflow:hidden;transition:1s;color:#21344B;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);}
main > #help > div {width:240px;padding:15px 25px;}
.help main > #content {right:240px;}
.help main > #help {width:240px;overflow:hidden;}
#main.message {top:45px;}
#message {position:fixed;top:0;left:0;right:0;height:45px;line-height:45px;text-align:center;padding:0 15px;border-radius:0;border:none;border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#message.alert-default {color:white;background:#3C3C3C;}
#message.alert-primary {color:white;background:#2D3B4E;}
#message.alert-info {color:white;background:#48658C;}
#message .icon {font-size:24px;margin-right:7px;}
#wrapper {position:absolute;display:none;top:50px;bottom:0;right:0px;width:650px;background:/*white*/ #202124 /*url(../images/back.gif) right repeat*/;overflow:hidden;z-index:55;padding-left:5px;box-shadow:inset 0 0 200px black;}
.designing #wrapper {display:block;}
.demo #wrapper {top:100px;}
#wrapper .ui-resizable-w {position:absolute;top:0;left:0;bottom:0;width:7px;background:/*#2C3B4E*/ #262729;cursor:ew-resize;}
#wrapper .ui-resizable-w:after {position:absolute;top:50%;left:2px;width:3px;height:30px;background:rgba(255, 255, 255, 0.5);border-radius:3px;content:"";margin:-15px 0;}
#wrapper .menu {display:block;position:absolute;top:0;left:7px;right:0;height:40px;list-style:none;padding:0;margin:0;background:/*#F5F5F5*/ #2E2F32;display:flex;border-bottom:1px solid #101010;}
#wrapper .menu li {line-height:14px;padding:13px 20px;cursor:pointer;color:#F1F2F3;overflow:hidden;}
#wrapper .menu li span {padding:0 5px;}
#wrapper .menu li.active span {border-bottom:2px solid rgba(255, 255, 255, 0.5);}
#wrapper .menu li.select {flex:1;text-align:right;padding:3px 0;}
#wrapper .menu li.select i {line-height:34px;}
#wrapper .menu li.select select {height:34px;min-width:75px;max-width:200px;display:inline-block;}
#wrapper .menu li:hover {color:white;}
#wrapper .menu li.reload {flex:0;text-align:center;padding:13px 15px;}
#wrapper .page {display:block;position:absolute;top:40px;left:7px;right:0;bottom:0;overflow:auto;overflow-x:hidden;overflow-y:auto;}
#wrapper .page .content {position:absolute;top:50px;left:0;right:0;bottom:49px;padding:15px 25px 25px;overflow:auto;overflow-x:hidden;overflow-y:auto;}
#wrapper .page ul.tabs {display:flex;list-style:none;margin:0;padding:0;border-top:15px solid black;}
#wrapper .page ul.tabs li {background:black;text-align:center;cursor:pointer;color:#F1F2F3;line-height:25px;margin:0;padding:4px 0;flex:1;border:1px solid transparent;border-bottom:1px solid #353536;}
#wrapper .page ul.tabs li.active {background:transparent;border:1px solid #353536;box-shadow:0 -5px 0 2px black;border-bottom:1px solid transparent;border-radius:5px 5px 0 0;}
#wrapper .page ul.tabs li.spacer {flex:0;width:10px;min-width:10px;padding:0;}
#wrapper .page .buttons {position:absolute;left:0;right:0;bottom:0;text-align:left;background:black;border-top:1px solid #353536;padding:0 5px;}
#wrapper .page .buttons button {height:30px;margin:9px 5px;padding:1px 7px;outline:none;}
#wrapper .page .buttons button i {margin-right:7px;}
#wrapper .page .block {display:inline-block;width:300px;height:200px;margin:0 20px 20px 0;background:#F5F5F5;border:1px solid #DDDDDD;border-radius:5px;text-align:center;cursor:pointer;}
#wrapper .page .block b {font-size:20px;display:block;margin-top:70px;margin-bottom:5px;}
#wrapper .page #container-siteform {margin:0 -15px;}
#wrapper .page h2 {color:#E7E7E7;}
#wrapper #void {display:none;}
#wrapper fieldset legend {color:white;}
#wrapper .form-control {background-color:#565759;border-color:#464749;color:white;}
#wrapper .form-row {margin-bottom:25px;}
#wrapper .form-row.changed {margin:-5px -5px 20px;border:5px solid /*#187241*/#2C3B4E;background:/*#187241*/#2C3B4E;border-radius:5px;box-shadow:0 0 0 2px #48658C;}
#wrapper .form-title label {color:#B1B2B3;}
#wrapper .form-field,
#wrapper .form-field label {color:white;}
#wrapper .form-field input[type=checkbox],
#wrapper .form-field input[type=radio] {margin-right:5px;}
#wrapper .multipleitemsfield table {width:100%;}
#wrapper .multipleitemsfield i {line-height:38px;}
.table-data > tbody > tr:hover {background-color:rgba(0, 0, 0, 0.05);cursor:pointer;}
#wrapper .table-responsive {margin:0 -5px;}
#wrapper .table-header {color:#F1F2F3;}
#wrapper .table-striped > tbody > tr:nth-of-type(odd) {background-color:transparent;}
#wrapper .table-data > tbody {color:#B1B2B3;}
#wrapper .table-data > tbody > tr:hover {background-color:#2E2F32;cursor:pointer;color:#F1F2F3;}
#wrapper .table-data > thead > tr > th,
#wrapper .table-data > tbody > tr > td {border-color:#353536;}
#wrapper .table-data .row-highlight {background-color:#2E2F32;}
#wrapper .table-data .tag {cursor:pointer;opacity:0.25;color:#F1F2F3;}
#wrapper .table-data .tag.active {opacity:1;}
#wrapper .field-buttons {list-style:none;display:block;padding:0;margin:0;}
#main .field-button {position:relative;display:inline-block;width:150px;height:120px;margin:0 10px 10px 0;padding:10px 0 0;background:#373839;border:1px solid #737475;cursor:move;z-index:100;color:white;vertical-align:middle;}
#main .field-button span {position:absolute;display:block;left:10px;right:10px;top:80px;line-height:15px;height:30px;overflow:hidden;text-align:center;}
#main .field-button i {display:block;width:100%;text-align:center;font-size:48px;line-height:70px;color:rgba(255, 255, 255, 0.8);}
#main .field-button b {display:block;width:100%;text-align:center;font-size:58px;line-height:70px;color:rgba(255, 255, 255, 0.8);font-family:Times;}
#menu {position:absolute;left:0;top:0;bottom:0;width:240px;background:#48658C;transition:1s;box-shadow:0 0 5px rgba(0, 0, 0, .15);overflow:hidden;}
.admin #menu {background:#44956C;}
.demo #menu {top:100px;}
#menu > div {display:flex;flex-direction:column;height:100%;padding-bottom:50px;}
#menu .spacer {display:block;flex-grow:1;}
#menu .header {position:relative;display:block;height:88px;margin:0px;}
#menu .header .logo img {position:absolute;display:block;top:20px;left:20px;max-height:50px;max-width:50px;transition:1s;}
.menu-closed #menu .header .logo img {top:52px;left:10px;max-width:30px;}
#menu .menu-button {position:absolute;top:0;width:50px;height:75px;right:0;text-align:center;color:white;font-size:14px;line-height:32px;cursor:pointer;/*background:#48658C;box-shadow:#48658C 0 0 10px 10px;*/}
/*.admin #menu .menu-button {background:#44956C;box-shadow:#44956C 0 0 10px 10px;}*/
#menu .menu-button i {margin:0 -4px;font-size:20px;line-height:20px;}
#menu h3 {color:white;text-align:right;text-transform:uppercase;font-size:16px;margin:0;padding:10px;}
#menu button {display:inline-block;border:none;border-left:4px solid transparent;border-radius:0;background:none;text-align:left;margin:0px;padding:12px;color:white;box-shadow:none;outline:none;min-width:240px;height:50px;overflow:hidden;}
#menu button.section {border-color:#3B506D;background-color:#3B506D;}
#menu button.active {border-color:#2D3B4E;font-weight:bold;background-color:#2D3B4E;}
.admin #menu button.active {border-color:#316249;font-weight:bold;background-color:#316249;}
#menu button:hover {border-color:white;}
#menu button.sub {/*font-size:12px;*/padding:6px 12px;height:unset;}
#menu button.sub.active {border-color:transparent;}
#menu button.sub.bold {font-weight:bold;}
#menu button.sub .icon {opacity:0.25;transition:1s;}
.menu-open #menu button.sub .icon {opacity:0;}
#menu button.sub.active .icon {opacity:0.75;}
.menu-open #menu button.sub.active .icon{opacity:0;}
#menu button.sub:hover {border-color:rgba(255, 255, 255, 0.85) !important;}
#menu button.subsub {/*font-size:12px;*/padding:6px 12px;padding-left:24px;height:unset;}
#menu button .icon {margin-left:0;margin-right:15px;font-size:20px;width:16px;display:inline-block;background:none;}
#menu button .icon.arrow {width:16px;margin-right:2px;display:inline-block;text-align:center;opacity:0;}
.menu-open #menu button.active .icon.arrow,
#menu button.active .icon.arrow {opacity:1;}
#menu button i.icon-arrow-up,
#menu button i.icon-arrow-down {float:right;}
#menu button.subsub .icon {margin-left:-12px;margin-right:25px;}
#menu button.subsub .icon.arrow {margin-left:0;margin-right:2px;}
#menu .profile {position:absolute;left:0;right:0;bottom:0;min-height:50px;background:#3B506D;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);}
.admin #menu .profile {background:#316249;}
#menu .profile.open {background:#3B506D;border-top:0;}
.admin #menu .profile.open {background:#316249;}
#menu .profile .button {cursor:pointer;border:none;border-left:4px solid transparent;border-radius:0;background:none;text-align:left;margin:0px;padding:12px;color:white;box-shadow:none;outline:none;height:50px;position:relative;overflow:hidden;}
#menu .profile .button span {display:block;min-width:300px;font-weight:bold;}
#menu .profile .button i {display:block;position:absolute;top:0;right:0;width:50px;height:50px;line-height:50px;font-size:20px;text-align:center;background:#3B506D;box-shadow:#3B506D 0 0 10px 10px;}
.admin #menu .profile .button i {background:#316249;box-shadow:#316249 0 0 10px 10px;}
#menu .profile.open .button i {background:#3B506D;box-shadow:#3B506D 0 0 10px 10px;}
.admin #menu .profile.open .button i {background:#316249;box-shadow:#316249 0 0 10px 10px;}
#menu .profile.open button.active {background:rgba(255, 255, 255, 0.3);border-color:transparent;}
#menu .profile.open a.language {color:rgba(255, 255, 255, 0.35);}
#menu .profile.open a.language.active {color:white;}
header {position:absolute;top:0;left:0;right:0;height:50px;background:#2C3B4E;color:white;font-size:14px;font-weight:100;line-height:50px;}
.admin header {background:#064C30;}
.demo header {/*height:100px;*/top:50px;}
header .logo,
header .logo:hover {outline:none;vertical-align:top;display:inline-block;width:240px;height:50px;}
header .logo img {display:inline-block;height:30px;margin:10px 15px;}
header a,
header a:hover,
header a:visited,
header a:active {color:white !important;font-size:20px;line-height:50px;display:inline-block;margin:0;padding:0;vertical-align:middle;text-decoration:none !important;}
header ul {position:absolute;right:50px;bottom:0;height:50px;list-style:none;float:right;padding:0;margin:0;}
header ul li {display:inline-block;height:50px;line-height:50px;margin:0 20px;vertical-align:middle;}
header ul li span {font-size:15px;font-weight:100;}
header .profile-pic {display:inline-block;margin:10px;vertical-align:middle;}
header h2.state {position:fixed;top:0;left:50%;width:200px;margin:0 -100px;text-align:center;padding:0;}
header h2.state span {display:inline-block;cursor:pointer;background:white;color:#2C3B4E;padding:3px 15px;font-size:14px;font-weight:bold;border-radius:0 0 10px 10px;vertical-align:top;text-transform:uppercase;}
#topbar {height:50px;background:#44956C;}
#topbar h2 {margin:0;height:50px;line-height:50px;text-align:center;font-size:22px;color:white;}
#topbar a,
#topbar a:hover,
#topbar a:visited,
#topbar a:active {color:white !important;font-size:20px;line-height:50px;display:inline-block;margin:0;padding:0;vertical-align:middle;text-decoration:none !important;}
#topbar .left,
#topbar .right {line-height:50px;font-size:16px;}
#topbar .left {float:left;}
#topbar .right {float:right;}
#topbar .left i,
#topbar .right i {line-height:50px;font-size:16px;width:50px;text-align:center;display:inline-block;}
#topbar .left a,
#topbar .right a {line-height:50px;font-size:16px;}
.languages {position:absolute;bottom:0;right:0;height:50px;padding:3px 0;margin:0 0 0 25px;}
.languages a,
.languages a:hover {display:block;margin:0;padding:2px 10px;border-radius:3px 0 0 3px;font-size:12px;line-height:18px;}
.languages a.active {background:#48658C;color:white;text-decoration:none;}
.sub-header {position:absolute;top:0;left:0;right:0;height:44px;background:#F3F4F5;transition:1s;/*z-index:50;*/}
.menu-open .sub-header {left:240px;}
.demo .sub-header {top:100px;}
.sub-header .breadcrumb {margin:0;line-height:16px;padding:14px 35px;}
.sub-header .breadcrumb > li+li:before {content:"arrow_forward_ios";font-family:"Material Symbols Outlined";line-height:14px;color:#818994;font-size:12px;vertical-align:bottom;}
.sub-header .breadcrumb a {line-height:16px;color:#818994;}
.sub-header .breadcrumb a:hover,
.sub-header .breadcrumb a:active {text-decoration:none;color:#2C3B4E;}
.sub-header .breadcrumb .active span {font-weight:bold;color:#2C3B4E;}
.sub-header .breadcrumb i {margin-right:7px;}
.sub-header .breadcrumb u {text-decoration:none;font-weight:normal;}
.menu-closed #menu {width:50px;}
.menu-closed main {left:50px;}
.menu-closed .sub-header {left:50px;}
.menu-open #menu button.sub i.sl {opacity:0;}
.menu-open #menu button.sub i.active {opacity:1;}
#menu button i.right {float:right;margin-right:5px !important;}
#menu button i.icon-info {position:relative;z-index:10;width:32px;text-align:left;margin-right:-12px !important;background:#2D3B4E;border:none;box-shadow:#2D3B4E 0 0 8px 10px;}
.menu-none main {left:0;}
.help-closed #help {width:0;}
.panel-main-login {position:relative;width:100%;height:100%;}
.panel-login {position:fixed;display:flex;flex-direction:column;justify-content:space-between;top:0;left:0;bottom:0;width:400px;max-width:100%;padding:30px;overflow:auto;background:#F3F4F5;z-index:100;}
.panel-login .languages {top:15px;}
.panel-login .panel-top {width:100%;height:auto;flex:none;align-self:flex-start;}
.panel-login .panel-info {width:100%;min-height:350px;flex:none;border:none;box-shadow:none;padding:0 20px;margin:0;}
.panel-login .panel-demo {width:100%;height:auto;flex:none;align-self:flex-end;border:none;box-shadow:none;padding:0;margin:0;text-align:center;font-size:12px;padding-top:25px;border-top:1px solid white;}
.panel-login .logo {display:block;max-width:80%;margin:0 auto 50px;}
.panel-login input,
.panel-login input:focus {box-shadow:inset 0 0 0 30px white;}
.panel-login .btn-login {display:block;width:100%;background:#67B5BB;border-color:#67B5BB;}
.panel-login .btn-cancel {display:block;width:100%;margin:15px 0 0 !important;}
.panel-login .lost {display:block;text-align:center;margin-top:20px;cursor:pointer;color:#48658C;}
.panel-login .register {display:block;text-align:center;margin-top:20px;color:black;}
.panel-login .register span {cursor:pointer;color:#48658C;}
.panel-login i.mail {position:relative;color:#48658C;display:block;width:60px;margin:10px auto 10px;padding-left:30px;font-size:28px;}
.panel-login i.mail span.s1 {position:absolute;top:8px;right:35px;width:15px;border-top:2px solid #48658C;}
.panel-login i.mail span.s2 {position:absolute;top:13px;right:35px;width:8px;border-top:2px solid #48658C;}
.panel-login i.mail span.s3 {position:absolute;top:18px;right:35px;width:12px;border-top:2px solid #48658C;}
.panel-login h3 {color:#48658C;text-align:center;font-weight:bold;font-size:24px;line-height:30px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid white;}
.panel-login h3 span {color:#333;font-weight:normal;font-size:14px;display:block;line-height:1.4;margin-top:10px;}
.panel-login h4 {color:#48658C;text-align:center;font-weight:bold;font-size:14px;margin-bottom:30px;}
.panel-login i.icon.large {color:#48658C;font-size:96px;}
.panel-preview {position:fixed;top:0;right:0;bottom:0;left:400px;min-width:500px;background:#48658C;display:flex;align-items:center;justify-content:center;z-index:100;}
.panel-preview > div {display:flex;flex-direction:column;justify-content:space-around;width:80%;height:80%;}
.panel-preview .slogan {text-align:left;}
.panel-preview h1 {text-align:left;font-size:24px;font-weight:bold;color:white;max-width:460px;z-index:10;}
.panel-preview h2 {text-align:center;font-size:20px;font-weight:bold;color:white;z-index:10;}
.panel-preview .image {text-align:right;overflow:hidden;}
.panel-preview img {max-width:460px;margin-bottom:-1px;}
.panel-company {position:relative;display:flex;flex-direction:column;height:100%;margin:0;}
.panel-company .panel-heading {flex-grow:0;z-index:10;}
.panel-company .panel-body {flex-grow:1;overflow:auto;}
.panel-client {position:relative;display:flex;flex-direction:column;height:100%;margin:0;}
.panel-client .panel-heading {flex-grow:0;z-index:10;}
.panel-client .panel-body {flex-grow:1;overflow:auto;}
.panel .nav-tabs a {color:#333;}
.panel .nav-tabs .active {background:none;border:none;border-bottom:1px solid black;color:#333;margin-bottom:-1px;}
.panel .nav-tabs a,
.panel .nav-tabs a:active,
.panel .nav-tabs a:focus,
.panel .nav-tabs a:hover,
.panel .nav-tabs .active a,
.panel .nav-tabs .active a:active,
.panel .nav-tabs .active a:focus,
.panel .nav-tabs .active a:hover {background:none;border:none;border-bottom:1px solid transparent;}
.panel .tab-content {padding:25px 15px;}
.panel .portfolio .nav-tabs {position:relative;border:none;border-collapse:collapse;}
.panel .portfolio .nav-tabs li {border:1px solid #C0C8D3;font-weight:normal;}
.panel .portfolio .nav-tabs li:first-child {border-radius:3px 0 0 3px;}
.panel .portfolio .nav-tabs li:last-child {border-radius:0 3px 3px 0;}
.panel .portfolio .nav-tabs li + li {margin-left:-1px;}
.panel .portfolio .nav-tabs li.active {border:1px solid #464E5B;background:white;font-weight:normal;text-shadow:1px 0 0 #333;z-index:10;}
.panel .portfolio .nav-tabs li a {outline:none;}
.portfolio .griddle td {white-space:nowrap;}
.panel {border:none;box-shadow:none;background:none;}
.panel.maximized {height:100%;min-height:600px;position:relative;margin:0;padding:0;display:flex;flex-direction:column;}
.panel > .panel-heading {background:white;border:none;box-shadow:0 0 5px rgba(0, 0, 0, .25);color:#2E3B4E;padding:/*10px*/0 35px;}
.panel > .panel-heading > .panel-title {position:relative;}
.panel > .panel-body {padding:15px 30px;}
.panel.maximized > .panel-heading {flex:0;padding:0;position:relative;background:none;padding:/*10px*/0 35px;}
.panel.maximized > .panel-body {flex:1;padding:0;position:relative;}
.panel.collapsed > .panel-heading > div {display:none;}
.panel.full > .panel-heading {flex:0;position:relative;z-index:10;}
.panel.full > .panel-body {flex:1;position:relative;display:flex;overflow:auto;}
.panel h2 {font-weight:normal;margin-bottom:20px;}
.panel-info > .panel-heading + .panel-collapse > .panel-body {border-top:none;}
.service {margin:0 8px 0 0;border:1px solid #CCCCCC;color:#CCCCCC;border-radius:3px;padding:0 5px;font-size:12px;}
.service.selected {color:#48658C;border-color:#48658C;}
.service.advies {color:#9969C4;border-color:#9969C4;}
.service.controle {color:#67B5BB;border-color:#67B5BB;}
.service.fiscaal {color:#5B81B7;border-color:#5B81B7;}
.btn.service {height:34px;vertical-align:top;border-radius:5px;line-height:32px;padding:0 12px;}
.btn-group {display:inline-flex;}
.btn-group > .btn {float:none;flex:0;}
.btn {display:inline-flex;align-items:center;box-sizing:border-box;cursor:pointer;height:32px;padding:5px 12px;vertical-align:top;line-height:20px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:4px;outline:none !important;}
.btn:hover {box-shadow:none/*0 2px 5px rgba(0, 0, 0, 0.15)*/;}
.btn.btn-xs {padding:1px 5px;font-size:12px;height:20px;line-height:1;border-radius:3px;}
.btn-quest {display:inline-flex;box-sizing:border-box;cursor:pointer;height:32px;padding:5px 12px;vertical-align:top;line-height:20px;background:white;border:1px solid rgba(0, 0, 0, 0.2);border-radius:4px;outline:none !important;}
.btn-quest:active,
.btn-quest:focus,
.btn-quest:hover {border:1px solid rgba(0, 0, 0, 0.5);box-shadow:none/*0 2px 5px rgba(0, 0, 0, 0.15)*/;}
/*
.btn-quest:disabled {background:white;color:rgba(0, 0, 0, 0.4);}
.btn-quest:disabled:hover {border:1px solid rgba(0, 0, 0, 0.2);box-shadow:none;}
*/
.btn-quest.active {color:#5B81B7;background:#EFF5F8;border:1px solid #5B81B7;box-shadow:none;}
.btn-quest.static,
.btn-quest.static:hover {cursor:default;background:white;border:1px solid rgba(0, 0, 0, 0.2);box-shadow:none;}
.btn.no-border:hover {box-shadow:none;}
.btn-full {display:block;width:100%;}
.btn-link, .btn-link:hover {border:none;background:none;color:inherit;text-decoration:none;}
.btn.btn-link i.icon {background:none;border:none;margin-right:0 !important;}
.btn-add {color:#5cb85c;width:34px;height:34px;border:none;background:white;outline:none;}
.btn.btn-add i.icon {background:none;}
.btn-remove {color:#FF0000;width:34px;height:34px;border:none;background:white;outline:none;}
.btn.btn-remove i.icon {background:none;}
.btn i.txt {font-style:normal;font-weight:100;font-size:20px;line-height:16px;}
.btn-default {background:#e6e6e6;}
.btn-default:hover {background:#cdcdcd;}
.btn-default.active {background-color:#e6e6e6;}
.btn-white, .btn-white:hover {background-color:white;color:#333;}
.btn-black, .btn-black:hover {background-color:#303030;color:#C0C0C0;}
.btn-primary, .btn-primary:hover {background:#48658C;}
.btn-success, .btn-success:hover {background:#5cb85c;}
.btn-info {background:#909090;border:1px solid rgba(0, 0, 0, 0.2);}
.btn-info:hover, .btn-info:active {background:#909090;border:1px solid rgba(0, 0, 0, 0.5);}
.btn-warning, .btn-warning:hover {background:#E59551;}
.btn-danger, .btn-danger:hover {background:#D9534F;}
.btn-budget, .btn-budget:hover {background:#629BB9;color:white;}
.btn-case, .btn-case:hover {background:#EBCB6A;color:#576272;}
.btn-blanco, btn-blanco:hover {background-color:transparent !important;border-color:transparent !important;}
.btn-blanco i.icon,
.btn-group.open .btn-blanco.dropdown-toggle,
.btn-blanco i.icon.left {background-color:transparent !important;border-color:transparent !important;margin-right:0 !important;box-shadow:none !important;}
.btn-quest-parent {display:inline-block;box-sizing:border-box;margin:0;padding:0;vertical-align:top;height:32px;line-height:20px;}
.btn-quest-dropdown {display:inline-block;box-sizing:border-box;margin:0;padding:0;vertical-align:top;height:32px;line-height:20px;}
.btn-quest-dropdown .btn {cursor:pointer;height:32px;padding:5px 12px;line-height:20px;background:white;border:1px solid rgba(0, 0, 0, 0.2);border-radius:4px;outline:none !important;box-shadow:none;}
.btn-quest-dropdown .btn:first-child {border-right:none !important;}
.btn-quest-dropdown .btn.dropdown-toggle {border-left:none !important;}
.btn-quest-dropdown .btn:active,
.btn-quest-dropdown:hover .btn {background:white;border-color:rgba(0, 0, 0, 0.5);box-shadow:none;}
.btn-quest-dropdown.active .btn:active,
.btn-quest-dropdown.active .btn {color:#5B81B7;background:#EFF5F8;border-color:#5B81B7;box-shadow:none;}
.btn-quest-dropdown .icon {font-size:20px;}
.btn-quest-group {display:inline-block;box-sizing:border-box;margin:0;padding:0;vertical-align:top;height:32px;line-height:20px;}
.btn-quest-group .btn-quest {position:relative;z-index:0;margin-left:-1px !important;margin-right:0 !important;border-radius:0;}
.btn-quest-group .btn-quest:first-child {border-radius:4px 0 0 4px;margin-left:0 !important;}
.btn-quest-group .btn-quest:last-child {border-radius:0 4px 4px 0;}
.btn-quest-group .btn-quest.active {z-index:5;}
.btn-quest-group .btn-quest:hover {z-index:10;}
.btn-quest input,
.btn-quest select {display:inline-block;height:20px;line-height:20px;border:none;padding:0;margin:0;margin-right:-5px;outline:none;}
.btn + .btn,
.btn-quest + .btn-quest,
.btn-quest + .btn-quest-parent,
.btn-quest + .btn-quest-dropdown,
.btn-quest + .btn-quest-group,
.btn-quest-parent + .btn-quest,
.btn-quest-parent + .btn-quest-parent,
.btn-quest-parent + .btn-quest-dropdown,
.btn-quest-parent + .btn-quest-group,
.btn-quest-dropdown + .btn-quest,
.btn-quest-dropdown + .btn-quest-parent,
.btn-quest-dropdown + .btn-quest-dropdown,
.btn-quest-dropdown + .btn-quest-group,
.btn-quest-group + .btn-quest,
.btn-quest-group + .btn-quest-parent,
.btn-quest-group + .btn-quest-dropdown,
.btn-quest-group + .btn-quest-group {margin-left:15px;}
.required:after {content:" *";color:#D9534F;font-weight:bold;}
.header.warning {background:#FCF1E7;margin:5px -30px;padding:10px 30px;}
.header h1 {line-height:32px;color:#2E3B4E;font-size:20px;font-weight:normal;margin:0;padding:6px 0;}
.header h1 .btn {padding:5px 12px;}
.header.warning h1 {padding:0;}
.header p {margin:0;font-size:14px;}
.header .body {display:flex;}
.header .profile-pic {margin-right:15px;margin-bottom:15px;}
.header .row {flex:1;}
.header.warning button {float:right;margin:10px 0;padding:5px 10px;background:#E59551;border:none;color:white;line-height:30px;font-size:14px;}
.header.warning button:after {content:"\f105";font-family:FontAwesome;font-size:20px;margin-left:10px;vertical-align:bottom;}
.child {line-height:28px;}
.profile-pic {width:45px;height:45px;background-color:#FBFBFC;border:1px solid #EDEEF0;position:relative;cursor:pointer;}
.profile-pic.noborder {border:none;}
.profile-pic.small {width:30px;height:30px;font-size:12px;border-radius:50%;}
.profile-pic.medium {width:72px;height:72px;font-size:30px;border-radius: 6px;}
.profile-pic.large {width:150px;height:150px;font-size:50px;margin:0 auto;border-width:2px;border-radius: 8px;}
.profile-pic.huge {width:250px;height:250px;font-size:75px;margin:0 auto;border-width:2px;border-radius: 8px;}
.profile-pic .initials {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;color:#EDEEF0;transform:translate(-50%, -50%);background:#FBFBFC;}
.profile-pic .picture {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.profile-pic .picture div {background:silver;background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;margin:0;padding:0;}
.profile-pic .logo {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.profile-pic .logo div {background:silver;background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;height:100%;margin:0;padding:0;}
.profile-pic .profileedit {display:none;position:absolute;left:0;right:0;bottom:0;z-index:5;font-size:10px;text-align:center;color:white;background:rgba(0, 0, 0, 0.5);padding:3px 0;}
.profile-pic.large .profileedit,
.profile-pic.huge .profileedit {font-size:14px;}
.profile-pic:hover .profileedit {display:block;}
.profile-pic .profileform {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer;background:none;}
.profile-pic .profileform form {background:none;}
.box {position:relative;margin:10px 0 20px;padding:15px 25px;background:white;box-shadow:0 1px 5px rgba(0, 0, 0, .25);cursor:pointer;}
.box.nopadding {padding:0;}
.box h3 {margin-top:0;}
.box h3 span {font-size:14px;color:#818994;margin-left:25px;}
.box .properties {color:#818994;}
.box .properties i {position:relative;margin-right:10px;font-size:24px;line-height:30px;height:30px;vertical-align:middle;}
.box .properties i.active:after {position:absolute;bottom:0;right:-3px;content:"";display:block;width:10px;height:10px;background:red;border:none;border-radius:50%;}
.box .properties span {display:inline-block;font-size:18px;line-height:30px;vertical-align:middle;}
.boxlist {display:inline-block;margin:10px 30px 30px 0;width:150px;text-align:center;vertical-align:top;}
.boxlist .profile-pic {margin:0 0 10px;}
.boxlist .name {display:block;text-align:center;}
.boxlist .type {display:block;text-align:center;color:silver;font-weight:100;}
.modal-sm {width:400px;}
.modal-backdrop {background:#2C3B4E;}
.modal-backdrop.in {opacity:0.8;}
.modal-dialog {margin-top:100px;}
.modal-content {box-shadow:none;border:none;border-radius:3px;}
.modal-header {position:relative;padding:25px 30px 15px;border:none;}
.modal-header h4 {min-height:30px;}
.modal-header button.close {position:absolute;top:22px;right:25px;float:none;z-index:10;}
.modal-header i {font-size:16px;}
.modal-header i.back {font-size:20px;position:absolute;top:28px;left:10px;opacity:0.5;cursor:pointer;}
.modal-header ul.tabs {position:absolute;display:block;list-style:none;left:0;top:10px;right:0;border-bottom:1px solid #E2E7EE;margin:0;padding:0 10px;}
.modal-header ul.tabs li {display:inline-block;cursor:pointer;color:#464E5B;line-height:50px;margin:0 15px;margin-bottom:-1px;padding:0 5px;border-bottom:2px solid transparent;}
.modal-header ul.tabs li.active {color:#5B81B7;border-color:#5B81B7;}
.modal-body {padding:25px 30px;overflow-x:auto;}
.modal-footer {padding:15px 30px 25px;border:none;}
.modal.fullscreen .modal-dialog {position:absolute;top:30px;left:30px;right:30px;bottom:30px;margin:0;width:auto;}
.modal.fullscreen .modal-content {width:100%;height:100%;display:flex;flex-direction:column;}
.modal.fullscreen .modal-header {flex:0;}
.modal.fullscreen .modal-body {flex:1;overflow:auto;}
.modal.fullscreen .modal-body .quest,
.modal.fullscreen .modal-body .popup,
.modal.fullscreen .modal-body .box {height:100%;}
.modal.fullscreen .modal-footer {flex:0;}
.modal-open #app {filter:blur(2px);}
.progressbar {display:block;margin:0 auto 30px;padding:0;list-style:none;text-align:center;}
.progressbar li {display:inline-block;position:relative;width:100px;text-align:center;padding-top:25px;font-size:12px;color:#CDD1D5;line-height:20px;cursor:pointer;}
.progressbar li.active {color:#757F8E;}
.progressbar li.last {color:#5B81B7;font-weight:bold;}
.progressbar li .s1 {position:absolute;display:block;top:0;left:0;width:50%;height:10px;border-bottom:1px solid #CDD1D5;}
.progressbar li .s2 {position:absolute;display:block;top:0;right:0;width:50%;height:10px;border-bottom:1px solid #CDD1D5;}
.progressbar li .s3 {position:absolute;display:block;top:10px;left:50%;width:0;height:0;margin:-5px;border:5px solid #CDD1D5;border-radius:50%;}
.progressbar li.active .s3 {border-color:#5B81B7;}
.progressbar li.last .s3 {border-width:8px;margin:-8px;}
.progressbar li.active .s1,
.progressbar li.active .s2 {border-color:#5B81B7;}
.progressbar li.last .s2 {border-color:#CDD1D5;}
.progressbar li:first-child .s1 {border:none;}
.progressbar li:last-child .s2 {border:none;}
.griddle .table {width:100%;line-height:22px;}
.griddle .table tr.selected-row td {background:#F1F8F9;}
.griddle .table tbody td {cursor:pointer;}
.griddle-footer {text-align:center;}
.griddle .table-hover > tbody > tr:hover{background-color:white;}
.griddle .table .icon {font-size:18px;line-height:18px;}
.table .disabled {opacity:0.3;cursor:not-allowed;}
.spinner {position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000;}
.spinner .back {position:absolute;top:0;left:0;bottom:0;right:0;background:#F5F5F5;opacity:0.75;}
.spinner .icon {position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px;padding:9px;background:white;border-radius:50%;box-shadow:0 0 25px white;}
.spinner .icon img {width:32px;}
.spinner .message {position:absolute;top:50%;left:50%;width:300px;height:60px;margin:50px -150px;padding:9px;background:white;border-radius:25px;box-shadow:0 0 25px white;color:#576272;text-align:center;display:none;}
.folders {width:100%;margin-bottom:30px;}
.folders button.folder {position:relative;display:inline-block;vertical-align:middle;margin:20px 10px 15px 0;border:none;background:white;border-radius:3px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);}
.folders button.folder > div {position:relative;width:400px;height:200px;color:#2E3B4E;font-weight:bold;font-size:18px;padding:20px;text-align:left;}
.folders button.folder span {font-weight:normal;margin-left:8px;}
.folders button.folder .service {position:absolute;left:20px;bottom:20px;}
.folders button.folder .corner-bottom {position:absolute;right:20px;bottom:20px;}
.dossier-wizard {}
.dossier-wizard .btn-primary {background:white;color:#576272;outline:none;}
.dossier-wizard.cases .btn-warning {background:#EBCB6A;color:#576272;outline:none;}
.dossier-wizard.budgets .btn-warning {background:#5B81B7;color:white;outline:none;}
.dossier-wizard div.dossier-groups {display:block;margin:0 0 20px;padding:0;}
.dossier-wizard ul.dossier-modules {display:block;list-style:none;margin:0 0 20px;padding:0;}
.dossier-wizard li {display:flex;margin:5px 0;padding:15px 40px;background:#F3F4F5;border:2px solid #F3F4F5;border-radius:2px;cursor:pointer;}
.dossier-wizard.cases li.active {background-color:#FFFDF9;border-color:#EBCB6A;}
.dossier-wizard.budgets li.active {background-color:#F9FAFF;border-color:#5B81B7;}
.dossier-wizard li b {display:block;}
.dossier-wizard li span {display:block;flex:1;text-align:right;}
.dossier-wizard .field {display:flex;margin-bottom:10px;padding:5px;}
.dossier-wizard .field label {flex:0;min-width:150px;line-height:34px;font-weight:bold;}
.dossier-wizard .field input {flex:1;}
.dossier-wizard .buttons {text-align:right;}
.wm-edit {position:absolute;display:block;top:2px;right:2px;/*color:#FF6600;background:white;*/border-radius:3px;cursor:pointer;width:20px;height:20px;line-height:20px !important;text-align:center;font-size:18px;color:white;}
.wm-sort {position:absolute;display:block;top:18px;right:-10px;/*color:#FF6600;background:white;*/border-radius:3px;cursor:move;width:20px;height:20px;line-height:20px !important;text-align:center;font-size:18px;color:white;}
.wm-add {position:absolute;display:block;top:18px;right:-10px;/*color:#FF6600;background:white;*/border-radius:3px;cursor:pointer;width:20px;height:20px;line-height:20px !important;text-align:center;font-size:18px;color:white;}
.wm-remove {position:absolute;display:block;top:28px;right:2px;/*color:#FF6600;background:white;*/border-radius:3px;cursor:pointer;width:20px;height:20px;line-height:20px !important;text-align:center;font-size:18px;color:white;}
.address {display:block;width:100%;position:relative;padding-right:120px;}
.address input {display:block;position:absolute;top:0;min-width:0;box-sizing:border-box;}
.address input.i1 {display:block;position:relative;}
.address input.i2 {right:50px;width:65px;text-align:center;}
.address input.i3 {right:0px;width:45px;text-align:center;}
.zipcode {display:block;width:100%;position:relative;}
.zipcode input {display:block;top:0;min-width:0;box-sizing:border-box;}
.zipcode input.i1 {position:relative;width:60px;text-align:center;}
.zipcode input.i2 {position:absolute;left:65px;width:50px;text-align:center;}
.vertical > div {display:block;}
.alert-dark {color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca;}
.s-alert-box {position:absolute;z-index:1200;}
.form-control[disabled],
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled],
fieldset[disabled] .form-control {cursor:initial;}
.form-control.readonly {line-height:20px;background-color:#edf5fb;}
.form-control.disabled {background-color:#EEE;}
.form-control.inline {width:auto;display:inline-block;}
.form-control.filter {color:white;background-color:#647C9E;border-color:#48648C;}
.form-control.grow {height:auto;min-height:34px;}
.form-control.grow p:first-child {margin-top:0;}
.form-control.grow p:last-child {margin-bottom:0;}
.form-control.single {white-space:nowrap;overflow:hidden;vertical-align:bottom;}
.form-control.notes {font-style:italic;min-height:34px;}
.form-control.no-border {border:none;box-shadow:none;}
div.form-control.notes {height:auto;white-space:pre-wrap;background:none;padding:0;border:none;box-shadow:none;}
.form-control > .form-control {margin:0;margin-left:15px;padding:0;height:auto;line-height:1;background:none;box-shadow:none;outline:none;border:none;color:inherit;}
.form-control > .form-control:first-child {margin-left:0;}
.form-control > .form-control label {font-weight:bold;}
.form-control > .btn {padding:1px 7px;vertical-align:baseline;margin:-2px 0;margin-left:15px;}
.form-control > textarea.form-control {line-height:inherit;}
.form-group.show_password {position:relative;}
.form-group.show_password i {display:block;position:absolute;top:0;right:0;line-height:34px;width:40px;font-size:18px;text-align:center;color:#CCCCCC;cursor:pointer;}
textarea.form-control {resize:vertical;min-height:34px;}
.has-success .form-control {border-color:#5CB85C;}
.has-error .form-control {border-color:#EE3930;}
.form-users {display:flex;flex-wrap:wrap;color:gray;min-height:29px;line-height:24px;margin-bottom:-5px;}
.form-users span {display:inline-block;background:#5B81B7;color:white;height:24px;line-height:24px;border-radius:12px;padding:0 15px;margin-right:10px;margin-bottom:5px;flex-grow:0;white-space:nowrap;}
.form-users input {display:inline-block;flex-grow:1;width:auto;min-width:50px;padding:0;height:24px;line-height:24px;margin-bottom:5px;}
.form-users-form {position:absolute;top:0;right:0;bottom:0;left:0;background:#F3F4F5;padding:10px;border-radius:4px;}
.form-users-form .btn-close {position:absolute;top:10px;right:12px;cursor:pointer;color:silver;}
.cke_editable input[type=button] {padding:2px 5px;margin:0;background-color:rgba(255, 255, 0, 0.25);border:solid 1px rgba(200, 150, 0, 0.25);border-radius:3px;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;text-decoration:inherit;}
.cke_editable input[data-empty=yes] {color:#E74C3D;}
.cke_editable.readonly input {padding:0;background:none;border:none;color:inherit;}
.cke_autocomplete_panel {box-shadow:0 5px 10px rgba(0, 0, 0, 0.15);width:auto !important;min-width:100px;}
.cke_autocomplete_panel .item-title {white-space:nowrap;}
.infographic .cke_editable,
.infographic .cke_editable.readonly {border:none;padding:0;background:none;box-shadow:none;font:inherit;color:inherit;}
.infographic .cke_editable input {border:unset;background:unset;font:unset;padding:unset;}
.input-calendar .input-calendar-field {background:none;cursor:inherit;}
.forms {height:100%;overflow:auto;padding-bottom:50px;}
.forms.index .form-fieldset.side,
.forms.index .form-fieldset.next {display:none;}
.forms.dashboard,
.forms.dashboard .form-content {position:relative;display:block;width:100%;height:100%;padding:0;margin:0;overflow:hidden;}
.forms.dashboard .form-outline,
.forms.dashboard .form-top {display:none;}
.forms.dashboard .form-preview {position:relative;display:block;width:100%;height:100%;padding:0;margin:0;overflow:hidden;margin-left:0 !important;}
.forms.dashboard .form {position:relative;display:flex;flex-direction:column;min-width:unset;max-width:100% !important;min-height:unset;max-height:100% !important;background:none;box-shadow:none;padding:0 !important;margin:0;}
/*
.forms.dashboard .form .toc.nav-tabs {margin:0 5px 25px;}
.forms.dashboard .form .toc.nav-tabs li {border:none;border-bottom:1px solid transparent;background:none;line-height:42px;padding:0 15px;cursor:pointer;}
.forms.dashboard .form .toc.nav-tabs li.active {border-color:black;}
.forms.dashboard .form .toc.nav-tabs li b {font-weight:normal;}
*/
.forms.dashboard .form ul.toc {position:relative;flex:0 0 44px;z-index:10;height:44px;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);background:white;border:none;padding-left:30px;/*left:30%;right:75px;widht:auto;margin-left:-2px;padding:0;*/}
.forms.dashboard .form ul.toc li {display:inline-block;padding:0 12px;margin-right:3px;border:none;margin-top:4px;border-bottom:4px solid transparent;font-size:16px;font-weight:normal;line-height:36px;text-align:center;cursor:pointer;background:none;}
.forms.dashboard .form ul.toc li:hover {border-bottom:4px solid silver;}
.forms.dashboard .form ul.toc li.active {color:#5B81B7;border-bottom:4px solid #5B81B7;}
.forms.dashboard .form ul.toc li.adding {width:48px;min-width:0;}
.forms.dashboard .form ul.toc li.admin.active {border-color:#67B5BB;color:#67B5BB;}
.forms.dashboard .form ul.toc li.active {border-color:#5B81B7;color:#5B81B7;}
.forms.dashboard .form ul.toc li.budget.active {border-color:#629BB9;color:#629BB9;}
.forms.dashboard .form ul.toc li.case.active {border-color:#EBCB6A;color:#EBCB6A;}
.forms.dashboard .form ul.toc li.scenario.active {border-color:#EBCB6A;color:#EBCB6A;}
.forms.dashboard .form ul.toc li.virtual {display:none;}
.forms.dashboard .form ul.toc li .label-danger {position:absolute;display:block;top:-2px;right:-3px;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;z-index:100;}
.forms.dashboard .form ul.toc li.adding .label-danger {display:none;}
.forms.dashboard .form ul.toc li b {font-size:16px;font-weight:normal;line-height:18px;}
.forms.dashboard .form ul.toc li span {display:none;font-size:9px;text-align:center;padding:0;margin:0;line-height:14px;text-transform:uppercase;}
.forms.dashboard .form .form-fieldset.main {flex:1;overflow:auto;padding:15px 30px;}
.forms.dashboard .field.level2 {background:white;border:10px solid #F5F5F5;}
.forms.dashboard .field.level2.blanco {background:#F5F5F5;border:10px solid #F5F5F5;}
.forms.dashboard .field.level2.blanco > .form-group,
.forms.dashboard .field.level2.blanco > .form-group > .form-input,
.forms.dashboard .field.level2.blanco > .form-group > .form-input > .form-control,
.forms.dashboard .field.level2.blanco > .form-group > .form-input > .form-control > div,
.forms.dashboard .field.level2.blanco > .form-group > .form-input > .form-control > div > div {background:inherit;}
.forms.dashboard .field.level2.flexbox,
.forms.infographic .field.flexbox {display:flex;}
.forms.dashboard .field.level2.flexbox > .fieldset,
.forms.infographic .field.flexbox > .fieldset {flex-grow:1;}
.forms.dashboard .field.level3.normal {background:white;}
.forms.dashboard .field.level2.blanco > .fieldset > .field.level3.normal + .field.level3.normal {margin-top:20px;}
.forms.dashboard .blanco .field.level2 {background:none;border:none;}
.forms.dashboard .field > .form-group {margin:0;padding:15px 24px;}
.forms.dashboard .field.level2 > .form-group {display:flex;flex-direction:column;margin:0;/*padding:15px 24px;max-height:410px;*/}
.forms.dashboard .field.level2.blanco > .form-group,
.forms.dashboard .field.level3.blanco > .form-group {padding:0;}
.forms.dashboard .blanco .field.level2 > .form-group {max-height:unset;}
.forms.dashboard .field.level2 > .form-group > .form-input {/*overflow-y:auto;*/}
.forms.dashboard .field[data-type=group] > .form-group {max-height:unset;}
.forms.dashboard .field[data-type=quest_chart] > .form-group > .form-input,
.forms.dashboard .field[data-type=group] > .form-group > .form-input
{overflow-y:unset;}
.forms.dashboard .form-group .form-label {display:block;font-size:18px;font-weight:bold;line-height:30px;margin:0;padding:0 0 20px;color:#2D3B4E;}
.forms.dashboard .field h1 {margin:0 auto;display:block;max-width:80%;font-family:Source Sans Pro;font-style:normal;font-weight:bold;font-size:28px;line-height:35px;color:#49668B;}
.forms.wizard .form {position:relative;display:flex;flex-direction:column;min-width:unset;max-width:100% !important;min-height:unset;max-height:100% !important;background:none;box-shadow:none;padding:0 !important;margin:0;}
.forms.wizard .field.heading .form-group .form-label {position:relative;display:block;margin:1px 0 0;line-height:35px;color:#2E3B4E;font-size:24px;font-weight:bold;background:none;padding:0;padding-left:25px;min-height:50px;white-space:nowrap;overflow:hidden;}
.forms.wizard .field.heading .form-group .form-label span {position:absolute;font-size:12px;font-weight:normal;color:#576272;line-height:20px;top:30px;left:40px;}
.form-content {position:absolute;display:flex;justify-content:center;top:0;left:0;right:0;bottom:48px;overflow:auto;padding:25px 30px;}
.form-outline {width:200px;padding:20px 15px 0 35px;display:flex;flex-direction:column;}
.form-outline ul.types {list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-grow:0;/*min-width:300px;*/}
.form-outline ul.types {flex-direction:column;}
.form-outline ul.types li {display:block;padding:5px 2px;margin-bottom:5px;border-bottom:1px solid silver;text-align:left;cursor:pointer;color:gray;flex-grow:1;}
.form-outline ul.types li.active {color:black;border-color:black;}
.form-outline ul.types li {border:none;border-left:1px solid silver;padding:5px 0 5px 8px;margin:0;}
.form-outline ul.types li h5 {display:block;position:relative;margin:0;text-align:left;white-space:nowrap;}
.form-outline ul.options {list-style:none;margin:0;padding:0;flex-grow:0;overflow:auto;/*min-width:300px;*/}
.form-outline ul.options li {display:block;z-index:100;cursor:move;background:white;border:1px solid #E0E0E0;border-radius:3px;padding:5px 8px;margin-bottom:5px;white-space:nowrap;}
.form-outline ul.options li i {float:right;cursor:pointer;color:silver;}
.form-outline h4.toc {}
.form-outline ul.toc {list-style:none;margin:0;margin-top:10px;padding:0;display:block;width:100%;border:none;/*min-width:300px;*/}
.form-outline ul.toc li {display:block;padding:5px 8px;cursor:pointer;color:gray;border:none;border-left:1px solid silver;float:none;white-space:nowrap;}
.form-outline ul.toc li:hover,
.form-outline ul.toc li.active {color:black;border:none;border-left:1px solid black;}
.form-outline ul.toc li > .paragraph {opacity:0.5;}
.form-outline ul.toc li b {position:relative;display:inline-block;font-weight:normal;background:#F5F5F5;box-shadow:5px 0 10px 3px #F5F5F5;}
.form-outline ul.toc li span {display:inline-block;padding-right:12px;}
.form-outline ul.toc li .paragraph span {min-width:40px;padding-right:12px;}
.form-outline ul.toc li span.orientation {display:block;position:absolute;top:5px;right:20px;color:silver;z-index:-1;}
.form-outline ul.toc li.toc-preface,
.form-outline ul.toc li.toc-chapter {position:relative;}
.form-outline ul.toc li.toc-preface i {position:absolute;display:none;top:6px;right:4px;color:#D9D9D9;}
.form-outline ul.ui-sortable li.ui-sortable-handle {cursor:move;}
.form-outline ul.ui-sortable li.ui-sortable-handle:after {position:absolute;display:block;content:"\2022 \2022 \2022 \2022 \2022 \2022";top:2px;right:0;width:15px;line-height:7px;font-size:12px;color:#D9D9D9;white-space:break-spaces;z-index:-1;}
.form-outline ul.ui-sortable li.ui-sortable-helper:after {display:none;}
.form-outline h4.versions {margin-top:30px;}
.form-outline ul.versions {list-style:none;margin:0;margin-top:10px;padding:0;display:block;width:100%;border:none;/*min-width:300px;*/}
.form-outline ul.versions li {display:block;padding:5px 8px;color:gray;border:none;border-left:1px solid silver;float:none;white-space:nowrap;}
.form-outline ul.versions li.selectable:hover {color:black;border:none;border-left:1px solid black;cursor:pointer;}
.form-outline ul.versions li.active {color:black;border:none;border-left:1px solid black;}
.form-outline ul.versions li b {display:block;}
.form-templates ul.toc {list-style:none;margin:0;padding:0;padding-left:25px;display:block;}
.form-templates ul.toc b {display:inline-block;min-width:20px;margin-right:5px;font-weight:normal;}
.form-templates ul.toc span {display:none;color:silver;}
.form-templates ul.toc.level0 {padding-left:0;}
.form-templates ul.toc.level0 > li > div {font-weight:bold;}
.form-templates ul.toc.level0 > li > div > b {font-weight:bold;}
/*.form-outline li::before {color:#5A81B7;content:"\f105";font-family:FontAwesome;display:inline-block;width:15px;}*/
.form {padding:65px 75px !important;max-width:980px;width:100%;flex-grow:1;position:relative !important;background:white;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);}
.form.P {min-width:825px;max-width:825px;min-height:1167px;}
.form.L {min-width:1167px;max-width:1167px;min-height:825px;/*min-width:1111px;max-width:1111px;*/}
.forms.infographic .form {padding:0 !important;}
.forms.infographic .form .form-top,
.forms.infographic .form .form-chapter {display:none;}
.form .form-top {position:relative;margin:0 0 50px;padding:5px 15px;}
.form .form-top h4 {font-size:24px;}
.form .panel {margin:0;}
/* .form .panel-heading {background:#48658C;color:white;border:none;border-radius:3px;padding:10px 16px;} */
.form .panel-heading {background:none;color:#333333;border:none;border-bottom:1px solid #EEEEEE;padding:10px 16px;box-shadow:none;}
.form .panel-body {padding:15px 0;}
.form .panel-title {font-size:18px;}
.form .panel-title i {margin-right:10px;}
.form .panel-title .paragraph {display:none;}
.form .fieldset {display:flex;flex-flow:row wrap;}
.form .form-fieldset.main.alignleft .fieldset {justify-content:left;}
.form .form-fieldset.main.aligncenter .fieldset {justify-content:center;}
.form .form-fieldset.main.alignright .fieldset {justify-content:right;}
.form .field.alignleft .fieldset {justify-content:left;}
.form .field.aligncenter .fieldset {justify-content:center;}
.form .field.alignright .fieldset {justify-content:right;}
.editing .form .fieldset {padding-left:28px;padding-right:21px;}
.infographic.editing .form .fieldset {padding-left:0;}
.form .field {position:relative;display:block;flex:0;padding:0;min-width:150px;}
.reporting .form .field {margin-top:25px;}
.infographic .form .field {margin-top:0;}
.form .field.current > .form-group {box-shadow:0 0 0 3px #FCF8E3, 0 0 0 4px #FAEBCC;background:#FCF8E3;border-radius:1px;min-height:35px;}
.form .input-calendar .calendar-icon {background:none;}
.form .field.level1 > .form-group {display:none;}
.form .toc.nav-tabs {display:block;}
.form .toc.nav-tabs li {background:#eee;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;margin-right:5px;padding:0 8px;line-height:25px;}
.form .toc.nav-tabs li.active {background:white;border-bottom:1px solid white;}
.form .field.break {}
.form hr.break {display:block;flex:0;width:100%;margin:0;border:none;}
.form .field.panel {background:#F0F0F0;}
.form .field.panel.level1 {background:#FFFFFF;}
.form .field.flexbox {display:flex;flex-direction:column;}
.form .field.flexbox > .fieldset {display:flex;flex-direction:column;flex:1;}
.form .field.flexbox > .fieldset > .field {flex:0 0 auto !important;}
.form .field.flexbox > .fieldset > .field.flexgrow {flex:1 0 auto !important;}
.form .field.flexgrow {display:flex;flex-direction:column;}
.form .field.flexgrow > .fieldset {flex:1 0 auto !important;}
.form .side .field.panel {display:none;}
.form .field.panel.admin,
.form .field.panel.budget,
.form .field.panel.base,
.form .field.panel.case {background:white;border-radius:0 0 3px 3px;box-shadow:0 1px 8px rgba(0, 0, 0, .15);margin:0;padding:0;}
.form .field.panel.admin > .form-group {border-top:5px solid #67B5BB;padding:15px;margin:0;border-radius:0 0 3px 3px;}
.form .field.panel.budget > .form-group {border-top:5px solid #6098B9;padding:15px;margin:0;border-radius:0 0 3px 3px;}
.form .field.panel.base > .form-group {border-top:5px solid #5B81B7;padding:15px;margin:0;border-radius:0 0 3px 3px;}
.form .field.panel.case > .form-group {border-top:5px solid #EBCB6A;padding:15px;margin:0;border-radius:0 0 3px 3px;}
.form .field.panel.admin > .form-group > .h4,
.form .field.panel.budget > .form-group > .h4,
.form .field.panel.base > .form-group > .h4,
.form .field.panel.case > .form-group > .h4 {margin:0;text-align:center;}
.form .field.panel.admin > .fieldset,
.form .field.panel.budget > .fieldset,
.form .field.panel.base > .fieldset,
.form .field.panel.case > .fieldset {padding:15px;}
.form .field.panel.admin .group-popup .btn {display:block;background:#67B5BB;border-color:#67B5BB;margin:0 auto;}
.form .field.panel.budget .group-popup .btn {display:block;background:#6098B9;border-color:#6098B9;margin:0 auto;}
.form .field.panel.base .group-popup .btn {display:block;background:#5B81B7;border-color:#5B81B7;margin:0 auto;}
.form .field.panel.case .group-popup .btn {display:block;background:#EBCB6A;border-color:#EBCB6A;margin:0 auto;}
.form .form-group {margin:0 15px 5px;}
.form .field.blanco > .form-group,
.form .field.heading > .form-group,
.infographic .form .form-group {margin:0;}
.form .form-group.required::after {content:"asterisk";font-family:"Material Symbols Outlined";font-size:9px;color:#C50A0D;position:absolute;left:3px;top:4px;}
.form .form-group .form-label {padding-top:8px;padding-right:25px;font-weight:normal;line-height:1.2;font-size:/*15px*/inherit;}
.form .form-group.labels-top .form-label {padding-left:0;padding-right:0;}
.form .form-group .form-label .help-block {float:right;text-align:right;font-size:13px;line-height:1.2;font-weight:normal;}
.infographic .form .help-block {color:inherit;font-size:inherit;}
.infographic .form .form-group .form-label {font-weight:bold;color:inherit;}
.form .form-group.form-chapter .form-label,
.form .form-group.form-preface .form-label {line-height:25px;font-size:20px;}
.form.fieldmode .form-group.form-preface,
.form.fieldmode .form-group.form-preface .form-label {cursor:default;}
/*.form .form-group.form-paragraph .form-label {line-height:20px;font-size:18px;}*/
.form .form-group .form-label.subtitle {padding-top:0;}
.form .form-group .form-label span {display:block;font-size:11px;font-weight:normal;line-height:15px;}
.infographic .form .form-group .form-label span {display:inline;font-size:inherit;font-weight:normal;line-height:inherit;margin-left:10px;}
.form .form-group.labels-left {display:flex;flex-flow:row;align-items:flex-start;}
.form .form-group.labels-left .form-label {flex:0;flex-basis:120px;/*padding-top:7px;*/}
.form .form-group.labels-left .form-input {flex:1;}
.form .input-group {width:100%;}
.form .input-group .form-control {border-radius:4px;}
.form .input-group div:first-child .form-control {border-top-right-radius:0;border-bottom-right-radius:0;}
.form .input-group div:last-child .form-control {border-top-left-radius:0;border-bottom-left-radius:0;}
.form .form-group .form-input {position:relative;}
.form .form-group .form-input .form-input-full {margin:0 -15px 0;}
.form .form-group .form-input .form-help {position:absolute;display:block;top:0;right:100%;width:30px;height:30px;}
.form .form-group .form-input .form-help i {display:block;text-align:center;font-size:20px;line-height:35px;cursor:pointer;color:black;opacity:0.25;}
.form .has-error {color:#C50A0D;}
.form .has-error i {margin-right:7px;}
.form .has-warning {color:#FF8800;}
.form .has-warning i {margin-right:7px;}
.form .field div.radio,
.form .field div.checkbox {margin-top:0;}
.form .field .horizontal div.radio,
.form .field .horizontal div.checkbox {display:inline-block;margin-right:15px;}
.form .field .table {width:100%;}
.form .field .table thead td {text-transform:capitalize;font-weight:bold;vertical-align:bottom;padding-top:0;}
.form .field .table tfoot th {font-weight:normal;padding-top:5px;}
.form .field .table tfoot td {text-transform:capitalize;font-weight:bold;vertical-align:top;padding-bottom:0;}
.form .field .table .bg-success,
.form .field .table .bg-danger {background:none;}
.form .form-input .form-tabs {display:flex;float:none;}
.form .form-input .form-tabs.left {justify-content:flex-start;}
.form .form-input .form-tabs.center {justify-content:center;}
.form .form-input .form-tabs.right {justify-content:flex-end;}
.form .form-input .form-tabs button {flex:0;white-space:nowrap;outline:none;}
.form .form-input .form-tabs.justify button {flex:1;}
.form .form-input .form-tabs.view-buttons {border:none;}
.form .form-input .form-tabs.view-tabs {border-bottom:1px solid #CCCCCC;}
.form .form-input .form-tabs.view-tabs button,
.form .form-input .form-tabs.view-tabs button.active,
.form .form-input .form-tabs.view-tabs button:hover {border:1px solid transparent;border-bottom:1px solid #CCCCCC;margin:0 0 -1px;background:transparent;box-shadow:none;border-radius:5px 5px 0 0;}
.form .form-input .form-tabs.view-tabs button.active {border:1px solid #CCCCCC;border-bottom:1px solid white;}
.form .field .comments {display:block;margin:5px 3px 0;}
.form .field .comments.inactive {display:inline-block;}
.form .field .comments > span {color:#737373;padding-right:5px;}
.form .field .comments ul {display:block;list-style:none;margin:0;padding:0;}
.form .field .comments li {min-height:50px;}
.form .field .comments .profile-pic {float:left;margin:5px 0 0;}
.form .field .comments .profile-pic .initials {color:#737373;}
.form .field .comments li > span {display:block;margin:3px 0 5px 38px;padding:3px 0;line-height:150%;}
.form .field .comments li > div {display:block;margin-left:30px;}
.form .field .comments li a {margin-right:10px;}
.form .field .comments li b {color:#737373;}
.form .field .comments li u {text-decoration:none;color:#C0C0C0;}
.form .field .comments li ul {border-left:3px solid #F0F0F0;padding-left:5px;}
.form .field .comments .comments-add {display:flex;margin:5px 0;}
.form .field .comments .comments-add input {flex:1;margin:0 5px;}
.form .field .comments .comments-add .profile-pic {margin-top:1px;}
.form .field .versions {display:block;margin:5px 3px 0;}
.form .field .versions > span {color:#737373;padding-right:5px;}
.form .field .versions ul {display:block;list-style:none;margin:0;padding:0;}
.form .field .versions li {min-height:50px;cursor:pointer;}
.form .field .versions li + li {margin-top:10px;border-top:1px solid silver;padding-top:10px;}
.form .field .versions li > div {padding:10px;border-left:2px solid gray;}
.form .field .activities {display:block;margin:5px 3px 0;}
.form .field .activities.inactive {display:inline-block;}
.form .field .activities > span {color:#737373;padding-right:5px;}
.form .field .activities ul {display:block;list-style:none;margin:3px 0;padding:0;}
.form .field .activities li {min-height:50px;margin-bottom:5px;}
.form .field .activities .profile-pic {float:left;margin:5px 0 0;}
.form .field .activities .profile-pic .initials {color:#737373;}
.form .field .activities li > div {display:block;margin-left:38px;color:#737373;}
.form .field .activities li > div.title i {float:right;}
.form .field .activities li > div.description {font-style:italic;}
.form .field .activities li > div.timestamp {color:#C0C0C0;}
.activities .changes {display:block;}
.activities .change {background:#F1F8F9;border-radius:3px;border-left:2px solid #67B5BB;border-right:2px solid #67B5BB;padding:2px 10px;}
.activities .change.old {background-color:#F5F5F5;border-color:#C0C0C0;}
/* .designing .form .form-top, */
.designing .form .field {min-height:55px;margin-bottom:3px;}
.designing .form .field .form-group {padding-left:5px;margin-left:10px;padding-right:25px;margin-right:5px;}
.designing .form .field.level1 {border-right:30px solid /*#2B3B4E*/ silver;border:none;}
.designing .form .field.level1 > .form-group {min-height:55px;display:block;}
.designing .form .form-top .wm-edit,
.designing .form .field .wm-edit,
.designing .form .field .wm-sort,
.designing .form .wm-add {right:-25px;color:white;background:none;color:orange;/*top:5px;*/top:-3px;right:5px;z-index:100;}
.designing .form .field .wm-sort {top:19px;}
.designing .form .field.level1 > .wm-sort {cursor:pointer;top:-56px;height:42px;font-size:12px;display:flex;flex-direction:column;justify-content:center;}
.designing .form .field.level1 > .wm-sort i {}
.designing .form .panel:nth-child(2) i.fa-arrow-up {display:none;}
.designing .form .panel:last-child i.fa-arrow-down {display:none;}
.designing .form .fieldset {margin:-7px;margin-bottom:10px;border:2px dashed transparent;padding:5px;}
.designing .form .fieldset:after {display:block;content:"";/*border-bottom:1px solid silver;*/margin:5px 50px;clear:both;}
.designing .form .fieldset.hover {background:#F8F9FB;border-color:#48658C;}
.designing .form .field.hover {margin:-7px;padding:5px;background:#F8F9FB;border:2px dashed #48658C;box-sizing:content-box;position:relative;}
.designing .form .field.hover > .wm-edit {top:2px;right:10px;}
.designing .form .field.hover > .wm-sort {top:24px;right:10px;}
.designing .form .field.hover > .fieldset {position:relative;/*border-top:2px dashed #48658C;*/}
.designing .form .field.hover > .fieldset:before {position:absolute;display:block;content:"";top:-7px;left:5px;right:5px;border-top:2px solid #48658C;}
.modal .form {margin:0;padding:0 !important;max-width:100%;position:relative !important;background:white;box-shadow:none;}
.modal .form .field i.fa-arrow-up {display:none;}
.modal .form .field i.fa-arrow-down {display:none;}
.modal h3 {color:#48658C;}
.field-help {position:absolute;right:-10px;top:5px;}
.field-help i {display:inline-block;background:#b2d7ee;color:#555555;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;}
.popover-content {padding-bottom:0;}
.app-forms .input-group-addon.overlay-trigger {display:none;}
.designing .form .ui-sortable-helper {opacity:0.75;box-shadow:none;background:none;}
.ui-state-highlight {background:#F0F0F0;border:2px dashed #C0C0C0;min-height:55px;float:left;margin-bottom:3px;box-sizing:border-box;list-style:none;}
.ui-state-highlight {background:#DFEFD8;border-color:#3c763d;}
.ui-state-highlight.error {background:#F1DEDE;border-color:#A94442;}
.ui-draggable-handle.ui-draggable-dragging {list-style:none;z-index:100;padding:5px 8px;background:white;border:1px solid #E0E0E0;border-radius:3px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);white-space:nowrap;}
.editing .form.chaptermode > .panel {cursor:move;}
.editing .form.chaptermode > .ui-state-highlight {float:none;display:block;}
.editing .form .form-top {background:none;border:2px dashed transparent;padding:3px 13px;}
.properties .form .form-top {background:none;border:2px dashed transparent;padding:3px 28px;margin:0 -15px 50px;}
.editing .form .form-top.selected {background:rgba(255, 255, 128, 0.35);border-color:#C0C000;cursor:move;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);margin-top:-3px;margin-bottom:47px;transition:margin 0.5s;}
.editing .form .panel {margin:0 0 30px;}
.editing .form .panel.selected {background:rgba(255, 255, 128, 0.35);border:2px dashed #C0C000;cursor:move;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);margin:-2px -32px 30px;padding:0 30px;}
.editing .form .panel.selected .panel-heading {border-color:#C0C000;}
.properties .form .form-top.selected {background:rgba(255, 255, 128, 0.35);border-color:#C0C000;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);margin-top:-3px;margin-bottom:53px;transition:margin 0.5s;}
.properties .form .form-fieldset.main {background:none;border:2px dashed transparent;padding:3px 13px;margin:-5px -15px;}
.infographic.properties .form .form-fieldset.main {margin:0;padding:0;border:none;}
.properties .form .form-fieldset.main.selected {background:rgba(255, 255, 128, 0.35);border-color:#C0C000;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);margin-top:-8px;margin-bottom:-2px;transition:margin 0.5s;}
.editing .form .field {background:none;border:2px dashed transparent;padding:3px;min-height:54px;}
.editing .form .field {background:rgba(0, 0, 0, 0.01);border-color:rgba(0, 0, 0, 0.1);margin-bottom:25px;}
.properties .form .field {background:none;border:2px dashed transparent;padding:3px 13px;margin:15px -15px;min-height:47px;}
.infographic .form .field {margin:0;padding:0;border:none;}
.editing .form .field .fieldset {min-height:15px;}
.editing .form .panel-title > .wm-edit {top:-8px;}
.editing .form .panel-title > .wm-remove {top:15px;}
.editing .form .panel-title > .wm-menu,
.reporting .form .panel-title > .wm-menu,
.dashboard .form .panel-title > .wm-menu,
.editing .form .panel-title > .wm-edit,
.reporting .form .panel-title > .wm-edit,
.dashboard .form .panel-title > .wm-edit,
.editing .form .panel-title > .wm-sort,
.reporting .form .panel-title > .wm-sort,
.dashboard .form .panel-title > .wm-sort,
.editing .form .panel-title > .wm-remove,
.reporting .form .panel-title > .wm-remove,
.dashboard .form .panel-title > .wm-remove,
.editing .form .field > .wm-menu,
.reporting .form .field > .wm-menu,
.dashboard .form .field > .wm-menu,
.editing .form .field > .wm-edit,
.reporting .form .field > .wm-edit,
.dashboard .form .field > .wm-edit,
.editing .form .field > .wm-sort,
.reporting .form .field > .wm-sort,
.dashboard .form .field > .wm-sort,
.editing .form .field > .wm-remove,
.reporting .form .field > .wm-remove,
.dashboard .form .field > .wm-remove {display:none;}
.editing .form .field:hover {background:rgba(0, 0, 0, 0.05);border-color:#C0C0C0;cursor:move;}
.editing .form .field.selected {background:#FFFFD5;/*rgba(255, 255, 128, 0.35);border-color:#C0C000;cursor:move;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);margin-top:12px;margin-bottom:18px;transition:margin 0.5s;*/}
.properties .form .field.selected {color:#303030 !important;background:#FFFFD5 !important;/*rgba(255, 255, 128, 0.35);border-color:#C0C000;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);margin-top:12px;margin-bottom:18px;transition:margin 0.5s;*/}
.dashboard.edit .form .field.selected {background:#FFFFD5;}
/*.dashboard.edit .form .field.blanco.selected {background:none;}*/
/*.editing .form .panel-title:hover > .wm-edit,*/
.reporting .form .panel-title:hover > .wm-edit,
.dashboard.edit .form .panel-title:hover > .wm-edit,
/*.editing .form .panel-title:hover > .wm-remove,*/
.reporting .form .panel-title:hover > .wm-remove,
.dashboard.edit .form .panel-title:hover > .wm-remove,
.editing .form .field:hover > .wm-menu,
.reporting .form .field:hover > .wm-menu,
.dashboard.edit .form .field:hover > .wm-menu,
.editing .form .field:hover > .wm-edit,
.reporting .form .field:hover > .wm-edit,
.dashboard.edit .form .field:hover > .wm-edit,
.editing .form .field:hover > .wm-remove,
.reporting .form .field:hover > .wm-remove,
.dashboard.edit .form .field:hover > .wm-remove {display:block;}
.editing .form .panel-title:hover > .wm-edit,
.editing .form .panel-title:hover > .wm-remove,
.properties .form .panel-title:hover > .wm-edit,
.properties .form .field:hover > .wm-edit {display:none;}
.editing .form .field:hover .form-label {cursor:move;}
.dropdown-menu {max-width:300px;max-height:250px;overflow:auto;overflow-x:hidden;}
.dropdown-menu li.selected a {font-weight:bold;}
.subpanels {width:850px;max-width:80%;margin:0 auto;padding-top:25px;}
.subpanels .buttons {text-align:center;}
.subpanels .buttons button {color:white;background:#2A3B4E;border:none;border-radius:0;line-height:36px;padding:0 15px;display:inline-block;margin:0 15px;}
.subpanel {background:white;border:none;box-shadow:0 0 5px rgba(0, 0, 0, .25);margin:0 0 25px;}
.subpanel .head i.sl {display:inline-block;width:65px;height:65px;background:#2B3B4E;color:white;line-height:65px;text-align:center;font-size:28px;vertical-align:middle;}
.subpanel .head h3 {display:inline-block;height:65px;line-height:65px;padding:0 15px 0 30px;margin:0;vertical-align:middle;}
.subpanel .body {padding:20px 15px 20px 95px;}
.subpanel .body:nth-child(even) {background:#F5F5F5;}
.subpanel .body:after {content:"";display:block;clear:both;}
.subpanel .body.title {font-weight:bold;}
.subpanel .body.content {padding-left:130px;}
.subpanel .body span {display:inline-block;line-height:36px;vertical-align:middle;}
.subpanel .input {position:relative;display:inline-block;float:right;margin:0;padding:0;cursor:pointer;}
.subpanel .checkbox {background:#E2E2E2;border:1px solid #A2A2A2;width:62px;height:36px;padding:4px;border-radius:18px;}
.subpanel .checkbox.active {text-align:right;background:#2A3B4E;}
.subpanel .checkbox:after {display:inline-block;content:"";width:26px;height:26px;border-radius:13px;background:white;border:1px solid #A2A2A2;}
.subpanel .checkbox input {position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:60px;height:30px;margin:0;padding:0;opacity:0;}
.subpanel .counter {list-style:none;border:1px solid #CDCDCD;border-radius:2px;margin:0;padding:0;}
.subpanel .counter li {display:inline-block;padding:0 10px;line-height:30px;border-left:1px solid #CDCDCD;}
.subpanel .counter li:first-child {border:none;}
.subpanel .counter li.active {color:white;background:#2A3B4E;}
.modules {display:block;}
.modules .card {display:block;background:white;box-shadow:0 0 5px rgba(0, 0, 0, .15);padding:15px 25px;margin:0 0 15px;}
.modules .card button {display:block;width:200px;border:none;color:white;}
.modules .card .counter {text-align:center;margin-top:10px;}
.modules .card h1 {margin:0 0 10px;font-size:24px;font-weight:bold;}
.modules .card h1 .label {margin-left:15px;background:none;border:1px solid #D6D6D6;color:#D6D6D6;font-size:50%;padding:0 8px 2px;vertical-align:middle;font-weight:normal;}
.modules .card h1 .label.label-success {color:#5CB85C;border-color:#5CB85C;}
.modules .card h1 .label.label-danger {color:#D9534F;border-color:#D9534F;}
.modules .card p {color:#777777;}
.start-page {display:block;width:100%;height:100%;display:flex;align-items:center;}
.start-page .card {display:flex;flex-direction:column;width:500px;max-width:90%;height:250px;max-height:90%;background:white;box-shadow:0 0 5px rgba(0, 0, 0, .15);padding:25px 35px;margin:0 auto 50px;}
.start-page .card > h1 {display:block;flex:0;margin:0 0 15px;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 24px;line-height: 35px;color: #576272;}
.start-page .card > div {display:block;flex:1;}
.start-page .card > button {display:block;flex:0;margin:10px 0 0 auto;}
.label-form {border:1px solid #D6D6D6;background:none;color:#D6D6D6;font-weight:normal;padding-top:0;padding-bottom:0;font-size:11px;line-heigth:18px;}
.label-form.label-success {color:#5CB85C;border-color:#5CB85C;}
.label-form.label-danger {color:#D9534F;border-color:#D9534F;}
.label-form.label-primary {color:#337AB7;border-color:#337AB7;}
.flow {display:flex;width:100%;list-style:none;margin:0;padding:10px 0;}
.flow li {flex:1;position:relative;z-index:10;max-width:200px;}
.flow li:before {display:block;content:"";position:absolute;top:40px;left:0;right:0;height:3px;background:white;}
.flow li:first-child:before {left:50%;}
.flow li:last-child:before {right:50%;}
.flow li.done:before {background:#2A3B4E;}
.flow li.current:after {display:block;content:"";position:absolute;top:40px;left:0;width:50%;height:3px;background:#2A3B4E;}
.flow li:first-child:after {display:none;}
.flow li i {position:relative;display:block;width:55px;height:55px;border:2px solid white;border-radius:50%;background:white;color:#2A3B4E;margin:14px auto 12px;text-align:center;line-height:55px;font-size:20px;z-index:5;}
.flow li b {display:block;text-align:center;font-size:13px;}
.flow li span {display:block;text-align:center;font-size:12px;}
.flow li.done i {border-color:#2A3B4E;background:#2A3B4E;color:white;}
.flow li.current i {border-color:#5CB85C;color:#5CB85C;}
.flow li.success i {border-radius:0;}
.flow li ul {display:flex;position:relative;list-style:none;margin:0;padding:0;background:#F5F5F5;z-index:8;}
.flow li ul:before {display:block;content:"";position:absolute;top:22px;left:0;width:100px;height:21px;border:3px solid white;border-radius:5px 0 0 0;border-right:none;border-bottom:0;z-index:0;}
.flow li ul:after {display:block;content:"";position:absolute;top:22px;right:0;width:100px;height:21px;border:3px solid white;border-radius:0 5px 0 0;border-left:none;border-bottom:0;z-index:0;}
.flow li li {margin-bottom:10px;}
.flow li li:before {top:22px;}
.flow li.current ul:before,
.flow li.done ul:before,
.flow li.done ul:after {border-color:#2A3B4E;}
.flow li li.current:after {display:none;}
.flow li li.done:before {background:#2A3B4E;}
.flow li li span {font-size:12px;}
.flow li li i {margin:0 auto 9px;width:45px;height:45px;line-height:45px;font-size:16px;}
.validation-field i {cursor:pointer;}
.validation-table {border-collapse:collapse;border-width:0;margin:0;width:100%;}
.validation-table td {padding:3px;}
.validation-table thead td {border-bottom:1px solid gray;font-weight:bold;}
.validation-table td:last-child {border-bottom:none;text-align:right;}
.validation-table input.form-control {width:100%;margin-bottom:2px;}
.validation-table textarea,
.validation-table tfoot {display:none;}
.validation-table img {margin:10px 0 11px;}
.validation-condition,
.validation-message {width:100%;border:1px solid silver;line-height:20px;font-size:14px;font-family:Arial;height:auto;min-height:34px;margin-bottom:3px;}
.validation-condition input[type=button],
.validation-message input[type=button] {border:none;background:#A800C6;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.validation-condition input[type=text],
.validation-message input[type=text] {border:none;background:#FF6600;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;width:auto;min-width:50px;text-align:center;}
.validation-condition select,
.validation-message select {border:none;background:#49C49F;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.relevance-field i {cursor:pointer;}
.relevance-field textarea {display:none;}
.relevance-condition {width:100%;border:1px solid silver;line-height:20px;font-size:14px;font-family:Arial;height:auto;min-height:34px;}
.relevance-condition input[type=button] {border:none;background:#A800C6;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.relevance-condition input[type=text] {border:none;background:#FF6600;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;width:auto;min-width:50px;text-align:center;}
.relevance-condition select {border:none;background:#49C49F;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.formula-field i {cursor:pointer;}
.formula-field textarea {display:none;}
.formula-condition {width:100%;border:1px solid silver;line-height:20px;font-size:14px;font-family:Arial;height:auto;min-height:34px;}
.formula-condition input[type=button] {border:none;background:#A800C6;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.formula-condition input[type=text] {border:none;background:#FF6600;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;width:auto;min-width:50px;text-align:center;}
.formula-condition select {border:none;background:#49C49F;color:white;border-radius:3px;line-height:20px;padding:0 5px;margin:0 5px;font-size:14px;}
.dashboard-empty {display:flex;flex-direction:column;justify-content:space-between;height:100%;margin:0 25px;background:white;}
.dashboard-empty > div {display:flex;flex-direction:column;justify-content:center;flex:1;align-items:center;}
.dashboard-empty h1 {margin:0 auto;display:block;max-width:80%;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 28px;line-height: 35px;text-align: center;color: #49668B;}
.dashboard-empty p {margin:10px auto 0;}
.dashboard-empty button {margin:35px 10px 0;padding:10px 15px;height: 38px;background: #67B5BB;border-radius: 2px;border:none;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 14px;line-height: 18px;color: #FFFFFF;white-space:nowrap;}
.dashboard-empty button.lst {margin:0;}
.dashboard-empty button.silver {background:#D5D8DC;color:white;}
.dashboard-empty img {margin:0 auto;max-width:100%;max-height:100%;width:750px;}
.dashboard-empty .flex > * {align-self:center;}
.dashboard-empty label {border:2px solid transparent;border-radius:3px;padding:2px 7px;}
.dashboard-empty label.error {border-color:#C12E2E;}
.dashboard-empty label input {vertical-align:middle;margin:0;margin-right:5px;}
.dashboard-empty label span {vertical-align:middle;}
.dashboard-empty table th {width:100px;}
.alert-info {color:#5B81B7;background-color:#BBCCE1;border-color:#BBCCE1;}
.form-loading {display:flex;justify-content:center;align-items:center;height:100%;background:white url(../images/quest-loading.png) center no-repeat;background-size:300px;box-shadow:0 0 5px white;}
.form-loading span {display:block;margin-top:240px;}
.popup-loading {display:flex;justify-content:center;align-items:center;height:100%;background:white;min-height:250px;color:#67B5BB;font-weight:bold;font-size:22px;}
.popup-loading i {margin-right:10px;}
.popup-connected {display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:white;min-height:250px;font-weight:bold;}
.popup-connected div {text-align:center;}
.popup-connected i {width:100%;text-align:center;color:#49C49F;font-size:100px;}
.popup-connected button {margin:35px 10px 0;padding:10px 15px;height: 38px;background: #67B5BB;border-radius: 2px;border:none;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 14px;line-height: 18px;color: #FFFFFF;white-space:nowrap;}
.popup-connected button.silver {background:#D5D8DC;color:white;}
.screen-demo {display:flex;min-height:100%;background:white;}
.screen-demo > div {display:block;padding:25px 50px;}
.screen-demo h1 {display:block;max-width:80%;text-align:left;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 28px;line-height: 35px;color:#49668B;}
.screen-demo h2 {display:block;max-width:80%;text-align:left;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 22px;line-height: 30px;color:#49668B;}
.screen-demo div.default {border-left:2px solid #A0A0A0;padding-left:10px;margin-top:10px;}
.screen-demo div.admin {border-left:2px solid #67B5BB;padding-left:10px;margin-top:10px;}
.screen-demo div.base {border-left:2px solid #5B81B7;padding-left:10px;margin-top:10px;}
.screen-demo div.case {border-left:2px solid #9D82B8;padding-left:10px;margin-top:10px;}
.screen-demo p {margin:10px auto 0;}
.screen-demo p.indent {padding-left:20px;}
.screen-demo p.bullet {position:relative;}
.screen-demo p.bullet:before {content:"arrow_right_alt";font-family:"Material Symbols Outlined";position:absolute;top:1px;left:2px;}
.screen-demo ul {display:block;list-style:none;padding:0;margin:0;}
.screen-demo li {display:block;position:relative;margin:0;padding:0;padding-left:20px;}
.screen-demo li:before {display:block;position:absolute;top:0;left:0;content:"check";font-family:"Material Symbols Outlined";color:#56BB88;}
/*
.screen-demo button {margin:35px 10px 0;padding:10px 15px;height: 38px;background: #67B5BB;border-radius: 2px;border:none;font-family: Source Sans Pro;font-style: normal;font-weight: bold;font-size: 14px;line-height: 18px;color: #FFFFFF;white-space:nowrap;}
.screen-demo button.lst {margin:0;}
.screen-demo button.silver {background:#D5D8DC;color:white;}
*/
.screen-demo img {display:block;margin:20px auto 50px;max-width:80%;max-height:100%;width:450px;}
.screen-demo .flex > * {align-self:center;}
.screen-demo .flex > span {flex:0;}
.screen-demo label {border:2px solid transparent;border-radius:3px;padding:2px 7px;}
.screen-demo label.error {border-color:#C12E2E;}
.screen-demo label input {vertical-align:middle;margin:0;margin-right:5px;}
.screen-demo label span {vertical-align:middle;}
.screen-demo table th {width:100px;}
.screen-demo .rates {background:#F3F4F5;font-size:14px;color:#49668B;padding:15px 30px;}
.screen-demo .rates h2 {margin:0;}
.screen-demo .rates p {margin:0;}
.screen-notice {background:#FCF1E7;margin:0 25px 0;padding:20px 30px;height:100%;}
.screen-notice .invoices {max-width:500px;}
.screen-notice img {float:right;display:block;max-width:400px;}
.my-company {display:inline-block;margin-left:20px;color:#67B5BB;cursor:pointer;}
.tags-field {display:block;height:auto !important;}
.tags-field.filter-height {height:34px !important;}
.tags-field ul.current {display:inline-block;margin:0;padding:0;list-style:none;}
.tags-field ul.current li {display:inline-block;margin:0 3px 2px 0;padding:0 8px;line-height:18px;border-radius:10px;background:#67B5BB;color:white;}
.tags-field i.icon-tag {margin-right:5px;}
.tags-field i.icon-remove {margin-left:5px;font-weight:bold;cursor:pointer;opacity:0.5;}
.tags-field div {display:inline-block;position:relative;}
.tags-field ul.results {display:block;position:absolute;top:20px;left:0;margin:0;padding:0;list-style:none;z-index:10;}
.tags-field ul.results li {display:block;width:fit-content;margin:0 3px 2px 0;padding:0 8px;border-radius:10px;background:#CCCCCC;color:white;}
.tags-field ul.results li.selected {background:#67B5BB;}
.table-rights {width:100%;margin-left:5px;margin-bottom:25px;}
.table-rights td,
.table-rights th {padding:3px 5px;}
.table-rights thead th {border-bottom:1px solid #DDDDDD;}
.table-rights tbody tr:hover {background:rgba(255, 255, 255, 0.5);}
i.sl.icon-rotate-90 {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.div-loading {display:inline-block;background:white;line-height:20px;margin:5px;padding:5px;box-shadow:0 0 5px white;border-radius:10px;}
.div-loading img {margin:0;margin-right:10px;height:20px;}
.div-loading span {margin:0;margin-right:10px;color:gray;}
.group-toggle {display:block;padding-bottom:20px;border-bottom:1px solid #DDDDDD;}
.group-toggle .toggle {cursor:pointer;line-height:32px;font-weight:bold;}
.group-toggle .toggle:before {display:inline-block;color:gray;font-family:"Material Symbols Outlined";content:"keyboard_arrow_right";font-size:20px;text-align:center;margin-right:8px;vertical-align:bottom;}
.group-toggle.open .toggle:before {content:"keyboard_arrow_down";}
.group-toggle .fields {display:flex;flex-flow:row wrap;margin:0 -15px;}
.modal .quest .wizard-popup {position:relative !important;padding:0 !important;}
.modal .quest .wizard-popup .forms {position:relative !important;box-shadow:none;border:none;background:none;}
.modal .quest .wizard-popup .forms .form {position:relative !important;}
.modal .quest .wizard-popup .forms .form .form-fieldset.main{position:relative !important;top:unset;bottom:unset;left:unset;right:unset;overflow:unset;background:white;border:none;box-shadow:none;margin:0 -30px;}
.modal .quest .wizard-popup .forms .fieldset {flex-grow:1;}
#invitation {display:block;background-color:white;margin-top:30px;}
#invitation > div {display:flex;flex-direction:row;}
#invitation > div + div {border-top:1px solid #F5F5F5;}
#invitation > div > div {flex-grow:1;flex-basis:70%;padding:25px;}
#invitation > div > div.side {flex-grow:0;flex-basis:30%;border-left:1px solid #F5F5F5;}
#invitation h4 {font-weight:bold;}
#invitation p {margin:0;padding:0;}
#invitation a span {text-decoration:underline;}
#invitation ul {list-style:none;margin:15px 0 0;padding:0;max-height:500px;overflow:auto;}
#invitation ul li {display:block;margin:0 0 8px;padding:0;}
#invitation div.side p {color:#67B5BB;}
#invitation div.side a {color:#67B5BB;text-decoration:underline;}
#invitation div.warning {margin-top:30px;}
#invitation div.warning p {color:#67B5BB;font-style:italic;}
#invitation div.warning p.title {font-weight:bold;}
#invitation div.buttons {margin-top:30px;}
#invitation button {border-color:#464E5B;color:#464E5B;background-color:#FFFFFF;}
#invitation button.accept {border-color:#8DC7CC;color:#FFFFFF;background-color:#67B5BB;}
#invitation button.accept i {margin-right:10px;}
#invitation button.decline {margin-left:15px;}
#invitation button.accepted {border-color:#8DC7CC;color:#8DC7CC;background-color:#F7FCFF;font-weight:bold;outline:none;cursor:default;}
#invitation button.accepted i {margin-left:10px;}
#invitation button.create {border-color:#9FB2CD;color:#FFFFFF;background-color:#5B81B7;}
#invitation button.create i {margin-right:10px;}
#invitation button.choose {border-color:#9FB2CD;color:#FFFFFF;background-color:#5B81B7;width:400px;text-align:left;}
#invitation button.choose i {margin-right:10px;}
#invitation div.search {width:auto;display:inline-block;}
#invitation div.search input {width:500px;}
.quest #tabs {display:flex;flex-direction:column;width:100%;height:100%;}
.quest #tabs ul.nav {position:relative;flex:0 0 44px;z-index:10;height:44px;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);background:white;border:none;padding-left:30px;/*left:30%;right:75px;widht:auto;margin-left:-2px;padding:0;*/}
.quest #tabs ul.nav li {display:inline-block;padding:0;margin-right:3px;border:none;margin-top:4px;border-bottom:4px solid transparent;font-size:16px;font-weight:normal;line-height:36px;text-align:center;cursor:pointer;background:none;float:none;margin-bottom:0;}
.quest #tabs ul.nav li:hover {border-bottom:4px solid silver;}
.quest #tabs ul.nav li.active {color:#5B81B7;border-bottom:4px solid #5B81B7;}
.quest #tabs ul.nav li.adding {width:48px;min-width:0;}
.quest #tabs ul.nav li.admin.active {border-color:#67B5BB;color:#67B5BB;}
.quest #tabs ul.nav li.active {border-color:#5B81B7;color:#5B81B7;}
.quest #tabs ul.nav li.budget.active {border-color:#629BB9;color:#629BB9;}
.quest #tabs ul.nav li.case.active {border-color:#EBCB6A;color:#EBCB6A;}
.quest #tabs ul.nav li.scenario.active {border-color:#EBCB6A;color:#EBCB6A;}
.quest #tabs ul.nav li.virtual {display:none;}
.quest #tabs ul.nav li .label-danger {position:absolute;display:block;top:-2px;right:-3px;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;z-index:100;}
.quest #tabs ul.nav li.adding .label-danger {display:none;}
.quest #tabs ul.nav li a {display:inline-block;font-size:16px;font-weight:normal;line-height:36px;color:inherit;margin:0;padding:0 12px;border:none;background:none;outline:none;cursor:pointer;}
.quest #tabs div.tab-content {position:relative;flex:1;padding:25px 40px;overflow:auto;}
.form .table.matrix td.type-date {white-space:nowrap;width:100px;}
.form .table.matrix td.type-texteditor p:last-child {margin-bottom:0;}
#logincode-controls {position:fixed;left:0;bottom:0;width:50px;}
#logincode-controls button {width:50px;height:44px;line-height:44px;text-align:center;color:white;background:#48658C;border:none;margin:0;padding:0;}
#logincode-controls button.logout {background:#3B506D;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);}
#logincode-controls button i.icon {font-size:20px;}