.calendar-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

.calendar-font-icon {
  font-family: 'tui-calendar-font-icon';
  font-size: 10px;
  font-weight: normal;
  margin-right: 10px;
}

.no-child-hours-message-wrapper {
  color: black;
  z-index: 1;
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
}

.no-hours-message-content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 0px;
  right: 0px;
  height: 90px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgb(241, 241, 241);
  max-width: 320px;
  width: 100%;
  padding: 10px;
  font-size: 15px;
  border-radius: 5px;
  text-align: left;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .create-new-schedule {
    padding: 0px 15px !important;
  }
}
@supports (-ms-accelerator: true) {
  /* IE Edge 12+ CSS styles go here */
  .create-new-schedule {
    padding: 0px 15px !important;
  }
}

.tui-full-calendar-dayname-container,
.tui-full-calendar-weekday-grid,
.tui-full-calendar-weekday-creation {
  overflow-y: hidden !important;
}

.faded-opacity {
  opacity: 0.3;
}

.img-bi {
  background: url('../images/img-bi.png') no-repeat;
  width: 215px;
  height: 16px;
}

.ic_view_month {
  background: url('../images/ic-view-month.png') no-repeat;
}

.ic_view_week {
  background: url('../images/ic-view-week.png') no-repeat;
}

.ic_view_day {
  background: url('../images/ic-view-day.png') no-repeat;
}

.ic-arrow-line-left {
  background: url('../images/ic-arrow-line-left.png') no-repeat;
}

.ic-arrow-line-right {
  background: url('../images/ic-arrow-line-right.png') no-repeat;
}

/* font icons */
.ic-location-b:before {
  content: '\e900';
}

.ic-lock-b:before {
  content: '\e901';
}

.ic-milestone-b:before {
  content: '\e902';
}

.ic-readonly-b:before {
  content: '\e903';
}

.ic-repeat-b:before {
  content: '\e904';
}

.ic-state-b:before {
  content: '\e905';
}

.ic-user-b:before {
  content: '\e906';
}

.alternate-color {
  background-color: #9dd3f9;
}
.exception-color {
  background-color: #4bd865;
}

/**  custom bootstrap - start */
.btn:disabled {
  background-color: #f9f9f9;
  border: solid 1px #ddd;
  color: #bbb;
}

.btn:focus:active,
.btn:focus,
.btn:active {
  outline: none;
}

.open > .dropdown-toggle.btn-default {
  background-color: #fff;
}

.dropdown-menu {
  top: 25px;
  padding: 3px 0;
  border-radius: 2px;
  border: 1px solid #bbb;
}

.dropdown-menu > li > a {
  padding: 9px 12px;
  cursor: pointer;
}

.dropdown-menu > li > a:hover {
  background-color: rgba(81, 92, 230, 0.05);
  color: #333;
}

.bi15 {
  width: 15px;
  height: 15px;
}
/** custom fontawesome - end */

.calendar-icon {
  width: 14px;
  height: 14px;
}

#top {
  height: 49px;
  border-bottom: 1px solid #bbb;
  padding: 16px;
  font-size: 10px;
}

#calendar-left {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 240px;
  border-right: 1px solid #d5d5d5;
  padding: 0px;
  background: #ffffff;
}

#calendar-right {
  position: absolute;
  left: 240px;
  width: calc(100% - 240px);
  height: 100%;
}

.mini-calendar {
  margin-bottom: 20px;
  height: 220px;
  overflow: hidden;
}
.mini-calendar .currentDay {
  background-color: var(--color-primary);
  border-radius: 999px;
  width: 27px !important;
  margin: auto !important;
  color: #fff;
}
.mini-calendar .alternate {
  background-color: #9dd3f9;
  border-radius: 9999px;
  width: 27px !important;
  margin: auto !important;
}
.mini-calendar .exception {
  background-color: #4bd865;
  border-radius: 9999px;
  width: 27px !important;
  margin: auto !important;
}

.tui-full-calendar-timegrid-container span.opening-time {
  position: absolute;
  top: 10px;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
}
.tui-full-calendar-timegrid-container span.closing-time {
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
}

.calendar-wrapper {
  position: relative;
  width: 100%;
  height: 712px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow-y: hidden;
}

#calNav {
  position: absolute;
  width: 280px;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 10px;
}
#miniCalNav {
  text-align: center;
  margin-bottom: 0px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-top: 8px;
  height: 33px;
}

.activeWeekDay {
  color: black !important;
  background-color: #efefef !important;
}
.mini-calendar .tui-full-calendar-month-creation-guide {
  display: none !important;
}
.mini-calendar .tui-full-calendar-month-guide-block {
  display: none !important;
}
.tui-full-calendar-left-content {
  padding-right: 5px;
}
.tui-full-calendar-timegrid-container {
  overflow: hidden !important;
}
.tui-full-calendar-timegrid-container .divider {
  display: none;
}
/*.mini-calendar .tui-full-calendar-weekday-border {
  border: none !important;
}*/
.mini-calendar .tui-full-calendar-weekday-grid-line {
  padding: 3px 0;
  border: none !important;
}
.mini-calendar .tui-full-calendar-weekday-border {
  border: none !important;
}
.mini-calendar .tui-full-calendar-month-dayname {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5;
}
.mini-calendar .tui-full-calendar-weekday-grid-line span {
  display: block;
  margin: 0px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.js-date:hover {
  cursor: pointer;
}
.tui-full-calendar-weekday-resize-handle {
  display: none;
}
.tui-full-calendar-time-guide-creation-label {
  color: #333 !important;
}
.tui-full-calendar-time-guide-creation {
  margin-left: 10px;
}
.calendar-week-dayname-name {
  font-size: 12px;
  margin-right: 5px;
}

.calendar-week-dayname-date {
  font-size: 16px;
}
.tui-full-calendar-dayname-date {
  font-size: 12px !important;
}

.tui-full-calendar-timegrid-hour {
  color: #555 !important;
}
.tui-full-calendar-timegrid-hour span {
  display: none;
}

.tui-full-calendar-time-guide-creation-label,
.tui-full-calendar-time-guide-creation-label.tui-full-calendar-time-guide-bottom {
  display: none !important;
}

.tui-full-calendar-weekday-schedule-bullet {
  display: none;
}

.tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title {
  background-color: #9dd3f9;
}
.tui-full-calendar-weekday-schedule {
  border-left-width: 0px !important;
}
.tui-full-calendar-weekday-schedule[data-calendar-id='exception'].tui-full-calendar-weekday-schedule-time
  .tui-full-calendar-weekday-schedule-title {
  background: #4bd865 !important;
}
.tui-full-calendar-weekday-schedule[data-calendar-id='primary'].tui-full-calendar-weekday-schedule-time
  .tui-full-calendar-weekday-schedule-title {
  background-color: transparent;
  border: none;
  color: #ccc !important;
  text-align: left !important;
}
.tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title {
  padding-top: 2px;
  padding-bottom: 2px;
}
.tui-full-calendar-weekday-schedule-title {
  font-weight: normal;
  font-size: 12px;
}
.tui-full-calendar-time-schedule {
  margin: 0px 5px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  border-left: 0px;
  border-top: 5px solid;
  border-bottom: 5px solid;
  font-weight: normal;
  font-size: 14px;
}

.butn {
  -webkit-appearance: none;
  border-radius: 0px;
  border: none;
  color: #333;
  font-size: 13px;
  width: calc(100% - 20px);
  margin: 0px auto;
  margin-bottom: 15px;
  display: block;
  height: 40px;
  outline: none;
  text-align: left;
  line-height: 40px;
  padding: 0px !important;
  padding-left: 10px !important;
}
.butn .calendar-font-icon {
  font-size: 15px;
  margin-left: 10px;
}
.hours-count {
  font-weight: bold;
  margin-left: 5px;
  font-size: 14px;
}
.tui-full-calendar-confirm {
  background-color: #0f91f0;
}

#lnb label {
  margin-bottom: 0;
  cursor: pointer;
}

.lnb-new-schedule {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}

.lnb-new-schedule-btn {
  height: 100%;
  font-size: 14px;
  background-color: #ff6618;
  color: #ffffff;
  border: 0;
  border-radius: 25px;
  padding: 10px 20px;
  font-weight: bold;
}

.lnb-new-schedule-btn:hover {
  height: 100%;
  font-size: 14px;
  background-color: #e55b15;
  color: #ffffff;
  border: 0;
  border-radius: 25px;
  padding: 10px 20px;
  font-weight: bold;
}

.calendar-headers {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: capitalize;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px;
  background: #f5f5f5;
  display: block;
}

.lnb-new-schedule-btn:active {
  height: 100%;
  font-size: 14px;
  background-color: #d95614;
  color: #ffffff;
  border: 0;
  border-radius: 25px;
  padding: 10px 20px;
  font-weight: bold;
}

.lnb-calendars-d1 {
  padding-left: 8px;
}

.lnb-calendars-d1 label {
  font-weight: normal;
}

.lnb-calendars-item {
  min-height: 14px;
  line-height: 14px;
  padding: 8px 0;
}

.lnb-footer {
  color: #999;
  font-size: 11px;
  position: absolute;
  bottom: 12px;
  padding-left: 16px;
}

#menu {
  padding: 16px;
}

#dropdownMenu-calendarType {
  padding: 0 8px 0 11px;
}

#calendarTypeName {
  min-width: 62px;
  display: inline-block;
  text-align: left;
  line-height: 30px;
}

.move-today {
  padding: 0 16px;
  line-height: 30px;
}

.move-day {
  padding: 3px;
  font-size: 0;
  float: left;
}

.render-range {
  padding: 0px 10px;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  width: calc(100% - 65px);
  display: block;
  float: left;
}
.render-range:hover {
  cursor: pointer;
}

button.prev {
  float: left;
  margin-left: 10px;
}
button.next {
  float: right;
  margin-right: 10px;
}
.tui-full-calendar-dayname.tui-full-calendar-today {
  font-weight: normal;
}
.tui-full-calendar-popup-decline {
  float: left;
}
.tui-full-calendar-popup-section {
  height: 25px;
}
.tui-full-calendar-popup-detail-date {
  display: none;
}
.tui-full-calendar-popup-detail-item:first-child {
  display: none;
}
.tui-full-calendar-weekday-schedule {
  margin: 0px;
}
.tui-full-calendar-splitter {
  border-bottom: none !important;
}
.tui-full-calendar-month .tui-full-calendar-month-creation-guide {
  display: none;
}

[data-calendar-id='holiday'] {
  text-align: center;
  margin-top: 5px;
  background-color: transparent !important;
  pointer-events: none;
}

.tui-full-calendar-month [data-calendar-id='holiday'] {
  margin-top: -27px;
  margin-left: 27px !important;
  text-align: left;
}
.tui-full-calendar-month .tui-full-calendar-weekday-schedule-block {
  top: 34px !important;
}

.dropdown-menu-title .calendar-icon {
  margin-right: 8px;
}

.toggles {
  float: right;
  width: 200px;
}
.toggles button {
  float: left;
  width: 50%;
  font-size: 14px;
  margin-top: 0px;
  margin-left: 0px;
  height: 40px;
  color: #333;
  -webkit-appearance: none;
  font-weight: normal;
  border: none;
  outline: none;
  position: relative;
}

.addSchedule {
  float: left;
}
.addSchedule button {
  margin-top: 4px;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  margin-left: 10px;
  color: #fff;
  background-color: var(--color-primary);
  border: none;
  outline: none;
}

.toggles button:before {
  content: '';
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.monthly-toggle:before {
  background: url(../images/ic-view-month.png) no-repeat;
}
.weekly-toggle:before {
  background: url(../images/ic-view-week.png) no-repeat;
}

.monthly-toggle.active,
.weekly-toggle.active {
  font-weight: bold;
}

.ic_view_week {
  background: url('../images/ic-view-week.png') no-repeat;
}

.calendar-bar {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #eee;
  vertical-align: middle;
}

.calendar-name {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

.calendar-buttons {
  position: relative;
}

.schedule-time {
  color: #005aff;
}

.full-calendar {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 40px;
  min-width: 735px;
  height: 673px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1px;
}

.calendar-header-bar {
  min-width: 735px;
  position: relative;
}

/** custom fontawesome */
.fa {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

/** Create Popup **/
.create-popup-wrapper input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  text-indent: 10px;
}
.create-popup-wrapper .dropdown-menu > .active > a,
.create-popup-wrapper .dropdown-menu > .active > a:focus,
.create-popup-wrapper .dropdown-menu > .active > a:hover {
  color: #fff !important;
}
.create-popup-wrapper ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
}

.create-popup-wrapper :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}

.create-popup-wrapper ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
}
.create-popup-wrapper [uib-typeahead-popup].dropdown-menu {
  display: block;
  max-height: 270px;
  overflow: auto;
}
.create-popup-wrapper label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-style: italic;
  font-size: 12px;
}
.create-popup-wrapper label.vertical-align {
  vertical-align: top;
  padding-top: 13px;
  margin-left: 10px;
}
.create-popup-wrapper label.apply-to-all-locations {
  float: right;
  background-color: #efefef;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
}
.create-popup-wrapper label.apply-to-all-locations.align-left {
  float: left;
  margin-left: 0px;
}

.create-popup-wrapper label.switch-light {
  width: 80px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.create-popup-wrapper input:disabled {
  opacity: 0.7 !important;
}
.create-popup-wrapper i.faded {
  opacity: 0.3;
}
.create-popup-wrapper input[type='checkbox'] {
  width: 20px;
  height: auto;
}
.create-popup-wrapper label span {
  font-weight: bold;
}
.create-popup-wrapper .open24 {
  line-height: 40px;
  padding-left: 0px;
  font-size: 14px;
}
.create-popup-wrapper .row {
  padding: 0px !important;
}
.create-popup-wrapper select {
  -webkit-appearance: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  text-indent: 10px;
  margin-bottom: 10px;
}
.create-popup-wrapper .dropdown-menu .glyphicon {
  margin-right: 0px;
}
.create-popup-wrapper .uib-datepicker .btn-default,
.create-popup-wrapper .uib-datepicker.dropdown-menu {
  border: none;
}
.create-popup-wrapper .uib-datepicker .btn-info,
.create-popup-wrapper .uib-datepicker .btn-info {
  background-color: var(--color-primary) !important;
}
.create-popup-wrapper .uib-datepicker .text-info {
  color: #fff;
}
.calendar-date-picker {
  width: 100%;
}
#rsmDialogContent.overflow-visible {
  overflow: visible;
}
#rsmDialogContent.no-max-height {
  max-height: none;
}
.date-picker-icon {
  position: absolute;
  margin-left: -40px;
  z-index: var(--z-index-dropdown);
  margin-top: 10px;
  -webkit-appearance: none;
  border: none;
  top: 0px;
  right: 20px;
}
#rsmDialogTitleBar {
  padding: 15px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  font-weight: 100;
  z-index: 10;
  position: relative;
}
.ngdialog.rsmDialog {
  z-index: var(--z-index-rsm-dialog);
}
.schedule-select {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  margin-bottom: 10px;
  width: 100%;
}
.schedule-select select {
  padding: 10px 30px 10px 25px;
  font-size: 14px;
  color: #333333;
  line-height: 1.3em;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-bottom: 0px;
  width: 100%;
}
.schedule-select.list::before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  left: 15px;
  background-color: #9dd3f9;
  background-repeat: no-repeat;
  pointer-events: none;
  border-radius: 999px;
}
.schedule-select.list.exception-hours-type::before {
  background-color: #4bd865;
}
.schedule-select::after {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 7px;
  top: calc(50% - 3.5px);
  right: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMyA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPlNoYXBlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cGF0aCBkPSJNOS42NjM4OTg0MywzLjE1ODQzNzg1IEM5LjY2Mzg5ODQzLDMuMzU4NTI4OTEgOS41OTcyMDE0MSwzLjUyNTI3MTQ2IDkuNDYzODA3MzcsMy42OTIwMTQwMSBMNC43OTUwMTU5OCw5LjM2MTI2MDcgQzQuNDk0ODc5MzksOS43MjgwOTQzMSAzLjk2MTMwMzIzLDkuNzYxNDQyODIgMy42Mjc4MTgxMyw5LjQ2MTMwNjIzIEMzLjI5NDMzMzAzLDkuMTYxMTY5NjQgMy4yMjc2MzYwMSw4LjYyNzU5MzQ5IDMuNTI3NzcyNiw4LjI5NDEwODM5IEw3Ljc2MzAzMzM2LDMuMTU4NDM3ODUgTDMuNTI3NzcyNiwtMS45NzcyMzI2OSBDMy4yMjc2MzYwMSwtMi4zNDQwNjYzIDMuMjk0MzMzMDMsLTIuODQ0MjkzOTUgMy42Mjc4MTgxMywtMy4xNDQ0MzA1NCBDMy45OTQ2NTE3NCwtMy40NDQ1NjcxMyA0LjQ5NDg3OTM5LC0zLjM3Nzg3MDExIDQuNzk1MDE1OTgsLTMuMDQ0Mzg1MDEgTDkuNDYzODA3MzcsMi42MjQ4NjE2OSBDOS41OTcyMDE0MSwyLjc5MTYwNDI0IDkuNjYzODk4NDMsMi45OTE2OTUzIDkuNjYzODk4NDMsMy4xNTg0Mzc4NSBMOS42NjM4OTg0MywzLjE1ODQzNzg1IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzMzMzMzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi41MDAwMDAsIDMuMTYzODk4KSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi41MDAwMDAsIC0zLjE2Mzg5OCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=');
  background-repeat: no-repeat;
  pointer-events: none;
}
#rsmDialogFooter {
  text-align: right;
  border-top: 1px solid #dfdfdf;
  padding: 15px;
}

@media screen and (max-width: 1200px) {
  .tui-full-calendar-time-schedule .fa {
    display: none !important;
  }
}
@media screen and (max-width: 1080px) {
  #calendar-right {
    left: 0px;
    width: 100%;
  }
  #calendar-left {
    display: none;
  }
}