div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {


	margin: 0;


	padding: 0;


}





body {


	overflow: auto;


	margin: 0;


	padding: 0;	


}





table {


	border-collapse: collapse;


	border-spacing: 0;	


	/* width: 100%; */	


}





fieldset, img {


	border: 0;


}





address,caption,cite,code,dfn,em,strong,th,var,optgroup {


	font-style: inherit;


	font-weight: inherit;


}





del,ins {


	text-decoration: none;


}





li {


	list-style: none;


}





ol li {


	list-style-type: decimal;


	list-style-position: outside;


	margin: 5px 30px;


}





caption,th {


	text-align: left;


}





h1,h2,h3,h4,h5,h6 {


	font-size: 100%;


	font-weight: normal;


}





q:before,q:after {


	content: '';


}





abbr,acronym {


	border: 0;


	font-variant: normal;


}





sup {


	vertical-align: baseline;


}





sub {


	vertical-align: baseline;


}





legend {


	color: #000;


}





input,button,textarea,select,optgroup,option {


	font-family: inherit;


	font-size: inherit;


	font-style: inherit;


	font-weight: inherit;


}





input, button, textarea, select {


	font-size: 100%;


}





a {


	text-decoration: none;


	outline: none;


	font-weight: normal;


}





.border-none {


	border: 0 !important;


}





.border-top-none {


	border-top: 0 !important;	


}





.border-right-none {	


	border-right: 0 !important;	


}





.border-bottom-none {	


	border-bottom: 0 !important;	


}





.border-left-none {	


	border-left: 0 !important;	


}





.border-radius {


	border-radius: 3px;


	-moz-border-radius: 3px;


	-webkit-border-radius: 3px;		


}





.border-radius-left-only {


	border-bottom-right-radius: 0 !important;


	border-top-right-radius: 0 !important;		


}


.border-radius-right-only {


	border-bottom-left-radius: 0 !important;


	border-top-left-radius: 0 !important;		


}


.border-radius-top-only {


	border-bottom-left-radius: 0 !important;


	border-bottom-right-radius: 0 !important;		


}


.border-radius-bottom-only {


	border-top-left-radius: 0 !important;


	border-top-right-radius: 0 !important;		


}





.background-none {


	background: none !important


}





.clear {


	clear: both;


}





.display-inline-block {


	display: inline-block !important


}





.display-inline {


	display: inline !important


}





.display-block {


	display: block !important


}





.display-none {


	display: none !important


}





.fr {


	float: right !important;


}





.fl {


	float: left !important;


}





.align-left {


	text-align: left !important;


}





.align-center {


	text-align: center !important;


}





.align-right {


	text-align: right !important;


}





.pointer {


	cursor: pointer;


}





.pointer.active {


	cursor: initial;


}





.relative {


	position: relative;


}





.absolute {


	position: absolute;


}





.fixed {


	position: fixed;


}





.opacity {


	opacity: .25;


	filter: alpha(opacity=25);


}





.opacity:hover {


	opacity: 1;


	filter: alpha(opacity=100);		


}





.overflow {


	overflow: auto;


}





.margin0 {


	margin: 0 !important;	


}





.margin5 {


	margin: 5px !important;


}





.margin10 {


	margin: 10px !important;


}





.margin15 {


	margin: 15px !important;


}





.padding0 {


	padding: 0 !important;


}





.padding5 {


	padding: 5px !important;


}





.padding10 {


	padding: 10px !important;


}





.padding15 {


	padding: 15px !important;


}





.text-select-none {


	-webkit-touch-callout: none;


	-webkit-user-select: none;


	-khtml-user-select: none;


	-moz-user-select: none;


	-ms-user-select: none;


	user-select: none;	


}





.bold {


	font-weight: bold !important;


}




















/* Ajax Loading */


#ajaxLoading #loadingMask {


	position: absolute;


	z-index: 20020;


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;	


	background: transparent;


	filter: alpha(opacity=10);


	-moz-opacity: .1;


	-khtml-opacity: .1;


	opacity: .1;			


}





#ajaxLoading #loadingText {


	position: fixed;	


	z-index: 200020;


	background: #fff1a8;


	border: 1px solid #f0c36d;	


	padding: 2px 15px;


	top: 0;


	left: 50%;	


	font-size: 12px;


	font-weight: bold;	


}














/* Wicket */


div.wicket-modal div.w_content_container {


	position: inherit;	


}





div.modal-window {


	border-radius: 4px;


	padding: 0px;


	overflow: auto;


	border-width: 1px;


	border-style: solid;


}





.modal-window.modal-padded .w_content {


	padding: 10px;


}





.wicket-modal {


	color: #000;


	font-size: 12px;


}





.modalContent {


	padding: 0 0 10px 0px;


}


.wicket-aa {


	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;


	font-size: 12px;


	background-color: white;


	border-width: 2px;


	border-color: #cccccc;


	border-style: solid;


	padding: 5px;


	margin-top: 1px;


	text-align: left;


}











/* Bootstrap Add-on */


.form-control:focus {


  border-color: #cccccc;


  outline: 0;


  box-shadow: none;


}


.header-table {


	height: 34px;


	line-height: 34px;


	padding: 0 10px;


	background: #eeeeee;


	font-size: 12px;


	font-weight: bold;


	border-top-left-radius: 4px;


	border-top-right-radius: 4px;				


}





.header-table.header-table-condensed {


	height: 28px;


	line-height: 26px;			


}





.div-seperate {


	width: 100%;


}





.div-seperate div.seperate {


	width: 48%;	


}





.div-seperate div.seperate:first-child {


	float: left;


}





.div-seperate div.seperate:last-child {


	float: right;


}





legend.legend {


	font-size: 16px;


	line-height: 30px;	


}





legend.legend-sm {


	font-size: 14px;


	line-height: 22px;


}


.active i.glyphicon-bookmark {


	display: inline;


}














/**	


 *	Bootstrap overides 


 *	Button sizes 22 26 32 40


 */


/*  form {


 	color: #555555;


 } */


.well {


	margin: 0;


}


.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, 


.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {


	background: #dddddd;


}


.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {


	margin-left: -50%;


}





[class^="glyphicon-"], [class*=" glyphicon-"] {


	position: relative;


	top: -1px;


	display: inline-block;


	font-family: 'Glyphicons Halflings';


	font-style: normal;


	font-weight: 400;


	line-height: 1;


	-webkit-font-smoothing: antialiased;


	-moz-osx-font-smoothing: grayscale;


	


	vertical-align: middle;


	font-size: 13px;


}





.required-foot {


	font-size: 12px;


	color: inherit;


}


 


.required-foot .required,


.form-required .required {


	font-family: Helvetica, Arial !important;


	font-weight: 700;


	color: #DA5455 /* #428bca */ !important;


}





.badge-action {


	background-color: #555555;


	width: 100%;


}





.help i {


	margin: 5px; 


	font-size: 14px; 


	color: #555555;


	cursor: pointer;


}





.pagination {


	margin: 0;


}





.nav {


	margin: 0;


}





	.nav>li>a {


		text-decoration: none;


		min-width: 150px;


		padding: 10px;


		font-size: 14px;


		text-align: center;


		background-color: #f3f3f3;


		border-color: #dddddd;


		margin-right: 3px;


	}


	


	.nav-tabs>li>a {


		line-height: 14px;


	}





.dropdown-menu {


	min-width: 125px;


	padding: 5px 0; 


	margin: 1px 0 0 0;


	border-radius: 3px;


}


/* 	.dropdown-menu.dropdown-menu-right {


		right: -1px;


	} */


	.dropdown-menu.dropdown-mini {


		font-size: 11px;


		text-align: left;


	}


	


	.dropdown-menu>li>a {


		padding: 3px 15px;


		line-height: 15px;


	}





.dropdown-toggle i.caret {


	margin-left: 4px;


}





.btn-width {


	min-width: 80px;


}





.btn.btn-xs, a.btn-xs {


	padding: 2px 6px;


	font-size: 11px;


}


	.btn.btn-xs [class^="glyphicon-"], 


	.btn.btn-xs [class*=" glyphicon-"] {


		font-size: 12px;


	}





.btn.btn-sm, a.btn-sm {


	padding: 3px 10px;


}


	.btn.btn-sm, a.btn-sm,


	.btn.btn-sm [class^="glyphicon-"], 


	.btn.btn-sm [class*=" glyphicon-"] {


		font-size: 12px;


	}





.btn, a.btn{


	font-size: 13px;


}





.btn.btn-lg, a.btn-lg {


	padding: 7px 16px;


	font-size: 16px;


	line-height: 1.5;	


}


	.btn.btn-lg, a.btn-lg,


	.btn.btn-lg [class^="glyphicon-"], 


	.btn.btn-lg [class*=" glyphicon-"] {


		font-size: 16px;


		line-height: 1.5;	


	}





.input-xs {


	height: 22px;


	padding: 2px 5px;


	font-size: 11px;


	line-height: 1.5;


	border-radius: 3px;


}


select.input-xs {


	font-size: 11px;


	height: 22px;


}





.input-sm {


	font-size: 12px;


	height: 26px;


	padding: 4px 7px;


}


select.input-sm {


	font-size: 12px;


	height: 26px;


	padding: 3px;


}





.form-control:not([class*=" input-"]) {


	height: 32px;


	padding: 5px 12px;


	font-size: 13px;


	border-radius: 4px;


}





.form-control.no-focus:focus {


	border-color: #ccc !important;


	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);


	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);


	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;


	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;


}





input[readonly="readonly"].no-focus {


	cursor: default;


}





.input-lg {


	font-size: 16px;


	height: 40px;


	border-radius: 5px;


}


select.input-lg {


	font-size: 16px;


	height: 40px;


	border-radius: 5px;


}





.text-exists {


	min-width: 150px; 


	padding-left: 5px;


	padding-right: 5px;


	text-align: left;


}


	.text-exists span, .text-exists a {


		padding: 0 10px 0 8px;


		text-decoration: none;


		font-size: inherit;


		color: inherit;


		display: inline-block;


		text-align: left;


	}





h2 span {


	display: block;


}











.input-group-addon {


	font-size: 12px;


}





.form-horizontal .control-label,


.form-horizontal .form-control-static {


	padding-top: 4px;


	text-align: left;


}





.form-horizontal .form-group {


	margin-left: 0;


	margin-right: 0;


}





	.form-no-focus.form-control:focus {


		border-color: #cccccc;


		outline: 0;


		box-shadow: none;


	}





.form-control.invalid {


	background-color: #FFF4F4;


	border-color: #DF9898;


}





.form-horizontal .control-feedback {


	text-align: left;


	padding-top: 4px;


	font-size: 12px;


}





.form-horizontal .control-feedback.feedbacklabel.ERROR {


	color: #DA5455;


}





table {


	display: table;


	border-collapse: separate;


	border-spacing: 0;


}





.table-bordered>thead>tr>th, 


.table-bordered>tbody>tr>th, 


.table-bordered>tfoot>tr>th, 


.table-bordered>thead>tr>td, 


.table-bordered>tbody>tr>td, 


.table-bordered>tfoot>tr>td {


	border-left: 0;


	border-bottom: 0;	


}





.table-bordered>thead>tr>th:last-child, 


.table-bordered>tbody>tr>th:last-child,


.table-bordered>tfoot>tr>th:last-child,


.table-bordered>thead>tr>td:last-child,


.table-bordered>tbody>tr>td:last-child,


.table-bordered>tfoot>tr>td:last-child {


	border-right: 0;


}





.table-bordered.border-radius tr.headers>th:first-child {


	border-top-left-radius: 3px;


}





.table-bordered.border-radius tr.headers>th:last-child {


	border-top-right-radius: 3px;


}





.table thead th {


	font-family: 'OpenSansSemi', Arial, Helvetica;


	font-weight: bold;


}





.table thead td {


	font-weight: normal;


}





tr.headers th {


	background-color: #428bca;


	color: #FFFFFF;


	vertical-align: middle;	


}





.table>thead>tr>th, 


.table>tbody>tr>th, 


.table>tfoot>tr>th, 


.table>thead>tr>td, 


.table>tbody>tr>td, 


.table>tfoot>tr>td {


	vertical-align: middle;


}





table.table.table-bottom-radius,


table.table.table-bottom-radius thead:first-child tr:first-child>th:first-child, 


table.table.table-bottom-radius thead:first-child tr:first-child>th:last-child {


	border-top-left-radius: 0;


	border-top-right-radius: 0;			


}





.label {


	font-size: 12px;


	line-height: 18px;


	padding: 0 5px;


	display: inline-block;


	margin-bottom: 10px;


}














/* Message Type*/


.message {


    margin: 0;


    padding: 15px 20px;


    -moz-border-top-right-radius: 4px;


    -moz-border-bottom-right-radius: 4px;


    -webkit-border-top-right-radius: 4px;


    -webkit-border-bottom-right-radius: 4px;


    border-top-right-radius: 4px;


    border-bottom-right-radius: 4px; 


    border-left: 3px solid #666666;


    background-color: #f3f3f3;      


    color: inherit; 


}


.message legend {


	border-color: #999999;


	margin-bottom: 7px;


	font-size: 14px;


	line-height: 22px;


}


.message ol li


.message ul li  {


	text-indent: 10px;


}


.message.alert-danger, 


.message.alert-error {


    background-color: #FFE7E7;


    border-color: #a94442;


}


	.message.alert-danger legend, 


	.message.alert-error legend {


	    border-color: #DF9898;	


	    color: #a94442;


	}





.message.alert-info {


    background-color: #E0EFFF;


    border-color: #31708f;	


}


	.message.alert-info legend {


	    border-color: #9EB6D4;	


	    color: #31708f;


	}	





.message.alert-warning {


    background-color: #FFFFDD;


    border-color: #9B7808;	


}


	.message.alert-warning legend {


		border-color: #F7DF92;


		color: #9B7808;


	}





.message.alert-success {


    background-color: #DDFADE;


    border-color: #3c763d;	


}


	.message.alert-success legend {


	    border-color: #9EC49F;


		color: #3c763d;


	}


	


.message a:not(.btn) {


	text-decoration: underline;


}


.wsFeedback.alert {


	overflow: auto;	


	margin: 0 10px;


	text-align: left;


}














/* Alert Type*/


.alert {


	text-shadow: none;


	margin: 0px;


	padding: 6px 10px;


    -moz-border-radius: 3px; 


    -webkit-border-radius: 3px;


    border-radius: 3px; 	


	background-color: #F3F3F3;


	border-color: #bbbbbb;	


}





.alert.alert-danger, 


.alert.alert-error {


    background-color: #FFE7E7;


    border-color: #DF9898;	


}





.alert.alert-info {


    background-color: #E0EFFF;


    border-color: #9EB6D4;	


}





.alert.alert-warning {


    background-color: #FFFFDD;


    border-color: #F7DF92;	


    color: #9B7808;


}





.alert.alert-success {


    background-color: #DDFADE;


    border-color: #9EC49F;	


}





.alert a {


	color: inherit;


	text-decoration: underline;


}





.alert legend {


	color: inherit;


	border-color: inherit;


}





.alert .close {


	position: relative;


	top: 0px;


	right: -3px;


	font-family: Arial, Helverica;


	line-height: 16px;


}





.feedbackPanel .alert-error,


.feedbackPanel .alert-danger,


.feedbackPanel .alert-info,


.feedbackPanel .alert-warning,


.feedbackPanel .alert-success {


	border: none;


	background: none;


}














/* Filter */


.filter {


	position: absolute;


	top: 0;


	right: 0;


	z-index: 100;


}


	.filter>div{


		margin-left: 5px;


	}














.close:hover, .close:focus {


	opacity: 0.8;


}














/** JQ Plot overrides */


table.jqplot-table-legend {


	border-collapse: initial;


	border-spacing: 2px;


	width: initial;


}





table.jqplot-table-legend, 


table.jqplot-cursor-legend {


	border: 0;


}





div.jqplot-table-legend-swatch-outline {


	border: 0;


}














/* Edit Action */		


.zone {


	position: relative;


}











/** Images */


.document {


	height: 100%;


	background-position: center center;


	background-repeat: no-repeat;	


	background-image: url('./images/document-xs.png');


}


/* App Logos */


.dxc-logo {


	width: 210px;


	height: 27px;	


	background-image: url(./images/logo/dxc-logo.png);


	background-repeat: no-repeat;	


}





.ptp-logo {


	width: 102px;


	height: 30px;	


	background-image: url(./images/logo/ptp-logo.png);


	background-repeat: no-repeat;	


}





#logo h1 { /* Header (this should actually be in wsadmin.css) */


	width: 214px;


	height: 53px;


	background-image: url(./images/logo/ws-logo.png);


	background-repeat: no-repeat;


}























/* Resource */


.flashResourceMask {


	position: absolute; 


	left: 0; 


	top:0; 


	z-index: 99; 


	width: 100%; 


	height: 100%;


}





.resourcesContainer {


	padding: 5px;


	min-height: 415px;


}





.resourcesContainer .pointer.active {


	cursor: pointer;


}





.modal-window .resourcesContainer .filter {


	right: 95px;


}


	.resourcesContainer .filter .btn-group span {


		width: 91px;


	}	


	


	.resourcesContainer [class^="alert-"] .properties, 


	.resourcesContainer [class*=" alert-"] .properties {


		background-color: inherit;


	}





.resource-box {


	width: 181px;


	height: 190px;


	border-radius: 3px;


	border: 1px solid #dddddd;


	display: inline-block;


	position: relative;


	float: left;


	margin: 7px;


	padding: 4px;


}





	.resource-box.active,


	.table>tbody>tr.active>td  {


		background: #C6E4F3;


		border: 1px solid #A3CFE5;


		cursor: initial;


		font-weight: normal;		


	}


	.table>tbody>tr.active>td {


		color: #000000;


	}





	i.glyphicon-bookmark {


		display: none;


	}


	


	.resource-box.active i.glyphicon-bookmark {


		position: absolute;


		top: 4px;


		left: 2px;


		display: block;


		z-index: 1;


		color: #666666;


		font-size: 12px;


	}


	


	.resource-list.active i.glyphicon-bookmark {


		display: inline-block;


	}


	 


	.resource-box .image-container {


		height: 143px;


		line-height: 143px;


		position: relative;


		background-color: #ffffff;


		overflow: hidden;


		text-align: center;


		margin-bottom: 5px;


	}


		.resource-box .image-container.document {


			background-repeat: no-repeat;


			background-position: center center;		


		}		


		.resource-box .image-container img {


			width: 100%;


			vertical-align: middle;


			border: 0;


		}


	


	.resource-box .properties {


		height: 32px;


		width: 100%;


		background-color: #f1f1f1;


	}


		.resource-box .properties .sectionLeft {


			float: left;


			width: 67%;


			height: 18px; 


			padding: 2px 5px 0 5px;


			overflow: hidden;


		}	


			.resource-box .sectionLeft .filename {


				overflow: hidden;


				font-size: 11px;


				font-weight: bold;


				height: 15px;


				color: #333333;					


			}				


						


		.resource-box .properties .action {


			width: 11%;


			float: right;


			height: 18px;


			text-align: center; 


		}


			.resource-box .properties .action i {


				color: #555555;


				font-size: 11px;


			}			


			.resource-box .properties .action i:hover {


				color: initial;


			}			


		


		.resource-box .properties .updatedate {


			width: 65%; 


			padding-left: 5px;


		}


		.resource-box .properties .filesize {


			width: 35%; 


			padding-right: 5px;


		} 		


		.resource-box .properties .updatedate,


		.resource-box .properties .filesize {


			height: 14px;


			font-size: 10px;


			float: left; 					


			color: #666666;					


		}


		


.resource-list .image-container {


	width: 125px;				


	height: 90px;


	


	position: absolute;


	top: -1px;


	left: 50px;	


	z-index: 100;				


	overflow: hidden;


	padding: 3px;


	border: 1px solid #ddd;


	background-color: #fafafa;


	text-align: center;


}


	.resource-list .image-container.document {


		background-repeat: no-repeat;


		background-position: top center;		


	}			


	.resource-list .image-container img {


		width: 100%;


		vertical-align: middle;


		border: 0;


	}


	


.resource-edit {


	padding-top: 25px;


	overflow: auto;


}


	.resource-edit li {


		margin: 10px 0;


	}


	


	.resource-edit .download {


		position: absolute;


		top: 0px;


		right: 15px;


		border-top-left-radius: 0;


		border-bottom-right-radius: 0;


		border-color: #e5e5e5;	


	}


	


	.resource-edit .image-container {


		width: 100%;


		height: 275px;


		line-height: 275px;


		position: relative;


		overflow: hidden;


		text-align: center;


		padding: 5px;


		border: 1px solid #e5e5e5;


	}


		.resource-edit .image-container.document {


			background-repeat: no-repeat;


			background-position: center center;		


		}		


		.resource-edit .image-container img {


			width: 100%;


			vertical-align: middle;


			border: 0;


		}