:root {
  --f7-theme-color: #2980b9;
  --f7-theme-color-shade: #2980b9;
  --f7-theme-color-tint: #2980b9;
  --f7-theme-color-rgb: 255, 0, 0;
  --f7-label-text-color: #bb8888;
  --f7-list-item-after-text-color: #000;
  --f7-list-item-after-font-size: 1.15em;
  --f7-list-item-title-text-color: #000;
  --f7-login-screen-content-bg-color: #E0E0D9;
  --f7-login-screen-bg-color: #E0E0D9
}

/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
  display: none;
}

.view-main .navbar{
  background-color:var(--f7-page-bg-color);
}

/* con aurora*/
.page > .navbar, .view > .navbar, .views > .navbar {
  /* position: relative !important; */
}

.navbar .right .action-icon {
  padding-left: 10px;
}


/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
/*.ios .panel-left:not(.panel-visible-by-breakpoint).panel-active ~ .view-main:before,
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-closing ~ .view-main:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}*/

.action-icon{
  font-size: 35px;
  cursor: pointer;
  max-width: 35px;
}
.action-icon:hover{
  text-shadow: 0px 0px 5px #6b7fc3;
}

.toast.toast-bottom{
  right: 50px !important;
}

input:disabled{
  cursor: not-allowed;  
}

/*.item-inner.row_divider::before {
    content: '';
    position: absolute;
    background-color: var(--f7-list-item-border-color);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}*/

.item-inner.row_divider::before {
    content: '' !important;
    position: absolute !important;
    background-color: var(--f7-list-item-border-color);
    display: block !important;
    z-index: 15;
    top: auto !important;
    right: auto !important;
    bottom: 0;
    left: 0;
    height: 1px !important;
    width: 100% !important;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

.fab{
  opacity: 0.6;
}

.accordion-item-content{
  padding-left: 10px;
}
.accordion-item .item-title{
  color: #2196f3;
}

.input_custom {
  border-bottom: 1px solid #ddd !important;
  padding: 5px !important;
}

.input_custom.input-invalid{
  border: 1px solid #f00 !important;
}
.input-invalid {
  background-color: #FFBABA !important;
}
.smartselect-invalid > *{
  color: red !important;
}

input.input-focused{
  background-color: #ffe712 !important;
}

.row_corpo input.mask_interi, 
.row_corpo input.mask_importi, 
.row_corpo input.mask_anno, 
.row_corpo input.mask_perc {
  text-align: right;
}

form select {
  border: 1px solid #e0e0e0;
  /*padding: 5px;*/
  width: 100%;
  min-width: 190px;
}

.block-filter {
    margin-top: 130px !important;
    margin-bottom: 0px !important;
}
.aurora .block-filter {
    margin-top: 60px !important;
    margin-bottom: 0px !important;
}
.block-filter select {
    border: 1px solid #e0e0e0;
    padding: 5px;
    width: 100%;
    min-width: 190px;
}

hr{
  border: 1px solid #ddd;
}

.action-save {
  color: #fff; 
  right: 15px;
}
.action-save i{
  font-size: 40px;
}

.aurora .f7-icons, .aurora .material-icons {
  font-size: 24px;
}

div.selectize-dropdown-content > div {
  padding-left: 10px;  
}
div.selectize-dropdown-content > div > span{
  line-height: 25px; 
}

#main_menu .voce_menu.menu_active{
  background-color: #595959;
}


/* TRASFERTE */
.stato_tr_inserimento{
  background-color: #FFF;
}
.stato_tr_completa{
  background-color: #FFF838;
}
.stato_tr_completa:hover{
  background-color: #FFBA38 !important;
}
.stato_tr_check_ko{
  background-color: #FF0A0E;
}
.stato_tr_check_ko:hover{
  background-color: #FF9395 !important;
}
.stato_tr_check_ok{
  background-color: #5BAAFF;
}
.stato_tr_check_ok:hover{
  background-color: #007BFF !important;
}
.stato_tr_chiusa{
  background-color: #0AD143;
}
.stato_tr_chiusa:hover{
  background-color: #9ACEA9 !important;
}