﻿body
{
	background-color: #FFFFFF;
	font: Calibri;
	font-size: 11px;
	font-family: Calibri;
}
panel
{
	font: Calibri;
	font-size: 11px;
	text-align: left;
	font-family: Calibri;
	background-color: #FFFFFF;
}
	
#PanelMasterLogOut
{
	height: 23px;
	text-align: right;
	font-family: Calibri;
	font-size: 11px;
	vertical-align: middle;
	background-color: #FFFFFF;
	width: auto;
	top: 1px;
	right: 1px;
	left: 1px;
	bottom: auto;
	visibility: visible;
}
	  
#PanelMasterBar
{
	height: 23px;
	width: auto;
	background-color: #0066FF;
	left: 1px;
	right: 1px;
	top: 24px;
	bottom: auto;
	visibility: visible;
}
	
#PanelMasterImage
{
	height: 120px;
	left: 1px;
	right: 1px;
	background-color: #FFFFFF;
	width: auto;
	top: 47px;
	bottom: auto;
	visibility: visible;
}
		
DropDownList
{
	height: 18px;
}
TextBox
{
	height: 18px
	}

#Login1
{
	left: 7px;
	position: relative;
	top: -34px;
}

#PanelCliente
{
	border-style: groove groove none groove;
	border-width: thin;
	border-color: #C0C0C0;
	padding: 10px;
	font: Calibri;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
	left: 50px;
	top: 50px;
	position: relative;
	z-index: 1;
	width: auto;
	height: auto;
	right: auto;
	bottom: auto;
}
#PanelData
{
	left: 150px;
	top: 50px;
	position: absolute;
	z-index: 1;
	width: auto;
	height: auto;
	right: auto;
	bottom: auto;
}

/*###____Modifiche stage1____###*/
/*____generic____*/
.generic-button { /*dxbButton_Aqua - modificato*/
    color: #2C4D79;   
    font-family: Tahoma;				    
	font-weight: normal;    
    vertical-align: middle;	 		
    border: solid 1px #A3C0E8;	
    background: #E2F0FF;
    background-repeat:repeat-x;
    padding: 1px 1px 1px 1px;
	cursor: pointer;

    margin: 10px;
    padding: 2px 5px;
    font-size: 12px;
    width: 105px;
    height: 21px !important;
}
.field-lable { /*dxgvHeader_Aqua - modificato*/
    display: block;
    text-align: left;
    padding: 5px !important;
    font-weight: 400;
}
.small-margin {
    margin: 4px 3px;
}
select {
    background-color: White;
    border: Solid 1px #AECAF0;
}
.form-textbox {
    background-color: White;
    border: Solid 1px #AECAF0;
}

/*____header____*/
#ctl00_PanelHead {
    overflow: hidden;
    border-bottom: 1px solid lightblue;
    margin: 0;
    padding: 0;
    text-align: center;
}
#ctl00_PanelBlue, #ctl00_PanelBlue0 {
    background: none !important;
}
#ctl00_PanelMasterLogOut {
    border-bottom:  1px solid lightblue;
    height: 25px !important;
    display: none;
}
.img_client, .img_infobit {
    float: none;
    max-width: 286px;
    max-height: 86px;
    width: auto;
    height: auto;
}
.img_client {
    margin: 10px 0 -5px 0; 
}
.img_infobit {
    margin: 0 -5px 10px 0; 
}
.loghi-min-wrapper {
    width: 100%;
    height: 10px;
    position: relative;
    top: -33px;
}
.logo-min img {
    height: 25px;
    width: 25px;
    border: solid 1px lightgrey;
    border-radius: 50%;
    margin: 3px;
    float: left;
}

/*____login table____*/
.login-table-wrapper {
    margin: 20px auto;
    border: 0 !important;
}
.login-table-lable {
    padding: 5px;
    border: 1px Solid #A3C0E8;
    background: #E2F0FF url(/DXR.axd?r=0_119-U5vfe) repeat-x top;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
}
.login-table-errorarea {
    height: 15px;
    padding: 10px 10px 10px 5px;
}

/*____form filter____*/
#principal-form {
    margin: -10px 0;
    height: auto;
    min-height: 225px;
    overflow: hidden;
    margin: -10px 0 -25px 0;
    border-bottom: 1px solid lightblue;
    float: none;
    width: 100%;
    position: relative !important;
    top: -35px !important;
    transition: min-height 0.3s;
}
.block-1, .block-2 {
    width: 35%;
    float: left;
    padding: 0 1%;
}
.block-3 {
    width: 21%;
    float: left;
    padding: 0 1%;
}
.sub-block-1, .sub-block-2 {
    width: 50%;
    float: left;
}
.form-list {
    list-style: none; 
    max-width: 420px; 
    padding: 0;
    font-size: 11pt;
    margin-bottom: 0;
}
.form-list li {
    height: 29px;
}
.form-list .field-lable {
    float: left;
}
.form-list .field-item {
    float: right;
    margin: 5px !important;
    width: 58% !important;
    height: 18px !important;
    padding: 0 3px !important;
}
.form-list .generic-button {
    float: left;
}
.img-xls {   
    left: 63px; 
}
.img-csv {
    left: 132px;
}
.img-csv, .img-xls {
    position: relative;
    bottom: 30px;
    bottom: 22px;
    height: 15px;
}
.block-4 {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
}
.collapse-button {
    font-size: 13px;
    text-align: center;
    padding: 3px;
    border: solid 1px lightblue;
    cursor: pointer;
    width: 42px;
    float: right;
    margin: -1px 5px;
    background-color: white;
    box-shadow: #d0d0d0 -2px 0px 5px 0;
}

.ajax__calendar {
    width: 230px !important;
}
.ajax__calendar_container {
    color: #000000 !important;
    border: solid 1px #A3C0E8 !important;
	font-weight: normal;
    width: 100% !important;
}
.ajax__calendar_header {
    margin-bottom: 5px;
    width: 100%;
}
.ajax__calendar .ajax__calendar_footer {
    margin: 0;
}

/*____timbrature table____*/
span#ctl00_ContentPlaceHolder1_LabelNoTimbrature {
    position: relative;
    left: 20px;
    font-size: 15px;
    color: red;
}
.timbrature-table {
    margin-top: 0;
    padding: 0;
    box-shadow: grey 0 0 13px 1px;
    background-color: #f3f3f3;
    overflow: hidden;
    position: absolute;
    top: 275px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.dxgvHSDC {
    margin-top: -12px;
}

/*____media query____*/
@media (min-width: 627px) and (max-width: 1094px) {
    .block-1, .block-2 {
        width: 47%;
    }
    .block-3 {
        width: 100%;
    }
}
@media (max-width: 626px) {
    .block-1, .block-2, .block-3 {
        width: 100%;
    }
}
@media (min-width: 605px) {
    #ctl00_PanelHead {
        text-align: initial;
    }
    .img_client, .img_infobit {
        margin: 0 !important;
    }
    .img_infobit {
        float: right;
    }
}