@import url(https://fonts.googleapis.com/css?family=Oswald);
a { color:inherit; text-decoration: none; }
.avatar { aspect-ratio: 1/1; object-fit: cover; object-position: center center; overflow: hidden; border-radius: 100%; width:50px; max-width: 100%; border: solid 3px #fff; background: #fff; }
.oswald {font-family:Oswald;}
.modal-dialog .hideonpopup { display:none !important; }
.scrollable-y {overflow-y: auto;}
::-webkit-scrollbar { width: 10px; border-radius: 5px; overflow: hidden;  }
::-webkit-scrollbar-track { background: gainsboro; border-radius: 5px; }
::-webkit-scrollbar-thumb { background: #00000044; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #00000066; }

.copy { cursor:copy; }

.nav .nav-link {color:#fff;}
.nav .nav-link:active,.nav .nav-link:hover {color:#fff;background-color:#ffffff44;}

.select2-container { width: 100% !important; }
.select2-container--open { z-index:2000;}
.input-group .select2-selection { border-radius: 0 4px 4px 0; }
.select2-selection { border-color:#ced4da !important;min-height: 38px !important; font-size: 16px !important;}
.select2-selection__rendered li { transform: translateY(-3px)}
.select2-search__field { margin-top:0 !important; font-family:inherit !important; height: 24px !important;}

body.popup-fullscreen .modal-dialog { --bs-modal-margin: 0px; max-width: calc(100% - var(--bs-modal-margin) * 2); }
body.popup-fullscreen .modal-dialog .modal-content { height: 100%; }
body.popup-fullscreen .noshow-fs-popup, .noshow-lg-popup { display: none }
body.popup-fullscreen .noshow-lg-popup { display: inline-block;}
.modal-body .itemheader, .modal-body .popupTrigger { display: none !important; }

#infoLayer {display:none;position:fixed;top:0px;bottom:0px;left: 0px;right: 0px;background:rgba(0,0,0,0.9);z-index:1000000;}
#infoLayerContent {text-align:center;color:#fff;position: absolute;top: 50%;width: 100%;padding: 10% 20%;transform: translateY(-50%);}
#infoLayerContent h2 {font-family:Oswald;}
#infoLayerContent .aviso { max-width: 760px; text-align:center; margin:20px auto 0;}
body{ --bs-body-font-size:0.9rem; --bs-nav-link-font-size: var(--bs-body-font-size); }
#mainblocks-wrapper { display: grid; grid-template-rows: 42px minmax(calc(100vh - 42px),auto); grid-template-columns: minmax(65px,min-content) auto; grid-template-areas: "topbar topbar" "mainmenu content"; }
#block-topbar { grid-area: topbar; }
#block-mainmenu { grid-area: mainmenu; }
#block-content { grid-area: content; }
#mainpanel, #sidepanel { transition: all .1s ease; width: 100%; }

body.noshowsidepanel #sidepanel { width: 0 !important; padding-left: 0 !important; padding-right:0 !important;}
body.noshowmainpanel #mainpanel { width: 0 !important; padding-left: 0 !important; padding-right:0 !important;}

body.noshowsidepanel .noshow-nosidepanel, .show-nosidepanel,
body.noshowmainpanel .noshow-nomainpanel, .show-nomainpanel { display: none; }

body.noshowsidepanel .show-nosidepanel,
body.noshowmainpanel .show-nomainpanel { display: inline-block; }

/* datatables */
.pagination {--bs-pagination-font-size: 12px;}
.table { border-bottom: solid 1px #fff !important; }
.table .selected>* { box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 20%) !important; color:initial !important; }
.table .select-checkbox:before { width: 16px !important; height: 16px !important; border-radius: 0 !important; border-color:#00000066 !important; }
.table thead tr th { box-sizing: border-box !important;}
.table th, .table td { vertical-align: middle !important;}
.table tbody tr:hover > td { background-color:#0d6efd22 !important; }
.top_table,.bottom_table { margin-top:20px; display:flex; justify-content:space-between; align-items:center;}
.top_table { justify-content: flex-start; gap:20px}
.select-info {display: none;}
.table tfoot * { border-bottom:0px;}
.dataTables_info { padding-top:0 !important;}
.table .globalselector { position: relative; }
.table .globalselector:before { width: 16px; height: 16px; content: ""; margin: -5px 0 0 -6px !important; border: 1px solid #00000066; position: absolute; top: 1.1em !important; left: 50%; }
.table :not(tbody) .selected:after, .table :not(tbody) .some:after, .table .selected .select-checkbox:after { content: "✓"; font-size: 14px !important; margin: -6px 0 0 -3px !important; text-align: center !important; position: absolute; top: 1em !important; left: 50% !important; text-shadow: none !important; }
.table :not(tbody) .some:after { content: "" !important; }
.table :not(tbody) .some:before { background:#00000022; }
.table .selected .select-checkbox:after { margin: -5px 0 0 -4px !important; }

div.dt-processing { border:none; font-weight: bold; & div div { background: var(--bs-primary) !important;}}
.dataTable a { cursor:pointer;}
.dataTable th, .tableDT td { line-height: 1.1em; }
.dataTable tr td.dt-empty { line-height: 3em !important; font-weight: bold; text-align: center !important;padding: 32px !important;}
.dt-container *,.dataTable * { font-size:12px; }
.dt-container .col-md-auto { display: flex; align-items: center; gap: 10px; }

.copy { display: inline-block; padding: 1px 3px; background: var(--bs-light-bg-subtle); border: solid 1px var(--bs-light-border-subtle); border-radius: 5px;font-size:9px;}

/* forms */
.form-switch .form-check-input { width: 2.4em; margin-right: 0.6em; transform: translateY(-5px); height: 1.4em; cursor:pointer; }
.repeat .template { display: none; }
.repeat .remove { cursor: pointer; }

.no-border ,.no-border .nav-link { border-color: transparent !important; }