body
{
	text-align: left;
	font-family: Arial;
	font-size: 8.5pt;
	margin: 0px;
    background-color:#FFFFFF;
    /*margin-top:-40px !important;*/
    font-size: 16px !important;
}

a
{
	color: #002877;
	text-decoration: underline;
    /*font-size: 9pt;*/
}

a:hover
{
	color: #002877;
	/*text-decoration: underline;*/
}

.titleDefault
{
	font-size: 20px;
	vertical-align: middle;
	font-weight: bold;
	width: 100%;
	color: #4866a0;/*#002876*/
    
}

.descriptionDefault
{
	font-size: 15px;
	color: #4b4b4b;
	/*vertical-align: middle;
	font-weight: bold;
	width: 100%;
    margin-top:200px;
    margin-bottom:5px;
    padding-left:20px;*/
}

.rememberMe {
    font-size:10px;
    line-height: 10px;
    display: inline-block;
    width: 100%;
}

.title
{
	font-size: 20px;
	vertical-align: middle;
	font-weight: bold;
	width: 100%;
	color: #4F698E;
}
.titleRight
{
	text-align: right;
	font-family: Arial;
	font-weight: normal;
	font-size: 8.5pt;
	margin: 0px;
}

.masterMenuItem
{
	width:800px;	
}
.header
{
	position: relative;
	width: 800px;
    width:100%;
    height: 195px;
	margin-left: auto;
	margin-right: auto;
	align-content: center;
	background-color: #EFEFEF;
    background-position: center;
	background-image: url(Images/headerNoLogo.JPG);
	background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    margin-top: auto;
    margin-bottom: 0px;
    vertical-align: bottom;
}



.header1
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.header2
{
    background-color: #5f5f5f;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
    height: 46px;
}

/* barra di navigazione */
.siteMenu {
    /*background-color: #808080;*/
}
.siteMenuItem {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding-left: 15px;
    padding-right: 15px;
    transition: color 0.3s, background-color 0.3s;
}
.siteMenuHover {
    text-decoration: none !important;
}
.siteMenuItemStatic {
    height: 46px;
    font-size: 15px;
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.siteMenuStatic {
    background-color: #5f5f5f; 
}
.siteMenuHoverStatic {
    color: #5f5f5f !important;
    background-color: #c8c8c8;
}
.siteMenuItemDynamic {
    /*height: 16px;*/
    font-size: 12px;
    line-height: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    min-width: 150px;
}
.siteMenuDynamic {
    background-color: #777777 !important;
    display: inline !important;
    opacity: 0 !important;
    transition: opacity .3s;
}
.siteMenuDynamic[style*="visible"]{
    opacity: 1 !important;
}
.siteMenuHoverDynamic, a.loginInfoElement:hover {
    color: #777777 !important;
    background-color: #c8c8c8;
}
.siteMenuItemDynamic a {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.loginInfoElement {
    display: block;
    padding-top:8px;
    padding-bottom:8px;
}
span.loginInfoElement {
    float: left;
}
a.loginInfoElement {
    float: right;
    text-align:right;
}
.LoginMenuItemDynamicHeight{
    height: auto;
}

.masterMenu
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height :26px;
    margin-top:auto;
    margin-bottom: 0px;
    position:absolute;                  /* added */
    bottom:0;                           /* added */   
    left: 7px;    
}

.lineWhite
{
	/*background-image: url(Images/line_white.bmp);*/
	vertical-align: middle;
	width: 100%;
    height: 1px;
    
    background-color: #C2C2C2;
    border-style:solid;
    border-width: 0 0 2px 0;
    border-bottom-color: #ECECEC;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}

.bannerClienti
{
	background-color: Red;
	border: solid 1px #dff3ff;
        height: 50px;
        width: 100px;
        margin: 4px;
}

.gridFilter
{
	border: thin solid #C0C0C0;
	padding: 4px;
	margin: 3px 0px 3px 0px;
}

.myfooter
{
	/*width: 790px;*/
	min-height: 200px;
	margin-left: auto;
	margin-right: auto;
    background-color: #EFEFEF;
    color: #161011;
    padding: 0px 5px 0px 5px;
    font-size: 8px;
    line-height: 1.8em;
}

.myButton {
    background-color: #1D1A25;
    color: #FFFFFF;
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 30px;
    cursor: pointer;
}

.myButton:hover {
    background-color: #333333;
}

.benvenutoLabel {
    color: #161011;
    font-weight: bold;
    font-size: 19px;
}


.footerbg
{

	height: 1px;
	width: 100%;
	background-color: #FF6600;
}
.footerbg1
{
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.content
{
	min-height: 150px;
	height: 150px;
	width: 100%;
}





/* 2 PAGE */

.page
{

	text-align: left;
	color:#161011;
	min-height:350px;
	background-color: #EFEFEF;
	position: relative;
	/*width: 800px;*/
	margin-left: auto;
	margin-right: auto;
}

/* 2.1 HOME */

#home
{
	position: relative;
	/*width: 790px;
	padding: 0px 5px 0px 5px;*/
}



#content
{
	background-color: #EFEFEF;

}


#page700 {
	width: 700px;
	text-align:left;
	position: relative;
}

.barraCapitolo{
	background-color: #c8c8d5;
}

.lineaDivisioneAzienda
{
	background-color: #f5f5f5;
	height: 5px;
}



.multiPage2 td
{
    border-bottom: 1px solid #8d9396;
}

.masterRight
{
	background-position: left;
	background-image: url(Images/backgroundR.png);
	background-repeat: repeat-y;
	width: 50%;
}
.masterLeft
{
	background-position: right;
	background-image: url(Images/backgroundL.png);
	background-repeat: repeat-y;
	width: 50%;
}
.masterRightDown
{
	background-position: top left;
	background-image: url(Images/angoloMasterDR.png);	
	background-repeat: no-repeat;
	height: 50px;
	width: 50%;
}
.masterLeftDown
{
	background-position: top right;
	background-image: url(Images/angoloMasterDL.png);	
	background-repeat: no-repeat;
	height: 50px;
	width: 50%;
}
.masterDown
{
	background-position: top left;
	background-image: url(Images/downMaster.png);	
	background-repeat: no-repeat;
	height: 50px;
	width: 800px;
}
.masterCenter
{
	width: 800px;
    background-color: #EFEFEF;
}
.GroupCornerUpSx
{
	background-position: right bottom;
	background-image: url(Images/GroupStd/angoloUL.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 30px;
}

.GroupCornerUpDx
{
	background-position: left bottom;
	background-image: url(Images/GroupStd/angoloUR.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 40px;
}

.GroupCornerDownSx
{
	background-position: right top;
	background-image: url(Images/GroupStd/angoloDL.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 40px;
}

.GroupCornerDownDx
{
	background-position: left top;
	background-image: url(Images/GroupStd/angoloDR.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 40px;
}


.GroupTopCenter
{
	background-position: left bottom;
	background-image: url(Images/GroupStd/barU.png);
	background-repeat: repeat-x;
	height: 40px;
	vertical-align: bottom;
	font-size: medium;
    font-weight: bold;
	font-size: 11pt;
}

.GroupDownCenter
{
	background-position: left top;
	background-image: url(Images/GroupStd/barD.png);
	background-repeat: repeat-x;
	height: 40px;
}

.GroupLeft
{
	background-position: right;
	background-image: url(Images/GroupStd/borderL.png);
	background-repeat: repeat-y;
	width: 30px;
}

.GroupRight
{
	background-position: left;
	background-image: url(Images/GroupStd/borderR.png);
	background-repeat: repeat-y;
	width: 30px;
}

.GroupContenent
{
	background-image: url(Images/GroupStd/content.png);
	background-repeat: repeat;
	background-position: left top;
}

.GroupTransparentCornerUpSx
{
	width: 40px;
	height: 30px;
}

.GroupTransparentCornerUpDx
{
	width: 30px;
	height: 40px;
}

.GroupTransparentCornerDownSx
{
	width: 30px;
	height: 40px;
}

.GroupTransparentCornerDownDx
{
	width: 30px;
	height: 40px;
}


.GroupTransparentTopCenter
{
	height: 40px;
	vertical-align: bottom;
	font-size: medium;
    font-weight: bold;
	font-size: 20px;
    color: #4866a0;/*#002876;*/
    padding-bottom: 10px;
    border-bottom: 2px solid #808080;
}

.GroupTransparentDownCenter
{
	height: 40px;
}

.GroupTransparentLeft
{
	width: 30px;
}

.GroupTransparentRight
{
	width: 30px;
}

.GroupTransparentContenent
{
	padding: 15px 5px 5px 5px;
}

.CmdTransparentPanelDx
{
	
	width: 12px;
	height: 28px;
}


.CmdTransparentPanelCenter
{
	height: 28px;
    /*min-width:600px;*/
}



.CmdTransparentPanelSx
{
	width: 12px;
	height: 28px;
}

.ReportViewerStyle
{
    max-height: 600px;
    /*
        overflow-y: auto;
    */
}

.CmdPanelDx
{
	background-position: left top;
	background-image: url(Images/GroupStd/RightCmd.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 28px;
}


.CmdPanelCenter
{
	background-position: top;
	background-image: url(Images/GroupStd/CmdCenter.png);
	background-repeat: repeat-x;
	height: 28px;
}



.CmdPanelSx
{
	background-position: left top;
	background-image: url(Images/GroupStd/LeftCmd.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 28px;
}

.Subtitle {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #4866a0 !important;/*#002876*/
}

.LoadingPanel
{
	position: absolute;
	top: 50%;
	left: 50%;
}	



.RadMenu .rmText
{
    color: #FFFFFF !important;
    text-align: left;
}

.fontBlu {
    color: #4866a0 !important;/*#002876*/
}

#gridDiv
{
    background-color:#EFEFEF;
    padding: 20px 20px 20px 20px;
}

.mytable
{
    background-color:transparent !important;
    color: #2C2C2C;
    /*font-size: 12px;
    font-weight: 700;*/
}

.myth {
    vertical-align: middle !important;
    background-color:#EFEFEF !important;
}

.mytd {
    vertical-align: middle !important;
}

.cellaStile {
    vertical-align: middle !important;
}

.cellaEmailStile {
    vertical-align: middle !important;
    font-size: 10px;
}

.mySmallFont
{
    font-size:0.7em !important;
    line-height: 1.5em !important;
}

.myGridFont {
    font-size: 15px !important;
    line-height: 1.5em !important;
    /*font-weight: 700;*/
    /*color: #505050;*/
    /*padding: 5px;*/
}

.myButton2 {
    color: #111111;
    border-width: 1px;
    border-style: solid;
    border-color: #c0c0c0;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;*/
    min-height: 30px;
    cursor: pointer;
    padding: 5px;
    padding-left: 20px;
    vertical-align: middle;
    background: #dfdfdf url(Images/Add.png) left center no-repeat; /*#EBEBEB*/
}

.myButton2 a {
    color: #111111;
    background-color: #e5e5e5;
    text-decoration: none;
}

.myButton2:hover {
    color: #222222;
    background-color: #e5e5e5;
    text-decoration: none;
}
.myButton2 a:hover {
    color: #222222;
    background-color: #EEEEEE;
    text-decoration: none;
}

.myButton2Trasp {
    color: #111111;
    border-width:0px;
    border-style: solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 16px;
    cursor: pointer;
    padding-left: 20px;
    vertical-align: middle;
    background: transparent url(Images/Add.png) left center no-repeat;
}

.myButton2Trasp a {
    color: #111111;
    text-decoration: none;
}

.myButton2Trasp:hover {
    color: #222222;
    text-decoration: none;
}
.myButton2Trasp a:hover {
    color: #222222;
    text-decoration: none;
}

.Save {
    font-size: 14px;
}


.defaultStyle2_TextBox,
.defaultStyle2_TextArea,
.defaultStyle2_DropDownList {
    /*font-size: 12px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    padding: 3px 4px 3px 4px !important;*/
}

.defaultStyle2_TextBox {
    /*height: 14px !important;*/
}

.defaultStyle2_TextArea {
    /*line-height: 16px !important;
    resize: none;*/
}

.defaultStyle2_DropDownList {
    /*height: 22px !important;
    background-color: #dadada;
    border: none;*/
}
.defaultStyle2_DropDownList:hover {
    /*background-color: #50a0e0;
    color: #FFFFFF;
    transition: .3s;*/
}
.defaultStyle2_DropDownList > option {
    /*background-color: #ffffff !important;
    color: #555555 !important;*/
}
.defaultStyle2_DropDownList:focus {
    /*outline:0;*/
}

.defaultStyle2_RadioButton{ 
}
.defaultStyle2_RadioButton *{
    /*display: inline-block;*/
}
.defaultStyle2_RadioButton > label{
    /*margin: 0px 0px 0px 5px;
    font-size: 12px;
    vertical-align: baseline !important;*/
}
.defaultStyle2_RadioButton > input{
    /*margin: 2px 0px 5px 0px !important;*/
}

        /* Base for label styling 
        .defaultStyle2_RadioButton > [type="checkbox"]:not(:checked),
        .defaultStyle2_RadioButton > [type="checkbox"]:checked {
          position: absolute;
          left: -9999px;
        }
        .defaultStyle2_RadioButton > [type="checkbox"]:not(:checked) + label,
        .defaultStyle2_RadioButton > [type="checkbox"]:checked + label {
          position: relative;
          padding-left: 25px;
          cursor: pointer;
        }*/
        /* checkbox aspect 
        .defaultStyle2_RadioButton > [type="checkbox"]:not(:checked) + label:before,
        .defaultStyle2_RadioButton > [type="checkbox"]:checked + label:before {
          content: '';
          position: absolute;
          left:0; top: 2px;
          width: 17px; height: 17px;
          border: 1px solid #aaa;
          background: #f8f8f8;
          border-radius: 0px;
        }*//*box-shadow: inset 0 1px 3px rgba(0,0,0,.3);*/
        /* checked mark aspect 
        .defaultStyle2_RadioButton > [type="checkbox"]:not(:checked) + label:after,
        .defaultStyle2_RadioButton > [type="checkbox"]:checked + label:after {
          content: '✔';
          position: absolute;
          top: 3px; left: 4px;
          font-size: 18px;
          line-height: 0.8;
          color: #09ad7e;
          transition: all .2s;
        }*/
        /* checked mark aspect changes 
        .defaultStyle2_RadioButton > [type="checkbox"]:not(:checked) + label:after {
          opacity: 0;
          transform: scale(0);
        }
        .defaultStyle2_RadioButton > [type="checkbox"]:checked + label:after {
          opacity: 1;
          transform: scale(1);
        }*/
        /* disabled checkbox 
        .defaultStyle2_RadioButton > [type="checkbox"]:disabled:not(:checked) + label:before,
        .defaultStyle2_RadioButton > [type="checkbox"]:disabled:checked + label:before {
          box-shadow: none;
          border-color: #bbb;
          background-color: #ddd;
        }
        .defaultStyle2_RadioButton > [type="checkbox"]:disabled:checked + label:after {
          color: #999;
        }
        .defaultStyle2_RadioButton > [type="checkbox"]:disabled + label {
          color: #aaa;
        }*/
        /* accessibility 
        .defaultStyle2_RadioButton > [type="checkbox"]:checked:focus + label:before,
        .defaultStyle2_RadioButton > [type="checkbox"]:not(:checked):focus + label:before {
          border: 1px dotted blue;
        }*/
        /* hover style just for information 
        .defaultStyle2_RadioButton > label:hover:before {
          border: 1px solid #4778d9!important;
        }*/

.defaultStyle2_Button,
.defaultStyle2_LinkButton {
    /*text-decoration: none;
    padding: 7px 12px;
    transition: .2s;*/
}

.defaultStyle2_LinkButton {
    /*font-size: 14px;
    color: #505050;*/
    display: flex;
    text-decoration: none;
    gap: 0.25rem;
    align-items: center;
}
.defaultStyle2_LinkButton > span {
    display: none;
}
.defaultStyle2_LinkButton.text_visible > span {
    display: inline;
}
@media (min-width: 768px) {
    .defaultStyle2_LinkButton > span {
        display: inline;
    }
}
.defaultStyle2_LinkButton:hover {
    /*text-decoration: none;
    background-color: #50a0e0;
    color: #FFFFFF;*/
}
.defaultStyle2_LinkButton:active {
    /*text-decoration: none;
    transition: 0s;
    background-color: #d0d9e2;
    color: #50a0e0;*/
}
.defaultStyle2_LinkButton[disabled="disabled"] {
    /*cursor: default !important;
    color: #505050 !important;*/
}
.defaultStyle2_LinkButton[disabled="disabled"]:hover {
    /*background-color: #d9d9d9;*/
}
.defaultStyle2_LinkButton[disabled="disabled"]:active {
    /*background-color: #d9d9d9;*/
}
.defaultStyle2_LinkButton_Image {
    /*margin-right: 3px;*/
}

.defaultStyle2_Button {
    /*font-size: 12px;
    line-height: 16px;
    border: none;
    padding: 5px 12px;
    background-color: #9fa6ad;
    color: #FFFFFF;*/
}
.defaultStyle2_Button:hover {
    /*background-color: #50a0e0;
    color: #FFFFFF;*/
}
/*.defaultStyle2_Button:active {
    transition: 0s;
    background-color: #d0d9e2;
    color: #50a0e0;
}*/
.defaultStyle2_Button:focus {
    /*outline:0;*/
}
.defaultStyle2_Button[disabled="disabled"] {
    /*background-color: #b1b1b1 !important;
    cursor: default !important;*/
}
.defaultStyle2_Button[disabled="disabled"]:hover {
    /*background-color: #c6c6c6 !important;*/
}

/* CustomUpdateProgress */
.UPContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(193, 193, 193, 0.5);
    z-index: 1;
}
.UPLoadingMessage {
    position: absolute;
    left: 0;
    top: calc(50% - 65px);
    width: 100%;
    height: 130px;
    text-align: center;
    /*vertical-align: middle;*/
    font-size: 18px;
    background-image: url("Images/LoadingRing.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    /*padding-top: 130px;*/
    transition: top 0.2s !important;
}


/* ------------- */
/* -- Restyle -- */
/* ------------- */

.dataList {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

    .dataList .field {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .dataList .field > .label,
        .dataList .field > .value {
            display: flex;
            align-items: center;
        }

    .dataList .field-inline {
        flex-direction: row;
    }

        .dataList .field-inline > .value {
            margin-left: auto;
        }

        .dataList .field-inline > .validator {
            width: 100%;
        }

.dataList_title {
    /* -col-12- */
    flex: 0 0 auto;
    width: 100%;
    /* -------- */
}


.dataListCards {
}

    .dataListCards .field {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 0.5rem;
        justify-content: space-between;
    }

        .dataListCards .field > .label,
        .dataListCards .field > .value {
            display: flex;
            align-items: center;
        }

        .dataListCards .field > .value {
            justify-content: end;
        }