/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/
/*body {
    background-color: teal;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: teal;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid teal;
    color: #d9d9d9;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li{
  background: teal !important;
}
.page-sidebar .page-sidebar-menu > li > a:hover{
 background: teal !important;
}
.page-header.navbar {
    background-color: teal;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: teal;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover{
  background-color: teal;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: teal !important;
}
.portlet.box.blue {
    border: 1px solid teal;
    border-top: 0;
}

.portlet > .portlet-body.blue, .portlet.blue {
    background-color: teal;
}
.portlet.box.blue > .portlet-title {
    background-color: teal;
}
}*/
#schedule_page .center{
  text-align: center;
}
#schedule_page .nonceil{
  border: 1px dashed teal;
  display: block;
  cursor: pointer;
  text-align: center;
  background-color: #10e5ef05;
  color: #111111;
}
#schedule_page .hasceil{
  color: #222222;
  font-size: 12px;
  text-align: left;
}
#schedule_page .bg-orange{
  background-color: #fef8e6;
  border: 1px solid #fccd01;
}
#schedule_page .bg-teal{
  background-color: #3befd685;
  border: 1px solid #08887685;
}
#schedule_page .bg-grey{
  background-color: #dbdbdb;
  border: 1px solid #bfbebe;
}
#schedule_page .bg-red{
  background-color: #ff7600a6;
  border: 1px solid #ff5200a6;
}
#schedule_page .bg-green{
  background-color: #00ff08a6;
  border: 1px solid #037507a6;
}


#schedule_page table tr th{
  /*text-align: center;*/
}
#schedule_page table tr td{
  height: 70px;
  padding: 2px;
}
#schedule_page .employee_ceil .avatar{
  width: 35px;
  height: 35px;
  margin-right: 10px;
  position: absolute;
}
#schedule_page .employee_ceil .employee_name{
  display: inline-block;
  margin-left: 45px;
  float: left;
  font-weight: bold;
}
#schedule_page .holder{
  border: 1px solid #dbdbdb;
  padding: 10px;
  margin-bottom: 20px;
}
#schedule_page .holder .title{
  color: #999999;
  margin-bottom: 15px;
  display: block;
}
#schedule_page .header-action{
  margin-bottom: 25px;
  display: block;
  position: relative;
}
#schedule_page #selectedDate{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#schedule_page .item_week{
border: 1px solid #999999; margin-top: 10px; padding: 7px 15px;
}
#loadingGif{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
}
#loadingGif img{
  z-index: 1001;
  opacity: 1;
  background-color: #fff;
  position: absolute;
  width: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50, -50);
}
.tile-object{
  text-align: center;
}