.scroll-y {overflow-y:auto} select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background-image: url("data:image/svg+xml;utf8,") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;border-radius: 10px;} #page .dt-container { display: flex; font-size: 14px; align-items: center; flex-wrap: wrap; } #page .dt-container input[type="text"], #page .dt-container input[type="serch"] { height: 40px; border-radius: 10px; padding: 0 10px; border: none; } #page .dt-container select { height: 40px; background-color: #f4f4f4 !important; margin: 0px 0 0 0; } #page .dt-container > * {} #page .dt-container .dt-layout-row {flex: 0 1 100%;display: flex;width: 100%;align-items: center;} #page .dt-container .dt-layout-row.dt-layout-table {display: block;} #page .dt-container .dt-layout-row .dt-layout-cell {} #page .dt-container .dt-layout-row .dt-layout-cell.dt-start {} #page .dt-container .dt-layout-row .dt-layout-cell.dt-start .dt-info { font-size: 12px; font-weight: 300; } #page .dt-container .dt-layout-row .dt-layout-cell.dt-end {margin: 0 0 0 auto;} #page .dt-container .dt-layout-row .dt-layout-cell .dt-length {} #page .dt-container .dt-layout-row .dt-layout-cell .dt-length select {margin:0 10px 0 0;min-width: 70px;border: none;height: 40px;padding: 0 15px;border-radius: 10px;} #page .dt-container .dt-layout-row .dt-layout-cell .dt-search {} #page .dt-container .dt-layout-row .dt-layout-cell .dt-search input {background: #f4f4f4 !important;border: none;height: 40px;border-radius: 10px;margin: 0 0 0 10px;} #page .dt-paging { } #page .dt-paging .dt-paging-button {width: 40px;height: 40px;display: inline-block;text-decoration: none;line-height: 40px;text-align: center;color: #000;cursor: pointer;border: none;background: none;padding: 0;box-shadow: none;} #page .dt-paging .dt-paging-button:hover { color: #000 !important; font-weight: 600; } #page .dt-paging .dt-paging-button.last, #page .dt-paging .dt-paging-button.first {display:none} #page .dt-paging .dt-paging-button.previous { font-size: 0; } #page .dt-paging .dt-paging-button.previous::before { content: "\e912"; font-family: icomoon; font-size: 16px; } #page .dt-paging .dt-paging-button.next { font-size: 0; margin: 0; } #page .dt-paging .dt-paging-button.next::before { content: "\e911"; font-family: icomoon; font-size: 16px; } #page .dt-paging .dt-paging-button.current { background: var(--c-green); color: #fff !important; border-radius: 50%; padding: 0; border: none; } #page .dt-paging > span { display: inline-block; vertical-align: top; } #page .dt-container .dataTables_length {} #page .dt-container .dataTables_length label {} #page .dt-container .dataTables_length label select {display: inline-block;width: auto;height: 50px;width: 70px;margin: 0 10px;border: none;border-radius: 10px;padding: 0 10px;} #page .dt-container .dataTables_filter { grid-column: span 1; text-align: right; display: flex; align-items: center; flex: 1; gap: 10px; max-width: 930px; justify-content: flex-end; margin: 0; } #page .dt-container .dataTables_filter label { white-space: nowrap; order: 6; margin: 0 0 0 20px; } #page .dt-container .dataTables_filter select {} #page .dt-container .dataTables_filter input { height: 50px; width: auto; margin: 0 0 0 10px; border: none !important; /* box-shadow: 0 0 20px -16px var(--c-green); */ border-radius: 10px; padding: 0 10px; background: var(--c-white); } #page .dt-container #filters { display: flex; grid-column: span 1; grid-gap: 10px; flex: 1; margin: 0 0 0 80px; } #page .dt-container #filters > span { flex: 1; max-width: 33.33%; } #page .dt-container .dataTables_info { grid-column: span 1; font-weight: 400; font-size: 12px; flex: 0 1 50%; align-self: center; text-align: left; } #page .dt-container .dataTables_paginate {flex: 0 1 50%;text-align: right;justify-content: flex-end;} #page .dt-container .dataTable {font-size: 15px;margin: 20px 0 40px 0;width: 100% !important;border: none;flex: 0 1 100%;font-weight: 300;} #page .dt-container .dataTable thead {} #page .dt-container .dataTable thead tr {} #page .dt-container .dataTable thead tr th {padding: 15px 27px 15px 15px;/* background: #ddd; */cursor: pointer;position: relative;border: none;font-weight: 700;border: none;border-bottom: solid 5px #f4f4f4;outline: none;/* font-size: 12px; */} #page .dt-container .dataTable thead tr th.text-right {text-align: right} #page .dt-container .dataTable tbody {} #page .dt-container .dataTable tbody tr { } #page .dt-container .dataTable tbody tr:nth-child(2n) td {background:#f4f4f4} #page .dt-container .dataTable tbody tr td {padding: 15px 15px 15px 15px;box-shadow: none;border: none;} #page .dt-container .dataTable tbody tr td.text-right {text-align: right} #page .dt-container .dataTable tbody tr td.actions { } #page .dt-container .dataTable tbody tr td.actions a {margin: 0 0 0 11px;} #page .dt-container .dataTable tbody tr td.actions a i {} #page .dt-container .dataTable tbody tr.odd {} #page .dt-container .dataTable tbody tr.even { background: #eee; } #page .dt-container .dataTable tbody tr.disabled td:not(.actions) { text-decoration: line-through; } #page .dataTables_paginate { } #page .dataTables_paginate .paginate_button { width: 40px; height: 40px; display: inline-block; text-decoration: none; line-height: 40px; text-align: center; color: #000; cursor: pointer; } #page .dataTables_paginate .paginate_button.previous {font-size: 0;} #page .dataTables_paginate .paginate_button.previous::before {content: "\e912";font-family: icomoon;font-size: 16px;} #page .dataTables_paginate .paginate_button.next {font-size: 0;margin: 0;} #page .dataTables_paginate .paginate_button.next::before {content: "\e911";font-family: icomoon;font-size: 16px;} #page .dataTables_paginate .paginate_button.current {background: var(--c-green);color: #fff !important;border-radius: 50%;padding: 0;border: none;} #page .dataTables_paginate > span {display: inline-block;vertical-align: top;} #page .dt-container {align-items: flex-start;} #page .dt-container .dataTables_length {margin: 0 auto 0 0;} #page .dt-container .dataTables_length label {} #page .dt-container .dataTables_length label select {} #page .dt-container .dataTable {} #page .dt-container .dataTable thead {} #page .dt-container .dataTable thead tr {} #page .dt-container .dataTable thead tr th {} #page .dt-container .dataTable thead tr th:first-child { border-radius: 10px 0 0 10px; } #page .dt-container .dataTable thead tr th:last-child { border-radius: 0 10px 10px 0; } #page .dt-container .dataTable thead tr:nth-child(2) th[data-filter] { padding-top: 0; } #page .dt-container .dataTable thead tr th[data-actions] {text-align:right} #page .dt-container .dataTable thead tr.filters {background: #d9d6ea;} #page .dt-container .dataTable thead tr.filters th {background: none;} #page .dt-container .dataTable thead tr.filters th:first-child {} #page .dt-container .dataTable thead tr.filters th:last-child {} #page .dt-container .dataTable thead tr.filters th input {height: 40px;} #page .dt-container .dataTable tbody { } #page .dt-container .dataTable tbody tr.dtr-expanded { background: #ddd !important; border-radius: 0 !important; } #page .dt-container .dataTable tbody tr.dtr-expanded td {border-radius: 0 !important;} #page .dt-container .dataTable tbody tr.dtr-expanded + tr.child { background: #ddd; } #page .dt-container .dataTable tbody tr.dtr-expanded + tr.child {border-radius:0 !important} #page .dt-container .dataTable tbody tr.dtr-expanded + tr.child td {border-radius:0 !important} #page .dt-container .dataTable tbody tr:hover { background: #ddd; } #page .dt-container .dataTable tbody tr td { } #page .dt-container .dataTable tbody tr td:first-child {border-radius: 10px 0 0 10px;} #page .dt-container .dataTable tbody tr td:last-child { border-radius: 0 10px 10px 0; } #page .dt-container .dataTable tbody tr td[data-active] {font-size:18px;} #page .dt-container .dataTable tbody tr td[data-actions] { text-align: right; white-space: nowrap; } #page .dt-container .dataTable tbody tr [data-actions] button { border: none; background: none; font-size: 16px; color: var(--c-gray-dark); width: 30px; height: 30px; } #page .dt-container .dataTable tbody tr [data-actions] .btn {} #page .dt-container .dataTable tbody tr [data-actions] .btn i { font-size: 120%; margin: 0 7px 0 0; } #page .dt-container .dataTable tbody tr [data-actions] button:hover {color:var(--c-green);background: var(--c-white);border-radius: 50%;box-shadow: 0 0 10px rgb(0 0 0 / 5%);} #page .dt-container .dataTable tbody tr [data-actions] button i {} #page .dt-container .dataTable tbody tr td .user-pic { max-width: 45px; width: 45px; border-radius: 50%; border: solid 2px var(--c-white); box-shadow: 0 0 0 1px var( --c-gray); display: inline-block; } #page .dt-container #exam-table { } #page .dt-container #exam-table thead { } #page .dt-container #exam-table thead tr th:last-child { text-align: right; } #page .dt-container #exam-table tbody tr { } #page .dt-container #exam-table tbody tr td:last-child { text-align: right; vertical-align: middle; } #page .dt-container #exam-table tbody tr td:last-child .chart-wrap { margin: 0 15px 0 0; } #page .dt-container .select2-container .select2-selection { box-shadow: 0 0 20px -16px var(--c-green); border-radius: 10px !important; padding: 0 10px; overflow-y: auto; white-space: nowrap; overflow: hidden; } #page .dt-container .select2-container .select2-selection .select2-selection__rendered { padding: 0; } #page .dt-container .select2-container .select2-selection > .select2-search.select2-search--inline { margin: 10px 0; } #page .dt-container .select2-container .select2-selection > .select2-search.select2-search--inline textarea { font-family: Inter; font-size: 15px; padding: 4px 0 0 0; } table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after { position: absolute; display: block; opacity: 0.125; right: 10px; line-height: 9px; font-size: 0.9em; } table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {bottom: 50%;content: "â–´";} table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {top: 50%;content: "â–¾";} table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {opacity: 0.6;} table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before {display: none;} table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {outline: none;} div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > td:after {display: none;} #page .dt-container .dataTable tbody tr td.dtr-control {padding: 15px 15px 15px 15px;white-space: normal;position: relative;text-align: left;} @media (max-width: 1015px) { #page .dt-container .dataTable tbody tr:hover {background:none} #page .dt-container .dataTable tbody tr td.dtr-control {padding: 10px 10px 10px 40px;} #page .dt-container .dataTable tbody tr td.dtr-control::before {left: 6px;content: "\e910";font-family: 'icomoon';color: #fff;border: none;position: absolute;top: 50%;transform: translateY(-50%);background: #ccc;font-size: 10px;width: 20px;height: 20px;text-align: center;line-height: 20px;padding: 0;border-radius: 50%;margin: 0;} #page .dt-container .dataTable {margin-bottom: 20px;} #page .dt-container #exam-table tbody tr td:last-child {text-align: left;} #page .dt-container .dataTables_filter {width: 100%;flex: 0 1 100%;} #page .dt-container .dataTables_filter label {margin: 10px 0 0 0;width: 100%;} #page .dt-container .dataTables_filter label input {width: 100%;margin: 0;} #page .dt-container .dataTables_length {width: 100%;} #page .dt-container .dataTables_length label {display: flex;align-items: center;} #page .dt-container .dataTables_length label select {flex: 1} #page .dt-container .dataTables_info {flex: 0 1 100%;text-align: center;padding: 0 0 10px 0;} #page .dt-container .dataTables_paginate {flex: 0 1 100%;text-align: center;} #page .dt-container .dataTable tbody tr.dtr-expanded td.dtr-control::before {content: "\e90f";} #page table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, #page table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {content: "\e90f";} table.dataTable>tbody>tr.child ul.dtr-details {width: 100%;} table.dataTable>tbody>tr.child ul.dtr-details>li {padding: 3px 0 !important;} table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title {display: inline;} table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title::after {content:": "} table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-data {display: inline-block;vertical-align: middle;} } @media (max-width:767px) { #page .dt-container .dt-layout-row {flex-wrap:wrap} #page .dt-container .dt-layout-row .dt-layout-cell {flex: 0 1 100%;} #page .dt-container .dt-layout-row .dt-layout-cell .dt-length {display: flex;align-items: center;} #page .dt-container .dt-layout-row .dt-layout-cell .dt-length select {flex:1;order: 2;margin: 0 0 0 10px;} #page .dt-container .dt-layout-row .dt-layout-cell .dt-length label {} #page .dt-container .dt-layout-row .dt-layout-cell .dt-search {display: flex;align-items: center;} #page .dt-container .dt-layout-row .dt-layout-cell .dt-search input {flex:1} }