@import url('https://fonts.googleapis.com/css?family=Muli');

html 
{
	height: 100%;
}

body 
{
	
	height: 100%;
	margin: 0;
	padding: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	/* background: url('/images/fondo-web_02.jpg') center center; /* Old browsers */ 
	/* background: url('/images/background.jpg') center center; /* Old browsers */ 
	background-attachment: fixed;
	background-color:rgb(250, 250, 250);
	font-family: Montserrat,sans-serif !important;
	
	
}


.btn-edit
{
  background : #bbdefb;
  color : #000;
}

.btn-edit:hover
{
  background : #42a5f5;
  color : #000;
}

.btn-historique
{
  background : #e1bee7;
  color : #000;
}

.btn-historique:hover
{
  background : #ab47bc;
  color : #000;
}

#breadcrumbs-wrapper
{
  padding-top:2% !important;
}


.card
{
  background:#fff ;
}


#breadcrumbs-wrapper
{
  margin-bottom:15px;
}


nav 
{
	box-shadow:none;
}

th
{
	color:#fff;
  font-weight:bold;
  border-radius:0;
}


#logo
{
	max-height:40px;
	margin-top:10px;
	margin-left:15px;
}


.navbar-top
{
  background: linear-gradient(90deg,#3949ab  75%,#1a237e ) !important;
}



.btn-return
{
	margin : 20px;
}

footer { bottom: 0; width:100%; text-align:center;}

#flash
{
	position: fixed;
	z-index:999;
	padding:20px;
	font-size:1.1rem;
	width : 100%;
	margin:auto;
	bottom:0px;
	transition : 0.8s;
	
}

.container-large
{
	max-width:95%;
	margin : 0 auto;
	border: 1px solid #e0e0e0;
	margin-bottom : 7px;
	
	box-shadow: 0px 1px 5px #c3c3c3;
}

h1
{
	margin: 0.67em 0;
	font-size:2.5rem;
	
}

.subtitle
{
	font-size:1.4rem;
}

#zone-titre
{
	border-bottom:1px solid #e0e0e0;
	background : #e0e0e0;
}



h2
{
    background: linear-gradient(90deg,#3949ab  75%,#1a237e ) !important;
    border-radius: 0.1em;
    color:#fff;
    font-size:20px;
    padding:7px;
    text-align: center;
    margin-top:0;
    text-shadow:2px 2px 2px #444;
}

h3
{
	font-size:1.2rem;
	background:#e0e0e0;
	margin:0;
	padding:10px;
	color:#333;
	
	padding-left:30px
	
}


#dropdown_chantier
{
  width:250px !important;
}

#dropdown_tiers
{
  width:200px !important;
}

#dropdown_ventes
{
  width:200px !important;
}
#dropdown_achats
{
  width:200px !important;
}

#dropdown_param
{
  width:200px !important;
}

.btn-menu
{
  background: rgb(238,174,202);
  background: radial-gradient(circle, rgba(148,187,233,1) 0%, rgba(148,187,233,1) 100%);
}

.btn-menu:hover
{
  background: rgb(238,174,202);
  background: radial-gradient(circle, rgb(255,255,255,0.8) 0%, rgba(148,187,233,1) 100%);
}

.btn-menu i
{
  line-height:37px;
}

.btn-valider
{
  background: linear-gradient(90deg, rgba(76,175,80,1) 0%, rgba(34,223,0,1) 50%, rgba(76,175,80,1) 100%);
}

#menu_principal
{
	position:fixed;	
	padding:0;
	margin:0;
	width:270px;
	min-height: 100%;
	transition:1s;
	border-right:1px solid #e0e0e0;
}


main 
{
  padding-top :50px;
}

    @media only screen and (max-width : 992px) {
       main, footer {
        padding-left: 0;
      }
	  h1{
		  
		  margin-left:50px;
	  }
    }

	
form .row
{
	margin-bottom:0;
}	


	
/* Style Placeholders */
::-webkit-input-placeholder {
  color: grey;
}
::-moz-placeholder {
  color: grey;
}
:-ms-input-placeholder {
  color: grey;
}
::-ms-input-placeholder {
  color: grey;
}
::placeholder {
  color: grey;
}
	
	

	.input-field input[type=color]{
			border:none;
			background:none;
			width:60px;
			height:60px;
			padding:0px;
			border:1px solid grey;
			
	}
	
	/* label underline focus color */
   .input-field input[type=text] {
     border-bottom: 1px solid grey;
     box-shadow: none;
   }

  /* label color */
   .input-field label {
     color: grey;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #000;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid  grey;
     box-shadow: none;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid green;
     box-shadow: none;
   }
   /* invalid color */
   .input-field input[type=text].invalid{
     border-bottom: 2px solid red;
     box-shadow: none;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color:  #1a247f !important;
   }
        

 /* label focus color */
 .input-field input:focus + label {
   color: #000 !important;
 }
 
 /* label focus color */
 .input-field textarea:focus + label {
   color: #000 !important;
 }
 /* label underline focus color */
 .row .input-field input:focus {
   border-bottom: 1px solid  grey !important;
   box-shadow: none !important;
 }
 
 
.global { width: 75% !important ; max-height:85% !important ; } 
 

/* Date Display */
.datepicker-date-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  background-color: #4161ab;
  color: #fff;
  padding: 20px 22px;
  font-weight: 500;
}

.datepicker-table td.is-selected {
  background-color: #4161ab;
  color: #fff;
}


.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #4161ab;
  padding: 0 1rem;
}

.datepicker-controls .select-month input {
    width: 90px;
}

.datepicker-table td.is-today {
    color: red;
    font-weight:bold;
}

.collapsible
{
	box-shadow:none;
}

.tabs
{
  
  background:#0d47a1;
  font-weight: bold;
}


.tabs .tab a{
	color:#eee;
} /*Black color to the text*/

.tabs .tab a:hover {
	background-color:#517abd;
	color:#eee;
} /*Text color on hover*/

.tabs .tab a.active {
	background-color:#7ec1ee;
	color:#333;
} /*Background and text color when a tab is active*/

.tabs .indicator {
	background-color:#0d47a1;
	height:3px;
} /*Color of underline*/

.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color:#7ec1ee;
	color:#333;
  outline: none;
}






/*********************************************************/




div.material-table {
  padding: 0;
}

div.material-table .hiddensearch {
  padding: 0 14px 0 24px;
  border-bottom: solid 1px #DDDDDD;
  /* display: none; */
}

div.material-table .hiddensearch input {
  margin: 0;
  border: transparent 0 !important;
  height: 48px;
  color: rgba(0, 0, 0, .84);
}

div.material-table .hiddensearch input:active {
  border: transparent 0 !important;
}

div.material-table table {
  table-layout: fixed;
}

div.material-table .table-header {
  height: 64px;
  padding-left: 24px;
  padding-right: 14px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  -webkit-display: flex;
  border-bottom: solid 1px #DDDDDD;
}

div.material-table .table-header .actions {
  display: -webkit-flex;
  margin-left: auto;
}

div.material-table .table-header .btn-flat {
    min-width: 36px;
    padding: 0 8px;
}

div.material-table .table-header input {
  margin: 0;
  height: auto;
}

div.material-table .table-header i {
  color: rgba(0, 0, 0, 0.54);
  font-size: 24px;
}

div.material-table .table-footer {
  height: 56px;
  padding-left: 24px;
  padding-right: 14px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.54);
}

div.material-table .table-footer .dataTables_length {
  display: -webkit-flex;
  display: flex;
}

div.material-table .table-footer label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  /* works with row or column */
  
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

div.material-table .table-footer .select-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  /* works with row or column */
  
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

div.material-table .table-footer .dataTables_info,
div.material-table .table-footer .dataTables_length {
  margin-right: 32px;
}

div.material-table .table-footer .material-pagination {
  display: flex;
  -webkit-display: flex;
  margin: 0;
}

div.material-table .table-footer .material-pagination li:first-child {
  margin-right: 24px;
}

div.material-table .table-footer .material-pagination li a {
  color: rgba(0, 0, 0, 0.54);
}

div.material-table .table-footer .select-wrapper input.select-dropdown {
  margin: 0;
  border-bottom: none;
  height: auto;
  line-height: normal;
  font-size: 12px;
  width: 40px;
  text-align: right;
}

div.material-table .table-footer select {
  background-color: transparent;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  height: auto;
  margin-left: 20px;
}

div.material-table .table-title {
  font-size: 20px;
  color: #000;
}

div.material-table table tr td {
  padding: 0 0 0 56px;
  height: 48px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: solid 1px #DDDDDD;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.material-table table tr td a {
  color: inherit;
}

/* div.material-table table tr td a i {
  font-size: 30px;
  margin-left:7px;
  color: rgba(0, 0, 0, 0.54);
} */



div.material-table table tr {
  font-size: 12px;
}

div.material-table table th {
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
  height: 56px;
  padding-left: 56px;
  vertical-align: middle;
  outline: none !important;
}

div.material-table table th.sorting_asc,
div.material-table table th.sorting_desc {
  color: rgba(255, 255, 255, 1);
  text-shadow:1px 1px 2px #333;
}

div.material-table table th.sorting:after,
div.material-table table th.sorting_asc:after,
div.material-table table th.sorting_desc:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  content: "arrow_back";
  transform : rotate(90deg);
 -webkit-transform: rotate(90deg);
  display: none;
  vertical-align: middle;
}

div.material-table table th.sorting:hover:after,
div.material-table table th.sorting_asc:after,
div.material-table table th.sorting_desc:after {
  display: inline-block;
}

div.material-table table th.sorting_desc:after {
  content: "arrow_forward";
}

div.material-table table tbody tr:hover {
  background-color: #EEE;
}

div.material-table table th:first-child,
div.material-table table td:first-child {
  padding: 0 0 0 24px;
}

div.material-table table th:last-child,
div.material-table table td:last-child {
  padding: 0 14px 0 0;
}



/************** DROPDOWN ***********************/

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.dropdown-content:focus {
  outline: 0;
}

.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
}

.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee;
}

.dropdown-content li:focus {
  outline: none;
}

.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #000;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}