/*
** Scrumify - 1.0.0
**
** Copyright 2018
*/
body {
  min-height: 100%;
}

body>.grid {
  height: 100%;
}

html {
  overflow: hidden;
}

html,body {
  align-items: center;
  height: 100%;
  margin: 0 !important;
  overflow: visible;
  overflow-x: hidden;
  padding: 0 !important;
  width: 100% !important;
  z-index: -1 !important;
}

a.green {
  color: #21ba45;
  text-decoration: none;
}

a.green:hover {
  color: #016936;
  text-decoration: none;
}

a.orange {
  color: #f2711c;
  text-decoration: none;
}

a.orange:hover {
  color: #c25a16;
  text-decoration: none;
}

a.violet {
  color: #6435c9;
  text-decoration: none;
}

a.violet:hover {
  color: #502aa1;
  text-decoration: none;
}

div[disabled] {
  pointer-events: none;
  opacity: 0.6;
  background-color: #ffffff;
  filter: alpha(opacity=50);
  zoom: 1;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

/*
** SemanticUI Overrides
*/
.ui.cards>.card>.content>.description {
  color: #000000 !important;
}

.ui.container {
  width: 96% !important;
}

.ui.comments {
  max-width: 100% !important;
}

.ui.footer.segment {
  bottom: 0;
  clear: both;
  display: block;
  float: inherit;
  margin-bottom: 0em !important;
  position: absolute;
  padding: 0;
  width: 100%;
  z-index: 1 !important;
}

.ui.form textarea {
  font-family: 'Roboto Condensed', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.ui.mini.statistics .statistic>.label,.ui.mini.statistic>.label {
  font-size: 0.6rem !important;
}

.ui.mini.horizontal.statistics .statistic>.label,.ui.mini.horizontal.statistic>.label {
  font-size: 0.6rem !important;
}

.ui.mini.statistics .statistic>.value,.ui.mini.statistic>.value {
  font-size: 1.1rem !important;
}

.ui.mini.horizontal.statistics .statistic>.value,.ui.mini.horizontal.statistic>.value {
  font-size: 1.1rem !important;
}

.ui.mini.statistics .statistic>.text.value,.ui.mini.statistic>.text.value {
  font-size: 1rem !important;
}

.ui.modal {
  padding: 15px;
}

.ui.progress:last-child {
  margin: 0 !important;
}

.ui.table tr.absence,.ui.table td.absence,div.absence {
  background: #99d3ff !important;
  color: #000000 !important;
}

.ui.table tr.compensationday,.ui.table td.compensationday,div.compensationday {
  background: #fed3a5 !important;
  color: #000000 !important;
}

.ui.table tr.holiday,.ui.table td.holiday,div.holiday {
  background: #e0bad5 !important;
  color: #000000 !important;
}

.ui.table tr.vacation,.ui.table td.vacation,div.vacation {
  background: #c1e3ff !important;
  color: #000000 !important;
}

.ui.table tr.weekend,.ui.table td.weekend,div.weekend {
  background: #bfbfbf !important;
  color: #000000 !important;
}

.ui.table tr.ok,.ui.table td.ok {
  background: #a4e8c6 !important;
  color: #000000 !important;
}

.ui.table tr.warning,.ui.table td.warning,div.warning {
  background: #d8d8d1 !important;
  color: #000000 !important;
}

.ui.table tr.overtime,.ui.table td.overtime,div.overtime {
  background: #fabcba !important;
  color: #000000 !important;
}

.ui.list .list > .item a.green,
.ui.list > .item a.green {
  cursor: pointer;
  color: #21ba45 !important;
}

.ui.list .list > .item > a.green:hover,
.ui.list > .item > a.green:hover {
  color: #016936 !important;
}

.ui.list .list > .item a.orange,
.ui.list > .item a.orange {
  cursor: pointer;
  color: #f2711c !important;
}

.ui.list .list > .item > a.orange:hover,
.ui.list > .item > a.orange:hover {
  color: #c25a16 !important;
}

.ui.list .list > .item a.violet,
.ui.list > .item a.violet {
  cursor: pointer;
  color: #6435c9 !important;
}

.ui.list .list > .item > a.violet:hover,
.ui.list > .item > a.violet:hover {
  color: #502aa1 !important;
}

/*
 * Loader
 */
.loader-green {
  animation: spinningColorGreen 1.5s ease-in-out infinite;
  border: 5px double #f0eff5;
  border-radius: 50%;
  display: block;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 9;
}

@keyframes spinningColorGreen {
  0% {
    transform: rotate(360deg);
    border-top:5px dashed #21ba45;
    border-bottom:5px dashed #21ba45;
  }
  25% {
    border-top:5px dashed #21ba45;
    border-bottom:5px dashed #21ba45;
  }
  50% {
    border-top:5px dashed #21ba45;
    border-bottom:5px dashed #21ba45;
  }
  75% {
    border-top:5px dashed #21ba45;
    border-bottom:5px dashed #21ba45;
  }
  100% {
    border-top:5px dashed #21ba45;
    border-bottom:5px dashed #21ba45;
  }
}
.loader-orange {
  animation: spinningColorOrange 1.5s ease-in-out infinite;
  border: 5px double #f0eff5;
  border-radius: 50%;
  display: block;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 9;
}

@keyframes spinningColorOrange {
  0% {
    transform: rotate(360deg);
    border-top:5px dashed #f2711c;
    border-bottom:5px dashed #f2711c;
  }
  25% {
    border-top:5px dashed #f2711c;
    border-bottom:5px dashed #f2711c;
  }
  50% {
    border-top:5px dashed #f2711c;
    border-bottom:5px dashed #f2711c;
  }
  75% {
    border-top:5px dashed #f2711c;
    border-bottom:5px dashed #f2711c;
  }
  100% {
    border-top:5px dashed #f2711c;
    border-bottom:5px dashed #f2711c;
  }
}
.loader-violet {
  animation: spinningColorViolet 1.5s ease-in-out infinite;
  border: 5px double #f0eff5;
  border-radius: 50%;
  display: block;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 9;
}

@keyframes spinningColorViolet {
  0% {
    transform: rotate(360deg);
    border-top:5px dashed #6435c9;
    border-bottom:5px dashed #6435c9;
  }
  25% {
    border-top:5px dashed #6435c9;
    border-bottom:5px dashed #6435c9;
  }
  50% {
    border-top:5px dashed #6435c9;
    border-bottom:5px dashed #6435c9;
  }
  75% {
    border-top:5px dashed #6435c9;
    border-bottom:5px dashed #6435c9;
  }
  100% {
    border-top:5px dashed #6435c9;
    border-bottom:5px dashed #6435c9;
  }
}

/*
 * DROPZONE
 */
.dz-default {
  height: 100%;
  padding: 25px 0px 25px 8px;
}

.dz-filename {
  font-weight: bold;
}

.dz-success-mark,.dz-error-mark {
  display: none;
}

.dz-remove {
  display: block;
  text-align: center;
}

.dz-details {
  border-bottom: 1px solid #767676;
  text-align: right;
}

.dz-filename,.dz-error-message {
  color: #767676;
}

.dz-size {
  color: #2185CF;
}

.dz-progress {
  margin-top: 5px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.dz-upload {
  border-radius: 4px;
  display: block;
  background-color: #2185CF;
  height: 20px;
  width: 0%;
  text-align: center;
  color: #000000;
}

.dz-preview {
  display: inline-block;
  margin: 10px;
  background-color: #FFFFFF;
  border: 1px solid #767676;
  border-radius: 4px;
  line-height: 1.42857;
  margin-bottom: 20px;
  padding: 4px;
}

.file-dropzone.green {
  background-color: transparent !important;
  border: 2px dashed #21ba45 !important;
  margin-top: 2px;
  padding: 5px;
  text-align: center;
}

.file-dropzone.orange {
  background-color: transparent !important;
  border: 2px dashed #f2711c !important;
  margin-top: 2px;
  padding: 5px;
  text-align: center;
}

.file-dropzone.violet {
  background-color: transparent !important;
  border: 2px dashed #6435c9 !important;
  margin-top: 2px;
  padding: 5px;
  text-align: center;
}

.file-dropzone.drag-over {
  border: 2px dashed #767676;
}

#dropzone-form {
  height: 100%;
}

#dropzone-previews {
  display: none;
}

/*
** Scrumify styles
*/
.display-block {
  display: block !important;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100% !important;
}

.custom-header {
  padding-bottom: 3px !important;
  padding-top: 3px !important;
}

.content>label {
  color: #ffffff !important;
  font-size: 0.85em;
}

.content>div.description {
  color: #c0c0c0 !important;
  font-size: 0.75em;
}

.main.container {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 100%;
}

.pointer {
  cursor: pointer;
}

.resource-logo {
  background-color: #ededed;
  height: 28px;
  width: 28px;
}

.sidebar {
  padding-top: 3em !important;
}

.small-box {
  max-width: 350px;
  min-width: 350px;
}

.medium-box {
  max-width: 500px;
  min-width: 350px;
}

.large-box {
  max-width: 650px;
  min-width: 350px;
}

.title {
  font-weight: bold;
}

.wiki-title {
  font-variant: small-caps;
}

.zone.green {
  position: relative;
  text-align: center;
  color: #21ba45;
  background-color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 13px;
  border: 2px dashed #21ba45;
  font-weight: bold;
  width: 150px;
}

.zone.orange {
  position: relative;
  text-align: center;
  color: #f2711c;
  background-color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 13px;
  border: 2px dashed #f2711c;
  font-weight: bold;
  width: 150px;
}

.zone.violet {
  position: relative;
  text-align: center;
  color: #6435c9;
  background-color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 13px;
  border: 2px dashed #6435c9;
  font-weight: bold;
  width: 150px;
}

.check-box {
  display: inline-block;
  opacity: 1;
  margin: 0 .25rem 0 0;
  width: 1.18em;
  height: 1em;
}

.color-box {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: #ccc;
  left: 5px;
  top: 5px;
}

.border-round {
  border-radius: 0.35em
}

.display-none {
  display: none;
}

.overflow-x {
  overflow-x: auto
}

div.code {
  background-color: #f2f2f2;
  border: dashed 1px #c0c0c0;
  padding: 10px 15px 10px 15px;
}

.mi8 {
  margin: 8px !important;
}

.mti8 {
  margin-top: 8px !important;
}

.mri8 {
  margin-right: 8px !important;
}

.mbi8 {
  margin-bottom: 8px !important;
}

.mli8 {
  margin-left: 8px !important;
}

.pi5 {
  padding: 5px !important;
}

.pti5 {
  padding-top: 5px !important;
}

.pri5 {
  padding-right: 5px !important;
}

.pbi5 {
  padding-bottom: 5px !important;
}

.pli5 {
  padding-left: 5px !important;
}

.pli20 {
  padding-left: 20px !important;
}

.pi20 {
  padding: 20px !important;
}

.pti20 {
  padding-top: 20px !important;
}

.pri20 {
  padding-right: 20px !important;
}

.pbi20 {
  padding-bottom: 20px !important;
}

.pli20 {
  padding-left: 20px !important;
}

.pi25 {
  padding: 25px !important;
}

.pti25 {
  padding-top: 25px !important;
}

.pri25 {
  padding-right: 25px !important;
}

.pbi25 {
  padding-bottom: 25px !important;
}

.pli25 {
  padding-left: 25px !important;
}

.no-bottom-margin {
  margin-bottom: 0px !important;
}

.no-top-margin {
  margin-top: 0px !important;
}

.no-left-padding {
  padding-left: 0px !important;
}

.no-right-padding {
  padding-right: 0px !important;
}

.no-bottom-padding, .nbp {
  padding-bottom: 0px !important;
}

.no-top-padding, .ntp {
  padding-top: 0px !important;
}

.w50 {
   width: 50px;
}

.w75 {
   width: 75px;
}

.nowrap {
  white-space: nowrap;
}

.text-right-aligned {
  text-align: right !important;
}

.grid-column-statistic {
  padding-top: 25px !important;
}