.spinview-content {
    width: auto;
    height: auto;
}

.spinview-header {
    background-color: #fa8d29;
    height: calc(var(--spin-view-header-height));
    padding: 10px;
}

.spinview-title {
    color: white;
    text-align: center;
}

.spinview-close {
    color: black;
    opacity: 1;
}

.spinview-dialog {
    width:100%; margin:0px;
    height:100%;
}

.spinview-body{
    width: auto;
    height: calc(100vh - 46px);
    
}
.spinview-body .mxt-spins-canvas-container .mxt-spins-loading-spinner{left:50%; top:50%; margin-left: -25px; margin-top: -50px; position:absolute;}
.spinview-body .mxt-spins-canvas-container .mxt-spins-loading-spinner div{width:50px; height:50px; border-width:10px; border-top-width:10px;}
.spinview-body .pt-4{padding-top:35px;}
.mxt-spins-canvas-container{
    position:relative;
}
.mxt-spins-canvas-container .mxt-spin-button-row{position:absolute; width:100%; left:0px; bottom:0px;}
@media screen and (max-width: 760px){
    .mxt-spins-canvas-container .mxt-spin-button-row{position:static;}
}