/* Reset de quelques valeurs de hiq */

img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
}

.form-row {
    margin-left: 0;
}

.form-help {
    display: block;
    width: 100%;
    font-size: 1.3rem;
    color: var(--color-grey);
}

a, a:hover, a:focus {
    color: var(--color-link);
}

.text-color-primary {
    color: var(--color-primary);
}

.text-color-yellow {
    color: var(--color-yellow);
}

.text-color-orange {
    color: var(--color-orange);
}

.text-color-blue {
    color: var(--color-blue);
}

.text-color-beige {
    color: var(--color-beige);
}

.text-color-red {
    color: var(--color-red);
}

.text-color-red-light {
    color: var(--color-red-light);
}

.text-color-green {
    color: var(--color-green);
}

.text-color-green-light {
    color: var(--color-green-light);
}

.text-color-grey {
    color: var(--color-grey);
}

.text-color-grey-light {
    color: var(--color-grey-light);
}

.text-color-white {
    color: var(--color-white);
}

.text-color-black {
    color: var(--color-black);
}

.text-border-red {
    border: 1px solid red;
    color: red;
    padding: 1px 5px 5px 5px;
    white-space: nowrap;
}

.text-border-blue {
    border: 1px solid blue;
    color: blue;
    padding: 1px 5px 5px 5px;
    white-space: nowrap;
}

.text-border-orange {
    border: 1px solid orange;
    color: orange;
    padding: 1px 5px 5px 5px;
    white-space: nowrap;
}

.text-border-green {
    border: 1px solid green;
    color: green;
    padding: 1px 5px 5px 5px;
    white-space: nowrap;
}

/* Change some tooltip values */
.tooltip-inner {
    max-width: 400px;
    /* If max-width does not work, try using width instead */
    width: 400px;
}

.tooltip {
    font-size: 14px;
}

/* Forms */
.form-border input:not([disabled]) + label {
    border: 1px solid var(--color-grey);
    width: 100%;
    height: 96%;
    padding: 8px 0 8px 20px;
    cursor: pointer;
    margin-bottom: 0;
}

.form-border input:disabled + label {
    border: 1px solid var(--color-grey);
    background-color: var(--color-grey);
    color: var(--color-white);
    width: 100%;
    height: 96%;
    padding: 8px 0 8px 20px;
    cursor: not-allowed;
    margin-bottom: 0;
}

.form-border input:not([disabled]) + label .tags-welcomer, .form-border input:not([disabled]) + label .tag-welcomer-more {
    color: var(--color-grey);
}

.form-border input:not([disabled]):checked + label, .form-border input:not([disabled]):checked + label .tag-welcomer-more  {
    color: var(--color-white);
    background-color: var(--color-primary);
}

.form-border input:not([disabled]):checked + label .tags-welcomer {
    color: var(--color-white);
    border: 1px solid white;
}

.form-border .tooltip-img, .div-form-border .tooltip-img, .div-form-border-primary .tooltip-img {
    height: 24px;
    margin-right: 5px;
    float:right;
}

.div-form-border {
    border: 1px solid var(--color-text);
    color: var(--color-text);
    width: 100%;
    height: 96%;
    padding: 8px 0 8px 20px;
}

.div-form-border-primary {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    width: 100%;
    height: 96%;
    padding: 8px 0 8px 20px;
}

.div-form-border-primary-mp {
    border: 2px solid var(--color-primary);
    color: var(--color-text);
    width: 100%;
    height: 96%;
    padding: 8px 20px 8px 20px;
}

form div {
    width: 100%;
}

/* Cookies */
.eu-cookie-law {
    font-size: 1.3em !important;
    padding: 0.7em !important;
}
.eu-cookie-law-accept {
    color: var(--color-primary) !important;
}

/* YouSign */
.you-sign-iframe {
    height: 500px;
    width: 1000px;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-gradient-primary {
    background-image: linear-gradient(#FD5864, #181D46);
}

.bg-white
{
    background-color: var(--color-white);
}

#accordion
{
    border: 1px solid grey;
}

.rounded-black-border {
    border: 1px solid #000;
    border-radius: 15px;
}

/* FONT */

.text-size-1 {
    font-size: var(--font-size-1);
}

.text-size-2 {
    font-size: var(--font-size-2);
}

.text-size-3 {
    font-size: var(--font-size-3);
}

.title-size-1 {
    font-size: var(--title-font-size-1);
}

.title-size-2 {
    font-size: var(--title-font-size-2);
}

.title-size-3 {
    font-size: var(--title-font-size-3);
}

.font-weight-600 {
    font-weight: var(--default-font-weight);
}

small{
    font-weight: 300;
}

.line-on-side-title {
    width: 100%;
    border-bottom: 1px solid #000;
    margin: 50px 0 40px;
    line-height: 0.1em;
}

.line-on-side-content {
    background: var(--color-white);
    padding:0 10px 0 10px;
}

.default-box-shadow {
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}

.border-radius-15 {
    border-radius: 15px;
}

@media screen and (max-width: 992px) {
    .text-size-1 {
        font-size: var(--font-size-2);
    }

    .text-size-2 {
        font-size: var(--font-size-3);
    }

    .text-size-3 {
        font-size: var(--font-size-4);
    }

    .title-size-1 {
        font-size: var(--title-font-size-1-xs);
    }

    .title-size-2 {
        font-size: var(--title-font-size-2-xs);
    }

    .title-size-3 {
        font-size: var(--title-font-size-3-xs);
    }
}

.select2-search__field {
    font-size: var(--font-size-2);
}

.select2-size {
    width: 500px;
    height: 40px;
}

@media screen and (max-width: 1224px) {
    .line-on-side-title {
        line-height: normal;
        border-bottom: 0;
    }
}

.red-line {
    border-bottom: 2px solid red;
}

.block-border-primary
{
    border: 1px solid var(--color-primary);
}