@import url("variables.css");
@import url("icon.css");
@import url("header.css");
@import url("sidebar.css");
@import url("content.css");
@import url("popup.css");
@import url("padding.css");
@import url("margin.css");

body {
    background: var(--white);
}
img {
    max-width: 100%;
    width: 100%;
}
ul, ol, p {
    margin: 0;
    padding: 0;
    list-style: none;
}
.check-seanse{
    cursor:pointer;
    color:#009AB2;
}
a, a:hover {
    color:#009AB2;
    text-decoration: none;
}
input, select,button{
outline-width: 0 !important;
}
input{
border: 1px solid #5f5f5f;
}
.payd-abb{
border:0;
}
select{
    background: url(../img/arrow.svg) no-repeat right;
    background-position-x: calc(100% - 8px);
    border: 1px solid #5f5f5f;
    appearance: none;
    padding-right:35px !important;
}
.payd-bon-wrap
.form-group{
    margin-bottom:0;
}
.text-center {
    text-align: center;
}

.overflow-x-auto {
    overflow-x: auto;
}

.dataTables_wrapper {
    overflow-x: auto;
}

@media all and (max-width: 1023px) {
    body {
        background: var(--grey3);
    }
}

@media all and (max-width: 1000px) {
    body {
        padding-bottom:200px;
    }
    header{
        box-shadow: inherit;
    }
    .table thead th{
        vertical-align: top;
    }
    .colrounds{
        height:16px !important;
    }

    .colroundsr{
        flex-wrap:wrap !important;
        justify-content: center;
        text-align: center;
    }
    .colroundsr span{
        margin: 3px 0 !important;

    }
}