.box {
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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
z-index: 1;
background-color: #fff;
min-width: 20rem;
min-height: 12.5rem;
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; }
.content-boxes[iw-type="multi"] .box, .content-boxes[iw-type="multi"] .box-body {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.content-boxes[iw-type="multi"] .box-content {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.box-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
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-flex: none;
-ms-flex: none;
flex: none;
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: 3;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding: 1rem 1rem 0; }
@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; }
.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-flex: none;
-ms-flex: none;
flex: none;
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-flex: auto;
-ms-flex: auto;
flex: auto;
padding-left: 1rem; }
@media only screen and (min-width: 42.5em) {
.box-head-left {
padding-left: 2rem; } }
.box-head-right {
-webkit-flex: none;
-ms-flex: none;
flex: none;
-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([iw-type="select"]) {
margin-left: 1rem; }
@media only screen and (max-width: 42.4375em) {
.box-head-right .button:not(.icon):not([iw-type="select"]) {
display: none !important; } }
.box-head-info {
padding-left: 1rem;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.box-head-back {
margin-left: -0.75rem;
min-width: 2.5rem;
box-sizing: content-box;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
@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; }
.skin-red .box-head-back-anchor {
color: #e60000; }
.skin-green .box-head-back-anchor {
color: #4e941a; }
.skin-orange .box-head-back-anchor {
color: #f78320; }
.skin-graphite .box-head-back-anchor {
color: #666666; }
.skin-black .box-head-back-anchor {
color: #2a2a2a; }
.skin-brown .box-head-back-anchor {
color: #754f2e; }
.skin-yellow .box-head-back-anchor {
color: #f6a901; }
.skin-purple .box-head-back-anchor {
color: #5e2d86; }
.skin-pink .box-head-back-anchor {
color: #e30074; }
.box-head-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #0b86d2;
font-weight: 600;
text-transform: uppercase; }
.skin-red .box-head-title {
color: #e60000; }
.skin-green .box-head-title {
color: #4e941a; }
.skin-orange .box-head-title {
color: #f78320; }
.skin-graphite .box-head-title {
color: #666666; }
.skin-black .box-head-title {
color: #2a2a2a; }
.skin-brown .box-head-title {
color: #754f2e; }
.skin-yellow .box-head-title {
color: #f6a901; }
.skin-purple .box-head-title {
color: #5e2d86; }
.skin-pink .box-head-title {
color: #e30074; }
.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: 3;
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-height="auto"] {
height: auto; }
.box[iw-type="modal"] {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
border: none;
border-top: 4px solid #0b86d2;
margin: 0;
max-height: 100%;
overflow-y: auto; }
.skin-red .box[iw-type="modal"] {
border-top: 4px solid #e60000; }
.skin-green .box[iw-type="modal"] {
border-top: 4px solid #4e941a; }
.skin-orange .box[iw-type="modal"] {
border-top: 4px solid #f78320; }
.skin-graphite .box[iw-type="modal"] {
border-top: 4px solid #666666; }
.skin-black .box[iw-type="modal"] {
border-top: 4px solid #2a2a2a; }
.skin-brown .box[iw-type="modal"] {
border-top: 4px solid #754f2e; }
.skin-yellow .box[iw-type="modal"] {
border-top: 4px solid #f6a901; }
.skin-purple .box[iw-type="modal"] {
border-top: 4px solid #5e2d86; }
.skin-pink .box[iw-type="modal"] {
border-top: 4px solid #e30074; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"] {
max-height: calc(100% - 2rem); } }
.box[iw-type="modal"] .box-body {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.box[iw-type="modal"] .box-content {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"] .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 {
color: #9b9ea3;
margin-right: -2rem; }
.box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #0b86d2; }
.skin-red .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #e60000; }
.skin-green .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #4e941a; }
.skin-orange .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #f78320; }
.skin-graphite .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #666666; }
.skin-black .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #2a2a2a; }
.skin-brown .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #754f2e; }
.skin-yellow .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #f6a901; }
.skin-purple .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #5e2d86; }
.skin-pink .box[iw-type="modal"] .box-head-right .icon-close:hover {
color: #e30074; }
.box[iw-type="modal"] {
height: auto; }
.box[iw-type="modal"][iw-height="full"] {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.box[iw-type="modal"][iw-height="full"] {
height: 100vh; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-height="full"] {
height: 90vh; } }
@media only screen and (min-width: 65em) {
.box[iw-type="modal"][iw-height="full"] {
height: 80vh; } }
.box[iw-type="modal"][iw-height="full"] .box-body, .box[iw-type="modal"][iw-height="full"] .box-content {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.box[iw-type="modal"] {
width: 90vw; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"] {
width: 40rem; } }
.box[iw-type="modal"][iw-width="large"] {
width: 100vw; }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-width="large"] {
width: 90vw; } }
@media only screen and (min-width: 65em) {
.box[iw-type="modal"][iw-width="large"] {
width: 80vw; } }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-width="medium"] {
width: 40rem; } }
@media only screen and (min-width: 42.5em) {
.box[iw-type="modal"][iw-width="small"] {
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 {
width: 30rem;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content; } }
.box[iw-type="modal"][iw-subtype="fullscreen"] {
width: 100vw;
max-width: 100vw;
height: 100vh;
max-height: 100vh;
border: none; }
.box[iw-type="modal"][iw-subtype="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 {
padding-top: 0;
padding-bottom: 0; }
.box[iw-type="modal"][iw-subtype="fullscreen"] .box-content > div {
margin: 0; }
@media only screen and (max-width: 42.4375em) {
.box[iw-type="modal"][iw-height="full"][iw-width="medium"] {
width: 100vw; } }
.box[iw-subtype="message"].type_primary {
border-color: #0b86d2; }
.skin-red .box[iw-subtype="message"].type_primary {
border-color: #e60000; }
.skin-red .box[iw-subtype="message"].type_primary .box-head-title {
color: #e60000; }
.skin-green .box[iw-subtype="message"].type_primary {
border-color: #4e941a; }
.skin-green .box[iw-subtype="message"].type_primary .box-head-title {
color: #4e941a; }
.skin-orange .box[iw-subtype="message"].type_primary {
border-color: #f78320; }
.skin-orange .box[iw-subtype="message"].type_primary .box-head-title {
color: #f78320; }
.skin-graphite .box[iw-subtype="message"].type_primary {
border-color: #666666; }
.skin-graphite .box[iw-subtype="message"].type_primary .box-head-title {
color: #666666; }
.skin-black .box[iw-subtype="message"].type_primary {
border-color: #2a2a2a; }
.skin-black .box[iw-subtype="message"].type_primary .box-head-title {
color: #2a2a2a; }
.skin-brown .box[iw-subtype="message"].type_primary {
border-color: #754f2e; }
.skin-brown .box[iw-subtype="message"].type_primary .box-head-title {
color: #754f2e; }
.skin-yellow .box[iw-subtype="message"].type_primary {
border-color: #f6a901; }
.skin-yellow .box[iw-subtype="message"].type_primary .box-head-title {
color: #f6a901; }
.skin-purple .box[iw-subtype="message"].type_primary {
border-color: #5e2d86; }
.skin-purple .box[iw-subtype="message"].type_primary .box-head-title {
color: #5e2d86; }
.skin-pink .box[iw-subtype="message"].type_primary {
border-color: #e30074; }
.skin-pink .box[iw-subtype="message"].type_primary .box-head-title {
color: #e30074; }
.box[iw-subtype="message"].type_primary .box-head-title {
color: #0b86d2; }
.box[iw-subtype="message"].type_success {
border-color: #00cc66; }
.skin-green .box[iw-subtype="message"].type_success {
border-color: #444; }
.skin-green .box[iw-subtype="message"].type_success .box-head-title {
color: #444; }
.box[iw-subtype="message"].type_success .box-head-title {
color: #00cc66; }
.box[iw-subtype="message"].type_warning {
border-color: #dda500; }
.skin-orange .box[iw-subtype="message"].type_warning {
border-color: #444; }
.skin-orange .box[iw-subtype="message"].type_warning .box-head-title {
color: #444; }
.box[iw-subtype="message"].type_warning .box-head-title {
color: #dda500; }
.box[iw-subtype="message"].type_error {
border-color: #cc3333; }
.skin-red .box[iw-subtype="message"].type_error {
border-color: #444; }
.skin-red .box[iw-subtype="message"].type_error .box-head-title {
color: #444; }
.box[iw-subtype="message"].type_error .box-head-title {
color: #cc3333; }
.box[iw-subtype="message"] .box-content {
text-align: center;
margin: auto;
padding: 1rem 2rem; }
.box[iw-subtype="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; }
		
.header {
box-sizing: content-box;
position: relative;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.frm_main {
position: relative;
height: 100vh;
z-index: 0;
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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
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-flex: none;
-ms-flex: none;
flex: none; }
.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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.obj_rules,
.obj_userlist,
.obj_domainlist,
.obj_accountpicker,
.obj_permissions,
.obj_accountmobiledevices,
.obj_mailinglistmembers,
.obj_groupmembers,
.obj_resourcemembers,
.obj_spamqueues_quarantine,
.obj_spamqueues_whitelist,
.obj_spamqueues_blacklist,
.obj_consoledialog,
.obj_certificates_server {
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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
@media only screen and (max-width: 42.4375em) {
.obj_rules,
.obj_userlist,
.obj_domainlist,
.obj_accountpicker,
.obj_permissions,
.obj_accountmobiledevices,
.obj_mailinglistmembers,
.obj_groupmembers,
.obj_resourcemembers,
.obj_spamqueues_quarantine,
.obj_spamqueues_whitelist,
.obj_spamqueues_blacklist,
.obj_consoledialog,
.obj_certificates_server {
margin-top: -1rem; } }
@media only screen and (min-width: 42.5em) {
.obj_rules,
.obj_userlist,
.obj_domainlist,
.obj_accountpicker,
.obj_permissions,
.obj_accountmobiledevices,
.obj_mailinglistmembers,
.obj_groupmembers,
.obj_resourcemembers,
.obj_spamqueues_quarantine,
.obj_spamqueues_whitelist,
.obj_spamqueues_blacklist,
.obj_consoledialog,
.obj_certificates_server {
margin-top: -1.5rem; } }
.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: 101;
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 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
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;
color: #0b86d2;
position: relative;
border: 1px solid currentColor;
border-radius: 3px;
height: 2.75rem;
font-weight: 600;
text-align: center;
padding: 0 1rem;
width: 100%; }
.skin-red .bar {
color: #e60000; }
.skin-green .bar {
color: #4e941a; }
.skin-orange .bar {
color: #f78320; }
.skin-graphite .bar {
color: #666666; }
.skin-black .bar {
color: #2a2a2a; }
.skin-brown .bar {
color: #754f2e; }
.skin-yellow .bar {
color: #f6a901; }
.skin-purple .bar {
color: #5e2d86; }
.skin-pink .bar {
color: #e30074; }
.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; }
.skin-red .bar-fill {
background-color: rgba(230, 0, 0, 0.1); }
.skin-green .bar-fill {
background-color: rgba(78, 148, 26, 0.1); }
.skin-orange .bar-fill {
background-color: rgba(247, 131, 32, 0.1); }
.skin-graphite .bar-fill {
background-color: rgba(102, 102, 102, 0.1); }
.skin-black .bar-fill {
background-color: rgba(42, 42, 42, 0.1); }
.skin-brown .bar-fill {
background-color: rgba(117, 79, 46, 0.1); }
.skin-yellow .bar-fill {
background-color: rgba(246, 169, 1, 0.1); }
.skin-purple .bar-fill {
background-color: rgba(94, 45, 134, 0.1); }
.skin-pink .bar-fill {
background-color: rgba(227, 0, 116, 0.1); }
.bar-text {
color: #0b86d2;
font-size: 0.85714rem;
line-height: 2.75rem;
white-space: nowrap; }
.skin-red .bar-text {
color: #e60000; }
.skin-green .bar-text {
color: #4e941a; }
.skin-orange .bar-text {
color: #f78320; }
.skin-graphite .bar-text {
color: #666666; }
.skin-black .bar-text {
color: #2a2a2a; }
.skin-brown .bar-text {
color: #754f2e; }
.skin-yellow .bar-text {
color: #f6a901; }
.skin-purple .bar-text {
color: #5e2d86; }
.skin-pink .bar-text {
color: #e30074; }
		
.button {
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1rem;
height: inherit;
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;
font-size: 1.5rem;
color: #0b86d2; }
.button.icon.has-label::before {
position: relative;
top: -0.42857rem; }
.button.icon.has-error {
color: #cc3333;
border-color: #cc3333; }
.button.icon .button-icon-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Roboto, Helvetica, Arial, sans-serif;
line-height: 1.625;
font-size: 0.85714rem;
text-align: center;
position: absolute;
width: 100%;
left: 0;
bottom: 0; }
.button.icon.inner-button {
width: 2.75rem;
height: 2.75rem;
line-height: 2.75rem;
vertical-align: initial; }
.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; }
.service-group-header .button.icon {
width: 4.28571rem;
height: 4.28571rem;
line-height: 4.28571rem; }
@media only screen and (max-width: 42.4375em) {
.topbar[iw-type="main"] .button.icon {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border: none;
margin: 0; } }
.table .button.icon {
width: 4.28571rem;
height: 4.28571rem;
line-height: 4.28571rem;
margin: auto; }
.skin-red .button.icon {
color: #e60000; }
.skin-green .button.icon {
color: #4e941a; }
.skin-orange .button.icon {
color: #f78320; }
.skin-graphite .button.icon {
color: #666666; }
.skin-black .button.icon {
color: #2a2a2a; }
.skin-brown .button.icon {
color: #754f2e; }
.skin-yellow .button.icon {
color: #f6a901; }
.skin-purple .button.icon {
color: #5e2d86; }
.skin-pink .button.icon {
color: #e30074; }
.button.icon.primary {
color: #0b86d2; }
.skin-red .button.icon.primary {
color: #e60000; }
.skin-green .button.icon.primary {
color: #4e941a; }
.skin-orange .button.icon.primary {
color: #f78320; }
.skin-graphite .button.icon.primary {
color: #666666; }
.skin-black .button.icon.primary {
color: #2a2a2a; }
.skin-brown .button.icon.primary {
color: #754f2e; }
.skin-yellow .button.icon.primary {
color: #f6a901; }
.skin-purple .button.icon.primary {
color: #5e2d86; }
.skin-pink .button.icon.primary {
color: #e30074; }
.button.icon.secondary {
color: #444; }
.skin-graphite .button.icon.secondary {
color: #0b86d2; }
.skin-black .button.icon.secondary {
color: #0b86d2; }
.button.icon.success {
color: #00cc66; }
.skin-green .button.icon.success {
color: #444; }
.button.icon.warning {
color: #dda500; }
.skin-orange .button.icon.warning {
color: #444; }
.button.icon.error {
color: #cc3333; }
.skin-red .button.icon.error {
color: #444; }
.button.icon.grey {
color: #cfd5db; }
.button.icon.disabled {
color: #cfd5db; }
.button.icon.disabled.inner-button, .button.icon.disabled.inner-button:hover, .button.icon.disabled.inner-button:focus {
background-color: #f8f8f8 !important; }
.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.inner-button, .button.icon.is-disabled.inner-button:hover, .button.icon.is-disabled.inner-button:focus {
background-color: #f8f8f8 !important; }
.button.icon.is-disabled:hover, .button.icon.is-disabled:focus {
color: #cfd5db !important;
background-color: transparent !important; }
.button.icon:hover, .button.icon:focus {
color: #0b86d2;
background-color: #f8f8f8; }
.skin-red .button.icon:hover, .skin-red .button.icon:focus {
color: #e60000; }
.skin-green .button.icon:hover, .skin-green .button.icon:focus {
color: #4e941a; }
.skin-orange .button.icon:hover, .skin-orange .button.icon:focus {
color: #f78320; }
.skin-graphite .button.icon:hover, .skin-graphite .button.icon:focus {
color: #666666; }
.skin-black .button.icon:hover, .skin-black .button.icon:focus {
color: #2a2a2a; }
.skin-brown .button.icon:hover, .skin-brown .button.icon:focus {
color: #754f2e; }
.skin-yellow .button.icon:hover, .skin-yellow .button.icon:focus {
color: #f6a901; }
.skin-purple .button.icon:hover, .skin-purple .button.icon:focus {
color: #5e2d86; }
.skin-pink .button.icon:hover, .skin-pink .button.icon:focus {
color: #e30074; }
.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.borderless {
border-color: transparent; }
.button.icon input, .button.icon a {
padding: 0;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0; }
.button.icon::before {
width: 100%; }
.button.text {
border-radius: 3px;
border-bottom: 3px solid;
height: 2.75rem;
line-height: 2.75rem;
font-weight: 600;
vertical-align: top;
color: #fff; }
@media only screen and (max-width: 42.4375em) {
.box-content .button.text {
width: 100%; } }
.box-foot .button.text input {
width: initial; }
.skin-red .button.text.primary {
border-color: #e60000;
background-color: #e60000;
border-bottom-color: #ae0000; }
.skin-red .button.text.primary:hover {
border-color: #cd0000;
background-color: #cd0000;
border-bottom-color: #ae0000; }
.skin-red .button.text.primary:active {
border-color: #b30000;
background-color: #b30000;
border-bottom-color: #940000; }
.skin-green .button.text.primary {
border-color: #4e941a;
background-color: #4e941a;
border-bottom-color: #356412; }
.skin-green .button.text.primary:hover {
border-color: #437e16;
background-color: #437e16;
border-bottom-color: #356412; }
.skin-green .button.text.primary:active {
border-color: #376912;
background-color: #376912;
border-bottom-color: #294f0e; }
.skin-orange .button.text.primary {
border-color: #f78320;
background-color: #f78320;
border-bottom-color: #d76708; }
.skin-orange .button.text.primary:hover {
border-color: #f57509;
background-color: #f57509;
border-bottom-color: #d76708; }
.skin-orange .button.text.primary:active {
border-color: #dc6a08;
background-color: #dc6a08;
border-bottom-color: #bf5b07; }
.skin-graphite .button.text.primary {
border-color: #666666;
background-color: #666666;
border-bottom-color: #4a4a4a; }
.skin-graphite .button.text.primary:hover {
border-color: #595959;
background-color: #595959;
border-bottom-color: #4a4a4a; }
.skin-graphite .button.text.primary:active {
border-color: #4d4d4d;
background-color: #4d4d4d;
border-bottom-color: #3d3d3d; }
.skin-black .button.text.primary {
border-color: #2a2a2a;
background-color: #2a2a2a;
border-bottom-color: #0e0e0e; }
.skin-black .button.text.primary:hover {
border-color: #1d1d1d;
background-color: #1d1d1d;
border-bottom-color: #0e0e0e; }
.skin-black .button.text.primary:active {
border-color: #101010;
background-color: #101010;
border-bottom-color: #010101; }
.skin-brown .button.text.primary {
border-color: #754f2e;
background-color: #754f2e;
border-bottom-color: #4d341e; }
.skin-brown .button.text.primary:hover {
border-color: #634327;
background-color: #634327;
border-bottom-color: #4d341e; }
.skin-brown .button.text.primary:active {
border-color: #503620;
background-color: #503620;
border-bottom-color: #3a2717; }
.skin-yellow .button.text.primary {
border-color: #f6a901;
background-color: #f6a901;
border-bottom-color: #be8301; }
.skin-yellow .button.text.primary:hover {
border-color: #dd9801;
background-color: #dd9801;
border-bottom-color: #be8301; }
.skin-yellow .button.text.primary:active {
border-color: #c38601;
background-color: #c38601;
border-bottom-color: #a57101; }
.skin-purple .button.text.primary {
border-color: #5e2d86;
background-color: #5e2d86;
border-bottom-color: #411f5c; }
.skin-purple .button.text.primary:hover {
border-color: #512773;
background-color: #512773;
border-bottom-color: #411f5c; }
.skin-purple .button.text.primary:active {
border-color: #432060;
background-color: #432060;
border-bottom-color: #331849; }
.skin-pink .button.text.primary {
border-color: #e30074;
background-color: #e30074;
border-bottom-color: #ab0057; }
.skin-pink .button.text.primary:hover {
border-color: #ca0067;
background-color: #ca0067;
border-bottom-color: #ab0057; }
.skin-pink .button.text.primary:active {
border-color: #b0005a;
background-color: #b0005a;
border-bottom-color: #91004a; }
.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; }
.skin-graphite .button.text.secondary {
border-color: #0b86d2;
background-color: #0b86d2;
border-bottom-color: #08649d; }
.skin-graphite .button.text.secondary:hover {
border-color: #0a77ba;
background-color: #0a77ba;
border-bottom-color: #08649d; }
.skin-graphite .button.text.secondary:active {
border-color: #0867a2;
background-color: #0867a2;
border-bottom-color: #075584; }
.skin-black .button.text.secondary {
border-color: #0b86d2;
background-color: #0b86d2;
border-bottom-color: #08649d; }
.skin-black .button.text.secondary:hover {
border-color: #0a77ba;
background-color: #0a77ba;
border-bottom-color: #08649d; }
.skin-black .button.text.secondary: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; }
.skin-green .button.text.success {
border-color: #444;
background-color: #444;
border-bottom-color: #282828; }
.skin-green .button.text.success:hover {
border-color: #373737;
background-color: #373737;
border-bottom-color: #282828; }
.skin-green .button.text.success: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; }
.skin-orange .button.text.warning {
border-color: #444;
background-color: #444;
border-bottom-color: #282828; }
.skin-orange .button.text.warning:hover {
border-color: #373737;
background-color: #373737;
border-bottom-color: #282828; }
.skin-orange .button.text.warning:active {
border-color: #2b2b2b;
background-color: #2b2b2b;
border-bottom-color: #1b1b1b; }
.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; }
.skin-red .button.text.error {
border-color: #444;
background-color: #444;
border-bottom-color: #282828; }
.skin-red .button.text.error:hover {
border-color: #373737;
background-color: #373737;
border-bottom-color: #282828; }
.skin-red .button.text.error:active {
border-color: #2b2b2b;
background-color: #2b2b2b;
border-bottom-color: #1b1b1b; }
.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, .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, .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; }
.skin-red .button.text.borderless:hover, .skin-red .button.text.borderless:active {
color: #e60000; }
.skin-green .button.text.borderless:hover, .skin-green .button.text.borderless:active {
color: #4e941a; }
.skin-orange .button.text.borderless:hover, .skin-orange .button.text.borderless:active {
color: #f78320; }
.skin-graphite .button.text.borderless:hover, .skin-graphite .button.text.borderless:active {
color: #666666; }
.skin-black .button.text.borderless:hover, .skin-black .button.text.borderless:active {
color: #2a2a2a; }
.skin-brown .button.text.borderless:hover, .skin-brown .button.text.borderless:active {
color: #754f2e; }
.skin-yellow .button.text.borderless:hover, .skin-yellow .button.text.borderless:active {
color: #f6a901; }
.skin-purple .button.text.borderless:hover, .skin-purple .button.text.borderless:active {
color: #5e2d86; }
.skin-pink .button.text.borderless:hover, .skin-pink .button.text.borderless:active {
color: #e30074; }
.button.text.is-disabled input, .button.text.is-disabled a {
cursor: default; }
.button.text.small {
height: 2rem;
line-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; }
.skin-red .button.text.inner-button {
color: #e60000; }
.skin-green .button.text.inner-button {
color: #4e941a; }
.skin-orange .button.text.inner-button {
color: #f78320; }
.skin-graphite .button.text.inner-button {
color: #666666; }
.skin-black .button.text.inner-button {
color: #2a2a2a; }
.skin-brown .button.text.inner-button {
color: #754f2e; }
.skin-yellow .button.text.inner-button {
color: #f6a901; }
.skin-purple .button.text.inner-button {
color: #5e2d86; }
.skin-pink .button.text.inner-button {
color: #e30074; }
.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.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-group {
margin-left: -1rem; }
.button-group .button.text {
margin-left: 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[iw-type="select"] {
position: relative;
width: 100%; }
.button[iw-type="select"]::after {
font-family: 'icons';
position: absolute;
top: 0;
right: 1rem;
line-height: inherit;
pointer-events: none;
content: '\e608';
transition: color 0.4s; }
@media only screen and (max-width: 42.4375em) {
.box-action .button[iw-type="select"] {
position: relative; }
.box-action .button[iw-type="select"]::after {
font-family: 'icons';
position: absolute;
top: 0;
right: 1rem;
line-height: inherit;
pointer-events: none;
content: '\e608';
transition: color 0.4s;
-webkit-transform: rotate(0.5turn);
transform: rotate(0.5turn); } }
.button[iw-type="select"] input, .button[iw-type="select"] a {
padding-right: 3rem; }
.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; }
		

		

		

		

		

		

		
.checkbox {
display: inline-block;
position: relative;
white-space: nowrap;
height: 2.75rem;
line-height: 2.75rem;
text-align: center;
transition: opacity 0.4s; }
.checkbox:not(:last-of-type):not(.checkbox--block) {
margin-right: 2rem; }
.checkbox .label {
display: none;
margin-left: 0.5rem;
vertical-align: middle;
transition: color 0.1s; }
.checkbox .label:not(:empty) {
display: inline-block; }
.checkbox input {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 1; }
.checkbox input + i {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border: 1px solid #bbbbbb;
background-color: #fff;
padding: 0;
margin: 0 auto; }
.checkbox input:checked ~ .label {
color: #0b86d2; }
.skin-red .checkbox input:checked ~ .label {
color: #e60000; }
.skin-green .checkbox input:checked ~ .label {
color: #4e941a; }
.skin-orange .checkbox input:checked ~ .label {
color: #f78320; }
.skin-graphite .checkbox input:checked ~ .label {
color: #666666; }
.skin-black .checkbox input:checked ~ .label {
color: #2a2a2a; }
.skin-brown .checkbox input:checked ~ .label {
color: #754f2e; }
.skin-yellow .checkbox input:checked ~ .label {
color: #f6a901; }
.skin-purple .checkbox input:checked ~ .label {
color: #5e2d86; }
.skin-pink .checkbox input:checked ~ .label {
color: #e30074; }
.checkbox input:not([disabled]):hover {
cursor: pointer; }
.checkbox input:not([disabled]):hover + i {
color: #0b86d2; }
.skin-red .checkbox input:not([disabled]):hover + i {
color: #e60000; }
.skin-green .checkbox input:not([disabled]):hover + i {
color: #4e941a; }
.skin-orange .checkbox input:not([disabled]):hover + i {
color: #f78320; }
.skin-graphite .checkbox input:not([disabled]):hover + i {
color: #666666; }
.skin-black .checkbox input:not([disabled]):hover + i {
color: #2a2a2a; }
.skin-brown .checkbox input:not([disabled]):hover + i {
color: #754f2e; }
.skin-yellow .checkbox input:not([disabled]):hover + i {
color: #f6a901; }
.skin-purple .checkbox input:not([disabled]):hover + i {
color: #5e2d86; }
.skin-pink .checkbox input:not([disabled]):hover + i {
color: #e30074; }
.checkbox--block {
display: block;
text-align: left; }
.checkbox.is-disabled {
opacity: 0.5; }
.checkbox input + i {
border-radius: 3px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s; }
.checkbox input:checked + i {
border-color: transparent #0b86d2 #0b86d2 transparent;
background-color: 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); }
.skin-red .checkbox input:checked + i {
border-color: transparent #e60000 #e60000 transparent; }
.skin-green .checkbox input:checked + i {
border-color: transparent #4e941a #4e941a transparent; }
.skin-orange .checkbox input:checked + i {
border-color: transparent #f78320 #f78320 transparent; }
.skin-graphite .checkbox input:checked + i {
border-color: transparent #666666 #666666 transparent; }
.skin-black .checkbox input:checked + i {
border-color: transparent #2a2a2a #2a2a2a transparent; }
.skin-brown .checkbox input:checked + i {
border-color: transparent #754f2e #754f2e transparent; }
.skin-yellow .checkbox input:checked + i {
border-color: transparent #f6a901 #f6a901 transparent; }
.skin-purple .checkbox input:checked + i {
border-color: transparent #5e2d86 #5e2d86 transparent; }
.skin-pink .checkbox input:checked + i {
border-color: transparent #e30074 #e30074 transparent; }
.table .checkbox {
height: 4.28571rem;
line-height: 4.28571rem;
width: 4.28571rem; }
		
.obj_connection {
display: none;
position: absolute;
z-index: 1;
width: 100%; }
		

		

		

		

		

		

		

		

		

		

		

		

		

		
.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;
font-size: inherit;
transition-property: opacity, color, background-color, border;
transition-duration: 0.4s;
overflow: hidden;
line-height: 2.75rem; }
[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; }
.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 {
border-radius: 2px;
height: 100%;
min-width: 0;
margin: 0;
background: none;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
padding: 0 0 0 1rem;
transition-property: background-color;
transition-duration: 0.4s; }
.dropdown select[readonly="readonly"] {
background-color: #f8f8f8; }
.dropdown select::-webkit-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.dropdown select:focus::-webkit-input-placeholder {
opacity: 0.5; }
.dropdown select::-moz-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.dropdown select:focus::-moz-placeholder {
opacity: 0.5; }
.dropdown select:-ms-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.dropdown select:focus:-ms-input-placeholder {
opacity: 0.5; }
.table-head .dropdown {
color: inherit; }
.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;
top: 0;
right: 1rem;
line-height: inherit;
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 {
padding-right: 3rem; } }
.dropdown select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
		

		
.datepicker {
display: none;
z-index: 1;
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;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.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 {
line-height: 2.75rem;
text-align: center;
border: 0;
padding: 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; }
.skin-red .datepicker-dates th.selected {
background-color: #e60000; }
.skin-green .datepicker-dates th.selected {
background-color: #4e941a; }
.skin-orange .datepicker-dates th.selected {
background-color: #f78320; }
.skin-graphite .datepicker-dates th.selected {
background-color: #666666; }
.skin-black .datepicker-dates th.selected {
background-color: #2a2a2a; }
.skin-brown .datepicker-dates th.selected {
background-color: #754f2e; }
.skin-yellow .datepicker-dates th.selected {
background-color: #f6a901; }
.skin-purple .datepicker-dates th.selected {
background-color: #5e2d86; }
.skin-pink .datepicker-dates th.selected {
background-color: #e30074; }
		
.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;
font-size: inherit;
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;
line-height: 1.2; }
[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; }
.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 input {
border-radius: 2px;
height: 100%;
min-width: 0;
margin: 0;
background: none;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
padding: 0 0 0 1rem;
transition-property: background-color;
transition-duration: 0.4s; }
.input input[readonly="readonly"] {
background-color: #f8f8f8; }
.input input::-webkit-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.input input:focus::-webkit-input-placeholder {
opacity: 0.5; }
.input input::-moz-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.input input:focus::-moz-placeholder {
opacity: 0.5; }
.input input:-ms-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.input input: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;
z-index: 201;
opacity: 1;
visibility: visible;
-webkit-animation: reveal 0.1s ease-in-out backwards;
animation: reveal 0.1s ease-in-out backwards;
will-change: opacity; }
		

		

		

		

		

		

		

		

		
.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-flex: none;
-ms-flex: none;
flex: none;
background-color: #f8f8f8; }
.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 {
background-color: #fff; }
.menu-item [class^="icon-"],
.menu-item [class*=" icon-"] {
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1.5rem;
width: 4.28571rem;
margin-left: -1.33333rem; }
@media only screen and (max-width: 42.4375em) {
.menu[iw-type="tab"] .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="tab"] .menu-item {
height: 4.28571rem;
line-height: 1.2; }
.menu[iw-type="tab"] .menu-item.active {
color: #0b86d2; }
.skin-red .menu[iw-type="tab"] .menu-item.active {
color: #e60000; }
.skin-green .menu[iw-type="tab"] .menu-item.active {
color: #4e941a; }
.skin-orange .menu[iw-type="tab"] .menu-item.active {
color: #f78320; }
.skin-graphite .menu[iw-type="tab"] .menu-item.active {
color: #666666; }
.skin-black .menu[iw-type="tab"] .menu-item.active {
color: #2a2a2a; }
.skin-brown .menu[iw-type="tab"] .menu-item.active {
color: #754f2e; }
.skin-yellow .menu[iw-type="tab"] .menu-item.active {
color: #f6a901; }
.skin-purple .menu[iw-type="tab"] .menu-item.active {
color: #5e2d86; }
.skin-pink .menu[iw-type="tab"] .menu-item.active {
color: #e30074; }
.menu[iw-subtype="action"] {
background-color: #fff; }
.menu[iw-subtype="action"] .menu-item {
overflow: visible; }
.menu[iw-subtype="action"] .button {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.menu[iw-subtype="action"] .button:not(:only-of-type) {
margin-bottom: 0; }
.menu[iw-subtype="action"] .button + .button {
margin-left: 1rem; }
.menu[iw-location="main"] {
background-color: #272a2d;
color: #fff; }
.menu[iw-location="main"] .menu-item {
border-bottom: 1px solid #444; }
.menu[iw-location="main"] .menu-item.active,
.menu[iw-location="main"] .menu-item:hover, .menu[iw-location="main"] .menu-item:focus {
background-color: #444;
color: #fff !important; }
.menu[iw-location="main"] .menu-item:hover, .menu[iw-location="main"] .menu-item:focus {
outline: solid #666;
outline-width: 1px; }
@media only screen and (max-width: 42.4375em) {
.menu[iw-location="box"] {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.menu[iw-location="box"] .menu-item:hover, .menu[iw-location="box"] .menu-item:focus {
background-color: #fff; }
@media only screen and (max-width: 42.4375em) {
.menu[iw-location="box"] .menu-item {
border-top: 1px solid #bbbbbb; }
.menu[iw-location="box"] .menu-item.active {
position: relative;
line-height: 4.28571rem; }
.menu[iw-location="box"] .menu-item.active::after {
font-family: 'icons';
position: absolute;
top: 0;
right: 2rem;
line-height: inherit;
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-location="box"] .menu-item [class^="icon-"],
.menu[iw-location="box"] .menu-item [class*=" icon-"] {
display: none; } }
@media only screen and (min-width: 42.5em) {
.menu[iw-location="box"] .menu-item {
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb; }
.menu[iw-location="box"] .menu-item.active {
margin-right: -1px; } }
@media only screen and (max-width: 42.4375em) {
.menu[iw-location="box"]:not([iw-subtype="action"]) .menu-item {
display: none; }
.menu[iw-location="box"]:not([iw-subtype="action"]) .menu-item.active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1; }
.menu[iw-location="box"]:not([iw-subtype="action"]).is-open {
position: relative;
padding-bottom: 4.28571rem; }
.menu[iw-location="box"]:not([iw-subtype="action"]).is-open .menu-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.menu[iw-location="box"]:not([iw-subtype="action"]).is-open .menu-item.active {
position: fixed;
width: 100%;
left: 0; } }
.menu[iw-type="button"] {
-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: reveal 0.1s ease-in-out backwards;
animation: reveal 0.1s ease-in-out backwards; }
.menu[iw-type="selector"] {
z-index: 1;
position: absolute;
text-align: left;
max-width: calc(100vw - 2rem);
border: 1px solid #bbbbbb;
border-width: 1px;
border-radius: 3px;
background: #fff; }
.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"].right, .menu[iw-type="selector"] {
right: 0;
left: auto; }
@media only screen and (min-width: 42.5em) {
.menu[iw-type="selector"].right, .menu[iw-type="selector"] {
right: -1rem; } }
.menu[iw-type="selector"].right::after, .menu[iw-type="selector"]::after {
margin-left: -2rem;
right: 2rem;
margin-right: auto;
left: auto; }
.menu[iw-type="selector"].right::before, .menu[iw-type="selector"]::before {
margin-left: calc(-2rem - 1px);
right: calc(2rem - 1px);
margin-right: auto;
left: auto; }
.menu[iw-type="selector"] {
margin-top: 1rem;
right: 0; }
.menu[iw-type="selector"]::after {
margin-left: -1rem;
right: 1rem; }
.menu[iw-type="selector"]::before {
margin-left: calc(-1rem - 1px);
right: calc(1rem - 1px); }
.box-action .menu[iw-type="selector"].top, .box-action .menu[iw-type="selector"] {
bottom: 100%;
margin-bottom: 2px;
top: auto;
margin-top: auto; }
.box-action .menu[iw-type="selector"].top::after, .box-action .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"] .menu-wrap {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
max-height: 19.17857rem; }
body.has-modal .frm_main .menu[iw-type="selector"] .menu-wrap {
-webkit-overflow-scrolling: auto !important; }
.menu[iw-type="selector"] .menu-item {
white-space: nowrap;
overflow: visible;
text-align: center;
font-size: 1rem;
display: block;
padding: 0 2.5rem;
text-transform: uppercase;
font-weight: 600;
height: 2.75rem;
line-height: 2.75rem;
border: none; }
.menu[iw-type="selector"] .menu-item:hover, .menu[iw-type="selector"] .menu-item:focus {
color: #0b86d2;
background-color: inherit; }
.skin-red .menu[iw-type="selector"] .menu-item:hover, .skin-red .menu[iw-type="selector"] .menu-item:focus {
color: #e60000; }
.skin-green .menu[iw-type="selector"] .menu-item:hover, .skin-green .menu[iw-type="selector"] .menu-item:focus {
color: #4e941a; }
.skin-orange .menu[iw-type="selector"] .menu-item:hover, .skin-orange .menu[iw-type="selector"] .menu-item:focus {
color: #f78320; }
.skin-graphite .menu[iw-type="selector"] .menu-item:hover, .skin-graphite .menu[iw-type="selector"] .menu-item:focus {
color: #666666; }
.skin-black .menu[iw-type="selector"] .menu-item:hover, .skin-black .menu[iw-type="selector"] .menu-item:focus {
color: #2a2a2a; }
.skin-brown .menu[iw-type="selector"] .menu-item:hover, .skin-brown .menu[iw-type="selector"] .menu-item:focus {
color: #754f2e; }
.skin-yellow .menu[iw-type="selector"] .menu-item:hover, .skin-yellow .menu[iw-type="selector"] .menu-item:focus {
color: #f6a901; }
.skin-purple .menu[iw-type="selector"] .menu-item:hover, .skin-purple .menu[iw-type="selector"] .menu-item:focus {
color: #5e2d86; }
.skin-pink .menu[iw-type="selector"] .menu-item:hover, .skin-pink .menu[iw-type="selector"] .menu-item:focus {
color: #e30074; }
.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; }
.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-flex: 2;
-ms-flex: 2;
flex: 2; }
.topbar[iw-type="main"] .menu.right {
-webkit-flex: 4;
-ms-flex: 4;
flex: 4; } }
.topbar[iw-type="search"] .menu {
-webkit-flex: none;
-ms-flex: none;
flex: none; }
		
.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;
font-size: inherit;
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; }
.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 textarea {
border-radius: 2px;
height: 100%;
min-width: 0;
margin: 0;
background: none;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
padding: 0 0 0 1rem;
transition-property: background-color;
transition-duration: 0.4s; }
.textarea textarea[readonly="readonly"] {
background-color: #f8f8f8; }
.textarea textarea::-webkit-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.textarea textarea:focus::-webkit-input-placeholder {
opacity: 0.5; }
.textarea textarea::-moz-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.textarea textarea:focus::-moz-placeholder {
opacity: 0.5; }
.textarea textarea:-ms-input-placeholder {
color: #9b9ea3;
opacity: 1;
transition: opacity 0.1s; }
.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: 0.5rem 1rem 0 1rem; }
.textarea.full {
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-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.textarea.full textarea {
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
resize: none;
margin: 0;
padding-bottom: 0.5rem; }
@media only screen and (min-width: 42.5em) {
.textarea.full textarea::-webkit-scrollbar {
-webkit-appearance: none;
width: 11px; }
.textarea.full textarea::-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; } }
		
.toggle {
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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
transition: opacity 0.4s; }
.toggle:not(.hide) + .toggle {
margin-left: 1rem; }
.toggle__checkbox {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
pointer-events: none; }
.toggle__checkbox:checked ~ .toggle__body {
color: #0b86d2;
border-color: currentColor; }
.skin-red .toggle__checkbox:checked ~ .toggle__body {
color: #e60000;
border-color: currentColor; }
.skin-green .toggle__checkbox:checked ~ .toggle__body {
color: #4e941a;
border-color: currentColor; }
.skin-orange .toggle__checkbox:checked ~ .toggle__body {
color: #f78320;
border-color: currentColor; }
.skin-graphite .toggle__checkbox:checked ~ .toggle__body {
color: #666666;
border-color: currentColor; }
.skin-black .toggle__checkbox:checked ~ .toggle__body {
color: #2a2a2a;
border-color: currentColor; }
.skin-brown .toggle__checkbox:checked ~ .toggle__body {
color: #754f2e;
border-color: currentColor; }
.skin-yellow .toggle__checkbox:checked ~ .toggle__body {
color: #f6a901;
border-color: currentColor; }
.skin-purple .toggle__checkbox:checked ~ .toggle__body {
color: #5e2d86;
border-color: currentColor; }
.skin-pink .toggle__checkbox:checked ~ .toggle__body {
color: #e30074;
border-color: currentColor; }
.toggle__checkbox:checked ~ .toggle__body::before {
opacity: 0.14; }
.toggle__checkbox:checked ~ .toggle__body::after {
-webkit-transform: translateX(16px);
transform: translateX(16px);
border-color: currentColor; }
.toggle__checkbox:checked ~ .toggle__label {
color: #0b86d2; }
.skin-red .toggle__checkbox:checked ~ .toggle__label {
color: #e60000; }
.skin-green .toggle__checkbox:checked ~ .toggle__label {
color: #4e941a; }
.skin-orange .toggle__checkbox:checked ~ .toggle__label {
color: #f78320; }
.skin-graphite .toggle__checkbox:checked ~ .toggle__label {
color: #666666; }
.skin-black .toggle__checkbox:checked ~ .toggle__label {
color: #2a2a2a; }
.skin-brown .toggle__checkbox:checked ~ .toggle__label {
color: #754f2e; }
.skin-yellow .toggle__checkbox:checked ~ .toggle__label {
color: #f6a901; }
.skin-purple .toggle__checkbox:checked ~ .toggle__label {
color: #5e2d86; }
.skin-pink .toggle__checkbox:checked ~ .toggle__label {
color: #e30074; }
.toggle__body {
-webkit-flex: none;
-ms-flex: none;
flex: none;
position: relative;
width: 36px;
height: 20px;
color: #bbbbbb;
border: 1px solid currentColor;
border-radius: 9999px;
transition: color 0.1s ease-in-out; }
.toggle__body::before, .toggle__body::after {
content: '';
display: block;
position: absolute; }
.toggle__body::before {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 9999px;
background-color: currentColor;
opacity: 0;
transition: opacity 0.1s ease-in-out; }
.toggle__body::after {
left: 3px;
top: 3px;
height: 12px;
width: 12px;
background-color: #fff;
border: 1px solid currentColor;
border-radius: 50%;
-webkit-transition: webkit-transform 0.1s ease-in-out, border-color 0.1s ease-in-out;
transition: transform 0.1s ease-in-out, border-color 0.1s ease-in-out; }
.toggle.user .toggle__body {
color: #00cc66 !important; }
.toggle.domain .toggle__body {
color: #cc3333 !important; }
.toggle__label {
padding-left: 1rem; }
.toggle__body, .toggle__label {
cursor: pointer; }
.toggle.is-disabled {
opacity: 0.5; }
.toggle.is-disabled .toggle__body, .toggle.is-disabled .toggle__label {
cursor: default; }
.toggle:not(.is-disabled) .toggle__body:hover, .toggle:not(.is-disabled) .toggle__label:hover {
color: #0b86d2; }
.skin-red .toggle:not(.is-disabled) .toggle__body:hover, .skin-red .toggle:not(.is-disabled) .toggle__label:hover {
color: #e60000; }
.skin-green .toggle:not(.is-disabled) .toggle__body:hover, .skin-green .toggle:not(.is-disabled) .toggle__label:hover {
color: #4e941a; }
.skin-orange .toggle:not(.is-disabled) .toggle__body:hover, .skin-orange .toggle:not(.is-disabled) .toggle__label:hover {
color: #f78320; }
.skin-graphite .toggle:not(.is-disabled) .toggle__body:hover, .skin-graphite .toggle:not(.is-disabled) .toggle__label:hover {
color: #666666; }
.skin-black .toggle:not(.is-disabled) .toggle__body:hover, .skin-black .toggle:not(.is-disabled) .toggle__label:hover {
color: #2a2a2a; }
.skin-brown .toggle:not(.is-disabled) .toggle__body:hover, .skin-brown .toggle:not(.is-disabled) .toggle__label:hover {
color: #754f2e; }
.skin-yellow .toggle:not(.is-disabled) .toggle__body:hover, .skin-yellow .toggle:not(.is-disabled) .toggle__label:hover {
color: #f6a901; }
.skin-purple .toggle:not(.is-disabled) .toggle__body:hover, .skin-purple .toggle:not(.is-disabled) .toggle__label:hover {
color: #5e2d86; }
.skin-pink .toggle:not(.is-disabled) .toggle__body:hover, .skin-pink .toggle:not(.is-disabled) .toggle__label:hover {
color: #e30074; }
.toggle--big-label .toggle__label {
font-size: 1.42857rem;
white-space: nowrap; }