/* COLORS:
 * #777; 	grey 	- logo, text
 * #039; 	blue 	- links / accents
 * #ffae00; orange 	- menu rollover / accent2
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
html		{ width:100%; min-height:100%; height:100%; background:#fff; }
body		{ width:100% ;min-height:100%; height:100%; color:#333; font-size:13px; font-family:'Open Sans',sans-serif; }
table		{ font-size:inherit;}
a			{ margin:0; cursor: pointer; }
a:link,a:visited	{ color:#039; text-decoration:none;}
a:hover,a:active	{ color:#039; text-decoration:underline;}
hr			{ border:0; border-top:1px solid #ddd; display:block; height:1px; margin:1em 0; padding:0;}
h1			{ font-size:19px; padding-top:10px; color:#042A39; font-weight: 600; }
h2			{ font-size:16px; padding:10px 0px ;color:#042A39; }
h3			{ color:#042A39; }
li			{ margin-left:1.2em; font-size:14px;}

/* Buttons */
.btn_dark,.btn_light {	text-align:center; width:auto;	padding:8px 10px; margin-top:6px; text-decoration:none!important; transition: background-color .3 ease-in-out; -moz-transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; cursor: pointer;     border: solid 1px #d98100; border-top:none!important; border-left:none!important; font-weight:600;	 }
.btn_dark            { color:#fff; border-radius:10px; /*border:solid 1px #022A39;*/ background: #F39205; display:inline-block; min-width: 150px;	}
.btn_dark:hover      { background:#F7A605; border: solid 1px #d98100;}

.btn_light           { color:#022A39; border-radius:10px; /*border:solid 1px #022A39;*/ background:rgba(0,0,0,0.02); display:inline-block; min-width: 150px; border-color:#ddd; }
.btn_light:hover     {  }
.btn_light:hover a   { color:#fff;}
.btn_save_order      { position: fixed; margin: 0px auto; float: none; top: 19%; left: 50%;  padding: 20px 40px; transform: translate(-50%, -50%); }

/* Icons */
.deletable,.delete { cursor:pointer; background-image:url(../img/delete.png); width:36px; height:36px;-webkit-background-size:36px 36px; background-size: 36px 36px;}
.sortable  { cursor:pointer; background-image:url(../img/drag.png); width:36px; height:36px;-webkit-background-size:36px 36px; background-size: 36px 36px;}
.icon_additem   { cursor:pointer; width:24px;height:24px; background: url(../img/add.png) no-repeat left; background-size:24px 24px; -webkit-background-size: 24px 24px;}
.icon_edit      { cursor:pointer; width:24px;height:24px; background: url(../img/edit.png) no-repeat left; background-size:24px 24px; -webkit-background-size: 24px 24px;}
.icon_innerlist { cursor:pointer; width:24px;height:24px; background: url(../img/innerlist.png) no-repeat left; background-size:24px 24px; -webkit-background-size: 24px 24px;}
.icon_innerlist.empty {background-image: url(../img/innerlist_empty.png); }


/* Messages */
.msg         { color:#fff; border-radius:5px; padding:10px; }
.msg.success { background:#090; }
.msg.error   { background:#c00; }
.msg.warning {}
.txt_msg_red     { color: #cc0000; }

/* Frame */
#mainframe 	{ min-height:80%; margin:0 auto; padding:0; }

/* Header */
#header		   { background:none; width:80%; min-width:960px; padding: 0 20px; margin:0 auto; overflow:hidden; height:80px; box-sizing: border-box;-webkit-box-sizing: border-box;}
#logo  		   { float:left; margin:3px 0; padding:0; /* display:none; */ }
#logo_client { float:left; margin:3px 0 3px 10px; padding:0; }
#logo img,
#logo_client img { height:70px; margin:0 0 0 0; }

#logged_in   { float:right; text-align:right; width:350px; line-height:18px; display:block; margin:20px 0 0 0;}
#overlaymenu { background-color: rgba(255, 255, 255, 0.0); display:none; height:900px; max-height:80%; width:100%; max-width:100%; position:absolute; z-index:3; }

/* Navigation */
#nav, #nav li ul {
    background: #042A39; /* Old browsers */
}
#nav    { clear:both;height:38px;margin:0;padding:0;color:#fff; border-top:2px solid #042A39;}
#nav ul	{ list-style:none; margin:0; padding:0px;}
#nav > ul	{ list-style:none; margin:0 auto; padding:0 20px; width:80%;min-width:960px;box-sizing: border-box; -webkit-box-sizing: border-box;}
#nav li { display:block; float:left; height:38px; margin:0; border:none; font-size:15px; padding:0 0;}
#nav a		{  color:#fff; margin:0; text-decoration:none; border:none; border-right: 1px solid rgba(255, 255, 255, 0.2);border-left: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; padding:8px 10px 10px 10px; height:38px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#nav > ul > li > a.active{background-color:#f9f7f4; color:#333; font-weight: 600; }
#nav li.pre-menu{ display: none; width:58px; }
#nav li.pre-menu img { width:58px!important; height: 58px!important; }
#nav li.menu:hover, #nav a:active{background:rgba(255, 255, 255, 0.15); color:#fff!important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */}
#nav li > ul { visibility: hidden; clear:both; position:absolute; z-index:-1;  transition: all 0.3s ease; opacity: 0;}
#nav li li { /*margin-left: 10px;*/ width:100%; clear:both; display:block; /*border:0px; border-top:1px solid rgba(255, 255, 255, 0.2);*/}
#nav li li a.active { background:rgba(255, 255, 255, 0.2); color:#fff; }
#nav li li a { width:100%; }
#nav li.lang-flag { float:right; border:2px solid transparent; border-radius:50%; width:24px; height:24px; margin:3px; }
#nav li.lang-flag img { width:24px; height:24px; cursor:pointer; }
#nav li.lang-flag.active { border:2px solid #f7a600; }
#nav li.timezone { float:right; }
#nav li.timezone select#timezone { width: 160px; background:transparent; border:none!important; color: inherit; height: 36px; outline:none; }
#nav li.timezone select#timezone option { color:#000; }
#nav ul > li:hover > ul { visibility: visible; opacity: 1; z-index: 1; transition-delay: 0s, 0s, 0.3s; }

/* Content */
section {background:#f9f7f4; border-bottom:solid #ddd 1px;}
.page { clear:both; min-height:400px;  padding:20px 20px; margin: 0px auto; width:80%;min-width:960px; box-sizing: border-box;-webkit-box-sizing: border-box;  }
.content_header { border-bottom:1px solid #ddd; padding:0 0 20px 0; }
.content_header h1 { float:left; }
.content_header h1 a { padding-left:19px; background-image: url(../img/back.png); background-size: 25px 25px; -webkit-background-size: 25px 25px; background-repeat: no-repeat; background-position: left; }
.content_footer { padding-top:10px; }
.row {min-height:40px; box-sizing: border-box;-webkit-box-sizing: border-box;}

/* Footer date*/
#footer		    { background-color:transparent; margin:0; color:#aaa; clear:both; width:100%; height:auto; }
#footercontent  { width:325px; margin:15px auto; height:auto; }
#crtext         { width:250px; margin: 25px auto 0px auto; height:15px; text-align:center; float:none; }
#crlogo         { width: 70px; padding-bottom: 30px; text-align: center;  float: none; margin: 0px auto 0px auto;}
#crlogo img     { width:70px; }

/* \Pencil\CMS\Page\Login */
.page.login #loginblock,
.page.login #forgotblock { margin:40px auto 60px auto;  padding:20px; width:400px; }
.page.login input.short{ width: 100%!important; box-sizing: border-box;}


/* \Pencil\CMS\Page\SingleList */
.list-view input.list-search { width:100px; height:33px; padding:5px; border-radius:5px; }
.list-view .list { width:100%; margin:0 0 20px 0; padding:0; border-spacing:0; border-collapse:collapse; }
.list-view .list th { padding:10px 0; background:rgba(0,0,0,0.02); }
.list-view .list td { padding:5px 0; }
.list-view .list th,
.list-view .list td { text-align:left; vertical-align:middle; border-bottom:1px solid #ddd;}
.list-view .list th:first-child,
.list-view .list td:first-child { padding-left:5px;}
.list-view .list th.asc {background-image: url(../img/arrowdown.png); background-size: 18px 28px;-webkit-background-size: 18px 28px; padding-left: 20px; background-repeat: no-repeat; background-position: left; }
.list-view .list th.desc { background-image: url(../img/arrowup.png); background-size: 18px 28px;-webkit-background-size: 18px 28px; padding-left: 20px; background-repeat: no-repeat; background-position: left; }
.list-view .list .col_delete,
.list-view .list .col_sort { width:40px; padding-left: 0px!important; }
.list-view .list .col_pkey { width:40px; }
.list-view .list td.col_delete .deletable {   }
.list-view .list td.col_sort .sortable {  }

.list-view .list td .concept { color: grey; font-style: italic; } .list-view .list td .concept::after {  content: " (concept)";}
.list-view .list td .deleted { color: red; text-decoration: line-through; }

/* \Pencil\CMS\Page\DynContent */
.dyncontent-editor .preview_container {
    border: none;
    clear: both;
    float: left;
    min-width: 100%;
    min-height: 8em;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .05);
}
.dyncontent-editor .preview_container .preview {
    /*background: rgba(0, 0, 0, .05);*/
}
.dyncontent-editor .preview .array-content-label {
    text-align: left;
    font-weight: bold;
}
.dyncontent-editor .preview .collapsed .array-content-body {
    display: none;
}
.dyncontent-editor .preview .collapsed .array-content-header {
    color: black;
}
.dyncontent-editor .preview .array-content-header {
    text-align: left;
    font-weight: bold;
    height: 30px;
    padding-top: 10px;
    margin-top:10px;
    border-top: 1px solid #ddd;
}

.dyncontent-editor .preview .array-content-header::before {
    width: 20px; height: 20px;
    background-image: url('../img/back.png');
    background-size: contain;
    transition: all 0.3s ease;
    transform: rotate(270deg);
    display: inline-block;
    content: " ";
    margin: -6px 5px 0px -4px
}
.dyncontent-editor .preview .collapsed .array-content-header::before {
    transform: rotate(180deg);
    margin: 0 9px -6px -8px;
}

.dyncontent-editor .data-lang-block .language-id {
    display: none;
}
.dyncontent-editor .editor_multitext textarea {
    min-height: 8em;
    clear: both;
}
.dyncontent-editor .lang-box {

}

/* Form base + \Pencil\CMS\Editor */
.editor { clear:both; }
select,input,textarea{ font-family:'Open Sans',sans-serif; border:1px solid #ddd; background:#fff; box-sizing: border-box;-webkit-box-sizing: border-box; height: 42px; font-size: 13px;}
.page.login .label,
.editor .label { clear:both; margin:20px 0 3px 0;  font-size:15px; float:left; }
.editor .sublabel { float:left; margin:23px 0 3px 5px; }
.page.login input.short,
.editor input.short,
.editor textarea.short { width:94%; display:block; padding:5px 10px; margin:5px 0 15px 0; border-radius:5px;}
.editor input.long,
.editor textarea.long { width:100%; padding:5px 10px; border-radius:5px; }
.editor textarea.long { height:6.9em; }

.editor input.invalid,
.editor textarea.invalid,
.editor select.invalid { background-color:#ffebe3; border-color:#ffa391; }

.editor_simpletext  .uneditable,
.editor_multitext   .uneditable,
.editor_label       .uneditable,
.editor_selectlist  .uneditable,
.editor_date        .uneditable,
.editor_time        .uneditable,
.editor_datetime    .uneditable { clear: both;  color: #777;  padding: 5px 0px; }

.editor .error { color:#cc0000; clear:both; font-style:italic; display:none; padding-top: 5px; }

/* \Pencil\CMS\Editor\SimpleText */
.editor_simpletext .data-lang-block { clear:both; }

.editor_simpletext.single-data-lang .language-id { display: none; }
.editor_simpletext.multi-data-lang  .language-id { padding-top:5px; float:left; width: 5%; margin-top:0px; clear: both; }

.editor_simpletext.single-data-lang .uneditable,
.editor_simpletext.multi-data-lang  .uneditable,
.editor_simpletext.single-data-lang .editable,
.editor_simpletext.multi-data-lang  .editable { padding-top:0px; float:left; width: 100%; }

.editor_simpletext.has-prefix-or-suffix input { float:left; width:250px; }
.editor_simpletext .prefix { padding-top:12px; float:left; text-align:right; padding-right:5px; position: absolute; }
.editor_simpletext .suffix { padding-top:12px; float:left; text-align:left;  padding-left: 5px; }

.editor_simpletext.align-right input { text-align:right; }

.popup_back { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0, 0.8); }
.popup_back .popup_frame { position: absolute; top: 50%; left: 50%; width:800px; height: auto; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:3; border-radius:5px; background-color:#fff; padding:20px; max-height:80%; overflow:scroll; }
.popup_back .popup_frame .title { float:left; height:30px; font-size:19px; font-weight:bold; padding-bottom:10px; }
.popup_back .popup_frame .closepop { float:right;  width:30px; height:30px; background: url(../../pencil.resource.core/img/close_popup.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; cursor: pointer; }
.popup_back .popup_frame .content { clear:both; float:left; width:100%; }

/* \Pencil\CMS\Editor\MultiText */
.editor_multitext.single-data-lang .language-id { display: none; }
.editor_multitext.multi-data-lang  .language-id { padding-top:5px; float:left; width: 5%; margin-top:0px; clear: both; }

/* \Pencil\CMS\Editor\RichText */
.editor_richtext .data-lang-block { clear:both; }

.editor_richtext.single-data-lang .language-id { display: none; }
.editor_richtext.multi-data-lang  .language-id { padding-top:5px; float:left; width: 5%; margin-top:0px; clear: both; }

.editor_richtext.single-data-lang .uneditable,
.editor_richtext.multi-data-lang  .uneditable,
.editor_richtext.single-data-lang .editable,
.editor_richtext.multi-data-lang  .editable { padding-top:0px; float:left; width: 100%; }

.editor_richtext .popup_back .mceEditor table.mceLayout { width: 100%!important; }

/* \Pencil\CMS\Editor\Time */
.editor_time .editable { clear:both; min-height:25px; margin:7px 0 0 0; font-size:15px; }
.editor_time .editable input.time { width:70px!important; display:block; padding:5px; border-radius:5px; }

/* \Pencil\CMS\Editor\Date */
.editor_date .editable { clear:both; min-height:25px; margin:7px 0 0 0; font-size:15px; }
.editor .editable input.date { width:115px!important; padding:5px 25px 5px 5px; border-radius:5px; box-sizing: border-box;-webkit-box-sizing: border-box; background-image: url(../img/calendar.png); background-size: 26px 26px;-webkit-background-size:26px 26px; background-position: right; background-repeat: no-repeat;}
.editor_date .editable input.date { }

/* \Pencil\CMS\Editor\DateTime */
.editor_datetime .editable { clear:both; min-height:25px; margin:7px 0 0 0; font-size:15px; }
.editor_datetime .editable .date-part,
.editor_datetime .editable .time-part { float:left; }
.editor_datetime .editable input.date { }
.editor_datetime .editable input.time { width:70px!important; display:block; padding:5px; border-radius:5px; }

/* Pre-/suffix for date/datetime */
.editor_datetime,.editor_date.has-prefix-or-suffix input { float:left; }
.editor_datetime,.editor_date .prefix { padding-top:12px; float:left; text-align:right; padding-right:5px; }
.editor_datetime,.editor_date .suffix { padding-top:12px; float:left; text-align:left;  padding-left: 5px; }

/* \Pencil\CMS\Editor\MultiCheck */
.editor_multicheck .option { clear:both; float:left; min-height:25px; margin:7px 0 0 0;  }
.editor_multicheck .option label { display: block; padding-left: 15px; text-indent: -15px; white-space: nowrap; }
.editor_multicheck .option label input { width: 16px; height: 16px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }

/* \Pencil\CMS\Editor\OptionList */
.editor_optionlist .option { clear:both; float:left; min-height:25px; margin:7px 0 0 0; }
.editor_optionlist .option label { display: block; padding-left: 15px; text-indent: -15px; }
.editor_optionlist .option input { width: 16px; height: 16px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }

/* \Pencil\CMS\Editor\SelectList */
.editor_selectlist select { clear:both; float:left; min-height:38px; margin:7px 0 0 0; border-radius:5px; }
.editor_selectlist select option.concept { color: grey; font-style: italic; } .editor_selectlist select option.concept::after {  content: " (concept)";}
.editor_selectlist select option.deleted { color: red; font-style: italic; }
.editor_selectlist select option.empty   { color: dimgrey; }

/* \Pencil\CMS\Editor\FlexCheck */
.editor_flexcheck .editable .selected { clear:both; float:left; min-height:38px; margin:7px 0 0 0; border-radius:5px; }
.editor_flexcheck .editable .flex-item { cursor: pointer; float:left; }
.editor_flexcheck .editable .flex-item:hover { background-color:#ddd; }
.editor_flexcheck .editable .selected   .flex-item { padding:7px 4px 7px 5px; border:1px solid #ddd; margin:0px 8px 5px 0; border-radius:5px; background-color: rgba(0,0,0,0.02); }
.editor_flexcheck .editable .selected   .flex-item .remove { float:right; background-image:url(../img/close.png); width:13px; height:10px; margin:5px 2px 0 6px; background-size: 13px 10px; -webkit-background-size: 13px 10px; }
.editor_flexcheck .editable .unselected { -moz-column-count: 4;  -moz-column-gap: 20px;  -webkit-column-count: 4;   -webkit-column-gap: 20px;  column-count: 4;  column-gap: 20px; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */  page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ }
.editor_flexcheck .editable .unselected .flex-item { width:100%; padding:0px; border-radius:3px; }
.editor_flexcheck .editable .unselected .flex-item span { padding:7px 3px;  }
.editor_flexcheck .editable .unselected .flex-item .remove { display:none; }
.editor_flexcheck .editable .unselectedbox_toggler { float:left; padding:4px 3px 4px 30px; margin:8px 0 6px 0; white-space: nowrap; line-height:23px;  }
.editor_flexcheck .editable .unselectedbox { display:none; clear:both; width:98%; padding:10px 1%; background:rgba(0,0,0,0.02); ; border:1px solid #ddd; border-radius:5px; margin:20px 0; }
.editor_flexcheck .editable .unselectedbox .head { border-bottom:1px solid #ddd; padding:0; margin-bottom:5px; height:42px; }
.editor_flexcheck .editable .unselectedbox .head .boxlabel,
.editor_flexcheck .editable .unselectedbox .head .add-all { float:left; }
.editor_flexcheck .editable .unselectedbox .head .remove-all { float:left; }
.editor_flexcheck .editable .unselectedbox .head .add-all + .remove-all { margin-left: 25px; }
.editor_flexcheck .editable .unselectedbox .head .search { float:right; }
.editor_flexcheck .editable .unselectedbox .head .search input { width:100px; height:33px; padding:5px; border-radius:5px; }
.editor_flexcheck .uneditable .selected { clear:both; float:left; min-height:38px; margin:7px 0 0 0; border-radius:5px; }
.editor_flexcheck .uneditable .selected .flex-item { float:left; border:1px solid #ddd; border-radius:5px; padding:4px 4px 4px 5px; margin:5px 8px 5px 0; background: #eee no-repeat; }
.editor_flexcheck .uneditable .selected .flex-item .remove { display:none; }
.editor_flexcheck .flex-item.concept { color: grey; font-style: italic; } .editor_flexcheck .flex-item.concept::after {  content: " (concept)";}
.editor_flexcheck .flex-item.deleted { color: red; font-style: italic; }
.editor_flexcheck .flex-item.filtered { display:none; }
.editor_flexcheck .unselected-category-box .unselected { clear: both; }
.editor_flexcheck .unselected-category-box .category-label { clear: both; font-style: italic; font-weight: bold; }
.editor_flexcheck .editable .selected .flex-item .unselected-label { display: none; }
.editor_flexcheck .editable .unselected .flex-item .selected-label { display: none; }

    /* \Pencil\CMS\Editor\InnerList */
.editor_innerlist table { width:100%; margin:0 0 20px 0; padding:0; border-spacing:0; border-collapse:collapse; }
.editor_innerlist table th { text-align:left; vertical-align:middle; border-bottom:1px solid #ddd; padding:10px 0; background:rgba(0,0,0,0.02); ; }
.editor_innerlist table td { text-align:left; vertical-align:middle; border-bottom:1px solid #ddd; padding:5px 0; }
.editor_innerlist th:first-child,
.editor_innerlist td:first-child { padding-left:5px;}
.editor_innerlist .editable table .col_add_del { width:45px;padding-left:0px!important; }
.editor_innerlist .editable table td.col_add_del .delete    { }
.editor_innerlist .editable table td.col_sort    .sortable  { }
.editor_innerlist .editable th.col_add_del > div { padding:3px 3px; min-width:0; width:24px; margin-left:3px; }
.editor_innerlist .editable th.col_add_del .additem {  }
.editor_innerlist .editable td .editor .error,
.editor_innerlist .editable td .editor_simpletext .prefix {}
.editor_innerlist .editable td .editor_simpletext .suffix,
.editor_innerlist .editable td .editor .label,
.editor_innerlist .editable td .editor .sublabel,
.editor_innerlist .editable td .editor_simpletext.single-data-lang .language-id { display:none; }
.editor_innerlist .editable td .editor_optionlist .option { min-height:16px; }
.editor_innerlist .editable td .editor_simpletext.has-prefix-or-suffix input { float:left; width:100%; }
.editor_innerlist .icon_additem { float:left; padding:4px 3px 4px 30px; margin:0px 0 6px 0; line-height: 23px; white-space: nowrap;}
.editor_innerlist input.short, .editor_innerlist textarea.short, .editor_innerlist input.long,
.editor_innerlist textarea.long { width:80%!important;  }
.editor_innerlist select { margin:0!important;}


.editor_innerlist .editable td .editor_flexcheck .popup_back,
.editor_innerlist .editable td .editor_innerlist .popup_back { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0, 0.8);  }
.editor_innerlist .editable td .editor_flexcheck .popup_container,
.editor_innerlist .editable td .editor_innerlist .popup_container { display:none; position: fixed; top: 50%; left: 50%; width:800px; max-height: 100%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%, -50%); z-index:3; overflow-y: auto; overflow-x: hidden; }
.editor_innerlist .editable td .editor_flexcheck .popup_container .popup_frame,
.editor_innerlist .editable td .editor_innerlist .popup_container .popup_frame { border-radius:5px; background-color:#fff; padding:20px; }
.editor_innerlist .editable td .editor_flexcheck .popup_container .popup_frame .title,
.editor_innerlist .editable td .editor_innerlist .popup_container .popup_frame .title { float:left; height:30px; font-size:19px; font-weight:bold; padding-bottom:10px; }
.editor_innerlist .editable td .editor_flexcheck .popup_container .popup_frame .closepop,
.editor_innerlist .editable td .editor_innerlist .popup_container .popup_frame .closepop { float:right;  width:30px; height:30px; background: url(../img/close_popup.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; cursor: pointer; }
.editor_innerlist .editable td .editor_flexcheck .popup_container .popup_frame .content,
.editor_innerlist .editable td .editor_innerlist .popup_container .popup_frame .content { clear:both; float:left; width:100%; }
.editor_innerlist .editable td .editor_flexcheck .pop,
.editor_innerlist .editable td .editor_innerlist .pop { float:left; cursor:pointer; margin:0 0 0 5px; padding-left:0;  }
.editor_innerlist .editable td .editor_flexcheck .count,
.editor_innerlist .editable td .editor_innerlist .count { float: left;  padding: 4px 0 0 0;  display: block; }


/* \Pencil\CMS\Editor\MultiFile */
.editor_multifile .editable,
.editor_multifile .uneditable { clear:both; }
.editor_multifile .item,
.editor_multifile .item-new { width:162px; height:200px; float:left; margin:0 17px 17px 0}
.editor_multifile .item > .content { height:160px; border:1px solid #ddd; border-top-left-radius:5px; border-top-right-radius:5px; background:#ddd; display: table; #position: relative; overflow: hidden; }
.editor_multifile .item > .content > div {width:160px; text-align:center; #position:absolute; #top:50%; display: table-cell; vertical-align:middle; }
.editor_multifile .editable .item input.file-name { width:152px; font-size:12px; border-radius:5px; padding-left:3px; padding-right:3px; }
.editor_multifile .editable .item input.file-size { font-style: italic; }
.editor_multifile .editable .item-new input.browse { position:relative; left:-10000px; display:inline; height:1px; /* Out of view */ }
.editor_multifile .editable .item-new label.browse { display:block; height:146px; border:2px dashed #ddd; border-radius:5px; background: url(../img/mfile_new.png) center; z-index:10000; background-size: auto; box-sizing: border-box; }
.editor_multifile .editable .item-new label.browse.file-drag-over { border-color:#c00; }
.editor_multifile .editable .item-new .loader { background: url(../img/loader.gif) center; height:146px; width:146px; display:none; background-repeat: no-repeat; }
body[data-interface-language=EN] .editor_multifile .editable .item-new label.browse { background-image:url(../img/mfile_new_en.png); }
body[data-interface-language=NL] .editor_multifile .editable .item-new label.browse { background-image:url(../img/mfile_new_nl.png); }
.editor_multifile .editable .item .actions { height:38px; text-align:center; padding:0 15px; border:1px solid #ddd; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#fff; }
.editor_multifile .editable .item .actions .icon { width:36px; height:36px; cursor: pointer; float:left; }
.editor_multifile .editable .item .actions .icon.delete    {  }
.editor_multifile .editable .item .actions .icon.download  { background: url(../img/download.png) no-repeat center; background-size: contain; margin-left:12px; }
.editor_multifile .editable .item .actions .icon.drag      { background: url(../img/drag.png) no-repeat center; background-size: contain; float:right; cursor:move; }
/* \Pencil\CMS\Editor\MultiImage. Extends \Pencil\CMS\Editor\MultiFile, so .editor_multifile is also present. */
.editor_multifile .item > .content > div img { #position: relative; #top:-50%; margin:0 auto; }
.editor_multifile.editor_multiimage .editable .item-new label.browse { background: url(../img/mimg_new.png) center; }
body[data-interface-language=EN] .editor_multifile.editor_multiimage .editable .item-new label.browse { background-image:url(../img/mimg_new_en.png); }
body[data-interface-language=NL] .editor_multifile.editor_multiimage .editable .item-new label.browse { background-image:url(../img/mimg_new_nl.png); }
.editor_multifile.editor_multiimage .editable .item .actions .icon.edit  { background-image:url(../img/edit.png); margin-left:12px; background-size: contain;}

/* \Pencil\CMS\Editor\Password */
.editor_password .editable { clear:both; }
.editor_password .editable .generate-new { float:left; }
.editor_password .editable .password-plain { float:left; width:180px; margin:7px 0 0 15px; font-family:monospace; display:none; text-align:center; height: 34px; }
.editor_password .editable .password-transfer { display:none; }
.editor_password .editable .save-on-submit-note { font-style:italic; margin:12px 0 0 15px; display:none; float:left;  }

/* \Pencil\CMS for mobile screens */
@media all and (max-width: 960px) {
  #header,.page { width:100%;min-width:100%; }
  .page.login #loginblock,
  .page.login #forgotblock { margin:20px auto 20px auto;  padding:5%; width:90%; }
  #nav > ul { min-width: 100%;}
}