html, body {margin:0;padding:0;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;}
.pointer {cursor:pointer;}
.center {display:block;margin:0 auto;}
.center.txt {margin:0;text-align:center;}
.right {float:right;}
.right.txt {float:none;text-align:right;}
.bold {font-weight:bold;}
.light {font-weight:normal;}
.mrl-5 {margin-left:5px;}
.mrl-15 {margin-left:5px;}
.mrr-5 {margin-right:15px;}
.mrr-15 {margin-right:15px;}
.mrt-5 {margin-top:15px;}
.mrt-15 {margin-top:15px;}
.mrb-5 {margin-bottom:15px;}
.mrb-15 {margin-bottom:15px;}
.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-5 {margin-top:5px;margin-bottom:5px;}
.mrv-10 {margin-top:10px;margin-bottom:10px;}
.mrv-15 {margin-top:15px;margin-bottom:15px;}
.gray {color:#818994;}
.flex {display:flex;}
.flex > * {flex:1;}
.flex > .fixed {flex:0;}
.flex.vertical {flex-direction:column;}
.flex.vertical > .bottom {justify-self:flex-end;}
.full {width:100%;height:100%;margin:0;}
.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;}
.block {display:block;}
.inline {display:inline;}
.hidden {display:none;}
#app, #main {margin:0;padding:0;height:100%;position:relative;overflow:hidden;}
main {position:absolute;left:240px;top:90px;right:0;bottom:0;min-width:300px;transition:left 1s;overflow:auto;-webkit-overflow-scrolling:touch;background:#F5F5F5;}
.demo main {top:140px;}
.login main {background:white;}
.designing main {right:650px;}
.nodesigning main {right:0 !important;}
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;}
#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;}
#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:50px;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 .menu-button {position:absolute;bottom:10px;width:20px;height:20px;right:15px;text-align:center;color:white;font-size:14px;line-height:20px;cursor:pointer;}
#menu .menu-button i {margin:0 -4px;}
#menu h3 {color:white;text-align:right;text-transform:uppercase;font-size:16px;margin:0;padding:10px;}
#menu button {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;}
#menu button.active {border-color:white;font-weight:bold;background-color:rgba(255, 255, 255, 0.15);}
#menu button:hover {border-color:white;}
#menu button.sub {font-size:12px;padding:6px 12px;}
#menu button.sub.active {border-color:transparent;}
#menu button.sub.bold {font-weight:bold;}
#menu button.sub i.sl {opacity:0.25;transition:1s;}
#menu button.sub.active i.sl {opacity:0.75;}
#menu button.sub:hover {border-color:rgba(255, 255, 255, 0.5);}
#menu button.subsub {font-size:12px;padding:6px 12px;padding-left:24px;}
#menu button i.sl {margin-left:3px;margin-right:12px;font-size:16px;width:16px;display:inline-block;}
#menu button i.fa {width:16px;display:inline-block;text-align:center;}
#menu button i.icon-arrow-down {float:right;}
#menu button.subsub i.sl {margin-left:-10px;margin-right:25px;}
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;}
#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:50px;left:0;right:0;height:40px;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:15px;padding:12px 35px;}
.sub-header .breadcrumb > li+li:before {content:"\e606";font-family:"simple-line-icons";line-height:14px;color:#818994;font-size:12px;}
.sub-header .breadcrumb a {line-height:14px;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;}
.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:white;}
.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%;height:350px;flex:1;border:none;box-shadow:none;padding:0 20px;margin:0;display:flex;flex-direction:column;justify-content:center;overflow:auto;}
.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;}
.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:#48658C;}
.panel-login .btn-cancel {display:block;width:100%;margin-top:15px;}
.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 .faq {display:block;text-align:center;margin-top:20px;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:100;font-size:20px;}
.panel-login h4 {color:#48658C;text-align:center;font-weight:bold;font-size:14px;margin-bottom:30px;}
.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;}
.panel-preview div {padding:20px 20px 120px;}
.panel-preview:before {position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:" ";background:url(/custom/background.jpg) center no-repeat;background-size:cover;opacity:0.1;z-index:5;}
.panel-preview h1 {text-align:center;font-size:48px;font-weight:100;color:white;z-index:10;}
.panel-preview h2 {text-align:center;font-size:20px;font-weight:bold;color:white;z-index:10;}
.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;}
.panel.full > .panel-body {flex:1;position:relative;display:flex;}
.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 i.txt {font-style:normal;font-weight:100;font-size:20px;line-height:16px;}
.btn-full {display:block;width:100%;}
.btn-default {background:#e6e6e6;border-color:#adadad;}
.btn-default:hover {background:#cdcdcd;border-color:#8d8d8d;}
label.required:after {content:" *";color:#D9534F;font-weight:bold;}
.header h1 {line-height:35px;color:#2E3B4E;font-size:24px;font-weight:bold;margin:0;padding:15px 0;}
.header .body {display:flex;}
.header .profile-pic {margin-right:15px;margin-bottom:15px;}
.header .row {flex:1;}
.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 {padding:25px 30px 15px;border:none;}
.modal-header button {margin-left:25px;}
.modal-header i {font-size:16px;}
.modal-body {padding:25px 30px;}
.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;}
.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%;}
.griddle .table tbody td {cursor:pointer;}
.griddle-footer {text-align:center;}
.griddle .table-hover > tbody > tr:hover{background-color:white;}
.table .disabled {opacity:0.3;cursor:not-allowed;}
.spinner {position:absolute;top:0;left:0;bottom:0;right:0;z-index:100;}
.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;}
.folders {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;}
.wm-edit {position:absolute;display:block;top:5px;right:-10px;color:#FF6600;background:white;border-radius:3px;cursor:pointer;width:20px;height:20px;line-height:20px;text-align:center;font-size:18px;}
.wm-sort {position:absolute;display:block;top:28px;right:-10px;color:#FF6600;background:white;border-radius:3px;cursor:move;width:20px;height:20px;line-height:20px;text-align:center;font-size:18px;}
.wm-add {position:absolute;display:block;top:28px;right:-10px;color:#FF6600;background:white;border-radius:3px;cursor:pointer;width:20px;height:20px;line-height:20px;text-align:center;font-size:18px;}
.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.readonly {line-height:20px;background-color:#edf5fb;}
.form-control.inline {width:auto;display:inline-block;}
.form-control.filter {color:white;background-color:#647C9E;border-color:#48648C;}
.form-control.grow {height:auto;}
.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;}
.input-calendar .input-calendar-field {background:none;cursor:inherit;}
.forms {overflow:auto;padding-bottom:50px;}
.form-content {position:absolute;top:0;left:0;right:0;bottom:48px;overflow:auto;padding:25px 30px;}
.form {margin:0 auto;padding:65px 75px !important;max-width:980px;position:relative !important;background:white;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);}
.form .form-top {position:relative;margin:0 0 50px;padding:0 15px;}
.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 .fieldset {display:flex;flex-flow:row wrap;}
.form .field {position:relative;display:block;flex:0;padding:0;min-width:300px;}
.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;width:100%;margin:0;border:none;}
.form .form-group {margin:0 15px 15px;}
.form .form-group.required::after {content:"\f069";font-family:"FontAwesome";font-size:8px;color:#C50A0D;position:absolute;left:3px;top:4px;}
.form .form-group .form-label {padding-top:8px;padding-right:25px;font-weight:normal;line-height:20px;}
.form .form-group .form-label.subtitle {padding-top:0;}
.form .form-group .form-label span {display:block;font-size:9px;font-weight:normal;line-height:15px;}
.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:35px;height:35px;}
.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 textarea.form-control {resize:vertical;}
.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 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;}
/* .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;}
.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;}
.dropdown-menu {max-width:300px;max-height:200px;overflow:auto;overflow-x:hidden;}
.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;}
.modules .card:after {content:"";display:table;clear:both;}
.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;}
html .grecaptcha-badge {visibility:hidden !important;}
html.page-login .grecaptcha-badge {visibility:visible !important;}