/** Add css rules here for your application. */

#chkstoric{
	background:#f4eb42;
}

#chkstoricNO{
	background:#ffffff;
}

.alertstoric{
	color: red;
	font-weight: bold;
	font-size: 20px;
}
 
.x-form-field-wrap .input {
    height: 100% !important;
    padding: 0px 3px;
}



.icon-user {
  background-image: url(resources/images/icons/fam/user.gif) !important;
}
.icon-user-red {
  background-image: url(resources/images/icons/fam/user_red.png) !important;
}
.icon-user-gray {
  background-image: url(resources/images/icons/fam/user_gray.png) !important;
}
.icon-plugin {
  background-image: url(resources/images/icons/plugin.png) !important;
}
.icon-chart {
  background-image: url(resources/images/icons/chart.png) !important;
}
.icon-chart-line {
  background-image: url(resources/images/icons/chart_line.png) !important;
}
.icon-plugin {
  background-image: url(resources/images/icons/plugin.png) !important;
}
.icon-cog {
  background-image: url(resources/images/icons/fam/cog.png) !important;
}
.icon-delete {
  background-image: url(resources/images/icons/fam/delete.gif) !important;
}

.login {
  background: url(resources/images/logo/logo_login.png) no-repeat -30% -10%;
}

.home {
  background: url(resources/images/logo/logo_home.png) no-repeat 40% 50%;
}

.foto {
  background: url(resources/images/foto/default.png);

}

.logo {
  background: url(resources/images/logo/logoEntry.png) no-repeat 40% 50%;
}

.add_logo {
  background: url(resources/images/logo/add_logo.png) no-repeat 40% 50%;
}

.header {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	color: #fff;
	text-shadow: black 3px 3px 4px;
	background: #ffffff;
	height: 15px;

	
}



.tooltip{
background: #D5E4F5;
padding:5px;
border-radius: 6px;
-moz-border-radius: 6px;
border:2px solid #194489;
z-index: 10;
position: absolute;

}
.tooltip *{
font-family: 'Open Sans', sans-serif !important;
font-size: 10px !important;
}
.font{
background-color: #ff2299;
}

.cellA{
background-color: #FF0000 !important;
}

.cellNC{
background-color: #FFFFFF !important;
}

.fontgrid{
color: #ffffff;
}



.pointer{
cursor:pointer;
}

#pointerRoud{
cursor:pointer;
border-radius: 50%;
}

.NyNumber{

	border: 1px solid red
width: 20px;
height: 20px;
position: absolute;
top: 6px;
background-color: red;
color: white;
border-radius: 50%;
}

.headerpanel{
background: #93B4DF;
}

.img-circle{
	display: block;
	width: 40px;
	height: 40px;
    border-radius: 50%;
    display: inline;
    position: center;
    position: relative;
    left: 4px;
}


.img-circleNEW{
	display: block;
	width: 100px;
	height: 100px;
    display: inline;
    position: center;
    position: relative;
    left: 4px;
}

.img-circleNEW2{
	display: block;
	width: 100px;
	height: 100px;
    border-radius: 50%;
    display: inline;
    box-shadow: 0 0 5px rgba(0, 0, 0, .8);
    position: center;
    position: relative;
    left: 4px;
    background: whitesmoke;
}

#NewGridStyle{
		text-align: center;
}

.img-circleUserNew{

	display: block;
	width: 60px;
	height: 60px;
    border-radius: 50%;
    display: inline;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    background-color: white;
}



.img-size{
	width: 84px;
	height: 100px;
    position: center;
}

.foto-size{
	width: 150px;
	height: 150px;
    position: center;
    background: whitesmoke;
}

.logo-size{
	width: 300px;
	height: 250px;
    position: center;
}

.img-sizeSmall{
	width: 84px;
	height: 80px;
    position: center;
}

.numberCircle2 {
    behavior: url(PIE.htc); 
    position: center;
    position: relative;
    width: 100px;
    background: #fff;
    color: #ff7900;
    text-align: center;
    font-size: 60px;
    border: 2px solid #ff7900;
	border-radius: 50px;
	width: 130px;
}
.numberCircle {
    behavior: url(PIE.htc); 
    position: center;
    position: relative;
    width: 100px;
    background: #fff;
    color: #007dc0;
    text-align: center;
    font-size: 60px;
}
.testimonialText
{
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;

}

.testimonialText2
{
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.img-logoAz-Overview{
	display: block;
	width: 180px;
	height: 130px;
    display: inline;
    background: #fff;
    position: center;
    position: relative;
}
.img-logoAz-OvNewSmall{
	display: block;
	width: 90px;
	height: 65px;
    display: inline;
    background: #fff;
    position: center;
    position: relative;
}
.sfondo_bianco{

   background-color: transparent !important;


}
.sfondo_bianco2{

   background-color: #fff;

}
.img-fotoLogin{
    display: block;
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    border: 5px solid white;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    display: inline;
    position: center;

		}
		
#bg {
	
	background-color: rgb(33,135,198);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
#TopEntry{

    display: inline;
    position: center;
}

.ButtonLoginEnter{
    background: transparent;
	color: #ffffff;
	padding: 10px;
	width: 100%;
	font-size: 18px;
	border-radius: 3px;
	border-style: solid;
    border-color: #ffffff;
	position: relative;
	box-sizing: border-box;
	border-radius: 10px;
}

.ButtonLoginEnter:hover{
  animation-name: stretchXX;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
  
}

@keyframes stretchXX {
to {
        color: white;
		background: #999999;
    }
    
}

.FotoAzLogin{
    display: block;
    width: 200px;
    height: 130px;
}

.OkLogin{
    display: block;
     background: transparent;
    width: 200px;
    height: 130px;
    display: inline;
    position: center;
}
.NoLogin{
    display: block;
     background: transparent;
    width: 200px;
    height: 130px;
    display: inline;
    position: center;
}

.statusNoLogin{
color: red;
}
.statusLogin{
color: green;
}


.gadget{
background: #194489;


}


.ButtonLoginEnterNO{
    background: transparent;
	color: #ffa100;
	padding: 10px;
	width: 100%;
	font-size: 18px;
	border-radius: 3px;
	border-style: solid;
    border-color: #ffa100;
	position: relative;
	box-sizing: border-box;
	border-radius: 10px;
}

.ButtonLoginEnterNO:hover{
  animation-name: stretchNO;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretchNO {
to {
        color: white;
		background: #ffa100;
    }
    
}


.ButtonLoginEnterSI{
    background-color: #00ff4c;
	color: #00ff4c;
	padding: 10px;
	width: 100%;
	font-size: 18px;
	border-radius: 3px;
	border-style: solid;
    border-color: #00ff4c;
	position: relative;
	box-sizing: border-box;
	border-radius: 10px;
}

.ButtonLoginEnterSI:hover{
  animation-name: stretchSI;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretchSI {
to {
        color: white;
		background: #00ff4c;
    }
    
}


.dataTerminaleVirtuale{
    font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	text-align: center;
	color: grey;
}




.frameClock{
	background: #ffffff !important;
border: 20px;
}

 
.ButtonCreateNewCalendar{
    background: #194489;
	color: #FFFFFF;
	padding: 10px;
	    width: 100%;
	font-size: 18px;
	border-radius: 3px;
	border-style: solid;
    border-color: #194489;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
}


.DatePickerCalendar{
	width: 100% !important;
	height: 100% !important;
}





.x-panel-ml{
background: white;
}
.x-panel-mc{
background: white;
}
.x-panel-mr{
background: white;
}
.x-panel-tl{
border: none;
}
.x-panel-footer{
background: white;
}

.x-panel-br{
	background: white;
}

.x-panel-bl{
	background: white;
}




.imageInfoOverwiev{
position: relative; 
width: 200px;
height: 100px;
}

.textInfoOverwiev{
position: absolute;
top: 48px;
left: 20px;
width: 100%;
color: white;
font: 30px Myriad pro;

}

.imageInReportCruscotti{
position: relative; 
width: 300px;
height: 100px;
}

.textInReportCruscotti_1{
position: absolute;
top: 20px;
left: 100px;
width: 30%;
font: 30px Myriad pro;
text-align: center;

}
.textInReportCruscotti_2{
position: absolute;
top: 60px;
left: 100px;
width: 30%;
font: 15px Myriad pro;
color: grey;
text-align: center;
}


.Linedotted {
border: 2px dotted #000000; 
border-style: none none dotted; 
color: #fff; 
background-color: #fff; 
}



.SizeBar {
display: none;
position : absolute;
bottom : 0;
height : 40px;
margin-top : 40px;
width: 30%;
text-align: center;
background: red;
color: white;
left: 70%;
}

@media screen and (max-width: 1280px), screen and (max-height: 600px) {
    .SizeBar { display: block; }
}


.chkCalPre {
padding-top: 28px;
}




/*   EXP-MAG */




.HeadButtonMagVendite {
    
    border: none;
    color: rgb(0, 128, 189);
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-color: rgb(0, 128, 189);
	border: 3px solid rgb(0, 128, 189);


}

.HeadButtonMagVenditegold {
    
    border: none;
    color: rgb(255, 215, 0);
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-color: rgb(255, 215, 0);
	border: 3px solid rgb(255, 215, 0);


}

.HeadButtonMagVendite_Red {
    
    border: none;
    color: red;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-color: rgb(0, 128, 189);
	border: 3px solid red;


}

.HeadButtonMagVendite_Green {
    
    border: none;
    color: green;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-color: rgb(0, 128, 189);
	border: 3px solid green;


}


#DateNew-input {

	height: 32px;
	background-image: url("../images/default/form/trigger-tpl.gif");
	border-top: medium none;
	border-left: medium none;
	border-right: medium none;
	background: none repeat scroll 0% 0% transparent;
	border-color: grey;
	border-bottom: 2px solid;
	text-align: center;
	font-size: 20px;
}

#DateNew > img {
    
    background-image: none;
    visibility: hidden;
}

#DateNew2-input {

	height: 32px !important;
	background-image: url("../images/default/form/trigger-tpl.gif");
	border-top: medium none;
	border-left: medium none;
	border-right: medium none;
	background: none repeat scroll 0% 0% transparent;
	border-color: grey;
	border-bottom: 2px solid;
	text-align: center;
	font-size: 20px;
	top: 11px;
	font-size: 40px;
	color: #007dc0;
}





#MagTotGenImponibile-input {

	border-left: none;
	border-top: none;
	border-right: none;
	background: white;
	border-bottom: 6px solid rgb(0, 128, 189);
	text-align: center;
	font-size: 20px;
	height: 100%;
	background: transparent;
}

#MagTotGenImposta-input {

	border-left: none;
	border-top: none;
	border-right: none;
	background: white;
	border-bottom: 6px solid rgb(0, 128, 189);
	text-align: center;
	font-size: 20px;
	height: 100%;
	background: transparent;

}


#MagTotGenFattura-input {

	border-left: none;
	border-top: none;
	border-right: none;
	background: white;
	border-bottom: 6px solid rgb(0, 128, 189);
	text-align: center;
	font-size: 20px;
	height: 100%;
	background: transparent;

}

#MagTotGenFatturagold-input {

	border-left: none;
	border-top: none;
	border-right: none;
	background: white;
	border-bottom: 6px solid rgb(255, 215, 0);
	text-align: center;
	font-size: 20px;
	height: 100%;
	background: transparent;

}


.img-sizeProdottiMagazzino{
	width: 149px;
	height: 147px;
    position: center;
}




.pointerMagCenter{
cursor:pointer;
text-align: center;
}


#comboMenu-input{

	height: 24px;
	background-color: transparent;
	border-left: 1px solid white !important;
	border-top: 1px solid white !important;
	border-bottom: 1px solid white !important;
	border-right: 1px solid white !important;
	border-radius: 20px;
	color: white;
	text-align: center;
	cursor:pointer;
}

#comboMenu > img{

	visibility: hidden;

}


#SearchTreeStyle-input{
	width: 80% !important;
	left: 20px;
	height: 30px;
	top: 20px;
	border-left: 1px solid grey !important;
	border-top: 1px solid grey !important;
	border-bottom: 1px solid grey !important;
	border-right: 1px solid grey !important;
	border-radius: 10px;
	background-color: transparent;
	color: grey;
	text-align: center;
}


#SearchTreeStyle > img{
	visibility: hidden;
}


#loginFields-input{

	border-bottom: 2px solid white;
	color: white;
	font: 18px tahoma,arial,helvetica,sans-serif;
	border-top: none;
    border-left: none;
    border-right: none;

}

#StyleSmartMenu > img{

  top: 88%;
  left: 93%;
  position: absolute;
		
}

#StyleSmartMenuWindow{

    position: absolute;
	top: 62% !important;
	left: 94% !important;
	border: none;
	
}




/*-------------------------------------------------*/
/*----------------EFFETTI TOP MENU----------------*/
/*-----------------------------------------------*/

/* FOTO UTENTE */
.img-circleUserPhoto{
	display: block;
	width: 40px;
	height: 40px;
   border-radius: 50%;
   
    position: center;
    position: relative;

    cursor:pointer;
}

.img-circleUserPhotoDetail{
	display: block;
	width: 100px;
	height: 100px;
    border-radius: 50%;
    display: inline;
    position: center;
    position: relative;
    border: 2px solid #007dc0;
    background: whitesmoke;
    right: 50px;
    top: -100px;
}

.TopPositionMenuSpace{

	top: 0px !important;
	left: 0px !important;
	margin-left: 30%;
    margin-top: 8px;
}



/*MENU  TOP  LEFT BAR EXPANDED*/
.TopIconMenuStyle_MENU{
   background: url('resources/images/default/TopMenu/offcanvasMenuTop.png');
}
.TopIconMenuStyle_MENU:hover {
   background: url('resources/images/default/TopMenu/offcanvasMenuTopOver.png');
}
.TopIconMenuStyleOpen_MENU{
   background: url('resources/images/default/TopMenu/offcanvasMenuTopOver.png');
}


/*MENU TOP RIGHT*/
.TopIconMenuStyleRIGHT_MENU{
   background: url('resources/images/default/TopMenu/TopMenuRight.png');
}
.TopIconMenuStyleRIGHT_MENU:hover {
   background: url('resources/images/default/TopMenu/TopMenuRightOver.png');
}

#StyleMenuTopRight{
    top: 80px !important;
    height: 83px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 94% !important;
}

#StyleMenuOrganigramma{
    background-color: white !important;
    color: #007dc0 !important;
    cursor: pointer;
    border: none !important;
}

@media (max-width: 1085px) {
  #MainTopSearchCombo-input {
    display: none;
  }
}

		
#MainTopSearchCombo-input{

	border: 1px solid white;
	border-radius: 10px;
	background-color: transparent;
	height: 40px;
	font-size: 22px;
	text-align: center;
	color: white;

}

#MainTopSearchCombo > img{

	visibility: hidden;
	
}



#NewTreeMenu{

	background: white;
}

.x-tree3-node-joint{

	width: 0px !important;
}
	
.x-tree3-node-icon{

	position: absolute;
	left: 93%;
	top: 10px;
}

.topTableMainPanel{
    top: 0px !important;
    margin-top: 7px;
    margin-left: 13px;
    left: 0px !important;
}

.ButtonDocMain{

border: 2px solid #007dc0;
width: 50%;
height: 70px;
background: #007dc0;
color: white;
font-size: 30px;
cursor: pointer;
border-left: 50px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
}

.ButtonDocMainNum{
color: #666666;
background: white;
text-align: center;
width: 65px;
}


.ButtonDocMain:hover{
  animation-name: stretch;
  animation-duration: 1.0s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
to {
        border: 2px solid #666666;
		width: 100%;
		height: 70px;
		background: #666666;
		color: white;
		font-size: 30px;
		border-left: 50px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
    }
    
}


#YearGadgetStyle{

	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid grey;

}

#YearGadgetStyleIcon{

	text-align: center;
	font-size: 20px;


}

.StyleMenuVeloceOrange{
	text-align: center;
	border:3px solid orange;
	width: 150px;
}


.StyleMenuVeloceOrange:hover{
  animation-name: stretchMV;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
  cursor: pointer; 
}
@keyframes stretchMV {
to {
        color: white;
		background: Orange;
    }
    
}

.StyleMenuVeloceGrey{
	text-align: center;
	border: 3px solid #a6a6a6;
	width: 150px;
}
.StyleMenuVeloceGrey:hover{
  animation-name: stretchMVG;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
  cursor: pointer; 
}
@keyframes stretchMVG {
to {
        color: white;
		background: #a6a6a6;
    }
    
}

.StyleMenuVeloce{
	font-size: 18px;
    font-weight: bold;
    color: #007dc0;
}


.StyleMenuVeloceBlue{
	text-align: center;
	border: 3px solid #007dc0;
	width: 150px;
}
.StyleMenuVeloceBlue:hover{
  animation-name: stretchMVB;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
  cursor: pointer; 
}
@keyframes stretchMVB {
to {
        color: white;
		background: #007dc0;
    }
    
}


#LoginStyleForm{

 background-color: transparent !important;
 border: 0px !important;
}

.BorderClock{

 border: none;

}


.TopTVInHome{

 top: 80px !important;

}

.GadAnomaliePeriodStyle{
  font-size: 38px;
  color: #007dc0;
width: 70%;
	text-align: center;
	border-top: none;
	border-left: none;
	border-right: none;
	height: 70px;
top: 70px !important;
}

.GstfLungoPeriodoPeriodStyle{
  font-size: 24px;
  color: #007dc0;

}


.SelfCloudStyledTab{
	width: 100%;
	height: 100%;
	color: white;
	font-family: 'Open Sans', sans-serif;
}

.SelfCloudStyledCell_att{
	text-align:left;
	vertical-align:top;
	padding: 25px;
	background: #007dc0;
	cursor: pointer;
	 -webkit-transition-duration: 0.4s; / Safari /
    transition-duration: 0.4s;
    width: 50%;
}

.SelfCloudStyledCell_att:hover{
	background: white;
	color: #007dc0;
	width: 50%;
	
}

.SelfCloudStyledCell_app{
	text-align:left;
	vertical-align:top;
	padding: 25px;
	background: #0f9d58;
	cursor: pointer;
		 -webkit-transition-duration: 0.4s; / Safari /
    transition-duration: 0.4s;
    width: 50%;
}
.SelfCloudStyledCell_app:hover{
	background: white;
	color: #0f9d58;
	width: 50%;
	
}

.SelfCloudStyledCell_res{
	text-align:left;
	vertical-align:top;
	padding: 25px;
	background: #ff7900;
	cursor: pointer;
		 -webkit-transition-duration: 0.4s; / Safari /
    transition-duration: 0.4s;
    width: 50%;
}
.SelfCloudStyledCell_res:hover{
	background: white;
	color: #ff7900;
	width: 50%;
	
}

.SelfCloudStyledCell_can{
	text-align:left;
	vertical-align:top;
	padding: 25px;
	background: #a6a6a6;
	cursor: pointer;
		 -webkit-transition-duration: 0.4s; / Safari /
    transition-duration: 0.4s;
    width: 50%;
}
.SelfCloudStyledCell_can:hover{
	background: white;
	color: #a6a6a6;
	width: 50%;
	
}

.SelfCloudStyledNum{
    
    text-align: center;
	font-size: 80px;
	vertical-align: middle;
	height: 100%;
}



.StyleMenuVeloceGreySc{
	text-align: center;
	border: 3px solid #a6a6a6;
	width: 94%;
}
.StyleMenuVeloceGreySc:hover{
  animation-name: stretchMVGSC;
  animation-duration: 1.0s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
  cursor: pointer; 
}
@keyframes stretchMVGSC {
to {
        color: white;
		background: #a6a6a6;
    }
    
}


.TabGadAnomalie{
	
	height: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}


.numberCircleTutti {
    behavior: url(PIE.htc); 
    position: center;
    position: relative;
    width: 100px;
    background: #fff;
    color: #007dc0;
    text-align: center;
    font-size: 60px;
    border: 2px solid #007dc0;
	border-radius: 50px;
	width: 130px;
}

.numberCirclePresenti {
    behavior: url(PIE.htc); 
    position: center;
    position: relative;
    width: 100px;
    background: #fff;
    color: green;
    text-align: center;
    font-size: 60px;
    border: 2px solid green;
	border-radius: 50px;
	width: 130px;
}

.numberCircleAssenti {
    behavior: url(PIE.htc); 
    position: center;
    position: relative;
    width: 100px;
    background: #fff;
    color: red;
    text-align: center;
    font-size: 60px;
    border: 2px solid red;
	border-radius: 50px;
	width: 130px;
}


#MainTopSearchComboBlack-input{


	border: 1px solid black !important;

	border-radius: 20px;

	background-color: transparent;

	height: 60px;

	text-align: center;

	color: black;

	font-size: 20px;


}


#MainTopSearchComboBlack > img{


	visibility: hidden;


}