/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 20px;
}
#background {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
#gps {
    left:0;
    width:100%;
    height:100%;
    position:fixed;
}
#footer {
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  font-size: 0.8rem;
}
div.anchor {
	display: block; 
	position: relative; 
	visibility: hidden;
	height: 8px;
}
iframe.gpslocation {
  border: solid 1px #bbbbbb;
  overflow: hidden;
  width: 100%;
  height: 100%;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 92px 15px 0;
}
.container .text-muted {
  margin: 10px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.hand {
	cursor: pointer;
}

/*
BOOTSTRAP "OVERRIDES" START
*/

/*
.btn-success {
  --bs-btn-bg: #5cb85c;
  --bs-btn-border-color: #4cae4c;
  --bs-btn-hover-bg: #449d44;
  --bs-btn-hover-border-color: #398439;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-bg: #449d44;
  --bs-btn-active-border-color: #398439;
  --bs-btn-disabled-bg: #5cb85c;
  --bs-btn-disabled-border-color: #4cae4c;
}
*/

.col-form-label-sm {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.775rem;
}

.navbar-text {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}


.btn-xsm, .btn-group-xsm > .btn {
  --bs-btn-padding-y: 0.22rem;
  --bs-btn-padding-x: 0.48rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.btn-xsm + .dropdown-toggle-split, .btn-group-xsm > .btn + .dropdown-toggle-split {
  padding-right: 0.275rem;
  padding-left: 0.275rem;
}

.btn-xxsm, .btn-group-xxsm > .btn {
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.32rem;
  --bs-btn-font-size: 0.50rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.btn-xxsm + .dropdown-toggle-split, .btn-group-xxsm > .btn + .dropdown-toggle-split {
  padding-right: 0.200rem;
  padding-left: 0.200rem;
}



.dropdown-menu {
  --bs-dropdown-padding-y: 0.25rem;
  --bs-dropdown-font-size: 0.75rem;
  --bs-dropdown-divider-margin-y: 0.1rem;
}


.card {
  --bs-card-spacer-y: 0.2rem; /*between card header and body*/
  --bs-card-cap-padding-y: 0.25rem; /*card header text y padding*/
  --bs-card-cap-padding-x: 0.5rem; /*card header text x padding*/
  --bs-card-border-radius: 5px;
}

.card-table {
	height: 100%;
	width: 98%;
}

.form-control-plaintext.form-control-xsm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-xsm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
.uneditable-input:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(134, 183, 254, 0.6);
}


.form-control-xsm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-xsm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
textarea.form-control-xsm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-xsm {
  height: 0;
}

.form-group-xsm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-xsm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-xsm .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-xsm .dropdown-toggle {
  padding: 0.2rem 0.3rem;
}


.navbar {
  --bs-navbar-padding-y: 0.1rem;
  --bs-navbar-brand-padding-y: 0.03125rem;
}

div.ts-wrapper {
  padding: 0px;
  border: solid 0px #ffffff;
}
.ts-control {padding:2px 4px;margin:0px;}
.ts-wrapper.multi.has-items .ts-control{padding:1px;margin:0px;}

div.facelist {
  width: 100%;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-sm);
}
table.facelist {
  width: 100%;
}
tr.faceangle {
  height: 0px;
}
div.faceangle {
  height: 18px;
}
tr.facectrl {
  height: 0px;
}
div.facedel {
  height: 18px;
}
.img-fluid-rounded {
	border-radius: 4px;
}

img.img-faceselect-landscape {
  width: 680px;
}
img.img-faceselect-portrait {
  height: 680px;
}
div.facename {
	font-size: 0.8rem;
	padding-left:18px;
	cursor:pointer;
}

/*
to hide the dropdown caret when using a custom image instead, e.g. fa icon
.dropdown-toggle::after {
    display: none;
}
*/

hr {
  margin: 4px 0px 4px 0px;
  color: #cccccc;
}


h2 {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #ddd; 
   line-height: 0.1em;
   margin: 20px 0 28px; 
} 

h2 span { 
    background:#fff; 
    padding:0 10px;
    font-size: 1.25rem;
}



.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0px;
}

.table-condensed {
  margin-bottom: 0px;
}

/* prevent body scroll when modal open */
body.modal-open {
    overflow: hidden;
}

.bg-on, .bg-off, .bg-dead {
  min-width:30px !important;
  display: inline-block !important;
}
.bg-on {
  color: #efefef;
  background-color: #04cf52;
}
.bg-on[href]:hover,
.bg-on[href]:focus {
  background-color: #04cf52;
}
.bg-off {
  color: #aaaaaa;
  background-color: #faede1;
}
.bg-off[href]:hover,
.bg-off[href]:focus {
  background-color: #faede1;
}
.bg-dead {
  color: #efefef;
  background-color: #f59384;
}
.bg-dead[href]:hover,
.bg-dead[href]:focus {
  background-color: #f59384;
}

.alert-sm {
  padding-top: 6px;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.alert-xs {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.alert-light {
  color: #444444;
  background-color: #efefef;
  border-color: #dedede;
}
.alert-light hr {
  border-top-color: #bbbbbb;
}
.alert-light .alert-link {
  color: #444444;
}


.warning-alert {
  position: fixed;
  width: 50%;
  right: 0;
  left: 0;
  margin: auto;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  z-index: 9999;
}


/*
.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 9px;
}
*/
.borderless tbody tr td, .borderless thead tr th {
    border: none;
}

mark,
.mark {
  padding-left: 0;
  padding-right: 0;
  background-color: #F9F6BF;
}

/*
.checkbox {
  margin-top: 4px;
  margin-bottom: 2px;
}
*/

.panel-heading-sm {
  margin-bottom:0px;
  padding:4px;
}
.panel-heading-xs {
  margin-bottom:0px;
  padding:1px;
}
.panel-body-sm {
  margin:0px;
  padding:2px;
}

.card-deleted {
  background-color: #aacccc !important;
}
.card-public {
  border: solid #CC6633 2px; 
  border-radius: 3px; 
  margin: 3px;
}


.input-xs {
  height: 22px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 2px;
}
input.input-short {
  width: 20%;
}
select.input-xs {
  height: 22px;
  line-height: 22px;
}

@media (min-width: 992px) {
  .modal-lg {
    width: 960px;
  }
}

.bar-step {
    position:absolute;
    margin-top:-6px;
    z-index:1;
    font-size:0px;
}
.label-line {
    float: right;
    background: #fff;
    height:28px;
    width:2px;
    margin-left: 0px;
}

.progress {
  margin-bottom: 4px;
}
.bg-light {
  background-color: #c0c0c0;
  background-image: -webkit-linear-gradient(top, #c0c0c0 0%, #a8b8a8 100%);
  background-image:      -o-linear-gradient(top, #c0c0c0 0%, #a8b8a8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#a8b8a8));
  background-image:         linear-gradient(to bottom, #c0c0c0 0%, #a8b8a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0c0c0', endColorstr='#ffa8b8a8', GradientType=0);
  background-repeat: repeat-x;
}5cb85c
.progress-striped .bg-light {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-marker { 
  background-image: linear-gradient(90deg, rgba(225, 225, 225, 0.1) 97%, rgba(204, 0, 0, 1) 3%);
}




/*
BOOTSTRAP "OVERRIDES" END
*/

input.form-control-xs {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 80px;
}
select.input-xs {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 80px;
  padding: 3px 6px;
  font-size: 12px;
  height: 22px;
  font-size: 12px;
  line-height: 1.4;
}

.xsmall {
  font-size: 80%;
}

div.navbar-divider {
	border-left: 1px solid var(--bs-nav-link-disabled-color);
}

div.videocontent {
  width:100%;
}
.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}

div.modal-content {
  border-radius: 5px;
}
div.modal-content-video {
  border-radius: 0px;
  background:#000000;
}
/*
div.modal-body {
  padding: 15px;
}
*/
div.modal-body-video {
  padding: 1px;
}

.fa-spin-reverse {
  display: inline-block;
  -moz-animation: spin-reverse 2s infinite linear;
  -o-animation: spin-reverse 2s infinite linear;
  -webkit-animation: spin-reverse 2s infinite linear;
  animation: spin-reverse 2s infinite linear;
}


.fa-color-success {
  color: #5cb85c;
}
.fa-color-info {
  color: #5bc0de;
}
.fa-color-warning {
  color: #f0ad4e;
}
.fa-color-danger {
  color: #d9534f;
}


@-moz-keyframes spin-reverse {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(-359deg); }
}
@-webkit-keyframes spin-reverse {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-359deg); }
}
@-o-keyframes spin-reverse {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(-359deg); }
}
@-ms-keyframes spin-reverse {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(-359deg); }
}
@keyframes spin-reverse {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-359deg); }
}

img.img-minithumb {
	width: 80px;
}
img.img-thumb-nav {
  height: 28px;
  padding-bottom: 5px;
}

.btn-file {
    overflow: hidden;
    position: relative;
    padding: 0px;
    border: dotted 1px !important;
}
.btn-file input[type="file"] {
    background: none repeat scroll 0 0 white;
    cursor: inherit;
    display: block;
    font-size: 100px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.img-file {
	width: 260px;
	border-radius: 4px;
}

img.smiley {
	margin-bottom:4px;
}

div.day_weekend {
  background: #ffbbbb;
}
div.day_holiday {
  background: #ffd2a6;
}
div.day_work_office {
  background: #aad5ff;
}
div.day_work_home {
  background: #d9ecff;
}
div.day_vacation {
  background: #c5e2c5;
}
div.day_sick {
  background: #ab5250;
}