@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:100;font-display:block;src:url(../webfonts/fa-thin-100.woff2) format("woff2"),url(../webfonts/fa-thin-100.ttf) format("truetype")}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #dee2e6;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #6c757d;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #343a40;
}

.login,
.image {
  min-height: 100vh;
}

.bg-image {
    background-image: url('../img/bg.webp');
    background-size: cover;
    background-position: center center;
}

.language-img{
    width: 16px;
}

.form-control-color {
    width: 3rem;
    padding: 0.375rem;
    cursor: pointer;
}

.indicator div {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 5px;
}

.indicator.indicator-lg div {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
}

.todo-indicator {
    position: absolute;
    width: 4px;
    height: 60%;
    border-radius: 0.3rem;
    left: 0.625rem;
    top: 20%;
    opacity: .6;
    transition: opacity .2s
}

/*
.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #6f42c1;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px;
} */

.logowanie{
    padding-top: 25vh;
}

html {
    background-color: #eee;
    position: relative;
    height: 100%;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 64px;
}

.chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9999;
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.dt-working-person ul {
    display: inline-block;
    padding: 0;
}

.dt-working-person li {
    display: inline-block;
    padding: 0 5px;
    margin-right: 5px;
}

/* ####################### */
/* ###     SOCIAL      ### */
/* ####################### */

.facebook-text{
    color: #3b5999;
}
.instagram-text{
    color: #e4405f;
}
.google-text{
    color: #dd4b39;
}
.linkedin-text{
    color: #0077B5;
}
.telegram-text{
    color: #0088cc;
}
.github-text{
    color: #131418;
}
.pinterest-text{
    color: #bd081c;
}



/* ####################### */
/* ###     ALERTY      ### */
/* ####################### */

.alert-message {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border-left: 4px solid transparent;
}
.alert-message *:first-child {
  margin-top: 0;
}
.alert-message *:last-child {
  margin-bottom: 0;
}

.alert-message-success {
  color: #165726;
  background-color: rgba(213, 238, 219, 0.5);
  border-color: #2ba84a;
}
.alert-message-success h4:first-child:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
.alert-message-success hr {
  border-top-color: #269441;
}
.alert-message-success .alert-link {
  color: #0c2e14;
}

.alert-message-danger {
  color: #7c201c;
  background-color: rgba(252, 216, 215, 0.5);
  border-color: #ef3e36;
}
.alert-message-danger h4:first-child:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
.alert-message-danger hr {
  border-top-color: #ed271e;
}
.alert-message-danger .alert-link {
  color: #521513;
}

.alert-message-warning {
  color: #853e29;
  background-color: rgba(255, 228, 220, 0.5);
  border-color: #ff784f;
}
.alert-message-warning h4:first-child:before {
  content: "\f12a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
.alert-message-warning hr {
  border-top-color: #ff6436;
}
.alert-message-warning .alert-link {
  color: #5e2c1d;
}

.alert-message-notice {
  color: #737116;
  background-color: rgba(248, 247, 212, 0.5);
  border-color: #ddd92a;
}
.alert-message-notice h4:first-child:before {
  content: "\f0eb";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
.alert-message-notice hr {
  border-top-color: #cdc921;
}
.alert-message-notice .alert-link {
  color: #48470e;
}

.alert-message-default {
  color: #61605d;
  background-color: rgba(241, 241, 240, 0.5);
  border-color: #bbb8b2;
}
.alert-message-default h4:first-child:before {
  content: "\f0f3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
.alert-message-default hr {
  border-top-color: #afaca4;
}
.alert-message-default .alert-link {
  color: #474644;
}

.alert-message-info {
  color: #567085;
  background-color: rgba(237, 247, 255, 0.5);
  border-color: #a5d8ff;
}
.alert-message-info h4:first-child:before {
  content: "\f129";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 1rem;
}
.alert-message-info hr {
  border-top-color: #8ccdff;
}
.alert-message-info .alert-link {
  color: #425666;
}



/* ####################### */
/* ### CHECKBOX SWITCH ### */
/* ####################### */

.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
    cursor: pointer;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    -webkit-box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
            box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    -webkit-transition: border 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: -2px;
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
            box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    -webkit-box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
            box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    -webkit-box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
            box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
            box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    -webkit-box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
            box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    -webkit-box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
            box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    -webkit-box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
            box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    -webkit-box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
            box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    -webkit-box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
            box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    -webkit-box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
            box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    -webkit-box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
            box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    -webkit-box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
            box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    -webkit-box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
            box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    -webkit-box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
            box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    -webkit-box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
            box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    -webkit-box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
            box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    -webkit-box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
            box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* Switch Opi */
.checkbox.checbox-switch.switch-opi label > input:checked + span,
.checkbox-inline.checbox-switch.switch-opi > input:checked + span {
    background-color: rgb(111, 66, 193);
    border-color: rgb(111, 66, 193);
    -webkit-box-shadow: rgb(111, 66, 193) 0px 0px 0px 8px inset;
            box-shadow: rgb(111, 66, 193) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
.checkbox.checbox-switch.switch-opi label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-opi > input:checked:disabled + span {
    background-color: rgb(150, 101, 240);
    border-color: rgb(150, 101, 240);
    -webkit-box-shadow: rgb(150, 101, 240) 0px 0px 0px 8px inset;
            box-shadow: rgb(150, 101, 240) 0px 0px 0px 8px inset;
    -webkit-transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}

/* ####################### */
/* ###       DATA      ### */
/* ###      TABELE     ### */
/* ####################### */

.data-tables .pagination {
    float: right;
}

.pagination .page-item .page-link {
    border-radius: 50%;
    margin: 0 2px;
    color: #797979;
    padding: 6px 12px;
}

.pagination .page-item .page-link:hover {
    background-color: #eee;
    border-color: #ddd;
}

.pagination .page-item.active .page-link {
    background-color: #5f37a8;
    border: 0;
    color: #FFFFFF !important;
    padding: 7px 13px;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 50%;
}

.pagination>li.disabled {
    opacity: .4;
}

.pagination.pagination-no-border>li>a,
.pagination.pagination-no-border>li>span {
    border: 0;
}

.pagination>li>a,
.pagination>li>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 50%;
    margin: 0 2px;
    color: #797979;
}

.pagination>li.active>a,
.pagination>li.active>span,
.pagination>li.active>a:hover,
.pagination>li.active>span:hover,
.pagination>li.active>a:focus,
.pagination>li.active>span:focus {
    background-color: #5f37a8;
    border: 0;
    color: #FFFFFF;
    padding: 7px 13px;
}

.pagination .paginate_button.page-item.previous .page-link,
.pagination .paginate_button.page-item.next .page-link {
    border-radius: 25px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: '\f00c'!important;
    font-family: "Font Awesome 5 Pro"!important;
    font-weight: 900;
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: 0px 0px!important;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: '\f0c8'!important;
    font-family: "Font Awesome 5 Pro"!important;
    margin-top: -6px;
    margin-left: -6px;
    border: 0px!important;
    border-radius: 3px;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #343a40!important;
    color: white;
}

div.dataTables_wrapper div.dataTables_info{
    white-space: normal !important;
}

.border-collapse {
    border-collapse: collapse !important;
}

.row-secondary.disabled,
.row-secondary:disabled {
    opacity: .65;
}

.row-primary-mark td:first-child {
    border-left: 5px solid #0d6efd !important;
}

.row-primary {
    background-color: #f2f8ff !important;
}

.row-secondary-mark td:first-child {
    border-left: 5px solid #6c757d !important;
}

.row-success-mark td:first-child {
    border-left: 5px solid #28a745 !important;
}

.row-success {
    background-color: #f2fff5 !important;
}

.row-info-mark td:first-child {
    border-left: 5px solid #42acc2 !important;
}

.row-info {
    background-color: #f2fdff !important;
}

.row-warning-mark td:first-child {
    border-left: 5px solid #ffbf00 !important;
}

.row-warning {
    background-color: #fffcf2 !important;
}

.row-danger-mark td:first-child {
    border-left: 5px solid #dc3545 !important;
}

.row-danger {
    background-color: #fff2f4 !important;
}

.row-opi-mark td:first-child {
    border-left: 5px solid #6f42c1 !important;
}

.row-opi {
    background-color: #f7f2ff !important;
}

/* ####################### */
/* ###    TIMELINE     ### */
/* ####################### */

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 1;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #007bff;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 1;
}



/* ####################### */
/* ###    GRADIENTY    ### */
/* ####################### */

.gradient-primary {
    background: linear-gradient(40deg,#4099ff,#73b4ff)!important;
}

.gradient-success {
    background: linear-gradient(40deg,#56ab2f,#a8e063)!important;
}

.gradient-danger {
    background: linear-gradient(40deg,#eb3349,#f45c43)!important;
}

.gradient-warning {
    background: linear-gradient(40deg,#ffa340,#ffc273)!important;
}

.gradient-info {
    background: linear-gradient(40deg,#23907d,#16cfaa)!important;
}

.gradient-light {
    background: linear-gradient(40deg,#fdfbfb,#ebedee)!important;
}

.gradient-dark {
    background: linear-gradient(40deg,#434343,#000)!important;
}

.gradient-sea {
    background: linear-gradient(40deg,#40ffac,#73ffae)!important;
}

.gradient-pink {
    background: linear-gradient(40deg,#c471f5,#fa71cd)!important;
}

.gradient-galaxy {
    background: linear-gradient(40deg,#667eea,#764ba2)!important;
}

.gradient-vampire {
    background: linear-gradient(40deg,#42275a,#734b6d)!important;
}

.gradient-sunset {
    background: linear-gradient(40deg,#f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%)!important;
}

.gradient-peach {
    background: linear-gradient(40deg,#ffd86f,#fc6262)!important;
}

.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.error-page h1 {
  font-size: 30vh;
  font-weight: bold;
  position: relative;
  margin: -8vh 0 0;
  padding: 0;
}
.error-page h1:after {
  content: attr(data-h1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: transparent;
  /* webkit only for graceful degradation to IE */
  background: -webkit-repeating-linear-gradient(-45deg, #71b7e6, #69a6ce, #b98acc, #ee8176, #b98acc, #69a6ce, #9b59b6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: inherit;
  background-size: 400%;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.25);
  -webkit-animation: animateTextBackground 10s ease-in-out infinite;
          animation: animateTextBackground 10s ease-in-out infinite;
}
.error-page h1 + p {
  color: #d6d6d6;
  font-size: 8vh;
  font-weight: bold;
  line-height: 10vh;
  max-width: 600px;
  position: relative;
}
.error-page h1 + p:after {
  content: attr(data-p);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}

.fade.in {
    opacity: 1
}

@-webkit-keyframes animateTextBackground {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 100% 0;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes animateTextBackground {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 100% 0;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 0;
  }
}
@media (max-width: 767px) {
    .error-page h1 {
        font-size: 32vw;
    }
    .error-page h1 + p {
        font-size: 8vw;
        line-height: 10vw;
        max-width: 70vw;
    }
}
/*
#selectedFiles img {
    max-width: 100px;
    max-height: 200px;
    float: left;
    margin-bottom:10px;
}*/

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #6f42c1;
    background-color: #6f42c1;
}
.custom-control-input:focus {
    outline-color: #6f42c1;
}

.multiStepForm {
    position: relative;
}

.multiStepForm fieldset:not(:first-of-type) {
    display: none;
}

/*progressbar*/
#progressbar {
    overflow: hidden;
    text-align: center;
}

#progressbar .col .step-circle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: .5em 0;
    margin: .25rem;
    line-height: 1em;
    color: #fff;
    background-color: #6c757d;
    opacity: .65;
    border-radius: 1em;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

#progressbar .col.active .step-circle {
    background-color: #6f42c1;
    opacity: 1;
}

#progressbar .col .step-label {
    display: inline-block;
    margin: .25rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: #6c757d;
    opacity: .65;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

#progressbar .col.active .step-label {
    color: #6f42c1;
    opacity: 1;
}

#progressbar .col.stepDone .step-label, #progressbar .col.stepDone .step-circle {
    opacity: 1;
}

.fc-daygrid-event-harness{
    cursor: pointer;
}

.calendarWorkFree{
    color: #dc3545 !important;
    background-color: #ffe5e8 !important;
    opacity: 1 !important;
}

.stepform .sf-step-indicator {
    display: flex;
    align-items: center;
    transition: color 0.2s ease, background-color 0.2s ease;
  }

  .stepform .sf-step-indicator .sf-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background-color 0.2s ease;
    width: 40px;
    height: 40px;
    border-radius: 0.65rem;
    background-color: #eee5ff;
    margin-right: 1.5rem;
  }
  .stepform .sf-step-indicator .sf-icon .fa-check {
    display: none;
    font-size: 1rem;
  }
  .stepform .sf-step-indicator .sf-icon .sf-number {
    font-weight: 600;
    color: #6f42c1 !important;
    font-size: 1.25rem;
  }
  .stepform .sf-step-indicator .sf-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .stepform .sf-step-indicator .sf-label .sf-title {
    color: #656a81;
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0.3rem;
  }
  .stepform .sf-step-indicator .sf-label .sf-desc {
    color: #A1A5B7;
  }
  .stepform .sf-step-indicator.sf-active {
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  .stepform .sf-step-indicator.sf-active .sf-icon {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #6f42c1;
  }
  .stepform .sf-step-indicator.sf-active .sf-icon .fa-check {
    color: #6f42c1;
    display: none;
  }
  .stepform .sf-step-indicator.sf-active .sf-icon .sf-number {
    color: #ffffff !important;
    font-size: 1.35rem;
  }
  .stepform .sf-step-indicator.sf-active .sf-label .sf-title {
    color: #4d4f58;
  }
  .stepform .sf-step-indicator.sf-active .sf-label .sf-desc {
    color: #63636b;
  }

.stepform .sf-step-indicator.sf-completed .sf-icon {
  transition: color 0.2s ease, background-color 0.2s ease;
  background-color: #eee5ff;
}
.stepform .sf-step-indicator.sf-completed .sf-icon .fa-check {
  color: #6f42c1 !important;
  display: inline-block;
}
.stepform .sf-step-indicator.sf-completed .sf-icon .sf-number {
  display: none;
}
.stepform .sf-step-indicator.sf-completed .sf-label .sf-title {
  color: #A1A5B7;
}
.stepform .sf-step-indicator.sf-completed .sf-label .sf-desc {
  color: #B5B5C3;
}

#language-switcher .dropdown-item:hover {
    background-color: #eee5ff;
    color: #212529!important;
}

#settings-list-group .list-group-item.active-settings {
    border-right: 10px solid #6c757d;
}

#settings-list-group .list-group-item.active-settings h4,
#settings-list-group .list-group-item.active-settings i {
    color: #6f42c1;
}

#settings-list-group .list-group-item:hover {
    background-color: #eee5ff;
}

a.link-icon::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: " \f08e ";
}

.image-preview img {
    border-radius: 15px;
    width: 220px;
    height: 123px;
    object-fit: cover;
}