.classic{
    background-color: rgba(0, 0, 0, 0.9)!important;
    background: url("../img/arrow_down.png") no-repeat;
    background-position: left;
    background-size: 15px 15px;
    background-position-x: right;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.iphone-modal > button{
    margin-bottom: 0!important;
}

#buy_full_album2 > span{
    display: block;
    text-align: center;
}

.reframe:hover, .reframe:hover > * {
    color: #fff;
    background-color: #333;
    cursor: pointer;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.12s ease;
}

.loading_bar .progress-bar {
    font-weight: bold;
    text-align: center;
    white-space: normal;    /* permite quebrar texto em várias linhas */
    line-height: normal;    /* evita corte vertical */
    display: flex;
    align-items: center;    /* centra verticalmente */
    justify-content: center; /* centra horizontalmente */
}
@media (max-width: 480px) {
    .loading_bar .progress-bar {
        font-size: 12px;   /* reduz ligeiramente o tamanho */
        padding: 0 4px;    /* dá espaço lateral para não colar à borda */
    }
}
.blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content {
    color: transparent !important;
    text-decoration: none !important;
}
.provider{
    border: 1px solid black !important;
    background: white !important;
    cursor: pointer;
}
.provider :hover{
    background: lightblue !important;
    cursor: pointer;
}
.feedback-modal{
    margin-top: 15px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.feedback-modal .modal-content {
    background-color: rgba(0, 0, 0, 0.75)!important;
    color: rgba(255, 255, 255, 0.94);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.feedback-modal .modal-body a,
.feedback-modal .modal-body p,
.feedback-modal .modal-body h4,
.feedback-modal .modal-body h3 {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.modal {z-index: 9000 !important;}
.ml-15{
    margin-left: 15px!important;
    margin-top: 5px !important;
    margin-bottom: 0!important;
}
.mr-15{
    margin-right: 15px!important;
    margin-top: 5px !important;
    margin-bottom: 0!important;
}
.mad_image{
    width: 100%;
    height: 100%;
    background: none no-repeat;
    background-size: cover;
    min-height: 150px;
    margin-bottom: 30px;
    background-position-y: center;
    background-position-x: center;
}

.play_button{
    color:white;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
}
@media only screen and (min-width: 767px)  and (max-width : 1990px) {
    .picture_mad {
        width: 250px;
        height: 250px;
        margin-bottom: 30px !important;
        margin-right: 30px !important;
        cursor: pointer!important;
    }

}
@media screen and (min-width: 429px) and (max-width: 1023px) {
    .picture_mad {
        width: 250px;
        height: 250px;
        margin-bottom: 45px !important;
        margin-left: 15px !important;
        cursor: pointer!important;
    }
    .ml-15{
        margin-left: 0!important;
    }
    .feedback-modal{
        margin-top: 30px;
        background-color: rgba(0, 0, 0, 0.5) !important;
    }
}
@media only screen and (max-width : 428px) {
    .picture_mad {
        width: 250px;
        height: 250px;
        margin-bottom: 45px !important;
        margin-left: 15px !important;
        cursor: pointer!important;
    }
    .play_button{
        color:white;
        position: absolute;
        top: 50%;
        left: 59%;
        transform: translate(-50%, -50%);
    }
    .ml-15{
        margin-left: 15px!important;
    }
}
@media only screen and (max-width : 427px) {
    .picture_mad {
        width: 250px;
        height: 250px;
        margin-bottom: 45px !important;
        margin-left: 15px !important;
        cursor: pointer!important;
    }
    .play_button{
        color:white;
        position: absolute;
        top: 50%;
        left: 59%;
        transform: translate(-50%, -50%);
    }
    .ml-15{
        margin-left: 0!important;
    }
}
.picture-frame{
    padding: 0!important;
}
.mgrid-container {
    max-width: 100vw!important;
}
/*modal_thumbs*/
a, a:hover {
    color: inherit
}

#price {
    font-size: 20pt
}

.btn {
    font-size: 12pt;
    height: auto;
    margin-bottom: 20px
}

#options .caption {
    color: black;
    background: #419641;
    padding: 12px;
    border-radius: 4px;
}
.btn-report{
    cursor: pointer !important;
}
.bootbox-accept{
    vertical-align: baseline !important;
}
.bootbox-cancel{
    vertical-align: baseline !important;
}
.disabled_arrow{
    color: rgba(211, 211, 211, 0.64)!important;
    cursor: default;
}
.picture-modal{
    padding: 0!important;
}
.video-modal{
    padding: 0!important;
}
.modal-dialog-centered {
    padding-top: 50px;
}
.modal-picture{
    background-color: transparent!important;
    top: 46px!important;
}
.modal-content>.frame{
    background-color: rgb(0, 0, 0.9)!important;
}
.close_modal{
    cursor: pointer!important;
}
.close_button{
    margin-right: 1%!important;
    font-size: large!important;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
#buy_full_album {
    height: 34px!important;
    text-align: center!important;
    font-size: initial!important;
}