/* You can add global styles to this file, and also import other style files */

.event-label {
  border-radius: 10px;
  padding: 2px 10px;
}

.inteli-room-chart-container {
  overflow-y: auto;
  height: 200px;
}

.inteli-room-chart-table {
  border-collapse: collapse;
  /* width: 100%; */
}

.inteli-room-chart-thead {
  border: 1px solid orange;
  /* top: 0px;
  position: sticky;
  z-index: 2; */
}

.inteli-room-chart-th {
  border: 1px solid #afc4cd !important;
}

.inteli-room-chart-sticky-col-header1 {
  position: sticky;
  top: 0px;
  background-color: rgba(48,48,119,1);
  color: white;
  text-align: center;
  z-index: 1;
}

.inteli-room-chart-sticky-col-header2 {
  color: white;
  text-align: center;
  position: sticky;
  top: 20px;
  padding: 6px;
  background: rgb(255, 255, 255);
  /* background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%); */
  background: linear-gradient(to bottom, rgba(153, 166,193, 1) 0%, rgba(129, 147, 203, 1) 50%, rgba(104, 155, 197, 1) 51%, rgba(119,148,215, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  z-index: 1;
}

.inteli-room-chart-sticky-col-header3 {
  color: white;
  position: sticky;
  top: 40px;
  text-align: center;
  background: rgb(242, 246, 248);
  /* background: linear-gradient(to bottom, rgba(242, 246, 248, 1) 0%, rgba(216, 225, 231, 1) 50%, rgba(181, 198, 208, 1) 51%, rgba(224, 239, 249, 1) 100%); */
  background: linear-gradient(to bottom, rgba(89, 118, 181, 1) 0%, rgba(87, 153, 195, 1) 50%, rgba(80, 109, 133, 1) 51%, rgba(106, 133, 201, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0);
  z-index: 1;
}

.inteli-room-chart-sticky-row-header1 {
  position: sticky;
  left: 0px;
  background-color: rgba(48,48,119,1);
  color: white;
  z-index: 1;
}

.inteli-room-chart-sticky-row-header2 {
  position: sticky;
  left: 163px;
  cursor: pointer;
  z-index: 1;
}

.inteli-room-chart-td {
  border: 1px solid #dbebde !important;
  min-width: 40px;
}

.inteli-room-chart-tr-50 {
  height: 20px;
}

.inteli-room-chart-tr-60 {
  height: 60px;
}

.inteli-room-chart-tr-70 {
  height: 70px;
}

.inteli-room-chart-tr-80 {
  height: 80px;
}

.inteli-room-chart-td-50 {
  min-width: 50px;
}

.inteli-room-chart-td-60 {
  min-width: 60px;
}

.inteli-room-chart-td-70 {
  min-width: 70px;
}

.inteli-room-chart-td-80 {
  min-width: 80px;
}

.fill-checkin-color {
  background-color: #81d05a;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.fill-not-confirmed-color {
  background-color: #dcb20a;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.fill-banquet-reservation-color {
  background-color: #FFFF00;
  border-radius: 15px;
  color: #fff !important;
  text-align: center;
  cursor: pointer;
}

.fill-reservation-color{
  background-color: #8090b5;
  border-radius: 15px;
  color: #fff !important;
  text-align: center;
  cursor: pointer;
}

.fill-no-show-color {
  background-color: #ffcfff;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.fill-blocking-color {
  background-color: #fc8583;
  border-radius: 15px;
  color: #fff !important;
  text-align: center;
  cursor: pointer;
}

.fill-allocation-color {
  background-color: #e060c6;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : Feb 23, 2015, 2:14:38 PM
    Author     : Erik Nijenhuis <erik@xerdi.com>
*/

:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}

@keyframes flip-in {
  from {
    transform: rotateY(-60deg);
    -webkit-transform: rotateY(-60deg);
  }

  to {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
}

@keyframes flip-out {
  from {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }

  to {
    transform: rotateY(60deg);
    -webkit-transform: rotateY(60deg);
  }
}

@keyframes soften {
  from {
    opacity: 1;
    -webkit-opacity: 1;
  }
}

div.flip-card {
  transition: transform 1s;
  display: none;
}

div.active-card {
  display: block;
  transform: rotateY(0deg);
}

div.flip-in {
  animation: flip-in 1s ease-out;
  -webkit-animation: flip-in 1s;
}

div.flip-out {
  animation: flip-out 1s ease-in;
  -webkit-animation: flip-out 1s;
}

.card-head {
  position: relative;
  text-align: center;
  margin-top: 0px;
  font-size: 22px;
  height: 35%;
}

.card-subject {
  position: relative;
  text-align: center;
  margin-top: 0px;
  font-size: 22px;
}

.card-content {
  position: relative;
  text-align: center;
  margin-top: 0px;
  font-size: 40px;
}

.card-h {
  height: 22rem;
}

.InteliSlotPicker {
  background-color: white;
}

.InteliSlotPicker ul li {
  padding: 5px;
  height: 40px;
  ;
  border-bottom: 1px solid gray;
}

.InteliSlotPicker ul label {
  padding: 5px;
  text-align: center;
  font-size: small;
}

.InteliSlotPicker ul li input[type=checkbox] {
  display: inline;
}

.InteliSlotPickerdivLeft {
  width: 100px;
  float: left;
}

.InteliSlotPickerdivRight {
  float: left;
}

.InteliSlotPickerdivLeft,
.InteliSlotPickerdivRight {
  float: left;
}

.InteliSlotPickerWrapCheckdiv {
  width: 50px;
  float: left;
}

.Timepickermore {
  float: right;
}

.bg-color {
  background-color: #fff;
  widows: 100%;
}

td[tqelement_type="inteli-date-time-picker-child-td-today"] {
  border: 1px solid #E70;
  background-color: #FD8;
  color: #E70;
  font-weight: bold;
  cursor: pointer;
}

td[tqelement_type="inteli-date-time-picker-child"] {
  background: #cb4949c7 !important;
}

td[tqelement_type="inteli-date-time-picker-child-td-normal-day"] {
  border: 1px dotted black;
  cursor: pointer;
  background: white !important;
}

td[tqelement_type="inteli-date-time-picker-child-td-choosen-day"] {
  border: 1px #d56c00;
  background-color: #e38816;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

td[tqelement_type="inteli-date-time-picker-child-td-holidays"] {
  border: 1px black;
  background-color: #585858;
  color: #E6E6E6;
  cursor: pointer;
}

td[tqelement_type="inteli-date-time-picker-child-td-leave"] {
  border: 1px black;
  background-color: rgba(248, 0, 0, 0.938);
  color: #E6E6E6;
  cursor: pointer;
}

td[tqelement_type="inteli-date-time-picker-child-td-leave-req"] {
  border: 1px black;
  background-color: rgba(248, 149, 0, 0.938);
  color: #E6E6E6;
  cursor: pointer;
}

td[tqelement_type="inteli-date-time-picker-child-td-worked"] {
  border: 1px black;
  background-color: rgb(0, 200, 0);
  color: #E6E6E6;
  cursor: pointer;
}

td[tqelement_type="inteli-date-time-picker-child-td-holiday"] {
  border: 1px black;
  background-color: rgb(200, 0, 200);
  color: #E6E6E6;
  cursor: pointer;
}

div[tqelement_type="inteli-date-time-picker-row-top-border"] {
  background-color: #0b591c;
  border: 1px solid black;
}

div[tqelement_type="inteli-date-time-picker-row"] {
  background-color: #acdf87 !important;
}

ul[tqelement_type="inteli-date-time-picker-time-slot-ul"] {
  padding-left: 0;
  margin-top: 7px;
  margin-bottom: 7px;
}

button:hover[tqelement_type="inteli-date-time-picker-time-slot-button"] {
  background-color: rgb(118 118 118);
  color: #000;
  border: 2px solid #767676;
}

select[tqelement_type="inteli-date-time-picker-child-select"] {
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #c1c1c1;

}

td[tqelement_type="inteli-date-time-picker-child-calender-days"] {
  text-align: center;
  padding: 3px;
  background: #469a24 !important;
  color: white !important;
}

input[tqelement_type="inteli-date-time-picker-input-data"] {
  height: 40px;
}

div[tqelement_type="inteli-date-time-picker-table"] {
  height: 275px;
  border: 1px solid #c1c1c1;
}

button[tqelement_type="inteli-date-time-picker-time-slot-button"] {
  background-color: rgb(0, 0, 0);
  border: 2px solid #c1c1c1;
}

div[tqelement_type="inteli-date-time-picker-child-time_slot"] {
  width: 115px;
  float: left;
  text-align: center;
  margin-left: 0px;
  height: 175px;
  overflow-y: scroll;
  margin: 1%;
  border: 1px solid #c1c1c1;
}

div[tqelement_type="inteli-date-time-picker-top-border-right"] {
  padding-bottom: 15px;
  padding-top: 10px;
  padding-right: 1px;
  text-align: right;
  border-bottom: 1px solid #223465;
}

/* span[tqelement_type="inteli-date-time-picker-top-border-right-span"] {
  padding: 5px;
  border: 1px solid #FFF7F7;
  border-radius: 50%;
  color: #a90d0d;
} */

span[tqelement_type="inteli-date-time-picker-top-border-right-span"] {
  cursor: pointer;
  padding: 2px 4px;
  border: 1px solid;
  background: #ffffff;
  border-radius: 22%;
  color: #9b0000;
  font-size: large;
}

span:hover[tqelement_type="inteli-date-time-picker-top-border-right-span"] {
  color: #cfcfcf;
  background: #b90000;
  transition: background-color 0.3s ease, color 0.3s ease;
}

div[tqelement_type="inteli-date-time-picker-calender-month-year"] {
  float: left;
  /* margin-left: 8px; */
  border-right: 0;
  background: #1e5631;
  padding: 6px 76px 7px 85px !important;
}

div[tqelement_type="inteli-date-time-picker-child-table-calender"]{
  background: #1e598a;
  color: white;
}

div[tqelement_type="inteli-date-time-picker-calender-days"] {
  float: left;
  margin-left: 8px;
  border-right: 0;
  border: 1px solid #000000;
  margin-top: 1%;
  margin-left: 1%;
  padding: 10px;
  margin-bottom: 1%;
  background: #ffffff8c;
}

.calendar {
  border: 1px black;

  cursor: pointer;
}

.today {
  border: 1px rgb(9, 146, 62)solid;
}

.day {
  background-color: rgb(255, 255, 255);
  color: #0e0e0e;
  cursor: pointer;
}

.selected {
  border: 1px rgb(0, 0, 255)solid;
}

.holiday {
  background-color: rgb(200, 0, 167);
  color: #000000;
  cursor: pointer;
}

.leaveday {
  background-color: rgb(190, 10, 10);
  color: #000000;
  cursor: pointer;
}

.legend-leav-day {
  padding: 7px;
  background-color: rgb(190, 10, 10);
  float: left;
  margin: 2px;
}

.half-day-leave {
  background-color: rgb(255, 145, 0);
  color: #000000;
  cursor: pointer;
}

.legend-leav-half-day {
  padding: 7px;
  background-color: rgb(255, 145, 0);
  float: left;
  margin: 2px;
}

.leave-req-day {
  background-color: rgb(0, 47, 255);
  color: #ffffff;
  cursor: pointer;
}

.legend-req-day {
  padding: 7px;
  background-color: rgb(0, 47, 255);
  float: left;
  margin: 2px;
}

.leave-req-half-day {
  background-color: rgb(0, 247, 255);
  color: #000000;
  cursor: pointer;
}

.legend-req-half-day {
  padding: 7px;
  background-color: rgb(0, 247, 255);
  float: left;
  margin: 2px;
}

.approved-leave{
  background-color: #1ABC9C;
  color: #000000;
  cursor: pointer;
}

.legend-approved-leave {
   padding: 7px;
  background-color: #1ABC9C;
  float: left;
  margin: 2px;
}

.job-day {
  background-color: rgba(10, 167, 10, 0.493);
  color: #000000;
  cursor: pointer;
}

.headerToday {
  background: linear-gradient(to bottom, 
  rgb(237 182 89) 0%,
  rgb(243 188 95) 50%, 
  rgb(237 181 87) 51%, 
  rgb(239 184 93) 100%);
}

.headerToday:hover{
  background: linear-gradient(to bottom,
   rgb(249 216 128) 0%,
   rgb(239 186 95) 50%,
   rgb(239 179 78) 51%,
   rgb(243 174 59) 100%);
}

.headerTodayDate {
  background: linear-gradient(to bottom,
      rgb(211 175 76) 0%,
      rgb(255 210 88) 50%,
      rgb(255 211 93) 51%,
      rgb(211 175 79) 100%);
}

.headerTodayDate:hover{
  background: linear-gradient(to bottom,
  rgb(249 216 128) 0%, 
  rgb(249 216 128) 50%,
  rgb(233 214 162) 51%,
  rgb(229 179 47) 100%);
}

.calg_label
{
font-size: 11px !important;
}

.label-cursor {
  cursor: pointer;
}

/*  */

/* Regular */

@font-face {
    font-family: "adobe-garamond-pro";
    src: url("/assets/fonts/adobe-garamond-pro-regular.woff2") format("woff2"),
         url("/assets/fonts/adobe-garamond-pro-regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic */

@font-face {
    font-family: "adobe-garamond-pro";
    src: url("/assets/fonts/adobe-garamond-pro-italic.woff2") format("woff2"),
         url("/assets/fonts/adobe-garamond-pro-italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "avenir-next";
    src: url("/assets/fonts/AvenirNextCyr-Regular.woff2") format("woff2"),
         url("/assets/fonts/AvenirNextCyr-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium */

@font-face {
    font-family: "avenir-next";
    src: url("/assets/fonts/avenir-next/AvenirNextCyr-Medium.woff2") format("woff2"),
         url("/assets/fonts/avenir-next/AvenirNextCyr-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Bold */

@font-face {
    font-family: "avenir-next";
    src: url("/assets/fonts/avenir-next/AvenirNextCyr-Bold.woff2") format("woff2"),
         url("/assets/fonts/avenir-next/AvenirNextCyr-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}