html,body {
		  font-family:'Roboto',sans-serif;
		  background-image:url('crowe-lines-bg.jpg');
		  background-repeat:no-repeat;
		  background-size:cover;
		  background-position:center center;
		  width:100%;
		}
		body {
		  align-items: center;
		  -webkit-box-pack: center;
		  justify-content: center;
		  padding-top: 10px;
		  padding-bottom: 40px;
		  background-color: white;
		}
		.loginbody{
		  display: -ms-flexbox;
		  display: -webkit-box;
		  display: flex;
		  -ms-flex-align: center;
		  -ms-flex-pack: center;
		  -webkit-box-align: center;
		}
		.loginlogo{
			margin-bottom:100px;			
		}
		.form-signin {
		  width: 100%;
		  max-width: 330px;
		  padding: 15px;
		  margin: 0 auto;
		}
		.form-signin .form-control {
		  position: relative;
		  box-sizing: border-box;
		  height: auto;
		  padding: 15px;
		  font-size: 16px;
		  text-align:center;
		  border-radius: 0;
  
		}
		.form-signin input{
		  box-shadow:-2px -2px 12px 1px rgba(160,160,160,0.1), 2px 2px 12px 1px rgba(160,160,160,0.1),2px -2px 12px 1px rgba(160,160,160,0.1),-2px 2px 12px 1px rgba(160,160,160,0.1);
		  border:0px;	
		  color:#b5b5b5;		  
		}
		.form-signin input::placeholder{
			color:#b5b5b5;
			font-weight: 400;
		}
		.loginbutton{
			background-color:#fdb913!important;
			color:#002d62!important;
			font-weight: 400;
			-webkit-transition: .3s linear;
			transition: .3s linear;
			border:0px;
					  border-radius: 0;
		}			
		.loginbutton:hover {
			text-decoration: none;
			-webkit-transition: .3s linear;
			transition: .3s linear;
			background-color: #fdb913;
			border:0px;
		}
		
		
		/* internal */ 
		
		.sidebar{
			width:70px;
			background-color:#dddddd;
			position: fixed;
			left:0px;
			top:0px;
			bottom:0px;
			z-index:2px;
		}
		
		.sidebar .sidebar-icon {
			position:relative;
			height: 60px;
			width: 46px;
			margin-top: 10px;
			margin: auto;		
			cursor:pointer;
		}
		.sidebar .sidebar-icon img{
			width:100%;
		}
		.siderbarbottom{
			position:absolute;
			bottom: 20px;
			margin-left: 13px;
		}
		.mobileMenu{
			text-align: right;
			margin: auto;
			margin-top: 18px;
			margin-bottom: 20px;
			width: 100%;
			display:none;
		}
		.mobileMenu .row{
			margin: auto;
		}
		.mobileMenu .sidebar-icon{
			margin: auto;
		}
		
		.footer{
			text-align:right;
			width:100%;
			position: fixed;
			bottom: 0px;			
		}
		.lastlogin{
			color:#b5b5b5;			
		}
		.rowdashboard article{
			/*width: 80%;*/
			min-width:240px;
			height: 400px;
			padding: 0px;
			background-color: white;
			box-shadow: -2px -2px 12px 1px rgb(160 160 160 / 10%), 2px 2px 12px 1px rgb(160 160 160 / 10%), 2px -2px 12px 1px rgb(160 160 160 / 10%), -2px 2px 12px 1px rgb(160 160 160 / 10%);
			text-align: left;
			padding-top: 20px;		
			position: relative;		
			margin-top:40px;			
		}
		.secondrow {
			
		}
		.secondrow article{
			height:300px;
		}
		
		.rowdashboard article .linea{
			background-color: #fdb913;
			height: 3px;
			width: 40px;
			margin-bottom: 8px;
			margin-left: 5%;
		}
		.rowdashboard article .art-title{		
			font-size: 22px;
			font-weight: bold;
			margin-left: 5%;	
			margin-top: 8px;
		}
		.rowdashboard article .art-input{
			box-shadow: -2px -2px 12px 1px rgb(160 160 160 / 10%), 2px 2px 12px 1px rgb(160 160 160 / 10%), 2px -2px 12px 1px rgb(160 160 160 / 10%), -2px 2px 12px 1px rgb(160 160 160 / 10%);
			margin-left: 5%;
			width: 90%;
			margin-top: 11px;
		}
		.rowdashboard article .art-checkbox{
			margin-left: 5%;
			vertical-align: middle;
			margin-top: 30px;
		}
		.rowdashboard article .art-checkbox input{
			vertical-align: middle;
		}
		
		.rowdashboard article .art-checkbox label{	
			font-size: 12px;
			padding-left: 6px;
		}
		.rowdashboard article .art-input input{		
			background-color: transparent;
			border: 0px;
			padding: 10px;
			width: 100%;
			font-size: 15px;
			outline:none;
		}
		.rowdashboard article .art-submit{
			background-color: #fdb913;
			height: 40px;
			position: absolute;
			bottom: 0px;
			left: 0px;
			right: 0px;
			text-align:center;
			font-weight:bold;
			padding-top:10px;
			color:#002d62;
			cursor:pointer;
		}

		.secondrow .art-input{
			display:inline-block;
		}
		body .secondrow article .longfield{
			width:50%;
		}
		body .secondrow article .shortfield{
			width:30%;
		}		
		article input::placeholder{
			color:#b5b5b5;
			font-weight: 400;
		}
		article #ctl00_CorpoPagina_txt_giorno::placeholder{
		    color:#fdb913!important;
		    font-weight:bold!important;
		}
		.rowdashboard article .art-submit input, .rowdashboard article .art-submit2 input{
			background-color: transparent;
			border: 0px;
			color: #002d62;
			font-weight: bold;
			width:100%;
		}
		.title-time{
				text-align:left;			
		}
		.title-time .linea{
			height:4px;
			width:60px;
			background-color: #fdb913;
		}
		.title-time h3{
			font-weight: bold;
			font-size: 40px;
		}
		.rowdashboard article .art-input-mini{
			/*width:30%;
			display:inline-block;*/
			display:inline-block;
		}
		
		.rowdashboard article{			
			width: 100%;
			border: 0px;
			font-size: 13px;
			padding: 10px;
			font-weight: bold;
		}
		.rowdashboard article .art-submit2{
			background-color: #fdb913;
			height: 40px;
			position: relative;
			margin-top:40px;
			text-align:center;
			font-weight:bold;
			color:#002d62;
			margin-bottom:30px;			
			margin-left: 5%;
			margin-right: 5%;
			cursor:pointer;
		}
		.art-submit2 input{
			padding-top: 10px;
			font-size: 16px;
			cursor:pointer;
		}
		.rowdashboard select{	
			width:100%;
			border:0px;
			padding:10px;
			outline:0px;
		}
		.time-reportblock article{
			height:auto;
		}
		.att-inputdate{
			border:0px;
			/*color:#002d62!important;*/
			font-size:14px;
			background-color: transparent!important;
			outline:none;					
		}
		.row-label{
			padding: 0px;
			border: 0px;
			text-align: left;
			box-shadow: none!important;
			font-weight:bold;
		}
		.resoconto-body{
			width:100%;
			font-size: 12px;
			height: 404px;
			width: 100%;
		}
		.resoconto-body option{
			color:#6d6d6d;
			padding:1px;
		}
		.resoconto-button input{
			border: 0px;
			color: white;
			background-color: #adadad;
			height: 40px;
			width: 100%;
			font-weight: bold;			
		}
		.resoconto-button2 input{
			background-color: #fdb913;
			color:#002d62;
			cursor:pointer;
		}
		.printicon{
			height: 39px;
			border-width: 0px;
			margin-bottom: -13px;
			margin-left: -12px;
		}		
		
		#ctl00_CorpoPagina_DDLMese,#CorpoPagina_DDLMese{
		    padding-left:0px;
		}
		
		@media only screen and (max-width: 600px) {
		 .sidebar{				
			display:none;	
		 }
		 .mobileMenu{
			display:inline-block;
		 }
		 ..time-reportblock article{
			 text-align:center;
		 }
		 .printicon{
			 margin-bottom:6px;
		 }
		 .rowdashboard article .art-input{
			 font-size:11px;
		 }
		 .resoconto-button input{
			font-size:9px;
		 }
		 .shortfield, .longfield{
			 width:90%!important;
		 }
		 
		}