/*.main-header > .navbar {
	margin-left:0px;
}

.main-header > .navbar > .container{
	margin-left:0px;
}*/

.content-wrapper{
	margin-left:0px !important;
	padding-left:15px;
}
.main-footer{
	margin-left:0px !important;
	padding-left:15px;
	text-align: right;
}
.red{
	color:#ed5565;
}
.white{
	color:white;
}
.grey{
	color:grey;
}
.green{
	color:#48cfad;
}
.orange{
	color:#faaa0a;
}

.alert-red{
	color:#ed5565;
	font-size: 16px;
}
.alert-green{
	color:#48cfad;
	font-size: 20px;
	font-weight: bold;
}

.file-thumb-progress{
	margin-top:15px;
}

.kv-new{
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
}

.btn-kv{
	font-size:1.5rem !important;
}
.glyphicon{
	line-height: 16px;
}
.filterBtn{
	line-height: 19px;
}

.list-group-tab{
	height: 24px;
}

.list-group-tab-degroup-hidden{
	visibility: collapse;
	height: 0px;
}
.list-group-tab-degroup-visible{
	visibility: visible;
	height: 24px;
	align-content: center;
}
.hr-group-tab{
	margin-top: 5px;
	margin-bottom: 0px;
}

.center-navbar{
	display: block;
	text-align: center;
	color: white;
	font-size: 34px;
	margin: 0px;
	padding: 0px;
}



#changeReference .has-success .control-label,
#changeReference .has-success .help-block,
#changeReference .has-success .form-control-feedback {
	color: black;
}

.dropdown-header{
	font-size: 20px;
	border-bottom: 1px solid #e5e5e5;
	padding:3px 10px;
	opacity:.5;
}

#divFileDelPerm{
	visibility:hidden;
}

.form-group {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

#inputKey {
	height: 35px !important;
}
#btnChangeRef {
	max-width: 250px !important;
	margin-top: 25px !important;
}

#btnDeleteMeta {
	max-width: 250px !important;
	margin-top: 25px !important;
	background-color: #ed5565 !important;
	border-color: #ed5565 !important;
}
#btnDeleteMeta:hover {
	background-color: #da4453 !important;
}
#btnUpdate {
	max-width: 250px !important;
	margin-top: 25px !important;
	background-color: #48cfad  !important;
	border-color: #48cfad !important;
}
#btnUpdate:hover {
	background-color: #37bc9b !important;
}
#fileinput-zone{
	visibility: collapse;
	display: none;
	margin-bottom: 20px;
	padding-left: 0px;
}

#div-upload{
	margin-bottom: 20px;
}

#div-upload-add{
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-bottom: 10px;
}

#div-ged-table{
	min-height: 400px !important;
}

#div-search{
	margin-right: 0px !important;
}
#div-table{
	margin-right: 0px !important;
}

#boxTableGed{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

#boxBodyTableGed{
	padding-top: 0px !important;
}

.my-search-menu{
	position: absolute;
	width:100%;

	z-index: 1;
}

.list-group-item-default{
	background-color: #DDDDDD;
}
.my-list-group-item{
	cursor:pointer;
	margin-bottom:4px;
}

#preview-file-title{
	padding-left: 10px;
	padding-top: 5px;
	height: 41px;
}

.modal-header-preview{
	min-height: 16.43px;
	border-bottom: 1px solid #e5e5e5;
}


#formGenerique{
	padding: 0px;
}

#previewFileDiv {
	border-right: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

.icon-table-ged{
	padding-right: 15px;
	padding-left: 10px;
}

#btnShowDelFile{
	visibility: collapse;
	display: none;
}
/*.kv-file-upload{
	visibility: collapse;
	display: none;
}*/
.file-drag-handle{
	visibility: collapse;
	display: none;
}
/*.file-upload-indicator{
	visibility: collapse;
	display: none;
}*/


#dropdown-menujob{
	min-width: 450px;
}

#dirListLabel{
	padding-left: 0px;
	padding-right: 0px;
}
#dirList{
	width: 203px;
}
.select-editable {
	position:relative;
	background-color:white;
	border:solid grey 1px;
	width:210px;
	height:22px;
	margin-bottom: 5px;
}
.select-editable select {
	position:absolute;
	top:0px;
	left:0px;
	font-size:14px;
	border:none;
    width:210px;
	margin:0;
}
.select-editable input {
	position:absolute;
	top:0px;
	left:0px;
    width:188px;
	padding:1px;
	font-size:12px;
	border:none;
}
.select-editable select:focus, .select-editable input:focus {
	outline:none;
}
/*
.select-editableMeta {
	position:relative;
	background-color:white;
	border:solid grey 1px;
	width:100%;
	height:30px;
	margin-bottom: 5px;
	border-color: #d2d6de;
}
.select-editableMeta select {
	position:absolute;
	top:0px;
	left:0px;
	font-size:14px;
	border:none;
	width:210px;
	margin:0;
}
.select-editableMeta input {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	padding:1px;
	font-size:12px;
	border:none;
}
.select-editableMeta select:focus, .select-editableMeta input:focus {
	outline:none;
}*/

.file-other-icon > .glyphicon-file {
	width:210px;
}
#bte_ala{
	visibility: collapse;
	display: none;
}

.bootbox .modal-header{
	padding:0px;
}
.bootbox .bootbox-close-button{
	padding:5px;
}

.bootbox > .modal-dialog {
	max-width: 500px !important;
}

.bootbox > .modal-title {
	padding-left: 10px;
}


#previewFileDiv > img {
	width: 100%;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.file-upload-indicator{
	visibility: collapse;
	display: none;
}

.fileinput-remove-button{
	color: #fff;
	background-color: #868e96;
	border-color: #868e96;
}
.fileinput-remove-button:hover{
	color: #fff;
	background-color: #727b84;
	border-color: #6c757d;
}

.fileinput-upload-button{
	color: #fff;
	background-color: #868e96;
	border-color: #868e96;
}

.fileinput-upload-button:hover{
	color: #fff;
	background-color: #868e96;
	border-color: #868e96;
}

#dirList{
	width: 208px !important;
}

.iconGray{
	color: #444444 !important;
}

#divActionGroupSelect{
	margin-left: 15px !important;
	margin-top: 0px !important;
}
.actionGroup{
	width: 150px !important;
}

#previewHeaderTable {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
	padding: 8px;
}

button,input,h3,td,label,div,a{
	font-family: "Roboto" !important;
}

#btnDropdown{
	height: 34px;
}
#labelAdd{
	font-weight: normal;
}

.overflow {
	/**
     * Required properties to achieve text-overflow
     */
	white-space: nowrap;
	overflow: hidden;
}
.ellipsis { text-overflow: ellipsis; }

#btn-preview-meta{
	width: 40px;
}
/*

#btn-preview-file{
	background-color: #faaa0a;
}
#btn-preview-file:hover{
	background-image:none !important;
	background-color:#f0960a !important;
}
#btn-preview-meta{
	background-color: #c8c8c8;
}
#btn-preview-meta:hover{
	background-image:none !important;
	background-color:#f0960a !important;
}
*/
.last-selected-row td{
	background-color:#faaa0a !important;
}

/*modif css pour fonctionner avec theme material*/
.pull-right{
	margin-top: 0px !important;
	margin: 0px !important;
}

.main-header {
	position: relative;
	max-height: 100px;
	z-index: 1030;
}

.card-nav-tabs{
	margin: 10px 0;
}

.main-panel .content{
	padding: 0px;

}
.main-panel {
	width:100%;
}

#tableGenerique > th{

}
label {
	margin-top: 0px;
}
/* Etat valide  */
.etat-valide [type="radio"]:checked+label:after {
    border-color: #ed5565;
    background-color: #ed5565;
}

.etat-valide-gap [type="radio"].with-gap:checked+label:before {
    border-color: #ed5565;
}

.etat-valide-gap [type="radio"]:checked+label:after {
    border-color: #ed5565;
    background-color: #ed5565;
}
/* Etat option  */
.etat-option [type="radio"]:checked+label:after {
    border-color: #48cfad;
    background-color: #48cfad;
}

.etat-option-gap [type="radio"].with-gap:checked+label:before {
    border-color: #48cfad;
}

.etat-option-gap [type="radio"]:checked+label:after {
    border-color: #48cfad;
    background-color: #48cfad;
}
/* Etat libre  */
.etat-libre [type="radio"]:checked+label:after {
    border-color: #ffce54;
    background-color: #ffce54;
}

.etat-libre-gap [type="radio"].with-gap:checked+label:before {
    border-color: #ffce54;
}

.etat-libre-gap [type="radio"]:checked+label:after {
	border-color: #ffce54;
	background-color: #ffce54;
}
div.pull-left.search{
	margin-left: 10px;.
}

/*oblig� de mettre ceci sinon la version  7.22 de sweetaler2 a ses fonts en 10px;*/
html {
	font-size: 16px;
}

.search > .form-control{
	background: url(../images/search.png) no-repeat scroll 7px 7px;
    background-position: right 0px center;
}

.button-search-lov{
	margin-top:20px;
}
#btn-search{
	padding: 9px;
	width: 200px;
	box-shadow:none;
}


/*
  CSS pour etat
*/
tr.row_noparent:not(:hover) td{
	background-color:#f5f5f5;
}

tr.row_noparent:hover {
	background-color: #EEEEEE;
}
.content_etat{
	display: inline-block;
}
.square{
	height: 15px;
	width: 15px;
	display: inline-block;
	margin-right: 10px;
}

tr.row_etat_free td:first-child{
	border-left: 25px solid transparent;
}

tr.row_etat_reserve td{
	border-top:3px solid #FAAA0A !important;
}
tr.row_etat_reserve td:first-child{
	border-left: 25px solid #FAAA0A;
}

td.cell_etat_reserve_noparent{
	border-left:3px solid #FAAA0A !important;

}
.color_etat_reserve{
	background-color: #FAAA0A;
}

tr.row_etat_acte td{
	border-top:3px solid #ED5565 !important;
}
tr.row_etat_acte td:first-child{
	border-left: 25px solid #ED5565;
}
td.cell_etat_acte_noparent{
	border-left:3px solid #ED5565 !important;
}
.color_etat_acte{
	background-color: #ED5565;
}

tr.row_etat_valide td{
	border-top:3px solid #48CFAD !important;
}
tr.row_etat_valide td:first-child{
	border-left: 25px solid #48CFAD;
}
td.cell_etat_valide_noparent{
	border-left:3px solid #48CFAD !important;
}
.color_etat_valide{
	background-color: #48CFAD;
}

tr.row_etat_options td{
	border-top:3px solid #C8C8C8 !important;
}
tr.row_etat_options td:first-child{
	border-left: 25px solid #C8C8C8;
}
td.cell_etat_options_noparent{
	border-left:3px solid #C8C8C8 !important;
}
.color_etat_options{
	background-color: #C8C8C8;
}

tr.row_dvi td{
	border-top:3px solid #DEDEDE !important;
	opacity: 1;
}
/*
FIN CSS pour etat
*/

#tableGenerique{
	border-collapse: separate;
}
#panel-search-form {
	margin-bottom: 0px;
}
#swal_etat_file {
    display: block !important;
}


#table-generique{
	width: calc(100vw - 70px);
}

thead {
	background-color: #eaeaea;
	display: block;
	
}
tbody {
	display: block;
	max-height: calc(100vh - 420px);
	overflow-y: auto;
}
table.table-fixed thead, thead tr, thead tr th, tbody tr, tbody tr td{
	display: inline-flex;
}
/* -----------------------
	ADD BY VHE
---------------------- */
thead tr th{
	font-size: 11px !important;
	text-transform: uppercase;
}
table.table-main thead tr th:first-child{
	width: 43px;
}
tbody tr td{
	font-size: 13px  !important;
	font-weight: normal;
}
table.table-main tbody tr{
	margin-bottom: 2px;
}
thead th.th .th-inner{
	height: 40px;
	
}
.col-XS{
	width: 40px;
}
.col-S{
	width: 60px;
}
.col-M{
	width: 80px;
}
.col-L{
	width: 150px;
}
.col-XL{
	width: 280px;
}
.pdf-link{
	color: #3bafda;
}
.pdf-link:visited .content_contrat{
	color: #3bafda;
}
.pdf-link:hover .content_contrat{
	text-decoration: underline;
	color: #4fc1e9;
}
.pdf-link .fa{
	color: #ed5565;
	font-size: 16px !important;
}
.fa-age{
	color: #ed5565;
    background-color: #FFFFFF;
	font-size: 25px !important;
}
table.sub-table tbody tr{
	margin-bottom: 0;
	border: 0;
	cursor: default !important;
}
table.sub-table tbody tr td{
	border: 0;
}
.sub-table.free tbody tr td:first-child{
	/*border-left: 25px solid transparent;
	display: block;
	width: 40px;*/
	border-right: 12px solid transparent;
	display: block;
	width: 25px;
	margin-right: 15px;
	background-color: white;
}
.sub-table.reserve tbody tr{
	background-color: rgba(250, 170, 10, 0.2) !important;
}
.sub-table.reserve tbody tr td:first-child{
	/*border-left: 25px solid #ed5565;
	display: block;
	width: 40px;
	*/
	border-right: 12px solid #FAAA0A;
	display: block;
	width: 25px;
	margin-right: 15px;
	background-color: white;
	
}
.sub-table.acte tbody tr{
	background-color: rgba(237, 85, 100, 0.2) !important;
}
.sub-table.acte tbody tr td:first-child{
	/*border-left: 25px solid #ed5565;
	display: block;
	width: 40px;*/
	border-right: 12px solid #ed5565;
	display: block;
	width: 25px;
	margin-right: 15px;
	background-color: white;
}
.sub-table.option tbody tr {
	background-color: rgba(200, 200, 200, 0.2) !important;
}
.sub-table.option tbody tr td:first-child{
	/*border-left: 25px solid #C8C8C8;
	display: block;
	width: 40px;*/
	border-right: 12px solid #C8C8C8;
	display: block;
	width: 25px;
	margin-right: 15px;
	background-color: white;
}
.sub-table.valide tbody tr{
	background-color: rgba(72, 207, 173, 0.2) !important;
}
.sub-table.valide tbody tr td:first-child{
	/*border-left: 25px solid #48cfad;
	display: block;
	width: 40px;*/
	border-right: 12px solid #48cfad;
	display: block;
	width: 25px;
	margin-right: 15px;
	background-color: white;
}
.details{
	margin-top: -3px;
	border-top: 2px solid #C8C8C8;
}
.detail-view td:first-child{
	padding: 0;
}
.detail-icon{
	display: none;
}
.btn{
	font-size: 12px;
}
.swal2-title{
	font-size: 15px !important;
}
.swal2-etat{
	margin-bottom: 12px;
}
.my-swal-content{
	font-size: 14px;
	margin-top: 12px;
}
.table-search-div select {
	height: 24px;
	width: 100%;
}
.form-control.table-search-field{
	height: 24px;
	padding: 0 0 0 8px;
}
 display: none;
}