.animate{
	transition-duration: 1s;
}
main{
	background-color: var(--backgroundColor);
	position: absolute;
	margin:7vh 58px 0 16em;
	padding-right: 1rem;
	width: calc(100% - 16em);
}
.eds-tab-style {
    font-size: 0.99rem;
    color: var(--secondaryColor);
    font-weight: bold;
}
main.closed{
    margin: 7vh 0 0 6em;
    width: calc(100% - 6em);
}

*{font-family: var(--font);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;}
.card {font-weight: 600;}
/* Header */
.commingsoon{
    cursor: no-drop!important;
    opacity: .65;
}
.adminNavigation{float: right;}
.nbind{position: absolute;background: var(--highlightColor);border-radius: 30px;padding: 3px;top: -4px;right: -5px;font-size: x-small;}
.hidden {display: none !important;  transition: visibility 0s, opacity 0.5s linear;}
.nbind{position: absolute;background: var(--blueactiv);border-radius: 30px;padding: 3px;top: -4px;right: -5px;font-size: x-small;}
.header-common .welcome:hover{color: #FFF;}
.display {display: block !important;  transition: visibility 0s, opacity 0.5s linear;}
/** CONTENT */
@media (min-width: 1200px){
.bd-content.col-xl-11 {flex: 0 0 96.66667%;max-width: 96.66667%;transition-duration: 1s;} .bd-content.col-xl-10 {transition-duration: 1s;}}
@media (min-width: 768px){
.bd-content.col-md-11 {flex: 0 0 96.66667%;max-width: 96.66667%;transition-duration: 1s;} .bd-content.col-md-10 {transition-duration: 1s;}}
/** Tableau */
tbody tr, thead tr {min-height: 40px;    height: 40px; }
tbody tr input[type=text]{font-size: 0.77rem; font-weight: 600;}

table.dataTable tbody th, table.dataTable tbody td{ padding: 2px 0 2px 10px;vertical-align: middle;}
thead tr {background-color: var(--dark);color: white;font-size: 0.85rem;}
thead tr th{color: white!important;font-size: 0.85rem!important;    padding-left: 10px!important;}
tbody tr{font-size: 0.79rem;}
.tr-nth-child tbody tr:nth-child(even) td {
    background-color: var(--tr-nth-child);
}
.tr-nth-child tbody tr td {
    border-top: var(--tr-nth-child) 1px solid;
}
tbody tr.selected, a.selected, .jstree-default .jstree-clicked {background-color: var(--highlightColor)!important;color: var(--secondaryColor)!important;}
.DTFC_LeftBodyLiner > table.DTFC_Cloned{margin:0 !important;}
.DTFC_LeftHeadWrapper table {margin-bottom: 0!important;}
.dataTables_info,.dataTables_length label,.dataTables_filter label, .dataTables_paginate {font-size: 0.75rem;}
.dataTables_length select{line-height: 1.2rem;min-height: 1.2rem!important;}
.dataTable  {border: 0;}
.dataTables_filter{    margin-bottom: 10px;}
h3.title-content{font-family: inherit;font-weight: 600;line-height: 1.2;color: inherit;font-size: 1.1rem!important;border-left: var(--primaryColor) 4px solid;padding: 5px;margin-bottom: 27px;text-transform: uppercase;}
.bd-content .fil_ariane.closeElementSideBar {margin-top: 20px!important; transition-duration: 1s;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: var(--secondaryColor)!important;border: none;background: var(--primaryColor);}
/*CONTEXT MENU RIGHT CLICK */
.context-menu-list li {font-size: 0.8rem;background: none;}
.context-menu-list {background-color: var(--secondaryColor)!important; border: 0;}
.context-menu-list .context-menu-hover{background-color: var(--primaryColor)!important;}
.context-menu-item{color:var(--primaryTheme);}
/* JQUERY CONFIRM */
.jconfirm {font-family: var(--font)!important;}
.jconfirm .row {margin: 0!important;}
.jconfirm .btn-annuler{text-transform: lowercase!important;text-decoration: underline;}
.jconfirm .btn-primary{color: var(--secondaryColor);background: var(--primaryColor);}
.jconfirm-title{font-size: .98rem!important;font-weight: 600;border-left: var(--primaryColor) 4px solid;    padding-left: 5px;}
.jconfirm-content{font-size: .85rem!important; overflow-x: hidden!important;}

label {font-size: .875rem!important;}
.block {margin-bottom: 1rem;background-color: #FFF; border-radius: 7px;display: block;overflow: hidden;}
.sub-title{font-size: 0.99rem;border-left: solid var(--primaryColor);width: 100%;padding-left: 5px; display:inline; color:var(--secondaryColor)}
.card input.sub-title {background-color: var(--primaryColor); border: unset; border-color: var(--primaryColor);}
.jc-bs3-container {max-width: 95vw!important;}
.dataTables_scrollHead,.dataTables_scrollBody {max-width:100vw!important}
/* Toogle slide checkbox */
.content-switch{margin-top: 10px;display: flex;}
.toggle {display:block; margin:auto;float: left;}
.toggle-handle  {background: var(--primaryColor);}
.toggle-on.btn-primary{background: var(--primaryColor);color: var(--secondaryColor);}

.dtsp-subRow2, .dataTables_length{display:none;}
/*KPI*/
.blockkpi {
    display: inline-table;
    bottom: 3em;
    position: absolute;
    left: 0;
    background: var(--primaryColor);
    padding: 8px;
    color: #FFF;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;}
.titleKPI, .titleKPI .div {margin:0; overflow: hidden; padding: 0;}
.titleKPI h5{font-size: 14px;}
.blockkpi .closeKPI{cursor:pointer;}

.KPIN{background-color:var(--KPI_N) !important}
.KPIN0{background-color:var(--KPI_N0) !important}
.KPIN1{background-color:var(--KPI_N1) !important}
.KPIN2{background-color:var(--KPI_N2) !important}
.KPIN3{background-color:var(--KPI_N3) !important}
.KPIN4{background-color:var(--KPI_N4) !important}

/**/
.cursorDefault{cursor:default;}
.cursorPointer{cursor:pointer;}
.cursorGrab{cursor: grab;}
.cursorNotAllowed{cursor: not-allowed;}

.centerElement{display: flex; justify-content: center; align-items: center;}
.mostlyFullHeightCard{
	height: 70vh;
	overflow-y:auto;
}
.fullHeightCard{
	max-height: 69vh;
	overflow-y:auto;
}

.fullHeightCard-75 {
    max-height: 75vh;
    overflow-y:auto;
}

/* Search Engine */
#searchEngine{margin-top:15px;}
.SETitle {display:inline; color: white; padding-left:10px;}
.SEHeader {background-color: var(--primaryColor)!important;}
.SEArrow {color: white;}
#filterSummary p{display:inline;font-style: italic;font-size: smaller;}
#filterSummary span{display:inline;font-style: italic;font-size: smaller;}
#btnSearchEngine{margin: 20px 10px 10px 0px;}
.invalidBei>a {background-color: darkgray!important;}

/*Datatable*/
.dataTables_scrollHeadInner {min-width: 100%!important}
div.dataTables_wrapper div.dataTables_info {padding-top: 0px !important;}
.iconInMTDataTable {
    font-size: 18px;
}


table{
    width: 100% !important;
    border: 1px solid #dee2e6!important;
}
.dtsp-searchPane tr{
    height: 20px; max-height: 20px;
}
#beiPool {
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
}

/*Badge*/
.badge_CardTitle {
    background-color: var(--secondaryColor);
	color: var(--primaryColor);
	margin-left: 15px;
	padding: 2px 3px 2px;
	font-weight: bold;
	box-shadow: 1px 1px 5px 1px #8C8C8C;
    border-radius: 5px;
    white-space: nowrap;
}
.badge_CardBody {
    background-color: var(--primaryColor);
	color: white;
	margin-left: 15px;
	padding: 2px 3px 2px;
	font-weight: bold;
	box-shadow: 1px 1px 5px 1px #8C8C8C;
    border-radius: 5px;
}


/*Icon card */
.white-icon{
	color:#fff;
}

/*Card Header*/
.card-header{
	background-color:var(--primaryColor)!important;
	padding:10px 5px 10px 5px!important;
	border-radius:5px !important;
}
/*Badge MaintenaceWork*/
.preCardTitle{border-left: solid var(--taskPre)!important;}
.normalCardTitle{border-left: solid var(--taskCore)!important;}
.postCardTitle{border-left: solid var(--taskPost)!important;}


/**INPUT**/
.form-control{height: calc(2.4375rem + 2px);}
.col-form-label {
    padding-left: 0px !important;
    	font-weight:500;
}

input, select, textarea{
    border-radius: 5px;
    border: var(--greylight) 1px solid;
}

input:read-only:hover, select:read-only:hover, textarea:read-only:hover, input:disabled:hover, select:disabled:hover, textarea:disabled:hover {
    cursor:default;
}

input:read-only, textarea:read-only, input:disabled, select:disabled, textarea:disabled {
    color: #000;
    background-color: #eee;
    border: var(--greyhead) 1px solid;
}

select,select.custom-file-control,select.form-control {
	-webkit-appearance: menulist;
    -moz-appearance: menulist;
	}


input:required {
    box-shadow:none;
}

select:required {
	box-shadow:none;
}

textarea:required {
    box-shadow:none;
}


.colorBlack {color:black !important;}
.colorWhite {color:white !important;}
.colorGreen {color:var(--green) !important;}
.colorRed {color:var(--red) !important;}

.largeFont{font-size:1rem!important;}

.paddingLeft10 {padding-left: 10px!important;}
.paddingRight10 {padding-right: 10px!important;}
.marginTop5 {margin-top: 5px!important;}
.marginTop10 {margin-top: 10px!important;}
.marginBottom10 {margin-bottom: 10px!important;}
.marginBottom0 {margin-bottom: 0px!important;}

/*
li > a .jstree-icon {
    background:url("../images/box_open.png") 0px 0px no-repeat !important;
}
li.jstree-closed > a .jstree-icon {
    background:url("../images/box.png") 0px 0px no-repeat !important;
}
li.jstree-leaf > a .jstree-icon {
    background:url("../images/select-all.png") 0px 0px no-repeat !important;
}
*/
.align-sub {
    vertical-align: sub !important;
}


/*Animation*/
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;

  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;

  }
}
@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-out-right {
	-webkit-animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.slide-out-left {
	-webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/*** Tags input */
.bootstrap-tagsinput {width: 100%;}
.bootstrap-tagsinput .tag {margin-right: 2px;background-color: var(--primaryColor);color: white;padding: 5px;border-radius: 5px;
}

a.nav-item {
	color:white !important;
	cursor:pointer !important;
}
.card-header>div {

	color:white !important;
}
.centerText {
	text-align: center;
}

.tasksDragAndDropPlaceholder{height: 1.5em; line-height: 1.2em; background-color:var(--primaryColor);}

input[placeholder]{
	padding-left: 15px;
	margin-left: 15px;
}


/** Tooltip Lib**/
.tooltipster-box {
    border-color: #00000000 !important;
    background-color: var(--primaryColor) !important;
    color: var(--secondaryColor) !important;
}

.tooltipster-content{
    overflow: hidden !important;
}

.tooltipster-arrow-border {
    border-right-color: #00000000 !important;
}

@keyframes shakeInput {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.shaking {
    animation:shakeInput 0.5s;

}
/*Maintenance Task datatable*/
#periodsValue{
    display: grid;

}

.KPITabContent>.btn {
    width: 7em;
    padding: 5px;
}

.infoBulle {
    font-size: 0.5rem;
}

.h-33 {
    height: 33vh!important;
}

.h-36 {
    height: 36vh;
}

.h-37 {
    height: 37vh;
}

.dataTables_filter, .dataTables_filter>label, .dataTables_filter>label>input {
    margin-bottom: 0;
}