.clear {
  clear: both;
}
.glyph {
  stroke-width: 2;
}
svg:not(:root) {
  overflow: visible;
}
.spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.panel-heading {
  position: relative;
}
.panel-primary .panel-heading a {
  color: #fff;
}

.glyph.loader {
  width: 20px;
  height: 20px;
  color: #428bca;
  display: none;
}
.panel-primary .glyph.loader {
  color: #fff;
}
.panel-heading .glyph.loader {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
}
.main a:hover .glyph {
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(1.2);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(1.2);
}
.relative {
  position: relative;
}
.editlayer {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 10;
  background: #fff;
  border: 1px solid #428bca;
  border-radius: 10px;
  padding: 10px;
}
.editlayer textarea {
  width: 480px;
  height: 80px;
}
.editlayer input[type=text] {
  width: 200px;
}
.editlayer .content {
  margin-bottom: 10px;
}
.editlayer .arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #428bca;
  position: absolute;
  top: -10px;
  right: 20px;
}
.editlayer .btn {
  float: left;
  margin-right: 10px;
}
ul.user-menu .pull-right > .dropdown-menu {
  height: 500px;
  overflow-y: scroll;
}


body.page-records .records-panel .record .work_start_time,
body.page-records .records-panel .record .work_end_time {
  padding: 6px 6px;
}
body.page-records .prev-weeks-panel .glyph.lock {
  color: #ccc;
}
body.page-records .prev-weeks-panel .glyph.flag {
  color: #c00;
}
body.page-records .prev-weeks-panel .glyph.checkmark {
  color: #0c0;
}
body.page-records .record .has-comments .glyph {
  color: #0c0;
}
body.page-admin-holidays tr.user .editlayer input[type=text] {
  width: 200px;
}
body.page-admin-holidays tr.user .editlayer {
  right: auto;
  left: -160px;
}
#report-week-table {
  border-collapse: collapse;
}
#report-week-table td, #report-week-table th {
  border: 1px solid #ddd;
  padding: 2px 8px;
}
#report-week-table tr:hover {
  background-color: #ddd;
}
#report-week-table tr.dayname td {
  font-weight:bold;
}
#report-week-table td:not(:first-child) {
  text-align:center;
}
#report-week-table tr.username td {
  font-weight:bold;
}
#report-week-table tr.work-record-summary td {
  font-style:italic;
  color:#bbb;
}
#report-week-table tr.work-record td,
#report-week-table tr.work-record-summary td {
  padding-left:20px;
}

#filters {
  background-color: #f8f8f8;
  display: block;
  padding: 8px 20px;
  border-radius: 4px;
}
#filters .form-group {
  float: left;
  margin: 8px 20px 8px 0;
  white-space: nowrap;
}
#filters .form-group.date input {
  width: 100px;
  display: inline;
}
#filters label {
  display: block;
}

.utilization-loader {
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #9cdd9f;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  transition: transform 60s linear;
}
.utilization-loader.start {
  transform: rotate(36000deg);
}

@media (max-width: 767px) {
  .editlayer textarea {
    width: 200px;
  }
  body.page-records .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
  body.page-records .records-panel .record select {
    width: 100%;
    min-width: 40px;
  }
}