.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}
@media (max-device-width:480px) and (orientation:landscape){
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}

.nav-wrapper .button-collapse {
    color: black;
}

div.modal-content {
    height: 400px;
}
.top-100 {
    margin-top: 90px;
}
.bottom-20{
    margin-bottom: 20px;
}
#logo-container img {
    z-index: 9999;
    width: 130px;
}
ul#nav-mobile {
    z-index: 9999;
}
a:hover {
    text-decoration: none !important;
}
.center-x {
             margin-top: 90px !important;   
}
.light-blue.lighten-1 {
    background-color: #fff !important;
    /* border: solid 1px red; */
    padding-bottom: 10px !important;
    min-height: 70px;
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
/* profil image  */
.roundedImage {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 80px;
    height: 80px;
    display: block;
    border: solid  1px #808080;
    margin:  0 auto;
}
.item-profil,.item-profil:hover{
    background: #fff !important;
}
.item-profil p {
    color: #4f4e4e;
    text-align: center;
}
li.item-active-nav, li.item-active-nav a {
    background: #6e6d6d !important;
    color: #fff !important;
}
.side-nav li{
        line-height: 0;
}
/* logo */
#logo-container{
 left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
button#logout {
    margin: 0 auto;
    display: block;
}
li.item-profil {
    height: 170px;
    margin-top: 10px;
    padding-bottom: 3px;
    border-bottom: solid 1px #f4efef;
}
.side-nav a {
    font-size: 14px;
}
/* lst jobs */

.collection{
  
}
.clr--green{
    color: green !important;
}
.clr--red{
    color: red !important;
}
footer, header, #list {
    padding-left: 240px;
}


#status_job{
    margin-right: 8px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}


.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

/*
.cl-yellow{
  color: #f6dd2f !important;
}
*/

.item.bg-yellow {
    background-color: #f6dd2f !important;
    padding-top: 15px;
    width: 280px;
}

.item.bg-green{
     background-color: #26a69a !important;
    padding-top: 15px;
    width: 280px; 
}
.cl-green{
  color:#fff !important;
}


.bg-annonce {
    background: url("../images/annonces.jpg") no-repeat;
    background-size: cover;
}

.bg-annonce p {
    color: white;
    text-align: center;
}
[v-cloak] > * { display:none }
[v-cloak]::before { content: "loading…" }