th, td{
    text-align: center;
}
.table-dark th{
    color:white !important;
}
.new-country-form-container{
    max-width:500px;
    padding:0 20px;
    margin:0px auto;
}
.table-operation-button i{
    font-size:20px;
    margin-right:10px;
}
.table-operation-button i.fa-close{
    color:#ce2222;
}


.notifyjs-corner{
    top:80px !important;
}
.panel-boxed{
    box-shadow: 1px 1px 5px #3e3c3c8f;
}
.upload-file-image-holder{
    display:block !important;
}
.upload-file-image-holder img{
    display:block;
    height:150px;
    width:auto;
    cursor:pointer;
}

.list-container{
    display:grid;
    grid-template-columns: 250px 1fr;
    grid-column-gap: 20px;
}
.list-wrapper{
    width:100%;
    overflow: hidden;
}
.filter-wrapper{
    padding: 10px;
    background: #191818;
}

@media screen and (max-width:1200px){
    .list-container{
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
}

.filter-wrapper .select-filter-title{
    color:white;
}
td,th{
    vertical-align: middle !important;
}

table{
    width:100% !important;
}

.table-responsive{
    position:relative;
    min-height:500px;
}

.table-loader{
    position:absolute;
    width:100%;
    top:100px;
    z-index:3;
    min-height:400px;
    transition: all 0.3s;
    opaicity:1;
    background:#020202b3;
    display:none;
}
.table-loader img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:block;
    width:150px;
    height:150px;
}
.table-loader.loaded{
    opacity:0;
    display:none;
}
.loader-container{
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: rgba(0,0,0,0.6);
    align-items: center;
    justify-content: center;
    z-index: 999;
    display: flex;
    overflow: hidden;
}
.loader-container.hidden{
    display:none;

}
.loader-image{
    width:100px;
    height:100px;
}