/* RESET */

* {
   letter-spacing: 0.6px;
}

html, body {
   width: 100%;
   height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

body {
   line-height: 1;
   position: relative;
   background: url('../images/body.jpg');
   min-height: 100%;
   height: auto;
   font-family: Open Sans, sans-serif;
   font-size: 13px;
}

ol, ul {
   list-style: none;
}

blockquote, q {
   quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

a {
   text-decoration: none;
}

p strong {
   font-weight: bold;
}


/* TYPO */

i {
   font-style: italic;
}

h1 {
   font-size: 22px;
   font-weight: 800;
   letter-spacing: 1px;
   padding: 5px 0;
   color: #3E7DC3;
}

h2 {
   font-size: 20px;
   font-weight: 800;
   letter-spacing: 1px;
   padding: 5px 0;
}

h3 {
   font-size: 15px;
   font-weight: 800;
   padding: 5px 0;
}

h4 {
   font-size: 25px;
   font-weight: 600;
   letter-spacing: 1px;
   padding: 5px 0;
}

h5 {
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 1px;
   padding: 5px 0;
}

h6 {
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 1px;
   padding: 5px 0;
}

p {
   font-family: 'Open Sans', sans-serif;
}

.link_1, .link_1:visited {
   color: #3e7dc4;
   display: inline-block;
}

p.text_1 {
   padding: 10px;
   font-size: 14px;
   line-height: 18px;
   font-weight: 400;
   text-align: left;
}

p.text_1 strong {
   font-weight: 700;
}

p.text_1 span.alert {}

.red {
   color: #ff0000 !important;
}

p.text_2 {
   padding: 10px;
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
   text-align: justify;
}

p.text_2 strong {
   font-weight: 700;
}

p.text_3 {
   padding: 10px;
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
   text-align: right;
}

p.text_3 strong {
   font-weight: 700;
}

ul {
   font-family: 'Open Sans', sans-serif;
}

ul.list_1 {
   font-weight: 600;
}

ul.list_1 li {
   font-weight: 400;
   padding: 10px;
   font-size: 18px;
}

ul.list_1 li ul {
   font-weight: 400;
}

ul.list_1 li ul li {
   font-size: 14px;
   padding: 5px 20px;
}

ul.list_2 {
   background: #f2f2f2;
   margin: 0 20px;
   color: #717171;
}

ul.list_2 li {
   font-size: 14px;
   border-bottom: dotted 1px #949496;
   font-weight: 600;
   padding: 20px;
}

ul.list_2 li:first-child {
   border-top: dotted 1px #949496;
}

ul.list_2 li ul li {
   border: none;
}

ul.list_3 {
   list-style-type: disc;
   padding-left: 20px;
   font-size: 14px;
}

ul.list_3 li {
   padding: 5px 0;
}

ul.list_3 li ul {
   list-style-type: circle;
   padding-left: 40px;
}

ul.list_3 li ul li {
   font-size: 12px;
   padding: 5px 0;
}

ul.list_4 {
   color: #fff;
   font-weight: 700;
}

ul.list_4 li {
   background: #4C4C4C;
   display: inline-block;
   *float: left;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: 10px;
   text-shadow: 0 -1px 0 #000;
   -webkit-transition: all 300ms;
   -moz-transition: all 300ms;
   -ms-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

ul.list_4 li:hover {
   background: #2e2e2e;
   -webkit-transition: all 300ms;
   -moz-transition: all 300ms;
   -ms-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}

ul.list_4 a {
   color: #fff;
   text-decoration: none;
   display: block;
   padding: 20px;
}

ul.list_4 a span img {
   vertical-align: middle;
}


/* //RESET */

#wrapper {
   width: 100%;
   height: 100%;
   background: none;
}


/* CONTAINERS CLASSES */

.wrap_div {
   display: block;
   position: relative;
   width: 100%;
}

.content_block {
   display: block;
   position: relative;
   width: 960px;
   margin: 0px auto;
}

.column {
   float: left;
   display: block;
}

.fullwidth-block {
   width: 100%;
   float: left;
   clear: both;
}

.clearfix {
   width: 100%;
   clear: both;
   display: block;
   height: 1px;
}

.clearfix_high {
   width: 100%;
   clear: both;
   display: block;
   height: 15px;
}

.fullwidth {
   width: 100%;
}

.halfwidth {
   width: 50%;
}

.quarter {
   width: 25%;
}

.eightier {
   width: 12,5%;
}

.messagebox {
   text-align: center;
   padding: 15px;
   float: right;
   border-radius: 15px;
}

.messagebox.success {
   background-color: #00e600
}

.messagebox.error {
   background-color: #ff3300
}

.clform .fullwidth {
   width: 90%;
}

.clform .halfwidth {
   width: 45%;
}

.clform .quarter {
   width: 22%;
}

.clform .eightier {
   width: 11%;
}

.alignright {
   float: right !important;
}

.alignleft {
   float: left !important;
}

.text_align-center {
   text-align: center !important;
}

.text_align-right {
   text-align: right !important;
}

.text_align-left {
   text-align: left !important;
}

.freeblock {
   float: none !important;
}

.alignmiddle {
   vertical-align: middle;
}

.visible {
   display: block !important;
}


/* LOGIN */

#login_wrapper {
   width: 276px;
   height: 220px;
   padding: 10px;
   display: block;
   background-color: #fff;
   border: 1px solid #cdcdcd;
   border-radius: 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   box-shadow: 0 2px 2px -2px #ccc;
   position: absolute;
   left: 50%;
   margin-left: -150px;
   top: 50%;
   margin-top: -100px;
   behavior: url('PIE.htc');
}

#login_logo {
   position: absolute;
   left: 0px;
   top: -209px;
}

#login_tipo {
   position: absolute;
   left: 0px;
   top: -49px;
}

#login_footer {
   position: absolute;
   left: 0px;
   top: 250px;
   font-size: 10px;
   margin-left: 60px;
   color: #000;
}


/* //CONTAINERS CLASSES */

#top-bar {
   background: #222222;
   height: 34px;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 999;
   -webkit-box-shadow: 0px 1px 4px 0px #333;
   box-shadow: 0px 1px 4px 0px #333;
   border-bottom: 1px solid #555;
   behavior: url('PIE.htc');
}

#mike3p_logo_small {
   background: url('../images/mike3p_small.png') no-repeat center top;
   width: 91px;
   height: 25px;
   margin-left: 10px;
   margin-top: 3px;
   float: left;
}

.top_welcome {
   font-size: 13px;
   margin-left: 15px;
   color: #ccc;
   padding-top: 10px;
   float: left;
}

.top_welcome span {
   color: #fff;
   font-weight: 600;
}

.topnav {
   position: absolute;
   right: 20px;
   top: 0px;
}

.topnav li {
   float: left;
   display: inline-block;
}

.topnav li a, .topnav li a:visited {
   display: block;
   width: 20px;
   height: 27px;
   padding: 7px 8px 0px 8px;
}

.topnav li a:hover {
   background-color: #3e7dc4;
}

.topnav li a:active {
   background-color: #2c71b7;
   -webkit-box-shadow: inset 0px 2px 4px 0px #0b3255;
   box-shadow: inset 0px 2px 4px 0px #0b3255;
   behavior: url('PIE.htc');
}

.topnav li a img {
   width: 20px;
   height: 20px;
}

#mobile_portrait_currentposition {
   display: none;
}

#left_sidebar {
   /*width:280px;*/
   width: 260px;
   min-height: 100%;
   overflow: hidden;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 998;
   /*padding-top:30px;*/
   display: block !important;
   background: url('../images/side_bg.jpg') repeat-y left top;
   -webkit-box-shadow: 1px 0px 2px 0px #555;
   box-shadow: 1px 0px 2px 0px #555;
   behavior: url('PIE.htc');
}

#mobile_portrait_navbar {
   display: none;
}

#first_nav {
   background-color: #444;
   width: 80px;
   display: block;
   float: left;
   height: 100%;
   z-index: 99;
   position: relative;
   margin-top: 30px;
}

#open_menu_link {
   width: 55px;
   height: 55px;
   background: url('../images/icons/white/open_menu.jpg') no-repeat center top;
   display: block;
   position: absolute;
   top: 6px;
   right: 5px;
}

.nav {
   text-align: center;
   border-bottom: 1px solid #666;
   border-top: 1px solid #222;
   font-family: Open Sans, sans-serif;
   border-right: 1px solid #444;
}

.nav li {
   border-top: 1px solid #666;
   border-bottom: 1px solid #222;
   height: auto;
   overflow: hidden;
}

.sidebar_icons, .sidebar_icons:visited {
   display: block;
   position: relative;
   width: 100%;
   background-color: #333;
   text-align: center;
   font-size: 11px;
   color: #ddd;
   padding: 15px 0px 10px 0px;
   -transition: 300ms;
   -o-transition: 300ms;
   -moz-transition: 300ms;
   -webkit-transition: 300ms;
   float: left;
   background-image: url(about:blank);
}

.sidebar_icons:hover {
   background-color: #444;
}

.sidebar_icons img {
   width: 32px;
   height: 32px;
   border: 0;
}

.sidebar_icons span {
   display: block;
   padding-top: 4px;
   text-shadow: 0px 1px 1px #000000;
   color: #ddd;
}

.sidebar_icons:hover span {
   color: #fff;
}

.sidebar_icons:active {
   background-color: #222;
   -webkit-box-shadow: inset 0px 2px 3px 0px #000000;
   box-shadow: inset 0px 2px 3px 0px #000000;
   padding: 17px 0px 8px 0px;
   -transition: 100ms;
   -o-transition: 100ms;
   -moz-transition: 100ms;
   -webkit-transition: 100ms;
}

.sidebar_icons>b.menu_daleggere {
   position: absolute;
   min-width: 20px;
   padding-left: 2px;
   padding-right: 2px;
   box-sizing: border-box;
   height: 20px;
   border-radius: 20px;
   background-color: #ff0000;
   color: #fff;
   text-align: center;
   font-weight: bold;
   font-size: 9px;
   line-height: 18px;
   top: 10px;
   right: 10px;
   display: block;
}

.nav_current, .nav_current:visited, .nav_current:hover, .nav_current:active {
   background-color: #3e7dc3 !important;
   -webkit-box-shadow: inset 0px 2px 3px 0px #000000;
   box-shadow: inset 0px 2px 3px 0px #000000;
   padding: 17px 0px 8px 0px;
}

#second_nav {
   -webkit-box-shadow: 1px 0px 3px 0px #999;
   box-shadow: 1px 0px 3px 0px #999;
   background-color: #eee;
   /*width:200px;*/
   width: 180px;
   height: 100%;
   display: block;
   float: left;
   z-index: 98;
   margin-top: 30px;
}

.secondnav {
   text-align: left;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #ccc;
   margin-top: 6px;
}

.secondnav li {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #ccc;
   overflow: hidden;
   height: auto;
}

.secondnav>li>a>b {
   position: absolute;
   min-width: 20px;
   padding-left: 2px;
   padding-right: 2px;
   box-sizing: border-box;
   height: 20px;
   border-radius: 20px;
   background-color: #ff0000;
   color: #fff;
   text-align: center;
   font-weight: bold;
   font-size: 9px;
   line-height: 18px;
   top: 1px;
   right: 1px;
   display: block;
}

.has_submenu a.main_link {
   background-image: url('../images/menu-arrow.png');
   background-repeat: no-repeat;
   background-position: 188px center;
}

.secondnav li {
   float: left;
   display: block;
   width: 100%;
}

.secondnav li a.main_link, .secondnav li a.main_link:visited {
   display: block;
   position: relative;
   width: 100%;
   background-color: #ddd;
   text-align: left;
   font-size: 14px;
   font-weight: 600;
   color: #444;
   padding: 10px 0px 10px 10px;
   float: left;
   box-sizing: border-box;
}

.secondnav li a.main_link:hover {
   background-color: #eee;
   color: #222;
}

.secondnav li a.main_link:hover span {
   color: #222;
}

.secondnav li a.main_link:active {
   background-color: #ccc;
   -webkit-box-shadow: inset 0px 2px 3px 0px #777;
   box-shadow: inset 0px 2px 3px 0px #777;
   padding: 12px 0px 8px 10px;
   color: #000;
}

.has_submenu a.secondnav_current {
   background-image: url('../images/menu-arrow_current.png') !important;
   color: #FFFFFF !important;
   background-repeat: no-repeat;
   background-position: 184px center !important;
   background-color: #3E7DC3 !important;
   border-bottom: 1px solid #888;
}

.secondnav_current, .secondnav_current:visited, .secondnav_current:hover, .secondnav_current:active {
   background-color: #a1a1a1 !important;
   -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5) !important;
   box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5) !important;
   padding: 12px 0px 8px 10px !important;
   color: #111 !important;
}

.secondnav_submenu {
   height: 0px;
   overflow: hidden;
   float: left;
   width: 100%;
}

.opensubmenu {
   height: auto !important;
   border-bottom: 2px solid #444;
}

.secondnav_submenu a, .secondnav_submenu a:visited {
   background-color: #a1a1a1;
   display: block;
   padding: 8px 5px 8px 15px;
   -transition: 200ms;
   -o-transition: 200ms;
   -moz-transition: 200ms;
   -webkit-transition: 200ms;
   color: #fff;
   font-size: 11px;
   border-bottom: 1px dotted #777;
}

.secondnav_submenu a:hover {
   background-color: #666;
   color: #fff;
   -transition: 200ms;
   -o-transition: 200ms;
   -moz-transition: 200ms;
   -webkit-transition: 200ms;
}

.secondnav_submenu a:active {
   background-color: #444;
   color: #fff;
   -webkit-box-shadow: inset 0px 2px 3px 0px #222;
   box-shadow: inset 0px 2px 3px 0px #222;
   -transition: 100ms;
   -o-transition: 100ms;
   -moz-transition: 100ms;
   -webkit-transition: 100ms;
}

.secondnav_submenu a.submenu_current, .secondnav_submenu a.submenu_current:visited, .secondnav_submenu a.submenu_current:hover, .secondnav_submenu a.submenu_current:active {
   background-color: #666;
   color: #fff;
   -transition: 200ms;
   -o-transition: 200ms;
   -moz-transition: 200ms;
   -webkit-transition: 200ms;
}

#content {
   /*margin-left:280px;*/
   margin-left: 260px;
   padding-top: 40px;
   height: auto;
   overflow: hidden;
   border-radius: 2px;
}

#content_tablet_mobile_overlay {
   width: 100%;
   height: 100%;
   background: #000;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 99;
   display: none;
}

.grid-container {
   max-width: none;
}

.section {
   padding: 10px;
   display: block;
   background-color: #fff;
   border: 1px solid #cdcdcd;
   border-radius: 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   box-shadow: 0 2px 2px -2px #ccc;
   position: relative;
}

.mygrid {
   margin-top: 15px;
}

.table {
   width: 100%;
   font-size: 12px;
}

.table tr th {
   background-color: #eee;
   font-weight: 700;
   color: #333;
   border-bottom: 1px solid #ccc;
   padding: 12px 3px;
   font-size: 90%;
   height: 20px;
   vertical-align: middle;
}

.table tr th:hover {
   background-color: #ddd;
   color: #000;
}

.table tr td {
   background-color: #ffffff;
   color: #666;
   border-bottom: 1px dotted #ccc;
   border-right: 1px dotted #eee;
   padding: 12px 6px;
   vertical-align: middle;
}

.table tr.daleggere td {
   background-color: #ffc7c7;
}

.table tr.old td {
   background-color: #de4e4e !important;
   color: #ffffff !important;
}

.table tr.old:hover td {
   background-color: #af2e2e !important;
   color: #ffffff !important;
}

.table tr:hover td {
   background-color: #f4f4f4;
   color: #222;
   border-bottom: 1px dotted #999;
   border-right: 1px dotted #aaa;
}

.tablesorter-header {
   cursor: pointer;
   padding-right: 15px !important;
   background-image: url('../images/arrow_both.png');
   background-repeat: no-repeat;
   background-position: right center;
}

.tablesorter-headerDesc {
   background-image: url('../images/arrow_desc.png');
   background-color: #ccc !important;
   color: #000 !important;
}

.tablesorter-headerAsc {
   background-image: url('../images/arrow_asc.png');
   background-color: #ccc !important;
   color: #000 !important;
}

.table tr th:active {
   -webkit-box-shadow: inset 0px 2px 5px 0px #888;
   box-shadow: inset 0px 2px 5px 0px #888;
   border-color: #eee !important;
}

.table_grid-xs {
   width: 5%;
}

.table_grid-s {
   width: 25%;
}

.table_grid-m {
   width: 25%;
}

.table_grid-l {
   width: 45%;
}

.clform {
   position: relative;
   overflow: hidden;
   height: auto;
   line-height: 12px;
}

.clform label, .formblock {
   background: #fff;
   float: left;
   display: inline-block;
   min-height: 35px;
   padding: 13px 6px 6px 6px;
   vertical-align: middle;
   margin-left: 5px;
   position: relative;
}

.formblock a {
   padding-top: 8px;
}

.clform label>span {
   font-size: 12px;
   color: #777;
   position: absolute;
   top: 0px;
   left: 10px;
   height: 14px;
   display: block;
}

.clform label:hover span, .formblock:hover span {
   color: #000;
}

.clform .inputfield {
   position: relative;
   padding: 5px;
   border-radius: 4px;
   -webkit-box-shadow: 0 0 1px #fff;
   -moz-box-shadow: 0 0 1px #fff;
   box-shadow: 0 0 1px #fff;
   behavior: url('PIE.htc');
   border: 1px solid #ccc;
   width: 98%;
   margin: 2px 0px;
}

.clform .inputfield:hover {
   border-color: #50B1FE;
}

.clform .inputfield:focus {
   -webkit-box-shadow: 0 0 7px #6DB9FF;
   -moz-box-shadow: 0 0 7px #6DB9FF;
   box-shadow: 0 0 7px #6DB9FF;
   border-color: #50B1FE;
   outline: none;
}

select.inputfield {
   padding: 4px !important;
}

textarea {
   font-family: Arial, sans-serif;
}

.input-xxxxl {
   width: 750px;
}

.input-xxxl {
   width: 500px;
}

.input-xxl {
   width: 400px;
}

.input-xl {
   width: 300px;
}

.input-l {
   width: 200px;
}

.input-m {
   width: 160px;
}

.input-s {
   width: 80px;
}

.input-xs {
   width: 40px;
}

.input-xxs {
   width: 30px;
}


/*
   .input-10{width:98%;}
   .input-9{width:88%;}
   .input-8{width:78%;}
   .input-7{width:68%;}
   .input-6{width:58%;}
   .input-5{width:48%;}
   .input-4{width:38%;}
   .input-3{width:28%;}
   .input-2{width:18%;}
   .input-1{width:8%;}
   */

.submit_btn {
   vertical-align: middle;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   cursor: pointer;
   zoom: 1;
   border: 1px solid #ccc;
   background: rgb(252, 252, 252);
   /* Old browsers */
   background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(224, 224, 224, 1)));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
   /* Opera11.10+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0', GradientType=0);
   /* IE6-9 */
   background: linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
   /* W3C */
   overflow: visible;
   font-weight: normal;
   font-size: 14px;
   /*Pixels for consistancy*/
   text-shadow: 0 1px 0 #fff;
   color: #666;
   padding: 4px 7px;
   border-radius: 3px;
   ###float: left;
}

.submit_btn:hover {
   border: 1px solid #bbb;
   background: rgb(252, 252, 252);
   /* Old browsers */
   background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
   /* Opera11.10+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed', GradientType=0);
   /* IE6-9 */
   background: linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
   /* W3C */
}

.submit_btn:active {
   -webkit-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2), inset 0px -10px 20px rgba(0, 0, 0, 0.07);
   -moz-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2), inset 0px -10px 20px rgba(0, 0, 0, 0.07);
   box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2), inset 0px -10px 20px rgba(0, 0, 0, 0.07);
}

.secondnav {
   display: none;
}

.secondnav.current {
   display: block;
}

.cal_header_table, .cal_table, .cal_days_table {
   border-collapse: separate !important;
   border-spacing: 5px !important;
}

@media (max-width: 1060px) {
   .section {
      overflow-y: auto;
   }
}

.descrizione textarea {
   min-height: 100px;
}

@media print {
   #non-printable {
      display: none;
   }
   #printable {
      display: block;
   }
   #content {
      margin-left: 0px;
   }
   #calcal {
      display: none;
   }
   .submit_btn {
      display: none;
   }
}

.hide {
   display: none;
}

@media (max-width:1024px) {
   .table_genera td {
      display: block;
   }
   .table_genera thead {
      display: none;
   }
   .tablet {
      display: block !important;
   }
}

.break_words{
      word-break: break-word;
}