@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600&display=swap');
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
* {box-sizing: border-box;}
img{display: block;height: auto;max-width: 100%;}
body{margin: 0;color: #444;font: 400 16px/1.4 "Barlow";}
strong {font-weight: 600;}
a{text-decoration: none;color: var(--color);}
h1,h2,h3,h4,h5,h6{font-weight: 600;}
hr + *, * + hr{margin-top: 100px;}
hr{display: block;border: none;background: rgba(255,255,255, .2);height: 1px;line-height: 1px;padding: 0;position: relative;}
hr::after{position: absolute;top: -1px;content: " ";display: block;left: 0;right: 0;height: 1px;background: rgba(0,0,0,.1);}
.grow{flex-grow: 1;}
.btn, a.btn, button.btn, .btnic{text-align: center;text-decoration: none;display: inline-block;line-height: 48px;padding: 0 32px;background: #00C851;color: #FFF;text-transform: uppercase;font-weight: 600;font-size: 13px;letter-spacing: 8px;-webkit-border-radius: 3px;border-radius: 3px;border: none;cursor: pointer;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.btnic{line-height: 40px;padding: 0;width: 40px;text-align: center;font-size: 18px;}
.btnic > i{padding: 0;margin: 0;display: inline-block;letter-spacing: 0;}
.btn:hover, a.btn:hover, button.btn:hover, .btn:focus, a.btn:focus, button.btn:focus, .btnic:hover, .btnic:focus {color: #FFF;background: #007E33;}
.btn.secondary, .btnic.secondary{background: #666;}
.btn.secondary:hover, .btn.secondary:focus, .btnic.secondary:hover, .btnic.secondary:focus {background: #777;}
.btn.danger, .btnic.danger{background: #FF4444;}
.btn.danger:hover, .btn.danger:focus, .btnic.danger:hover, .btnic.danger:focus {background: #CC0000;}
.btn.sm {line-height: 44px;padding: 0 20px;}
/* login */
#login{height: 100vh;background: var(--color);display: flex;align-items: center;justify-content: center;width: 100vw;position: fixed;top: 0;}
/* main */
#main{display: flex;flex-wrap: wrap;min-height: 100vh;position: relative;}
@media only screen and (max-width: 1200px){
  #main{min-height: 0;}
}
#main > #menu{position: fixed;top: 0;left: 300px;right: 0;height: 80px;background: #FFFFFF;border-bottom: 1px solid #CCC;display: flex;align-items: center;font-size: 15px;z-index: 10;}
#main > #menu > *{ padding: 0 20px; }
#main > #menu > .user > a{display: flex;align-items: center;text-transform: uppercase;font-weight: 500;text-decoration: none;color: #444;position: relative;}
#main > #menu > .user > a > .avatar-letter{margin-left: 8px;}
#main > #menu > .user > .submenu{position: absolute;right: 16px;top: 100%;top: calc(100% - 16px);background: #FFF;opacity: 0;box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);-webkit-transform: translateY(16px);transform: translateY(16px);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;pointer-events: none;}
#main > #menu > .user:hover > .submenu{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);pointer-events: all;}
#main > #menu > .user > .submenu > a {padding: 12px 16px;display: block;text-transform: uppercase;}
#main > #menu > .user > .submenu > a + a{border-top: 1px solid #EEE;}
#main > #menu > .user > .submenu > a:hover, #main > #menu > .user > .submenu > a:focus{background: var(--color);color: #FFF;}
@media only screen and (max-width: 572px) {
  #main > #menu > .user > a > .username{display: none;}
}
/* breadcrumbs */
.breadcrumbs {display: flex;}
.breadcrumbs > a{text-decoration: none;color: #444;text-transform: uppercase;font-size: 13px;}
.breadcrumbs > a:hover{color: var(--color);}
.breadcrumbs > a:last-child{font-weight: 600;}
.breadcrumbs > * + *::before{content: "-";margin: 0 10px;pointer-events: none;font-family: 'themify';content: "\e649";font-size: 11px;color: #CCC;}
@media only screen and (max-width: 1200px){
  .breadcrumbs > a{display: none;}
  .breadcrumbs > a:last-child, .breadcrumbs > a:nth-last-child(2){display: block;}
  .breadcrumbs > a:nth-last-child(2)::before{display: none;}
  #main > #menu{position: relative;top: auto;left: auto;right: auto;width: 100%;height: 60px;border-bottom: none;}
}

/* breadcrumbswhite */
.breadcrumbswhite > a{text-decoration: none;color: #FFF;text-transform: uppercase;font-size: 13px;}

/* sidebar */
#main > #sidebar{position: fixed;top: 0;width: 300px;padding:20px;left: 0;bottom: 80px;overflow-y: auto;overflow-x: hidden;background: var(--color);color: #FFF;}
#main > #sidebar::after{display: block;right: -5px;width: 5px;content:  " ";height: 100%;top: 0;position: absolute;background: rgba(0,0,0,.05);pointer-events: none;}
#main > #sidebar > * + * {margin-top: 20px;}
#main > #sidebar > .logo{display: block;text-align: center;}
#main > #sidebar > .logo + *{margin-top: 32px;}
#main > #sidebar > .logo > img{height: 50px;margin: 0 auto;}
.show-mobile-menu{color: #FFF;margin: 0 !important;font-size: 30px;line-height: 30px;font-weight: normal;display: none;}
@media only screen and (max-width: 1200px){
  #main{padding-top: 60px;}
  #main > #sidebar{display: flex;align-items: center;justify-content: space-between;overflow: none;}
  #main > #sidebar > .logo > img{height: 30px;}
  #main > #sidebar{width: 100%;bottom: auto;padding: 15px 20px;z-index: 3;}
  #main > #sidebar > *:not(.logo){display: none;}
  .show-mobile-menu{display: block !important;}
}
/* expand-contract */
.expand-contract{color: #FFF;text-decoration: none;text-align: center;text-transform: uppercase;font-size: 13px;display: block;}
.expand-contract > i{margin-right: 8px;}
/* actions */
#main > #actions{position: fixed;left: 0;bottom: 0;height: 80px;right: 0;background: #333333;display: flex;color: #FFF;justify-content: flex-end;align-items: center;}
#main > #actions > * {padding: 20px;}
#main > #actions > .buttons {display: flex;}
#main > #actions > .buttons > * + * {margin-left: 8px;}
@media only screen and (max-width: 1200px){
  #main > #actions{position: relative;left: auto;bottom: auto;right: auto;width: 100%;justify-content: center;}
}
@media only screen and (max-width: 572px){
  #main > #actions{height: auto;}
  #main > #actions > .buttons{ flex-wrap: wrap;}
  #main > #actions > .buttons > *{width: 100%;}
  #main > #actions > .buttons > * + *{margin-left: 0;margin-top: 8px;}
}
/* notification-area */
#notifications-area{position: fixed;bottom: 8px;left: 8px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
#notifications-area > * {white-space: nowrap;padding: 0 20px;margin-top: 0;line-height: 40px;background: #FF4444;color: #FFF;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;opacity: 0;height: 0;overflow: hidden;font-size: 15px;}
#notifications-area > .success{background: #33B5E5;}
#notifications-area > *.active{opacity: 1;height: 48px;margin-top: 4px;}
/* content */
#main > #content{padding: 80px 0 80px 300px;background: #F4F4F4;min-height: 100vh;display: block;width: 100%;}
#main > #content > .inner {padding: 20px;}
@media only screen and (max-width: 1200px){
  #main > #content{padding: 0;position: relative;min-height: 0;}
}
/* sidebar-nav */
.sidebar-nav .item > .items{display: none;margin: 8px 0 12px 12px;}
.sidebar-nav .item.opened > .items{display: block;font-size: 15px;}
.sidebar-nav .item > a{color: rgba(255,255,255,.75);text-decoration: none;text-transform: uppercase;display: block;position: relative;}
.sidebar-nav .item.has-submenu > a{padding-left: 24px;}
.sidebar-nav .item > a > span{position: absolute;top: 50%;left: 0;font-family: 'themify';font-size: 12px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.sidebar-nav .item > a > span::before{content: "\e61a";}
.sidebar-nav .item.opened > a > span::before{content: "\e646";}
.sidebar-nav .item > a:hover, .sidebar-nav .item > a:focus{color: #FFF;}
.sidebar-nav .item + .item{margin-top: 8px;}
/* avatar-letter */
.avatar-letter{font-size: 24px;text-transform: uppercase;line-height: 48px;width: 48px;background: var(--color);display: block;color: #FFF;text-align: center;-webkit-border-radius: 48px;border-radius: 48px;}
/* avatar-letter */
.holder-files > .files{display: flex;flex-wrap: wrap;}
.holder-files > .files > .item{display: flex;justify-content: flex-start;}
@media only screen and (max-width: 768px){
  .holder-files > .files{justify-content: space-around;}
}
.contextual-close{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 99998;background: var(--color);opacity: 0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;pointer-events: none;}
.contextual-close.opened{opacity: .5;pointer-events: all;}
.has-contextual{position: relative;}
.has-contextual .contextual{display: none;position: absolute;top: 100%;right: 1px;background: #FFF;border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 0 1px var(--color), 0 5px 10px 0px rgba(0,0,0,0.25);box-shadow: 0 0 0 1px var(--color), 0 5px 10px 0px rgba(0,0,0,0.25);z-index:99999;}
.has-contextual.opened .contextual{display: block;}
.has-contextual .contextual > a{color: #444444;display: block;text-align: left;padding: 12px;white-space: nowrap;min-width: 240px;text-decoration: none;}
.has-contextual .contextual > a:hover{background: var(--color);color: #FFF;}
.has-contextual .contextual > a + a{border-top: 1px solid #CCC;}
@media only screen and (max-width: 768px){
  .has-contextual .contextual{right: auto;left: 16px;transform: translateX(-50%);}
  .has-contextual .contextual > a{min-width: 0;text-align: center;}
}
/* item file */
.item-file{padding: 16px;width: 180px;position: relative;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;}
.item-file > .item-actions{position: absolute;top: 0;right: 0;display: none;}
.item-file:hover > .item-actions, .item-file.opened > .item-actions{display: block;}
.item-file > .item-actions > a{line-height: 32px;font-size: 18px;width: 32px;height: 32px;background: #000;color: #FFF;background: var(--color);-webkit-border-radius: 2px;border-radius: 2px;display: block;text-decoration: none;}
.item-file.opened > .item-actions > a > i::before{content: "\e646";}
.item-file.parent{align-self: center;}
.item-file:hover, .item-file.opened{background: #FFF;box-shadow: inset 0px 0px 0px 3px var(--color);}
.item-file > .icon{width: 100%;text-align: center;position: relative;}
.item-file > .image{height: 116px;margin-bottom: 8px; position: relative;background: url("../images/bgimg.png") center center #EEE;-webkit-border-radius: 3px;border-radius: 3px;}
.item-file > .image > img{position: absolute;top: 50%;left: 50%;width: auto;height: auto;max-width: calc(100% - 16px);max-height: calc(100% - 16px);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.15);box-shadow: 0 5px 10px 0px rgba(0,0,0,0.15);}
.item-file > .image.png > img{-webkit-box-shadow: none;box-shadow: none;-webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,0.25));filter: drop-shadow(0 5px 10px rgba(0,0,0,0.25));}
.item-file:hover > .icon{color: var(--color);}
.item-file > .icon > i{font-size: 96px;line-height: 1.2;}
.item-file > .icon > .ext{position: absolute;text-align: center;left: 0;right: 0;bottom: 20px;font-size: 12px;}
.item-file > .icon + .info{margin-top: 12px;}
.item-file > .info > .filename {text-transform: uppercase;font-weight: 500;font-size: 13px;}
.item-file > .info > .details {font-size: 12px;color: #CCC;}
@media only screen and (max-width: 1200px){
  .item-file{width: 150px;}
  .item-file > .image{height: 96px;}
  .item-file > .icon > i{font-size: 80px;}
}
@media only screen and (max-width: 768px){
  .item-file{width: 120px;}
  .item-file > .image{height: 80px;}
  .item-file > .icon > i{font-size: 64px;}
}
/* order-files */
* + .order-files, .order-files + *{margin-top: 0px;}
.order-files{display: flex;align-items: center;color: #FFF;padding: 20px;position: relative;background: var(--color)}
.order-files::before{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.15);z-index: 0;}
.order-files > *{z-index: 2;}
.order-files > * + *{margin-left: 20px;}
.order-files > .actions > a{position: relative;padding: 0;text-decoration: none;}
.order-files > .actions > a + a{margin-left: 12px;}
.order-files > .actions > a > i{font-size: 28px;color: #FFF;}
.order-files > .actions > a > i + i{position: absolute;top: 0;right: 0;font-size: 12px;text-align: center;color: #FFF;background: #4CAF50;-webkit-transform: translate(8px, -16px);transform: translate(8px, -16px);width: 20px;-webkit-border-radius: 20px;border-radius: 20px;line-height: 20px;}
@media only screen and (max-width: 1200px){
  .order-files{padding: 16px 20px;}
}
@media only screen and (max-width: 768px){
  .order-files > * + *{margin-left: 0;margin-top: 16px;}
  .order-files{flex-wrap: wrap;}
  .order-files > .desc{width: 100%;text-align: center;}
  .order-files > .actions{width: 100%;text-align: center;}
  * + .order-files, .order-files + *{margin-top: 0px;}
}
/* popup */
.popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;visibility: none;pointer-events: none;}
.popup.opened{visibility: visible;pointer-events: all;}
.popup::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: " ";opacity: 0;background: #FFF;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.popup.opened::after{background: var(--color);opacity: .5;}
.popup > .holder{z-index: 1000;position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;overflow: hidden;padding: 16px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.popup > .holder > .item{padding: 32px;background: #FFF;opacity: 0;-webkit-transform: translateY(32px) scale(.8);transform: translateY(32px) scale(.8);-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;-webkit-border-radius: 3px;border-radius: 3px;width: 480px;max-width: 100%;-webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.25); box-shadow: 0 1px 2px 0px rgba(0,0,0,0.25);}
.popup.opened > .holder > .item{-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);-webkit-transition-delay: .1s;  transition-delay: .1s;-webkit-transform: translateY(0) scale(1);transform: translateY(0) scale(1);opacity: 1;}
.popup > .holder > .item > .close{position: absolute;top: 8px;right: 8px;text-decoration: none;color: #444;}
.popup .popup-title{text-align: center;font-size: 22px;margin-bottom: 32px;}
.popup .popup-logo{display: flex;justify-content: center;margin-bottom: 48px;}
.popup .popup-logo > img{max-height: 50px;max-width: 200px;}
/* holder-list-items */
.holder-list-items {}
.holder-list-items .list-items .item + .item{margin-top: 12px;}
.card-user{display: flex;align-items: center;background: #FFF;border-radius: 3px;-webkit-border-radius: 3px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.card-user:hover{-webkit-box-shadow: 0 0 0 2px var(--color), 0 5px 10px 0px rgba(0,0,0,0.05);box-shadow: 0 0 0 2px var(--color), 0 5px 10px 0px rgba(0,0,0,0.05);}
.card-user > * {padding: 10px;}
.card-user > .user-details{flex-grow: 1;}
.card-user > .item-actions{display: flex;}
.card-user > .item-actions > * + * {margin-left: 4px;}
@media only screen and (max-width: 768px){
  .card-user > .item-actions > * + *{margin-left: 2px;}
}
/* upload files */
* + .upload-files:not(.dragenter), .upload-files:not(.dragenter) + *{margin-top: 48px;}
.upload-files{position: relative;background: #FFF;padding: 32px;border: 1px dashed var(--color);text-align: center;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;color: var(--color);display: flex;min-height: 20vh;align-items: center;justify-content: center;flex-direction: column;}
.upload-files:not(.upload-ready){cursor: pointer;}
.upload-files > label{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.upload-files > input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.upload-files > .icon > i{font-size: 48px;}
.upload-files > .icon > i{display: block;}
.upload-files > .icon > span.info{display: block;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;margin-top: 16px;}
.upload-files > .item-actions{position: relative;z-index: 2;margin-top: 32px;display: none;}
.upload-files.upload-ready > .item-actions{display: block;}
.upload-files.dragenter{border:none;/* background: #333;color: #FFF;*/}
.upload-files.dragenter{position: fixed;top: 0;left: 300px;bottom: 0;right: 0;z-index: 9999;}
.upload-files.dragenter > .icon > i::before{content: "\e637";}
@media only screen and (max-width: 768px){
  .upload-files{min-height: auto;}
}
/* fancy */
body .fancybox-bg{background: var(--color);opacity: .95 !important;}
body .fancybox-slide--image{padding: 0;}
body .fancybox-infobar{display: none;}
body .fancybox-button > div{position: relative;}
body .fancybox-button:disabled{display: none;}
body .fancybox-button {background: transparent;}
body .fancybox-button > div::after{font-family: "themify";content: "\e646";position: absolute;top: 50%;left: 50%;color: #000;font-weight: normal;font-size: 32px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
body .fancybox-button--arrow_right > div::after{content: "\f274";}
body .fancybox-button > div > svg{display: none;}
body .fancybox-button--close{color: #FFF !important;width: auto;height: auto;}
body .fancybox-button--close > svg{display: none;}
body .fancybox-button--close::after{font-size: 32px;line-height: 1;font-family: "themify";content: "\e646";}
body .fancybox-button--close:hover, body .fancybox-button--close:focus{color: #000;}
body .fancybox-button--zoom{display: none !important;}
body .fancybox-button--download{color: #FFF !important;width: auto;height: auto;}
body .fancybox-button--download > svg{display: none;}
body .fancybox-button--download::after{font-size: 32px;line-height: 1;font-family: "themify";content: "\e6a7";}
body .fancybox-button--download:hover, body .fancybox-button--download:focus{color: #000;}
/*# forms */
* + .form-actions, .form-actions + * {margin-top: 40px;}
.form-actions{display: flex;justify-content:space-between;}
.form-actions > * + *{margin-left: 8px;}
@media only screen and (max-width: 572px){
  * + .form-actions, .form-actions + *{margin-top: 32px;}
  .form-actions{flex-wrap: wrap;}
  .form-actions > *{width: 100%;}
  .form-actions > * + *{margin-left: 0;margin-top: 8px;}
}
::-webkit-input-placeholder {font-size: 16px;color: #CCCC;}
::-moz-placeholder {font-size: 16px;color: #CCC;}
:-ms-input-placeholder {font-size: 16px;color: #CCC;}
:-moz-placeholder {font-size: 16px;color: #CCC;}
label{position: relative;letter-spacing: 1px;color: #444;display: block;font-family: "Barlow";font-weight: 500;margin: 0;font-size: 12px;text-transform: uppercase;}
.image-in-label{max-width: 100%;height: 24px;display: inline-block;}
.field{display: block;}
.field label + *{margin-top: 4px;}
.field + .field {margin-top: 20px;}
.legend + *, * + .legend{margin-top: 36px;}
.field > input[type=text],
.field > input[type=email],
.field > input[type=number],
.field > input[type=search],
.field > input[type=url],
.field > input[type=tel],
.field > input[type=password],
.field > input[type=time],
.field > input[type=date],
.field > textarea,
.field > select > option,
.field > select{font-family: "Barlow";color: #474747;border: 1px solid #CCC;font-weight: 400;font-size: 16px;line-height: 1.2;padding: 12px;-webkit-appearance: none;-moz-appearance:none;appearance: none;display: block;width: 100%;background: #FFF;outline: none;-webkit-transition: ease-in-out all .2s;transition: ease-in-out all .2s;-webkit-border-radius: 2px;border-radius: 2px;}
textarea{height:120px;max-height: 100%;}
.field.sm > label{font-size: 16px;}
.field.sm > label + *{margin-top: 4px;}
.field.sm > select{font-size: 18px;line-height: 1;}
textarea:focus{min-height: auto;}
.field > input[type=text]:focus,
.field > input[type=email]:focus,
.field > input[type=number]:focus,
.field > input[type=search]:focus,
.field > input[type=url]:focus,
.field > input[type=tel]:focus,
.field > input[type=password]:focus,
.field > input[type=time]:focus,
.field > input[type=date]:focus,
.field > textarea:focus,
.field > select:focus{border-color: var(--color);color: var(--color);background: #FFF;}
.field > input[type=checkbox], .field > input[type=file], .field > input[type=radio]{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.field > input[type=checkbox] + label::after, .field > input[type=file] + label::after{display: none;}
.field > input[type=checkbox] + label, .field > input[type=file] + label{position: relative;padding-left: 32px;cursor: pointer;}
.field > input[type=checkbox] + label::before, .field > input[type=file] + label::before{font-family: "FontAwesome";content: " ";-webkit-box-sizing: content-box;box-sizing: content-box;text-align: center;-webkit-border-radius: 2px;border-radius: 2px;background: #FFF;border: 1px solid #B7B0C4;width: 16px;line-height: 16px;height: 16px;text-align: center;display: block;font-size: 12px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.field > input[type=checkbox]:checked + label::before, .field > input[type=file].active + label::before{content: "\f17b";color: #FFF;background:#706289;border-color: #706289;}
*:required{box-shadow:none;}
.field > .info{padding: 12px;color: #888;background: #EEE;font-size: 14px;-webkit-border-radius: 2px;border-radius: 2px;text-align: center;}
.field > .danger{padding: 12px;text-align: center;background: #F44336;color: #FFF;font-weight: 600;font-size: 17px;-webkit-border-radius: 2px;border-radius: 2px;}
.field > * + .info{margin-top: 8px;}
.field > input[type=text]:invalid,
.field > input[type=email]:invalid,
.field > input[type=number]:invalid,
.field > input[type=search]:invalid,
.field > input[type=url]:invalid,
.field > input[type=tel]:invalid,
.field > input[type=password]:invalid,
.field > textarea:invalid,
.field > select:invalid{border-color: #F44336;-webkit-box-shadow: none;box-shadow: none;}
input:disabled, select:disabled, textarea:disabled{opacity: .25;pointer-events: none;}