@font-face {
  font-family: "crmIcons";
  src: url("fonts/crmIcons.eot?qjpxd4");
  src: url("fonts/crmIcons.eot?qjpxd4#iefix") format("embedded-opentype"), url("fonts/crmIcons.ttf?qjpxd4") format("truetype"), url("fonts/crmIcons.woff?qjpxd4") format("woff"), url("fonts/crmIcons.svg?qjpxd4#crmIcons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=crm-], [class*=" crm-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "crmIcons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.crm-chevron-left:before {
  content: "<";
}

.crm-chevron-right:before {
  content: ">";
}

.rz-grid-table thead th.rz-sortable-column > div {
  display: flex;
}
.rz-grid-table thead th.rz-sortable-column .rz-column-title {
  flex: 1 1 auto;
  text-align: center;
  padding: 0;
  margin: 0;
  order: 2;
}
.rz-grid-table thead th.rz-sortable-column .rz-sortable-column-icon {
  order: 1;
  display: inline-block;
  float: left;
  margin-left: 5px;
}
.rz-grid-table thead th.rz-sortable-column .rz-grid-filter-icon {
  order: 3;
  margin: 0;
  margin-right: 5px;
}

.c-calendar__navigation {
  display: flex;
  justify-content: space-between;
}
.c-calendar__navigation .c-btn {
  font-family: "crmIcons";
}

.calendar-table {
  background-color: transparent;
}
.calendar-table__head {
  background: #BEDAEE;
  color: #66838F;
  font-size: 11px;
  font-weight: 100;
}
.calendar-table__head th:not(:first-child) {
  text-transform: uppercase;
}
.calendar-table__head th:not(:first-child) .o-day-name {
  text-align: center;
  padding: 0 2px;
}
.calendar-table__head th:first-child {
  width: 120px;
  padding-left: 4px;
}
.calendar-table__head .day--sub, .calendar-table__head .day--sat {
  color: #E43429;
}

.calendar-table__body {
  border-top: none;
  border-bottom: none;
  text-transform: uppercase;
  background-color: #29ACE444;
}
.calendar-table__body .calendar-table-slot {
  text-align: center;
  font-size: 0.6875rem;
  padding: 0.5rem 0;
  cursor: pointer;
  color: #88989b;
}
.calendar-table__body .calendar-table-slot.c-item__name {
  color: #212529;
}
.calendar-table__body .calendar-table-slot:not(.booked):hover {
  color: #212529;
}
.calendar-table__body:nth-child(even) {
  background-color: #29ACE422;
}

.calendar-event-content {
  border: 1px solid #4a5a63;
  border-radius: 5px;
  color: #ffffff;
  height: 100%;
  padding: 4px;
  font-size: 0.6875rem;
  line-height: 12px;
}

.booked {
  background: #E43429;
}

.not_available {
  background: repeating-linear-gradient(-45deg, #941a13, #941a13 10px, #E43429 10px, #E43429 20px);
}

.week--odd, .week--even {
  position: relative;
}
.week--odd:before, .week--even:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: calc(100vh - 51px - 60px - 120px);
  border-left: 1px solid #FFFA;
}

.week--odd:before {
  background: #FFF5;
}

.option {
  background: var(--blue);
}

.pending {
  background: #F4980D;
}

.tooltip-wrapper td {
  white-space: nowrap;
}

.tooltip-wrapper {
  position: relative;
  cursor: help;
}

.tooltip-wrapper span {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  margin-left: -120px;
  background-color: gray;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
}

.tooltip-wrapper:hover span {
  display: inline-block;
  visibility: visible;
}

.right {
  margin-left: -20px !important;
}

.left {
  left: 50% !important;
  margin-left: -170px !important;
}

.c-calendar-grid .rz-button.rz-prev, .c-calendar-grid .rz-button.rz-next {
  color: white;
  background: #4B849D;
}
.c-calendar-grid .rz-button.rz-today {
  background: #29ACE4;
  color: white;
}
.c-calendar-grid .rz-event > div {
  padding: 0 4px;
  color: white;
}
.c-calendar-grid .rz-scheduler-nav-views > .rz-button {
  background: #0165AC;
}
.c-calendar-grid .week--end {
  background: rgba(151, 182, 195, 0.2);
}

.mw-960, .rz-dialog-wrapper .rz-dialog {
  max-width: 960px !important;
}

body {
  background-color: #E4F4FC;
}

.c-logo {
  height: 32px;
  width: auto;
  margin-right: 8px;
}

.c-logo--login {
  width: 100%;
  margin-bottom: 16px;
  padding: 16px;
}

.rz-panel-menu .rz-navigation-item-link.rz-navigation-item-link-active.active {
  color: white;
}
.rz-panel-menu .rz-navigation-item-wrapper-active:before {
  background-color: #F4980D;
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
  color: #FFFA;
}

.c-splitbtn--primary .rz-button, .rz-splitbutton.rz-buttonset.primary .rz-button {
  background: #29ACE4;
}
.c-splitbtn--primary .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.primary .rz-splitbutton-menubutton {
  background-color: #1b9fd7;
  border-left-color: #188dbf !important;
}

.c-splitbtn--secondary .rz-button, .rz-splitbutton.rz-buttonset.secondary .rz-button {
  background: #0165AC;
}
.c-splitbtn--secondary .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.secondary .rz-splitbutton-menubutton {
  background-color: #015b9b;
  border-left-color: #01518a !important;
}

.c-splitbtn--info .rz-button, .rz-splitbutton.rz-buttonset.info .rz-button {
  background: #4B849D;
}
.c-splitbtn--info .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.info .rz-splitbutton-menubutton {
  background-color: #44778d;
  border-left-color: #3c6a7e !important;
}

.c-splitbtn--danger .rz-button, .rz-splitbutton.rz-buttonset.danger .rz-button {
  background: #E43429;
}
.c-splitbtn--danger .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.danger .rz-splitbutton-menubutton {
  background-color: #d7261b;
  border-left-color: #bf2218 !important;
}

.c-splitbtn--warning .rz-button, .rz-splitbutton.rz-buttonset.warning .rz-button {
  background: #F4980D;
}
.c-splitbtn--warning .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.warning .rz-splitbutton-menubutton {
  background-color: #dd890a;
  border-left-color: #c57a09 !important;
}

.c-splitbtn--success .rz-button, .rz-splitbutton.rz-buttonset.success .rz-button {
  background: #0FBF60;
}
.c-splitbtn--success .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.success .rz-splitbutton-menubutton {
  background-color: #0eac56;
  border-left-color: #0c994d !important;
}

.c-splitbtn--dark .rz-button, .rz-splitbutton.rz-buttonset.dark .rz-button {
  background: #66838F;
}
.c-splitbtn--dark .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.dark .rz-splitbutton-menubutton {
  background-color: #5c7681;
  border-left-color: #526972 !important;
}

.c-splitbtn--light .rz-button, .rz-splitbutton.rz-buttonset.light .rz-button {
  background: #97B6C3;
}
.c-splitbtn--light .rz-splitbutton-menubutton, .rz-splitbutton.rz-buttonset.light .rz-splitbutton-menubutton {
  background-color: #81a7b6;
  border-left-color: #6b97aa !important;
}

.rz-splitbutton.rz-buttonset.state--new .rz-button {
  background: #29ACE4;
}
.rz-splitbutton.rz-buttonset.state--new .rz-splitbutton-menubutton {
  background-color: #1b9fd7;
  border-left-color: #188dbf !important;
}

.rz-splitbutton.rz-buttonset.state--active .rz-button {
  background: #F4980D;
}
.rz-splitbutton.rz-buttonset.state--active .rz-splitbutton-menubutton {
  background-color: #dd890a;
  border-left-color: #c57a09 !important;
}

.rz-splitbutton.rz-buttonset.state--delivered .rz-button {
  background: #0FBF60;
}
.rz-splitbutton.rz-buttonset.state--delivered .rz-splitbutton-menubutton {
  background-color: #0eac56;
  border-left-color: #0c994d !important;
}

.c-table--with-actions tr:first-child th:last-child, .with-actions tr:first-child th:last-child {
  width: 168px;
}
.c-table--with-actions td:last-child .rz-splitbutton, .with-actions td:last-child .rz-splitbutton {
  width: 100%;
}
.c-table--with-actions td:last-child .rz-splitbutton > .rz-button:first-child, .with-actions td:last-child .rz-splitbutton > .rz-button:first-child {
  flex: 1 1 auto;
}

.c-table--many-cols .rz-grid-table thead th, .many-cols .rz-grid-table thead th {
  padding: 5px 0;
}
.c-table--many-cols .rz-grid-table thead th.rz-sortable-column > div, .many-cols .rz-grid-table thead th.rz-sortable-column > div {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px;
}
.c-table--many-cols .rz-grid-table thead th.rz-sortable-column > div .rz-column-title, .many-cols .rz-grid-table thead th.rz-sortable-column > div .rz-column-title {
  order: 1;
  flex: 1 1 100%;
  display: flex;
  word-break: inherit;
  white-space: initial;
  text-align: center;
  justify-content: center;
  line-height: 13px;
}
.c-table--many-cols .rz-grid-table thead th.rz-sortable-column > div .rz-sortable-column-icon, .many-cols .rz-grid-table thead th.rz-sortable-column > div .rz-sortable-column-icon {
  order: 2;
  flex: 0 0 50%;
  margin: 0;
  text-align: left;
}
.c-table--many-cols .rz-grid-table thead th.rz-sortable-column > div .rz-grid-filter-icon, .many-cols .rz-grid-table thead th.rz-sortable-column > div .rz-grid-filter-icon {
  order: 3;
  flex: 0 0 50%;
  margin: 0;
  text-align: right;
}

/*# sourceMappingURL=file:///C:/Materijali/MasterCharter/MasterCharter_CrmApp/Dev/mastercharter-crm-app/Customisation/src/scss/custom.scss */
/*# sourceMappingURL=custom.css.map */