html,body {
    box-shadow: 0px 20px 20px #555555;
    height:100%;
    width: 100vw;
    font-family: 'Arial';
    -ms-overflow-style: none;
}
h1{color: #94C01C;
   font-size: 1.3em;
   font-weight: bold;}
h2{   font-size: 1.1em;
      font-weight: bold;}
h3{   font-size: 1em;
      font-weight: bold;}
div input p span h1 h2 h3{
    -webkit-overflow-scrolling: touch; 
}
.deb{
    display:none;
}
/*div {
    -ms-user-select: None;
    -moz-user-select: None;
    -webkit-user-select: None;
    user-select: None;
}*/
#main_log{
    width: 90vw;
    height: 90vh;
    top: 5vh;
    left: 5vw;
    z-index: 99999;
    border: 2px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    position: fixed;

}
#main_logHeader{
    position: fixed;
    width: 88.5vw;
    margin: 0px;
    border-radius: 10px 10px 0 0;
}
#main_logContent{
    width: 100%;
    height: 98%;
    padding: 10px;
    overflow-x: scroll;
    display: block;
}
#main_logTabel{
    margin-top: 40px;

}
#main {
    font-family: 'Arial';
    font-size: 13px;
    overflow-x: hidden;
    width: 100vw;
}
.f9{font-size: 9px;}
.f11{font-size: 11px;}
#main_header{
    background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);
    position: fixed;
    width: 100vw;  
    height: 50px;
}
#main_logo{
    float: left;
    width: auto;
    height: 100%;
    margin-left: 20px;
}

#main_logo a{
    display: block;
    width: 100%;
    height: 100%;
}

#main_logo img{
    margin-top: 5px;
    width: auto;
    height: 40px;
}

#main_menu{
    float: left;
}
#main_checkClick{background: #fff; position: absolute; left: 38%; top: 0px; width: 500px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; border: 2px solid red; z-index: 9999999;}
.main_frame{width: 500px; height: 550px; padding: 10px; border: 2px solid #ddd; background: #fff; position: fixed; top: 50px; left: 250px;}
.main_frameInner{overflow: hidden; height: auto; }
.main_frameTB{width: 100%; float: left; padding: 10px; background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); color: white; margin: -10px -10px 20px -10px; }
.main_frameSymbole{width: 15px; height: 15px; margin-left: 4px; border: solid 1px #aaa; border-radius: 2px; float: right; text-align: center; cursor: pointer; font-size: 12px;}
.ui-effects-transfer {
    border: 1px dotted black;
}

#main_SBright{position: fixed; top: 0; right: -600px; width: 645px; height: 100vh; z-index: 10; display: none;}
#main_SBrightSelect{ float: left; width: 40px; height: 100vh; margin-right: -3px; background: none;}
#main_SBrightDiv{background-color: #ffffff; float: left; height: 100vh; width: 608px; border-left: 4px solid #dddddd;}
#main_SBrightDivInner{height: 100%; width: 100%; background-color: #a7a8aa; padding: 10px;}
#main_disableSelect{background-color: rgba(0, 0, 0, 0.3); z-index: 10; width: 100vw; height: 100vh; position: fixed;}

.clearfix{
    height: 30px;
    margin: 0px;
    padding: 10px;
}


#main_loginform{
    position: absolute;
    right: 0px;
    top: 50px;
    min-height: 80px;
    padding: 10px;
    background-image: linear-gradient(to left, rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);
    border-bottom-left-radius: 5px;
    display: none;
    width: 250px;
    z-index:99999;
}
#loginformLogin{width: 604px; max-width: 100vw; background-image: linear-gradient(to left, rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);  padding: 1% 32px 1% 1%; height: 100%; margin-top: -10px; margin-left: -10px;}
#main_login_submit{
    padding: 0px 5px;
}
#login_wrong{color: red; border: 2px solid red; width: auto; top: 50px; right:0; }

.main_loginLinks{
    width: 100%;
    height: auto;
}
.main_loginLinks > ul {
    list-style: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
.main_loginLinks > ul > li{
    color: #ddd;
    width: 100%;
    height: 30px;
    border-top: 1px solid #ddd;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}
.main_loginLinks > ul > li > span{padding-left: 26px;}
#main_login_debImg{float: right; padding-left: 0px; margin-top:5px; display: none;}
.main_loginLinks > ul > li:last-child{border-bottom: 1px solid #ddd;}
.main_loginLinks > ul > li:hover{
    background: #94C01C;
    cursor: pointer;
}

.main_loginUsers{
    width: 100%;
    height: auto;
    max-height: 400px; 
}
.main_loginUsers > ul {
    list-style: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
.main_loginUsers > ul > li{
    white-space: nowrap;
    color: #ddd;
    width: 100%;
    height: 20px;
    text-align: left;
    padding-left: 10px;
    line-height: 20px;
    vertical-align: middle;
}
.main_loginUsers > ul > li:hover{
    color: #94C01C;
    /*cursor: pointer;*/
}

#main_HeaderNewsFeed{
    float: right;
    height: 50px;
    width: 50px;
    background: url(coms_newsFeed.png) center center no-repeat;
    cursor: pointer;
}
#loginDiv{ cursor: pointer;}
#main_login{
    position: absolute;
    top:0;
    right:0;
    height: 50px;
    width: 90px;
    background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);
}
#main_login a{
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    float: right;
    font-size: 18px;
    color: #94C01C;
    text-decoration: none;
    line-height: 50px;
    vertical-align: central;
}

#main_login a:hover{
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    float: right;
    font-size: 18px;
    color: #94C01C;
    text-decoration: none;
    line-height: 50px;
    vertical-align: central;
}

#main_content{
    width:100vw;
    height: 100vh;
    position: fixed;
    margin-top: 50px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.main_content_inner{
    max-width: 100vw;
    width: auto;
}

#main_content_nologin{
    width: 100vw;
    height: 100vh;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    /*    background: rgb(14,14,14);
        background: -moz-linear-gradient(top, rgba(14,14,14,1) 27%, rgba(14,14,14,1) 37%, rgba(125,126,125,1) 90%, rgba(125,126,125,1) 98%);
        background: -webkit-linear-gradient(top, rgba(14,14,14,1) 27%,rgba(14,14,14,1) 37%,rgba(125,126,125,1) 90%,rgba(125,126,125,1) 98%);
        background: linear-gradient(to bottom, rgba(14,14,14,1) 27%,rgba(14,14,14,1) 37%,rgba(125,126,125,1) 90%,rgba(125,126,125,1) 98%);*/
}
#main_content_nologin_logo_cont{
    padding-top: 20vh;
    margin: 0 auto;
    max-width: 800px;
    width: auto;
    height: auto;
}
#main_content_nologin_logo_cont h1{
    color: #94C01C;
    text-align: center;
}
#main_content_nologin_logo_cont img{
    width: 100%;
    height: auto;
}
#main_left_wrap{
    display:none;
    float: left;
    width: 30px;
    height: 100%;
    overflow-y: auto;
    border-right: 4px solid #dddddd;
}
/*normal*/
#main_left_wrap, #main_middle{
    background-color: #a7a8aa;
}
#main_left_collaps:hover{
    background-color: #9b9b9b;
}
#main_left_Content, .form-label{background: #fff;}
.coms_btn{
    background: #f6f6f6;
    border: 1px solid #c5c5c5;
    color: #94C01C;   
}
.coms_link{color: #94C01C; font-size: 10px;}
#main_middleInner{background: #fff; border: 4px #ddd solid;}
.ui-widget-header{background: #F0F0F0;}
#main_menuMobile{ background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);}
.coms_btn:hover, .ui-button:hover, .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover
{ background-color: #fcb068;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb068), color-stop(100%, #d16804));
  background: -webkit-linear-gradient(top, #fcb068 0%, #d16804 100%);
  background: -moz-linear-gradient(top, #fcb068 0%, #d16804 100%);
  background: -ms-linear-gradient(top, #fcb068 0%, #d16804 100%);
  background: -o-linear-gradient(top, #fcb068 0%, #d16804 100%);
  background: linear-gradient(to bottom, #fcb068 0%, #d16804 100%); color: #ffffff; text-decoration: none; font-weight: bold;}


/*Font Color*/
.fc_black{color:#000000!important;}
.fc_red{color: red;}
.fc_green{color: #94C01C}
.fc_grey{color:#999;}

/*Form Validation*/
.error{border: 2px solid red!important; color: red!important;}
.errorBG{background-color: #ffcccc!important;}
.errorFC{color: red!important;}
.greenBG{background-color: #F0FFF0!important;}
.wihteBG{background:#fff;}

/*dark*/
/*
#main_left_wrap, #main_middle, .ui-widget-header, .ui-state-default, #main_menuMobile{
    background-color: #2B2B2B!important;
}
#main_left_Content, .ui-widget-content, #main_middleInner{
    background-color: #555;
    color: #a7a8aa;
}
#main_left_collaps:hover{
    background-color: #000;
}
.coms_btn, .ui-button{
    background: #555;
    border: 1px solid #c5c5c5;
    color: #94C01C;   
}
.coms_btn:hover, .ui-button:hover, .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover
{ background-color: #000; color: #fff;}
input, select, textarea, .form-label, .select2-selection, .select2-container--default, .select2-selection--single, .select2-selection__rendered, .dataTables_wrapper.no-footer .dataTables_scrollBody, 
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{background: #555!important; color: #a7a8aa!important;}
table.dataTable tbody tr{background: #555!important; color: #a7a8aa!important;}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background: #000;}
.select2-results{background: #555;}
.select2-container--default .select2-results__option[aria-selected=true]{background:#000;}
.select2-results__option--highlighted{background:#000!important;}

*/
/*dark end*/

#main_left_collaps{
    display: block;
    height: 100vh;
    width: 30px;
    line-height: 100vh;
    vertical-align: middle;
    text-align:center;
    cursor: pointer;
    position:absolute;
    left: 30px;
    margin-left: -30px;
    color: #ddd;
    font-size: 24px;
}
#main_left_collaps:hover{
    line-height: 100vh;
    cursor: pointer;
    color: #94C01C;
}

#main_left{height:100%;}
#main_left_img{height: 69px; width: 100%; display: none;}
#main_left_img img{height:60px; width: auto; margin: 0 auto; display: inherit;}
#main_left_Content{margin: 0 auto; width: 90%; padding: 5px; border: 4px #ddd solid; height:90%; display: none; overflow-x: scroll; overflow-y: none;}
#main_left_Content > .noContantText{color: #a7a8aa; text-align: center; font-style: italic; }
.main_left_Menu{width: 94%;  height: auto;  padding-bottom: 10px; margin: 20px 2%; border: #dddddd solid 2px; border-radius: 6px; background-color: #eee;}
.main_left_Menu div{margin: 2px auto; width: auto; height: 30px; display: table; min-width: 200px;}
.main_left_Menu p{
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    font-style: oblique;
    background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);
    border: 2px solid #94C01C;
    border-radius: 4px;
    color: #94C01C;
    width: 100%;
    margin-top: -2px!important;
    margin-left:-2px;
}
#main_middle{
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
#main_middleHeader{display: none; z-index: 11; width: 100%; height: 69px;  left: 30px; padding-left: 26px;}
.headerTitle{color:#ffffff; margin-top:-16px;}
.headerBL { margin-left: 10px;border-left: 2px solid #ddd;padding: 0 10px; height: 35px; float: left;}
.headerDiv .focused .form-label{transform: translateY(-170%)!important; color: #fff; background: none;}
#main_middleInner{height: 100vh; width: auto; margin-left: 10px;overflow-y: scroll; padding: 5px;}

#main_separator_r{
    left: 0;
    top: 0;
    width: 4px;
    height: auto;
    right: auto;
    bottom: 0px;
    position: absolute;
    background-color: #dddddd;
}
#main_right_wrap{
    background-color: #ffffff;
    position: relative;
    width: 20vw;
    min-width: 200px;
    height: 100%;
    overflow: auto;
    float: left;
}
#main_right{
    padding: 5px;
    overflow: auto;
    width: 100%;
    height: auto;
}
#main_right_alert{
    float: right;
    width: 100%;
}
#main_right_inner{
    float: right;
    width: 100%;
}

#main_footer{
    background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 20px;
    bottom: 0px;
    color: #e9e9e9;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    font-size: 13px;
    padding: 2px;
}
#taskbar{width: 100vw; height: 30px; z-index: 99999999; position: fixed; left: 0; bottom: 0; overflow: hidden; padding-left:70px;}
#taskbar div{padding-left: 5px; width: 150px; height: 28px; overflow: hidden; border: 1px solid #94C01C; line-height: 28px; vertical-align: middle; background: #fff; float: left; cursor: pointer;}

#main_loadindicator{
    float: right;
    visibility: hidden;
    z-index: 999;
}

#main_credits{
    float: left;

}

#core_notifier{
    float: left;
    padding-left: 20px;
    color: #94C01C;
    top: 0px;
}
#main_initNotifier{
    background-color:#eeeeee;
    width: 100vw;
    height: 20px;
    float:left;
    overflow: hidden;
    color: red;
    line-height: 20px;
    vertical-align: middle;
}
#main_initNotifierMarquee{
    width: 98%;
    float: left;
}
#main_initNotifierMarquee div{
    cursor: pointer;
}
#main_initNotifierClose{
    width: 2%;
    float: right;
    text-align: center;
    cursor: pointer;
}
#mainFilterList{
    position: fixed;
    width: 0px;
    height: auto;
    background: #fff;
    border: 2px solid #ddd;
    z-index: 10;
}
.mainFilterSubList{
    width: 195px;
    height: auto;
    float:left;
}
#mainFilterList .filterElement{
    width: 90%;
    margin: 2px auto;
    display: inline-block;
    float: left;
    color: #000;
}
#mainFilterIcon{
    float: right;
    margin-top: 2px;
}
#main_date{
    position: absolute;
    right: 100px;
    color: #ffffff;
    text-align: right;
    height: 40px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.menu{
    width: auto;
    margin-left: 10px;
    position: fixed; 
}

.menu li{
    margin:0px;
    list-style:none;
    color:#fff;
}

.menu span{
    color:#fff;
    text-decoration: none;
}

.menu li:hover, .menu .current-item {
    text-decoration:none;
    cursor: pointer;
}

.menu .arrow {
    font-size:11px;
    line-height:0%;
}

.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:18px;
    height: 40px;
}

.menu > ul > li > span{
    padding:5px 20px;
    display:inline-block;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.menu > ul > li:hover, .menu > ul > .current-item {
    /*    color: #94C01C;*/
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
    border-left: 1px solid white;
    cursor: pointer;
}

#main_loginform_activeUser
{
    color: #ddd;
}

.main_menu_active
{
    color: #94C01C;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
    border-left: 1px solid white;
    background-color: black;
}

.menu li:hover .sub-menu {
    z-index:0;
    opacity:0.9;
    display: block;
    cursor: pointer;
}

.menu .sub-menu {
    width:160%;
    margin-top: 0px;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.10s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background-image: linear-gradient(to top, rgb(88, 88, 88) 0%, rgb(17, 17, 17) 20%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
}

.menu .sub-menu li {
    display:block;
    font-size:14px;
}

.menu .sub-menu li span {
    margin-top: 5px;
    padding:10px 10px;
    display:block;
}

.menu .sub-menu li:hover, .menu .sub-menu .current-item {
    background: #94C01C;
    cursor: pointer;
}

/*Space*/

.spaces30{
    height: 30px;
    width: 100%;
}
/*Space end*/

/*Icons*/
.invo_prodplusCls1 {
    fill: none;
    stroke: #dddddd;
    stroke-width: 2px;
}
.invo_prodplusCls2{
    fill: #dddddd;
}
#invo_newProductImage:hover {
    cursor: pointer;
}
#invo_newProductImage:hover  .invo_prodplusCls1{
    stroke: #94C01C;
}
#invo_newProductImage:hover  .invo_prodplusCls2{
    fill: #94C01C;
}
.invoNumExport{border: none; background: transparent; width: auto; height: auto; text-align: right; color: #000;}
.ress_NewCustNr{position: absolute; z-index: 1; right: 0;margin-top: -26px; color: #94C01C; cursor: pointer;}
.ress_NewCustNr:hover{color: #fcb068;}

.editBtn{float: right; margin-right: 5px; z-index:1; border: 1px solid #ddd; color: #ddd; width: 32px; height: 27px; margin-top: -23px; line-height: 27px; vertical-align: middle; text-align: center; cursor: pointer;
         background-color: #33E533;}
.delBtn{float: right; margin-right: 5px; z-index:1; border: 1px solid #ddd; color: #ddd; width: 32px; height: 27px; margin-top: -23px; line-height: 27px; vertical-align: middle; text-align: center; cursor: pointer;
        background-color: rgb(255, 0, 0);}

.invo_docsListElementHidden{display: none!important;}
/*Button Style end*/


/*float*/
.float-r{float: right;}
.float-l{float: left;}
.float-r20{float: right; margin-right: 20px;}
.float-l20{float: left; margin-left: 20px;}
.center{margin: 0 auto; width: auto; height: auto;}
.va-c32{line-height: 32px; vertical-align: middle;}
.va-c40{line-height: 40px; vertical-align: middle;}
/*float end*/

/*margin und padding*/
.mrg-b5{margin-bottom: 5px;}
.mrg-b10{margin-bottom: 10px;}
.mrg-b20{margin-bottom: 20px;}
.mrg-b30{margin-bottom: 30px;}
.pdi-10{padding:10px;}
.pdi-l30{padding-left: 30px;}
.pdi-r30{padding-left: 30px;}
.mrg-l5{margin-left:5px;}
.mrg-l-8{margin-left:-8px!important;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l45{margin-left:45px;}
.mrg-r5{margin-right: 5px;}
.mrg-r10{margin-right: 10px;}
.mrg-r20{margin-right: 20px;}
.mrg-r30{margin-right: 30px;}
.mrg-t-5{margin-top:-5px;}
.mrg-t-10{margin-top:-10px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t25{margin-top:25px;}
.mrg-t28{margin-top:28px;}
.mrg-t30{margin-top:30px;}
.mrg-t40{margin-top:40px;}
.mrg-t50{margin-top:50px;}

/*margin und padding end*/

/*widths*/
.w30{width: 30px;}
.w40{width: 40px;}
.w60{width: 60px;}
.w65{width: 65px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w230{width:230px;}
.w260{width:260px;}
.w275{width:275px;}
.w300{width:300px;}
.w305{width:305px;}
.w350{width:350px;}
.w390{width:390px;}
.w410{width:410px;}
.w530{width:530px;}
.w600{width:600px;}
.w700{width:700px;}
.wfull{width:100%;}


/*heights*/
.hp100{height: 100%;}
.hp50{height: 50%;}
.h28{height: 28px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.h50{min-height: 50px;}
.h80{min-height: 80px;}
.h100{min-height: 100px;}
.h180{min-height: 180px;}
.h300{min-height: 300px;}
.h370{min-height: 370px;}
.mh30{min-height: 30px;}

/*Border*/
.main_border{border: #dddddd solid 2px;}
.main_br6{border-radius: 6px;}

/*Fonts*/
.font-s15{font-size: 15pt;}
.font-bold{font-weight: bold;}
.font-center, .font-c{text-align: center; vertical-align: middle; line-height:100%;}
.font-r{text-align: right;}
.linethrough div{text-decoration: line-through; color: #999;}
.font-color-g{color: #94C01C;}
.font-color-r{color: red;}
/*curser*/
.pointer{cursor: pointer;}
.grab{cursor: grab;}

/*separator*/
hr { border: none; border-top: 1px solid #94C01C; color: #FFFFFF; background-color: #FFFFFF; height: 1px; width: 100%; }

/*Collums*/
.main-col1{
    float: left;
    width: 100%;
    height: auto;
}
.main-col2{
    width: 48%;
    height: auto;
    float: left;
}
.main-col3{
    width: 30%;
    height: auto;
    float: left;
}
.main-col1m{
    float: left;
    width: 100%;
    height: auto;
}
.main-col2m{
    width: 48%;
    height: auto;
    float: left;
}
.main-col3m{
    width: 30%;
    height: auto;
    float: left;
}

/*Collums end*/

/*Fieldset*/
fieldset input{margin-top: 10px; float:left; height: 20px;}
fieldset label{margin-top: 10px; float:left;}

/*input*/
.input_requerid{
    border: 1px solid red!important;
    color: red;
}
input[type="checkbox"], input[type="radio"]{display: none;}

input[type="checkbox"] + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
    float:left;
    background: url(coms_checkbox0.png) left center no-repeat;
}
input[type="checkbox"] + label p {
    line-height: 22px;
    vertical-align: middle;
    margin: 0 10px;
    float: left;
    cursor: pointer;
}
input[type="checkbox"]:checked + label span{
    background: url(coms_checkbox1.png) left center no-repeat;
}
#main_content .form-group{
    display: flex;
}
.form-group-checkbox{
    display: flex;
    width: 100%;
    position:relative;  
    margin: 10px 0.5em;
}
.form-checkbox{
    width: 90%;
    height: 35px;
    margin-left: 10px;
}
.form-checkbox input, .form-checkbox label{float: left; margin-top:9px;}
#main_content .focused .form-label {
    transform: translateY(-110%);
    font-size: 1em;
}
.form-group{
    position:relative;  
    margin: 10px 0.5em;
}

.form-label {
    position: absolute;
    margin-left: 10px!important;
    top: 10px;
    color: #999;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    font-size: 14px;
}
.form-labelS{
    margin-left: 10px!important;
    top: 10px;
    color: #999;
    font-size: 14px;
    line-height: 55px;
    vertical-align: middle;
}
.focused .form-label {
    transform: translateY(-115%);
    font-size: 0.90em;
    margin-left: 10px;
}

.form-input {
    position: relative;
    padding: 12px 1% 5px 1%;
    width: 98%;
    outline: 0;
    border: 1px solid #e5e5e5;
    transition: box-shadow 150ms ease-out;
    &:focus {
        box-shadow: 0 2px 0 0 blue;
    }
}

.form-input.filled {
}
.form-inputCheck{
    position: absolute;
    right: 10px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}
.form-inputCheck img{
    vertical-align: middle;
}
.form-group .select2-container--default .select2-selection--single{
    border: 1px solid #e5e5e5;
    height: 35px;
    width:100%;
    padding-top: 12px;
}
.form-group .select2-selection--multiple{
    border: 1px solid #e5e5e5;
    min-height: 35px;
    height: auto;
    width:100%;
}
.form-group input{height: 35px;}
.form-group .select2-selection__arrow{top: 6px!important;}
.form-group .select2-selection__placeholder{line-height: 17px;}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 17px;}
.form-group .select2-search__field{}
.form-group textarea{border: 1px solid #e5e5e5;  padding: 12px 5px 5px 5px; width: 100%;}

.img-text{float:left; line-height: 17px; vertical-align:middle;}

.coms_CB_OF[type="checkbox"]  + label span{
    width: 60px!important;
    height: 24px!important;
    margin-left: 30px!important;
    background: url(coms_checkbox_off.png) left center no-repeat;
}
.coms_CB_OF[type="checkbox"]:checked + label span{
    width: 60px!important;
    height: 24px!important;
    margin-left: 30px!important;
    background: url(coms_checkbox_on.png) left center no-repeat!important;
}
.coms_switch_DH[type="checkbox"]  + label span{
    width: 60px!important;
    height: 24px!important;
    margin-left: 30px!important;
    background: url(coms_switch_d.png) left center no-repeat;
}
.coms_switch_DH[type="checkbox"] + label p{
    color: #9DC63D;
}
.coms_switch_DH[type="checkbox"]:checked + label span{
    width: 60px!important;
    height: 24px!important;
    margin-left: 30px!important;
    background: url(coms_switch_h.png) left center no-repeat!important;
}
.coms_switch_DH[type="checkbox"]:checked + label p{
    color: #9A65FC;
}

.coms_switch_BA4[type="checkbox"]  + label span{
    width: 60px!important;
    height: 24px!important;
    margin-left: 30px!important;
    background: url(coms_cbBA40.png) left center no-repeat;
}
.coms_switch_BA4[type="checkbox"] + label p{
    color: #000000;
}
.coms_switch_BA4[type="checkbox"]:checked + label span{
    width: 60px!important;
    height: 24px!important;
    margin-left: 30px!important;
    background: url(coms_cbBA41.png) left center no-repeat!important;
}




input[type="radio"]  + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
    float:left;
    background: url(coms_checkbox0.png) left center no-repeat;
}
input[type="radio"] + label p{
    line-height: 22px;
    vertical-align: middle;
    margin: 0 10px;
    float: left;
    cursor: pointer;
}
input[type="radio"]:checked + label span{
    background: url(coms_checkbox1.png) left center no-repeat;
}
/*Input Formatierungen*/
input{height: 28px; border: 1px solid #aaa; border-radius: 4px; padding-left: 8px; padding-right: 20px;}
textarea:focus, input:focus{-webkit-box-shadow:0px 0px 5px rgba(148,192,28,0.9);
                            -moz-box-shadow: 0px 0px 5px rgba(148,192,28,0.9);
                            box-shadow: 0px 0px 5px  rgba(148,192,28,0.9) ;
                            border: 1px solid #94C01C;}
select{height: 28px; border: 1px solid #aaa; border-radius: 4px; padding-left: 8px; padding-right: 4px;}
textarea{border: 1px solid #aaa; border-radius: 4px; padding: 8px;}
::-webkit-input-placeholder { color:#aaa!important; }
::-moz-placeholder { color:#aaa!important; } /* firefox 19+ */
:-ms-input-placeholder { color:#aaa!important; } /* ie */
input:-moz-placeholder { color:#aaa!important; }


/*Display + input options*/
.visible{display: block;}
.hidden{display: none;}

.main_input_h{height: 100%; width: 100%; background: none; border: none;}
.main_select_h{height: 100%; width: 100%; background: none; border: none;}
.main_select_ha{
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    color: #000000!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#main_footerFeedback{
    position: fixed;
    background:  #eee;
    z-index: 99;
    right: 0;
    bottom: 24px;
    width: 202px;
    height: auto;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%);
    color: #94C01C;
}
/*Tamplates vor Editor*/
#main_templatesOverall{z-index: 10; right: 0; top: 0; width: 300px; height: 100vh; border-left:2px solid #ddd; position: fixed;}
#main_templatesHeader{height: 45px; line-height: 45px; font-size: 28px; text-align: center; vertical-align: middle; color: #94C01C;}
.main_templatesElement{min-height: 45px; border-bottom: 1px solid #ddd; width: 100%; padding: 5px; cursor: pointer;}
/*Tabs*/
.coms_Tab{display: none;}
/*Tabellen*/
.coms_table {
    border: 2px solid #88B23C;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.coms_table tbody  tr:nth-child(even) {
    background: #eee;
}
.coms_table tbody  tr:nth-child(odd) {
    background: #fff;
}
.coms_table td, .coms_table th {
    border: 1px solid #88B23C;
    padding: 4px 8px;
}
.coms_table thead {
    background: #88B23C;
    background: -moz-linear-gradient(top, #a6c56d 0%, #94b94f 66%, #88B23C 100%);
    background: -webkit-linear-gradient(top, #a6c56d 0%, #94b94f 66%, #88B23C 100%);
    background: linear-gradient(to bottom, #a6c56d 0%, #94b94f 66%, #88B23C 100%);
    border-bottom: 1px solid #444444;
}
.coms_table thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 2px solid #D0E4F5;
}
.coms_table thead th:first-child {
    border-left: none;
}

.coms_table tfoot td {
    font-size: 21px;
}
/*.ui-dialog{z-index: 9999!important;}/*Modal box*/
#main_modal_inner, .main_modal_inner{height: auto; display: contents;}
.comsEditTabs{width: 100%; height: 98%; overflow: hidden; position:relative;}
.coms_tabsContetn{ display: inline-block; height: 100%;width: 100%;overflow-y: scroll; background-color: rgba(255,255,255,0.8)}


/*Schadow*/
.main-shadow{
    -webkit-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
    box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
}

/*Sortierbare Listen*/
.main_sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.main_sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.main_sortable li span { position: absolute; margin-left: -1.3em; }


/*Coms default Farben */
.cbc_green{color: #000000;
           background: rgb(230, 255, 230); /* Old browsers */
           background: -moz-linear-gradient(top, rgba(230, 255, 230,1) 0%, rgba(255,255,255,1) 85%); /* FF3.6-15 */
           background: -webkit-linear-gradient(top, rgba(230, 255, 230,1) 0%,rgba(255,255,255,1) 85%); /* Chrome10-25,Safari5.1-6 */
           background: linear-gradient(to bottom, rgba(230, 255, 230,1) 0%,rgba(255,2550,255,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cbc_yellow{color: #000000;
            background: rgb(241,218,54); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(254,252,234,1) 85%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 85%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cbc_red{
    color: #000000;
    background: rgb(255,58,58); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,58,58,1) 0%, rgba(255,238,237,1) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,58,58,1) 0%,rgba(255,238,237,1) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,58,58,1) 0%,rgba(255,238,237,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*Dragghandler*/
.coms_draggable_dragging {padding:2px; z-index:888; opacity:0.9; box-shadow:0px 2px 3px rgba(0,0,0,0.2); border: 2px solid #ddd; border-radius: 4px; background-color: #fff; min-height: 24px; min-width: 40px;}

/*Start*/
#start_quickBox{
    list-style: none;
    text-decoration: none!important;
}
#start_quickBox li{
    width: 5em;
    height: auto;
    float: left;
    border: #AAAAAA 1px solid;
    border-radius: 6px;
    background-color: #FDFCFC;
    margin-left: 20px;
    margin-bottom: 20px;
}
#start_quickBox li:hover{
    background: #ffffff;
    cursor: pointer;
}
#start_quickBox li img{
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.start_right_todo_item{
    width: 95%;
    min-height: 10px;
    border: 1px #ccc solid;
    border-radius: 5px;
    background-color:  #eee;
    color:  #94C01C;
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
    float: left;
}

.start_right_todo_item a{
    text-decoration: none;
    display: block;
}

/*Status farben*/
.allowed{background: #CCFFCC!important;}
.coms_status_none{background: none;}
.coms_status_green{
    background: rgb(178,222,148);
    background: -moz-linear-gradient(top, rgba(178,222,148,1) 20%, rgba(200,255,200,1) 85%);
    background: -webkit-linear-gradient(top,rgba(178,222,148,1) 20%,  rgba(200,255,200,1) 85%);
    background: linear-gradient(to bottom, rgba(178,222,148,1)  20%,rgba(200,255,200,1) 85%);}

.coms_status_red{
    background: rgb(255,58,58);
    background: -moz-linear-gradient(top, rgba(255,58,58,1) 20%, rgba(255,190,186,1) 85%);
    background: -webkit-linear-gradient(top,rgba(255,58,58,1) 20%,  rgba(255,190,186,1) 85%);
    background: linear-gradient(to bottom, rgba(255,58,58,1)  20%,rgba(255,190,186,1) 85%);}
.coms_status_yel{
    color: #000000;
    background: rgb(241,218,54);
    background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(255,250,200,1) 85%);
    background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(255,250,200,1) 85%);
    background: linear-gradient(to bottom, rgba(241,218,54,1) 0%,rgba(255,250,200,1) 85%); }
.coms_status_orange{
    color: #000000;
    background: rgb(60,100,250);
    background: -moz-linear-gradient(top, rgba(60,100,250,0.5) 0%, rgba(255,212,182,1) 85%);
    background: -webkit-linear-gradient(top, rgba(60,100,250,0.5) 0%,rgba(255,212,182,1) 85%);
    background: linear-gradient(to bottom, rgba(60,100,250,0.5) 0%,rgba(255,212,182,1) 85%); }
.coms_status_orange1{
    color: #000000;
    background: rgb(60,100,250);
    background: -moz-linear-gradient(top, rgba(60,100,250,0.5) 0%, rgba(255,190,186,1) 85%);
    background: -webkit-linear-gradient(top, rgba(60,100,250,0.5) 0%,rgba(255,190,186,1) 85%);
    background: linear-gradient(to bottom, rgba(60,100,250,0.5) 0%,rgba(255,190,186,1) 85%); }
.coms_status_orange2{
    color: #000000;
    background: rgb(60,100,250);
    background: -moz-linear-gradient(top, rgba(60,100,250,0.5) 0%, rgba(255,160,140,1) 85%);
    background: -webkit-linear-gradient(top, rgba(60,100,250,0.5) 0%,rgba(255,160,140,1) 85%);
    background: linear-gradient(to bottom, rgba(60,100,250,0.5) 0%,rgba(255,160,140,1) 85%); }
.coms_status_orange3{
    color: #000000;
    background: rgb(60,100,250);
    background: -moz-linear-gradient(top, rgba(60,100,250,0.5) 0%, rgba(255,58,58,1) 90%);
    background: -webkit-linear-gradient(top, rgba(60,100,250,0.5) 0%,rgba(255,58,58,1) 90%);
    background: linear-gradient(to bottom, rgba(60,100,250,0.5) 0%,rgba(255,58,58,1) 90%); }

.start_right_todo_status_2{
    color: #000000;
    background: rgb(241,218,54);
    background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(254,252,234,1) 85%);
    background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 85%);
    background: linear-gradient(to bottom, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 85%); }
.start_right_todo_status_3{
    color: #000000;
    background: rgb(255,58,58);
    background: -moz-linear-gradient(top, rgba(255,58,58,1) 0%, rgba(255,238,237,1) 85%);
    background: -webkit-linear-gradient(top, rgba(255,58,58,1) 0%,rgba(255,238,237,1) 85%);
    background: linear-gradient(to bottom, rgba(255,58,58,1) 0%,rgba(255,238,237,1) 85%);}

.start_box_col1{
    max-height: 300px;
    overflow-y: scroll;
}
.start_box_col3{
    max-height: 400px;
    overflow-y: scroll;
}

/*Invo list*/
.invo_payDate{text-align: center;}

/*Select2 overrides*/
.comsSelect2DropDown{width: auto!important;}
.select2-container{width:100%!important;}
.select2-dropdown {
    z-index: 9999!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-radius: 0px!important;
    min-height: 20px!important;
}
.select2-container--default .select2-selection--multiple{
    border-radius: 0px!important;
    min-height: 20px!important;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #e5e5e5;
    border-radius: 4px!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #e5e5e5;
    border-radius: 4px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 2px 8px;
    background-color:#F0F0F0;
}
/*Datatables Overrieds*/
div.dt-buttons {margin-top: 5px;}
.main_DTHeaderFix {position:fixed; top: 60px; right:20px; font-size: 25px; color: #94C01C;text-shadow: 1px 1px 2px rgba(48, 48, 48,1);}
.main_DTHeader{font-size: 25px; color: #94C01C; width: 100%; height: auto; margin-bottom: 10px;}
.dataTables_filter input{margin-top: 0!important;}
.dataTables_scrollHead ui-state-default{border: none!important;}
.dataTables_scrollHeadInner{width: 100%!important;}
.dataTable{width: 100%!important;}
#cust_table_length{margin-bottom: 10px;}
div.dt-buttons{width: 100%;}
div.dt-buttons:hover{font-weight: bold;}
table.dataTable thead th.ui-state-default, table.dataTable tfoot th.ui-state-default{color: #000000; background: #ffffff!important; border:none;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {border-top: 1px solid #94C01C;}
table.dataTable.no-footer{border-bottom: 1px solid #94C01C;}
table.dataTable tr{color: #000;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color: #000!important;
                                                                border:1px solid #979797;
                                                                background-color:#94C01C;
                                                                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94C01C), color-stop(100%, #94C01C));
                                                                background: -webkit-linear-gradient(top, #94C01C 0%, #94C01C 100%);
                                                                background: -moz-linear-gradient(top, #94C01C 0%, #94C01C 100%);
                                                                background: -ms-linear-gradient(top, #94C01C 0%, #94C01C 100%);
                                                                background: -o-linear-gradient(top, #94C01C 0%, #94C01C 100%);
                                                                background: linear-gradient(to bottom, #94C01C 0%, #94C01C 100%);}

table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected,
table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected,
table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected,
table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1,
table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2,
table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3,
table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1,
table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2,
table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3,
table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected,
table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb068), color-stop(100%, #d16804));
    background: -webkit-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: -moz-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: -ms-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: -o-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: linear-gradient(to bottom, #fcb068 0%, #d16804 100%);}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {background: #94C01C; }
table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover,
table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1,
table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2,
table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3,
table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{ background: #94C01C}
table.dataTable tbody td{padding: 2px 10px; height: 32px;}



/*Butten Style*/
.coms_btn{
    width: auto;
    height: 28px;
    line-height: 28px;
    vertical-align:  middle;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 1em;
    cursor: pointer;
    font-size: 1em;  
    white-space: nowrap;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
    text-align: center;
    font-weight: bold;
}

.coms_btn a{
    text-decoration: none;
    display: inline-block;
}
/*summernote Overrieds*/
.note-status-output{visibility: hidden; height: 1px;}
.noteA4 .note-editable{width: 21cm; min-height: 80%; height: auto; margin: 20px auto;
                       /*               background: linear-gradient(180deg, #eee 2px, transparent 2px) 1px 0, #fff;
                                      background-attachment: scroll;
                                      background-size: 1px 29.7cm ;*/
                       border: 1px solid rgba(204,204,204,1);
                       -webkit-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
                       -moz-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
                       box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
                       overflow: hidden!important; 
                       padding-bottom: 10px;
}
.noteA4{background: #f5f5f5; height: 100%; position: relative;}
.noteA4 .note-editing-area{height: 95%; overflow:scroll!important;}
.noteA4 .note-placeholder{width: 100%; margin-top: 30px; text-align: center; }
.note-editor > .note-toolbar {white-space: normal;}
.fullscreen .CodeMirror {height: 90vh!important;}
.note-modal-backdrop{display: none!important;}
.note-modal-body input {height: 35px; padding: 12px 4px 5px 4px}
/*jQuery Overrieds*/

.ui-icon,.ui-widget-content .ui-icon{background-image:url("ui-icons_94C01C_256x240.png");}
.ui-icon.orange {background-image: url("ui-icons_d16804_256x240.png");}
.ui-icon.white {background-image: url("ui-icons_ffffff_256x240.png");}
.ui-icon.green {background-image: url("ui-icons_94C01C_256x240.png");}
.ui-tabs .ui-tabs-nav li{border-bottom-width:1px;}
.ui-dialog-titlebar-close::before{content: "X"}

/*DP*/
.overDAfter{position: absolute; right: 18px; bottom:0; background-image:url("ui-icons_555555_256x240.png"); }
.overDBefore{position: absolute; left: 5px; bottom:0; background-image:url("ui-icons_555555_256x240.png");}

.ui-button{ color: #94C01C; font-weight: bold; border-radius: 0px;}
.ui-button:active .ui-icon,.ui-button:focus .ui-icon{background-image:url("ui-icons_d16804_256x240.png");}
.ui-button:active,.ui-button:focus, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ color: #d16804; border:2px solid #d16804; box-shadow:0 0 3px 1px #d16804; font-weight: bold; outline-style:none;}


.ui-state-active .ui-icon, .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon{background-image: url(ui-icons_ffffff_256x240.png);}
.ui-widget-header{border: 2px solid #ddd; border-radius: 0px; color: #94C01C;}
.ui-widget{font-family: 'Arial';}
.ui-dialog-buttonset>.ui-button{float: left;}
.ui-dialog .ui-dialog-titlebar-close{top: 46%;}
.ui-dialog-titlebar-close .ui-icon-closethick{margin-top: -8px; margin-left: -9px;}
.ui-widget-content a{color: #94C01C;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: bold;
    color: #94C01C;
}
.coms_btn_focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #bbbbbb!important;
    background: #94C01C url(ui-bg_inset-hard_30_94C01C_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
}
.coms_btn_focus > .ui-icon, .coms_btn:hover > .ui-icon {background-image: url("ui-icons_ffffff_256x240.png");}
.coms_btn_active { color: #d16804!important; border:1px solid #d16804; box-shadow:0 0 3px 1px #d16804; font-weight: bold; outline-style:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
    border: 1px solid #bbbbbb;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb068), color-stop(100%, #d16804));
    background: -webkit-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: -moz-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: -ms-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: -o-linear-gradient(top, #fcb068 0%, #d16804 100%);
    background: linear-gradient(to bottom, #fcb068 0%, #d16804 100%); color: #ffffff; text-decoration: none; font-weight: bold;
}
.ui-state-active:focus, .ui-widget-content:focus .ui-state-active:focus, .ui-widget-header:focus .ui-state-active:focus{
    border: 1px solid #bbbbbb!important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #94C01C;}
.ui-state-default a:hover{color: #fff;}
.ui-tabs-active a{outline-style:none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#ffffff;}
.coms-highlight{background:#fffa90;}
/*jquery Mobile Overrieds*/
.ui-content{padding:0;}
.ui-icon{width: 16px; height:16px;}
.ui-accordion-header .ui-accordion-header-icon { position: relative; left: -0.15em; margin-top: -2px;}
.ui-toolbar, .ui-toolbar-header, .ui-toolbar-footer { border-width: 0; border-style: none; }
button.ui-button, input.ui-button {width:auto; min-width: 20px; min-height: 20px; padding: 5px 10px;}
/*alpaca-form Overrieds*/
.alpaca-form input[type="checkbox"], .alpaca-form input[type="radio"]{display: inline-block; vertical-align:middle;}

/*dienstplan*/
.fc-higlightRow{background-color: #fed8b1!important; background-image: none;}
.fc-today{background-color: #fcf8e3!important}
.scheHolliday{background-color: #ebfae9!important;}
.hbDP_finish{background-color: green!important;}
.hbDP_error{background-color: red!important;}
.hbDP_gray{background-color: grey!important;}

.dpVehicle{background-color: #656565;}
.hbDP_DIE{background-color: #3a87ad!important; background-image: none;}
.hbDP_KRA{background-color: #BF2A23!important; background-image: none;}
.hbDP_URL{background-color: #C84663!important; background-image: none;}
.hbDP_INN{background-color: #FF0000!important; background-image: none;}
.hbDP_SD{background-color: #2CFF5D!important; background-image: none;}
.hbDP_ZEI{background-color: #FAD02F!important; background-image: none;}
.hbDP_INF{background-color: #ffffff!important; background-image: none; border-color:#9A65FC;}
.hbDP_REP {background-color: #C84663!important; background-image: none;}
.hbDP_SER {background-color: #BF2A23 !important; background-image: none;}
.hbDP_GRU {background-color: #FAD02F!important; background-image: none;}
.refDP{background-color: #dddddd!important; background-image: none;}

.eventDPt{background-color:#42BAF2; background-image: none;}
.eventDPtB{border: 1px solid #42BAF2; background-image: none;}

#main_userToolTip{position: absolute; display:none; border: 2px solid #ddd; background: #fff; z-index: 1; height: 120px; width: 330px; white-space: normal; font-size:12px;
                  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
                  -moz-box-shadow:    5px 5px 5px 0px rgba(0, 0, 0, 0.35);
                  box-shadow:         5px 5px 5px 0px rgba(0, 0, 0, 0.35);}
#main_userToolTip img{width: 70px; height: 70px; margin:5px; border-radius: 200px; float:left;}
#main_userToolTip span{float:right; margin-right: 5px; cursor: pointer;}
#dpSplitTime{margin: 2px auto; display: table;}
#EventSplit{margin: 2px auto;  display: table;}
#dpSplitTimeTitle{margin-left: 20px}
.UserTooltipMood{color: #a7a8aa; margin-left: 5px; float:left;}

.sche_EventIDTable {
    font-size: 14px;
    border: 2px solid #88B23C;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.sche_EventIDTable tr:nth-child(even) {
    background: #eeeeee;
}
.sche_EventIDTable td, .sche_EventIDTable th {
    border: 1px solid #88B23C;
    padding: 4px 8px;
}
.sche_EventIDTable thead {
    background: #88B23C;
    background: -moz-linear-gradient(top, #a6c56d 0%, #94b94f 66%, #88B23C 100%);
    background: -webkit-linear-gradient(top, #a6c56d 0%, #94b94f 66%, #88B23C 100%);
    background: linear-gradient(to bottom, #a6c56d 0%, #94b94f 66%, #88B23C 100%);
    border-bottom: 1px solid #444444;
}
.sche_EventIDTable thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 2px solid #D0E4F5;
}
.sche_EventIDTable thead th:first-child {
    border-left: none;
}

.sche_EventIDTable tfoot td {
    font-size: 21px;
}
#sche_Log{position: fixed; left:0; top:50%; width: 100vw; height: auto; border: 2px solid #dddddd; background-color: #ffffff; z-index: 1;}


/*file Module*/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.fileBox label {
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;
    color: #0087F7;
    background-color: #ffffff;
    padding: 30px 0;
    width: 100%;
    height: 60px;
    margin: 0;
}
.fileBoxUploadBtn{margin-left: 5%;}
.fileBox {
    background-color: white;
    outline: 2px dashed #0087F7;
    margin: 10px auto;
    width: 90%;
    height: 120px;
    display: block;
}
.inputfile:focus + label,
.fileBox label:hover {
    background-color: #E8E9EC;
}
.inputfile + label {
    cursor: pointer; 
}
.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.fileOutput{height: 100%; width: 100%}
.fileOutput::-webkit-scrollbar:vertical { 
    visibility: visible;
    width: 12px;
}
.fileOutput::-webkit-scrollbar:horizontal { 
    visibility: hidden;
    height: 0px;
}
.fileWorkerRow{width: 95%; float: left; padding: 0.5% 2%; height: 30px; line-height: 30px; vertical-align: middle; cursor:pointer;}
.fileWorkerRow:hover{background: #94C01C;}
.fileWorkerImg{line-height: 30px; vertical-align: middle; float:left;}
.fileWorkerText{line-height: 30px; vertical-align: middle; margin-left: 5px; float:left; font-size: 1.2em;}
.fileWorkerUploadTime{float:right; margin-right: 5px; font-size: 0.9em;}

.file_hidden{display: none;} 
.fileWorkerThumbnail{cursor: pointer; margin-right: 2%; margin-top: 5px; overflow:hidden; border: 2px solid #ddd; list-style: none;} 
.fileWorkerThumbnailmultiple{width: 150px; height: 150px; float: left;}
.fileWorkerThumbnailmultiple img{height: auto; width: auto; max-width: 150px; max-height: 100px; margin: 0 auto; display: block;} 
.fileWorkerThumbnailsingle{width: 100%; height: auto; margin: 0 auto; list-style: none;}
.fileWorkerThumbnailsingle img{height: auto; width: auto; max-width: 100%; max-height: 200px; margin: 0 auto; display: block;}
.fileWorkerStatusmultiple{width: 145px; height: 18px; margin-top: 122px; background: #f5f5f5; border-top: 1px solid #ddd; padding: 5px;}
.fileWorkerStatusmultiple .fileWorkerImgDel{margin-top: -12px;}
.fileImgDiv{width: 100%; height: 150px; margin-top: -150px;}
.fileWorkerStatussingle{width: 100%; height: 18px; margin-top: 122px; background: #f5f5f5; border-top: 1px solid #ddd;  padding: 5px;}
.fileWorkerStatussingle .fileWorkerImgDel{margin-top: -12px;}
.fileWorkerImgDel{display: none;}
.fileWorkerThumbnail:hover .fileWorkerImgDel{display: block;}
.progress-bar{display: none; width: 200px; height: 20px; border: 2px solid;}
.percent{height: 16px; padding: 2px; float: left; max-width: 200px; width: 0%; background-color:  #008000;}
.loading{display: block;}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
    display: none;
}
.box.has-advanced-upload .box__dragndrop {
    display: block;
}
.box.is-dragover {
    background-color: grey;
}
.box.is-uploading .box__input {
    visibility: hidden;
}
.box.is-uploading .box__uploading {
    display: block;
}
.box__button {
    display: none;
}
.no-js .box__button {
    display: block;
}
/*Inst*/ 
.inst_ModuleTable tr{ height: 32px;}

/*Relationship*/
.relaBox{border: #ddd solid 1px; min-height: 100px; margin-bottom: -1px; background-color: #fff;}
.relaBox2{border: #ddd solid 1px; background-color: #f1f1f1;}
.relaTitle{border: #ddd solid 1px; background-color: #f1f1f1; color: #94C01C; text-align: center; height: 30px; line-height: 30px; vertical-align: middle; margin-bottom: -1px;}
.realiconPlus{margin: 5px auto; cursor: pointer; display: table;}
.relaEntry{margin-top: 5px;}
.relaEntryImg{width: 5%; float: left; padding: 0 1%;}
.relaEntryTitle{width: 68%; float: left; margin-left: 10px; overflow: hidden;}
.relaEntryType{width: 20%; height: 18px; float:right; margin-right: 10px; overflow: hidden;}
.relaEditGear{margin-top: 20px; cursor: pointer;}

/*Fullcalendar*/
.fc-title{color:#fff;}