body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #ecf0f1; 
    }
    h2{
      padding:0px;
      margin:0px;
    }
    .column label{
      display:block;
      margin-bottom:20px;
    }
    label.alreadyInContainer {
      display:block;
      margin-bottom:0px;
    }
    .pickr{
      align-self: center;
    }
    /* Form container */
    .form-container {
      width: 90%;
      margin: 20px auto;
      padding: 20px;
      border-radius: 8px;
    }
  
    /* Form content */
    .form-content {
      display: flex;
      flex-direction: row;
      gap: 10px;
    }
  
    /* Label styles */
    label {
      font-weight: bold;
    }
    .oneLiner{
      display: flex!important;
      column-gap: 10px;
      flex-wrap: wrap;
      row-gap: 10px;
    }

    .label{
      margin-bottom:5px;
    }
    /* Text input styles */
    input[type="text"],input[type="date"],
    select {
      padding: 8px;
      border-radius: 5px;
      border: 1px solid #ccc;
    }
    .inputColor{
      width: 77px!important;
    }
  
    /* Checkbox styles */
    input[type="checkbox"] {
      margin-right: 5px;
    }

    

    
    .subContainerForm {
      flex:1;
    }
    .subContainerForm input {
      width:100%;
    }

    .form-column{
      display: flex;
    column-gap: 30px;
    flex-wrap: wrap;
    }
    .form-column .inputContainer{
      width: calc(50% - 40px);
    }

    .checkboxContainer{
      display: flex!important;
      flex-flow: row-reverse;
      align-items: center;
    }
    .checkboxContainer .label{
      flex: 1;
      margin-bottom:0px;
    }
    input[type="checkbox"]{
        width: 20px;
        height: 20px;
    }

    .inputContainer{
      padding: 10px;
        background: #d9d9d9;
        border-radius: 8px;
    }

    .inputContainer select{
      width: 100%;
    }
    
    
  
    /* Submit button styles */
    .submit-button {
      background-color: #4caf50;
      color: white;
      padding: 10px 15px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
    }
  
    .secondaryColor{
      background-color: #4c75af!important;
    }
    .dangerColor{
      background-color: #d85252!important;
    }

    
  
    .submit-button:hover {
      background-color: #45a049;
    }


    
    .tabs {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0;
      border-bottom: 3px solid #217dba;
      margin: 0px 10px;
      width: calc(50% - 25px);
    }

    .tab {
      flex: 1;
      padding: 10px;
      text-align: center;
      cursor: pointer;
      background-color: #cccccc;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
    .tab+.tab{
      border-left: 2px solid white;
    }

    .tab:hover {
      background-color: #38a3ea;/*#2ecc71;*/
    }

    .tab.active {
      background-color: #217dba;
      color:white;
    }

    .tab-content {
      display: none;
      padding: 20px;
      border: 1px solid #ccc;
      border-top: none;
    }

    .tab-content.active {
      display: block;
    }

    
    .tabContent{
        display:none;
    }
    .show{
        display:block;
    }
  
    /* Columns layout */
    .column {
      flex: 1;
      display: flex;
      flex-direction: column;
      margin: 0 10px;
      background: white;
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      position:relative;
    }
  
    /* Form columns */
    .form-column {
      margin-bottom: 20px;
    /*  background: #ecf0f1;
      padding: 20px*/
    }
  
  /* Responsive layout */
  @media (max-width: 768px) {
    .form-content {
      flex-direction: column;
    }
    .column {
      margin: 0;
    }
  }
  
  
  h1 { font-size: 40px; }
  
  .linear-wipe {
    text-align: center;
    margin-top:20px;
    background:#3A8BFF ;
    /*background: linear-gradient(to right, #000835 20%, #3A8BFF 40%, #3A8BFF 60%, #000835 80%);*/
    background-size: 200% auto;
    
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
      animation: shine 1s linear infinite;
      @keyframes shine {
        to {
          background-position: 200% center;
        }
      }
    }
  
    .link {
      display:block;
      margin-bottom:10px;
      font-weight: bold;
    }