@charset "utf-8";

body {
	/* font-family: 'Montserrat', sans-serif; */
	font-size:14px;
}

.titoloVista {
	color:#839f57;
}
.titoloVistaIndex {
	color:#f9791c;
}

.dataTables_scroll {
	padding-top:10px;
}

.divHome {
	clear:both; 
	text-align:justify; 
	margin:120px 200px; 
	width:45%; 
	height:220px; 
	border:solid 1px #AAA;
	padding:30px; 
	background: rgba(0, 0, 0, 0) linear-gradient(#eeefef, #ffffff 30%) repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 1) inset, 0 -3px 30px rgba(0, 0, 0, 0.2) inset;
}

.divFormLogin {
	float:right; 
	margin-left:20px;
}

.form-login {
    background: rgba(0, 0, 0, 0) linear-gradient(#eeefef, #ffffff 10%) repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 1) inset, 0 -3px 2px rgba(0, 0, 0, 0.25) inset;
    padding: 10px;
    position: relative;
    width: 280px;
	height:150px;
}
.form-login .field {
    position: relative;
}
.form-login .field i {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
    color: #777777;
    height: 36px;
    left: 0;
    line-height: 42px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 36px;
}
.form-login input[type="text"], .form-login input[type="password"] {
    background: #fcfcfc none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 3px 2px rgba(0, 0, 0, 0.1) inset;
    color: #777;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 18px 10px 45px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: color 0.3s ease-out 0s;
    width: 100%;
}

.form-login input[type="text"].campoNonValorizzato, .form-login input[type="password"].campoNonValorizzato {
    background: #fcfcfc none repeat scroll 0 0;
    border: medium none #e1e8ed;
    border-radius: 3px;
    box-shadow: 0 0 5px #FFAEAE inset, 0 3px 2px #FFAEAE inset;
    color: #777;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 18px 10px 45px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: color 0.3s ease-out 0s;
    width: 100%;
}

.campoNonValorizzato::-webkit-input-placeholder {
   color: #F80000;
}

.campoNonValorizzato:-moz-placeholder { /* Firefox 18- */
   color: #F80000; 
}

.campoNonValorizzato::-moz-placeholder {  /* Firefox 19+ */
   color: #F80000; 
}

.campoNonValorizzato:-ms-input-placeholder {  
   color: #F80000; 
}


.form-login input[type="text"] {
    margin-bottom: 10px;
}
.form-login input[type="text"]:hover ~ i, .form-login input[type="password"]:hover ~ i {
    color: #59B7E3;
}
.form-login input[type="text"]:focus ~ i, .form-login input[type="password"]:focus ~ i {
    color: #2e6e9e;
}
.form-login input[type="text"]:focus, .form-login input[type="password"]:focus, .form-login button[type="submit"]:focus {
    outline: medium none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
.form-login .submit {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1), 0 -3px 2px rgba(0, 0, 0, 0.2) inset;
    height: 65px;
    padding: 10px;
    position: absolute;
    right: -25px;
    top: 17px;
    width: 65px;
    z-index: 2;
}
.form-login .submit::after {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 62px white, -32px 31px white;
    content: "";
    height: 10px;
    left: 30px;
    position: absolute;
    top: -2px;
    width: 10px;
}
.form-login button {
    background: rgba(0, 0, 0, 0) linear-gradient(#59B7E3, #2e6e9e) repeat scroll 0 0;
    border: medium none;
    border-radius: inherit;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.35), 0 3px 2px rgba(255, 255, 255, 0.2) inset, 0 -3px 2px rgba(0, 0, 0, 0.1) inset;
    color: white;
    cursor: pointer;
    font-size: 1.4em;
    height: 100%;
    line-height: 1.75;
    margin-top: -1px;
    width: 100%;
}
.form-login button:hover, .form-login button[type="submit"]:focus {
    background: #59B7E3 none repeat scroll 0 0;
    transition: all 0.3s ease-out 0s;
}
.form-login button:active {
    background: #2e6e9e none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 3px 4px rgba(0, 0, 0, 0.3) inset;
}

/*:not(.autocomplete-combobox-toggle) .ui-state-hover {
	color:#FFF !important;
	border-top:1px solid #000 !important;
	border-left:1px solid #000 !important;
}*/

.txtCreatore {
	font-size: 12px; color:#666;
	/*font-family:Verdana, Geneva, sans-serif;*/
}

.errorSmall { 
	color: #F80000;
	text-align: center;
	font-size:12px;
}

.linkRosso {
	color:#860000;
}

.aLink {text-decoration: none; color:#276089}
.aLink A:link {text-decoration: none; color:#276089;}
.aLink A:visited {text-decoration: none; color:#276089;}
.aLink A:hover {text-decoration:none; font-weight:bold; color:#276089; }

.linkTitolo {text-decoration: none; color:#FFF}
.linkTitolo A:link {text-decoration: none; color:#FFF;}
.linkTitolo A:visited {text-decoration: none; color:#FFF;}
.linkTitolo A:hover {text-decoration:none; color:#FFF; }

.txtTop { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color: #FFF;}
.txtTop A:link { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color:#FFF;}
.txtTop A:visited { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color:#FFF;}
.txtTop A:hover { font-family: Verdana, Tahoma, Arial; text-decoration:underline; font-size: 11px; }

.credits { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color: #999;}
.credits A:link { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color:#999;}
.credits A:visited { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color:#999;}
.credits A:hover { font-family: Verdana, Tahoma, Arial; text-decoration:underline; font-size: 11px; }

.creditsIndex { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color: #EEE;}
.creditsIndex A:link { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color:#EEE;}
.creditsIndex A:visited { font-family: Verdana, Tahoma, Arial; text-decoration: none; font-size: 11px; color:#EEE;}
.creditsIndex A:hover { font-family: Verdana, Tahoma, Arial; text-decoration:underline; font-size: 11px; }

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Fatto";
    padding-left: 10px;
    background-color: #1EBD3E; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Da fare";
    padding-right: 10px;
    background-color: #B81414; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 26px; margin: -3px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 66px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.campoNonValorizzato {
    border: 1px solid #d70000 !important;
	box-shadow: 0 0 0 .25rem rgba(215, 0, 0, 0.3) !important;
}

.form-check, .form-check-input {
    float: inherit !important;
    margin-left: 0 !important;
}

.ui-menu .ui-menu-item {
	font-size:14px !important;
}

#calendar-container {
    position: fixed;
    top: 80px;
    right: 15px;
    bottom: 40px;
}
@media (max-width: 992px) {
    #calendar-container {
        left: 120px;
}
}

.form-select:disabled, .form-select[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.dropdown-item-embView {
	display: table-cell;
}
.dropdown-menu a.dropdown-item-embView {
    white-space: nowrap; 
}

.dropdown-item {
	display: inline-block !important;
}

.dropdown-menu a.dropdown-item {
    white-space: nowrap; 
}

.input-group-text-eye {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-radius: .25rem;
}

.login-eye {
    margin-left: -30px;
    padding-right: 8px;
}

.bgYellow {
	background-color:#FFFED6 !important;
}
.bgRed {
	background-color:#FFD6D6 !important;
}
.bgRed02 {
	background-color:#ff8d8d !important;
}

/* campi orario */
/* input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
} */

input::placeholder, textarea::placeholder {
    font-size: 12px;
}

textarea {
    overflow-x: hidden;
}

.form-control-small {
    padding: 3px 5px;
    font-size: 14px;
}
textarea.form-control-small {
    min-height: auto;
}

table.dataTable tbody td.viewText-small11 {
    font-size: 11px !important;
}

select:required:invalid {
    color: gray;
}
option[value=""][disabled] {
    display: none;
}
option {
    color: black;
}

.form-switch .form-check-input {
    height: 20px;
    width: 40px;
}

.view_input {
    border: 0;
    background: transparent;
}
.view_input:focus-visible {
    border: 1px solid #a6aaae;
    background: #fff;
    outline: none;
    border-radius: .25rem;
    padding: .375rem .75rem;
}

.anchor {
    scroll-margin-top: 100px;
}

#dataFiltro {
    padding: 5px;
}

.mouseOver:hover {
    cursor:pointer;
}

#contextMenu A:link { text-decoration: none; font-size: 14px; color:#4b4b4b;}
#contextMenu A:visited { text-decoration: none; font-size: 14px; color:#4b4b4b;}
#contextMenu A:hover { text-decoration:underline; font-size: 14px; }
#contextMenu li {padding-left: 5px;}
A:link.contextMenuP { text-decoration: none !important; font-size: 14px; color:#4b4b4b;}
A:link.contextMenuP { text-decoration: none !important; font-size: 14px; color:#4b4b4b;}
A:visited.contextMenuP { text-decoration: none !important; font-size: 14px; color:#4b4b4b;}
A:hover.contextMenuP { text-decoration:underline !important; font-size: 14px; }

.contextMenuPIcoColorVerde { color:#839f57; }
.contextMenuPIcoColorBlu { color:rgb(21, 110, 173); }
.contextMenuPIcoColorRosso { color:#F00; }

.ck_switch_small {
    display: inline;
    margin-left: 5px !important;
}

.ck_switch_small .form-check-input{
    height: 12px;
    width: 22px;
    margin-top: 6px;
}

.divEvidDriver {
    background-color:rgb(255, 250, 204);
    padding: 5px 0 10px;
    border: solid 1px #ccc;
}