/* 
    Created on : mar/2017
    Author     : INCOGRAF®
*/


.modal {
    /*top: 10%;*/
    top: 0%;
}
.modal-content {
    position: relative;
    /*background-color: #303030;*/
    background-color: #131313;
}
.modal-header {
    border-bottom: 1px solid #666;    
}


.modal-header h5{
    font-size: 15px;    
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    padding: 0 10px;
}
.modal-header h3{
    color: #fff;
    text-align: left;
    padding: 0 10px;
}
.modal-header p{
    color: #fff;
    text-align: left;

}

.close, .close:focus, .close:hover{
    color:#fff;
    filter: alpha(opacity=100);
    opacity: 1.0; 
}
.modal-body{
    color:#fff;
    padding: 30px;
}
.modal-body .modal-header-customized{
    padding-top: 120px;
}
.modal-body .modal-news-thumb{
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: relative;
    margin-bottom: 25px;
}

.modal-body .hline{
    height: 1px;
    border-top: 1px solid #333;
    margin: 30px -30px;
}
.modal-footer {
    border-top: 1px solid #333;
}
.modal-footer .list-group{
    text-align: left;
}
.modal-footer .list-group .list-group-item:first-child,
.modal-footer .list-group .list-group-item:last-child{
    border-bottom-right-radius: initial;
    border-bottom-left-radius: initial;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
.modal-footer .list-group .list-group-item{
    padding: 11px 15px 12px 15px;
    margin-bottom: 10px;
    /*background-color: #000;*/
    border: 0px;
}
a.list-group-item{
    color: #fff;
    /*    text-decoration: none;*/
    background-color: #000;
}
a.list-group-item:focus,
a.list-group-item:hover{
    color: #000;
    /*    text-decoration: none;*/
    background-color: #fff;
}
.modal-footer .download-button{
    background-image: url(../../images/app/botao_download.png);
    background-color: #fff;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.modal-footer .list-group span{
    padding-left: 30px;
}


@media screen and (max-width: 991px) {
    .modal-open .modal {
        z-index: 5555;
    }
    .modal-body{
        padding: 30px 45px;
    }
    .modal-header p {
        padding: 10px 35px;
    }
    .modal-header h5{
        padding: 0 35px;
    }
    .modal-header h3{
        padding: 0 35px;
    }
}

@media screen and (max-width: 767px) {
    .modal-body{
        padding: 30px;
    }
    .modal-header{
        padding: 0px;
    }
    .modal-header p {
        padding: 10px 30px;
    }
    .modal-header h5{
        padding: 0 30px;
    }
    .modal-header h3{
        padding: 0 30px;
    }
}