.container-round{
		background-color:#fff;
		border-radius:4px;
		margin-top:16px;
		margin-bottom:16px;
		padding-top:10px;
		padding-bottom:10px;
		border:2px solid #ccc !important;
		
	}
	.row-form{
		margin:5px !important;
		border-bottom:1px solid #ddd;
	}
	.row-form:hover{
		background-color:#eee;
	}
	.row-button{
		padding-top:5px;
	}
	.row-rounded{
		margin-top:8px !important;
		margin-bottom:8px !important;
		border: 1px solid #ccc !important;
		border-radius: 4px;
	}
	
	.required{
		border:2px solid red;
	}
	@media only screen and (max-width: 799px) {
		.input-75, .input-66{
			display:inline;
			width:95%;
			margin-right:8px;
		}
		.input-50,.input-33,.input-25,.input-20,.input-10{
			display:inline;
			width:95% !important;
			margin-right:8px;
		}

	}
	
	@media only screen and (min-width: 800px) {
		body{
			padding-left: 10px;
			padding-right:10px;
			font-size:13px;
		}
		.form-control{
			font-size:13px;
		}
		.container{
			width:90% !important;
			max-width:1600 !important;
			padding-top:0px !important;
		}
		.container-wide{
			width:90%;
			max-width:1500px;
			margin:auto;
		}
		.row{
			padding:6px 0px;
			margin-top:0px !important;
			margin-bottom:0px;
		}
		.row-required{
			border:1px solid red !important;
		}
		.row-no-padding{
			padding-top:0px !important;
		}
		.row-header{
			padding-top:8px !important;
			padding-bottom:8px !important;
			font-size:15px;
			font-weight:bold;
		}
		.row-data{
			padding-left:8px !important;
		}
		
		.row-data:hover{
			padding-left:0px !important;
			padding-left:8px !important;
			oldbg: solid blue !important;
			background-color:#ddd;
			
		}
		.row-active{
			padding-left:0px !important;
			border-left: 8px solid #28a745 !important;
		}
		.row-urgent{
			padding-left:0px !important;
			border-left: 15px solid orange !important;
		}		
		.row-deleted{
			padding-left:0px !important;
			border-left: 10px solid #cc0000 !important;
		}		
		.row-closed{
			background-color:#ddd;
			padding-left:0px !important;
			border-left: 10px solid #cc0000 !important;
		}		
		.row-title{
			
			padding-top:15px !important;
			padding-bottom:15px !important;
			dborder-top:2px solid black;
			dborder-bottom:2px solid black;
			font-size:18pt;
			font-weight:bold;
			ddbackground-color: rgba(100, 100, 100, 0.2);
		}
		
		
		.col-label{
			font-weight:bold !important;
		}
		
		.input-75{
			display:inline;
			max-width:70%;
			margin-right:8px;
		}
		.input-66{
			display:inline;
			max-width:60%;
			margin-right:8px;
		}
		.input-50{
			display:inline;
			max-width:45%;
			margin-right:16px;
		}
		.input-33{
			display:inline;
			max-width:30%;
			width:250px;
			margin-right:8px;
		}
		.input-25{
			display:inline;
			width:20%;
			margin-right:8px;
		}
		.input-20{
			display:inline;
			width:18%;
			min-width:40px;
			margin-right:8px;
		}
		.input-10{
			display:inline;
			width:100px !Important;
			margin-right:8px;
		}
		.input-state{
			display:inline;
			width:50px;
			margin-right:8px;
		}
		.input-date{
			display:inline;
			width:140px;
			margin-right:8px;
		}
		.input-zip{
			display:inline;
			width:120px;
			margin-right:8px;
		}
		.input-ajax{
			border:2px solid green !important;
		}
		
		.button-row{
			margin:25px 0px;
		}
		
		.margin-bottom-12 {
			margin-bottom:12px;
		}
		
		::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			color: #ddd !important;
			opacity: 1; /* Firefox */
		}

		:-ms-input-placeholder { /* Internet Explorer 10-11 */
			color: #ddd !important;
		}

		::-ms-input-placeholder { /* Microsoft Edge */
			color: #ddd !important;
		}
		
		.alert{
			margin-top:15px;
		}
		
		
		
		@media(max-width: 600px){
			.input-50{
				display:block;
			}
		}
		.btn-tiny{
			font-size:9pt;
			padding:4pt;
			margin-left:10px;
		}
		.header-row{
			margin-top:25px;
			font-weight:bold !important;
			border-bottom:1px solid black;
		}
		h2{
			margin-top:25px;
			text-align:center;
		}
		#topBar{
			background-color:#000;
			padding:5px;
			color:#fff;
			font-weight:bold;
		}
		
		.ui-autocomplete-loading {
			background: white url("./images/ui-anim_basic_16x16.gif") right center no-repeat;
		}
		.dark-bg{
			/*background-color:rgba(230,230,230,0.3) !important;*/
			background-color:#eee !important;
			color:#000;
		}
		.dark-bg:hover{
			background-color:#eee !important;
			color:#000;
		}
		.light-bg{
			background-color:#fff !important;
			color:#000;
		}
		.light-bg:hover{
			background-color:#fff !important;
			color:#000;
		}
		
		
		div.spacer{
			height:15px;
		}
		
		.ticket-row{
			margin-top:5px !important;
		}
		
		.highlight-blue{
			border-left: 3px solid blue;
			background-color:#eee;
		}
		.highlight-red{
			border-left: 3px solid red;
		}
	
		/* The Modal (background) */
		#modalForm {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 1; /* Sit on top */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}
		.modal-dialog{
			min-width:75% important;
		}
		
		/* Modal Content/Box */
		.modal-content {
		  background-color: #fefefe;
		  margin: 5% auto; /* 15% from the top and centered */
		  padding: 20px;
		  border: 1px solid #888;
		  width: 100%; /* Could be more or less, depending on screen size */
		}

		/* The Close Button */
		.close {
		  color: #000;
		  float: right;
		  font-size: 28px;
		  font-weight: bold;
		}

		.close:hover,.close:focus {
		  color: black;
		  text-decoration: none;
		  cursor: pointer;
		} 
	

		.ui-widget{  
			font-size: 1em;  
		} 
		
		.ui-menu .ui-menu-item a { 
			line-height: 1.0; 
		}	
		
		.table-form th{
			width:50%; 
			text-align:right;
		}
			
		.table-form td{
			width:50%; 
			text-align:left;
		}
		
		
		/* defined colors */
		.bg-lightgrey, .lightgrey{
			background-color:#ddd;
		}
		.bg-darkgrey, .darkgrey{
			background-color:#ccc;
		}
		
		.nav-link{
			color:#fff !important;
			margin-left:15px !important;
			font-weight:bold;
		}
		
		/*
		.bg-primary, .btn-primary{
			background-color:#ccc !important;
			border-color: #000 !important;
			color: #000 !important;
		}
		.btn-primary:hover{
			background-color:#ddd !important;
		}
		*/
	}
	@media print {
		.no-print, .no-print * {
			display: none !important;
		};
		.btn.btn-tiny.btn-danger, .btn *{
			display: none !important;
		}
	}