html, body {
        font-family: Arial, Helvetica, sans-serif;
    }
    .p-2 {
        padding: 0.2rem!important;
    }
    .mb-1 {
        margin-bottom: 0.2rem!important;
    }
    .mt-1 {
        margin-top: 0.2rem!important;
    }
    .pb-1 {
        padding-bottom: 0.2rem!important;
    }
    .pt-1 {
        padding-top: 0.2rem!important;
    }
    .shadow-sm {
        box-shadow: none!important;
    }
    .form-select, .form-control {
        border: none;
    }

    .colorant {
        width: 100px;
        height: auto;
        background-image: none;
        font-size: 100%;
      }  
      .colorant-name {
        margin-bottom: 10px;
        width: 100px;
      } 
      
    .textcaption {
        font-size: 120%;
        font-weight: 300;
    }     

    .alert {
        padding: 0.2rem 1.0rem;
        margin-bottom: 0.2rem;
        border: none;
    }   
    
    .colorant-col {
        height: auto!important;
        background-color: transparent!important;
    }

    .printdescr {
        color: #676767;
    }
    .bd-callout {
        padding: 0.1rem;
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
        border: none;
      }   

    ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    input[placeholder], [placeholder], *[placeholder] {
        color: white !important;
    }  
    input:placeholder-shown {
        color: white !important;
    }