/**
* CSS global projet
*
*
* @package RECOUVREMENTCREANCES 2019-11
*/


.table {color: inherit !important;}
h1, h2, h3, h4, h5, h6 {color: #777 !important;}


/*
.page-header.navbar {
  min-height: 46px !important;
  height: auto !important;
  border-bottom: solid 1px #895483;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  background-color: white;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background-color: white !important;
}

.page-header.navbar .hor-menu {
	float: right !important;
}

.page-header.navbar .hor-menu li.active a,
.page-header.navbar .hor-menu li.current a
{
}
*/

.classic-menu-dropdown.first {border-left: solid 1px white;}
.classic-menu-dropdown {border-right: solid 1px white;}

.page-title {margin-bottom: 5px !important;}
.page-title i.fa {margin-right: 9px !important; font-size: 32px;}


.add-link a {color: inherit; font-size: 17px; text-decoration: none;}
.add-link a i.fa {color: #f7931e; font-size: 20px; margin-right: 3px;}
.add-link a:hover {color: #f7931e; cursor :pointer;}

.row-entete-liste {margin-bottom: 7px;}


td.action a:hover {text-decoration: none;}


input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
	line-height: initial !important;
}

.navigation-button, .btn-jaune-hover {
	border: solid 1px silver;
	padding: 8px;
	border-radius: 5px !important;
	margin-right: 15px;
}
.navigation-button:hover, .btn-jaune-hover:hover {
	color: #f7931e;
	border-color: #f7931e;
}

.btn-jaune {
	border: solid 1px #f7931e;
	padding: 8px;
	border-radius: 5px !important;
	margin-right: 15px;
	color: #f7931e;
}

.btn-jaune:hover {
	background-color: #ececec;
	color: #f7931e;
}

.page-title small {font-size: 20px;}
.page-title small i.fa {font-size: 20px; margin-right: 1px !important;}


.row-buttons {margin-top: 25px;}



.form-horizontal .form-group {
  margin-left: inherit !important;
  margin-right: inherit !important;
}

#loader_cont {
  background-color: rgba(255, 255, 255, 0.898);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1500;
  display: none;
}

#loader_cont img {
  height: 16px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 16px;
}

.portlet-body {display: none;} /* => display: block; au document.ready */

.top-menu {margin-left: 35px !important;}
.menu-items {float: right;}
.menu-item {float: right; height: 46px; padding-top: 13px; margin-left: 15px;}
.menu-item a {font-size: 16px; color: white !important; height: 46px; text-transform: uppercase;}
.menu-item a.menu-item-active-link {color: white !important;}
.menu-item a:hover {text-decoration: none; color: white !important;}
.menu-icon {font-size: 30px !important; margin-right: 6px;}


.font-avencall-strong {color: white !important;}
.font-avencall-middle {color: #EF9123 !important;}
.font-avencall-light {color: #EFAE23 !important;}
.font-avencall-grey-strong {color: #202024 !important;}
.font-avencall-grey-middle-strong {color: #3C3C3B !important;}
.font-avencall-grey-middle-light {color: #69696D !important;}
.font-avencall-grey-light {color: #ECECEC !important;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #D0D0D0 !important;
  font-size: 12px !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #D0D0D0 !important;
  font-size: 12px !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #D0D0D0 !important;
  font-size: 12px !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #D0D0D0 !important;
  font-size: 12px !important;
}



.portlet {
  border: solid 1px #6f6f6f !important;
}

.portlet .portlet-title .caption,
.portlet .portlet-title .caption i
{
  color: #6f6f6f !important;
}

.portlet .portlet-title {
  border-bottom: solid 1px #6f6f6f !important;
}

.portlet .portlet-title .actions .btn {
  font-size: 14px !important;
}

.btn-avencall {background-color: #69696D; color: white}
.btn-avencall:hover {color: white;}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
	width: 240px;
}
a.dropdown-toggle:hover {cursor: default;}


.portlet-sober {border: none !important; margin-top: 5px;}
.portlet-sober .portlet-title {background-color: white !important;}
.portlet-sober i.fa {font-size: 19px !important; margin-top: 2px !important;}

.table-scrollable {margin-top: 0 !important; border: 0 !important;}

.portlet-title .actions {margin-right: 35px;}
.portlet-title .actions .btn-info {
  color: white !important;
  background-color: #6f6f6f !important;
  border-color: white !important;
}

.portlet-title .actions .btn-info:hover {
  color: #6f6f6f !important;
  background-color: white !important;
  border: solid 1px #6f6f6f !important;
}


.form-control {
	color: #4e6858 !important;
}

.form-group > ul > li {color: red; font-size: 15px;}



.cluetip-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px !important;
    font-weight: normal;
	background-color: #efefef !important;
	color: #f7931e;
	font-size: 17px !important;
	text-align: center !important;
	text-transform: uppercase;
	border: solid 1px #efefef !important;
}
.cluetip-title i.fa {margin-right: 5px;}
.ui-cluetip-content {padding: 0 10px !important; background-color: white;}
.cluetip-close {
	text-align: right;
	font-size: 13px;
	/*margin-top: -26px;
	margin-bottom: 15px;*/
}
.cluetip-close i.fa {margin-right: 5px;}
.cluetip-close a {text-decoration: none; color: red !important; font-style: italic;}
.cluetip-page-container {padding: 7px 0;}


.page-title small {margin-left: 15px;}

.table-detail th {border-top: none !important;}
.table-detail th, .table-detail td {padding: 6px !important; font-size: 12px !important;}
.table-detail th.information, .table-detail td.information {color: #f7931e !important; width: 25%;}
/*.table-detail th.information:hover, .table-detail td.information:hover {background: #afafaf !important;}*/


table td {line-height: 1.42 !important;}

/* menu header via data attribute */
.data-title:before {
    content: attr(data-menutitle);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #6f6f6f;
    color: white;
    padding-top: 3px;
    padding-bottom: 4px;
    text-align: center;
    font-size: 13px !important;
}
.data-title :first-child {
    margin-top: 20px;
}

.context-menu-item {
	color: inherit !important;
}

.context-menu-icon.context-menu-icon--fa::before {
	color: inherit !important;
}

.context-menu-item.context-menu-hover {
  background-color: #F9EEB0;
}


.btn-mf-blanc {
    background-color: white !important;
    color: #6f6f6f !important;
    border: solid 1px #6f6f6f !important;
}
.btn-mf-blanc:hover {
    background-color: #FDF8D9 !important;
}

.btn-mf-marron  {
    background-color: #6f6f6f !important;
    color: white !important;
    border: solid 1px #6f6f6f !important;
}
.btn-mf-marron:hover  {
    background-color: #907318 !important;
}

.modal-title {text-align: center !important;}
.modal-subtitle {text-align: center; color: #f7931e !important;}


.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
}

.modal-header {display: block !important;}


.barre {text-decoration: line-through;}

span.statut1 {color: grey;}
span.statut4 {color: #5b94ff;}
span.statut6 {color: #5b94ff;}
span.statut8 {color: #ffcc00;}
span.statut12 {color: #ffcc00;}
span.statut16 {color: #5b94ff;}
span.statut20 {color: #00c100;}
span.statut22 {color: #00c100;}
span.statut23 {color: #00c100;}
span.statut24 {color: #846923;}
span.statut26 {color: #846923;}
span.statut28 {color: #00c100;}
span.statut30 {color: #00c100;}
span.statut36 {color: #00c100;}
span.statut-4 {color: #fe1c27;}
span.statut-8 {color: #fe1c27;}


h4.modal-subtitle {
    font-size: 16px !important;
    letter-spacing: 0 !important;
}


#header .header-nav-not-connected::before, #header .header-nav-not-connected::after {
	display: none !important;
}


label {color: #f7931e; font-weight: bold !important;}
.dataTables_length label {color: #777; font-weight: normal !important;}

#footer .container .mb-1, .my-1 {magin-bottom: 0 !important;}
#footer .container .mb-3.contact{margin-bottom: 0.5rem !important;}
#footer .container .pb-5, .py-5 {padding-top: 0rem !important; padding-bottom: 0rem !important;}
#footer .footer-copyright .pb-4, .py-4 {padding-top: 0em !important; padding-bottom: 0em !important;}

footer .informations {line-height: 18px;}

.input-group .form-control {
	height: calc(1.5em + 0.75rem + 2px) !important;
}

.input-group-text {padding-top: 0 !important; padding-bottom: 0 !important;}


.card-header-small-vertical-padding {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
	color: #f7931e;
}
.card-header-small-vertical-padding:hover {cursor: pointer;}
.row-indicateurs {margin-bottom: 17px;}
#card-body-liste {padding: 0 0.75rem !important;}

.color-red {color: red;}
.color-green {color: green;}


.popover-close:hover {cursor: pointer;}
.popover-close {
    text-align: right;
	margin-top: 15px;
	font-size: 11px;
	font-style: italic;
	color: red;
}