:root {
	--fzn-colorTextDefault: #0f1b43;
	--fzn-colorTextDefaultWeak: #505d7a;
	--fzn-colorTextInverse: #ffffff;
	--fzn-colorBackgroundLight: #ffffff;
	--fzn-colorBackgroundLightMedium: #f7f8fa;
	--fzn-colorBackgroundMediumLight: #eaeff2;
	--fzn-colorBackgroundMedium: #e1e4e9;
	--fzn-colorBackgroundMediumDark: #b4bcc7;
	--fzn-colorBackgroundDarkLight: #2c4b79;
	--fzn-colorBackgroundDark: #16315c;
	--fzn-colorPrimary: #0070d2;
	--fzn-colorError: #bf3937;
	--fzn-colorSuccess: #14315d;
}
@font-face {font-family:Light;src:url(fonts/OpenSans-Light.ttf);}
@font-face {font-family:Regular;src:url(fonts/OpenSans-Regular.ttf);}
@font-face {font-family:SemiBold;src:url(fonts/OpenSans-Semibold.ttf);}
@font-face {font-family:Bold;src:url(fonts/OpenSans-Bold.ttf);}
@font-face {font-family:ExtraBold;src:url(fonts/OpenSans-ExtraBold.ttf);}

html,body{font-family:Regular;font-size:100%;color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);margin:0;padding:0;width:100%;height:100%;position:fixed}
hr{background:rgba(0,0,0,0.5);height:1px;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
::-webkit-scrollbar{background:transparent;height:12px;width:12px;}
::-webkit-scrollbar-thumb{background:var(--fzn-colorBackgroundMediumDark);}
[contenteditable]:focus{outline:0px solid transparent;}
input[type=file]{display:none;}

.flex{display:flex;}
.hidden{display:none;}
.padding-5{padding:5px;}.padding-5-top{padding-top:5px;}.padding-5-right{padding-right:5px;}.padding-5-bottom{padding-bottom:5px;}.padding-5-left{padding-left:5px;}
.padding-10{padding:10px;}.padding-10-top{padding-top:10px;}.padding-10-right{padding-right:10px;}.padding-10-bottom{padding-bottom:10px;}.padding-10-left{padding-left:10px;}
.padding-15{padding:15px;}.padding-15-top{padding-top:15px;}.padding-15-right{padding-right:15px;}.padding-15-bottom{padding-bottom:15px;}.padding-15-left{padding-left:15px;}
.padding-25{padding:25px;}.padding-25-top{padding-top:25px;}.padding-25-right{padding-right:25px;}.padding-25-bottom{padding-bottom:25px;}.padding-25-left{padding-left:25px;}
.padding-50{padding:50px;}.padding-50-top{padding-top:50px;}.padding-50-right{padding-right:50px;}.padding-50-bottom{padding-bottom:50px;}.padding-50-left{padding-left:50px;}
.margin-1{margin:1px;}.margin-1-top{margin-top:1px;}.margin-1-right{margin-right:1px;}.margin-1-bottom{margin-bottom:1px;}.margin-1-left{margin-left:1px;}
.margin-5{margin:5px;}.margin-5-top{margin-top:5px;}.margin-5-right{margin-right:5px;}.margin-5-bottom{margin-bottom:5px;}.margin-5-left{margin-left:5px;}
.margin-10{margin:10px;}.margin-10-top{margin-top:10px;}.margin-10-right{margin-right:10px;}.margin-10-bottom{margin-bottom:10px;}.margin-10-left{margin-left:10px;}
.margin-20{margin:20px;}.margin-20-top{margin-top:20px;}.margin-20-right{margin-right:20px;}.margin-20-bottom{margin-bottom:20px;}.margin-20-left{margin-left:20px;}
.link{color:var(--fzn-colorPrimary);text-decoration:none;cursor:pointer;margin-bottom:1px;background:none;border:none;font-family:Regular;padding:0;outline:0;}
.link:hover{border-bottom:1px dotted var(--fzn-colorPrimary);margin-bottom:0;}
.font-light{color:var(--fzn-colorTextDefaultWeak);}
.font-semibold{font-family:SemiBold;}
.background-light{background:var(--fzn-colorBackgroundLight);}
.background-light-medium{background:var(--fzn-colorBackgroundLightMedium);}

.skeleton{height:100%;position:relative;overflow:hidden;background:rgba(0,0,0,0.05);}
.skeleton::before{content:'';display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);animation:skeleton 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;}
@keyframes skeleton{from{left:-150px;}to{left:100%;}}

.loading{width:100%;height:2px;position:absolute;top:60px;overflow:hidden;display:none;}
.loading::before{content:'';display:block;position:absolute;left:-350px;top:0;height:100%;width:350px;background:linear-gradient(to right, transparent 0%, var(--fzn-colorPrimary) 50%, transparent 100%);animation:loading 2s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;}
@keyframes loading{from{left:-350px;}to{left:100%;}}

chevron{border:2px solid rgba(0,0,0,0.15);border-width:0 2px 2px 0;display:inline-block;padding:3px;margin:0 0 2px 3px;}
chevron.right{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
chevron.left{transform: rotate(135deg);-webkit-transform: rotate(135deg);}
chevron.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
chevron.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.toast-message{position:fixed;top:10px;right:10px;width:300px;z-index:99;padding:15px 30px 15px 15px;font-size:13px;border:1px solid rgba(0,0,0,0.12);-webkit-box-shadow:8px 7px 16px -4px rgba(0,0,0,0.25);-moz-box-shadow:8px 7px 16px -4px rgba(0,0,0,0.25);box-shadow:8px 7px 16px -4px rgba(0,0,0,0.25);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefaultWeak);}
.toast-message .close{position:absolute;font-size:30px;height:30px;line-height:30px;font-family:Light;top:15px;right:15px;cursor:pointer;}
.toast-message span.title{display:block;font-family:SemiBold;font-size:14px;margin-bottom:1px;color:var(--fzn-colorTextDefault);}
.success-message:before{position:absolute;top:-1px;left:-1px;content:'';background:var(--fzn-colorSuccess);width:5px;height:calc(100% + 2px);}
.error-message:before{position:absolute;top:-1px;left:-1px;content:'';background:var(--fzn-colorError);width:5px;height:calc(100% + 2px);}

#display{width:100%;height:100%;}
#main{width:100%;height:calc(100% - 60px);display:flex;position:absolute;top:60px;z-index:1;}
#aside{width:250px;min-width:250px;border-right:1px solid rgba(0,0,0,0.12);}
#content{flex-grow:100;overflow:hidden;background:var(--fzn-colorBackgroundLightMedium);position:relative;display:flex;flex-flow:column;}
#content .content-header{width:100%;flex:0 1 auto;}
#content .content-main{width:100%;overflow:auto;flex:1 1 auto;position:relative;}

#content .content-aside{width:320px;position:absolute;z-index:8;background:var(--fzn-colorBackgroundLightMedium);height:calc(100% - 2px);right:0;top:1px;border-left:1px solid rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.12);display:none;}
#content .content-aside .content-aside-header{background:var(--fzn-colorBackgroundLight);}
#content .content-aside .content-aside-header .content-aside-title{font-family:SemiBold;font-size:15px;line-height:15px;padding:15px;border-bottom:1px solid rgba(0,0,0,0.12);cursor:default;}
#content .content-aside .content-aside-header .content-aside-action .close{position:absolute;font-size:26px;height:26px;line-height:26px;font-family:Light;top:10px;right:15px;cursor:pointer;}
#content .content-aside .content-aside-body{background:var(--fzn-colorBackgroundLight);float:left;width:100%;}
#content .content-aside .content-aside-footer{float:left;width:calc(100% - 30px);padding:15px;}

.grid{display:table;font-size:13px;}
.grid .row{display:table-row;}
.grid .cell{display:table-cell;vertical-align:top;height:auto;}

.table-list{width:100%;font-size:13px;border-collapse:collapse;table-layout:fixed;}
.table-list td,.table-list th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-list thead th{font-family:SemiBold;font-weight:normal;text-transform:uppercase;text-align:left;background:var(--fzn-colorBackgroundMedium);border:1px solid transparent;border-top:1px solid var(--fzn-colorBackgroundMedium);padding:8px 12px 8px 12px;position:relative;height:18px;cursor:default;}
.table-list thead th:first-child{border-left:1px solid var(--fzn-colorBackgroundMedium);}
.table-list thead th:last-child{border-right:1px solid var(--fzn-colorBackgroundMedium);}
.table-list tbody td{border-bottom:1px solid var(--fzn-colorBackgroundMediumLight);border-left:1px solid transparent;border-right:1px solid transparent;padding:8px 12px 8px 12px;background:var(--fzn-colorBackgroundLight);}
.table-list tbody tr:hover td{background:var(--fzn-colorBackgroundLightMedium);}
.table-list tfoot td{font-family:SemiBold;font-weight:normal;text-transform:uppercase;text-align:left;background:var(--fzn-colorBackgroundLightMedium);border:1px solid transparent;border-top:1px solid var(--fzn-colorBackgroundLightMedium);padding:8px 12px 8px 12px;position:relative;height:18px;cursor:default;}
.table-list tfoot td:first-child{border-left:1px solid var(--fzn-colorBackgroundLightMedium);}
.table-list tfoot td:last-child{border-right:1px solid var(--fzn-colorBackgroundLightMedium);}

.popup{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;display:table;background:rgba(0,0,0,.3);}
.popup .popup_wrapper{display:table-cell;vertical-align:middle;}
.popup .popup_message{margin-left:auto;margin-right:auto;position:relative;max-width:90%;max-width:600px;width:calc(100% - 30px);background:var(--fzn-colorBackgroundLight);}
.popup .popup_message .popup_header{font-weight:normal;font-size:15px;font-family:Regular;padding:15px 25px 15px 25px;border-bottom:2px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLightMedium);}
.popup .popup_message .popup_body{font-weight:normal;font-size:13px;font-family:Regular;padding:15px 25px 0 25px;background:var(--fzn-colorBackgroundLight);max-height:calc(100% - 200px);}
.popup .popup_message .popup_footer{padding:15px 25px 15px 25px;overflow:auto;}
.popup .popup_message .popup_body .customized-input .caption,.popup .popup_message .popup_body .customized-input .container{width:100%;}
.popup .popup_message .popup_body .construction_restriction{width:100%;overflow:auto;float:left;}
.popup .popup_message .popup_body .construction_restriction .image{text-align:center;width:100%;float:left;}
.popup .popup_message .popup_body .construction_restriction .content{float:left;}

.popup #inp-ImageSearch{width:300px;padding:8px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}
.popup .image-collection{margin:-20px 0 0 0;}
.popup .image-collection .item{float:left;width:100%;height:48px;margin:10px 0 0 0;padding:10px 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.12);position:relative;overflow:hidden;}
.popup .image-collection .item:last-child{border-bottom:none;}
.popup .image-collection .item .image{width:48px;height:48px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-repeat:no-repeat;background-position:center;float:left;margin:0 10px 0 0;}
.popup .image-collection .item .description{font-size:11px;color:var(--fzn-colorTextDefaultWeak);float:left;width:calc(100% - 250px);}
.popup .image-collection .item .description .file-name{font-size:13px;color:var(--fzn-colorTextDefault);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
.popup .image-collection .item .actions{position:absolute;right:0px;top:12px;}

.popup #inp-ComponentSearch{width:300px;padding:8px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}
.popup .component-collection{margin:-20px 0 0 0;}
.popup .component-collection .item{float:left;width:100%;height:48px;margin:10px 0 0 0;padding:10px 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.12);position:relative;overflow:hidden;}
.popup .component-collection .item:last-child{border-bottom:none;}
.popup .component-collection .item .image{width:48px;height:48px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-repeat:no-repeat;background-position:center;float:left;margin:0 10px 0 0;}
.popup .component-collection .item .description{font-size:11px;color:var(--fzn-colorTextDefaultWeak);float:left;width:calc(100% - 130px);}
.popup .component-collection .item .description .component-name{font-size:13px;color:var(--fzn-colorTextDefault);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
.popup .component-collection .item button{position:absolute;right:0px;top:6px;}

.popup #inp-ArticleSearch{width:300px;padding:8px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}
.popup .article-collection{margin:-20px 0 0 0;}
.popup .article-collection .item{float:left;width:100%;height:48px;margin:10px 0 0 0;padding:10px 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.12);position:relative;overflow:hidden;}
.popup .article-collection .item:last-child{border-bottom:none;}
.popup .article-collection .item .image{width:48px;height:48px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-repeat:no-repeat;background-position:center;float:left;margin:0 10px 0 0;}
.popup .article-collection .item .description{font-size:11px;color:var(--fzn-colorTextDefaultWeak);float:left;width:calc(100% - 170px);}
.popup .article-collection .item .description .name{font-size:13px;color:var(--fzn-colorTextDefault);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
.popup .article-collection .item button{position:absolute;right:0px;top:6px;}

.popup .quote_line_comparison .item{float:left;width:calc(100% - 30px);margin:10px 0 0 0;padding:10px 0 10px 40px;border:1px solid rgba(0,0,0,0.12);position:relative;cursor:default;overflow:hidden;}
.popup .quote_line_comparison .item .hint{background:var(--fzn-colorBackgroundDark);color:var(--fzn-colorTextInverse);position:absolute;left:10px;width:20px;height:20px;text-align:center;}

.click-background-layer{height:100%;width:100%;position:fixed;top:0;left:0;z-index:1;cursor:default;}

#login{display:table;position:absolute;height:100%;width:100%;background:var(--fzn-colorBackgroundLightMedium);}
#login .wrapper{display:table-cell;vertical-align:middle;padding-bottom:5%;}
#login .wrapper .logo-wrapper{text-align:center;margin-bottom:5px;}
#login .wrapper .box{margin-left:auto;margin-right:auto;position:relative;max-width:300px;padding:40px;font-size:13px;}
#login .wrapper .box .footer .notification, #settings-content .notification{color:var(--fzn-colorError);text-align:center;}
#login .wrapper .box button[data-action=submitLogin]{width:100%;text-align:center;display:inline;padding:10px 0 10px 0;height:40px;}
#login .wrapper .box hr{background:rgba(0,0,0,0.2);}
#login .wrapper .box #forgot_password{text-align:right;display:block;}
#login .wrapper .box ul.password_policies, #settings-content .password_policies{list-style-type:"- ";margin:10px 0 0 0;padding:0;list-style-position:inside;}

#navigation{background:var(--fzn-colorBackgroundDark);width:250px;height:100%;position:fixed;z-index:99;display:none;}
#navigation a{color:var(--fzn-colorTextInverse);}
#navigation .navigation-symbol{margin:14px 0 0 14px;}
#navigation .navigation-symbol svg{height:32px;width:32px;fill:var(--fzn-colorTextInverse);cursor:pointer;}
#navigation .navigation-list{list-style:none;padding:0;margin:20px 0 0 0;color:var(--fzn-colorTextInverse);}
#navigation .navigation-list .app{width:100%;overflow:auto;padding:8px 0 8px 0;}
#navigation .navigation-list .app:hover{background:rgba(0,0,0,.1);}
#navigation .navigation-list .app .symbol{float:left;margin:2px 14px 0 16px;}
#navigation .navigation-list .app .symbol svg{height:24px;width:24px;fill:var(--fzn-colorTextInverse);cursor:pointer;}
#navigation .navigation-list .app .name{float:left;line-height:28px;font-size:14px;}

#header{width:100%;height:59px;background:var(--fzn-colorBackgroundLight);position:fixed;border-bottom:1px solid rgba(0,0,0,0.12);box-shadow:0 0 4px rgba(0,0,0,.28);z-index:2;}
#header .navigation-wrapper .navigation-symbol{height:32px;width:32px;padding:5px;margin:9px;float:left;cursor:pointer;}
#header .navigation-wrapper .navigation-symbol:hover svg{fill:var(--fzn-colorTextDefault);}
#header .navigation-wrapper .navigation-symbol svg{height:32px;fill:var(--fzn-colorBackgroundMediumDark);}
#header .logo-wrapper{height:36px;margin:12px 5px 12px 15px;float:left;}

#header #global-search {height:36px;width:calc(100% - 450px);margin-top:12px;position:absolute;left:250px;text-align:center;}
#header #global-search .search-wrapper{width:40%;margin:auto;position:relative;min-width:200px;}
#header #global-search .search-wrapper input#inp-GlobalSearch{padding:9px 15px 9px 45px;border:1px solid rgba(0,0,0,0.12);width:100%;outline:none;}
#header #global-search .search-wrapper .search-icon{position:absolute;top:8px;left:15px;}
#header #global-search .search-wrapper .search-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextDefaultWeak);}
#header #global-search .search-wrapper .search-options{position:absolute;left:0;top:34px;width:calc(100% + 60px);max-height:230px;cursor:default;margin:0;padding:6px 0;overflow:auto;z-index:9;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefault);font-size:13px;display:none;text-align:left;}
#header #global-search .search-wrapper .search-options .search-option-items{padding:6px 12px 6px 12px;min-height:18px;width:calc(100% - 24px);overflow:auto;}
#header #global-search .search-wrapper .search-options .search-option-items:hover{background:var(--fzn-colorBackgroundMediumLight);cursor:pointer;}
#header #global-search .search-wrapper .search-options .search-option-items .entity-icon{background:var(--fzn-colorPrimary);padding:3px;float:left;height:18px;width:18px;}
#header #global-search .search-wrapper .search-options .search-option-items .entity-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextInverse);display:block;}
#header #global-search .search-wrapper .search-options .search-option-items .name{float:left;display:block;padding-left:5px;width:calc(100% - 40px);color:var(--fzn-colorTextDefault);}
#header #global-search .search-wrapper .search-options .search-option-items .name span.text{display:block;font-size:13px;line-height:15px;max-width:100%;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:-2px;}
#header #global-search .search-wrapper .search-options .search-option-items .name span.addition{display:block;font-size:11px;line-height:12px;color:var(--fzn-colorTextDefaultWeak);}

#header #global-actions{float:right;margin:5px 10px 0 0;}
#header #global-actions .item{float:right;list-style:none;position:relative;height:48px;width:48px;}
#header #global-actions .item.home{display:none;}
#header #global-actions .item .item-wrapper{border:1px solid transparent;border-bottom:0px;padding:5px;position:absolute;z-index:99;}
#header #global-actions .item.active .item-wrapper{border:1px solid rgba(0,0,0,0.2);border-bottom:0px;background:var(--fzn-colorBackgroundLight);}
#header #global-actions .item .default{height:36px;width:36px;cursor:pointer;}
#header #global-actions .item .default svg{fill:var(--fzn-colorBackgroundMediumDark);height:32px;width:32px;padding:8px;}
#header #global-actions .item .user-profile{height:36px;width:36px;background:var(--fzn-colorBackgroundMediumDark);cursor:pointer;position:relative;}
#header #global-actions .item .user-profile svg{fill:var(--fzn-colorTextInverse);height:26px;width:26px;padding:5px;}
#header #global-actions .item .user-profile .profile-picture{position:absolute;top:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
#header #global-actions .item .user-profile-panel{position:absolute;width:350px;top:46px;right:0px;background:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,0.2);z-index:98;}
#header #global-actions .item .user-profile-panel .user-profile-photo{height:36px;width:36px;background:var(--fzn-colorBackgroundMediumDark);float:left;position:relative;}
#header #global-actions .item .user-profile-panel .user-profile-photo svg{fill:var(--fzn-colorTextInverse);height:26px;width:26px;padding:5px;}
#header #global-actions .item .user-profile-panel .user-profile-photo .profile-picture{position:absolute;top:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
#header #global-actions .item .user-profile-panel .user-profile-ident{float:right;width:300px;font-size:13px;}
#header #global-actions .item .user-profile-panel .user-profile-ident .user-profile-name{margin:3px 0 0 0;padding:0;font-family:SemiBold;font-size:15px;line-height:15px;}
#header #global-actions .item .user-profile-panel .user-profile-ident .user-profile-client{margin:3px 0 10px 0;padding:0;font-size:13px;line-height:13px;color:var(--fzn-colorTextDefaultWeak);}

.tree-navigation{position:relative;}
.tree-navigation a{color:var(--fzn-colorTextDefault);text-decoration:none;}
.tree-navigation .tree-navigation-label{font-family:SemiBold;text-transform:uppercase;color:var(--fzn-colorTextDefaultWeak);font-size:14px;margin:10px 0 10px 15px;display:block;}
.tree-navigation .tree-navigation-parent{list-style:none;margin:0;padding:0;font-size:13px;font-family:SemiBold;}
.tree-navigation .tree-navigation-parent .item{padding:10px 0 10px 15px;}
.tree-navigation .tree-navigation-parent .item:hover{cursor:pointer;background:var(--fzn-colorBackgroundMediumLight);}
.tree-navigation .tree-navigation-parent .item.active{background:var(--fzn-colorBackgroundMedium);}
.tree-navigation .tree-navigation-parent .item .icon{float:left;margin:1px 5px 0 0;}
.tree-navigation .tree-navigation-parent .item .icon svg{height:12px;fill:var(--fzn-colorTextDefaultWeak);}
.tree-navigation .tree-navigation-parent .item.expanded .icon{transform:rotate(90deg);}
.tree-navigation .tree-navigation-children{list-style:none;margin:0;padding:0;font-family:Regular;}
.tree-navigation .tree-navigation-children .item{padding:10px 0 10px 40px;}
.tree-navigation .tree-navigation-children.collapsed{display:none;}
.tree-navigation .tree-navigation-children.expanded{display:block;}

#home{display:flex;flex-direction:column;position:relative;height:calc(100% - 30px);width:calc(100% - 30px);padding:15px;}
#home .setup{width:80%;margin:50px auto;text-align:center;}
#home .setup h1{font-size:26px;}
#home .home-template{display: flex;flex-flow:row wrap;}
#home .home-template .home-template-main{width:66.66%;}
#home .home-template .home-template-side{width:calc(33.33% - 30px);padding-left:30px;}
#home .home-template .tile{margin-bottom:20px;background:var(--fzn-colorBackgroundLight);border:1px solid var(--fzn-colorBackgroundMedium);position:relative;display:flex;flex-flow:column;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1);}
#home .home-template .tile .no-items{font-size:12px;padding:20px;}
#home .home-template .tile-title{font-size:13px;font-family:SemiBold;padding:6px 15px;background:var(--fzn-colorBackgroundMedium);}
#home .home-template .event-list{font-size:13px;padding:20px 15px 14px 15px;}
#home .home-template .event-list td{vertical-align:top;padding-bottom:6px;}
#home .home-template .tile .tile-header{background: var(--fzn-colorBackgroundLightMedium);}
#home .home-template .tile .tile-header .app-wrapper{float:left;height:40px;margin:20px 0 20px 15px;}
#home .home-template .tile .tile-header .app-wrapper .symbol{height:28px;padding:6px;background:var(--fzn-colorPrimary);float:left;margin-right:10px;}
#home .home-template .tile .tile-header .app-wrapper .symbol svg{height:28px;fill:var(--fzn-colorTextInverse);}
#home .home-template .tile .tile-header .app-wrapper .information{float:left;}
#home .home-template .tile .tile-header .app-wrapper .information .view{font-family:SemiBold;font-weight:normal;margin:0;padding:0;font-size:17px;display:block;line-height:21px;}
#home .home-template .tile .tile-header .app-wrapper .information .name{margin:2px 0 0 0;padding:0;font-size:12px;display:block;line-height:12px;}
#home .home-template .tile .tile-header .action-wrapper{float:right;height:40px;margin:20px 15px 20px 15px;}
#home .home-template .tile .table-list{width:100%;font-size:13px;border-collapse:collapse;table-layout:fixed;}
#home .home-template .tile .table-list td,.table-list th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#home .home-template .tile .table-list thead th{font-family:SemiBold;font-weight:normal;text-transform:uppercase;text-align:left;background:var(--fzn-colorBackgroundMedium);border:1px solid transparent;border-top:1px solid var(--fzn-colorBackgroundMedium);padding:8px 12px 8px 12px;position:relative;height:18px;cursor:default;}
#home .home-template .tile .table-list thead th:first-child{border-left:1px solid var(--fzn-colorBackgroundMedium);}
#home .home-template .tile .table-list thead th:last-child{border-right:1px solid var(--fzn-colorBackgroundMedium);}
#home .home-template .tile .table-list tbody td{border-bottom:1px solid var(--fzn-colorBackgroundMediumLight);border-left:1px solid transparent;border-right:1px solid transparent;padding:8px 12px 8px 12px;background:var(--fzn-colorBackgroundLight);}
#home .home-template .tile .table-list tbody tr:hover td{background:var(--fzn-colorBackgroundLightMedium);}
#home .home-template .tile .tile-footer{border-top:1px solid var(--fzn-colorBackgroundMediumLight);text-align:center;padding:10px;font-size:12px;margin-top:-1px;}
#home .home-template .tile .tile-footer a{color:var(--fzn-colorTextDefault);text-decoration:none;}
#home .home-template .tile .tile-footer a:hover{text-decoration:underline;}
#home .home-template .app-tile{margin-bottom:10px;position:relative;width:calc(100% + 10px);overflow:auto;}
#home .home-template .app-tile a{color:var(--fzn-colorTextInverse);}
#home .home-template .app-tile .app{width:110px;background:var(--fzn-colorPrimary);border:1px solid var(--fzn-colorBackgroundMedium);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1);margin-bottom:10px;margin-right:10px;text-align:center;font-size:13px;aspect-ratio:1/1;float:left;}
#home .home-template .app-tile .app:hover{filter:brightness(105%);}
#home .home-template .app-tile .app .symbol{width:42px;margin:22px auto 0 auto;}
#home .home-template .app-tile .app .symbol svg{fill:var(--fzn-colorTextInverse);cursor:pointer;}
#home .home-template .app-tile .app .name{width:90px;margin:0 auto;overflow-wrap:break-word;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

#marketplace{position:relative;width:calc(100% - 30px);padding:15px;cursor:pointer;}
#marketplace .tile{float:left;width:360px;height:110px;padding:20px;margin:0 20px 20px 0;background:var(--fzn-colorBackgroundLight);border:1px solid var(--fzn-colorBackgroundMedium);position:relative;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1);}
#marketplace .tile:hover{border:1px solid var(--fzn-colorPrimary);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);}
#marketplace .tile .image{height:40px;width:320px;overflow:hidden;margin:10px 0 25px 0;}
#marketplace .tile .image img{height:40px;max-width:380px;}
#marketplace .tile .details .title{color:var(--fzn-colorTextDefault);font-family:SemiBold;font-size:13px;}
#marketplace .tile .details .description{color:var(--fzn-colorTextDefaultWeak);font-size:13px;}
#marketplace .tile .status{position:absolute;top:20px;right:20px;padding:3px 10px 3px 10px;font-size:10px;font-family:SemiBold;text-transform:uppercase;}
#marketplace .tile .status.connected{background:var(--fzn-colorPrimary);color:var(--fzn-colorTextInverse);}
#marketplace .tile .status.requested{background:var(--fzn-colorBackgroundMedium);color:var(--fzn-colorTextDefault);}

.customized-input{position:relative;width:100%;}
.customized-input.lined{display:flex;}
.customized-input textarea{box-sizing:border-box;resize:vertical;margin:0;padding:0;vertical-align:top;height:240px;}
.customized-input.hidden{display:none;}
.customized-input.blank{height:32px;}
.customized-input.plain .caption{display:none;}
.customized-input .static_value{display:none;}
.customized-input.lined .caption{width:200px;float:left;display:inline-block;}
.customized-input.lined .caption .label{text-align:right;margin:8px 20px 7px 0;font-size:12px;line-height:12px;color:var(--fzn-colorTextDefaultWeak);line-height:inherit;cursor:default;display:block;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;}
.customized-input.lined.flatten .caption .label{font-size:11px;line-height:11px;margin:6px 20px 5px 0;font-family:SemiBold;}
.customized-input.lined.stretched .caption .label{font-size:13px;line-height:13px;margin:13px 20px 12px 0;}
.customized-input.stacked .caption{width:200px;}
.customized-input.stacked .caption .label{margin:0 0 6px 0;font-size:12px;line-height:12px;color:var(--fzn-colorTextDefaultWeak);line-height:inherit;cursor:default;display:block;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;}
.customized-input.stacked.flatten .caption .label{font-size:11px;line-height:11px;margin:0 0 3px 0;font-family:SemiBold;}
.customized-input.stacked.stretched .caption .label{font-size:13px;line-height:13px;margin:0 0 6px 0;}
.customized-input .container{float:left;width:300px;position:relative;display:block;min-height:32px;}
.customized-input.stretched .container{min-height:40px;}
.customized-input .container .input-capture{width:100%;padding:6px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}
.customized-input.flatten .container .input-capture{padding:1px 2px;}
.customized-input.stretched .container .input-capture{padding:10px 12px;min-height:40px;}
.customized-input .container .input-capture.focus,.customized-input .container .input-capture:focus{border:1px solid var(--fzn-colorPrimary);}
.customized-input .container .input-capture.action{padding-right:40px;}
.customized-input .container .input-capture.unit{padding-right:50px;}
.customized-input .container .input-capture.entity{padding-left:50px;}
.customized-input .container .entity-control{position:absolute;left:5px;top:4px;line-height:0;cursor:pointer;}
.customized-input .container .entity-control .entity-icon{background:var(--fzn-colorBackgroundDark);padding:3px;float:left;position:relative;}
.customized-input .container .entity-control .entity-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextInverse);}
.customized-input .container .entity-control .entity-icon .profile-picture{display:none;}
.customized-input.static .container .entity-control .entity-icon .profile-picture{display:block;position:absolute;left:0;top:0;height:24px;width:24px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.customized-input .container .entity-control .entity-drop{padding:3px 3px 3px 0;float:left;}
.customized-input .container .entity-control .entity-drop svg{height:18px;width:18px;padding:0;margin:0;}
.customized-input .container .entity-options{position:absolute;left:0;top:32px;width:auto;cursor:default;margin:0;padding:6px 0;overflow:auto;z-index:9;max-height:200px;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefault);font-size:13px;display:none;}
.customized-input .container .entity-options .entity-option-items{padding:6px 12px 6px 12px;min-height:18px;float:left;width:calc(100% - 24px);}
.customized-input .container .entity-options .entity-option-items:hover{background:var(--fzn-colorBackgroundMediumLight);cursor:pointer;}
.customized-input .container .entity-options .entity-icon{background:var(--fzn-colorBackgroundDark);padding:3px;float:left;}
.customized-input .container .entity-options .entity-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextInverse);display:block;}
.customized-input .container .entity-options .entity-option-items span{padding:2px 0 0 6px;float:left;}
.customized-input .container .search-options{position:absolute;left:0;top:32px;cursor:default;margin:0;padding:6px 0;overflow:auto;z-index:9;width:calc(100% - 2px);max-height:200px;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefault);font-size:13px;display:none;}
.customized-input .container .search-options .search-option-items{padding:6px 12px 6px 12px;min-height:18px;width:calc(100% - 24px);overflow:auto;}
.customized-input .container .search-options .search-option-items:hover{background:var(--fzn-colorBackgroundMediumLight);cursor:pointer;}
.customized-input .container .search-options .search-option-items .entity-icon{height:18px;width:18px;background:var(--fzn-colorBackgroundDark);padding:3px;float:left;position:relative;}
.customized-input .container .search-options .search-option-items .entity-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextInverse);display:block;}
.customized-input .container .search-options .search-option-items .entity-icon .profile-picture{position:absolute;left:0;top:0;height:24px;width:24px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.customized-input .container .search-options .search-option-items .name{float:left;display:block;padding-left:5px;width:calc(100% - 40px);}
.customized-input .container .search-options .search-option-items .name span.text{display:block;font-size:13px;line-height:15px;max-width:100%;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:-2px;}
.customized-input .container .search-options .search-option-items .name span.addition{display:block;font-size:11px;line-height:12px;color:var(--fzn-colorTextDefaultWeak);}
.customized-input .container .action-icon{position:absolute;right:8px;top:8px;line-height:0;}
.customized-input.stretched .container .action-icon{top:12px;}
.customized-input .container .action-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextInput);}
.customized-input .container .action-text{position:absolute;right:15px;top:9px;line-height:15px;font-size:13px;}
.customized-input .container .unit-text{position:absolute;right:15px;top:9px;line-height:15px;font-size:13px;opacity:0.7;}
.customized-input .container .input-options{position:absolute;cursor:default;margin:0;padding:6px 0;overflow:auto;z-index:9;width:calc(100% - 2px);max-height:200px;border:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefault);font-size:13px;display:none;}
.customized-input .container .input-options .input-option-items{padding:6px 12px 6px 12px;min-height:18px;}
.customized-input .container .input-options .input-option-items:hover{background:var(--fzn-colorBackgroundMediumLight);cursor:pointer;}
.customized-input .container .input-checkbox{position:absolute;top:6px;left:0px;height:18px;width:18px;background:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,0.12);cursor:pointer;}
.customized-input .container .input-checkbox.checked{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;border:1px solid rgba(0,0,0,0.12);}
.customized-input .container .input-checkbox.checked span{position:absolute;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1;left:6px;top:2px;width:4px;height:9px;border:solid var(--fzn-colorTextDefault);border-width:0 2px 2px 0;background-color:transparent;border-radius:0;}
.customized-input .container .input-checkbox.readonly{cursor:default;}
.customized-input .container .input-checkbox.readonly span{opacity:0.5;}
.customized-input.flatten .container .input-checkbox{top:4px;left:0px;height:14px;width:14px;}
.customized-input.flatten .container .input-checkbox.checked span{left:5px;top:2px;width:3px;height:7px;}
.customized-input .container .input-radio-box{float:left;width:100%;position:relative;min-height:24px;}
.customized-input .container .input-radio-box .text{float:right;width:calc(100% - 30px);font-size:13px;line-height:16px;margin-top:9px;}
.customized-input .container .input-radio-box .input-radio{position:absolute;top:6px;left:0px;height:18px;width:18px;background:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,0.12);cursor:pointer;border-radius:50%;}
.customized-input .container .input-radio-box .input-radio.checked span{position:absolute;opacity:1;left:5px;top:5px;width:8px;height:8px;background:var(--fzn-colorTextDefault);border-radius:50%;}
.customized-input .container .input-radio-box .input-radio.readonly{cursor:default;}
.customized-input .container .input-radio-box .input-radio.readonly span{opacity:0.5;}
.customized-input .container .input-checkbox-box{float:left;width:100%;position:relative;min-height:24px;}
.customized-input .container .input-checkbox-box .text{float:right;width:calc(100% - 30px);font-size:13px;line-height:16px;margin-top:9px;}
.customized-input .container .input-checkbox-box .input-checkbox{position:absolute;top:6px;left:0px;height:18px;width:18px;background:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,0.12);cursor:pointer;}
.customized-input .container .input-checkbox-box .input-checkbox.checked{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;border:1px solid rgba(0,0,0,0.12);}
.customized-input .container .input-checkbox-box .input-checkbox.checked span{position:absolute;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1;left:6px;top:2px;width:4px;height:9px;border:solid var(--fzn-colorTextDefault);border-width:0 2px 2px 0;background-color:transparent;border-radius:0;}
.customized-input .container .input-checkbox-box .input-checkbox.readonly{cursor:default;}
.customized-input .container .multi_select_label{float:left;width:50%;font-size:12px;line-height:12px;color:var(--fzn-colorTextDefaultWeak);margin:8px 0 7px 0;}
.customized-input .container .available_items{float:left;width:calc(50% - 42px);border:1px solid rgba(0,0,0,0.12);color:var(--fzn-colorTextDefault);height:240px;padding:6px 0 6px 0;overflow:auto;background:var(--fzn-colorBackgroundLight);font-size:13px;}
.customized-input .container .selected_items{float:left;width:calc(50% - 42px);border:1px solid rgba(0,0,0,0.12);color:var(--fzn-colorTextDefault);height:240px;padding:6px 0 6px 0;overflow:auto;background:var(--fzn-colorBackgroundLight);font-size:13px;}
.customized-input .container .controls{float:left;width:40px;}
.customized-input .container .controls span{float:left;width:30px;text-align:center;margin:0 0 10px 4px;padding:8px 1px 8px 1px;font-size:11px;}
.customized-input .container .controls span:hover{border:1px solid rgba(0,0,0,0.12);padding:7px 0px 7px 0px;cursor:pointer;background:var(--fzn-colorBackgroundLight);}
.customized-input .container .item{padding:6px 12px 6px 12px;}
.customized-input .container .item.active{border-left:3px solid var(--fzn-colorPrimary);border-radius:0;padding:6px 12px 6px 9px;background:var(--fzn-colorBackgroundLightMedium);}
.customized-input .container .item:hover{background:var(--fzn-colorBackgroundLightMedium);cursor:pointer;}
.customized-input .container .viewer-datepicker{display:none;}
.customized-input .container .input-datepicker{position:absolute;right:0;cursor:default;margin:0 0 6px 0;padding:6px 0;overflow:auto;z-index:9;width:280px;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefault);font-size:13px;}
.customized-input .container .input-datepicker .period{float:left;}
.customized-input .container .input-datepicker .period .month{float:left;width:160px;margin:17px 10px 10px 10px;text-align:center;}
.customized-input .container .input-datepicker .period .month span{float:left;width:20px;cursor:pointer;}
.customized-input .container .input-datepicker .period .month div{float:left;width:120px;}
.customized-input .container .input-datepicker .period .year{float:right;width:90px;margin:10px 10px 0 0;}
.customized-input .container .input-datepicker .days{float:left;padding:10px;width:calc(100% - 20px);}
.customized-input .container .input-datepicker .days table{width:100%;}
.customized-input .container .input-datepicker .days table th{font-weight:normal;color:var(--fzn-colorTextDefaultWeak);padding:5px;}
.customized-input .container .input-datepicker .days table td{text-align:center;padding:5px;}
.customized-input .container .input-datepicker .days table td.different_month{opacity:0.3}
.customized-input .container .input-datepicker .days table td.today{background:var(--fzn-colorBackgroundMedium);}
.customized-input .container .input-datepicker .days table td.selected{background:var(--fzn-colorPrimary);color:var(--fzn-colorTextInverse);}
.customized-input .container .input-datepicker .days table td.current_month:hover{cursor:pointer;}
.customized-input .container .input-datepicker div.today{float:left;text-align:center;width:100%;color:var(--fzn-colorPrimary);cursor:pointer;font-size:12px;margin-bottom:5px;}
.customized-input .container .input-image .image{float:left;width:124px;height:124px;border:1px dashed rgba(0,0,0,0.2);color:var(--fzn-colorTextDefault);margin:10px 10px 0 0;text-align:center;font-size:12px;cursor:pointer;background:var(--fzn-colorBackgroundLight);}
.customized-input.stacked .container .input-image .image{margin-top:0px;}
.customized-input .container .input-image .image span{display:block;font-size:40px;margin:16px 0 -6px 0;}
.customized-input#ciw-Favicon .container .input-image .image{width:32px;height:32px;font-size:5px;}
.customized-input#ciw-Favicon .container .input-image .image span{font-size:10px;margin:2px 0 -2px 0;}
.customized-input .container input.hidden{display:none;}
.customized-input.static .input-capture,.customized-input.static .action-icon,.customized-input.static .entity-drop,.customized-input.static .duallist{display:none;}
.customized-input.static .static_value{width:100%;padding:6px 12px 6px 3px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid transparent;border-bottom:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}
.customized-input.static .input-checkbox,.customized-input.static .entity-icon{cursor:default;}
.customized-input.static .entity{padding-left:36px;}
.customized-input.readonly .input-capture,.customized-input.readonly .action-icon,.customized-input.readonly .input-checkbox,.customized-input.readonly .entity-control,.customized-input.readonly .input-image .image{opacity:0.5;cursor:default;}
.customized-input.readonly .container .input-capture.focus,.customized-input.readonly .container .input-capture:focus{border:1px solid rgba(0,0,0,.2);}
.customized-input .error{position:relative;z-index:2;cursor:default;background:var(--fzn-colorError);border:1px solid var(--fzn-colorError);color:var(--fzn-colorTextInverse);font-family:Bold;font-size:9px;width:14px;height:13px;text-align:center;padding-top:1px;display:inline-block;margin-left:5px;}
.customized-input .error:before,[data-text]:after{visibility:hidden;opacity:0;}
.customized-input .error:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-20px;padding:10px;width:160px;background:var(--fzn-colorError);color:var(--fzn-colorTextInverse);content:attr(data-text);text-align:center;font-size:11px;font-family:Light;}
.customized-input .error:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid var(--fzn-colorError);border-right:5px solid transparent;border-left:5px solid transparent;content:' ';}
.customized-input .error:hover:before,.customized-input .error:hover:after{visibility:visible;opacity:1;}
.customized-input .price-container{flex:1;margin-bottom:40px;}
.customized-input .price-container .price-table{overflow:auto;}
.customized-input .price-container .price-table .table-default tr:first-child td:first-child input{display:none;}
.customized-input .price-container .price-table .table-default input{width:100%;min-width:80px;padding:6px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}
.customized-input .price-container .price-table .table-default input[name^=price-table-col]{background-color:var(--fzn-colorBackgroundLightMedium);text-align:center;}
.customized-input .price-container .price-table .table-default input[name^=price-table-row]{background-color:var(--fzn-colorBackgroundLightMedium);text-align:center;}
.customized-input .price-container .price-table .table-default input[name^=price-table-cell]{text-align:right;}
.customized-input .polygon-container{flex:1;margin-bottom:45px;}
.customized-input .polygon-container .polygon-table{overflow:auto;min-height:210px;min-width:162px;}
.customized-input .polygon-container .polygon-table .table-default{border-spacing:0px;border-collapse:collapse;}
.customized-input .polygon-container .polygon-table .table-default input{width:100%;min-width:80px;padding:6px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);text-align:right;margin-left:-1px;}
.customized-input .polygon-container .polygon-view{overflow:auto;background-color:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,.2);height:200px;width:200px;float:left;overflow:hidden;margin-top:1px;margin-right:2px;}
.customized-input .infill-container{flex:1;}
.customized-input .infill-container .infill-view{overflow:auto;background-color:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,.2);height:240px;width:240px;overflow:hidden;margin-right:10px;float:left;padding:10px;}
.customized-input .infill-container textarea.input-capture{width:calc(100% - 272px);float:left;}
.customized-input .action-wrapper{position:absolute;width:100%;height:50px;margin-top:5px;}
.customized-input .formula-container{flex:1;}
.customized-input .formula-container .action-wrapper{float:left;margin-top:0px;position:relative;height:auto;width:1px;}
.customized-input .formula-container .action-wrapper .caption label{text-align:left;}
.customized-input .formula-container textarea.input-capture{width:100%;float:left;}
.customized-button-group{position:relative;}
.customized-button-group span{display:inline-block;outline:none;white-space:nowrap;font-family:Regular;color:var(--fzn-colorTextDefault);background:rgba(255,255,255,0.7);border:1px solid rgba(0,0,0,0.12);cursor:pointer;font-size:13px;height:26px;padding:8px 15px 0 15px;display:flex;}
.customized-button-group span:hover{background:rgba(255,255,255,1);border-color:rgba(0,0,0,0.16);}
.customized-button-group .action-icon{display:inline-block;padding:2px 0 0 3px;float:right;margin-right:-5px;}
.customized-button-group .action-icon svg{height:13px;}
.customized-button-group .customized-button-group-wrapper{position:absolute;min-width:100%;left:0;top:36px;z-index:9;background:var(--fzn-colorBackgroundMediumLight);display:none;}
.customized-button-group .customized-button-group-wrapper button{width:100%;margin-top:-1px;}

.customized-button{position:relative;}
.customized-button a{text-decoration:none;}
.customized-button button{display:inline-block;outline:none;white-space:nowrap;font-family:Regular;color:var(--fzn-colorTextDefault);background:rgba(255,255,255,0.7);border:1px solid rgba(0,0,0,0.12);cursor:pointer;font-size:13px;height:36px;padding:8px 15px 0 15px;display:flex;}
.customized-button button svg{height:18px;padding:0;margin:0 5px 0 0;fill:var(--fzn-colorTextDefault);}
.customized-button:hover button{background:rgba(255,255,255,1);border-color:rgba(0,0,0,0.16);}
.customized-button.flatten button{font-size:11px;height:30px;padding:6px 15px 0 15px;}
.customized-button button.striking{color:var(--fzn-colorTextInverse);background:var(--fzn-colorPrimary);border:1px solid var(--fzn-colorPrimary);}

.virtual-table{position:relative;}
.virtual-table .table-default{border-collapse:collapse;width:100%;overflow-x:auto;display:block;font-size:13px;}
.virtual-table .table-default thead,.virtual-table .table-default tbody{display:block;}
.virtual-table .table-default tbody{overflow-y:auto;overflow-x:hidden;height:100%;}
.virtual-table .table-default tbody  td,.virtual-table .table-default thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:200px;max-width:200px;}
.virtual-table .table-default thead th{font-family:SemiBold;font-weight:normal;text-transform:uppercase;text-align:left;background:var(--fzn-colorBackgroundMedium);border:1px solid transparent;border-top:1px solid var(--fzn-colorBackgroundMedium);padding:8px 12px 8px 12px;position:relative;height:18px;}
.virtual-table .table-default thead th:first-child{border-left:1px solid var(--fzn-colorBackgroundMedium);}
.virtual-table .table-default thead th:last-child{border-right:1px solid var(--fzn-colorBackgroundMedium);}
.virtual-table .table-default tbody td{border-bottom:1px solid var(--fzn-colorBackgroundMediumLight);border-left:1px solid transparent;border-right:1px solid transparent;padding:8px 12px 8px 12px;background:var(--fzn-colorBackgroundLight);}
.virtual-table .table-default tbody tr:hover td{background:var(--fzn-colorBackgroundLightMedium);}
.virtual-table .table-default thead th .sort{padding-left:4px;display:none;}
.virtual-table .table-default thead th .sort svg{height:10px;fill:var(--fzn-colorTextDefault);}
.virtual-table .table-default thead th .sort[data-sort]{display:inline-block;}
.virtual-table .table-default thead th[data-sort]:hover{cursor:pointer;box-shadow:inset 0 0 99999px 99999px rgba(255,255,255,0.2);}
.virtual-table .table-default thead th .col-resize{cursor:col-resize;user-select:none;position:absolute;right:0;top:0;width:3px;height:100%;background:var(--fzn-colorBackgroundDark);display:none;}
.virtual-table .table-default tfoot td{font-family:SemiBold;font-weight:normal;text-transform:uppercase;text-align:left;background:var(--fzn-colorBackgroundLightMedium);border:1px solid transparent;padding:8px 12px 8px 12px;position:relative;}
.virtual-table .table-default tfoot td:first-child{border-left:1px solid var(--fzn-colorBackgroundLightMedium);}
.virtual-table .table-default tfoot td:last-child{border-right:1px solid var(--fzn-colorBackgroundLightMedium);}
.virtual-table .table-default .customized-input .container .input-checkbox{position:inherit;top:2px;display:inline-block;margin-bottom:-10px;}
.virtual-table .table-default .unit-text{opacity:0.7;display:inline;}
.virtual-table .table-default .index{width:18px;height:18px;display:block;text-align:center;}
.virtual-table .table-default .index.active{border-left:3px solid var(--fzn-colorPrimary);margin:-8px 0 -8px -12px;padding:8px 0 8px 9px;}
.virtual-table .table-default .connected_record svg{height:16px;margin-left:5px;fill:var(--fzn-colorBackgroundMediumDark);}


.content-header .app-wrapper{float:left;height:40px;margin:20px 0 20px 15px;}
.content-header .app-wrapper .symbol{height:28px;padding:6px;background:var(--fzn-colorPrimary);float:left;margin-right:10px;}
.content-header .app-wrapper .symbol svg{height:28px;fill:var(--fzn-colorTextInverse);}
.content-header .app-wrapper .information{float:left;}
.content-header .app-wrapper .information .view{font-family:SemiBold;font-weight:normal;margin:0;padding:0;font-size:17px;display:block;line-height:21px;}
.content-header .app-wrapper .information .view.selectable{cursor:pointer;position:relative;}
.content-header .app-wrapper .information .view.selectable .current_view{border-bottom:1px solid transparent;}
.content-header .app-wrapper .information .view.selectable .current_view:hover{border-bottom:1px dotted var(--fzn-colorTextDefault);margin-bottom:0;}
.content-header .app-wrapper .information .view .action-icon{display:inline-block;padding:3px 0 0 3px;float:right;}
.content-header .app-wrapper .information .view .action-icon svg{height:17px;}
.content-header .app-wrapper .information .view.selectable .view-list{z-index:9;display:none;max-height:300px;position:absolute;top:25px;width:350px;background:var(--fzn-colorBackgroundLight);border:1px solid rgba(0,0,0,0.12);cursor:default;font-size:13px;padding:0;overflow:auto;font-family:Regular;}
.content-header .app-wrapper .information .view.selectable .view-list .group{margin:12px;font-size:11px;line-height:11px;color:var(--fzn-colorTextDefaultWeak);display:block;text-transform:uppercase;}
.content-header .app-wrapper .information .view.selectable .view-list .list-items{padding:6px 12px 6px 12px;min-height:18px;}
.content-header .app-wrapper .information .view.selectable .view-list .list-items:hover{background:var(--fzn-colorBackgroundMediumLight);cursor:pointer;}
.content-header .app-wrapper .information .name{margin:2px 0 0 0;padding:0;font-size:12px;display:block;line-height:12px;}
.content-header .action-wrapper{float:right;height:40px;margin:20px 15px 20px 15px;}

.content-subheader{background:var(--fzn-colorBackgroundLight);position:relative;}
.content-subheader ul.relation-list{list-style:none;margin:0;overflow:auto;height:40px;padding:0 15px 0 15px;border-bottom:1px solid rgba(0,0,0,0.12);}
.content-subheader ul.relation-list li{float:left;font-family:Regular;cursor:pointer;font-size:13px;line-height:13px;height:27px;padding:13px 15px 0 15px;margin-right:15px;}
.content-subheader ul.relation-list li.active span{color:var(--fzn-colorPrimary);}
.content-subheader ul.relation-list li span:hover{color:var(--fzn-colorPrimary);}

.content-main .relation-view{height:346px;border-bottom:1px solid rgba(0,0,0,0.06);}
.content-main .relation-view .relation-view-header{height:46px;}
.content-main .relation-view .relation-view-header .action-wrapper{float:right;}
.content-main .relation-view .relation-view-body{height:300px;width:100%;background:var(--fzn-colorBackgroundLightMedium);}
.content-main .record-page{display:flex;min-height:100%;background:var(--fzn-colorBackgroundLight);}
.content-main .record-page .tabs{width:100%;max-width:calc(100% - 421px);border-right:1px solid rgba(0,0,0,0.12);margin:15px 0 15px 0;}
.content-main .record-page .tabs .deck #tab_positions .layout-section:first-child{overflow:auto;}
.content-main .record-page .tabs .deck #tab_positions .layout-section .grid .cell{float:left;padding:0 5px 5px 0;}
.content-main .record-page .tabs .deck #tab_outline #report_builder hr{border:none;height:1px;background-color:rgba(0,0,0,0.12);margin:10px;position:relative;float:left;width:calc(100% - 26px);}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection{float:left;width:100%;margin-bottom:8px;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .title{margin:6px 0 6px 10px;font-size:13px;font-family:Bold;float:left;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .sub-title{margin:6px 0 6px 10px;font-size:13px;float:left;width:100%;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .sub-title svg{height:14px;width:14px;padding:0;margin:2px 0 -2px 0;fill:var(--fzn-colorTextDefaultWeak);}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper{width:calc(100% - 28px);position:relative;float:left;margin:0 10px 0 10px;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper input{padding:9px 15px 9px 45px;border:1px solid rgba(0,0,0,0.12);width:calc(100% - 60px);outline:none;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper .search-icon{position:absolute;top:8px;left:15px;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper .search-icon svg{height:18px;width:18px;padding:0;margin:0;fill:var(--fzn-colorTextDefaultWeak);}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper .search-options{position:absolute;cursor:default;margin:0;padding:6px 0;overflow:auto;z-index:9;width:100%;max-height:200px;border:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorTextDefault);font-size:12px;display:none;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper .search-options .search-option-items{padding:6px 12px 6px 12px;min-height:18px;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .selection .search-wrapper .search-options .search-option-items:hover{background:var(--fzn-colorBackgroundMediumLight);cursor:pointer;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .list{float:left;width:100%;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .list .field-panel{position:relative;font-size:12px;overflow:auto;margin:0 10px 4px 10px;overflow:hidden;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .list .field-panel .label{height:16px;width:calc(100% - 20px);float:left;background:var(--fzn-colorBackgroundLightMedium);border:1px solid rgba(0,0,0,0.12);padding:6px;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;cursor: move;}
.content-main .record-page .tabs .deck #tab_outline #report_builder .list .field-panel .remove{position:absolute;font-size:18px;height:18px;line-height:18px;font-family:Light;top:6px;right:15px;cursor:pointer;}
.content-main .record-page .product_properties{min-width:420px;max-width:420px;border-left:1px solid var(--fzn-colorBackgroundLightMedium);background:var(--fzn-colorBackgroundLightMedium);margin-left:-1px;font-size:13px;}
.content-main .record-page .product_properties .product-image{border:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);margin:0 0 10px 10px;width:368px;height:378px;padding:14px;}
.content-main .record-page .product_properties .product-image .image{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-repeat:no-repeat;background-position:center;float:left;margin:0;}
.content-main .record-page .product_properties .product-description{margin:10px 20px 20px 10px;width:390px;}
.content-main .record-page .report_table{min-width:calc(100% - 301px);max-width:calc(100% - 301px);font-size:13px;}
.content-main .record-page .report_table .total{background:var(--fzn-colorBackgroundMediumLight);}
.content-main .record-page .report_table .subtotal_group{background:var(--fzn-colorBackgroundLightMedium);border-bottom:1px solid rgba(0,0,0,0.12);}
.content-main .record-page .report_table .subtotal_subgroup{background:var(--fzn-colorBackgroundLightMedium);}
.content-main .record-page .report_table .group{background:var(--fzn-colorBackgroundLightMedium);}
.content-main .record-page .invoice_positions{min-width:50%;max-width:50%;font-size:13px;}
.content-main .record-page .invoice_positions .deck #tab_positions .layout-section-header label{display:none;}
.content-main .record-page .invoice_positions .deck #tab_positions .layout-section .grid .cell{float:left;padding:0 5px 5px 0;}
.content-main .record-page .invoice_positions span.description{font-size:11px;color:var(--fzn-colorTextDefaultWeak);}
.content-main .record-page .activities{margin:15px 0 15px 0;flex:1 1 auto;min-width:420px;width:34%;}
.content-main .record-page .activities .action-composer{border:1px solid rgba(0,0,0,0.12);margin:0 15px 15px 15px;}
.content-main .record-page .activities .action-composer .activity-set{background:var(--fzn-colorBackgroundMediumLight);list-style:none;margin:0;padding:0;overflow:auto;}
.content-main .record-page .activities .action-composer .activity-set li{float:left;font-family:Regular;cursor:pointer;font-size:14px;line-height:14px;height:28px;padding:15px 15px 0 15px;border-bottom:2px solid transparent;border-right:1px solid var(--fzn-colorBackgroundMediumLight);border-bottom:1px solid var(--fzn-colorBackgroundMediumLight);}
.content-main .record-page .activities .action-composer .activity-set li.active{background:var(--fzn-colorBackgroundLight);color:var(--fzn-colorPrimary);border-bottom:1px solid var(--fzn-colorBackgroundLight);}
.content-main .record-page .activities .action-composer .activity-set li:hover{background:var(--fzn-colorBackgroundLight);}
.content-main .record-page .activities .action-composer .activity-container .dummy-activity-controls{display:flex;}
.content-main .record-page .activities .action-composer .activity-container .dummy-activity-controls .fake-input{width:100%;text-align:center;margin-right:10px;padding:8px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);color:var(--fzn-colorTextDefaultWeak);background:var(--fzn-colorBackgroundLight);cursor:text}
.content-main .record-page .activities .activity-timeline{margin:0 15px 15px 15px;}
.content-main .record-page .activities .activity-timeline .timeline-title{display:block;background:var(--fzn-colorBackgroundLightMedium);font-size:12px;margin-bottom:10px;padding:5px 0 5px 15px;font-family:SemiBold;}
.content-main .record-page .activities .activity-timeline .activity{display:flex;}
.content-main .record-page .activities .activity-timeline .activity .show-more{float:left;cursor:pointer;margin:3px 10px 0 0;width:10px;}
.content-main .record-page .activities .activity-timeline .activity .type{float:left;position:relative;height:auto;margin-right:15px;}
.content-main .record-page .activities .activity-timeline .activity .type .symbol{height:20px;padding:4px;background:var(--fzn-colorBackgroundMedium);float:left;}
.content-main .record-page .activities .activity-timeline .activity .type .symbol svg{height:20px;width:20px;fill:var(--fzn-colorBackgroundDarkLight);}
.content-main .record-page .activities .activity-timeline .activity .type .connection-path{position:absolute;left:13px;top:32px;width:2px;height:calc(100% - 36px);background:var(--fzn-colorBackgroundDarkLight);}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper{float:left;font-size:13px;line-height:15px;width:calc(100% - 65px);padding-bottom:15px;position:relative;}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper .subject-wrapper{float:left;width:calc(100% - 140px);font-size:14px;line-height:15px;margin:0;padding:0;height:32px;}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper .subject-wrapper .subject{margin-top:5px;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;line-height:16px;}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper .subject-wrapper .complete-task{float:left;}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper .due-date{float:right;margin-top:4px;width:125px;color:var(--fzn-colorTextDefaultWeak);text-align:right;}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper .summary{float:left;width:calc(100% - 15px);margin-top:-6px;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;line-height:15px;font-size:12px;}
.content-main .record-page .activities .activity-timeline .activity .activity-wrapper .comment{display:none;float:left;font-size:13px;line-height:15px;width:calc(100% - 22px);border:1px solid rgba(0,0,0,0.12);padding:10px;margin-top:10px;background:var(--fzn-colorBackgroundLightMedium);}
.content-main .record-page .activities .activity-timeline .no_records{text-align:center;font-size:13px;}
.content-main .record-page ul.tab-set{list-style:none;margin:0;padding:0;overflow:auto;border-bottom:1px solid rgba(0,0,0,0.12);height:40px;margin:0 15px 0 15px;}
.content-main .record-page ul.tab-set li{float:left;font-family:Regular;cursor:pointer;font-size:15px;line-height:15px;height:28px;padding:10px 15px 0 15px;border-bottom:2px solid transparent;margin-right:15px;}
.content-main .record-page ul.tab-set li.active{border-bottom:2px solid var(--fzn-colorPrimary);font-family:SemiBold;}
.content-main .record-page ul.tab-set li:hover{border-bottom:2px solid var(--fzn-colorPrimary);}
.content-main .record-page .customized-input .caption,.content-main .record-page .customized-input .container{width:100%;}
.content-main .layout-section{display:block;margin:0 15px 20px 15px;}
.content-main .layout-section .layout-section-header{font-weight:normal;font-size:13px;font-family:SemiBold;background:var(--fzn-colorBackgroundMediumLight);padding:7px 0 7px 10px;overflow:auto;display:flex;align-items:center;}
.content-main .list-filter .filter-panel{border:1px solid rgba(0,0,0,0.12);margin:15px;padding:10px;position:relative;cursor:pointer;}
.content-main .list-filter .filter-panel:hover{background:var(--fzn-colorBackgroundLightMedium);}
.content-main .list-filter .filter-panel .number{font-size:13px;color:var(--fzn-colorTextDefault);display:block;margin-bottom:3px;margin-right:3px;float:left;font-family:SemiBold;}
.content-main .list-filter .filter-panel .field{font-size:13px;color:var(--fzn-colorTextDefaultWeak);display:block;margin-bottom:3px;}
.content-main .list-filter .filter-panel .operator{font-size:13px;padding-right:5px;float:left;}
.content-main .list-filter .filter-panel .value{font-size:13px;min-height:18px;}
.content-main .list-filter .filter-panel .close{position:absolute;font-size:18px;height:18px;line-height:18px;font-family:Light;top:10px;right:15px;cursor:pointer;}
.content-main .list-filter .filter-action{font-size:13px;margin:15px;overflow:auto;}
.content-main .list-filter .filter-logic{margin:15px;font-size:12px;color:var(--fzn-colorTextDefaultWeak);}
.content-main .list-filter .filter-logic span{padding-bottom:5px;float:left;}
.content-main .list-filter .filter-logic textarea{box-sizing:border-box;resize:vertical;margin:0;padding:0;height:80px;width:100%;padding:12px 12px;display:block;font-size:13px;min-height:32px;font-family:Regular;outline:none;box-sizing:border-box;border:1px solid rgba(0,0,0,0.12);color:var(--fzn-colorTextDefault);background:var(--fzn-colorBackgroundLight);}

#layout-creator{position:relative;overflow:auto;margin-top:5px;font-size:12px;}
#layout-creator .palette{width:348px;padding:5px;float:left;padding:0 0 40px 0;}
#layout-creator .palette span{display:none;}
#layout-creator .palette .element{background:var(--fzn-colorBackgroundLight);display:inline-block;margin:1px;padding:6px 10px 6px 10px;width:150px;border:1px solid rgba(0,0,0,0.12);}
#layout-creator .palette .element:not([draggable]){opacity:0.5;}
#layout-creator .canvas{width:calc(100% - 370px);float:right;margin-right:5px;}
#layout-creator .canvas .section{width:calc(100% - 2px);font-weight:normal;margin-top:5px;border:1px solid rgba(0,0,0,0.06);overflow:auto;background:var(--fzn-colorBackgroundLight);}
#layout-creator .canvas .section .heading{width:calc(100% - 20px);padding:10px;font-weight:normal;font-family:SemiBold;background:var(--fzn-colorBackgroundLightMedium);}
#layout-creator .canvas .section .heading .value{display:inline-block;min-width:50px;}
#layout-creator .canvas .section .elements{padding:10px 10px 40px 10px;margin:5px 10px 10px 10px;float:left;}
#layout-creator .canvas .section .col-1{width:calc(100% - 40px);}
#layout-creator .canvas .section .col-2{width:calc(50% - 40px);}
#layout-creator .canvas .section .element{background:var(--fzn-colorBackgroundLight);display:inline-block;margin:1px;padding:6px 10px 6px 10px;width:calc(100% - 20px);border-bottom:1px solid rgba(0,0,0,0.12);}
#layout-creator .canvas .section .element span{float:right;font-style:italic;opacity:0.8;}
#layout-creator .canvas .section .element span svg{height:14px;opacity:0.8;cursor:pointer;}
#layout-creator .canvas .section .element[data-id=Blank]{opacity:0.2;}
#layout-creator .canvas .section .controls{float:right;margin:-8px 0 0 0;}
#layout-creator .canvas .section .controls span{float:left;width:30px;text-align:center;margin:0 0 0 4px;padding:8px 1px 8px 1px;font-size:11px;}
#layout-creator .canvas .section .controls span svg{height:14px;}
#layout-creator .canvas .section .controls span:hover{border:1px solid rgba(0,0,0,0.12);padding:7px 0px 7px 0px;cursor:pointer;background:var(--fzn-colorBackgroundLight);}

#rule-creator{position:relative;font-size:12px;}
#rule-creator .element{width:calc(100% - 2px);font-weight:normal;margin-top:10px;padding-bottom:15px;border:1px solid rgba(0,0,0,0.06);background:var(--fzn-colorBackgroundLight);}
#rule-creator .element .heading{width:calc(100% - 20px);padding:10px;font-weight:normal;font-family:SemiBold;background:var(--fzn-colorBackgroundLightMedium);margin-bottom:5px;}
#rule-creator .element .heading .value{display:inline-block;min-width:50px;}
#rule-creator .element .heading .controls{float:right;margin:-8px 0 0 0;}
#rule-creator .element .heading .controls span{float:left;width:30px;text-align:center;margin:0 0 0 4px;padding:8px 1px 8px 1px;font-size:11px;}
#rule-creator .element .heading .controls span svg{height:14px;}
#rule-creator .element .heading .controls span:hover{border:1px solid rgba(0,0,0,0.12);padding:7px 0px 7px 0px;cursor:pointer;background:var(--fzn-colorBackgroundLight);}

#service-creator{position:relative;font-size:12px;}
#service-creator .element{width:calc(100% - 2px);font-weight:normal;margin-top:10px;padding-bottom:15px;border:1px solid rgba(0,0,0,0.06);background:var(--fzn-colorBackgroundLight);}
#service-creator .element .heading{width:calc(100% - 20px);padding:10px;font-weight:normal;font-family:SemiBold;background:var(--fzn-colorBackgroundLightMedium);margin-bottom:5px;}
#service-creator .element .heading .value{display:inline-block;min-width:50px;}
#service-creator .element .heading .controls{float:right;margin:-8px 0 0 0;}
#service-creator .element .heading .controls span{float:left;width:30px;text-align:center;margin:0 0 0 4px;padding:8px 1px 8px 1px;font-size:11px;}
#service-creator .element .heading .controls span svg{height:14px;}
#service-creator .element .heading .controls span:hover{border:1px solid rgba(0,0,0,0.12);padding:7px 0px 7px 0px;cursor:pointer;background:var(--fzn-colorBackgroundLight);}

#configure{position:relative;display:flex;flex-flow:row;flex-grow:100;overflow:hidden;background:var(--fzn-colorBackgroundLight);font-size:13px;}
#configure arrow{border:2px solid var(--fzn-colorTextDefaultWeak);border-width:0 2px 2px 0;display:inline-block;padding:3px;margin:0 0 2px 3px;}
#configure arrow.right{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#configure arrow.left{transform: rotate(135deg);-webkit-transform: rotate(135deg);}
#configure arrow.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#configure arrow.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#configure close{position:relative;}
#configure close:before,#configure close:after{position:absolute;content:' ';height:14px;width:2px;background-color:rgba(0,0,0,0.12);}
#configure close:before{transform:rotate(45deg);}
#configure close:after{transform:rotate(-45deg);}
#configure .configure-settings{overflow:auto;position:relative;flex:auto;padding:10px 10px 50px 10px;min-width:820px;}
#configure .configure-settings .configure-attributes .attribute:not(.expanded):hover{filter:brightness(101%);}
#configure .configure-settings .panel .section{position:relative;float:left;}
#configure .configure-settings .panel .section.col1{width:100%;}
#configure .configure-settings .panel .section.col2{width:50%;}
#configure .configure-settings .panel .width-split,#configure .configure-settings .panel .height-split{min-height:1px;}
#configure .configure-settings .panel hr{border:none;height:1px;background-color:rgba(0,0,0,0.12);margin:20px 0 10px 0;position:relative;float:left;width:100%;}
#configure .configure-settings .configure-top-attributes{border-left:1px solid rgba(0,0,0,0.12);}
#configure .configure-settings .configure-top-attributes .configure-attributes{display:flex;flex-flow:row;}
#configure .configure-settings .configure-top-attributes .configure-attributes .attribute{cursor:pointer;border-top:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);flex:1;padding:10px 30px 10px 15px;background:var(--fzn-colorBackgroundLightMedium);position:relative;min-width:1px;min-height:35px;}
#configure .configure-settings .configure-top-attributes .configure-attributes .attribute.expanded{border-bottom:1px solid var(--fzn-colorBackgroundLight);background:var(--fzn-colorBackgroundLight);}
#configure .configure-settings .configure-top-attributes .configure-attributes .attribute .description{font-family:Light;font-size:11px;}
#configure .configure-settings .configure-top-attributes .configure-attributes .attribute arrow{position:absolute;right:15px;top:22px;}
#configure .configure-settings .configure-top-attributes .configure-panels{display:flex;flex-flow:row;}
#configure .configure-settings .configure-top-attributes .configure-panels .panel{border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);flex:1;padding:10px 15px 15px 15px;position:relative;display:none;}
#configure .configure-settings .configure-basic-attributes{margin-top:15px;}
#configure .configure-settings .configure-basic-attributes .configure-attributes{float:left;width:100%;}
#configure .configure-settings .configure-basic-attributes .configure-attributes .attribute{cursor:pointer;border:1px solid rgba(0,0,0,0.12);padding:10px 30px 10px 15px;background:var(--fzn-colorBackgroundLightMedium);position:relative;margin-top:-1px;float:left;width:100%;width:calc(100% - 47px);}
#configure .configure-settings .configure-basic-attributes .configure-attributes .attribute.expanded{border-bottom:1px solid var(--fzn-colorBackgroundLightMedium);background:var(--fzn-colorBackgroundLightMedium);}
#configure .configure-settings .configure-basic-attributes .configure-attributes .attribute arrow{position:absolute;right:15px;top:15px;}
#configure .configure-settings .configure-basic-attributes .configure-attributes .panel{border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);padding:10px 15px 15px 15px;position:relative;float:left;width:100%;width:calc(100% - 32px);display:none;}
#configure .configure-settings .configure-action-attributes{float:left;width:100%;}
#configure .configure-settings .configure-custom-attributes{float:left;width:100%;margin-top:15px;}
#configure .configure-settings .configure-custom-attributes .configure-attributes{float:left;width:100%;}
#configure .configure-settings .configure-custom-attributes .configure-attributes .attribute{cursor:pointer;border:1px solid rgba(0,0,0,0.12);padding:10px 30px 10px 15px;background:var(--fzn-colorBackgroundLightMedium);position:relative;margin-top:-1px;float:left;width:100%;width:calc(100% - 47px);}
#configure .configure-settings .configure-custom-attributes .configure-attributes .attribute.expanded{border-bottom:1px solid var(--fzn-colorBackgroundLightMedium);background:var(--fzn-colorBackgroundLightMedium);}
#configure .configure-settings .configure-custom-attributes .configure-attributes .attribute arrow{position:absolute;right:15px;top:15px;}
#configure .configure-settings .configure-custom-attributes .configure-attributes .panel{border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);padding:10px 15px 15px 15px;position:relative;float:left;width:100%;width:calc(100% - 32px);display:none;}
#configure .configure-settings .configure-advanced-attributes{margin-top:15px;float:right;width:100%;}
#configure .configure-settings .configure-advanced-attributes .configure-attributes{float:left;width:100%;}
#configure .configure-settings .configure-advanced-attributes .configure-attributes .attribute{cursor:pointer;border:1px solid rgba(0,0,0,0.12);padding:10px 45px 10px 15px;background:var(--fzn-colorBackgroundLightMedium);position:relative;margin-top:-1px;float:right;}
#configure .configure-settings .configure-advanced-attributes .configure-attributes .attribute.expanded{border-bottom:1px solid var(--fzn-colorBackgroundLight);background:var(--fzn-colorBackgroundLightMedium);}
#configure .configure-settings .configure-advanced-attributes .configure-attributes .attribute arrow{position:absolute;right:15px;top:15px;}
#configure .configure-settings .configure-advanced-attributes .configure-attributes .panel{border:1px solid rgba(0,0,0,0.12);padding:15px 15px 15px 15px;position:relative;float:left;width:100%;width:calc(100% - 32px);margin-top:-1px;display:none;}
#configure .configure-settings .panel .section .option-image.placeholder{opacity:0.05;}
#configure .configure-settings .panel .section .select .select-label{padding-top:10px;}
#configure .configure-settings .panel .section .select .option-image{float:left;position:relative;}
#configure .configure-settings .panel .section .select .option-image.glossy:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));background: -ms-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));background:linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)),linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));}
#configure .configure-settings .panel .section .select.tiles .option{border:1px solid rgba(0,0,0,0.12);padding:5px;float:left;margin:10px 10px 0 0;display:flex;position:relative;}
#configure .configure-settings .panel .section .select.tiles .option .option-information{padding:5px 15px 0 10px;flex-grow:1;overflow:hidden;text-overflow:ellipsis;}
#configure .configure-settings .panel .section .select.tiles .option .option-information .option-name{position:relative;overflow:hidden;text-overflow:ellipsis;}
#configure .configure-settings .panel .section .select.tiles .option .option-information .option-description{font-family:Light;font-size:11px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;}
#configure .configure-settings .panel .section .select.tiles .option:hover{border:1px solid var(--fzn-colorPrimary);background:var(--fzn-colorBackgroundLightMedium);cursor:pointer;}
#configure .configure-settings .panel .section .select.tiles .option.active{border:1px solid var(--fzn-colorPrimary);background:var(--fzn-colorBackgroundLightMedium);}
#configure .configure-settings .panel .section .select.tiles .option.active .checkbox{position:absolute;top:-4px;right:-4px;height:18px;width:18px;background:var(--fzn-colorPrimary);border:1px solid var(--fzn-colorPrimary);cursor:pointer;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;border:1px solid rgba(0,0,0,0.12);}
#configure .configure-settings .panel .section .select.tiles .option.active .checkbox span{position:absolute;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1;left:6px;top:2px;width:4px;height:9px;border:solid var(--fzn-colorBackgroundLight);border-width:0 2px 2px 0;background-color:transparent;border-radius:0;}
#configure .configure-settings .panel .section .select.list{float:left;position:relative;}
#configure .configure-settings .panel .section .select.list .list-container{border:1px solid rgba(0,0,0,0.12);padding:5px;margin:10px 10px 0 0;z-index:5;cursor:default;position:relative;}
#configure .configure-settings .panel .section .select.list .list-container.active > close{display:inline-block;}
#configure .configure-settings .panel .section .select.list .list-container close{position:absolute;right:20px;top:12px;cursor:pointer;display:none;}
#configure .configure-settings .panel .section .select.list .list-container close:hover::before,#configure .configure-settings .panel .section .select.list .list-container close:hover::after{background-color:var(--fzn-colorTextDefaultWeak);}
#configure .configure-settings .panel .section .select.list .list-container arrow{position:absolute;right:15px;top:calc(50% - 6px);cursor:pointer;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-color:var(--fzn-colorBackgroundMedium);}
#configure .configure-settings .panel .section .select.list .list-container.active arrow{display:none;}
#configure .configure-settings .panel .section .select.list .list-container.active{border:1px solid var(--fzn-colorPrimary);border-bottom:1px dashed var(--fzn-colorBackgroundMediumDark);}
#configure .configure-settings .panel .section .select.list.reversed .list-container.active{border:1px solid var(--fzn-colorPrimary);border-top:1px dashed var(--fzn-colorBackgroundMediumDark);}
#configure .configure-settings .panel .section .select.list .list-container .option-information{padding:5px 0 5px 10px;float:left;}
#configure .configure-settings .panel .section .select.list .list-container .option-information .option-name{position:relative;max-width:220px;}
#configure .configure-settings .panel .section .select.list .list-container .option-information .option-description{font-family:Light;font-size:11px;max-width:220px;}
#configure .configure-settings .panel .section .select.list .list-options{position:absolute;display:none;background:var(--fzn-colorBackgroundLight);z-index:10;overflow:auto;max-height:160px;border-left:1px solid var(--fzn-colorPrimary);border-bottom:1px solid var(--fzn-colorPrimary);border-right:1px solid var(--fzn-colorPrimary);width:100%;cursor:default;overflow-x:hidden;}
#configure .configure-settings .panel .section .select.list.reversed .list-options{border-left:1px solid var(--fzn-colorPrimary);border-bottom:none;border-right:1px solid var(--fzn-colorPrimary);border-top:1px solid var(--fzn-colorPrimary);}
#configure .configure-settings .panel .section .select.list .list-options .option{border-top:1px solid rgba(0,0,0,0.12);padding:5px;margin:-1px 0 0 0;}
#configure .configure-settings .panel .section .select.list .list-options .option .option-information{padding:5px 0 5px 10px;float:left;}
#configure .configure-settings .panel .section .select.list .list-options .option .option-information .option-name{position:relative;max-width:220px;}
#configure .configure-settings .panel .section .select.list .list-options .option .option-information .option-description{font-family:Light;font-size:11px;position:relative;max-width:220px;}
#configure .configure-settings .panel .section .input{padding-top:10px;}
#configure .configure-settings .panel .section .input .input-label{float:left;width:80px;padding-top:9px;}
#configure .configure-settings .panel .section .input .input-container{display:flex;flex-flow:row;}
#configure .configure-settings .panel .section .input .input-container input{font-family:Regular;text-align:right;color:var(--fzn-colorTextDefault);background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.12);font-size:13px;padding:8px 15px 8px 15px;outline:none;width:80px;}
#configure .configure-settings .panel .section .input .input-container input:focus{border:1px solid var(--fzn-colorPrimary);}
#configure .configure-settings .panel .section .input .input-container .input-reference{padding:9px 0 0 5px;font-family:Light;}
#configure .configure-settings .panel .tabs ul.tab-set{list-style:none;margin:0;padding:10px 0 0 0;overflow:auto;}
#configure .configure-settings .panel .tabs ul.tab-set li{float:left;cursor:pointer;border:1px solid rgba(0,0,0,0.12);padding:8px 30px 8px 30px;background:var(--fzn-colorBackgroundLightMedium);margin-right:15px;}
#configure .configure-settings .panel .tabs ul.tab-set li.active{background:var(--fzn-colorBackgroundLight);}
#configure .configure-settings .panel .tabs ul.tab-set li:not(.active):hover{filter:brightness(101%);}
#configure .configure-settings .panel .tabs .deck{width:100%;}
#configure .configure-settings .panel .tabs .deck .tab-content{width:100%;}
#configure .configure-settings .panel table{width:100%;cursor:default;border:1px solid rgba(0,0,0,0.12);}
#configure .configure-settings .panel table th{padding:8px 15px 8px 15px;font-weight:normal;background:var(--fzn-colorBackgroundLightMedium);}
#configure .configure-settings .panel table td{padding:8px 15px 8px 15px;border-top:1px solid rgba(0,0,0,0.12);}
#configure .configure-aside{width:25%;min-width:420px;max-width:420px;background:var(--fzn-colorBackgroundLightMedium);overflow:auto;}
#configure .configure-aside .configure-image{border:1px solid rgba(0,0,0,0.12);background:var(--fzn-colorBackgroundLight);margin:0 0 10px 10px;width:368px;height:378px;padding:14px;}
#configure .configure-aside .configure-navigation{margin:10px 0 20px 10px;width:390px;}
#configure .configure-aside .configure-navigation .configure-price{font-family:SemiBold;font-size:22px;margin-top:12px;line-height:26px;}
#configure .configure-aside .configure-navigation .configure-price span{font-family:Light;font-size:11px;display:block;line-height:18px;}
#configure .configure-aside .configure-navigation .configure-quantity label{font-size:11px;display:block;line-height:15px;height:15px;}
#configure .configure-aside .configure-navigation .configure-quantity input{font-family:Regular;text-align:right;color:var(--fzn-colorTextDefault);background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.12);font-size:13px;padding:8px 15px 8px 15px;outline:none;width:30px;text-align:center;}
#configure .configure-aside .configure-navigation .configure-quantity input:focus{border:1px solid var(--fzn-colorPrimary);}
#configure .configure-aside .configure-navigation button{margin-top:15px;}
#configure .configure-aside .configure-properties{margin:10px 0 20px 10px;width:390px;}
/* Configurator */
@media all and (min-width: 801px) and (max-width: 1300px){
	#configure{display:block;position:relative;padding:10px;overflow:auto;}
	#configure .configure-settings{padding:0;min-width:auto;width:100%;border:none;}
	#configure .configure-aside{width:calc(100% - 2px);min-width:auto;max-width:100%;margin-top:20px;position:relative;border:1px solid rgba(0,0,0,0.12);}
	#configure .configure-aside .configure-image{float:left;margin:10px;width:300px;height:300px;padding:19px;}
	#configure .configure-aside .configure-image svg{width:300px;height:300px;}
	#configure .configure-aside .configure-navigation{float:right;width:calc(100% - 370px);}
	#configure .configure-aside .configure-navigation .grid{width:calc(100% - 20px) !important;}
	#configure .configure-aside .configure-properties{float:right;width:calc(100% - 370px);}
	#configure .configure-aside .configure-properties table{width:calc(100% - 20px) !important;}
}
@media all and (max-width: 800px){
	#configure{display:block;position:relative;overflow:auto;}
	#configure .configure-settings{padding:0;min-width:auto;width:100%;border-top:none;}
	#configure .configure-settings .configure-top-attributes .configure-attributes{overflow:hidden;display:block;border-left:none;border-bottom:1px solid rgba(0,0,0,0.12);}
	#configure .configure-settings .configure-top-attributes .configure-attributes .attribute{border-bottom:none;}
	#configure .configure-settings .panel .section.col2{width:100%;}
	#configure .configure-aside{width:calc(100% - 2px);min-width:268px;max-width:100%;margin-top:20px;position:relative;border:1px solid rgba(0,0,0,0.12);}
	#configure .configure-aside .configure-image{float:left;margin:10px 0 10px 10px;width:228px;height:228px;padding:19px;}
	#configure .configure-aside .configure-image svg{width:230px;height:230px;}
	#configure .configure-aside .configure-navigation{float:left;width:calc(100% - 20px);min-width:268px;}
	#configure .configure-aside .configure-properties{float:left;width:calc(100% - 20px);min-width:268px;}
	#configure .configure-aside .configure-properties table{width:100% !important;}
	#configure .configure-settings .configure-panels .panel{max-width:calc(100% - 31px);}
	#configure .configure-settings .configure-panels .panel .section .select .option{max-width:calc(100% - 15px);}
	#configure .configure-settings .configure-attributes .panel{max-width:calc(100% - 31px);}
	#configure .configure-settings .configure-attributes .panel .section .select .option{max-width:calc(100% - 15px);}
	#configure .configure-settings .panel .section .select.list{max-width:calc(100% - 15px);}
	#configure .configure-settings .panel .section .select.list .list-container{max-width:100%;}
	#configure .configure-settings .panel .tabs ul.tab-set li{width:calc(100% - 62px);margin:0;}
}
/* System  */
@media all and (min-width: 801px) and (max-width: 1300px){
	#home .home-template .home-template-main{width:65%;}
	#home .home-template .home-template-side{width:calc(35% - 30px);padding-left:30px;}
	.content-main .deck #tab_positions .layout-section-header{overflow:auto;}
	.content-main .deck #tab_positions .layout-section-header label{display:none;}
	.content-main .deck #tab_positions .layout-section-header .action-wrapper{padding:0;}
	.content-main .deck{margin-right:15px;}
	.content-main .layout-section{margin-right:0;}
	.content-main .layout-section .layout-section-header{display:block;width:calc(100% - 10px);overflow:visible;}
	.content-main .layout-section .layout-section-container{width:100%;}
	.content-main .layout-section .layout-section-container .grid .cell{min-width:100%;display:inline-block;padding-left:0;padding-right:0;}
}
@media all and (max-device-width: 800px){
	#login .wrapper .box{padding:10px;}
	#header .logo-wrapper{display:none;}
	#header #global-search {left:70px;}
	#header #global-search .search-wrapper{min-width:120px;}
	#header #global-actions .item.home{display:block;}
	#header #global-actions .item .user-profile-panel{width:270px;}
	#header #global-actions .item .user-profile-panel .user-profile-ident{width:220px;}
	#header #global-actions .item .user-profile-panel .user-profile-ident a:first-of-type{display:none;}
	#home .home-template .home-template-main{width:100%;float:left;}
	#home .home-template .home-template-side{width:100%;padding-left:0;float:left;}
	.content-header .app-wrapper .information{max-width:calc(100% - 50px);}
	.content-header .app-wrapper .information .view.selectable .view-list{width:240px;}
	.content-header .action-wrapper{margin-left:0;}
	.content-header .action-wrapper .customized-button-group{display:none;}
	.content-header .action-wrapper button[data-action=tableShowFilters]{display:none;}
	.content-header .action-wrapper button[data-action=delete]{display:none;}
	.content-header .action-wrapper button[data-action=pdf]{display:none;}
	.content-main .record-page{display:inline-block;width:100%;}
	.content-main .record-page .tabs{display:block;width:100%;max-width:100%;border-right:none;}
	.content-main .record-page .tabs .deck #tab_positions .layout-section-header{overflow:auto;}
	.content-main .record-page .tabs .deck #tab_positions .layout-section-header label{display:none;}
	.content-main .record-page .tabs .deck #tab_positions .layout-section-header .action-wrapper{padding:0;}
	.content-main .record-page .product_properties{width:calc(100% - 30px);max-width:calc(100% - 30px);min-width:300px;margin:0 15px 15px 15px;padding:5px 0 10px 0;}
	.content-main .record-page .product_properties .product-image{max-width:calc(100% - 55px);margin:10px 10px 10px 10px;}
	.content-main .record-page .product_properties .product-image svg{max-width:100%;}
	.content-main .record-page .product_properties .product-description{max-width:calc(100% - 20px);}
	.content-main .record-page .tabs .deck{margin-right:15px;}
	.content-main .record-page .invoice_positions{display:none;}
	.content-main .layout-section{margin-right:0;}
	.content-main .layout-section .layout-section-header{display:block;width:calc(100% - 10px);overflow:visible;}
	.content-main .layout-section .layout-section-container{width:100%;}
	.content-main .layout-section .layout-section-container .grid .cell{min-width:100%;display:inline-block;padding-left:0;padding-right:0;}
	#navigation .navigation-list a[href^="setup"]{display:none;}
	#navigation .navigation-list a[href^="cpq"]{display:none;}
	.desktop{display:none;}
}