@import "../../var";
.damage-modal{
    .modal-dialog{
        margin: 0;
        .modal-content{
            margin: 0;
            padding: 0;
            box-shadow: none;
            border: none;
            position: relative;
            background-color: #000;
            .custom-btn-close{
                position: absolute;
                right: 10px;
                top: 10px;
                color: $white;
                z-index: 2;
                width: 25px;
                background: none;
            }
        }
        .modal-header{
            border: none;
        }
        .modal-body{
            padding: 0;
        }
        .damage-modal-details{
            width: 100%;
            figure{
                width: 100%;
                height: 200px;
                display: flex;
                align-items: center;
                justify-content: center;
                img{
                    height: 100%;
                }
            }
            .description{
                li{
                    display: flex;
                    justify-content: space-between;
                    padding: 8px 16px;
                    border-top: solid 1px #DFDFDF;
                    color: #fff;
                    &:first-child{
                        border-top: none;
                    }
                }
            }
        }
        .modal-footer{
            justify-content: space-between;
            button{
                width: 120px;
                height: 50px;
                &.text-white{
                    color: $white;
                }
                
            }
        }
    }
}