body {
    margin-bottom: 80px;
}


.date-form { margin: 10px; }
label.control-label span { cursor: pointer; }

.mobile {
    display:block !important;
}

td.td-hover:hover{ 
background-color: #f5f5f5;
}

.visible-tablet-mobile{
    display: none;
}

@media (max-width: 768px) {
   .visible-tablet-mobile{
        display: normal!important;
   }
}
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../buttons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../buttons/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../buttons/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
#errmsg
{
color: red;
}
.dl-horizontal dt{
    text-align: left;
    margin-bottom: 1em;
    width: auto;
    padding-right: 1em;
}

.dl-horizontal dd{
    margin-left: 0;
    margin-bottom: 1em;
}
.input-sm{
  width: 150px !important;
  height: 25px !important;
  margin: 0px 0px 5px !important;
}

.nowrap{
     white-space: nowrap;
     
}
.alert {
  background-color: red;
  color : white;
}

p {
    text-align: justify;
}

.repair {
    padding: 0;
    width: 100%;
}
.r_pic {
    width:100%;
}
dl {
 width:100%;
 overflow:hidden;
}
dt {
 float:left;
 width:20%; /* adjust the width; make sure the total of both is 100% */
 padding: 5px;
 background: lightgray;
 margin-bottom: 5px;
 border: solid lightgray 1px;
 border-radius: 5px 0 0 5px;
}
dd {
 float:left;
 width:80%; /* adjust the width; make sure the total of both is 100% */
 padding: 5px;
 margin-bottom: 5px;
 border: solid lightgray 1px;
 border-radius: 0 5px 5px 0 ;
}
.input-group-addon span{
    text-align: left !important;
    width: 75px !important;
}

.form75 {
            text-align: left !important;
            width: 75px !important;
        }
/*    
@media (min-width: 480px) 
{ .item {
    padding-left: 200px; 
    }
    }

@media (max-width:480px){
    .item {
    color: #FFCC00;
    background-color: black;
    }   
}    

@media (max-width: 880px) 
{ .side-nav {
    background-color: black;
    text-align: central; }
    }*/