@import url('https://fonts.maateen.me/bangla/font.css');

.banner_bg{
    background-image: url('../img/ShopKeeper-BG.png');
    background-size: cover;
    background-position: center; 
    height: 70vh; 
}

.bn-x0{
    font-family: 'Bangla', Arial, sans-serif !important;
    font-size: 21px;
}

@media (max-width: 768px) {.banner_bg {height: 40vh; }}
@media (max-width: 480px) {.banner_bg {height: 30vh; }}


.login-page{
    background-image: url(../img/login-bg.jpg);
    background-repeat: repeat;
    background-size: auto;
}
.brand-logo{
    background-image: url(../img/BrandLogo.png);
    height: 85px;
    background-repeat:no-repeat;
    background-position:center;
}

.loading {
            position: fixed;
            z-index: 999;
            height: 2em;
            width: 2em;
            overflow: visible;
            margin: auto;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

.ajax_loading
{
    background-image: url(../img/ajax_loading.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.table td, .table th {
    padding: .25rem;
}

.text_box_id_style {
    width: 50px;
    height: 13px;
    font-size: xx-small;
    border: none;
    background: #ffffff;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 0.37em;
}


 .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.4;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        width: 390px;
        border: 2px solid #575757;
    }
    .modalPopup .header
    {
        background-color: #616161;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .body
    {
        text-align: center;
        line-height: 17px;
        padding: 7px;
        font-size: 17px;
    }

    .modalPopup .ext
    {
        padding: 5px;
    }

    .modalPopup .footer
    {
        padding:6px;
    }

    .modalPopup .footer input
    {
       height: 30px;
       width: 50px;
    }

    .modalPopup .yes, .modalPopup .no
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
    }
    .modalPopup .yes
    {
        background-color: #2FBDF1;
        border: 1px solid #0DA9D0;
    }
    .modalPopup .no
    {
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }


gridview*/
.table table  tbody  tr  td a ,
.table table  tbody  tr  td  span {
position: relative;
float: left;
padding: 3px 8px;
margin-left: -1px;
line-height: 1.42857143;
color: #575757;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}

.table table > tbody > tr > td > span {
z-index: 3;
color: #fff;
cursor: default;
background-color: #575757;
border-color: #575757;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}



.btn-app {
    font-size: 21px;
    height: 90px;
    padding: 12px 5px;
}

btn-app>.fa, .btn-app>.fab, .btn-app>.far, .btn-app>.fas, .btn-app>.glyphicon, .btn-app>.ion {
    display: block;
    font-size: 40px;
}

.btn-app>.badge {
    font-size: 12px;
}