﻿/*---------------------------------------------------------*/
/*                PRIMARY LAYOUT ELEMENTS                  */
/*---------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    background-color: #E9E9E9;
    color: black;
    font-size: small;
    font-optical-sizing: none;
    /*font-size: 0.82em;*/ 
    /*font-size: 13.33333333px;*/
    font-family: "PT Sans", Calibri, Tahoma, Trebuchet MS, Arial !important;
    margin: 0;
    padding: 0;
}

body.artech-metro 
{
    background-color: #fff;
}

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    /* width: 95%; */
    margin-left: 2px; /* bilancia il margine che IE mette a destra */
}

#header
{
    background-image: url(../Images/presentweb-logo.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin-bottom: 4px;
    min-height: 110px;
}

    #header h1 {
        border: none;
        color: #336699;
        font-family: "PT Sans", Calibri, Trebuchet MS, Verdana;
        font-size: 32px !important;
        font-weight: bold;
        line-height: 2em;
        margin: 0;
        padding: 5px 4px;
    }

#wrapper
{
	margin-left: 202px;
}

#navigation
{
	margin-left: -202px;
	
    float: left;
    width: 202px;
    background-color: transparent; /* was #426682 */
    color: #fff;
    display: block;
    padding-bottom: 34px;
}

.artech-metro #navigation
{
	margin-top: -1px;
}

#titlebar
{
	border: solid 1px #426682;
	text-align: center;
    height: 19px;
    color: white; 
    font-size: 1.2em;
    font-weight:bold;
    background: url(../Images/gradient-webblue.png) repeat-x;
    /* border-bottom: solid 1px #426682;*/
    padding: 4px 0px 4px 8px;
}

.artech-metro #titlebar, .artech-metro #footer
{
	border: none;
    background: #337ab7; 
}

.artech-metro #titlebar
{
    height: 20px;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.3em;
    padding-bottom: .32em;
}

.artech-metro form
{
	/*padding-left: 10px;*/
}

/*** Menubar ***/
#menubar
{
	background: white url(../Images/gradient-lightblue-28.gif) repeat-x center;
    border-right: 1px solid #426682;
    border-bottom: 1px solid #426682;
	height: 28px;
	padding-left: 4px;
	display: none;	/* Per default è invisibile */	
}

div#menubar ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

div#menubar li
{
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 28px;
}

div#menubar li a
{
	display: block;
    text-decoration: none;
    color: #202080;
    padding: 0px 8px 0px 8px;
    border-left: 1px solid #426682;
}

div#menubar li a:hover
{
    background: url(../Images/gradient-orange-28.gif) repeat-x center;
    text-decoration: none;
    color: #426682;
}

div#menubar li a:active
{
    background-color: #a6a6e2;
    text-decoration: none;
}

.artech-metro #menubar
{
	color: #fff;
	background: #337ab7; 	
	border-top: solid 1px #e5e5e5;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.artech-metro div#menubar li a
{
    color: #fff;
    border: none;
    font-size: 1.1em;
}

.artech-metro div#menubar li a:hover
{
	background: #e5e5e5;	
	color: #000;
    border: none;
}

.artech-metro div#menubar li a[disabled]:hover
{
	cursor: default;
    background: inherit;
}


#main
{
    color: #202080;
    padding: 4px 4px 0 4px;
    display: block;
    vertical-align:top;
    overflow: auto;
    /* Non supportata e non fa saltar fuori la horiz scrollbar! min-height: 480px; */
    margin-bottom: 30px;	/* Deve corrispondere PIÙ O MENO all'altezza del footer */
}

.artech-metro #main
{
	display: inline-block;
}

#footer
{
    padding: 4px;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    clear:both; 

    position: fixed; 
    bottom: 0px; 
    left: 2px; /* same value as margin-left of .page class */
    right: 0px;

    z-index: 999;   /* Prevents overlapping with some Kendo controls */

    border-top: 2px solid #426682; 
    background: url(../Images/gradient-webblue.png) repeat-x center center; 
    color:#fff;
    vertical-align: middle;
}

/*---------------------------------------------------------*/
/*                    FLASH CLASSES                        */
/*---------------------------------------------------------*/

.flash 
{
    border: 2px solid;
    margin-left: 5px;
    margin-right: 5px;
    padding: 15px 60px 15px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    vertical-align: top;
    position: relative;
    
}

.flash.info 
{
    color: #00529B;
    background-color: #BDE5F8 !important;
    background-image: url('../Images/msgInfo.png');
}

.flash.success 
{
    color: #4F8A10;
    background-color: #DFF2BF !important;
    background-image:url('../Images/msgSuccess.png');
}
.flash.warning 
{
    color: #9F6000;
    font-weight: bold;
    background-color: #FEEFB3 !important;
    background-image: url('../Images/msgWarning.png');
}
.flash.error {
    color: #D8000C;
    font-weight: bold;
    background-color: #FFBABA !important;
    background-image: url('../Images/msgError.png');
}

.flash.confirm {
	background-image: url('../Images/msgConfirm.png');
}


.artech-metro .flash
{
    border: none;
    color: #fff;
    border-radius: 4px;
}

.artech-metro .flash a
{
	color: #fff!important;
}

.artech-metro .flash.info, .artech-metro .flash.confirm
{
	background-color: #006699!important;
}

.artech-metro .flash.success 
{
    background-color: #4F8A10 !important;
}

.artech-metro .flash.warning
{
	background-color: #FFCC00 !important;
    color: #9F6000;
}

.artech-metro .flash.warning a
{
	color: #9F6000!important;
}

.artech-metro .flash.error 
{
    background-color: #D8000C !important;
}

/* NEW RB, 15/2/2024 */
/* *OLD* .artech-metro .t-window .flash {*/
/* *NEW* RB, 08/11/2024 - Esclude casi specifici */
.artech-metro .t-window .flash :not(.preserve-flash-colors) {
    background-color: revert !important;
    color: revert !important;
}

.flash.inline {
	display: inline-block;
}

.flash-inner 
{
	display: inline-block;
	width: auto;
}

a.flash-corner
{
	position: absolute;
	top: 0px;
	right: 6px;
	text-decoration: none;
	color: inherit;
	font-weight: bold;
	font-size: 1.1em;
}

.artech-metro a.flash-corner
{
    font-size: 2em;
    right: 0.4em;
    top: 0.2em;
}

/*---------------------------------------------------------*/
/*                     HTML ELEMENTS                       */
/*---------------------------------------------------------*/

/*** LINK ***/
a {
	color: #0000EE;
}

	a:hover {
		color: #99AAEE;
		text-decoration: none;
	}

	a:active {
		color: #1287eb;
	}

/*** CONTROLS ***/
input {
    vertical-align: middle;
    /*font-size: .8em; /* 0.75em */
    font-family: "PT Sans", Calibri, Tahoma, Trebuchet MS, Arial;
}

/*FIX* Problema con webkit fonts e IE9: nei dropdown uso sempre font STANDARD */
select, option
{
    font: 8pt Tahoma;
    height: 22px;
    /*vertical-align: middle;*/
}

.artech-metro select, .artech-metro option
{
	font-family: inherit!important;
	font-size: inherit!important;
}


input[type=text]:not(.k-input, .k-input-inner), input[type=password], input[type=search]:not(.k-input, .k-input-inner) {
    font: 8pt Tahoma !important;
    border: solid 1px #88AAFF;
    /*height: 18px;*/
    height: 22px; /* MEGLIO! */
    padding-left: 4px;
}

.artech-metro input[type=text]:not(.k-input, .k-input-inner), .artech-metro input[type=password], .artech-metro input[type=tel], .artech-metro input[type=email],
.artech-metro input[type=search]:not(.k-input, .k-input-inner) {
    font: inherit !important;
    border: solid 1px #88AAFF;
}

.artech-metro input.t-state-error {
	border: solid 2px;
	border-color: #de3914!important;
}

textarea
{
    border: solid 1px #88AAFF;
}

	textarea:disabled {
		border-color: #aaa;
		background-color: #e5e5e5;
	}

input[type=text].monospace, input[type=search].monospace {
	font-family: monospace, monospace !important;
	font-size: 9pt !important;
}

input[type=text].bold, input[type=search].bold {
	font-weight: bold !important;
}

input:disabled
{
	border-color: #aaa;
	background-color: #e5e5e5;
}

input[type=radio], input[type=checkbox]
{
	/* Override user-agent values */
	margin: 3px 3px 3px 4px;
}

span.checkmark::after {
	/*content: '✅';*/
	content: '✔';
	color: #4F8A10;
	font-weight: bold;
}

label
{
    vertical-align: middle;
}

.artech-metro fieldset 
{
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}

button.no-border, button.no-border:focus, input[type=button].no-border, input[type=button].no-border:focus {
	border: none;
	outline: none;
}

/*** HEADINGS ***/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #101060;
    font-family: "PT Sans", Calibri, Trebuchet MS, Verdana;
}
h1
{
    font-size: 3em;
    margin-bottom: 0;
    padding: 0 0 10px 8px;
}
h2
{
    font-size: 2em;
    padding: 0 ;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/*---------------------------------------------------------*/
/*                    CUSTOM CLASSES                       */
/*---------------------------------------------------------*/

/*** BUTTONS ***/
.mybutton {
    background-image: url('../Images/gradient-lightblue-28.gif');
    background-repeat: repeat-x;
    border: solid 1px;
    border-color: #2760c0;
    font-family: "PT Sans", Calibri, Tahoma, Verdana;
    font-size: 1.0em;
    font-weight: bold;
    height: 28px;
    margin-right: 5px;
}

.mybutton:hover
{
    border: solid 1px #CC9966;
    cursor: pointer;
    background-image: url('../Images/gradient-orange-28.gif');
    background-repeat: repeat-x;
}

.mybutton[disabled], .mybutton[disabled]:hover
{
    background-image: url('../Images/gradient-gray-28.gif');
    background-repeat: repeat-x;
	color: Gray;
	border-color: Gray;
    cursor: default;
}

.mybutton.mybutton-large
{
    background-image: url('../Images/gradient-lightblue-48.gif');
    border: solid 2px #2760c0;
    height: 52px;
}

.mybutton-large img
{
	margin-top: -2px;
}

.mybutton-large:hover
{
    border: solid 2px #CC9966;
    cursor: pointer;
    background-image: url('../Images/gradient-orange-48.gif');
    background-repeat: repeat-x;
}

.mybutton-large[disabled], .mybutton-large[disabled]:hover
{
    background-image: url('../Images/gradient-gray-48.gif');
    background-repeat: repeat-x;
	color: Gray;
	border-color: Gray;
    cursor: default;
}

.mybutton[disabled] img, .mybutton-large[disabled] img
{
	/* Firefox 3.5+ */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* IE6-9 */
	filter: gray;
	/* Chrome, Safari... */
	-webkit-filter: grayscale(100%);
}

.mybutton.mybutton-xl
{
    padding: 8px;
    height: 80px;
    background-image: url(../Images/gradient-lightblue-80.png);
    min-width: 300px;
    text-align: left;
}
        

.artech-metro .mybutton
{
	background: #337ab7; 
	color: #fff;
    padding: 10px;
    height: auto;
    font-weight: normal;
    font-size: 1.1em;
    border-radius: 2px;
}

.artech-metro .t-grid-toolbar .mybutton
{
    padding: 2px 5px;
    height: 28px;
}

.artech-metro .mybutton.mybutton-large {
	background: #337ab7;
	/*border: none;*/
}

.artech-metro .mybutton:hover, .artech-metro .mybutton-large:hover
{
    background: #e5e5e5;
    border: solid 1px #6699cc; /*#fff;*/
    color: #000;
}

.artech-metro .mybutton[disabled], .artech-metro .mybutton[disabled]:hover, .artech-metro .mybutton-large[disabled], .artech-metro .mybutton-large[disabled]:hover {
	background-color: #e5e5e5;
	color: Gray;
	border-color: Gray;
	cursor: default;
}

.left-align {
	margin: 5px 5px 5px 0;
	float: left;
}

.right-align {
	margin: 5px 0 5px 5px;
	float: right;
}


img.link
{
    padding-bottom:2px;
    vertical-align: middle;
    border: 0;
    margin-right: 4px
}

.mybutton img.noText
{
    padding-bottom: 2px;
    vertical-align: middle;
    border: 0;
    margin-right: 0px;
}

.flatbutton
{
	background: #dae2e8;
}

.flatbutton:hover
{
	background: #fcedc6;
}

/*** TEXT ***/
.mytext
{
    font: 8pt Tahoma;
}

.artech-metro .mytext
{
	font: inherit;
}

.error
{
    color:Red;
}

.watermarked
{
	color: Gray;
}

.readonly
{
	background-color: #eee;
}

/*** DIV ***/
.framed-box 
{
    border: solid 2px #426682;
    background-color: #e5e5e5;
    padding: 6px;
    display:inline-block;
    margin: 0;
}

.artech-metro .framed-box
{
	border-color: #337ab7; 
}

.shadowbox
{
    border:solid 2px #426682;
    background-color: #e5e5e5;
    padding: 8px 8px 0px 8px;
    margin: 2px;
    box-shadow: 3px 3px 4px #568;
    vertical-align: top;
    display: inline-block;
}

a.selectLink
{
    font: 8pt Tahoma;
    margin: 5px 5px 10px 5px;
    color: #000080;
    text-decoration: none;
}

.artech-metro a.selectLink
{
	font: inherit!important;
}

a.selectLink:hover
{
    text-decoration: underline;
}

a.selectLink:focus
{
    outline-style: none; 
    -moz-outline-style: none;
}

a[disabled]
{
	text-decoration: none!important;
	color: gray!important;
}

a[disabled] img
{
	/* Firefox 3.5+ */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* IE6-9 */
	filter: gray;
	/* Chrome, Safari... */
	-webkit-filter: grayscale(100%);
	/* If image is ALREADY grayscale (e.g. SAVE button) the following makes it more evident*/
	filter: opacity(0.5);
}

.artech-metro a[disabled]
{
	color: silver!important;
}

div.scrollable 
{
    height: 132px;
    overflow-y: auto;
}

/*** CONTROLS ***/
input.file {
    font-family: "PT Sans", Calibri, Tahoma, Verdana;
    font-size: 8pt;
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    z-index: 2;
}

.text-box
{
	width: 100%;
}

fieldset.personFilterOptions, fieldset.reportOptions
{
	margin-top: 10px;
	padding: 8px;
	width: 720px;
}


/*** DOWNLOAD FILE LINK ***/
#Download
{
	display: none;
	margin-left: 10px;
	margin-top:15px;
	background: url('../Images/FileFormats/Generic.png') no-repeat;
}

#Download a
{
	display: inline-block;
	padding-top: 50px;
}

#Download a[href$=".pdf"] { background: url('../Images/FileFormats/PDF.png') no-repeat !important; }
#Download a[href$=".xls"],
#Download a[href$=".xlsx"] { background: url('../Images/FileFormats/Excel.png') no-repeat !important; }
#Download a[href$=".csv"] { background: url('../Images/FileFormats/CSV.png') no-repeat !important; }

div.inline_download
{
	display: inline;
	margin-left: 8px;
}

div.inline_download img
{
	vertical-align: middle;
}

/*** LINKS ***/
a.imageActionLink
{
	background-repeat: no-repeat;
	background-position: left center;
	color:#333;
    padding-left: 16px;
    text-decoration: none;
    margin-right: 4px;
}

/*** JUSTIFICATION CONFLICTS ***/
#ReSendOptionsPanel
{
    background-color: #EAEAEA;
    border: 2px solid #768Ca5;
    color: Black;
    display: none;
    padding: 8px;
    position: absolute;
}

/*----------------------------------------------------------*/
/* MISC ELEMENTS
/*----------------------------------------------------------*/

/*** PAGE TITLE ***/
#title
{
    display:block;
    float:left;
    text-align:left;
    height: 118px;
    width: 898px;
}

/*** LANGUAGE SELECTION ***/
#languagesel
{
    font-size:1.0em;
    display:block;
    padding-right: 4px;
    margin:12px;
    color:#224466;
}

#logo-placeholder
{
	width: 360px; 
	min-width: 360px; 
	padding-right: 15px;
}

.artech-metro #logo-placeholder
{
	width: 375px; 
	min-width: 375px; 
}

#versioninfo
{
	position: absolute;
	left: 15px; 
	top: 95px; 
	text-align: right;
	font-size: 8pt;
}

/*** LOGIN/LOGOUT INFORMATION ***/
#logindisplay {
    font-size:1.1em;
    display: block;
    padding-left: 4px;
    margin: 10px;
    color: #336699;
}

#logindisplay a:link
{
    color: #224488;
    text-decoration: none;
    font-variant: small-caps;
    font-size: 1rem;    /* Slightly larger */
}

    #logindisplay a:link:hover {
        text-decoration: underline;
    }


    #logindisplay a:visited {
        color: #224488;
        text-decoration: none;
        font-variant: small-caps;
    }

artech-metro a:link, artech-metro a:visited
{
	color: #003366;
}

/*----------------------------------------------------------*/
/* DIMMED OVERLAY
/*----------------------------------------------------------*/
.overlay 
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.65;
    z-index: 1001;
}

.overlay-background
{
	position: relative !important;
	z-index: 0;
}

.overlay-message-std
{
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: #fff;
    opacity: 1;
    z-index: 1002;
}   


/*----------------------------------------------------------*/
/* VALIDATION
/*----------------------------------------------------------*/
span.field-validation-valid
{
	display: none !important;
}

.field-validation-error:not(.k-tooltip-error)
{
    color: #ff0000 !important;
    font: 8pt Tahoma;
    font-weight: bold;
}

.input-validation-error, .k-invalid
{
    border: 1px solid #ff0000 !important;
    background: #ffeeee !important;
    /*width: auto !important;*/
}

tr.validation-error, td.validation-error
{
    border: 2px solid #ff0000 !important;
    background: #ffeeee !important;
}

.select-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
    font: 8pt Tahoma;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #d80000 !important;
    background-color: #FFBABA !important;
    display: inline-block;
    border: 1px solid;
    padding: 3px 5px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.validation-summary-errors ul 
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.validation-summary-errors ul li
{
	margin-left: -1.5em;
	margin-right: 1em;
}

.validation-summary-errors span 
{
	font-size: 10pt;
	margin: 0.5em;
}

/*----------------------------------------------------------*/
/* HORIZONTAL LIST
/*----------------------------------------------------------*/

/* COME SELECT NON FUNZIONA IN IE !!!
.hlcontainer 
{ 
 	display:inline-block; 
    overflow: hidden; 
    height: auto;
}

.hlcontainer select 
{ 
	padding: 10px; 
    margin:-5px -20px -5px -5px;
}

.hlcontainer option
{
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  border: solid 1px #ccc;
  margin-top: 0;
  margin-left:-1px;
  width: 100px;
  height: 80px;
  cursor: pointer;
}
*/

ul.horizontal
{
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 1px;
    overflow: hidden;
    background-color: #f7f7f7;
}

ul.horizontal li
{
    float: left;
    border: solid 1px #ccc;
    margin-left: -1px;
    margin-top: -1px;
}

ul.horizontal li a
{
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    width: 50px;
    color: #101060;
}

ul.horizontal li a:hover
{
	background: #acd4e3; /* #fcedc6;*/
    text-decoration: none;
    color: #426682;
}

ul.horizontal li.selected a
{
    background-color: #3e94b4; /* #426682; */
    color: #fff; /* #fcfcfc; */
}

/*----------------------------------------------------------*/
/* PLUS-MINUS LIST
/*----------------------------------------------------------*/

.listElement {
	padding: 4px;
	cursor: default;
}

	.listElement .sign a {
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
	}

	.listElement .plusSign {
		background-image: url('../Images/addRow.png');
	}

	.listElement .minusSign {
		background-image: url('../Images/removeRow.png');
	}

	/*NEW* RB, 11/04/2022 - */
	.listElement .nullSign {
		background-image: url('../Images/null-16.png');
	}

	.listElement .actionIcon {
		float: right;
		background-repeat: no-repeat;
		background-position: left center;
		width: 16px;
		height: 16px;
		display: none;
		margin-right: 2px;
	}

		.listElement .actionIcon.delete {
			background-image: url('../Images/delete.png');
		}

		.listElement .actionIcon.edit {
			background-image: url('../Images/edit.png');
		}

	.listElement:hover .actionIcon {
		display: block;
	}

		.listElement:hover .actionIcon.disabled {
			display: none;
		}

/*----------------------------------------------------------*/
/* TELERIK OVERRIDES
/*----------------------------------------------------------*/

/* Fix per Telerik DatePicker */
.t-picker-wrap > .input-validation-error
{
    width: 100% !important;
}

.t-dropdown.input-validation-error .t-input {
	color: #D8000C;
}

/* Combobox height */
.t-combobox .t-input {
	height: 18px !important;
	/*height:14px;*/
	line-height: 14px;
	font: 8pt Tahoma;
}

.t-autocomplete, [type='text'].t-input, [type='password'].t-input
{
	padding: 1px 1px 1px 2px!important;
}

.t-formatted-value
{
	padding-top: 4px!important;
}

td.t-last
{
	text-overflow: clip;
}

.t-link{
	cursor: pointer;
}

.artech-metro .t-panelbar .t-link
{
	padding-bottom: 2px;
}

.artech-metro .t-panelbar .t-group .t-link
{
	line-height: 2em;
    /* NEW RB, 21/10/2024 - Corregge a capo in Edge */
    padding-left: 0;
}

.artech-metro .t-grouping-header .t-link {
    color: #337ab7;
}

.artech-metro tr.t-state-selected a {
	color: white!important;
}

.artech-metro tr.t-state-hover a {
	color: #000080 !important;
}


/*----------------------------------------------------------*/

/*** TOOLBAR ***/
span.toolbar-label
{
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
}

.t-grid-toolbar .toolbar-label
{
	font-size: 1em;
}

/* *NEW* RB, 08/02/2019 - Grid a tutta pagina (20 elementi senza scrollbar): se altezza browser minima 840 pixel
/* MAXIMIZE GRID HEIGHT */
/*@media only screen and (min-height: 840px) 
{
	.fullheight > div.t-grid-content
	{
		min-height: 560px;
	}
}
*/

/* *NEW* RB, 08/02/2019 - Grid a tutta pagina (20 elementi senza scrollbar): se altezza browser minima 770 pixel
/* MAXIMIZE GRID HEIGHT */

/*
@media only screen and (min-height: 500px) {
	.fullheight div.t-grid-content {
		min-height: 300px;
	}

		.fullheight div.t-grid-content td {
			line-height: 1em;
		}
}
*/

@media only screen and (min-height: 770px) {
	.fullheight div.t-grid-content {
		min-height: 540px;
	}

		.fullheight div.t-grid-content td {
			line-height: 1.45em;
		}
}



div.toolbar-separator
{
	width:1px;
	padding-left:5px;
	margin-right:5px;
	border-right:1px solid grey;
	display:inline;
}

select.toolbar-dropdown {
    font-family: "PT Sans", Calibri, Tahoma, Trebuchet MS, Arial;
    font-size: 1.1em;
}

/*** CUSTOM GRID ROWS COLORS ***/
.rowRed
{
	color: #DC143C;
}

.rowGreen
{
	color: #2E8B57;
}

.rowYellow
{
	color: #BBAA33;
}

/* Stili ridefiniti meglio, con colori di sfondo (uguali a flash) */
.row-success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

.row-error {
	color: #D8000C;
	background-color: #FFBABA;
}

.row-warn {
	color: #9F6000;
	background-color: #FFCC00;
}

/*** MASTER/DETAILS ***/

div.t-grid.master
{
}

div.t-grid.details
{
    margin-top: 15px;
    display:none;
}

@media print 
{
    #header { display: none; }
    #footer { display: none; }
    #navigation { display: none; }
    #titlebar { display: none; }
    #wrapper { margin-left: 0px; }
    #SubmitButton { display: none; }
    #mask { display: none; }
}


/*----------------------------------------------------------------*/
/*                         Toggle switches                        */
/*----------------------------------------------------------------*/

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #cccccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #0066CC;
}

input:focus + .slider {
	box-shadow: 0 0 1px #0066CC;
}

.artech-metro input:checked + .slider {
	background-color: #337ab7;
}

.artech-metro input:focus + .slider {
	box-shadow: 0 0 1px #337ab7;
}


input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 24px;
}

.slider.round:before {
	border-radius: 50%;
}

.noselect {
  -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, Edge, Opera and Firefox */
}


/*NEW* RB, 26/11/2020 - Class to reveal elements pressing CTRL */ 
.hidden-protected {
	display: none;
}

/*---------------------------------------------------------*/
/*     ALERT & CONFIRM WINDOW DIALOG CONTENT STYLES        */
/*---------------------------------------------------------*/

.t-window-content div#buttons {
	margin: .4em auto;
	width: 100%;
	text-align: center;
}

	.t-window-content div#buttons .mybutton {
		padding: .4em;
		margin: .5em;
		height: auto;
		min-width: 6em;
	}

/* Favoritable TabStrips! */

.t-tabstrip.favoritable > .t-tabstrip-items > .t-item a.t-link {
	background-image: url(../images/favorite-outline.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	margin-right: 4px;
}

.t-tabstrip.favoritable > .t-tabstrip-items > .t-item.t-state-active a.t-link {
	background-image: url(../images/favorite-outline-dark.png);
}

.t-tabstrip.favoritable > .t-tabstrip-items > .t-item.favorite a.t-link {
	background-image: url(../images/favorite.png);
}

.t-tabstrip.favoritable > .t-tabstrip-items > .t-item.favorite.t-state-active a.t-link {
	background-image: url(../images/favorite-dark.png);
}


/* Grayed out divs  */
div.grayedout {
    pointer-events: none;
    opacity: 0.65;
    -webkit-filter: grayscale(1);
}
