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


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

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

.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;
}
label.error{
  color: #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;
}

.huge{
	font-size: 18px;
}

.dataTable{
  /*font-size: 90%;*/
}

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

.navbar-header{
	width: 250px;
}


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

.prodetails {
  display: none;
}

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

}


.slevel1{ background-color: #FFFFFF; display: table-row;}
.slevel2{ background-color: #F5F5F5; display: table-row;}
.slevel3{ background-color: #E8E8E8; display: table-row;}
.slevel4{ background-color: #DCDCDC; display: table-row;}
.slevel5{ background-color: #D3D3D3; display: table-row;}
.slevel6{ background-color: #C8C8C8; display: table-row;}
.slevel7{ background-color: #BEBEBE; display: table-row;}
.slevel8{ background-color: #B0B0B0; display: table-row;}

.slevel1.odd{ background-color: #FFFFFF !important; display: table-row;}
.slevel2.odd{ background-color: #F5F5F5 !important; display: table-row;};
.slevel3.odd{ background-color: #E8E8E8 !important; display: table-row;};
.slevel4.odd{ background-color: #DCDCDC !important; display: table-row;};
.slevel5.odd{ background-color: #D3D3D3 !important; display: table-row;};
.slevel6.odd{ background-color: #C8C8C8 !important; display: table-row;};
.slevel7.odd{ background-color: #BEBEBE !important; display: table-row;};
.slevel8.odd{ background-color: #B0B0B0 !important; display: table-row;};

.purchaseRequired, .purchaseRequired.odd{ background-color: #98FB98 !important;}

.navbar-right{
  font-size: 1.4em;
}