/*
 * Sort styling
 */
table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting_asc:before,
table.dataTable thead th.sorting_desc:before {
    display: none;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    display: none;
}

table.dataTable thead th.sorting .fas.fa-sort-amount-up {
    display: none;
}

table.dataTable thead th.sorting .fas.fa-sort-amount-down {
    display: none;
}

table.dataTable thead th.sorting_asc .fas.fa-sort {
    display: none;
}

table.dataTable thead th.sorting_asc .fas.fa-sort-amount-down {
    display: none;
}

table.dataTable thead th.sorting_desc .fas.fa-sort {
    display: none;
}

table.dataTable thead th.sorting_desc .fas.fa-sort-amount-up {
    display: none;
}

.dataTables_scrollBody thead {
    visibility: collapse;
}

#OgrenciTable td:hover {
    cursor: pointer;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable td {
    padding: 2px 2px 5px 5px !important;
    margin: 0px 0px 0px 0px !important;
    font-size: 10px;
}

.dtr-data {
    display: inline-block !important;
    vertical-align: bottom !important;
}

.dtr-title i {
    display: none;
}

.popover-body {
    padding: 0;
}

.cursor_pointer {
    cursor: pointer;
}

.cursor_ns_resize {
    cursor: ns-resize;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .3rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

.table tbody > tr > td.vert-align {
    vertical-align: middle;
}

.table thead > tr > th {
    vertical-align: middle;
}

.row-index {
    text-align: center;
    font-weight: bold;
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    white-space: nowrap;
}


.ng-invalid {
    border-color: orangered !important;
}

.nodisplay {
    display: none !important;
}

#mainTable td {
    overflow: hidden;
    white-space: pre-wrap;
}

.school-logo {
    max-width: 400px;
    margin-top: 12px;
}

.shrinking-card {
    min-width: 28em;
}

@media screen and (max-width: 1200px) {
    #filterButtons button {
        font-size: 12px;
    }

    #bolumCount {
        font-size: 12px;
    }
}

@media screen and (max-width: 576px) {

    .shrinking-card {
        min-width: 23em;
    }
}

.text-purple {
    color: purple !important;
}

.text-fuchsia {
    color: fuchsia !important;
}

.text-shortened {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: inherit;
}