/**
 */

#header{
	background-color:#eee;
	margin-bottom: 30px;
	font-size: 36px;
}

#profil-menu {
    margin-bottom: 20px;
    margin-top: 20px;
}

.footer {
    position: fixed;
    bottom: 0;
    background-color: #f8f9fa !important;
    color: black;
    text-align: center;
}

.dataTables_wrapper {
	padding:0px;
    margin-bottom: 20px;
    margin-top: 10px;    
}

#service_television div label, #service_radio div label {
    margin-right: 15px;
}

#services input[type="checkbox"] {
    position:relative;
    top:3.5px
}

#form_utilisateur_idThematique label {
    margin-left: 5px;
}

#form_utilisateur_idThematique input[type="checkbox"] {
    margin-left: 15px;
}

#service_television input[type="checkbox"], #service_radio input[type="checkbox"] {
	margin-left: -20px;
}

.user_service_button {
    display: inline-flex;
}

.user_service_button button {
    margin-left:10px;
}

.service_logo, .service_logo_list {
    max-width :50px
}

.btn {
    margin-left: 10px;
    margin-right: 10px;
}

.btn-invisible{
	visibility: hidden;
}

.card-block {
    padding: 5px;
}

#btn-aff-mod {
    height: 30px;
}

.card {
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    #header {
        font-variant: petite-caps;
    }
}

#bodyDoc{
    width:95%;
}

.displayAffectationBloc{
    display:inline-block;
}

@media screen and (min-width: 768px){ 
}

#logo-bandeau{
    height: 88px;
    margin-right:50px;
    object-position: 0px 9px;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 42px !important;
}

.panel-default .panel-heading{
    color: white !important;
    background-color: #337ab7 !important;
}

.panel-default .panel-title{
    font-size: 18px !important;
}

.table th{
    background-color: #f5f5f5 !important;
}

.btn-action-table{
	margin-left:1px!important;
	margin-right:1px!important;
	padding:1px 6px
}

.panel-default .panel-heading label{
    font-weight: normal !important;
}

.admin-link{
	display: block;
	font-size: 18px !important;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.checkbox{
	display:inline;
	position:inherit
}

.label-right>input[type="checkbox"]{
	margin-left:5px
}

.no-padding{
	padding:0px!important;
}

.no-margin{
	margin:0px
}

.text-lightgray{
	color:#777
}

.fa-1_5x{
	font-size:1.5em!important;
}

.fa-transparent{
	opacity:0
}

.panel-body-title{
	font-weight: bold;
}

.btn-image-layout{
	display: inline-block;
	padding:6px 12px;
	padding-left : 0px;
}

#appartenancetab tr>th:last-child{
	min-width:110px
}

#referentielSearchForm>div, #searchForm>di{
	background-color: #f9f9f9;
	padding:15px;
	margin-bottom:15px
}

.loader{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
  top:50vh;
  transform: translateY(-50%);
}

.bg-edit{
	background-color: #f0ad4e!important;
}
.text-edit{
	color: #f0ad4e!important;
}

.row-deleted{
	text-decoration-line:line-through;
	text-decoration-color:#f0ad4e;
}

#personnalite_filter_buttons{
	line-height: 83px;
	float: right;
}
/* LOADER 1 */

#loader-1:before, #loader-1:after{
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #3498db;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 10px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

table th, table td{
	vertical-align: middle!important;
}

#personnalitetab th:nth-child(8){
	width:158px;
}

label.required:after {
    content: " *";
}

/* Surcharge de datatable */

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    opacity: 0.8 !important;
}

table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after{
    opacity: 0.8 !important;
    font-family: "Fontawesome"!important
}

table.dataTable thead .sorting::after {
    content: "\f0dc"!important;
}

table.dataTable thead .sorting_desc::after {
    content: "\f0dd"!important;
}

table.dataTable thead .sorting_asc::after {
    content: "\f0de"!important;
}

div.dataTables_wrapper div.dataTables_processing{
	padding : 0px!important;
	margin : 0px 15px!important;
	width:calc(100% - 30px)!important;
	left:0px!important;
	background: rgba(125,125,125,0.5);
}
div.dataTables_wrapper div.dataTables_processing>div{
	width:100%;
	display:table;
}
div.dataTables_wrapper div.dataTables_processing>div>div{
	display:table-cell;
	vertical-align: middle;
	color:white;
	font-weight:bold
}


/* Surcharge Bootstrap */
.modal-content{
	border-radius: 0
}

/* autocomplete loading css*/

.ui-autocomplete-loading {
     background:url('../img/loading.gif') no-repeat right center; 
}

span.change-ref {
    color: #ff9933;
    /* text-decoration: Line-Through*/
}
span.change-historef {
    color: #6B8E23;
    /* text-decoration: Line-Through*/
}
span.delete-ref {
    color: #ff9933;
    text-decoration: Line-Through;
}
span.delete-historef {
    color: #6B8E23;
    text-decoration: Line-Through;
}


.ui-autocomplete {
    background-color: inherit;
}

.checkboxes-grid li{
    width: 20%;
    display: inline-block;
}

.checkboxes-grid{
    width: 100%;
}