.lintu-backend-body { background:#ccc; }

.lintu-backend-content	{ position:relative; margin:20px; padding:10px; background:#fff; border-radius:10px; box-shadow:0 0 15px #333;  }
.lintu-backend .maxwidth  { max-width:600px; margin:20px auto; }


.templ	{ position:relative; overflow:visible !important; }

.lintu-backend { font-size:13px; color:#333; line-height:130%; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; text-align:left; }
.lintu-backend .fa { font-family: FontAwesome; } 
.lintu-backend .ib {  display:inline-block; }

.lintu-backend h1 { font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color:#333; font-size:16px; }
.lintu-backend h2 { font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color:#333; font-size:16px; }
.lintu-backend h3 { font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color:#333; font-size:16px; }
.lintu-backend h4 { font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color:#333; font-size:16px; }
.lintu-backend h5 { font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color:#333; font-size:16px; }
.lintu-backend h6 { font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; color:#333; font-size:16px; }


.lintu-backend .message { border:1px solid #ffde00; line-height:140%; background:#f6edb3; padding:10px; margin:10px 0; }

.lintu-overlay {  position:fixed; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,0.5); z-index:3000; }


/*
.editable .lintu-templ{ opacity:0.5; }
.editable .lintu-templ:hover { opacity:1; }
*/

.editable .lintu-templ:hover:after {  content:" "; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:1px dashed #bababa; } 
.editable .lintu-templ.lintu-active:after { content:" "; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:1px dashed #000;  }

/*
.append-template { height:5px; border-radius:3px;background:#272727; color:#fff; margin:5px 0; text-align:center; opacity:0; }
.append-template:hover { opacity:1; }
.append-template .add-templete i { position:relative; top:-8px; width:20px; height:20px; color:#fff; background:#272727; text-align:center;  border-radius:50%; line-height:22px; font-size:15px;  }
*/

.lintu-templ_editor { position:relative; overflow:visible; /* z-index:100; */ }
.lintu-append-template { position:absolute; height:20px; bottom:-10px; right:0; left:0; text-align:center; opacity:0; }
.lintu-append-template:hover { opacity:1; z-index:3000; }
.lintu-append-template .lintu-add-templete  { display:block; margin-top:10px; height:5px; border-radius:3px; background:#272727; text-align:center;  }
.lintu-append-template .lintu-add-templete i { position:relative; top:-8px; width:20px; height:20px; color:#fff; background:#272727; text-align:center;  border-radius:50%; line-height:22px; font-size:15px;  }

.lintu-select-template	{ position:relative; height:auto; background:#272727; border-radius:5px; color:#fff; opacity:1; bottom:auto; }

.lintu-select-template .lintu-close-template { position:relative; text-align:right; padding-right:10px;  height:5px;  display:block; z-index:100; }
.lintu-select-template .lintu-close-template i { position:relative; top:-10px; width:20px; height:20px; color:#fff; background:#272727; text-align:center; border-radius:50%; line-height:22px; font-size:15px;  }


.lintu-backend .select-templates	{ padding:10px;  box-sizing:border-box; border:1px dashed #272727; border-radius:3px; background:#fff; text-align:left; color:#333;  }

.edit-template { min-height:30px; } 

/*
.lintu-backend.append-template:before	{ position:absolute; left:50%; margin-left:-10px; border-radius:50%; width:20px; height:20px; content:"\f067"; text-align:center; font-size:13px; line-height:22px;  font-family: FontAwesome; color:#fff; background:#272727; z-index:2000; }
.lintu-backend.append-template.bottom:before	 { bottom:-10px;  }
.lintu-backend.append-template.top:before	 { top:-10px;  }

*/

.lintu-backend .fr { float:right; }
.lintu-backend .fl { float:left; }


/* Login Formular */
.lintu-backend .loginform  { position:absolute;  text-align:left; border-radius:30px; box-shadow:0 0 10px #404040; color:#333; padding:20px; width:360px; top:50%; left:50%; margin-left:-200px; margin-top:-180px; background-color:#fff; }
.lintu-backend .loginform fieldset { margin:20px 0 0 0; }


.lintu-backend fieldset { border:1px solid #ccc; }
.lintu-backend legend { font-weight:bold; font-size:13px; padding:0 10px; }
.lintu-backend label { display:inline-block; font-weight:normal; padding:3px 20px 3px 0; }
.lintu-backend input,
.lintu-backend textarea,
.lintu-backend select { display:block; width:100%; box-sizing:border-box; margin:2px 0; padding:3px 5px; border:1px solid #ccc;  }

.lintu-backend input[type="radio"],
.lintu-backend input[type="checkbox"]{ width:auto; display:inline-block; margin-right:10px; } 

.lintu-backend input[type="submit"],
.lintu-backend .button { width:auto; border-radius:5px; display:inline-block; border:none; cursor:pointer; background:#123885 !important; padding:5px 10px !important; color:#fff !important; margin:2px; line-height: 130%; font-size:13px !important; text-transform:none !important; font-weight:bold; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif !important;}

.lintu-backend input[type="submit"].button2,
.lintu-backend .button2 { width:auto; border-radius:5px; display:inline-block; border:none; cursor:pointer; color:#fff; padding:5px 10px; background-color:#272727; margin:2px; line-height: 130%; font-size:13px !important; text-transform:none !important; font-weight:bold; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;}

.lintu-backend input[type="submit"].button3,
.lintu-backend .button3 { width:auto; border-radius:5px; display:inline-block; border:1px solid #ccc; cursor:pointer; color:#666; padding:5px 10px; background-color:#f6f6f6; margin:2px; line-height: 130%; font-size:13px !important; text-transform:none !important; font-weight:bold; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;}

.lintu-backend input[type="submit"].button4,
.lintu-backend .button4 { width:auto; border-radius:5px; display:inline-block; border:1px solid #ca0000; cursor:pointer; color:#fff; padding:5px 10px; background-color:#ca0000; margin:2px; line-height: 130%; font-size:13px !important; text-transform:none !important; font-weight:bold; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;}


.lintu-template-setting	{ border-top:1px; margin:10px -10px -10px -10px; background:#efefef; padding:10px; }

.area .edit-template.lintu-first .sort-up,
.area .edit-template.lintu-last .sort-down{ display:none }


.area  { min-height:5px; } 

.lintu-backend.lintu-backend-header { position:relative; z-index:1100; background:#fff; color:#333; font-size:16px !important;  padding:10px; box-sizing:border-box; text-align:left; box-shadow:0 0 15px #333; }
.lintu-backend .btnlogout { position:absolute; right:0; top:0; font-size:25px; margin:10px; cursor:pointer;  }


.lintu-backend a{ color:#333; text-decoration:none; }
.lintu-backend .lintu-navrow	{ background:#efefef; padding:10px; margin:10px -10px -10px -10px; display:block;  box-sizing:border-box;   }
.lintu-backend .lintu-navrow label { padding-right:0; padding-left:0; }
.lintu-backend .lintu-navrow select,.lintu-backend .lintu-navrow form { width:auto; display:inline-block; margin:0; }
.lintu-backend .modullisting { display:inline-block; box-sizing:border-box; margin:-10px 10px -10px -10px; padding:0; list-style:none;  }
.lintu-backend .modullisting li { position:relative; display:inline-block; border-right:1px solid #c0c0c0; border-left:1px solid #fff; }
.lintu-backend .modullisting li:first-child { border-left:none; }
.lintu-backend .modullisting li a { padding:10px 20px; display:inline-block; }
.lintu-backend .modullisting li ul { display:none !important; position:absolute; width:auto; padding:0; margin:0; display:block; z-index:2000; }
.lintu-backend .modullisting li:hover ul{ display:block !important; min-width:100%; }            
.lintu-backend .modullisting li ul li, 
.lintu-backend .modullisting li ul li:first-child { display:block; white-space: nowrap; background:#fff; border:none; border:1px solid #ccc; margin-top:-1px;}
.lintu-backend .modullisting li ul li:hover,
.lintu-backend .modullisting li ul li.active {  background:#efefef; }

.lintu-backend .userinfo	{ display:inline-block; padding:10px; margin:0; font-size:16px; }
.lintu-backend .logo { display:inline-block; min-width:200px; max-width:300px;  }


/* select templates*/

.lintu-templ_box { display:inline-block; cursor:pointer; width:60px; text-align:center; padding:20px 5px; margin:10px; border-radius:50%; font-size:18px; box-sizing:border-box; height:60px; background-image: linear-gradient(45deg, #f4f4f4 30%, #e2e2e2 70%) }
.lintu-templ_box:hover { background:#3b3b3b; color:#fff; }


.lintu-tipc { display:none; }
.lintu-tooltip { position:absolute; background-color:#000; color:#fff; border-radius:5px; left:10px; margin-left:-30px; margin-top:20px; top:20px;  font-size:12px;   line-height:170%;    max-width:400px;    padding:5px;        text-align:left;      z-index:10000;}
.lintu-tooltip h1,
.lintu-tooltip h2,
.lintu-tooltip h3,
.lintu-tooltip h4 { font-size:13px; color:#fff; }

.lintu-tooltip:before {  position: absolute; top:-14px; left:20px; margin-left:-6px; font-size:20px;  display:inline-block; color:#000; content:"\f0d8";  font-family: FontAwesome; display:inline-block; }


.lintu-backend  [contentEditable=true] { border:1px dashed #000;   }
.lintu-backend  [contentEditable=true]:empty:not(:focus):before{ content:attr(data-text) }


.lintu-backend .btnsmall  { padding:2px 5px; font-size:12px; } 
.lintu-backend table.w100p { width:100%; } 

.lintu-backend .menue .statusoffline  { color:#ca0000 !important; }
.lintu-backend .menue .statussystem   { color:#1b8e00 !important; font-weight:bold; }
.lintu-backend .menue .statushome     { color:#000 !important; font-weight:bold;   }
.lintu-backend .menue label { color:#000 !important; }

/* output menue */
.lintu-backend .greybox { background:#f6f6f6; border:1px solid #ccc; padding:0 10px 10px 10px; }
.lintu-backend .menue .menuec{ line-height:120%; background:#fff; padding:0; margin:0 0 20px 0; }
.lintu-backend .menue .menuec ol { margin:0; padding:0; list-style:none; border-left:1px solid #ccc; }
.lintu-backend .menue .menuec li { position:relative;  }
.lintu-backend .menue .menuec li .add_menue_inner { display:none;  }
.lintu-backend .menue .menuec li .name { position:relative; padding:5px 10px;  display:block; color:#606060;  }
.lintu-backend .menue .menuec li ol { margin:0 0 0 20px;  }
.lintu-backend .menue .menuec li ol li {  padding: 0 0 0 15px;  }
.lintu-backend .menue .menuec li ol li:before { position:absolute; content:" "; top:10px; left:0; width:15px; height:1px; background:#ccc; }

.lintu-backend .menue .menuec li .name:hover{ color:#000 !important; background:#e4e4e4; }
.lintu-backend .menue .menuec li .name:hover .add_menue_inner { position:absolute; top:0; display:inline-block; right:0;  }



/* mediathek */
.lintu-backend .fileupload { background:#f8f8f8; padding:5px 10px; margin:-10px -10px 20px -10px; }
.lintu-backend .fileupload label,
.lintu-backend .fileupload input{ width:auto; display:inline-block; }
.lintu-backend .fileupload .createfolder { float:right; }

.lintu-backend .mediafiles .file { position:relative; height:94px; border:1px solid #fff; margin:3px; float:left; width:94px; padding:3px; overflow:hidden; }
.lintu-backend .mediafiles .image { border:1px solid #ccc; }
.lintu-backend .mediafiles .selected { border:1px solid #666; }
.lintu-backend .mediafiles .file img { max-height:auto !important; width:100% !important; height:auto;}
.lintu-backend .mediafiles .file p { background-color:#fff; text-align:center; font-size:10px; margin:0; padding:0 3px; position:absolute; bottom:0; left:0; right:0; }

.lintu-backend .mediasortable .placeholder {  border:1px dashed #ccc; height:93px; width:93px; margin:3px; float:left; padding:3px; overflow:hidden; }
.lintu-backend .mediasortable .toolbar     { position:absolute; background:#fff; border-radius:3px; bottom:15px; left:5px; padding:3px; }
.lintu-backend .mediasortable .pic_settings { display:none; }

.lintu-backend .mediaresize .toolbar	{ margin-bottom:10px; }
.lintu-backend .mediaresize .toolbar label { font-weight:bold; font-size:16px; width:140px; padding:5px 10px; }
.lintu-backend .mediaresize .toolbar select { width:300px; }
.lintu-backend .mediaresize .image_block { position:relative; height:430px; width:553px; overflow:hidden; text-align:center; margin:0 0 20px 0; }
.lintu-backend .mediaresize .image_block .cutimage { position:relative; max-height:100%; max-width:100%; width:auto; height:auto; margin:0 auto; }

.mediathek_container .sel_bar { background:#ddd; padding:0 20px; margin:0 -10px;  }
.mediathek_container .sel_bar p { display:inline-block; position:relative; top:-6px; margin:0; }
.mediathek_container .sel_bar select { width:200px; float:left; }
.mediathek_container .sel_bar input   { float:left; }
.mediathek_container .sel_bar form  { display:inline-block; margin-bottom:0; }



.lintu-backend .progress { position:relative; display:none; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.lintu-backend .bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.lintu-backend .percent { position:absolute; display:inline-block; top:3px; left:48%; }


/* pagination */
.pages  { position:relative; padding:0; margin:5px 0 20px 0; text-align:center; }
.pages ul { position:relative; padding:0; margin:0; list-style:none; }
.pages ul li { display:inline-block; }
.pages ul li a { width:auto; border-radius:5px; display:inline-block; border:none; cursor:pointer; background-color:#f8f8f8; border:1px solid #e7e7e7; padding:5px 10px; color:#5b5b5b; margin:2px; }
.pages ul li a.active,
.pages ul li a:hover{ background-color:#272727; color:#fff !important; border:1px solid #272727; }