/* CSS GLOBAL STYLES */

.hidden { display: none !important; }

/* Colors */
:root {
    --c-main: #38414A;
    --c-row-dark: #38414A;
    --c-row-light: #EAEEF1;
    --c-row-colored: #CFFFD2;
    --c-primary: #71B6F9;
    --c-primary-hover: #609BD4;
    --c-secondary: #6C757D;
    --c-secondary-hover: #5C636A;
    --c-warning-text: #D99E4D;
    --c-warning-icon: #D94D4D;
    --c-red: #D73B3D;
    --c-red-dark: #b72a2b;
    --c-purple: #675AA9;
    --c-success: #0DA759;
    --c-white: #fff;
    --c-gray-light: #EAEEF1;
    --c-gray: #B7B7B7;
    --c-gray-dark: #5C636A;
    --c-black: #000;
}
.c-black { color: var(--c-black) !important; }

/* Margin */
.m-25 { margin: 25px !important; }
.m-20 { margin: 20px !important; }
.m-15 { margin: 15px !important; }
.m-10 { margin: 10px !important; }
.m-5 { margin: 5px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-b-150 { margin-bottom: 150px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-5 { margin-bottom: 5px !important; }

/* Padding */
.p-r-20 { padding-right: 20px !important; }
.p-r-12 { padding-right: 12px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-0 { padding-left: 0 !important; }
.p-l-r-20 {padding: 0 20px !important;}

/* Background */
.background-uncolored { background-color: var(--c-white) !important; }
.background-colored { background-color: var(--c-row-light) !important; }
.background-colored-selected { background-color: var(--c-row-colored) !important; }
.background-colored-dark { background-color: var(--c-gray) !important; color: var(--c-black) !important; }

/* Badge */
.badge-container { margin: 0px !important; display: inline-block; }
.badge-course-result { min-width: 150px; }

/* Bloc */
.bloc-inline { display: inline-block !important; }

/* Button */
.btn-icon-remove { color: var(--c-warning-icon); }
.btn-top-page { width: 108px !important; }
.btn-bottom-page { width: 110px !important; }
.btn-rounded-sm { color: var(--c-white) !important; border-radius: 21px; width: 21px; height: 21px; padding: 0px; }
.btn-rounded-sm:hover > i { color: var(--c-black) !important; }
.btn-rounded-sm:hover { border-color: var(--c-black) !important; }
.btn-modal-course-sm { padding: 0px; width: 21px; height: 21px; display: inline-block !important; }
.btn-rounded-info { width: 25px; height: 25px; border-radius: 50%; align-items: center; justify-content: center; padding: 0; text-align: center; display: inline-block; }
.btn-table-warning { color: var(--c-warning-icon) !important; }
.btn-reload-psi-ws { color: white !important; }
.btn-reload-psi-ws:hover { color: var(--c-warning-icon) !important; }
.btn-send-pnn-ws { color: white !important; }
.btn-send-pnn-ws:hover { color: var(--c-warning-icon) !important; }

/* Card */
.card-title-certificate { background-color: #B7B7B7 !important; }
.card-body-certificate { background-color: #EAEEF1 !important; }

/* Column */
.column-checkbox { width: 10px !important; }

/* Contract */
.container-home-contract { max-height: 51vh !important; overflow: hidden !important; overflow-y: auto !important; }
.container-home-contract > p { margin-bottom: 0rem !important; }

/* Course */
.course-unpublished { border-color: #FAD06B !important; }
.warning-course-unpublished { margin-bottom: 0px !important; }

/* Form - Error */
.warning-icon { color: var(--c-warning-icon) !important; }
.error-border { border-color: var(--c-red) !important; }

/* Form - Input */
.input-checkbox-rounded { width: 25px !important; height: 25px !important; cursor: pointer; margin-bottom: 1px !important; }
.container-input-checkbox-rounded { margin-left: 10px !important; }
.input-readonly { background: #ddd !important; cursor: not-allowed; }

/* Form - Required */
.label-required::after { content: "*"; color: var(--c-red); margin-left: 5px; }

/* Image */
.flag-language { width: 25px; }

/* Label */
.warning-title { font-weight: bold; color: #D94D4D; }
.success-title { font-weight: bold; color: var(--c-success); }
.label-success { color: var(--c-success) !important; }
.label-danger { color: var(--c-warning-icon) !important; }
.label-primary { color: var(--c-primary) !important; }

/* Link */
.link { text-decoration: underline !important; }
.link-red {color: #dc3545 !important; }
.link-green { color: var(--c-success) !important; }
.link-gray { color: #6C757D !important; }
.link-dark { color: var(--c-black) !important; font-weight: 600; text-decoration: underline; }
.link-dark:hover { cursor: pointer; color: var(--c-purple) !important; }
.link-footer { color: var(--c-white) !important; font-weight: 600; }
.link-footer:hover { color: #71B6F9 !important; cursor: pointer; }
.link-warning { color: #F9CF6B !important; }

/* Li */
.trans-nav-item { max-width: 200px !important; }
.divider-border { border-color: #B7B7B7; border-width: 1px; border-style: solid; margin-top: 6px; margin-bottom: 6px; }

/* Mobile */
.mobile-row-checkbox { margin-bottom: -6px !important; }

/* Modal */
.modal-course-image { width: 170px; }
.modal-content-custom { max-height: 50vh !important; overflow: hidden !important; overflow-y: auto !important; }

/* Scroll */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #a0a0a0; }

/* Spinner */
.custom-small-spinner {

}

/* Table */
.rp-table-responsive { max-height: 69vh; }
.header-sticky { position: sticky !important; top: 0; z-index: 2; background-color: var(--c-white); }

/* Table - Border */
.no-border-bottom { border-bottom-color: transparent !important; }
.border-bottom { border-bottom-color: #DEE2E6 !important; }

/* Table - Line */
.table-selected-line { background-color: #CFFFD2 !important; }
.table-check { padding-left: 35px; padding-top: 5px; }
.table-text { border-right-color: transparent; border-left-color: transparent; }
.table-row-value { margin-bottom: 0; !important; }
.table-row-basic { color: #6C757D !important; }
.table-row-total { font-weight: 600; color: var(--c-red-dark); }
.tr-vertical-mid { vertical-align: middle !important; }

/* Text */
.text-green { color: #0DA759 !important; }
.text-red { color: #b5121b !important; }
.text-yellow { color: #FAD06B !important; }

/* Pasword */
.pasword-specific-field {display: none !important;}