/**
 * @version 3.0.1
 * @Author RENOIS Sylvain
 * @copyright 2012-2025 Sora Websoft SARL
 * @license   Copyright (c) SARL Sora Websoft
 */

div[class$="Tabs"] { padding:1px 0; min-height: 60px;    position: relative;}
ul[class$="TabsNavigation"] { margin:0; padding:0; text-align:left; width: 100%;display: flex; width: 100%;}
ul[class$="TabsNavigation"] li { list-style:none; display:block; float:left; margin:0 1px 0 0; padding:0;}
ul[class$="TabsNavigation"] li.fr-tab {float: right;}
ul[class$="TabsNavigation"] li a {
    border: solid 1px #adacac;
    color: #000000;
    padding: 0 15px;
    display:block;
    line-height: 40px;
    background: #adacac;
    text-decoration: none;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
    outline: 0;
}

ul[class$="TabsNavigation"] li a:focus {
    color: #18dada;
    text-decoration: none!important;
    outline: none!important;
}

ul[class$="TabsNavigation"] li a:hover { background-color:#f0f0f0; text-decoration: none}

ul[class$="TabsNavigation"] li a.selected { font-weight: 600;background:#f0f0f0; color: #000; border-bottom:none; outline: 0;text-decoration: none;}
div[class*="TabsVertical"] ul[class$="TabsNavigation"] li a.selected {
    border-bottom: solid 1px #adacac;
}
div[class*="TabsContent"] {padding:10px 0; margin-top:0; display:none; border:1px solid #adacac;background-color: #f0f0f0;}
div[class*="TabsContent"].currentTab { display:block; clear: both;}


div[class*="TabsVertical"] {
    display: flex;
}

div[class*="TabsVerticalRight"] {
    display: flex;
    flex-direction: row-reverse;
}

.TabsVertical ul,
.TabsVerticalRight ul {
    flex-direction: column;
    width: 15%;
}


.TabsVertical ul li a,
.TabsVerticalRight ul li a {
    line-height: 1.5;
    padding: 10px;
}

.TabsVertical .currentTab,
.TabsVerticalRight .currentTab {
    flex-direction: column;
    width: 85%;
}