.dropdown-menu body{
  font-size: 1.1em;
}

form .clmapp div.form-group{
	display: block;
}

.form-on, span.form-on, div.form-on, td span.form-on, td div.form-on{
	display:none;
}
.form-off, span.form-off, div.form-off, td span.form-off, td div.form-off{
	/*display:block;*/
	padding-top: 7px;
	margin: 0 auto;
	/*margin-top: 4px;*/
}

span.form-always{
	padding-top: 7px;
	/*display: block;*/
}
div.form-never, button.form-never, span.form-never{
  display:none;
}

span.form-off, span.form-on{
	width: 100%;
}

.form-element{
  margin-top: 7px;
}
.navbar-brand img{
  height: 44px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0 15px; 
    padding-top: 5px;
    font-size: 18px;
    line-height: 20px;
}

.msgarea{
  /*height: 52px;*/
}
.module .msgarea{
  height: 52px;
}

/*input.form-control {
  width: auto;
}*/

/* For IE browser */
.table input:-ms-input-placeholder {
  font-size: 0.9em;
}
/*For Webkit browsers (Chrome, Safari) */
.table input::-webkit-input-placeholder {
  font-size: 0.9em;
}
/* For Mozilla Firefox */
.table input:-moz-placeholder {
  font-size: 0.9em;
}
.table #filter input{
  /*width: 50px;*/
  width: 100%;
}
.table tbody{
  /*text-transform: uppercase;*/
}
#customersearchform{
  display: block;
}

.msgalert{
  display: none;
}

#wrapper{
}
#dashboard .panel-heading{
  height: 120px;
}
.bootstrap-select > .dropdown-toggle{
  height: 100%;  
  width: 100%;
  padding: 0;
}

/*table.display tbody tr:nth-child(even):hover td{
    background-color: red !important;
}*/

/*.inactive, .table-striped>tbody>tr.inactive{
      background-color: #ddd !important;
}*/

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eee;
}
.table-striped>tbody>tr:nth-of-type(odd).selected {
    /*background-color: #eee !important;*/
}


table.table-strikeable {
    border-collapse: collapse;
}

table.table-strikeable tr td {
    position: relative;
    /*padding: 3px 2px;*/
}

table.table-strikeable tr th {
    position: relative;
    /*padding: 3px 2px;*/
}


table.table-strikeable tr.strikeout{
    background: #ddd;
    opacity: 0.4;
}

table.table-strikeable tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #666;
    width: 100%;
}
.formModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.formModal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: #ddd;
}
.modal {
    padding-right: 0px !important;
}

.modal input, 
.modal textarea, 
.modal select,
.module input, 
.module textarea, 
.module select
{
  /*text-transform: uppercase;*/
}

.required, input[required], select[required] {
      background: #FFC;
}
input.error, select.error{
      background: #d9534f;
}

textarea{ 
  height:200px; 
  min-height:200px;  
  resize:vertical;
  box-sizing: content-box;
}

.form-horizontal .form-group{
/*font-size: 75%;
*/    margin-bottom: 0;
}
.form-element{
  zoom: 0.75;
  width: 65%;
  -moz-transform: scale(0.75); 
  font-size: 1.3em;
}
.btn{
  font-size: 100%;
  /*height: 75%;*/ 
  /*width: 75%;*/
/*  zoom: 0.75;
  -moz-transform: scale(0.75); */
}

.form-btn{
  width: 30%;
}

/*#page-wrapper{
  font-size: 70%;
}
*/
.page-header {
    /* padding-bottom: 9px; */
    margin: 9px;
    border-bottom: 1px solid #eee;
    font-size: 24px;
    /*text-transform: uppercase;*/
}

.huge{
	font-size: 18px;
}

.dataTable{
  font-size: 90%;
}

/*
 * off canvas sidebar
 * --------------------------------------------------
 */

.navbar-header{
/*	width: 250px; * /
}


#side-menu .collapse.in {
    display:inline !important;
}

@media screen and (min-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active {
    left: 3%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: -3%;
    /*position: absolute;*/
    top: 0;
    width: 2%;
    text-align:center;
  }

  .row-offcanvas-left.active li a{
    padding: 10px 10px !important;
  }

}

.panel-337ab7{ background-color: #337ab7; color: white; }
.panel-5C0DAA{ background-color: #5C0DAA; color: white; }
.panel-AA370D{ background-color: #AA370D; }
.panel-0D90AA{ background-color: #0D90AA; }
.panel-0D88AA{ background-color: #0D88AA; }
.panel-6E0DAA{ background-color: #6E0DAA; }
.panel-AA0D51{ background-color: #AA0D51; }
.panel-0D61AA{ background-color: #0D61AA; }
.panel-6EAA0D{ background-color: #6EAA0D; }
.panel-AB810D{ background-color: #AB810D; }
.panel-AA490D{ background-color: #AA490D; }
.panel-AAAA0D{ background-color: #AAAA0D; }
.panel-AA0D3A{ background-color: #AA0D3A; }

.panel-51284F{ background-color: #51284F; color: white;}


@media only screen and (min-width: $screen-md-min) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    /*background-color: #51284F;*/

/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;*/

      background: #eee;
    color: #000;


}


table.dataTable.fixedHeader-floating {
    position: fixed !important;
    top: 50px !important;
}
div.module{
  margin-top: 50px;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#customersearch input, #customersearch textarea, #customersearch option{
  /*text-transform: uppercase;*/
}

.navbar-top-links li.active, .navbar-top-links .dropdown-menu li.active, .navbar-top-links li.active a, .navbar-top-links .dropdown-menu li.active a{
  background-color: #286090;
  color: #f8f8f8;
}

.formModal{
  top: 48px;
}
.navbar-fixed-top{
  z-index: 10030;
}




#template{
  /*https://coolors.co/51284f-98ba00-de7b00-f0ad4e-d8352f*/
background-color: #51284F; /* primary purple */
background-color: #98BA00; /* success green */
background-color: #DE7B00; /* warning orange */
background-color: #F0AD4E; /* info yellow/orange */
background-color: #D8352F; /* danger red */
}
/*
$color1: rgba(81, 40, 79, 1);
$color2: rgba(152, 186, 0, 1);
$color3: rgba(222, 123, 0, 1);
$color4: rgba(240, 173, 78, 1);
$color5: rgba(216, 53, 47, 1);
*/


.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon .btn-group {
    position: absolute;
    right: 8px;
    /*padding: 10px 12px;*/
    /*pointer-events: none;*/
    /*height: 30px;*/
    display: none;
    z-index: 300;
}

#footer-msgarea{
    position: fixed;
    bottom: 0;
    height: 0px;

    width: 100%;
}
#footer-msgarea .msgarea{
  margin-top: 20px;
  line-height: normal;
}



#toolbox {
  position: fixed; 
  z-index: 10101; 
  bottom: 20px; 
  right: -360px; 
  border: 1px solid #ddd; 
  border-radius:0 0 3px 3px; 
  padding: 5px; 
  margin: 9px; 
  background: white; 
  color: #ddd;  
  width: 380px;
}
#toolboxarrow{
  font-size: 36px; 
  float: left;
}

#toolbox .list-inline{
  margin-top: 7px;
}
#toolbox a, #toolbox a:visited, #toolbox a:active{
  color: #ddd;
}
#toolbox a:hover{
  color: #333;
  background: none;
}
#toolbox:hover{
  color: #333;
  border: 1px solid #333; 
}


.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}



.sk-three-bounce {
  position: absolute;
  top: 5px;
  width: 80px;
  margin-left: -10px;
  text-align: center; }
  .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #444;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }



.table-responsive {
  overflow: visible !important;
}            


select:invalid,
select option[value=""] {
  color: #999;
}

#countdown{
  color: #a94442;
  font-weight: bold;
  position: absolute;
  right: 75px;
  top: 55px;
    background: #fff;
    padding: 3px;  
}

.label-info{
  background: #51284F;
  /*text-transform: uppercase;*/
}
.typeahead.dropdown-menu li{
 /*text-transform: uppercase; */
}

.bootstrap-tagsinput.textarea {
    max-width: 100%;
    line-height: 22px;
    overflow-y: auto;
    overflow-x: auto;
    height: 150px;
    cursor: text;
    padding: 5px 10px;
}

#orderrequesttable tr.strikeout td:before{
  top: 30%;
}

#toolboxwrapper{
  display: none;
}

table.table-strikeable tr.completed{
  opacity: 0.5;
}
table tr.lateday{
  color: indianred !important;
}




.timeline .timeline-item > .timeline-point{
z-index: inherit;
}

.fileselect {
	height: 400px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}
.navbar-brand img{
	width: 180px;
	margin-top: -4px;
	/*margin-left: -30px;*/
}
.alert{
	display: none;
}
.navbar-inverse{
	background-image: -webkit-linear-gradient(top,#eeeeee 0,#999 100%);
	background-image: -o-linear-gradient(top,#eeeeee 0,#999 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#999));
	background-image: linear-gradient(to bottom,#eeeeee 0,#999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ff999999', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;        
}

.navbar-top-links{
	/*font-weight: bold;*/
}
.navbar-top-links a{
	color: #000;
}

.footer {
/*    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
    z-index: 999999999999999;*/
}
.footer .container{
/*  min-width: 100%;
  margin-top: -50px;
  font-family: 'Courier New';
  font-weight: bold;
  position:relative;*/
}
#pstatus{
  width:100%; min-width: 100%; height: 100px;
/*  position: absolute;
  z-index: 105;*/
  left: 0;
   display: none;
}

.disabled {
  /*color: currentColor;*/
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

li.success{
  color: #398439;
}
li.danger{
  color: #d9534f;
}
li.primary{
  color: #204d74;
}
li.warning{
  color: #d58512;
}

.bootstrap-select .filter-option{
  margin-left: 15px;
}

.panel-body dd{
  margin-left: 20px;
}
.panel-body dt{
  margin-top: 10px;
  font-size: 1.2em;
}

select.form-control  {
  font-size: 1.2em;
}




.fullscreen.timelineFrame{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll !important;
}


.fullscreen.videoWrapper{
/*    position: fixed;
    background: #fff;
    right: 0;
    z-index: 1000;
    top: 50px;
    left: 0;
    right: 0;
    overflow: scroll;*/
}

.fullscreen.analyzeMarkerFormWrapper{
/*    position: fixed;
    background: #fff;
    z-index: 1000;
    left: 25px;
    right: 25px;
    bottom: 0;
    height: 35%;  
    overflow: scroll;*/
    /*  dynamic = screen(height) - videoWrapper(height) */
}

.expandTimeline{
  zoom: 0.70; /* bs - compatible */
}

/*.fullscreen.analyzeVideoHeader {
  height: 35px;
}*/


#footer-msgarea{
    position: fixed;
    bottom: 0;
    height: 0px;
    z-index: 100000;
    width: 100%;
}
#footer-msgarea .msgarea{
  margin-top: 20px;
  line-height: normal;
}

.panel-title.analyzeGPS{
  font-size: 0.75em;
}

select.dtfilter{
  font-size: inherit;
}



#footer-msgarea{
    position: fixed;
    bottom: 0;
    height: 0px;
    margin-left: -30px;
    width: 100%;
    font-size: 1.5em;
}
#footer-msgarea .msgarea{
  margin-top: 20px;
  line-height: normal;
}



#job-msgarea{
    position: fixed;
    bottom: 0;
    height: 40px;
    margin-left: 5px;
    width: 100%;
    /*min-height: 480px;*/

/*    font-size: 1.5em;
*/}


input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range].disabled::-webkit-slider-runnable-track {
  background: repeating-linear-gradient(
  45deg,
  #606dbc,
  #606dbc 10px,
  #465298 10px,
  #465298 20px
);
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  /*background: #398439;*/
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.statusplotline{
  margin-left: -2px;
}

.analyzeVideoEntry.panel-body{
  color: #000;
}

.vjs-marker.marker-yellow{
  background-color: yellow !important;
}
.vjs-marker.marker-green{
  background-color: green !important;
}
.vjs-marker.marker-orange{
  background-color: orange !important;
  z-index: 300;
}
.vjs-marker.marker-red{
  background-color: red !important;
  z-index: 200;
}
.vjs-marker.marker-blue{
  background-color: blue !important;
  z-index: 100;
}

.btn{
  margin: 2px;
}

li.page-item-success a{
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

li.page-item-warning a{
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.vjs-icon-custombutton.nextVideo, .vjs-icon-custombutton.prevVideo{
  font-size: 2em !important;
  width: 3% !important;
}

div.text-bold{
  font-weight: bold;
}

input {
    max-width: 100%;
}