.left									{ float: left; }

.right									{ float: right; }



.event table.ms-rtetoolbarmenu			{ width: 100%; }   /* set sharepoint editor width (IE) */

.event iframe.ms-rtelong				{ width: 100%; }   /* set sharepoint editor width (IE) */

.event .editor .ms-formdescription		{ display: none; }   /* sharepoint editor displays 'Click for help about adding HTML formatting.' message in Chrome instead of editor ribbon; to hide this message */

.event .datatable						{ overflow-x: auto; max-width: 870px; }

.event table.ms-rteTable-Data			{ display: table; }

.event .ms-rteTable-Data th a			{ color: #fff; }

.event .ddlCustom						{ margin: 0; }

.event .ddlCustom select 				{ background: transparent; margin-right: 50px; }



.event									{ box-sizing: border-box; padding: 30px 0; }

.event h2								{ margin: 0 0 20px 0; line-height: 1.2; padding: 0; }

.event article							{ margin-bottom: 30px; padding-bottom: 30px; }

.event p 								{ margin: 10px 0; padding: 0; }

.event input, .event label, .event select, .event textarea 			

										{ box-sizing: border-box; font-family: inherit; font-size: 1em; }

							

.event input[type=button], .event input[type=reset], .event input[type=submit]

										{ cursor: pointer; }																		

.event .input-disabled					{ background-color: #f8f8f8; color: #999; cursor: default; }



.event .listing, .event .details, .event .message

										{ padding: 0 20px; }

.event .instruction						{ margin-bottom: 30px; }										

.event .mandatory						{ color: red; }

.event .text-danger						{ color: red; }

.event .alert							{ color: red; }

.event .alert-danger					{ margin-bottom: 30px; }

.event .cancelled						{ color: red; margin: 10px 0; }

.event .reminder						{ font-weight: bold; }



.event .button, .event a.button, .event a.button:hover	{ background: #17478C; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; margin: 0.5em 0; padding: 0.5em; text-align: center; text-decoration: none; }

.event .label-wrapper					{ padding-left: 0; vertical-align: top; }

.event .item-wrapper					{ margin: 15px 0; }

.event .item-label						{ color: #000; display: inline-block; font-weight: normal; vertical-align: top; width: 30%; }

.event .item-value						{ display: inline-block; vertical-align: top; width: 69%; }

.event .ascending:after 				{ color: #fff; content: "\2191"; }

.event .descending:after 				{ color: #fff; content: "\2193"; }

.event .datetimepicker-input			{ cursor: pointer; }

.event .date-icon 						{ cursor: pointer; float: right; margin-right: 10px; margin-top: -25px; position: relative; z-index: 100; }

.event .attachment-input				{ float: left; width: 50%; }

.event .attachment-link					{ margin-bottom: 10px; }



.event .search							{ background: #f5f5f5; margin-bottom: 30px; padding: 20px; }

.event .search .form-header				{ font-weight: bold; padding: 10px 0; }

.event .search .form-group				{ display: inline-block; margin-right: 20px; padding: 5px 0; }

.event .search .label-wrapper			{ display: inline-block; width: auto; }

.event .search .control-wrapper			{ display: inline-block; width: auto; }

.event .search .control-wrapper .date	{ /*float: left; width: 50%;*/ }

	

.event.admin .search .form-header		{ margin: 10px 0; }

.event.admin .search .form-group		{ vertical-align: top; width: 47%; }

.event.admin .search .label-wrapper		{ width: 30%; }

.event.admin .search .control-wrapper	{ width: 66%; }

.event.admin .search .full-width		{ width: 100%; }

.event.admin .search .full-width .label-wrapper		

										{ width: 14%; }

.event.admin .search .full-width .control-wrapper		

										{ width: 81%; }



.event .listing .paging 				{ font-size: 0.95em; text-align: center; }

.event .listing .pagingOf 				{ font-style: italic; padding: 10px; }

.event .listing .pagingLink				{ background: #f5f5f5; padding: 15px; }

.event .listing .pagingLink a 			{ padding: 10px 15px; }

.event .listing .pagingLink span 		{ background: #17478C; border-radius: 5px; color: #fff; padding: 10px 15px; }



.event .form fieldset					{ background: #f5f5f5; border: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 20px; padding: 20px; }

.event .form legend						{ font-weight: bold; }

.event .form .form-group				{ display: block; margin-bottom: 20px; }

.event .form .label-wrapper				{ }

.event .form .control-wrapper			{ }

.event .form input[type=file]			{ margin-bottom: 10px; }

.event .form .remark 					{ color: #696969; font-style: italic; line-height:1.2; }



.event .details a.button				{ margin: 20px 5px 0 0; }



@media screen and (max-width: 768px){

	/*#ttsh-wrapper .ttsh-container		{ width: 100%; }*/

	.event .datatable					{ max-width: 85vw; }   /* in responsive mode, set div width to 85% of viewport width */

	.event .item-label					{ display: block; font-weight: bold; width:100%; }

	.event .item-value					{ display: block; width:100%; }

	

	.event .search .form-group			{ display: block; }

	.event .search .label-wrapper		{ display: block; }

	.event .search .control-wrapper		{ display: block; }

	.event .search .button-wrapper		{ margin-top: 10px; }



	.event.admin .search .form-group	{ width: auto; }

	.event.admin .search .label-wrapper	{ width: auto; }

	.event.admin .search .control-wrapper

										{ width: auto; }

	.event.admin .search .full-width .label-wrapper		

										{ width: auto; }

	.event.admin .search .full-width .control-wrapper		

										{ width: auto; }



	.event.admin .search .button-wrapper{ margin-top: 45px; }