html{
	height:100%;
}
body {
    font-family: 'Open Sans',Arial;
    font-size: 13px;
    margin:0;
	padding:0;
}
a{
    cursor:pointer;
}
#contenu{
    display:none;
}
table{
   border-spacing : 0;
   border-collapse : collapse;
   border:none;
}
table tr td{
    padding: 0;
}
input, select, textarea, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    outline: none;
    font-family: "Open Sans", Arial;
}
.ui-widget{
    font-family: "Open Sans", Arial;
}
label[for],label.clic{
    cursor:pointer;
}
label.labelChk{
    min-width:90px;
    display:inline-block;
}
input[type="button"],input[type="submit"],
input[type="text"],input[type="password"],
input[type="tel"],input[type="number"],select{
    padding: 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 13px;
    padding-left: 10px;
    outline: none;
    /*vertical-align:top;*/
    vertical-align:middle;
}
input[disabled]:not(.Disabled),
select[disabled]:not(.Disabled){
    /*background-color: transparent;
    border: 1px solid transparent;
    font-weight:bold;*/
    background-color: rgb(235, 235, 228);
}
select[disabled]:not(.Disabled){
    -webkit-appearance: initial;
    cursor:initial;
}

.libErreur{color:red;}

/*Class pour le Bouton mot de passe oublié*/
.btn-mdpoublie {
    color: #a1b1bc;
}
.btn-mdpoublie:hover {
     color: #82b81a;
}
.inputMdpOublie {
    width:95%;
    margin:3px 3px 3px 3px;
}

div.fondPage {
    background-image: url(../images/masterpage/calogo_cut.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    /*background-color:white;*/
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
    opacity: 0.3;
}
.modalBackground {
    display: none;
	background-color:Gray;
	/*filter:alpha(opacity=70);opacity:0.7;*/
	opacity: .50;
	filter:Alpha(Opacity=50);
	height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:10000;overflow:hidden;
}
#modalBackgroundLoader {
    background-color: white;
    opacity:0.8;
}
.body-legende{ 
	-webkit-box-shadow: 0px 1px 6px 0px #cccccc;
	-moz-box-shadow: 0px 1px 6px 0px #cccccc;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#cccccc', Positive='true');
	zoom:1;
	box-shadow: 0px 1px 6px 0px #cccccc;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;	
	border-radius:5px 5px 0px 0px;
}
.body-legendeTbl {
	font-family:"Open Sans";
	padding: 6px 0px 6px 15px;
	display: block;
	height: 30px;
	color: #82b81a;
	font-size: 15px;
	overflow: hidden;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #bdbdbd;
	background-color: #ffffff;
}
.body-legendeTbl img{
	vertical-align: middle;
}
.body-legendeTbl-separateur{
	margin-top:15px;
}
.body-legende{
    border-radius:6px;
}
.body-legendeTbl{
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.body-contentTbl{
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}
.body-contentTbl {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, .8);
}
/* Boutons */
.ui-widget button.fa,
.fa{
    font-family: FontAwesome, "Open Sans";
}
.fa{
    font: normal normal normal 18px/1 FontAwesome, "Open Sans";
}
button.fa{
    display:block;
    margin:auto;
    font-size:13px;
    padding-right: 20px;
    outline:none;
}
button.fa,
.ui-dialog-buttonset button.ui-button{
    font-weight: bold;
}
div.blocBoutons{
    margin-top:12px;
    text-align:center;
}
div.blocBoutons button.fa{
    display:inline-block;
}
.fa-2x {
    font-size: 2em;
}

.ui-jqgrid-view .fa-pencil-square-o, 
.ui-jqgrid-view .fa-exclamation-triangle, 
.ui-jqgrid-view .fa-info-circle, 
.ui-jqgrid-view .fa-sign-in, 
.ui-jqgrid-view .fa-medkit,
.fa-info-circle { color: #f2ad1a; }
.fa-trash-o, 
.ui-jqgrid-view .fa-thumbs-down, 
.ui-jqgrid-view .fa-sign-out,
.ui-jqgrid-view .fa-exclamation-circle{ color:#f12100; }
.ui-jqgrid-view .fa-envelope-o, .ui-jqgrid-view  .fa-file-pdf-o{ color:#653e89; }
.ui-jqgrid-view .fa-thumbs-up, .ui-jqgrid-view  .fa-arrow-right, 
.ui-jqgrid-view  .fa-check{ color:#1aa56e;}
.ui-jqgrid-view .fa-mars { color:#00a9b9; }
.ui-jqgrid-view .fa-venus { color:#b43561; }
.ui-jqgrid-view .fa-search, .ui-jqgrid-view  .fa-list, 
.ui-jqgrid-view  .fa-calendar, .ui-jqgrid-view  .fa-eyedropper , 
.ui-jqgrid-view  .fa-list-ol { color:#50bee7; }

.ui-jqgrid-view .fa {
    cursor:pointer;
}

/* boutons */
.ui-dialog-buttonset button.ui-button:hover{
    background-color:#525252;
    color:#fff;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 50;
    display: none;
}

.fa.fa-times-circle{
    color:#e21420;
}
.fa.fa-plus-circle,
button.fa.fa-arrow-left,
button.fa.fa-check,
button.fa.fa-save,
button.fa.fa-search,
button.fa-sign-in
{
    color:#82b81a;
}
button.fa.fa-arrow-left:hover,
button.fa.fa-check:hover,
button.fa.fa-save:hover,
button.fa.fa-search:hover,
button.fa-sign-in:hover{
    background-color:#82b81a;
}

button.fa.fa-plus,
button.fa.fa-close,
button.fa.fa-undo{
    color:#f34a54;
}
button.fa.fa-plus:hover,
button.fa.fa-close:hover,
button.fa.fa-undo:hover{
    background-color:#f34a54;
}
button.fa:before{
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
}


input[type='submit'],
input[type='button'],
button,
select,
i.btn{
    height:40px;
    background-size:auto 40px;
    background-position:center center;
    background-repeat:no-repeat;
    /*width:120px;*/
    margin-left:8px;
    margin-right:8px;
    cursor:pointer;
    font-size:1em;
    font-style:normal;
    font-weight:bold;
    display:inline-block;
    vertical-align: top;
    text-align:center;
}
input[type='submit'],
input[type='button'],
button,
select,
i.btn:not(.btnSimple),
.ui-dialog-buttonset button.ui-button {
    border: 2px solid #525252;
    border-radius: 24px;
    background-size: 16px auto;
    background-position: 10px center;
    background-color: #fff;
    text-align: left;
}
.ui-dialog-buttonset button.ui-button{
    display:inline-block;
}
select{
    padding-right: 6px;
    padding-left: 6px;
    font-weight: normal;
    border:1px solid rgb(169, 169, 169);
    height:auto;
    margin:0;
    vertical-align:middle;
}
i.btn:not(.btnSimple)  {
    width:84px;
    height:36px;
    line-height:36px;
}
i.btn.btnSimple{
    height:36px;
    line-height:36px;
    background-size: auto 36px;
    margin-top: 5px;
}
input[type='submit']:hover,
input[type='button']:hover,
button.fa:hover,
i.btn:hover{
    color:white !important;
}
/* Fin boutons */
/*LOADER PAGE*/
@keyframes loader_spin {
    0% {
        -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); 
    }
}
#loaderEDE{
    position:fixed;
    /*top:400px;
        left:44%;
    */
    top: calc(50% - 97px);
    left: calc(50% - 97px);
    display:none;
    z-index:10003;
}
.loaderEDE{
    height:194px;
    width:194px;
}
.loaderEDE .loader_line{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 194px;
    height: 194px;
    overflow: visible;
    -webkit-animation: loader_spin 2s infinite linear;
    animation: loader_spin 2s infinite linear;
    margin-left: -97px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.loaderEDE .loader_tophalf{
    position: absolute;
    width: 194px;
    height: 97px;
    -webkit-border-top-left-radius: 97px;
    -webkit-border-top-right-radius: 97px;
    -moz-border-radius-topleft: 97px;
    -moz-border-radius-topright: 97px;
    border-top-left-radius: 97px;
    border-top-right-radius: 97px;
    background: -moz-linear-gradient(left, rgba(1, 150, 61, 0.5) 0%, #01963d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(1, 150, 61, 0.5)) color-stop(100%, #01963d));
    background: -webkit-linear-gradient(left, rgba(1, 150, 61, 0.5) 0%, #01963d 100%);
    background: -o-linear-gradient(left, rgba(1, 150, 61, 0.5) 0%, #01963d 100%);
    background: -ms-linear-gradient(left, rgba(1, 150, 61, 0.5) 0%, #01963d 100%);
    background: linear-gradient(to right, rgba(1, 150, 61, 0.5) 0%, #01963d 100%);
}
.loaderEDE .loader_inner{
    position: relative;
    z-index: 1;
    top: 5px;
    left: 5px;
    width: 184px;
    height: 184px;
    background-color: white;
    border-radius: 100%;
}
.loaderEDE .loader_bottomhalf{
    background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(52, 192, 191, 0.5)), color-stop(100%,rgba(77, 196, 226, 0)));
    background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%);
    background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%);
    background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%);
    background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%);
}
.loaderEDE .loader_button{
    width: 20px;
    height: 20px;
    background: rgba(33, 194, 248, 1);
    border: 5px solid #fff;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -10px;
    z-index: 1;
    border-radius: 100px;
    background: #01963d;
}
.loaderEDE .loader_logo{
    bottom:31px;
    left:31px;
    background: #fff;
    width: 132px;
    height: 132px;
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.1);
    border-radius: 300px;
    position: absolute;
    background-image: url("../images/masterpage/calogo_cut.png");
    background-repeat: no-repeat;
    background-size: auto 90%;
}
/********/
/* Date */
/********/
img.ui-datepicker-trigger {
    width: 26px;
    height: 26px;
    cursor: pointer;
}
.divDate{
    display:inline-block;
}
.divDate .fa{cursor:pointer;}
.divDate span,.divDate input{
    float:left;
}
.divDate input{
    margin-top: 1px;
}
.divDate + span{
    float: left;
    line-height: 27px;
    margin-right: 15px;
}
.bAprDate,.bAvtDate{
    height: 15px;
    width: 15px;
    margin-top: 6px;
}
.bAprDate{
    margin-right:1px;
    margin-left:2px;
}
.bAvtDate{
    margin-right:2px;
}
.bAvtDate .fa.fa-chevron-circle-left, .bAprDate .fa.fa-chevron-circle-right{
    font-size:1.1em;
    color:#58585a;
}
.bInitDate .fa.fa-sort {
    font-size:1.3em;
    color:#58585a;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.bInitDate{
    margin-top:5px;
    margin-left:1px;
    margin-right:2px;
    cursor:pointer;
}
/************/

.ui-parent-triangle {
    background-color: #F9F9F9 !important;
    color: #1aa56e !important;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0px;
    padding: 0px !important;
    height: 30px !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    border-top: 0px solid transparent !important;
}
.titrePage{
    text-align:left;
    height : 25px;
    padding-left: 35px;
    padding-top: 5px;
    font-weight: bold;
}
.triangle {
    background-image: url(../images/flecherouge.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size:32px auto;
    width: auto;
}
.divFormColonne{
    margin: auto;
    text-align: center;
}
.divFormColonne > .divForm{
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
.divFormColonne > .divForm:first-child{
    margin-right: 20px;
}
.divForm{
    margin:auto;
}
.divForm table.tabForm{
    width:100%;
}
/* fontAwesome */
.divForm a{
    font-size:18px;
    vertical-align: middle;
}
/* fin*/
table.tabForm {
    border-collapse: separate;
    margin: auto;
    margin-bottom: 10px;
    border-spacing: 0px;
}
.ui-accordion-content > table.tabForm {
    margin-bottom: 0px;
}
table.tabForm td,
table.tabForm th {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}
table.tabForm th,
.premiereLignePage  {
    background-color: #f9f9f9;
    color: #82b81a;
    border-bottom: 1px solid #bdbdbd;
    padding: 0px !important;
   
}
table.tabForm th > div{
    text-align: left;
    height: 25px;
    padding-left: 40px;
    padding-top: 5px;
    font-weight: bold;
    line-height: 21px;
}
    

.encadre {
    padding: 0px;
    border-radius: 4px;
    box-shadow: 0px 1px 6px 0px #cccccc;
    -webkit-box-shadow: 0px 1px 6px 0px #cccccc;
    -moz-box-shadow: 0px 1px 6px 0px #cccccc;
}



.paddingPremiereLigne{
    border-bottom: 1px solid #bdbdbd ;
    padding: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
table.tabForm tr:nth-child(even),
table.tabForm tbody tr.ligneTab1,
.ui-accordion-content > table.tabForm tr:nth-child(odd){
    background-color: #ffffff;
    text-align: left;
}
table.tabForm tr:nth-child(odd),
table.tabForm tbody tr.ligneTab2,
.ui-accordion-content > table.tabForm tr:nth-child(even) {
    background-color: #f9f9f9;
    text-align: left;
}
.gras {
    font-weight: 700;
}

.ipt-cp,
.ipt-nunati{
    text-transform:uppercase;
}
input[type="text"].ipt-cp{
    text-align:center;
    padding-left:0px;
}
input[type="text"].ipt-heure{
    text-align:center;
    padding-left:2px;
}
/*****************************/
.ui-state-default,.ui-widget-content .ui-state-default,
.ui-jqgrid-pager table.ui-pg-table.ui-pager-table tr{
    /*background-color: #82b81a !important;*/
    background-color: #5fb77d;
    text-transform: uppercase;
    font-weight: bold !important;
}
.ui-state-highlight , .ui-widget-content .ui-state-highlight{
    border: 1px solid #dddddd;
    color: inherit /*!important*/; 
    background-color: inherit;
}
.ui-state-hover:not(.ui-th-column), .ui-widget-content .ui-state-hover:not(.ui-th-column){
    /*background: inherit;*/
}
.ui-jqgrid-bdiv .ui-state-hover, .ui-jqgrid-bdiv .ui-widget-content .ui-state-hover{
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
    background: #fddfdf !important;
    border:1px solid #ddd;
}
.ui-state-warning, .ui-widget-content .ui-state-warning, .ui-widget-header .ui-state-warning{
    background: #fcefd1  !important;
    border:1px solid #ddd;
}
.ui-th-column, .ui-th-column-header {
    color: #ffffff !important;
}
.ui-jqgrid-quit{
    background-image: url('../images/annul.png');
    background-position:center center;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
#calqueJQ .ui-jqgrid{
    margin-bottom:0px;
    border-radius:0px;
}
#calqueJQ .ui-jqgrid-pager{
    border-radius:0px;
}
#calqueJQ #btnActionCalque{
    margin: 16px auto 16px auto;
}
#calqueJQ .ui-jqdialog-titlebar table td,
#confirmAction .ui-jqdialog-titlebar table td {
    padding: 0px 10px;
    line-height: 32px;
}
#calqueJQ .ui-jqdialog-titlebar table td.triangle{
    padding-left:40px;
}
.calqueContenu{
    text-align:center;
    background-color:White;
    /*padding-bottom: 16px;*/
    height:100%;
}

#calqueJQ, #confirmAction{
    position:fixed;
    padding:1px 3px;
    z-index:10001;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 10px 5px #777;
	-moz-box-shadow: 0px 0px 10px 5px #777;
	box-shadow: 0px 0px 10px 5px #777;
    background-color: #777;
}
#confirmAction{
    z-index:10002;
}
#confirmAction .confirmContent{
    background-color:white;
    border-radius:0px 0px 5px 5px;
}
#calqueJQ #drag,
#confirmAction #dragConf{
    border-radius:4px 4px 0px 0px;
    cursor:move;
    background-color: #f9f9f9;
}
#calqueJQ #drag table,
#confirmAction #dragConf table{
    width:100%;
    -webkit-border-vertical-spacing: 0;
    -webkit-border-horizontal-spacing: 0;
}
#calqueJQ #drag table img,
#confirmAction #dragConf table img{
    cursor:pointer;
}
#calqueJQ #drag table td.close,
#confirmAction #dragConf table td.close{
    width: 16px;
    padding-left: 0px;
    text-align:right;
}
#calqueJQ.clic table.ui-jqgrid-btable tr td{
    cursor:pointer;
}
#confirmAction{
    width:300px;
}
#confirmAction p{
    padding:18px 6px 18px 6px;
    margin:0;
    text-align: center;
}
#confirmAction a{
    font-weight:bold; 
    width: 30px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor:pointer;
    background-color:Blue;
    margin: 0px 10px 10px 10px;
    padding: 6px 10px 6px 10px;
    border:1px solid #cccccc;
    border-radius:4px;
    background-color:#fadd9a;
}
#confirmAction .confBtn{
    text-align:center;
    border: 0px;
    padding-bottom: 10px;
    border-radius: 0px 0px 5px 5px;
}
#confirmAction #confirmActionOui{
    margin-right: 20px;
}
/**********************/
.adhEST{
    display:none;
}

.prodBov{
    display:none;
}

.prodOv{
    display:none;
}

.prodCa{
    display:none;
}

.ui-jqgrid .ui-jqgrid-bdiv{
    height:100% !important;
    min-height: 150px;
    max-height:600px;
    background-color:white;
}
.JGridMoyen .ui-jqgrid .ui-jqgrid-bdiv{
    max-height:500px;
}
.JGridCourt .ui-jqgrid .ui-jqgrid-bdiv{
    max-height:400px;
}
.JGridTresCourt .ui-jqgrid .ui-jqgrid-bdiv{
    max-height:300px;
}
.subgrid-data .ui-jqgrid .ui-jqgrid-bdiv  
{
    min-height:0px;
}
.subgrid-data .ui-jqgrid
{
    margin-bottom:0px !important;
}
.ui-jqgrid-pager td.ui-pg-button .ui-icon.ui-icon-newwin
{
    background-image: url("../images/tabbord/download_excel.png");
    background-position: center center;
    height: 16px;
    width: 24px;
    background-size : contain;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table{
    color:white;
}
table[aria-multiselectable="true"] td,
table[aria-multiselectable="true"] td input{
    cursor:pointer;
}



@media screen and (max-height: 1280px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:700px;
    }
    .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:500px;
    }
    .JGridMoyen .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:400px;
    }
    .JGridCourt .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:300px;
    }
    .JGridTresCourt .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:200px;
    }
}
@media screen and (max-height: 1024px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:620px;
    }
    .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:400px;
    }
    .JGridMoyen .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:300px;
    }
    .JGridCourt .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:200px;
    }
    .JGridTresCourt .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:100px;
    }
}
@media screen and (max-height: 950px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:540px;
    }
}
@media screen and (max-height: 900px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:490px;
    }
}
@media screen and (max-height: 850px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:440px;
    }
}
@media screen and (max-height: 800px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:390px;
    }
    .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:300px;
    }
    .JGridMoyen .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:200px;
    }
    .JGridCourt .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:100px;
    }
    .JGridTresCourt .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:75px;
    }
}
@media screen and (max-height: 740px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:300px;
    }
}
@media screen and (max-height: 640px) {
    .JGridGrand .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:200px;
    }
    .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:200px;
    }
    .JGridMoyen .ui-jqgrid .ui-jqgrid-bdiv{
        max-height:100px;
    }
}
 .ui-jqgrid .ui-jqgrid-htable .ui-th-div{
    white-space:normal !important; 
    height:auto !important;
    padding:2px !important;
    text-align:center !important;
 }
th.ui-th-column div{
    white-space:normal !important; 
    height:auto !important;
    padding:2px;
} 
.ui-jqgrid tr.jqgrow td{
    white-space:normal;
}
.ui-datepicker th {
    border-bottom: 1px solid #ddd;
}
.ui-datepicker.ui-widget-content{
    box-shadow: rgb(102, 102, 102) 0px 2px 4px 1px;
}
.ui-datepicker td {
    padding: 0px 1px 0px 0px;
    cursor:pointer;
}
.ui-datepicker td a{
    text-align:center;
    padding: 0.5em;
    
}
.ui-datepicker td a.ui-state-default{
    border-width:0px;
    background-color:transparent;
}

.ui-datepicker td.ui-datepicker-today > a,
.ui-datepicker td.ui-datepicker-current-day > a,
.ui-datepicker td:hover a.ui-state-default{
    border-radius: 13px;
    line-height: 13px;
    width: 13px;
    margin: auto;
    color:inherit;
}
.ui-datepicker td.ui-datepicker-today > a{
    background-color: rgba(130, 184, 26, 0.54);;
}
.ui-datepicker td.ui-datepicker-current-day > a,
.ui-datepicker td:hover a.ui-state-default{
        background-color: #5fb77d;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 2px;
    width: 2.2em;
    height: 2.2em;
    cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover{
    top:1px;
}
.ui-widget-header{
    color:#82b81a;
}
.ui-widget-content { border: 1px solid #dddddd; background:#ffffff; color: #333333; }
.ui-widget-content  .altclass:not(.ui-state-hover) { border: 1px solid #dddddd; background: #f9f9f9; color: #333333; }

.jqgrow.ui-row-ltr.ui-widget-content.surligne{
    background-color:#fdd475;
}
.jqgrow.ui-row-ltr.ui-widget-content.surligne.ui-state-hover{
    background-color:#f7b935;
}
/**** accordion ******/
.divForm .ui-accordion .ui-accordion-content{
    padding:0;
}
.ui-accordion h3.ui-accordion-header {
    background-color: #f9f9f9;
    color: #e31521;
    border: 1px solid #EBEBE4;
    text-align: left;
    padding: 0px;
    outline: none;
    font-family: "Open Sans";
    height: 30px;
}

.ui-accordion-header > div.triangle {
    height: 30px;
    width: 35px;
    display: inline-block;
    /*padding: 0px !important;
    width: 0px;
    height: 0px;
    border-top: 30px solid #1AA56E;
    border-right: 30px solid transparent;
    display: inline-block;*/
}

.titreAccordeon {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-transform: none;
}
.ui-accordion h3.ui-accordion-header:hover .titreAccordeon{
    color: #82b81a;
}
.ui-accordion-header .ui-accordion-header-icon {
    right: .5em;
    left: auto;
    display: block;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

/*********************/
.erreur{
    color:red;
    font-weight:bold;
}
.info{
    color:blue;
    font-weight:bold;
}
a > i{
    cursor:pointer;
}
a > i.fa-lg{
    vertical-align:initial;
}
 .left{
    float:left;
    margin-right:4px;
    padding-top: 4px;
}
 .jqgrid-rownum {
    background : none !important;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{
    background-image: url(../js/jQuery/images/ui-icons_444444_256x240.png);
}

/*Permet d'afficher une border uniquement sur les champs input lors de la validation d'un formulaire*/
input.champIncorrect, select.champIncorrect {
    border-color: red;
}
/**************/
/*** listes ***/
/**************/


/**************/
.ui-dialog-titlebar{
    background-image: url(../images/flecherouge.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
}
button.ui-dialog-titlebar-close:active{
    background-color:#f34a54;
}
/*************/
.ouGras{
    font-weight:bold;
    padding-right:10px;
}
.lienRetour{
    font-weight:bold;
    font-size:12px;
    color:black;
    display:block;
    float:right;
    margin-right:50px;
}


/***** FICHE ANIMAL *******/
tr.SSMenu_div_dossier {
    display: flex;
    justify-content: center;
}

.SSMenu_div_dossier td {
    width: 75px;
    height: 75px;
    margin-left: 5px;
    margin-right: 5px;
}

.block-dossier {
    width: 75px;
    height: 75px;
    text-align: center;
    background-color: #F9F9F9;
    box-shadow: 0px 1px 6px 0px #cccccc;
    border-radius: 4px;
}

.block-dossier-title {
    text-align: center;
    vertical-align: middle;
    height: 22px;
    padding-top: 2px;
}

.block-dossier-title p {
    text-align: center;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 9px;
}

img.img48 {
    width: 48px;
    height: 48px;
}
/**************************/