﻿/* Override */

.kbs-topbar #logo {
	background-color: transparent !important;
}

/* Fine Override */

/* Calendari */

.wl-absences-edit-dialog {
	width: 50%;
	max-height: 80%;
}

.wl-sales-edit-dialog {
	width: 50%;
	max-height: 80%;
}

.wl-trucksagenda-edit-dialog {
	width: 50%;
	max-height: 80%;
}

.wl-op-opportunities-calendar-tab {
	height: 800px;
}

.wl-op-opportunities-calendar-edit-dialog {
	width: 50%;
	max-height: 80%;
}

.wl-op-opportunities-calendar-filter-dialog {
	width: 50%;
	max-height: 80%;
}

/* Fine Calendari */

/* dot lista */

.wl-dot {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	display: inline-block;
}

.wl-mr05 {
	margin-right: 0.5rem;
}
/* fine dot lista*/
.kbs-filter-header-grid.md-accent {
	background-color: rgba(126,19,27,0.3) !important;
}

/* Liste dinamiche */
.wl-scrollable-area.wl-half-sized {
	max-height: 40vh;
	overflow-y: scroll; /* <-- here is what is important*/
}

/* Widget */
.link-logo:hover {
	opacity: 0.8;
	cursor: pointer;
}

.link-logo {
	margin: 10px;
	max-height: 80%;
	max-width: 80%;
	opacity: 1;
	cursor: pointer;
}

.link-logo-mini {
	margin: 10px;
	height: 45px;
	max-width: 60%;
	opacity: 1;
	cursor: pointer;
}

.widget-button-link {
	padding: 5px;
	cursor: pointer;
	border-radius: 3px 3px;
}
/* fine widget */

.LoginContentWal {
	width: 380px;
	padding: 3em 2em 2em 2em;
	background: transparent !important;
}

.LoginContentWal .loginSpacer {
	height: 40px;
	margin-top: 10px;
}

.LoginContentWal .fakeInput {
	height: 40px;
	margin-top: 10px;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.LoginContentWal .fakeInput input {
	height: 40px;
	border: 0px;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 5px;
}

.LoginContentWal button {
	margin-right: 0px !important;
	margin-left: 0px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
}

.LoginContentWal md-icon {
	font-size: 30px;
	color: #e3e8f2;
	margin: 5px;
}

.wl-forecasts-type-automatic {
	background-color: #fce903;
}

.wl-forecasts-type-current {
	background-color: #008000;
}

.wl-forecasts-type-manual {
	background-color: #fd3f92;
}

.wl-forecasts-details-newproject{
	background-color: lightskyblue;
}

.wl-forecasts-details-checkbox {
	border: 1px solid transparent;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wl-forecasts-details-totals {
	background-color: yellow;
	font-weight: bold;
}

.wl-forecasts-details-cell {
	text-align: center !important;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px !important
}

.wl-forecasts-details-sales {
	background-color: #f0f0f0;
}

.wl-forecasts-details-newproject .wl-forecasts-details-sales {
	background-color: #5cbffd;
}

table tbody tr:hover > .wl-forecasts-details-newproject,
table tbody tr:hover > .wl-forecasts-details-sales {
	background-color: rgb(220, 235, 245) !important;
}

table:not(.md-row-select).md-table td:nth-child(n+2):nth-last-child(n+2).md-cell.wl-forecasts-details-cell,
table:not(.md-row-select).md-table th:nth-child(n+2):nth-last-child(n+2).md-column.wl-forecasts-details-cell {
	padding: 5px !important
}

.md-cell md-input-container input.ng-dirty {
	color: red;
}

.wl-section-label {
	margin-left: 20px;
	margin-top: 20px;
	font-style: italic;
}

.wl-tile-container {
	min-height: 9rem;
	padding: 1rem 0.5rem;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.wl-tile-container .wl-tile {
	background: rgb(238, 238, 238);
	border-bottom: 0.5rem solid rgb(104, 108, 113);
	margin-bottom: -0.5rem;
	outline: none;
	cursor: pointer;
}

.wl-tile-container .wl-tile-red {
	background: red !important;
	color: white !important;
}

.wl-tile-container .wl-tile-red .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile-purple {
	background-color: #f400a1 !important;
	color: white !important;
}

.wl-tile-container .wl-tile-purple .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile-pink {
	background-color: #FB8B7F !important;
	color: white !important;
}

.wl-tile-container .wl-tile-pink .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile-fuchsia {
	background-color: #FF75C3 !important;
	color: white !important;
}

.wl-tile-container .wl-tile-fuchsia .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile-green {
	background-color: #3DC37E !important;
	color: white !important;
}

.wl-tile-container .wl-tile-green .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile-scarlet {
	background-color: #FF1901 !important;
	color: white !important;
}

.wl-tile-container .wl-tile-scarlet .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile-pinkred {
	background-color: #9B2B3B !important;
	color: white !important;
}

	.wl-tile-container .wl-tile-pinkred .wl-tile-icon {
		color: white;
	}

.wl-tile-container .wl-tile-tomato {
	background-color: #ff6347 !important;
	color: white !important;
}

.wl-tile-container .wl-tile-tomato .wl-tile-icon {
	color: white;
}
.wl-tile-container .wl-tile:hover {
	background: rgb(1,125,195) !important;
	border-bottom-color: rgb(1,70,110) !important;
}

.wl-tile-container .wl-tile .wl-tile-icon {
	height: 3.5rem;
	width: 3.5rem;
	font-size: 3.5rem;
	margin: 1.75rem 1.75rem 0.5rem 1.75rem;
}

.wl-tile-container .wl-tile:hover .wl-tile-icon {
	color: white;
}

.wl-tile-container .wl-tile .wl-tile-title {
	font-size: 0.9rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
	text-align: center;
}

.wl-tile-container .wl-tile:hover .wl-tile-title {
	color: white;
}

.wl-tile-container {
	min-width: calc(100% / 9) !important;
	max-width: calc(100% / 9) !important;
}

/* Tabelle personalizzate Webgate */
.wl-wg-pers-table-header {
	border-right: 1px solid #ddd;
	text-align: center !important;
	padding: 0px 0px 0px 0px !important;
}
.wl-wg-pers-table-header-sub {
	border-top: 1px solid #ddd;
}
.wl-wg-pers-table-cell {
	padding-left: 10px !important;
}
.wl-wg-pers-table-cell-enabled {
	background-color: #fac666;
}
.wl-wg-pers-table-footer {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding-left: 10px;
}

table:not(.md-row-select).md-table td:nth-child(n+2):nth-last-child(n+2).md-cell.wl-wg-pers-table-cell-enabled {
	padding-right: 5px !important;
} 
table:not(.md-row-select).md-table th:nth-child(n+2):nth-last-child(n+2).md-column.wl-wg-pers-table-header {
	padding-right: 0px !important;
}

.wl-availablecodes {
	/*text-align: center !important;*/
	border-right: rgba(0,0,0,0) solid 15px;
}

@media screen and (max-width: 599px) {
	.wl-tile-container {
		min-width: calc(100% / 1) !important;
		max-width: calc(100% / 1) !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	.wl-tile-container {
		min-width: calc(100% / 3) !important;
		max-width: calc(100% / 3) !important;
	}
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
	.wl-tile-container {
		min-width: calc(100% / 5) !important;
		max-width: calc(100% / 5) !important;
	}
}

@media screen and (min-width: 1080px) and (max-width: 1919px) {
	.wl-tile-container {
		min-width: calc(100% / 7) !important;
		max-width: calc(100% / 7) !important;
	}
}


@media screen and (max-width: 959px) {
	.wl-win-home-container {
		flex-direction: column !important;
	}
	#logo {
		width: 20%;
	}
	#logo-win {
		min-height: 50px !important;
	}
}

/* Documentation Requests */
.wl-doc-requests-revision-field-alert {
	color: red;
	font-weight: bold;
}

/* Barra caricamento */
md-progress-linear .md-container,
md-progress-linear .md-container .md-dashed,
md-progress-linear .md-container .md-bar {
	height: 10px;
}