@charset "UTF-8";

/*------------ GENERAL ------------ */
@import url('https://fonts.googleapis.com/css?family=Raleway');
@font-face {
    font-family: Raleway-Black;
    src:url(../font/Raleway-Black.ttf);
}

@font-face {
    font-family: Raleway-LightItalic;
    src:url(../font/Raleway-LightItalic.ttf);
}

@font-face {
    font-family: Raleway-ExtraBold;
    src:url(../font/Raleway-ExtraBold.ttf);
}

@font-face {
    font-family: Raleway-ExtraLightItalic;
    src:url(../font/Raleway-ExtraLightItalic.ttf);
}

@font-face {
    font-family: Raleway-BoldItalic;
    src:url(../font/Raleway-BoldItalic.ttf);
}

@font-face {
    font-family: Raleway-ExtraBoldItalic;
    src:url(../font/Raleway-ExtraBoldItalic.ttf);
}

@font-face {
    font-family: Raleway-ExtraLight;
    src:url(../font/Raleway-ExtraLight.ttf);
}

@font-face {
    font-family: Raleway-Bold;
    src:url(../font/Raleway-Bold.ttf);
}

@font-face {
    font-family: Raleway-Italic;
    src:url(../font/Raleway-Italic.ttf);
}

@font-face {
    font-family: Raleway-ThinItalic;
    src:url(../font/Raleway-ThinItalic.ttf);
}

@font-face {
    font-family: Raleway-SemiBoldItalic;
    src:url(../font/Raleway-SemiBoldItalic.ttf);
}

@font-face {
    font-family: Raleway-Medium;
    src:url(../font/Raleway-Medium.ttf);
}

@font-face {
    font-family: Raleway-Light;
    src:url(../font/Raleway-Light.ttf);
}

@font-face {
    font-family: Raleway-MediumItalic;
    src:url(../font/Raleway-MediumItalic.ttf);
}

@font-face {
    font-family: Raleway-SemiBold;
    src:url(../font/Raleway-SemiBold.ttf);
}

@font-face {
    font-family: Raleway-BlackItalic;
    src:url(../font/Raleway-BlackItalic.ttf);
}

@font-face {
    font-family: Raleway-Regular;
    src:url(../font/Raleway-Regular.ttf);
}

@font-face {
    font-family: Raleway-Thin;
    src:url(../font/Raleway-Thin.ttf);
}

b {
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

html {
	height: 100%;
  	box-sizing: border-box;
	background: linear-gradient(to bottom, #efefef, #ffffff);
}

::-moz-selection {
	color: #780032;
	background: #fff;
  }
  
::selection {
	color: #780032;
	background: #fff;
  }

body {
	font-family: Raleway-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	line-height: 20px;
	margin:0;
	color:#000;
	height: 100%;
}

a {
	text-decoration:none !important;
	color:#000;
}

a:hover {
	text-decoration:none !important;
	color:#780032;
}

#main-user {
	position: relative;
	padding: 20px 20px 100px 20px;
	width: 100%;
	min-height: 100vh;
	background-color:#fff;
	background-image: url(../img/application/background.jpg);
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: bottom;
}

#main-admin {
	position: relative;
	padding: 20px 20px 60px 20px;
	width: 100%;
	min-height: 100vh;
	background-color:#fff;
	background-image: url(../img/application/background.jpg);
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: bottom;
}

#container-page-user {
	width: 100%;
	max-width: 1600px;
	margin: auto;
	display: table;
	padding-top: 110px !important;
}

#container-page-admin {
	width: 100%;
	margin: auto;
	display: table;
	padding-top: 110px !important;
}

@media (max-height: 600px) {
	
	main {
		padding: 0px 60px 20px 60px !important;
	}

}

.container-title {
	width: 100%;
	text-align: center;
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 40px;
	margin-top: 0px;
	color: #000;
}

.container-subtitle {
	width: 100%;
	text-align: center;
	font-family: Raleway-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

.title-page {
	text-transform: uppercase;
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 40px;
	color: #000;
}

h4 {
	line-height: 26px;
}

@media (max-width: 768px) {
	
	main {
		padding: 20px 20px 80px 20px;
	}

}

@media (max-width: 600px) {

	main {
		padding: 80px 20px 80px 20px;
	}

	#container-page {
		padding-bottom: 80px;
	}

}





/*------------ WIZARD ------------ */
#smartwizard ul li {
	padding-bottom: 40px;
}

.sw-theme-default {
	background-color: transparent;
    border: none;
    box-shadow: none;
}

.sw-toolbar {
	background-color: transparent !important;
	border-bottom: none !important;
	padding-bottom: 20px;
}

.nav-tabs {
	border-bottom: none !important;
}

.btn {
	font-weight: lighter;
}

.btn-info {
    color: #fff !important;
    background-color: #780032 !important;
    border-color: #fff !important;
}

.btn-skip, .btn-search-all {
	color: #fff !important;
    background-color: #780032 !important;
    border-color: #780032 !important;
}

.btn-finish:hover {
	background-color: #544E4A !important;
	color: #FFF !important;
}

.disabled {
	color: #ccc !important;
	background-color: #efefef !important;
	border-color: #CCC !important;
}

.icon-disabled {
	opacity: 0.4;
}



/*------------ CONTAINER STEP WIZARD ------------ */
.form-step {
	display: inline-block;
	width: 100%;
}

.step-anchor {
	display: none;
}

.sw-theme-default .sw-toolbar-bottom {
	border-top: none;
}

.container-form {
	margin: auto;
	width: 100%;
	max-width: 1200px;
	padding: 40px;
}

.container-form-item {
	margin-top: 28px;
	margin-bottom: 20px;
}

.container-form-item label {
	font-weight: lighter;
}

.container-form-item input , .container-form-item select {
	font-weight: lighter;
}

.container-form-item textarea {
	font-weight: lighter;
	height: 100px;
}

.container-step hr {
	margin-top: 35px;
	margin-bottom: 30px;
}

.container-form-item label em {
	color: #780032;
	font-size: 18px;
}

.form-item {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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,-webkit-box-shadow ease-in-out .15s;
    -o-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;
}






/*------------ MESSAGE ------------ */
.general-error-box {
	width: 100%;
	background-color: #e6e6e6;
	border-left: 10px solid #D20000;
	/* box-shadow: 2px 4px 8px #bdbfca; */
	padding: 20px;
	margin-bottom: 20px;
	color: #D20000;
	display: none;
}

.general-error-box-bottom {
	margin-bottom: 0px;
	margin-top: 40px;
}

.form-error {
	width: 100%;
	background-color: #e6e6e6;
	border-left: 10px solid #D20000;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	color: #D20000 !important;
	text-transform: none !important;
	display: none;	
}

.container-messages {
	width: 100%;
	background-color: #e6e6e6;
	border-left: 10px solid #780032;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.container-messages-error {
	border-left: 10px solid #D20000 !important;
	color: #D20000 !important;
}

.message-export {
	color: #228b22 !important;
	border-color: #228b22 !important;
	display: none;
}





/*------------ PRINT RESULT ------------ */
.container-results-user {
	text-align: center;
	background-color: #ffffff;
	/* padding: 20px 40px 20px 40px !important; */
    position: relative;
    /* margin-top: 130px; */
    z-index: 1;
}

.container-results-admin {
	text-align: center;
	background-color: #ffffff;
	padding: 20px 0px 20px 0px !important;
    position: relative;
    z-index: 1;
}

.search-row {
	display: flex;
	align-items: center;
	width: 100% !important;
	height: auto;
	min-height: 40px;
	margin-bottom: 4px;
	padding-top: 10px;
	padding-bottom: 4px;
	font-size: 14px;
	line-height: 18px;
}

.search-row-desktop {
	display: inline-table;
}

.search-row-mobile {
	display: none;
}

.container-search-row-scroll {
	width:100%;
}

.search-row-head-scroll {
	display: none;
}

.search-row-scroll {
	width:100% !important;
	margin-bottom: 0px !important;
}

.search-row-head {
	margin-bottom: 20px;
	background-color: #780032;
	border: 1px solid #780032;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.search-row-head a:hover {
	color: #fff !important;
}

.search-row-even {
	background-color: #efefef;
	border-left: solid 4px #000;
}

.search-row-odd {
	background-color: #efefef;
	border-left: solid 4px #000;
}

.icon-search-option {
	width: 30px;
	height: 30px;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.icon-search-option-small {
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.pagination {
	width: 100%;
    text-align: center;
	margin-bottom: 0px;
}

.pagination ul li {
	list-style-type: none;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

.pagination ul li.pagination-active {
	font-size: 18px !important;
}

.pagination ul li.pagination-active a {
	color:#780032 !important;
}

.pagination ul li.prev, .pagination ul li.next {
	font-size: 12px !important;
}

.container-button-search-filter {
	display: inline-block;
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
}

.button-search-filter, .button-search-filter-reset {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	background-color: #FFF;
	cursor: pointer;
	box-shadow: 4px 4px 8px #BDBFCA;
	margin-left: 10px;
}

.icon-search-filter, .icon-search-filter-reset {
	width: 100%;
}

.container-search-filter {
	position: relative;
	width: 100%;
	background-color: #efefef;
	box-shadow: 4px 4px 8px #BDBFCA;
	margin-bottom: 30px;
	padding: 20px 40px 20px 40px;
	display: none;
}

.filter-box {
	width: 50%;
	float: left;
	min-height: 110px;
}

.box-empty {
	height: 100px;
	margin-bottom: 10px;
}

.filter-sx {
	padding-right: 10px;
}

.filter-dx {
	padding-left: 10px;
}

.btn-filter {
	margin-top: 20px;
}

.btn-close-timesheet, .btn-close-timecard {
	margin-bottom: 20px;
}

.search-col {
	float: left !important;
	text-align: center !important;
	padding-left: 6px;
	padding-right: 6px;
}

.search-col-left {
	text-align: left !important;
}

.search-col-right {
	text-align: right !important;
}


.search-row-head .search-col a {
	color: #FFF;
}

.search-row-head .search-col a:hover {
	color: #780032;
}

.search-col form {
	margin: 0;
}

.grid-box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    width: 100%;
	padding-bottom: 40px;
}

.grid-box {
    border: solid 1px #ccc;
    border-bottom: solid 4px #ccc;
    box-sizing: border-box;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.grid-box-image {
    width: 60%;
    height: auto;
    display: block;
	margin: auto;
}

.grid-box-text {
    font-family: Raleway-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px;
	padding-top: 20px;
}

@media (max-width: 1000px) {
    .grid-box-container {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 200px) {
    .grid-box-container {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

.planning-box-container {
	width: 100%;
	display: table;
	margin-bottom: 80px;
}

.planning-box-row {
	width: 100%;
	display: flex;
}

.planning-box {
	width: 33.33%;
    box-sizing: border-box;
	float: left;
	border: solid 1px #ccc;
	padding: 20px;
}

.planning-box-date {
	background-color: #780032;
	color: #FFF;
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#search-col-version-1 { width: 10%; }
#search-col-version-2 { width: 20%; }
#search-col-version-3 { width: 70%; }

#search-col-search-list-1 { width: 10%; }
#search-col-search-list-2 { width: 85%; }
#search-col-search-list-3 { width: 5%; }

#search-col-product-list-1 { width: 45%; }
#search-col-product-list-2 { width: 45%; }
#search-col-product-list-3 { width: 5%; }

#search-col-product-cart-list-1 { width: 40%; }
#search-col-product-cart-list-2 { width: 35%; }
#search-col-product-cart-list-3 { width: 15%; }
#search-col-product-cart-list-4 { width: 10%; }

#search-col-product-pending-list-1 { width: 40%; }
#search-col-product-pending-list-2 { width: 35%; }
#search-col-product-pending-list-3 { width: 15%; }
#search-col-product-pending-list-4 { width: 10%; }

#search-col-product-confirmed-list-1 { width: 40%; }
#search-col-product-confirmed-list-2 { width: 35%; }

#search-col-profile-list-1 { width: 95%; }
#search-col-profile-list-2 { width: 5%; }

#search-col-offer-list-1 { width: 95%; }
#search-col-offer-list-2 { width: 5%; }

#search-col-planning-list-1 { width: 85%; }
#search-col-planning-list-2 { width: 5%; }
#search-col-planning-list-3 { width: 5%; }
#search-col-planning-list-4 { width: 5%; }

#search-col-report-list-1 { width: 20%; }
#search-col-report-list-2 { width: 20%; }
#search-col-report-list-3 { width: 30%; }
#search-col-report-list-4 { width: 20%; }
#search-col-report-list-5 { width: 5%; }
#search-col-report-list-6 { width: 5%; }

#search-col-reportemployee-list-1 { width: 20%; }
#search-col-reportemployee-list-2 { width: 20%; }
#search-col-reportemployee-list-3 { width: 30%; }
#search-col-reportemployee-list-4 { width: 20%; }
#search-col-reportemployee-list-5 { width: 5%; }
#search-col-reportemployee-list-6 { width: 5%; }


@media (max-width: 600px) {
	
	.search-row {
		font-size: 14px;
		line-height: 18px;
	}
	
	.container-results {
		padding: 5px 5px 5px 5px !important;
	}
	
	.search-row-desktop {
		display: none;
	}

	.search-row-mobile {
		display: inline-table;
	}

	.search-col {
		padding-left: 10px;
		padding-right: 20px;
		padding-bottom: 6px;
	}

	/* .container-search-row-scroll {
		width: calc(100vw - 60px) !important;
		overflow-x: auto !important;
	} */

	.search-row-head-scroll {
		display: block;
		/* width: max-content !important; */
		margin-bottom: 0px !important;
		min-width: 354px;
	}
	
	.search-row-scroll {
		/* width: max-content !important; */
		margin-bottom: 0px !important;
		min-width: 354px;
	}

	#search-col-version-1 { width: 20%; }
	#search-col-version-2 { width: 80%; }
	#search-col-version-3 { width: 90%; padding-left: 5%; padding: 20px; }

	#search-col-search-list-1 { width: 20%; }
	#search-col-search-list-2 { width: 68%; }
	#search-col-search-list-3 { width: 10%; }

	#search-col-profile-list-1 { width: 88%; }
	#search-col-profile-list-2 { width: 10%; }

	#search-col-offer-list-1 { width: 88%; }
	#search-col-offer-list-2 { width: 10%; }

	#search-col-product-list-1 { width: 45%; }
	#search-col-product-list-2 { width: 40%; }
	#search-col-product-list-3 { width: 5%; }

	#search-col-product-cart-list-1 { width: 35%; }
	#search-col-product-cart-list-2 { width: 35%; }
	#search-col-product-cart-list-3 { width: 15%; }
	#search-col-product-cart-list-4 { width: 10%; }

	#search-col-product-pending-list-1 { width: 35%; }
	#search-col-product-pending-list-2 { width: 35%; }
	#search-col-product-pending-list-3 { width: 15%; }
	#search-col-product-pending-list-4 { width: 10%; }

	#search-col-product-confirmed-list-1 { width: 35%; }
	#search-col-product-confirmed-list-2 { width: 35%; }

	#search-col-planning-list-1 { width: 75%; }
	#search-col-planning-list-2 { width: 5%; }
	#search-col-planning-list-3 { width: 10%; }
	#search-col-planning-list-4 { width: 10%; }

	#search-col-report-list-1 { width: 20%; }
	#search-col-report-list-2 { width: 20%; }
	#search-col-report-list-3 { width: 30%; }
	#search-col-report-list-4 { width: 20%; }
	#search-col-report-list-5 { width: 5%; }
	#search-col-report-list-6 { width: 5%; }

	#search-col-reportemployee-list-1 { width: 20%; }
	#search-col-reportemployee-list-2 { width: 20%; }
	#search-col-reportemployee-list-3 { width: 30%; }
	#search-col-reportemployee-list-4 { width: 20%; }
	#search-col-reportemployee-list-5 { width: 5%; }
	#search-col-reportemployee-list-6 { width: 5%; }

}




/*------------ LOGIN ------------ */
.login-background {
	background-color: #ECECEC;
}

.login-main {
	padding: 60px 20px 20px 20px;
	width: 100%; 
	display: table;
	background-color: #ECECEC;
	color: #FFF;
	font-family: Raleway-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.login-form {
	background-color: #780032 !important;
	max-width: 400px;
	margin: auto;
	padding: 20px;
	box-shadow: 4px 4px 8px #BDBFCA;
}

.login-container-logo {
	width: 100%;
	max-width: 200px;
	margin: auto;
	margin-bottom: 40px;
}

.login-form label {
	color: #efefef;
	font-weight: lighter;
}

.btn-home {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	border-color: #bdbfca !important;
}

.btn-home:hover {
	background-color: #780032 !important;
	color: #fff !important;
}

.login-container-copyright {
	width: 100%;
	max-width: 400px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 40px;
	color: #000000;
	font-size:9px;
	line-height: 12px;
}

.login-container-copyright a {
	color: #000000;
}
.login-container-copyright a:hover {
	color: #780032;
}

.login-error {
	color: #D20000;
	margin-top: 20px;
	height: 20px;
}


.canvasjs-chart-credit {
	display: none !important;
}

.ui-icon-circle-triangle-w {
	background-image: url(../img/application/icon-arrow-left.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.ui-icon-circle-triangle-e {
	background-image: url(../img/application/icon-arrow-right.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

input[type="checkbox"] {
	max-width: 20px;
	box-shadow: none;
}

.link-disabled {
	pointer-events: none;
}

.icon-image-row {
	background-color: #fff;
	padding: 8px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-top: -4px;
}

.icon-image-row-list {
	background-color: #fff;
	padding: 8px;
	width: 120px !important;
	height: 120px !important;
	border-radius: 50%;
	margin-top: -4px;
}

.container-results-products {
	background-color: #efefef;
	padding: 10px !important;
}

.container-header-products {
	width: 100%;
	display:flex;
    align-items: flex-end;
	margin-top: 20px;
	margin-bottom: 20px;
}

.container-header-product-box {
	width: 50%;
	float: left;
	text-align: left;
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
}

.container-header-product-box img {
	width: 80px;
	height: 80px;
}

.input-find {
	/* background-color: rgba(255, 255, 255, 0.6); */
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #333;
	width: 50%;
	height: 30px;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	padding: 8px;
	max-width: 250px
}

.input-find::placeholder {
	color: #333;
	opacity: 1;
	font-size: 12px;
	text-align: center;
  }
  
  .input-find::-ms-input-placeholder { /* Edge 12 -18 */
	color: #333;
	opacity: 1;
	font-size: 12px;
	text-align: center;
  }

.container-offer-info {
	background-color: #efefef;
	padding: 20px;
	text-align: left;
}

.container-navigation-button {
	background-color: transparent !important;
	border: none !important;
	padding: 10px !important;
	margin: 0 !important;
}

.container-navigation-form {
	width: 300px;
}

.container-navigation-form input {
	width: 100%;
	margin-top: 8px;
}

#navigation-button-find img:hover {
	content: url(../img/application/button-find-hover.svg);
}

#navigation-button-bookmarks img:hover {
	content: url(../img/application/button-bookmarks-hover.svg);
}

#navigation-button-back img:hover {
	content: url(../img/application/button-back-hover.svg);
}

#navigation-button-cart-send img:hover {
	content: url(../img/application/button-cart-send-hover.svg);
}

#navigation-button-cart-empty img:hover {
	content: url(../img/application/button-cart-empty-hover.svg);
	cursor: pointer !important;
}

.icon-open {
	width: 20px !important;
	height: 20px !important;
}

#icon-open:hover {
	content: url(../img/application/icon-open-hover.svg);
}

#icon-cart:hover {
	content: url(../img/application/icon-cart-hover.svg);
}

#button-bookmarks img {
	cursor: pointer !important;
}

#button-bookmarks img:hover {
	content: url(../img/application/icon-bookmarks-hover.svg);
}

#icon-delete-bookmarks:hover {
	content: url(../img/application/icon-delete-hover.svg);
}

#icon-delete-cart:hover {
	content: url(../img/application/icon-delete-hover.svg);
}

#icon-delete-planning:hover {
	content: url(../img/application/icon-delete-hover.svg);
}

.icon-delete-planning-person {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.icon-add-planning-person {
	width: 14px !important;
	height: 14px !important;
	margin-right: 10px !important;
}

.row-note {
	background-color: #ccc;
	margin-bottom: 8px;
	width: 100%;
	text-align: left;
	padding: 2px;
	margin-top: 30px;
	font-size: 12px;
}

.row-person {
	background-color: #fff;
	margin-bottom: 8px;
	width: 100%;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.row-person-external {
	background-color: #fff;
	margin-bottom: 8px;
	width: 100%;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #780032;
}

.container-row-button {
	background-color: transparent !important;
	padding: 6px !important;
	margin: 0 !important;
	border: none !important;
}

.container-item-cart {
	text-align: left;
	padding: 10px;
}

label {
	font-family: Raleway-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media (max-width: 400px) {
	
	.container-navigation-button {
		padding: 6px !important;
	}

	.container-navigation-form {
		margin-left: 4px;
		margin-right: 4px;
	}

}

.marker-pending {
	width: 7px !important;
	height: 7px !important;
	background-color: #780032;
	margin-left: 100px;
	margin-top: -18px;
	border-radius: 50%;
	position: absolute;
}

.container-week-planning {
	width: 100%;
	min-width: 800px;
	overflow-x: scroll;
}

@media (max-width: 800px) {

	.container-week-planning {
		font-size: 11px;
		line-height: 14px;
	}

}

.week-summary-row {
	width: 100%;
	background-color: #efefef;
    display: flex;
	/* align-items: center; */
}

.week-summary-box {
    flex: 1;
	width: 16.66%;
	color: #333;
	padding: 10 20 10 20;
    box-sizing: border-box;
	border: solid 1px #fff;
}

.week-summary-box-date {
	background-color: #333;
	color: #FFF;
}

.week-summary-box-location {
	background-color: #780032;
	color: #FFF;
}

/* SELECT CON RICERCA */
.selectize-control {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.selectize-dropdown {
	border: none !important;
}

.selectize-dropdown-content {
	background-color: #ececec !important;
	border: solid 1px #ccc !important;
	border-radius: 10px !important;
}

.selectize-input input {
	width: calc(100% - 5px) !important;
	border: none !important;
	box-shadow: none !important;
}

.canvasjs-chart-credit {
	display: none !important;
}

#page-list {
	margin: 50px;
}

/* INIZIO SOLUZIONE PROBLEMA SELECT */
/* Base: allinea contenuto e impedisce “salti” di altezza */
.selectize-control .selectize-input {
  display: flex;
  align-items: center;
  min-height: 36px;           /* adatta alla tua UI */
  padding: 6px 8px;
  box-sizing: border-box;
}

/* SINGLE: resta su una riga */
.selectize-control.single .selectize-input {
  white-space: nowrap;
  overflow: hidden;
}

/* MULTI: consenti a pill di andare a capo */
.selectize-control.multi .selectize-input {
  flex-wrap: wrap;
}

/* Input interno: visibile, con larghezza reale (no width:0) */
.selectize-input > input {
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  width: auto !important;     /* fondamentale: evita il bug del width:0 */
  min-width: 2ch;             /* per vedere il caret e 1–2 caratteri */
}

/* Quando ci sono già elementi selezionati, mantieni l’input visibile */
.selectize-input.has-items > input {
  width: auto !important;
  min-width: 2ch;
}

/* (Opzionale) Accessibilità: indica focus senza spostare layout */
.selectize-input.focus {
  outline: 2px solid rgba(0,0,0,.15);
  outline-offset: 2px;
}
/* FINE SOLUZIONE PROBLEMA SELECT */