/* LIST table */
table.tablesorter {
	font-family:'JetBrains Mono', sans-serif;
	background-color: #7626d7;
	font-size: 24pt;
	width: 100%;
	text-align: left;
	margin-left: -10px;

}
table.tablesorter thead tr th {
	font-family:'JetBrains Mono', sans-serif;
	font-weight: 300; 
	background-color: #7626d7;
	border: 0px solid #FFF;
	font-size: 10pt;
	font-weight: 300; 
	color: #FFFFFF;
	padding: 4px;
}

table.tablesorter tfoot tr th {
    font-family:'JetBrains Mono', sans-serif;
	font-weight: 300; 
	background-color: #7626d7;
	border: 0px solid #FFF;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/css/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	font-size: 14pt;
	color: #424242;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/css/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/css/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #7626d7;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media all and (min-width: 100px) and (max-width: 959px) {
    table.tablesorter td.col_1{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

@media all and (min-width: 100px) and (max-width: 959px) {
    table.tablesorter tr th.col_1{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

@media all and (min-width: 100px) and (max-width: 767px) {
    table.tablesorter td.col_2{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

@media all and (min-width: 100px) and (max-width: 767px) {
    table.tablesorter tr th.col_2{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 600px */
@media all and (min-width: 100px) and (max-width: 767px) {
    td.col_2{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media all and (min-width: 480px) and (max-width: 599px) {
    td.col_3{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media all and (max-width: 479px) {
    td.col_4{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
}


.titol {
	font-size: 9pt;
    line-height: 16px;
}

#ex4 img { 
		border: 1px solid white; 
	} 
#ex4 img:hover { 
		outline: solid 3px #9c4bff;
	} 
	

/*  #Page Sorter
================================================== */

/* pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}