:root {
  --yellow-mail: #e2c106;
  --button-phone : #6fa509;
  --button-addobject : #1780d1;
  --dark-bg : #6a666657;
  --button-lineedit : #bbbcc1;
  --black-bg : #343a40;
}
.bgblue{background: #428bca}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.mr10{margin-right: 10px;
}
.tupper{text-transform: uppercase;}
.tbold{font-weight: 800;}

.twhite{color:#FFF;}

select{
  max-width: 100%;
}
a.mailClient{
  border : 1px solid var(--yellow-mail);
  padding : 5px 10px;
  border-radius: 20px;
  background: var(--yellow-mail);
  color:#fff;
  text-decoration: none;
  display: inline-block;
  margin:5px;
}
a.mailClient:hover{
  background: #fff;
  color:var(--yellow-mail);
}


a.phoneClient{
  border : 1px solid var(--button-phone);
  padding : 5px 10px;
  border-radius: 20px;
  background: var(--button-phone);
  color:#fff;
  text-decoration: none;
  display: inline-block;
  margin:5px;
}
a.phoneClient:hover{
  background: #fff;
  color:var(--button-phone);
}

a.addObjectButton{
  border : 1px solid var(--button-addobject);
  padding : 5px 10px;
  border-radius: 20px;
  background: var(--button-addobject);
  color:#fff;
  text-decoration: none;
  display: inline-block;
  margin:5px;
}
a.addObjectButton:hover{
  background: #fff;
  color:var(--button-addobject);
}


tr.darkline td {
  background-color: var(--dark-bg);
}



.dflex{
  display: flex;
}

.addressBox{
  border:1px solid #1373B5;position:relative;padding:15px;padding-top:30px;
}

.addressBox > h4{
  position:absolute;top:-15px;left:15p;background:#1373B5;padding:5px 20px;color:#fff;text-transform:uppercase;font-size:15px;line-height:15px;"
}

.addressBox .leftTd{
  vertical-align:top !important;padding-top:5px;padding-bottom:5px;
}
.addressBox .rightTd{
  vertical-align:middle !important;padding-top:5px;padding-bottom:5px;
}

.statusProduction{
  font-size:14px;padding:5px 15px;text-transform:uppercase;
}

.tableHead{
  background:#1373B5;border-color:#1373B5;color:#FFF;text-transform:uppercase;
}



td.dark{
  background: var(--black-bg);
  color:#FFF;
}



/* form starting stylings ------------------------------- */
.group{
  position:relative;
  margin-bottom:45px;
}
.group  input 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
}
.group  input:focus 		{ outline:none; }

/* LABEL ======================================= */
.group  label 				 {
  color:#999;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

/* active state */
.group  input:focus ~ label,
.group  input:not(:empty) ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#5264AE;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%;
}

/* active state */
.group  input:focus ~ .bar:before,.group  input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%;
  width:100%;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.group  input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}


md-dialog md-dialog-content {
  padding:25px;
}

button.editCardThirdparty{
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  border:none;
}

button.addObjectButton{
  border : 1px solid var(--button-addobject);
  padding : 5px 10px;
  border-radius: 20px;
  background: var(--button-addobject);
  color:#fff;
  text-decoration: none;
  display: inline-block;
  margin:5px;
}
button.addObjectButton:hover{
  background: #fff;
  color:var(--button-addobject);
}


button.lineEdit{
  border : 1px solid var(--button-lineedit);
  padding : 5px 10px;
  border-radius: 20px;
  background: var(--button-lineedit);
  color:#fff;
  text-decoration: none;
  display: inline-block;
  margin:5px;
}
button.lineEdit:hover{
  background: #fff;
  color:var(--button-lineedit);
}


td.middle,
th.middle{
  vertical-align: middle;
}


















#the_header{display: block;}
div.ng-scope{
	height: auto;
	background: none;
}

#the_header{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.1),inset 0 0 0 rgba(0,0,0,.1);
}

#header {
  padding: 2rem;
	background : #428bca
}

#menu {
  background: #428bca;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  transition: all 0.7s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 1100;
}
#menu.open {
  opacity: 1;
  visibility: visible;
}

#menu ul:hover a {
  opacity: 0.5;
}
#menu ul a {
  -webkit-transform: translateZ(0);
  transition: opacity 0.3s ease-in-out;
}
#menu ul a:hover {
  opacity: 1;
}
#menu .main-nav {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#menu .main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .main-nav a {
  color: #ffffff;
  display: block;
  font-size: 26px;
  padding: 1rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
}
#menu .main-nav a:first {
  padding-top: 0;
}
#menu .menu-footer {
  padding: 2rem;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
#menu .menu-footer ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .menu-footer ul li {
  display: inline;
  margin: 0 1rem;
}
#menu .menu-footer a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

#toggle-menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 50px;
  outline: none;
  padding: 0;
  pointer-events: initial;
  position: relative;
  vertical-align: middle;
  width: 50px;
z-index: 1000;
}
#toggle-menu span {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 13px );
  position: absolute;
  top: calc(50% - 1px );
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 26px;
}
#toggle-menu span:before, #toggle-menu span:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 26px;
}
#toggle-menu span:before {
  top: 7px;
}
#toggle-menu span:after {
  top: -7px;
}
#toggle-menu.active span {
  background-color: transparent;
  transition: background 0.2s ease-out;
}
#toggle-menu.active{
		position: fixed;
		z-index: 1900;
}


#toggle-menu.active span:before, #toggle-menu.active span:after {
  transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
}
#toggle-menu.active span:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}
#toggle-menu.active span:after {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}
.whiteLogo {
  filter: brightness(0) invert(1);
  margin-bottom: 10px;
}







#tiersAdd.form-group {
    margin-bottom: 1.5rem;
}
#tiersAdd .form-group label {
    font-size: 0.75rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem;
    display: inline-block;
}

#tiersAdd .form-control  {
    border: 1px solid  #e9e9e9;
    font-weight: 400;
    font-size: 0.875rem;
    height: auto;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.875rem 1.375rem;
    line-height: 1;
    color: #495057;
    background-color:#ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#tiersAdd  select{
  width: 100%;
  border: 1px solid  #e9e9e9;
  color: #495057;
  background-color:#ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 2px;

}


#tiersAdd .ng-invalid:not(:empty){
  border-color: #99222255;
}
#tiersAdd label{
  text-transform: uppercase;
}
#tiersAdd label.req{
  font-weight: 900;
}




.aligntdcenter td{
  vertical-align: middle !important;
}





.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
display: block;
}
.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
opacity: 100 !important;
}


a{
  cursor:pointer;
}

a:hover .entreepack{
  opacity:0.7;
}

.entrymdtabs{
  display: inline;
}

a.twhite:hover{
  color:#FFF;
}

a.toplinelink{
  align-self: center;
}

.toplinelink{
  display: inline-block;
  padding: 5px 25px
}

.survol {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.survol .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  top :0;
  left:0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.survol:hover .tooltiptext {
  visibility: visible;
}


@media (max-width: 767px) {#menu .main-nav a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  padding: 1rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
}}