.form-control-select {
    color: #2B39FA !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjIwMzUgMTUuMzAzOEMxMi44MTM4IDE1LjY4OTQgMTIuMTg2MiAxNS42ODk0IDExLjc5NjUgMTUuMzAzOEw4LjE2NjI5IDExLjcxMDdDNy41MzEzMiAxMS4wODIzIDcuOTc2MzUgMTAgOC44Njk3NSAxMEwxNi4xMzAzIDEwQzE3LjAyMzYgMTAgMTcuNDY4NyAxMS4wODIzIDE2LjgzMzcgMTEuNzEwN0wxMy4yMDM1IDE1LjMwMzhaIiBmaWxsPSIjMDA2NkIxIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) calc(0.4em - 3px);
    background-size: 25px;
    background-color: white;
    border: 1px solid #bbb !important;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.4em 2em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-control-select:focus {
    color: #2B39FA !important;
    border: 1px solid #2B39FA !important;
}

.form-control-date {
    overflow: visible !important;
    color: #2B39FA !important;
    border: 1px solid #bbb !important;
    border-right: none !important;
    -webkit-appearance: none;
}

.form-control-date:focus {
    overflow: visible !important;
    color: #2B39FA !important;
    padding-right: 5px !important;
    border: 1px solid #2B39FA !important;
    border-right: none !important;
    -webkit-appearance: none;
}

.form-control-date:focus ~ .input-right {
    border: 1px solid #2B39FA !important;
    border-left: none !important;
}

.form-control-text:not(:focus) {
    overflow: visible !important;
    color: #2B39FA !important;
    padding-right: 5px !important;
    border: 1px solid #aaa !important;
    /*border-right: none !important;*/
    -webkit-appearance: none;
}

.form-control-text:focus {
    overflow: visible !important;
    color: #2B39FA !important;
    padding-right: 5px !important;
    border: 1px solid #2B39FA !important;
    /*border-right: none !important;*/
    -webkit-appearance: none;
}

    .form-control-text:focus ~ .input-right {
        border: 1px solid #2B39FA !important;
        border-left: none !important;
    }

    .form-control-text:focus ~ .input-right-empty {
        border: 1px solid #2B39FA !important;
        border-left: none !important;
    }

.form-control {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.form-control-text-info {
    overflow: visible !important;
    color: #2B39FA !important;
    background: no-repeat right center #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSIjQ0NDQ0NDIi8+CjxnIGlkPSJNZXMgY29vcmRvbm4mIzE5NTsmIzE2OTtlcyI+CjxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjEwMjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NDggLTU2NSkiIGZpbGw9IiNGMkY3RkIiLz4KPGcgaWQ9IkZyYW1lIDQ1Ij4KPGcgaWQ9IkZyYW1lIDIxNyI+CjxnIGlkPSJGcmFtZSAyNTIiPgo8ZyBpZD0iRnJhbWUgMTE4Ij4KPGcgaWQ9IkZyYW1lIDE3NiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8wXzEpIj4KPGcgaWQ9Ik1hIFMmIzE5NTsmIzE2OTtsZWN0aW9uIiBmaWx0ZXI9InVybCgjZmlsdGVyMV9kXzBfMSkiPgo8cmVjdCB4PSItNTYwLjUiIHk9Ii00NDIiIHdpZHRoPSI4NjUiIGhlaWdodD0iMjExNC4yNSIgcng9IjEwIiBmaWxsPSJ3aGl0ZSIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIi8+CjxnIGlkPSJGcmFtZSAxMTkiPgo8ZyBpZD0iRm9ybXVsYWlyZSI+CjxnIGlkPSJGcmFtZSAyMjUiPgo8ZyBpZD0iRnJhbWUgMjMxIj4KPGcgaWQ9IkZyYW1lIDIyMCI+CjxnIGlkPSJQbGFjZWhvbGRlciI+CjxnIGlkPSJGcmFtZSAxMDQiPgo8ZyBpZD0iSWNvbnMtRGVzaWduLUluZm9zIj4KPHBhdGggaWQ9IkVsbGlwc2UgMyIgZD0iTTE4IDlDMTggMTMuOTcwNiAxMy45NzA2IDE4IDkgMThDNC4wMjk0NCAxOCAwIDEzLjk3MDYgMCA5QzAgNC4wMjk0NCA0LjAyOTQ0IDAgOSAwQzEzLjk3MDYgMCAxOCA0LjAyOTQ0IDE4IDlaTTEuMTMxOCA5QzEuMTMxOCAxMy4zNDU1IDQuNjU0NTEgMTYuODY4MiA5IDE2Ljg2ODJDMTMuMzQ1NSAxNi44NjgyIDE2Ljg2ODIgMTMuMzQ1NSAxNi44NjgyIDlDMTYuODY4MiA0LjY1NDUxIDEzLjM0NTUgMS4xMzE4IDkgMS4xMzE4QzQuNjU0NTEgMS4xMzE4IDEuMTMxOCA0LjY1NDUxIDEuMTMxOCA5WiIgZmlsbD0iIzAwNjZCMSIvPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOS4wMDE5NyAxM0g4Ljk4MzU0QzguNzIyOTUgMTIuOTk5NyA4LjQ3MzEyIDEyLjkwMTkgOC4yODg3OCAxMi43MjhDOC4xMDQ0NCAxMi41NTQgOC4wMDA2NCAxMi4zMTgyIDguMDAwMTIgMTIuMDcyMVY3LjQyODg2QzguMjkxMjcgNy42MjA2OCA4LjYzNzc0IDcuNzIzNTMgOC45OTI3NSA3LjcyMzUzQzkuMzQ3NzcgNy43MjM1MyA5LjY5NDI0IDcuNjIwNjggOS45ODUzOSA3LjQyODg2VjEyLjA3MjFDOS45ODQ2NiAxMi4zMTgxIDkuODgwNzkgMTIuNTUzOSA5LjY5NjUgMTIuNzI3N0M5LjUxMjIxIDEyLjkwMTYgOS4yNjI0OSAxMi45OTk1IDkuMDAxOTcgMTNaTTkuMDAxOTcgNi45NTg2NEM4LjczMTgxIDYuOTUzNTggOC40NzQ3NSA2Ljg0NzcxIDguMjg3MDIgNi42NjQyQzguMDk5MjggNi40ODA2OCA3Ljk5NjEzIDYuMjM0NDQgOC4wMDAxMiA1Ljk3OTMyQzcuOTk1OTIgNS43MjQzOSA4LjA5ODc5IDUuNDc4MjYgOC4yODYyMyA1LjI5NDc0QzguNDczNjcgNS4xMTEyMiA4LjczMDQ0IDUuMDA1MjUgOS4wMDA0IDVDOS4yNzAxMiA1LjAwNTc0IDkuNTI2NTEgNS4xMTE4OCA5LjcxMzcyIDUuMjk1MzFDOS45MDA5MyA1LjQ3ODc0IDEwLjAwMzggNS43MjQ2IDkuOTk5ODkgNS45NzkzMkMxMC4wMDM4IDYuMjM0MDQgOS45MDA5MyA2LjQ3OTg5IDkuNzEzNzIgNi42NjMzMkM5LjUyNjUxIDYuODQ2NzYgOS4yNzAxMiA2Ljk1MjkgOS4wMDA0IDYuOTU4NjRIOS4wMDE5N1oiIGZpbGw9IiMwMDY2QjEiLz4KPC9nPgo8cmVjdCB4PSItMjgzLjUiIHk9Ii0xMC41IiB3aWR0aD0iMzExIiBoZWlnaHQ9IjM5IiByeD0iMy41IiBzdHJva2U9IiM3MDZGNkYiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMF8xIiB4PSItNTc2LjUiIHk9Ii00NTQiIHdpZHRoPSI5MzciIGhlaWdodD0iMjE0Ni4yNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzBfMSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18wXzEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZF8wXzEiIHg9Ii01NjMuNSIgeT0iLTQ0NSIgd2lkdGg9IjkxMSIgaGVpZ2h0PSIyMTIwLjI1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDExNzY0NyAwIDAgMCAwIDAuMDExNzY0NyAwIDAgMCAwIDAuMDExNzY0NyAwIDAgMCAwLjE4IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMF8xIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzBfMSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
    background-size: 24px;
    background-origin: content-box;
    padding-right: 10px !important;
    border: 1px solid #bbb !important;
    border-right: none;
    -webkit-appearance: none;
}

.form-control-tooltip {
    margin-top: 4px;
    background: no-repeat 0px 6px #FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTE3IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA4Ljk5OTk5TDggOUwxNi44ODMyIDFMMjUuNzY2MyA5SDExNyIgc3Ryb2tlPSIjNzA2RjZGIi8+Cjwvc3ZnPgo=);
    font-size: 12px;
    color: #bbb;
}

.form-control-tooltip div {
    padding-top: 21px;
}

.input-right {
    border: 1px solid #bbb !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none !important;
    width: 40px;
    background-color: transparent;
    user-select: none;
    margin-left: -40px;
    z-index: 100;
}

.input-right-empty {
    border: 1px solid #bbb !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none !important;
    width: 5px !important;
    background-color: white;
    user-select: none;
    display: none;
}

.input-right > div {
    width: 100%;
    height: 100%;
}

.input-right-info {
    background: no-repeat right center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSIjQ0NDQ0NDIi8+CjxnIGlkPSJNZXMgY29vcmRvbm4mIzE5NTsmIzE2OTtlcyI+CjxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjEwMjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NDggLTU2NSkiIGZpbGw9IiNGMkY3RkIiLz4KPGcgaWQ9IkZyYW1lIDQ1Ij4KPGcgaWQ9IkZyYW1lIDIxNyI+CjxnIGlkPSJGcmFtZSAyNTIiPgo8ZyBpZD0iRnJhbWUgMTE4Ij4KPGcgaWQ9IkZyYW1lIDE3NiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8wXzEpIj4KPGcgaWQ9Ik1hIFMmIzE5NTsmIzE2OTtsZWN0aW9uIiBmaWx0ZXI9InVybCgjZmlsdGVyMV9kXzBfMSkiPgo8cmVjdCB4PSItNTYwLjUiIHk9Ii00NDIiIHdpZHRoPSI4NjUiIGhlaWdodD0iMjExNC4yNSIgcng9IjEwIiBmaWxsPSJ3aGl0ZSIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIi8+CjxnIGlkPSJGcmFtZSAxMTkiPgo8ZyBpZD0iRm9ybXVsYWlyZSI+CjxnIGlkPSJGcmFtZSAyMjUiPgo8ZyBpZD0iRnJhbWUgMjMxIj4KPGcgaWQ9IkZyYW1lIDIyMCI+CjxnIGlkPSJQbGFjZWhvbGRlciI+CjxnIGlkPSJGcmFtZSAxMDQiPgo8ZyBpZD0iSWNvbnMtRGVzaWduLUluZm9zIj4KPHBhdGggaWQ9IkVsbGlwc2UgMyIgZD0iTTE4IDlDMTggMTMuOTcwNiAxMy45NzA2IDE4IDkgMThDNC4wMjk0NCAxOCAwIDEzLjk3MDYgMCA5QzAgNC4wMjk0NCA0LjAyOTQ0IDAgOSAwQzEzLjk3MDYgMCAxOCA0LjAyOTQ0IDE4IDlaTTEuMTMxOCA5QzEuMTMxOCAxMy4zNDU1IDQuNjU0NTEgMTYuODY4MiA5IDE2Ljg2ODJDMTMuMzQ1NSAxNi44NjgyIDE2Ljg2ODIgMTMuMzQ1NSAxNi44NjgyIDlDMTYuODY4MiA0LjY1NDUxIDEzLjM0NTUgMS4xMzE4IDkgMS4xMzE4QzQuNjU0NTEgMS4xMzE4IDEuMTMxOCA0LjY1NDUxIDEuMTMxOCA5WiIgZmlsbD0iIzAwNjZCMSIvPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOS4wMDE5NyAxM0g4Ljk4MzU0QzguNzIyOTUgMTIuOTk5NyA4LjQ3MzEyIDEyLjkwMTkgOC4yODg3OCAxMi43MjhDOC4xMDQ0NCAxMi41NTQgOC4wMDA2NCAxMi4zMTgyIDguMDAwMTIgMTIuMDcyMVY3LjQyODg2QzguMjkxMjcgNy42MjA2OCA4LjYzNzc0IDcuNzIzNTMgOC45OTI3NSA3LjcyMzUzQzkuMzQ3NzcgNy43MjM1MyA5LjY5NDI0IDcuNjIwNjggOS45ODUzOSA3LjQyODg2VjEyLjA3MjFDOS45ODQ2NiAxMi4zMTgxIDkuODgwNzkgMTIuNTUzOSA5LjY5NjUgMTIuNzI3N0M5LjUxMjIxIDEyLjkwMTYgOS4yNjI0OSAxMi45OTk1IDkuMDAxOTcgMTNaTTkuMDAxOTcgNi45NTg2NEM4LjczMTgxIDYuOTUzNTggOC40NzQ3NSA2Ljg0NzcxIDguMjg3MDIgNi42NjQyQzguMDk5MjggNi40ODA2OCA3Ljk5NjEzIDYuMjM0NDQgOC4wMDAxMiA1Ljk3OTMyQzcuOTk1OTIgNS43MjQzOSA4LjA5ODc5IDUuNDc4MjYgOC4yODYyMyA1LjI5NDc0QzguNDczNjcgNS4xMTEyMiA4LjczMDQ0IDUuMDA1MjUgOS4wMDA0IDVDOS4yNzAxMiA1LjAwNTc0IDkuNTI2NTEgNS4xMTE4OCA5LjcxMzcyIDUuMjk1MzFDOS45MDA5MyA1LjQ3ODc0IDEwLjAwMzggNS43MjQ2IDkuOTk5ODkgNS45NzkzMkMxMC4wMDM4IDYuMjM0MDQgOS45MDA5MyA2LjQ3OTg5IDkuNzEzNzIgNi42NjMzMkM5LjUyNjUxIDYuODQ2NzYgOS4yNzAxMiA2Ljk1MjkgOS4wMDA0IDYuOTU4NjRIOS4wMDE5N1oiIGZpbGw9IiMwMDY2QjEiLz4KPC9nPgo8cmVjdCB4PSItMjgzLjUiIHk9Ii0xMC41IiB3aWR0aD0iMzExIiBoZWlnaHQ9IjM5IiByeD0iMy41IiBzdHJva2U9IiM3MDZGNkYiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMF8xIiB4PSItNTc2LjUiIHk9Ii00NTQiIHdpZHRoPSI5MzciIGhlaWdodD0iMjE0Ni4yNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzBfMSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18wXzEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZF8wXzEiIHg9Ii01NjMuNSIgeT0iLTQ0NSIgd2lkdGg9IjkxMSIgaGVpZ2h0PSIyMTIwLjI1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDExNzY0NyAwIDAgMCAwIDAuMDExNzY0NyAwIDAgMCAwIDAuMDExNzY0NyAwIDAgMCAwLjE4IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMF8xIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzBfMSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
    background-position-x: 8px;
    background-size: 24px;
    background-blend-mode: darken;
    fill-opacity: 1;
    height: 100%;
    width: 95%;
    display: block;
    user-select: none;
}

.input-right-valid {
    background: no-repeat right center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS41TDYgMTFMMTQuNSAxIiBzdHJva2U9IiMzMzkyMkUiLz4KPC9zdmc+Cg==);
    background-position-x: 13px;
    background-size: 15px;
    background-blend-mode: darken;
    background-color: white;
    fill-opacity: 1;
    height: 100%;
    width: 95%;
    display: block;
    user-select: none;
}

input:focus {
    outline-style: none !important;
    box-shadow: none !important;
}

select:focus {
    outline-style: none !important;
    box-shadow: none !important;
}

.form-control:disabled ~ .input-right, .form-control[readonly] ~ .input-right {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control:disabled ~ .input-right, .form-control[readonly] ~ .input-right > div > .input-right-info {
    background-color: #e9ecef !important;
}

.form-control:disabled ~ .input-right, .form-control[readonly] ~ .input-right > div > .input-right-valid {
    background-color: #e9ecef !important;
}

.form-control:disabled ~ .input-right-empty, .form-control[readonly] ~ .input-right-empty {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control:disabled ~ .input-right-empty, .form-control[readonly] ~ .input-right-empty > div > .input-right-info {
    background-color: #e9ecef !important;
}

.form-control:disabled ~ .input-right-empty, .form-control[readonly] ~ .input-right-empty > div > .input-right-valid {
    background-color: #e9ecef !important;
}

/**************************************/
/*   ERREURS DE VALIDATION SERVEUR   */
/**************************************/
.form-control-error:not(:focus) {
    border-color: red !important;
}

.form-control-error ~ .input-right:not(:focus) {
    border-color: red !important;
}

.form-control-error ~ .input-right > div > .input-right-info:not(:focus) {
    border-color: red !important;
}

.form-control-error ~ .input-right > div > .input-right-valid:not(:focus) {
    border-color: red !important;
}

.form-control-error:focus {
    border-color: red !important;
}

.form-control-error ~ .input-right > div > .input-right-info:focus {
    border-color: red !important;
}

.form-control-error ~ .input-right > div > .input-right-valid:focus {
    border-color: red !important;
}

.form-control-error ~ .input-right-empty:not(:focus) {
    border-color: red !important;
}

.form-control-error ~ .input-right-empty > div > .input-right-info:not(:focus) {
    border-color: red !important;
}

.form-control-error ~ .input-right-empty > div > .input-right-valid:not(:focus) {
    border-color: red !important;
}

.form-control-error ~ .input-right-empty > div > .input-right-info:focus {
    border-color: red !important;
}

.form-control-error ~ .input-right-empty > div > .input-right-valid:focus {
    border-color: red !important;
}

.form-error {
    background-color: transparent;
    color: red;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
}

.form-error-modified {
    background-color: transparent;
    color: #bbb;
    font-size: 12px;
    padding-left: 5px;
}





.form-input {
    position: relative;
    width: 100%;
    outline: 0;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.form-label {
    position: absolute;
    left: 13px;
    top: 10px;
    color: #999;
    background-color: transparent;
    transition: all 150ms ease-out;
    font-size: 12px;
    padding: 0 2px;
}


.form-control-date-ph ~ div > .form-label {
    position: absolute;
    left: 13px;
    top: 10px;
    color: #999;
    background-color: transparent;
    z-index: 10;
    transition: all 150ms ease-out;
    font-size: 12px;
    padding: 0 2px;
    transform: translateY(-80%);
    font-size: 0.75em;
    background-color: white;
    height: 3px;
    top: 1px;
}

.form-control-select-ph ~ div > .form-label {
    position: absolute;
    left: 13px;
    top: 10px;
    color: #999;
    background-color: transparent;
    z-index: 10;
    transition: all 150ms ease-out;
    font-size: 14px;
    padding: 0 2px;
    transform: translateY(-80%);
    font-size: 12px;
    background-color: white;
    height: 3px;
    top: 1px;
}


/* Placement du label quand le champ est vide , null et non focalisé */
.form-control-text-ph:not([value]):not(:focus) ~ div > .form-label {
    position: absolute;
    left: 13px;
    top: 10px;
    color: #999;
    font-size: 0.75em;
    padding: 0 2px;
    transition: all 200ms ease-out;
}

.form-control-text-ph[value=""]:not(:focus) ~ div > .form-label {
    position: absolute;
    left: 13px;
    top: 10px;
    color: #999;
    font-size: 0.75em;
    padding: 0 2px;
    transition: all 200ms ease-out;
}

/* Placement du fond blanc du label quand le champ est rempli mais non focalisé */
.form-control-text-ph[value]:not([value=""]):not(:focus) ~ div > .form-label {
    position: absolute;
    transform: translateY(-80%);
    font-size: 0.75em;
    background-color: white;
    height: 3px;
    top: 1px;
    z-index: 10;
    transition: all 200ms ease-out;
}

.form-control-text-ph:focus ~ div > .form-label {
    transform: translateY(-80%);
    font-size: 12px;
    background-color: white;
    height: 3px;
    top: 1px;
    color: #2B39FA;
    z-index: 10;
    transition: all 200ms ease-out;
}

.form-control-text-ph[value]:not([value=""]) ~ div > .form-label > .form-label-span {
    position: relative;
    top: -9px;
    transition: all 200ms ease-out;
}

.form-control-text-ph:not([value]):focus ~ div > .form-label > .form-label-span {
    position: relative;
    top: -9px;
    transition: all 200ms ease-out;
}

.form-control-text-ph[value=""]:focus ~ div > .form-label > .form-label-span {
    position: relative;
    top: -9px;
    transition: all 200ms ease-out;
}

.form-label-span {
    user-select: none;
}


.form-control-date-ph ~ div > .form-label > .form-label-span {
    position: relative;
    top: -9px
}

.form-control-date-ph:not(.form-control-error):focus ~ div > .form-label > .form-label-span {
    position: relative;
    top: -9px;
    color: #2B39FA;
    font-family:"montserrat";
    font-weight:normal;
}


.form-control-select-ph ~ div > .form-label > .form-label-span {
    position: relative;
    top: -11px;
    font-family: "montserrat";
    font-weight: normal;
}

.form-control-select-ph:not(.form-control-error):focus ~ div > .form-label > .form-label-span {
    position: relative;
    top: -11px;
    color: #2B39FA;
    font-family: "montserrat";
    font-weight: normal;
}



.form-control-error[value]:not([value=""]):not(.form-control-date-ph):not(.form-control-select-ph) ~ div > .form-label {
    transform: translateY(-80%);
    font-size: 12px;
    color: red !important;
}

.form-control-error:focus ~ div > .form-label {
    color: red !important;
}

.form-control-error:not(.form-control-text-ph):not(:focus) ~ div > .form-label {
    color: red !important;
}



.form-label > span {
    z-index: 10;
}

.form-control-checkbox-font14 {
    font-size: 14px;
}





/* TAB CHOICE */

.uctab__group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.uctab__group .uctab__panel {
    text-align: center;
    box-sizing: border-box;
}

.uctab__border {
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #323232;
    background-color: #fff;
    text-align: center;
    color: #2B39FA;
}

.uctab__border hr {
    margin: 3px 0px !important;
    border: 0;
    border-top: 1px solid #323232;
}

.uctab__border.active {
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #2B39FA;
    background-color: #fff;
    text-align: center;
    color: #2B39FA;
}

    .uctab__border.active hr:not(.tabforfait__hr) {
        margin: 3px 0px !important;
        border: 0;
        border-top: 1px solid #E4E4E4;
        justify-self: center;
        place-self: center;
    }

.uctab__border.active .tabforfait__hr {
    margin: 3px 0px !important;
    border: 0;
    border-top: 1px solid #2B39FA !important;
}

.uctab__border--nopadtb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.uctab__border:not(.active) {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #706F6F;
    background: #F4F8FC;
    text-align: center;
    color: #323232;
}


.uctab.disabled {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #E4E4E4;
    box-sizing: border-box;
    background-color: #E4E4E4;
    color: #706F6F;
    text-align: center;
    cursor: not-allowed;
}

.uctab__border.active .uctab__ribbon {
    display: block;
}
.uctab__border:not(.active) .uctab__ribbon {
    display: none;
}

.uctab__border--jaune {
    box-shadow: inset 0 0 0 2px #FFCB05 !important;
}

.uctab__border--jaune:not(.active) {
    box-shadow: inset 0 0 0 1px #FFCB05 !important;
}

.uctab__border--jaune hr {
    margin: 3px 0px !important;
    border: 0;
    border-top: 1px solid #706F6F !important;
}

.uctab__border:not(.active) .bold,
.uctab__border:not(.active) .price-container,
.uctab__border--jaune:not(.active) .bold,
.uctab__border--jaune:not(.active) .price-container {
    color: #323232 !important;
}

.uctab__value--default {
    font-family: "montserrat";
    font-size: 14px;
    line-height: unset !important;
}

.uctab__ribbon {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    display: none;
    background-color: white;
    padding: 4px;
    margin-top: 4px;
}

.uctab__value {
    font-family: "montserrat-bold";
    font-size: 28px;
    line-height: 28px;
}

.uctab__value sup {
    font-size: 16px;
    top: -7px;
    left: 2px;
}

.uctab__label {
    font-family: "montserrat";
    font-size: 12px;
    line-height: 18px;
}

.uctab__serverclick
{
    cursor: pointer;
}

.uctab {
    position: relative;
    display: block;
    line-height: 1;
}

.uctab__picto {
    display: flex;
    justify-content: center;
    align-items: center;
}

.uctab__img {
    width: 40px;
    height: 40px;
}



@media(max-width:576px) {
    .ucouinon__col--media {
        justify-content: center;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(min-width:577px) {
    .ucouinon__col--media {
        justify-content: center;
        padding-top: 10px;
    }
}

.engagement .uctab__span-value {
    font-family: "montserrat-bold";
    font-size: 28px;
    line-height: 28px;
}

.engagement .uctab__span-value sup {
    font-family: "montserrat-bold";
    font-size: 16px;
    top: -8px;
    left: 2px;
}

/* ucContainer PlaceHolder */
.uccontainer__panel, .uccontainer__panel__rouge {
    border-radius: 10px;
    padding: 20px;
    background-color: white;
    margin: 10px 0px;
    box-shadow: 0px 0px 3px 0px rgba(3, 3, 3, 0.18);
}

.uccontainer__panel__rouge {
    border: 1px solid #E8503E;
}

.uctabcontainer__group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*gap: 10px;*/
}

.uctabcontainer__group .uctabcontainer__panel {
    text-align: center;
    box-sizing: border-box;
}

.uctabcontainer__border {
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #2B39FA;
    background-color: #fff;
    text-align: center;
}

.uctabcontainer__border--nopadtb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.uctabcontainer__border:not(.active) {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #706F6F;
    box-sizing: border-box;
    background: #F4F8FC;
    text-align: center;
}


.uctabcontainer__border.active .uctabcontainer__ribbon {
    display: block;
}

.uctabcontainer__border:not(.active) .uctabcontainer__ribbon {
    display: none;
}

.uctabcontainer__border--jaune {
    border: solid 2px #FFCB05;
}

    .uctabcontainer__border--jaune:not(.active) {
        border: solid 1px #FFCB05;
    }

.uctabcontainer__value--default {
    font-family: "montserrat";
    font-size: 14px;
    line-height: unset !important;
}

.uctabcontainer__value {
    font-family: "montserrat-bold";
    font-size: 28px;
    line-height: 28px;
}

    .uctabcontainer__value sup {
        font-size: 16px;
        top: -7px;
        left: 2px;
    }

.uctabcontainer__label {
    font-family: "montserrat";
    font-size: 12px;
    line-height: 18px;
}

.uctabcontainer {
    position: relative;
    display: block;
    line-height: 1;
}

.uctabcontainer__picto {
    display: flex;
    justify-content: center;
    align-items: center;
}

.uctabcontainer__img {
    width: 40px;
    height: 40px;
}

.uctabcontainer__ribbon {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    display: none;
    background-color: white;
    padding: 4px;
    margin-top: 4px;
}

.uctabcontainer.disabled {
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    background-color: #E4E4E4;
    color: #706F6F;
    text-align: center;
    cursor: not-allowed;
}

.engagement .uctabcontainer__span-value {
    font-family: "montserrat-bold";
    font-size: 28px;
    line-height: 28px;
}

.engagement .uctabcontainer__span-value sup {
    font-family: "montserrat-bold";
    font-size: 16px;
    top: -8px;
    left: 2px;
}

.relative {
    position: relative;
}

.marg0t {
    margin-top: 0;
}

.marg15t {
    margin-top: 15px !important;
}




/* CARD CHOICE */


.uctab__group .uccard__panel {
     text-align: center;
     box-sizing: border-box;
 }


/* Carte (pastille) */

.uccard {
    position: relative;
    display: block;
    line-height: 1;
}
.uccard-plan {
    height: 118px;
    width: 103px;
    border-radius: 10px;
    overflow: hidden; /* clé : arrondis propres du bandeau */
    box-shadow: 0px 0px 3px 0px #0303032E;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.uccard.active .uccard-plan::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #2B39FA;
    pointer-events: none;
    z-index: 2;
}

.uccard.active {
    font-family: "montserrat-bold" !important;
    color: #2B39FA !important;
    margin: 7px;
}

.uccard.active .uccard-plan__body {
    font-family: "montserrat-bold";
    color: #2B39FA !important;
    background-color: transparent !important;
}

.uccard.disabled {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #E4E4E4;
    box-sizing: border-box;
    background-color: #E4E4E4;
    color: #706F6F;
    text-align: center;
    cursor: not-allowed;
}

/* Bandeau haut */
.uccard-plan__head {
    position:relative;
    padding-top: 10px;
    padding-left: 5px;
    align-items: flex-start;
    font-weight: 400;
    height: 38%;
}

.uccard-plan__hachures {
    position: absolute;
    top: 0;
    left:0;
    height: 8px;
    background-color: #fff;
    background: repeating-linear-gradient(45deg, 
                                            #2B39FA 0 6px, 
                                            transparent 6px 12px);
}
.uccard-plan__body .uccard-plan__hachures {
    width: 100%;
}

/* Partie basse */
.uccard-plan__body {
    position: relative;
    display: flex;
    padding-top:25px;
    justify-content: center;
    background: #ECF3FF;
    height: 62%;
    font-family: "montserrat-bold";
    color: black;
}

.uccard-plan__head-4g {
    background: #C0D5FF !important;
    color: #2B39FA !important;
}

.uccard-plan--light .uccard-plan__head {
    background: #2B39FA;
    color: white;
}

.uccard-plan--primary .uccard-plan__head {
    background: #1f4fbf;
    color: #fff;
}

/* Variante mise en avant */
.uccard-plan--featured {
    border: 4px solid #1f4fbf; /* bordure “focus” */
}

.uccard-plan--featured .uccard-plan__body {
    background: #ffffff;
}

.uccard_serverclick {
    cursor: pointer;
}




/* Liens "onglets" */
/* Le wrapper sticky reste sticky */
.tabs-sticky-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
    min-height: 44px;
    background: white;
    overflow-block: visible;
    background-color:white;
    margin:-20px;
}

.tabs > .row {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 44px;
    -webkit-overflow-scrolling: touch;
    display: block !important;
    touch-action: pan-x !important; /* <-- ESSENTIEL */
}

.tabs > .row::-webkit-scrollbar {
    display: none;
}

/* Les liens */
 
.tab-link {
    display: inline-block;
    padding: 10px 18px;
    font-size: 16px;
    margin: 0px -10px 0px -10px;
    text-decoration: none;
    background: transparent;
    color: #6b6b6b !important;
    min-height: 44px;
    white-space: nowrap; 
}

.tab-link-sd {
    display: inline-block;
    padding-bottom: 5px !important;
    padding-top: 25px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 16px;
    margin: 0px -10px 0px -10px;
    text-decoration: none;
    background: transparent;
    color: #6b6b6b !important;
    min-height: 44px;
    white-space: nowrap;
}

.tabs::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.tabs .tab-link.is-active {
    color: #2B39FA;
    font-weight: 600;
    position: relative;
}

.tabs .tab-link.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #2B39FA;
    border-radius: 4px;
}