@font-face {
    font-family: 'Roboto-Medium';
    src: url('../../fonts/Roboto/Roboto-Medium.ttf') format("truetype")
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../../fonts/Roboto/Roboto-Regular.ttf') format("truetype")
}

.alignRight {
    text-align: right
}

:root {
    --couleur-texte: black;
    --couleur-principale: white;
    --couleur-principale2: #15151e;
    --couleur-secondaire: #94C11A;
    --couleur-secondaire2: #412C25;
    --couleur-recent: #94C11A;
    --couleur-archive: #D90000;
    --couleur-ancien: #FFAF20;
}

.nav > li.active {
    border-left: 4px solid var(--couleur-secondaire);
}
.nav > li:hover {
    border-left: 4px solid var(--couleur-secondaire);
}

.bg_couleurSecondaire {
    background-color: var(--couleur-secondaire) !important
}

.btnActionsListe .btn {
    padding: 3px 6px;
    border: none;
    margin-bottom: 0
}

.btnActionListe_Copy, .btnActionListe_ExportXls, .btnActionListe_ExportPdf, .btnActionListe_Print {
    width: 22px;
    height: 25px
}

.btnActionListe_Copy {
    background: url(../../Images/copy.svg) no-repeat
}

.btnActionListe_ExportXls {
    background: url(../../Images/export_excel.svg) no-repeat
}

.btnActionListe_ExportPdf {
    background: url(../../Images/export_pdf.svg) no-repeat
}

.btnActionListe_Print {
    background: url(../../Images/print.svg) no-repeat
}

th.filterInputTable {
    padding: 4px !important
}

    th.filterInputTable input {
        font-weight: 400;
        height: 20px
    }

.ibox-title.titleWithBtnActions > h5 {
    margin: 0;
    line-height: 30px;
    vertical-align: middle
}

.lb-sm {
    font-size: 12px !important;
    line-height: 28px
}

.lb-md {
    font-size: 15px !important;
    line-height: 28px
}

.lb-lg {
    font-size: 18px !important;
    line-height: 28px
}
/* Positionnement des icones de tri à gauche du texte au lieu de la droite */
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-left: 25px
}
/* Positionnement des icones de tri à gauche du texte au lieu de la droite */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: inherit;
    left: 8px;
    top: 9px;
}

.inline-auto {
    width: auto;
    display: inline
}

.infoRequise::after {
    content: "*";
    color: red
}

.inline {
    display: inline
}

.field-validation-error {
    color: red
}

.cptBulleListe {
    border-radius: 18px;
    line-height: 20px;
    margin-top: 3px;
    background-color: var(--couleur-secondaire);
    color: #fff
}

.ibox-title {
    padding: 8px 28px 0px 15px;
    height: 42px;
    min-height: 42px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 2vh;
}

    .ibox-title h5 {
        line-height: 25px;
    }

.ibox-content {
    border-color: #bababa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-width: 100%;
    overflow: auto;
}

.ibox-content img {
    max-width: 100%;
    
}
.modal-body {
    max-width: 100%;
    overflow: auto;
}

.modal-body img {
    max-width: 100%;
}

.modal-body iframe {
    max-width: 100%;
}
.collapse-link {
    line-height: 25px;
}

table.tablesorter thead tr[role=row] {
    background-color: var(--couleur-secondaire2)
}

table.tablesorter thead th {
    border: none
}

.fondGris {
    background-color: #e2e2e2
}

#Popup_Body_Waiting {
    text-align: center
}

.evt_velage, .evt_velage:hover {
    background-color: #ed7d31 !important
}

.evt_prepa_velage, .evt_prepa_velage:hover {
    background-color: #ffc000 !important
}

.evt_tarissement, evt_tarissement:hover {
    background-color: #4472c4 !important
}

.evt_chaleur, evt_chaleur:hover {
    background-color: #c9356a !important
}

.evt_planning {
    background-color: var(--couleur-secondaire)
}

.evt_lait, .evt_viande {
    background-color: gray;
}

.evt_DateLait, .evt_DateViande {
    background-color: gray;
    height: 21px !important;
}

    .evt_DateLait .fc-content:before {
        content: "L"
    }

    .evt_DateViande .fc-content:before {
        content: "V"
    }

    .evt_DateLait .fc-content:before, .evt_DateViande .fc-content:before {
        padding-left: 0 !important;
        margin: 0;
        color: #fff;
        background-color: gray;
        height: 21px;
        font-size: 18px;
        font-weight: 700;
        left: 0;
        position: absolute;
        min-width: 20px
    }

.btnStyle2 {
    border-radius: 7px
}

.textBold {
    font-weight: bold
}

.btnStyle2:hover {
    color: #fff;
    opacity: .8
}

.btnStyle2.focus, .btnStyle2:focus {
    color: #fff !important;
    opacity: .8;
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important
}


.btnStyle3:hover {
    color: #fff;
    opacity: .8;
    cursor: pointer;
}

.btnStyle3.focus, .btnStyle3:focus {
    color: #fff !important;
    opacity: .8;
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important
}

.btn {
    text-decoration: none !important
}

.btn-primary {
    background-color: var(--couleur-secondaire) !important;
    border-color: var(--couleur-secondaire) !important;
}
.btn-danger {
    background-color: var(--couleur-archive) !important;
    border-color: var(--couleur-archive) !important;
}
.btn-warning {
    background-color: var(--couleur-ancien) !important;
    border-color: var(--couleur-ancien) !important;
}
.btn-info {
    background-color: var(--couleur-secondaire2) !important;
    border-color: var(--couleur-secondaire2) !important;
}

.form-control.error {
    border: 1px Solid #cc5965
}

.compteurTableau {
    border: 1px solid var(--couleur-secondaire);
    color: #fff;
    background-color: var(--couleur-secondaire);
    border-radius: 10px;
    margin: 5px;
    font-size: 13px !important
}

.toggle-group .btn {
    margin-bottom: 0
}

.irs-from, .irs-to, .irs-single {
    background-color: var(--couleur-secondaire)
}

    .irs-from:after, .irs-to:after, .irs-single:after {
        border-top-color: var(--couleur-secondaire)
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: var(--couleur-secondaire) !important;
    color: #fff
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 15px
}

i[valueHidden] {
    display: none;
}

.red {
    color: red;
}

.lienNumNatAnimal a span, .lienNumNatAnimal a:visited span {
    text-decoration: underline;
    color: black;
}

.container {
    width: 100%;
    margin: auto;
}

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

    table thead {
        background-color: white;
    }

.dataTables_wrapper {
    padding-bottom: 0px;
}

.table-responsive .container {
    padding: 0px;
}

.fixed {
    top: 0;
    position: fixed;
    width: auto;
    display: none;
    border: none;
}

td.active.day {
    background-color: var(--couleur-secondaire) !important;
}

.btnActionStd1 > a.btn {
    color: var(--couleur-secondaire) !important;
    border: 1px solid var(--couleur-secondaire);
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    border-radius: 13px;
    margin-top: -5px;
}

    .btnActionStd1 > a.btn:hover {
        color: white !important;
        background-color: var(--couleur-secondaire);
    }

.btnActionStd1 {
    margin-right: 25px;
    line-height: 25px;
    display: inline-block;
}

.selectDates > span {
    float: left;
    line-height: 30px;
    margin-right: 10px;
}

.selectDates > div.input-group {
    width: 150px;
}

.bodyEcranStd a, .bodyEcranStd a:visited {
    color: #000;
    text-decoration: underline
}

.bodyEcranStd .ibox-title {
    font-weight: 700
}

.fa, .fas, .far, .fal, .fab {
    line-height: inherit;
}

.msgAvertissementSelectAnimaux {
    font-weight: bold;
    font-size: 17px;
}

    .msgAvertissementSelectAnimaux > div.label {
        white-space: normal;
    }

.partialACAnimalWithSelectMultipleBtn .dropdownSelection {
    float: left;
}

.partialACAnimalWithSelectMultipleBtn .btnSelectMutliplesAnimaux > a {
    margin-left: 5px;
}

.listeAnimauxSelectionMulti {
    height: 420px;
}

.listeAnimauxSelectionExist {
    height: 420px;
}

label {
    margin-bottom: initial;
}

.bodyEcranMultiSelect .ibox-title > h5 {
    margin-bottom: 0px;
    line-height: 30px;
}

.bodyEcranMultiSelect .listeAnimauxSelectionExist {
    border: solid 1px lightgray;
    border-radius: 7px;
}

.bodyEcranMultiSelect table.tableAnimauxSelectMulti tr td {
    padding: 4px;
}

    .bodyEcranMultiSelect table.tableAnimauxSelectMulti tr td div.checkbox-inline {
        padding: 0px;
    }

.filtreLateralSelectMultiple .zoneLateraleActions {
    position: relative;
    right: initial;
    width: 100%;
    margin-left: 18px;
}

    .filtreLateralSelectMultiple .zoneLateraleActions button.close {
        display: none;
    }

.bulleNbBtn {
    background-color: #E74C3C;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 8px 2px 8px;
    border: 1px solid #c10909;
    position: relative;
    left: -15px;
    top: -13px;
    cursor: pointer;
    margin-right: -20px;
}

    .bulleNbBtn:hover {
        color: #E74C3C;
        border-radius: 15px;
        background-color: white;
    }

.tableAdminSearchAnimaux th, .tableAdminSearchAnimaux td {
}

.blocAnimauxSelectionnes .ibox-content {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.blocListeSaisieAnimaux {
    overflow-y: auto;
    max-height: calc(100vh - 400px);
    overflow-x: hidden;
    border: 1px solid #dcdcdc;
    background-color: #efefef;
    margin-bottom: 10px;
    padding-top: 10px;
}

.nbAnimauxInscrits {
    font-weight: bold;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
}

.alerteNumAnimalSortiePresumee {
    margin-top: 5px;
}

    .alerteNumAnimalSortiePresumee span:first-child {
    }

    .alerteNumAnimalSortiePresumee span:nth-child(2) {
        margin-left: 10px;
    }

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        padding: 7px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: var(--couleur-identificationAnimal);
        display: inline-block;
        cursor: pointer;
    }

        .inputfile:focus + label,
        .inputfile + label:hover {
            opacity: 0.7;
        }

.tableParamsObjectifsRaceType {
    width: fit-content;
}


    .tableParamsObjectifsRaceType th, .tableParamsObjectifsRaceType td {
        width: 80px;
        background-color: white !important;
    }

        .tableParamsObjectifsRaceType td input {
            width: 80px;
        }

        .tableParamsObjectifsRaceType td:first-child {
            width: 170px;
            font-weight: bold;
            vertical-align: middle;
        }

    .tableParamsObjectifsRaceType th {
        text-align: center;
    }

.waitForLoading {
    position: absolute;
    top: 48%;
    z-index: 99;
    left: 48%;
}

.modal {
    z-index: 99992 !important;
}

.datepicker {
    z-index: 99993 !important;
}

.label.label-archive{
   background-color: var(--couleur-ancien) !important;
   color: white;
}

.label.label-recent {
    background-color: var(--couleur-recent) !important;
    color: white;
}

.label.label-efface {
    background-color: var(--couleur-archive) !important;
    color: white;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ibox-tools .dropdown-menu > li > a:hover {
    color: white !important;
}

.ibox {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#DetailMess .modal-content {
    width: 200%;
    margin-left: -25%;
}

h1 
{
    color: #50282D;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-size: 44px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 48.4px;
}
h2 {
    color: #50282D;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 28.4px;
}
.ibox-content.login {
    width: 100%;
}
.loginscreen.middle-box{
    width: 500px !important;
}

a.Detail {
    color: #50282D;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

#warning {
    display: none !important;
}