html {
    font-size: 13px !important;
    line-height: 1.428;
    font-weight: bold !important;
}

input, textarea, select, option {
    font-weight: bold !important;
}


body {
    background-color: #FFFFFF;
}

.border-dark {
    color: #000000 !important;
}

.custom-card {
    border: 2px solid #4a4a89;
    background-color: #c0b7ee;
}

.bg-color {
    background-color: #c0b7ee;
}

.btn-primary {
    background-color: #4a4a89 !important;
    border-color: #4a4a89 !important;
    color: #FFFFFF;
}

.bg-light {
    background-color: #4a4a89 !important;
}

.dropdown-menu > a:hover {
    background-image: none;
    background-color: #0037eb;
}

.text-color-btn {
    color: #4a4a89 !important;
}

.nav-logo {
    width: auto;
    height: 28px;
}

.nav-bar-custom {
    padding: 0.1rem 0.3rem 0.1rem 0.3rem !important;
}

.text-color {
    color: #FFFFFF !important;
}

.card-header-custom {
    background-color: #4a4a89 !important;
    border-bottom: 2px solid #000000 !important;
    padding: 0 !important;
}


.card-footer-custom {
    border-top: 1px solid #4a4a89 !important;
    padding: 0 !important;
}

.overflow-visible {
    overflow: visible !important;
}

.custom-form-group > .form-group {
    margin-bottom: 0.2rem !important;
}

.custom-card-body {
    padding-top: 0.2rem !important;
    padding-bottom: 0.5rem !important;
}

.form-group > label {
    margin-bottom: 0.2rem !important;
    font-weight: bold;
}

.row > .form-group {
    margin-bottom: 0.1rem !important;
}

.select2-container {
    width: 100% !important;
}

.dtTable {
    background: #FFFFFF;
}

table#DataTables_Table_0 {
    margin-top: -4px !important;
}

.dataTables_paginate input {
    width: 40px;
}

div#DataTables_Table_0_processing {
    background-color: #4a4a89 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.dataTables_info {
    color: #000000;
    font-weight: bold;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0 !important;
}

.page-link, .custom-select {
    color: #000000 !important;
    font-weight: bold;
}

.page-item.active .page-link {
    z-index: 3;
    background-color: #FFFFFF !important;
    border: 2px solid #4a4a89 !important;
}

.table th, .table td {
    padding: 5px !important;
    vertical-align: top;
    border-top: 1px solid #4a4a89;
}

.niveau-color-height {
    min-height: 25px !important;
}

.emission-num > div {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    height: 100% !important;
    text-align: center;
}

.img-duel {
    width: 132px;
    height: 85px;
    border: 1px solid #000000;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-color-duel {
    background-color: #FBC6C6 !important;
}

.textarea-disable-resize {
    resize: none;
}

.font-weight-bold {
    font-weight: bold !important;
}

.orange-color {
    background-color: #ffa500 !important;
}


.Input-Yellow {
    background-color: yellow !important;
}

.Input-Red {
    background-color: red !important;
    color: white !important;
}

.corriger-bg {
    background-color: #FFA500 !important;
    width: 20px !important;
    height: 20px !important;
    margin: auto;
}

.jouer-bg {
    background-color: #FF0000 !important;
    width: 20px !important;
    height: 20px !important;
    margin: auto;
}

.w-32 {
    width: 32% !important;
}

.action-dt-style {
    width: 95px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.action-styleEmission {
    width: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.action-dt-styleHeader {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

.tableFixHead > table {
    font-size: 11px !important;
}

.tableFixHead {
    overflow-y: auto;
    height: 310px;
    background-color: ivory;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
    }

table {
    border-collapse: collapse;
    width: 100%;
}

.border-manche {
    border: 3px solid #4a4a89;
}

.td-position {
    word-wrap: break-word;
    min-width: 10px;
    max-width: 10px;
}

.td-id-qst {
    word-wrap: break-word;
    max-width: 110px;
    max-height: 28px !important;
}

.override-height-question {
    height: 1.5em;
}

.modal:nth-of-type(even) {
    z-index: 1051 !important;
}

.modal-backdrop.show:nth-of-type(odd) {
    z-index: 1050 !important;
}

input[type='checkbox'].chk_QuestDelete:checked {
    background-color: red;
}

    input[type='checkbox'].chk_QuestDelete:checked:after {
        content: '';
        color: white;
    }

input[type='checkbox'].chk_QuestDelete {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 15px !important;
    height: 15px !important;
    appearance: none;
    border: 2px solid #4a4a89 !important;
    font-size: 0.65em;
    margin-bottom: 2.5px;
    margin-left: 6.5px;
}


input[type='checkbox'].chk_NotifDelete {
    vertical-align: middle;
    width: 14px !important;
    height: 14px !important;
}


    input[type='checkbox'].chk_QuestNew:checked {
        background-color: darkgreen;
    }

        input[type='checkbox'].chk_QuestNew:checked:after {
            content: "N";
            color: white;

        }

input[type='checkbox'].chk_QuestNew {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 12px !important;
    height: 12px !important;
    appearance: none;
    border: 1px solid #4a4a89 !important;
    font-size: 7px;
    margin-bottom: 0.5px;
    margin-left: 0.5px;
}

.cutText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 200px;*/
    max-width: 700px;
    min-width: 200px;
}

.cutTextCoupFatal {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 200px;*/
    max-width: 200px;
    min-width: 200px;
}


.redRowNotif {
    background-color: #FE8F78 !important;
}

.greenRowNotif {
    background-color: #B6FFA2 !important;
}

.RowStripe {
    background: repeating-linear-gradient( 45deg, #FFFFFF, #FFFFFF 10px, #CDC7FF 10px, #CDC7FF 14px );
}

.RowHeader {
    color: white !important;
}

.RowHeader a {
    color: white !important;
}

.RowStrippedHeader {
    background: repeating-linear-gradient( 45deg,#CDC7FF,#CDC7FF 10px, #FFFFFF 10px, #FFFFFF 14px );
    color: #212529 !important;
}

.RowStrippedHeader a {
    color: #212529 !important;
}