/* Header & Sidebar */
/* .header .navbar-brand {
    height: 60px !important;
}
.header .navbar-nav>li>a {
    padding: 20px !important;
} */
@media (min-width: 768px) {
    .header .navbar-header {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .page-without-sidebar .header .navbar-brand {
        justify-content: left;
    }
    .pace .pace-progress {
        top: 51px !important;
    }
}
.header .navbar-brand {
    flex: none !important;
}

.content {
    padding: 20px 20px !important;
}

.sidebar .nav>li>a {
    padding: 10px 20px !important;
}
/* .sidebar .nav>li.nav-profile .info {
    height: 20px;
} */
.sidebar .sub-menu>li>a {
    padding: 5px 20px 5px 15px !important;
}

.page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv, .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv>div {
    top: 30px;
}
/* DataTable Custom CSS*/
div.dataTables_wrapper div.dataTables_info {float: left;margin-right : 20px;}
.toolbar {float: left;}
.dataTables_wrapper.dt-bootstrap .dt-buttons, .dataTables_wrapper.dt-bootstrap4 .dt-buttons {margin-bottom: 5px;}
.dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control {width: 200px !important;}

/* Modal Window */
.modal {top: 10% !important;}
.modal-dialog .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.modal-footer {
    display : block;
    text-align: right !important;
}

/* form element */
.col-form-label {display: table-cell !important;text-align: right !important;padding: 20px !important;}
.error {
    float: left;
    /* display: table-cell !important; */
    color: #ff5b57 !important;
    height: 20px !important;
    padding-top: 5px;;
}
.has-error .form-control {
    border-color: #ff5b57;
}
.has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus, .has-warning .form-control, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* date picker */
/* .datepicker {
    z-index: 1090 !important;
} */

/* accordion effect */
.panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
	content: '\f056'
}
.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
	content: '\f055'
}

#accordion .panel-heading {
    background: #e4e7ea !important;
}

/* *************** fullCalendar ****************************/
/* .fc-timegrid-slot {
    height: 1.75em !important;
} */

.fc-daygrid-day .fc-event, .fc-daygrid-day a.fc-event {
    background: #d5dbe0 !important;
}

.fc-event .fc-event-title {
    font-size: 1.1em !important;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.5em !important;
}

.fc-toolbar-chunk {
  display: flex;
  align-items: center;
}

.fc .fc-toolbar.fc-header-toolbar h2 {
    margin-bottom: 0px;
}

.fc .fc-toolbar.fc-header-toolbar:after, .fc .fc-toolbar.fc-header-toolbar:before {
    content: none !important;
}

/* calendar time slot 간격을 변경했을 경우 예를 들어 30분 단위에서 1시간으로 변경시 */
/* .fc-timegrid-slot {
    height: 3em !important; // 1.5em by default
    border-bottom: 0 !important;
} */

/* 타임라인 cell Height */
/* .fc-timeline-lane .fc-resource, .fc-timeline .fc-timeline-lane-frame {
    height: 25px !important;
}

.fc-timeline .fc-event, .fc-timeline .fc-scrollgrid table tr {
    height: 25px !important;
}

.fc-timeline .fc-timeline-lane {
    height: 25px !important;
} */

/* separation between days in a FullCalendar ResourceTimeline */
th[data-date$="08:00:00"] {
    border-left: 2px solid #a7a1a1;
  }

td[data-date$="08:00:00"] {
    border-left: 2px solid #a7a1a1;
}

/* timeline event content height */
/* .fc-timeline-event-harness, .fc-timeline-more-link {
    height: 100% !important;
} */
.fc-direction-ltr .fc-timeline-event.fc-event-end, .fc-direction-ltr .fc-timeline-more-link {
    height: 100% !important;
}

.fc-resource .fc-datagrid-expander.fc-datagrid-expander-placeholder + .fc-datagrid-cell-main {
	text-decoration:underline;
    cursor: pointer;
}


/********** Room Button ***********/
.btn-room {
    color: #212529;
    background-color: #fff;
    border-color: #d5dbe0;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.btn-room:hover {
    color: #212529;
    background-color: #f2f4f5;
    border-color: #e21462
}

.btn-room.focus,.btn-room:focus {
    color: #212529;
    background-color: #f2f4f5;
    border-color: #e21462;
    box-shadow: 0 0 0 0 rgba(186,191,196,.5)
}

.btn-room.disabled,.btn-room:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #d5dbe0
}

.btn-room:not(:disabled):not(.disabled).active,.btn-room:not(:disabled):not(.disabled):active,.show>.btn-room.dropdown-toggle {
    color: #212529;
    background-color: #e4e7ea;
    border-color: #e21462
}

.btn-room:not(:disabled):not(.disabled).active:focus,.btn-room:not(:disabled):not(.disabled):active:focus,.show>.btn-room.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(186,191,196,.5)
}

.btn-group .btn-room+.btn-room,.input-group-append .btn-room+.btn-room,.input-group-prepend .btn-room+.btn-room {
    border-left-color: #e6e6e6
}

.room-active {
    border: solid 2px red;
}


/* custom button */
.btn-room-primary01 {
  color: #fff !important;
  background-color: #FF0000 !important;
  border-color: #b8001e !important;
}
.btn-room-primary01:focus,
.btn-room-primary01.focus {
  color: #fff !important;
  background-color: #FF0000 !important;
  border-color: #b8001e !important;
}
.btn-room-primary01:hover {
  color: #fff !important;
  background-color: #b8001e !important;
  border-color: #b8001e !important;
}
.btn-room-primary01:active,
.btn-room-primary01.active {
  color: #fff !important;
  background-color: #FF0000 !important;
  border: 3px !important;
  border-color: #b8001e !important;
}

.btn-room-primary02 {
  color: #fff !important;
  background-color: #FF4000 !important;
  border-color: #b81000 !important;
}
.btn-room-primary02:focus,
.btn-room-primary02.focus {
  color: #fff !important;
  background-color: #FF4000 !important;
  border-color: #b81000 !important;
}
.btn-room-primary02:hover {
  color: #fff !important;
  background-color: #b8001e !important;
  border-color: #b81000 !important;
}
.btn-room-primary02:active,
.btn-room-primary02.active {
  color: #fff !important;
  background-color: #FF4000 !important;
  border: 3px !important;
  border-color: #b81000 !important;
}

.btn-room-primary03 {
  color: #fff !important;
  background-color: #FF8000 !important;
  border-color: #b83e00 !important;
}
.btn-room-primary03:focus,
.btn-room-primary03.focus {
  color: #fff !important;
  background-color: #FF8000 !important;
  border-color: #b83e00 !important;
}
.btn-room-primary03:hover {
  color: #fff !important;
  background-color: #b83e00 !important;
  border-color: #b83e00 !important;
}
.btn-room-primary03:active,
.btn-room-primary03.active {
  color: #fff !important;
  background-color: #FF8000 !important;
  border: 3px !important;
  border-color: #b83e00 !important;
}

.btn-room-primary04 {
  color: #fff !important;
  background-color: #FFBF00 !important;
  border-color: #b86a00 !important;
}
.btn-room-primary04:focus,
.btn-room-primary04.focus {
  color: #fff !important;
  background-color: #FFBF00 !important;
  border-color: #b86a00 !important;
}
.btn-room-primary04:hover {
  color: #fff !important;
  background-color: #b86a00 !important;
  border-color: #b86a00 !important;
}
.btn-room-primary04:active,
.btn-room-primary04.active {
  color: #fff !important;
  background-color: #FFBF00 !important;
  border: 3px !important;
  border-color: #b86a00 !important;
}

.btn-room-primary05 {
  color: #fff !important;
  background-color: #FFFF00 !important;
  border-color: #dbc900 !important;
}
.btn-room-primary05:focus,
.btn-room-primary05.focus {
  color: #fff !important;
  background-color: #FFFF00 !important;
  border-color: #dbc900 !important;
}
.btn-room-primary05:hover {
  color: #fff !important;
  background-color: #dbc900 !important;
  border-color: #dbc900 !important;
}
.btn-room-primary05:active,
.btn-room-primary05.active {
  color: #fff !important;
  background-color: #FFFF00 !important;
  border: 3px !important;
  border-color: #dbc900 !important;
}

.btn-room-primary06 {
  color: #fff !important;
  background-color: #80FF00 !important;
  border-color: #79b800 !important;
}
.btn-room-primary06:focus,
.btn-room-primary06.focus {
  color: #fff !important;
  background-color: #80FF00 !important;
  border-color: #79b800 !important;
}
.btn-room-primary06:hover {
  color: #fff !important;
  background-color: #79b800 !important;
  border-color: #79b800 !important;
}
.btn-room-primary06:active,
.btn-room-primary06.active {
  color: #fff !important;
  background-color: #80FF00 !important;
  border: 3px !important;
  border-color: #79b800 !important;
}

.btn-room-primary07 {
  color: #fff !important;
  background-color: #40FF00 !important;
  border-color: #4bb800 !important;
}
.btn-room-primary07:focus,
.btn-room-primary07.focus {
  color: #fff !important;
  background-color: #40FF00 !important;
  border-color: #4bb800 !important;
}
.btn-room-primary07:hover {
  color: #fff !important;
  background-color: #4bb800 !important;
  border-color: #4bb800 !important;
}
.btn-room-primary07:active,
.btn-room-primary07.active {
  color: #fff !important;
  background-color: #40FF00 !important;
  border: 3px !important;
  border-color: #4bb800 !important;
}

.btn-room-primary08 {
  color: #fff !important;
  background-color: #00FF00 !important;
  border-color: #1eb800 !important;
}
.btn-room-primary08:focus,
.btn-room-primary08.focus {
  color: #fff !important;
  background-color: #00FF00 !important;
  border-color: #1eb800 !important;
}
.btn-room-primary08:hover {
  color: #fff !important;
  background-color: #1eb800 !important;
  border-color: #1eb800 !important;
}
.btn-room-primary08:active,
.btn-room-primary08.active {
  color: #fff !important;
  background-color: #00FF00 !important;
  border: 3px !important;
  border-color: #1eb800 !important;
}

.btn-room-primary09 {
  color: #fff !important;
  background-color: #00FF80 !important;
  border-color: #00b857 !important;
}
.btn-room-primary09:focus,
.btn-room-primary09.focus {
  color: #fff !important;
  background-color: #00FF80 !important;
  border-color: #00b857 !important;
}
.btn-room-primary09:hover {
  color: #fff !important;
  background-color: #00b857 !important;
  border-color: #00b857 !important;
}
.btn-room-primary09:active,
.btn-room-primary09.active {
  color: #fff !important;
  background-color: #00FF80 !important;
  border: 3px !important;
  border-color: #00b857 !important;
}

.btn-room-primary10 {
  color: #fff !important;
  background-color: #00FFBF !important;
  border-color: #00b86a !important;
}
.btn-room-primary10:focus,
.btn-room-primary10.focus {
  color: #fff !important;
  background-color: #00FFBF !important;
  border-color: #00b86a !important;
}
.btn-room-primary10:hover {
  color: #fff !important;
  background-color: #00b86a !important;
  border-color: #00b86a !important;
}
.btn-room-primary10:active,
.btn-room-primary10.active {
  color: #fff !important;
  background-color: #00FFBF !important;
  border: 3px !important;
  border-color: #00b86a !important;
}

.btn-room-primary11 {
  color: #fff !important;
  background-color: #00BFFF !important;
  border-color: #0492af !important;
}
.btn-room-primary11:focus,
.btn-room-primary11.focus {
  color: #fff !important;
  background-color: #00BFFF !important;
  border-color: #0492af !important;
}
.btn-room-primary11:hover {
  color: #fff !important;
  background-color: #0492af !important;
  border-color: #0492af !important;
}
.btn-room-primary11:active,
.btn-room-primary11.active {
  color: #fff !important;
  background-color: #00BFFF !important;
  border: 3px !important;
  border-color: #0492af !important;
}

.btn-room-primary12 {
  color: #fff !important;
  background-color: #0080FF !important;
  border-color: #0468af !important;
}
.btn-room-primary12:focus,
.btn-room-primary12.focus {
  color: #fff !important;
  background-color: #0080FF !important;
  border-color: #0468af !important;
}
.btn-room-primary12:hover {
  color: #fff !important;
  background-color: #0468af !important;
  border-color: #0468af !important;
}
.btn-room-primary12:active,
.btn-room-primary12.active {
  color: #fff !important;
  background-color: #0080FF !important;
  border: 3px !important;
  border-color: #0468af !important;
}

.btn-room-primary13 {
  color: #fff !important;
  background-color: #0000FF !important;
  border-color: #0412af !important;
}
.btn-room-primary13:focus,
.btn-room-primary13.focus {
  color: #fff !important;
  background-color: #0000FF !important;
  border-color: #0412af !important;
}
.btn-room-primary13:hover {
  color: #fff !important;
  background-color: #0412af !important;
  border-color: #0412af !important;
}
.btn-room-primary13:active,
.btn-room-primary13.active {
  color: #fff !important;
  background-color: #0000FF !important;
  border: 3px !important;
  border-color: #0412af !important;
}

.btn-room-primary14 {
  color: #fff !important;
  background-color: #4000FF !important;
  border-color: #2104af !important;
}
.btn-room-primary14:focus,
.btn-room-primary14.focus {
  color: #fff !important;
  background-color: #4000FF !important;
  border-color: #2104af !important;
}
.btn-room-primary14:hover {
  color: #fff !important;
  background-color: #2104af !important;
  border-color: #2104af !important;
}
.btn-room-primary14:active,
.btn-room-primary14.active {
  color: #fff !important;
  background-color: #4000FF !important;
  border: 3px !important;
  border-color: #2104af !important;
}

.btn-room-primary15 {
  color: #fff !important;
  background-color: #8000FF !important;
  border-color: #4b04af !important;
}
.btn-room-primary15:focus,
.btn-room-primary15.focus {
  color: #fff !important;
  background-color: #8000FF !important;
  border-color: #4b04af !important;
}
.btn-room-primary15:hover {
  color: #fff !important;
  background-color: #4b04af !important;
  border-color: #4b04af !important;
}
.btn-room-primary15:active,
.btn-room-primary15.active {
  color: #fff !important;
  background-color: #8000FF !important;
  border: 3px !important;
  border-color: #4b04af !important;
}

.btn-room-primary16 {
  color: #fff !important;
  background-color: #BF00FF !important;
  border-color: #7604af !important;
}
.btn-room-primary16:focus,
.btn-room-primary16.focus {
  color: #fff !important;
  background-color: #BF00FF !important;
  border-color: #7604af !important;
}
.btn-room-primary16:hover {
  color: #fff !important;
  background-color: #7604af !important;
  border-color: #7604af !important;
}
.btn-room-primary16:active,
.btn-room-primary16.active {
  color: #fff !important;
  background-color: #BF00FF !important;
  border: 3px !important;
  border-color: #7604af !important;
}

.btn-room-primary17 {
  color: #fff !important;
  background-color: #FF00BF !important;
  border-color: #af0492 !important;
}
.btn-room-primary17:focus,
.btn-room-primary17.focus {
  color: #fff !important;
  background-color: #FF00BF !important;
  border-color: #af0492 !important;
}
.btn-room-primary17:hover {
  color: #fff !important;
  background-color: #af0492 !important;
  border-color: #af0492 !important;
}
.btn-room-primary17:active,
.btn-room-primary17.active {
  color: #fff !important;
  background-color: #FF00BF !important;
  border: 3px !important;
  border-color: #af0492 !important;
}

.btn-room-primary18 {
  color: #fff !important;
  background-color: #FF0080 !important;
  border-color: #af0468 !important;
}
.btn-room-primary18:focus,
.btn-room-primary18.focus {
  color: #fff !important;
  background-color: #FF0080 !important;
  border-color: #af0468 !important;
}
.btn-room-primary18:hover {
  color: #fff !important;
  background-color: #af0468 !important;
  border-color: #af0468 !important;
}
.btn-room-primary18:active,
.btn-room-primary18.active {
  color: #fff !important;
  background-color: #FF0080 !important;
  border: 3px !important;
  border-color: #af0468 !important;
}

.btn-room-primary19 {
  color: #fff !important;
  background-color: #FF0040 !important;
  border-color: #af043d !important;
}
.btn-room-primary19:focus,
.btn-room-primary19.focus {
  color: #fff !important;
  background-color: #FF0040 !important;
  border-color: #af043d !important;
}
.btn-room-primary19:hover {
  color: #fff !important;
  background-color: #af043d !important;
  border-color: #af043d !important;
}
.btn-room-primary19:active,
.btn-room-primary19.active {
  color: #fff !important;
  background-color: #FF0040 !important;
  border: 3px !important;
  border-color: #af043d !important;
}

.btn-room-primary20 {
  color: #fff !important;
  background-color: #6E6E6E !important;
  border-color: #4d4d4d !important;
}
.btn-room-primary20:focus,
.btn-room-primary20.focus {
  color: #fff !important;
  background-color: #6E6E6E !important;
  border-color: #4d4d4d !important;
}
.btn-room-primary20:hover {
  color: #fff !important;
  background-color: #4d4d4d !important;
  border-color: #4d4d4d !important;
}
.btn-room-primary20:active,
.btn-room-primary20.active {
  color: #fff !important;
  background-color: #6E6E6E !important;
  border: 3px !important;
  border-color: #4d4d4d !important;
}

.btn-class-margin {
    margin-bottom: 5px;
    margin-left: 5px;
}

/*
i wish this required CSS was better documented :(
https://github.com/FezVrasta/popper.js/issues/674
derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
*/

.popper,
.tooltip {
  position: absolute;
  z-index: 9999;
  /* background: #FFC107; */
  color: black;
  width: 150px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  padding: 0;
  text-align: center;
  opacity: 1 !important;    /* app.min.css 때문에 추가함 */
}
.style5 .tooltip {
  /* background: #1E252B; */
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #4e4c44;;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
.hide-xs {
	display:none !important;
}
#calendar {
	position:relative;
}
.fc .fc-toolbar {
	flex-direction:column !important;
}
.fc-toolbar-chunk {
	width:100%;
  padding-bottom:5px;
}
.btn.btn-outline-primary.pull-left.photo-view {
	display:none !important;
}
.fc .fc-toolbar-title {
 font-size:1.50em !important;
}
.fc-header-toolbar .btn.btn-outline-danger.text-danger {
	position:absolute;
	top:54px;
	right:10px;
}
}