sicura_1.7.x/sicura.web/WebContent/css/styles.css

body {
	background-color:white;
	font-size:11pt;
}

@media (max-width : 640px) {
	body {
		font-size:10pt;
	}

	.md-subheader .md-subheader-inner{
		padding:0!important;
	}
	
	.md-button{
		height: 36px;
	}

	.md-subheader-inner{
		padding-top:0!important;
		padding-bottom:0!important;
	}

}

.wrap-button{
	white-space:normal!important;
	line-height:normal!important;
}

.sidebar-buttons:first-child{
	margin-top:0!important;
}

.toolbar-button {
	width:140px!important;
}
.toolbar-long-button {
	width:auto!important;
}

.active-menu{
	background-color:forestgreen!important;
	color:white;
}

.virtualRepeatVerticalUsage #vertical-container {
	height: 100%;
 	width: 400%; 
	overflow: auto;
}

.virtualRepeatVerticalUsage .repeated-item {
	height: 40px;
	padding-top: 10px;
}

.virtualRepeatVerticalUsage md-content {
	margin: 16px;
}

.hilight:hover {
	background-color: #e8edff;
	cursor: pointer;
}

.title-label{
	text-align:left;
	width:100%;	
	color:#737373;
}

.button-icon{
	cursor:pointer;
	text-align:center;
}

.field-ok {
	background-color: white!important;
}

.field-ko {
	background-color: #ff5722!important;
}

.field-warn{
	background-color: rgb(255,194,102)!important;
}

.status-ok {
	border-left: 4px solid #4CAF50;
	margin: 2px;
	padding-left: 3px;
}
.status-warning {
	border-left: 4px solid rgb(255,194,102);
	margin: 2px;
	padding-left: 3px;
}
.status-error {
	border-left: 4px solid #ff5722;
	margin: 2px;
	padding-left: 3px;
}
.status-unknown {
	border-left: 4px solid #EBEF14;
	margin: 2px;
	padding-left: 3px;	
}
.status-autorizzata {
	border-left: 4px solid #EBEF14;
	margin: 2px;
	padding-left: 3px;	
}
.status-annullata {
	border-left: 4px solid #ff5722;
	margin: 2px;
	padding-left: 3px;
}
.status-in-generazione {
	border-left: 4px solid #4caf50;
	margin: 2px;
	padding-left: 3px;	
}
.status-disposta {
	border-left: 4px solid #EBEF14;
	margin: 2px;
	padding-left: 3px;
}
.status-validata {
	border-left: 4px solid #2b81cc;
	margin: 2px;
	padding-left: 3px;
}
.status-inviata {
	background-color: rgba(255,194,102,0.2);
	margin: 2px;
	padding-left: 3px;
}

.astatus-error {
	background-color: rgba(255,100,100,0.2);
	color:rgba(255,100,100,1);
	text-align:center;
}


.small-toolbar {
	min-height:38px!important;
	height:38px!important;
}

.small-toolbar-tools {
    font-size: 20px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 86px;
    max-height: 38px;
    padding: 0 16px;
    margin: 0;
}

.disabled-div {
	pointer-events: none;
}

.odd-row{
	background-color:white;	
}
.even-row{
	background-color:#f2f6fc; 
}
.date-flag{
	margin-top:10px;
}

.selectedRow {
  background: #fffccc!important;
}

.R1 {
	background-color:#fffe11;	
}
.R2{
	background-color:#fcaf3e;	
}
.R3{
	background-color:#fff9bf;
}
.R4{
	background-color:#ff6464;	
}
.Annullato{
	background-color: #ff6464;
}
.Incarico{
	background-color:rgba(0,204,255);
}

.Elaborato{
	background-color:#4CAF50;
}

.md-grid-item-content{
	width:120px!important;
}

/* IE hacks */
 @media all and (-ms-high-contrast:none){
     md-toast {
		  margin-left: auto;
		  margin-right: auto;
		  max-width:100%;
		  width:100%;
		}
 }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
   
 md-datepicker.field-ko {
	background-color: white!important;
}
   
    md-datepicker.field-ko  :not(input)  { 
 	background-color: white!important; 
 } 

 md-datepicker.field-ko  input  { 
 	background-color: #ff5722!important; 
 }   
}

.distinta-error {
	border-left: 4px solid #ff5722;
	margin: 2px;
	padding-left: 3px;
}
.distinta-predisposta {
	border-left: 4px solid #93b7ec;
	margin: 2px;
	padding-left: 3px;
}
.distinta-unknown {
	border-left: 4px solid #EBEF14;
	margin: 2px;
	padding-left: 3px;	
}
.distinta-autorizzata {
	border-left: 4px solid #EBEF14;
	margin: 2px;
	padding-left: 3px;	
}
.distinta-annullata {
	border-left: 4px solid #ff5722;
	margin: 2px;
	padding-left: 3px;
}
.distinta-in-generazione {
	border-left: 4px solid #f48942;
	margin: 2px;
	padding-left: 3px;	
}
.distinta-disposta {
	border-left: 4px solid #2b81cc;
	margin: 2px;
	padding-left: 3px;	
}
.distinta-validata {
	border-left: 4px solid rgb(255,194,102);
	margin: 2px;
	padding-left: 3px;
}
.distinta-inviata {
	border-left: 4px solid #4caf50;
	margin: 2px;
	padding-left: 3px;
}
.distinta-scartata {
	border-left: 4px solid #ad7fa8;
	margin: 2px;
	padding-left: 3px;
}

.distinta-error {
	border-left: rgba(255,100,100,0.2);
	color:rgba(255,100,100,1);
	text-align:center;
}
.small-screen-col-title{
	text-align:left;
	white-space:normal;
	text-transform: uppercase;
	color: gray;
	text-decoration: none;
}

.md-toast-confirm-theme {
	content: "\25AE";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
}

.md-subheader-inner{
	width:100%;
}

.no-overflow{
	overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    height:0;
}