﻿/* BackGround Generale Applicazione */
html, body .rvBg {
    /*background-color: #e0e0e0 !important;*/
}
/* Pagina Login */
/* sfondo login page */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { 
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
/* sfondo login page */
@media screen and (max-width: 1024px) {
    .LoginContent {      
        padding: 3em 2em 2em 2em;        
        background-color: #fafafa !important;
        border: 1px solid #ebebeb;
        box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
    }
}

@media screen and (min-width: 1024px) {
    .LoginContent {
         width: 380px;
        left:20%;
        padding: 3em 2em 2em 2em;
        background-color: #fafafa !important;
        border: 1px solid #ebebeb;
        box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
    }
}
/* Pagina Login */

/* set position logo */
.logo-avatar {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0px;
    margin: 0 auto;
    height: 36px;
    border-radius: 50%;
    box-sizing: content-box;
    transform-origin: 50% 0;
}

/* stile per avatar su toolbar con profilo utente */
.md-button.md-icon-avatar-button {    
    height: 40px;
    min-width: 0;
    padding: 0px !important;
    line-height: 0px;
    border-radius: 50%;
}
.avatar {
    height:36px;
    width:36px;
    border-radius: 50%;
}
/* stile per avatar su toolbar con profilo utente */

.login-rvBg {
    background-image: url('Images/fotolia_121853946.jpg');
    background-repeat: no-repeat;
    background-size: 100%; 
    position: relative;
}

/* rotazione 180 gradi */
.md-toggle-icon {
    display: block;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
}

.md-toggle-icon.toggled180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/* Tile Home Page */
md-grid-tile {
    background: white;
}

/* grid style */
/* top */
.ui-grid {
    border: 0px;
}
.ui-grid-top-panel {
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* footer grid */
.ui-grid-pager-control, .ui-grid-pager-max-pages-number, .ui-grid-pager-count {
    font-size: 12px;
    color: rgba(0,0,0,.54);
}

/* cell contents */
.ui-grid-cell-contents {
    font-size: 13px !important;
}
/* Rollover ui grid */
.ui-grid-row:nth-child(odd):hover .ui-grid-cell{
    background:#eeeeee
}
.ui-grid-row:nth-child(even):hover .ui-grid-cell{
    background:#eeeeee
}

.ui-grid-pager-control input {
    height:12px;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
    vertical-align: middle;
}

.ui-grid-cell {
    border-top: 1px rgba(0,0,0,.12) solid;
    border-right: 0px;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f5f5f5;
}

select.ui-grid-filter-select {
    font-size: 15px;    
    border-radius: 3px;
}

/* configurazione filtri select */
input[type="text"].ui-grid-filter-input, input[type="text"].ui-grid-filter-input:hover {
    font-size: 15px;    
    border-radius: 3px;
}

/* permette la selezione del testo, altrimenti disattiva se abilito selezione righe */
.ui-grid-selectable .ui-grid-disable-selection {
     -webkit-touch-callout: default;
     -webkit-user-select: text;
     -khtml-user-select: text;
     -moz-user-select: text;
     -ms-user-select: text;
     user-select: text;
     cursor:auto;
 }

/* custom grid height */
.customGridHeight{
    height:100%;
    overflow:hidden;
}

/* custom grid height */
.customLinkedGridHeight{
    height:150px;
    overflow:hidden;
}

/* custom grid heigh */
.customLinkedGridHeight220{
    height:220px;
    overflow:hidden;
}

/* custom grid heigh */
.customLinkedGridHeight300{
    height:300px;
    overflow:hidden;
}

/* custom grid heigh */
.customLinkedGridHeight500{
    height:500px;
    overflow:hidden;
}