@import url('base-styles.css');

/*********************************************************************
 * Global styles
 *********************************************************************/

.imgLogoXs {
	height:48px;
}
.imgLogo {
	height:48px;
}
#container {
	margin-bottom: 30px;
}
@media(min-width:768px) {
	.imgLogo {
		height:58px;
	}
	#container {
		margin-top: 14px;
	}
}

legend {
	color: white;
	background-color: #555555;
}

.fieldSpanned {
	white-space: inherit;
}

.wz-fieldset {
	background:#EEF2FA;
	border:1px solid #89A7E0;
	margin:0px 0px 12px !important;
	border-radius: 5px;
	padding: 12px;
}

/*********************************************************************
 * Bootstrap styles
 *********************************************************************/
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .checkbox {
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.navbar-nav {
	margin: 0;
}


.breadcrumb {
	border-radius: 0px;
}

.panel {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	border-width: 1px;
}

.panel-footer {
	border-top: 0px solid #ddd;
}

/*********************************************************************
 * Portal styles
 *********************************************************************/
#nav {
	margin: 5px 0;
}
a:hover {
	background-color: #5bc0de;
}
#logoTable {
	background:#dbdbdb;
	border-top:0px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	padding:3px;
}
#headerCellSpacerLeft {
	background-color: transparent;
}
#headerCellMiddle {
	background-color: transparent;
}
#headerMiddleLayout tr td {
	border-left: 0px solid #e7e7e7;
	border-right: 0px solid #e7e7e7;
}
.OperationDialogFloat {
	position:inherit;
	top:0px;
}
.OperationMenuFloat {
	position:inherit;
	background-color: #048E36;
	color: #fff;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	top: 47px;
}
.OperationMenuFloat a {
	font-size: .8em;
	color: #fff;
}
@media(min-width:768px) {
	.OperationMenuFloat a {
		font-size: 1em;
	}
}
.OperationMenuFloat.nav>li>a:hover, .OperationMenuFloat.nav>li>a:focus{
	color: #4d4d4d;
}
.OperationMenuFloat.nav>li>a {
	padding: 10px 10px;
}
.inspContent {
	margin-top: 0px;
	padding: 0px;
	border-top: solid 1px #e7e7e7;
	background-color: #FFFFFF;
}
.gContent {
	border: solid 1px #e7e7e7;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.menuOpPanel {
	border: solid 0px #e7e7e7;
}
.menuOpPanelInfo {
	font-size: 12px;
}
.lookupTable {
	border-top: 0px solid #e7e7e7;
}
.table {
	/*border-spacing: 0 1px;*/
}
.table>thead>tr>th {
	border-bottom: 1px solid #e7e7e7;
}
.table tr th:first-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.table tr td:first-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.table tr th:last-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.table tr td:last-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
table > tbody > tr > td {
	border-bottom: 0px;
}
form #inspector {
	background-color: #FFFFFF;
}
.filterTable {
	margin-top: 5px;
}
.tablePanel {
	background-color: #FFFFFF;
}
fieldset {
	background-color: #FDFDFD;
}
#SubmitArea {
	margin-bottom: 20px;
}
.fieldGroup td {
	padding: 4px 4px 4px 1px;
}
.workspaceDashboard {
	border: 0;
}
#Dashboard {
	margin-top: 0;
}
.dashlet {
	border:0px solid #e7e7e7;
}
.dashletTitle {
	text-align: left;
	text-decoration: none;
	font-size: 9px;
	background-color: ##DDDDDD;
	color: #444444;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	display:none;
}
#aPanel {
	margin-top: 8px;
}
div[id$='.WorkspacesDashlet'] {
	font-weight:bold;
	font-size:1.1em;
}
div[id$='.WorkspacesDashlet'] div {
	margin: 5px 0px;
}
div[id$='.WorkspacesDashlet'] div a{
	padding: 8px;
}
div[id$='.WorkspacesDashlet'] div a.hilite {
	color: #cc0000;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
div[id$='.WorkspacesDashlet'] div a.hilite:hover{
	background-color: #37bcf8;
}

.addon {
	width: 0px;
}

/*********************************************************************
 * Yui styles
 *********************************************************************/

/** inserire qui lo stile custom */

/*********************************************************************
 * Yui-ext styles
 *********************************************************************/

/** inserire qui lo stile custom */


/*********************************************************************
 * Bug fixing
 *********************************************************************/
@media (min-width: 1200px) {
	.col-lg-10 {
		width: 81.4%;
	}
}

.table-responsive {
	overflow-x: auto;
}


/**********************************************************************************
* Custom necessario per nested dropdown introdotti con bootstrap-essentials.min.css
***********************************************************************************/

html body:not(.bse-no-conflict) .panel .btn {
		margin-bottom: 0px;
}

.mycustom {
	overflow: visible;

}

@media(max-width:767px){
	.mycustom.dropdown-menu{
		max-height:inherit;
	}
	.mycustom.dropdown-menu .dropdown-submenu > .dropdown-menu {

		border-radius: 0;
		position: relative;
		left: 0;
		margin: 0;
		width: 100%;
		box-shadow: none;
		border: none;
		padding-left: 15px;
	}
}

/************************************************************************************
* Progress Arrows
*************************************************************************************/
@charset "UTF-8";
.multi-step {
	margin: 1em 0;
}

.multi-step-list {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	list-style-type: none;
	padding: 0;
}
.multi-step-list .multi-step-item:first-child {
	margin-left: 0;
}
.multi-step-list .multi-step-item:last-child {
	margin-right: 0;
}

.multi-step-item {
	position: relative;
	width: 100%;
	margin: 0 0.3333333333em;
	z-index: 2;
	border-radius: 0.2em;
}
@media only screen and (max-width: 786px) {
	.multi-step-item {
		margin: 0 0.3333333333em;
	}
}
.multi-step-item .item-title,
.multi-step-item .item-subtitle {
	position: relative;
	margin: 0;
	z-index: 2;
}
@media only screen and (max-width: 786px) {
	.multi-step-item .item-subtitle {
		display: none;
	}
}
.multi-step-item .item-title {
	color: #4285f4;
	font-weight: 600;
	margin: 0;
	text-align:center;
	vertical-align: middle;
}
.multi-step-item.active:hover {
	cursor: pointer;
}
.multi-step-item.current .item-title, .multi-step-item.current .item-subtitle {
	color: #fff;
}
.multi-step-item.active.current:hover .item-title, .multi-step-item.active.current:hover .item-subtitle {
	color: #4285f4;
}


.item-wrap {
	padding: 1em;
	position: relative;
	height: 100%;
}
.item-wrap:before, .item-wrap:after {
	position: absolute;
	left: 0;
	content: " ";
	width: 100%;
	height: 50.5%;
	z-index: 1;
	background-color: #eee;
}
.item-wrap:before {
	top: 0;
	transform: skew(20deg);
	border-radius: 0.2em 0.2em 0 0;
}
.item-wrap:after {
	bottom: 0;
	transform: skew(-20deg);
	border-radius: 0 0 0.2em 0.2em;
}

.current .item-wrap:before,
.current .item-wrap:after {
	background-color: #4285f4;
}

.active:hover .item-wrap:before,
.active:hover .item-wrap:after {
	background-color: #d8f1ff;
}

.multi-step-item.error .item-title,
.multi-step-item.error .item-subtitle {
	padding-right: 2em;
}

.multi-step-item:first-child .item-wrap,
.multi-step-item:last-child .item-wrap {
	width: 100%;
	border-radius: 0.2em;
}
.multi-step-item:first-child .item-wrap:before, .multi-step-item:first-child .item-wrap:after,
.multi-step-item:last-child .item-wrap:before,
.multi-step-item:last-child .item-wrap:after {
	width: 50%;
}

.multi-step-item:first-child .item-wrap {
	background: linear-gradient(to right, #eee 95%, transparent 5%);
}
.multi-step-item:first-child .item-wrap:before, .multi-step-item:first-child .item-wrap:after {
	left: 50%;
}

.active.multi-step-item:first-child:hover .item-wrap {
	background: linear-gradient(to right, #d8f1ff 95%, transparent 5%);
}

.current.multi-step-item:first-child .item-wrap {
	background: linear-gradient(to right, #4285f4 95%, transparent 5%);
}

.multi-step-item:last-child .item-wrap {
	background: linear-gradient(to left, #eee 95%, transparent 5%);
}
.multi-step-item:last-child .item-wrap:before, .multi-step-item:last-child .item-wrap:after {
	right: 50%;
}

.active.multi-step-item:last-child:hover .item-wrap {
	background: linear-gradient(to left, #d8f1ff 95%, transparent 5%);
}

.current.multi-step-item:last-child .item-wrap {
	background: linear-gradient(to left, #4285f4 95%, transparent 5%);
}