.box {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
min-width: 20rem;
overflow: hidden;
border-style: solid;
border-color: #bbbbbb;
border-width: 0; }
@media only screen and (min-width: 42.5em) {
.box {
border-width: 4px 0 0; } }
@media only screen and (min-width: 65em) {
.box {
margin: 1rem;
border-width: 4px 1px 1px; } }
.box:not(:last-child) {
margin-bottom: 1rem; }
.content-boxes[iw-type="multi"] .box {
margin: 1rem;
border-width: 4px 1px 1px; }
.box-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
z-index: 2; }
@media only screen and (max-width: 42.4375em) {
.box-body {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.box-menu {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
width: 16rem;
background-color: #f8f8f8;
box-shadow: inset -1px 0 0 0 #bbbbbb;
padding-bottom: 0; }
body.has-modal .frm_main .box-menu {
-webkit-overflow-scrolling: auto !important; }
@media only screen and (max-width: 42.4375em) {
.box-menu {
border-top: 1px solid #bbbbbb;
width: 100%;
z-index: 5;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
max-height: 25.71429rem;
box-shadow: 0 4rem 8rem 4rem rgba(0, 0, 0, 0.25); } }
@media only screen and (min-width: 42.5em) and (max-width: 64.9375em) {
.box-menu {
width: 12rem; } }
.box-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding: 1rem; }
@media only screen and (min-width: 42.5em) {
.box-content::-webkit-scrollbar {
-webkit-appearance: none;
width: 11px; }
.box-content::-webkit-scrollbar-thumb {
background-color: rgba(39, 42, 45, 0.5);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 7px/8px; } }
body.has-modal .frm_main .box-content {
-webkit-overflow-scrolling: auto !important; }
@media only screen and (max-width: 42.4375em) {
.box-content {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1; } }
@media only screen and (min-width: 42.5em) {
.box-content {
padding: 1.5rem 2rem 0 2rem;
min-height: 10rem; } }
.box-content.no-padding {
padding: 0; }
.box-content-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 300;
font-size: 2.14286rem;
text-transform: uppercase; }
.box-content-desc {
padding: 0 0 1rem 0; }
body:not(.no-animation) .box-content > div {
-webkit-animation: reveal 0.4s ease-in-out backwards;
animation: reveal 0.4s ease-in-out backwards; }
.box-head, .box-foot {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0;
position: relative;
height: 4.28571rem;
background-color: #fff;
z-index: 3;
white-space: nowrap; }
.box-head {
border-bottom: 1px solid #bbbbbb;
box-sizing: content-box; }
.box-head-left,
.box-head-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
white-space: nowrap; }
.box-head-left {
-webkit-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
min-width: 0;
padding-left: 1rem; }
@media only screen and (min-width: 42.5em) {
.box-head-left {
padding-left: 2rem; } }
.box-head-right {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
padding-right: 2rem;
text-align: right; }
.box-head-right .button:not(.icon):not(.select) {
margin-left: 1rem; }
@media only screen and (max-width: 42.4375em) {
.box-head-right .button:not(.icon):not(.select) {
display: none !important; } }
.box-head-info {
padding-left: 1rem;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.box-head-back {
margin-left: -0.75rem;
min-width: 2.5rem;
box-sizing: content-box;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0; }
@media only screen and (min-width: 42.5em) {
.box-head-back {
margin-left: -2rem; } }
.box-head-back + .box-head-info {
padding-left: 0; }
.box-head-back-anchor {
color: #0b86d2;
cursor: pointer;
display: block;
padding: 0 0 0 1rem; }
.box-head-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
color: #0b86d2;
text-transform: uppercase; }
.box-foot {
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-top: 1px solid #bbbbbb;
padding: 0 1rem; }
body.has-modal .frm_main .box-foot {
-webkit-overflow-scrolling: auto !important; }
@media only screen and (min-width: 42.5em) {
.box-foot {
padding: 0 2rem; } }
.box-action {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
z-index: 5;
box-shadow: 0 4rem 8rem 4rem rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 42.5em) {
.box-action {
display: none; } }
@media only screen and (max-width: 42.4375em) {
.box-action:not([is-hidden]) + .box-menu {
box-shadow: none;
border-top: none; } }
.box[iw-type="modal"],
.modal .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
border: none;
border-top: 4px solid #0b86d2;
max-height: 100%;
overflow-y: auto; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"],
.modal .box {
max-height: calc(100% - 2rem); } }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"] .box-head,
.modal .box .box-head {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center; } }
.box[iw-type="modal"] .box-head-right .icon-close,
.modal .box .box-head-right .icon-close {
color: #9b9ea3;
margin-right: -2rem; }
.box[iw-type="modal"] .box-head-right .icon-close:hover,
.modal .box .box-head-right .icon-close:hover {
color: #0b86d2; }
.box[iw-type="modal"],
.modal .box {
height: auto; }
.box[iw-type="modal"][iw-height="full"],
.box[iw-type="modal"].fixed,
.modal .box[iw-height="full"],
.modal .box.fixed {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 0; }
.box[iw-type="modal"][iw-height="full"],
.box[iw-type="modal"].fixed,
.modal .box[iw-height="full"],
.modal .box.fixed {
height: 100vh; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-height="full"],
.box[iw-type="modal"].fixed,
.modal .box[iw-height="full"],
.modal .box.fixed {
height: 90vh; } }
@media only screen and (min-width: 65em) {
.box[iw-type="modal"][iw-height="full"],
.box[iw-type="modal"].fixed,
.modal .box[iw-height="full"],
.modal .box.fixed {
height: 80vh; } }
.box[iw-type="modal"],
.modal .box {
width: 90vw; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"],
.modal .box {
width: 40rem; } }
.box[iw-type="modal"][iw-width="large"],
.box[iw-type="modal"].fixed,
.modal .box[iw-width="large"],
.modal .box.fixed {
width: 100vw; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-width="large"],
.box[iw-type="modal"].fixed,
.modal .box[iw-width="large"],
.modal .box.fixed {
width: 90vw; } }
@media only screen and (min-width: 65em) {
.box[iw-type="modal"][iw-width="large"],
.box[iw-type="modal"].fixed,
.modal .box[iw-width="large"],
.modal .box.fixed {
width: 80vw; } }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-width="medium"],
.box[iw-type="modal"].medium,
.modal .box[iw-width="medium"],
.modal .box.medium {
width: 40rem; } }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-width="small"],
.box[iw-type="modal"][iw-type="message"],
.modal .box[iw-width="small"],
.modal .box[iw-type="message"] {
width: auto;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
min-width: 30rem; }
.box[iw-type="modal"][iw-width="small"] .box-content,
.box[iw-type="modal"][iw-type="message"] .box-content,
.modal .box[iw-width="small"] .box-content,
.modal .box[iw-type="message"] .box-content {
width: 30rem;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content; } }
.box[iw-type="modal"][iw-subtype="fullscreen"],
.box[iw-type="modal"].fullscreen,
.modal .box[iw-subtype="fullscreen"],
.modal .box.fullscreen {
width: 100vw;
max-width: 100vw;
height: 100vh;
max-height: 100vh;
border: none; }
body:not(.no-animation) .box[iw-type="modal"][iw-subtype="fullscreen"] .box-head,
body:not(.no-animation) .box[iw-type="modal"].fullscreen .box-head,
body:not(.no-animation) .modal .box[iw-subtype="fullscreen"] .box-head,
body:not(.no-animation) .modal .box.fullscreen .box-head {
-webkit-animation: moveDown 0.4s ease-in-out backwards;
animation: moveDown 0.4s ease-in-out backwards; }
.box[iw-type="modal"][iw-subtype="fullscreen"] .box-content,
.box[iw-type="modal"].fullscreen .box-content,
.modal .box[iw-subtype="fullscreen"] .box-content,
.modal .box.fullscreen .box-content {
padding-top: 0; }
.box[iw-subtype="message"].type_primary,
.box[iw-type="message"].type_primary {
border-color: #0b86d2; }
.box[iw-subtype="message"].type_primary .box-head-title,
.box[iw-type="message"].type_primary .box-head-title {
color: #0b86d2; }
.box[iw-subtype="message"].type_success,
.box[iw-type="message"].type_success {
border-color: #00cc66; }
.box[iw-subtype="message"].type_success .box-head-title,
.box[iw-type="message"].type_success .box-head-title {
color: #00cc66; }
.box[iw-subtype="message"].type_warning,
.box[iw-type="message"].type_warning {
border-color: #dda500; }
.box[iw-subtype="message"].type_warning .box-head-title,
.box[iw-type="message"].type_warning .box-head-title {
color: #dda500; }
.box[iw-subtype="message"].type_error,
.box[iw-type="message"].type_error {
border-color: #cc3333; }
.box[iw-subtype="message"].type_error .box-head-title,
.box[iw-type="message"].type_error .box-head-title {
color: #cc3333; }
.box[iw-subtype="message"] .box-content,
.box[iw-type="message"] .box-content {
text-align: center;
margin: auto;
padding: 1rem 2rem; }
.box[iw-subtype="message"] .box-foot,
.box[iw-type="message"] .box-foot {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center; }
.box[iw-height="full"],
.box.fixed {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0;
overflow: hidden;
min-height: 10.42857rem; }
.box[iw-height="full"] .box-body,
.box.fixed .box-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.box[iw-height="full"] .box-content,
.box.fixed .box-content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
padding-bottom: 0; }
.box[iw-height="auto"] {
height: auto; }
		
.header {
box-sizing: content-box;
position: relative;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0; }
.frm_main {
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.content-main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background-color: #f5f6f7;
padding: 0;
width: 100%;
height: auto; }
body.has-modal .frm_main .content-main {
-webkit-overflow-scrolling: auto !important; }
.content-topbars {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0; }
.content-boxes:not([iw-type="multi"]) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0; }
.obj_rules,
.obj_userlist,
.obj_domainlist,
.obj_accountpicker,
.obj_permissions,
.obj_accountmobiledevices,
.obj_mailinglistmembers,
.obj_groupmembers,
.obj_consoledialog,
.obj_loadable {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0; }
.obj_popup + .obj_popup .modal {
-webkit-animation: none !important;
animation: none !important; }
.main-menu {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: 100;
position: fixed;
top: calc(4.28571rem - 1px);
padding-bottom: 4.28571rem;
height: 100%;
background-color: #272a2d;
width: 100%;
will-change: transform;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out; }
body.has-modal .frm_main .main-menu {
-webkit-overflow-scrolling: auto !important; }
@media only screen and (min-width: 42.5em) {
.main-menu {
width: 16rem; } }
.main-menu.menu-is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.1s linear;
transition: transform 0.1s linear; }
		

		

		

		

		

		

		

		

		

		

		

		
.selector {
display: inline-block;
position: relative;
height: 2.75rem;
line-height: 2.75rem; }
.selector.full {
width: 100%; }
		
.bar {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
color: #0b86d2;
border: 1px solid currentColor;
border-radius: 3px;
height: 2.75rem;
font-weight: 600;
text-align: center;
padding: 0 1rem;
width: 100%; }
.bar-fill {
position: absolute;
left: 0;
top: 0;
height: 100%;
max-width: 100%;
min-width: 0%;
background-color: rgba(11, 134, 210, 0.1);
transition: width 0.4s ease; }
.bar-text {
font-size: 0.85714rem;
color: #0b86d2;
line-height: 2.75rem;
white-space: nowrap; }
		
.button {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0;
font-size: 1rem;
height: inherit;
color: #0b86d2;
display: inline-block;
text-align: center;
width: auto;
-webkit-touch-callout: none;
transition: background-color 0.4s, border-color 0.4s, color 0.4s; }
[iw-flex-grid~="group"] .button.group-left,
[iw-flex-grid*=" group"] .button.group-left {
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0; }
[iw-flex-grid~="group"] .button.group-right,
[iw-flex-grid*=" group"] .button.group-right {
border-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.button:hover, .button:focus {
transition: none; }
.button.icon {
overflow: hidden;
display: inline-block;
position: relative;
height: inherit;
width: auto;
font-size: 1.5rem; }
.button.icon.inner-button {
vertical-align: initial;
width: 2.75rem;
height: 2.75rem;
line-height: 2.75rem; }
.button.icon.inner-button input, .button.icon.inner-button a {
padding: 0;
text-transform: none; }
.button.icon.inner-button input:hover, .button.icon.inner-button a:hover {
text-decoration: underline; }
.button.icon.inner-button:hover, .button.icon.inner-button:focus, .button.icon.inner-button:active {
transition: none;
text-decoration: none; }
.topbar .button.icon {
width: 4.28571rem;
border-left: 1px solid;
border-right: 1px solid;
border-color: #bbbbbb;
margin-left: -1px; }
.box-head .button.icon {
width: 4.28571rem;
line-height: 4.28571rem; }
.panel .button.icon {
width: 2.5rem;
height: 2.5rem; }
.service-group-header .button.icon {
width: 3.3rem;
height: 4.28571rem;
line-height: 4.28571rem; }
@media only screen and (min-width: 42.5em) {
.service-group-header .button.icon {
width: 5.2rem;
height: 4.28571rem;
line-height: 4.28571rem; } }
@media only screen and (max-width: 42.4375em) {
.topbar[iw-type="main"] .button.icon {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
border: none;
margin: 0; } }
.table .button.icon {
width: 4rem;
height: 4rem;
line-height: 4rem;
margin: auto; }
.button.icon.primary {
color: #0b86d2; }
.button.icon.secondary {
color: #444; }
.button.icon.success {
color: #00cc66; }
.button.icon.warning {
color: #dda500; }
.button.icon.error {
color: #cc3333; }
.button.icon.grey {
color: #cfd5db; }
.button.icon.disabled {
color: #cfd5db; }
.button.icon.disabled:hover, .button.icon.disabled:focus {
color: #cfd5db !important;
background-color: transparent !important; }
.button.icon.is-disabled {
color: #cfd5db; }
.button.icon.is-disabled:hover, .button.icon.is-disabled:focus {
color: #cfd5db !important;
background-color: transparent !important; }
.button.icon.borderless {
border-color: transparent; }
.button.icon:hover, .button.icon:focus {
color: #0b86d2;
background-color: #f8f8f8; }
.button.icon[class*="-circle"],
.button.icon.large {
font-size: 2.5rem; }
.button.icon.menu-is-open {
background-color: #272a2d;
color: #fff;
transition: background-color 0.4s, color 0.4s; }
.button.icon.menu-is-open:hover {
background-color: #444;
transition: none; }
.button.icon.small {
font-size: 1.2rem;
font-weight: 600; }
.button.icon.is-disabled input {
cursor: default; }
.button.icon input, .button.icon a {
padding: 0;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0; }
.button.text {
border-radius: 3px;
height: 2.75rem;
font-weight: 600;
vertical-align: top;
padding-top: 1.5px;
border-bottom: 3px solid;
color: #fff;
border-color: #0b86d2;
background-color: #0b86d2;
border-bottom-color: #08649d; }
.button.text:not(:last-of-type) {
margin-right: 1rem; }
@media only screen and (max-width: 42.4375em) {
.box-content .button.text {
width: 100%; } }
.box-foot .button.text input {
width: initial; }
.button.text:hover {
border-color: #0a77ba;
background-color: #0a77ba;
border-bottom-color: #08649d; }
.button.text:active {
border-color: #0867a2;
background-color: #0867a2;
border-bottom-color: #075584; }
.button.text.primary {
border-color: #0b86d2;
background-color: #0b86d2;
border-bottom-color: #08649d; }
.button.text.primary:hover {
border-color: #0a77ba;
background-color: #0a77ba;
border-bottom-color: #08649d; }
.button.text.primary:active {
border-color: #0867a2;
background-color: #0867a2;
border-bottom-color: #075584; }
.button.text.secondary {
border-color: #444;
background-color: #444;
border-bottom-color: #282828; }
.button.text.secondary:hover {
border-color: #373737;
background-color: #373737;
border-bottom-color: #282828; }
.button.text.secondary:active {
border-color: #2b2b2b;
background-color: #2b2b2b;
border-bottom-color: #1b1b1b; }
.button.text.success {
border-color: #00cc66;
background-color: #00cc66;
border-bottom-color: #00944a; }
.button.text.success:hover {
border-color: #00b359;
background-color: #00b359;
border-bottom-color: #00944a; }
.button.text.success:active {
border-color: #00994d;
background-color: #00994d;
border-bottom-color: #007a3d; }
.button.text.warning {
border-color: #dda500;
background-color: #dda500;
border-bottom-color: #a57b00; }
.button.text.warning:hover {
border-color: #c49200;
background-color: #c49200;
border-bottom-color: #a57b00; }
.button.text.warning:active {
border-color: #aa7f00;
background-color: #aa7f00;
border-bottom-color: #8b6800; }
.button.text.error {
border-color: #cc3333;
background-color: #cc3333;
border-bottom-color: #9f2828; }
.button.text.error:hover {
border-color: #b82e2e;
background-color: #b82e2e;
border-bottom-color: #9f2828; }
.button.text.error:active {
border-color: #a32929;
background-color: #a32929;
border-bottom-color: #8b2323; }
.button.text.grey {
border-color: #cfd5db;
background-color: #cfd5db;
border-bottom-color: #afb9c3; }
.button.text.grey:hover {
border-color: #c0c8d0;
background-color: #c0c8d0;
border-bottom-color: #afb9c3; }
.button.text.grey:active {
border-color: #b2bbc5;
background-color: #b2bbc5;
border-bottom-color: #a0acb8; }
.button.text.disabled {
border-color: #cfd5db;
background-color: #cfd5db;
border-bottom-color: #afb9c3; }
.button.text.disabled:hover, .button.text.disabled:active {
border-color: #cfd5db !important;
background-color: #cfd5db !important;
border-bottom-color: #afb9c3 !important; }
.button.text.is-disabled {
border-color: #cfd5db;
background-color: #cfd5db;
border-bottom-color: #afb9c3; }
.button.text.is-disabled:hover, .button.text.is-disabled:active {
border-color: #cfd5db !important;
background-color: #cfd5db !important;
border-bottom-color: #afb9c3 !important; }
.button.text.borderless {
color: #cfd5db;
border-color: transparent;
background-color: transparent;
padding-top: 0; }
.button.text.borderless:hover, .button.text.borderless:active {
color: #0b86d2;
background-color: transparent; }
.button.text.is-disabled input, .button.text.is-disabled a {
cursor: default; }
.button.text.small {
height: 2rem; }
.button.text.small input {
padding: 0 1rem; }
.button.text.inner-button {
color: #0b86d2;
background-color: transparent;
border: 1px solid #bbbbbb;
border-left: 0; }
.button.text.inner-button input, .button.text.inner-button a {
text-transform: none; }
.button.text.inner-button input:hover, .button.text.inner-button a:hover {
text-decoration: underline; }
.button.text.inner-button:hover, .button.text.inner-button:focus, .button.text.inner-button:active {
transition: none;
text-decoration: none; }
.button.text.select {
position: relative;
width: 100%; }
.button.text.select::after {
font-family: 'icons';
position: absolute;
line-height: 1;
top: 50%;
right: 1rem;
margin-top: -5px;
z-index: 2;
pointer-events: none;
content: '\e608';
transition: color 0.4s; }
@media only screen and (max-width: 42.4375em) {
.box-action .button.text.select {
position: relative; }
.box-action .button.text.select::after {
font-family: 'icons';
position: absolute;
line-height: 1;
top: 50%;
right: 1rem;
margin-top: -5px;
z-index: 2;
pointer-events: none;
content: '\e608';
transition: color 0.4s;
-webkit-transform: rotate(0.5turn);
transform: rotate(0.5turn); } }
.button.text.select input, .button.text.select a {
padding-right: 3rem; }
.button.text.context {
position: relative;
margin: 1rem 0;
box-shadow: 0 1rem #fff, 0 -1rem #fff;
}
.button.text.context::before {
content: '';
display: block;
position: absolute;
width: 100%;
top: -1rem;
border-top: 1px solid #bbbbbb; }
.button.text:not(:only-of-type),
.button-group .button.text {
margin-bottom: 1rem; }
.button.text input, .button.text a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 1.5rem; }
.topbar .button.text {
margin: auto 1rem;
vertical-align: middle; }
.box-head .button.text {
margin-bottom: 0; }
.button.inner-button {
border: 1px solid #bbbbbb;
border-left: 0; }
.button.full {
width: 100%; }
.button-group {
margin-bottom: -1rem; }
.button input, .button a {
display: block;
height: 100%;
border: none;
text-transform: uppercase; }
.button input:hover, .button input:focus, .button a:hover, .button a:focus {
color: inherit;
text-decoration: none; }
.button input::before, .button a::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-top: 0.28571rem; }
		
.checkbox {
display: inline-block;
position: relative;
white-space: nowrap;
height: 2.75rem;
line-height: 2.75rem;
transition: opacity 0.4s; }
.checkbox:not(:last-of-type) {
margin-right: 2rem; }
.checkbox .label {
display: none;
margin-left: 0.5rem;
vertical-align: middle; }
.checkbox .label:not(:empty) {
display: inline-block; }
.checkbox input {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 3; }
.checkbox input + i {
z-index: 2;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border: 1px solid #bbbbbb;
background-color: #fff;
padding: 0;
margin: 0 auto; }
.checkbox input:not([disabled]):hover {
cursor: pointer; }
.checkbox input:not([disabled]):hover + i {
border-color: #0b86d2; }
.checkbox input + i {
border-radius: 3px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.1s, border 0.1s;
transition: transform 0.1s, border 0.1s; }
.checkbox input:checked + i {
background-color: transparent;
border-color: transparent #0b86d2 #0b86d2 transparent;
border-radius: 0;
border-width: 0 2px 2px 0;
width: 8px;
height: 18px;
margin: 0 6px;
-webkit-transform: translateY(-3px) rotate(45deg);
transform: translateY(-3px) rotate(45deg); }
.table .checkbox {
text-align: center;
height: 4rem;
line-height: 4rem;
width: 4rem; }
		
.obj_connection {
display: none; }
		

		

		

		

		

		

		

		

		

		

		

		

		
.dropdown {
position: relative;
}
.dropdown {
position: relative;
background-color: #fff;
color: #272a2d;
border: 1px solid #bbbbbb;
border-radius: 3px;
display: block;
padding: 0;
width: 100%;
min-width: 5.14286rem;
transition-property: opacity, color, background-color, border;
transition-duration: 0.4s;
overflow: hidden; }
[iw-flex-grid~="group"] .dropdown.group-left,
[iw-flex-grid*=" group"] .dropdown.group-left {
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0; }
[iw-flex-grid~="group"] .dropdown.group-right,
[iw-flex-grid*=" group"] .dropdown.group-right {
border-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown:hover::after {
transition: none; }
.dropdown:not(.textarea) {
height: 2.75rem;
line-height: 2.75rem; }
.dropdown.is-disabled {
background-color: #f8f8f8;
color: #9b9ea3; }
.dropdown.has-error {
border-color: #cc3333;
transition: border-color 0.4s, color 0.4s; }
@media only screen and (min-width: 65em) {
.dropdown.is-editable {
transition-duration: 0s; }
.dropdown.is-editable:not(.focus):not(:hover):not(:active) {
border-color: transparent;
transition-duration: 0.4s; }
.dropdown.is-editable:not(.focus):not(:hover):not(:active)::after {
color: transparent; }
.dropdown.is-editable:not(.focus):not(:hover):not(:active) textarea {
resize: none; }
.dropdown.is-editable:not(.focus):not(:hover):not(:active) input {
-moz-appearance: textfield; } }
.dropdown select, .dropdown input, .dropdown textarea {
border-radius: 2px;
height: 100%;
min-width: 0;
margin: 0;
background: none;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
padding: 0 1rem; }
.dropdown select[readonly="readonly"], .dropdown input[readonly="readonly"], .dropdown textarea[readonly="readonly"] {
background-color: #f8f8f8; }
.dropdown select::-webkit-input-placeholder, .dropdown input::-webkit-input-placeholder, .dropdown textarea::-webkit-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.dropdown select:focus::-webkit-input-placeholder, .dropdown input:focus::-webkit-input-placeholder, .dropdown textarea:focus::-webkit-input-placeholder {
opacity: 0.5; }
.dropdown select::-moz-placeholder, .dropdown input::-moz-placeholder, .dropdown textarea::-moz-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.dropdown select:focus::-moz-placeholder, .dropdown input:focus::-moz-placeholder, .dropdown textarea:focus::-moz-placeholder {
opacity: 0.5; }
.dropdown select:-ms-input-placeholder, .dropdown input:-ms-input-placeholder, .dropdown textarea:-ms-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.dropdown select:focus:-ms-input-placeholder, .dropdown input:focus:-ms-input-placeholder, .dropdown textarea:focus:-ms-input-placeholder {
opacity: 0.5; }
.table-head .dropdown {
color: #666; }
.dropdown select {
padding-right: 3rem;
white-space: normal;
line-height: 2.75rem; }
.dropdown select:not([disabled]) {
cursor: pointer; }
.table-head .dropdown select {
text-transform: uppercase;
font-weight: 600; }
.dropdown::after {
font-family: 'icons';
position: absolute;
line-height: 1;
top: 50%;
right: 1rem;
margin-top: -5px;
z-index: 2;
pointer-events: none;
content: '\e608';
transition: color 0.4s; }
.dropdown select:focus {
outline: none;
background-color: transparent; }
.dropdown option {
font-weight: normal; }
.dropdown x:-o-prefocus, .dropdown .dropdown::after {
display: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dropdown select::-ms-expand {
display: none; }
.dropdown select:focus::-ms-value {
background: transparent;
color: #222; } }
@-moz-document url-prefix() {
.dropdown {
overflow: hidden; }
.dropdown select {
width: 120%;
width: -moz-calc(100% + 3rem);
width: calc(100% + rem);
padding-right: 4.5rem; }
[iw-flex-grid^="group"] .dropdown select,
[iw-flex-grid*=" group"] .dropdown select {
padding-right: 1.5rem; } }
.dropdown select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
		
.datepicker {
display: none;
z-index: 1000;
position: absolute;
left: -1px;
bottom: 1px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: #fff;
border: 1px solid #bbbbbb;
text-align: center;
cursor: default;
width: 20rem; }
.datepicker.narrow.right {
left: auto;
right: -1px; }
.datepicker.show {
display: block; }
.datepicker-month, .datepicker-year {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
height: 2.75rem; }
.datepicker-year {
border-top: 1px solid #bbbbbb; }
.datepicker-select, .datepicker-arrow {
font-weight: 600; }
.datepicker-select {
border: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; }
.datepicker-arrow {
width: 2.75rem;
cursor: pointer;
color: #444;
font-size: 1rem;
height: 100%;
line-height: 2.75rem;
transition: background-color 0.4s; }
.datepicker-arrow:hover, .datepicker-arrow:focus {
background-color: #f8f8f8;
transition: none; }
.datepicker-calendar {
table-layout: fixed;
border: 0;
border-top: 1px solid #bbbbbb; }
.datepicker-calendar td, .datepicker-calendar th {
text-align: center;
border: 0; }
.datepicker-calendar tbody th {
cursor: pointer;
font-weight: 400; }
.datepicker-dates th:not(.selected) {
transition: background-color 0.4s; }
.datepicker-dates th:not(.selected):hover, .datepicker-dates th:not(.selected):focus {
background-color: #f8f8f8;
transition: none; }
.datepicker-dates th.selected {
background-color: #0b86d2;
color: #fff;
font-weight: 600; }
		
.input {
position: relative;
background-color: #fff;
color: #272a2d;
border: 1px solid #bbbbbb;
border-radius: 3px;
display: block;
padding: 0;
width: 100%;
min-width: 5.14286rem;
transition-property: opacity, color, background-color, border;
transition-duration: 0.4s;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
[iw-flex-grid~="group"] .input.group-left,
[iw-flex-grid*=" group"] .input.group-left {
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0; }
[iw-flex-grid~="group"] .input.group-right,
[iw-flex-grid*=" group"] .input.group-right {
border-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input:hover::after {
transition: none; }
.input:not(.textarea) {
height: 2.75rem;
line-height: 2.75rem; }
.input.is-disabled {
background-color: #f8f8f8;
color: #9b9ea3; }
.input.has-error {
border-color: #cc3333;
transition: border-color 0.4s, color 0.4s; }
@media only screen and (min-width: 65em) {
.input.is-editable {
transition-duration: 0s; }
.input.is-editable:not(.focus):not(:hover):not(:active) {
border-color: transparent;
transition-duration: 0.4s; }
.input.is-editable:not(.focus):not(:hover):not(:active)::after {
color: transparent; }
.input.is-editable:not(.focus):not(:hover):not(:active) textarea {
resize: none; }
.input.is-editable:not(.focus):not(:hover):not(:active) input {
-moz-appearance: textfield; } }
.input select, .input input, .input textarea {
border-radius: 2px;
height: 100%;
min-width: 0;
margin: 0;
background: none;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
padding: 0 1rem; }
.input select[readonly="readonly"], .input input[readonly="readonly"], .input textarea[readonly="readonly"] {
background-color: #f8f8f8; }
.input select::-webkit-input-placeholder, .input input::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.input select:focus::-webkit-input-placeholder, .input input:focus::-webkit-input-placeholder, .input textarea:focus::-webkit-input-placeholder {
opacity: 0.5; }
.input select::-moz-placeholder, .input input::-moz-placeholder, .input textarea::-moz-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.input select:focus::-moz-placeholder, .input input:focus::-moz-placeholder, .input textarea:focus::-moz-placeholder {
opacity: 0.5; }
.input select:-ms-input-placeholder, .input input:-ms-input-placeholder, .input textarea:-ms-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.input select:focus:-ms-input-placeholder, .input input:focus:-ms-input-placeholder, .input textarea:focus:-ms-input-placeholder {
opacity: 0.5; }
.input input ~ .label {
border-left: 1px solid #bbbbbb; }
.input.has-error {
color: #cc3333; }
.input.has-error input::-webkit-input-placeholder {
color: #cc3333; }
.input.has-error input::-moz-placeholder {
color: #cc3333; }
.input.has-error input:-ms-input-placeholder {
color: #cc3333; }
		

		

		

		

		
.modal {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
margin: 0 auto !important;
z-index: 200;
opacity: 1;
visibility: visible;
will-change: opacity;
-webkit-animation-duration: 0.1s !important;
animation-duration: 0.1s !important; }
.modal[iw-color="light"] {
background-color: transparent;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start; }
body:not(.no-animation) .modal {
-webkit-animation: reveal 0.4s ease-in-out backwards;
animation: reveal 0.4s ease-in-out backwards; }
.modal-content {
display: block;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0; }
body:not(.no-animation) .modal-content {
-webkit-animation: reveal 0.4s ease-in-out backwards;
animation: reveal 0.4s ease-in-out backwards; }
		

		

		

		
.menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0;
background-color: #f8f8f8; }
@media only screen and (max-width: 42.4375em) {
.menu {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0; } }
.menu-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
overflow: hidden;
font-size: 1.14286rem;
font-weight: 600;
text-decoration: none;
opacity: 1;
padding: 0 1.33333rem;
transition: background-color 0.1s; }
.menu-item:hover, .menu-item:focus {
text-decoration: none;
transition: none;
color: inherit; }
.menu-item.active {
color: #0b86d2;
background-color: #fff; }
.menu-item [class^="icon-"],
.menu-item [class*=" icon-"] {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0;
font-size: 1.5rem; }
.menu-item > span {
pointer-events: none;
line-height: 1;
text-align: left; }
@media only screen and (max-width: 42.4375em) {
.menu[iw-type="aside"] .menu-wrap,
.menu[iw-type="box"] .menu-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.menu[iw-type="aside"] .menu-item,
.menu[iw-type="box"] .menu-item {
height: 4.28571rem;
line-height: 4.28571rem; }
.menu[iw-type="aside"] .menu-item {
border-bottom: 1px solid #444; }
.menu[iw-type="aside"] .menu-item:hover:not(.active), .menu[iw-type="aside"] .menu-item:focus:not(.active) {
background-color: #444; }
.menu[iw-type="aside"] .menu-item.active {
background-color: inherit; }
.menu[iw-type="box"] .menu-item:hover:not(.active), .menu[iw-type="box"] .menu-item:focus:not(.active) {
background-color: #fff; }
@media only screen and (max-width: 42.4375em) {
.menu[iw-type="box"] .menu-item {
border-top: 1px solid #bbbbbb; }
.menu[iw-type="box"] .menu-item.active {
position: relative; }
.menu[iw-type="box"] .menu-item.active::after {
font-family: 'icons';
position: absolute;
line-height: 1;
top: 50%;
right: 2rem;
margin-top: -5px;
z-index: 2;
pointer-events: none;
content: '\e608';
transition: color 0.4s;
-webkit-transform: rotate(0.5turn);
transform: rotate(0.5turn); } }
@media only screen and (min-width: 42.5em) and (max-width: 64.9375em) {
.menu[iw-type="box"] .menu-item [class^="icon-"],
.menu[iw-type="box"] .menu-item [class*=" icon-"] {
display: none; } }
@media only screen and (min-width: 42.5em) {
.menu[iw-type="box"] .menu-item {
padding: 0 2rem;
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb; }
.menu[iw-type="box"] .menu-item.active {
margin-right: -1px; } }
@media only screen and (max-width: 42.4375em) {
.menu[iw-type="box"]:not([iw-subtype="action"]) .menu-item.active {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1; }
.menu[iw-type="box"]:not([iw-subtype="action"]) .menu-item:not(.active) {
display: none; }
.menu[iw-type="box"]:not([iw-subtype="action"]).is-open {
position: relative;
padding-bottom: 4.28571rem; }
.menu[iw-type="box"]:not([iw-subtype="action"]).is-open .menu-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.menu[iw-type="box"]:not([iw-subtype="action"]).is-open .menu-item.active {
position: fixed;
width: 100%;
bottom: 0;
left: 0; } }
.menu[iw-subtype="action"] {
background-color: #fff; }
.menu[iw-subtype="action"] .menu-item {
overflow: visible; }
.menu[iw-type="icon"] {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.menu[iw-type="selector"] {
-webkit-animation-duration: 0.1s !important;
animation-duration: 0.1s !important; }
body:not(.no-animation) .menu[iw-type="selector"] {
-webkit-animation: reveal 0.4s ease-in-out backwards;
animation: reveal 0.4s ease-in-out backwards; }
.menu[iw-type="selector"] {
position: absolute;
text-align: left;
max-width: calc(100vw - p(2));
border: 1px solid #bbbbbb;
border-width: 1px;
border-radius: 3px;
background: #fff;
z-index: 100; }
.menu[iw-type="selector"]::after, .menu[iw-type="selector"]::before {
content: '';
height: 0;
width: 0;
border: solid transparent;
border-color: currentColor;
border-left-color: transparent;
border-right-color: transparent;
position: absolute;
pointer-events: none; }
.menu[iw-type="selector"]::after {
color: #fff;
border-width: 0.5rem; }
.menu[iw-type="selector"]::before {
color: #bbbbbb;
border-width: calc(0.5rem + 1px); }
.menu[iw-type="selector"].bottom, .menu[iw-type="selector"] {
top: 100%;
margin-top: 2px;
bottom: auto;
margin-bottom: auto; }
.menu[iw-type="selector"].bottom::after, .menu[iw-type="selector"].bottom::before, .menu[iw-type="selector"]::after, .menu[iw-type="selector"]::before {
bottom: 100%;
border-top-color: transparent;
top: auto;
border-bottom-color: currentColor; }
.menu[iw-type="selector"].top,
.box-action .menu[iw-type="selector"] {
bottom: 100%;
margin-bottom: 2px;
top: auto;
margin-top: auto; }
.menu[iw-type="selector"].top::after,
.menu[iw-type="selector"].top::before,
.box-action .menu[iw-type="selector"]::after, .box-action .menu[iw-type="selector"]::before {
top: 100%;
border-bottom-color: transparent;
bottom: auto;
border-top-color: currentColor; }
.menu[iw-type="selector"].left, .menu[iw-type="selector"] {
left: 0;
right: auto; }
@media only screen and (min-width: 42.5em) {
.menu[iw-type="selector"].left, .menu[iw-type="selector"] {
left: -1rem; } }
.menu[iw-type="selector"].left::after, .menu[iw-type="selector"]::after {
margin-right: -2rem;
left: 2rem;
margin-left: auto;
right: auto; }
.menu[iw-type="selector"].left::before, .menu[iw-type="selector"]::before {
margin-right: calc(-2rem - 1px);
left: calc(2rem - 1px);
margin-left: auto;
right: auto; }
.menu[iw-type="selector"].right {
right: 0;
left: auto; }
@media only screen and (min-width: 42.5em) {
.menu[iw-type="selector"].right {
right: -1rem; } }
.menu[iw-type="selector"].right::after {
margin-left: -2rem;
right: 2rem;
margin-right: auto;
left: auto; }
.menu[iw-type="selector"].right::before {
margin-left: calc(-2rem - 1px);
right: calc(2rem - 1px);
margin-right: auto;
left: auto; }
.button.icon ~ .menu[iw-type="selector"] {
right: -1rem; }
.menu[iw-type="selector"] {
right: 0;
margin-top: 1rem;
left: auto;
margin-bottom: auto; }
.menu[iw-type="selector"]::after {
margin-left: -1rem;
right: 1rem;
margin-right: auto;
left: auto; }
.menu[iw-type="selector"]::before {
margin-left: calc(-1rem - 1px);
right: calc(1rem - 1px);
margin-right: auto;
left: auto; }
.menu[iw-type="selector"].primary {
color: #0b86d2;
border-color: currentColor;
background-color: #e6f2fa; }
.menu[iw-type="selector"].primary::after {
color: #e6f2fa; }
.menu[iw-type="selector"].primary::before {
color: #0b86d2; }
.menu[iw-type="selector"].success {
color: #00cc66;
border-color: currentColor;
background-color: #e5f9ef; }
.menu[iw-type="selector"].success::after {
color: #e5f9ef; }
.menu[iw-type="selector"].success::before {
color: #00cc66; }
.menu[iw-type="selector"].warning {
color: #dda500;
border-color: currentColor;
background-color: #fbf6e5; }
.menu[iw-type="selector"].warning::after {
color: #fbf6e5; }
.menu[iw-type="selector"].warning::before {
color: #dda500; }
.menu[iw-type="selector"].error {
color: #cc3333;
border-color: currentColor;
background-color: #f9eaea; }
.menu[iw-type="selector"].error::after {
color: #f9eaea; }
.menu[iw-type="selector"].error::before {
color: #cc3333; }
.menu[iw-type="selector"] .menu-wrap {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
max-height: 20.78571rem; }
body.has-modal .frm_main .menu[iw-type="selector"] .menu-wrap {
-webkit-overflow-scrolling: auto !important; }
.menu[iw-type="selector"] .menu-item {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
font-size: 1rem;
display: block;
padding: 0 2.5rem;
text-transform: uppercase;
font-weight: 600;
line-height: 3rem;
border: none; }
.menu[iw-type="box"] .menu[iw-type="selector"] .menu-item {
height: 3rem; }
.menu[iw-type="selector"] .menu-item:hover, .menu[iw-type="selector"] .menu-item:focus {
color: #0b86d2;
background-color: inherit; }
.menu[iw-type="selector"] .menu-item:not(:last-child)::after {
display: block;
content: '';
height: 1px;
background-color: #bbbbbb;
width: calc(100% + 3rem);
margin-left: -1.5rem; }
.menu.dark {
background-color: #272a2d;
color: #fff; }
.topbar .menu {
height: 100%;
background-color: #fff; }
.topbar .menu .menu-item {
padding: 0; }
.topbar .menu .menu-item:hover, .topbar .menu .menu-item:focus {
text-decoration: none; }
@media only screen and (max-width: 42.4375em) {
.topbar[iw-type="main"] .menu.left {
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
min-width: 0; }
.topbar[iw-type="main"] .menu.right {
-webkit-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
min-width: 0; } }
.topbar[iw-type="search"] .menu {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
min-width: 0; }
		
.textarea {
position: relative;
background-color: #fff;
color: #272a2d;
border: 1px solid #bbbbbb;
border-radius: 3px;
display: block;
padding: 0;
width: 100%;
min-width: 5.14286rem;
transition-property: opacity, color, background-color, border;
transition-duration: 0.4s;
line-height: 1.625; }
[iw-flex-grid~="group"] .textarea.group-left,
[iw-flex-grid*=" group"] .textarea.group-left {
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0; }
[iw-flex-grid~="group"] .textarea.group-right,
[iw-flex-grid*=" group"] .textarea.group-right {
border-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.textarea:hover::after {
transition: none; }
.textarea:not(.textarea) {
height: 2.75rem;
line-height: 2.75rem; }
.textarea.is-disabled {
background-color: #f8f8f8;
color: #9b9ea3; }
.textarea.has-error {
border-color: #cc3333;
transition: border-color 0.4s, color 0.4s; }
@media only screen and (min-width: 65em) {
.textarea.is-editable {
transition-duration: 0s; }
.textarea.is-editable:not(.focus):not(:hover):not(:active) {
border-color: transparent;
transition-duration: 0.4s; }
.textarea.is-editable:not(.focus):not(:hover):not(:active)::after {
color: transparent; }
.textarea.is-editable:not(.focus):not(:hover):not(:active) textarea {
resize: none; }
.textarea.is-editable:not(.focus):not(:hover):not(:active) input {
-moz-appearance: textfield; } }
.textarea select, .textarea input, .textarea textarea {
border-radius: 2px;
height: 100%;
min-width: 0;
margin: 0;
background: none;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
padding: 0 1rem; }
.textarea select[readonly="readonly"], .textarea input[readonly="readonly"], .textarea textarea[readonly="readonly"] {
background-color: #f8f8f8; }
.textarea select::-webkit-input-placeholder, .textarea input::-webkit-input-placeholder, .textarea textarea::-webkit-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.textarea select:focus::-webkit-input-placeholder, .textarea input:focus::-webkit-input-placeholder, .textarea textarea:focus::-webkit-input-placeholder {
opacity: 0.5; }
.textarea select::-moz-placeholder, .textarea input::-moz-placeholder, .textarea textarea::-moz-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.textarea select:focus::-moz-placeholder, .textarea input:focus::-moz-placeholder, .textarea textarea:focus::-moz-placeholder {
opacity: 0.5; }
.textarea select:-ms-input-placeholder, .textarea input:-ms-input-placeholder, .textarea textarea:-ms-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.textarea select:focus:-ms-input-placeholder, .textarea input:focus:-ms-input-placeholder, .textarea textarea:focus:-ms-input-placeholder {
opacity: 0.5; }
.textarea.is-disabled {
opacity: 1; }
.textarea textarea {
min-height: 7.5rem;
margin-bottom: -0.5rem;
padding-top: 0.5rem; }
		
.toggle {
white-space: nowrap;
-webkit-transform: translateZ(0);
transform: translateZ(0);
border: 1px solid transparent; }
.toggle-inner {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
vertical-align: middle;
position: relative;
width: 36px;
border-radius: 9999px;
max-width: 36px; }
.toggle-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline;
vertical-align: middle;
cursor: pointer; }
.toggle-label:not(:empty) {
padding-left: 1rem; }
.toggle-switch {
overflow: hidden;
display: block;
border: 1px solid #bbbbbb;
border-radius: 9999px;
padding: 0;
transform: scale(1);
-webkit-transform: scale(1); }
.toggle-state {
display: block;
width: 200%;
height: 18px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
transition: transform 0.1s ease-in-out; }
.toggle-state::before,
.toggle-state::after {
content: '';
display: block;
float: left;
width: 50%;
height: 100%;
padding: 0;
color: #fff; }
.toggle-state::before {
padding-left: 1rem;
background-color: rgba(11, 134, 210, 0.14);
color: #0b86d2; }
.toggle-state::after {
padding-right: 1rem;
color: #444;
background-color: #fff; }
.toggle.is-disabled .toggle-state::after {
background-color: #f8f8f8;
cursor: default; }
.toggle-dot {
display: block;
width: 12px;
height: 12px;
background: #fff;
border: 1px solid #bbbbbb;
border-radius: 9999px;
position: absolute;
top: 3px;
left: 3px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.1s ease-in-out;
transition: transform 0.1s ease-in-out; }
.toggle-checkbox:checked + .toggle-switch {
border-color: #0b86d2; }
.toggle.is-disabled .toggle-checkbox:checked + .toggle-switch {
opacity: 0.5; }
.toggle-checkbox:checked + .toggle-switch .toggle-state {
-webkit-transform: translateX(0);
transform: translateX(0); }
.toggle-checkbox:checked + .toggle-switch .toggle-dot {
-webkit-transform: translateX(16px);
transform: translateX(16px);
border-color: #0b86d2; }
.toggle-checkbox:not([disabled]) + .toggle-switch:hover,
.toggle-checkbox:not([disabled]) + .toggle-switch:hover .toggle-dot {
border-color: #0b86d2;
cursor: pointer; }