/**************************************************************

    Foglio stile Gestore Appuntamento - (c) Poste Italiane 2016/2017/2018 - GD//FS//DU

***************************************************************/


/***************************/


/******* Generici  *******/


/***************************/

.myposte-content-appointment-management fieldset legend,
.content-appointment-management fieldset legend {
    display: none;
}

.myposte-content-appointment-management fieldset,
.content-appointment-management fieldset {
    border: none;
}

fieldset {
    margin: 0;
}

fieldset:last-child {
    margin: 0;
    padding: 0;
}

.panel-title {
    font-size: 1rem;
}

.panel-title a.collapsed {
    background-image: url(/risorse_dt/condivise/immagini/generiche/ico-arrow-grey-down.png);
    background-repeat: no-repeat;
    background-position: right 13px;
    background-size: 14px 9px;
}

.panel-title a {
    background-image: url(/risorse_dt/condivise/immagini/generiche/ico-arrow-grey-up.png);
    background-repeat: no-repeat;
    background-position: right 13px;
    background-size: 14px 9px
}


/***************************/


/******* Mappa *******/


/***************************/

.maps {
    background-color: #ebebeb;
    padding: 200px 0;
    margin: 20px 0 0 0;
}

.content-office-details {
    margin: 0 0 15px 0;
    font-size: 16px;
}

ul.switch-list {
    list-style: none;
    margin: 0 0 0 0;
    padding: 10px 0;
    float: right;
    clear: both;
}

ul.switch-list li {
    list-style: none;
}

ul.switch-list li.type-a {
    display: block;
    float: left;
}

ul.switch-list li.type-b {
    display: block;
    float: right;
    margin-left: 20px;
}

ul.switch-list li.type-a a {
    background-image: url(/risorse_dt/condivise/immagini/icone/icone-default-on/ico-grid-view.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 24px;
    display: block;
}

ul.switch-list li.type-b a {
    background-image: url(/risorse_dt/condivise/immagini/icone/icone-default-on/ico-list-view.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 24px;
    display: block;
}

.list-office .counter,
.card .counter {
    background-color: #ececec;
    border-radius: 30px;
    color: #787878;
    display: inline-block;
    margin-top: 7px;
    font-size: 0.8rem;
    padding: 5px 10px;
}

.card {
    padding: 30px;
    background-color: #fbfbfb;
    border: 1px solid #efefef;
}

.card .counter {
    margin-top: 0;
}

list-appointment .panel-title {
    font-size: 1rem;
}


/***************************/


/******* Lista Appuntamenti *******/


/***************************/

span.office-name {
    font-size: 22px;
}

span.office-name span {
    font-size: 18px;
}

span.office-details {
    font-size: 18px;
}

.list-appointment .panel-default > .panel-heading {
    background-color: #fff;
    padding: 20px 0;
}

.list-appointment #accordion {
    border-top: 2px solid #ebebeb;
    margin: 20px 0;
}

.list-appointment .panel-default {
    border-top: 0;
    border-bottom: 2px solid #ebebeb;
    border-left: 0;
    border-right: 0;
}

.change-office {
    font-size: 16px;
}

.list-appointment .panel-body {
    padding: 0;
}

.list-appointment .panel-group .panel + .panel {
    margin: 0;
}

.list-appointment .office-code {
    border-left: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
}

.list-appointment .office {
    border-right: 2px solid #ebebeb;
}

.list-appointment .panel-default h4.panel-title a {
    display: block;
    float: left;
    width: 100%;
}

.list-appointment .content-tiket-details {
    display: block;
    float: left;
    width: 100%;
}

.list-appointment .content-tiket-details span {
    font-weight: bold;
}

.list-appointment .content-tiket-details span span.result {
    font-weight: normal !important;
    margin: 7px 0 0 0;
}

.list-appointment .content-tiket-details span.status span.result {
    color: #00ae4d;
    margin: 7px 0 0 0;
}

.list-appointment .panel-body {
    padding: 0;
}

.list-appointment .panel-body {
    padding: 0 15px;
}

.list-appointment h5,
.memo-user h5 {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.list-appointment ul {
    margin: 10px 0;
    padding: 0;
}

ul.list-appoint {
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

ul.list-appoint li {
    list-style: none !important;
    background-image: url(/risorse_dt/condivise/immagini/generiche/list-check.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 6px !important;
    background-size: 14px;
    padding-left: 25px !important;
}

.btn-map {
    background-image: url(/risorse_dt/condivise/immagini/icone/icone-default-on/ico-mappa.png);
    background-repeat: no-repeat;
    background-position: 15% 50%;
    background-size: 24px;
    padding: 2px 25px 2px 50px;
}


/* High res Display  */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .panel-title a.collapsed {
        background-image: url(/risorse_dt/condivise/immagini/generiche/ico-arrow-grey-down@2x.png);
    }
    .panel-title a {
        background-image: url(/risorse_dt/condivise/immagini/generiche/ico-arrow-grey-up@2x.png);
    }
    ul.switch-list li.type-a a {
        background-image: url(/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-grid-view@2x.png);
    }
    ul.switch-list li.type-b a {
        background-image: url(/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-list-view@2x.png);
    }
    ul.list-appoint li {
        background-image: url(/risorse_dt/condivise/immagini/generiche/list-check@2x.png);
    }
    .btn-map {
        background-image: url(/risorse_dt/condivise/immagini/icone/icone-default-on-2x/ico-mappa@2x.png);
    }
}


/*xs*/

@media (max-width: 767px) {
    .list-appointment .office-code,
    .list-appointment .office {
        border: 0;
    }
    .list-appointment .radio {
        text-align: center
    }
    .counter {
        background-color: #fff;
        border-radius: 0;
        color: inherit;
        padding: 0;
    }
}