@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600,800);

/* layout da 3000px in poi */
@import url(base_hight.css) (min-width: 3000px);


.d-flex{
    display: flex;
}

.flex-direction-row{
    flex-direction: row;
}

.flex-direction-column{
    flex-direction: column;
}

/* Progress bar */
.progress-bar-container 
{
    display: block;
    width: 100%;
    height: 10px;
    background-color: grey;
}

.progress-bar-percentage
{
    display: block;
    width: 100%;
    background-color: green;
    height: 10px;
}

/*Newspaper stats */
.newspapers-stats-result 
{
    padding: 10px;
    background: #f3f3f3;
}

.newspapers-stats-result-label 
{
    display: inline-block;
    font-weight: bold;
}

.newspapers-stats-result-value 
{
    display: inline-block;
}

.newspapers-stats-details-box
{
    margin: 20px 0px;
}

.sunday 
{
    color: red;
}

/* ricerca laterale in lettura giornale solo su risuluzioni da 1280px */
@media all and (min-width: 1280px)
{
    body.newspaper-read-single-page #page
    {
        width: 1280px;
        margin: 0px auto;
        position: relative;
    }
    
    body.newspaper-read-single-page #newspaper-page-read-image 
    {
        width: 960px;
        float: left;
        margin-right: 10px;
    }
    
    body.newspaper-read-single-page .newspaper-page-read-toolbar
    {
        width: 960px;
    }
    
    #newspaper-page-read-previous-search
    {
        width: 300px;
        position: absolute;
        background-color: #fff;
        display: block;
        right: 0px;
        z-index: 9999;
    }
       
    #newspaper-page-read-previous-search .search-results
    {
        overflow-y: scroll;
        max-height: 800px;
    }
    
    #newspaper-page-read-previous-search .search-results .newspaper-image
    {
        width: 80px !important;
        height: 117px;
    }
    
    #newspaper-page-read-previous-search .search-results .btn
    {
        padding: 2px;
    }
    
    #newspaper-page-read-previous-search .search-results li
    {
        list-style-type: none;
    }
    
    #newspaper-page-read-previous-search .loading
    {
        text-align: center;
        font-size: 11px;
        padding: 10px;
        background-color: #DEDEDE;
    }
    
    #newspaper-page-read-previous-search h3 
    {
        text-align: center;
        background-color: #16b9c5;
        color: white;
        font-size: 14px;
        padding: 5px;
    }
}


@media all and (min-width: 1280px)
{
    .newspaper-page-read #newspaper-articles
    {
        width: 20%;
        margin: 10px 0px;
        left: -265px;
        top: -10px;
        position: absolute;  
        display: block;
    }
}

.message 
{
    margin: 20px auto 30px;
    padding: 10px 20px;
	border-radius: 6px;
}

.message-error 
{
    background-color: #fff2f1;
    color: #CE453E;
}

.message-ok 
{
    background-color: #A9D673;
}

.message-alert
{
    background-color: #F2D268;
}


#newspapers-box h2
{
    border-bottom: 1px solid #DEDEDE;
    font-size: 18px;
    padding: 10px 0px;
    margin: 15px 0px;
}

/* Newspaper */

.newspaper-disabled
{
    opacity: 0.40;
}

.btn.newspaper-btn-sso {
    margin: 0 5px;
    border: none !important;
    background: #fbb534 !important;
}

.newspaper-sso {
    background-color: #ffdb99;
}

.newspaper-favorites-buttons .newspaper-sso {
    background: none;;
}

.newspaper-favorites-buttons .btn.newspaper-btn-sso{
    margin: 10px 0;
}

body.newspaper-read-single-page-turnjs .form-field.newspaper-page
{
    text-align: center;
}

body.newspaper-read-single-page-turnjs .form-field.newspaper-page input[type="text"]:disabled
{
    border: 0px;
    background: #dad8d8;
    text-align: center;
    font-weight: bold;
}

/*Newspaper Out */

.newspaper-read-out-info 
{
    position: absolute;
    z-index: 99999;
}

.pdf-search-box.out li 
{
    display: block;
    padding: 0px;
    margin: 0px;
}

.newspaper-out-btn-box 
{
    text-align: right;
    margin: 30px 10px 10px 10px;
}

.newspaper-read-out-info li label
{
    display: inline-block;
    width: 80px;
    font-weight: normal;    
}

.newspaper-read-out-info ul li
{
    height: 25px;
}

#newspaper-read-out-href 
{
    text-align: center;
}

.newspaper-out-subscription-password-mask,.newspaper-out-subscription-password-plain
{
    display: inline-block;
}

.newspaper-out-subscription-password-view-btn 
{
    padding: 5px;
    text-align: center;
    margin-left: 10px;
	line-height: 37.message-errorpx;
	
}

/* Newspaper */

.pdf-search-box li.hightlight 
{
    background-color: #ccfbff;
}

/* Menu */

.menu-li.logout
{
    top: 10px;
    position: relative;
}


/* jQuery UI */

.ui-dialog,.ui-tooltip
{
    z-index: 1000000001 !important;
}

.ui-datepicker-calendar .date-enable.real a 
{
    background: #c1fbff !important;
}

/* Widget */

.widget
{
    border: 3px solid #dfdfdf;
    padding: 10px;
}

.widget-row
{
    width: 100%;
}

.widget-row .widget.widget-daily-quote
{
    width: 100%;
    box-sizing: border-box;
}


/* Widget daily quote */

.widget .widget-daily-quote.title
{
    font-size: 14px;
    font-weight: bold;
}

.widget .widget-daily-quote.quote
{
    font-style: italic;
    font-size: 18px;
    display: inline;
}

.widget.widget-daily-quote blockquote
{
    background: #f9f9f9;
    margin: 1em 0px;
    padding: 5px;
    quotes: "\201C""\201D""\2018""\2019";
    border: none !important;
}

.widget.widget-daily-quote blockquote:before 
{
   color: #ccc;
   content: open-quote;
   font-size: 4em;
   line-height: 0.1em;
   vertical-align: -0.4em;
}

.widget.widget-daily-quote blockquote:after
{
   color: #ccc;
   content: close-quote;
   font-size: 4em;
   line-height: 0.1em;
   margin-right: 0.25em;
   vertical-align: -0.4em;
}


/* Widget Horoscope */

.ai {
    font-style:normal;
    color:#16b9c5;
    font-weight:bold;
    font-size:40px;
    line-height:24px;
}
.ai.aries:before {
    content:"\2648";
}
.ai.taurus:before {
    content:"\2649";
}
.ai.gemini:before {
    content:"\264A";
}
.ai.cancer:before {
    content:"\264B";
}
.ai.leo:before {
    content:"\264C";
}
.ai.virgo:before {
    content:"\264D";
}
.ai.libra:before {
    content:"\264E";
}
.ai.scorpio:before {
    content:"\264F";
}
.ai.sagittarius:before {
    content:"\2650";
}
.ai.capricorn:before {
    content:"\2651";
}
.ai.aquarius:before {
    content:"\2652";
}
.ai.pisces:before {
    content:"\2653";
}
.ai.sun:before {
    content:"\2609";
}
.ai.moon:before {
    content:"\263D";
}
.ai.earth:before {
    content:"\2295";
}
.ai.mercury:before {
    content:"\263F";
}
.ai.venus:before {
    content:"\2640";
}
.ai.mars:before {
    content:"\2642";
}
.ai.jupiter:before {
    content:"\2643";
}
.ai.saturn:before {
    content:"\2644";
}
.ai.uranus:before {
    content:"\2645";
}
.ai.neptune:before {
    content:"\2646";
}
.ai.pluto:before {
    content:"\2647";
}
.ai.north-node:before {
    content:"\260A";
}
.ai.south-node:before {
    content:"\260B";
}
.ai.part-of-fortune:before {
    content:"\2297"
}
.ai.ceres:before {
    content:"\02A1"
}
.ai.conjunction:before {
    content:"\260C"
}
.ai.square:before {
    content:"\25A1"
}
.ai.trine:before {
    content:"\25B3"
}
.ai.opposition:before {
    content:"\260D"
}
.ai.semisquare:before {
    content:"\2220"
}
.ai.quintile:before {
    content:"\0051"
}
.ai.biquintile:before {
    content:"\0062\0051"
}
.ai.retrograde:before {
    content:"\211E"
}
.ai.comet:before {
    content:"\2604"
}

.widget-horoscope-sign-image.ai
{
    float: left;
    padding: 10px 15px;
    text-align: center;
}

/* Widget Article */

.widget-article a, .widget-article a:hover
{
    color: inherit;
    text-decoration: none;
}

/* Combobox */

.custom-combobox-input
{
    background: white !important;
}

.custom-combobox-toggle
{
    width: 15px !important;
    height: 37px;
    background: #ddd !important;
	left: -16px;
}

.ui-autocomplete
{
    max-height: 300px;
    overflow-y: scroll;
    z-index: 9999 !important;
}

.ui-widget
{
    font-family: inherit !important;
    font-size: inherit !important;
    /*border-radius: inherit !important;*/
    color: inherit !important;
}

.table-filter-date .list-filter
{
	width: 47%;
}

.list-filter + .list-filter
{
    margin: 0 0 0 15px;
}

/* Captcha */

#login-box .captcha-box 
{
    padding: 0px;
    font-size: 12px;
    text-align: center;
}

/* Alert nofications */

.alert-notification-group-buttons 
{
    display: inline-block;
    font-style: initial;
    padding: initial;
    margin: 0 10px;
}

.alert-notification-group-buttons.nomobile.nomobile .btn
{
    font-weight: initial;
    line-height: initial;
    font-size: 12px;
}

/* Customer user panel info */
.customer-user-panel-info 
{
    display: inline;
    top: 5px;
    position: absolute;
    right: 20pt;
}

/* Ticket */

.ticket-not_assigned
{
    background-color: #FFF683 !important;
}

.ticket-canceled
{
    background-color: #FB9E9E !important;
}

.ticket-closed
{
    background-color: #d1eada !important;
}

/* Legenda */

.legend-container
{
    border: 1px solid #2d2d2d;
    background-color: #f7f7f9;
    display: inline-block;
    border-radius: 5px;
    margin: 0px 0px 5px 0px;
    padding: 6px 15px 0px 0px;
}

.legend-container .legend-title 
{
    padding: 5px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
}

.legend-container ul
{
    margin: 0px;
    list-style-type: none;
    width: 100%;
}

.legend-container li 
{
    padding: 5px 5px;
}

.legend-list li 
{
    float: left;
    max-width: auto;
    display: inline-block;
    margin: 0px 0px 0px 15px;
}

.legend-container li span
{
    padding: 1px 15px;
    margin-right: 5px;
    border: 1px solid #9a9a9a;
}


#newspaper-thumbs-container
{
    position: fixed;
    display: block;
    height: 100px;
    width: 100%;
    height: 190px;
    bottom: -190px;
    padding: 5px 10px 50px;
    transition: 0.5s;
    z-index: 999999;
}

#newspaper-thumbs-container .newspaper-thumbs-content
{
    opacity: 0.8;
}

#newspaper-thumbs-container ::-webkit-scrollbar 
{
  height: 15px;
}

#newspaper-thumbs-container ::-webkit-scrollbar-thumb 
{
    background: #16b9c5;
}

#canvas
{
    z-index: 100;
}

#newspaper-thumbs-container h2 
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: inherit;
    display: none;
}

#newspaper-thumbs-container.active h2
{
    display: block;
}

#newspaper-thumbs-container ul 
{
    display: flex;
    flex-direction: row;
    margin: 0;
    list-style-type: none;
    transition: 0.5s;
    overflow-x: scroll;
}

#newspaper-thumbs-container li 
{
    width: 200px;
    margin-left: 20px;
}

#newspaper-thumbs-container.active
{
    bottom: 0px;
    height: 210px;
    background: #dedede;
}

#newspaper-thumbs-container.active  .newspaper-thumbs-content
{
    opacity: 1;
}

#newspaper-thumbs-container img 
{
    height: 200px;
    width: 136px;
    cursor: pointer;
    opacity: 0.7;
}

#newspaper-thumbs-container img:hover,#newspaper-thumbs-container .thumb-preview:not(.loaded)
{
    opacity: 1;
    box-shadow: 1px 1px 8px 1px grey;
}

#newspaper-thumbs-container .thumb-preview:not(.loaded)
{
    cursor: not-allowed !important;
}

.newspaper-thumbs-controls 
{
    display: flex;
    justify-content: center;
}

#newspaper-thumbs-container .toggle-btn
{
    background-color: #16b9c5;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: white;
    min-width: 20px;
    min-height: 20px;
    position: absolute;
    margin: -26px -4px;
    padding: 3px;
    line-height: 20px;
    cursor: pointer;
}

#newspaper-thumbs-container .toggle-btn.close
{
    right: 30px;
    font-size: 15px;
}

#newspaper-thumbs-container .toggle-btn.open
{
    margin: 15px -4px;
    font-size: 25px;
}

#newspaper-thumbs-container.active .toggle-btn.close
{
    display: none;
}


#newspaper-first-pages .slick-list.draggable
{
    padding: 0px !important;
}

#newspaper-first-pages .slick-slider
{
    margin: 0 auto;
	width: 92%;
}

/* First pages */
.newspaper-first-page-wrapper
{
    padding: 0;
    background: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.newspaper-first-page
{
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
}

.newspaper-first-page-header, .newspaper-first-page-body
{
    text-align: center;
    width: 200px;
}

.newspaper-first-page-header.animated-background 
{
   display: none;
}

.newspaper-first-page-body
{
    height: 290px;
    width: 200px;
    margin: 5px auto;
}

.newspaper-first-page-body img
{
    height: 290px;
	max-width: 200px;
	min-width: 200px;
}


@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #15b9c533 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;
}

#newspaper-first-pages h2 
{
    margin-bottom: 10pt;
}

#newspaper-first-pages .slick-track
{ 
    margin-left: 0; 
}

#newspaper-first-pages .slick-arrow::before
{
    font-size: 35pt;
}

.newspaper-first-page-footer 
{
    text-align: center;
    width: auto;
    position: relative;
    padding: 10pt 0 0;
}

.newspaper-first-page-body img
{
    border: 1px solid #dedede;
}

.newspaper-first-page-body.animated-background a
{
    display: block;
    height: 100%;
}

.newspaper-first-page-body:after 
{
    content: "";
    background: url(../images/layout/shadow.png) no-repeat;
    background-size: cover;
    display: block;
    height: 10px; 
    position: relative;
    bottom: 5px;
    background-position: 60%;
	z-index: -1;
}

#newspaper-first-page-view-all
{
    text-align: center;
}

.newspaper-first-page:focus, .newspaper-first-page *:focus 
{
    outline: none;
}

#newspaper-first-pages .slick-prev:before, #newspaper-first-pages .slick-next:before
{
    color: #15b9c5;
}


#search-advanced .search-results {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

#scrollable-results-readable {
    width: 80%;
    margin-right: 20px;
    display: grid;
	grid-template-columns: repeat(auto-fill, 280px);
    grid-gap: 0 70px;
    align-items: baseline;
    grid-auto-rows: min-content;
}

#scrollable-results-readable.fullwidth
{
    width: 100%;
    grid-gap: 70px;
}

#scrollable-results-not-readable {
    width: 320px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: baseline;
    background: #fff0ee;
    padding: 10px 0;
}

#scrollable-results-not-readable.fullwidth {
    margin-right: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 280px);
    grid-gap: 0 70px;
    align-items: baseline;
    grid-auto-rows: min-content;
    width: 100%;
}

#scrollable-results-not-readable.fullwidth h2{
    display: none;
}

.advance-search-box-row {
    margin-top: 10pt;
}