.login a{
  color:#3e90d0;
}

.contacts > .profile-image{
  border-radius:40px;
  width:40px;
  float:right;
  padding-bottom: 0px;

}

.bg-danger, .bg-success {
  padding: 0 5px;
}

/* label color */
.input-field label {
/* color: #cdcdcd;
*/   }

/* label focus color */
.input-field input[type=text]:focus + label {
  color: #009688;
}

/* label underline focus color */
.input-field input[type=text]:focus {
  border-bottom: 1px solid #009688;
  box-shadow: 0 1px 0 0 #009688;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #3e90d0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.footer a{
  color:#cdcdcd !important;
  margin-top:10px;
  display:inline-block;
}
.card-content a{
  word-break:break-all;
}

img.profile-image {
    box-shadow: 0 0 10px #000000;
}

/* valid color */
.input-field input[type=text].valid {
  border-bottom: 1px solid #009688;
  box-shadow: 0 1px 0 0 #009688;
}

/* invalid color */
.input-field input[type=text].invalid {
  border-bottom: 1px solid #009688;
  box-shadow: 0 1px 0 0 #009688;
}

/* icon prefix focus color */
.input-field .prefix.active {
 color: #009688;
}

#profile_image img{
  height:100%;
}

.btn:focus, .btn-large:focus, .btn-floating:focus{
  background:#007368;
}

.tabs .indicator {
    background-color: #007368 !important;
}

.tabs .tab a:hover, .tabs .tab a.active, .tabs .tab a {
    background-color: transparent;
    color: #007368;
}

.input-btn{
  margin-top:23px;
}

.work-order p{
  word-break:break-word;
}

.order-title {
    color: #009688;
    font-weight: 300;
}

  h6.order-title{
    font-weight:bold;
  }

.autocomplete-content{
  position:absolute;
  width:100%;
}

.work-order{
  padding:10px;
}

.work-order p{
  padding:4px 0px;
}

.work-order .details{
  font-family:'Roboto';
  padding-top:30px;
  color: #00695f;
  font-weight: 600;
  text-transform:uppercase;
}

.order-status {
    text-align: center;
    color: white;
    padding: 4px;
    margin-top: 30px;
    margin-bottom: -10px !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 1em;
}

a {
  text-decoration: none;
}



.card{
  /* padding:10px; */
}

.profile-card{
  padding:0px;
}

a .btn{
  color:white !important;
}


input{
  /*color:white;*/
}

/*.login{
  position:relative;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
*/
.header-title{
    background:#1E262B;
    height:100px;
}
.logo-wrapper{
  text-align:center;
}

hr.work-order-separator {
    margin: 20px 0px;
    border: 0px;
    border-bottom: 2px solid #f1f1f1;
}

.login-logo{
  width:33%;
  opacity:1;
}

.login-btn{
  width:100%;
}

i.waves-effect.waves-light.btn.login-btn.waves-input-wrapper{
  padding:0px;
}

.modal .modal-content {
    padding: 24px;
    box-sizing: border-box;
}

.login-btn input{
  width:100%;
  height:100%;
}

i.tiny {
    font-size: 1rem;
    position: relative;
    top: 3px;
}

.login-helper-links{
  padding-top:14px;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    max-width:100%;
    margin-left: -266px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 50px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 50px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 50px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 50px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 50px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.sidebar-nav a{
  display:block;
  width:100%;
  padding:20px;
  vertical-align:middle;
  color:rgba(255,255,255,.65);
}
.sidebar-nav a:hover{
  background-color: rgba(255,255,255,.04);
  color:white;
  text-decoration:none;
}

.mobile-menu{
  position:absolute;
  top:18px;
  left:6px;
  color:white;
}

.glass{
  background:rgba(255,255,255,1);
  border-radius:5px;
  padding:40px 20px !important;
  -moz-box-shadow:    0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}


.dash-indicator{
  font-size:60px;
}

.timeline-editor, .timeline-editor input{
  color:black;
}


.mobile-menu{
  display:none;
}

table.bordered>thead>tr, table.bordered>tbody>tr {
    border-bottom: 1px solid rgba(208, 208, 208, 0.09);
}


/*.material-icons {
    position: relative !important;
    top: 3px !important;
}
*/
.search-wrapper{
  width:300px;
  display:inline-block;
}

input#search {
    height: 64px;
    position: absolute;
}
.header-search-icon{
  position:absolute !important;
  top: 2px !important;
  left: 40px !important;
}

input.header-search-input {
    padding: 8px 8px 8px 72px;
    width: 100%;
    background: rgba(255,255,255,0.3);
    height: 24px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border: none;
    font-size: 16px;
    appearance: textfield;
    font-weight: 400;
    outline: none;
    border-radius: 3px;
    display:inline-block;
    width:100%;
    margin-left:20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.cd-timeline-content{
  color:#909090;
}

.cd-timeline-content .cd-date {
  color:white;
  opacity:1;
}
.timeline-client-info{
  position:fixed;
}

.search-form{
  position:relative;
  right:12px;

}
.modal{
  max-height:80%;
  margin-top:40px;
}

.modal-content input{
  color:black;
}

.client-info{
  position:fixed;
  border:2px solid red;
}


.cd-timeline-img {
    width: 60px;
    height: 60px;
    left:inherit;
    right: 100%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

#cd-timeline::before{
  right:100%;
}

.cd-timeline-content{
  width:90%;
}
.cd-timeline-content::before{
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
}

.cd-timeline-content{
  float:right;
}

#cd-timeline::before{
  left:inherit;
  right:100%;
  margin-left:-40px;
}

#cd-timeline{
  padding:0px;
  margin:0px;
}

.cd-timeline-block {
    margin: 4em 26px;
}

.modal .modal-content {
    padding: 24px;
    box-sizing: border-box;
}

.card{
  color:black;
}
.profile-card{
  margin-top:50px;
}
.card-content p{
  padding:6px;
  font-size:12px;
}
.profile-options{
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #232323 !important;
    font-size: 20px;
    display: block;
    padding: 15px 20px;
    margin-right: 0px !important;
}

.profile-image-container .row{
  padding:0px;
  margin:0px;
}

.profile-image {
    width: 100%;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    padding: 0px !important;
    border: 4px solid #efefef;
    display: block;
    background: #fff;
    z-index:99;
}
.card a{
  /*color:#26a69a !important;*/
}
.card .card-content{
    padding: 16px 24px;
    min-height: 220px;
}

.card-image img{
  /*border:4px solid #dfdfdf;*/
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

.advanced-add-lead{
  color:black;
}

.modal-content{
  color:#777777;
}

.timeline-editor{
  z-index:9999;
}
.cd-timeline-img{
  left:50px;
}
#cd-timeline::before{
  margin-left:0;
  left:74px;
}
.card-content{
  padding:20px;
}
.tab-content{
  color:black;
}

.report-icons .card{
  opacity:0.9;
}

.report-icons i.material-icons{
  font-size:2em !important;
  color: #808080;
}

.report-icons p {
    font-size: 13px;
    margin-top: 10px;
    color: #808080;
}

.report-icons h4{
  color:teal;
  font-size:20px;
  opacity:.8;
}


fieldset.title {
    border-top: 1px solid #aaa;
    border-bottom: none;
    border-left: none;
    border-right: none;
    display: block;
    text-align: center;
    opacity:0.5;
    color:white;
}

fieldset.title legend {
    padding: 5px 10px;
    font-weight: 500;
}



.cd-timeline-img img {
    display: block;
    width: 44px;
    height: 44px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -20px;
}



.cd-email, .cd-phone, .cd-local, .cd-text{
  background: #00796B;
}


@media (max-width:767px) {

    #wrapper {
      padding-left: 0;
    }

    #sidebar-wrapper {
      left: 0;
    }

    #wrapper.active {
      position: relative;
      left: 250px;
    }

    #wrapper.active #sidebar-wrapper {
      left: 250px;
      width: 250px;
    }
    .mobile-menu{
      display:block;
    }

}



@media all and (max-width: 1470px) and (min-width:1000px) {

}

@media all and (max-width: 999px) and (min-width:600px) {

}

@media all and (max-width: 600px) and (min-width:200px) {


  .checkout-btn{
   padding: 0 5px!important;
  }
  .modal{
    top:0%;
    margin-top:0px;
  }

  .modal .modal-footer{
    margin-bottom:50px;
  }
  .login{
    /*left:inherit;*/
    /*transform: translate(0%, -50%);*/
  }
  .dash-data{
    font-size:20px;
    margin:0;
  }
  .search-wrapper{
    display:none !important;
  }

  #snackbar {
      max-width:100%;
      margin-left: -50%; /* Divide value of min-width by 2 */
  }

  input#search {
    height: 56px;
  }

  .timeline-editor{
    position:inherit;
  }

  .timeline-client-info{
    position:inherit;
  }

  .modal{
    width:100%;
  }

  .tabs .tab a{
      font-size: 11px;
  }

  .work-order .btn{
    margin-top:20px;
  }

  .container .row {
    margin-left: -.75rem;
    box-sizing: border-box;
    margin-right: -.75rem;
    margin: 10px 0px;
  }

  .container{
    /* padding-bottom:100px; */
  }


  #cd-timeline::before {
      margin-left: 0;
      left: 24px;
  }

  .cd-timeline-img {
      left: -3px;
  }

  .cd-timeline-content {
      width: 90%;
  }

  .cd-container {
      width: 100%;
      max-width: 1170px;
  }

  .cd-timeline-block {
      margin: 4em 16px;
      margin-left: 30px;
  }

  .cd-timeline-content {
      width: 90%;
      position: relative;
      left: 12px;
  }

  .cd-timeline-content h2{
    font-size:1.56rem;
  }

  a.btn.waves-effect.white.teal-text {
      width: 100%;
      box-sizing: border-box;
      margin: 5px 0px;
  }



  .modal{
    padding-bottom: 70px;
  }
  .col.s12{
    margin-top:20px;
  }

}


input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
  box-shadow:none;
}

/* Main Styles */
.btn, .btn-large{
  background-color:#3e90d0;
}

.input-field .prefix.active{
    color:#3e90d0;
 }

 .input-field input[type=text]:focus{
  border-bottom: 1px solid #3e90d0;
 }

 [type="checkbox"].filled-in:checked+label:after{
    border: 2px solid #3e90d0;
    background-color: #3e90d0;
 }


.little-title{
  font-size:1.5em;
  font-weight:500;
}

.logo-wrapper{
  margin-top:30px;
}

.login-flavor p{
  font-size:1.2em;
  margin-bottom:6px;
}
.store-column-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #757575;
    padding-top: 4px;
    padding-bottom: 12px;
}

.store-card{
  margin-top:70px;
  padding-top:40px;
}

.store-card hr{
  background:#ededed;
  display:block;
  width:100%;
  height:8px;
  margin-top:30px;
  border:0px;
}


footer p{
  margin-top:20px;
}

  .container{
    /* min-height:80vh; */
  }

.clear-store{
  clear:both;
  margin-top:20px;
}


nav .button-collapse i {
    height: 56px;
    line-height: 56px;
    color: black;
}
.dashboard-btn{
  margin-top:10px;
}

.dropdown-content{
  max-height:300px;
}

.mobile-brand-logo {
    display: block;
    float: right;
    width: 60px;
    padding: 10px;
}


/* Hover and effects */
.btn:hover, .btn-large:hover {
    background-color: #64B5F6 !important;
}

.switch label input[type=checkbox]:checked+.lever{
  background-color: #64B5F6 !important;
}

.switch label input[type=checkbox]:checked+.lever:after{
  background-color: #3e90d0;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
  border-bottom: 1px solid #3e90d0;
}


.btn:focus, .btn-large:focus, .btn-floating:focus{
  background:#64B5F6 !important;
}

.input-field input[type=text]:focus + label,.dropdown-content li>a, .dropdown-content li>span, input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
  color:#64B5F6 !important;
}


body{
  background:#f3f3f3;
}

body {
    /*background-image: url(/img/login-bg.jpg);*/
    background-image: url(/img/bg-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
    padding-bottom: 20px;
    height: 100%;
}

.store-clear{
  clear:both;
  margin-top:10px;
}

.bold{
  font-weight:bold;
}

.swal2-buttonswrapper button{
  margin:10px;
}


.checkout-detail{
  margin-top:10px;
}



/*.store-item-row:hover{
  background: rgba(0, 0, 0, 0.02);
  cursor:pointer;
}*/

.clbo{
  clear:both;
}

hr {
    border: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

.btn-danger{
  background-color:#bb2f2f;
}

.btn-danger:hover{
    background-color:#e03b3b;
}

.variant-btn{
  margin-top:26px;
}



[type="checkbox"]:checked+span:not(.lever):before{
  border-right: 2px solid #3e90d0;
  border-bottom: 2px solid #3e90d0;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #3e90d0 !important;
    background-color: #3e90d0 !important;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #3e90d0;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #3e90d0;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #3e90d0;
}

.datepicker-date-display, .datepicker-table td.is-selected{
      background-color: #3e90d0 !important;
}

.datepicker-day-button:focus, .month-next:focus, .month-prev:focus{
  background:none;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done, .datepicker-table td.is-today{
  color:#3e90d0 !important;
}

.swal2-container .select-wrapper {
  display: none !important;
}