@charset "UTF-8";

/* Main Style Colors /////////////////////////////////////////////////////// */

:root{
    --shade-000: #ffffff;
    --shade-100: #f9fafc;
    --shade-200: #eeeeee;
    --shade-300: #e5eaee;
    /* --shade-400: #aaaaaa; */
    --shade-400: #8c9092;
    --shade-500: #707273;
    --shade-600: #666666;
    --shade-700: #4F5457;
    --shade-800: #272A30;
    --shade-900: #191D1F;
    --shade-999: #000000;

    --main-color: #1c4b36;
    --main-color-brighter: #5A922B;
    --main-color-darker: #072E1F;

    --background: #F0F3F5;
    
    --line: #d5dade;

    --info: #59b2ee;
    --warning: #ee5959;
    --error: #f74a4a;
    --success: #86ba3d;
}

/* Querys //////////////////////////////////////////////////////////////////// */

@media (max-width:1430px){}
@media (max-width:1200px){}
@media (max-width:1024px){}
@media (max-width:768px){}
@media (max-width:480px){}

/* Body //////////////////////////////////////////////////////////////////// */

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    position: relative;
    display: block;
    width: 100vw;
    height: 100vh;
}
body {
    position:relative;
    display:block;
    overflow-x: hidden !important;
    overflow-y: hidden;
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
    font-family: 'Poppins', sans-serfi;
    font-weight: normal;
    text-rendering: auto;
    background-color: var(--shade-000);
    background-color: var(--background);
}
body.bg-white {
    background-color: var(--shade-000);
}
body.ready.visible {
    overflow-y: visible;
}
body.noscroll {
    overflow-y: hidden !important;
    position: fixed;
}
body.vertical_center{
    overflow-y: hidden !important;
}

/* Headlines  */

h1,h2,h3,h4,h5,h6{
    position:relative;
    display:block;
    overflow: hidden;
    color: var(--shade-900);
    font-family: 'Poppins', sans-serfi;
    font-style: normal;
    font-weight: 600;
    z-index: 9;
}

h1 { font-size: 20px; margin-bottom: 30px; margin-top: 45px;}
h2 { font-size: 18px; margin-bottom: 30px; }
h3 { font-size: 16px; margin-bottom: 10px; }
h4 { font-size: 14px; margin-bottom: 10px; }
h5 { font-size: 12px; margin-bottom: 10px; }
h6 { font-size: 12px; margin-bottom: 10px; }

h1.bordered, .bordered h1 { 
    width: 100%;
    margin: 45px 0 10px 0; 
    padding: 0 0 20px 0 ;
    border-bottom: 1px solid var(--line); 
}
h2.bordered, .bordered h2 { 
    width: 100%;
    margin: 15px 0 20px 0; 
    padding: 0 0 15px 0 ;
    border-bottom: 1px solid var(--line); 
}

/* Typography */

p,
ul,
blockquote,
form {
    position:relative;
    display:block;
    line-height: normal;
    color: var(--shade-500);
    font-weight: normal;
    font-size: 14px;
}
em {
    font-style:italic;
}
strong {
    font-weight: bold;
}
a {
    color: var(--shade-500);
    text-decoration: none;
    outline: none;
    cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
a:hover{
    color: var(--main);
}

/* Figure  */

figure {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    line-height: 0px;
}
figure img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
figure:focus,
img:focus {
    outline: none;
}

/* Helper */

.clearfix,
.clear  {
    position: relative !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100%;
    height: auto;
}
.invisible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
form .widget.none{
    display: none;
}
.center {
    text-align:center;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}
.responsive img {
    width:100% !important;
    height:auto !important;
}
.mod_article{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
    -webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.wide{
    max-width: 100% !important;
    padding: 0px !important;
}
.small{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 1430px;
    padding: 0 15px 0 15px;
    margin: 0 auto 0 auto;
}
.extra_small{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    padding: 0 15px 0 15px;
    margin: 0 auto 0 auto;
}
@media (max-width:1430px){
    .small{
        max-width: 1200px;
    }
}
@media (max-width:1200px){
    .small,
    .extra_small{
        max-width: 1024px;
    }
}
@media (max-width:1024px){
    .small,
    .extra_small{
        max-width: 768px;
    }
}

/* Framework */

#wrapper{
    position: relative;
    display: block;
    overflow: hidden;
    overflow-x: hidden !important;
    width: 100vw;
    min-height: 100vh;
    left: 0px;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}
@media (min-width:501px){
    body.nav_dash_open #wrapper{
        left: 180px;
    }
}
#container{
    position: relative;
    display: block;
    overflow: hidden;
    overflow-x: hidden !important;
    width: 100vw;
    min-height: 100vh;
}
#main{
    position: relative;
    display: block;
    width: 100vw;
    max-width: 1500px;
    margin: 10px auto 0 auto;
    -webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-ms-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
	transition: all 0.7s ease-in-out 0s;
}
body.vertical_center #main,
body.no_header #main{
    padding-top: 0px;
}
body.ready #main{
    margin-top: 0px;
}
@media (max-width:500px){
    body.intern #main{
        padding: 0px 0px 100px 0px;
    }
}
@media (min-width:501px){
    body.intern #main{
        padding: 0px 70px 50px 170px;
    }
}
#header .inside,
#main .inside{
    position: relative;
    display: block;
    width: 100%;
    min-height: 50vh;
    padding-left: 20px;
    padding-right: 20px;
}
body.vertical_center #main .inside{
    min-height: 100vh;
}
body.no_padding #main .inside{
    padding-left: 0;
    padding-right: 0;
}
.inside::after{
    position: relative;
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
    content: "";
}
#header{
    position: fixed;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 70px;
    z-index: 9999;
}
body.no_header #header,
body.no_header #footer{
    display: none;
}
#footer{
    position: fixed;
    display: block;
    overflow: hidden;
    left: 0px;
    bottom: -130px;
    width: 100%;
    height: 85px;
    background-color: var(--shade-000);
    z-index: 9999;
    border-radius: 30px 30px 0 0;
    -webkit-box-shadow: 0px -2px 14px 5px rgba(0,0,0,0.15); 
    box-shadow: 0px -2px 14px 5px rgba(0,0,0,0.15);
    -webkit-transition: all 0.7s ease-in-out 0.5s;
    -moz-transition: all 0.7s ease-in-out 0.5s;
    -ms-transition: all 0.7s ease-in-out 0.5s;
    -o-transition: all 0.7s ease-in-out 0.5s;
    transition: all 0.7s ease-in-out 0.5s;
}
@media (max-width:500px){
    #footer{
        bottom: 0px;
    }
}
#footer .inside{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}

/* collumns */

.subcolumns{
    position: relative;
    display: block;
    overflow: visible;
}
.subcolumns::after{
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    float: none;
    content: "";
}
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l,
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
.subcr, .subcl, .subc{
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
} 
@media (max-width:900px){
    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l,
    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
    .subcr, .subcl, .subc{
        float:none;
        clear: both;
        width: 100%;
        padding: 0px !important;
        margin:0px !important;
    } 
}
/* Footer Mobile Nav */

#footer .nav_mobile_item{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0px 10px 0 10px;
}
#footer .nav_mobile_item:hover{
    cursor: pointer;
}
#footer .nav_mobile_item.logo{
    background-image: url(../../files/img/favicon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px;
    width: 50px;
    height: 50px;
    margin: 10px 20px 0 20px;
}
#footer .nav_mobile_item.home{
    top: -5px;
    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/home.svg);
    mask-image: url(../../files/fonts/core_icons/v0/home.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
}
#footer .nav_mobile_item.tasks{
    top: -5px;
    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/layers.svg);
    mask-image: url(../../files/fonts/core_icons/v1/layers.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
}
#footer .nav_mobile_item.tempo{
    top: -5px;
    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/time-square.svg);
    mask-image: url(../../files/fonts/core_icons/v0/time-square.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
}
#footer .nav_mobile_item.profile{
    top: -5px;
    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/profile.svg);
    mask-image: url(../../files/fonts/core_icons/v0/profile.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
}

/* Refresh Info */

.__PREFIX__text{
	font-size: 14px;
}
.ptr--icon,
.ptr--text{
    color: var(--shade-700) !important;
}

/* Loader */

#loader{
    position: fixed;
    display: block;
    overflow-x: hidden !important;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: var(--background);
    z-index: 999999;
}
body.bg-white #loader{
    background-color: var(--shade-000);
}
#loader .inside{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
#loader_spinner {
    position: absolute;
    display: block;
    top: 45%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    animation: rotation 1s linear infinite;

    background-color: var(--main-color-brighter);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/load-spinner.svg);
    mask-image: url(../../files/fonts/core_icons/v0/load-spinner.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 42px;
    mask-size: 42px;
    }
    
    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        50% {
            transform: rotate(360deg);
        }
        100% {
            transform: rotate(1000deg);
        }
} 
#loader .inside #stop{
    position: absolute;
    width: 100%;
    text-align: center;
    display: block;
    overflow: hidden;
    height: 30px;
    color: var(--shade-600);
    font-size: 10px;
    text-transform: uppercase;
    bottom: 10px;
}
#loader .inside #stop:hover{
   color: var(--shade-900);
}
#loader .inside #stop::before{
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
    top: 3px; 
    font-size: 0px !important;
    cursor: pointer;

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

    background-color: var(--shade-600);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/undo.svg);
    mask-image: url(../../files/fonts/core_icons/v1/undo.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    content: "";
}
#loader .inside #stop:hover::before{
    background-color: var(--shade-900);
}

/* Intro */

.intro{
    top: 45% !important;
}
body.ready .intro{
    opacity: 10;
}
.intro .logo_icon{
    position: relative;
    display: block;
    width: 70px;
    left: 50%;
    margin-left: -35px;
}
.intro .logo_icon img{
    width: 100%;
    height: auto;
}

/* logo */

#header .logo{
    position: absolute;
    display: block;
    overflow: hidden;
    top: 20px;
    left: 20px;
}
#header .logo img{
    width: auto;
    height: 30px;
}
@media (min-width: 501px) {
    #header .logo{
        display: none;
    }
}


/* toaster */

.toaster{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    top: 15px;
    right: 20px;
    cursor: pointer;
}
.toaster::after{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    font-family: 'simple-line-icons';
    font-size: 22px;
    content: "\e601";
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--main-color);
}

/* Back Button /////////////////////////////////////////////////////////////// */

.back_button{
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    max-width: 31px;
    max-height: 31px;
    top: 0px;
    right: 5px;    
    z-index: 99;
}
@media(max-width:900px){
    .back_button{
        right: 12px;   
    }
}
.back_button a{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    top: 0px;
    right: 0px;    
    font-size: 0px !important;
    cursor: pointer;

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/left-square.svg);
    mask-image: url(../../files/fonts/core_icons/v1/left-square.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    content: "";
}
.back_button a:hover{
    background-color: var(--shade-999);
}

/* Formulars /////////////////////////////////////////////////////////////// */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--shade-400);
    opacity: 1; /* Firefox */
}  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--shade-400);
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--shade-400);
}
form, .form, .formbody{
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
}
form::after, .form::after, .formbody::after{
    position: relative;
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
    content: "";
}
form .fields{
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.fields_container{
    position: relative;
    display: block;
}
form .widget{
    position: relative;
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}
form .widget.quarter{
    width: 25%;
    float: left;
    clear: none;
}
form .widget.person{
    margin-bottom: 5px;
}
form .widget.space_left{
    width: calc(25% - 3px);
    margin-left: 3px;
}
form .widget.space_right{
    width: calc(25% - 3px);
    margin-right: 3px;
}
form .widget.datepicker{
    overflow: visible;
}
form .widget.half_left{
    float: left;
    clear: none;
    width: 50%;
    padding-right: 7px;
}
form .widget.half_right{
    float: left;
    clear: none;
    width: 50%;
    padding-left: 7px;
}
form .widget label{
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 23px;
    font-weight: normal;
    margin-bottom: 3px;
    color: var(--shade-400);
}
form .widget label .mandatory{
    color: var(--error);
}
form input.text,
form input.captcha,
form select,
form textarea{

    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    z-index: 9;
  
    background-color: var(--shade-000);

    border: 1px solid var(--shade-300);
    border-radius: 13px;
    border-width: 1px 1px 1px 1px;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;

    font-family: 'Poppins', sans-serfi;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--shade-900);
    line-height: normal;
    outline: none;

    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

}
form input.text,
form select,
form textarea{
    height: 41px;
    max-height: 41px;
    min-height: 41px;
    padding: 0px 30px 0px 15px;
}
form textarea{
    width: 100%;
    max-width: 100%;
    min-height: 150px;
    padding: 13px 15px 13px 15px;
}
form input.text:focus,
form select:focus,
form textarea:focus{
    outline: none;
    border: 1px solid var(--shade-900);
    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
form select{
    cursor: pointer;
    padding: 0px 50px 0px 15px;
}
form select.null{
    color: var(--shade-400);
}
form .widget-select::after{
    position: absolute;
    display: block;
    right: 15px;
    bottom: 13px;
    width: 15px;
    height: 15px;
    background-color: var(--shade-900);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/chevron-down.svg);
    mask-image: url(../../files/fonts/core_icons/v1/chevron-down.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    
    content: "";
    z-index: 99;
    pointer-events: none;
}
form .mandatory.widget-select::after{
    right: 30px;
}
form .widget-select.half_left::after{
    right: 7px;
}
.submit_container{
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 15px;
    text-align: right;
}
.submit_container::after{
    position: relative;
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
    content: "";
}
form fieldset{
    position: relative;
    display: block;
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
}
form fieldset legend{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
}
form fieldset legend.main_legend{
    width: 100%;
    max-width: 100%;
    font-size: 24px;
    padding: 30px 0 30px 0;
    text-align: center;
    border-bottom: 0px;
    font-family: 'Poppins', sans-serfi;
    font-style: normal;
    font-weight: normal;
    color: var(--shade-000);
}
form .widget fieldset span{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    line-height: normal;
    padding-bottom: 5px;
}
.radio_wrapper{
    white-space: nowrap;
}
form .widget fieldset span.currency{
    position: relative !important;
    display: inline-block !important;
    float: none !important;
}
form .widget fieldset legend span{
    position: relative;
    display: inline-block;
    float: none;
    font-weight: normal;
    vertical-align: auto;
    padding-right: 0px;
    padding-left: 0px;
    
}
form .widget fieldset span label{
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding-right: 10px;
    padding-left: 2px;
    line-height: 20px;
    margin-bottom: 0px;
}
.safari form .widget fieldset span label{
    top:-4px;
}
form .widget fieldset legend span.mandatory{
    color: var(--red);
    padding-bottom: 0px;
    line-height: 15px;
}
form .widget.mandatory::before{
    position: absolute;
    display: block;
    z-index: 999;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    bottom: 18px;
    right: 20px;
    background-color: var(--error);
    content: "";
}
form .widget fieldset.checkbox_container span label,
form .widget fieldset.radio_container span label{
    font-size: 12px;
    top: 0px;
    text-transform: lowercase;
    color: var(--shade-900);
}
form .widget input.radio,
form .widget input.checkbox{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    max-height: 30px;
    margin: 0 3px 0 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    line-height: normal;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    background-color: var(--shade-000);
    border: 1px solid var(--shade-999);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px; 
    background-image: none;
}
form .widget input.radio:checked,
form .widget input.checkbox:checked{
    background-image: url('../../files/fonts/core_icons/v0/check.svg');
}

/* Vertical Align */
@media (min-height:500px) and (max-width:500px){
    body.vertical_center #main .mod_article{
        position: absolute;
        display: block;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@media (min-height:500px) and (min-width:501px){
    body.vertical_center #main .mod_article{
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
/*
@media (orientation: portrait) {

}
@media (orientation: landscape) {
    body.vertical_center #main .mod_article{
        position: relative;
        display: block;
    }
}
*/

/* Nav for Login / Lost Password / Registration */

.log_nav p,
.log_nav p a{
    font-size: 12px;
    color: var(--shade-400);
    margin-bottom: 50px;
}
.log_nav p a:hover{
    color: var(--shade-999);
}

/* Login / Lost Password / Registration */

.mod_login,
.mod_lostPasswordNotificationCenter,
.mod_registration{
    position: relative;
    display: block;
    overflow: hidden;
    width: 80%;
    max-width: 350px;
    margin: 0 auto 30px auto;
    height: auto;
    -webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-ms-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}
.mod_login{
    width: 50%;
}
@media (max-width: 500px) {
    .mod_login{
        width: 80%;
    }
}
.mod_login h1,
.mod_lostPasswordNotificationCenter h1,
.mod_registration h1{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
    padding-top: 40px;
    font-size: 20px;
    text-align: center;
    text-transform: none;
}
.mod_login h1::before,
.mod_lostPasswordNotificationCenter h1::before,
.mod_registration h1::before,
body.registration h1::before{
	position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    
    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/login.svg);
    mask-image: url(../../files/fonts/core_icons/v0/login.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;

    content: "";
    top: 5px;
    margin-right: 5px;
    margin-left: -5px;
}
.mod_lostPasswordNotificationCenter h1::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/lock.svg);
    mask-image: url(../../files/fonts/core_icons/v0/lock.svg);
}
.mod_registration h1::before,
body.registration h1::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/add-user.svg);
    mask-image: url(../../files/fonts/core_icons/v0/add-user.svg);
}
.mod_registration h4{
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.mod_login form,
.mod_lostPasswordNotificationCenter form{
    width: 100%;
    margin: 0 auto 0 auto;
}
.mod_login form .widget,
.mod_lostPasswordNotificationCenter form .widget{
   margin-bottom: 10px;
}
.mod_login form .widget-text::after{
    position: absolute;
    display: block;
    top: 11px;
    left: 20px;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    z-index: 999;
    content: "";

    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/profile.svg);
    mask-image: url(../../files/fonts/core_icons/v0/profile.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;

    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.mod_login form .widget-password::after{
    position: absolute;
    display: block;
    top:11px;
    left: 20px;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    z-index: 999;
    content: "";

    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/lock.svg);
    mask-image: url(../../files/fonts/core_icons/v0/lock.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;

    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.mod_login form .widget-text label,
.mod_login form .widget-password label,
.mod_lostPasswordNotificationCenter form .widget-text label,
.mod_registration form .widget label{
    display: none !important;
}
.mod_registration form .widget-checkbox label{
    display: inline-block !important;
}
.mod_login form .widget fieldset span label,
.mod_lostPasswordNotificationCenter form .widget fieldset span label{
    color: var(--shade-900);
}
.mod_login form input.text{
    min-height: 50px;
    height: 50px;
    padding-left: 55px;
    padding-right: 50px;
    border-radius: 30px;
}
/*
.mod_login form .widget-text input,
.mod_login form .widget-password input,
.mod_lostPasswordNotificationCenter form .widget-text input,
.mod_lostPasswordNotificationCenter form .widget-password input{
    -webkit-box-shadow: 0 0 0px 1000px var(--shade-000) inset;
}
*/

.mod_login form button,
.mod_lostPasswordNotificationCenter form button,
.mod_registration form button{
    display: block;
    margin: 0 auto 0 auto !important;
}
.mod_login form button{
    width: 65%;
}
p.login_info{
    text-align: center;
}
.mod_login form fieldset{
    text-align: center;
}
.mod_login form .widget-checkbox{
    margin-bottom: 8px;
}
.mod_login form .password_viewer{
    position: absolute;
    display: block;
    top: 13px;
    right: 20px;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    z-index: 999;
    
	background-image: url(../../files/fonts/core_icons/v0/eye.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    content: "";

    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    
    opacity:0.3;
}
.mod_login form .password_viewer:hover,
.mod_login form .password_viewer.active{
    opacity:1;
}
.mod_login form .widget-checkbox,
.mod_login form .widget-checkbox,
.mod_lostPasswordNotificationCenter form .widget-checkbox,
.mod_registration form .widget-checkbox{
    text-align: center;
}

/* buttons */

button{
	position:relative;
	display:inline-block;
    overflow: hidden;
    height: 41px;
    padding: 1px 30px 0px 30px;
    margin:0 0 0 0;

    font-family: 'Poppins', sans-serfi;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    font-weight: 600;
    color: var(--shade-000);
    line-height: normal;
    white-space: nowrap;

    outline: none;
    border: none;
    border-radius:50px;
    background-color: var(--shade-900);

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    outline: none;

}
button:hover{
	background-color: var(--main-color);
    cursor: pointer;
}
button.disabled{
    background-color: var(--shade-400);
    pointer-events: none;
}
button.disabled:hover{
    background-color: var(--shade-400);
}
button.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a.button{
	position: relative;
	display: inline-block;
    overflow: hidden;
    height: 41px;
    max-height: 41px;
    width: auto;
    padding: 11px 25px 0px 20px;
    margin:0 0 0 0;

    font-family: 'Poppins', sans-serfi;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    font-weight: 600;
    color: var(--shade-000);
    line-height: normal;
    white-space: nowrap;

    outline: none;
    border: none;
    border-radius:50px;
    background-color: var(--shade-900);

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    outline: none;
}
a.button:hover{
	background-color: var(--main-color);
    cursor: pointer;
}

/* Error */

p.error,
p.info,
p.ok{
    position: relative;
    display: block;
    width: 100%;
    min-height: 37px;
    overflow: hidden;
    color: #fff;
    font-family: 'Poppins', sans-serfi;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    margin: -11px 0 20px 0;
}
p.error::before,
p.info::before,
p.ok::before{
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: 2px;
    top: 10px;
    width: 30px;
    height: 30px;
    content: "";

    background-color: var(--error);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
}    
p.error::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/alert-romb.svg);
    mask-image: url(../../files/fonts/core_icons/v1/alert-romb.svg);
}
p.info::before{
    content: "\e027";
}
p.ok::before{
    content: "\e080";
}
p.error{
    color: var(--error);
}
p.info{
    background-color: var(--info);
}
p.ok,
p.tl_confirm{
    background-color: var(--main-color-darker);
}


/* Info, Warning, Notes */

.info, 
.warning, 
.success{
    position: relative;
    display: none;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
    margin-bottom: 10px;
}

.info::before, 
.warning::before, 
.success::before{
    position: absolute;
    display: block;
    overflow: hidden;
    top: 6px;
    left: 10px;
    width: 20px;
    height: 20px;
    content: "";

    background-color: var(--error);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;

    -webkit-mask-image: url(../../files/fonts/core_icons/v1/alert-romb.svg);
    mask-image: url(../../files/fonts/core_icons/v1/alert-romb.svg);
    background-color: var(--shade-000);
}
.info{
    background-color: var(--info);
}
.warning{
    background-color: var(--warning);
}
.success{
    background-color: var(--success);
}
.info p, 
.warning p, 
.success p{
    position: relative;
    display: block;
    overflow: hidden;
    color: var(--shade-000);
    font-size: 12px;
    margin: 0;
    padding: 6px 10px 6px 35px;
}

/* Registration */

body.registration h1{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
    padding-top: 50px;
    font-size: 20px;
    text-align: center;
    text-transform: none;
}
.ce_hyperlink.reg{
    position: relative;
    display: block;
    overflow: hidden;
}
.ce_hyperlink.reg a{
    position: relative;
    display: block;
    width: 80%;
    max-width: 350px;
    border: 1px dotted var(--shade-500);
    color: var(--shade-900);
    margin: 20px auto 0 auto;
    text-align: center;
    border-radius: 20px;
    padding: 21px 10px 19px 10px;
    font-size: 16px;
}
.ce_hyperlink.reg.strassenmeisterei{
    margin-bottom: 40px;
}
.ce_hyperlink.reg a::before{
    position: absolute;
    display: block;
    left: 20px;
    top: 19px;
    width: 25px;
    height: 25px;
    content:"";

    background-color: var(--shade-999);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/plus-circle.svg);
    mask-image: url(../../files/fonts/core_icons/v1/plus-circle.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
}

/* Half Page */

body.half_page #main .inside{
    width: 50%;
    left: 0%;
}
@media (max-width:900px){
    body.half_page #main .inside{
        width: 100%;
        left: 0%;
    }
}
body.half_page #right{
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0%;
}
body.half_page #right .inside,
body.half_page #right .mod_article,
body.half_page #right .ce_image,
body.half_page #right figure{
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
body.half_page #right img{
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0px;

    height: 100%;
    width: 60% !important;
    max-width: 1000px !important;
    -webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-ms-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}
@media (max-width:900px){
    body.half_page #right img{
        position: absolute;
        display: block;
        right: 0px;
        bottom: 0px;
    
        height: 35%;
        width: auto !important;
    }
}
body.half_page #right .small_bg img{

    height: 40%;
    width: 25% !important;

}

/* Half Page Left Logo */

.login_logo{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.login_logo img{
    position: relative;
    display: inline-block;
    width: 80px;
    height: auto;
}

/* Navigation Dashboard */

body.extern #navigation{
    display: none !important;
}
#navigation{
    position: fixed;
    display: block;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 120px;
    height: 100vh;
    z-index: 99999;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
    background-color: var(--shade-000);
    background-color: var(--background);
}
#navigation .inside{
    position: relative;
    display: block;
    width: 100%;
    top: 10px;
    height: calc(100% - 30px);
    border-right: 1px solid var(--line);
}
@media (max-width:500px){
    #navigation{
        left:-120px;
        background-color: var(--shade-900);
    }
    body.nav_dash_open #navigation{
        width: 100%;
        left: 0px;
    }
    #navigation .inside{
        border-right: 0px;
    }
}
@media (min-width:501px){
    #navigation{
        left:0px;
    }
    body.nav_dash_open #navigation{
        width: 300px;
    }
}

/* Navigation Dashboard Toggler */

.navigation_dashboard_toggler{
    position: absolute;
    display: block;
    top: 38px;
    right: -12.5px;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    background-color: var(--background);
    cursor: pointer;
    border: 1px solid var(--line);
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}
@media (max-width:500px){
    .navigation_dashboard_toggler{
        right: 20px;
        background-color: var(--shade-900);
        border: 1px solid var(--shade-700);
    }
}
.navigation_dashboard_toggler::after{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    content: "";
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/chevrons-right.svg);
    mask-image: url(../../files/fonts/core_icons/v1/chevrons-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    background-color: var(--line);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.navigation_dashboard_toggler:hover:after{
    background-color: var(--shade-900);
}
body.nav_dash_open .navigation_dashboard_toggler::after{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/chevrons-left.svg);
    mask-image: url(../../files/fonts/core_icons/v1/chevrons-left.svg);
    background-color: var(--shade-900);
}
@media (max-width:500px){
    .navigation_dashboard_toggler::after{
        background-color: var(--shade-700);
    }
    .navigation_dashboard_toggler:hover:after{
        background-color: var(--shade-500);
    }
    body.nav_dash_open .navigation_dashboard_toggler::after{
        background-color: var(--shade-500);
    }
}

/* Navigation Dashboard Logo */

.navigation_dashboard_logo{
    position: relative;
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin: 0px 0px 25px 35px;
    top: 25px;
    border-radius: 15px;
}
.navigation_dashboard_logo figure,
.navigation_dashboard_logo figure a{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    width: 100%;
}
.navigation_dashboard_logo figure a img{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0;
}
@media (max-width:500px){
    .navigation_dashboard_logo figure a img{
       display: none;
    }
}

/* Navigation Dashboard */

.navigation_dashboard{
    position: relative;
    display: block;
    width: calc(100% - 40px);
    margin-left: 40px;
    margin-top: 50px;
}
.navigation_dashboard ul{
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.navigation_dashboard ul li{
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.navigation_dashboard ul li a,
.navigation_dashboard ul li strong{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 10px 0 0 50px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 15px;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;

    font-size: 14px;
    color: var(--shade-400);
    
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
}
body.nav_dash_open .navigation_dashboard ul li a,
body.nav_dash_open .navigation_dashboard ul li strong{
    width: calc(100% - 50px);
}
.navigation_dashboard ul li a:hover,
.navigation_dashboard ul li strong{
    color: var(--shade-900);
}
@media (max-width:500px){
    .navigation_dashboard ul li a:hover,
    .navigation_dashboard ul li strong{
        color: var(--shade-200);
    }
}
.navigation_dashboard ul li a::before,
.navigation_dashboard ul li strong::before{
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;

    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/login.svg);
    mask-image: url(../../files/fonts/core_icons/v0/login.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    content: "";

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.navigation_dashboard ul li a:hover::before,
.navigation_dashboard ul li strong::before{
    background-color: var(--shade-900);
}
@media (max-width:500px){
    .navigation_dashboard ul li a:hover::before,
    .navigation_dashboard ul li strong::before{
        background-color: var(--shade-200);
    }
}
.navigation_dashboard ul li.dashboard a::before,
.navigation_dashboard ul li.dashboard strong::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/home.svg);
    mask-image: url(../../files/fonts/core_icons/v0/home.svg);
}
.navigation_dashboard ul li.auftraege a::before,
.navigation_dashboard ul li.auftraege strong::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/layers.svg);
    mask-image: url(../../files/fonts/core_icons/v1/layers.svg);
}
.navigation_dashboard ul li.teams a::before,
.navigation_dashboard ul li.teams strong::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/users-group.svg);
    mask-image: url(../../files/fonts/core_icons/v1/users-group.svg);
}
.navigation_dashboard ul li.arbeitsmaterialien a::before,
.navigation_dashboard ul li.arbeitsmaterialien strong::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/delivery.svg);
    mask-image: url(../../files/fonts/core_icons/v1/delivery.svg);
}
.navigation_dashboard ul li.unternehmen a::before,
.navigation_dashboard ul li.unternehmen strong::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/users-two.svg);
    mask-image: url(../../files/fonts/core_icons/v1/users-two.svg);
}
.navigation_dashboard ul li.zeiten-berichte a::before,
.navigation_dashboard ul li.zeiten-berichte strong::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/time-square.svg);
    mask-image: url(../../files/fonts/core_icons/v1/time-square.svg);
}

/* Navigation Dashboard Profile */

.navigation_dashboard_profile{
    position: absolute;
    display: block;
    width: calc(100% - 40px);
    height: 40px;
    left: 40px;
    bottom: 30px;
}
.navigation_dashboard_profile ul{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.navigation_dashboard_profile ul li{
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.navigation_dashboard_profile ul li a,
.navigation_dashboard_profile ul li strong{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 10px 0 0 40px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 15px;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;

    font-size: 14px;
    color: var(--shade-400);
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
}
body.nav_dash_open .navigation_dashboard_profile ul li a,
body.nav_dash_open .navigation_dashboard_profile ul li strong{
    width: calc(100% - 50px);
}
.navigation_dashboard_profile ul li a:hover,
.navigation_dashboard_profile ul li strong{
    color: var(--shade-900);
}
@media (max-width:500px){
    .navigation_dashboard_profile ul li a:hover,
    .navigation_dashboard_profile ul li strong{
        color: var(--shade-200);
    }
}
.navigation_dashboard_profile ul li a::before,
.navigation_dashboard_profile ul li strong::before{
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;

    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/profile.svg);
    mask-image: url(../../files/fonts/core_icons/v0/profile.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    content: "";

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.navigation_dashboard_profile  ul li a:hover::before,
.navigation_dashboard_profile  ul li strong::before{
    background-color: var(--shade-900);
}
@media (max-width:500px){
    .navigation_dashboard_profile  ul li a:hover::before,
    .navigation_dashboard_profile  ul li strong::before{
        background-color: var(--shade-200);
    }
}

/* Tooltip */

.tooltip_box{
    position: absolute;
    display: none;
    background-color: var(--shade-800);
    padding: 5px 20px 5px 20px;
    top: 50%;
    left: 50px;
    color: var(--shade-000);
    font-size: 11px;
    border-radius: 5px;
    pointer-events: none;
    white-space: nowrap;

    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.tooltip_box::before{
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 47%;
    left: -6px;
    background-color: var(--shade-800);
    border-radius: 1px;

    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";

    -webkit-transform: rotate(45deg) translate(0, -50%);
    -moz-transform: rotate(45deg) translate(0, -50%);
    -ms-transform: rotate(45deg) translate(0, -50%);
    -o-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
}
.tootltip_left .tooltip_box{
    left: -8px;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.tootltip_left .tooltip_box::before{
    left: calc(100% - 10px);
}
@media (max-width:900px){
    .tooltip_box{
        display: none !important;
    } 
}

/* Breadcrumb */

.mod_breadcrumb{
    position: relative;
    display: none;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid var(--shade-200);
}
.mod_breadcrumb ul{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}
.mod_breadcrumb ul li{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.mod_breadcrumb ul li a,
.mod_breadcrumb ul li{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    color: var(--shade-400);
}
.mod_breadcrumb ul li a::after{
    position: relative;
    display: inline-block;
    margin: 0 2px 0 5px;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    content: "/";
}

#title-bar {
    position: fixed;
    left: env(titlebar-area-x, 0);
    top: env(titlebar-area-y, 0);
    height: env(titlebar-area-height, 50px);
    width: env(titlebar-area-width, 100%);
    -webkit-app-region: drag;
    background-color: #53be1d;
  }
 
/* Filter /////////////////////////////////////////////////////////////// */

.ce_catalogFilterForm {
    position: relative;
    display: block;
}
.ce_catalogFilterForm .ctlg_form_field{
    position: relative;
    display: block;
}

/* Filter Tags /////////////////////////////////////////////////////////////// */

.ce_catalogFilterForm .ctlg_form_field.tag {
    position: relative;
    display: block;
    float: none;
    clear: both;
}
.ce_catalogFilterForm .ctlg_form_field.tag p {
    position: relative;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 20px;
    color: var(--shade-400);
}
.ce_catalogFilterForm .ctlg_form_field.tag .checkbox_container {
    position: relative;
    display: inline-block;
    height: 30px;
    max-height: 30px;
    margin: 0px 5px 8px 0;
    padding: 0;
}
.ce_catalogFilterForm .ctlg_form_field.tag .checkbox_container input {
   display: none;
}
.ce_catalogFilterForm .ctlg_form_field.tag .checkbox_container label {
    position: relative;
    display: block;
    width: auto;
    overflow: hidden;
    height: 30px;
    max-height: 30px;
    border-radius: 7px;
    white-space: nowrap;
    background-color: var(--shade-300);
    padding: 15px 10px 0px 10px;
    font-size: 12px;
    cursor: pointer;
    line-height: 0px;
}
.ce_catalogFilterForm .ctlg_form_field.tag .checkbox_container label:hover,
.ce_catalogFilterForm .ctlg_form_field.tag .checkbox_container.ckecked label {
    background-color: var(--shade-999);
    color: var(--shade-000);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

/* Catalog /////////////////////////////////////////////////////////////// */

.mod_catalogUniversalView{
    position: relative;
    display: block;
    float: none;
    clear: both;
    width: 100%;
    z-index: 9;
}

/* New Operator /////////////////////////////////////////////////////////////// */

.new-operator{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.new-operator a::before{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 22px;
    height: 22px;
    content: "";

    background-color: var(--shade-000);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/paper-plus.svg);
    mask-image: url(../../files/fonts/core_icons/v0/paper-plus.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 22px;
    mask-size: 22px;
    margin: -9px 3px 0 0;
    top: 6px;
}

/* Awesomplete /////////////////////////////////////////////////////////////// */

.awesomplete {
    position: relative;
    display: block;
    width: 100%;
}
.awesomplete input{
    z-index: 9;
}
.awesomplete ul{
    z-index: 99 !important;
    border-radius: 7px;
}
.awesomplete ul li{
    border-radius: 7px;
}


/* Filter Search /////////////////////////////////////////////////////////////// */

.ctlg_form_field.search {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.ctlg_form_field.search .awesomplete::after{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    top: 7px;
    left: 10px;
    content: "";
    z-index: 9;

    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v0/search.svg);
    mask-image: url(../../files/fonts/core_icons/v0/search.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
}
.ctlg_form_field.search label{
    position: relative;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--shade-400);
}
.ctlg_form_field.search input.text{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    white-space: nowrap;
    border-radius: 13px;
    padding-left: 40px !important;
    padding-right: 20px !important;

}

/* Lists /////////////////////////////////////////////////////////////// */

.ctlg_view_message{
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 10px;
    font-weight: normal;
    color: var(--shade-400);
    margin-bottom: 20px;
}
.list .ctlg_teaser{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    background-color: var(--shade-000);
    border-radius: 13px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);
    cursor: pointer;
}
.list .ctlg_teaser:hover{
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
}
.list .ctlg_teaser .ctlg_teaser_inside{
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 20px 15px 20px;
    background-color: var(--shade-000);
    border-radius: 13px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.list .ctlg_teaser.active .ctlg_teaser_inside{
    width: calc(100% - 110px);
}
.list .ctlg_teaser .ctlg_teaser_inside::before{
    position: absolute;
    display: block;
    top: 17px;
    left: 0px;
    height: 20px;
    width: 4px;
    background-color: var(--main-color-brighter);
    border-radius: 0 2px 2px 0;
    content: "";
}
.list .ctlg_teaser h3{
    width: 100%;
    margin: 0; 
    padding: 0;
}
.list .ctlg_teaser h3 a{
    white-space: nowrap;
    color: var(--shade-999);
}
.list .ctlg_teaser .operations_toggler{
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    z-index: 99;
    background-color: var(--shade-000);
}
.list .ctlg_teaser .operations_toggler::before{
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    z-index: 99;

    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/settings-alt.svg);
    mask-image: url(../../files/fonts/core_icons/v1/settings-alt.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    content: "";

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.list .ctlg_teaser .operations_toggler:hover::before{
    background-color: var(--shade-900);
    cursor: pointer;
}
.list .ctlg_teaser .operations{
    position: absolute;
    display: block;
    overflow: hidden;
    text-align: right;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    background-color: var(--shade-000);
}
.list .ctlg_teaser.active .operations{
    background-color: var(--shade-900);
}
.list .ctlg_teaser .operations li{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 8px 0px 5px 0px;
}
.list .ctlg_teaser .operations li a{
    position: relative;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    font-size: 0px;

    background-color: var(--shade-500);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 22px;
    mask-size: 22px;
    content: "";
}
.list .ctlg_teaser .operations li a:hover{
    background-color: var(--shade-000);
}
.list .ctlg_teaser .operations li.act_edit a{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/edit.svg);
    mask-image: url(../../files/fonts/core_icons/v1/edit.svg);
}
.list .ctlg_teaser .operations li.act_copy a{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/copy.svg);
    mask-image: url(../../files/fonts/core_icons/v1/copy.svg);
}
.list .ctlg_teaser .operations li.act_delete a{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/trash.svg);
    mask-image: url(../../files/fonts/core_icons/v1/trash.svg);
}
.list .ctlg_teaser .operations li.act_more a{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/eye.svg);
    mask-image: url(../../files/fonts/core_icons/v1/eye.svg);
}
.list .ctlg_teaser .operations li.act_accept a{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/add-user.svg);
    mask-image: url(../../files/fonts/core_icons/v1/add-user.svg);
    background-color: var(--main-color-brighter);
}
.list .ctlg_teaser .operations li.act_accept a:hover{
    background-color: var(--shade-000);
}
.list .ctlg_teaser .ctlg_entities{
    position: relative;
    display: block;
}
.list .ctlg_teaser .ctlg_entities .ctlg_entity{
    position: relative;
    display: block;
    float: none;
    clear: both;
}
.list .ctlg_teaser .ctlg_entities .ctlg_entity .ctlg_entity_name{
    position: relative;
    display: inline-block;
    color: var(--shade-400);
    font-size: 12px;
}
.list .ctlg_teaser .ctlg_entities .ctlg_entity .ctlg_entity_value{
    position: relative;
    display: inline-block;
    color: var(--shade-400);
    font-size: 12px;
}

/* List Tools /////////////////////////////////////////////////////////////// */

.list.tools .ctlg_entity.category .ctlg_entity_name{
    display: none;
}

/* Operations Container /////////////////////////////////////////////////////////////// */

.operations_container{
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
    padding-bottom: 0px;
    margin-bottom: 18px;
    content: "";
}
.operations_container h3{
    margin-top: 7px;
    margin-bottom: 14px;
}
.operations_container_toggler{
    position: absolute;
    overflow: hidden;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    font-size: 0px;
    cursor: pointer;
    z-index: 99;

    background-color: var(--shade-400);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 22px;
    mask-size: 22px;
    content: "";
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/chevron-top.svg);
    mask-image: url(../../files/fonts/core_icons/v1/chevron-top.svg);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
@media(max-width:900px){
    .operations_container_toggler{
        right: 12px;
    }
}
.close .operations_container_toggler{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.operations_container_toggler:hover{
    background-color: var(--shade-999);
    cursor: pointer;
}
.operations_container_inside{
    position: relative;
    display: block;
    overflow: hidden;
}
@media(max-width:500px){
    .operations_container_inside{
        display: none;
    }
}
@media(min-width:501px){
    .operations_container_inside{
        display: block;
    }
}

/* Reset Button /////////////////////////////////////////////////////////////// */

.reset{
    position: relative;
    display: block;
    overflow: hidden;
}
.reset a{
    color: var(--shade-400);
    font-size: 12px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.reset a:hover{
    color: var(--shade-900);
}
.reset a::before{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    margin-right: 4px;

    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/trash.svg);
    mask-image: url(../../files/fonts/core_icons/v1/trash.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    content: "";
    top: 2px;

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.reset a:hover::before{
    background-color: var(--shade-999);
}

/* Filter Sort and Order /////////////////////////////////////////////////////////////// */

.ctlg_form_field.sort_box{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 9;
}
.ctlg_form_field.sort_box label{
    position: relative;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    color: var(--shade-400);
}
.ctlg_form_field.order_box{
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    width: 60px;
    height: 40px;
    margin-top: -40px;
    margin-bottom: -40px;
    right: 10px;
    z-index: 99;
}
.ctlg_form_field.order_box .radio_container{
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: 30px;
    height: 40px;
    margin: 0px;
}
.ctlg_form_field.order_box .radio_container label{
    display: none;
}
.ctlg_form_field.order_box .radio_container input{
    position: relative;
    display: block;
    width: 30px;
    height: 40px;
    border: none !important;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    padding: 0px !important;
    margin: 0px !important;
    cursor: pointer;
}
.ctlg_form_field.order_box .radio_container:first-child::before,
.ctlg_form_field.order_box .radio_container:last-child::before{
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 40px;

    background-color: var(--shade-400);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    content: "";

    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.ctlg_form_field.order_box .radio_container:hover::before,
.ctlg_form_field.order_box .radio_container.checked::before{
    background-color: var(--shade-999) !important;
}
.ctlg_form_field.order_box .radio_container:first-child::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/sort-arrow-up.svg);
    mask-image: url(../../files/fonts/core_icons/v1/sort-arrow-up.svg);
}
.ctlg_form_field.order_box .radio_container:last-child::before{
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/sort-arrow-down.svg);
    mask-image: url(../../files/fonts/core_icons/v1/sort-arrow-down.svg);
}

/* CTLG Form default */

#ajax .inside button[name="FORM_SUBMIT_BACK"] {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: 0px;
    right: 0px;    
    font-size: 0px !important;
    cursor: pointer;
    z-index: 99;
    padding: 0 !important;
    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    
    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/close-square.svg);
    mask-image: url(../../files/fonts/core_icons/v1/close-square.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    content: "";
}
#ajax .inside button[name="FORM_SUBMIT_BACK"]:hover{
    background-color: var(--shade-999);
}

#ajax form h3{

}

/* Ajax Container */

#ajax{
    position: fixed;
    display: none;
    overflow: scroll;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
}
#ajax.open{
    display: block;
}
#ajax::before{
    position: fixed;
    display: block;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: var(--shade-800);
    white-space: nowrap;
    opacity: 0.8;
    content: "";
}
#ajax .inside{
    position: relative;
    display: block;
    overflow: visible !important; /* becouse of Awesome Complete */
    background-color: var(--shade-000);
    width: calc(100% - 40px);
    max-width: 400px;
    margin: 7% auto 7% auto;
    border-radius: 13px;
    padding: 10px 20px 20px 20px;
}
#ajax .inside .closer{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;    
    font-size: 0px !important;
    cursor: pointer;
    z-index: 99;
    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    
    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/close-square.svg);
    mask-image: url(../../files/fonts/core_icons/v1/close-square.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    content: "";
}
#ajax .inside .closer:hover{
    background-color: var(--shade-999);
}

/* Profile User Date Edit */

.profile_userdata{
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: calc(100% - 50px);
    clear: both;
}
.profile_userdata p{
    position: relative;
    display: inline-block;
    color: var(--shade-400);
    font-size: 12px;
}
.profile_userdata p strong{
    color: var(--shade-900);
    font-size: 14px;
}
.profile_userdata_edit{
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    margin-top: 13px;
    margin-right: 3px;
    width: 40px;
    height: 40px;
    background-color: var(--shade-400);
    -webkit-mask-image: url(../../files/fonts/core_icons/v1/edit.svg);
    mask-image: url(../../files/fonts/core_icons/v1/edit.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.profile_userdata_edit:hover{
    background-color: var(--shade-900);
}
.box{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    background-color: var(--shade-000);
    border-radius: 13px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);
    cursor: pointer;
}
.box:hover{
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.25); 
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.25);
}
.profile_companydata{
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: calc(100% - 50px);
    clear: both;
}
.profile_companydata{
    position: relative;
    display: block;
    overflow: hidden;
}
.profile_companydata p{
    position: relative;
    display: inline-block;
    color: var(--shade-400);
    font-size: 12px;
}
.profile_companydata p span{
    position: relative;
    display: inline-block;
    min-width: 90px;
}
.profile_companydata p strong{
    color: var(--shade-900);
    font-size: 14px;
}

/* Employee Request */

.employee_request form .title{
    display: none !important;
}
.request_from {
    position: relative;
    display: inline-block;
    color: var(--shade-400);
    font-size: 12px;
}
p.accept{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 40px 0 10px 0;
    text-align: center;
}

/* Awesome complete Field */

.widget.awesomplete-field{
    overflow: visible !important;
}

/* poppins-100 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-100italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-200 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-200italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-300 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-300italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-regular - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-500 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-500italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-600 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-600italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-700 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-700italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-800 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-800italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-900 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-900italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    src: url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/fonts/poppins-v20-latin/poppins-v20-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }