html {
        margin: 0;padding: 0;	
        -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
        background-color: #f7f7f7 !important;
    }

    
    body {
        font-size:14px;
        margin: 0;
        padding:0;      
        background-color: #f7f7f7 !important;
        height: 100% !important;
    }
	
 
    #inprogess {
        font-size: 3em;
        line-height: 1em;
        color: #fbb450;
        position: absolute;
        top: 150px;
        left:150px;
    }
    
    
  
    
    #filtercontent .hiddenForm {
        display: none;
    }
   
    #ccm_about_holder {
        width:95%; 
        height: 80%;
        display: none;
        position: absolute;
        top:3.00em;
        left:1.00em;
        font-family: arial;
        
    }
    
    #ccm_about_holder span.smallTxt {
        font-size: 0.7em;
    }
       
    #ccm_about_holder p {
        /*width:550px;*/
        margin: 0em 0 0 0;
        padding:0.00em;
        color: #fff;               
        margin: 0em 0 0 50%;
        padding:0.25em;
        color: #fff;
    }
    #loginHolder {
        margin: 0 auto 0 auto;
        margin-top:0 !important     
    }
    
    
    .adminListTable i {       
        padding: 0.00em 0.50em 0.00em 0.25em;            
    }
    
    #customerListTable i {
        padding: 0.25em 0.5em 0 0.5em;        
        color: #999;
        font-size: 1.25em;
        display: block;
        float: right;
    }
    
    #customerListTable tr {
        line-height: 2.0em;
    }
    #customerListTable tr:hover {       
        background-color: #000 !important;
        color: #fff !important;            
    }
    
    
    #customerListTable i.singleCustomerClientInfo {        
        padding: 0.25em 0.5em 0.25em 0.5em;       
        margin: 0 0.75em 0 0.75em;
        color: #999 !important;
        cursor: pointer;
        background: #f9f9f9;        
        border-radius: 0.25em;
        text-decoration: none;
        border: 1px solid #fff;
    }
    #customerListTable i.singleCustomerClientInfo:hover{               
        color: #fff !important;       
        background: #000;        
    }
    
   
    
    
    .popTbl tr {
       line-height: 1.5em !important;       
    }    
    
    .popTblGrid tr {
        padding: 0.5em 0 0.50em 0 !important;
    }
    
    
    .popTblGrid td,
    .popTbl td {
        vertical-align: top; 
        padding: 0.5em 0 0.50em 0.50em !important;
    }  

    
    .popTbl td:first-child {
        width:30%;
    }    
    .popTbl td:last-child {
        white-space: nowrap;
    }    
    .popTbl i:hover {       
        color: #000;                         
    }
    
    
    
    
    .popTbl i.iAsBtn {               
       font-size: 1em !important;
        padding: 1em 1em 1em 1em !important;
        margin: 0 1em 0 0;
        color: #666 !important;
        cursor: pointer;
        /* background: #fff; */
        float: right;
        /* border-radius: 0.25em; */
        text-decoration: none;
        border: 1px solid #f9f9f9;
    }
    
    i.iAsBtnSMl {               
        font-size: 1em !important;
        color: #666 !important;
        cursor: pointer;
        float: right !important;
        text-decoration: none;
        border: 1px solid #f9f9f9;    
        padding: 0em 0em 0em 0em !important;
        margin: 0 1em 0 0;
        background: #fff;
        border-radius: 0.0em;
    }
        
    .swalSF i.iAsBtnSMl {               
        font-size: 1em !important;
        padding: 0.75em 1.5em 0.75em 1.5em !important;
        color: #fff !important;
        cursor: pointer;
        background: #c4c4c4;
        background: #888;
        
        float: right !important;
        border: 1px solid #f9f9f9;    
        margin: 0 1em 0 0;
        border-radius: 0.0em;
        text-decoration: none;
        text-align: center;
    }
/*    .swalSF i.iAsBtnSMl:hover {               
        color: #FF8E00 !important;
    }*/
    
    .swalSF i.iAsBtnSMlNoFloat {
        float: none !important;
        padding: 0.75em 2em 0.75em 2em !important;
        white-space: nowrap;
        font-size: 17px !important;
        font-weight: 500;
        font-family: lato,verdana, arial;
        font-size: 17px;
        font-weight: 500;  
        color: #fff !important;
        /*color: #333 !important;*/
    }
    
    
    
        
    
    /* SWAL Invoicehead */
    #table-swal-head {
        width: 100%;
        border-spacing: 0;
    }
    
    #table-swal-head td {
        padding: 0.25em 0.25em 0 0.25em !important;
        border: none !important;
        vertical-align: middle;
        
    }
    
    #table-swal-head td.rowBlock {
       
        height: 4em;
        text-align: center !important;
     
    }
    
    
    #cont-swal-invoicerow #invRowNote,
    #cont-swal-invoicehead #invNote {
        width: 100%;
        height: 100%;
        margin: 0 0 0 0 !important;
        font-family: arial;
        padding: 0.5em;
        height: 4em !important; 
        vertical-align: middle;
    }
   
    .input-swal {
        display: flex !important;
        margin: 0 0 0 0 !important;
    }
    
    
    i.iAsBtnSMl:hover,                     
    .popTbl i.iAsBtn:hover {                       
        color: #fff !important;      
        background: #000;       
    }
    
    
    
    
    .adminListTable a {    
        margin-left: 0 !important;
    }
   
    .adminListTable a:hover {    
       text-decoration: underline;
    }
  
     
    .branchHolder{
        width: 485px;
        width: 565px;
        
       /* margin: 5px; */
        float: left;
        padding-bottom: 75px;
    } 
    
    .productUpdatehHolder{
        width: 500px;
        /*float: left;*/
/*        padding-bottom: 75px;*/
    } 
    
  
   
    .userContainer,
    .customerContainer {
        display: block;
        width: 410px;
        height: auto;       
        /*margin: 5px;*/
        float: left;
    }
    .cardContainer,
    .userContainer {
        display: block;
        width: 215px;
        width: 245px;
        width: 275px;
        /*changed 20.10.21*/
        width: 400px;
        height:auto;       
        margin: -20px 0 40px 0;      
    }
        
    
    .userContainerForLocation {          
        margin: 0px 0 40px 0;      
    }
    
    .carContainer {          
        margin: 0px 0 40px 20px;   
        width: 300px;
    }
    
    
    .productPriceContainerForLocation {          
        margin: 8px 10px 40px 0 !important;  
        float: left;
        float: right;
        width: auto;
    }
    
    .productPriceContainerForLocation .ulListHeader {          
        margin: 0px !important;  
    }
    
    
    
        .productPriceContainerForLocation ul{          
            border:none !important;
            list-style: none;
            margin: 1em 0 5em 0  !important; 
        }
        .productPriceContainerForLocation li{          
            border:none !important;
            list-style: none;
            padding: 0.5em 0 0.5em 0  !important; 
        }
        .productPriceContainerForLocation span{          
            margin: 1em 1em 1em 0;  
            font-size: 0.85em !important;
            
        }
        .productPriceContainerForLocationInput{          
            float: right !important;
            width: 65px !important;
            text-align: right !important;
            font-size: 0.85em !important;
        }
    
    
    #customerLogoPdf {
        margin: 0 0 0em 1em;
    }
       
    .imageContainer {
        display: block;
        width: 640px;
        /*height:250px;*/
        min-height:250px;
        margin: 5px 5px 35px 5px;
        color: #000;
        border: none;
    }
    .cardContainer {
        display: block;
        width: 345px;
        width: 375px;
        width: 425px;
        height:250px;
        min-height:250px;
       margin: 5px 5px 35px 5px;
        color: #fff;
        border: none;
    }
    .cardContainer.singleBranch  {
       color: #fff;
       padding: 0.25em;       
    }
    .cardContainer li {
        color: #000;
    }
    .cardContainer li.av_user span {
        padding: 0 0 0 0.50em;
    }
    
    .cardContainerTyni {
        font-size: 0.8em;
    }
    
    .lftContainer {       
        float: left; 
    }
    .rhtContainer {       
        float: right; 
        width: 200px;
    }
    
    .singleCard {
        display: block;
        padding: 0.50em;
        background: #666;
        margin: 0.25em 0 0.25em 0;
        color: #fff;
    }
    .singleCard i{
        float: right;
        padding: 0.15em 1em 0.25em 1em;
        /*background: #fff;   */   
        cursor: pointer;
    }
    
    
    .singleBranchContainer {
        display: block;
        width: 475px;
        width: 550px;
        height: auto;        
        margin: 0 5px 5px 0px;
        float: left;
    }    
  
    .ulListHeader {
        color: #fff;
        text-decoration: none;
    }          
    .ulListHeaderCaption span{
        font-size: 0.75em;
    }          
    .ulListHeaderCaption span.prodOpt{
        float: right;
    }          
    .ulListHeaderCaption span.prodOpt select{
       background-color: transparent;
       border: none;
    }          
    
    
    
    .userListForSelectDialog .ulListHeader {
        padding: 0 0 0 0.50em;
    }
    
    .userListForSelectDialog span,
    .userListForSelectDialog span.tyni {
        padding: 0 1em 0 1em;
    }
    
    .userListForSelectDialog span.addProductToInnerContainer {
        cursor: pointer;
    }
  
    
    .userListForSelectDialog span.tyni {
        font-size: 0.65em;    
        float: right;
    }
    
    
    .userContainer a,
    .singleBranchContainer i,
    .singleBranchContainer a{
        color: #000;
        text-decoration: none;
    }          
    
       
    .branchHolder a:hover,
    .singleBranchContainer a:hover{
        color: #000;        
    }    
    
    
    .branchHolder i,
    .singleBranchContainer i{
        padding-right: 1em;
    }                   
    .ulListHeader {     
        border: 1px dotted #666;
        background: #00AFF0;    
        padding: 0.50em 0 0.50em 0.50em;
          margin-top: 2em;
    }   
    .ulListHeaderMyBranch {     
        border: 1px dotted #666;
        background: #333;    
        padding: 0.50em 0 0.50em 0.50em;
        color: #fff;
    }   
    .ulListHeaderMyBranch i.fi-wrench{           
        color: #fff;
        cursor: pointer;
    }   
    
    
    .ulListHeaderMyBranch span.sml,     
    .ulListHeader span.sml {     
        font-size: 0.75em;
        padding: 0 0 0 1em;
          
    }   
    .ulListHeaderMyBranch span.bld,     
    .ulListHeader span.bld {     
        font-size: 1.25em;
        font-weight: bold;
        /*padding: 0 0 0 1em;*/
    }   
    .ulListHeader span.singleBranch {     
       cursor: pointer;
    }   
    .ulListHeader span.singleBranch:hover {     
       color:#000;
    }   
    .ulListHeader i.singleBranchUnvis {     
       color:#DE4013 !important;
    }   
    
    
        
    .headerTools i,
    .headerTools span i,
    .rowTools span i,
    .rowTools i,
    .ulListHeader i,
    .ulListHeader span i{
        float: right;
        color: #fff;
        cursor: pointer;
        padding-right: 1em !important;
        font-size: 1.25em;        
    }   
    .rowTools i,
    .rowTools span i {
        color: #A7A7A2 !important;
        font-size: 1.25em;
    }
    .rowTools i:hover,
    .rowTools span i:hover {
        color: #000 !important;
        font-size: 1.25em;
    }
    
    
    .headerTools i.fi-x-circle {
        color: #DE4013 !important;
    }
    
    .rowTools i.isOn,
     .rowTools i.isOf{
/*        height: 2.25em;
        width: 2.25em;*/
        font-size: 1.125em;
    }
    .rowTools i.isOn {
        color: #fff !important;
        background: tomato !important; 
        border-radius: 0.25em;
    }
    
    
    
    .ulListHeader i{    
        float: left;
        padding-right: 1em !important;   
    }   
    
    
    .ulListHeader i:hover,          
    .ulListHeader span i:hover{        
        color: #000;       
    }   
    
    
    

    /*.ulListHeader a:hover{
        float: right;
        color: #fff;
        cursor: pointer;
        padding-right: 0em !important;
        font-size: 0.75em;
    } */     
    
    .userContainer .ulListHeader a,
    .customerContainer .ulListHeader a {
        font-weight: bold !important;
    }    
    .branchTopadmin {                 
        padding: 0em;
    }
    .branchTopadmin ul {                   
        padding: 0;       
    }    
    .ulListHeader span.info {
        font-size: 0.75em;
        text-align: right;
        padding: 0 0.75em 0 0;
        display: block;
        color: #fff;
    }   
    .availableUsers,
    .branchUsers {
        padding: 0.10em 0 0 0;  
    }        
    #ulList li.ddInfo{       
        background: none !important; 
    }
    #ulList li.ddInfo i{
        color: #c4c4c4 !important;
        font-size: 0.9em !important;       
    }        
    #ulList ul{        
        list-style: none;
        background: #F5F5F5;
        min-height: 1em;
    }
    #ulList span.isCurrentUser{        
        font-weight: bold;
    }
    #ulList span.isCurrentUserTxt{        
        font-size: 0.70em;
        float: right;
        font-weight: normal;
        color: #666;
        font-style: italic;
    }
    .activeList{        
        background: #EEE;
        padding-top: 0.75em;
        padding-bottom: 0.75em;
    }  
    
    #carList li,
    #ulList li{
        display: block;     
        list-style: none;
        padding: 0.5em 0 0.5em 0;     
        margin: 0 0 0em 0;
        border-left: 1px solid #E2E2E2;
        border-right: 1px solid #E2E2E2;
        border-bottom: 1px solid #E2E2E2;
    }   
    
    #ulList li.isSelected{
       background-color: #c4c4c4;
    }   
    
    
    
    #carList .movAbl_car i,
    #ulList .movAbl_user i {
       cursor: move;   
       padding: 0 0.50em 0 0.50em; 
    }
    
    
    #carList .movAbl_car:hover,
    #ulList .movAbl_user:hover {
       cursor: move;         
    }
       
    #carList li i,
    #ulList li i{
        padding: 0 0.75em 0 0.75em; 
        cursor: pointer;
        color: #888;
    }
    
    #carList li i.empty,
    #ulList li i.empty{
         padding: 0 0.75em 0 0.75em; 
        width: 31.33px;
        display: inline-block;
    }
    
    
    .ulListHeader i.custIsOnline,
    #ulList li i.isOnline{        
        color: #4CBB17;
        width: 1.50em;
        font-size: 1.5em;
        display: inline-block;
    }
    
    .ulListHeader i.custIsOnline{   
        color: #C4CCD2;
        width: 1.25em;
        display: inline-block;    
        font-size: 2.0em;
    }
    
    
         
    #ulList li i.isOffline{        
        color: transparent;
        width: 1.50em;
        font-size: 1.5em;
        display: inline-block;
    }
    
    
    
    
    #ulList li i.fi-crown{        
        color: #00bf00;
    }
    #ulList li i.fi-torso{        
        color: #F1D031;       
    }
    #ulList li i.fi-torso-business{        
        color: #999;
    }
    
    #ulList li i.fi-wrench{                   
        color: #A0A0A0;
        font-size: 1em;
    }
   
        
    #ulList li a:hover i.fi-wrench,        
    #ulList li a:hover{        
        color: #000;
    } 
    #ulList a.showSingleUser{
        cursor: pointer;
    }        
    #ulList a.showSingleUser span{
        /*font-size: 0.75em;*/
    }
    .userContainer #movAbl_user span{
        /*font-size: 0.75em;*/
    }
    
    .availableUsers i.fi-check{
        cursor: text  !important;
        color: #00bf00 !important;
    }
    
    .branchUsers i.fi-x-circle,
    .availableUsers i.fi-x-circle{
        cursor: text  !important;
        color: #DE4013 !important;
    }
    
    .selectableUsers span {        
        font-size: 0.75em;
    }
   
    
    
  
    
    .rowVal_B_total,
    .rowVal_N_total {
        background-color: transparent;
    }
    
    .printContainer {
        font-family: arial;
        font-size: 1.5em;
    }
    
    
    #ccm_about_holder span.trusted {
        padding: 0;
        font-weight: bold;
        font-size: 3em;
        font-family: Oswald; 
        padding-left: 55px;
        background:url('./images/tangram_logo_big.png') 0px 10px no-repeat;
    }
    
    /*#ccm_about_holder span.aboutTitle {
        padding: 0;
        font-weight: bold;
        font-size: 3em;
        font-family: Oswald; 
        padding-left: 55px;
        background:url('./images/tangram_logo_big.png') 0px 10px no-repeat;
    }*/
    
    .loginForm span.aboutTitle {
        padding: 0;     
        font-size: 2.00em;
        font-family: Oswald; 
        background: transparent;
        color: #fff;
        padding: 0 0 0 0.25em;
       
    }
    
    .formTdRightAll {
        background:url("elbe_bg_sml.jpg"); 
        background-position: right;
        background-repeat: no-repeat;
        text-align: right;
        font-size: 0.75em;
    }
    
    
    #ccm_about_holder span.floatingtext {
        display: block;
        padding: 1em 0 1em 0;
        font-weight: normal;
        font-size: 1.5em;
        line-height: 1.05em;
        /*font-family: Oswald; */ 
             
    }
    #ccm_about_holder span.floatingtextSlogan {
        display: block;
        padding: 1em 0 0em 0;
        font-weight: normal;
        font-size: 1.75em;
        line-height: 1.05em;
        font-family: Oswald; 
        color:  #fff;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);        
    }
    #ccm_about_holder span.floatingtextSloganSubline {
        display: block;
        padding: 0.5em 0 1em 0;
        font-weight: normal;
        font-size: 1.25em;        
        font-family: Oswald; 
        color:  #fff;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);        
    }
    
    
    
    #ccm_about_holder span.floatingtextIntro, .floatingtextTrusted {
        display: block;
        padding: 1em 0 1em 0;
        font-weight: normal;
        font-size: 1.25em;
        line-height: 1.25em;
        /*font-family: Oswald; */
        color:  #fff;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);        
    }
    #ccm_about_holder span.floatingtextTrustedWkk { 
        font-size: 0.9em;           
        padding: 0 0 0 115px;
        height: 42px;
        background:url('./images/about_wkk.png') 0px 0px no-repeat;
        /*background-size: 115px 40px;*/
        display: block;
        margin: 0 0 1em 0;
    }
    
    #ccm_about_holder span.floatingtextTrustedWkk:hover { 
       background-position-y: -41px;
    }
    
    #ccm_about_holder span.floatingtextTrustedSsl { 
        font-size: 0.9em;           
        padding: 0 0 0 115px;
        height: 48px;
        background:url('./images/about_logo-verisign.png') 0px 0px no-repeat;
        display: block;
    }
    
    #ccm_about_holder span.floatingtextTrustedSsl:hover { 
       background-position-y: -50px;
    }
    
    
    
    
    
    #ccm_about_holder p.questionanswer_q, #ccm_about_holder p.questionanswer_a {
        padding: 1em 0em 0 0em ;
        margin: 0;
        display: block;
        padding: 1em 0 0 0;
        font-weight: normal;
        font-size: 1em;
        line-height: 1.25em;
        width: 480px;
    }
    #ccm_about_holder p.questionanswer_q {
        padding: 1em 1em 1em 1em; 
        /*border-radius: 0.5em 0.5em 0 0;*/
        background-color: #958777;
        background-color: #636979;
        background-color: #8BA6B7 ; /*neues BLAU*/
        display: block;
        
        
    }
    #ccm_about_holder p.questionanswer_a {  
        padding: 1em 1em 1em 1em; 
        /*border-radius: 0 0  0.5em 0.5em;*/
        background-color: #E5D9CB;
        background-color: #CED7DB;
        background-color: #fff;
        display: block;
        color:#433220;
    }
    
    
    
    .sytemInformation {
        font-size: 0.75em;
    }
        
       
    #wrapper_outer {
        width:1000px;           
        padding: 0; 
        height:auto !important;
        height:100%;
        min-height:100%;
        margin:0px auto 0.5em auto;
    }
	
   #content {
        margin: .5em auto;
        padding: 0px;
/*        border:1px solid cyan;*/
        width:900px;
    }  
    
    
    #formContainer {
        width:900px;
        color: #9e9fa7;	
        margin:0 auto 1em auto;
        border: 1px solid #CCC;
        -moz-border-radius:10px; /* Firefox */
        -webkit-border-radius:10px; /* Safari, Chrome */
        -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */  
        background: #fff; 
/*        display: block;*/
        min-height:350px !important;
        height:auto !important;
        overflow:hidden;
/*        line-height: 1em;*/
    }
    
    
    #formContainer p.txt_info, #formContentLeft p.txt_info{
        padding: 7px 25px 7px 75px;
        color:#6883A4;
        font-size: 0.9em;
        font-style: italic;
        min-height: 70px;
        background:url('./images/info.png') 0px 0px no-repeat; 
    }
    
    #formContainer p.txt_info a {
        padding: 5px;
        color:#6883A4;
        font-size: 0.9em;
        font-style: italic;
        
    }
    #formContainer p.txt_info a.lnk {
        padding: 0px;
        color:#6883A4;
        font-size: 1em;
/*        font-style: italic;*/
        
    }
    
    

        
    #formContainer.admHolder {
         padding-left: 10px;
         margin-left: 0px;
         width:890px;
    }
    
   
    #table table , td, th{      
        padding:0;
        color:#333;
        color:#000;
        text-align: left;
        /*font-family: 'courier';*/
        font-size: 0.9em;
        border: 1px solid #ccc;
        border-collapse: none;
    }
    
    
    #innerContentFromAjax h1,
    #innerContentFromAjax .h1,
    
    #ccm_content_holder h0, 
    #ccm_content_holder .h1,
    
    #crPartContInner h1, 
    #crPartContInner h2, 
    #crPartContInner h3, 
    #crPartContInner h4,
    
    #ccm_content_holder h1, 
    #ccm_content_holder h2, 
    #ccm_content_holder h3, 
    #ccm_content_holder h4{
        margin: 0.5em 0 0.25em 0.25em;
        /*color:#005ACC;*/
        color: #000;
        }

  
    #crPartContInner h1 span.small,
    #crPartContInner h2 span.small,
    #ccm_content_holder h1 span.small,
    #ccm_content_holder h2 span.small,
    #innerContentFromAjax h1 span.small{
        margin: 0em 0 0.5em 1em;
        font-size: 0.7em;
        color: #666;
        }
    #ccm_content_holder h1 span.tyniSmall, #innerContentFromAjax h1 span.tyniSmall{
        margin: 0em 0 0.5em 1em;
        font-size: 0.5em;
        color: #666;
        }


    #adm_content_holder h4.adm{
        color:#fff;       
        }
    
    
   /* #crPartContInner table, */
    #ccm_content_holder table,
    #innerContentFromAjax table,    
    #innerContentFromAjax table.invoiceTableUserContacts,       
    #innerContentFromAjax table.folllowUpListTable,       
    #innerContentFromAjax table.contactListTable,       
    #innerContentFromAjax table.invoiceTable{       
        border-collapse: collapse !important;
        width:100%;
/*        max-width: 875px;*/
        padding: 0 0.25em 0 0.25em;
        background: #fff;
        font-family: sans-serif;
    }
 
    #ccm_content_holder .prtindicator{
        cursor: pointer;
    }
    
    
    
    #crPartContInner tr.invoiceTable_subheader,
    #ccm_content_holder tr.invoiceTable_subheader {
        border-bottom: 1px solid #fff !important;
    }
    
    
    #crPartContInner tr.invoiceTable_subheader span,
    #ccm_content_holder tr.invoiceTable_subheader span{
        font-size: 0.80em !important;
    }
    
    #ccm_content_holder th span{
        font-size: 0.80em !important;
        padding: 0 0 0 2em;
    }
    
    #ccm_content_holder th.branchSpan span{
        font-size: 1.0em !important;  
        font-family: lato,verdana, arial;
    }
    
    #ccm_content_holder a.selBranchRht{
        float: right;   
        margin-left: 1em !important;
    }
    
    
    
    
    #ccm_content_holder th span.nopad{
        font-size: 0.80em !important;
        padding: 0 0 0 0em;
    }
    
    #ccm_content_holder th span.usevalforInvoice{
        font-size: 1em !important;
        padding: 0 0 0 0em;
        cursor: pointer;
        background-color: #eee !important;
        color: #000 !important;
            padding: 0.35em 0.5em 0.35em 0.5em !important;
    }
    
    #ccm_content_holder th span.usevalforInvoice:hover{
        background-color: #000 !important;
        color: #fff !important;
    }
    
    
   
    #ccm_content_holder .invoiceTable_subheader span.advFilterNew,
    #ccm_content_holder .invoiceTable_subheader span.testMonat,
    #ccm_content_holder .invoiceTable_subheader span.printStmnt,
    #ccm_content_holder .invoiceTable_subheader span.advFilterDel,
    #ccm_content_holder .invoiceTable_subheader span.printSel,
    #ccm_content_holder .invoiceTable_subheader span.advFilter,
    #ccm_content_holder .invoiceTable_subheader span.advFilterDel{
        display: inline;
        font-size: 0.85em !important;
        padding: 0.35em 0.35em 0.35em 0.35em !important;
        margin: 0 0 0 0.25em;
        color: #000;
        cursor: pointer;
        background: #eee;
        float: right;
        border-radius: 0.125em;
    }
        #ccm_content_holder span.testMonat:hover i,
        #ccm_content_holder span.testMonat:hover,
        #ccm_content_holder .invoiceTable_subheader span.printStmnt:hover i,
        #ccm_content_holder .invoiceTable_subheader span.printStmnt:hover,
        #ccm_content_holder .invoiceTable_subheader span.advFilterDel:hover i,
        #ccm_content_holder .invoiceTable_subheader span.advFilterDel:hover,
        #ccm_content_holder .invoiceTable_subheader span.printSel:hover i,
        #ccm_content_holder .invoiceTable_subheader span.printSel:hover,
        #ccm_content_holder .invoiceTable_subheader span.advFilter:hover i,
        #ccm_content_holder .invoiceTable_subheader span.advFilter:hover,
        #ccm_content_holder span.advFilterDel:hover,
        #ccm_content_holder span.advFilterDel:hover i{
            color: #fff !important;
            background-color: #000 !important;
        }
    
        
        #ccm_content_holder .invoiceTable_subheader span.clearRight {
            float: none;
            padding: 0.4em 0.5em 0.4em 0.5em !important;
        }
        
        #ccm_content_holder .invoiceTable_subheader span.advFilterNew {
            background-color: #E0D038 !important;
        }
        
        span#advFilterNew:hover {
            background-color: #000 !important
            color: #fff !important;
        }
        
    
    
    span.aesKeyStatus,
    span.delteCreditCard,
    span.copyThisCerti,
    span.startThisCerti,
    span.endThisCerti{
        font-size: 1.25em !important;
        padding: 0.5em 0.5em 0.5em 1em;
        margin: 0 0 0 1em;
        color: #000;
        cursor: pointer;
        background: orange;
        float: left;
        width: 285px;
        display: inline-block;
        margin: 0.25em;
        border-radius: 0.25em;        
    }
    span.copyThisCerti{
        background: #c4c4c4;
    }
    span.aesKeyStatus{
        background: #fff;
    }
    
        span.copyThisCerti:hover{
            background: #999;
            color: #fff;
        }
        span.delteCreditCard:hover,
        span.startThisCerti:hover,
        span.endThisCerti:hover{
            background: #800;
            color: #fff;
        }
    
        
    span.delteCreditCard {
         font-size: 1.0em !important;
    }   
 
    
    span.setupAs{
        font-size: 1.125em !important;
        padding: 0.5em 0.5em 0.5em 1em;
        margin: 0 0 0 1em;
        color: #fff;
        cursor: pointer;
        background-color: #000;
        float: left;
        width: 285px;
        display: inline-block;
        margin: 0.25em;
        border-radius: 0.25em;   
        width: 140px !important;
    }
        
    span.setupAs:hover {
        background: #800;
        color: #fff;        
    }
    
    .superAdmOnly {
        background: #E0D038 !important;
    }
    
    .superAdmOnly span,
    .superAdmOnly i {
        color: #E0D038 !important;
    }
    
    .superAdmOnlySecret span,
    .superAdmOnlySecret i {
        color: #1172CC !important;
    }
    
    
    #ccm_content_holder .invoiceTable_subheader span.printSel ,
    #ccm_content_holder .invoiceTable_subheader span.advFilterDel{      
        padding: 0.35em 0.75em 0.35em 0.75em;    
        margin-left: 0.15em;
    }
    
    #ccm_content_holder .invoiceTable_subheader span.printStmnt{      
        padding: 0.35em 0.5em 0.35em 0.75em;    
        margin-left: 0.15em;
    }
    
      
    #ccm_content_holder .testMonat i,
    #ccm_content_holder .printStmnt i,
    #ccm_content_holder .printSel i,
    #ccm_content_holder .advFilter i,
    #ccm_content_holder .advFilterDel i{
        font-size: 1em !important;
        padding: 0.25em 0 0 1em;
        color:#000;
        font-size: 0.8em !important;
    }
    
    /*#ccm_content_holder .printSel i, */      
    #ccm_content_holder .advFilterDel i{       
        padding: 0.0em 1em 0 1em;
        /*color: tomato;*/
    }
    
    
    
    #ccm_content_holder span.padRht{
         padding: 0.35em 0.5em 0.35em 0.75em;        
    }  
   
    
    #invoice_list_filter_branch:not(.inactSelect):hover,
    #invoice_list_filter:not(.inactSelect):hover,
    #show_dep_seloption:not(.inactSelect):hover,
    #ccm_content_holder span.printSel:hover i,
    #ccm_content_holder .invoiceTable_subheader span.printSel:hover,
    #ccm_content_holder .invoiceTable_subheader span.printStmnt:hover,
    #ccm_content_holder span.advFilter.inactSelect,    
    #ccm_content_holder span.advFilter.inactSelect i,    
    #ccm_content_holder span.advFilter:hover i,    
    #ccm_content_holder span.printStmnt:hover i,    
    #ccm_content_holder span.advFilterDel:not(.inactDelFilter):hover i,    
    #ccm_content_holder .invoiceTable_subheader span.advFilter:hover,
    #ccm_content_holder .invoiceTable_subheader span.advFilterDel:not(.inactDelFilter):hover{
        background-color: #000 !important;
        color:#fff;
    }
    
    .inactDelFilter,
    .invoiceTable_subheader select.inactSelect{
        background-color: #00AFF0 !important;
        color: #fff !important;
    }
    
    
    .inactSelectExport{
        background-color: #00AFF0 !important;
        color: #fff !important;
        opacity: 0.5;
    }
    
    .inactSelectExport:hover{
        background-color: #00AFF0 !important;
        color: #fff !important;
        cursor: not-allowed;
    }
    
    
    
    
    
    .inactPrint {
        opacity: 0;
    }
    
    
    #crPartContInner table {       
        border-collapse: collapse !important;
        width:100%;
        font-family: sans-serif;
        padding: 0 0.25em 0 0.25em;
        margin-right: 1em;
    }
    
    #customerListTable td:last-child {       
       text-align: right;
       padding: 0.25em 0.5em 0.25em 0.25em;
       margin-right: 1em;
/*       width: 20%;
display: inline-block;*/
    }
    
    #customerListTable.articleTable td:last-child {       
       text-align: right;
       padding: 0.25em 0.5em 0.25em 0.25em;
       margin-right: 0em;
    }
    

    
    #customerListTable i.fi-check {       
        width: 10em;
    }
    
    #customerListTable i.fi-check.smalFI,
    #customerListTable i.fi-minus-circle.smalFI {       
        width: 2em !important;
        color: #888 !important;
    }
    #customerListTable i.fi-check.smalFI:hover {       
        color: #42a60c !important;
    }
    
    #customerListTable i.fi-minus-circle.smalFI:hover {       
        color: #ed5641 !important;
    }
    
    
    
    #customerListTable i.fi-minus-circle.smalFI {       
        padding-right: 2em !important;
    }
    
    
    
    
    .prodRowTbl td{
        vertical-align: middle !important;
        padding: 0.50em 0.25em 0 0.25em !important;
    }

    
    #crPartContInner th,    
    #ccm_content_holder td,
    #ccm_content_holder th,
    #innerContentFromAjax td, #innerContentFromAjax th {
        font-size: 1em;
        /*border: 1px solid #ccc;*/
        border: none;       
        padding: 1em 0.5em 1em 0.25em;
        line-height: 1.25em;     
    }
    
    
    @media screen{   
        #crPartContInner td {
            font-size: 1em;
            border: none;       
            padding: 0em 0.5em 0em 0.25em;           
        }
    }
    
    @media only print{       
        #ccm_content_holder td,
        #ccm_content_holder tr,
        .stmntInnerTable,      
        .stmntInnerTable tr,      
        #crPartContInner td {
            font-size: 1.0em !important;
            border: none;
            padding: 0em 0.5em 0em 0.25em;
            line-height: 1.00em !important;            
        } 
        
        
        
    }
                
    #crPartContInner td span.notes {
        display: block;
/*        color: #AC193D;*/
        font-size: 0.75em;
        padding: 0.50em 0 0 0;
    }
/*    #crPartContInner td span.notes:hover {       
        color: #AC193D;        
    }*/
    
    
    
    
    
 
    
    .adminListTable th i,    
    #printMenueHeader i, #popFooter i {
        margin: 0.25em 0em 0 0em;
        float: right !important;
        font-size: 1.25em;
        color: #999;
        cursor: pointer;
    }
    .adminListTable th i{       
        color: #c4c4c4;       
    }
    .adminListTable th i:hover,
    #printMenueHeader i:hover, #popFooter i:hover {        
        color: #000;        
    }
    
    #printMenueHeaderNavSpan {
        float: left !important;
        padding: 0 !important;
    }
    
    .fi-plus,
    .fi-x{
        padding: 0em 0.5em 0 1em;
        float: right !important;
        font-size: 1.75em;
        color: #999;
        cursor: pointer;
        border: 1px #f9f9f9;
    }    
    
   
    
    #loadpicture {
        display: none;
        height: 0;
        width: 0;
    }

    #loadpicture-label {
        background-color: #238FCF;
        color: white;
        border: none;
        box-shadow: none;
        font-size: 17px;
        font-weight: 500;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 10px 32px;
        margin: 15px 5px 0 5px;
        cursor: pointer;
        border-radius: 0.5em;
        }
    #loadpicture-label:active{
        background:#ccc;
         background-color: transparent;
    }
    
    
    
    .searchProductsIco{
        float: none;
        position: absolute;
        left: 430px;
        top: 20px;
        font-size: 1em;
        color: #999;
        z-index: 9999999;
        display: none;
    }
    
    
    
    #printMenueHeader i.paymentheaderIco {
        margin: 0.35em 0em 0 0.50em;
        float: right !important;
        font-size: 1.5em;
        color: #999;
        cursor: pointer; 
    }
   
       
        
        #printMenueHeader i.fi-x-circle {
            color: #F18618; 
            margin: 0.35em 0.5em 0 0.50em;
            float: left !important;
        }
       
        #printMenueHeader i.fi-checkbox {
            color: #398439;    
        }
        
        #printMenueHeader i.fi-x-circle:hover,
        #printMenueHeader i.fi-checkbox:hover {
            color: #000;  
        } 
            
    #bookingFooter,
    #popFooter {
        display: block;
        bottom: 4.5em;
        left: 350px;
    }
    
    #bookingFooter {
        /*top: 0em;*/
        padding: 0 0 0 0.5em;
    }
    
    
    /*20241024*/
    #bookingFooter {
        bottom: 1em;
        padding: 0 0 0 0.5em;
        position: fixed;
    }
    
    
    
    #popFooter {
        bottom: 1em;
        position: absolute;
        position: fixed;
        left: 5px;
    }
    
    #popFooter a{
       margin-top: 0.5em !important;
    }
    
   
    #customerListTableTh {
        font-size: 0.9em;
    }
    
    #customerListTableTh a {
            padding: 0.5em !important;
    color: #000 !important;
    border-radius: 0.25em !important;
    font-size: 0.8em;
    }
    
    
    @media only screen and (min-width: 1024px) {     
        #bookingFooter {            
            position: fixed;
            bottom: 1em;
            /*left: 300px;*/
            /*position: relative;*/
        } 
    } 
    
    
    
    #bookingFooter a.btnSmallHead,       
    #popFooter a.btnSmallHead,       
    .adminListTable a.btnSmallHead {        
        padding: 1em !important;
        background: #eee!important;
        margin: 0 0.50em 0 0;
        text-decoration: none;
        border: 1px dotted #cbcbcb;
        font-family: sans-serif; 
    }
    
    #bookingFooter a.btnSmallHeadKorn,       
    #popFooter a.btnSmallHeadKorn,       
    .adminListTable a.btnSmallHeadKorn {        
        padding: 0.5em !important;
        background: #333 !important;
        margin: 0 0.50em 0 0;
        text-decoration: none;
        border: 1px dotted #cbcbcb;
        font-family: sans-serif;
        border-radius: 0.25em;
        font-family: nexalight, Arial, sans-serif !important;
        font-size: 0.9em;
        border: none;
    }
    
    
    
    #bookingFooter a.btnSmallHead,    
    #popFooter a.btnSmallHead {        
        padding: 0.5em !important;
        color: #fff !important;
        background-color: rgb(77, 81, 88) !important;
        margin: 0 0.50em 0 0;
        text-decoration: none;
        font-family: sans-serif;
        border: none;
        border-radius: 0.5em;
        width: 7em;
        width: auto;
        text-align: center;
        font-size: 0.9em;
        display: inline-block;
    }
    
    #popFooter i { 
        color: rgb(77, 81, 88);
    }
    
      
    
    @media only screen and (min-width: 1024px) {  
        #bookingFooter a.btnSmallHead,        
        #popFooter a.btnSmallHead {            
            /*float: left !important;*/
            float: left;
        } 
    } 
    
    
    #bookingFooter a.btnSmallHead:not(.btnSmallHeadDisabld):hover,       
    #popFooter a.btnSmallHead:not(.btnSmallHeadDisabld):hover,       
    .adminListTable a.btnSmallHead:not(.btnSmallHeadDisabld):hover {              
        color: #fff;   
        background: #000;              
        text-decoration: none;
        
    }
    
    
/*    #updateForm_customer {
        float: right !important;
    }*/
    #updateForm_customerDelete {
         float: left !important;
    }
    
    
    #bookingFooter a.btnSmallHeadDisabld,       
    #popFooter a.btnSmallHeadDisabld,       
    .adminListTable a.btnSmallHeadDisabld {               
        color: #c4c4c4;
        cursor: text;
    }
    
    #ccm_content_holder .invoiceTableUserContacts td  {            
        padding: 1em 0.5em 1em 0.25em;
    }
    
    #innerContentFromAjax td span,
    #crPartContInner td span,
    #ccm_content_holder td span {
        cursor: pointer; 
    }
    
    @media print {
        span.invPosRow {
            cursor: pointer; 
            padding-right: 3em;
        }
    }
    
    
    #crPartContInner td span.commentMarker:before,        
    #ccm_content_holder td span.commentMarker:before {        
        content: " * "; color: #005ACC; font-size: 0.8em; font-weight: bold;
    }

    
    #tblMnu{
        max-width: 40em !important;
    }
    #tblMnu li{
        list-style: none;
        float: left;
        text-decoration: none;
        color: #000;
    }
    #tblMnu a{       
        text-decoration: none;
        color: #000;
        font-size: 0.80em;
    }
    
    .depTable a,
    .depTable i{
        color: #666 !important;
    }
    .depTable a:hover,
    .depTable i:hover{
        color: #000 !important;
    }
   
    
    
    
    #tblMnu select.show_dep_seloption,
    #tblMnu .btnSmallMnu,
    #my-cashregister-table .btnSmallMnu {
        padding: 0.75em 0.5em 0.75em 0.5em;
        margin: 0.5em 0 0.5em 0.25em;
        display: inline-block;
        width: 16em;
        height: 3em;
        border: 1px solid #c4c4c4;
    }
   
    
    #tblMnu select.show_dep_seloption{ 
        font-size: 0.80em;
        margin: 0.5em 0 0.5em 0.25em;        
        width: 17em;
        height: 4.55em;
        background: #fff;
        border: none;
        border-top: 1px solid #c4c4c4;
        border-left: 1px solid #c4c4c4;
        cursor: pointer;
    }
    #tblMnu select.show_dep_seloption:hover{ 
        color: #fff;
        background: #000;
    }
    
    #tblMnu .btnSmallMnu i,
    #my-cashregister-table .btnSmallMnu i{
        font-size: 300%;
        padding-right: 0.20em;
        color: #c4c4c4;
    }

    #tblMnu .btnSmallMnu:hover,
    #my-cashregister-table .btnSmallMnu:hover {
        color: #fff;
        /* border: 1px solid #000; */
        background-color: #000;
        text-decoration: none;
    }
    
    
    
    
    
    
    
    #my-cashregister-table .btnSmall{
        padding: 0.75em 0.5em 0.75em 0.5em;
        margin: 0.5em 0 0.5em 0.25em;
        display: inline-block;
        width: 16em;      
    }
    #my-cashregister-table i{
            font-size: 150%;
    padding-right: 0.5em;
    color: #fff;     
    }
    
    #showStartbelegDetails{
        margin: 0em 0 0.5em 1em !important; 
        /*line-height: 1.5em;*/
    }
    #showStartbelegDetails .btnSmall{
        margin: 0em 0 0.5em 0.5em !important; 
        padding: 0.5em;
        /*line-height: 1.5em;*/
    }
    
    
    
    #innerContentFromAjax td span:hover,
    .showContactFromShortList span:hover,
    #crPartContInner td span:hover,
    #ccm_content_holder td span:hover {
        /*color: #0044cc; */ 
        color:#fff;
    }
    
    
    #innerContentFromAjax .tdsmall,
    #crPartContInner .tdsmall,
    #ccm_content_holder .tdsmall {
        font-size: 0.75em;
        font-weight:normal;
        color: #666;        
    }
    
    
    #crPartContInner .showContact,      
    #ccm_content_holder .showContact {      
        font-weight:500;        
    }
    
   
     
    #innerContentFromAjax th, 
    #crPartContInner th,
    #ccm_content_holder th {
        font-size: 1.1em;
        text-align: left;
        padding: 1em 1em 1em 1em;
        padding: 1em 0.5em 1em 0.5em;       
        background-color: #8BA6B7; /*neues BLAU zeilenheader*/
        color: #ffffff;
       border-right: 1px solid #fff;
    }
    
  

    
    #innerContentFromAjax span.showContact, 
    #crPartContInner span.showContact,
    #ccm_content_holder span.showContact {
        text-align: left;       
    }
    
    #innerContentFromAjax th.hdCol, 
    #innerContentFromAjax td.hdCol {       
        display: none;
        }
    
    
   
    
    #innerContentFromAjax span.showContact:hover, 
    #ccm_content_holder span.showContact:hover, 
    #ccm_content_holder span.tdsmall:hover {
        color:#000;  
       
    }
    
    
    
    
    
    
   
    
   #innerContentFromAjax tr.alt,  
   #ccm_content_holder tr.alt  {
        color: #000000;
        background-color: #eee;
        background-color: #D8D8D8;
    }
    
    
    
    #innerContentFromAjax tr.activCerti,  
    #ccm_content_holder tr.activCerti  {
        color: #000000;
        background-color: #9de585 !important;
        border-bottom: 3px solid white;
    }
    #innerContentFromAjax tr.simulationCerti,  
    #ccm_content_holder tr.simulationCerti  {
        color: #000000;
        background-color: #f46e42 !important;
       border-bottom: 3px solid white;

    }
    
    .advDEPExport {
        font-family: nexalight;
        background-color: #666;
        border-radius: 0.5em;
        height: 2.5em;
        display: block;
        padding: 0.65em 1em 1em 1em;   
        color: #fff;
        font-size: 1.125em;
    }
    .advDEPExport:hover {
        background-color: #fff;
        color:  #000 !important;        
    }
    
    .downloadDepDownloaded {
        background-color: #fff !important;
        color:  #000 !important;    
    }
    
    
    tr.alt  {
        color: #000000;
        background-color: #eee;
    }
    
    tr.activCerti  {
        color: #000000;
        background-color: #9de585 !important;
    }
    tr.simulationCerti  {
        color: #000000;
        background-color: #f46e42 !important;
    }
    
    tr.actClient  {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        background-color: #000;
    }
    tr.actClient:hover {        
        color: #000 !important;
    }
    tr.actClient:hover a {        
        color: #000 !important;
    }
    
    
    tr.actClient td a,
    tr.actClient td {
        color: #fff;
    }
/*    tr.actClient span.notes {
        color: #F3D43B !important;
    }*/
    
    .cashFlowRowHover:not(.posActionMnuItemHighlightRow) { 
    background-color: #D2DDEC !important;  
    color: #fff !important;  
 
}
    
    #letterList {
        width:50px;
        float: left;
        /*display: block;*/
        position: fixed;
    }
    
    #contactListTableList {
        /*width:89% !important;      */  
        margin-left: 60px;
        /*width: 100%;*/
        max-width: 525px;
            
        /*display: block;*/
        
    }
    /*#contactListTableList table {
        width:70% !important;             
    } */   
    
    
    .letterlist {
        font-size: 0.75em;
        font-weight: normal;
        color:  #A7A7A2;
        border: 1px solid #A7A7A2;
        width: 40px;
        height: 20px;
        border-radius: 20px;
        text-align: center;
        display: block;   
        margin: 0 0 0.25em 1em;
        cursor: pointer;
    } 
    .letterlist:hover {       
        color:  #fff;        
        border: 1px solid #A7A7A2;
        background-color: #000; 
    } 
    
    #formContainer th{
        padding: 7px 3px 7px 25px;
        color:#333;
       border: 1px solid #CCC;
       -moz-border-radius:5px; /* Firefox */
        -webkit-border-radius:5px; /* Safari, Chrome */
        -khtml-border-radius:5px; /* Konqueror */
        border-radius:5px; /* CSS3 */  
        background: #F5F5F5;
        border-collapse:collapse;
    }
    
    #formContainer .clLine {
        border-top: 1px solid #CCC; 
        padding: 0;
    }
    
    #formContainer .billingBlock{
        padding:0;
    }
    
    #formContainer .billingTableHeaderLeft{
        text-align: left;
        font-weight: bold;
        padding: 15px 0 10px 0;
    }
    
    
    #holder {
/*        min-height:350px !important; 
        min-height:10px !important; */
        
    }
    
    #formContentLeft {
        padding: 0 0 0 10px;
        float:left ;         /*ZERSTOERT MIN_HEIGHT*/
        width: 480px;
        display: block;
        }
    
     #formContentLeft h2{
        font-size: 1.25em;
        color:#666;
        font-weight: normal;
        padding: 0 0 0 0px;
        margin:0;
    }
    
     #formContentLeft h2 span.bankSpan{
        font-size: 0.85em;
        color:#666;
        font-weight: normal;
        padding: 0 0 0 0px;
        margin:0;
        width: 200px;
        display: block;
        float:left;
    }
     #formContentLeft h2 span.bankSpanLnk_pdf a.btnSmall{
        font-size: 0.8em;
            margin:0px 0 0 0;
            text-decoration: none;
            text-decoration: none;
            padding: .75em .5em .75em .5em;
            line-height: 1.25em;
            color: #9e9fa7;
            text-decoration: none;
            border-radius: 4px;
            text-align: center; 
            border: 1px solid #CCC;
            display:block;
            width:200px;
            float:left;  
    }
     #formContentLeft span.spanQRLnkDL{
            font-size: 1.5em;
            margin:0px 0 0 0;
            text-decoration: none;
            text-decoration: none;
            padding: .25em .5em .25em .5em;
            color: #666;
            text-decoration: none;
            display:block;
            width:450px;    
            }
            #formContentLeft span.spanQRLnkDL a.btnSmall{
                   font-size: 0.5em;
                   margin:0px 0 0 0;
                   text-decoration: none;
                   text-decoration: none;
                   padding: .75em .5em .75em .5em;
                   line-height: 1.25em;
                   color: #9e9fa7;
                   text-decoration: none;
                   border-radius: 4px;
                   text-align: center; 
                   border: 1px solid #CCC;
                   display:block;
                   width:100px;
                   float:right;  
                   }
                   
                   
                    #formContentLeft span.spanQRLnkDL a.btnSmall:hover{
                            color: #fff;   
                            background: #9e9fa7;
                    }
    .selBranchActive{
        color: #fff;   
        background-color: #333 !important;
     }
    
    
        
        
     #formContentLeft span.spanQRLnk a.btnSmall{
        font-size: 0.75em;
            margin:0px 5px 0 1em;
            text-decoration: none;
            text-decoration: none;
            padding: .65em 0.35em .65em 0;
            line-height: 1.25em;
            color: #9e9fa7;
            text-decoration: none;
            border-radius: 4px;
            text-align: center; 
            border: 1px solid #CCC;
            display:block;
            width:175px;
            float:right;
            background: #fff url('images/qrcode-icon.png') 2px 1px no-repeat;
    }
     #formContentLeft span.spanPICLnk a.btnSmall{
        font-size: 0.75em;
            margin:0px 5px 0 0.5em;
            text-decoration: none;
            text-decoration: none;
            padding: .65em 0.35em .65em 0;
            line-height: 1.25em;
            color: #9e9fa7;
            text-decoration: none;
            border-radius: 4px;
            text-align: center; 
            border: 1px solid #CCC;
            display:block;
            width:70px;
            float:right;
/*            background: #fff url('images/qrcode-icon.png') 2px 1px no-repeat;*/
            z-index: 4;
    }
     #formContentLeft span.spanPICLnkL a.btnSmall{
        font-size: 0.75em;
            margin:0px 5px 0 0em;
            text-decoration: none;
            text-decoration: none;
            padding: .65em 0.35em .65em 0;
            line-height: 1.25em;
            color: #9e9fa7;
            text-decoration: none;
            border-radius: 4px;
            text-align: center; 
            border: 1px solid #CCC;
            
            display:block;
            width:170px;
            float:left;
/*            background: #fff url('images/qrcode-icon.png') 2px 1px no-repeat;*/
    }
    
    
    
 #formContentLeft h2 span.spanQRLnk a.btnSmall:hover{
            color: #fff;   
            background: #9e9fa7 url('images/qrcode-icon.png') 2px -41px no-repeat;
    }
 #formContentLeft h2 span.bankSpanLnk_pdf a.btnSmall:hover, #formContentLeft span.spanPICLnk a.btnSmall:hover, #formContentLeft span.spanPICLnkL a.btnSmall:hover {
            color: #fff;   
            background: #9e9fa7;
    }

    
    
    
    
    #formContentRight {
       padding: 0 0 0 0px;
        float:right;
        width: 400px;
    }

    #footer {
        width:900px;
        font-size:0.75em;
        color:#c0c0c0;	
/*        height:115px;*/
        margin:2em auto 0em auto;
        border: 1px solid #CCC;
        -moz-border-radius:10px; /* Firefox */
        -webkit-border-radius:10px; /* Safari, Chrome */
        -khtml-border-radius:10px; /* Konqueror */
        border-radius:10px; /* CSS3 */  
        background: #fff;   
        }
        
        #footer p.tiny {
            color: #9e9fa7;	
            padding: 0 10px 10px 10px;
        }
        
        #footer p.tiny span.cright {
            color:#E90862;  /*TMOBILE*/
           padding: 0 1em 0 0;
        }
        #footer p.tiny span.user {
            color: #666;
           
        }
        
        
        

        #footer .navHolder {
            display:block; 
            height:35px;
        }

        #footer .navigation {
            margin: 14px 0 0 0;
            list-style: none;
            float: right;
        }
            #footer .navigation li {
                float: left;
                margin-left: 8px;
            }
                #footer .navigation li a {  
                    text-decoration: none;
                    color: #9e9fa7;
                    text-decoration: none;
                    padding: .65em 1em .65em 1em;
                    font-size: 1.25em;
                    line-height: 1.25em;
                    display: block;
                    background: #FFF;
                    border-radius: 4px;
                    text-align: center;
                }
                    #footer .navigation li a:hover, #footer .navigation li a.active {
                        color: #FFF;
                        text-decoration: none;
                        background: #9e9fa7;
                        box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);
                    }
                    #footer .navigation li a.active {
                        text-shadow: 0 1px 0px #4E4F53;
                    }
                        #footer .navigation li a:hover {
                            box-shadow: none;
                        }
                        #footer .navigation li a.active:hover {
                            box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);
                        }
            
            
    #header {
        display: block;
        height: 95px;	 /*65*/
        padding:0 0 0 0;
        margin:0 auto 2em auto;
        width: 900px;
        border: 1px solid #CCC;
        -moz-border-radius:10px;   
        -webkit-border-radius:10px;  
        -khtml-border-radius:10px;   
        border-radius:0 0 10px 10px; 
        
        
        
        
/*        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;

        border-top-left-radius: 0em;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;

        behavior:url(border-radius.htc);*/
  
        
/*       
    border-radius:10px 0 20px 30px;
    width:900px; 
    height:65px;*/
    
  
  
    background: #fff url('images/logo_head5.png') 10px 10px no-repeat;
        
}


    #slogan_logo {
        float:left;
    } 
   #slogan_logo h1{
        font-size:2.5em;
        display:inline;
        padding:0;
        margin:0; 
    }
    #slogan_logo a{
        text-decoration: none;
        color:#000;
        display:inline;
        display: block;
        height: 65px;
        width:150px;	
    }
    
    #slogan_logo h2{
        font-size:10px; 
        font-weight: 400;
        color:#ccc;
        padding:0;
        margin:0;
    }
    
    #header .navigation, #errorP .navigation{
        margin: 26px 14px 0 0;
        list-style: none;
        float: right;
    }
        #header .navigation li, #errorP .navigation li {
            float: left;
            margin-left: 8px;
        }
            #header .navigation li a, #errorP .navigation li a {  
                text-decoration: none;
                color: #696e75;
                text-decoration: none;
                padding: .65em 1em .65em 1em;
                font-size: 16px;
                line-height: 16px;
                display: block;
                background: #FFF;
                border-radius: 4px;
                text-align: center;
            }
                #header .navigation li a:hover, #header .navigation li a.active, #errorP .navigation li a:hover {
                    color: #FFF;
                    text-decoration: none;
                    background: #9e9fa7;
                    box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);
                }
                #header .navigation li a.active {
                    text-shadow: 0 1px 0px #4E4F53;
                }
                    #header .navigation li a:hover {
                        box-shadow: none;
                    }
                    #header .navigation li a.active:hover {
                        box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);
                    }
                    
                    #header .navigation li a.topBasket {
                        color: #FFF;
                        font-size: 0.8em;
                        display:block;
                        height: 20px;
                        text-indent: -5px;
                        width: 18px;
                        background:url('./images/basket.png') 4px 0px no-repeat; 
                        
                        
                    }
                    #header .navigation li a.topBasket:hover {
                        color: #000;
                        text-decoration: none;
                        background: #9e9fa7 url('./images/basket.png') 4px -30px no-repeat; 
                        box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);
                    }
                    
                    .htmlDiv {
                        border: 1px dotted #9e9fa7;
                        padding: 1em;
                        margin-bottom: 1em;
                        margin-right: 1em;
                        float: left;
                        width: 611px;
                    }                    
                    
/*navigation fur submenues                */
#tabNavigation {
    display: block;
    height:3.5em;
/*   margin: 0 15px 15px 15px;*/
    
}
    #tabNavigation .tabNavigation {
        margin: 5px 0 0 0;
        list-style: none;
        float: left;
    }
    #tabNavigation ul {
        padding-left:0;
        padding-bottom: 1em;
        
    }
    #tabNavigation .tabNavigation li {
        float: left;
        cursor: pointer;
    }
                #tabNavigation .tabNavigation li a {                     
                    position: relative;
                    text-decoration: none;
                    padding: 0.5em 1em 0.5em 1em;
                    margin: 10px 0em 2em 0;
                    color: #3d3d3d;
                    border-top: 1px solid #b1b1b1;
                    border-right: 0px solid #b1b1b1;
                    border-left: 1px solid #b1b1b1;
                    border-bottom: 1px solid #b1b1b1;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
                    background-color: #f0f0f0;
                    text-decoration: none;
                    text-shadow: 0 -1px 1px #ffffff !important;
                }
                
                
                
                
                
                
                    #tabNavigation .tabNavigation li a:hover, #tabNavigation .tabNavigation li a.active, #tabNavigation .tabNavigation li a.isActive {
                        color: #000;
                        text-decoration: none;
                        background: #fff;
                        border-bottom: 1px solid #fff;
/*                        box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);*/
                    }
                    #tabNavigation .tabNavigation li a.active {
                        text-shadow: 0 1px 0px #4E4F53;
                    }
                        #tabNavigation .tabNavigation li a:hover {
                            box-shadow: none;
                        }
                        #tabNavigation .tabNavigation li a.active:hover {
                            box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,.33);
                        }
                        
                        
        #tabNavigation .tabNavigation li a.last {
            border-right: 1px solid #b1b1b1;
    }                
       
        #virtuallChildren {
            width: 250px;
            height :500px;
            border: 1px dotted silver;
            float: right;
            margin-right: 15px;
        }
        
        #imageContainer {
            width: 425px;
            height :500px;
            border: 1px dotted silver;
            float: right;
            margin-right: 15px;
        }
       

        
        
/*	#main{
            padding-right: 0;
            width:650px;
	}*/
        
/*        #content h1, .prettyContent h1 {
            font-size: 2.0em;
            color:#942a25; 
            font-weight:normal; 
        }*/
        #content h1 span.small {
            display:block;
            font-size: 0.5em;
            color: #666;
            margin-bottom:0.5em;
            padding-left:1em;
            font-weight:normal;
            font-style: italic;
        }
        
        .htmlDivContent.img ,#content img{
            -moz-border-radius:5px; /* Firefox */
            -webkit-border-radius:5px; /* Safari, Chrome */
            -khtml-border-radius:5px ; /* Konqueror */
            border-radius:5px; /* CSS3 */	
            -moz-box-shadow: 3px 3px 3px  rgb(100,100,100);
            -webkit-box-shadow: 3px 3px 3px  rgb(100,100,100);
            box-shadow: 3px 3px 3px rgb(100,100,100);  
            }
        
    .mce-container-body a     {      
    font-family: Quicksand, sommet-slab-1, sommet-slab-2, Georgia, serif;
    color: #008DA7;
    letter-spacing: -0.05em;
    font-size: 1.25em;
    text-decoration: underline;
    
 } 
            
            
        #content h3 {
            font-size: 1.20em;
            color:#6699ff;  /*BLAU*/
            color:#DE4013;  /*ORANGE*/
            color:#E90862;  /*TMOBILE*/
            margin-bottom:0.25em;
            margin-top:0.25em;
            font-weight:normal; 
        } 
        #content h1 span.sml, h1 span.sml {
            font-size: 0.75em;
            color:#9e9fa7; 
            margin-bottom:0.25em;
            margin-top:0.25em;
            font-weight:normal; 
           
        } 
         #content h1.sml_caption {
           margin-bottom:0em;
           margin-top:0em;
           padding:0 0 0 5px;
           
        } 
         #content h1 span.sml_caption {
            font-size: 0.6em;
            color:#E90862;  /*TMOBILE*/
            margin-bottom:0em;
            margin-top:0em;
            padding:0 0 0 5px;
            font-weight:normal; 
        } 
       
        
        .element {
            margin-bottom: 1em;
            display: block;
            height: 2.5em;
                
        }
        
        .element .submit_button {
            margin: .5em 0 .5em 11em; /*dt with + maring (1em) + padding 0.5 em; */
            text-decoration: none;
            color: #696e75;
            text-decoration: none;
            padding: .5em 1em .5em 1em;
            font-size: 1em;
            line-height: 1em;
            display: block;
            background: #FFF;
            border-radius: 4px;
            text-align: center;
        }
        
        .element .submit_button:hover{
            color: #fff;
            background: #9e9fa7;
        }
        
        
        .elementLeft .submit_buttonR {
            margin: 5px 0 15px 15px;
            padding: 2px 12px 2px 12px; 
            
        }
	
	

	
/* http://css-tricks.com/examples/ButtonMaker/# */




.button{
    cursor: pointer;
    color: #9858c9;
    font-size: 1em;
    /*font-family: 'Waiting for the Sunrise';*/
    text-decoration: none;
   	}
	   
.button:hover {
    text-decoration: underline;
   }
   
   
/* FORMS
 * -------------------------------------------------------------------------
 */  
 
 p.form_txt_info {
     padding: 0.5em;
     font-size: 0.9em;
     color: #666;
 }

form dl.myform {
    margin: 1em 0 0 0;
    padding: 0.5em;
}

form dl.loginForm{
    width: 550px;
    margin: auto;
    
} 


#barcode{
    position: absolute;
    top: calc(100% - 10px);
    right: 10px;
}



.leftFloatingElement {
    /*float:left;*/
    position: absolute;
    /*top:10px;*/ 
    padding-bottom: 5em !important;
}


#adminarticle_update.hidden {
    visibility: hidden;
}

#user_id dl.myform, #usercontactsblock_update dl.myform{
  padding-right:0;
  width:480px;
  font-family: Arial, sans-serif;
}
#usercontactsblock_update dl.myform textarea{
  font-family: Arial, sans-serif;
}



#user_id dl.myform dd input,#user_id dl.myform dd select, #user_id dl.myform dd textarea, #usercontactsblock_update dl.myform dd input, #usercontactsblock_update dl.myform select, #usercontactsblock_update dl.myform textarea{
    width: 310px;
    /*font-family: Arial, sans-serif;*/
    font-size:1em;  
}

#chkUserQR_dd {
     font-size: 1.25em; 
        line-height: 1.5em;
        color: #4E4F53;
        padding-left: 0;
    margin-left: 0;
}
#chkUserQR{
    width: 190px;
    font-family: Arial, sans-serif;
    font-size:20px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px; 
    width: 280px; 
    border: 1px solid #CCC;
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33) inset;*/
    padding: 8px 4px 8px 8px;
    color:#4E4F53;
}


#textContainer p span.chkUserQR_resp{
     font-size:14px;
     padding-left: 2em;
     font-style: italic;
}

#textContainer a.btnSmall{
    background: none repeat scroll 0 0 #ECECEC;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #9E9FA7;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.25em;
    margin: 5px 0 0;
    padding: 1em 0.5em;
    text-align: center;
    text-decoration: none;
    width: 220px;
    
}

#textContainer a.btnSmall:hover {
    color: #FFF;
    background:#9e9fa7;
    text-shadow: 0 -1px 1px #9E9FA7;
    cursor:pointer;
}



#usercontactsblock_update dl.myform textarea.areaOneRow{
    height:1em;
}

#user_id dl.myform dd select{
  width: 322px;
}
#user_id dl.myform input.inputSmallLeft{
  width: 105px;
}
#user_id dl.myform input.inputNullLeft{
  width: 1px;
  z-index: 2;
  cursor: pointer;
}


#basket-loader_load{
    position:relative;
    width:31px;
/*    margin-left:225px;*/
    height:31px;
    display:block;
    float: right;
    background: url('./images/system/loader.gif') center center no-repeat;
/*    opacity: 0.5;*/
}


#usercontactsblock_update dl.myform input.wwSmall {             
   width: 310px; 
    padding: 8px 4px 8px 8px;
    }
#usercontactsblock_update dl.myform input.wwSmallHidden {             
   width: 310px; 
    padding: 8px 4px 8px 8px;
    display: none;
    }
#usercontactsblock_update dl.myform input.wwTiny {             
    width: 15px; 
    padding: 8px 4px 8px 8px;
    }
#usercontactsblock_update dl.myform select.wwTiny {             
    width: 125px; 
    padding: 8px 4px 8px 8px;
    }
    
#usercontactsblock_update dl.myform input.hidddenContactCaption {             
    display: none;
    }
  
    


    
    
    #formButtonContainer{
        margin-top: 0;
        height:50px;
        display: block;
        margin: 0;
        border-bottom: 1px solid silver;
        background-color: #ECECEC;
    }
    
    #formButtonContainer.templateArticle{
        background-color: #ccccff;
    }

    
    
    
    #formButtonContainer span.caption{
         float: left;  
         padding-left:35px;
         margin:15px;  
    }
    #formButtonContainer span.caption h3{
         display: inline;
    }
    
    #formButtonContainer span.caption h4{
         display: inline;
    }
    
    #formButtonContainer span.caption:before{
        /*content:"Achtung!";color:#ff0000;*/
       float: left; 
       background-image: url('images/symbols_logo.png');
       background-position: -15px -645px;
       width: 45px;
       content: " ";
       position: absolute;
       left: 0px;
       top: 0px;
       height:75px;   
    }
    #formButtonContainer span.caption h1{
        color:#005ACC;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #formButtonContainer span.caption h2{
        color:#005ACC;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 1.5em;
    }
    
    
    #formButtonContainer .headBtn{
        float: right;
        margin-right: 2em;
    }


/*
BUTTONS
*/

    #formButtonContainer .btnSmall{
        padding: 0.25em 0.5em;
        margin: 10px 0.5em 2em 0;
        color: #3d3d3d;
        border: 1px solid #b1b1b1;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
        background-color: #f0f0f0;
        text-decoration: none;
        text-shadow: 0 -1px 1px #ffffff !important;
    }
        #formButtonContainer .btnSmall:hover {
            color: #3d3d3d !important;
            background:#d9d9d9 !important;
        }
        
        #formButtonContainer a:first {
            margin-right: 1.5em;
        }
        
    #formButtonContainer .btnSmallDisabled{
        text-decoration: line-through !important;        
    }    
    #formButtonContainer .btnSmallDisabled:hover{      
        color: #3d3d3d !important;  
        background-color: #f0f0f0;
        cursor: text;
    }    
    
    #formButtonContainer .primBtn , .a_toolbox_config.primBtn{
        min-width: 50px;
        border: 1px solid #b1b1b1;  
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
        text-decoration: none;
        color: #ffffff !important;
        border: 1px solid #b1b1b1;
        background-color: #4282D9 !important;
        text-shadow: 0 -1px 1px #333333 !important;
    }   
        #formButtonContainer .primBtn:hover{        
            /*background: #449d44 !important;*/
            text-shadow: 0 0 0 #333333 !important;
            /*color: #FFF !important;*/
            color: #3d3d3d !important;
            background:#d9d9d9 !important;
        }
        
        /*#articleDelete  a:hover{        
            background: #B4142F !important;
            text-shadow: 0 -1px 1px #333333 !important;
            color: #FFF !important;
        }*/
        
    #formButtonContainer .last{
        margin-right: 1em;
    }
    
    
    
    .a_toolbox_config .primBtn{
        min-width: 50px;
        border: 1px solid #b1b1b1;  
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
        text-decoration: none;
        color: #ffffff !important;
        border: 1px solid #b1b1b1;
        background-color: #4282D9 !important;
        text-shadow: 0 -1px 1px #333333 !important;
    }   
        .a_toolbox_config  .primBtn:hover{        
            background: #0044cc !important;
            text-shadow: 0 -1px 1px #333333 !important;
            color: #FFF !important;
        }
        
    


        
        
        
        

        #innerContainer {
            margin: 0 15px 15px 15px;
        }


.tabDiv {
    padding:0;
    display:block;
    height:250px;
}
.tabDivHidden {
    display:none;
}

	


#fileToUpload {
    opacity: 1;
    position: relative;
    text-align: center;
    z-index: 2;
    width: 100%;
    display: block;
    cursor: pointer;
    font-family: nexalight, Arial, sans-serif !important;
    border: none;
    background-color: transparent;
}

/*#fileToUpload.btnSmall {
    font-size: 1.1em;
    opacity: 0;
    position: relative;
    text-align: right;
    z-index: 2;
    width: 150px;
    display: block;
}*/
	
input.file.hidden{
     width: 0;
}
	
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/*dl.myform input:not(#incoice_notes),
dl.myform textarea, dl.myform select, 
input.config_input, 
input:not(#incoice_notes) {             
    width: 240px; 
    border: 1px dotted #b1b1b1;
    padding: 0.5em;
    margin: 0.0em 0 0.5em 0;
    -webkit-appearance: none;
    -webkit-border-radius:0px;   
    }*/
    
dl.myform input:not(#incoice_notes):not(.indicator),
dl.myform textarea, dl.myform select, 
input.config_input, 
input:not(.incoice_notes) {             
    width: 240px; 
    /*width: 100px;*/ 
    border: 1px dotted #b1b1b1;
    padding: 0.5em;
    margin: 0.0em 0 0.5em 0;
    -webkit-appearance: none;
    -webkit-border-radius:0px; 
    
    /*20240404*/
    width: 295px; 

    
    }
    
input.searchKunde {   
    /* width: 100px; */
    border: 1px dotted #b1b1b1;
    padding: 0.25em;
    margin: 0.0em 0 0.0em 1em;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    width: 100px !important;
    /* float: left; */
    display: inline-block !important;
    position: relative;
    top: 0;
    font-size: 1.125em;
    
        /* width: 100px; */
    border: 1px dotted #b1b1b1;
    padding: 0.5em;
    margin: 0.0em 0 0.0em 1em;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    width: 130px !important;
    /* float: left; */
    display: inline-block !important;
    /* position: relative; */
    /* top: 0; */
    font-size: 0.90em;
    border-radius: 0.25em;
    
}    
  
#searchKundeReset {
    color: #fff;
    clear: both !important;
    right: 10px;
    position: absolute;
}

    
dl.loginForm input{             
    width:240px !important;
    border: none;  
    -webkit-appearance: none;
    -webkit-border-radius:0px;
    
    margin: 0.25em 0 0.25em 0 !important;
    padding:1em 1em 1em 1em;        
    font-size: 1.00em !important;        
    }
    
.loginForm table{                 
    margin: 0.25em 0 0.25em 0 !important;
    padding:0.5em 0.5em 0.5em 0.5em; 
    background: #000;
        
    }
    
.loginForm input{             
    width:240px !important;
    border: none;  
    -webkit-appearance: none;
    -webkit-border-radius:0px;
    
    margin: 0.25em 0 0.25em 0 !important;
    padding:1em 1em 1em 1em;        
    font-size: 1.25em !important;        
    }
    
.loginForm .btnSmallLogin{             
    width:240px !important;
    border: none;  
    -webkit-appearance: none;
    -webkit-border-radius:0px;
    
    margin: 0.25em 0 0.25em 0 !important;
    padding:1em 1em 1em 1em;        
    font-size: 1.20em !important;        
    background-color: #0068A4;
    }
.loginForm .btnSmallLogin:hover{             
    color: #fff;   
    background-color: #0068A4;
    color: #000;
    background-color: #fff;
    }
  
.loginForm .btnSmallLoginShowAsLink{             
    /*margin: 0.25em 0 0.25em 0 !important;
    padding:1em 1em 1em 1em; */       
    font-size: 1.00em !important;   
    text-align: right;
    border-bottom: none;
    }
.loginForm .btnSmallLoginShowAsLink:hover{             
    /*margin: 0.25em 0 0.25em 0 !important;
    padding:1em 1em 1em 1em; */       
    font-size: 1.00em !important;   
    color: #0068A4;
    }
.loginForm span,                   
.loginForm span a{                   
    color: #fff;
    text-decoration: none;
    }
.loginForm span a:hover{                   
       /*text-decoration: underline;*/
       color: #0068A4 !important;
    }
  

    
dl.loginForm input:focus{
    border: none;
}        
.loginForm input:focus{
    border: none;
}        
.loginForm td{
    border: none;
}        
  

#user_login .formTdRightAllNoBorder  {
    border:none !important;
}


.inpForgtoPw::before { /* WebKit, Blink, Edge */
    color: #A0A0A0;
    font-size: 1.00em;
    padding: 0;
}

.inpForgtoPw::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #A0A0A0;
    font-size: 1.00em;
    padding: 0;
}
.inpForgtoPw:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A0A0A0;
    font-size: 1.00em;
    padding: 0;
   opacity:  1;
}
.inpForgtoPw::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #A0A0A0;
  font-size: 1.00em;
   opacity:  1;
    padding: 0;
}
.inpForgtoPw:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #A0A0A0;
    font-size: 1.00em;
    padding: 0;
}

    
    
dl.myform select {             
  /*  -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px; */
    width: 240px; 
    width: 295px;       /*20200812*/
    border: 1px dotted #b1b1b1;
    padding: 0.5em;
    margin: 0.0em 0 0.5em 0;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
     line-height: 1.5em;
     background: #EEE url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 95% 50%;
    }
    
    .btnShop {
        cursor: pointer;
        padding: 0.75em 0.5em 0.75em 0.5em;       
        margin: 0.5em 0 0.5em 0.5em !important;
        color: #fff;
        /*border-radius: 0.3em;*/
    }    
    .btnShop i{
        padding: 0.50em 0.50em 0.50em 0.50em;
        font-size: 125%;
    }    
    .sndBtn {
        margin-left: 0 !important;
    }
    
    #prodQty {
        padding: 0.25em 1em 0.25em 1em;
        background-color: #fff;
        color: #000;
        font-weight: bold;
    }
    
    .rpBtn {
        cursor: pointer;
        padding: 0.75em 1em 0.75em 1em;   
        margin: 2em 0 2em 1em !important;
        color: #FFF !important;
        text-decoration: none;
        font-size: 0.85em !important;
        font-weight: bold;
        border-radius: 0.3em; 
        border: 1px solid #b1b1b1 !important;
        background-color: #A7A7A2;
    }
    /*.rpBtn:hover {
        background-color: #000;              
    }*/
    
    .rpBtnActive {
        cursor: pointer;
        padding: 0.75em 1em 0.75em 1em;   
        margin: 2em 0 2em 1em !important;
        color: #FFF !important;
        text-decoration: none;
        font-size: 0.85em !important;
        font-weight: bold;
        border-radius: 2px;  
        border: 1px solid #b1b1b1 !important;
        background-color: #000;
    }
    
    .rpBtnSelect {
        margin: 0.5em 0 0.5em 1em !important;
        border:none;
        background-color: #A7A7A2;
        color: #fff;
        font-weight: bold;
        outline-width: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
    }
    
        /*@media only screen    
        and (min-device-width : 360px)
        and (orientation : landscape) {                       
            .rpBtnMob{
                display: none !important;
            }            
        } */
        
        #isLoyaltiy_M {
            display: none !important;
        }
        .rpBtnSelectHidden {
            display: none !important;
        }
        
        /*#isLoyaltiy_M {
            display: none !important;
        }*/
        
         @media only screen and (max-width: 480px) {          
            #isLoyaltiy_D {            
                display: none !important;
                color: blue;
            }  
             #isLoyaltiy_M {
            display: inline !important;
            }
        }  
        
       

    
    
    
    .okBtn {
        margin-left: 1em !important;
        padding: 0.75em 1em 0.75em 1em;     
    }
    .okBtn i {
        padding: 0.5em 1.5em 0.5em 1.5em;
    }
    
   
    span.invDetail {
        /*font-size: 0.75em;*/
        /*font-style: italic;*/
        color: #666;
        margin: 0.5em 0 0em 0.5em !important; 
        display: block;
    }
    
   .btnShop a:hover, a:active, a:focus {
        outline: none;
        border: 0;
    } 
    
    
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {      
   .btnShop {
        cursor: pointer;
        padding: 0.75em 2.00em 0.75em 2.00em;       
        margin: 0.5em 0 0.5em 0.5em !important;
    }  
}
@media only screen
and (min-device-width : 650px) {      
   .btnShop {
        cursor: pointer;
        padding: 0.75em 3em 0.75em 3em;       
        margin: 0.5em 0 0.5em 0.5em !important;
    }  
}
    
    
    
input.wHidden {                 
    width: 1px; 
    border:0;
    background-color: #fff;
    }    
input.w40 {             
    width: 40px; 
    }    
input.w15 {             
    width: 15px; 
    }    
input.w25 {             
    width: 25px; 
    }    
input.w35 {             
    width: 35px; 
    }    
    
dl.myform input.w120 {             
    width: 120px; 
    }

    
 dl.myform input.indicator {             
    height: 7px; 
    border:none;
    margin-left:10px;
    background-image: url('/images/indicator.png');
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 0;
    background-position-x: 280px; 
    padding: 0;
    border-radius: 7px; 
  
    }
 dl.myform input.ro {             
    width: 10px !important;
    height:10px;
    border-radius: 100%;
    padding: 0;
    }
    
 dl.myform i.indicatorico {                
    padding: 0 0 0 1em;
    font-size: 1.25em;
    }
 dl.myform i.ok {                
    color: #00bf00;
    }
 dl.myform i.false {                
    color: #DE4013;
    }
    
  
    
dl.myform input.w280,             
dl.myform textarea.w280,             
td input.w280 {             
    width: 280px; 
    width: 296px; 
    }
    
dl.myform input.dblHeight,             
dl.myform textarea.dblHeight,             
td input.w280 {             
    width: 280px; 
    width: 296px; 
    height: 500px;
    }
    
    dl.myform textarea.dblHeight::first-line {
        color:#FF7034;
        
    }
    
    
dl.myform input.intfld,             
dl.myform textarea.intfld,             
td input.intfld {             
    background-color: #fcefa1;
    }
                
dl.myform select.w280rksv,           
dl.myform input.w280rksv{             
    background-color: orange;
}
    

    
dl.myform input.w280aes,            
dl.myform textarea.w280aes{             
    font-size: 0.75em !important;
    padding-top: 0.73em !important;
    padding-bottom: 0.73em !important;
    

    }
    
dl.myform input.w280aeskey,            
dl.myform textarea.w280aeskey{             
    font-size: 0.75em !important;
    padding-top: 0.73em !important;
    padding-bottom: 0.73em !important;
    width: 330px !important;

    }
    
dl.myform input.w280aeserr,            
dl.myform textarea.w280aeserr{             
    font-size: 0.75em !important;
    padding-top: 0.73em !important;
    padding-bottom: 0.73em !important;
    background-color:#000;
    color:white;
    }
    
    
dl.myform a.a140{
    padding: 0.5em;
    display: block;
    background-color: lightslategray;
    border-radius: 0.25em;
    width: 150px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    align-content: center;
    width: 150px;
    border: 1px dotted;
}
    

dl.myform p.p140{
      padding: 1em 0;
    margin: 0;
    /* display: inline-block; */
    width: 350px;
    font-size: 0.9em;
    font-style: italic;
    float: right;
}


dl.myform input.w140,             
td input.w140 {             
    width: 140px !important;
    }
dl.myform input.w90,             
td input.w90 {             
    width: 90px; 
    }
dl.myform input.w110,             
span.w110,             
td input.w110 {             
    width: 115px; 
    }
    
td input.w70 {             
    width: 70px !important;
    padding: 0.5em;
    text-align: right;
    }
    
td input.w40 {             
    width: 40px !important;
    /*display: block; */
    padding: 0.5em;
    text-align: right;
    }

td input.w150,        
span.w150 {             
    width: 150px !important;
    display: block; 
    float: left;
    margin: 0 1em 0.50em 0;
    }
span.w150 {               
    margin: 0 1em 0.0em 0;
    }
        
span.w150:hover {             
    color: #000 !important;
    cursor: text !important;
    }
    span.boldSpan {
        font-weight: bold;
    }    
    span.smallSpan {
        font-size: 0.80em;
    }    
    
    
dl.myform input.w120,             
td input.w120 {             
    width: 120px; 
    }
  
 .w280loglist,   
#logfilter {
    width: 200px;
    font-size: 1em;
    font-family: 'nexa light';
    font-weight: normal;
    padding: 0.5em 1em 0.5em 1em !important;
    margin: 0em 0 0.5em 2em !important;
    border-radius: 5px;
    color: #000;
    background: #e2e2e2 !important;
    padding: 0.5em !important;
    border-radius: 0.25em;
    }  
    
    
dl.myform select.w280 {             
    width: 296px;     
    }
dl.myform select.w150 {             
    width: 165px;     
    }
dl.myform select.w255 {             
    width: 255px;     
    }
     
    
input.config_input {             
   margin-top: 0;
   margin-right: 1em;
   width: 350px; 
   outline-width: 0;
   padding: 0.5em;
   font-size: 1.09em;
  /* font-family: verdana;*/
   border-radius:0;
    }
input.config_input:focus {             
   border: 1px solid #000000;
    }
input.config_input_dirty, input.config_input_dirty:focus {             
   border: 1px solid #fbb450;
    }
    span.config_ele_oldvalue {
        display: none;
    }
    a.config_ele, a.btnSmall_save_value {
        color: #fff;
    }
    
    span.config_ele a.btnSmall, span a.btnSmall {
          padding: 0.35em;
          margin: 0;
        
    }
    
dl.myform :focus{        
    outline:none;
    box-shadow:none;
    border-color:transparent;
    }
    

    dl.myform textarea.h75 {
        height: 75px;
    }    
    
    dt.test {
        padding: 0; 
        margin: 0;
    }
   

    
    
    
 dl.myform input[type="radio"] {             
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px; 
    width: 20px; 
    border: 1px solid #CCC;
    padding: 8px 4px 8px 8px;
    color: #000000;
    margin-left: 50px;
    }
 dl.myform label {             
    color: #000000;
    color: #666;
    }
    
 dl.myform label.dirtyField {              
    color: orange;
    }
    
    
#grp_ses_Datas-element,           
#grp_sesyes_Datas-element,           
#grp_sesbeforeyes_Datas-element,           
#grp_log_Datas-element {              
    width: calc(100% - 2em);
    }
    
 dl.myform p.userlogcontent,            
 dl.myform p.usersescontent,             
 dl.myform p.usersesyescontent,              
 dl.myform p.usersesbeforeyescontent {              
    font-size: 0.75em;
    line-height: 1.75em;
    }
    
    
    #sesbeforeyescontentsessions {
        
    }
    
    #sesbeforeyescontentsessions tr {
        line-height: 1.0em;
        font-size: 1.25em;
    }     
    #sesbeforeyescontentsessions td {
        /*padding: 0.5em 0 0.5em 0;*/
        width: 30%;
        /*text-wrap: nowrap;*/
        padding-right: 1em;
    }  
    
    #sesbeforeyescontentsessions td:nth-child(1) {
        width: 15%;
        
       
    }  
    
    
    #sesbeforeyescontentsessions tr:hover td{
       color: white;
       background-color: #888;
    }     
    
    #sesbeforeyescontentsessions td:nth-child(4)  {
        width: 10%;
        
    }  
    #sesbeforeyescontentsessions td:nth-child(4) i {
      
        font-size: 1.5em;
        color: #999;
        padding-right: 1em;
    }  
/*    #sesbeforeyescontentsessions td.logduration td {
      
        font-size: 1.5em;
        color: #999;
        padding-right: 1em;
    }  */
    
    
    
    
    .styled-table {
    border-collapse: collapse;
    margin: 1em;
    font-size: 0.9em;
  
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    font-family: 'nexalight';
    z-index:99;
    position: relative;
}
    

.styled-table thead tr {
    background-color: lightyellow;
    color: #c4c4c4;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table .logduration {
    width: 12em !important;
}
.styled-table .logtime {
    width: 15em !important;
    white-space: nowrap;
}
.styled-table .logcity {
    width: 30em !important;
    white-space: nowrap;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 1px solid #c4c4c4;
}



 .drop-content dl.myform label {             
    color: #fff;
    }
 .drop-content h1.mnu_titel{             
    font-size: 1.50em;
    }
 .drop-content h1.mnu_titel span{             
    font-size: 0.75em;
    padding: 0 0 0 1em;
    }
 .drop-content h1.mnu_titel,             
 .drop-content h1.mnu_titel span{             
    color: #fff;
    }
    
    
    
 dl.myform label.required:after {             
    content: " * "; color: firebrick; font-size: 1.00em; 
    }
       
   
    
    
dl.myform input.wSmall {             
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px; 
    width: 50px; 
    border: 1px solid #CCC;
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33) inset;*/
    padding: 8px 4px 8px 8px;
    }
    
dl.myform input.wwSmall {             
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px; 
    width: 89px; 
    border: 1px solid #CCC;
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33) inset;*/
    padding: 8px 4px 8px 8px;
    }
dl.myform input.wwTiny {             
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px; 
    width: 18px; 
    border: 1px solid #CCC;
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33) inset;*/
    padding: 8px 4px 8px 8px;
    }

    
    
    .myform p.subFormCaption {
        padding: 0;
        margin: 0;    
    }  
    
    .myform .dontShow {
        display: none;
    }
    
    .myform .subFormBlock {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        width:650px;
    }
    /*
    .myform #fieldset-invoiceData {
         padding-top: 0;
        margin-top: 0;
    }*/
    
    dl.myform input.protected, dl.myform textarea.protected {             
        border: 1px solid #c0c0c0;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.33) inset;
        color: #9e9fa7;
    }
    
    
    
.myform fieldset {
    margin: 0;
    margin-bottom: 3em;
    padding: 0 0 50px 0;
}   

    #cont_unfinUsers fieldset {
        margin-bottom: 3em !important;
    }



.myform dt.hidden, .myform select.hidden, .myform input.hidden, #tabNavigation .tabNavigation li.hidden{
    display:none;
}    



dl.myform dd.radio input { width: auto; }
	
dl.myform textarea { 
font-family: Arial, sans-serif;
font-size:13px;
    }
	
    


	
.myform input:focus, .myform textarea:focus {
	border: 1px solid #000000;
}

.myform input[readonly="readonly"], .myform input[readonly="readonly"]:focus {
	border: 1px solid #ECECEC;
	background-color: transparent;
/*        font-weight:bold;*/
        box-shadow: none;
}

.myform input.w50, .myform select.w50 {
	width:50px;
    }
.myform input.w75, .myform select.w75 {
	width:75px;
    }
.myform input.w100, .myform select.w100 {
	width:100px;
    }
.myform input.w120, .myform select.w120 {
	width:120px;
    }
.myform textarea.h30 {
	height:30px;
    }
    
.myform textarea.h60 {
	height:60px;
    }
.myform textarea.h90 {
	height:90px;
    }
    
    
.myform select.admOnly,
.myform input.admOnly,
.myform textarea.admOnlys,
.myform textarea.admOnly {
	background-color: #F0DE7D;
    }
    
.myform select.admOnlyDev,
.myform input.admOnlyDev,
.myform textarea.admOnlyDev {
	background-color: #8EC8F0;
    }
    
    
.myform select.readOnly,
.myform input.readOnly,
.myform textarea.readOnly,
.myform textarea.readOnly {
	background-color: #FB9595;
    }
    
    
.myform select.startup,
.myform input.startup,
.myform textarea.startup,
.myform textarea.startup {
	background-color: #ea7d7d;
        color: #fff;
    }
  
    
.myform select.startupLicense{
    color: #ea7d7d;
}
.myform select.basicLicense{
    color: #04c0cd;
}
    

#ulList li.notAllowed{
    background-color: #ea7d7d;
    color: #fff;
    text-decoration: line-through;
}

#ulList li.notAllowed i{
    color: #fff !important;
}
    


    
.myform input.uppercase {
	text-transform: uppercase;
    }
    
.myform input.inputSmallLeft {
	width:105px;
        float:left;       
        -moz-border-radius:3px; 
        -webkit-border-radius:3px;
        -khtml-border-radius:3px;
        border-radius:3px; 
        width: 250px; 
        border: 1px solid #CCC;
        padding: 8px 4px 8px 8px;
    }
        
.myform input.inputNullLeft {
	width:0px;
        float:left;
        z-index: -1;
    }        
.myform input.inputNullLeft:hover {
/*	width:0px;
        float:left;
        z-index: -1;*/
        cursor: pointer;
    }        



dl.myform {
    font-size:1em; 
}
form.tiny, form.tiny input {
    font-size:0.85em; 
    padding:3px;
}

.myform .errors{
    font-family: Oswald, sommet-slab-1, sommet-slab-2, Georgia, serif;
    color: #800;
    list-style: none;    
    font-weight: bold;
    font-size: 1.5em;
    float: right;
    display: none;
    padding: 0.25em  0 0 0.25em;
}
.myform .errorsInput{   
    border:1px solid #800;
}
.myform .errorsLabel{   
    color:#800;
}



dl.myform button{
    /*clear: both;
    float: left;*/
    padding: 2px 2px 2px 2px;
    color:#666;
    font-weight: bold; 
    text-align: center;
    font-size: 0.8em;
}
 
dl.myform button:hover{
    cursor:pointer;
}





.folllowUpListTable dt{
    color:#000;
    float:left;
    margin:0em 0.5em 0 0em ;
    text-align: left;
    padding:0.15em 0 0.15em 0;   
    width:8.5em;            
    font-size: 0.9em;
}
.folllowUpListTable dl{
    margin:0em 0.5em 0 0em ;
    padding: 0;
    width: 100%;    
}
.folllowUpListTable dd .floatingdd {
      float:left;
      padding-left: 2em;
}

 

.myform legend{
   color: #000;
    margin: 0.5em 0.5em 0 0em;
    text-align: right;
    padding: 0.5em 0 0.25em 0;
    font-size: 1.25em;
    /*border-top: 1px solid #999;*/
    font-weight: bold;
}


.myform dt{
    color:#000;
    float:left;
    margin:0em 0.5em 0 0em ;
    text-align: left;
    padding:0.15em 0 0.15em 0;   
    width:8.5em;        
    width:13.5em;       /*new 20151118*/      
    font-size: 0.9em;
}
.myform dd{
    margin:0em 0.5em 0 0em ;
    padding: 0;
    width: 480px;    
    width: 550px;    
}
.myform dl{
    margin:0em 0.5em 0 0em ;
    padding: 0;
    width: 480px;    
}

.myform label.hasHelp{
    border-bottom: 1px dotted #c4c4c4
}
.myform label.hasHelp:after{
    content: '  ?';
    color: #f46e42;
    font-weight: bold;
    font-family: arial
}

.myform dt i.zoomAble{
    font-size: 1.5em;
    padding: 0 0 0 1.5em;
    color: #999;
    cursor: pointer;
}

textarea.isZoomed {
    width:  495px !important;
    height: 150px;
    font-size: 1.0em !important;
}

#myformnote-element {
    font-size: 0.75em;
    color: #005ACC;
        
}


.myform dt.contactblock, .myform dd.contactblock{
    color:#333;
    float:left;
    margin:0em 0 0.5em 0em ;
    text-align: right;
    padding:0em 0 0 0;   
    width:11.5em;        
    font-size: 0.85em;
}
.myform dd.contactblock_tiny{
    color:#333;
    float:left;
    margin:0em 0 0.5em 0em ;
    text-align: center;
    padding:0em 0 0 0;   
    width:100px;
    width: 11.5em;
    font-size: 0.85em;
}
.myform dd.contactblock_small{
    color:#333;
    float:left;
    margin:0em 0 0.5em 0em ;
    text-align: left;
    padding:0em 0 0 0;   
    width:50px;        
    font-size: 0.85em;
}


.myform dt.contactblock span, .myform dd.contactblock span{
    color: #000;
    float:left;
    margin:0em;
}



#div .float-left {
    float: left;
}

div .mce-edit-area {
    padding: 1em !important;
}


  .chngdViaSwitch  {
        background-color: #A4CB15 !important;
    }


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/*@media only screen and (max-width: 480px) {*/
      
   /* #footerBtnInner,
    #footerBtnHolderInner,
    #footerBtnHolderInner a,*/
    a.btnSmall, a.btnPageFlip{    
      /*font-size: 8pt !important;*/
       /* color:red;*/
    }
                
    .myform fieldset {
        padding: 0;border: 0; margin: 0;width: 300px;   
        padding: 4em 0 0 0;
        }
    .myform dt{float:none !important;
         }
     .myform dd {
         margin: 0em 0.5em 0 0em;padding: 0;width: 300px !important;
        }   
     .myform dl {      
        width: 300px;      
        }   
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
     #ccm_about_holder span.aboutTitle {

            font-size: 1.75em;
            padding-top: 10px;
            padding-bottom: 10px;

        }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/*@media only screen and (max-width: 580px) {*/
    

    #ccm_about_holder span.aboutTitle {
        font-size: 2em;
        padding-bottom: 20px;
    }

    #footerBtnHolderInner a.btnSmall,
    #footerBtnHolderInner a.btnPageFlip{        
        font-size: 8pt !important;
     
    }
     
     .myform dd {
         margin: 0em 0.5em 0 0em;
         padding: 0;     
     }

     #my-table-followup-list .textarea {
         width: 100%;
     }

     table, th { 
         font-size: 1em;          
     }
     tr {padding-top: 1.75em; padding-bottom: 1.75em;}


     .actionMnu span{
         font-size: 0.9em;
     }
}