@font-face {
    font-family: 'akz-light';
    src: url('fonts/akzidgrostdlig.eot');
    src: url('fonts/akzidgrostdlig.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidgrostdlig.woff') format('woff'),
         url('fonts/akzidgrostdlig.ttf') format('truetype'),
         url('fonts/akzidgrostdlig.svg#akzidenz-grotesk_stdlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'akz-med';
    src: url('fonts/akzidgrostdmed.eot');
    src: url('fonts/akzidgrostdmed.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidgrostdmed.woff') format('woff'),
         url('fonts/akzidgrostdmed.ttf') format('truetype'),
         url('fonts/akzidgrostdmed.svg#akzidenz-grotesk_stdmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { height: 100%;}
html body {height: 100%;}
body{font-family: 'akz-light'; font-size:2.4rem;padding:2.5rem; color:rgba(0,0,0,1)}
h1,h2,h3,h4,h5,h6{font-size:2.4rem; margin:0;font-family: 'akz-med'; }
ul{padding:0; margin:0; list-style:none; display:block}
li{display:block}
a{ color:#9d9d9c}
a:hover{ color:#010101; text-decoration:none}
img{ max-width:100%;}
label{ font-family: 'akz-med'; font-weight:normal; font-size:2.4rem}

*{ box-sizing:border-box;font-weight:normal;}
html *{font-weight:normal;}

/*MODAL*/
.modal{ display:none; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0;  bottom:0; right:0; z-index:1000;padding:5vh}
.modal.active{ display:block}
.modal .modal_inside{position:relative; margin:auto; overflow:hidden; display:block; background:#FFF; border-radius:5px}
.modal .modal_inside  .content{display:block; font-size:1.6rem}
.modal .modal_inside .top{ padding:1rem; overflow:hidden; background:#CCC; font-size:2rem}
.modal .modal_inside .edit_body{ overflow:auto; height:65vh; padding:0 2rem}
.modal .modal_inside .bottom{  padding:1rem; overflow:hidden; background:#CCC}
.modal .modal_inside>.closeModal{ position:absolute; top:1rem; right:1rem; cursor:pointer}
.modal .modal_inside>.closeModal{ content:url("../img/x_ico_black.png"); width:2rem}

.modal .modal_inside{ }
.modal .modal_inside  .content label{ font-size:1.6rem; margin:0; line-height:3rem}
.modal .modal_inside  .content legend{ font-size:1.6rem; margin-bottom:0.5rem; padding:0.5rem 0}
.modal .modal_inside  .content fieldset fieldset{ padding-left:2rem; padding-bottom:4rem}
.modal .modal_inside  .content fieldset fieldset legend{ background:#999; padding:0.5rem 1rem; color:#FFF; font-weight:bold}
.ftp_box{ padding:1rem 2rem; font-size:1.4rem; border:1px solid rgba(0,0,0,0.2) }
.ftp_box .btn{ padding:0 0.5rem; margin-left:1rem }
.ftp_box li{  display:block}

#modalUiMsg{ display:none; position:absolute; bottom:1rem; right:2rem; line-height:2rem; font-size:1.6rem; padding:1rem; border-radius:1rem; background:rgba(255,255,255,0.5)}

#modal_copyright{background:rgba(0,0,0,0); padding:0; font-family: 'akz-med'; }
#modal_copyright .modal_inside{ font-size:2.4rem; min-height:18rem;border-radius:0; color:#FFF;  background:#1d1d1b; position:absolute; bottom:0; left:0; right:0}
#modal_copyright .button_container{ text-align:center; width:18rem; position:absolute; top:0; right:0; border-left:1px solid #FFF; line-height:4.5rem}
#modal_copyright .button_container a{ font-size:2.4rem;color:#FFF}

#modal_copyright a{ color:#FFF}
#modal_copyright .modal_inside  h3{ }
#modal_copyright .modal_inside  .modal_text{ font-family: 'akz-med';line-height:2.6rem; font-size:2.4rem;padding-left:2.5rem; padding-top:.7rem; max-width: 66%;}
#modal_copyright .modal_inside  .modal_text a{ font-family: 'akz-med';text-decoration:underline}
header{border-bottom:1px solid #CCC; position:relative  }
header h1{ float:left;line-height:auto;height:3.5rem;}
header nav.languages{ float:right; font-size:1.8rem; margin-top: -.0rem; display: none;}

header nav.logout{ float:right; margin-top:-.4rem;  margin-left:2rem}
header nav.logout a{ cursor:pointer}
header nav.logout a:hover{ opacity:0.7}
header nav.logout img{ height:3.2rem}

header nav.search{ float:right; margin-top:-.5rem;  margin-left:1.6rem;  margin-right:0.5rem;display: none;}
header nav.search a{ cursor:pointer}
header nav.search a:hover{ opacity:0.7}
header nav.search img{ height:2.7rem}

input.loginico:hover{ opacity:0.7}
input.loginico { height:3rem; display:inline-block; vertical-align:middle; margin-left:2rem}


a.close_search{ cursor:pointer; position:absolute; right:2.5rem; top:1.1rem}
a.close_search:hover{ opacity:0.7}
a.close_search img{ height:2rem}

a.close_search img{ height:2rem}
body.search_open{ overflow:hidden}
#searchbox{ background:rgba(0,0,0,0.9); position:absolute; top:0; left:0; right:0; bottom:0; z-index:1000; color:#FFF}
#searchbox.init .search_body{ display:none}
.search_body{ padding:7rem; overflow:auto; position:absolute; top:7rem; left:0; right:0; bottom:0;}
#searchbox a{ color:#FFF}
.search_header input{ outline:none; box-shadow:none;font-family: 'akz-med'; font-weight:normal;background:#000; border:none; font-size:2.4rem; padding:0; margin:0; color:#FFF; border-bottom:1px solid #FFF;  border-radius:0 !important; width:100%;  display:block}
#searchbox  .search_header{background:rgba(0,0,0,1); padding:2.5rem 2.6rem 0rem;  height:7rem}
#search_form_input{ height:3.6rem; padding-bottom:1rem}

.search_string_container{ font-size:1.6rem; margin-bottom:4rem}
.searchmenu_container,.searchfile_container{ width:49%; display:block; float:left

	}
.search_body h4{ font-size:1.4rem;font-family: 'akz-light'; line-height:1.6rem}
.menu_result,.file_result{font-family:'akz-med'; font-size:2rem; line-height:4.5rem  }
.menu_result,.file_result{ font-size:2.4rem;   }

.searchfile_container span,.searchmenu_container a{ display:block}
input[type=checkbox] {
    zoom: 1.5; margin-right:1.5rem;
}
.checkbox input{ position:absolute; left:100%; top:100%; opacity:0}
.checkbox{ display:inline-block !important; border:2px solid #FFF; height:2rem; width:2rem; vertical-align:middle; padding:4px; cursor:pointer; position:relative; overflow:hidden; margin-right:1.5rem; border-radius:5rem}
.checkbox.checked{ background:#fff;   }
.checkbox.checked:before{ display:block; content:""; width:100%; height:100%; background:#fff; border-radius:10rem;  }
/*
.main-container ul li .top,
.main-container ul li .edit_area{ padding-left:0}
.main-container ul ul li .top,
.main-container ul ul li .edit_area{ padding-left:3.5rem; background:#ededed}
.main-container ul ul ul li .top,
.main-container ul ul ul li .edit_area { padding-left:11rem}
.main-container ul ul ul ul li .top,
.main-container ul ul ul ul li .edit_area { padding-left:15rem}
.main-container ul ul ul ul ul li .top,
.main-container ul ul ul ul ul li .edit_area { padding-left:18rem}

.main-container ul ul ul ul ul  { padding:1.1rem 0 1.7rem ; border-bottom:1px solid #CCC}
*/
.CHILDREN_CONTAINER{ padding-left:0}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER{padding-left:3.5rem;  display:block; background:#ededed;}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER{padding-left:7.5rem;  }
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER  .CHILDREN_CONTAINER{padding-left:4rem;  }
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER  .CHILDREN_CONTAINER .CHILDREN_CONTAINER{padding-left:3rem;  }

.CHILDREN_CONTAINER .CHILDREN_CONTAINER .top,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .edit_area,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .ui-state-highlight{ margin-left:-3.5rem;padding-left:3.5rem}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .top,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .edit_area,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .ui-state-highlight{margin-left:-11rem;padding-left:11rem}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .top,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .edit_area,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .ui-state-highlight{ margin-left:-15rem;padding-left:15rem}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .top,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .edit_area,
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .ui-state-highlight{ margin-left:-18rem;padding-left:18rem}

.user_admin .menu.files_container>.CHILDREN_CONTAINER>.menu>.edit_area>.btn-group>.btn:first-child:before{ content:"colonna laterale"; display:inline; font-size:1.4rem }
.user_admin .menu.files_container>.CHILDREN_CONTAINER>.menu>.edit_area>.btn-group>.btn:first-child{font-size:0 }
.user_admin .menu.files_container>.CHILDREN_CONTAINER>.menu>.top .position{ display:none}

.user_user .menu.files_container>.CHILDREN_CONTAINER>.menu>.top{ display:none }
.menu.files_container>.CHILDREN_CONTAINER>.menu>.CHILDREN_CONTAINER{ display:block }
.user_user .menu.files_container>.CHILDREN_CONTAINER>.menu{position:absolute; top:1rem; left:40%; }

.menu.files_container>.CHILDREN_CONTAINER{ font-size:0; padding-top:1rem; position:relative }
.menu.files_container>.CHILDREN_CONTAINER:after{ content:"0"; font-size:0; display:block; border-bottom:1px solid #CCC; margin-top:1rem}
.CHILDREN_CONTAINER .menu.files_container>.CHILDREN_CONTAINER:after{ margin-left:-3.5rem;}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .menu.files_container>.CHILDREN_CONTAINER:after{margin-left:-11rem;}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .menu.files_container>.CHILDREN_CONTAINER:after{ margin-left:-15rem;}
.CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .CHILDREN_CONTAINER .menu.files_container>.CHILDREN_CONTAINER:after{ margin-left:-18rem;}



.main-container a.close{ float:right; font-size:0; line-height:4.5rem; padding-right:0.8rem }
.main-container a.close img{ max-height:1.8rem; max-width:1.8rem; }
.main-container a.download{ float:right; font-size:0; line-height:4.5rem; padding-right:7rem }
.main-container a.download img{ max-height:2rem; max-width:2rem; }
/*.main-container a.close:before{ content:url("../img/close_ico.png");height:1rem; width:1rem;}*/

.main-container li.menu>.top{ border-bottom:1px solid #CCC}
.main-container li.menu>.top .title{font-family: 'akz-med'; line-height:4.5rem;height:4.5rem; }
.main-container li.menu{font-size: 2.4rem; }

.main-container li.file>.top{ }
.main-container li.file>.top .title{ color:#626366; font-size:1.4rem;  line-height:22px; padding-left:2.5rem; min-height:20px; display:block }
.main-container li.file>.top .title:hover{background: url("../img/zip_download_ico_3.png") no-repeat 0% 50%;}
.btn-group>span,.btn-group>span:hover{  background:#999; color:#FFF; border-color:#999; cursor:default}

.languages a{ opacity:0.5}
.languages a.active{ font-weight:bold;font-family: 'akz-med'; font-weight:normal;opacity:1}

body.user_not_logged { background:#DA291C; color:rgba(255,255,255,1)}
body.user_not_logged header{border-bottom:1px solid #fff;   }
body.user_not_logged .languages a{ color:#FFF}
.password_intro{ font-size:1.4rem; padding-top:8.5rem}
body.user_not_logged header{border-bottom:1px solid #fff;   }
.form-horizontal .control-label { text-align:left; padding-top:0;   }
body.user_not_logged input[type="password"]{ outline:none; box-shadow:none;font-family: 'akz-med'; font-weight:normal;background:#DA291C; border:none; font-size:2.4rem; padding:0; margin:0; color:#FFF; border-bottom:1px solid #FFF; width:45rem;max-width:75vw; border-radius:0 !important; display: inline-block}
body.user_not_logged .bglogo{ position:absolute;   z-index:-10; display:none; left:0;top:0; width:100%;    padding:0 2rem 2rem}
body.user_not_logged .bglogo img{ display:inline; max-height:70vw;max-width:70vw; display:none}
body.user_not_logged:after{border-bottom:1px solid #FFF; content:""; font-size:0; display:block; position:absolute; bottom:2.5rem; left:2.5rem;right:2.5rem; z-index:10; }
#bglogo_spacer{ display:inline-block}
body.user_not_logged input::-webkit-input-placeholder,#searchbox input::-webkit-input-placeholder {
color: #FFF !important
}

body.user_not_logged input:-moz-placeholder,#searchbox input:-moz-placeholder  { /* Firefox 18- */
color: #FFF !important;
}

body.user_not_logged input::-moz-placeholder,#searchbox input::-moz-placeholder  {  /* Firefox 19+ */
color: #FFF !important;
}

body.user_not_logged input:-ms-input-placeholder,#searchbox input:-ms-input-placeholder  {
color: #FFF !important;
}


.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.menu.closed .CHILDREN_CONTAINER{ display:none}
/*body.user_admin  .menu.closed .CHILDREN_CONTAINER{ display:block}*/

.menu.open>.CHILDREN_CONTAINER{}

.menu.open>.CHILDREN_CONTAINER{}

#image_preview{ position:absolute; display:none; background:#FFF }
#image_preview.open{ display:block}
#image_preview img{ max-width:200px; box-shadow: 5px 5px 27px rgba(0,0,0,0.2);}

a.download_zip_search:after{ padding-left:0.7rem; content:"Download zip"; display:inline-block; font-size:1.2rem; vertical-align:middle; text-decoration:none; color: #fff;font-size: 1.4rem;line-height: 22px}
a.download_zip_search{ display:none; opacity:0.5}
a.download_zip_search:hover{ opacity:0.7}
a.download_zip_search[href]{ display:block}
a.download_zip_search[href='?a=1']{ display:none}



.download_zip{ display:none}
.menu.open>.top>a.download_zip{ display:block; opacity:0.3 }
.menu.open>.top:hover>a.download_zip{color:#010101; opacity:1 }
a.download_zip{ float:right; font-size:0;  padding:1.5rem  1rem 0; margin-right:6rem}
a.download_zip:after{ content:"Download zip"; display:inline-block; font-size:1.2rem; vertical-align:middle; text-decoration:none; color: #626366;font-size: 1.4rem;line-height: 22px;}
a.download_zip:before{ content:url("../img/zip_download_ico.png"); display:inline-block; padding-right:0.7rem; vertical-align:middle}

.top:hover .title{color:#010101;}

/*
.main-container a.download_zip:hover{ opacity:0.7}

.CHILDREN_CONTAINER .CHILDREN_CONTAINER a.download_zip:after{ content:url("../img/zip_download_ico_2.png")}
*/
.menu.open>.top>a.close_menu{ display:block;}
.main-container a.close_menu{ cursor:pointer; float:right; font-size:0; line-height:4.5rem; padding:0 1rem }
.main-container a.close_menu img{ max-height:2rem; max-width:2rem; }
.main-container a.close_menu:hover{ opacity:0.7}
.menu>.top .close_menu{
	transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.menu.open>.top .close_menu{
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.top{ cursor:pointer}
.position{ display:inline-block; padding-right:0.5rem}
*:focus {outline:0 !important;outline: none;
box-shadow:none !important;
border-color:#FFF !important;
}
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }


.edit_image_preview{ max-width:150px; display:block}

img['src="http://www.ccrz.ch/LAC/.small."']{ display:none}

.menu,.file{ clear:both}
.extra .description{ display:none}
.top { vertical-align:top}
.extra { display:none}


body.user_not_logged .col-sm-1{ width:200px}
[obj_id='root']>.CHILDREN_CONTAINER{ padding-top:5rem; max-width:66%}

.main-container li.file>.top{ padding:0 !important; margin:0 !important }
.thumb{ max-width:100px; display:inline-block}


  .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
  .ui-sortable-helper:before{ background:#ededed;position:absolute; content:"";  display:block; top:0; right:0; left:0; bottom:0; margin:-1rem; z-index:-10}
  .ui-sortable-helper{ position:relative}

 .btn-group .btn,.btn{ border-radius:0 !important}

.file_field{ margin-bottom:1rem}
.languages .active{ color:#000}
.password_errors{ font-size:1.3rem; opacity:0.5; margin-top:1rem}

@media (min-width:768px){
	#bglogo{display:block}
	/*.main-container li.file{ width:40%; display:inline-block; }*/

	}
@media (max-width:768px){
	[obj_id='root']>.CHILDREN_CONTAINER{max-width:none}

	}
@media (min-width:992px){

	}
@media (min-width:1200px){
	}