/* Include Open Sans font from Google Web Fonts */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext');

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sidebar-xe-input {
    width: 120px !important;
    height: 30px !important;
}

.media-items .media-items-options {
    z-index: 5;
}

.navbar-text {
    margin-top: 13px;
    margin-bottom: 13px;
}

.content-header-themed {
    background-color: #DE4B39;
}

a.user-card {
    margin-bottom: 0;
}

.avatar-picture {
    cursor: pointer;
    object-fit: cover;
}

#avatar-upload {
    display: none;
}

.bg-yellow {
    background: #ffff99;
}

.popover-form button {
    background-color: #afde5c !important;
    border-color: #5cb85c !important;
}

.modal-body,  #test-text, .test-text, #course-text, .course-text {
    word-wrap: break-word;
}

input.borderless, select.borderless {
    border: 0;
    border-bottom: dashed 1px #0088cc;
    font-weight: 600;
}
.block-title > input.borderless, select.borderless {
    margin: 10px 15px 9px !important;
    background-color: #FAFBFC;
}

.block-title.block-title-closed {
  margin: -20px -20px -1px;
}

.in-title {
  padding: 10px 15px 9px !important;
}

.course-content {
  margin-bottom: 15px;
}

.hidden-content {
    opacity: 0.1;
    height: 100px;
    overflow: hidden;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*
  TABLE FIXED FIRST COLUMN
 */
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #ffffff;
}
.DTFC_LeftWrapper {
  top: 8px !important;
}
table.table.table-nowrap th, table.table.table-nowrap td {
  white-space: nowrap;
}

/*
  Fixed header row
 */
.table.table-fixed-header thead {
  position: sticky;
  top: 0;
  z-index: 1;

  background: #ffffff;
}

/*
 DROPZONE CUSTOM
 */
.dropzone .dz-message {
    margin: 50px 0;
}
.dropzone {
    margin-bottom: 25px;
}

/*
 Display flex row
 */
.flex-row {
  display: flex;
}
.flex-row.flex-spacing > :not(:last-child) {
  margin-right: 8px;
}
.flex-row .flex-grow {
  flex: 1;
}

@media print{
    .dataTables_filter, .dataTables_info {
      display: none;
    }
    table thead > tr > th {
      padding: 4px; font-size: 12px !important;
    }
    table {
      font-size: 10px !important;
    }
    span.h4 {
      padding: 4px; font-size: 12px !important;
    }
    .dataTables_wrapper > div {
      border: 0 ;
    }
}

.btn-group {
  display: flex;
}

.table tfoot {
    font-style: italic;
    font-weight: 600;
}

.btn-expenses-delete {
    margin-top: -5px;
    margin-right: -10px;
}

.nav-alerts > .popover > .popover-content {
    padding: 9px 0 0 0;
}

.nav-alerts > .popover > .popover-content > .list-group {
    margin-bottom: 0;
}

.nav-alerts > a > .fa {
  position: relative;
  left: 11px;
}

.nav-alerts > a > .badge {
   position: relative;
   top: -12px;
}

.nav-alerts > a > .badge.info {
  background-color: #337AB7;
}

.nav-alerts > a > .badge.warning {
  background-color: #DEB25C;
}

@keyframes badge-danger {
  0% {
    background-color: #D9534F;
  }
  100% {
    background-color: #4f0100;
  }
}

.nav-alerts > a > .badge.danger {
  background-color: #D9534F;
  animation: badge-danger 0.75s infinite;
}

.no-alerts {
  margin-left: auto;
  margin-right: auto;
  width: 270px;
  display: block;
}

.tooltip-inner {
  max-width: 800px;
}

#modal-message img {
  max-width: 100%;
}

.wrap-text {
  word-wrap: break-word;
}

.subdued-empty-color .editable.editable-empty {
  color: #999;
}

.planning-employees {
  max-height: 500px;
}

.planning-employees .table>tbody>tr.active>td {
  background-color: #FFFF55;
}

.planning-employees .table>tbody>tr.warning>td {
  background-color: #fcf8e3;
}

.planning-employees .table>tbody>tr.danger>td {
  background-color: #f2dede;
}

.table-planning .label.group {
  cursor: pointer;
}

#cal-week-box {
    z-index: 1050;
}

.communication .nav.nav-pills a strong {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.communication .media {
  margin-top: 0;
}

.communication .media {
  margin-top: 0;
}

.communication .media:last-child {
  margin-top: 25px;
}

.communication .media p {
  margin-bottom: 0;
}

.label-c1{background-color: rgb(31,120,180)}
.label-c2{background-color: rgb(51,160,44)}
.label-c3{background-color: rgb(251,154,153)}
.label-c4{background-color: rgb(227,26,28)}
.label-c5{background-color: rgb(255,127,0)}
.label-c6{background-color: rgb(106,61,154)}
.label-c7{background-color: rgb(106,90,50)}

.nav-tabs-bottom {
  border-top: 1px solid #dddddd;
  border-bottom: 0;
}

.nav-tabs-bottom > li > a {
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
}

.nav-tabs-bottom > li.active > a, .nav-tabs-bottom > li > a:hover {
  border-color: #ebf1f2 #dddddd #dddddd #dddddd;
}

.nav-tabs-bottom > li > a:hover {
  background-color: #dddddd;
}

.nav-tabs-bottom > li.active > a, .nav-tabs-bottom > li.active > a:hover {
  background-color: #ebf1f2;
  border-color: #ebf1f2 #dddddd #dddddd #dddddd;
}

.assignment {
  display: flex;
}

.assignment .input-group:not(:last-of-type) {
  margin-right: 8px;
}

.assignment input {
  max-width: 36px;
}

#global-indeterminate-loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 1034;
  background-color: rgba(227,26,28, 0.1);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

#global-indeterminate-loader.active {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

#global-indeterminate-loader.active:before {
  content: '';
  position: absolute;
  height: 100%;
  background-color: #de4b39;
  animation: indeterminate_loader 1.5s infinite ease-out;
}

@keyframes indeterminate_loader {
  0% {
      left: -100%;
      width: 100%;
  }
  100% {
      left: 100%;
      width: 10%;
  }
}

#paper-type-rows .handle {
  cursor: move;
  cursor: -webkit-grabbing;
}

@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}