div.io {
	background-color: white !important;
	background-image: none !important;
	text-align:left;
}
/*#package_cat{width:auto;}*/
#package_cat{
    height:500px;
    width: 75%;
    left: 36%;
    display:none;
}
@media screen and (max-width: 770px) {
    #package_cat{
        left: 10%;
    }
}
#package_cat .modal-content{
    height:500px;
}
.modal-lg{
    width: auto;
    margin-top:0px;
}
/*div.modal-backdrop.fade.in{ display:none;}*/
/*.modal-backdrop.in { z-index: auto;}*/
.modal-backdrop.in { z-index: 900;}
.input-group-addon, .input-group-btn, .input-group .form-control{
    display: initial;
}
.input-group .form-control{ float: none;width:60px;}




.io h1,
.io div,
.io td,
.io th,
.io ul,
.io p,
.io dt,
.io dd,
.io label,
.io address,
.panel-heading,
.icon-time,
.icon-calendar,
.bootstrap-timepicker-hour,
.bootstrap-timepicker-minute,
.bootstrap-timepicker-meridian,
.bootstrap-timepicker-separator,
.day,
.prev,
.switch,
.next,
#cash-panel strong,
.dow {
	color: #333 !important;
}
.rental_name
{
	color: #333;
}
.io_sc .rental_name
{
    font-weight:800;
}
.new, .old {
	color: #CCC !important;
}
.disabled {
	text-decoration: line-through;
}
.contractpage {
	color: #000000 !important;
}

.white-bar-remover {
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    overflow: hidden;
    width: 100%
}
.white-bar-remover img {
    margin: -42px 0;
}
.img-size {
	max-height: 160px;
}
.rental-object .control-label, .rental-options .control-label {
    /*max-width: 130px; Tim, 10/26/2014 */ 
    text-align: left;
    width: auto;
}
.rental-object .controls, .rental-options .controls {
    margin-left: 0;
    text-align: right;
}
.rental-object .form-actions, .rental-options .form-actions {
    padding-left: 20px;
}
.rental-options .control-group {
    margin-bottom: 10px;
    padding: 2px 10px;
}
.rental-options .control-group:nth-child(2n) {
    background: none repeat scroll 0 0 #DDDDDD;
    padding: 6px 10px;
}
.rental-options .well {
	padding: 0;
}
.rental-options .well .control-group {
    margin: 0;
	padding: 6px;
}
.rental-options .well .control-group.aa.collapse {
    padding: 0px;
    padding-left:0px;
}
.rental-options .well .control-group.aa.collapse.in {
    padding: 6px;
    padding-left:24px;
}
.rental-options .well .control-group input {
    /*margin: 5px 0;*/
}
.rental-object .form-actions {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}
/*this prevents empty dd elements from being ignored*/
.dl-horizontal > dd:after {
  display: table;
  content: "";
  clear: both;
}
.dl-horizontal dt {
    width: 130px;
    margin-top:initial;
}
.dl-horizontal dd {
    margin-left: 150px;
}
@media screen and (max-width: 979px) {
/*@media not all {*/
.dl-horizontal dt {
    float: left;
    max-width: 130px;
    text-align: left;
    width: auto;
    margin-top:initial;
}
.dl-horizontal dd {
		margin-left: 0;
    text-align: right;
}
}
@media (min-width: 1200px) {
.dl-horizontal dt {
    /*width: 160px;*/
    margin-top:initial;
}
.dl-horizontal dd {
    #margin-left: 180px;
}
}
.table-collapse td {
    border: 0 none;
    vertical-align: middle;
}
.add-on {
	/*height: 22px !important;*/
}
.input-append .add-on,.input-prepend .add-on{
	height: initial;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	max-width: 100%;
}
.table {
    margin-bottom: 0;
}
.form-accordion .controls {
    margin-left: 40px;
}
.btn-group {
    white-space: normal;
}
.btn-facebook {
    background-color: #2B4B90;
    background-image: linear-gradient(to bottom, #3B5998, #133783);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook.disabled, .btn-facebook[disabled] {
    background-color: #133783;
    color: #FFFFFF;
}
.btn-facebook:active, .btn-facebook.active {
}
.contractpage {
    background: none repeat scroll 0 0 white;
    box-shadow: 2px 1px 6px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    padding: 25px;
}
@media (max-width: 480px) {
.form-horizontal .rental-options .control-label {
    float: left;
}
}
.panel {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 15px;
}
.panel-heading {
    background-color: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 17.5px;
    font-weight: 500;
    margin: -15px -15px 15px;
    padding: 10px 15px;
}
.panel-footer {
    background-color: #F5F5F5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #DDDDDD;
    margin: 15px -15px -15px;
    padding: 10px 15px;
}
.panel-primary {
    border-color: #428BCA;
}
.panel-primary .panel-heading {
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
}
.panel-success {
    border-color: #D6E9C6;
}
.panel-success .panel-heading {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.panel-warning {
    border-color: #FBEED5;
}
.panel-warning .panel-heading {
    background-color: #FCF8E3;
    border-color: #FBEED5;
    color: #C09853;
}
.panel-danger {
    border-color: #EED3D7;
}
.panel-danger .panel-heading {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.panel-info {
    border-color: #BCE8F1;
}
.panel-info .panel-heading {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
.bootstrap-touchspin {
	display:inline-block;
    width: 100%;
}
.rental-details {
	text-align: center;
}
.rental-desc {
	height:60px;
	overflow:hidden;
	cursor:pointer;
	text-overflow:hidden;
    text-align: left;
}
.rental-desc,
.rental-desc * {
    box-sizing: border-box;
    max-width: 100% !important;
    width: auto !important;
    overflow-wrap: break-word;
    word-break: break-word;
}
.rental-image {
	height: 165px;
}
.img-rounded {
	max-height: 100%;
	max-width: 100%;
}
.caption h4 {
	/*height: 30px;*/
}
.spinner {
	width:40px !important;
}
.io a, .alert a {
	color:initial !important;
}
.io a.white {
	color:white !important;
	text-decoration:none !important;
}
.io a.black {
	color:#333 !important;
	text-decoration:none !important;
	font-weight:normal !important;
}
input,select,textarea {
	margin-bottom: 0 !important;
	padding:4px 6px !important;
	/*height: initial !important;*/
}
@media print  and (-webkit-min-device-pixel-ratio:0) {
	/*.row-fluid .span1 {
	    width: 7.5%;
	    float:left;
	}
	.row-fluid .span2 {
	    width: 14.5299%;
	    float:left;
	}
	.row-fluid .span5 {
	    width: 40.1709%;
	    float:left;
	}
	.row-fluid .span6 {
	    width: 48.7179%;
	    float:left;
	}*/
	.contractpage {
		#width: 1130px !important;
	}
	
}
@media screen and (min-width: 1201px) {
	.row-fluid [class*="span"]:nth-child(4n+1) {
		margin-left: 0;
		clear: both;
	}
}

@media screen and (min-width: 951px) and (max-width: 1200px) {
	/* remove clear from each ul to stop them from breaking into rows */
	ul.thumbnails::after {
	    clear: none;
	}
	
	ul.thumbnails li[class*="span"]{
	    width: 30%; 
	    float: left;
	}
	[class*="span"] .span3:nth-child(3n){
	    float: right; //float them all to the right
	}
	.row-fluid [class*="span"]:nth-child(3n+1) {
		margin-left: 0;
		clear: both;
	}
}


@media screen and (min-width: 631px) and (max-width: 950px) {
	ul.thumbnails::after {
	    clear: none;
	}
	ul.thumbnails li[class*="span"]{
	    width: 47%; 
	    float: left;
	}
	[class*="span"] .span3:nth-child(even){
	    float: right; /*float them all to the right*/
	}
	.row-fluid [class*="span"]:nth-child(2n+1){
	    margin-left: 0;
	    clear: both;
	}
}
@media screen and (max-width: 630px) {
	ul.thumbnails::after {
	    clear: none;
	}
	ul.thumbnails li[class*="span"]{
	    width: 100%; 
	    float: left;
	}
	[class*="span"] .span3:nth-child(1){
	    float: right; //float them all to the right
	}
}

@media (max-width: 767px) {
	body{	
		padding-left: 0px;
		padding-right: 0px;	
	}
	.container-fluid {	
			padding-left: 20px;
			padding-right: 20px;	
		}
    .io .items .span4{
        text-align:left !important;
    }
}

#pleaseWaitDialog {
    z-index:2000;
}