body {
    /*width: 900px;*/
    min-width: 920px;
    /*margin: 0 auto 0 auto;*/
    margin-left: 10px;
    margin-right: 10px;
}

    body * {
        box-sizing: content-box;
    }

footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid grey;
    /*
    bottom:25px;
    border-top: 1px solid grey;
    border-bottom: 1px solid #a6c9e2;
    border-left: 1px solid #a6c9e2;
    border-right: 1px solid #a6c9e2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #CCF9B6;
*/
}

#entete {
    background-color: rgb(223,240,189);
    padding: 5px;
}

span.bottom-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-left: 4px;
}

span.bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-right: 4px;
}

.right {
    position: absolute;
    right: 0px;
    margin-right: 4px;
}

.Lay_combo_station, .Lay_combo_serie {
    width: 246px;
}

.Lay_combo_MOeuvre {
    width: 260px;
}

#Lay_entet_gauche {
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
}

#Lay_CodeRacePrgrm {
    width: 30px;
    height: 14px;
    line-height: normal;
    vertical-align: bottom;
}

#Lay_out_erreur {
    color: red;
    text-align: center;
}

#Lay_entet_droite {
    width: 370px;
    display: inline-block;
    margin-left: 10px;
}

#Layout_logo {
    background-image: url(Image/logoseci.png);
    width: 65px;
    background-repeat: no-repeat;
    height: 39px;
    float: left;
}

label#msgResultNotif {
    font-weight: normal !important;
    color: red;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.loader {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, 0.8 ) url('/Content/Image/ajax-loader.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .loader {
        display: block;
    }

/* Affichage des en-têtes des grilles */
div[id^='jqgh_'] {
    font-weight: normal;
    font-size: 9px;
}
/* Affichage des filtres dans les en-têtes de grille */
table[class='ui-search-table'] input[id^='gs_'] {
    font-weight: normal;
    font-size: smaller;
    text-align: center;
}
/* Affichage des libellés (fenêtre modale) */
table[id^='TblGrid_'] label {
    font-weight: normal;
}
/* Affichage du contenu de la grille */
.jqgrow {
    font-size: 10px;
}
/* Centrage vertical du texte contenant des info-bulles */
div.ui-jqgrid-bdiv div table.ui-jqgrid-btable tbody tr.jqgrow td p {
    margin-bottom: 0px;
}

/* colonnes figées */
.fige .ui-jqgrid tr.jqgrow td {
    word-wrap: initial;
}

.fige .frozen-bdiv table {
    padding-bottom: 20px;
}

/*div.container.body-content{
    margin-left: 10px;
    margin-right: 10px;
}*/

div.ui-jqgrid .ui-jqgrid-pager {
    clear: both;
    position: relative;
    /*min-width: 900px;*/
}

div.ui-jqgrid .ui-jqgrid-view {
    height: calc(100% - 40px);
    width: 100% !important;
    min-width: 900px;
    /*overflow: hidden;*/
}

.ctGrille .ui-jqgrid-bdiv input[type='checkbox'] {
    pointer-events: none
}

.frozen-bdiv {
    overflow-x: hidden;
    pointer-events: none;
}
.frozen-bdiv table {
    pointer-events: all;
}

div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-hdiv:not(.frozen-div),
/*div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-hdiv div.ui-jqgrid-hbox table.ui-jqgrid-htable,*/
div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-bdiv:not(.frozen-div),
/*div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-bdiv div table.ui-jqgrid-btable,*/
.ctGrille div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-hdiv div table.ui-jqgrid-htable,
div.ui-jqgrid div.ui-jqgrid-pager {
    width: 100% !important;
}

/*div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-hdiv div.ui-jqgrid-hbox {
    width: 100%;
}*/

/*.ctGrille:not(.fige) div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-hdiv div.ui-jqgrid-hbox {*/
    /*min-width: 900px;*/
    /*padding-right: 0px;
}*/

.ctGrille {
    height: calc(100% - 25px);
}
.ctGrille.bilan {
    height: calc(100% - 90px);
}

div > .ctGrille > div[id^='gbox_'] {
    /*box-sizing: border-box;*/
    height: calc(100% - 2px);
    width: calc(100% - 2px) !important;
    /*min-width: 900px;*/
}

.ui-jqgrid-htable, .ui-jqgrid-btable {
    table-layout: auto;
}

/*#Layout_titre_entete
{
    background-color:rgb(223,240,189);
    width : 500px;
    height : 70px;
    text-align : center;
    font-size : x-large;
    font-family : Verdana;
    float:left;
}
#layout_info_entete
{
    background-color:rgb(223,240,189);
    height : 80px;
}*/
.lay_ent_int {
    width: 70px;
}

.PC_titre {
    text-align: center;
}

.PC_entete {
    background-image: url('Image/essai logo SECI 2.jpg');
    background-size: 790px 427px;
    background-repeat:no-repeat;
    height: 427px;
    margin: 0 auto;
    width: 790px;
    position: relative;
}

.PC_ident, .PC_MDPass {
    width: 400px;
    margin: 0 auto;
}

.PC_erreurConnexion {
    color: red;
    width: 400px;
    margin: 0 auto 10px;
}

.PC_lbl {
    width: 150px;
    display: inline-block;
}

.MDP_lbl {
    width: 550px;
    margin: 0 auto;
}

.mdpoublie{
    width: 350px;
}
#btn_deconnexion, #PC_btn_connexion, #btn_Validation {
    background-color: #F0F0F0;
    color: #3572B0;
    font-size: 11px;
}

#btn_deconnexion {
    float: right;
}

#PC_btn_mdpOublie {
    background-color: #FFFFFF;
    color: #3572B0;
    font-size: 10px;
    border-top:hidden;
    border-left:hidden;
}

#menuitem li.uloption, #menuitem li.ul_sous_option {
    margin: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

ul.uloption li {
    height: 20px;
}

ul.uloption li:hover {
    background-color: #fad42e;
}

.onglets {
    display: inline-block;
    width: 222px;
    background-color: #a1dd91;
    height: auto;
    text-align: center;
    padding-top: 5px;
    /*padding-bottom : 5px;*/
}

.ul_sous_option {
    background-color: #a1dd91;
    padding-left: 0px;
    padding-right: 10px;
}

#triang_SOption {
    margin-right: 0px;
}

.ui-search-input input {
    /*width: 85% !important;*/
    width: calc(100% - 7px) !important;
}

/*#AniAni, #ConCon, #AdmAdm, #ValVal*/
.menuselect {
    background-color: yellowgreen;
}

#menuitem {
    position: relative;
    z-index: 2;
}

#onglets_liste {
    height: auto;
    /*overflow:visible;*/
    padding-left: 0px;
    margin-top: 10px;
}

.uloption {
    float: left;
    /*padding-top: 10px;*/
    font-size: 12px;
    /*width : 222px;*/
    width: inherit;
    background-color: #a1dd91;
    list-style-type: none;
    padding-left: 0px;
    padding-top: 0px;
    overflow: auto;
}

    .uloption li:first-child {
        margin-top: 10px;
    }

    .uloption li:last-child {
        margin-bottom: 10px;
    }

.onglets li {
    list-style-type: none;
    text-align: left;
    padding-left: 10px;
}

.sous_option li {
    padding-left: 0px;
    padding-right: 5px;
}

.ul_sous_option li:first-child {
    margin-top: 5px;
}

.ul_sous_option li:last-child {
    margin-bottom: 5px !important;
}

.onglets li a {
    list-style-type: none;
    text-align: left;
    text-decoration: none;
    color: black;
}

#sitemap {
    margin: 15px;
}

.ui-icon.btnAdd {
    background-image: url(/Content/Image/addfordialog.png);
    background-position: center;
    width: 34px;
    height: 34px;
}

.ui-icon.btnSkip {
    background-image: url(/Content/Image/skip.png);
    background-position: center;
    width: 34px;
    height: 34px;
}

/* Hauteur de la grille */
/*.ctGrille:not(.fige) div.ui-jqgrid-bdiv > div {*/
    /*height: 320px;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
/*}*/

#msg_notif {
    color: black;
    /*width:300px;*/
    /*margin-left:695px*/
    width: 100%;
    text-align: right;
}

#AlertGrid_CodePaysAnimal,
#gsh_AlertGrid_CodePaysAnimal,
#AlertGrid_NumeroNationalAnimal,
#gsh_AlertGrid_NumeroNationalAnimal,
#AlertGrid_NumeroInterneStation,
#gsh_AlertGrid_NumeroInterneStation,
#AlertGrid_TypeAlert,
#gsh_AlertGrid_TypeAlert,
#AlertGrid_ValeurAlert,
#gsh_AlertGrid_ValeurAlert,
#AnimDeclGrid_NumeroTravail,
#gsh_AnimDeclGrid_NumeroTravail,
#AnimDeclGrid_SexeAffichage,
#gsh_AnimDeclGrid_SexeAffichage,
#AnimDeclGrid_DateNaissanceAffichage,
#gsh_AnimDeclGrid_DateNaissanceAffichage,
#AnimDeclGrid_RaceAffichage,
#gsh_AnimDeclGrid_RaceAffichage,
#AnimDeclGrid_SituationCivileReconstituee,
#gsh_AnimDeclGrid_SituationCivileReconstituee,
#AnimDeclGrid_RaisonSocialeReconstituee,
#gsh_AnimDeclGrid_RaisonSocialeReconstituee,
#AnimEntresGrid_NumeroTravail,
#gsh_AnimEntresGrid_NumeroTravail,
#AnimEntresGrid_SexeAffichage,
#gsh_AnimEntresGrid_SexeAffichage,
#AnimEntresGrid_DateNaissanceAffichage,
#gsh_AnimEntresGrid_DateNaissanceAffichage,
#AnimEntresGrid_RaceAffichage,
#gsh_AnimEntresGrid_RaceAffichage,
#AnimEntresGrid_SituationCivileReconstituee,
#gsh_AnimEntresGrid_SituationCivileReconstituee,
#AnimEntresGrid_RaisonSocialeReconstituee,
#gsh_AnimEntresGrid_RaisonSocialeReconstituee,
#AnimGroupContempGrid_CodePaysAnimal,
#gsh_AnimGroupContempGrid_CodePaysAnimal,
#AnimGroupContempGrid_NumeroNationalAnimal,
#gsh_AnimGroupContempGrid_NumeroNationalAnimal,
#AnimGroupContempGrid_NumeroInterneStation,
#gsh_AnimGroupContempGrid_NumeroInterneStation,
#AnimGroupContempGrid_DateNaissance,
#gsh_AnimGroupContempGrid_DateNaissance,
#AnimGroupContempGrid_DatePeseeEntree,
#gsh_AnimGroupContempGrid_DatePeseeEntree,
#AnimGroupContempGrid_PoidsEntree,
#gsh_AnimGroupContempGrid_PoidsEntree,
#AnimGroupContempGrid_GMQNaissEntree,
#gsh_AnimGroupContempGrid_GMQNaissEntree,
#AnimGroupContempGrid_GMQDerPeseeEntree,
#gsh_AnimGroupContempGrid_GMQDerPeseeEntree,
#AnimGroupContempGrid_EcartAge,
#gsh_AnimGroupContempGrid_EcartAge,
#AnimGroupContempGrid_EcartAgePlusJeune,
#gsh_AnimGroupContempGrid_EcartAgePlusJeune,
#AnimGroupContempGrid_EcartAgePlusAge,
#gsh_AnimGroupContempGrid_EcartAgePlusAge,
#AnimauxSortisGrid_CodePaysAnimal,
#gsh_AnimauxSortisGrid_CodePaysAnimal,
#AnimauxSortisGrid_NumeroNationalAnimal,
#gsh_AnimauxSortisGrid_NumeroNationalAnimal,
#AnimauxSortisGrid_NumeroInterneStation,
#gsh_AnimauxSortisGrid_NumeroInterneStation,
#AnimauxSortisGrid_CaseDurantControl,
#gsh_AnimauxSortisGrid_CaseDurantControl,
#AnimauxSortisGrid_CaseVente,
#gsh_AnimauxSortisGrid_CaseVente,
#SaisiePeseesGrid_CodePaysAnimal,
#gsh_SaisiePeseesGrid_CodePaysAnimal,
#SaisiePeseesGrid_NumeroNationalAnimal,
#gsh_SaisiePeseesGrid_NumeroNationalAnimal,
#SaisiePeseesGrid_NumeroInterneStation,
#gsh_SaisiePeseesGrid_NumeroInterneStation,
#SaisiePeseesGrid_CaseDurantControles,
#gsh_SaisiePeseesGrid_CaseDurantControles,
#SaisiePeseesGrid_DateDernierePesee,
#gsh_SaisiePeseesGrid_DateDernierePesee,
#SaisiePeseesGrid_PoidsDernierePesee,
#gsh_SaisiePeseesGrid_PoidsDernierePesee,
#SaisiePeseesGrid_LieuDernierePesee,
#gsh_SaisiePeseesGrid_LieuDernierePesee,
#SaisiePeseesGrid_EcartP1P2,
#gsh_SaisiePeseesGrid_EcartP1P2,
#SaisiePeseesGrid_GMQDernierePesee,
#gsh_SaisiePeseesGrid_GMQDernierePesee,
#SaisiePeseesGrid_GMQDebutFin,
#gsh_SaisiePeseesGrid_GMQDebutFin,
#SaisiePeseesGrid_Observations,
#gsh_SaisiePeseesGrid_Observations,
#ResCommGrid_CodePaysAnimal,
#gsh_ResCommGrid_CodePaysAnimal,
#ResCommGrid_NumeroNationalAnimal,
#gsh_ResCommGrid_NumeroNationalAnimal,
#ResCommGrid_NumeroInterneStation,
#gsh_ResCommGrid_NumeroInterneStation,
#ResCommGrid_CaseDurantControl,
#gsh_ResCommGrid_CaseDurantControl,
#ConsultPeseesGrid_CodePaysAnimal,
#gsh_ConsultPeseesGrid_CodePaysAnimal,
#ConsultPeseesGrid_NumeroNationalAnimal,
#gsh_ConsultPeseesGrid_NumeroNationalAnimal,
#ConsultPeseesGrid_NumeroInterneStation,
#gsh_ConsultPeseesGrid_NumeroInterneStation,
#ConsultPeseesGrid_NumeroGroupeContemp,
#gsh_ConsultPeseesGrid_NumeroGroupeContemp,
#ConsultPeseesGrid_CaseDurantControles,
#gsh_ConsultPeseesGrid_CaseDurantControles,
#ConsultPeseesGrid_DateEntreeAffichage,
#gsh_ConsultPeseesGrid_DateEntreeAffichage,
#ConsultPeseesGrid_PoidsEntree,
#gsh_ConsultPeseesGrid_PoidsEntree,
#ConsultPeseesGrid_GMQEntree,
#gsh_ConsultPeseesGrid_GMQEntree,
#ConsultPeseesGrid_DateDebutControleAffichage,
#gsh_ConsultPeseesGrid_DateDebutControleAffichage,
#ConsultPeseesGrid_PoidsDebutControle,
#gsh_ConsultPeseesGrid_PoidsDebutControle,
#ConsultPeseesGrid_GMQDebutControle,
#gsh_ConsultPeseesGrid_GMQDebutControle,
#ConsultPeseesGrid_DateP1Affichage,
#gsh_ConsultPeseesGrid_DateP1Affichage,
#ConsultPeseesGrid_PoidsP1,
#gsh_ConsultPeseesGrid_PoidsP1,
#ConsultPeseesGrid_GMQP1,
#gsh_ConsultPeseesGrid_GMQP1,
#ConsultPeseesGrid_DateP2Affichage,
#gsh_ConsultPeseesGrid_DateP2Affichage,
#ConsultPeseesGrid_PoidsP2,
#gsh_ConsultPeseesGrid_PoidsP2,
#ConsultPeseesGrid_GMQP2,
#gsh_ConsultPeseesGrid_GMQP2,
#ConsultPeseesGrid_DateP3Affichage,
#gsh_ConsultPeseesGrid_DateP3Affichage,
#ConsultPeseesGrid_PoidsP3,
#gsh_ConsultPeseesGrid_PoidsP3,
#ConsultPeseesGrid_GMQP3,
#gsh_ConsultPeseesGrid_GMQP3,
#ConsultPeseesGrid_DateFinControleAffichage,
#gsh_ConsultPeseesGrid_DateFinControleAffichage,
#ConsultPeseesGrid_PoidsFinControle,
#gsh_ConsultPeseesGrid_PoidsFinControle,
#ConsultPeseesGrid_GMQFinControle,
#gsh_ConsultPeseesGrid_GMQFinControle,
#ConsultPeseesGrid_GMQDebutControleDernierePesee,
#gsh_ConsultPeseesGrid_GMQDebutControleDernierePesee {
    background-color: #F2EBCF !important;
}

.lectseule, /*#CodeSortie,*/ th.ui-state-default.lectseule {
    background-color: #F2EBCF /*!important*/;
}

.plusclair, th.ui-state-default.plusclair {
    background-color: #E8FFD2 /*!important*/;
}

.lectseule.plusclair, th.ui-state-default.lectseule.plusclair {
    background-color: #FAF3D7 /*!important*/;
}

.ui-jqgrid-htable .seci-grey-header{
    background-color: #E0E0E0
}
.ui-jqgrid-htable .seci-vcg-header{
    background-color: #FFE4E4
}
.ui-jqgrid-htable .seci-alertes-header{
    background-color: #ECF5E7
}
.ui-jqgrid-htable .seci-pereanalyse-header{
    background-color: #EDF5FB
}
.ui-jqgrid-htable .seci-mereanalyse-header{
    background-color: #FDF1EA
}
.ui-jqgrid-htable .seci-animal-header{
    background-color: #FFD799
}
.ui-jqgrid-htable .seci-pb-header{
    background-color: #DDEBF7
}
.ui-jqgrid-htable .seci-mb-header{
    background-color: #FCE4D6
}

tr:nth-child(even) td.lectseule,
tr:nth-child(even) td.plusclair {
    background-color: white;
}

tr.ui-state-highlight td.lectseule,
tr.ui-state-highlight td.plusclair {
    background-color: transparent;
}

.invis {
    display: none;
}

/*table.ui-jqgrid-htable thead tr {
    height:30px;
}*/

#menuitem {
    margin-bottom: 10px;
    height: 30px;
}

select.ui-pg-selbox {
    display: none !important;
}

td[id$='_pager_center'] {
    display: none !important;
}

/*.uloption {
}*/

input#Pkey {
    display: none;
}

#supp_filtre {
    width: 80px;
}

#div_supp_filtre {
    /*width: 45px;*/
    margin: 0 auto;
}

#CodeStation {
    height: 15px !important;
    border: none !important;
}

.gview_AnimDeclGrid .ui-jqgrid-hdiv {
    background: #CFEBCF;
}

/* Libellés des contrôles dans les fenêtres modales */
.EditTable td.CaptionTD {
    text-align: right;
}

/* Pour corriger un problème d'affichage du calendrier qui passe derrière la grille */
#ui-datepicker-div {
    z-index: 9999 !important;
}

/* Alignement des cases à cocher dans les fenêtres modales */
form[id^=FrmGrid_] input[id^=Sel] {
    margin-top: 8px;
}

/* Écart entre les contrôles de la popup qui sont sur une même ligne */
form[id^=FrmGrid_] input[disabled="disabled"] + input,
form[id^=FrmGrid_] select + input {
    margin-left: 10px;
}

/* Gestion des séries */
#NumSerie, #ControlTermineAnimExcluEval,
#CodeDestination, #CodeSortie {
    width: 30px;
}

#MotifInterrupNonIndex {
    width: 40px;
}

#editcntOrdersGrid, #delcntOrdersGrid,
#editcntGrpContempGrid, #delcntGrpContempGrid,
#editcntPlanifSerieGrid, #delcntPlanifSerieGrid,
#editcntAnimauxSortisGrid, #delcntAnimauxSortisGrid,
#editcntAnimauxSortisNotifGrid, #delcntAnimauxSortisNotifGrid,
#editcntAnimauxSortisObsGrid, #delcntAnimauxSortisObsGrid,
#editcntResCommGrid, #delcntResCommGrid,
#editcntAnimEntresGrid, #delcntAnimEntresGrid,
#editcntAnimGroupContempGrid, #delcntAnimGroupContempGrid,
#editcntAnimDeclGrid, #delcntAnimDeclGrid,
#editcntSaisiePeseesGrid, #delcntSaisiePeseesGrid,
#editcntSaisiePointagesGrid, #delcntSaisiePointagesGrid,
#editcntAlimentationGrid, #delcntAlimentationGrid {
    background-color: rgb(235, 252, 233);
}

.dialogClass {
    background-color: rgb(235, 252, 233) !important;
}

/*#editcntOrdersGrid, #editcntPlanifSerieGrid {
    height: 360px;
}

#editcntAnimEntresGrid {
    height: 560px;
}*/

/*#FrmGrid_AnimEntresGrid {
    height: 510px !important;
}*/

#DatDebNVeau, #DatFinNVeau {
    width: 80px !important;
}

#Campagne {
    width: 40px;
}

#CodeStation, #LibelLong {
    width: 200px;
}

/*#editcntGrpContempGrid {
    height: 200px;
    height: calc(100% - 35px)
}*/

/*#FrmGrid_GrpContempGrid {
    height: calc(100% - 45px) !important
    height: 150px !important;
}*/

/*#FrmGrid_PlanifSerieGrid {
    height: 290px !important;
}*/

/*#FrmGrid_OrdersGrid {
    height: 300px !important;
}*/

div[id^='delmod'] {
    width: 300px !important;
}

    div[id^='delmod'] .ui-jqdialog-content .DelTable {
        width: calc(100% - 2px); /* bordure */
    }

/*.fm-button.ui-state-default.ui-corner-all.fm-button-icon-left span {
    display: none;
}*/
.ui-icon.ui-icon-scissors, .ui-icon.ui-icon-disk {
    background-image: url('/Content/Image/valider.png');
    background-position: center;
    height: 34px;
    width: 34px;
}

.ui-icon.ui-icon-cancel, .ui-icon.ui-icon-close {
    background-image: url('/Content/Image/annuler.png');
    background-position: center;
    height: 34px;
    width: 34px;
}

.fm-button.ui-state-default {
    background-color: transparent !important;
    width: 34px;
    border: 0px;
    margin: 0px;
    margin-right: 15px;
    padding: 0px;
}

#seci .ui-jqdialog-content td.EditButton {
    padding-top: 0px;
    padding-bottom: 10px;
}

#seci .ui-jqdialog-content td.navButton {
    padding-top: 0px;
    padding-bottom: 10px;
}

#seci div.ui-pg-div .ui-icon {
    width: 20px;
    height: 20px;
}

#seci .ui-jqgrid-pager div.ui-pg-div .ui-icon {
    width: 23px;
    height: 23px;
}

a.fm-button.ui-state-default.ui-corner-left {
    float: left;
    width: 40px;
}

.ui-icon.ui-icon-triangle-1-w {
    width: 34px;
    height: 34px;
}

a.fm-button ui-state-default.ui-corner-right {
    float: left;
    width: 40px;
}

.ui-icon.ui-icon-triangle-1-e {
    width: 34px;
    height: 34px;
}

#nData, #pData {
    float: left;
    margin: 3px 3px 0px;
    padding: 0;
    width: 32px !important;
}

/*#sData.fm-button.ui-state-default.ui-corner-all.fm-button-icon-left {
    background-image : url('/Content/Image/valider.png') !important;
}*/

.ui-widget-content {
    background-color: white;
}

#ui-datepicker-div {
    background-color: white !important;
}

.btnImprimer {
    background-image: url('/Content/Image/impr.png') !important;
    background-position: 0px 0px !important;
    margin-right: 10px;
}

.btnValoriser {
    background-image: url('/Content/Image/valoriser.png') !important;
    background-position: 0px 0px !important;
    margin-right: 10px;
}

.btnExcel {
    background-image: url('/Content/Image/excel.png') !important;
    background-position: 0px 0px !important;
    margin-right: 10px;
}

.btnExporter {
    background-image: url('/Content/Image/export.png') !important;
    background-position: 0px 0px !important;
}

.btnImporter {
    background-image: url('/Content/Image/import.png') !important;
    background-position: 0px 0px !important;
}

.btnModifLot {
    background-image: url('/Content/Image/modif_lot.png') !important;
    background-position: 0px 0px !important;
}

.btnNotifAnimaux {
    background-image: url('/Content/Image/notif.png') !important;
    background-position: 0px 0px !important;
}

.btnBilanNotifAnimaux {
    background-image: url('/Content/Image/bilan.png') !important;
    background-position: 0px 0px !important;
}

.btnExporterIndex {
    background-image: url('/Content/Image/export_ind.png') !important;
    background-position: 0px 0px !important;
}

.btnImporterIndex {
    background-image: url('/Content/Image/import_ind.png') !important;
    background-position: 0px 0px !important;
}

.btnEpuration {
    background-image: url('/Content/Image/epurer.png') !important;
    background-position: 0px 0px !important;
}

/* Boutons utilisés dans export automate */
/*div.ctSel{
    height: 100%;
}
footer .btnActions{
    position: absolute;
    height: 60px;
}*/

.Exporter {
    width: 24px;
    height: 35px;
    border: none;
    background-color: transparent;
    background-image: url('/Content/Image/export_g.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

.ExporterIndex {
    width: 24px;
    height: 35px;
    border: none;
    background-color: transparent;
    background-image: url('/Content/Image/export_ind_g.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

.btnIcones {
    display: block;
    margin-right: 5px;
}

.Importer {
    width: 42px;
    height: 35px;
    border: none;
    background-color: transparent;
    background-image: url('/Content/Image/import_g.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

.NotifAnimaux {
    margin-left: 10px;
    width: 24px;
    height: 35px;
    border: none;
    background-color: transparent;
    background-image: url('/Content/Image/notif_g.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

/*.notifBtnValider {
    background-image: url('/Content/Image/valider.png') !important;
    width: 30px;
    height: 30px;
}

.notifBtnAnnuler {
    background-image: url('/Content/Image/annuler.png') !important;
    width: 31px;
    height: 31px;
}*/

.decalHaut {
    margin-top: 15px;
}

.ui-dialog-buttonset #btnValid,.ui-dialog-buttonset .notifBtnValider {
    background-color: transparent;
    border: none;
    background-image: url('/Content/Image/valider.png') !important;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    margin-right: 20px;
    padding-top: 2px;
    padding-left: 1px;
}

.ui-dialog-buttonset #btnAnnul,.ui-dialog-buttonset .notifBtnAnnuler {
    background-color: transparent;
    border: none;
    background-image: url('/Content/Image/annuler.png') !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    padding-top: 2px;
    padding-left: 1px;
}

.lstItems {
    list-style: none;
}

    .lstItems li {
        list-style: none;
        /*display: inline;*/
        float: left;
    }

/* Animaux déclarés/retenus */
.ctGrille {
    /*float: left;*/
    /*width: 900px;*/
    /*overflow: auto;*/
    white-space: nowrap;
}

.nowrap tr.jqgrow td, .ui-jqgrid tr.jqgrow td.nowrap {
    white-space: nowrap
}

@media screen and (max-width: 900px) {
    div > .ctGrille > div[id^='gbox_'] {
        overflow-x: auto;
    }
}

.ui-pg-div span {
    margin: 0;
}

/* Espace entre les icones modif/suppr */
/*#AnimDeclGrid .ui-inline-edit,
#AnimEntresGrid .ui-inline-edit,
#OrdersGrid .ui-inline-edit,
#GrpContempGrid .ui-inline-edit,
#PlanifSerieGrid .ui-inline-edit {
    margin-left: 6px;
    margin-right: 10px;
}*/

form[id^='FrmGrid_'] .tinfo.topinfo {
    height: 30px;
}

.affSexe,
.affDnais,
.affRace,
.affEcart,
.seci-alerte {
    color: red;
}

.affSexeDef,
.affDnaisDef,
.affRaceDef,
.affEcartDef {
    color: black;
}

#CodePaysAnimal,
#CodePaysCheptel,
#CodePaysCheptelAcheteur {
    width: 37px;
}

#NumeroNationalAnimal,
#NumeroCheptel {
    width: 90px;
}

#NumeroTravail,
#Sexe,
#DateNaissance,
#Race,
#MHVal,
#RaisonSocialeReconstituee,
#DatePeseeEntree,
#PoidsEntree,
#GMQNaissEntree,
#GMQDerPeseeEntree,
#EcartAge,
#EcartAgePlusJeune,
#EcartAgePlusAge,
#LibelleEvenement,
#FrmGrid_SaisiePeseesGrid #DateDernierePesee,
#FrmGrid_SaisiePeseesGrid #PoidsDernierePesee,
#FrmGrid_SaisiePeseesGrid #LieuDernierePesee,
#FrmGrid_SaisiePeseesGrid #EcartP1P2,
#FrmGrid_SaisiePeseesGrid #GMQDernierePesee,
#FrmGrid_SaisiePeseesGrid #GMQDebutFin,
#FrmGrid_SaisiePeseesGrid #Observations,
input[calcul] {
    background-color: #F2EBCF;
    border: none;
}

#tabModLot {
    background-color: #97DB84;
    margin-bottom: 8px;
    font-size: smaller;
    display: none;
    width: 100%;
}

.ModLotLarg1 {
    width: 900px;
}

#tabModLot tr:first-child td:first-child {
    margin-left: 5px;
}

#tabModLot .colTitre {
    font-size: larger;
    font-weight: bold;
    width: 280px;
    padding-left: 20px;
}

#tabModLot .colCode {
    width: 40px;
}

#tabModLot .colCodeC {
    width: 30px;
}

#tabModLot .colCodeL {
    width: 90px;
}

#tabModLot .colCodeCB {
    width: 35px;
}

#tabModLot .colDate {
    width: 85px;
    text-align: center;
}

#tabModLot .colObserv {
    width: 99%;
}

#tabModLot .btnActions {
    width: 72px;
}

#tabModLot .colMotif {
    width: 45px;
}

#tabModLot .colSit {
    width: 34px;
}

#tabModLot .btnValModLot {
    background: url(../Content/image/valider.png) no-repeat top left;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 5px;
}

#tabModLot .btnAnnModLot {
    background: url(../Content/image/annuler.png) no-repeat top left;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 8px;
}

#mlotListeMotifArrExcl {
    width: 43px;
}

#mlotExclusEval, #mlotDestination {
    width: 32px;
}

#mlotObservations {
    width: 200px;
}

#btnObservation, #btnFige {
    background-color: white;
    padding-left: -5px;
    text-transform: capitalize;
}

    #btnObservation span, #btnFige span {
        display: inline-block;
        background: #3498db;
        background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
        background-image: -moz-linear-gradient(top, #3498db, #2980b9);
        background-image: -o-linear-gradient(top, #3498db, #2980b9);
        background-image: linear-gradient(to bottom, #3498db, #2980b9);
        font-family: Arial;
        color: #ffffff;
        font-size: 12px;
        padding: 3px 4px 1px 4px;
        text-decoration: none;
        text-transform: capitalize;
        border: none;
        margin-left: -5px;
    }

        #btnObservation span:hover, #btnFige span:hover {
            background: #3cb0fd;
            background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
            background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
            text-decoration: none;
        }

#divCommission,
#divCbPesees,
#divEditions {
    text-align: left;
}

#AlertGrid tr:nth-child(even) td,
#AnimauxSortisGrid tr:nth-child(even) td,
#AnimEntresGrid tr:nth-child(even) td,
#AnimGroupContempGrid tr:nth-child(even) td,
#AnimDeclGrid tr:nth-child(even) td,
#ResCommGrid tr:nth-child(even) td,
#SaisiePeseesGrid tr:nth-child(even) td,
#ConsultPeseesGrid tr:nth-child(even) td {
    background-color: white;
}

#AlertGrid tr.ui-state-highlight td,
#AnimauxSortisGrid tr.ui-state-highlight td,
#AnimEntresGrid tr.ui-state-highlight td,
#AnimGroupContempGrid tr.ui-state-highlight td,
#AnimDeclGrid tr.ui-state-highlight td,
#ResCommGrid tr.ui-state-highlight td,
#SaisiePeseesGrid tr.ui-state-highlight td,
#ConsultPeseesGrid tr.ui-state-highlight td {
    background-color: transparent;
}

tbody tr td {
    text-align: center !important;
    position: relative;
}

.ctGrille div.ui-jqgrid td[aria-describedby$='_Observations'],
.ctGrille div.ui-jqgrid td[aria-describedby$='_RaisonSocialeReconstituee'],
.ctGrille div.ui-jqgrid td[aria-describedby*='_Coordonnees']
 {
    text-align: left !important;
}

/* Alignement des contrôles dans la fenêtre modale */
table[id^='TblGrid_'] tbody tr td[class='DataTD'] {
    text-align: left !important;
}

table[id^='TblGrid_'] tbody tr td[class='CaptionTD'] {
    text-align: right !important;
}

[id$=_pager_right], td.EditButton {
    text-align: right !important;
}

/* Saisie des pesées */
#divCommission,
#divCbPesees {
    margin-bottom: 10px;
}

/* Saisie des pointages */
#divCbPointages div {
    margin-bottom: 10px;
    display: inline-block;
    width: 70px;
}

div.radiobuttons {
    display:inline-grid;
}
    div.radiobuttons input[type=radio] {
        margin: 0px 5px;
        position:relative;
        top:1px;
    }

#divPointages > .ctGrille > div[id^='gbox_'] {
    /*box-sizing: border-box;*/
    height: calc(100% - 20px);
}

#SaisiePointagesGrid_CodePaysAnimal div, th[id^=SaisiePointagesGrid_POSP] div {
    text-align: left;
    padding-left: 5px;
}

/* Échanges avec l'automate */
.ui-dialog[aria-describedby=dlgEch],
.ui-dialog[aria-describedby=dlgEch] .ui-dialog-buttonpane {
    background-color: #F3FFED;
}

#dlgEch {
    overflow-x: hidden;
}

#ctSel {
    margin-top: 15px;
}

    #ctSel div span {
        text-align: right;
    }

    #ctSel div {
        margin-bottom: 15px;
    }

    #ctSel .colDate {
        width: 120px;
    }

/* Fiche synthèse animal */
#dlgFiche{
    overflow: hidden;
}

#dvIcones{
    display:flex;
    padding-bottom: 5px;
}
#dvIcones #imprimer {
    width: 16px;
    height: 16px;
    padding-left: 15px;
}

.BtnReaffiche {
    vertical-align:top;
    width: 16px
}

#contsynth{
    /*overflow-y: scroll;*/
    height: calc(100% - 15px);
}
#synthanim {
    margin-right: 20px;
    overflow: hidden;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

#synthanim a {
    color: rgb(51, 122, 183);
}

    #synthanim * {
        box-sizing: border-box;
    }

        #synthanim .row a.chargemtok:hover {
            cursor: pointer;
        }

    #synthanim table.tablargeur {
        width: 100%;
    }

.bordhaut {
    border-top: medium solid gray;
}

.bordgauche {
    border-left: medium solid gray;
    margin-left: -3px;
}
.borddroit {
    border-right: medium solid gray;
}

.charge{
    height: 32px;
    background: rgba( 255, 255, 255, 0.8 ) url('/Content/Image/ajax-loader.gif') 50% 50% no-repeat;
}

.sepbas {
    padding-bottom: 4px;
}

.sepdroit{
    padding-right: 30px;
}

.textecentre {
    text-align: center;
}

.textesouligne {
    text-decoration: underline;
}

#synthanim table tbody tr td.textegauche {
    text-align: left !important;
}
#synthanim table tbody tr td.textedroite {
    text-align: right !important;
}

.texteitalic {
    font-style: italic;
}

#contGenea span,
#divPerfsPointages .contenu,
#divPerfsStationMensInt .contenu,
#divPerfsStationMensExt  .contenu{
    font-size: 12px;
}

#synthanim .row #contGenea .row {
    padding-top: 0px;
    padding-bottom: 0px;
}
#synthanim td.famille{
    padding-right: 25px;
}

.nomgen {
    display: inline-block;
    width: 60px;
}
#synthanim #contGenea div.row span.numgen {
    margin-left: 65px;
    display: inline-block;
    width: 110px;
}
.libgen {
    display: inline-block;
    width: 110px;
}

#synthanim .sepligne{
    margin-top: 10px;
}

#synthanim .valposte{
    width: 55px;
    padding-right: 26px;
}

#synthanim .libelleposte {
    min-width: 200px;
}

#synthanim .postecalc{
    border: medium solid black;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    text-align: right !important;
    padding-right: 10px;
    width: 55px;
}

    #synthanim .postecalc.noborder {
        border-color: transparent;
    }

table .lignegras span,
.textegras {
    font-weight: bold;
}

.ui-dialog .ui-widget-content, .ui-dialog.ui-widget-content{
    background-color: #ebfce9;
}
.ui-dialog .ui-dialog-titlebar{
    height:20px;
    padding: .3em .2em;
}

.AlerteRouge {
    background-color: #ff0000 !important
}

.AlerteOrange {
    background-color: #ffa500 !important
}