@charset "utf-8";

:root {
 --rfw-blue: #082547;     
 --rfw-dark: #0b192e;      
 --rfw-red: #de0a26;       
 --rfw-white: #ffffff;      
 --rfw-text-muted: #94a9c2; 
}

html, body { height: 100%; }
main { flex: 1 0 auto; background-color: var(--rfw-dark); }
body { display: flex; flex-direction: column; min-height: 100vh; background-color: var(--rfw-dark); color: var(--rfw-white); }
header { background-color: var(--rfw-blue); border-bottom: 2px solid var(--rfw-red); }

footer { flex-shrink: 0; background-color: var(--rfw-dark);  border-top: 1px solid rgba(255, 255, 255, 0.1); }
footer a { text-decoration: none; cursor: pointer; }
footer a:hover { opacity: 0.7; transition: opacity 0.2s; }

a { color: var(--rfw-red); text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
footer a:hover { opacity: 0.7; transition: opacity 0.2s; }

.a-white { color: var(--rfw-white); text-decoration: none; cursor: pointer; }
.a-white:hover { color: var(--rfw-red); text-decoration: none; }

.textRainbow {
 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 background: repeating-linear-gradient(90deg,var(--rfw-white) 0,var(--rfw-white) 1ch,var(--rfw-red) 1ch,var(--rfw-red) 2ch);
 display: inline-block;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

/* CUSTOM */
.formBorder { height: 3px; }

/* datatable */ 
[id^="datatable"] { margin-bottom: unset; }
.dataTables_filter{ float: right !important; text-align: left !important; margin-bottom: 5px !important; margin-top: 5px !important; }
.dataTables_info { font-size: 11px; margin-top: 0px !important; margin-left: 5px !important; padding: 0 !important; }
.dataTables_paginate .page-link  { font-size: 12px; float: right; }
.dataTables_paginate { float: right !important; text-align: right !important; }
.dataTables_wrapper .row { margin-left: unset; margin-right: unset; }
.dataTables_wrapper .col-sm-12 { padding-left: unset; padding-right: unset; }

/* Navigační menu  - APP */
.offcanvas { width: 300px !important; }

.btn-menu { display: inline-flex; align-items: center; padding: .1rem .25rem; font-weight: 400; color: rgba(38, 38, 38, 1); background-color: transparent; border: 0; }
.btn-menu:hover, .btn-menu:focus { color: rgba(0, 0, 0, .85); font-weight: bold; background-color: var(--rfw-text-muted); }
.btn-single::before { width: 1.25em; line-height: 0; transition: transform .35s ease; transform-origin: .5em 50%; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8a.5.5' /%3e%3c/svg%3e"); }
.btn-toggle::before { width: 1.25em; line-height: 0; transition: transform .35s ease; transform-origin: .5em 50%; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); }
  
.btn-toggle[aria-expanded="true"] { color: rgba(0, 0, 0, .85); }
.btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }
  
.btn-toggle-nav a { display: inline-flex; padding: .0 .25rem; margin-top: .125rem; margin-left: 1.25rem; text-decoration: none; }
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {background-color: var(--rfw-text-muted); font-weight: bold;}

.dropdown-menu-krsu {
 --bs-dropdown-color: #dee2e6;
 --bs-dropdown-bg: var(--rfw-blue);
 --bs-dropdown-border-color: rgba(255, 255, 255, 0.15);
 --bs-dropdown-link-color: #dee2e6;
 --bs-dropdown-link-hover-color: #fff;
 --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.1);
 --bs-dropdown-link-active-color: #fff;
 --bs-dropdown-link-active-bg: var(--bs-primary);
 --bs-dropdown-link-disabled-color: #6c757d;
 --bs-dropdown-header-color: #adb5bd;
 --bs-dropdown-divider-bg: rgba(255, 255, 255, 0.15)
}

.aQRCode { background-color: var(--rfw-red);; color: var(--rfw-white); border: 1px solid #0b2545; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
.aQRCode:hover { background-color: var(--rfw-white); color: #0b2545; border-color: #0b2545; }

.rfw-page a:hover { transform: scale(1.1) rotate(2deg); }
.rfw-page:hover i a { transform: scale(1.2) rotate(15deg); }

/* Bootstrap */
header .btn-outline-success {
  --bs-btn-color: rgba(255, 255, 255, 1);
  --bs-btn-border-color: rgba(25, 135, 84, 1);   
  --bs-btn-hover-color: rgba(0, 0, 0, 1); 
  --bs-btn-hover-bg: rgba(25, 135, 84, 1); 
  --bs-btn-hover-border-color: #gba(25, 135, 84, 1);
  --bs-btn-active-color: rgba(255, 255, 255, 1);
  --bs-btn-active-bg: rgba(25, 135, 84, 1);  
  --bs-btn-active-border-color: rgba(25, 135, 84, 1); 
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
}

header .btn-outline-dark {
  --bs-btn-color: rgba(255, 255, 255, 1);      
  --bs-btn-border-color: rgba(0, 0, 0, .75);
  --bs-btn-hover-color: rgba(232, 7, 7, 1); 
  --bs-btn-hover-bg: rgba(0, 0, 0, .75); 
  --bs-btn-hover-border-color: rgba(0, 0, 0, 1);
  --bs-btn-active-color: rgba(232, 7, 7, 1);
  --bs-btn-active-bg: rgba(26, 30, 33, .75);       
  --bs-btn-active-border-color: rgba(0, 0, 0, .75);   
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
}

header .btn-outline-danger {
--bs-btn-color: rgba(255, 255, 255, 1);
--bs-btn-border-color: rgba(220, 53, 69, 1);
--bs-btn-hover-color: rgba(0, 0, 0, 1);
--bs-btn-hover-bg: rgba(220, 53, 69, 1);
--bs-btn-hover-border-color: rgba(220, 53, 69, 1);
--bs-btn-active-color: rgba(255, 255, 255, 1);
--bs-btn-active-bg: rgba(220, 53, 69, 1);
--bs-btn-active-border-color: rgba(220, 53, 69, 1);
--bs-btn-focus-shadow-rgb: 220, 53, 69;
}

header .btn-outline-primary, #btnOutlinePrimary {
  --bs-btn-color: rgba(255, 255, 255, 1);
  --bs-btn-border-color: rgba(255, 255, 255, 1);
  --bs-btn-hover-color: rgba(5, 5, 5, 1); 
  --bs-btn-hover-bg: rgba(13, 110, 253, 1); 
  --bs-btn-hover-border-color: rgba(13, 110, 253, 1);
  --bs-btn-active-color: rgba(255, 255, 255, 1);
  --bs-btn-active-bg: rgba(13, 110, 253, 1);  
  --bs-btn-active-border-color: rgba(13, 110, 253, 1); 
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
}

header .btn-navbar {
  --bs-btn-color: rgba(255, 255, 255, 1);     
  --bs-btn-bg: rgba(26, 30, 33, .75);  
  --bs-btn-border-color: rgba(26, 30, 33, .75);
  --bs-btn-hover-color: rgba(235, 235, 235, 1); 
  --bs-btn-hover-bg: rgba(0, 0, 0, .75); 
  --bs-btn-hover-border-color: rgba(0, 0, 0, 1);
  --bs-btn-active-color: rgba(235, 235, 235, 1);
  --bs-btn-active-bg: rgba(0, 0, 0, .75);       
  --bs-btn-active-border-color: rgba(0, 0, 0, .75);   
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
}

/* Select2 - DarkMode */
.select2-container--bootstrap-5 .select2-selection--single { 
 border: 1px solid #686f75 !important;
 border-radius: 0 !important; 
 display: flex !important; 
 align-items: center !important; 
 box-shadow: none !important; 
 background-color: #212529 !important; 
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
 background-position: right 8px center !important;
 background-repeat: no-repeat !important;
 background-size: 13px !important;}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { 
 color: #dee2e6 !important; 
 padding-left: 0px !important; 
 padding-right: 35px !important; 
 line-height: 33px !important; 
 white-space: nowrap !important; 
 overflow: hidden !important; 
 text-overflow: ellipsis !important; }

.select2-container--bootstrap-5 .select2-dropdown { 
 background-color: #2b3035 !important; 
 color: #fff !important; 
 border: 1px solid #686f75 !important; 
 border-radius: 0 !important; }

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field { 
 background-color: #2b3035 !important; 
 color: #fff !important; 
 border: 1px solid #686f75 !important; 
 font-size: 0.75rem !important; 
 height: 22px !important; 
 padding: 0 4px !important; 
 border-radius: 0 !important; } 

.select2-results__option { 
 font-size: 0.8rem !important; 
 padding: 2px 4px !important; 
 color: #dee2e6 !important; }

.select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] { 
 background-color: #86b7fe !important; 
 color: #000 !important; }

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear { 
 transform: scale(1.5) translateY(-3px) !important;
 filter: brightness(0) saturate(100%) invert(27%) sepia(82%) saturate(2354%) hue-rotate(346deg) brightness(92%) contrast(92%) !important; }

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover { 
 filter: brightness(0) saturate(100%) invert(12%) sepia(87%) saturate(6011%) hue-rotate(351deg) brightness(63%) contrast(121%) !important; }