/***********************************************************************/
/*                          COLORS                                      */

body {
    /* palette generated from: https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors */
    /* using primary color: http://mcg.mbitson.com/#!?mcgpalette0=%23ef930a&themename=mcgtheme */
    --primary: #ef930a;
    --primary-100: #f3e6d2;
    --primary-200: #f7c985;
    --primary-300: #f4b354;
    --primary-400: --var(--primary);
    --primary-500: #ef930a;
    --primary-600: #ed8b09;
    --primary-700: #eb8007;
    --primary-800: #e87605;
    --primary-900: #e46403;
    --primary-font: #ffffff;
}
/***********************************************************************/

/***********************************************************************/
/*                          INPUTS                                      */
.pitc-input {
    border-radius: 5px;
    /*fait un conflit avec le pitc-field*/
    border: 1px solid lightgrey;
    border:none;
    line-height: 25px;
    width: 100%;
    outline: none !important;
}

    .pitc-input:focus {
        outline: none !important;
    }
    /*fait un conflit avec le pitc-field*/
    .pitc-input:focus-visible {
        border: 1px solid var(--primary);
        border:none;
        outline: none !important;
    }

.pitc-input-select {
    padding: 4px;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}


/***********************************************************************/

/***********************************************************************/
/*                          FIELD                                      */

.pitc-xsmall-field{
    max-width: 200px;
}

.pitc-small-field {
    width: 300px;
}

.pitc-large-field {
    width: 500px;
}

/***********************************************************************/