div.epv_tab {}     div.horizontalTab, div.verticalTab {position:relative;margin:10px 0px 0px 0px;} .tabsmenucontainer {border:1px solid #eee;position:relative;cursor:pointer;background-color:#fafafa;} .tabsmenucontainer:before {content:'\f0c9';font-weight:900; font-family:'Font Awesome 5 Free';font-size:30px;position:absolute;right:7px;z-index:1;top:2px} div.verticalTab .tabsmenucontainer > ul.menu {margin:0px;padding:0px;position:absolute;z-index:2;left:2px;width:70%;margin-top:60px;padding-top:60px} div.verticalTab .tabsmenucontainer > ul.menu > li {position:relative;z-index:2;background-color:#f2f2f2;list-style-type:none; margin:5px 0px 0px 0px;padding:6px 10px 4px 10px; text-align:left;clear:both;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;cursor:pointer;color:#777;font-size:9pt;width:78px} div.verticalTab > div.tab {padding:10px;border:1px solid #ddd;z-index:1;background-color:#fff;vertical-align:top;float:left;left:100px;} div.horizontalTab > div.tab {border:1px solid #888;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;float:none;clear:both;padding:10px;z-index:1;background-color:#fff} div.horizontalTab > ul.menu li.inactiva {text-decoration:line-through} div.horizontalTab ul.menu li.selected, div.verticalTab ul.menu li.selected {background-color:transparent;color:#000;font-weight:bold} div.epv_tab ul.menu li:not(.selected):hover {color:#000;background-color:#ddd} .menu { display:flex; justify-content:space-between; padding:0; margin:0; list-style:none; flex-direction:column; height:55px; overflow:hidden; } .menu li { z-index:2; background-color:#f2f2f2; width:auto; height:53px; box-sizing:border-box; flex:0 0 auto; display:flex; justify-content:left; align-items:center; color:#777; padding-left:10px; border-bottom:1px dotted #aaa } .abierto { height:auto !important; -webkit-box-shadow:-2px 2px 10px 2px rgba(0, 0, 0, 0.132); -moz-box-shadow:-2px 2px 10px 2px rgba(0, 0, 0, 0.132); box-shadow:-2px 2px 10px 2px rgba(0, 0, 0, 0.132); } li.selected { -webkit-box-ordinal-group:-1;  order:-1; } @media screen and (min-width:768px) { li.selected { -webkit-box-ordinal-group:0;  order:0; } .abierto { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .tabsmenucontainer {border:0px;background-color:transparent;} .tabsmenucontainer:before {display:none} div.verticalTab .tabsmenucontainer > ul.menu {margin:0px;padding:0px;position:relative;z-index:2;left:2px;width:100px} div.verticalTab .tabsmenucontainer > ul.menu > li {position:relative;z-index:2;list-style-type:none;margin:5px 0px 0px 0px;padding:6px 10px 4px 10px;text-align:left;float:none;clear:both;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;cursor:pointer;color:#777;font-size:9pt;width:78px} div.verticalTab > div.tab {padding:10px;border:1px solid #ddd;z-index:1;background-color:#fff;vertical-align:top;float:left;left:100px;} div.horizontalTab .tabsmenucontainer > ul.menu {display:flex;justify-content:left; flex-direction:row;margin:0px 0px 0px 2px;padding:0px;position:relative;top:1px;height:auto;overflow-x:auto} div.horizontalTab .tabsmenucontainer > ul.menu li { border-top-left-radius:10px; border-top-right-radius:10px; width:auto; height:auto; align-items:center; justify-content:center; display:flex;position:relative;margin:5px 0px 0px 0px;padding:9px 10px 10px 10px;text-align:left; border-top:1px solid #aaa;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa; cursor:pointer;color:#777} div.horizontalTab > div.tab {border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;float:none;clear:both;padding:10px;z-index:1;background-color:#fff} div.horizontalTab > ul.menu li.inactiva {text-decoration:line-through;} div.horizontalTab ul.menu li.selected, div.verticalTab ul.menu li.selected {background-color:#fff;color:#000;font-weight:bold;border-bottom:0px;} div.epv_tab ul.menu li:not(.selected):hover {color:#000;background-color:#ddd} }