.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;
  height: 180px;
}

#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;
}

.module textarea{
  width: 97%;
}

.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;
}


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: #51284F;
  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;
  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;
}

.manualprocess{
  display: none;
}

table tr.danger td{
  background-color: #D8352F;
}
table tr.warn td{
  background-color: #F0AD4E;
}
table tr.success td{
  background-color: #98BA00; 
}

a.hlink{
    color: #3b1d39;
    text-decoration: underline;
    padding: 3px;
}