body{
  font-size: 1.1em;
/*  background-color: #ddd; */
}

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


.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 input{
  width: 50px;
}
#customersearchform{
  display: block;
}

.msgalert{
  display: none;
}

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



.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, textarea[required], input[required], select[required] {
      background: #FFC;
}
textarea.error, input.error, select.error{
      background: #d9534f;
}

textarea{ 
  height:160px; 
  min-height:160px;  
  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;
}

.huge{
	font-size: 18px;
}

.dataTable{
  font-size: 90%;
}

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

.navbar-header{
	width: 125px;
}


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


.modal-header{
  height: 20px !important;
  padding: 5px !important;
  border-bottom: 0;
}
/*
.selectize-dropdown {
  position: relative !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;
  }

}

.table-bordered {
    border: 1px solid #999;
}
/*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: #fff !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
/*    border: 1px solid #999; */
}

#page-wrapper{
/*  background-color: #ddd; */
}

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

.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: #337ab7;
  color: #f8f8f8;
}

.formModal{
  top: 48px;
}
.navbar-fixed-top{
  z-index: 10030;
}
/* ##################### SUBMENU ################# */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: 0px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

/*.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}*/

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

/*.dropdown-submenu.pull-right {
    float: none;
}

.dropdown-submenu.pull-right>.dropdown-menu {
    right: 100%;
    margin-right: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
*/
/* ##################### SUBMENU ################# */

#dtviews{
  min-width: 200px;
}

.orderguideflagid.assigned{
  background: #ac2925;
  color: #fff;
  font-weight: bolder;
}


.table-responsive{
  overflow-x: visible;
}

input[type="password"]{
  text-transform: none !important;
}

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

.modal input.lcase, 
.modal textarea.lcase, 
.modal select.lcase,
.module input.lcase, 
.module textarea.lcase, 
.module select.lcase
{
  text-transform: unset !important;
}

.form-element .row{
  display: block;
  border: 1px solid black;
  border-radius: 8px;
  padding: 8px;
  background-color: #eee;
}

.ordersystemedit, .ordersystemdelete{
    cursor: pointer;
}

.customersystemcontent .form-horizontal .control-label{
    padding-top: 18px;
}

.customersystemcontent .form-element{
      zoom: 1 !important;
    -moz-transform: scale(1) !important;   
  
}

.customersystemcontent .form-control{
  height: auto !important;
  font-size: 0.8em;
}

.form-group.customersystemcontent{
  font-size: 0.8em;
}

.customersystemcontent .form-group.empty{
  display: none;
}

h3.panel-title{
  font-weight: bolder;
  font-size: 12px;
}
.panel{
  margin-top: 15px;
  margin-bottom: 8px;
}
.panel-body{
  background: #ddd;
}
.wordwrap option{
    white-space: normal; word-wrap: break-word;
}