@charset "UTF-8";

.img-avatar-square {
    display: inline-block;
    max-width: 205px;  
    max-height: 205px;  
    height: auto;      
    object-fit: contain; 
}

/* PWA Toast Styling */
#installWrap {
	position: fixed !important;
	bottom: 20px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 9999;
	display: none; /* Defaultne skryté - čakáme na logiku */
	min-width: 320px;
	max-width: 90%;
	background-color: #0d6efd; /* Primary Blue */
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
/* Štýl pre ikonu v toaste */
.pwa-app-icon {
    width: 64px;          /* Veľkosť ikony */
    height: 64px;
    border-radius: 14px;  /* Zaoblené rohy v štýle iOS/Android */
    object-fit: cover;
    background-color: white; /* Poistka ak by bol obrázok transparentný */
}

/* Jemné doladenie pre mobil */
@media (max-width: 400px) {
    .pwa-app-icon {
        width: 50px;
        height: 50px;
    }
}

/* calendar */
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day .active	{ background-color:silver; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#E63B7A; padding:5px; width: 30px; color:#fff; font-weight:bold; margin:-5px 5px 0 -5px; text-align:center; }
div.week-number		{ padding:5px; font-weight:bold; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
.cross {					
	overflow: hidden;
}

.cross:before, .cross:after {
	position: absolute;
	content: '';
	background: red;
	display: block;
	height: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

:root {
  --numDays: 5;
  --numHours: 10;
  --timeHeight: 60px;
  --calBgColor: #fff1f8;
  --eventBorderColor: #f2d3d8;
  --eventColor1: #ffd6d1;
  --eventColor2: #fafaa3;
  --eventColor3: #e2f8ff;
  --eventColor4: #d1ffe6;
}

.calendar {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  margin: 2rem;
}

.dayline {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
}

.days {
  display: grid;
  grid-column: 2;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.events {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
  border-radius: 5px;
  background: var(--calBgColor);
}

// Place on Timeline
.start-10 {
  grid-row-start: 2;
}

.start-12 {
  grid-row-start: 4;
}

.start-1 {
  grid-row-start: 5;
}

.start-2 {
  grid-row-start: 6;
}

.end-12 {
  grid-row-end: 4;
}

.end-1 {
  grid-row-end: 5;
}

.end-3 {
  grid-row-end: 7;
}

.end-4 {
  grid-row-end: 8;
}

.end-5 {
  grid-row-end: 9;
}

// Event

.title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.event {
  border: 1px solid var(--eventBorderColor);
  border-radius: 5px;
  padding: 0.5rem;
  margin: 0 0.5rem;
  background: white;
}

.space,
.date {
  height: 60px
}

// Global / Etc

body {
  font-family: system-ui, sans-serif;
}

.corp-fi {
  background: var(--eventColor1);
}

.ent-law {
  background: var(--eventColor2);
}

.writing {
  background: var(--eventColor3);
}

.securities {
  background: var(--eventColor4);
}

.date {
  display: flex;
  gap: 1em;
}

.date-num {
  font-size: 3rem;
  font-weight: 600;
  display: inline;
}

.date-day {
  display: inline;
  font-size: 3rem;
  font-weight: 100;
}

/* COLORS */


.bg-red-100 {
	background-color: #ffdbdc !important
}

.bg-red-200 {
	background-color: #ffbfc1 !important
}

.bg-red-300 {
  background-color: #ffa1a4 !important;
}
a.bg-red-300:hover, a.bg-red-300:focus,
button.bg-red-300:hover,
button.bg-red-300:focus {
  background-color: #e6878a !important;
}

.dark-mode .bg-red-300 {
  background-color: #bf5a5c !important;
}
.dark-mode a.bg-red-300:hover, .dark-mode a.bg-red-300:focus,
.dark-mode button.bg-red-300:hover,
.dark-mode button.bg-red-300:focus {
  background-color: #8e3f40 !important;
}


.bg-red-400 {
	background-color: #ff8589 !important
}

.bg-red-500 {
	background-color: #ff666b !important
}

.bg-red-600 {
	background-color: #ff4c52 !important
}

.bg-red-700 {
	background-color: #f2353c !important
}

.bg-red-800 {
	background-color: #e62020 !important
}

.bg-red-900 {
	background-color: #d60b0b !important
}

.red-100 {
	color: #ffdbdc !important
}

.red-200 {
	color: #ffbfc1 !important
}

.red-300 {
	color: #ffa1a4 !important
}

.red-400 {
	color: #ff8589 !important
}

.red-500 {
	color: #ff666b !important
}

.red-600 {
	color: #ff4c52 !important
}

.red-700 {
	color: #f2353c !important
}

.red-800 {
	color: #e62020 !important
}

.red-900 {
	color: #d60b0b !important
}

.bg-pink-100 {
	background-color: #ffd9e6 !important
}

.bg-pink-200 {
	background-color: #ffbad2 !important
}

.bg-pink-300 {
	background-color: #ff9ec0 !important
}

.bg-pink-400 {
	background-color: #ff7daa !important
}

.bg-pink-500 {
	background-color: #ff5e97 !important
}

.bg-pink-600 {
	background-color: #f74584 !important
}

.bg-pink-700 {
	background-color: #eb2f71 !important
}

.bg-pink-800 {
	background-color: #e6155e !important
}

.bg-pink-900 {
	background-color: #d10049 !important
}

.pink-100 {
	color: #ffd9e6 !important
}

.pink-200 {
	color: #ffbad2 !important
}

.pink-300 {
	color: #ff9ec0 !important
}

.pink-400 {
	color: #ff7daa !important
}

.pink-500 {
	color: #ff5e97 !important
}

.pink-600 {
	color: #f74584 !important
}

.pink-700 {
	color: #eb2f71 !important
}

.pink-800 {
	color: #e6155e !important
}

.pink-900 {
	color: #d10049 !important
}

.bg-purple-100 {
	background-color: #eae1fc !important
}

.bg-purple-200 {
	background-color: #d9c7fc !important
}

.bg-purple-300 {
	background-color: #c8aefc !important
}

.bg-purple-400 {
	background-color: #b693fa !important
}

.bg-purple-500 {
	background-color: #a57afa !important
}

.bg-purple-600 {
	background-color: #9463f7 !important
}

.bg-purple-700 {
	background-color: #8349f5 !important
}

.bg-purple-800 {
	background-color: #7231f5 !important
}

.bg-purple-900 {
	background-color: #6118f2 !important
}

.purple-100 {
	color: #eae1fc !important
}

.purple-200 {
	color: #d9c7fc !important
}

.purple-300 {
	color: #c8aefc !important
}

.purple-400 {
	color: #b693fa !important
}

.purple-500 {
	color: #a57afa !important
}

.purple-600 {
	color: #9463f7 !important
}

.purple-700 {
	color: #8349f5 !important
}

.purple-800 {
	color: #7231f5 !important
}

.purple-900 {
	color: #6118f2 !important
}

.bg-indigo-100 {
	background-color: #e1e4fc !important
}

.bg-indigo-200 {
	background-color: #c7cffc !important
}

.bg-indigo-300 {
	background-color: #afb9fa !important
}

.bg-indigo-400 {
	background-color: #96a3fa !important
}

.bg-indigo-500 {
	background-color: #7d8efa !important
}

.bg-indigo-600 {
	background-color: #667afa !important
}

.bg-indigo-700 {
	background-color: #4d64fa !important
}

.bg-indigo-800 {
	background-color: #364ff5 !important
}

.bg-indigo-900 {
	background-color: #1f3aed !important
}

.indigo-100 {
	color: #e1e4fc !important
}

.indigo-200 {
	color: #c7cffc !important
}

.indigo-300 {
	color: #afb9fa !important
}

.indigo-400 {
	color: #96a3fa !important
}

.indigo-500 {
	color: #7d8efa !important
}

.indigo-600 {
	color: #667afa !important
}

.indigo-700 {
	color: #4d64fa !important
}

.indigo-800 {
	color: #364ff5 !important
}

.indigo-900 {
	color: #1f3aed !important
}

.bg-blue-100 {
	background-color: #d9e9ff !important
}

.bg-blue-200 {
	background-color: #b8d7ff !important
}

.bg-blue-300 {
	background-color: #99c5ff !important
}

.bg-blue-400 {
	background-color: #79b2fc !important
}

.bg-blue-500 {
	background-color: #589ffc !important
}

.bg-blue-600 {
	background-color: #3e8ef7 !important
}

.bg-blue-700 {
	background-color: #247cf0 !important
}

.bg-blue-800 {
	background-color: #0b69e3 !important
}

.bg-blue-900 {
	background-color: #0053bf !important
}

.blue-100 {
	color: #d9e9ff !important
}

.blue-200 {
	color: #b8d7ff !important
}

.blue-300 {
	color: #99c5ff !important
}

.blue-400 {
	color: #79b2fc !important
}

.blue-500 {
	color: #589ffc !important
}

.blue-600 {
	color: #3e8ef7 !important
}

.blue-700 {
	color: #247cf0 !important
}

.blue-800 {
	color: #0b69e3 !important
}

.blue-900 {
	color: #0053bf !important
}

.bg-cyan-100 {
	background-color: #c2f5ff !important
}

.bg-cyan-200 {
	background-color: #9de6f5 !important
}

.bg-cyan-300 {
	background-color: #77d9ed !important
}

.bg-cyan-400 {
	background-color: #54cbe3 !important
}

.bg-cyan-500 {
	background-color: #28c0de !important
}

.bg-cyan-600 {
	background-color: #0bb2d4 !important
}

.bg-cyan-700 {
	background-color: #0099b8 !important
}

.bg-cyan-800 {
	background-color: #007d96 !important
}

.bg-cyan-900 {
	background-color: #006275 !important
}

.cyan-100 {
	color: #c2f5ff !important
}

.cyan-200 {
	color: #9de6f5 !important
}

.cyan-300 {
	color: #77d9ed !important
}

.cyan-400 {
	color: #54cbe3 !important
}

.cyan-500 {
	color: #28c0de !important
}

.cyan-600 {
	color: #0bb2d4 !important
}

.cyan-700 {
	color: #0099b8 !important
}

.cyan-800 {
	color: #007d96 !important
}

.cyan-900 {
	color: #006275 !important
}

.bg-teal-100 {
	background-color: #c3f7f2 !important
}

.bg-teal-200 {
	background-color: #92f0e6 !important
}

.bg-teal-300 {
	background-color: #6be3d7 !important
}

.bg-teal-400 {
	background-color: #45d6c8 !important
}

.bg-teal-500 {
	background-color: #28c7b7 !important
}

.bg-teal-600 {
	background-color: #17b3a3 !important
}

.bg-teal-700 {
	background-color: #089e8f !important
}

.bg-teal-800 {
	background-color: #008577 !important
}

.bg-teal-900 {
	background-color: #00665c !important
}

.teal-100 {
	color: #c3f7f2 !important
}

.teal-200 {
	color: #92f0e6 !important
}

.teal-300 {
	color: #6be3d7 !important
}

.teal-400 {
	color: #45d6c8 !important
}

.teal-500 {
	color: #28c7b7 !important
}

.teal-600 {
	color: #17b3a3 !important
}

.teal-700 {
	color: #089e8f !important
}

.teal-800 {
	color: #008577 !important
}

.teal-900 {
	color: #00665c !important
}

.bg-green-100 {
	background-color: #c2fadc !important
}

.bg-green-200 {
	background-color: #99f2c2 !important
}

.bg-green-300 {
	background-color: #72e8ab !important
}

.bg-green-400 {
	background-color: #49de94 !important
}

.bg-green-500 {
	background-color: #28d17c !important
}

.bg-green-600 {
	background-color: #11c26d !important
}

.bg-green-700 {
	background-color: #05a85c !important
}

.bg-green-800 {
	background-color: #008c4d !important
}

.bg-green-900 {
	background-color: #006e3c !important
}

.green-100 {
	color: #c2fadc !important
}

.green-200 {
	color: #99f2c2 !important
}

.green-300 {
	color: #72e8ab !important
}

.green-400 {
	color: #49de94 !important
}

.green-500 {
	color: #28d17c !important
}

.green-600 {
	color: #11c26d !important
}

.green-700 {
	color: #05a85c !important
}

.green-800 {
	color: #008c4d !important
}

.green-900 {
	color: #006e3c !important
}

.bg-light-green-100 {
	background-color: #dcf7b0 !important
}

.bg-light-green-200 {
	background-color: #c3e887 !important
}

.bg-light-green-300 {
	background-color: #add966 !important
}

.bg-light-green-400 {
	background-color: #94cc39 !important
}

.bg-light-green-500 {
	background-color: #7eb524 !important
}

.bg-light-green-600 {
	background-color: #6da611 !important
}

.bg-light-green-700 {
	background-color: #5a9101 !important
}

.bg-light-green-800 {
	background-color: #4a7800 !important
}

.bg-light-green-900 {
	background-color: #3a5e00 !important
}

.light-green-100 {
	color: #dcf7b0 !important
}

.light-green-200 {
	color: #c3e887 !important
}

.light-green-300 {
	color: #add966 !important
}

.light-green-400 {
	color: #94cc39 !important
}

.light-green-500 {
	color: #7eb524 !important
}

.light-green-600 {
	color: #6da611 !important
}

.light-green-700 {
	color: #5a9101 !important
}

.light-green-800 {
	color: #4a7800 !important
}

.light-green-900 {
	color: #3a5e00 !important
}

.bg-yellow-100 {
	background-color: #fff6b5 !important
}

.bg-yellow-200 {
	background-color: #fff39c !important
}

.bg-yellow-300 {
	background-color: #ffed78 !important
}

.bg-yellow-400 {
	background-color: #ffe54f !important
}

.bg-yellow-500 {
	background-color: #ffdc2e !important
}

.bg-yellow-600 {
  background-color: #ffcd17 !important;
}
a.bg-yellow-600:hover, a.bg-yellow-600:focus,
button.bg-yellow-600:hover,
button.bg-yellow-600:focus {
  background-color: #e6b216 !important;
}

.dark-mode .bg-yellow-600 {
  background-color: #b39211 !important;
}
.dark-mode a.bg-yellow-600:hover, .dark-mode a.bg-yellow-600:focus,
.dark-mode button.bg-yellow-600:hover,
.dark-mode button.bg-yellow-600:focus {
  background-color: #8a6e0d !important;
}


.bg-yellow-700 {
	background-color: #fcb900 !important
}

.bg-yellow-800 {
  background-color: #faa700 !important;
}
a.bg-yellow-800:hover, a.bg-yellow-800:focus,
button.bg-yellow-800:hover,
button.bg-yellow-800:focus {
  background-color: #e09600 !important;
}

.dark-mode .bg-yellow-800 {
  background-color: #b37800 !important;
}
.dark-mode a.bg-yellow-800:hover, .dark-mode a.bg-yellow-800:focus,
.dark-mode button.bg-yellow-800:hover,
.dark-mode button.bg-yellow-800:focus {
  background-color: #8a5a00 !important;
}


.bg-yellow-900 {
	background-color: #fa9600 !important
}

.yellow-100 {
	color: #fff6b5 !important
}

.yellow-200 {
	color: #fff39c !important
}

.yellow-300 {
	color: #ffed78 !important
}

.yellow-400 {
	color: #ffe54f !important
}

.yellow-500 {
	color: #ffdc2e !important
}

.yellow-600 {
	color: #ffcd17 !important
}

.yellow-700 {
	color: #fcb900 !important
}

.yellow-800 {
	color: #faa700 !important
}

.yellow-900 {
	color: #fa9600 !important
}

.bg-orange-100 {
	background-color: #ffe1c4 !important
}

.bg-orange-200 {
	background-color: #ffc894 !important
}

.bg-orange-300 {
  background-color: #fab06b !important;
}
a.bg-orange-300:hover, a.bg-orange-300:focus,
button.bg-orange-300:hover,
button.bg-orange-300:focus {
  background-color: #e79951 !important;
}

.dark-mode .bg-orange-300 {
  background-color: #bf6e35 !important;
}
.dark-mode a.bg-orange-300:hover, .dark-mode a.bg-orange-300:focus,
.dark-mode button.bg-orange-300:hover,
.dark-mode button.bg-orange-300:focus {
  background-color: #8e4e23 !important;
}

.bg-orange-400 {
	background-color: #fa983c !important
}

.bg-orange-500 {
	background-color: #f57d1b !important
}

.bg-orange-600 {
	background-color: #eb6709 !important
}

.bg-orange-700 {
	background-color: #de4e00 !important
}

.bg-orange-800 {
	background-color: #b53f00 !important
}

.bg-orange-900 {
	background-color: #962d00 !important
}

.orange-100 {
	color: #ffe1c4 !important
}

.orange-200 {
	color: #ffc894 !important
}

.orange-300 {
	color: #fab06b !important
}

.orange-400 {
	color: #fa983c !important
}

.orange-500 {
	color: #f57d1b !important
}

.orange-600 {
	color: #eb6709 !important
}

.orange-700 {
	color: #de4e00 !important
}

.orange-800 {
	color: #b53f00 !important
}

.orange-900 {
	color: #962d00 !important
}

.bg-brown-100 {
	background-color: #f5e2da !important
}

.bg-brown-200 {
	background-color: #e0cdc5 !important
}

.bg-brown-300 {
  background-color: #cfb8b0 !important;
}
a.bg-brown-300:hover, a.bg-brown-300:focus,
button.bg-brown-300:hover,
button.bg-brown-300:focus {
  background-color: #b59f97 !important;
}

.dark-mode .bg-brown-300 {
  background-color: #8e7268 !important;
}
.dark-mode a.bg-brown-300:hover, .dark-mode a.bg-brown-300:focus,
.dark-mode button.bg-brown-300:hover,
.dark-mode button.bg-brown-300:focus {
  background-color: #6b544e !important;
}


.bg-brown-400 {
	background-color: #bda299 !important
}

.bg-brown-500 {
	background-color: #ab8c82 !important
}

.bg-brown-600 {
	background-color: #997b71 !important
}

.bg-brown-700 {
	background-color: #82675f !important
}

.bg-brown-800 {
	background-color: #6b534c !important
}

.bg-brown-900 {
	background-color: #57403a !important
}

.brown-100 {
	color: #f5e2da !important
}

.brown-200 {
	color: #e0cdc5 !important
}

.brown-300 {
	color: #cfb8b0 !important
}

.brown-400 {
	color: #bda299 !important
}

.brown-500 {
	color: #ab8c82 !important
}

.brown-600 {
	color: #997b71 !important
}

.brown-700 {
	color: #82675f !important
}

.brown-800 {
	color: #6b534c !important
}

.brown-900 {
	color: #57403a !important
}

.bg-grey-100 {
	background-color: #fafafa !important
}

.bg-grey-200 {
	background-color: #eee !important
}

.bg-grey-300 {
  background-color: #e0e0e0 !important;
}
a.bg-grey-300:hover, a.bg-grey-300:focus,
button.bg-grey-300:hover,
button.bg-grey-300:focus {
  background-color: #c6c6c6 !important;
}

.dark-mode .bg-grey-300 {
  background-color: #4a4a4a !important;
}
.dark-mode a.bg-grey-300:hover, .dark-mode a.bg-grey-300:focus,
.dark-mode button.bg-grey-300:hover,
.dark-mode button.bg-grey-300:focus {
  background-color: #303030 !important;
}


.bg-grey-400 {
	background-color: #bdbdbd !important
}

.bg-grey-500 {
	background-color: #9e9e9e !important
}

.bg-grey-600 {
	background-color: #757575 !important
}

.bg-grey-700 {
	background-color: #616161 !important
}

.bg-grey-800 {
	background-color: #424242 !important
}

.bg-grey-900 {
	background-color: #474747 !important
}

.grey-100 {
	color: #fafafa !important
}

.grey-200 {
	color: #eee !important
}

.grey-300 {
	color: #e0e0e0 !important
}

.grey-400 {
	color: #bdbdbd !important
}

.grey-500 {
	color: #9e9e9e !important
}

.grey-600 {
	color: #757575 !important
}

.grey-700 {
	color: #616161 !important
}

.grey-800 {
	color: #424242 !important
}

.grey-900 {
	color: #474747 !important
}

.bg-blue-grey-100 {
	background-color: #f3f7f9 !important
}

.bg-blue-grey-200 {
	background-color: #e4eaec !important
}

.bg-blue-grey-300 {
	background-color: #ccd5db !important
}

.bg-blue-grey-400 {
	background-color: #a3afb7 !important
}

.bg-blue-grey-500 {
	background-color: #76838f !important
}

.bg-blue-grey-600 {
	background-color: #526069 !important
}

.bg-blue-grey-700 {
	background-color: #37474f !important
}

.bg-blue-grey-800 {
	background-color: #263238 !important
}

.bg-blue-grey-900 {
	background-color: #3e4854 !important
}

.blue-grey-100 {
	color: #f3f7f9 !important
}

.blue-grey-200 {
	color: #e4eaec !important
}

.blue-grey-300 {
	color: #ccd5db !important
}

.blue-grey-400 {
	color: #a3afb7 !important
}

.blue-grey-500 {
	color: #76838f !important
}

.blue-grey-600 {
	color: #526069 !important
}

.blue-grey-700 {
	color: #37474f !important
}

.blue-grey-800 {
	color: #263238 !important
}

.blue-grey-900 {
	color: #3e4854 !important
}

.bg-primary-100 {
	background-color: #d9e9ff !important
}

.bg-primary-200 {
	background-color: #b8d7ff !important
}

.bg-primary-300 {
	background-color: #99c5ff !important
}

.bg-primary-400 {
	background-color: #79b2fc !important
}

.bg-primary-500 {
	background-color: #589ffc !important
}

.bg-primary-600 {
	background-color: #3e8ef7 !important
}

.bg-primary-700 {
	background-color: #247cf0 !important
}

.bg-primary-800 {
	background-color: #0b69e3 !important
}

.primary-100 {
	color: #d9e9ff !important
}

.primary-200 {
	color: #b8d7ff !important
}

.primary-300 {
	color: #99c5ff !important
}

.primary-400 {
	color: #79b2fc !important
}

.primary-500 {
	color: #589ffc !important
}

.primary-600 {
	color: #3e8ef7 !important
}

.primary-700 {
	color: #247cf0 !important
}

.primary-800 {
	color: #0b69e3 !important
}

/* KARTA JAZDY – úprava len v dark mode */
.dark-mode .bg-modern-lighter {
    background: #1e293b !important;      /* tmavomodrá namiesto svetlej */
}

.dark-mode .border-info {
    border-color: #38bdf8 !important;     /* svetlejšia modrá */
}

.dark-mode .text-muted {
    color: #cbd5e1 !important;            /* svetlosivá, nie vypraná */
}