.app-modal-bottom{
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 99999999;
}

.app-modal-bottom-background{
    position: absolute; z-index: 999999; bottom: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity:0.5;
}

.app-modal-bottom-container{
    position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; z-index: 9999999; border:3px solid orangered;
}
 .app-modal-bottom-content{
    width: 100%; height: calc(100% - 50px); background-color: white;
 }
.app-modal-bottom-title{    
    width: 100%; height: 50px; border-bottom: 1px solid #d0d0d0;
    background-color: #BA0000 !important;  
}
.app-modal-bottom-title table{
    width: 100%; height: 100%;
    margin: 0;
}
.app-modal-bottom-title table tr td{
    height: 100%;
    vertical-align: middle;
    border: 0;
}
.app-modal-bottom-title-icon{
    width: 50px;
}
.app-modal-bottom-title-icon .btn{
    border: none; background: none; padding: 0;width: 100%; height: 100%;
}
.app-modal-bottom-title-icon .font-icon{
    font-size: 2rem;
    color: black;
}
.app-modal-bottom-title-icon .font-icon-close{
    color: red;text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.app-modal-bottom-title-content .name{
    color: black;
}

.app-modal-bottom-text-wrap{
    padding-left:0 !important; 
    border: none !important;
    vertical-align: middle !important;
}
.app-modal-bottom-icon-wrap{
    width:50px; 
    height: 100%; 
    text-align: center !important;
    border: none !important; 
    vertical-align: middle !important;
}
.app-modal-bottom-icon-wrap .img-icon{
    width: 30px; height: 30px;
}
.app-modal-bottom-icon-wrap .font-icon, .app-modal-bottom-icon{
    color: black; 
    font-size: 2em;
} 

.app-modal-bottom-text-wrap .name, .app-modal-bottom-text{
    color:yellow;
     font-size: 2rem;
     /* text-transform: uppercase; */
}