body,.header-navbar,.content-header-title,.breadcrumb-item, .xcrud-view label, .ui-tabs .ui-tabs-nav li a,
.pt-1, .py-1, .text-white, h1,h2,h3,h4,h5,h6,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .navigation {
    font-family: 'Open Sans', 'Quicksand', 'Tajawal', sans-serif;
}

footer.footer {
    padding: 30px 20px;
}

.xcrud-list-container {
    margin-top: 20px;
}

.xcrud-nav {
    padding: 15px 0;
    padding-bottom: 0;
}

.breadcrumbs-top {
    margin-bottom: 20px;
}

.xcrud-search .select2-container .select2-selection--single {
    height: calc(1.25em + 1.5rem + 2px);
    border-radius: 0;
}

.xcrud-search input {
    border-radius: 0;
}

.select2-container .select2-selection--single {
    height: calc(1.25em + 1.5rem + 2px);
}

.xcrud-top-actions {
    padding: 5px 0;
    margin-bottom: 20px;
}

.xcrud-view label {
    font-weight: bolder;
    color: black;
}

.xcrud-th th {
    background: #35ad55;
    color: white;
}

.content-header-title {
    font-weight: 900;
    color: black;
    font-size: 33px;
}

.xcrud-view .xcrud-upload-container img {
    max-width: 200px;
    max-height: 200px;
}

#crypto-stats-2 .mb-2 {
    margin-bottom: 8px!important;
}


.table {
    color: black;
}



.menu-collapsed .nav-link i {
    margin: 0!important;
}

.pagination {
    float: left;
}

.pagination a {
    color: inherit!important;
}

.xcrud-limit-buttons {
    float: right;
}

.required {
    margin: 0 5px;
    color: red;
}

.header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 200px;
    height: auto;
    margin-top: 6px;
}

.btn-full {
    width: 100%;
}

.bold-tr {
    font-weight: bold;
    border-top: 2px solid;
}

@media print {
table {
    font-size: 12px;
}

}

.btn-success {
    border-color: #35ad55 !important;
    background-color: #35ad55 !important;
    color: #FFFFFF;
}


.btn-success:hover {
    border-color: #1d8839 !important;
    background-color: #1d8839 !important;
    color: #FFF !important;
}

r {
    color: red;
    margin: 0 3px;
}

@media (max-width: 768px) {
    .card {
        margin: 0 -28px;
        border-radius: 0;
    }    
    html body .content .content-wrapper {
        padding: 15px;
        zoom: 0.8;
    }    
}

.modal-header {
    background: #35ad55;
    border: 0;
}

.modal-title {
    color: white;
}

.modal-footer {
    background: #f3f3f3;
    border: 0;
}



.modal-content {
    border: 0;
}

.api-link {
    font-family: monospace;
    font-size: 13px;
    border: 1px solid;
    padding: 10px;
    background: #f2f2f2;
    color: black;
}

.api-link b {
    color: red;
}

.red {
    color: red;
}

#ajax-modal .modal-body .alert {
    margin-top: 15px;
}