.error{
	color : red;
	font-size: 12px;
}
input.error,.form-select.error{color:#495057}
.lis-bene .error{display:block;text-align : center;}
.lis-bene .success{
	display:block;
	text-align:center
}
.success{
	color : green;
}
.btn-blue{
	border-color: #2c6de9 ;
	background:#2b4a85;
	color:#fff
}
.btn-blue:hover,.btn-blue:focus{
	 background-color: #5A8DEE ;
	color:#fff;
}
.btn-bsi{
	background:#235A27;
	color:#fff;
}
.btn-bsi:hover,.btn-bsi:focus{
	background:#2c8933;
	color:#fff;
}
.fa-trash-alt{
	color:red;
}
.pr-0{padding-right:0 !important}
.pl-0{padding-left:0 !important}
.ben-btns-left{float:left}
.ben-btns-right{float:right}
.ben-btns-right .btn-success{margin-right:10px} .btn-info{ background-color: #00CFDD; border-color: #00CFDD; margin-right:10px}
.image-rig{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
}
table#datatables-voyageur tr td.dtr-control,#voyageur-datatables tr td.dtr-control{white-space:nowrap}
table#datatables-liquidapayer tr td.dtr-control{white-space:nowrap}
table#datatables-liquidvalid tr td.dtr-control{white-space:nowrap}
.fiche-page .card .card .card-body.Informations-page{padding-top:5px}
.fiche-page .card-header{padding-bottom:0}
.fiche-page table.table{margin-bottom:0}
.fiche-page .card .card{box-shadow:none !important;border:1px solid #dee6ed;width:100%}
.fiche-page .card .card .card-body{padding-bottom:10px}
.fiche-page .row .docrow .mb-3{margin-bottom:0 !important}
.fiche-page .card td,.fiche-page .card th{padding:4.5px 10px}
.view-page div{color:#6c757d;}
.view-page .form-label{color:#000}
.view-page .voyageu-page .card-title{display:inline-block;}
.view-page .voyageu-page .col-auto{float:right}
.fiche-page .lis-bene .card-title {margin-bottom:0}
.image-rig .cross_img{
	vertical-align:middle;
	width:40px  !important
}
#document_form table.table th,#document_form table.table td{
	padding:9.5px 10px
}
.fiche-page .card .col-xl-6{display:flex}
#datatables-beneficiaire .dtr-control,#datatables-beneficiaire td:nth-child(2),#beneficiaire-datatable .dtr-control,#beneficiaire-datatable td:nth-child(2){font-weight:bold}
#datatables-demande td:nth-child(2),#demande-datatables td:nth-child(2){font-weight:bold}
#datatables-voyageur td:nth-child(2),#datatables-voyageur td:nth-child(3),#voyageur-datatables td:nth-child(2),#voyageur-datatables td:nth-child(3){font-weight:bold}
#document_form table{margin-bottom:0}
.fir-btn{margin-left:15px}
.text-right{text-align:right}
.btn-right{display:inline-block;float:right}
select.form-control{appearance:auto !important}
.print-in .form-control{width:85%;font-size:12px;display:inline-block}
.print-in  .fa-print{float:right;margin-top:10px}
.view-page  .fa-print{
	margin-top:5px
}
.nav-link.dropdown-toggle .text-dark{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:200px;
	width: 100%;
    display: inline-block;
	vertical-align: text-bottom;
}
table .fa-minus{color:red}
table .fa-plus{color:green}
.card-title{display:inline-block;}
.en-num{
	font-size: 15px;
    padding-left: 5px;
	font-weight: normal;
    color: grey;
}

#search_benf_from .date-grp .col-sm-3.p-0{
	margin:5px 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 0px;
}
	
@media (max-width: 1090px) {
	/* footer.footer{
		width:100%;
		margin-left:0
	}
	.sidebar{margin-bottom:0px} */
	.ben-btns .btn{
		margin-bottom:10px !important
	}
	.ben-btns-right .btn-success{margin-right:5px}
	
}
@media (max-width: 767px) {
	#search_benf_from .date-grp .text-center,#search_demande_from .date-grp .text-center{
	text-align:left !important;
		
	}
	.banque_container .pr-0{
		padding-right:13px !important
	}
	.banque_container .p-0{
		padding:0 13px !important
	}
}
.loader{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1040;
}
.loader.loader_pop{
	position:absolute;
	z-index: 1060;
}
.overlay {
    width: 100%;
    height: 100%;
    z-index: 4;
    background: rgba(128,128,128,0.4);
}
#loader-img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    width: 64px;
    height: 64px;
    z-index: 4;
}
.loader .center_div{
	position: absolute;
    left: 50%;
    top: 50%;
}
.blue-txt{color: #1863de;}
.float-right{float:right;}
.file-uploader .dropzone .dz-message {
    top: 24% !important;
    height: 110px !important;
	font-size: 12px !important;
	    line-height: 17px;
}
.file-uploader .dropzone {
    min-height: 110px !important;
    max-width: 100%;
	padding: 10px !important;
	border: 2px dashed #5A8DEE !important;
	background: #F2F4F4
}
.file-uploader.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    position: relative;
    display: block;
    z-index: 10;
}
.file-uploader.dropzone .dz-preview {
    width: 100%;
    margin: 0 !important;
}
.file-uploader.dz-image img {
    max-width: 100px;
    max-height: 100px;
}
.file-uploader.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0,0,0,0.9);
    line-height: 150%;
}
.file-uploader.dropzone.dz-max-files-reached .dz-preview{
	padding: 0;
	background: transparent
}
.file-uploader .dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 0;
}
.file-uploader .dropzone .dz-preview.dz-file-preview .dz-image {
    width: 95px;
    height: 73px;
	/* background: linear-gradient(to bottom, #eee, #ddd); */
	margin:auto
}

.file-uploader.dropzone .dz-preview .dz-details {
    font-size: 12px;
    line-height: 100%;
    padding: 1.4em .5em;
}
.file-uploader.dropzone .dz-preview .dz-details {
    display: block;
}
.file-uploader .dropzone .dz-preview .dz-details {
    width: 100%;
    height: auto;
    /* display: none; */
}

.file-uploader .dropzone .dz-preview .dz-details .dz-size {
    bottom: 12px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}
.file-uploader .dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.file-uploader .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%;
}
.file-uploader .dropzone .dz-preview .dz-details .dz-filename {
    overflow: visible ;
}
.dropzone .dz-filename, .dropzone .dz-size {
    opacity: 1;
    display: block;
}
.file-uploader .dropzone .dz-filename {
    left: 47%;
    top: 35px;
    transform: translate(0%);
      width: 90px;
    overflow: hidden ;
    text-overflow: ellipsis;
	    margin: auto;
}
.file-uploader .dropzone .dz-preview .dz-details .dz-filename span {
    width: auto;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 11px;
}
.file-uploader .dropzone .dz-preview .dz-remove {
    top: 2px;
    right: -15px;
    z-index: 100;
}
.file-uploader .dropzone .dz-preview .dz-remove {
    width: 30px;
    margin: auto;
    margin-top: -9px;
    font-size: 0 ;
    position: absolute;
    top: -5px;
    right: -13px;
    border: 0;
    background: transparent;
}
.file-uploader .dropzone .dz-preview .dz-remove:before {
    font-size: 12px ;
    cursor: pointer;
	content: "\f2ed" ;
	font-family: Font Awesome\ 5 Free ;
	
}

.file-uploader .dropzone .dz-message:before {
	content: "\f358";
	font-family: Font Awesome\ 5 Free ;
	font-size: 1.5rem ;
	top: 75px ;
}
.file-uploader .dropzone .dz-preview .dz-details .dz-filename span,.file-uploader .dropzone .dz-preview .dz-details .dz-size span {
   /*  background-color: rgba(255,255,255,0.4) ; */
    padding: 0 0.4em ;
    border-radius: 3px ;
 }
.file-uploader.dropzone .dz-preview .dz-details .dz-filename span {
    width: 90px ;
    display: block ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}
.file-uploader .dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1 ;
}
.file-uploader .dropzone .dz-preview .dz-details .dz-size {
    bottom: 10px;
    left: 50%;
    /* transform: translate(-50%); */
    width: 100%;
}
.file-uploader.dropzone .dz-preview .dz-details .dz-size{
	    top: auto;
}
.file-uploader .dropzone .dz-preview, .dropzone-previews .dz-preview{
	display:block !important;
	background:transparent
}
.file-uploader .dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 1.2em;
    text-align: center;
    color: rgba(0,0,0,0.9);
    line-height: 150%;
	height: 73px;
}
.file-uploader .dropzone .dz-preview .dz-error-message {
    min-width: 75px;
    top: 0;
    left: 0;
}
.ct-example .badge, .ct-example .btn, .ct-example .form-control, .ct-example>.alert+.alert, .ct-example>.nav+.nav, .ct-example>.navbar+.navbar, .ct-example>.progress+.btn, .ct-example>.progress+.progress {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.accordion .badge {
    text-transform: uppercase;
}
.accordion .badge-primary {
    color: #2643e9;
    background-color: #eaecfb;
}
.accordion .badge-pill {
    padding-right: .875em;
    padding-left: .875em;
    border-radius: 10rem;
}
.accordion .badge {
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .35rem .375rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .375rem;
	margin-left:10px;
	width:25px;
	height:20px;
	text-align:center !important;
	
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.accordion .card-title a:hover,.accordion .list-group-item a:hover{
	text-decoration:none
}
.content .nav-link.active{
	    color: #fff;
    background-color: #3f80ea;
}
.accordion .list-group-item+.list-group-item{
	border-top: 1px solid rgba(0,0,0,.125)
}
.accordion .card-title a{
	width:200px;
	display:inline-block
}
.bg-payer,.bg-pay{
	background:#ea4c89
}

.dtr-data .badge{color: #000000c7 !important;}
.bg-secondary{background:lightgrey !important}
.bg-attend{background:lightblue !important}
#beneficiaire-datatable  .bg-warning{background:#efef10 !important;}
.text-no-wrap{
	white-space:nowrap;
}
.card-notification {
     padding: 5px; 
}
.card-body {
    flex: 1 1 auto;
  
}

.alert-danger {
    color: red;
    border-color: #c9ecd5;
}
.badge.avoir-t{
	background:#d8ade67d !important;
	    color: #000000c7 !important;
}

#Referent_fiscal_modal .modal-dialog{ max-width: 1000px ; }
.ref_fisc_modal{
	text-decoration:none !important;
    pointer-events: auto;
}
#Referent_fiscal_modal .dataTables_processing{
	position:static !important;
	margin-left:0 !important;
	margin-top:0 !important
}
.ser-label{
	width: calc(100% - 23px);
	margin-bottom: 15px;
	margin-left: 5px;
	font-weight:600
}
.sub-title{
	background:#0383C3;
	color:#fff;
	font-size:16px;
	padding:5px 10px;
	margin-bottom:10px;
	line-height: 18px;
}
hr{margin-bottom:40px;}
.serv_nom{vertical-align:middle;margin-top: -2px;}
.list-charge select{width:100%;}
.file-field {
  position: relative;
}
.file-field span {
  cursor: pointer;
}
.file-field input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.list-charge .form-label{display:block}
.list-charge .icon{
	color:red;
	font-size: 18px;
    line-height: 100%;
}
.center-align{text-align:center;}
.star {
  color: red;
}
.success{
	color:green;
}
.search-error #error.star{
	padding: 3px 15px;
    width: auto;
    margin: -40px auto 15px;
	background:#d3292942;
	border:1px dashed red;
}
.search-error #error.star{
	padding: 3px 15px;
    width: auto;
    margin: -40px auto 15px;
	background:#d3292942;
	border:1px dashed red;
}
.search-error #error.success{
	padding: 3px 15px;
    width: auto;
    margin: -40px auto 15px;
	background:#00800052;
	border:1px dashed green;
}
.dataTables_empty{text-align:center;color:red}
.dataTables_paginate{float:right}
.navbar{
	box-shadow: 5px 5px 5px 0px rgb(229 229 229 / 75%);
	position: sticky;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 100;
	
}
.sidebar-brand{box-shadow: 5px 5px 5px 0px rgb(229 229 229 / 75%);padding: 4px 1.5rem;}
.btn-primary{background:#0383C3; border-color:#0383C3}
.btn-primary:hover{
	border-color:#05B6E8;
	background:#05B6E8
}

.page-item.active .page-link{background:#0383C3}
button:focus,.page-link:focus{box-shadow:none !important;}
.sidebar,.sidebar-content{background:#fff;box-shadow:0 0 0.875rem 0 rgb(41 48 66 / 5%)}
.sidebar-item.active .sidebar-link:hover, .sidebar-item.active>.sidebar-link,.sidebar-item.active .sidebar-link:hover i, .sidebar-item.active .sidebar-link:hover svg, .sidebar-item.active>.sidebar-link i, .sidebar-item.active>.sidebar-link svg,.sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg,
.sidebar-item:hover .sidebar-link,.sidebar-item:hover .sidebar-link svg
{color:#fff;}
a.sidebar-link,a.sidebar-link svg,.sidebar-header{color:#495057;}
.sidebar-item.active>.sidebar-link,.sidebar-item:hover .sidebar-link{background:#0383C3}
.sidebar-item .sidebar-link{margin:10px 0}
.sidebar-header{font-weight:bold}
.alert-outline.alert-error .alert-icon{background: #db2121;}
.lis-bene .alert-outline{margin-bottom:0;margin-top:10px;}
.card-notification{padding-bottom:0}
.content .alert-outline{margin:auto;margin-bottom:10px;}
.alert-message{text-align:center}
.content .card .alert-outline{margin-top:15px;margin-bottom:0}
.btn {
    
    border: 0;
    opacity: 1;
    box-shadow: 1px 1px 2px 0 rgb(50 50 50 / 50%);
    -webkit-box-shadow: 1px 1px 2px 0 rgb(50 50 50 / 50%);
    min-width: 60px;
    text-align: center;
}
.toggle-group .btn {  min-width: 110px;}
.toggle-off {text-align: right;padding-right: 22px;line-height: 22px;}
.toggle-group .btn.btn-default.active{background:#0383C3;color:#fff}
.toggle-on.btn {text-align:left;line-height: 22px;}
.toggle .btn-default{background:#e5a54b;}
.btn-default{
	background:#6c6b6bd1;
    color: #fff;
}
.btn-default:hover{
	background:#6c6b6b;
	color:#fff;
}
.navbar-nav .dropdown-item svg{margin-right:5px;}