/*
 login page



*/

.upload-error{
height:50px;
padding:12px;
background:red;
color:#fff;
}


 .project-item-controls{
  float:right;
 }

.logged-controls{
  margin-top:40px;
}
.logged-controls div{
 display:inline;
 width:200px;
 margin-right:40px;
}
.login-image-overview-delete{

text-align:center;
padding:22px;
background:red;
color:#fff;
}
.login-new-wrapper{

border-bottom:4px solid #3FAE49;
margin-top:20px;
padding-top:20px;
}


.logged h1{
color:#D12428;
}


.login .owl-dots{
  display:block;
}


.owl-carousel .owl-item img{
width:auto!important;
max-width:100%;
margin:0 auto;
}


.owl-item-0{
padding-top:60px;
}
.owl-frame-0{
width:370px;
height:179px;
border:4px solid #FB6743;
margin:0 auto;

}
.owl-frame-0-1{
border:4px solid green;
}
.owl-index{
width:100%;
text-align:center;
}




.c-row-project{
  float:left;
  min-height: 22px;

}



.row-project-0{
width:110px;
padding-left:12px;
padding-top:6px;
}

.row-project-1{
width:460px;
padding-top:6px;
}

.row-project-2{
width:80px;
padding-top:4px;
}

.row-project-3{
padding-top:4px;
width:55px;
font-size:24px;
}

.row-project-4{}
.row-project-5{}
.row-project-6{}


.row-project-3 .fa-edit{
font-size:22px;
}

.project-controls{
background:#DBCCAB;
padding:12px 16px;;
height:48px;
}
.c-project-controls{
float:left;
}
.project-controls-0{

width:240px;
}
.project-controls-1{
 width:80px;
 padding-top:2px;

}
.project-controls-2{
 width:60px;

}
.project-controls-3{
 width:300px;
 text-align:right;
 font-size:14px;
 line-height:110%;
 margin-top:-4px;
}

.project-controls-10{
 width:300px;
}

.c-news,
.c-projects,
.c-atelier,
.c-invitation{
background:#FEEECC;

margin-top:6px;
}

.c-news{
background:#CDCDDF;
}

.c-atelier .c-cellProjectList {

min-height:140px;
}

.project-entry-alert{
 background:#FEEECC;
 margin-bottom:20px;
}






.c-form-pw-1{
display:none;
}

.boxMenuA,
.boxMenuAOn,
.boxMenuA:hover {
                	display: block;
      
                	margin-bottom: 2px;
                	padding-left: 2px; 
                	color: #fff;
                }
  
.boxMenuA {
    	color: #7B8989;
}
.boxMenuA:hover {
    	color: #fff;
}

.boxMenuAOn {
    	color: #fff!important;
      background:#D12428!important;
}


#boxChgMenu {

left: 0px;
padding-right: 4px;
padding-bottom: 0px;
margin-top:25px;
margin-bottom:6px;
border-bottom:1px solid gray;
}

#boxChgMenu a{
width:120px;

display:block;
  background:#FFB336;
color:#000;
float:left;
margin-right:2px;   
padding:8px;
text-align:center;
border-radius:2px;


}
#boxChgMenu a:hover{
     background:#D12428;
         	color: #fff;
}






.status-invitation-1{
  background:  url(../imgDefault/e/btn-correct.png) no-repeat right top;
}

.status-invitation-2{
  background:  url(../imgDefault/e/btn-correct.png) no-repeat right top;
}
.status-invitation-3{
  background:  url(../imgDefault/e/btn-correct.png) no-repeat right top;
}


.owl-cover{
position:absolute;
z-index:1200!important;
top:0;
left:0;
right:0;
height:60px;
background:gray;
opacity:0.7;
}
.owl-dots{
position:absolute;
z-index:111119!important;
top:293px;
width:280px;
margin:auto;
left:0;
right:0;
}


.owl-dots .owl-dot span{
background:#0071B8!important;
height:30px!important;
width:30px!important;
}
.form-image-core .owl-item img{

opacity:0.3;
}
.form-image-core .active img{

opacity:1;
}

.newFile{
z-index:1211;
position:absolute;
left:12px;
top:12px;

width:50px;
height:50px;
display:block;

}

.newFile::before {
  font-size:38px;
    content: "\f1c5";

}


.cameraFile{
z-index:1211;
position:absolute;
left:72px;
top:6px;
font-size:44px;
width:50px;
height:50px;
display:block;


}






.deleteFile{
z-index:1211;

position:absolute;
right:12px;
top:12px;
font-size:34px;
}



.cols{
column-count: 2;
}


.c-btn-upload{
width:240px;
} 
div.btn.fileinput-button {
  position: relative;
  overflow: hidden;
  margin-top:7px;
padding:4px;
padding-top:8px;
  margin-right: 4px;
text-align:center;
float:left;
padding:4px 12px;
color:#fff;
cursor:pointer;
min-width:120px;
text-align:center;    
}

.c-upload-send-frame{
width:641px;
margin:20px auto;
margin-bottom:0;
}
.projectEntry .c-upload-send-frame{
 margin:20px 40px;
 margin-bottom:0;
}
.user-media-project-frame .sendMain{
width:190px;
   float:right;
   margin-right:50px;
}
.c-btn-upload{
  text-align:center; 
      min-width:120px;
      margin-top:8px;
}
div.btn.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}


   
.user-media-project-frame{

background:#ccc;
padding:14px 6px;
} 
   
   
.item-image-directory{
min-height:780px;
background:gray;
margin-top:20px;
} 
   
   
.form-image{
height:380px;
background:gray;

} 
.form-image-gallery{
overflow:hidden;
height:380px;
}
 
   
.c-form-content{
float:left;

} 
.form-content-0{
width:720px;
}
.form-content-1{
float:right;
width:200px;
}


.nav-layer{
position:absolute;
width:220px;
height:210px;
background:#fff;
opacity:0.2;
display:block;
}
.form-step{

}


.c-mailing-schedule{

background:#CCCCCC;
padding:14px 6px;
}







.c-event-close{
position:absolute;
right:12px;
top:12px;
height:25px;
width:25px;
display:block;
z-index:1111;  
 background:url(../imgDefault/e/close.gif) no-repeat center;
}











.c-event-time-close{
  font-size:24px;
}


.c-event-date{
background:#FCAF16;
}





.form-title-action a{
font-size:inherit;
}

.form-search-lokgen{

}

.form-search-lokgen>div:nth-child(odd) {
    background: #C6CBCE;
}


.frmSearchLokalgenial:before {
    content: "\f002";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
    left:-5px;
    position:absolute;
    top:0;
 } 
 
 
.form-search-lokgen div,
.form-friend-lokgen div,
.form-friend-extern div{
padding:0 12px;
}



.c-mailing-preview,
.c-mailing-preview-send,
.c-friend-lokgen-delete,
.c-friend-lokgen{
position:absolute;
right:12px;
font-size:26px;
color:#0071B8;
cursor:pointer;
}

.c-friend-lokgen-inactive{
color:#E0DDDA;
}
.c-mailing-preview,
.c-friend-lokgen-delete{
right:48px;
}

.form-title-action-go{
background:#0071B8;
position:absolute;
top:0;
right:0;
height:52px;
width:52px;
font-size:34px;
display:block;
}

.form-timepicker,
.form-member,
.form-calendar{
min-height:130px;
background:#E6EAEC;


}

.form-item{
margin:20px 0;

}

.form-image-pick, 
.form-externinvite-preview,
.form-invite-preview,
.form-calendar-timepicker,
.form-mailing-preview,
.form-calendar-event{
position:fixed;
    box-shadow: 2px 2px 6px 12px #EEEEEE;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width:860px;
bottom:0;
min-height:400px;
background:#fff;
display:none;
z-index:11111;

}
.form-image-pick-frame, 
.form-preview-action-frame{
margin:54px auto;
width:830px;
height:320px;
overflow:auto;
}  

.form-image-pick-action,
.form-invite-preview-action,
.form-mailing-preview-action,
.form-externinvite-preview-action{
width:780px;
margin:40px auto;
}
.form-mailing-preview-action{
height:540px;
}


.mail-preview-item-event-message{
background:#FFB336;
border-radius:12px;
padding:22px;

}
.form-calendar-event{
   padding:12px 30px ;
}
.c-form-calendar-timepicker{
   float:left;
   padding:20px;
}

.c-form-calendar-timepicker .fa {
font-size:33px;
text-decoration:none;
}

.form-calendar-timepicker-title{
padding:22px 6px 0 22px;;
}
.c-form-calendar-timepicker>.select-dummy div{
padding-left:12px;
text-align:center;
}

.fe-expand-box{
width:602px;
background:#F7E5C9;
padding:6px;
}

.form-title-action,
.form-title,
.c-select-visual-title{
 text-align:center;
 background:#E0DDDA;
       background-color:#3FAF4A; 
 margin-bottom:0px;
   min-height:36px;
 padding:6px 12px;
width:818px;
font-size:16px;
font-weight:700;
margin-bottom:20px;
color:#fff;
}
.c-select-visual-title{
 text-align:center;
 background:#E0DDDA;
       background-color:#D48286;      
              
 margin-bottom:16px;
 margin-right:16px;
 padding:6px 12px;
width:250px;
height:100px;
float:left;
}     


.c-select-visual-title-active{
          background-color:#D2232A; 
       
}

.boxKursList{
width:100%;
}

.form-title-action{
border-bottom:1px solid #fff;
}
.c-select-visual-title{


}


.cFirst{
background:red!important;
}


.cLast{
background:green!important;
}

.cEvent{
background:#0071B8!important;
}


.login{
    margin-top:20px;
}

.c-login{
float:left;
}
.c-login h1,
.c-login h2{

}

.login-0{
width:240px;
min-height:500px;
margin-right:50px;
}
.login-1{
width:820px;

padding-bottom:80px;

}


.c-login-dashboard{


}
.c-login-dashboard-para{
border-bottom:4px solid #D7DBC3;
padding-bottom:22px;
margin-top:12px;
}

.c-login-member{
float:left;
width:210px;
margin-right:12px;
border-bottom:1px solid blue;
}



.login-map{

height:300px;
}






.login-nav{

}

.gallery-text img{
 position:absolute;
 bottom:3px;
 left:3pxx;
}


.info-billing-0{
width:210px;
}



.login-error{

background:#E5DBDB;
padding:14px;
width:600px;
margin-bottom:12px;
}


.uploadTitle{
    float:left;
}

.uploadError{
margin-left:20px;
 float:left;
 color:red;
}


/*******************************************************************************
 *
 */ 
 
.boxEditorBuildImage{
    position:relative;
     width:124px;
    height:95px;
    background-color:#F6F8F9;
    border:1px solid #118D8C;

     margin-right:22px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
  -moz-box-shadow:6px 6px 8px #455563;
	-webkit-box-shadow:6px 6px 8px #455563;
	box-shadow:6px 3px 8px #455563;
}

.loginImageClear{
margin-top:4px;
 width:14px;
 height:14px;
 background-color:#F9BBBB;
font-size:14px;
 cursor:pointer;
}
.btnTextBuildImages{
 cursor:pointer;
}
 
.boxEditorBuildImageInner{
  width:105px;
  margin:0 auto;
  height:95px;
  background-color:#fff;
  overflow:hidden;
}



 .login-image-overview{
border-bottom:1px solid #E1DAE2;
margin-bottom:30px;
         overflow:auto;
padding:26px;
column-count:4;
 }
 

 
.btnImageOpen,
.btnImageClose{
 cursor:pointer;

}
 
.login-image{
display:none;

 top:10px;
 left:-2px;
 width:720px;
 padding:40px;
    padding-top:4px;
 min-height:140px;

}

.file_label{
margin-left:-11px;
}
.c-btn-upload{
      padding:4px 0;
      width:190px;
}


.login-image-header{
 width:580px;
 margin:0 auto;
 height:40px;
 text-align:right;
}


.login-image-overview-0{
  background-color:#FFB336;
  padding:8px;
}
.login-image-overview-1{
     background-color:#fff;
}
.login-image-cell-list,
.login-image-folder{
 background-color:#CCCCCC;


 width:120px;
 height:120px;

  margin-bottom:14px;
 overflow:hidden;
}



.login-image-folder-title{    
  background-color:#FFB336;
 text-align:center;
 font-size:12px;
 padding:2px;
}

.login-image-upload-list{

    width:440px;
}
.uFolder{
text-decoration:none;
color:gray;
display:block;
background-color:#EFEDED;
border-bottom:1px dotted gray;
font-size:12px;
}




.login-image-content{
 margin:0 auto;

 overflow:auto;

} 

 
.login-upload-content-0{
      float:left; 
      width:100px;

 }
 
 .login-upload-content-1{
             margin-top:14px;
 }

progress{
        width:634px;
        background:#FEE6B4!important;
}

progress::-moz-progress-bar {

  background: #FEBD2C;

}







 
.login-image-cell{
      position:           absolute;
      top:                0;
      left:               0;
      
      padding:            2px;
      background-color:   #E1DAE2;
}

.login-image-cell-list{

      width:180px;
      border:1px solid #E1DAE2;
      margin-bottom:6px;
      margin-right:16px;
        box-shadow:4px 1px 7px #D3C7C7 inset;
}
.login-image-cell-list-0{
  float:left;
        width:140px;
        padding-top:4px;
        
 }

.login-image-cell-list-1{
  float:left;
  font-size: 13px;
  line-height:14px;
  
 }

.c-cellProjectList{
  float:left;
  padding:6px;
}

.cellProjectList-0{
margin-right:12px;
width:240px;

}
.cellProjectList-0 img{
  width:100%;
}


















/* gallery Module values */
.boxGalleryEmpty {
	width: 440px;
	height: 120px;
	background-color: #fff;
	border: 1px solid #E3CBB5;
	padding-left: 12px;
}
.cellGalleryWebsite,
.cellGallery {
      position:relative;
      float: left;
      margin-top: 10px;
      margin-right: 10px;
      width: 190px;
      height: 168px;
      border: 4px solid #000;
      background:#000;
      overflow:hidden;
}
.cellGalleryWebsite img,
.cellGallery img{
max-width:100%
}
.cellGalleryWebsite {
	border: 4px solid #FFB235;

}
.cellGalleryInner {
padding:4px;
	background-color: #fff;
	height: 32px;
	text-align: center;
  border-bottom:1px solid #000;
  
	
}
.cellGalleryEdit {
  position:absolute;
  right:9px;
   display:none;
	 z-index:1111;
}

.gallery-text{
    height:40px;
    overflow:auto;


    line-height:13px;
    color:#544A4A;
    padding:4px;
    font-size:10px;

}






.loginSpacer{
width:650px;


}









#FieldImageEdit{
      position:absolute;
      display:none;
      top:60px;
      left:330px;
      min-height:310px;
      width:600px;
         z-index:12000;
      background-color:#fff;
      border:1px solid gray;
  		-moz-border-radius:4px;
  	  -webkit-border-radius:4px;
  	  border-radius:4px;
      -moz-box-shadow:6px 6px  5px #ACB8AC;
    	-webkit-box-shadow:6px 6px  5px #ACB8AC;
    	box-shadow:6px 6px 5px #ACB8AC;
  	  
  	  
}
#FieldImageEditContent{
      width:580px;

  margin-top:4px;
    margin-left:auto;
  margin-right:auto;
}

.FieldImageEditHeader{
  text-align:right;
  height:30px;
}
.FieldImageEditImage{
float:left;
width:120px;
margin-right:45px;
}
.FieldImageEditForm{
 float:left;
}

.cellGalleryControls {
	margin-right: auto;
	margin-left: auto;
	width: 65px;
}
.cellGalleryControlsButton {
	float: left;
	margin-right: 2px;
}




 
.cellLoginLine{

}
.cellLoginLineDate,
.cellLoginLineTitle,
.cellLoginLineStatus,
.cellLoginLineInvoice, 
.cellLoginLineEdit, 
.cellLoginLineEntry {
float:left;
}
.cellLoginLineDate{
width:120px;
}
.cellLoginLineTitle{
 width:220px;
}
.cellLoginLineStatus{
 width:50px;
}
.cellLoginLineInvoice{
 width:120px;
}

 .cellLoginLineEdit{
 width:120px;
}

 .cellLoginLineEntry{
 width:120px;
}








#windowSendError{
      position:absolute;
                display:none;
      top:140px;
      left:190px;
      z-index:400;
      height:160px;
      width:360px;
       border:1px solid  #D99595;
      background-color:#fff;
  		-moz-border-radius:4px;
  	  -webkit-border-radius:4px;
  	  border-radius:4px;
      -moz-box-shadow:6px 6px  5px #ACB8AC;
    	-webkit-box-shadow:6px 6px  5px #ACB8AC;
    	box-shadow:6px 6px 5px #ACB8AC;
}

.windowSendError-success{
        border:1px solid  #D99595!important;
}

#windowSendErrorInner{
       height:160px;
      width:340px;
      margin-left:auto;
        margin-right:auto; 
}
#windowSendErrorHeader{

   text-align:right;
  padding-right:4px;
   margin-top:4px;
    
   
}

#FieldProjectDetailsMain{
position:relative;
}
#FieldDetails{
      position:absolute;
      display:none;
      top:600px;
      left:500px;
      height:160px;
      width:0260px;
       border:1px solid    #ACB8AC;
      background-color:#fff;
  		-moz-border-radius:4px;
  	  -webkit-border-radius:4px;
  	  border-radius:4px;
      -moz-box-shadow:6px 6px  5px #ACB8AC;
    	-webkit-box-shadow:6px 6px  5px #ACB8AC;
    	box-shadow:6px 6px 5px #ACB8AC;
  	  z-index:11111;
  	  
}

#FieldDetailsInner{
margin-top:5px;
      height:150px;
      overflow:auto;
      text-align:left;
            width:240px;
      margin-left:auto;
      margin-right:auto;
}



#FieldCalendar{
      position:absolute;
      display:none;
      top:-250px;
      left:20px;
      height:240px;
      width:315px;

      background-color:#F4F1E4;
      border:1px solid #958E6B;
      
  		-moz-border-radius:4px;
  	  -webkit-border-radius:4px;
  	  border-radius:4px;
      -moz-box-shadow:6px 6px  5px #ACB8AC;
    	-webkit-box-shadow:6px 6px  5px #ACB8AC;
    	box-shadow:6px 6px 5px #ACB8AC;
}
#ExhibitionCantonError{
display:none;
}

.cellAgendaMonthOuter{
padding:10px 0;
background:#ccc;
text-align:center;
border:1px solid gray;
}


.linker-calendar{
font-size:22px;
color:#000;
margin-top:8px;
}
.cellAgendaMonth{
width:265px;
font-size:10px;
margin:0 auto;
}
.cellAgendaBack{
position:absolute;
width:20px;
left:0;
top:0;
text-align:center;
font-size:10px;
}

.cellAgendaFwd{
position:absolute;
width:20px;
right:0;
top:0;
width:20px;
font-size:10px;
}

.cellAgendaWeek{

}

.td-event-time-out,.td-event-time, .cellAgendaDayBottomReserved,.cellAgendaDay,.cellAgendaDayBottom,.cellAgendaDayBottomActive{
text-align:center;
padding-right:1px;
margin-bottom:1px;
width:99px;
font-size:10px;
height:12px;
}

.td-event-time{
    background-color:#FDA5A5;
}
.cellAgendaDayBottomReserved{
   background-color:#FDA5A5;
}
.cellAgendaDayBottomActive{
cursor:pointer;
background-color:#A9EFA9;
}
.cellAgendaDayBottom{
background-color:#EFEDED;
}







.geo{
      position:absolute;
      display:none;
      top:-250px;
      left:-200px;
      height:380px;
      width:600px!important;  
     z-index:1111;
      background-color:gray;
  		-moz-border-radius:4px;
  	  -webkit-border-radius:4px;
  	  border-radius:4px;
      -moz-box-shadow:6px 6px  5px #ACB8AC;
    	-webkit-box-shadow:6px 6px  5px #ACB8AC;
    	box-shadow:6px 6px 5px #ACB8AC;
  	  
  	  
}

.geo-header{
    height:25px;

}



.geo-map{
    height:330px;
    width:340px:
    margin-left:auto;
    margin-right:auto;

}

#FieldGeoInfo{
    padding-top:3px;
    color:#FFFFC0;
    font-size:14px;
    width:380px;
    margin-left:auto;
    margin-right:auto;
    line-height:14px;
}








#BoxMapAlert{
      position:absolute;
      display:none;
      top:40px;
      left:40px;
      height:150px;
      width:300px;

      background-color:#E7E7DD;
  		-moz-border-radius:4px;
  	  -webkit-border-radius:4px;
  	  border-radius:4px;
      -moz-box-shadow:6px 6px  5px #ACB8AC;
    	-webkit-box-shadow:6px 6px  5px #ACB8AC;
    	box-shadow:6px 6px 5px #ACB8AC;
  	  
  	  

}

#BoxMapAlertInner{
    height:130px;
    width:240px;
    margin-left:auto;
    margin-right:auto;
}




.textFieldPlus{
position:absolute;
top:18px;;

left:360px;;
width:25px;
}



.textFieldLocation{
  float:left;
  width:410px!important;

}
.geo-close{
float:right;
  width:20px!important;
}

#FieldGeoInfoAction0,
#FieldGeoInfoAction1,
#FieldGeoInfoAction2,
#FieldGeoInfoAction3,
#FieldGeoInfoAction4,
#FieldGeoInfoAction5
{
 display:none;
}
.tfLocationSearch  {
    background-color:#fff; 
    border:1px solid #6AA2AF;
    height:18px;
    width:350px;
    font-size:12px;
    margin-left:4px;
    padding-left:2px;
  }

.tfImageEdit{
       font-size:12px;
       font-family:inherit;
   
}
.tfAreaImageEdit{
      min-height:40px;
}
.boxFormAction{

}

.boxFormActionHeader{
  text-align:right;
  width:360px;
}

.linkerFormAction{
  text-decoration:none;
}

#boxUploadDisplay{
margin-bottom:50px;
width:680px;

}


.cellFriend{
padding-top:16px;
font-weight:700;
padding-bottom:4px;

}
.addField{
position:relative;
text-align:right;
width:378px;
}

.cellLoginDashboardLineHeader,
.cellLoginDashboardLine{
width:770
}
.cellLoginDashboardLineHeader{
 height:35px;
 background:#FEBD2C;
}
.cellLoginDashboardLineHeader  td{
color:#fff;
padding-left:12px;
}


.cellLoginDashboard0,
.cellLoginDashboard1,
.cellLoginDashboard2,
.cellLoginDashboard3,
.cellLoginDashboard4,
.cellLoginDashboard5,
.cellLoginDashboard6
{
  float:left;
  overflow:hidden;
  min-height: 22px;
  padding-right:2px;
}



.cellLoginDashboard0{
width:89px;
padding-left:12px;
}

.cellLoginDashboard1{
width:385px;
}

.cellLoginDashboard2{
width:125px;
}

.cellLoginDashboard3{
width:115px;
}

.cellLoginDashboard4{
width:90px;
}
.cellLoginDashboard5{
width:65px;
float:left;
}
.cellLoginDashboard6{
width:90px;

}