body {
    font-family: Nunito, Noto, Speda, Rudaw, Arial;
    font-size: 15px;
}

.btnGridNew, .btnGridView, .btnGridEdit, btnGridDelete {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.profileDropDown > button::after {
    content: none;
}

@font-face {
    font-family: 'Noto';
    src: url('../fonts/NotoNaskhArabicUI-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Speda';
    src: url('../fonts/speda.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rudaw';
    src: url('../fonts/rudawregular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito.ttf');
    font-weight: normal;
    font-style: normal;
}



/*My styles*/
.table > :not(caption) > * > * {
    padding: 4px !important;
}

tr {
    text-align: center;
    vertical-align: middle;
}

.paymrntDivHolder {
    border: black 2px solid;
    border-radius: 5px;
    margin: 10px;
}

.DivBottomAlignElements {
    display: flex;
    align-items: end;
}

.DivMiddleAlignElements {
    display: flex;
    align-items: center;
}

.myCustomTable > tbody > tr:nth-child(2n+1):not(.table-group),
.myCustomTable > tbody > tr:nth-child(2n+1) > td > input {
    background-color: #f8d7b042;
}


.customColorPicker {
    width: 30px;
    padding: 0px;
    margin-right: 5px;
}

.bgSoldColor {
    background-color: lightcoral;
}

.bgHoldColor {
    background-color: silver;
}

.bgRemainColor {
    background-color: lightgreen;
}

.bgOtherColor {
    background-color: magenta;
}

.bgSoldShadow {
    /*box-shadow: 0 0 9px 8px lightcoral !important;*/
    background-color: lightcoral !important;
}

.bgHoldShadow {
    /*box-shadow: 0 0 9px 8px silver !important;*/
    background-color: silver !important;
}

.bgRemainShadow {
    /*box-shadow: 0 0 9px 8px lightgreen !important;*/
    background-color: #52b552 !important;
}

.bgOtherShadow {
    /*box-shadow: 0 0 9px 8px magenta !important;*/
}

.ag-courses-item_bgSoldShadow {
    background-color: lightcoral;
}

.ag-courses-item_bgHoldShadow {
    background-color: silver;
}

.ag-courses-item_bgOtherShadow {
    background-color: magenta;
}

.ag-courses-item_bgRemainShadow {
    background-color: lightgreen;
}

/*Progress bar for loading template*/

.progress-3 {
    width: 100%;
    height: 20px;
    border-radius: 20px;
    background: repeating-linear-gradient(135deg,#f03355 0 10px,#ffa516 0 20px) 0/0% no-repeat, repeating-linear-gradient(135deg,#ddd 0 10px,#eee 0 20px) 0/100%;
    animation: p3 10s infinite;
}

@keyframes p3 {
    100% {
        background-size: 100%
    }
}



@media print {
    .b-layout-sider {
        display: none !important;
    }

    .pagination {
        display: none !important;
    }

    .b-layout-header {
        display: none !important;
    }

    .row {
        width: 100% !important;
    }

    ul.nav-tabs {
        display: none !important;
    }

    div.dropdown {
        display: none !important;
    }

    .b-layout-root {
        height: auto !important;
    }

    /* Removing Scroll on print*/
    .b-layout-has-sider {
        flex-direction: column !important;
    }

    .b-layout {
        overflow-y: hidden;
    }
}


@media (min-width: 768px) {
    .ShowOnlyOnMobile {
        display: none;
    }

    .navbar {
        display: none;
    }
}