/* Mobile Version */

@media (max-width: 991px) {
  * {
    font-size: 100% !important;
  }
  body > header,
  body > nav,
  body > main {
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0 !important;
  }
  body > header {
    z-index: 0;
    top: 0;
    height: 2em;
  }
  header {
    display: flex;
    flex-wrap: nowrap;
  }
  .user-name {
    display: flex;
    line-height: 26px !important;
  }
  .user-name img {
    margin-right: 8px;
  }
  div#logo {
    display: none;
  }
  /* Navigation */
  body > div#main-navigation {
    min-height: 777px;
    overflow: scroll;
  }
  .main-navigation-container {
    padding: 30px;
    display: table;
    width: 100%;
    overflow: scroll;
    min-height: 864px;
  }
  .main-navigation-footer {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 550px) {
  * {
    word-break: break-all;
  }
  .table.footable * {
    word-break: normal !important;
  }
  .login-auth .text-right {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .login-auth .text-right br {
    display: none;
  }
  .login-auth .text-right a {
    margin-top: 5px;
  }
  .mobile-kal {
    display: flex;
    flex-direction: column;
    margin: 25px 0;
  }
  .cal-wrap-mobile .fc-toolbar {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-around;
    gap: 21px;
  }
  .footable-details > tbody {
    display: flex !important;
    flex-direction: column;
  }
  .footable-details > tbody > tr {
    display: flex;
    flex-direction: column;
  }
  .footable-details > tbody > tr * {
    font-size: 93% !important;
  }
  .footable-details > tbody > tr pre {
    word-break: break-all !important;
    max-width: 325px;
    overflow: scroll;
  }
  .footable-first-visible {
    width: 200px !important;
  }
  .mobile-orte tbody * {
    font-size: 96% !important;
    max-width: 110px;
    padding: 1px;
    word-break: break-all !important;
  }
}

/*****************
 *
 *  ALLGEMEIN
 *
 *****************/
* {
  font-family: "Fira Sans", sans-serif;
}
body {
  padding: 2em;
  background: #fff;
  margin: 0 !important;
  font-size: 18px;
  font-family: "Fira Sans", sans-serif;
  line-height: 1.3em;
}
body > header {
  height: 6em;
}
body > nav,
body > main {
  top: 6em;
}
header {
  background: #f0f0f0;
  /*width: 100%;*/
  padding: 10px 0;
  /*display: table;*/
}
input,
textarea {
  outline: 0;
  font-family: "Fira Sans", sans-serif;
}

a.no-link {
  color: inherit;
  text-decoration: none;
}
a .icons {
  color: #000;
}
a.btn-primary:hover .icons {
  color: #fff;
}
a.text-muted .icons,
a.text-primary .icons,
a.text-success .icons,
a.text-info .icons,
a.text-warning .icons,
a.text-danger .icons {
  color: inherit;
}
.icons {
  /*font-size:20px !important;*/
  margin: 0 0.2em;
}
.clearboth {
  clear: both;
}

.header-titles {
  margin-left: 2em;
  font-weight: 400;
  padding: 0.3em 1em;
}

h1 {
  text-transform: uppercase;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 50px;
}

h2 {
  text-transform: uppercase;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  padding-bottom: 5px;
}

h2.underline {
  border-bottom: 2px solid #979797;
}

h2 i {
  margin-left: 10px;
}

a.allocation-comment.disabled {
  opacity: 0.2;
}
a.allocation-comment.disabled:hover {
  opacity: 1;
}
h4.cast-comment {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  border-bottom: solid 1px;
}
h4.cast-comment small {
  white-space: nowrap;
  flex-grow: 99999;
}

a.inherit-color {
  color: inherit;
}

.p-relative {
  position: relative;
}
.d-inline {
  display: inline;
}
.d-block {
  display: block;
}
.h-100 {
  height: 100%;
}
.ml-3 {
  margin-left: 1em;
}

.column-40 {
  column-width: 40rem;
}

.password-meter {
  font-size: 0.8em;
  font-weight: 300;
}
.password-meter p,
.password-meter meter {
  max-width: 30em;
}
.password-meter p {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.password-meter p:empty:after {
  content: "\00a0";
}
.password-meter meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  margin: 0 auto 1em;
  width: 100%;
  height: 0.5em;

  /* Applicable only to Firefox */
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.password-meter meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.password-meter meter[value="1"]::-webkit-meter-optimum-value {
  background: red;
}
.password-meter meter[value="1"]::-moz-meter-bar {
  background: red;
}
.password-meter meter[value="2"]::-webkit-meter-optimum-value {
  background: yellow;
}
.password-meter meter[value="2"]::-moz-meter-bar {
  background: yellow;
}
.password-meter meter[value="3"]::-webkit-meter-optimum-value {
  background: orange;
}
.password-meter meter[value="3"]::-moz-meter-bar {
  background: orange;
}
.password-meter meter[value="4"]::-webkit-meter-optimum-value {
  background: green;
}
.password-meter meter[value="4"]::-moz-meter-bar {
  background: green;
}

.user-check .tooltip.in,
.userlist .tooltip.in,
.text-warning .allocation-comment + .tooltip.in,
.text-danger .allocation-comment + .tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.fa {
  position: relative;
}
.fa.fa-calendar > .fa.fa-arrow-down {
  font-size: 0.5em;
  color: white;
  position: absolute;
  bottom: 0.15em;
  right: 0.4em;
}

.user-check .tooltip img,
.userlist .tooltip img {
  max-width: 100%;
  max-height: 100%;
}

.text-warning .allocation-comment .icons {
  color: #8a6d3b;
}
.text-warning .allocation-comment + .tooltip .tooltip-inner {
  background-color: #fcf8e3;
  color: black;
  border: solid 1px #8a6d3b;
}
.text-warning .allocation-comment + .tooltip h4,
.text-warning .allocation-comment + .tooltip p {
  text-align: left;
}
.text-warning .allocation-comment + .tooltip h4 {
  font-size: 1em;
  margin-bottom: 0;
  border-bottom: solid 1px #8a6d3b;
}

.text-danger .allocation-comment .icons {
  color: #a94442;
}
.text-danger .allocation-comment + .tooltip .tooltip-inner {
  background-color: #f2dede;
  color: black;
  border: solid 1px #a94442;
}
.text-danger .allocation-comment + .tooltip h4,
.text-danger .allocation-comment + .tooltip p {
  text-align: left;
}
.text-danger .allocation-comment + .tooltip h4 {
  font-size: 1em;
  margin-bottom: 0;
  border-bottom: solid 1px #a94442;
}

.text-success .allocation-comment .icons {
  color: #3c763d;
}
.text-success .allocation-comment + .tooltip .tooltip-inner {
  background-color: #dff0d8;
  color: black;
  border: solid 1px #3c763d;
}
.text-success .allocation-comment + .tooltip h4,
.text-success .allocation-comment + .tooltip p {
  text-align: left;
}
.text-success .allocation-comment + .tooltip h4 {
  font-size: 1em;
  margin-bottom: 0;
  border-bottom: solid 1px #3c763d;
}

.text-info .allocation-comment .icons {
  color: #31708f;
}
.text-info .allocation-comment + .tooltip .tooltip-inner {
  background-color: #d9edf7;
  color: black;
  border: solid 1px #31708f;
}
.text-info .allocation-comment + .tooltip h4,
.text-info .allocation-comment + .tooltip p {
  text-align: left;
}
.text-info .allocation-comment + .tooltip h4 {
  font-size: 1em;
  margin-bottom: 0;
  border-bottom: solid 1px #31708f;
}

/*****************
 *
 *  USERMENU - HEADER
 *
 *****************/
.primary-menu {
  float: left !important;
  margin-top: 12px;
  position: relative;
}

.primary-menu i {
  font-size: 54px;
  float: left;
}

.menu-title {
  display: table;
  text-transform: uppercase;
  transform: rotate(90deg);
  float: left;
  margin-top: 16px;
  margin-left: -10px;
  font-family: "Fira Sans", sans-serif;
  font-size: 0.8em;
  font-weight: 100 !important;
}

.user-image {
  float: left;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.user-image img {
  border-radius: 50%;
}

div#logo {
  display: inline-block;
  margin-left: 36px;
}

.header-user {
  float: right;
  display: inline-flex;
  margin-right: 5%;
  position: relative;
}

.user-name {
  /*line-height: 80px;*/
  line-height: 100px;
  font-size: 1.2em;
  font-family: "Fira Sans", sans-serif;
  font-weight: 100;
}
.user-name a {
  color: #000;
}

/*.user-name:after {
	content: "\f0d7";
	font-family: "FontAwesome";
	margin-left: 5px;
}*/

/*.header-user:hover .user-name:after {
	content: "\f0d8";
	font-family: "FontAwesome";
	margin-left: 5px;
}*/
/*.header-user .user-name.active:after {
	content: "\f0d8";
	font-family: "FontAwesome";
	margin-left: 5px;
}*/
.user-name .fa-caret-down {
  transition: transform 0.5s;
}
.user-name.active .fa-caret-down {
  transform: rotate(180deg);
}

/* User Menu */

div#user-menu-box {
  position: absolute;
  top: 90px;
  background: #f0f0f0;
  display: table-row;
  width: 100%;
  /*max-width: 260px;*/
  display: none;
  padding-top: 10px;
}

ul#user-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul#user-menu li {
  padding: 10px;
  text-transform: uppercase;
  font-weight: 100;
  border-bottom: 1px solid #fff;
  font-family: sans-serif;
  font-size: 0.9em;
  line-height: 1em;
}

ul#user-menu li:last-child {
  border-bottom: 0;
}
#user-menu a {
  color: #000;
}
.user-name:hover {
  cursor: pointer;
}
/*.header-user:hover #user-menu-box, #user-menu-box:hover {
	display: block !important;
}*/

/*.menu-logout:after{
	content:"\f08b";
	font-family:"FontAwesome";
	float:right;
}*/

.menu-logout {
  font-weight: 500 !important;
}

/*****************
 *
 *  MAIN MENU
 *
 *****************/

div#main-navigation {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  color: #fff;
  /*width: 350px;*/
}
div#main-navigation a {
  color: #fff;
}
.main-navigation-logo img {
  margin: 0 auto;
  display: table;
}

.menu-close {
  margin-top: 22px;
  display: table;
  float: left;
  color: #fff;
  opacity: 1;
}

.menu-close i {
  color: #fff;
  font-size: 44px;
  float: left;
  margin-left: 0.5em;
}

.menu-close .menu-title {
  color: #fff;
}

.main-navigation-container {
  padding: 30px;
  display: table;
  width: 100%;
}

.primary-menu {
  display: none;
}
.primary-menu:hover {
  cursor: pointer;
}
.m-inactive {
  left: 0;
}
.m-inactive .primary-menu {
  display: block;
}

ul#main-menu {
  list-style: none;
  padding: 0;
  margin-top: 35px;
}

ul#main-menu li {
  padding: 10px;
  text-transform: uppercase;
  font-weight: 100;
  border-bottom: 1px solid #fff;
  font-family: "Fira Sans", sans-serif;
  font-size: 0.9em;
  line-height: 1em;
}

li.has-submenu.open-submenu {
  border-bottom: 0 !important;
  font-weight: 500 !important;
}

ul.sub-menu {
  list-style: none;
  padding-left: 20px;
  border-bottom: 1px solid #fff;
}

ul.sub-menu li {
  border-bottom: 0 !important;
}

li.has-submenu:after {
  content: "\f107";
  font-family: "FontAwesome";
  float: right;
}

li.has-submenu.open-submenu:after {
  content: "\f106";
  font-family: "FontAwesome";
  float: right;
}

ul#main-menu li:last-child {
  border-bottom: 0;
}

.main-navigation-footer {
  position: absolute;
  bottom: 20px;
  font-size: 0.5em;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 100 !important;
  font-family: "Fira Sans", sans-serif;
}

.main-navigation-footer a {
  color: #fff;
}

/* SUB MENU */
.scrollable {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.scrollable-header .navbar {
  margin-bottom: 0;
}
.scrollable-body {
  padding: 2em;
  overflow: auto;
}

/* FORMULARE */

.attn-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -1rem;
}
.attn-flex > div {
  padding: 0 1rem 1rem;
}

/**** BACHCHOR CUSTOM  TABLE **/
table.table tr > .bl {
  border-left-color: #000;
}
table.table tr > .br {
  border-right-color: #000;
}
table.table thead th .btn-link {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  font-size: 18px;
  padding: 0;
}
table.table thead th label {
  margin: 0;
  font-weight: bold;
  text-transform: none;
}
table.table tbody .bg-info {
  background: #fff;
}
table.table tbody .bg-info th {
  padding-top: 2em;
}
table.table tbody th {
  text-transform: uppercase;
  text-align: left;
  color: #000;
  border-bottom: 2px solid #979797;
  font-size: 18px;
  font-weight: 300;
}
.footable-last-column,
.project-list .text-right {
  min-width: 250px;
}
.footable-details th {
  border-bottom: 0px !important;
  border-top: 0px !important;
  font-weight: bold !important;
}
.footable-details dl {
  margin-bottom: 0px;
}
.footable-filtering th {
  border-bottom: 0px !important;
}
.footable-header .footable-first-visible,
.footable-header .footable-last-visible {
  border-top: 0px !important;
}
.footable-header th {
  border-top: 0px !important;
}
.footable-detail-row td {
  /*padding-left: 2.5em !important;*/
  border-top: 0px !important;
}
.footable-detail-row button {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding: 0;
}
td.footable-sortable > span.fooicon,
th.footable-sortable > span.fooicon {
  opacity: 0.3;
}
/* Override Toggle Projectlist */
.project-list .project-list-heading .footable-toggle {
  display: none !important;
}
.project-list .caption th {
  font-weight: 400 !important;
  font-size: 27px !important;
  color: #000;
}
.project-list .footable-header {
  border-bottom: 2px solid #979797;
  text-transform: uppercase;
}
.project-list .footable-details th {
  font-size: 14px;
}
/*.project-list .footable-details td {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}*/
form label {
  font-weight: 300;
  text-transform: uppercase;
}
.input-group-addon label {
  margin-bottom: 0;
}
.glyphicon {
  color: #000;
}
.btn-default,
.btn-primary {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  border-radius: 0px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #000;
  color: #fff;
}
.btn-default:hover .glyphicon,
.btn-default:focus .glyphicon,
.btn-default:active .glyphicon,
.btn-default:hover .icons,
.btn-default:focus .icons,
.btn-default:active .icons {
  color: #fff;
}
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active {
  color: #000;
}
.btn-default[disabled]:hover .glyphicon,
.btn-default[disabled]:focus .glyphicon,
.btn-default[disabled]:active .glyphicon,
.btn-default[disabled]:hover .icons,
.btn-default[disabled]:focus .icons,
.btn-default[disabled]:active .icons {
  color: #000;
}
.form-control:focus,
.form-control-nouse:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #979797;
}
.material .form-control[readonly] {
  border-color: transparent;
  background-color: transparent;
}
.material .form-control[readonly]::placeholder {
  color: #333;
}
.navbar-default {
  /*background: #fff;*/
  padding: 1em;
  background: #f0f0f0;
  border: 0px;
}
.navbar-default .navbar-text {
  color: #000;
  text-transform: uppercase;
}
.navbar-text {
  margin: 0;
  width: 100%;
}
.bg-info {
  background: #fff;
  background-color: #fff;
  color: #000;
}
.menu-logout a {
  color: #000;
}
.list-group-allocation .list-group-item {
  border: 0px;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background: #fff;
  background-color: #f0f0f0;
  color: #000;
  text-transform: uppercase;
  border: 1px solid #f0f0f0;
}
.list-group-item.active a.intern,
.list-group-item.active button {
  background: #f0f0f0;
  border: 1px solid #f0f0f0;
}
.list-group-item.active a.intern:hover,
.list-group-item.active button:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.list-group-allocation .list-group-item {
  clear: both;
  overflow: visible;
}
.pr-kalkulation-table thead {
  text-transform: uppercase;
}
.pr-kalkulation-table tbody {
  font-weight: 300;
}
.pr-kalkulation-table tfoot > tr > td {
  border: 0px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
}
.form-control {
  box-shadow: none;
}
.sep-black {
  width: 100%;
  height: 1px;
  background: #000;
  margin: 2em 0;
}
.sum-total {
  font-weight: 700;
}
.form-heading {
  font-weight: 400;
}
.project-list-heading th {
  font-weight: 400 !important;
  font-size: 27px !important;
}
.short {
  color: #fff;
  padding: 0.3em;
  text-align: center;
  display: inline-block;
  width: 100%;
  max-width: 100px;
}

.has-error .cke {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-none {
  padding: 0;
  background: none;
}

.all-checkbox {
  padding: 15px 15px 10px;
}

.full-label-addon {
  padding: 0;
}
.full-label-addon label {
  padding: 6px 12px 6px 32px;
}

.table-check {
  display: inline-block;
  width: 2.5em;
  text-align: center;
}

/* Attendance */
.att_0 .in,
.att_0 .out,
.att_1 .out {
  display: none;
}

.user-check input {
  display: none;
}
.user-check,
.user-check input + span,
.user-check input + span img {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0;
  box-sizing: content-box;
}
.user-check input + span img {
  opacity: 0.5;
  border: 1px solid transparent;
}
.user-check input:checked + span img {
  opacity: 1;
}
.table-attendance .disabled {
  opacity: 0.5;
}

.attendance-dtp {
  min-width: 9.5em;
}

/* User */
.user-image-upload .kv-file-content {
  width: 100%;
  height: 0;
  padding: 50% 0;
  margin: 0 auto;
  overflow: hidden;
}
.user-image-upload .kv-file-content img {
  max-height: none !important;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
}
.user-image-upload .file-thumbnail-footer {
  display: none;
}
.user-image-upload .file-preview-frame {
  margin: 0;
  padding: 0;
  float: none;
}
.user-image-upload .file-input {
  max-width: 30rem;
}

.user-demos-upload .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-demos-upload .list-group-item audio {
  display: block;
}

.popover {
  max-width: 100vw;
}
.user-preview {
  display: flex;
  flex-wrap: wrap;
  width: 50em;
}
.user-preview div {
  min-width: 20%;
}
.user-preview h5::after,
.user-preview p:empty:after {
  content: "\00a0";
}

/* Plan Controls */
.plan-controls {
  display: flex;
}
.plan-controls span {
  width: auto;
  padding-top: 0.214285215em;
  padding-bottom: 0.214285215em;
}
.plan-controls span label {
  padding-top: 6px;
  padding-bottom: 6px;
}
.plan-controls > input.form-control {
  width: 0;
  transition: all 0.3s ease-in-out;
}
.plan-controls > input.form-control:focus,
.plan-controls > .plan-comment-switch-on ~ input,
.plan-controls > .plan-choice ~ .plan-control-checked ~ input {
  width: 100%;
}

/*****************
 *
 *  SHORTS FOR PROJECTS
 *
 *****************/
.short:focus,
.short:hover {
  color: #fff;
  text-decoration: none;
}
.short_0 {
  background: #9a1c35;
}
.short_1 {
  background: #afc845;
}
.short_2 {
  background: #e75d54;
}
.short_3 {
  background: #34495e;
}
.short_4 {
  background: #6c7a89;
}
.short_5 {
  background: #336e7b;
}
.short_6 {
  background: #2574a9;
}
.short_7 {
  background: #d2527f;
}
.short_8 {
  background: #d64541;
}
.short_9 {
  background: #bf55ec;
}
.short_a {
  background: #674172;
}
.short_b {
  background: #90c695;
}
.short_c {
  background: #1e824c;
}
.short_d {
  background: #f5d76e;
}
.short_e {
  background: #bfbfbf;
}
.short_f {
  background: #95a5a6;
}

.short_0 .fc-project {
  background: white;
  color: #9a1c35;
}
.short_1 .fc-project {
  background: white;
  color: #afc845;
}
.short_2 .fc-project {
  background: white;
  color: #e75d54;
}
.short_3 .fc-project {
  background: white;
  color: #34495e;
}
.short_4 .fc-project {
  background: white;
  color: #6c7a89;
}
.short_5 .fc-project {
  background: white;
  color: #336e7b;
}
.short_6 .fc-project {
  background: white;
  color: #2574a9;
}
.short_7 .fc-project {
  background: white;
  color: #d2527f;
}
.short_8 .fc-project {
  background: white;
  color: #d64541;
}
.short_9 .fc-project {
  background: white;
  color: #bf55ec;
}
.short_a .fc-project {
  background: white;
  color: #674172;
}
.short_b .fc-project {
  background: white;
  color: #90c695;
}
.short_c .fc-project {
  background: white;
  color: #1e824c;
}
.short_d .fc-project {
  background: white;
  color: #f5d76e;
}
.short_e .fc-project {
  background: white;
  color: #bfbfbf;
}
.short_f .fc-project {
  background: white;
  color: #95a5a6;
}

.project-list.table > tbody > tr > td,
.project-list.table > tbody > tr > th,
.project-list.table > tfoot > tr > td,
.project-list.table > tfoot > tr > th,
.project-list.table > thead > tr > td,
.project-list.table > thead > tr > th {
  border: 0px !important;
}

.project-list-heading {
  border-bottom: 2px solid #979797;
}
.project-list.table a:hover {
  text-decoration: none;
}
.allocation-state {
  float: right;
}
.list-group-state {
  border-bottom: 3px solid #979797 !important;
}
.list-support {
  z-index: 9;
  position: relative;
}

.accounting-preview.table > tbody > tr:last-child {
  font-weight: bold;
}

/*****************
 *
 *  AUTHENTICATION
 *
 *****************/
.login-auth,
.register-auth {
  border: 0px;
}
.login-auth .panel-heading,
.register-auth .panel-heading {
  color: #fff;
  padding: 1.5em;
  border: 0px;
  border-radius: 0px;
}
.login-auth .panel-body,
.register-auth .panel-body {
  padding: 2em;
  border: 0px;
  border-radius: 0px;
  background: #f0f0f0;
}
.login-auth .panel-footer {
  border-top: 0px;
  background: #f0f0f0;
  color: #000;
  font-weight: 300;
  font-size: 16px;
}

.register-auth .radio-inline {
  font-size: 14px;
  font-weight: 300;
}

/*****************
 *
 *  CALENDAR DATE PICKER IN FORMS
 *
 *****************/
.input-group-addon.active {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #979797;
}
.picker-switch {
  text-transform: uppercase;
  font-weight: 400;
}
.dow {
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  background-color: #8e9091;
  border-radius: 0px !important;
  border: 1px solid #fff;
}
.day {
  background: #f7f8f6;
  color: #8e9091;
  border-radius: 0px !important;
  border: 1px solid #fff;
}
.day.new {
  background: #f7f8f6 !important;
  border-radius: 0px !important;
  color: #8e9091;
}
.day.disabled {
  background: #f8f8f8 !important;
}
.day.active,
.day.today {
  background-color: #8e9091 !important;
  color: #fff;
}

/*****************
 *
 *  CALENDAR use: fullcalendar.js
 *
 *****************/
#calendar .public {
  display: none;
}
#calendar.public .public {
  display: block;
}
#calendar .canceled {
  opacity: 0.3;
}
.fc-widget-content {
  background: #faf9f7;
  background-color: #faf9f7;
}
.fc th {
  background: #8a8d8d;
  color: #fff;
  font-weight: 300;
  padding: 0.5em;
}
.fc td,
.fc th {
  border: 1px solid #fff;
}
.fc-event {
  border: 0px;
}
.fc-event:focus {
  color: #fff;
  text-decoration: none;
}
.fc-day-grid-event .fc-time {
  font-weight: 400;
}
.fc-day-grid-event .fc-content {
  white-space: normal;
}
.fc-content {
  padding: 0.1em;
}
.fc-star {
  position: absolute;
  bottom: 0;
  right: 0;
}
.fc-star:before {
  content: "\2605";
}
.fc-time {
  float: right;
}
.fc-title {
  font-weight: 300;
}
.fc-project {
  font-weight: 500;
  padding: 0 0.3em;
  margin-right: 0.2em;
}
.fc-button-group button {
  border-radius: 0px !important;
  border: 1px solid #8a8d8d;
  box-shadow: none;
  text-shadow: none;
}
.fc-button-group button:focus,
.fc-button-group button:active,
.fc-today-button:focus,
.fc-today-button:active {
  outline: none !important;
}
.fc-state-default {
  background: #faf9f7;
}
.fc-state-default.fc-state-active {
  background: #8a8d8d;
  color: #fff;
}
.fc-today-button {
  border-radius: 0px !important;
}

/*****************
 *
 *  NOTES
 *
 *****************/
.note > h2 {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  margin-bottom: 0;
}
.note > div {
  background-color: #eee;
  padding: 0.5em;
  margin-bottom: 1em;
}
.note > div img {
  max-width: 100%;
  height: auto;
}

/*****************
 *
 *  REPORTS
 *
 *****************/
.reports {
  margin-bottom: 3em;
  padding-right: 2em;
  float: left;
}
.reports + div {
  clear: left;
  float: left;
  width: 60rem;
  max-width: 100%;
}
.reports .table td.square {
  width: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
}
.reports .table td.currency {
  text-align: right;
  vertical-align: middle;
  padding: 0 0.25em;
  white-space: nowrap;
}
.reports .table thead a {
  color: inherit;
}
.reports .table thead td,
.reports .table thead th {
  border-top: 0;
  border-right: solid 1px #ddd;
  border-bottom: 0;
}
.reports .table thead td {
  padding-left: 0;
  padding-right: 0;
  vertical-align: bottom;
  overflow: hidden;
  /*width: 28px;
	max-width: 28px;
	min-width: 28px;*/
}
.reports .table thead td > div {
  width: 1.5em;
  line-height: 1.5em;
  margin: 0 auto;
}
.reports .table thead td > div > div {
  display: table;
}
.reports .table thead td > div > div > div {
  padding: 50% 0;
  height: 0;
}
.reports .table thead td > div > div > div > * {
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%, 0);
  margin-top: -50%;
  white-space: nowrap;
}
.reports tbody > tr > td {
  height: 1.5em;
  padding: 1px;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-top: 0;
  text-align: center;
}
.reports tbody > tr > th {
  padding: 0 8px;
  text-transform: none;
  font-size: 1em;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-top: 0;
}
.reports .odd {
  background: #fff;
}
.reports .even {
  background: #f0f0f0;
}
.reports tbody > tr.alloc > * {
  padding: 8px;
  border-bottom: 2px solid #979797;
  text-transform: uppercase;
  font-size: 18px;
}
.reports tbody > tr.alloc > td {
  padding: 8px 0;
}

.reports .comment-extras {
  margin-top: 0.5em;
}

.reports .comment-event {
  border: solid 1px;
  margin: 1em 0;
  padding-bottom: 0.5em;
  text-align: left;
}
.reports .comment-event > div {
  padding: 0 1em;
}
.reports .comment-event > div:first-child {
  /*background-color: rgba(20,20,20);*/
  border-bottom: dotted 1px;
  margin-bottom: 0.5em;
  padding: 0.25em 1em;
}
.reports .comment-event > div > div:first-child {
  font-weight: bold;
}

/*.reports {
	width: 100%;
	overflow: auto;
	padding-top: 283px;
	padding-right: 283px;
	margin-bottom: 2em;
}
.reports table {
	width: auto;
	min-width: 100%;
}
.reports .odd {
	background: #f0f0f0;
}
.reports .even {
	background: #fff;
}
.reports td {
	height: 28px;
	width: 28px;
	min-width: 28px;
	max-width: 28px;
}
.reports tbody td.wide,
.reports tfoot td.wide {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
}
.reports tbody > tr > td {
	padding: 1px;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-top: 0;
	text-align: center;
}
.reports td.currency {
	font-size: 8px;
	text-align: right;
	vertical-align: middle;
	padding: 1px;
}
.reports tbody > tr > th {
	padding: 0 8px;
	border-bottom: 0;
	text-transform: none;
	font-size: 1em;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-top: 0;
}
.reports tbody > tr.alloc > th {
	padding: 8px;
	border-bottom: 2px solid #979797;
	border-right: 0;
	text-transform: uppercase;
	font-size: 18px;
}
.reports tbody > tr.alloc > td {
	border-bottom: 2px solid #979797;
	border-right: 0;
}
.reports thead > tr > td, .reports thead > tr > th {
	border: 0;
}
.reports thead tr:first-child td {
	position: relative;
	padding: 0;
}
.reports thead tr:first-child td > div {
	line-height: 1.1em;
	font-size: 0.7em;
	font-weight: 100;
	position: absolute;
	height: 70.7108%;
	width: 400px;
	top: 125%;
	left: 25%;
	transform: translate(-50%,-50%) rotate(-45deg) translate(50%,0);
}
.reports thead tr:first-child td.wide > div {
	height: 101.0154%;
	top: 135%;
}
.reports thead tr:first-child td > div > a {
	color: inherit;
}
.reports thead tr:first-child td > div > span,
.reports thead tr:first-child td > div > a > span {
	width: 100px !important;
	display: table;
	float: left;
}
.reports thead tr:first-child td > div > span:first-child,
.reports thead tr:first-child td > div > a > span:first-child {
	width: 170px !important;
	text-indent: 20px; /* NOTE(chris): >= width * sqrt(2)/2 * /
}
.reports thead tr:first-child td > div > span:last-child,
.reports thead tr:first-child td > div > a > span:last-child {
	width: 130px !important;
}
.reports thead tr:first-child td > div > span:first-child:last-child,
.reports thead tr:first-child td > div > a > span:first-child:last-child {
	width: auto !important;
}
.reports thead tr:last-child td {
	position: relative;
}
*/

/* black */
.reports .cast_state_0 th a {
  color: #000;
}
/* grey */
.reports .cast_state_1 th a,
.reports .cast_state_1 th .icons {
  color: #777;
}
/* blue */
.reports .part_state_1 {
  background-color: #d9edf7 !important;
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.reports .part_state_1 .icons {
  color: #31708f;
}
/* green */
.reports tr td.part_att_6 {
  background-color: #dff0d8 !important;
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.reports tr td.part_att_6 .icons {
  color: #3c763d;
}
/* yellow */
.reports .part_state_2,
.reports tr td.part_att_4 {
  background-color: #fcf8e3 !important;
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.reports .part_state_2 .icons,
.reports .cast_state_0.cast_state_partial th a,
.reports .cast_state_0.cast_state_partial th .icons,
.reports tr td.part_att_4 .icons {
  color: #8a6d3b;
}
/* red */
.reports .cast_state_2 .part_state_0,
.reports .cast_state_3 .part_state_0,
.reports tr td.part_att_0,
.reports tr td.part_att_2,
.reports tr td.part_att_3 {
  background-color: #f2dede !important;
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.reports .cast_state_2 .part_state_0 .icons,
.reports .cast_state_2 th a,
.reports .cast_state_2 th .icons,
.reports .cast_state_3 .part_state_0 .icons,
.reports .cast_state_3 th a,
.reports .cast_state_3 th .icons,
.reports tr td.part_att_0 .icons,
.reports tr td.part_att_2 .icons,
.reports tr td.part_att_3 .icons {
  color: #a94442;
}

.disabled {
  color: #999;
}

div.popover {
  background: #f0f0f0;
  width: auto;
}

div.popover div.popover-content div.user-preview div {
  padding-right: 10px;
}