﻿/*
.bgViewport {
	background-color: #fdfdfd !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed  !important;
	background-position: 50% 5%;
}
*/
.bgMain .x-panel-body {
	background-color: #fdfdfd !important;
	/*background-image: url(../../include/img/logo_.png) !important;*/
	background-repeat: no-repeat !important;
	background-attachment: fixed  !important;
	background-position: 50% 50%;
	/* background-position: 95% 90%; */
	/* background-position: bottom right !important; */
}

.bgMain .x-tabpanel-child .x-panel-body {
	background: #fff !important;
}

/*
.x-tab-bar-body-default {
	background-color: #EEE !important;
}
*/
.grid-row {
	font-weight: normal !important;
	background-color: transparent !important;
}


/********************************************
BUTTON  
*********************************************/

.btnWhite .x-btn-inner {
	color: white;
	font-size: 15px;
	/*font-weight: bold;*/
}

.btnOrange .x-btn-inner {
	color: #ff6d0b;
	font-size: 15px;
	/*font-weight: bold;*/
}

.btnGreen .x-btn-inner {
  color: #ffffff;
  background-color: darkgreen;
  /*font-size: 15px;*/
  /*font-weight: bold;*/
}
/*********************************************/

/********************************************
GRID  
*********************************************/
.item-vertical-align .x-grid-td {
	vertical-align: middle !important;
}

.x-column-header-inner {
    text-align: center !important;
}

.x-action-col-cell img {
  height: 16px;
  width: 16px;
}

.x-grid-group-hd {
    background-color: #99CCFF !important;
}

.noborder {
	border-left-width: 5px !important; 
}

.cell-blank-triangle {
	border: 0px solid black;
    background: linear-gradient(-45deg, red 6%, transparent 6%);
    background-color: white;
    color: black; 
    font-weight:bold; 
}

.cell-step1-triangle {
	  border: 1px solid black;
    background: linear-gradient(-45deg, red 6%, transparent 6%);
    background-color: blue;
    color: white; 
    font-weight:bold; 
}

.cell-step2-triangle {
	  border: 1px solid black;
    background: linear-gradient(-45deg, red 6%, transparent 76%);
    background-color: yellow;
    color: black; 
    font-weight:bold; 
}

.cell-complete-triangle {
	  border: 1px solid black;
    background: linear-gradient(-45deg, red 6%, transparent 6%);
    background-color: green;
    color: white; 
    font-weight:bold; 
}

/*********************************************/

/********************************************
TAB  
*********************************************/
.x-tab.x-tab-active.x-tab-transparent .x-tab-inner-transparent {
  color: #0f75bc !important;
  font-weight:bold  !important; 
}

.x-tab-over.x-tab-transparent .x-tab-inner-transparent {
  color: #0f75bc !important;
  font-weight:bold  !important;
}
/*********************************************/

.modificato {
    background-color : #FF0000 !important;
    color: white !important;
}

.ore_presenza_check {
    background-color : #FFD700 !important;
    color: black !important;
}

.ritardo {
    background-color : #FFD700 !important;
    color: black !important;
}

.row-disable {
  background-color: #d7d7d7 !important;
}

.row-da-autorizzare {
  background-color: #FFD700 !important;
  color: black !important;
}

/********************************************
Icon Color  
*********************************************/

.blackIcon {
    color: black !important;
}

.redIcon {
    color: red !important;
}

.darkredIcon {
    color: darkred !important;
}

.greenIcon {
    color: #33cc33 !important;
}

.blueIcon {
    color: #336699 !important;
}

.orangeIcon {
    color: #ff9900 !important;
}

.navyIcon {
    color: #183153!important;
}

/*********************************************/


/********************************************
FIELDSET  
*********************************************/

fieldset {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.classFieldset .x-fieldset-header-default > .x-fieldset-header-text {
color: #0f75bc;
font-weight: bold;
}

/*********************************************/

.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1999;background-color:#222;background-image:url(../img/preloader.gif);background-repeat:no-repeat;background-position:center center;}

.combobox-clear:before {
	color: red;
}

.festivo .x-grid-td {
    background-color : #DDD;
    color: brown;
}

.festivita .x-grid-td {
    background-color : #DDD;
    color: magenta;
    font-weight: bold;

    /*
    crimson
    firebrick
    magenta
    navy 
    red
    */
}

.feriale .x-grid-td {
    background-color : #FFF;
    color:black;
}
.licenziato .x-grid-td {
    background: linear-gradient(180deg, red 20%, transparent 20%);
}

.assunto .x-grid-td {
    background: linear-gradient(180deg, green 20%, transparent 20%);
}

.fa-2x {
  font-size: 1.3em !important;}

/*
.x-mask-msg {
  background: transparent;
}

.x-mask-msg-text {
  padding: 60px 30px 0;
  background-image: url('../img/loading.gif') !important;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center 0;
}
*/

.x-form-text-default.x-form-textarea {
  line-height: 15px;
  min-height: 10px !important;
}

.fa-eye, .fa-eye-slash {
    position: relative !important;
    right: -35px !important;
    top: 7px !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    /*color: #333 !important; */
    z-index: 2 !important;
}