.far, .fas {
font-family: "Font Awesome 5 Free" !important;
}

.ui-widget-header {
  border: none;
  background: none;
}

.ui-widget-content {
  background: white;
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none;
  background: none;
}

.ui-dialog .ui-dialog-title {
  color: #a91916;
}

.ui-widget-overlay {
   background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .30;
   filter: Alpha(Opacity=30);
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
  background: none;
  color: black;
  border-color: grey;
  font-weight: normal;
}

/* FRONTEND */
body {
  background-color: #fff;
}

.noScroll {
  position:fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4, h5 {
  color: #a91916;
  margin: 0;
}

a, a:visited {
  color: #000;
}

a:hover, a:active {
  color: #a91916;
}

a.btn, a.btn:visited {
  color: #fff !important;
}

a.btn:hover, a.btn:active {
  color: #fff;
}

strong {
  color: #a91916;
}

img {
}

.textColor1 {
  color: #a91916;
}

.whiteColor {
  color: #fff;
}

.circle_red {
  width: 40px;
  height: 40px;
  background: #a91916;
  -moz-border-radius: 70px;
  border-radius: 70px;
  margin: auto;
}

.circle_green {
  width: 40px;
  height: 40px;
  background: green;
  -moz-border-radius: 70px;
  border-radius: 70px;
  margin: auto;
}

.circle_orange {
  width: 40px;
  height: 40px;
  background: orange;
  -moz-border-radius: 70px;
  border-radius: 70px;
  margin: auto;
}

.circle_grey {
  width: 40px;
  height: 40px;
  background: grey;
  -moz-border-radius: 70px;
  border-radius: 70px;
  margin: auto;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
  -ms-box-shadow: 0 0 2px #a91916 inset !important;
  -o-box-shadow: 0 0 2px #a91916 inset !important;
  box-shadow: 0 0 2px #A97AAD inset !important;
  background-color: #fff !important;
  border: 1px solid #a91916 !important;
  outline: none !important;
}

img.logo {
  width: 150px;
  margin: 10px 0;
}

.navigation_item {
  margin-bottom: 20px;
}

.lightbox {
  display: none;
}

.frontend_body .featherlight-close {
  display: none;
}

.featherlight-close-icon {
  font-size: 20px;
}

.frontend_body .featherlight-content {
  background-color: transparent !important;
}

.frontend_body .featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.9);
}

.frontend_body .featherlight-inner {
  text-align: center;
}

#msg_done .fa, #msg_done .fas, #msg_done .far {
  color: green !important;
  font-size: 100px;
}

.msg_done_message, .msg_error_message, .msg_activity_message {
  color: white;
  font-size: 20px;
}

#msg_error .fa, #msg_error .fas, #msg_error .far {
  color: red !important;
  font-size: 100px;
}

#gelocation_denied_ios .fa, #gelocation_denied_android .fa, #samsungBrowser .fa {
  color: red !important;
  font-size: 100px;
}

#spinner {
  width: 0;
  height: 100px;
  position: relative;
  text-align: center;
  left: 50%;
}


.messageHeader {
  position: relative;
}

.messageHeader .badge {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 5px;
  top: -13px;
}

.navigation_item a {
  width:100%;
  height:100%;
  font-size:13px;
  background-color: #a91916;
  text-transform: uppercase;
  display: block;
  color: white;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.navigation_item a .text {
  height: 30px;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
}

.navigation_item a .fa, .navigation_item a .far, .navigation_item a .fas {
  font-size: 70px;
  color: #fff !important;
}

.bg-off a {
  background-color: transparent;
  box-shadow:0px 0px 0px 1px #a91916 inset;
}

.form-control[readonly] {
  background-color: #fff;
}


.footer p {
  margin: 0 !important;
}

.footer img {
  max-width: 110px;
}

.footer {
  font-size: 12px;
  flex-direction: row;
}

.footer .contact_person {
  
  display: flex;
  align-items: center;
}

/*SEARCH-BOX*/

.search-box {
  margin-bottom: 10px;
}

#imaginary_container{
    margin-top:20%;
}
.stylish-input-group .input-group-addon{
    background: white !important; 
    border-color: #a91916;
}
.stylish-input-group .form-control{
  border-right:0; 
  box-shadow:0 0 0; 
  border-color:#a91916;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.stylish-input-group button{
    border:0;
    background:transparent;
    margin: 0;
}

.glyphicon-search {
  color: #a91916;
}


.inputfile-label {
    border: 1px solid #a91916;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    color: #a91916;
    text-align: center;
}

/* FONTAWESOME */
.fa, .fas, .far {
  color: #a91916 !important;
}

/* LOGIN-PAGE */
#lang_uid, #rememberMe {
  margin-bottom: 10px;
}


/* BOOTSTRAP - ELEMENTS */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: #a91916 !important;
  border-color: #a91916 !important;
}

label.btn-primary {
  background-color: #eee !important;
  border-color: #eee !important;
  color: #a91916 !important;
}

.btn-primary.active {
  background-color: #a91916 !important;
  border-color: #a91916 !important;
  color: #eee !important;
}

.btn-primary .fa, .btn-primary .fas, .btn-primary .far {
  color: white !important;
}


/* BACKEND */

.nav.side-menu > li > a:hover, .nav.side-menu > li > a, .nav.child_menu > li > a {
  color: #a91916 !important;
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active {
  border-right: 5px solid #a91916;
}


.nav.side-menu > li.active > a {
  background: #F7F7F7;
box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

.profile_info span {
  color: #a91916;
  font-weight: bold;
}

.profile_info h2 {
  color: #a91916;
}

.menu_section h3 {
  color: #a91916;
}

.dropdown-menu > li > a {
  color: #a91916;
}

.nav-md ul.nav.child_menu li:before {
  background: #a91916;
}

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #a91916;
}

.x_title {
  border-bottom: 2px solid #a91916;
}

.bodyAdmin {
  color: #808080;
}

.bodyAdmin a {
 color: #808080; 
}

/* PROFILE */
.profile {
  font-size: 12px;
  height: 60px;
  padding-top:10px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /*margin-bottom: 135px;*/
  color: #000; 
}

.header .row {
  border-bottom: 1px solid #a91916;
  margin-bottom: 10px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 135px;
  padding: 15px 0;
  background-color: #eee;
  border-top: 1px solid #e30613;
}

.footer strong {
  color: #a91916;
}

/* DATATABLE */

table.dataTable {
  color: #a91916;
}

table.dataTable tr.odd {
  background-color: #eee;
}

table.dataTable thead td {
  border-bottom: none;
}


/* MESSAGES */

.seperator {
  border: 1px solid #a91916;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;
}

.contentHeader {
  padding-bottom: 20px;
}

.message_inner .message_text {
  font-size: 14px;
}

.message_inner .sender {
  font-size: 14px;
}

.message_inner .send_time {
  font-size: 10px;
}

.message_attachments h5 {
  margin: 5px 0;
  padding-top: 10px;
}

.attachment_box {
  padding: 20px 0;
  border-bottom: 1px solid #aaa;
}

.message_send, .notes_show {
  padding-bottom: 30px;
}

.message_send input, .message_send select, .message_send textarea {
  margin-bottom: 15px !important;
  padding: 5px !important;
  border: 1px solid #a91916 !important;
  resize: none;
}

.message_send label {
  color: #a91916;
  padding: 0;
}

.message_send .inputfile-label {
  padding: 6px 12px;
}

.mail_list_column, .message_content {
  min-height: 500px;
}

.img-responsive {
  display:unset;
}

.innerContentLightbox {
  color: white;
}

.innerContentLightbox input, .innerContentLightbox select {
  margin-bottom: 20px;
}

.innerContentLightbox label {
  font-weight: bold;
  font-size: 18px;
}

.innerContentLightbox .header {
  font-size: 20px;
}

.innerContentLightbox .btn {
  font-size: 20px;
}

.pauseCurTimeDiv {
  font-size: 50px;
}

.pauseCurTime_show {
  margin-top: 20px;
}

.workingTimeWrapper {
  margin-bottom: 20px;
  font-size: 16px;
}

.workingTimeWrapper .arrow {
  background: #a91916;
  display: block;
  padding: 5px;
  line-height: 1;
  color: white;
  font-weight: bold;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -10px;
}

.workingTimeWrapper .clock {
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a91916;
}

.workingTimeWrapper .arrow:after {
  content: " ";
  height: 50px;
  width: 0;
  position: absolute;
  left: 100%;
  top: 0;
  pointer-events: none;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 20px solid #a91916;
}

.workingTimeWrapper.small .arrow {
  height: 30px;
}

.workingTimeWrapper.small .arrow:after {

  height: 30px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #a91916;
}

.workingTimeWrapper.small .clock {
  padding-left:20px;
  font-size: 16px;
  height: 30px;
  justify-content: left;
}


.timeRecordState {
  background: #a91916;
  display: block;
  padding: 5px;
  line-height: 1;
  color: white;
  font-weight: bold;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width:150px;
}

.timeRecordState:after {
  content: " ";
  width: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -75px;
  pointer-events: none;
  border-top: 15px solid #a91916;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
}

.timeRecordStateDesc {
  font-size: 20px;
  color: #a91916;
  font-weight: bold;
}


#query_alert {
  font-size: 15px;
  height: auto;
  font-weight: bold;
}


.lightboxOverlay, #query_alert {
  display: none;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.9);
  color: white;
  padding: 20px;
  text-align: center;
  overflow: scroll;
}

#query_alert {
  text-align: left !important;
  background-color: rgba(255,255,255,0.9);
}

#query_alert .alert {
  background-color: rgba(0,0,0,0.9);
}

#query_alert .alert span {
  display: block;
  font-size: 12px;
}

.query_alerts .alert span.link a {
  display: block;
  color: white;
  margin-top: 10px;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #a91916;
}



.help .col-xs-12, .help_content .col-xs-12 {
  margin-bottom: 30px;
}

.help .col-xs-12 img, .help_content .col-xs-12 img {
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.help .col-xs-12 div, .help_content .col-xs-12 div {
  font-size: 14px;
  padding: 10px;
  background-color: #eee;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

.help_content .col-xs-12 div {
  color: black;
  text-align: left;
}



.lightboxOverlay {
  height: 100%;
  /*padding: 50px 20px 20px 20px;*/
}

.lightboxOverlayOuter {
  display: table;
  height: 100%;
  width: 100%;
}

.lightboxOverlayInner {
  display: table-cell;
  vertical-align: middle;
}

.lightboxOverlayInner .form-control {
  margin-bottom: 15px;
}

.pauseRun {
  text-align: center;
  color: #a91916;
}

.lightboxOverlay .header {
  font-size: 20px;
  color: white;
  padding-bottom: 10px;
  font-weight: bold;
}

.lang_select {
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
}

.lang_select a {
  padding-left: 5px;
}