html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin:0;padding:0;border:0;font-size:0;font:inherit;vertical-align:top; } 
html, body{ width:100%;height:100%;min-height:100%;margin:0;background-color:#E9EAEC;font-size:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch; } a{ color:inherit;text-decoration:none;cursor:pointer; } p{ word-wrap:normal; } ul{ font-size:0; } ul a{ display:block; } li,ol,ul{ list-style-type:none;text-decoration:none; } table{ border-collapse:collapse;border-spacing:0; }
textarea{ outline:none;resize:none;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; } input{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } input[type="submit"], button{ text-align:center;cursor:pointer; } input, button, select, textarea, checkbox, select{ -webkit-appearance:none;-moz-appearance:none;border:none;border-radius:0;-webkit-border-radius:0;outline:none;border:solid transparent 0;background-color:#FFF; } ::placeholder{ color:#484848; }::-webkit-input-placeholder{ color:#484848; }:-moz-placeholder{ color:#484848;opacity:1; }::-moz-placeholder{ color:#484848;opacity:1; }:-ms-input-placeholder{ color:#484848; }input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type="number"]{appearance:textfield;-moz-appearance:textfield;}input[type="time"]::-webkit-clear-button{display:none;}input[type="time"]::-webkit-inner-spin-button{display:none;}
@font-face{ font-family:"Montserrat";font-weight:300;font-style:normal;src:url("../../resources/fonts/montserrat/Montserrat-Light.eot") format("eot"),   url("../../resources/fonts/montserrat/Montserrat-Light.woff") format("woff"),   url("../../resources/fonts/montserrat/Montserrat-Light.woff2") format("woff2");    }
@font-face{ font-family:"Montserrat";font-weight:400;font-style:normal;src:url("../../resources/fonts/montserrat/Montserrat-Regular.eot") format("eot"), url("../../resources/fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("../../resources/fonts/montserrat/Montserrat-Regular.woff2") format("woff2");  }
@font-face{ font-family:"Montserrat";font-weight:500;font-style:normal;src:url("../../resources/fonts/montserrat/Montserrat-Medium.eot") format("eot"),  url("../../resources/fonts/montserrat/Montserrat-Medium.woff") format("woff"),  url("../../resources/fonts/montserrat/Montserrat-Medium.woff2") format("woff2");   }
@font-face{ font-family:"Montserrat";font-weight:700;font-style:normal;src:url("../../resources/fonts/montserrat/Montserrat-SemiBold.eot") format("eot"),url("../../resources/fonts/montserrat/Montserrat-SemiBold.woff") format("woff"),url("../../resources/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"); }
html, body, div, input, textarea, button, select, label{ font-family:"Montserrat", Helvetica, sans-serif; }

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - ANIMATIONS ============================= **** MOVE ANIMATIONS TO SEPERATE STYLESHEET IN CORE ****
** ==========================================================
*/

/*==== ANIMATIONS - SHAKE ==========================*/
/*==================================================*/

.KANIMATION-shake{
    -webkit-animation:shake 600ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -moz-animation:shake 600ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation:shake 600ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    perspective:1000px;
}

@-webkit-keyframes shake{
    10%, 90%{ 
        -webkit-transform:translate3d(-1px, 0, 0);
        -moz-transform:translate3d(-1px, 0, 0);
        -ms-transform:translate3d(-1px, 0, 0);
        transform:translate3d(-1px, 0, 0);
    }
    20%, 80%{
        -webkit-transform:translate3d(2px, 0, 0);
        -moz-transform:translate3d(2px, 0, 0);
        -ms-transform:translate3d(2px, 0, 0);
        transform:translate3d(2px, 0, 0);
    }
    30%, 50%, 70%{
        -webkit-transform:translate3d(-4px, 0, 0);
        -moz-transform:translate3d(-4px, 0, 0);
        -ms-transform:translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0);
    }
    40%, 60%{
        -webkit-transform:translate3d(4px, 0, 0);
        -moz-transform:translate3d(4px, 0, 0);
        -ms-transform:translate3d(4px, 0, 0);
        transform:translate3d(4px, 0, 0);
    }
}
@-moz-keyframes shake{
    10%, 90%{ 
        -webkit-transform:translate3d(-1px, 0, 0);
        -moz-transform:translate3d(-1px, 0, 0);
        -ms-transform:translate3d(-1px, 0, 0);
        transform:translate3d(-1px, 0, 0);
    }
    20%, 80%{
        -webkit-transform:translate3d(2px, 0, 0);
        -moz-transform:translate3d(2px, 0, 0);
        -ms-transform:translate3d(2px, 0, 0);
        transform:translate3d(2px, 0, 0);
    }
    30%, 50%, 70%{
        -webkit-transform:translate3d(-4px, 0, 0);
        -moz-transform:translate3d(-4px, 0, 0);
        -ms-transform:translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0);
    }
    40%, 60%{
        -webkit-transform:translate3d(4px, 0, 0);
        -moz-transform:translate3d(4px, 0, 0);
        -ms-transform:translate3d(4px, 0, 0);
        transform:translate3d(4px, 0, 0);
    }
}
@keyframes shake{
    10%, 90%{ 
        -webkit-transform:translate3d(-1px, 0, 0);
        -moz-transform:translate3d(-1px, 0, 0);
        -ms-transform:translate3d(-1px, 0, 0);
        transform:translate3d(-1px, 0, 0);
    }
    20%, 80%{
        -webkit-transform:translate3d(2px, 0, 0);
        -moz-transform:translate3d(2px, 0, 0);
        -ms-transform:translate3d(2px, 0, 0);
        transform:translate3d(2px, 0, 0);
    }
    30%, 50%, 70%{
        -webkit-transform:translate3d(-4px, 0, 0);
        -moz-transform:translate3d(-4px, 0, 0);
        -ms-transform:translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0);
    }
    40%, 60%{
        -webkit-transform:translate3d(4px, 0, 0);
        -moz-transform:translate3d(4px, 0, 0);
        -ms-transform:translate3d(4px, 0, 0);
        transform:translate3d(4px, 0, 0);
    }
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - DOM BASE ===============================
** ==========================================================
*/

body{
    background-color:#E9EAEC;
    background:-webkit-linear-gradient(152deg, #F8F9FB, #E8EAF0, #F2F3F8, #DEE1E8);
    background:-moz-linear-gradient(152deg, #F8F9FB, #E8EAF0, #F2F3F8, #DEE1E8);
    background:-o-linear-gradient(152deg, #F8F9FB, #E8EAF0, #F2F3F8, #DEE1E8);
    background:linear-gradient(152deg, #F8F9FB, #E8EAF0, #F2F3F8, #DEE1E8);
    overflow:hidden;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - PRIMARY ZONE ===========================
** ========================================================== ******** MOVE PACKAGE SPECIFIC ZONES TO PACKAGE SPECIFIC STYLESHEETS *********
*/

main{
    display:block;
    position:relative;z-index:10;
    top:0;left:0;
    margin:0;
    width:100%;min-width:430px;height:100%;min-height:100%;max-height:100%;padding:0;
    background-color:#F4F5F6;
    overflow:auto;
    scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
    -webkit-transition:-webkit-transform 800ms cubic-bezier(0.32, 0.32, 0.06, 1.165), -webkit-box-shadow 100ms linear;
    -moz-transition:-moz-transform 800ms cubic-bezier(0.32, 0.32, 0.06, 1.165), -moz-box-shadow 100ms linear;
    -ms-transition:-ms-transform 800ms cubic-bezier(0.32, 0.32, 0.06, 1.165), box-shadow 100ms linear;
    -o-transition:-o-transform 800ms cubic-bezier(0.32, 0.32, 0.06, 1.165), box-shadow 100ms linear;
    transition:transform 800ms cubic-bezier(0.32, 0.32, 0.06, 1.165), box-shadow 100ms linear;
}
body[data-perspective]:not([data-perspective="default"]):not([data-perspective=""]) main{  
    overflow:hidden;
    cursor:pointer;
    -webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
    -webkit-box-shadow:0 22px 70px -12px rgba(22, 23, 24, 0.38);
	-moz-box-shadow:0 22px 70px -12px rgba(22, 23, 24, 0.38);
	box-shadow:0 22px 70px -12px rgba(22, 23, 24, 0.38);
}
body[data-perspective]:not([data-perspective="default"]):not([data-perspective=""]) main:hover{}
body[data-perspective]:not([data-perspective="default"]):not([data-perspective=""]) main *{ 
    pointer-events:none; 
}
body[data-perspective="window"] main{
    -webkit-transform:scale(0.68);
    -moz-transform:scale(0.68);
    -ms-transform:scale(0.68);
    -o-transform:scale(0.68);
    transform:scale(0.68);
}
body[data-perspective="nav"] main{
    -webkit-transform:scale(0.82) translate(322px, 0);
    -moz-transform:scale(0.82) translate(322px, 0);
    -ms-transform:scale(0.82) translate(322px, 0);
    -o-transform:scale(0.82) translate(322px, 0);
    transform:scale(0.82) translate(322px, 0);
}
body.disable-scroll main{
    overflow:hidden !important;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - PRIMARY NAVIGATION =====================
** ==========================================================
*/

nav{
    position:-webkit-sticky;
    position:-moz-sticky;
    position:-ms-sticky;
    position:-o-sticky;
    position:sticky;
    z-index:10;
    top:0;left:0;
    opacity:1;
    -webkit-transition:top 450ms ease, opacity 450ms ease;
    -moz-transition:top 450ms ease, opacity 450ms ease;
    -ms-transition:top 450ms ease, opacity 450ms ease;
    -o-transition:top 450ms ease, opacity 450ms ease;
    transition:top 450ms ease, opacity 450ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - SIDE NAVIGATION ========================
** ==========================================================
*/

#KUI-side-navigation{
    display:none;
    position:absolute;top:0;left:0;z-index:2;
    width:calc(8% + 250px);height:100%;padding:0;
    margin:0;
    overflow:hidden;
}
#KUI-side-navigation > .safe-zone{
    position:relative;
    top:10%;margin:0;
    float:right;clear:right;
    width:84%;height:calc(90% - 110px);padding:0 0 110px 30px;
    overflow:auto;
}
#KUI-side-navigation > .safe-zone > .user{
    position:relative;
    top:20px;
    width:100%;height:auto;padding:0;
    opacity:0;
    -webkit-transition:opacity 200ms ease 50ms;
    -moz-transition:opacity 200ms ease 50ms;
    -ms-transition:opacity 200ms ease 50ms;
    -o-transition:opacity 200ms ease 50ms;
    transition:opacity 200ms ease 50ms;
}
#KUI-side-navigation .KUI-user-photo,
#KUI-side-navigation .KUI-notification-count{
    -webkit-transition:-webkit-transform 350ms cubic-bezier(0.32, 0.32, 0.06, 1.2) 300ms;
    -moz-transition:-moz-transform 350ms cubic-bezier(0.32, 0.32, 0.06, 1.2) 300ms;
    -ms-transition:-ms-transform 350ms cubic-bezier(0.32, 0.32, 0.06, 1.2) 300ms;
    -o-transition:-o-transform 350ms cubic-bezier(0.32, 0.32, 0.06, 1.2) 300ms;
    transition:transform 350ms cubic-bezier(0.32, 0.32, 0.06, 1.2) 300ms;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
#KUI-side-navigation .KUI-user-photo{
    display:inline-block;
    position:relative;
    width:64px;height:64px;padding:0;
    margin:1px 0 0 5px;vertical-align:top;
    background-color:#FFF;
    cursor:pointer;
    overflow:hidden;
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 6px 26px -6px rgba(32, 33, 34, 0.58);
	-moz-box-shadow:0 6px 26px -6px rgba(32, 33, 34, 0.58);
	box-shadow:0 6px 26px -6px rgba(32, 33, 34, 0.58);
}
#KUI-side-navigation .KUI-user-photo img{
    width:64px;height:64px;
    object-fit:cover;
}
#KUI-side-navigation .KUI-user-photo img[src="kolbing/lib/resources/visual/interface/5C.png"]{
    width:32px;
    object-fit:contain;
}
#KUI-side-navigation .KUI-notification-count{ 
    display:inline-block;
    position:absolute;top:0;left:52px;z-index:2;
    width:21px;height:21px;padding:0;
    margin:0;vertical-align:top;
    background-color:#627E96;
    overflow:hidden;
    text-align:center;
    font-size:11.5px;color:#FFF;font-weight:300;letter-spacing:0.5px;line-height:22px;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 2px 10px -2px rgba(30, 31, 32, 0.72);
	-moz-box-shadow:0 2px 10px -2px rgba(30, 31, 32, 0.72);
	box-shadow:0 2px 10px -2px rgba(30, 31, 32, 0.72);
    -webkit-transition-delay:460ms;
    -moz-transition-delay:460ms;
    -ms-transition-delay:460ms;
    -o-transition-delay:460ms;
    transition-delay:460ms;
}
#KUI-side-navigation .user-information{
    display:inline-block;
    position:relative;
    width:calc(100% - 100px);height:auto;padding:18px 0 0 14px;
    margin:0;vertical-align:top;
    overflow:hidden;white-space:nowrap;
    text-align:left;text-overflow:ellipsis;
    font-size:15px;color:#3D4144;font-weight:500;letter-spacing:0;line-height:18px;
}
#KUI-side-navigation .user-information .user-date{
    font-size:13px;color:#6A6D71;letter-spacing:0.1px;font-weight:500;line-height:16px;
}
#KUI-side-navigation ul.nav-options{
    position:relative;
    width:100%;height:auto;padding:0;
    margin:72px 0 0 0;
    background-color:transparent;
}
#KUI-side-navigation ul.nav-options li{
    display:block;
    position:relative;
    width:calc(100% - 25px);height:auto;padding:6px 0 6px 25px;
    margin:15px 0;margin-top:180px;
    background-color:transparent;
    background-image:url("../../resources/visual/buttons/19D.png");background-repeat:no-repeat;background-size:18px auto;background-position:0 center;
    opacity:0;
    cursor:pointer;
    overflow:hidden;white-space:nowrap;
    text-align:left;text-overflow:ellipsis;
    font-size:16px;color:#484C50;font-weight:400;letter-spacing:0.2px;line-height:26px;
    -webkit-transition:padding-left 160ms ease, margin-top 650ms ease 50ms, opacity 600ms ease 80ms, background-position 260ms cubic-bezier(0.38, 0.36, 0.02, 1.26);
    -moz-transition:padding-left 160ms ease, margin-top 650ms ease 50ms, opacity 600ms ease 80ms, background-position 260ms cubic-bezier(0.38, 0.36, 0.02, 1.26);
    -ms-transition:padding-left 160ms ease, margin-top 650ms ease 50ms, opacity 600ms ease 80ms, background-position 260ms cubic-bezier(0.38, 0.36, 0.02, 1.26);
    -o-transition:padding-left 160ms ease, margin-top 650ms ease 50ms, opacity 600ms ease 80ms, background-position 260ms cubic-bezier(0.38, 0.36, 0.02, 1.26);
    transition:padding-left 160ms ease, margin-top 650ms ease 50ms, opacity 600ms ease 80ms, background-position 260ms cubic-bezier(0.38, 0.36, 0.02, 1.26);
}
#KUI-side-navigation ul.static-nav-options{
    margin:88px 0 0 0;
}
#KUI-side-navigation ul.static-nav-options li{
    background-size:16px auto;
    font-size:14.5px;color:#808387;font-weight:500;line-height:18px;
}
#KUI-side-navigation ul.static-nav-options li.settings-option{
    background-image:url("../../resources/visual/interface/17B.png");
    line-height:23px;
}
#KUI-side-navigation ul.static-nav-options li.logout-option,
#KUI-side-navigation ul.static-nav-options li.login-option{
    background-image:url("../../resources/visual/interface/18B.png");
}
#KUI-side-navigation ul.nav-options .option-border{
    position:absolute;bottom:0;left:0;z-index:1;
    width:0;height:3px;
    background-color:#627E96;
    -webkit-transition:width 180ms ease;
    -moz-transition:width 180ms ease;
    -ms-transition:width 180ms ease;
    -o-transition:width 180ms ease;
    transition:width 180ms ease;
}
#KUI-side-navigation ul.nav-options li:hover{
    padding-left:8px;
    background-position:left 42px !important;
}
#KUI-side-navigation ul.nav-options li:hover .option-border{
    width:50%;
}
#KUI-side-navigation[data-active="true"] ul.nav-options li{
    margin-top:15px;
    opacity:1;
}
#KUI-side-navigation[data-active="true"] > .safe-zone > .user{
    opacity:1;
}
#KUI-side-navigation[data-active="true"] .KUI-user-photo,
#KUI-side-navigation[data-active="true"] .KUI-notification-count{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-side-navigation[data-active="kill"]{
    left:-120px;
    -webkit-transition:left 350ms ease;
    -moz-transition:left 350ms ease;
    -ms-transition:left 350ms ease;
    -o-transition:left 350ms ease;
    transition:left 350ms ease;
}


/*==== NAVIGATION - OPEN MOBILE NAV ================*/
/*==================================================*/

#KUI-open-side-navigation-btn{
    display:none;
    position:fixed;top:-100px;left:6px;z-index:20;
    width:48px;height:48px;padding:0;
    background-color:rgba(253, 253, 255, 0.9);
    cursor:pointer;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
    -webkit-box-shadow:0 4px 26px -4px rgba(32, 32, 32, 0.48);
	-moz-box-shadow:0 4px 26px -4px rgba(32, 32, 32, 0.48);
	box-shadow:0 4px 26px -4px rgba(32, 32, 32, 0.48);
    -webkit-transition:top 300ms ease;
    -moz-transition:top 300ms ease;
    -ms-transition:top 300ms ease;
    -o-transition:top 300ms ease;
    transition:top 300ms ease;
}
#KUI-open-side-navigation-btn .lines{
    position:absolute;top:15px;left:10px;z-index:1;
    width:30px;height:auto;
}
#KUI-open-side-navigation-btn .line{
    width:60%;height:4px;
    margin:0;
    background-color:#989AA2;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-transition:width 150ms ease;
    -moz-transition:width 150ms ease;
    -ms-transition:width 150ms ease;
    -o-transition:width 150ms ease;
    transition:width 150ms ease;
}
#KUI-open-side-navigation-btn .line:nth-child(2){
    width:100%;
    margin:3px 0;
}
#KUI-open-side-navigation-btn .line:nth-child(3){
    width:75%;
}
#KUI-open-side-navigation-btn:hover .line{
    width:50%;
}
#KUI-open-side-navigation-btn:hover .line:nth-child(2){
    width:100%;
}
#KUI-open-side-navigation-btn:hover .line:nth-child(3){
    width:70%;
}
#KUI-open-side-navigation-btn[data-active="true"]{
    top:6px;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - FOOTER =================================
** ==========================================================
*/

footer{}
footer .KUI-site-map{  
    position:relative;top:0;left:18px;
    width:264px;height:auto;padding:16px 0 18px 0;
    margin:0;
    text-align:left;
}
footer .KUI-site-map > ul{
    display:inline-block;
    position:relative;
    width:auto;height:auto;padding:0;
    margin:0 6px;vertical-align:top;
    background-color:transparent;
}
footer .KUI-site-map > ul:nth-child(2){
    margin-left:20px;
}
footer .KUI-site-map > ul > li{
    position:relative;
    width:auto;height:auto;padding:4px 0;
    margin:0;
    background-color:transparent;
    cursor:pointer;
    text-align:left;
    font-size:12px;color:rgba(255, 255, 255, 0.88);font-weight:400;letter-spacing:0.4px;line-height:16px;
}
footer .KUI-site-map > ul > li.heading{
    font-weight:500;color:rgba(255, 255, 255, 0.66);
}
footer .KUI-logo{
    position:absolute;bottom:26px;right:16px;z-index:2;
    width:160px;height:auto;
    font-size:14.5px;color:rgba(255, 255, 255, 0.65);font-weight:500;letter-spacing:0.4px;line-height:18px;
}
footer .KUI-logo span{
    font-weight:300;
}
footer .KUI-site-map > ul > li:not(.heading):hover,
footer .KUI-logo:hover{
    color:#FFF;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - ZONE ADJUSTMENTS =======================
** ==========================================================
*/

.disabled-zone{ 
    pointer-events:none !important;
}
.KUI-hide{ 
    display:none !important;
    pointer-events:none !important;
}
.KUI-blur{ 
    -webkit-filter:blur(5px);
    -moz-filter:blur(5px);
    -ms-filter:blur(5px);
    -o-filter:blur(5px);
    filter:blur(5px);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - CONTENT MASK ===========================
** ==========================================================
*/

.KUI-content-mask::after{
    content:'';
    display:block;
    position:fixed;z-index:10;
    top:0;left:0;
    margin:0;
	width:100%;height:100%;padding:0;
    background-color:rgba(36, 36, 40, 0.9);
    opacity:0;
    -webkit-animation:fadeInContentMask 250ms forwards;
    -moz-animation:fadeInContentMask 250ms forwards;
    -ms-animation:fadeInContentMask 250ms forwards;
    animation:fadeInContentMask 250ms forwards;
}

@-webkit-keyframes fadeInContentMask{ 100%{ opacity:1; } }
@-moz-keyframes fadeInContentMask{ 100%{ opacity:1; } }
@-ms-keyframes fadeInContentMask{ 100%{ opacity:1; } }
@keyframes fadeInContentMask{ 100%{ opacity:1; } }

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - USER ===================================
** ==========================================================
*/

#KUI-user{
    display:none;
    position:fixed;z-index:10;
    bottom:0;left:0;right:0;margin:0 auto;
	width:80px;height:80px;padding:0;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - BUTTONS ================================
** ==========================================================
*/

.KUI-button{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:48px;padding:0 24px 0 10px;
    background-color:#000;
    background-image:url("../../resources/visual/buttons/19B.png");background-repeat:no-repeat;background-size:16px auto;background-position:calc(100% - 6px) center;
    cursor:pointer;
    overflow:hidden;
    text-align:center;
    font-size:13.5px;color:#FFF;font-weight:400;letter-spacing:0.6px;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; 
    -webkit-box-shadow:0 6px 24px -4px rgba(10, 10, 14, 0.48);
	-moz-box-shadow:0 6px 24px -4px rgba(10, 10, 14, 0.48);
	box-shadow:0 6px 24px -4px rgba(10, 10, 14, 0.48);
    -webkit-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -moz-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -ms-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -o-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
}
.KUI-button:hover{ 
    padding:0 17px;
    background-position:120% center;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - INPUT FIELDS ===========================
** ==========================================================
*/

.KUI-field-group{
    display:inline-block;
    margin:0;
    vertical-align:top;
    position:relative;
    height:auto;padding:0; 
}


.KUI-field-group-heading{
    position:relative;
    margin:12px 0;
    width:calc(100% - 24px);height:auto;padding:10px 12px;
    background-color:#E8E8EA;
    text-align:left;
    font-size:15px;color:#000;font-weight:500;letter-spacing:0;line-height:15px;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.KUI-field-group-heading > img{
    display:inline-block;
    margin:-2px 4px 0 0;
    vertical-align:middle;
    width:16px;height:auto;
}
.KUI-field-group-heading > span{}


.KUI-field{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:100%;height:auto;padding:8px 0;
    background-color:transparent;
    border-top:2px solid #E4E4E6; 
    text-align:left;
}
.KUI-field:not([data-format="hidden"]):last-child{
    border-bottom:2px solid #E4E4E6; 
}
.KUI-field[data-pair]{ 
    width:50%; 
}
.KUI-field .field-input{
    position:relative;z-index:1;
    width:100%;height:38px;padding:17px 0 0 12px;  
    margin:0;vertical-align:top;
    background-color:transparent;
    text-align:left;
    font-size:14.5px;color:#000;font-weight:500;letter-spacing:0.2px;
}
.KUI-field .field-input:-webkit-autofill{ background-color:transparent !important; }
.KUI-field .field-input:-moz-autofill{ background-color:transparent !important; }
.KUI-field .field-input:autofill{ background-color:transparent !important; }
.KUI-field label,
.KUI-field .label{    
    display:block;
    position:absolute;z-index:1; 
    top:50%;left:0;
    margin:0;
    width:calc(100% - 12px);height:auto;padding:0 0 0 12px;
    background-color:transparent;
    background-repeat:no-repeat;background-size:14px auto;background-position:0 center;
    text-align:left;
    pointer-events:none;cursor:default;
    font-size:13.5px;color:#424244;font-weight:500;letter-spacing:0.3px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    -moz-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    -ms-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    -o-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
}
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ label,
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ .label{
    padding-top:13px;
}
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ label::before,
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ .label::before{
    content:'Required';
    display:block;
    position:absolute;z-index:1;
    top:0;left:12px;
    width:58px;height:auto;padding:0;
    background-color:transparent;
    font-size:11.5px;color:#000;font-weight:500;letter-spacing:0;line-height:12px;
    -webkit-transition:opacity 160ms ease;
    -moz-transition:opacity 160ms ease;
    -ms-transition:opacity 160ms ease;
    -o-transition:opacity 160ms ease;
    transition:opacity 160ms ease;
}
input[name="noin"]{
    width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;background:none !important;border:none !important;outline:none !important;font-size:0 !important; 
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - DATE ====================================
** ==========================================================
*/

.KUI-date-selector{
    position:relative;z-index:5;
    margin:0;
    width:100%;min-width:172px;height:auto;padding:0;
    background-color:transparent;
    text-align:center;
    -webkit-transition:top 240ms ease;
    -moz-transition:top 240ms ease;
    -ms-transition:top 240ms ease;
    -o-transition:top 240ms ease;
    transition:top 240ms ease;
}
.KUI-date-selector > .selectors{
    position:relative;
    margin:0;
    width:100%;height:84px;padding:0;
    background-color:#FFF;
    overflow:hidden;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:height 240ms ease;
    -moz-transition:height 240ms ease;
    -ms-transition:height 240ms ease;
    -o-transition:height 240ms ease;
    transition:height 240ms ease;
}
.KUI-date-selector > .selectors > .column{
    display:inline-block;
    position:relative;z-index:1;
    margin:0 1px;
    vertical-align:top;
    position:relative;
    width:calc(38% - 4px);height:100%;padding:0; 
    overflow:hidden;
}
.KUI-date-selector > .selectors > .column:nth-child(2){
    width:calc(30% - 4px);
    border-left:2px solid #F0F0F0;border-right:2px solid #F0F0F0;
}
.KUI-date-selector > .selectors > .column:nth-child(3){
    width:calc(32% - 4px);
}
.KUI-date-selector > .selectors > .column > span{
    display:inline-block;
    margin:0;
    vertical-align:top;
    width:100%;height:20px;padding:7px 0 0 0;
    background-color:transparent;
    font-size:14.5px;color:#000;font-weight:400;letter-spacing:0.2px;line-height:14.5px;
}
.KUI-date-selector > .selectors > .column > button{
    display:block;
    position:relative;
    width:100%;height:26px;padding:0;
    background-color:#FFF;
    background-image:url("../../resources/visual/buttons/21D.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    cursor:pointer;
    -webkit-transition:height 240ms ease, opacity 240ms ease;
    -moz-transition:height 240ms ease, opacity 240ms ease;
    -ms-transition:height 240ms ease, opacity 240ms ease;
    -o-transition:height 240ms ease, opacity 240ms ease;
    transition:height 240ms ease, opacity 240ms ease;
}
.KUI-date-selector > .selectors > .column > button.add{
    background-image:url("../../resources/visual/buttons/20C.png");
}
.KUI-date-selector > button.collapse{
    display:inline-block;
    position:relative;
    margin:6px 0 0 0;
    vertical-align:top;
    width:100%;height:28px;padding:0;
    background-color:#FFF;
    cursor:pointer;
    font-size:13.5px;color:#000;font-weight:400;letter-spacing:0.2px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:-webkit-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -moz-transition:-moz-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -ms-transition:-ms-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -o-transition:-o-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    transition:transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
}
.KUI-date-selector[data-collapsed] > .selectors{
    height:28px;
    cursor:pointer;
}
.KUI-date-selector[data-collapsed] > .selectors > .column > button{
    height:0;
    opacity:0;
}
.KUI-date-selector[data-collapsed] > button.collapse{
    pointer-events:none;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}


/*==== DATE - FIELD FORMAT =========================*/
/*==================================================*/

.KUI-field[data-type="date"]{
    min-width:222px;height:38px;
    cursor:pointer;
}
.KUI-field[data-type="date"] .KUI-date-selector{
    position:absolute;z-index:2;
    top:-14px;right:0;
    margin:0 auto;
    width:60%;max-width:200px;
}
.KUI-field[data-type="date"] .KUI-date-selector[data-collapsed]{
    top:14px;
}
.KUI-field[data-type="date"] .KUI-date-selector[data-collapsed] > .selectors{
    background-color:transparent;
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - TIME ====================================
** ==========================================================
*/

.KUI-time-selector{
    position:relative;
    margin:0;
    width:100%;min-width:150px;max-width:180px;height:auto;padding:0;
    background-color:transparent;
    text-align:center;
    -webkit-transition:top 240ms ease;
    -moz-transition:top 240ms ease;
    -ms-transition:top 240ms ease;
    -o-transition:top 240ms ease;
    transition:top 240ms ease;
}
.KUI-time-selector > .selectors{
    position:relative;
    margin:0;
    width:100%;height:84px;padding:0;
    background-color:#FFF;
    overflow:hidden;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:height 240ms ease;
    -moz-transition:height 240ms ease;
    -ms-transition:height 240ms ease;
    -o-transition:height 240ms ease;
    transition:height 240ms ease;
}
.KUI-time-selector > .selectors > .column{
    display:inline-block;
    position:relative;z-index:1;
    margin:0 1px;
    vertical-align:top;
    position:relative;
    width:calc(33.3% - 4px);height:100%;padding:0; 
    overflow:hidden;
}
.KUI-time-selector > .selectors > .column:nth-child(2){
    border-left:2px solid #F0F0F0;border-right:2px solid #F0F0F0;
}
.KUI-time-selector > .selectors > .column > span{
    display:inline-block;
    margin:0;
    vertical-align:top;
    width:100%;height:20px;padding:7px 0 0 0;
    background-color:transparent;
    font-size:14.5px;color:#000;font-weight:400;letter-spacing:0.2px;line-height:14.5px;
}
.KUI-time-selector > .selectors > .column:not([data-key="period"]) > button{
    display:block;
    position:relative;
    width:100%;height:26px;padding:0;
    background-color:#FFF;
    background-image:url("../../resources/visual/buttons/21D.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    cursor:pointer;
    -webkit-transition:height 240ms ease, opacity 240ms ease;
    -moz-transition:height 240ms ease, opacity 240ms ease;
    -ms-transition:height 240ms ease, opacity 240ms ease;
    -o-transition:height 240ms ease, opacity 240ms ease;
    transition:height 240ms ease, opacity 240ms ease;
}
.KUI-time-selector > .selectors > .column:not([data-key="period"]) > button.add{
    background-image:url("../../resources/visual/buttons/20C.png");
}
.KUI-time-selector > .selectors > .column[data-key="period"] > button{
    display:block;
    margin:4px auto;
    vertical-align:top;
    width:88%;height:100%;max-height:36px;padding:0;
    background-color:transparent;
    cursor:pointer;
    font-size:14px;color:#78787A;font-weight:500;letter-spacing:0;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
.KUI-time-selector > .selectors > .column[data-key="period"] > button.selected{
    background-color:#EDEDEF;
    color:#000;font-weight:500;
}
.KUI-time-selector > button.collapse{
    display:inline-block;
    position:relative;
    margin:6px 0 0 0;
    vertical-align:top;
    width:100%;height:28px;padding:0;
    background-color:#FFF;
    cursor:pointer;
    font-size:13.5px;color:#000;font-weight:400;letter-spacing:0.2px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:-webkit-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -moz-transition:-moz-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -ms-transition:-ms-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -o-transition:-o-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    transition:transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
}
.KUI-time-selector[data-collapsed] > .selectors{
    height:28px;
    cursor:pointer;
}
.KUI-time-selector[data-collapsed] > .selectors > .column:not([data-key="period"]) > button{
    height:0;
    opacity:0;
}
.KUI-time-selector[data-collapsed] > .selectors > .column[data-key="period"] > button:not(.selected){
    display:none;
}
.KUI-time-selector[data-collapsed] > .selectors > .column[data-key="period"] > button.selected{
    background-color:transparent;
    margin:0;
    color:#000;font-weight:400;
}
.KUI-time-selector[data-collapsed] > button.collapse{
    pointer-events:none;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}


/*==== TIME - FIELD FORMAT =========================*/
/*==================================================*/

.KUI-field[data-type="time"]{
    min-width:200px;height:38px;
    cursor:pointer;
}
.KUI-field[data-type="time"] .KUI-time-selector{
    position:absolute;z-index:2;
    top:-14px;right:0;
    margin:0 auto;
    width:60%;max-width:187px;
}
.KUI-field[data-type="time"] .KUI-time-selector[data-collapsed]{
    top:14px;
}
.KUI-field[data-type="time"] .KUI-time-selector[data-collapsed] > .selectors{
    background-color:transparent;
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - NUMBER ==================================
** ==========================================================
*/

.KUI-numeric{
    display:inline-block;
    position:relative;z-index:1;
    margin:0;
    vertical-align:top;
    width:auto;min-width:92px;height:36px;padding:0;
    background-color:transparent;
    text-align:center;
    font-size:0;
}
.KUI-numeric > input[type="number"]{
    display:inline-block;
    position:relative;z-index:3;
    margin:0;
    vertical-align:top;
    width:38px;height:100%;padding:1px 0 0 0;
    background-color:#FFF;
    text-align:center;
    font-size:16px;color:#000;font-weight:700;letter-spacing:0.2px;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 4px 20px -4px rgba(10, 10, 14, 0.42);
	-moz-box-shadow:0 4px 20px -4px rgba(10, 10, 14, 0.42);
	box-shadow:0 4px 20px -4px rgba(10, 10, 14, 0.42);
    -webkit-transition:fwidth 180ms ease, font-size 120ms ease;
    -moz-transition:width 180ms ease, font-size 120ms ease;
    -ms-transition:width 180ms ease, font-size 120ms ease;
    -o-transition:width 180ms ease, font-size 120ms ease;
    transition:width 180ms ease, font-size 120ms ease;
}
.KUI-numeric.active-adjustment > input[type="number"]{
    font-size:0 !important;
}
.KUI-numeric > button.adjust{
    display:inline-block;
    position:relative;z-index:1;
    margin:0;
    width:28px;height:100%;padding:0;
    background-color:transparent;
    background-image:url("../../resources/visual/buttons/sub-arrow-left_0_0.png");background-repeat:no-repeat;background-size:18px auto;background-position:center;
    -webkit-transition:-webkit-transform 120ms ease;
    -moz-transition:-moz-transform 120ms ease;
    -ms-transition:-ms-transform 120ms ease;
    -o-transition:-o-transform 120ms ease;
    transition:transform 120ms ease;
}
.KUI-numeric > button.adjust[data-action="add"]{
    background-image:url("../../resources/visual/buttons/sub-arrow-right_0_0.png");
}
.KUI-numeric > button.adjust[data-action="subtract"]:hover{
    -webkit-transform:translateX(-3px);
    -moz-transform:translateX(-3px);
    -ms-transform:translateX(-3px);
    -o-transform:translateX(-3px);
    transform:translateX(-3px);
}
.KUI-numeric > button.adjust[data-action="add"]:hover{
    -webkit-transform:translateX(3px);
    -moz-transform:translateX(3px);
    -ms-transform:translateX(3px);
    -o-transform:translateX(3px);
    transform:translateX(3px);
}


/*==== NUMBER - FIELD FORMAT =======================*/
/*==================================================*/

.KUI-field[data-type="number"]{
    height:40px;
}
.KUI-field[data-type="number"] .KUI-numeric{
    position:absolute;
    top:11px;right:16px;
    margin:0;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - PRICE ===================================
** ==========================================================
*/

.KUI-field[data-type="price"] .field-input{ 
    padding:22px 0 0 24px; 
    font-size:18px;
}
.KUI-field[data-type="price"]:focus-within::before,
.KUI-field.populated[data-type="price"]::before{ 
    content:"$";
    position:absolute;
    top:initial;bottom:5px;left:12px;
    font-size:18px;color:#000;font-weight:500;letter-spacing:0.2px;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - PASSWORD ================================
** ==========================================================
*/



/*
**
**
**
**
**
**
**
**
** ======= INPUTS - TEXTAREA ================================
** ==========================================================
*/

.KUI-field[data-format="textarea"] .field-input{ 
    width:calc(100% - 16px);height:62px;padding:22px 0 20px 12px;
    font-size:13.5px;line-height:20px;
}
.KUI-field[data-format="textarea"] label{ 
    top:26px; 
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - CHECKBOX ================================
** ==========================================================
*/

.KUI-checkbox{
    display:inline-block;
    position:relative;
    width:34px;height:34px;padding:0;
    margin:0 4px;vertical-align:top;
    background-color:#FFF;
    cursor:pointer;
    overflow:hidden;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; 
    -webkit-box-shadow:0 4px 20px -4px rgba(10, 10, 14, 0.38);
	-moz-box-shadow:0 4px 20px -4px rgba(10, 10, 14, 0.38);
	box-shadow:0 4px 20px -4px rgba(10, 10, 14, 0.38);
    -webkit-transition:background-color 280ms ease;
    -moz-transition:background-color 280ms ease;
    -ms-transition:background-color 280ms ease;
    -o-transition:background-color 280ms ease;
    transition:background-color 280ms ease;
}
.KUI-checkbox.checked{
    background-color:#00BD57;
    border-color:#00BD57;
    -webkit-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	-moz-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
}
.KUI-checkbox > figure[data-indicator]{
    position:absolute;top:0;left:0;z-index:1;
    width:100%;height:100%;padding:0; 
    background-color:transparent;
    background-image:url("../../resources/visual/interface/9A.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    -webkit-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    -moz-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    -ms-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    -o-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
}
.KUI-checkbox > figure[data-indicator="true"]{
    top:-100%;
    background-image:url("../../resources/visual/interface/1A.png");
}
.KUI-checkbox.checked > figure[data-indicator="true"]{
    top:0;
}
.KUI-checkbox.checked > figure[data-indicator="false"]{
    top:100%;
}


/*==== CHECKBOX - FIELD FORMAT =====================*/
/*==================================================*/

.KUI-field[data-type="checkbox"]{
    height:38px;
}
.KUI-field[data-type="checkbox"] .KUI-checkbox{
    position:absolute;
    top:12px;right:16px;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - SWITCH ==================================
** ==========================================================
*/

.KUI-switch{
    position:relative;
    width:50px;height:auto;
}
.KUI-switch > .container{
    position:relative;
    width:48px;height:22px;
    background-color:#ECECEF;
    border:2px solid #FFF;
    overflow:hidden;
    cursor:pointer;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
    -webkit-box-shadow:0 1px 4px -2px rgba(32, 32, 32, 0.42);
	-moz-box-shadow:0 1px 4px -2px rgba(32, 32, 32, 0.42);
	box-shadow:0 1px 4px -2px rgba(32, 32, 32, 0.42);
}
.KUI-switch.checked > .container{
    background-color:#00CA40; 
}
.KUI-switch > .container > .toggle{
    position:absolute;
    top:3px;left:3px;
	width:16px;height:16px;padding:0;
    background-color:#FFF;
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 1.5px 10px -3px rgba(32, 32, 32, 0.72);
	-moz-box-shadow:0 1.5px 10px -3px rgba(32, 32, 32, 0.72);
	box-shadow:0 1.5px 10px -3px rgba(32, 32, 32, 0.72);
    -webkit-transition:-webkit-transform 240ms cubic-bezier(0.42, 0.12, 0, 1.38);
    -moz-transition:-moz-transform 240ms cubic-bezier(0.42, 0.12, 0, 1.38);
    -ms-transition:-ms-transform 240ms cubic-bezier(0.42, 0.12, 0, 1.38);
    transition:transform 240ms cubic-bezier(0.42, 0.12, 0, 1.38);
}
.KUI-switch.checked > .container > .toggle{
    -webkit-box-shadow:-0.5px 1.5px 12px -3px rgba(32, 32, 32, 0.78);
	-moz-box-shadow:-0.5px 1.5px 12px -3px rgba(32, 32, 32, 0.78);
	box-shadow:-0.5px 1.5px 12px -3px rgba(32, 32, 32, 0.78);
    -webkit-transform:translateX(26px); 
    -moz-transform:translateX(26px); 
    -ms-transform:translateX(26px); 
    transform:translateX(26px); 
}


/*==== SWITCH - FIELD FORMAT =======================*/
/*==================================================*/

.KUI-field[data-type="switch"]{
    height:38px;
}
.KUI-field[data-type="switch"] .KUI-switch{
    position:absolute;
    top:16px;right:16px;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - RADIO ===================================
** ==========================================================
*/

.KUI-field[data-type="radio"] > label,
.KUI-field[data-type="radio"] > .label{
    position:relative;
    top:18px;
    padding:0 0 14px 12px;
}
.KUI-field-group[data-show-required] .KUI-field[data-type="radio"] > label,
.KUI-field-group[data-show-required] .KUI-field[data-type="radio"] > .label{
    top:24px;
}
.KUI-field[data-type="radio"] > .option{
    display:inline-block;
    position:relative;
    margin:2px 0 2px 6px;
    vertical-align:top;
    width:auto;height:34px;padding:0 6px;
    background-color:transparent;
    cursor:pointer;
}
.KUI-field[data-type="radio"] > .option > .indicator{
    display:inline-block;
    position:relative;
    margin:2px 0 0 0;
    vertical-align:top;
    width:28px;height:28px;padding:0;
    background-color:#FFF;
    background-image:url("../../resources/visual/interface/1A.png");background-repeat:no-repeat;background-size:12px auto;background-position:center 36px;
    overflow:hidden;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 4px 18px -5px rgba(30, 30, 32, 0.5);
	-moz-box-shadow:0 4px 18px -5px rgba(30, 30, 32, 0.5);
	box-shadow:0 4px 18px -5px rgba(30, 30, 32, 0.5);
    -webkit-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    -moz-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    -ms-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    -o-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
}
.KUI-field[data-type="radio"] > .option > span{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:auto;padding:10px 0 0 6px;
    text-align:left;
    font-size:13.5px;color:#404042;font-weight:500;letter-spacing:0;line-height:13.5px;
}
.KUI-field[data-type="radio"] > .option.selected > .indicator{
    background-color:#00BD57;
    background-position:center;
    -webkit-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	-moz-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - SELECT ==================================
** ==========================================================
*/

.KUI-select{
    display:inline-block;
    position:relative;z-index:2;
    width:auto;min-width:30px;height:36px;padding:0;
    margin:0;vertical-align:top;
    background-color:transparent;
    cursor:pointer;
}
.KUI-select .selection-title{
    position:relative;z-index:1; 
    width:auto;height:32px;padding:2px 24px 2px 8px;
    background-color:transparent;
    background-image:url("../../resources/visual/interface/10A.png");background-repeat:no-repeat;background-size:12px auto;background-position:calc(100% - 9px) 4px;
    overflow:hidden;white-space:nowrap;
    text-overflow:ellipsis;text-align:left; 
    font-size:13.5px;color:#2F2F2F;font-weight:500;letter-spacing:0;line-height:16px;
    -webkit-transition:color 350ms ease;
    -moz-transition:color 350ms ease;
    -ms-transition:color 350ms ease;
    -o-transition:color 350ms ease;
    transition:color 350ms ease;
}
.KUI-select .selection-title span.selected-option{
    display:block;
    width:100%;height:14px;padding:2px 0 0 0;
    overflow:hidden;white-space:nowrap;
    text-overflow:ellipsis;text-align:left;
    font-size:12px;color:#28282A;font-weight:400;letter-spacing:0;line-height:12px;
}
.KUI-select ul.select-options{
    position:relative;z-index:5;
    top:6px;
    margin:0;
    width:auto;min-width:100%;max-width:250px;height:auto;max-height:184px;padding:0;
    background-color:rgba(251, 253, 255, 0.88);
    overflow:hidden;
    cursor:pointer;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
    -webkit-box-shadow:0 8px 20px -4px rgba(32, 32, 34, 0.32);
	-moz-box-shadow:0 8px 20px -4px rgba(32, 32, 34, 0.32);
	box-shadow:0 8px 20px -4px rgba(32, 32, 34, 0.32);
}
.KUI-select ul.select-options li{
    position:relative;
    width:auto;height:20px;padding:8px;
    margin:0 auto;margin-top:-100%;vertical-align:top;
    background-color:#FFF;border-top:1px solid #EAEAEB;
    overflow:hidden;white-space:nowrap;
    text-overflow:ellipsis;text-align:left;
    font-size:13px;color:#2F2F2F;font-weight:400;letter-spacing:0;line-height:20px;
    -webkit-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    -moz-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    -ms-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    -o-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
}
.KUI-select.disabled-indicator .selection-title{
    color:#FF381F;
}
.KUI-select[data-disabled] ul.select-options li{
    color:#6F6F6F;
}
.KUI-select ul.select-options li:first-child{ 
    border-width:0; 
}
.KUI-select:hover ul.select-options{
    overflow:auto;
}
.KUI-select:hover ul.select-options li{
    margin-top:0;
}
.KUI-select ul.select-options li:hover{
    background-color:#EAEAEB;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - MULTI-SELECT ============================
** ==========================================================
*/

.KUI-multi-select{
    position:relative;z-index:2;
    margin:0;
    width:200px;height:auto;padding:0;
    cursor:pointer;
}
.KUI-multi-select.expanded{
    z-index:5;
}
.KUI-multi-select > .selected{
    position:relative;
    margin:0;
    width:calc(100% - 24px);height:42px;padding:0 12px;
    background-color:#FFF;
    background-image:url("../../resources/visual/arrows/down_0_1.png");background-repeat:no-repeat;background-size:16px auto;background-position:calc(100% - 12px) center;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
}
.KUI-multi-select > .selected > label,
.KUI-multi-select > .selected > .label{
    display:inline-block;
    margin:13px 0 0 0;
    vertical-align:top;
    font-size:13.5px;color:#404042;font-weight:500;letter-spacing:0;line-height:16px;
}
.KUI-multi-select > ul.options{
    position:absolute;
    top:calc(100% + 8px);left:0;right:0;
    margin:0 auto;
    width:92%;height:auto;max-height:196px;padding:0;
    background-color:#E8E8EA;
    overflow:auto;
    opacity:0;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:margin-bottom 180ms ease, opacity 180ms ease;
    -moz-transition:margin-bottom 180ms ease, opacity 180ms ease;
    -ms-transition:margin-bottom 180ms ease, opacity 180ms ease;
    -o-transition:margin-bottom 180ms ease, opacity 180ms ease;
    transition:margin-bottom 180ms ease, opacity 180ms ease;
}
.KUI-multi-select:not(.expanded) > ul.options{
    transition-delay:100ms;
}
.KUI-multi-select.expanded > ul.options{
    margin-bottom:12px;
    opacity:1;
}
.KUI-multi-select > ul.options > li{
    position:relative;
    margin:0;
    width:calc(100% - 20px);height:0;padding:0 8px 0 12px;
    background-color:#FFF;
    background-image:url("../../resources/visual/buttons/8A.png");background-repeat:no-repeat;background-size:12px auto;background-position:calc(100% + 16px) center;
    overflow:hidden;
    text-align:left;
    font-size:13.5px;color:#404042;font-weight:400;letter-spacing:0;line-height:42px;
    -webkit-transform:translateY(-50px);
    -moz-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    -o-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    -moz-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    -ms-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    -o-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
}
.KUI-multi-select > ul.options > li:nth-child(2){
    transition-delay:50ms
}
.KUI-multi-select > ul.options > li:nth-child(3){
    transition-delay:100ms
}
.KUI-multi-select > ul.options > li:nth-child(4){
    transition-delay:150ms
}
.KUI-multi-select > ul.options > li:nth-child(5){
    transition-delay:200ms
}
.KUI-multi-select > ul.options > li:nth-child(6){
    transition-delay:250ms
}
.KUI-multi-select > ul.options > li:nth-child(n+6){
    transition-delay:300ms
}
.KUI-multi-select.expanded > ul.options > li{
    margin-top:1px;
    height:42px;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.KUI-multi-select > ul.options > li:first-child{
    margin-top:0;
}
.KUI-multi-select > ul.options > li:hover{
    background-color:#F0F0F4;
}
.KUI-multi-select > ul.options > li.selected{
    background-position:calc(100% - 12px) center;
}


/*==== MULTI-SELECT - FIELD FORMAT =================*/
/*==================================================*/

.KUI-field[data-type="multi-select"]{
    min-height:46px;padding:8px 0 0 0;
}
.KUI-field[data-type="multi-select"] .KUI-multi-select{
    margin:0;
    width:100%;
}
.KUI-field[data-type="multi-select"] .KUI-multi-select > .selected{
    width:calc(100% - 32px);height:38px;padding:0 12px;
    background-color:transparent;
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
}
.KUI-field[data-type="multi-select"] .KUI-multi-select > .selected > label,
.KUI-field[data-type="multi-select"] .KUI-multi-select > .selected > .label{
    margin:0;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - UPLOAD FIELD ===========================
** ==========================================================
*/

.KUI-upload{
    position:relative;
    width:200px;height:60px;padding:0;
    background-color:#FFF;
    background-image:url("../../resources/visual/fields/folder_0_1.png?v=6");background-repeat:no-repeat;background-size:32px auto;background-position:12px center;
    overflow:hidden;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 26px -2px rgba(20, 20, 22, 0.18);
	-moz-box-shadow:0 8px 26px -2px rgba(20, 20, 22, 0.18);
	box-shadow:0 8px 26px -2px rgba(20, 20, 22, 0.18);
    -webkit-transition:width 280ms cubic-bezier(0.32, 0.32, 0.08, 1.2), background-color 280ms ease;
    -moz-transition:width 280ms cubic-bezier(0.32, 0.32, 0.08, 1.2), background-color 280ms ease;
    -ms-transition:width 280ms cubic-bezier(0.32, 0.32, 0.08, 1.2), background-color 280ms ease;
    transition:width 280ms cubic-bezier(0.32, 0.32, 0.08, 1.2), background-color 280ms ease;
}
.KUI-upload > .KUI-radial-progress{
    display:none;
    position:absolute;z-index:2;
    top:-4px;left:-4px;
}
.KUI-upload > .KUI-radial-progress .progress-cell{
    stroke:#FFF;
}
.KUI-upload > .KUI-radial-progress .svg-wrap{
    width:68px;height:68px;
}
.KUI-upload > label{
    position:relative;
    top:12px;left:54px;
    width:calc(100% - 54px);height:auto;
    text-align:left;
    font-size:13.5px;color:#28282A;font-weight:500;letter-spacing:0;line-height:18px;
}
.KUI-upload > input[type="file"]{
    position:absolute;z-index:1;
    top:0;left:0;
    margin:0;
    width:100%;height:100%;padding:0;
    background-color:transparent;
    overflow:hidden;
    font-size:0;
    opacity:0;
}

.KUI-upload.active-upload > label,
.KUI-upload.active-upload > input[type="file"]{
    display:none;
}


/*==== FILE - TRIGGERS =============================*/
/*==================================================*/

.KUI-upload.active-upload{
    width:60px !important;
    background-position:center;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
}
.KUI-upload.active-upload > .KUI-radial-progress{
    display:block;
}
.KUI-upload.success-upload{
    background-color:#00BD57 !important;
    background-image:url("../../resources/visual/interface/check_0_1.png?v=1");background-size:22px auto;
}
.KUI-upload.error-upload{
    background-color:#F05426 !important;
    background-image:url("../../resources/visual/interface/x_0_1.png?v=0");background-size:22px auto;
}
.KUI-upload.success-upload,
.KUI-upload.error-upload{
    -webkit-animation:KUI-upload-response 500ms cubic-bezier(0.22, 0.22, 0.08, 1.52) forwards;
    -moz-animation:KUI-upload-response 500ms cubic-bezier(0.22, 0.22, 0.08, 1.52) forwards;
    animation:KUI-upload-response 500ms cubic-bezier(0.22, 0.22, 0.08, 1.52) forwards;
}
.KUI-upload.success-upload > .KUI-radial-progress,
.KUI-upload.error-upload > .KUI-radial-progress{
    opacity:0;
}
@-webkit-keyframes KUI-upload-response{
    0%{   transform:scale(1);   }
    50%{  transform:scale(1.1); }
    100%{ transform:scale(1);   } 
}
@-moz-keyframes KUI-upload-response{
    0%{   transform:scale(1);   }
    50%{  transform:scale(1.1); }
    100%{ transform:scale(1);   } 
}
@keyframes KUI-upload-response{
    0%{   transform:scale(1);   }
    50%{  transform:scale(1.1); }
    100%{ transform:scale(1);   } 
}


/*==== FILE - FIELD FORMAT =========================*/
/*==================================================*/

.KUI-field[data-type="file"]{
    height:auto;min-height:68px;padding:0;
}
.KUI-field[data-type="file"] > label{}
.KUI-field[data-type="file"] > .KUI-upload{
    position:absolute;z-index:2;
    top:0;left:0;
    width:100%;height:100%;
    background-color:transparent;
    background-image:none;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; 
    -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}


/*==== FILE - QUEUED FILE PREVIEW ==================*/
/*==================================================*/

.KUI-queued-file{
    display:inline-block;
    position:relative;
    margin:0 10px;
    vertical-align:top;
    width:58px;height:58px;padding:0;
    text-align:center;
}
.KUI-queued-file > .KUI-radial-progress{
    z-index:3;
}
.KUI-queued-file > .KUI-radial-progress > .svg-wrap{
    width:100%;height:100%;
}
.KUI-queued-file > .KUI-radial-progress .progress-cell,
.KUI-queued-file > .KUI-radial-progress .progress-value{
    stroke-width:6;
}
.KUI-queued-file > .KUI-radial-progress .progress-cell{
    stroke:#FFF;
}
.KUI-queued-file > .preview{
    position:absolute;z-index:1;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    vertical-align:top;
    width:calc(100% - 8px);height:calc(100% - 8px);padding:0;
    background-color:#FFF;
    background-image:url("../../resources/visual/interface/document_0_0.png");background-repeat:no-repeat;background-size:22px auto;background-position:center;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 8px 26px -4px rgba(20, 20, 22, 0.32);
	-moz-box-shadow:0 8px 26px -4px rgba(20, 20, 22, 0.32);
	box-shadow:0 8px 26px -4px rgba(20, 20, 22, 0.32);
}


/*
**
**
**
**
**
**
**
**
** ======= INPUTS - INTERACTIONS & VARIANTS =================
** ==========================================================
*/

.KUI-field .field-input:focus ~ label,
.KUI-field:not([data-type="checkbox"]):not([data-type="switch"]):not([data-type="number"]):not([data-type="time"]):not([data-type="date"]):not([data-type="multi-select"]).populated label{ 
    top:17px;
    font-size:12px;color:#48484A;
}
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require]:focus ~ label,
.KUI-field-group[data-show-required] .KUI-field:not([data-type="checkbox"]):not([data-type="switch"]):not([data-type="number"]):not([data-type="time"]):not([data-type="date"]):not([data-type="multi-select"]).populated .field-input[data-require] ~ label{
    top:11px;
}
.KUI-field-group[data-show-required] .KUI-field .field-input:focus ~ label::before,
.KUI-field-group[data-show-required] .KUI-field.populated label::before{
    opacity:0;
}



/*==== INPUTS - SMALL FORMAT =======================*/
/*==================================================*/

.KUI-field-group[data-fit="small"] .field-input{
    height:38px;padding-top:14px;
}
.KUI-field-group[data-fit="small"] label,
.KUI-field-group[data-fit="small"] .label{ 
    font-size:12.5px;
} 


/*==== INPUTS - INVALID FIELD ======================*/
/*==================================================*/

.KUI-field.invalid-field label,
.KUI-field.invalid-field .label{
    color:#F1522F; 
}
.KUI-field-group .KUI-field.invalid-field .field-input[data-require] ~ label::after,
.KUI-field-group .KUI-field.invalid-field .field-input[data-require] ~ .label::after{
    content:'';
    display:block;
    position:absolute;z-index:1;
    top:calc(50% - 3px);left:3px;
    width:4px;height:4px;padding:0;
    background-color:#F1522F;
    border:1px solid #F1522F;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
}
.KUI-field-group[data-show-required] .KUI-field.invalid-field .field-input[data-require] ~ label::after,
.KUI-field-group[data-show-required] .KUI-field.invalid-field .field-input[data-require] ~ .label::after{
    top:calc(50% - 12px);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - KUI COUNTER ============================
** ==========================================================
*/

.KUI-counter{
    display:inline-block;
    position:relative;
    width:auto;height:1em;padding:0;
    margin:0 -4px;vertical-align:bottom;
    overflow:hidden;
    text-align:center;
    font-size:28px;color:#000;font-weight:400;letter-spacing:0;
    text-shadow:0 1px 3px rgba(30, 32, 34, 0.32);
}
.KUI-counter .number-ticker{
    display:flex;
    /*flex-direction:row-reverse;*/
    width:auto;height:auto;padding:0;
    vertical-align:top;
    line-height:1em !important; 
}
.KUI-counter .number-ticker .digit{
    display:inline-block;
    position:relative;
    width:auto;height:auto;padding:0;
    margin:0 -1px;vertical-align:top; 
    -webkit-transition:-webkit-transform 350ms ease, margin-top 600ms ease;
    -moz-transition:-moz-transform 350ms ease, margin-top 600ms ease;
    -ms-transition:-ms-transform 350ms ease, margin-top 600ms ease;
    -o-transition:-o-transform 350ms ease, margin-top 600ms ease;
    transition:transform 350ms ease, margin-top 600ms ease;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.KUI-counter .number-ticker .active-digit{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - PIE CHART ==============================
** ==========================================================
*/

.KUI-pie-chart{
    position:relative;
    margin:0;
    width:200px;height:auto;padding:0;
    text-align:left;
}
.KUI-pie-chart > .chart{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:100px;height:100px;
    overflow:hidden;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 10px 28px -6px rgba(10, 10, 14, 0.32);
	-moz-box-shadow:0 10px 28px -6px rgba(10, 10, 14, 0.32);
	box-shadow:0 10px 28px -6px rgba(10, 10, 14, 0.32);
}
.KUI-pie-chart > .chart::after{
    content:'';
    position:absolute;z-index:3;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    width:50%;height:50%;
    background-color:#FFF;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:inset 0 6px 22px -6px rgba(10, 10, 14, 0.32);
	-moz-box-shadow:inset 0 6px 22px -6px rgba(10, 10, 14, 0.32);
	box-shadow:inset 0 6px 22px -6px rgba(10, 10, 14, 0.32);
}


/*==== PIE CHART - SLICES ==========================*/
/*==================================================*/

.KUI-pie-chart > .chart > .slice{
    position:absolute;
    width:100%;height:100%;
    clip:rect(0, 100px, 100px, 50px); /* SET BY JS */
    -webkit-animation:bake-pie 1500ms;
    -moz-animation:bake-pie 1500ms;
    animation:bake-pie 1500ms;
}
.KUI-pie-chart > .chart > .slice > span{
    display:block;
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background-color:#000;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    clip:rect(0px, 100px, 100px, 50px); /* SET BY JS */
}

@-webkit-keyframes bake-pie{
  from{ transform:rotate(0deg) translate3d(0,0,0); }
}
@-moz-keyframes bake-pie{
  from{ transform:rotate(0deg) translate3d(0,0,0); }
}
@keyframes bake-pie{
  from{ transform:rotate(0deg) translate3d(0,0,0); }
}


/*==== PIE CHART - LEGEND ==========================*/
/*==================================================*/

.KUI-pie-chart > ul.legend{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:auto;padding:0;
    background-color:transparent;
    text-align:left;
}
.KUI-pie-chart > ul.legend > li{
    display:inline-block;
    vertical-align:top;
    width:auto;padding:6px 14px;
    font-size:18px;color:#000;font-weight:500;letter-spacing:0;line-height:22px;
}
.KUI-pie-chart > ul.legend > li > span{
    font-size:13.5px;color:#FFF;font-weight:400;line-height:16px;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - PROGRESS BAR ===========================
** ==========================================================
*/

.KUI-progress-bar{
    position:relative;
    margin:14px 0 0 0;
    width:100%;height:26px;padding:0;
}
.KUI-progress-bar > .info{
    position:relative;
    margin:0;
    width:100%;height:18px;padding:0;
    text-align:left;
}
.KUI-progress-bar > .info > span.name{
    font-size:12.5px;color:#6D6D6F;line-height:14px;font-weight:400;letter-spacing:0.1px;
}
.KUI-progress-bar > .info > span.progression{
    display:inline-block;
    position:absolute;
    top:0;right:0;
    width:auto;height:100%;
    text-align:right;
    font-size:12.5px;color:#38383A;line-height:14px;font-weight:500;letter-spacing:0.1px;
}
.KUI-progress-bar > .info > span.progression::after{
    content:"%";
    font-size:12.5px;color:#6D6D6F;line-height:14px;font-weight:300;letter-spacing:0.1px;
}
.KUI-progress-bar > .indicator-wrapper{
    position:relative;
    margin:0;
    width:100%;height:6px;padding:0;
    background-color:#EAEAEB;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
.KUI-progress-bar > .indicator-wrapper > .indicator-value{
    position:relative;
    margin:0;
    width:0;height:100%;padding:0;
    background-color:#4695FF;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
    -webkit-box-shadow:0 4px 12px -1.5px rgba(0, 88, 120, 0.82);
	-moz-box-shadow:0 4px 12px -1.5px rgba(0, 88, 120, 0.82);
	box-shadow:0 4px 12px -1.5px rgba(0, 88, 120, 0.82);
    -webkit-transition:width 1100ms ease;
    -moz-transition:width 1100ms ease;
    -ms-transition:width 1100ms ease;
    -o-transition:width 1100ms ease;
    transition:width 1100ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - RADIAL PROGRESS INDICATOR ==============
** ==========================================================
*/

.KUI-radial-progress{
    display:inline-block;
    position:relative;
    width:auto;height:auto;padding:0;
}
.KUI-radial-progress .svg-wrap{
    width:80px;height:80px;
    background-color:transparent;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.KUI-radial-progress .progress-cell,
.KUI-radial-progress .progress-value{
    stroke-width:6;
}
.KUI-radial-progress .progress-cell{
	stroke:#DEDEDF;
}
.KUI-radial-progress .progress-value{
	stroke:#4695FF;
    stroke-dasharray:339.292;stroke-dashoffset:339.292;
    -webkit-transition:stroke-dashoffset 1100ms ease;
    -moz-transition:stroke-dashoffset 1100ms ease;
    -ms-transition:stroke-dashoffset 1100ms ease;
    -o-transition:stroke-dashoffset 1100ms ease;
    transition:stroke-dashoffset 1100ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - GALLERY VIEWER =========================
** ==========================================================
*/

#KUI-gallery-viewer{
    display:none;
    position:fixed;z-index:11;
    top:0;left:0;
	width:100%;min-width:430px;height:100vh;padding:0;
    background-color:transparent;
}
#KUI-gallery-viewer > button.dismiss{
    position:absolute;z-index:3;
    top:0;left:0;
	width:32px;height:68px;padding:0;
    background-color:#48484A;
    background-image:url("../../resources/visual/buttons/sub-arrow-left_0_2.png");background-repeat:no-repeat;background-size:18px auto;background-position:center;
}
#KUI-gallery-viewer > .selection{
    position:absolute;z-index:2;
    top:0;left:32px;
    width:calc(100% - 32px);height:68px;padding:0;
    background-color:rgba(0, 0, 0, 0.85);
    overflow:hidden;overflow-x:scroll;white-space:nowrap;
    text-align:center;
}
#KUI-gallery-viewer > .selection > .photo{
    display:inline-block;
    position:relative;
    margin:2px 1px;
    vertical-align:top;
    width:auto;height:64px;padding:0;
    background-color:#D8D8DA;
    overflow:hidden;
}
#KUI-gallery-viewer > .selection > .photo > img{
    width:auto;height:100%;
}
#KUI-gallery-viewer > .selection > .photo.active{
    border-bottom:2px solid #00A3FF;
}
#KUI-gallery-viewer > .safe-zone{
    position:relative;
    top:80px;
    margin:0 auto;
    width:88%;max-width:1100px;height:calc(100% - 80px);max-height:90%;padding:0;
    text-align:center;
}
#KUI-gallery-viewer > .safe-zone > .selected-photo{
    display:inline-block;
    position:relative;
    top:50%;
    margin:auto;
    vertical-align:top;
    width:auto;height:auto;
    background-color:#D8D8DA;
    overflow:hidden;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;   
    -webkit-box-shadow:0 8px 28px -2px rgba(20, 20, 22, 0.28);
	-moz-box-shadow:0 8px 28px -2px rgba(20, 20, 22, 0.28);
	box-shadow:0 8px 28px -2px rgba(20, 20, 22, 0.28);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
#KUI-gallery-viewer > .safe-zone > .selected-photo > img{
    max-width:100%;max-height:calc(100vh - 110px);
    object-fit:contain; 
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - LOADING ================================
** ==========================================================
*/

.KUI-loading{
    position:absolute;z-index:8;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    width:100%;height:6px;
    background-color:transparent;
    overflow:hidden;
}
.KUI-loading::before,
.KUI-loading:after{
    content:'';
    position:absolute;
    top:0;left:-33%;
    width:33%;height:inherit;
    background-color:#D8D8DA;
    -webkit-animation:KUI-loading-A0 1400ms cubic-bezier(0.4, 0.2, 0, 0.8) infinite;
    -moz-animation:KUI-loading-A0 1400ms cubic-bezier(0.4, 0.2, 0, 0.8) infinite;
    animation:KUI-loading-A0 1400ms cubic-bezier(0.4, 0.2, 0, 0.8) infinite;
}
.KUI-loading:after{
    background-color:#E8E8EA;
    animation-delay:900ms;
}
@-webkit-keyframes KUI-loading-A0{
    
100%{ width:100%;left:100%; }
    
}
@-moz-keyframes KUI-loading-A0{
    
100%{ width:100%;left:100%; }
    
}
@keyframes KUI-loading-A0{
    
100%{ width:100%;left:100%; }
    
}


/*.KUI-loading{
    position:absolute;z-index:8;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    width:120px;height:120px;
    box-sizing:border-box;
    background-clip:padding-box;
    border:6px solid rgba(180, 180, 182, 0.05);
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; 
    transform-origin:50% 50%;
    transform:perspective(200px) rotateX(66deg);
    -webkit-mask:linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
    -moz-mask:linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
    mask:linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
}
.KUI-loading:before,
.KUI-loading:after{
    content:'';
    position:absolute;
    margin:-6px;
    width:inherit;height:inherit;
    border-color:transparent;
    border:inherit;
    opacity:0.05;
    box-sizing:inherit;
    -webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit;   
    animation:KUI-loading-A0 1400ms cubic-bezier(0.6, 0.2, 0, 0.8) infinite, KUI-loading-A1 1400ms linear infinite;
}
.KUI-loading:before{
    border-top-color:#49B2FF;
}
.KUI-loading:after{
    border-top-color:#6AE2EE;
    animation-delay:350ms;
}
@keyframes KUI-loading-A0{
    
100%{ transform:rotate(360deg); }
    
}
@keyframes KUI-loading-A1{
    
20%{ opacity:0.1; }
    
40%{ opacity:1;   }
    
60%{ opacity:0.1; }
  
}*/

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - LOADING COVER ==========================
** ==========================================================
*/

.KUI-loading-cover{
    position:absolute;z-index:10;
    top:calc(42% - 52px);left:0;right:0;
    margin:0 auto;
    width:150px;height:52px;
    background-color:transparent;
    text-align:center;
    -webkit-transition:top 400ms ease 100ms, opacity 400ms ease 100ms;
    -moz-transition:top 400ms ease 100ms, opacity 400ms ease 100ms;
    -ms-transition:top 400ms ease 100ms, opacity 400ms ease 100ms;
    -o-transition:top 400ms ease 100ms, opacity 400ms ease 100ms;
    transition:top 400ms ease 100ms, opacity 400ms ease 100ms;
}
.KUI-loading-cover img{
    display:block;
    width:22px;height:auto;
    margin:0 auto 6px auto;
   -webkit-transition:-webkit-transform 400ms ease 100ms;
    -moz-transition:-moz-transform 400ms ease 100ms;
    -ms-transition:-ms-transform 400ms ease 100ms;
    -o-transition:-o-transform 400ms ease 100ms;
    transition:transform 400ms ease 100ms;
}
.KUI-loading-cover span{
    font-size:17px;color:#000;font-weight:500;line-height:18px;letter-spacing:0.2px;
}
.KUI-kill-loading-cover{
    top:calc(42% - 100px);
    opacity:0;
}
.KUI-kill-loading-cover img{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - STATUS UI ==============================
** ==========================================================
*/

.KUI-status-indicator{ 
    display:none;
    position:absolute;z-index:11;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    width:48px;height:100%;padding:0;
    background-color:transparent;
    text-align:center;
}
.KUI-status-indicator .status-indicator{
    position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;
    width:48px;height:48px;padding:4px;
    background-color:transparent;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.KUI-status-indicator .status-indicator-svg{
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:inset 0 0 0 0 rgba(8, 12, 200, 0), 0 0 0 0 rgba(8, 12, 200, 0);
    -moz-box-shadow:inset 0 0 0 0 rgba(8, 12, 200, 0), 0 0 0 0 rgba(8, 12, 200, 0);
    box-shadow:inset 0 0 0 0 rgba(8, 12, 200, 0), 0 0 0 0 rgba(8, 12, 200, 0);
    -webkit-transition:-webkit-box-shadow 600ms ease;
    -moz-transition:-moz-box-shadow 600ms ease;
    -ms-transition:box-shadow 600ms ease;
    -o-transition:box-shadow 600ms ease;
    transition:box-shadow 600ms ease;
    -webkit-transform:rotateY(0deg) rotateX(0deg);
    -moz-transform:rotateY(0deg) rotateX(0deg);
    -ms-transform:rotateY(0deg) rotateX(0deg);
    -o-transform:rotateY(0deg) rotateX(0deg);
    transform:rotateY(0deg) rotateX(0deg);
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.KUI-status-indicator .radial-el{ 
    fill:none; 
    stroke:#FFF;
    stroke-width:2;
	stroke-linecap:round;
    stroke-dashoffset:163;
    -webkit-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    -moz-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    -ms-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    -o-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
}
.KUI-status-indicator .status-indicator-icon{
    position:absolute;top:0;left:0;z-index:0;
	width:100%;height:100%;padding:0;
    background-color:transparent;
    text-align:center;
}
.KUI-status-indicator .status-indicator-icon figure{
    width:100%;height:100%;
    background-image:url("../../resources/visual/interface/1B.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    -moz-transition:-moz-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    -ms-transition:-ms-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    -o-transition:-o-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    transition:transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
}
@-webkit-keyframes statusIndicator{
    0%{   -webkit-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -webkit-transform:rotateY(0deg)   rotateX(0deg);   }
}
@-moz-keyframes statusIndicator{
    0%{   -moz-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -moz-transform:rotateY(0deg)   rotateX(0deg);   }
}
@-ms-keyframes statusIndicator{
    0%{   -ms-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -ms-transform:rotateY(0deg)   rotateX(0deg);   }
}
@-o-keyframes statusIndicator{
    0%{   -o-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -o-transform:rotateY(0deg)   rotateX(0deg);   }
}
@keyframes statusIndicator{
    0%{   transform:rotateY(180deg) rotateX(360deg); }
    100%{ transform:rotateY(0deg)   rotateX(0deg);   }
}
.KUI-status-indicator[data-stage="pending"] .status-indicator-svg{ 
    -webkit-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    -moz-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    -ms-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    -o-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
}
.KUI-status-indicator[data-stage="pending"] .status-indicator,
.KUI-status-indicator[data-stage="response"] .status-indicator,
.KUI-status-indicator[data-stage="kill"] .status-indicator,
.KUI-status-indicator[data-stage="response"] .status-indicator-icon figure{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.KUI-status-indicator[data-stage="response"][data-response="true"] .status-indicator-svg{
    -webkit-box-shadow:inset 0 0 10px 0 rgba(0, 88, 52, 0.52), 0 0 10px 0 rgba(0, 130, 52, 0.48);
    -moz-box-shadow:inset 0 0 10px 0 rgba(0, 88, 52, 0.52), 0 0 10px 0 rgba(0, 130, 52, 0.48);
    box-shadow:inset 0 0 10px 0 rgba(0, 88, 52, 0.52), 0 0 10px 0 rgba(0, 130, 52, 0.48);
}
.KUI-status-indicator[data-stage="response"][data-response="false"] .status-indicator-svg{
    -webkit-box-shadow:inset 0 0 12px 0 rgba(180, 48, 12, 0.52), 0 0 12px 0 rgba(200, 48, 12, 0.48);
    -moz-box-shadow:inset 0 0 12px 0 rgba(180, 48, 12, 0.52), 0 0 12px 0 rgba(200, 48, 12, 0.48);
    box-shadow:inset 0 0 12px 0 rgba(180, 48, 12, 0.52), 0 0 12px 0 rgba(200, 48, 12, 0.48);
}
.KUI-status-indicator[data-response="true"] .radial-el{ 
    stroke:#00C64F; 
}
.KUI-status-indicator[data-response="false"] .radial-el{ 
    stroke:#FF5733; 
}
.KUI-status-indicator[data-stage="pending"] .radial-el,
.KUI-status-indicator[data-stage="response"] .radial-el{ 
    stroke-dashoffset:0; 
}
.KUI-status-indicator[data-response="false"] .status-indicator-icon figure{ 
    background-image:url("../../resources/visual/interface/2B.png"); 
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - KDM ENVIRONMENT ========================
** ==========================================================
*/

[data-populate-elements]{
    position:relative;
    min-height:50px;
}
[data-populate-elements] .populate-zero{
    position:absolute;
    top:calc(50% - 42px);left:0;right:0;margin:18px auto;
	width:150px;height:0;padding:12px 0;
    background-color:rgba(232, 232, 236, 0.88);
    opacity:0;
    text-align:center;
    font-size:14px;color:#000;font-weight:500;letter-spacing:0.2px;line-height:16px;
    overflow:hidden;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-transition:opacity 350ms ease;
    -moz-transition:opacity 350ms ease;
    -ms-transition:opacity 350ms ease;
    -o-transition:opacity 350ms ease;
    transition:opacity 350ms ease;
}
[data-populate-elements] .populate-load{
    display:block;
    position:relative;
    width:100px;height:0;padding:8px 0 0 0;
    margin:6px auto 0 auto;
    background-color:transparent;
    background-image:url("../../resources/visual/buttons/21C.png");background-repeat:no-repeat;background-size:18px auto;background-position:center 26px;
    opacity:0;
    overflow:visible;
    cursor:pointer;pointer-events:none;
    text-align:center;
    -webkit-transition:height 180ms ease, opacity 180ms ease, background-position 180ms ease;
    -moz-transition:height 180ms ease, opacity 180ms ease, background-position 180ms ease;
    -ms-transition:height 180ms ease, opacity 180ms ease, background-position 180ms ease;
    -o-transition:height 180ms ease, opacity 180ms ease, background-position 180ms ease;
    transition:height 180ms ease, opacity 180ms ease, background-position 180ms ease;
}
[data-populate-elements] .populate-load span{ 
    display:inline-block;
    margin-top:-8px;vertical-align:top;
    font-size:13.5px;color:#48484A;font-weight:500;letter-spacing:0.2px;line-height:14px; 
    -webkit-transition:margin-top 160ms ease, color 160ms ease;
    -moz-transition:margin-top 160ms ease, color 160ms ease;
    -ms-transition:margin-top 160ms ease, color 160ms ease;
    -o-transition:margin-top 160ms ease, color 160ms ease;
    transition:margin-top 160ms ease, color 160ms ease;
}
[data-populate-elements] .populate-load:hover{
    background-position:center 8px; 
}
[data-populate-elements] .populate-load:hover span{
    margin-top:-14px;
    color:transparent;
}
[data-populate-elements] .populate-load[data-active="true"]{ 
    height:46px;
    opacity:1;
    pointer-events:all;
}
[data-populate-elements] .populate-zero[data-active="true"]{ 
    height:auto;
    opacity:1;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - MISC KUI ELEMENTS ======================
** ==========================================================
*/

.KUI-kill-element{
    z-index:0;
    -webkit-transition:-webkit-transform 300ms ease !important;
    -moz-transition:-moz-transform 300ms ease !important;
    -ms-transition:-ms-transform 300ms ease !important;
    -o-transition:-o-transform 300ms ease !important;
    transition:transform 300ms ease !important;
    -webkit-transform:scale(0) translateY(200px) !important;
    -moz-transform:scale(0) translateY(200px) !important;
    -ms-transform:scale(0) translateY(200px) !important;
    -o-transform:scale(0) translateY(200px) !important;
    transform:scale(0) translateY(200px) !important;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - NOTIFICATION ALERT =====================
** ==========================================================
*/

#KUI-banner-notification{
	position:fixed;z-index:20;
    top:0;left:0;right:0;
    margin:0 auto;
	width:318px;height:auto;padding:0;
    background:none;
    background-color:transparent;
    text-align:center;
}
#KUI-banner-notification .notification{
    display:inline-block;
    position:relative;z-index:2;
    top:0;
    margin-top:-300px;
    width:100%;height:auto;min-height:88px;padding:0;
    vertical-align:top;
    background-color:#FFF;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 4px 26px -5px rgba(18, 18, 20, 0.38);
	-moz-box-shadow:0 4px 26px -5px rgba(18, 18, 20, 0.38);
	box-shadow:0 4px 26px -5px rgba(18, 18, 20, 0.38);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 220ms ease, margin-top 320ms ease;
    -moz-transition:-moz-transform 220ms ease, margin-top 320ms ease;
    -ms-transition:-ms-transform 220ms ease, margin-top 320ms ease;
    -o-transition:-o-transform 220ms ease, margin-top 320ms ease;
    transition:transform 220ms ease, margin-top 320ms ease;
}
#KUI-banner-notification .notification .dismiss{
    position:absolute;top:4px;right:8px;z-index:2;
    width:22px;height:22px;
    background-color:transparent;
    background-image:url("../../resources/visual/interface/0B.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    opacity:0.62;
    cursor:pointer;
}
#KUI-banner-notification .notification .dismiss:hover{ 
    opacity:1; 
}
#KUI-banner-notification .notification .notification-image{
    position:absolute;top:20px;left:8px;z-index:1;
    width:40px;height:40px;
    background-color:transparent;
    background-repeat:no-repeat;background-size:contain;background-position:center;
}
#KUI-banner-notification .notification-inner{
    position:relative;
    width:88%;height:auto;padding:24px 0 6px 0;
    margin:auto;
    text-align:left;
}
#KUI-banner-notification .notification[data-format="paragraph"] .notification-inner{ 
    padding:24px 0 8px 0; 
}
#KUI-banner-notification .notification:not([data-action-id=""]) .notification-inner{
    padding-bottom:18px;
    cursor:pointer;
}
#KUI-banner-notification .notification-heading{
    text-overflow:ellipsis;
    font-size:16px;color:#000;font-weight:500;letter-spacing:0.2px;line-height:24px;
    overflow:hidden;white-space:nowrap;
}
#KUI-banner-notification .notification[data-heading-size="small"] .notification-heading{ 
    font-size:14.5px;
}
#KUI-banner-notification .notification[data-heading-size="large"] .notification-heading{ 
    font-size:17px;letter-spacing:0.2px;
}
#KUI-banner-notification .notification-body{ 
    font-size:14.5px;color:#48484A;font-weight:400;letter-spacing:0.2px;line-height:18px;
}
#KUI-banner-notification .notification-heading:first-letter,
#KUI-banner-notification .notification-body:first-letter{ 
    text-transform:capitalize; 
}
#KUI-banner-notification .notification[data-format="paragraph"] .notification-body{ 
    font-size:13.5px;line-height:19px; 
}    
#KUI-banner-notification .notification-highlight{
    padding:8px 0 4px 0;
    font-size:24px;color:#0087F4;line-height:38px;font-weight:300;letter-spacing:0.2px;
}
#KUI-banner-notification .notification:not([data-action-id=""]) .action-tag{
    display:none;
    position:absolute;bottom:8px;right:0;
	width:120px;height:18px;padding:0;
    text-align:right;
    font-size:11.5px;color:#5F5F5F;font-weight:400;letter-spacing:0.2px;line-height:18px;
}
#KUI-banner-notification .notification:not([onclick=""]) .action-tag{
    display:block;
}
#KUI-banner-notification .notification .notification-icon{
    position:absolute;top:-12px;left:18px;
	width:28px;height:28px;padding:0;
    background-color:#0083ED;
    background:-webkit-linear-gradient(62deg, #0083ED, #009FFC);
    background:-moz-linear-gradient(62deg, #0083ED, #009FFC);
    background:-o-linear-gradient(62deg, #0083ED, #009FFC);
    background:linear-gradient(62deg, #0083ED, #009FFC);
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 2.5px 12px -4px rgba(42, 44, 46, 0.92);
	-moz-box-shadow:0 2.5px 12px -4px rgba(42, 44, 46, 0.92);
	box-shadow:0 2.5px 12px -4px rgba(42, 44, 46, 0.92);
}
#KUI-banner-notification .notification .notification-icon figure{   
    width:100%;height:100%;
    background-image:url("../../resources/visual/notifications/0A.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
}
#KUI-banner-notification .notification[data-active="true"]{ 
    margin-top:36px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    -moz-transition:-moz-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    -ms-transition:-ms-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    -o-transition:-o-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    transition:transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
}
#KUI-banner-notification .notification[data-active="kill"]{ 
    z-index:1;
    margin-top:-200px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}

#KUI-banner-notification .notification[data-image=""] .notification-image,
#KUI-banner-notification .notification:not([data-image=""]) .notification-icon{
    display:none;
}
#KUI-banner-notification .notification[data-type="minimal"]{
    max-width:318px;height:auto;min-height:76px;
    margin-left:0;margin-bottom:4px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
#KUI-banner-notification .notification[data-active="true"][data-type="minimal"]{
    margin-top:-2px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-inner,
#KUI-banner-notification .notification:not([data-image=""]) .notification-inner{
    width:calc(92% - 40px);padding-top:12px;padding-left:40px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-inner:not([data-image=""]){
    padding-top:18px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-icon{
    top:23px;left:14px;
    -webkit-box-shadow:0 2px 12px -4px rgba(42, 44, 46, 0.9);
	-moz-box-shadow:0 2px 12px -4px rgba(42, 44, 46, 0.9);
	box-shadow:0 2px 12px -4px rgba(42, 44, 46, 0.9);
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-heading{
    font-size:14.5px;line-height:23px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-body{  
    text-overflow:ellipsis;white-space:nowrap;
    font-size:14px;
    overflow:hidden;
}
#KUI-banner-notification .notification[data-theme="alert"] .notification-icon{
    background-color:#FF5733;
    background:-webkit-linear-gradient(62deg, #D13825, #FD6D4E);
    background:-moz-linear-gradient(62deg, #D13825, #FD6D4E);
    background:-o-linear-gradient(62deg, #D13825, #FD6D4E);
    background:linear-gradient(62deg, #D13825, #FD6D4E);
}
#KUI-banner-notification .notification[data-theme="payment"] .notification-icon, 
#KUI-banner-notification .notification[data-theme="success"] .notification-icon{
    background-color:#00B721;
    background:-webkit-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-moz-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-o-linear-gradient(62deg, #1DA439, #3AD45D);
    background:linear-gradient(62deg, #1DA439, #3AD45D);
}
#KUI-banner-notification .notification[data-theme="favorite"] .notification-icon{
    background-color:#C4293D;
    background:-webkit-linear-gradient(62deg, #D22F44, #EE5065);
    background:-moz-linear-gradient(62deg, #D22F44, #EE5065);
    background:-o-linear-gradient(62deg, #D22F44, #EE5065);
    background:linear-gradient(62deg, #D22F44, #EE5065);
}
#KUI-banner-notification .notification[data-theme="alert"] .notification-icon figure{    background-image:url("../../resources/visual/notifications/9B.png");background-size:18px auto;background-position:center 6px; }
#KUI-banner-notification .notification[data-theme="cart"] .notification-icon figure{     background-image:url("../../resources/visual/notifications/8B.png");background-size:17px auto; }
#KUI-banner-notification .notification[data-theme="payment"] .notification-icon figure{  background-image:url("../../resources/visual/notifications/2A.png");background-size:18px auto; }
#KUI-banner-notification .notification[data-theme="favorite"] .notification-icon figure{ background-image:url("../../resources/visual/notifications/3A.png");background-size:14px auto; }
#KUI-banner-notification .notification[data-theme="success"] .notification-icon figure{  background-image:url("../../resources/visual/notifications/4A.png");background-size:14px auto; }
#KUI-banner-notification .notification[data-theme="outgoing"] .notification-icon figure{ background-image:url("../../resources/visual/notifications/5A.png"); }
#KUI-banner-notification .notification[data-theme="user"] .notification-icon figure{     background-image:url("../../resources/visual/notifications/6A.png"); }

#KUI-banner-notification .notification[data-theme="alert"] .notification-highlight{    color:#FF5733; }
#KUI-banner-notification .notification[data-theme="payment"] .notification-highlight{  color:#00BA2F; }
#KUI-banner-notification .notification[data-theme="success"] .notification-highlight{  color:#00BA2F; }
#KUI-banner-notification .notification[data-theme="favorite"] .notification-highlight{ color:#E24256; }

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - BULLETIN ALERT =========================
** ==========================================================
*/

#KUI-bulletin{
    display:none;
	position:fixed;top:18%;left:0;right:0;margin:0 auto;z-index:18;
	width:92%;min-width:410px;max-width:454px;height:auto;padding:0;
    background:none;background-color:transparent;
}
#KUI-bulletin .bulletin{
    position:relative;
    width:100%;height:auto;min-height:132px;padding:0;
    margin-top:110%;
    background-color:rgba(251, 253, 255, 0.88);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.72);
	-moz-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.72);
	box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.72);
    -webkit-transition:-webkit-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    -moz-transition:-moz-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    -ms-transition:-ms-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    -o-transition:-o-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    transition:transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
}
#KUI-bulletin .dismiss{
    position:absolute;z-index:2;
    top:12px;right:14px;
    width:70px;height:24px;padding:0 0 0 8px;
    background-color:transparent;
    background-image:url("../../resources/visual/buttons/sub-arrow-right_0_0.png");background-repeat:no-repeat;background-size:16px auto;background-position:50px center;
    text-align:left;
    font-size:12px;color:#000;font-weight:500;letter-spacing:0.2px;
    cursor:pointer;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
#KUI-bulletin .dismiss:hover{ 
    background-color:#E0E0E0;
}
#KUI-bulletin .bulletin-inner{
    position:relative;
    width:88%;height:auto;padding:40px 0 32px 0;
    margin:auto;
    text-align:left;
}
#KUI-bulletin .bulletin[data-align="center"] .bulletin-inner{ 
    padding:44px 0 24px 0;
    text-align:center; 
}
#KUI-bulletin .bulletin-heading{ 
    font-size:20px;color:#000;font-weight:700;letter-spacing:0.2px;line-height:22px;
}
#KUI-bulletin .bulletin-heading .bulletin-subheading{ 
    text-transform:uppercase;
    font-size:12.5px;color:#68686A;font-weight:500;
}
#KUI-bulletin .bulletin-body{ 
    padding-top:12px;
    font-size:14px;color:#48484A;font-weight:400;letter-spacing:0.4px;line-height:21px;
}
#KUI-bulletin .bulletin-heading:first-letter,
#KUI-bulletin .bulletin-body:first-letter{ 
    text-transform:capitalize; 
}
#KUI-bulletin .bulletin-highlight{ 
    margin-top:10px;
    font-size:32px;color:#006FE9;line-height:38px;font-weight:300;letter-spacing:0; 
}
#KUI-bulletin .bulletin-highlight .highlight-title{ 
    font-size:12px;color:#484C50;line-height:18px;font-weight:500;letter-spacing:0.2px; 
}
#KUI-bulletin .bulletin-highlight[data-highlight=""]{
    display:none;
}
#KUI-bulletin .bulletin-action{
    display:none;
    position:relative;
    width:auto;min-width:90px;height:46px;padding:0 26px 0 14px;
    margin:16px 0 0 0;vertical-align:top;
    background-color:#0073DC;
    background-image:url("../../resources/visual/buttons/19B.png");background-repeat:no-repeat;background-size:16px auto;background-position:calc(100% - 10px) center;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    font-size:12px;color:#FFF;font-weight:400;letter-spacing:0.8px;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
    -webkit-box-shadow:0 3px 20px -6px rgba(32, 32, 32, 0.62);
	-moz-box-shadow:0 3px 20px -6px rgba(32, 32, 32, 0.62);
	box-shadow:0 3px 20px -6px rgba(32, 32, 32, 0.62);
}
#KUI-bulletin .bulletin-icon{
    position:absolute;top:-16px;left:28px;
	width:32px;height:32px;padding:0;
    background-color:#0096E7;
    background:-webkit-linear-gradient(62deg, #1174F0, #1AB2FF);
    background:-moz-linear-gradient(62deg, #1174F0, #1AB2FF);
    background:-o-linear-gradient(62deg, #1174F0, #1AB2FF);
    background:linear-gradient(62deg, #1174F0, #1AB2FF);
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 2px 14px -3px rgba(32, 32, 32, 0.68);
	-moz-box-shadow:0 2px 14px -3px rgba(32, 32, 32, 0.68);
	box-shadow:0 2px 14px -3px rgba(32, 32, 32, 0.68);
}
#KUI-bulletin .bulletin-icon figure{
    width:100%;height:100%;
    background-image:url("../../resources/visual/notifications/0A.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
}

#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-icon{
    background-color:#FF5733;
    background:-webkit-linear-gradient(22deg, #D13825, #FD6D4E);
    background:-moz-linear-gradient(22deg, #D13825, #FD6D4E);
    background:-o-linear-gradient(22deg, #D13825, #FD6D4E);
    background:linear-gradient(22deg, #D13825, #FD6D4E);
}
#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-icon, 
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-icon{
    background-color:#00B640;
    background:-webkit-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-moz-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-o-linear-gradient(62deg, #1DA439, #3AD45D);
    background:linear-gradient(62deg, #1DA439, #3AD45D);
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-icon{
    background-color:#C4293D;
    background:-webkit-linear-gradient(62deg, #D22F44, #EE5065);
    background:-moz-linear-gradient(62deg, #D22F44, #EE5065);
    background:-o-linear-gradient(62deg, #D22F44, #EE5065);
    background:linear-gradient(62deg, #D22F44, #EE5065);
}


#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-icon figure{    
    background-image:url("../../resources/visual/notifications/1A.png"); 
}
#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-icon figure{  
    background-image:url("../../resources/visual/notifications/2A.png");background-size:18px auto; 
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-icon figure{ 
    background-image:url("../../resources/visual/notifications/3A.png");background-size:14px auto; 
}
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-icon figure{  
    background-image:url("../../resources/visual/notifications/4A.png");background-size:16px auto; 
}
#KUI-bulletin .bulletin[data-theme="outgoing"] .bulletin-icon figure{ 
    background-image:url("../../resources/visual/notifications/5A.png");background-size:16px auto; 
}
#KUI-bulletin .bulletin[data-theme="user"] .bulletin-icon figure{     
    background-image:url("../../resources/visual/notifications/6A.png"); 
}


#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-inner .bulletin-highlight, 
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-inner .bulletin-highlight{   
    color:#00B047; 
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-inner .bulletin-highlight{ 
    color:#E24256; 
}
#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-inner .bulletin-highlight{       
    color:#E65131; 
}


#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-inner .bulletin-action, 
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-inner .bulletin-action{  
    background-color:#00B047; 
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-inner .bulletin-action{ 
    background-color:#E24256; 
}
#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-inner .bulletin-action{    
    background-color:#E65131; 
}


#KUI-bulletin[data-active="main"] .bulletin{ 
    margin-top:0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-bulletin[data-active="kill"] .bulletin{ 
    margin-top:0;
    -webkit-transition:-webkit-transform 250ms ease;
    -moz-transition:-moz-transform 250ms ease;
    -ms-transition:-ms-transform 250ms ease;
    -o-transition:-o-transform 250ms ease;
    transition:transform 250ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - CONFIRMATION SELECT ====================
** ==========================================================
*/

#KUI-confirm{
    display:none;
	position:fixed;z-index:18;
    bottom:0;left:0;right:0;
    margin:0 auto;
	width:430px;height:auto;padding:0;
    background:none;background-color:transparent;
}
#KUI-confirm .confirm{
    position:relative;
    width:100%;height:auto;padding:0 0 72px 0;
}
#KUI-confirm .safe-zone{
    position:relative;
    margin:auto;
    width:322px;height:auto;padding:0;
    text-align:center;
}
#KUI-confirm .confirm-heading{ 
    padding:0 0 28px 0;
    opacity:0;
    text-shadow:0 1px 4px rgba(0, 0, 0, 0.18);
    font-size:26px;color:#FFF;line-height:26px;font-weight:400;letter-spacing:0.4px; 
    -webkit-transition:opacity 300ms ease;
    -moz-transition:opacity 300ms ease;
    -ms-transition:opacity 300ms ease;
    -o-transition:opacity 300ms ease;
    transition:opacity 300ms ease;
}
#KUI-confirm .confirm-heading:first-letter{ 
    text-transform:capitalize; 
}
#KUI-confirm .confirm-option{
    position:relative;
    top:250px;
    margin:8px 0;
    width:100%;height:56px;padding:2px 0 0 0;
    background-color:#FAFAFB;
    background-image:url("../../resources/visual/interface/1B.png");background-repeat:no-repeat;background-size:18px auto;background-position:center 100px;
    text-align:center;
    font-size:16px;color:#00B62E;font-weight:400;line-height:22px;letter-spacing:0.2px;
    overflow:hidden;
    cursor:pointer;
    opacity:0;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 6px 28px -6px rgba(22, 22, 24, 0.22);
	-moz-box-shadow:0 6px 28px -6px rgba(22, 22, 24, 0.22);
	box-shadow:0 6px 28px -6px rgba(22, 22, 24, 0.22);
    -webkit-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    -moz-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    -ms-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    -o-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
}
#KUI-confirm .confirm-option span{
    display:inline-block;
    width:200px;height:auto;
    margin:auto;vertical-align:top;
    -webkit-transition:-webkit-transform 180ms ease;
    -moz-transition:-moz-transform 180ms ease;
    -ms-transition:-ms-transform 180ms ease;
    -o-transition:-o-transform 180ms ease;
    transition:transform 180ms ease;
}
#KUI-confirm .confirm-option[data-option="cancel"]{
    top:450px;
    background-image:url("../../resources/visual/interface/2B.png");
    color:#DD3613;
}
#KUI-confirm .confirm-option:hover{
    background-position:center;
}
#KUI-confirm .confirm-option:hover span{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
#KUI-confirm[data-active="main"] .confirm-heading{
    opacity:1;
}
#KUI-confirm[data-active="main"] .confirm-option{
    top:0;
    opacity:1;
}
#KUI-confirm[data-active="kill"] .confirm{ 
    
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - CONFIRMATION SELECT ====================
** ==========================================================
*/

#KUI-form{
    display:none;
	position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:18;
	width:100%;min-width:430px;height:100%;min-height:550px;max-height:1100px;padding:0;
    background:none;background-color:transparent;
    overflow:auto;
}
#KUI-form .form-main{
    position:relative;top:100%;
    width:360px;height:auto;min-height:550px;padding:0; 
    margin:0 auto 100px auto;
    text-align:center;
    background-color:transparent;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    -moz-transition:-moz-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    -ms-transition:-ms-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    -o-transition:-o-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    transition:transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
}
#KUI-form .form-icon{
    position:absolute;top:-14px;left:38px;z-index:4;
	width:30px;height:30px;padding:0;
    background-color:#0096E7;
    background:-webkit-linear-gradient(38deg, #1174F0, #1AB2FF);
    background:-moz-linear-gradient(38deg, #1174F0, #1AB2FF);
    background:-o-linear-gradient(38deg, #1174F0, #1AB2FF);
    background:linear-gradient(38deg, #1174F0, #1AB2FF);
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 1px 14px -3px rgba(32, 32, 32, 0.72);
	-moz-box-shadow:0 1px 14px -3px rgba(32, 32, 32, 0.72);
	box-shadow:0 1px 14px -3px rgba(32, 32, 32, 0.72);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    -moz-transition:-moz-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    -ms-transition:-ms-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    -o-transition:-o-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    transition:transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
}
#KUI-form .form-icon figure{
    width:100%;height:100%;
    background-image:url("../../resources/visual/interface/13B.png");background-repeat:no-repeat;background-size:18px auto;background-position:center;
}
#KUI-form .form-inner{
    position:relative;z-index:2;
    width:100%;height:auto;min-height:250px;padding:0;
    background-color:rgba(255, 255, 255, 0.92);
    text-align:center;
    overflow:hidden;
    -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
    -webkit-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.78);
	-moz-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.78);
	box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.78);
}
#KUI-form .dismiss{
    position:absolute;top:10px;right:12px;z-index:2;
    width:56px;height:22px;padding:0 4px;
    background-color:transparent;
    background-image:url("../../resources/visual/buttons/19A.png");background-repeat:no-repeat;background-size:13px auto;background-position:right center;
    text-align:left;
    font-size:11.5px;color:#006FE9;font-weight:400;letter-spacing:0.1px;
    cursor:pointer;
}
#KUI-form .form-header{
    position:relative;
    width:80%;height:auto;padding:32px 0 12px 0;
    margin:auto;
    text-align:left;
    font-size:20px;color:#000;line-height:20px;font-weight:700;letter-spacing:0;
}
#KUI-form .form-subheading{  
    text-transform:uppercase;
    font-size:11.5px;color:#6D6D6E;font-weight:400;
}
#KUI-form .KUI-field-group{ 
    width:82%;max-height:310px;padding:10px 0 42px 0;
    overflow:auto;
}
#KUI-form .KUI-field{
    opacity:1;
    -webkit-transition:opacity 220ms ease, -webkit-transform 220ms ease-out; 
    -moz-transition:opacity 220ms ease, -moz-transform 220ms ease-out; 
    -ms-transition:opacity 220ms ease, -ms-transform 220ms ease-out; 
    -o-transition:opacity 220ms ease, -o-transform 220ms ease-out; 
    transition:opacity 220ms ease, transform 220ms ease-out; 
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-form .scroll-focus{
    opacity:0.68;
    -webkit-transform:scale(0.88);
    -moz-transform:scale(0.88);
    -ms-transform:scale(0.88);
    -o-transform:scale(0.88);
    transform:scale(0.88);
}
#KUI-form button[type="submit"]{
    display:inline-block; 
    position:relative;top:-100px;
    width:auto;min-width:250px;height:50px;padding:2px 16px 0 16px;
    margin:0;vertical-align:top;
    background-color:#000;
    opacity:0;
    text-align:center;
    font-size:12px;color:#FFF;font-weight:500;letter-spacing:1.2px;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 4px 26px -6px rgba(0, 0, 0, 0.52);
	-moz-box-shadow:0 4px 26px -6px rgba(0, 0, 0, 0.52);
	box-shadow:0 4px 26px -6px rgba(0, 0, 0, 0.52);
    -webkit-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    -moz-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    -ms-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    -o-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
}
#KUI-form button[type="submit"]:hover{ 
    background-color:#FFF;
    color:#000;
}

#KUI-form[data-active="main"] .form-main{ 
    top:calc(50% - 280px);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-form[data-active="main"] .form-icon{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-form[data-active="main"] button[type="submit"]{ 
    top:18px;
    opacity:1;
}
#KUI-form[data-active="kill"] .form-main{ 
    top:calc(50% - 280px);
    -webkit-transition:-webkit-transform 250ms ease;
    -moz-transition:-moz-transform 250ms ease;
    -ms-transition:-ms-transform 250ms ease;
    -o-transition:-o-transform 250ms ease;
    transition:transform 250ms ease;
    -webkit-transition-delay:350ms;
    -moz-transition-delay:350ms;
    -ms-transition-delay:350ms;
    -o-transition-delay:350ms;
    transition-delay:350ms;
}
#KUI-form[data-active="kill"] button[type="submit"]{ 
    top:-100px; 
    transition-delay:0ms;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - CALENDAR ===============================
** ==========================================================
*/

.KUI-calendar{
    position:relative;
    width:100%;min-width:430px;max-width:950px;height:auto;padding:0; padding:10px;
    margin:0 auto;
    background-color:#EDEDEE;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.KUI-calendar .info{
    position:relative;
    width:100%;height:150px;
    background-color:#FFF;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 5px 26px -4px rgba(32, 32, 32, 0.24);
	-moz-box-shadow:0 5px 26px -4px rgba(32, 32, 32, 0.24);
	box-shadow:0 5px 26px -4px rgba(32, 32, 32, 0.24);
}
.KUI-calendar .info > .safe-zone{
    position:relative;
    width:92%;height:auto;padding:22px 0 0 0;
    margin:auto;
}
.KUI-calendar .info .month-year{
    position:relative;
    text-align:left;
}
.KUI-calendar .info .month-year span{
    font-size:26px;color:#000;font-weight:700;letter-spacing:0.2px;line-height:32px;
}
.KUI-calendar .info .month-year span.month{ }
.KUI-calendar .info .month-year span.year{
    font-weight:400;
}
.KUI-calendar .days{
    position:relative;
    width:100%;height:auto;
    margin:18px 0 0 0;
    text-align:left;
}
.KUI-calendar .days > .day{
    display:inline-block; 
    position:relative;
    width:calc(14.28% - 6px);height:108px;padding:0;
    margin:3px;vertical-align:top;
    background-color:#FFF;
    cursor:pointer;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
    /*-webkit-box-shadow:0 4px 26px -4px rgba(32, 32, 32, 0.22);
	-moz-box-shadow:0 4px 26px -4px rgba(32, 32, 32, 0.22);
	box-shadow:0 4px 26px -4px rgba(32, 32, 32, 0.22);*/
    -webkit-transition:-webkit-transform 180ms cubic-bezier(0.32, 0.32, 0.06, 1.32), background-color 100ms ease;
    -moz-transition:-moz-transform 180ms cubic-bezier(0.32, 0.32, 0.06, 1.32), background-color 100ms ease;
    -ms-transition:-ms-transform 180ms cubic-bezier(0.32, 0.32, 0.06, 1.32), background-color 100ms ease;
    -o-transition:-o-transform 180ms cubic-bezier(0.32, 0.32, 0.06, 1.32), background-color 100ms ease;
    transition:transform 180ms cubic-bezier(0.32, 0.32, 0.06, 1.32), background-color 100ms ease;
}
.KUI-calendar .day > .safe-zone{
    position:relative;
    width:78%;height:auto;padding:10px 0 0 0;
    margin:auto;
}
.KUI-calendar .day span.day{
    font-size:17.5px;color:#000;font-weight:400;letter-spacing:0.4px;line-height:22px;
}
.KUI-calendar .days > .day:hover,
.KUI-calendar .days > .day.today{
    z-index:2;
    background-color:#0097FF;
    -webkit-box-shadow:0 8px 28px -3px rgba(0, 42, 130, 0.72);
	-moz-box-shadow:0 8px 28px -3px rgba(0, 42, 130, 0.72);
	box-shadow:0 8px 28px -3px rgba(0, 42, 130, 0.72);
    -webkit-transform:scale(1.12);
    -moz-transform:scale(1.12);
    -ms-transform:scale(1.12);
    -o-transform:scale(1.12);
    transform:scale(1.12);
}
.KUI-calendar .days > .day:hover span.day,
.KUI-calendar .days > .day.today span.day{
    color:#FFF;
}

/*
**
**
**
**
**
**
**
**
** ======= CORE - SEQUENTIAL TRANSITION =====================
** ==========================================================
*/

.KUI-sequential-transition:nth-child(1){
    -webkit-transition-delay:50ms !important;
    -moz-transition-delay:50ms !important;
    transition-delay:50ms !important;
}
.KUI-sequential-transition:nth-child(2){
    -webkit-transition-delay:100ms !important;
    -moz-transition-delay:100ms !important;
    transition-delay:100ms !important;
}
.KUI-sequential-transition:nth-child(3){
    -webkit-transition-delay:150ms !important;
    -moz-transition-delay:150ms !important;
    transition-delay:150ms !important;
}
.KUI-sequential-transition:nth-child(4){
    -webkit-transition-delay:200ms !important;
    -moz-transition-delay:200ms !important;
    transition-delay:200ms !important;
}
.KUI-sequential-transition:nth-child(5){
    -webkit-transition-delay:250ms !important;
    -moz-transition-delay:250ms !important;
    transition-delay:250ms !important;
}
.KUI-sequential-transition:nth-child(6){
    -webkit-transition-delay:300ms !important;
    -moz-transition-delay:300ms !important;
    transition-delay:300ms !important;
}
.KUI-sequential-transition:nth-child(7){
    -webkit-transition-delay:350ms !important;
    -moz-transition-delay:350ms !important;
    transition-delay:350ms !important;
}
.KUI-sequential-transition:nth-child(8){
    -webkit-transition-delay:400ms !important;
    -moz-transition-delay:400ms !important;
    transition-delay:400ms !important;
}
.KUI-sequential-transition:nth-child(9){
    -webkit-transition-delay:450ms !important;
    -moz-transition-delay:450ms !important;
    transition-delay:450ms !important;
}
.KUI-sequential-transition:nth-child(10){
    -webkit-transition-delay:500ms !important;
    -moz-transition-delay:500ms !important;
    transition-delay:500ms !important;
}
.KUI-sequential-transition:nth-child(11){
    -webkit-transition-delay:550ms !important;
    -moz-transition-delay:550ms !important;
    transition-delay:550ms !important;
}
.KUI-sequential-transition:nth-child(12){
    -webkit-transition-delay:600ms !important;
    -moz-transition-delay:600ms !important;
    transition-delay:600ms !important;
}
.KUI-sequential-transition:nth-child(13){
    -webkit-transition-delay:650ms !important;
    -moz-transition-delay:650ms !important;
    transition-delay:650ms !important;
}
.KUI-sequential-transition:nth-child(14){
    -webkit-transition-delay:700ms !important;
    -moz-transition-delay:700ms !important;
    transition-delay:700ms !important;
}
.KUI-sequential-transition:nth-child(15){
    -webkit-transition-delay:750ms !important;
    -moz-transition-delay:750ms !important;
    transition-delay:750ms !important;
}
.KUI-sequential-transition:nth-child(16){
    -webkit-transition-delay:800ms !important;
    -moz-transition-delay:800ms !important;
    transition-delay:800ms !important;
}
.KUI-sequential-transition:nth-child(n+16){
    -webkit-transition-delay:850ms !important;
    -moz-transition-delay:850ms !important;
    transition-delay:850ms !important;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - STYLE OVERWRITES =======================
** ==========================================================
*/

.KUI-remove-box-shadow{
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - RESPONSIVE =============================
** ==========================================================
*/

@media only screen and (max-width:500px){

    
    #KUI-banner-notification{
        width:332px;
    }

    
}