body, html {
height: 100%;
}

body{
  overflow:hidden ;
  background-color: #FAFAFA !important;
}

hr {
  margin: 10px 0;
}


.space10px{
    padding-left:10px ;
}

/* Flaticon Styles */

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  margin-left: 0 !important;
}

.flaticon-two396:before {
  font-size: 14px !important;
}


.form-group {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrapper {
  height: 100%;
  width: 100%;
}

#sidebar_left{
    padding-top: 5px;
}

#btn_search_annulla{
    cursor:pointer !important ;
}

#input_vai_a_pagina{
    width: 40px;
    padding:5px;
    margin:0;
    text-align: center;
}

#list_images_search{
   /* width:240px; */
    height:470px ;
    overflow:auto ;
    overflow-x:hidden ;
    padding:4px;
    text-size:10px ;
}

#bar_items_found{
    height:400px;
}

#slider-vertical{
    margin-top:10px;
    height:90%;
}


#content_indice{
       height:auto;
       overflow:auto ;
       overflow-x:hidden ;
       position: absolute;
       height: 80%;
       padding-top: 5px;
}



.index_list{
    cursor:pointer;
    padding:2px 0 0 5px ;
}

.sub_index_list{
    cursor:pointer;
    padding:2px 0 0 5px ;
}

.sub_index_list:hover {
  background-color: #f5f5f5;
}

.sub_index_list span:before,
.sub_sub_index_list span:before {
  margin: 0;
}

.sub_sub_index_list{
    cursor:pointer;
    padding:2px 0 0 30px ;
}


#content_bg_transparent{
    display:none;
}

.content_bg_transparent{
    display:none;
}


.loading_li_page{
    padding-top:3px;
    margin:0 auto;
    width:300px ;
}

.li_page{
 /*   width:600px; */
    list-style-type: none;
}

.div_container_img_search_content{
    padding:3px;
    width:150px;
    text-align:center;
}

.thumb_change_page{
    cursor:pointer ;
}

.thumb_change_page_content{
    cursor:pointer ;
    width: 140px;
    height: 140px;
}

.thumb_change_page_element{
    cursor:pointer ;
    width: 220px ;
}

.thumb_change_page_element_click{

    background-color:#cccccc ;
}

.allegato_incon_search_selected{
 color: rgb(255, 202, 9)
}

#elementHighlighted{
    display:none;
}

.img_page{
}

.img_page_transparent{
}

.img_page_loader{
  /*  width:400px !important;
  height:400px !important;*/
  box-shadow:0 1px 5px #000  ;
}

.a_space_pages{
    height:10px !important;
}

.a_space_pages_first_page{
    height:0px !important;
}


.li_page_zoom_in{
    width:600px;
    list-style-type: none;
    margin-top:10px;
}

.img_page_zoom_in{
    width:600px;
}




.canvas_page{
  box-shadow: 0 1px 5px #000;
  -webkit-box-shadow: 0 1px 5px #000;
  -moz-box-shadow: 0 1px 5px #000;
}

#control_ul_images{
    padding: 0;
    padding-top:0px ;
    /*
    padding-left:50px ;
    padding-right:50px ;
    padding-bottom:50px ;
    */

    margin:0 auto ;


}

.control_ul_images_allegati_over{
        cursor:pointer ;
}

.control_ul_images{
    cursor:pointer ;
    cursor:grab ;
    cursor: -webkit-grab;
    cursor:-moz-grab;
}


.div_container_img_search{
    /*
    font-size:10px;
    padding:3px;
    width:auto;
    */
}

.div_container_img_search:hover {
  background-color: #f5f5f5;
}


::-webkit-scrollbar {
       /*
    height: 0px !important;
    width: 0px !important;
    display: none !important;
       */
}

#elePrinc{
  width:auto;
  text-align:center ;
  background-color: #E5E5E5;
  padding-right:5px;
  overflow:auto ;
  overflow-x:hidden ;

  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  font-family: segoe ui, helvetica neue, helvetica, arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
}

.zoom_in{
    transform: scale(1.1);
    padding-top:500px !important ;
}
.zoom_out{
    transform: scale(1 );
}

.zoom_in_plus{
    transform: scale(1.2);
    padding-top:1000px !important ;
}
.zoom_out_plus{
    transform: scale( 0.9 );
}

.custom-paging {
  background-color: #fff;
  /*height: 37px;*/
  border-radius: 2px;
  border: 1px solid #ccc;
  margin-bottom: 0px !important;
  width: 90px;
}

.custom-form {
  border: none !important;
  box-shadow: none !important;
}

.input-group-addon {
  background-color: transparent;
}

.highlight_search{

    /* border: 1px solid blue !important; */
    background-color:#cccccc ;
}

.paddingtop50{
}

.loading_li_page{
    font-size:10px ;
    padding:3px ;
}


/*** nuova grafica ***/
#div_nr_item_found{
 padding-top:30px  ;
}


#container_header{
 background-color: #FAFAFA;
 height: 57px !important;
      margin:0px;
           padding:0px;
}

.custom-navbar {
  background-color: rgb( 250, 250, 250 );
  -webkit-box-shadow: 0.5px 0.866px 3px 0px rgba(64,64,64,1);
  -moz-box-shadow: 0.5px 0.866px 3px 0px rgba(64,64,64,1);
  box-shadow: 0.5px 0.866px 3px 0px rgba(64,64,64,1);
}


#nav_titoli{
    text-align: center;
    margin-left:8%;
}

#titolo_collezione{
    font-size:14px ;
     padding:5px;
     margin:0px;
    color: #606060 ;
     font-family: 'Montserrat', sans-serif;
}

#titolo_volume{
     font-size:22px ;
     padding:0px;
     margin:0px;
    color: #252525 ;
     font-family: 'Montserrat', sans-serif;
     font-weight:bold;
}


#titolo_link_collezioni{
     font-size:12px ;
     padding:5px;
     margin:0px;
    color: #252525 ;
     font-family: 'Montserrat', sans-serif;
    font-weight:bold;
    text-align: right !important;
    margin-top: 12px;
}

#titolo_link_collezioni a {
  color: #252525;
}

#titolo_link_collezioni a:hover {
  color: rgb(255, 202, 9);
  text-decoration: none;
}

#titolo_link_collezioni span{
  vertical-align: middle;
}

#titolo_link_collezioni span i:before {
  font-size: 16px;
  margin-left: 10px !important;
}

#nav_logo{
  padding:16px 0;
  margin:0px;

}

#nav_logo img {
  width: 43%;
}

.aside {
  width: 108px;
  float: left;
}

.aside:after {
  content: " ";
  border-right: 1px solid #CCCCCC;
  height: 100%;
  position: absolute;
  z-index: 1;
}


#container_aside_left{
  background-color: #FAFAFA;
  margin:0px;
  padding:8px;
  height:100% ;
  border-radius: 0px;
  width: 108px;
  top: 57px;
  text-align: center;

}

.item_container_aside_left{
    padding:10px ;
    cursor:pointer ;
}

.item_container_aside_left i.flaticon-search100:before,
.item_container_aside_left i.flaticon-bookmark7:before,
.item_container_aside_left i.flaticon-clip26:before {
  font-size: 35px;
}



#container_menu_items{
  background-color: #FAFAFA;
  margin:0px;
  padding:0px;
  height:100%;
  /*min-height: 700px;*/
  border-radius: 0px;
  display:none ;
  top: 58px;
  width: 338px;
}

#container_sfogliatore{
  background-color: #FAFAFA;
  margin:0px;
  padding:0px;
  height:100% ;
  border-radius: 0px;
}


#titolo_container_menu_items  {
font-size:19px ;
padding:10px;
margin:0px;
color: #FFCF01 ;
font-family: 'Montserrat', sans-serif;
text-align: right !important;
}

#close_container_menu_items {
font-size:15px ;
padding:10px;
margin:0px;
font-family: 'Montserrat', sans-serif;
cursor:pointer ;
text-align: right !important;
}


#container_menu_items_ricerca_input{
  padding:10px;
  margin:0px;

}

.close-icon {
    border: transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    position: absolute;
    right: 4px;
    z-index: 3;
    top: 5px;
}
.close-icon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    z-index:2;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.form-control:not(:valid) ~ .close-icon {
    display: none;
}

#container_menu_items_ricerca_input .form-group .input-group {
  width: 100%;
}

#container_menu_items_ricerca_input .form-group .input-group .form-control {
  border-radius: 2px;
  position: relative;

}

#container_menu_items_ricerca_input .form-group .input-group .input-group-addon {
  position: absolute;
  background: 0 0;
  border: 0;
  z-index: 999;
  right: 0;
  width: 0;
  right: 10px;
  top: 3px;
}

#container_sfogliatore{
    background-color: #CCCCCC;

}

.button_disabled{
    cursor:default !important;
    background-color:#eeeeee  !important;
}


.tableElementIndex{
    margin:0;
    padding:0;
    cursor:pointer ;
}

.tableElementIndex {
    margin: 0;
    padding:4px;
    cursor:pointer ;
}

.trTableElementIndex:hover{
    background-color: #f5f5f5;
}



.btn_zoom {
background-color: #CCCCCC;

}


#container_number_page{
font-family: 'Montserrat', sans-serif;
font-size:14px ;
padding-bottom:10px
}

.container_risultati_trovati{
 font-family: 'Montserrat', sans-serif;
font-size:12px ;
  padding-bottom:10px
}

.container_risultati_trovati_allegati{
font-family: 'Montserrat', sans-serif;
font-size:12px ;
padding-bottom:10px;
text-align:left  ;
/*margin:10px ;*/
}

.container_risultati_trovati_allegati .list_risultati_trovati {
  padding: 5px;
  line-height: 1;
}

.container_risultati_trovati_allegati .list_risultati_trovati > div {
  margin-bottom: 5px;
  padding: 3px;
}

.container_risultati_trovati_allegati .list_risultati_trovati > div:hover {
  background-color: #f5f5f5;
}

#div_count_allegati_trovati{
  margin-top: 10px ;
  margin-bottom: 10px;
  width: 100%;
}

#group_input_allegato{
margin:10px;
}

.item_search_allegato{
    padding:4px !important ;
    margin:0px !important ;

cursor:pointer;
}

.item_search_allegato i {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
}

.filter_allegato{
 cursor:pointer;
}
#btn_search_annulla_allegato{
  cursor:pointer;
}

.list_risultati_trovati{
font-family: 'Lora', serif;
font-size:12px;
border-radius: 0 !important;
}

.list-header {
  line-height: 1;
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
  float: left;
  width: 100%;
}

.list-header .menu-item {
  width: 20%;
  float: left;
  text-align: center;
}

.list-header .menu-item h6 {
  margin: 0;
}

.list-header i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: 4px;
}

.flaticon-grid2:before {
  font-size: 18px;
}

.list-header i:before {
margin-left: 0;
}

.menu_items{
display:none ;
}

.bottom-content {
  padding: 10px;
}


#container_menu_items_allegati{
/*padding:10px;*/
text-align:center ;

}

.searchbar-allegati {
padding: 10px;
background-color: #ebebeb;
margin-bottom: 0;

}

.form-allegati {
display: block;
width: 100%;
height: 32px;
padding: 0px 8px;
font-size: 12px;
line-height: 1.42857143;
color: #eaf0f1;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-feedback {
position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: block;
  width: 22px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  color: #555;
  pointer-events: none;
}

#container_menu_items_indice{
   padding:10px;
   height: 100%;
   width: 100%;
   position: absolute;
}

#div_number_total_page{
background-color: #e1e1e1;
font-family: 'Montserrat', sans-serif;
font-size:12px ;
margin-left:0px;
padding:10px;
border: 0;
border-radius: 1px;

}

.button_change_page:hover{
text-decoration:none;
}

.content {
padding-top: 57px;
height: 100%;
}


#div_ajax_loader{
  height: 400px;
  position: absolute;
  /*left: 50%;*/
  top: 20%;

}
.ajax-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px; /* -1 * image width / 2 */
  margin-top: -32px; /* -1 * image height / 2 */
  width:70px ;
}



.button_controls{
 background-color:#cccccc !important;
 cursor:pointer ;
}


#zoomIn, #nextPage {
    background-color: #cccccc; padding:0; margin-left:2px ; width:44px
}

#nextPage {

}


.container_filter_allegato{
    cursor:pointer ;
}


#zoomIn, #nextPage i:before {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

#zoomOut, #prevPage{
    background-color: #cccccc;
    padding:0;
    /*margin-left:5px*/ ;
    width:44px;

}

#zoomOut, #prevPage i:before {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

/*=====================================
=            Modal Windows            =
=====================================*/

.custom-modal {
  background-color: #FAFAFA;
  border-radius: 4px;
}

.custom-modal .modal-header .close {
  font-size: 26px;
  color: #252525;
  opacity: 1;
}


/*=====  End of Modal Windows  ======*/


@media (max-width:1024px) {

  #container_menu_items {
    position: absolute;
    width: 200px;
  }

}


input::-ms-clear {
  display: none;
}

#list_risultati_trovati_allegati{
    overflow:auto ;

}

#content_attachment_audio{
cursor:pointer ;
box-shadow:0 1px 5px #000 ;
width:350px ;
text-align: right;
margin-right:20px ;
right:2px ;
padding:0px;
top:58px ;
background-color:rgb(250, 250, 250) ;
position: absolute;

}

.audio_player, .video_player{
  cursor:pointer   ; 
  min-width:340px  ; 
  margin: 0px; 
  padding:5px;
}


#content_attachment_audio_span_page{
font-family: \'Montserrat\' ,sans-serif ;  font-size:12px  ;
padding-left:10px ; 
}


/* SLIDER */
.bx-pager{
    display:none  ;    
}
.btn_next_slider  {
  background-color: #cccccc  ; padding:0; margin-left:2px ; width:44px; color:#fff ;  
}   
.btn_next_slider:hover{
   color:#fff ;  
}  
.btn_prev_slider  {
    background-color: #cccccc; padding:0; margin-left:2px ; width:44px; color:#fff ;  
}
  .btn_prev_slider:hover{
  color:#fff ;   
}

#div_image_viewer_counter_images{
text-align:center; color: #606060; font-family: "Montserrat",sans-serif; font-size: 14px;margin: 0; padding: 5px;    
    
}

#slider-prev, #slider-next{
    cursor:pointer ; 
    
}

.itemPreviewFotoAttachment{
    width: 100% !important ; 
        background-color:  #fafafa ; 
}
#viewer_attachments_content .bx-wrapper img{
    display:inline-block !important;
}
#viewer_attachments_content   {
    padding: 2px ;

}
  #viewer_modal_header {
    padding: 5px ;
    border-bottom : 0 ;    
}
#viewer_attachments_title{
    font-size:14px !important ;
     
}