/* here you can put your own css to customize and override the theme */
.page-title {float:left; margin:0px 0px 0px 20px;}
.page-title h1 {margin-top:29px; font-size: 26px;}
.pagination.page-size {padding:5px 5px 0 0!important; color:#777!important; border-color:#ddd!important;}
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover > td {background: #f3f4f6 !important; color: #000 !important;}
.portlet > .portlet-title {border-bottom: none}
.form-control {padding: 6px 8px;}
.text-numeric {text-align: right;}
.pointer {cursor: pointer;}
.no-wrap {white-space: nowrap;}

.dropdown-list{overflow-y: auto; height:11rem; width:100%;}
.dropdown-list ul{padding-inline-start: 0em;}
.dropdown-list li{padding-inline-start:10px; list-style-type:none; cursor:pointer; height:2.6rem;color:#555}
.dropdown-list li:hover {background-color: #1e90ff; color:white;}
.dropdown-list .check{font-size:1.8rem; margin-top:0.4rem}

.table.table-fixed-header th {position: sticky!important; top: 0px!important; background-color:white!important; z-index:20}
.table.table-fixed-th tbody {display:block; overflow:auto;}
.table.table-fixed-th thead tr, .table.table-fixed-th tbody tr {display:table; width:100%; table-layout:fixed;}
/* v-cloak hide the Vue instance until the compilation finishes */
[v-cloak] { display: none; }
/* Vue component VSelect css adaption*/
:root {
    --vs-font-size:1.4rem!important;
}
.vs__dropdown-menu {top:auto!important;
    --vs-dropdown-max-height: 200px;}
.vs__selected{line-height: var(--vs-line-height); font-size: var(--vs-font-size);}