/**
* 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 table {
    margin: 0;
}
.inet_tools td {
    vertical-align: top;
}
.agridtb {
    padding: 4px 2px 2px 2px;
}
.agridtb li {
    display: inline-block;
    padding-right: 1em;
}
.agridtb a {
    color: inherit;
}
.agridtb .selected {
    background-color: #a1c6f5;
}
.agridtb_toggler {
    display: none;
}
@media (max-width: 768px) {
    .agridtb_toggler {
	display: block;
    }
    .agridtb {
	display: none;
    }
    .inet_tools_on .agridtb_toggler {
    	border-color: transparent;
    }
    .inet_tools_on .agridtb {
	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>
*/


.inet_tdiv {
    overflow-x: auto;
}
.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 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 {
    padding-top: 8px;
    font-size: 180%;
}
.inet_titem {
    cursor: pointer;
}
.inet_trecent { /* riga recentemente modificata */
    font-weight: bold;
}
.inet_hi { /* evidenzia riga */
    background-color: #ffd;
}
.inet_toff { /* riga cestinata */
    background-color: #ddd;
    opacity: 0.7;
}
.inet_treserve { /* flag applicativo */
    background-color: #f0f0f0;
}
.inet_tr_preview { /* anteprima */
    opacity: 0.6;
    font-size: 90%;
}
.inet_tr_checked { /* checkbox */
}

.inet_tips {
    padding-top: 4px;
    opacity: 0.7;
    font-size: 80%;
    font-style: italic;
}
.inet_bgco {
    font-size: 90%;
    border-radius: 8px;
    padding: 1px 4px;
    white-space: nowrap;
}

/* tools */
.inet_tedit {
    visibility: hidden;
    padding-top: 1em;
    padding-left: 1em;
    opacity: 0.7;
    white-space: nowrap;
}
.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%;
}

.td_num { /* colonna numero */
    text-align: right;
    white-space: nowrap;
}
.td_center {
    text-align: center;
}
.td_yellow {
    background-color: yellow;
}

.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 {
}




/*******************************************************************************
* 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;
}
.inet_utab li.selected {
    font-weight: bold;
    background-color: #fff;
    border-top: 3px solid #0078d7;
}





/* 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_table { /* ovvero .aform_val  table */
    border-collapse: collapse;
}
.aform_table th,.aform_table td {
    border: 1px solid #ddd;
    padding: 2px;
}


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


.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: 480px;
}
.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 {
	position: fixed;
	bottom: 0; left: 10%; width: 80%; /*height: auto;*/
	z-index: 1;
	padding: 1em 1em 2em 1em; margin-bottom: 0; /* edge bottom url */
	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;
	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_cancel {
    border-color: transparent;
    text-decoration: underline;
}
.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: #d7ecfa;*/
    background-color: rgba(0,120,215,0.1); /*#0078d7;*/
}