/**
* cyan border a1c6f5
* cyan bg box d7ecfa
* blue btn 0078d7
*/


/*******************************************************************************
* form
- inet_tform
*/

.field_must {
}
.field_err {
    color: red;
}
.label_must {
    font-weight: bold;
}




/*******************************************************************************
* menu tools
* <div class="inet_tools">
* <ul class="ul-no-style agridtb">
* <li><a></a
*/


.inet_tools {
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-size: 90%;
}
.inet_tools_sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}

.inet_tools form {
}
.inet_tools table {
    margin: 0;
}
.inet_tools td {
    vertical-align: top;
}
.agridtb {
    display: inline-block;
}
.agridtb li {
    display: inline-block;
    padding-right: 1em;
}
.agridtb a {
    /*background-color: #eee;*/
    color: inherit;
}
.agridtb .selected {
    background-color: #a1c6f5;
}
.agridtb_toggler { /* = Azioni */
    display: none;
}
.nextone_div { /* paginatore fuori menu azioni su mobile */
    display: inline-block;
    margin-left: 1em;
}
.nextone_div button {
    margin-left: 4px;
}
@media (max-width: 768px) {
    .agridtb_toggler {
	display: inline-block;
    }
    .agridtb {
	display: none;
    }
    .inet_tools form {
	display: inline-block;
    }
    .inet_tools_on .agridtb_toggler {
    	border-color: transparent;
    }
    .inet_tools_on .agridtb {
	display: block;
    }
    .inet_tools_on form {
    	display: block;
    }
    .agridtb > li {
    	display: block;
    	padding: 4px 0 4px 1em;
    	border-left: 2px solid #eee;
    }
}


#div_filter {
}







/*******************************************************************************
* lista inet_tlist table grid
* <table class="inet_tlist"></table>
*/

/* container con scrollbar */
.inet_tdiv {
    overflow-x: auto;
    /*max-height: 65vh;*/
}
.inet_tdiv_full { /* max view con scroll */
    overflow-y: auto;
    /*max-width: 80vw;*/
    /*max-height: 80vh;*/
}
@media print {
    .inet_tdiv {
    	overflow-x: visible;
    }
    .inet_tdiv_full {
    	max-width: none;
    }
}
@media (max-width: 768px) {
    .inet_tdiv_full {
    	max-width: none;
    }
}

.inet_tlist {
    width: 100%;
    /*table-layout: fixed; fa sparire le colonne strette su mobile */
    border-spacing: 0px;
    overflow: auto;
    border-left: 1px dotted #a1c6f5;
    border-top: 1px solid #a1c6f5;
    font-size: 90%;
}
.inet_tlist tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.inet_tlist th,.inet_tlist td {
    vertical-align: top;
    border-right: 1px dotted #a1c6f5;
    border-bottom: 1px solid #a1c6f5;
    padding: 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inet_tlist th {
    text-align: center;
    background-color: #fff; /*opacity x stickyTableHeaders*/
    min-width: 2em;
}
.inet_super td { /* group by */
    padding-top: 8px;
    font-size: 180%;
}
.inet_sum td,.inet_sum th { /* sum subtotali */
    padding-top: 8px;
    background-color: #fff;
    font-size: 110%;
}
.inet_titem {
    cursor: pointer;
}
.inet_trecent { /* riga recentemente modificata */
    font-weight: bold;
}
.inet_tlist tr.inet_hi { /* evidenzia riga verde */
    background-color: #efe;
}
.inet_tlist tr.inet_toff { /* riga cestinata */
    background-color: #ddd;
    opacity: 0.7;
}
.inet_tlist tr.inet_treserve { /* flag applicativo */
    background-color: #f0f0f0;
}
.inet_tlist tr.inet_tr_green { /* green */
    background-color: #efe;
}
.inet_tlist tr.inet_tr_red { /* red */
    background-color: #fdd;
}
.inet_tr_preview { /* anteprima */
    opacity: 0.6;
    font-size: 90%;
}
.inet_tr_checked { /* checkbox */
}
.inet_small { /* .inet_big */
    font-size: 70%;
}
.inet_large { /* .inet_big */
    font-size: 140%;
}
.inet_tips { /* suggerimenti */
    padding-top: 4px;
    opacity: 0.7;
    font-size: 80%;
    font-style: italic;
}
/* tools */
.inet_tedit {
    visibility: hidden;
    padding-top: 1em;
    padding-left: 1em;
    opacity: 0.7;
    white-space: nowrap;
}
.inet_tedit.selected {
    visibility: visible;
}
.inet_tedit a.selected {
    font-weight: bold;
}
tr:hover .inet_tedit {
    visibility: visible;
}

.td_nr { /* colonna con nr progressivo */
    white-space: nowrap;
    font-size: 70%;
    /*background-color: #eee;*/
}

.td_num { /* colonna numero */
    text-align: right;
    white-space: nowrap;
}
.td_center {
    text-align: center;
}
.td_date {
    white-space: nowrap;
    text-align: center;
}
.td_short {
    white-space: nowrap;
    text-align: center;
}



/*
* colori
*/
.bgco_white {
    background-color: #fff !important;;
}
.bgco_white70 {
    background-color: rgba(255,255,255,0.7) !important;;
}
.bgco_azzurro {
    background-color: #0078d7;
    background-color: #cceeff !important;;
}
.bgco_azzurro70 {
    background-color: rgba(0,120,215,0.1); /*#0078d7;*/
    background-color: rgba(204,238,255,0.7) !important;; /*#cceeff;*/
}
.bgco_rosa {
    background-color: #fee !important;;
}
.bgco_rosa70 {
    background-color: rgba(255,238,238,0.7) !important;; /*#fee;*/
}
.bgco_yellow,.td_yellow {
    background-color: #ff0 !important;;
}
.bgco_paglia,.td_paglia {
    background-color: #ffa !important;;
}
.bgco_green,.td_green {
    background-color: #afa !important;; /*vs #efe */
}
.bgco_green70 {
    background-color: rgba(170,255,170,0.7) !important;
}
.bgco_orange,.td_orange {
    background-color: #fa0 !important;;
}
.fgco_green {
    color: #0b0 !important;;
}
.fgco_red {
    color: #f40 !important;;
}
.inet_tsum {
    text-align: center;
}






/*******************************************************************************
* immagine su nuovo elemento, con stellina
*/
.inet_ti_new {
    background: transparent url(./img/new-item-1.png) no-repeat 0 0;
}
.inet_ti_ico {
}



.inet_bgco { /* inet_stus generico status block */
    font-size: 90%;
    border-radius: 8px;
    padding: 1px 4px;
    white-space: nowrap;
}




/*******************************************************************************
* table.inet_tlist /celle di ordinamento
* <th class="orderbyable"></th>
*/


/* grid table th or td with orderby option */
.orderbyable,.orderbyasc,.orderbydesc,.orderbyoff {
}
.orderbyable {
    background: transparent url(./img/orderby-on-2.png) no-repeat right center;
    padding-right: 11px;
    cursor: pointer;
}
.orderbyasc {
    border-top: 1px solid #a1c6f5;
    background: transparent url(./img/orderby-asc-2.png) no-repeat right center;
    padding-right: 11px;
    cursor: pointer;
}
.orderbydesc {
    border-top: 1px solid #a1c6f5;
    background: transparent url(./img/orderby-desc-2.png) no-repeat right center;
    padding-right: 11px;
    cursor: pointer;
}
.orderby6em {
    width: 6em; /* mtime mepoch */
}
.orderbyhidecol {
    width: 0px;
    max-width: 0px;
    background: transparent none; /*evita orderby icons */
    font-size: 0;
}
.orderbyhideonmobile {
}
@media (max-width: 768px) {
    .orderbyhideonmobile {
    	width: 0px;
    	max-width: 0px;
    	font-size: 0;
    	background: transparent none;
    }
}


/*******************************************************************************
* tabs ul inet_utab: tab su inet_tlist
*/

.inet_utab ul {
}
.inet_utab li {
    display: inline-block;
    border: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    margin-right: 2px;

    color: #000;
    border-top: 3px solid #ccc;
    background-color: #eee;
    border-radius: 5px 5px 0 0;
}
.inet_utab a {
    display: block;
    padding: 8px;
    color: #000;
    color: inherit;
}
.inet_utab li.selected {
    font-weight: bold;
    background-color: #fff;
    border-top: 3px solid #0078d7;
}
@media print { /* xilter_list */
    .inet_utab {
    	display: none;
    }
}





/* table inet_tform: form di input */
/* deprecating */
table.inet_tform {
    width: 100%;
    table-layout: fixed;
    font-size: 90%;
}
table.inet_tform td {
    vertical-align: top;
    border-bottom: 1px dotted #a1c6f5;
    padding: 3px 5px;
}
table.inet_tform > tbody > tr > td:first-child { /* evita le tabelle nested */
    width: 128px;
    text-align: right;
}
table.inet_tform input[type="text"],table.inet_tform input[type="email"] {
    width: 90%;
}
table.inet_tform textarea {
    font-family: Arial;
    width: 90%;
}

/* div inet_tform: form di input responsive */

.aform_div {
    width: 100%;
}
.aform_row {
    display: block;
}
.aform_tcn_hide {
    display: none;
}
.aform_tcn_dynhide { /*inet_hidden*/
    display: none;
}



.aform_lab, .aform_val {
    vertical-align: top;
    display: inline-block;
    padding: 3px 4px;
}
.aform_lab {
    width: 9em;
    text-align: right;
}

.aform_val {
}
.aform_val {
    width: 70%;
    width: calc(100% - 9em - 32px);
}
.aform_val100 {
    width: 100%;
}
.aform_val input[type="text"],.aform_val input[type="email"],.aform_val input[type="tel"] {
    width: 90%;
}
.aform_val textarea {
    font-family: Arial;
    width: 90%;
}
.aform_labval input[type="text"],.aform_labval input[type="email"],.aform_labval input[type="tel"],.aform_labval textarea { /* see postwg_keypat */
    width: auto;
}

.aform_table { /* ovvero .aform_val  table */
    border-collapse: collapse;
}
.aform_table th,.aform_table td {
    border: 1px solid #ddd;
    padding: 2px;
}
.aform_labval {
    white-space: nowrap;
    /*bug display: inline-block; vedi comune cap prov */
    vertical-align: top;
}


@media (max-width: 500px) {
    .aform_lab {
    	display: block;
	width: 100%;
	text-align: left;
	font-style: italic;
    }
    .aform_val {
    	display: block;
	width: 100%;
	overflow: auto;
    }
    .aform_labval {
    	/* dalle alle crist display: block; */
    }
}

.wgdc_hide {
    display: none;
}

.inet_hidden {
    display: none;
}

.atips {
    opacity: 0.7;
    font-size: 80%;
    font-style: italic;
}


/* form di filter div.inet_filters_pop table  */

.inet_filters {
    position: relative;
}
.inet_filters .inet_filters_pop {
    position: absolute;
    background-color: #fefefe;
    font-size: 90%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 4px;
    border-color: rgba(0, 0, 0, .2);
    padding: 5px;
    z-index: 102;
    min-width: 540px;
}
.inet_filters_pop input,.inet_filters_pop select,.inet_filters_pop textarea,.inet_filters_pop button {
    font-size: 90%;
}
.inet_filters_close {
    position: absolute; top: -1.5em; right: 0;
    background-color: #fefefe;
    background-color: #eee;
    display: block;
    padding: 0.2em 0.5em;
}
.inet_filters_labs {
    font-size: 90%;
    opacity: 0.5;
    padding: 2px 1em;
}


/*******************************************************************************
* bottoni dlg o bottoni a pie' di gui
* <div class="inet_buttons"><button type="button>
*/


.inet_buttons {
    margin: 1em 0;
    padding: 8px;
}
.inet_buttons_right {
    float: right;
    text-align: right;
}
.inet_buttons form {
    display: inline;
}
.inet_buttons_here { /* inet_buttons no float off */
}
.inet_buttons_bottom {
}
@media (min-width: 768px) {
    .inet_buttons_bottom {
    	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	/* width: 90%; 22/9/22 non va su odp */
	min-width: 50%; /* 22/9/22 non va su odp */
	margin: 0 5%;
	/*height: auto; margin-left: 10%; margin-right: 10%;*/
	z-index: 1;
	padding: 1em 1em 2em 1em;
	background-color: #eee;
	border: 1px solid #ddd; border-bottom: 0px solid #ddd;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px -5px 10px rgba(0, 0, 0, .2);
    }
}
@media (max-width: 768px) {
    .inet_buttons_right {
	margin-top: 1em;
	margin-left: 3em;
	float: none;
    }
}
.inet_buttons button {
    padding: 0.5em 0.5em;
    margin-right: 0.6em;
}
.inet_buttons button:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
}
.inet_default {
    font-weight: bold;
}
.inet_longtime { /* non aspettare che finisca */
}

.inet_secondo {
}
.inet_cancel {
    border-color: transparent;
    text-decoration: underline;
}
button.inet_cancel {
    margin-right: 3em;
}
.inet_remove {
    /* color: #ee6611; */
}
.field_submitted {
    opacity: 0.4;
}



/*******************************************************************************
* page pager
* <div class="inet_buttons"><button type="button>
* <div class="inet_pager" style="position: relative;">';
*   <a href="#">
*/

.inet_pager {
}


/* note in calce alla dialog */
.inet_notes {
    font-size: 90%;
    font-style: italic;
    opacity: 0.8;
    padding: 2em 1em;
}
@media print {
    .inet_notes {
    	display: none;
    }
}






/* form items */
.trtoggler_div {
    border-bottom: 1px solid #999;
}
.trtoggler_a {
    display: block;
    margin: 10px 20% 0 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 2px solid #999;
    border-radius: 9px 9px 0 0;
}
.trtoggler_on {
    background: #eee url(./img/trtoggler-on-1.png) no-repeat 99% center;
    padding: 10px 0px 10px 15px;
    position: relative;
    font-size: 120%;
}
.trtoggler_off {
    background-color: #ccc;
    background: #ccc url(./img/trtoggler-off-1.png) no-repeat 99% center;
    padding: 5px 0px 5px 10px;
}

@media print {
    .inet_tools,.inet_buttons,.inet_topbuttons {
	display: none;
    }
}





.m1wg_label {
    font-weight: bold;
}
.m1wg_value {
}





/*******************************************************************************
* colori generici
* - a_cyan_bg da crm e xprimo
*/


.a_cyan_bg {
    background-color: #eef7ff;
}