body{ 
font-size: 0.805rem /*** ade ***/;
  /*font-size: 14px;*/
}


::selection {
	color: #fff;
	background: #5a5278
}

 body *::-webkit-scrollbar {
width:10px;
/*height:3px;*/
background-color: #ccc;
transition:.3s background
     }

body *::-webkit-scrollbar-thumb {
background:#999
}
body *:hover::-webkit-scrollbar-thumb {
background:#666
}



/*5a5278 violet #0069d9 bleu 004F99  3E3DA2 ED2775*/
.btn:hover {
  font-weight: normal;
}

a, .btn-link {
	color: #5a5278;
    
}
/*
a:hover, .btn-link:hover {
	color: #0069d9;
   
}*/
.text-green,   .text-primary, .text-warning, .mail-star.active, .page-title {
	color: #5a5278 !important
}
.text-info{
	color: #2185d0 !important
}
.text-gris{
	color: #ccc !important
}
.text-alert{
	color: #F90 !important
}
.bg-alert{
	 background-color: #F90 !important
}


.badge-default {
	background: #3f3d56;
	color: #f1f1f1
}
.loader {
	color: #5a5278
}
.badge-primary {
	background-color: #5a5278
}

/**** btn primaire ED2775 ***/
.btn-primary {
	background: #5a5278;
	color: #fff;
	border-color: #5a5278
}
.btn-info {
	background-color: #e8769f;
	border-color: #e8769f
}

.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(90,82,120,0.25)
}
.card, .dropify-wrapper, .btn-primary {
	border: 0
}
.bg-primary, .bg-info, .bg-warning, .btn-success {
	background-color: #5a5278 !important;
	border: transparent
}
.bg-success, .bg-danger, .badge-success, .progress-bar, .btn-danger, .btn-warning {
	background-color: #e8769f;
	border: transparent
}


.cadre_danger {
border:1px solid #dc3545;
}

.btn-outline-primary {
	color: #5a5278;
	border-color: #5a5278
}
.btn-outline-primary:hover {
	background-color: #5a5278;
	border-color: #5a5278;
		color:#FFF !important;
}
.custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	border-color: #5a5278;
	background-color: #5a5278
}
.custom-switch-input:checked ~ .custom-switch-indicator {
	background: #5a5278
}
.selectgroup-input:checked+.selectgroup-button {
	border-color: #5a5278;
	color: #5a5278;
	background: rgba(90,82,120,0.2)
}
.imagecheck-figure:before {
	color: #e8769f !important
}
.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active, .wizard>.actions a, .wizard>.actions a:hover {
	background: #5a5278
}
.wizard>.steps .done a, .wizard>.steps .done a:hover {
	background: rgba(90,82,120,0.2);
	color: #5a5278
}
.table th {
	color: #2c2945
}
.table.table-custom td, .table.table-custom th {
	background: #f1f1f1
}
.right_chat li.online .status {
	background: #5a5278
}
.bg-blue, .bg-azure, .bg-indigo, .bg-purple, .bg-red, .bg-orange {
	background-color: #5a5278 !important
}
.bg-pink, .bg-yellow, .bg-lime, .bg-green, .bg-teal, .bg-cyan {
	background-color: #e8769f !important
}
.bg-light-blue, .bg-light-azure, .bg-light-indigo, .bg-light-lime, .bg-light-green, .bg-light-teal {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.bg-light-pink, .bg-light-red, .bg-light-orange, .bg-light-yellow, .bg-light-cyan {
	background-color: rgba(232,118,159,0.1);
	color: #e8769f
}
.bg-light-purple {
	background-color: rgba(228,189,81,0.1);
	color: #e4bd51
}
.bg-light-gray {
	background-color: rgba(102,106,109,0.1);
	color: #666A6D
}
.avatar.avatar-blue {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-azure {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-indigo {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-purple {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-pink {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-red {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-orange {
	background-color: rgba(90,82,120,0.1);
	color: #5a5278
}
.avatar.avatar-yellow {
	background-color: rgba(232,118,159,0.1);
	color: #e8769f
}
.avatar.avatar-lime {
	background-color: rgba(232,118,159,0.1);
	color: #e8769f
}
.avatar.avatar-green {
	background-color: rgba(232,118,159,0.1);
	color: #e8769f
}
.avatar.avatar-teal {
	background-color: rgba(232,118,159,0.1);
	color: #e8769f
}
.avatar.avatar-cyan {
	background-color: rgba(232,118,159,0.1);
	color: #e8769f
}
body {
	background-color: #f1f1f1;
	color: #2c2945
}
.page-header .right .nav-pills .nav-link {
	color: #2c2945
}
#header_top .brand-logo {
	background: #5a5278
}
.header {
	background: #5a5278
}
.header .nav-tabs .nav-link {
	color: #fff
}
.header .nav-tabs .nav-link.active {
	border-color: #fff
}
.header .dropdown-menu .dropdown-item:hover, .header .dropdown-menu .dropdown-item.active {
	color: #5a5278
}
.page .section-white, .page .section-body {
	background: #f1f1f1
}
#header_top .nav-link {
	color: #2c2945
}
.header_top.dark {
	background-color: #39374e !important
}
.header_top.dark .nav-link {
	color: #f1f1f1 !important
}
.card {
	background-color: #fff
}
.card .card-options a {
	color: #5a5278
}
.card .card-options a.btn {
	color: #fff;
    font-size: 12px; /*** ade ***/
}

.card.card-fullscreen {
	background-color: #fff !important
}
.metismenu a {
	color: #2c2945
}
.metismenu a:hover {
	color: #5a5278;
	border-color: #5a5278
}
.metismenu .active>a {
	color: #5a5278;
	border-color: #5a5278
}
.metismenu .active ul .active a {
	color: #5a5278;
	background: transparent
}
.metismenu.grid>li.active>a, .metismenu.grid>li>a:hover {
	background: rgba(90,82,120,0.1);
	color: #5a5278
}
.inbox .detail {
	background: #fff
}
.file_folder a {
	background: #fff;
	border-color: #f1f1f1
}
.auth .auth_left {
	background: #fff
}
.gender_overview {
	background: #f1f1f1
}
.table-calendar-link {
	background: #5a5278
}
.table-calendar-link:hover {
	background: #39374e
}
.table-calendar-link::before {
	background: #39374e
}
.theme_div {
	background: #fff
}
.ribbon .ribbon-box.green {
	background: #cedd7a
}
.ribbon .ribbon-box.green::before {
	border-color: #cedd7a;
	border-right-color: transparent
}
.ribbon .ribbon-box.orange {
	background: #5a5278
}
.ribbon .ribbon-box.orange::before {
	border-color: #5a5278;
	border-right-color: transparent
}
.ribbon .ribbon-box.pink {
	background: #e8769f
}
.ribbon .ribbon-box.pink::before {
	border-color: #e8769f;
	border-right-color: transparent
}
.ribbon .ribbon-box.indigo {
	background: #e4bd51
}
.ribbon .ribbon-box.indigo::before {
	border-color: #e4bd51;
	border-right-color: transparent
}
.text-orange {
	color: #e4bd51 !important
}

.text-danger { 
    color: #dc3545 !important
}

.tag-info {
	background: #5a5278
}
.tag-green {
	background: #cedd7a
}

.tag-success {
	background: #21ba45 /*vert foncé*/
}

.tag-orange {
	background: #e4bd51; color: #fff;
}
.tag-rose {
	background: #e8769f
}
.tag-alert {
	background: #ed7e00; color: #fff;
}

.tag-danger {
	background: #cc0000
}
.bg-green {
	background: #cedd7a !important
}

.bg-blue {
	background: #2185d0 !important
}
.bg-success {
	background: #21ba45 !important
}
.bg-orange {
	background: #e4bd51 !important
}
.bg-rose {
	background: #e8769f !important
}


.bg-danger {
	background-color: #cc0000 !important
}
.auth .auth_left {
	background: #39374e
}
.auth .auth_left .card {
	padding: 20px;
	right: -150px;
	z-index: 99999
}

@media only screen and (max-width: 1024px) {
.auth .auth_left .card {
	right: -50px
}
}

@media only screen and (max-width: 992px) {
.auth .auth_left .card {
	right: auto
}
}
.top_dark {
	background-color: #39374e !important
}
.sidebar_dark #left-sidebar {
	background-color: #39374e !important
}
.sidebar_dark #header_top .nav-link {
	/*color: #f1f1f1 !important*/
}
.sidebar_dark .sidebar .metismenu .active>a {
	color: #e4bd51
}
.sidebar_dark .sidebar .metismenu .active ul .active a {
	color: #e4bd51
}
.iconcolor #header_top .nav-link {
	color: #e4bd51 !important
}
.gradient .custom-switch-input:checked ~ .custom-switch-indicator {
	background: linear-gradient(45deg, #5a5278, #e8769f) !important
}
.gradient .metismenu.grid>li.active>a, .gradient .metismenu.grid>li>a:hover {
	background: linear-gradient(45deg, #5a5278, #5a5278) !important;
	color: #fff;
	border: 0
}
.gradient .btn-primary {
	background: linear-gradient(45deg, #5a5278, #e8769f) !important;
	border: 0
}
.gradient .btn-dark {
	background: linear-gradient(45deg, #808488, #333537) !important
}
.gradient .bg-success, .gradient .bg-danger, .gradient .badge-success, .gradient .progress-bar, .gradient .btn-danger {
	background: linear-gradient(45deg, #5a5278, #e8769f) !important
}
.metismenu.grid>li>a {
	border-color: #5a5278
}
/*
// dans le .main
.card {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius: .55rem;
	border-color: #E6E9ED;
	position: relative;
	width: 100%
	
	
}*/


.card {
	-moz-box-shadow: 0 3px 10px rgba(41,43,48,0.05);
	-webkit-box-shadow: 0 3px 10px rgba(41,43,48,0.05);
	box-shadow: 0 3px 10px rgba(41,43,48,0.05)
}
/*
.card.box_shadow {
	-moz-box-shadow: 0 3px 10px rgba(41,43,48,0.05);
	-webkit-box-shadow: 0 3px 10px rgba(41,43,48,0.05);
	box-shadow: 0 3px 10px rgba(41,43,48,0.05)
}*/
/*
.card .card {
	box-shadow: none
}*/


.user_div2, .user_div3 { /*** ade recup de main.css ***/
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	-moz-box-shadow: 0 10px 15px rgba(41,43,48,0.2);
	-webkit-box-shadow: 0 10px 15px rgba(41,43,48,0.2);
	box-shadow: 0 10px 15px rgba(41,43,48,0.2);
	width: 240px; /*** ade =300 avant***/
	/*background-color: #003d5d;*/
	/*background-color: #113f50;*/
	/*background-color: #00263a;*/
	background-color: #000; /* bleu clair*/
	position: fixed;
	top: 0;
	left: -350px;
	padding: 20px 0px;/*** ade =20px 15px avant***/
	height: 100vh;
	overflow-y: auto;
	z-index: 999 /*** ade =9999 avant***/
}
.user_div2.open, .user_div3.open {
	left: 60px
}
.user_div2 .user_btn2, .user_div3 .user_btn3 {
	float: right
}
.user_div2 .card, .user_div3 .card {
	background: transparent
}
.user_div2 .user_avatar, .user_div3 .user_avatar {
	-moz-box-shadow: 0 5px 10px 0 rgba(41,43,48,0.4);
	-webkit-box-shadow: 0 5px 10px 0 rgba(41,43,48,0.4);
	box-shadow: 0 5px 10px 0 rgba(41,43,48,0.4);
	margin-top: 15px;
	margin-bottom: 20px;
	border: 5px solid #fff;
	height: 120px;
	
}


/************menu colonne gauche de base pour client 0d9ddc********/
#header_top  {
	background: #0d9ddc ; 
	padding: 0px;
	
}

/**** provient de main.css  rechercher : ade colonne_gauche****/	
#header_top .nav-link:link, #header_top .nav-link:visited {
	/*padding-top:10px;
	padding-bottom:1px;*/
	display: block;
	color: #eee;
	/*background-color:#493b7e;

	margin-bottom:0px;*/
	font-weight: normal;
	width:70px;
    
    
    font-size:12px; text-align:center; 
    padding-left:4px;
	padding-top: 6px;
	padding-bottom: 8px;
}

#header_top .nav-link p {
	font-size:12px;

}

#header_top a.nav-link:hover {
	color: #fff;
	
}

#header_top .nav-link i {
	font-size: 20px ;
}
/****  ****/
.btn, .dataTables_wrapper .dataTables_paginate .paginate_button {
   font-size: 12px;
}


.onglet-link, .onglet-item {
	padding:  .05rem;
	/*min-width: 2rem;*/
	transition: .3s color;
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: center;
    float: left;
    font-size: 13px;

}

/* espacement des onglets : padding*/
.onglet-item { 
    
}
.onglet-link .badge, .onglet-item .badge {
	position: absolute;
	top: 0;
	right: 0;
	padding: .1rem .25rem;
	/*min-width: 1rem*/
	
}
.onglet-tabs {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #5a5278;
	user-select: none;
	/*margin: 0 -.75rem*/
}
.onglet-tabs .onglet-link {
	transition: .3s border-color;
	font-weight: 400;
/*	border: 0;
	color: inherit;
    border-bottom: 1px solid transparent;
	margin-bottom: -1px;*/
	padding: 0.15rem 0.75rem ;
   /* border: 1px solid transparent ;*/
	border: 1px solid #0069d9 ;
	margin: 0;
}
.onglet-tabs .onglet-link:hover {
	/*border-color: #5a5278;
	color: #5a5278*/
	color: #fff;
    background-color: #0069d9;
    transition: .6s background-color;
   
}
.onglet-tabs .onglet-link.active {
	border-color: #0069d9;
	color: #fff;
	/*background: transparent;*/
    
    border: 1px solid  #0069d9;
    background-color: #0069d9;
}

.onglet-tabs .onglet-link.disabled {
	opacity: .4;
	cursor: default;
	pointer-events: none
}
.onglet-tabs .onglet-item {
	position: relative
}
.onglet-tabs .onglet-item i {
	display: inline-block;
	vertical-align: middle;
*vertical-align:auto;
*zoom:1;

	line-height: 1;
	width: .875rem;

}



/****** table de main ********/

.table thead th {
	border-bottom:2px solid #CED8E0;
	/*border-bottom-width:3px;

	/*padding-top: .1rem;
	padding-bottom: .1rem;*/
/*
   	-moz-box-shadow: 0 3px 10px rgba(41,43,48,0.05);
	-webkit-box-shadow: 0 3px 10px rgba(41,43,48,0.05);
	box-shadow: 0 3px 10px rgba(41,43,48,0.05)*/

}
.table th {
	color: #333;
	/*font-size: .875rem;*/
	font-weight: 600; /*** ade ***/
	text-transform:none;
  font-size: 12px;
    padding: 0.35rem 0.25rem;
	vertical-align: top !important;


	background-color:#D7E1E8;
	
	/*border-left: 1px solid #999999;
	
	border-right: 1px solid #999999;*/
}

.table td {
	border-color: #E8E9E9;
    /*   padding: 0.15rem 0.35rem;*/
  padding: 4px 3px; /*6px 4px*/
        font-size: 12px;

    
}

/********************* provance de main ***************************/
.form-label {
    font-weight: 600;
    display: block;
    margin-bottom: .275rem;
	/*
	margin-bottom: 0;*/

    font-size: .775rem;
}


.custom-select { /* L 8716 height: calc(1.5em + 0.75rem + 2px); */

    
    font-size: .775rem;
    
    height: calc(1.5em + 14px + 2px);
   

}



.input-group-text {
      font-size: .775rem;
       height: calc(1.5em + 14px + 2px);
   

  
}

/*

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.175rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
      font-size: .775rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
  
}*/


/******************************************************deplacé vers perso*****************/
/*.visuel_rond {
 
    width: 20px;
    height:  20px;
    line-height:  20px;
    border-radius: 50%;
    display: inline-block;
   
    position: relative;
    margin: 0;
    
}

.icon_nav_rond {
 
    width: 34px;
    height:  34px;
    border-radius: 50%;
	 margin: auto;
line-height:30px



.icon_img {
 
    width:30px;
    height:30px;
   
	 margin: auto;

}
.tag_rond {
    border-radius: 50%;  
	  display: inline-block;
}

/*******************************/


.page-header { /*** complete de main ***/
    padding-top:4px;
	padding-bottom: 10px;
	margin-top: 0px;
	
	}

.card-header { /*** main ***/
    padding: 10px 20px 10px 20px;

}

.btn {
    font-size: 12px !important; 
      padding:  0.2rem 0.6rem; /*** ade padding: 0.375rem 0.75rem; ***/
	/*padding: 3px 10px;*/
}


/**** main 9300*****/
.dataTables_wrapper thead th {
    white-space: nowrap;
    padding-right: 15px;
}

.dataTables_wrapper thead .sorting:before {
	position: absolute;
	right:5px; /*** ade right: 0; ***/
     color: #5a5278;
	top: 5px;
	/*content: "\e930";*/
	content: "";
	font-family: 'feather' !important
}

.dataTables_wrapper thead .sorting:after {
	position: absolute;
	right:5px; /*** ade right: 0; ***/
    color: #5a5278;
	bottom: 5px;
	/*content: "\e92d";*/
	content: "";
	font-family: 'feather' !important
}

.dataTables_wrapper thead .sorting_desc {
	position: relative;
    
}
.dataTables_wrapper thead .sorting_desc:after {
	position: absolute;
	right:5px; /*** ade right: 0; ***/
     color: #5a5278;
	bottom: 5px;
/*content: "\e92d";*/
	content: "\e930";
	font-family: 'feather' !important
}
.dataTables_wrapper thead .sorting_asc {
	position: relative
}
.dataTables_wrapper thead .sorting_asc:after {
	position: absolute;
	right:5px; /*** ade right: 0; ***/
     color: #5a5278;
	top: 5px;
	/*content: "\e930";*/
	content: "\e92d";
	font-family: 'feather' !important;

}


.dataTables_wrapper .dataTables_length {
	float: left
}
.dataTables_wrapper .dataTables_length select {
	display: inline-block;
	vertical-align: middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
	width: auto;
	margin: 0 0.2rem
}


.dataTables_wrapper .dataTables_filter {
	color: #F00;
	float: left;
	text-align: right;

	
}


.dataTables_wrapper .dataTables_filter input {
	display: inline-block;
	vertical-align: middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
	width: auto;
	margin-left: 0.2rem;
	/***/
	  font-size: 10px!important;
}
.dataTables_wrapper .dataTables_paginate {
	float: left;
	text-align: left
}
.dataTables_wrapper .dataTables_info {
	color: #666A6D;
	clear: both;
	float: left;
	margin: 0;
	padding: 0 !important;
	line-height: 38px
}
/***/

/*
.form-control{
  font-size: .775rem;
 margin-top: .275rem;
	 height: calc(1.5em + 14px + 2px);
	vertical-align: middle;
}*/


/****** multiselect ********/
.multiselect-custom+.btn-group ul.multiselect-container>li>a {
    padding: 0px  15px;
    display: block;
    outline: none;
}
.multiselect-custom+.btn-group ul.multiselect-container>li>a label.checkbox {
    font-size: 11px;
}
.multiselect_div>.btn-group ul {
    width: 500px;
}


.multiselect_div>.btn-group .multiselect-item.multiselect-group label {
 /*border: 1px solid #BB4446;*/
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 12px;
    

}

.form-control .dataTables_wrapper .dataTables_filter {

    border-color: #E8E9E9;
    font-size: 10px;
    padding-top: 0;
    padding-bottom: 0;

}


.badge_alerte {
    /*display: inline-block;
    padding: 0.25em  0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #f00;
    */
     /* border-radius: 0.25rem;
    position: absolute;
	top: 0;
	right: 0;
	padding: .2rem .25rem;
	min-width: 1rem*/
}

.bg_danger {
	background-color: #dc3545;
	/*border: transparent*/
}
.bg_info {
	background-color: #2185d0;
	/*border: transparent*/
}
.bg_clair {
	background-color: #eee;
	border: transparent
}

.bg_froid {
	background-color: #C2E4F1;
	border: transparent
}

@keyframes blink {

    
    0% {
          opacity: 0;
        }
        50% {
          opacity: .5;
        }
        100% {
          opacity: 1;
    }
    
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
}
/*
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}*/

.non_lu {
	position: absolute;
	top: 0;
	right: 0; /***right: 5px;***/
    
    border-radius: 0.25rem;padding: .2rem .25rem;
    
	min-height: 8px;
	display: inline-block;
	min-width: 5px;
     
	box-shadow: 0 0 0 rgba(67,74,84,0.9);
	animation: pulse 2s infinite
}

/*
.w_social_state2 .icon.facebook {
    background: #3b5998;
}
*/

/*****************/

@media print {

.header_top , .hleft, #header_top{
	display: none
    }
}


.bgedit {
  
	  background-color: antiquewhite;
		border : antiquewhite solid 0px !important ;
		outline: none;
		margin-bottom: 4px;
		/*padding: 2px;*/
			}