* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family:verdana;
		font-size: 14px;
	}

	@media (min-width:601px) {* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family:verdana;
		font-size: 14px;
	}}
	
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}	

	[class*="col-"] {
	  float: left;
	  padding: 15px;
	  border: 1px solid red;
	}	
	
	/* Style the buttons that are used to open and close the accordion panel */
	.accordion {
	  transition: 0.4s;
	}

	/* Style the accordion panel. Note: hidden by default */
	.panel {
	  display: none;
	}	
	
	.featureTitle {
		font-size: 14px!important;
		font-weight:bold;
	}

	.uiTaskTitle {
		font-size: 14px!important;
		font-weight:bold;
	}
	
	.iconLabel {
		font-size: 10px!important;
		font-weight:bold;
	}

	.widgetHeader {
		font-weight:bold;
		color:black;
		background:white;
	}

	.tableHeader {
	//  font-weight: bold;
	  background: lavender;
	  padding:.25em;
	}

	.tableRows {
		cursor:pointer;
	}
	
	.tableData {
	  padding: 1px 1px 1px 1px;
	  padding:.25em;
	  border-bottom:1px solid #ddd;
	  vertical-align:middle;
	}	

	.subTotal {
	  padding: 1px 1px 1px 1px;
	  background: #fafafa;
	  padding:.25em;
	  border-bottom:1px solid #ddd;
	  vertical-align:middle;
	}
	
	.links {
		cursor:pointer;
	}
	
	.textMessage {
		text-indent: 2px;
		padding: .5em;
	}

	.menu li {
	  padding: 8px;
	  margin-bottom: 7px;
	  background-color: #33b5e5;
	  color: #ffffff;
	  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	}

	.menu li:hover {
	  background-color: #0099cc;
	}	

	@media (min-width:601px){#ui_table {border-collapse:collapse;table-layout:fixed;box-sizing: border-box;overflow:auto;}}
	@media (max-width:600px){#ui_table {border-collapse:collapse;table-layout:fixed;overflow:auto;border:1px solid lightgray;padding:1em;}}
	@media (min-width:601px){#ui_table tr {border-bottom:0px solid #ddd;valign:top;padding:.3em;} #ui_table tr:last-child{border-bottom:0px solid #ddd} #ui_table tr td{valign:top;padding-bottom:.3em}}
	@media (max-width:600px){#ui_table tr {border-bottom:1px solid #ddd;padding:1em;} #ui_table tr:last-child{border-bottom:0px solid #ddd;padding:1em;}}
	
	
	.fieldContainer {width:5%}
	@media (max-width:601px){.fieldContainer{width:100%}
	}
	
	.spotRenderArea {overflow:auto;}
	@media (max-width:601px){.spotRenderArea{overflow:visible;}
	}
	
	.subTitle {padding-left: .1em;padding-top: .5em;padding-bottom: .2em;font-weight:bold;white-space: nowrap;border:0px solid lightgray;}
	@media (min-width:601px){.subTitle {padding-left: .1em;padding-top: .1em;padding-bottom: 1em;font-weight:bold;white-space: nowrap;border:0px solid lightgray;}}
	
	.fieldLable {
		padding:0.1em;font-size: 14px!important;text-indent: 2px;
		color:#333;
		border:none;
		box-sizing:border-box;border-radius:.25rem;
		height: 2rem;
		margin: .375rem .5rem .375rem 0;
		white-space: nowrap;
	}	
	@media (max-width:600px){.noBorderInputField{padding:12px;font-size: 16px!important;text-indent: 2px;width:100%;height: 3rem;border:0px solid lightgray;}}

	.inputField {padding: .1em;font-size: 14px!important;
		text-indent: 2px;
		border:.0625rem solid #dadce0;
		background-color:transparent;
		box-sizing:border-box;border-radius:.25rem;
		height: 2rem;
		margin: .375rem .5rem .375rem 0;
	}
	@media (max-width:600px){.inputField{width:100%;padding: 12px;font-size: 16px!important;text-indent: 2px;background-color:transparent;border:.0625rem solid #dadce0;box-sizing:border-box;border-radius:.25rem;height: 3rem;margin:.375rem .5rem .375rem 0;}}

	.dateInputField {padding: .1em;font-size: 14px!important;text-indent: 2px;
		text-indent: 2px;border:.0625rem solid #dadce0;background-color:transparent;
		box-sizing:border-box;border-radius:.25rem;
		height: 2rem;
		margin: .375rem .5rem .375rem 0;
	}	
	
	@media (max-width:600px){.dateInputField{padding:12px;font-size: 16px!important;height: 3rem;text-indent: 2px;width:100%;border:0px solid lightgray;margin: .375rem .5rem .375rem 0;}}

	.editable_textarea {width:100%;padding: .1em;font-size: 14px!important;
		text-indent: 2px;border:.0625rem solid #dadce0;background-color:transparent;
		box-sizing:border-box;border-radius:.25rem;
		margin: .375rem .5rem .375rem 0;
	}
	@media (max-width:600px){.editable_textarea{width:100%;padding: 12px;font-size: 16px!important;text-indent: 2px;width:100%;border:1px solid lightgray;}}
	
	.readonly_textarea {
		word-wrap: break-word;
		padding:0;
		color:#4a4a4a;
		font-size: 14px!important;text-indent: 2px;
		border:1px solid #F6F6F6;
		background-color:#F6F6F6;
		box-sizing:border-box;
		border-radius:.25rem;
		min-height: 2rem;
		margin: .375rem .5rem .375rem 0;
	}
	@media (max-width:600px){.readonly_textarea{padding:12px;font-size: 16px!important;text-indent: 2px;width:100%;border:0px solid lightgray;}}

	.noBorderInputField {
		word-wrap: break-word;
		padding:0;
		color:#4a4a4a;
		font-size: 14px!important;text-indent: 2px;
	//	border:none;
		box-sizing:border-box;
		border-radius:.25rem;
		height: 2rem;
	//	margin: .375rem .5rem .375rem 0;
		border:1px solid #e6e6e6;
	}
	@media (max-width:600px){.noBorderInputField{font-size: 16px!important;text-indent: 2px;width:100%;border:0px solid lightgray;}}
	
	.checkBoxInput{padding-left: .1em;font-size: 16px!important;text-indent: 2px;margin-bottom: 10px;width:100%;height:100%;padding-top: .1em;padding-bottom: .1em;;border:0px solid lightgray;}	
	@media (min-width:601px){.checkBoxInput {padding-left: .2em;font-size: 14px!important;text-indent: 2px;margin-bottom: 10px;padding-top: .1em;padding-bottom: .1em;border:0px solid lightgray;}}
	
	.confirmationMsg {word-wrap: break-word;padding:0;color:green;font-weight:bold;text-indent: 2px;border:none;background:transparent;outline:none;}
	
	.errorMsg {word-wrap: break-word;padding:0;color:red;font-weight:bold;text-indent: 2px;;border:none;background:transparent;outline:none;}

	.paragraphText {word-wrap: break-word;padding:0;text-indent: 2px;border:none;background:transparent;outline:none;}
	
	input[type=text]:disabled {
		background: transparent;
	}
	
	.mainTableTD {
		border:0px solid lightgray;
	}
	
	.dynatableCellIcon{
		width:25px;
		height:25px;
		cursor:pointer;
		border:1px solid transparent;
	}
	.dynatableCellIcon:hover{
		width:25px;
		height:25px;
		cursor:pointer;
		border:1px solid gray;
	}


	.wrapword{
		white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
		white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		white-space: pre-wrap;       /* css-3 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
		word-break: break-all;
		white-space: normal;
	}		

/*	.button {
		white-space: nowrap;background-color: #65a9d7;	color: white;padding: .5em;text-align: center;	text-decoration: none;display: inline-block;-webkit-appearance: none;
	} */
	
	.button {
		background-color: #ffffff;
		border: .0625rem solid #dadce0;
		border-radius: .25rem;
		color: #1a73e8;
		cursor: pointer;
		display: inline-block;
		font-family: inherit;
		font-size: .875rem;
		font-weight: 500;
		min-height: 2rem;
		margin: .375rem .5rem .375rem 0;
		min-width: 5.5rem;
		padding: 1em;
		position: relative;
		text-align: center;	
	}
	
	@media (max-width:601px){.button {width:100%;cursor: pointer;-webkit-appearance: none;}}   
	
	.button:enabled:hover {
		background: #28597a;
		color: #ccc;
		cursor: pointer;
	}
	
	.button:enabled:active {
		background: #1b435e;
		cursor: pointer;
	}
	
	.button:disabled {
		opacity: 0.5;
	}

	
	.headerButton {
		background-color: #ffffff;
		border: .0625rem solid #dadce0;
		border-radius: .25rem;
		color: orange;
		cursor: pointer;
		display: inline-block;
		font-family: inherit;
		font-size: .6rem;
		font-weight: 500;
		min-height: 1rem;
		margin-right: .3rem;
		min-width: 4rem;
		padding: .5em;
		position: relative;
		text-align: center;	
	}
	
	@media (max-width:601px){.headerButton {width:100%;cursor: pointer;-webkit-appearance: none;}}   
	
	.headerButton:enabled:hover {
		background: #28597a;
		color: #ccc;
		cursor: pointer;
	}
	
	.headerButton:enabled:active {
		background: #1b435e;
		cursor: pointer;
	}
	
	.headerButton:disabled {
		opacity: 0.5;
	}
	
	.inlineButton {	white-space: nowrap;background-color: #65a9d7;color: white;padding: .5em;text-align: center;	text-decoration: none;display: inline-block;cursor: pointer;-webkit-appearance: none;}

	.backbutton {
		white-space: nowrap;
		position: absolute;
		right:2em;
		background-color: gray;
		color: white;
		padding: .5em;
		text-align: center;
		text-decoration: none;
		display: inline-block;	
		cursor: pointer;
		-webkit-appearance: none;
	}
	
	/* Style the tab */
	.tab {
	  overflow: hidden;
	  border: 1px solid #ccc;
	  background-color: #f1f1f1;
	}

	/* Style the buttons inside the tab */
	.tab button {
	  background-color: inherit;
	  float: left;
	  border: none;
	  outline: none;
	  cursor: pointer;
	  padding: 1em;
	  transition: 0.3s;
	//  font-size: 17px;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
	  background-color: #ddd;
	}

	/* Create an active/current tablink class */
	.tab button.active {
	  background-color: #ccc;
	}	
	
	.floatDiv {
		float: left;
	}

	.floatRightDiv {
		float: right;
	}
	
	.spotCalenderDiv{
		top:0%;
		left:0%;
		width:100%;
		position: absolute;
		background: #cfecf0;
		z-index : 60;
		display:none;
		border:1px solid lightgray;
	}
	@media (min-width:601px){.spotCalenderDiv	{
		top:40%;
		left:40%;
		width:30%;
		position: absolute;
		background: #cfecf0;
		z-index : 60;
		display:none;
		border:1px solid lightgray;
	}}
	
	.navigationHeader{
		font-size:1.2em;padding:.5em;width:100%;positin:relative;background:#fafafa;color:navy;display:inline-block;
	}
		
	#pageBorderStyle {
		border: .0625rem solid #dadce0;
		border-radius: .25rem;
		margin: .375rem .5rem .375rem 0;
		padding:1em;
		z-index:1;
		width:100%;
		overflow-y:hidden;
		padding:1em;
		border-radius:.25rem;
	}
		
	#dekTopToolsDiv {
		width:100%;
		position: relative;
		background: #CDF;
		z-index : 1;
		visibility:visible;		
	}

	#loginUserDiv {
	//	top:95%;
		left:0%;
		bottom:0%;
		width:100%;
	//	height:5%;
		position: absolute;
		background: lightgray;
	//	border:1px solid #000;
		z-index : 1;
		visibility:visible;		
	}


	@media (max-width:600px) {#attachDocDiv {top:0%;left:0%;width:100%;height:100%;position:absolute;display:block;z-index:2;visibility:hidden;overflow: hidden;}}
	@media (min-width:601px) {#attachDocDiv {top:20%;left:30%;width:40%;position:absolute;display: block;z-index:2;visibility:hidden;overflow: hidden;}}
	
	@media (max-width:600px) {#commentsDiv {top:0%;left:0%;width:100%;height:100%;position:absolute;display:block;background:#cfecf0;z-index:2;visibility:hidden;overflow-y:scroll;}}
	@media (min-width:601px) {#commentsDiv {top:10%;left:50%;width:40%;height:80%;position:absolute;display:block;background:#cfecf0;z-index:2;visibility:hidden;overflow-y:scroll;}}
	
	#errorsDiv {
		top:20%;
		left:30%;
		width:40%;
		height:50%;
		position: absolute;
		display: block;
		background: white;
		border:1px solid #000;
		color:red;
		z-index : 50;
		visibility:hidden;
		overflow-y: scroll;
	}

	.alertDiv {
		top:30%;
		left:30%;
		width:40%;
		min-height:20%;
		max-height:40%;		
		position: absolute;
		display: block;
		background: #fafafa;
		border:1px solid gray;
		z-index : 50;
		word-wrap: break-word;
	}
	
	#help {
		top:10%;
		left:10%;
		width:60%;
		position: absolute;
		background: lightgray;
		border:2px solid #000;
		overflow:hidden;
		z-index : 1;
		visibility:hidden;
	}

	#bizcaseList {
		top:200px;
		left:20%;
		width:50%;
		position: absolute;
		background: #CDF;
		border:1px solid #000;
		z-index : 1;
		visibility:hidden;
	}
	
	.scroll-content {
		padding-bottom: 0 !important;
	}
	

.scroll-left {
 height:40px;	
 display:block;
 position:relative;
 background:black;
 color:white;
// border:1px solid orange;
}
.scroll-left p {
 position:absolute;
 width:100%;
 height:100%;
 margin:0;
 line-height:50px;
 font-size:16px;
 text-align:center;
 cursor:pointer;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 30s linear infinite;
 -webkit-animation: scroll-left 30s linear infinite;
 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}