
/**
* CSS global projet
*
*
* @package louerunbus 2019-06
*/

.page-header.navbar {
  min-height: 46px !important;
  height: auto !important;
  border-bottom: solid 5px #FF6600;
}

.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: #ff6600; font-size: 20px; margin-right: 3px;}
.add-link a:hover {color: #ff6600;}

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;
}

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

.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;
}

table td,table td a {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;
}

.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: #FF6600;
	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-info th.info, .table-info td.info {background: #BFBFBF !important; color: white !important;}
.table-info th.info:hover, .table-info td.info:hover {background: #afafaf !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-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));
  }
}

.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;}


