﻿
.form-tabs {
    border: solid 1px groove;
}

    .form-tabs .form-tabs-header {
        margin-left: 0px;
        margin-right: 15px;
        margin-bottom: 0px;
    }

    .form-tabs .form-tabs-header-button {
        border: solid 3px white;
        margin-right: 2px;
        margin-left: 0px;
        margin-top: 2px;
        margin-bottom: 0px;
        border-radius: 0px 0px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background-color: #80808018;
        outline: none;
        border-bottom: solid 3px #80808018;
    }
        .form-tabs .form-tabs-header-button:hover {
            background-color: navy;
            color:white;
        }

  .form-tabs .form-invalid {
    border-color: red;
    color:red;
    padding-right: calc(1.5em + .75rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M569.5 440C588 472 564.8 512 527.9 512H48.1c-36.9 0-60-40.1-41.6-72L246.4 24c18.5-32 64.7-32 83.2 0l239.9 416zM288 354c-25.4 0-46 20.6-46 46s20.6 46 46 46 46-20.6 46-46-20.6-46-46-46zm-43.7-165.3l7.4 136c.3 6.4 5.6 11.3 12 11.3h48.5c6.4 0 11.6-5 12-11.3l7.4-136c.4-6.9-5.1-12.7-12-12.7h-63.4c-6.9 0-12.4 5.8-12 12.7z"/></svg>');
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  }
    .form-tabs .form-tabs-item { 
        padding:10px;
    }
    .form-tabs .form-tabs-item-hidden {
        display:none;
    }
    .form-tabs .form-tabs-body {
        min-height: 400px;
        overflow-y: scroll;
        background-color: white;
        border: solid 1px #8080804d;
        margin-left: -5px;
        margin-right: 15px;
        margin-bottom: 10px;
        border-radius:5px;
        padding-right:0px;
    }
    .form-tabs .form-tabs-header-selected {
        border-bottom: solid 3px red;
    }