/* Sticky footer styles
-------------------------------------------------- */
.btn {
	border-radius: 5px !important;
}

html {
	position: relative;
	min-height: 100%;
}

.focusIcon {
	font-size: 40px;
}

.focusDefault {
	color: #adadad;
}

.focusGreen {
	color: #9abc32;
}

.focusBlue {
	color: #6FB3E0;
}

.focusYellow {
	color: #f7e663;
}

.focusOrange {
	color: #F79263;
}

.focusRed {
	color: #D53F40;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

.rapport {
	margin-right: 15px !important;
}

.filter-active {
	color: #e53f3f;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}

.navbar .brand {
	max-height: 40px;
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar a.navbar-brand {
	padding: 3px 15px 3px;
}

.current_page_item {
	font-weight: bold;
}

.page-header {
	border-bottom: 1px solid #eee;
	margin: 0px 0 20px;
	padding-bottom: 9px;
}

.itop_color_red {
	color: #d9534f;
}

.itop_color_blue {
	color: #337ab7;
}

.itop_color_green {
	color: #5cb85c;
}
/* Custom page CSS
-------------------------------------------------- */
.panel {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.panel-heading {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
}

.main-color {
	color: #002060;
}

/*
Nécessaire si :  navbar-fixed-top
body > .container {
  padding: 60px 15px 0;
} */
.container .text-muted {
	margin: 20px 0;
}

.footer>.container {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}

/* Addons bootstrap - Side notes for calling out things
--------------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

.bs-callout h4 {
	margin-top: 0;
}

.bs-callout p {
	font-size: 10px;
	color: red;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code, .bs-callout .highlight {
	background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}

.bs-callout-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}

.bs-callout-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}

/** Center the contents of the element **/
.centercontents {
	text-align: center !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

a.currentCompo {
	font-weight: bold;
	color: red;
}

img.t-sort-icon {
	vertical-align: bottom;
}

div.t-data-grid {
	font-family: Arial, Helvetica, sans-serif;
}

div.t-data-grid-pager {
	margin: 0 0 8px;
}

div.t-data-grid-pager a, div.t-data-grid-pager span.current {
	font-size: 13px;
}

div.t-data-grid-pager span.current {
	text-shadow: 0px -1px 0px #4D5F99;
}

/* table.t-data-grid th {
	min-width: 130px;
}
 */
table.t-data-grid th a {
	text-decoration: none;
	text-shadow: 0px -1px 0px #4D5F99;
}

table.t-data-grid thead tr {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DA9FF',
		endColorstr='#738FE6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8DA9FF),
		to(#738FE6)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #8DA9FF, #738FE6);
	/* for firefox 3.6+ */
}

.input-file {
	border: none !important;
	padding: 0 !important;
}

.tabhead a {
	display: block !important;
}

.submenu>li>a:before {
	content: "→ ";
	margin-right: 9px;
	font-size: 17px;
}

.submenu>li>a:hover {
	text-decoration: none;
}

.subMenuTitle {
	margin-left: -3px;
}

.itop_labelItemON {
	color: #428bca;
	font-weight: bold;
}

.bold{
	font-weight: bolder;
}

.itop_labelItemOFF {
	color: #999999;
}

.line1 {
	background-color: #ffffff;
}

.line2 {
	background-color: #fefefe;
}

.itop-sp-top {
	margin-top: 20px;
}

.itop-box-margin {
	margin: 5px;
}

.errorMsg {
	color: red;
}

#companySelect {
	display: inline;
	width: 70%;
}

.display-inline-important {
	display: inline !important;
}

.display-inline {
	display : inline;
}

.companyBtn {
	float: right;
}

.dayRange {
	width: 60px;
	display: inline;
}

label {
	/*text-align: right;*/
	padding-top: 7px;
}

.margin-right-15 {
	margin-right: 15px;
}

.title-header {
	float: left;
	font-size: 20px;
}

.margin-left {
	margin-left: 15px;
}

.panel-header-separator {
	margin-left: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 7px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-color: #d9d9d9;
}

#widget-selector {
	position: absolute;
	z-index: 100;
}

.ace-settings-box {
	border: 0px solid #d3d7cf;
}

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

.itop3 {
	margin-bottom: 10px;
}

.grey-color-opta {
	background-color: rgb(239, 239, 239);
}

.no-border {
	border: none;
}

.depot {
	color: green;
	margin-left: 20px;
}

.btn {
	margin-right: 5px;
	border-radius: 4px;
}

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

#fake-header-itinerary-panel {
	padding-top: 0px;
}

#fake-header-itinerary-head {
	background-color: #ddd;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 18px;
}

.capacity-box {
	width: 50px !important;
	float: right;
	height: 38px;
}

.capacity-box-pickup {
	margin-right: 0px;
	margin-top: -9px;
}

.capacity-box-delivry {
	margin-right: -13px;
	margin-top: -9px;
}

.capacity-box-result {
	border-radius: 0 !important;
	color: #858585;
	background-color: #eee;;
	border: 1px solid #D5D5D5;
	line-height: 38px;
	font-size: 14px;
	font-family: inherit;
	text-align: center;
}

.capacity-box-title {
	float: right !important;
	line-height: 38px;
	text-align: center;
}

.text-limit {
	display: inline-block;
	text-overflow: ellipsis;
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	margin-bottom: -6px;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]:HOVER {
	-moz-appearance: number-input;
}

input[type=number]:FOCUS {
	-moz-appearance: number-input;
}

.chart {
    height: 220px;
    margin: 0 auto;
    max-width: 800px;
    /*min-width: 320px;*/
}

.weather-date {
	/*padding : 0px 10px;*/
}

.btn-achat-filtre {
	background-color: #FFC000;
/* 	width:100%; */
	height:50px;
	color : #002060;
	border-radius: 15px;
	border-color : #002060;
	border-style : solid;
	border-width : 1px;
	font-size: 16px;
	font-weight: bold;
	padding : 10px 0px;
	text-align : center;
}

.btn-app-home {
	width : 100% !important;
	padding: 20px 0 8px !important;
	border-radius : 40px !important;
	background-image: none !important;
	color: white !important;
}

 .btn-app-contact {
	width: 100% !important;
	padding: 10px 0 8px !important;
	border-radius: 40px !important;
}
 
.panel-homepage {
	width:60%;
	margin-top: 50px;
	margin-right: 20%;
	margin-left: 20%;
	border-radius : 5px;
	border-color : #002060;
	border-style : solid;
	border-width : 1px;
	text-align: center;
	padding : 10px 10px;
	font-size: 20px;
	color : #002060 !important;
}

.btn-home-contact {
	border-width : 1px !important;
	border-color: #002060 !important;
	color: #002060 !important;
	background-color: white !important;
	background-image: none !important;
	border : solid !important;
}

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

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

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

.panel-contactpage {
	font-size: 16px;
}

.margin-right-5 {
	margin-right: 5px;
}

.desactived-row-class {
	background-color: #FF9500 !important;
}


.display-dropdown {
    display: inline !important;
}

.label-custom {
	padding: 2px 5px;
	color: white;
}

.tab-reglage {
	display: block !important;
	font-size: 15px;
}

.col-small-padding {
	    padding-right: 0px !important;
	    padding-left: 8px !important;
	}


@media (max-width: 768px) {
	.tabs-left > .nav-tabs {
		float: none;
	}
	
	.tabs-left > .nav-tabs > li {
   		float: left !important;
	}
	
	
}


/* INFOBOX PART */

.infobox>a>.infobox-icon {
    display: inline-block;
    vertical-align: top;
    width: 44px
}
.infobox>a>.infobox-icon>.ace-icon {
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border-width: 0;
    text-align: center;
    position: relative;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}
.infobox>a>.infobox-icon>.ace-icon:before {
    font-size: 24px;
    display: block;
    padding: 6px 0 7px;
    width: 40px;
    text-align: center;
    border-radius: 100%;
    color: #FFF;
    color: rgba(255, 255, 255, .9);
    background-color: transparent;
    background-color: rgba(255, 255, 255, .2);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .14)
}
.infobox-purple>a>.infobox-icon>.ace-icon {
    background-color: #6F3CC4
}
.infobox-purple2>a>.infobox-icon>.ace-icon {
    background-color: #5F47B0
}
.infobox-pink>a>.infobox-icon>.ace-icon {
    background-color: #CB6FD7
}
.infobox-blue>a>.infobox-icon>.ace-icon {
    background-color: #6FB3E0
}
.infobox-blue2>a>.infobox-icon>.ace-icon {
    background-color: #3983C2
}
.infobox-blue3>a>.infobox-icon>.ace-icon {
    background-color: #1144EB
}
.infobox-red>a>.infobox-icon>.ace-icon {
    background-color: #D53F40
}
.infobox-brown>a>.infobox-icon>.ace-icon {
    background-color: #C67A3E
}
.infobox-wood>a>.infobox-icon>.ace-icon {
    background-color: #7B3F25
}
.infobox-light-brown>a>.infobox-icon>.ace-icon {
    background-color: #CEBEA5
}
.infobox-orange>a>.infobox-icon>.ace-icon {
    background-color: #E8B110
}
.infobox-orange2>a>.infobox-icon>.ace-icon {
    background-color: #F79263
}
.infobox-green>a>.infobox-icon>.ace-icon {
    background-color: #9ABC32
}
.infobox-green2>a>.infobox-icon>.ace-icon {
    background-color: #0490A6
}
.infobox-grey>a>.infobox-icon>.ace-icon {
    background-color: #999
}
.infobox-black>a>.infobox-icon>.ace-icon {
    background-color: #393939
}
.infobox-dark>a>.infobox-icon>.ace-icon,
.infobox-dark>a>.infobox-icon>.ace-icon:before {
    background-color: transparent;
    box-shadow: none!important;
    text-shadow: none;
    border-radius: 0;
    font-size: 30px
}

.panel-login-main {
    text-align: center;
    margin-top: 10px;
}

.nav-ctaedit {
	margin : 0px;
}

.research-sorting {
	width:200px;
}
	
#modeSearch {
	width: 200px;
}

.div-conseil-txt {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
}

.rglg-mode-label {
	border : solid 1px;
	border-style: dashed;
}

.nav-list > li > a > .menu-icon { 
	font-weight: 900;
}

td[data-grid-property=action], th[data-grid-property=action] {
	width:90px;
}

td[data-grid-property=enabled], th[data-grid-property=enabled] {
	width:10px;
}

td[data-grid-property=acceptCondGen], th[data-grid-property=acceptCondGen] {
	width:10px;
}

td[data-grid-property=check], th[data-grid-property=check] {
	text-align: center;
	width: 60px;
}

/* pour Safari*/
.fa,
.fas,
.far,
.fal,
.fab {
	text-rendering: optimizeLegibility;
}