.ui-widget-header {
   	border: 1px solid rgba(54, 88, 143, 0.06) !important;
    background: none !important;
    background-color: #E7E7E7 !important;
    color: #000 !important;
    font-weight: bold !important;
}

.ui-datatable.ui-corner-all table {
    border-collapse: separate;
    *border-collapse: collapse; /* Fallback for IE <=7. */
    border-spacing: 0;
}

.ui-datatable.ui-corner-all table tr:first-child th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.ui-datatable.ui-corner-all table tr:first-child th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.ui-datatable.ui-corner-all table tr:first-child th:only-child {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.ui-datatable.ui-corner-all table tbody td {
    border-top: 0;
    *border-top: inherit; /* Fallback for IE <=7. */
}

.ui-datatable.ui-corner-all table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.ui-datatable.ui-corner-all table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.ui-datatable.ui-corner-all table tr:last-child td:only-child {
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.ui-dialog-titlebar {
    background-color: #36588f !important;
    color: white !important;
    text-align: center;
}

.ui-widget-content.ui-datatable-odd.ui-datatable-selectable.ui-state-hover,
.ui-widget-content.ui-datatable-even.ui-datatable-selectable.ui-state-hover {
    background: none;
    background-color: #dfeafb;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: none !important;
    background-color: #36588f !important;
    border: 1px solid #777 !important;
    color: #fff !important;
}


.ui-datatable thead th {
    background: none;
    background-color: #e7e7e7;
    color: #222;
}

.ui-datatable thead th span {
    font-weight: normal;
    font-size: 14px;
}

.ui-datatable .ui-column-filter {
    width: 100% !important;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: 0.5em 1em 0.5em 0.5em;
    cursor: pointer;
    font-size: small;
    line-height: 1;
    color: #222;
}


.ui-fieldset.ui-fieldset-toggler {
    margin-right: 3px;
}

.ui-fieldset-legend {
    width: auto;
    background: none;
    background-color: #fff;
    color: black;
    font-size: small;
    line-height: 1;
}

.ui-datatable .ui-datatable-header {
    background: none;
    background-color: #36588f !important;
    color: white !important;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: 0.5em 1em 0.5em 0.5em;
    cursor: pointer;
    background: none;
    background-color: #dfeafb;
}

.ui-fieldset-legend {
    background: none !important;
    background-color: #36578f !important;
    color: white !important;
    font-weight: bold !important;
}

.ui-datepicker {
    z-index: 9999999 !important;
}
.ui-datatable-data td .ui-column-title {
    font-weight: bold;
}

.ui-selectonemenu-panel {
    z-index: 111111 !important;
}

.ui-selectonemenu-filter-container {
    width: 100% !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 100% !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 32px !important;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    font-size: 12px;
}

.ui-paginator-page.ui-state-default.ui-corner-all {
    font-size: 12px;
    background: none !important;
    background-color: white !important;
    border: 1px solid #356e82 !important;
    color: black !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 6px;
    margin-left: 2px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    font-size: 12px;
}

.ui-widget .ui-widget {
    font-size: 12px;
}


.ui-selectonemenu.ui-widget.ui-state-default {
    border: 1px solid #1570a6;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border-left: none;
    background: none;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 2.1em;
    line-height: 1 !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all {
    background: none !important;
}

.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
    background-color: #fff;
    border: 1px solid #1570a6;
}

.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left.ui-state-hover {
    border: inherit;
}

.ui-paginator .ui-state-default.ui-corner-all {
    background: none;
    background-color: #fff;
}

.ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active {
    font-weight: bold !important;
    color: #ff894c !important;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
    padding: 0px 6px !important;
    line-height: normal;
    vertical-align: text-top !important;
}

.ui-paginator .ui-icon {
    width: 16px;
    height: 16px !important;
}

.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    width: auto;
}

.ui-datepicker .ui-datepicker-header {
    background: none !important;
    background-color: #36578f ! important;
}

.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
    top: 2px !important;
    background: none !important;
    border: none !important;
}

.ui-datepicker .ui-state-default {
    background: none;
    background-color: #f6f6f6;
}

.ui-datepicker .ui-state-highlight {
    border: 1px solid #ff894c;
    font-weight: bold;
    color: #ff894c;
}

.ui-datepicker .ui-state-hover {
    background-color: #eaeaea;
}

.ui-spinner-up:hover,
.ui-spinner-down:hover {
    cursor: pointer;
    background-color: #FD8E61 !important;
}

.ui-spinner-up {
    top: 0;
    background: #36588f !important;
    border: 1px solid #36588f !important;
}

.ui-spinner-down {
    bottom: 0;
    background: #36588f !important;
    border: 1px solid #36588f !important;
    border-top: 1px solid #fff !important;
}

.ui-spinner-up .ui-icon-triangle-1-n {
    background-image: url("/viva/javax.faces.resource/images/newviva/top.png.xhtml") !important;
    background-position: inherit !important;
    background-size: 15px 15px;
    top: 60% !important;
}

.ui-spinner-down .ui-icon-triangle-1-s {
    background-image: url("/viva/javax.faces.resource/images/newviva/bottom.png.xhtml") !important;
    background-position: inherit !important;
    background-size: 15px 15px;
    top: 60% !important;
}

.ui-messages-error, .ui-message-error {
    color: #FFFFFF !important;
    background-color: #EF5350 !important;
    border-color: red !important;
}

.ui-messages-error-icon {
    background: url("/viva/javax.faces.resource/images/actions/error.png.xhtml") !important;
}

.ui-messages-error .ui-icon-close {
    background: url("/viva/javax.faces.resource/images/actions/croix.png.xhtml") !important;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.4 !important;
    filter: Alpha(Opacity=40) !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.select-green {
    border: 2px #83BE24 solid !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.select-green > .ui-selectonemenu-label {
    color: #83BE24 !important;
    font-weight: bold !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.select-red {
    border: 2px red solid !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.select-red > .ui-selectonemenu-label {
    color: red !important;
    font-weight: bold !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.select-blue {
    border: 2px #36588F solid !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.select-blue > .ui-selectonemenu-label {
    color: #36588F !important;
    font-weight: bold !important;
}

.ui-dialog.custom-popup .ui-dialog-titlebar {
    background: #587097 !important;
    color: #fff !important;
}

.ui-button.ui-state-default.btn.btn-primary,
.btn-primary {
    color: #fff;
    background-color: #36578F;
    border-color: #36578F;
}

.ui-button.ui-state-default.btn.btn-primary:hover,
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}


.ui-state-default.login-button,
.ui-state-default.login-button,
.ui-widget-content .ui-state-default.login-button,
.ui-widget-header .ui-state-default.login-button {
    width: 200px;
    height: 30px;
    background: #36578F!important;
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
    border: 1px solid #36578F !important;
    transition-property: transform;
    -webkit-transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.ui-state-hover.login-button,
.ui-state-hover.login-button,
.ui-widget-content .ui-state-hover.login-button,
.ui-widget-header .ui-state-hover.login-button {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


.ui-state-default.default-button,
.ui-state-default.default-button,
.ui-widget-content .ui-state-default.default-button,
.ui-widget-header .ui-state-default.default-button {
    width: 150px;
    height: 30px;
    background: #ECECEC !important;
    color: #000 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    border: 1px solid #ECECEC !important;
    transition-property: transform;
    -webkit-transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.ui-state-hover.default-button,
.ui-state-hover.default-button,
.ui-widget-content .ui-state-hover.default-button,
.ui-widget-header .ui-state-hover.default-button {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


.nsi-ui-icon-exel{
    background-image: url("/viva/javax.faces.resource/images/actions/excel.png.xhtml") !important;
    width: 16px !important;
    height: 16px !important;
    background-size:contain !important;
}

.nsi-ui-icon-pdf{
    background-image: url("/viva/javax.faces.resource/images/actions/pdf.png.xhtml") !important;
    width: 16px !important;
    height: 16px !important;
    background-size:contain !important;
}

/* AUTO COMPLETE PRIMEFACES */
.custom-auto-complete{
    width: 98% !important;
}

.custom-auto-complete input{
    width:98% !important;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-auto-complete.fa-search{
    cursor: text !important;
}

.custom-auto-complete.fa-search:hover{
    color: black !important;
}

.custom-auto-complete.fa-search::before{
    position: absolute;
    top: 5px;
    left: 5px;
}

.selectOneMenu-width{
    min-width: 99% !important;
    max-width: 99% !important;
    width: 99% !important;
}

.ui-datatable thead th{
    border: 1px solid rgb(177, 177, 177) !important;
    background: #E7E7E7 !important;
    color: #000 !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.title-new,
.ui-tabs.ui-tabs-top > .ui-tabs-nav li.title-new-disabled
{
    background: #00c511;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.title-new-disabled a{
    opacity: 0.6;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.title-new a:hover{
    cursor: pointer !important;
    opacity: 0.6;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li a:hover{
    cursor: default;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.title-new a,
.ui-tabs.ui-tabs-top > .ui-tabs-nav li.title-new-disabled a
{
    color: #fff;
    background: url("/viva/javax.faces.resource/images/actions/addPersonne.png.xhtml") left no-repeat !important;
    padding-left: 40px;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-widget.ui-state-default{
    background: #fff !important;
    color: #adadad !important;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-widget.ui-state-default.ui-state-active{
    background: #36578F !important;
    color: #fff !important;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-widget.ui-state-default.ui-state-active:hover{
    cursor: default;
}

.ui-inputfield.ui-state-disabled, .ui-widget-content .ui-inputfield.ui-state-disabled, .ui-widget-header .ui-inputfield.ui-state-disabled {
    background: #F3F3F3;
    border: 1px solid #555555;
    color: #555555;
}

.ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close{
    padding: 0 !important;
    margin: 0 !important;
}

.ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close .ui-icon{
    background: url("/viva/javax.faces.resource/images/actions/croix.png.xhtml") no-repeat;
    width: 16px;
    height: 16px;
}

.ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-state-hover{
    opacity: 0.7;
    border: none !important;
    background: url("/viva/javax.faces.resource/images/actions/croix.png.xhtml");
    padding: 0 !important;
    margin: 0 !important;
}

.ui-dialog .ui-dialog-title{
    float: none !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-disabled {
    font-style: italic !important;
}

.ui-panelgrid.ui-widget.noborder tr.ui-widget-content.row-hover:hover, .ui-datatable tr.ui-widget-content.row-hover:hover, tr.ui-widget-content.row-hover:hover a {
    background: #d21034 !important;
    color: white !important;
    cursor: default;
}

tr .columnClick:hover{
    cursor: pointer !important;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger, .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    cursor: default;
    background: #f6f6f6;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-state-disabled,  .ui-selectonemenu.ui-widget.ui-state-disabled{
    border: 1px solid #888888;
}

.ui-password-panel {
    width: 100% !important;
    background-color: #fff !important;
    border: none !important;
    color: #000 !important;
}

.ui-tooltip.ui-widget.ui-widget-content.ui-shadow.ui-corner-all{
    box-shadow: none !important;
    background: none !important;
    border: none !important;
}

.ui-icon-check {
    background-position: -65px -146px !important;
}

.ui-state-error.ui-outputlabel
{
    background: none !important;
    color: inherit !important;
}

.ui-state-error{
    border: inherit !important;
    background: none !important;
}

.ui-state-error input,
.ui-state-error.ui-inputfield,
.ui-widget-content .ui-state-error.ui-inputfield,
.ui-widget-header .ui-state-error.ui-inputfield ,
.ui-state-error.ui-selectonemenu
{
    border: 1px solid #1570a6 !important;
    border-left: 4px solid #ef5350 !important;
    color: #555555 !important;
}

.ui-selectonebutton.ui-state-error div:first-child{
    border-left: 4px solid #ef5350 !important;
}


.ui-state-warning.ui-outputlabel
{
    background: none !important;
    color: inherit !important;
}

.ui-state-warning{
    border: inherit !important;
    background: none !important;
}

.ui-state-warning input,
.ui-state-warning.ui-inputfield,
.ui-widget-content .ui-state-warning.ui-inputfield,
.ui-widget-header .ui-state-warning.ui-inputfield ,
.ui-state-warning.ui-selectonemenu
{
    border: 1px solid #1570a6 !important;
    border-left: 4px solid #ffc167 !important;
    color: #555555 !important;
}

.ui-selectonebutton.ui-state-warning div:first-child{
    border-left: 4px solid #ffc167 !important;
}

.custom-auto-complete input {
    width: 102% !important;
}

.ui-autocomplete-panel{
    z-index: 999999 !important;
}

.ui-dialog {
    z-index: 99999 !important;
}


.ui-dialog.ajax-loader{
    z-index: 999999999 !important;
}

.ui-datepicker .ui-datepicker-title {
    color: #fff !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #000 !important;
}












/*
	FileUpload
*/
.fileUploadDocument, .fileUploadDocument.ui-fileupload {
    height: 180px !important;
    border: lightgrey 2px dashed !important;
    padding: 5px !important;
}

.ui-fileupload.ui-widget.fileUploadDocument{
    background: url("") 95% 90% no-repeat;;
    margin-bottom: 10px;
}

.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top{
    margin-left: 8px !important;
    margin-top: 8px !important;
    background: none !important;
    border: none !important;
}

.ui-fileupload-content.ui-widget-content.ui-corner-bottom{
    background: none !important;
    border: none !important;
}

.ui-fileupload.ui-widget.fileUploadDocument.file-upload-hover{
    background-color: #EBF5F7;
    border: #0C798D 2px dashed !important;
}

.ui-fileupload-buttonbar .ui-button {
    height: 30px;
    font-size: 12px !important;
    background: #36578f !important;
    border: 1px solid #36578f !important;
    color: white !important;
}

.ui-fileupload-buttonbar .ui-button-text {
    padding-top: 8px !important;
}

.ui-fileupload-buttonbar .ui-button.ui-state-hover {
    background: #D21034 !important;
    border: 1px solid #D21034 !important;
}

.ui-progressbar{
    height: 20px !important;
    padding-top: 1px;
    padding-left: 1px !important;
    margin: 0 !important;
}

.animated .ui-progressbar-value {
    background: rgba(210,255,82,1) !important;
    background: -moz-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(145,232,66,1))) !important;
    background: -webkit-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%)!important;
    background: -o-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%) !important;
    background: -ms-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%) !important;
    background: linear-gradient(135deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842', GradientType=1 ) !important;
}

.ui-state-default.button-import,
.ui-state-default.button-import,
.ui-widget-content .ui-state-default.button-import,
.ui-widget-header .ui-state-default.button-import {
    width: 200px;
    height: 30px;
    background: #36578f !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
    border: 1px solid #36578f !important;
    transition-property: transform;
    -webkit-transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.ui-state-hover.button-import,
.ui-state-hover.button-import,
.ui-widget-content .ui-state-hover.button-import,
.ui-widget-header .ui-state-hover.button-import {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.ui-chkbox .ui-chkbox-label {
    margin: 0 0 0 10px !important;
}