@charset 'utf-8';

* {box-sizing:border-box;}
html {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;line-height:1.25;font-size:16px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
input[type=date] {resize:none;}
input[type=button] {cursor:pointer;}
a {text-decoration:none;color:inherit;}
img.block {display:block;}

body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#24292f;}
.section {display:flex;flex-direction:row;justify-content:center;align-items:center;}
.container {width:100%;max-width:1400px;}
.min-container {width:100%;max-width:800px;}
.column-mobile {padding:0!important;margin-bottom:24px;}

header {padding:16px 16px;box-shadow:inset 0 -1px #d1d9e0;background-color:#f6f8fa;position:sticky;top:0;z-index:10;}
header p {color:#59636e;}

.sub-header {margin-top:8px;}

h1, h2 {font-size:20px;font-weight:600;}
h3 {font-size:16px;font-weight:600;}

p {font-size:14px;}

.flexy {display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.gap-2 {gap:6px;}
.gap-4 {gap:12px;}

main.login-box {width:100vw;height:100vh;background-color:#f6f8fa;}

.login-container {background-color:#ffffff;border:1px solid #d0d7de;border-radius:6px;padding:24px 24px 28px;width:100%;max-width:360px;margin-bottom:64px;}
.login-container h2 {margin-bottom:16px;text-align:center;}

input, textarea, select {width:100%;padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;background-color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
input[disabled], textarea[disabled] {background-color:#f6f8fa;color:#a2a9b0;cursor:not-allowed;}
input:focus {outline:2px solid #0969da;border-color:#0969da;}

.login-container input {margin-bottom:16px;}

button, div[role=button], .button {padding:8px 12px;background-color:#2da44e;border:1px solid rgba(27, 31, 36, 0.15);border-radius:6px;color:white;font-weight:600;font-size:14px;cursor:pointer;transition:background-color 0.2s ease;text-align:center;}
button:hover, div[role=button]:hover, .button:hover {background-color:#218739;}

.full-button {width:100%;}

.small-button {padding:4px 10px;font-weight:500;}

.white-button {border:1px solid #d1d9e0;background-color:#f6f8fa;color:#59636e;}
.white-button:hover {background-color:#818b981a;}

.hover-action:hover {color:#0969da;}
.warn-button:hover {color:#d1242f;}
.total-white {background:#ffffff;}

.block-button {display:inline-block;}

.red-light-button {border:1px solid #d1d9e0;background-color:#f6f8fa;color:#d1242f;}
.red-light-button:hover {background-color:#cf222e;border:1px solid #cf222e;color:#ffffff;}

.icon-left {margin-right:5px;}
.icon-right {margin-left:5px;}

.icon-xs {font-size:80%;}
.icon-sm {font-size:85%;}

#date-selector {padding:7px 12px;}

.shedule-container {display:grid;grid-template-columns:85px auto;background-color:white;border:1px solid #d0d7de;border-radius:6px;overflow:hidden;margin-top:40px;margin-bottom:32px;}

td {text-align:center;}

.shedule-container thead tr {height:44px;background:#f6f8fa;color:#57606a;font-size:14px;}
.shedule-container tbody tr {height:100px;}

aside tbody tr {background:#f6f8fa;}

.shedule-container thead th {position:relative;}
.shedule-container thead th:before {content:"";width:100%;height:1px;background:#d8dee4;position:absolute;left:0;bottom:0;}

.shedule-container tbody td {position:relative;font-size:14px;color:#57606a;}
.shedule-container tbody td:before {content:"";width:100%;height:1px;background:#d8dee4;position:absolute;left:0;bottom:0;}
.shedule-container tbody tr:last-of-type td:before {background:transparent;}

aside tbody td:after {content:"";width:1px;height:100%;background:#d8dee4;position:absolute;right:0;top:0;}
aside thead th:after {content:"";width:1px;height:100%;background:#d8dee4;position:absolute;right:0;top:0;}

.shedule-container div.scroller {position:relative;overflow-y:hidden;overflow-x:scroll;}

.shedule-container thead th div {display:flex;justify-content:flex-start;align-items:center;}

aside thead th div {width:80px!important;}

.separator {pointer-events:none;height:100%;width:1px;background:#FFF;position:absolute;top:0;}

.scroller table{table-layout: fixed;width: 8640px;}

.shedule-container thead th[colspan="6"] div {width:180px;height:44px;position:relative;left:-19px;}
.shedule-container tbody td div {width:30px;height:100px;transition:all .15s ease-in-out;background:rgba(0,0,0,0.0);}
/*.shedule-container tbody td div:hover {background:rgba(0,0,0,0.15);}*/

.scroller tbody {background-image:linear-gradient(to right, rgb(203 213 225) 1px, #fbf9e9 1px);background-size: 180px 100px;}

content a.button {opacity:0;}
content:hover a.button {opacity:1;}

.grid-show {position:absolute;background:#FFF;border:1px solid rgb(203 213 225);height:100px;padding:6px 10px;overflow:hidden;line-height:16px;}
.grid-show h3 {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:18px;}
.grid-show div {overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:16px;margin-top:3px;color:#59636e;}
.grid-show menu {position:absolute;right:10px;bottom:9px;padding:0;opacity:0;pointer-events:none;background:#FFF;}
.grid-show:hover menu {opacity:1;pointer-events:all;}

li.grid-show {overflow:visible;}
li.grid-show content {overflow:hidden;position:absolute;height:calc(100% - 6px);width:calc(100% - 20px);}

li.grid-show nav {font-family:monospace;display:flex;flex-direction:row;margin-top:3px;gap:8px;}
li.grid-show nav span {font-size:9px;background:#ddf4ff;padding:0 5px;border-radius:4px;display:block;}

.uc-pageloader {position:fixed;top:0;left:0;bottom:0;right:0;z-index:1030;}
.uc-pageloader {display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,1);}
.uc-pageloader.semi {background:rgba(255,255,255,0.8);}
.uc-pageloader > .loading {display:inline-block;position:relative;width:40px;height:40px;}
.uc-pageloader > .loading > div {display:block;position:absolute;width:40px;height:40px;margin:0;border:3px solid transparent;border-radius:50%;animation:uc-loading 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#24292f transparent transparent transparent;}
.uc-pageloader > .loading > div:nth-child(1) {animation-delay:-0.1s;}
.uc-pageloader > .loading > div:nth-child(2) {animation-delay:-0.2s;}
.uc-pageloader > .loading > div:nth-child(3) {animation-delay:-0.3s;}

@keyframes uc-loading {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} }

.colored-toast.swal2-icon-success {background-color:#2da44e!important;}
.colored-toast.swal2-icon-error {background-color:#f27474!important;}
.colored-toast.swal2-icon-warning {background-color:#f8bb86!important;}
.colored-toast.swal2-icon-info {background-color:#3fc3ee!important;}
.colored-toast.swal2-icon-question {background-color:#87adbd!important;}
.colored-toast .swal2-title {color:white;}
.colored-toast .swal2-close {color:white;}
.colored-toast .swal2-html-container {color:white;}

.swal2-input[type=date] {display:block!important;}
div:where(.swal2-container) .swal2-select {width:auto!important;}

.colored-toast .swal2-title {margin-top:0;}
.colored-toast .swal2-html-container {margin-top:0;margin-bottom:0;}

.single-container {display:grid;grid-template-columns:40px auto;margin-top:40px;margin-bottom:32px;}

.times {font-size:12px;color:#59636e;}
.times div {width:100%;height:10px;position:relative;}
.times div div {top:-7px;}
.times div.size-6 {height:60px;}
.times div.size-6:last-of-type:after {content:"00:00";font-size:12px;color:#59636e;position:absolute;left:0;bottom:-4px;}

.day-content {border-radius:0.375rem;border:1px solid #d1d9e0;overflow:hidden;width:100%;height:100%;list-style:none;background-image:linear-gradient(to bottom, rgb(203 213 225) 1px, #fbf9e9 1px);background-size:800px 60px;}
.day-content li {height:10px;width:100%;}
.day-content .grid-show {position:relative;height:10px;padding:4px 10px;}
.day-content .grid-show div {margin-top:0;}
.day-content .grid-show content {cursor:move;}

.ui-state-highlight {height:10px;background:#0969da;border:1px dashed #074287;}

.alert {position:fixed;bottom:-100px;background:white;border-radius:0.375rem;transform: translate(-50%,0);left:50%;min-width:75%;opacity:0.5;transition:all 0.4s ease;}
.alert.active {opacity:1;bottom:16px;}

.message {background:#fff8c5;border:1px solid #d4a72c66;padding:0.5rem;border-radius:0.375rem;width:100%;}
.message p {margin-left:4px;}

.swal-custom-input.margin {margin-bottom:16px;}
.swal-custom-input label {text-align:left!important;font-weight:bold;font-size:16px;width:100%;display:block;margin-bottom:8px;}
.swal-custom-input textarea {resize:none;height:70px;}

.swal-wide{width:100%!important;max-width:900px;}

.cloned-show {animation:flash 2.5s ease-in-out;}
.cloned-show menu {display:none!important;}

li.empty {cursor:cell;}

.hidden {display:none;}

.select2-container--open {z-index:99999999999999;}

@keyframes flash {
  0%   {background:#fff8c5;border:1px solid #d4a72c66;}
  15%  {background:#ffffff;border:1px solid rgb(203 213 225);}
  30%  {background:#fff8c5;border:1px solid #d4a72c66;}
  45%  {background:#ffffff;border:1px solid rgb(203 213 225);}
  60%  {background:#fff8c5;border:1px solid #d4a72c66;}
  75% {background:#ffffff;border:1px solid rgb(203 213 225);}
}

@media screen and (max-width:1432px) {
      .section {padding-left:16px;padding-right:16px;}
}

@media screen and (max-width:540px) {
      .button span {display:none;}
      .shedule-container {margin-bottom:20px;}
      .single-container {margin-bottom:20px;}
      .column-mobile {flex-direction:column;}
      .column-mobile > * {width:100%;}

      .column-mobile div {display:flex;flex-direction:column;gap:16px;}
      .column-mobile div:has(> a.total-white) {display:none;}

}