.tabgroup{
    background: transparent;
    margin-top: 5px; float: left; width:100%;
    padding-top:0px;
    background: #fffdfb;
    min-height:250px;
}
.tabgroup.ui-tabs .ui-tabs-nav{
    font-family: 'Oswald';
    border-bottom: 1px solid grey;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    margin:0px;
    font-size:20px;
    cursor:pointer;
}
.tabgroup.ui-tabs .ui-tabs-nav li {
    margin: 0px 2px 2px 0 !important;
    border-bottom: 2px solid transparent;
    padding-bottom:1px;
    float:left;
}
.tabgroup.ui-tabs .ui-tabs-nav li a {
    padding: 2px 6px 0px 2px;
    position:relative;
    color: #225790;
    letter-spacing: -.75px;
}
.tabgroup.ui-tabs .ui-tabs-nav li.ownertab a {
    color: green;
}
.tabgroup.ui-tabs .ui-tabs-nav li.ui-tabs-active.ownertab a {
    color: #a74343;
}
.tabgroup.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 1px;
    margin: 0px 2px 2px 0 !important;
    border-bottom: 2px solid #225790;
}
.tabgroup.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.tabgroup.ui-tabs .ui-tabs-nav li.ui-tabs-active i{color: #854d00;}
.tabgroup .ui-tabs-panel{padding:6px;}
.tabgroup label{margin-top: 4px;font-size: 16px;}

.ui-tabs-nav .longname{display:none}
.ui-tabs-nav .shortname{display:none}

.ui-tabs-vertical { display: flex !important;}
.ui-tabs-vertical .ui-tabs-nav { float: left;margin-top: 3px !important;padding-right: 3px !important;border-bottom:none !important;border-right: 1px solid grey !important; margin-right: 3px !important;
background-color: #fcfbf7 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23c1e6e2' fill-opacity='0.8' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%;  }
.ui-tabs-vertical .ui-tabs-nav li a { display:block;padding: 0px 4px 1px 4px !important; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { width: 100%;padding: 3px 3px !important;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {border-radius: unset;background: #c6e2e4 !important;border: 1px solid grey !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-weight:normal;}

@media only screen and (max-width: 800px) {
    .tabgroup.ui-tabs .ui-tabs-nav li a {font-size:17px;}
}