/*General*/
.flex-c-c{display: flex;justify-content: center;align-items: center;}

/*Login*/
.login-wrapper{background-color: #000000;}
.login-wrapper .bg-pic > img{opacity: .8;}
.login-wrapper .login-container{background-color:rgba(255,255,255,1);}

/*Index*/
.page-container .page-content-wrapper .content{
	overflow: hidden;
}

/*Text Color White*/
.lbl_work_complete > p,
.lbl_work_cancel > p,
.lbl_work_arrive > p,
.lbl_work_on_the_go > p,
.lbl_work_arrive > p,
.lbl_work_confirm > p,
.lbl_work_pending > p,
label.lbl_work_complete,
label.lbl_work_cancel,
label.lbl_work_arrive,
label.lbl_work_on_the_go,
label.lbl_work_arrive,
label.lbl_work_confirm ,
label.lbl_work_pending {color: #fff}

/*Text Color Dark*/
.lbl_work_complete > h4.lbl,
.lbl_work_cancel > h4.lbl,
.lbl_work_arrive > h4.lbl,
.lbl_work_on_the_go > h4.lbl,
.lbl_work_arrive > h4.lbl,
.lbl_work_confirm > h4.lbl,
.lbl_work_pending > h4.lbl{color: #333}

/* Background Colors */
.lbl_work_complete > p,label.lbl_work_complete,.lbl_work_complete > h4.lbl{background-color: #48cfad;} /* Green */
.lbl_work_cancel > p,label.lbl_work_cancel,.lbl_work_cancel > h4.lbl{background-color: #ed5565;} /* Red */
.lbl_work_arrive > p,label.lbl_work_arrive,.lbl_work_arrive > h4.lbl{background-color: #ccd1d9;} /* Grey */
.lbl_work_on_the_go > p,label.lbl_work_on_the_go,.lbl_work_on_the_go > h4.lbl{background-color: #f6bb42;} /* Autoduder */
.lbl_work_arrive > p,label.lbl_work_arrive,.lbl_work_arrive > h4.lbl{background-color: #4fc1e9;} /* Light Blue */
.lbl_work_confirm > p,label.lbl_work_confirm ,.lbl_work_confirm > h4.lbl{background-color: #fc6e51;} /* Pomegranade */
.lbl_work_pending > p,label.lbl_work_pending ,.lbl_work_pending > h4.lbl{background-color: #434a54;} /* Black */
/*Background Colors End*/

/*Force Labels*/
h4.lbl{background-color: #f5f5f5 !important;color: #333!important;border:1px solid #ddd;}

/* Paddings */
.lbl_work_complete > p,
.lbl_work_cancel > p,
.lbl_work_arrive > p,
.lbl_work_on_the_go > p,
.lbl_work_arrive > p,
.lbl_work_confirm > p,
.lbl_work_pending > p,
label.lbl_work_complete,
label.lbl_work_cancel,
label.lbl_work_arrive,
label.lbl_work_on_the_go,
label.lbl_work_arrive,
label.lbl_work_confirm ,
label.lbl_work_pending ,
.lbl_work_complete > h4.lbl,
.lbl_work_cancel > h4.lbl,
.lbl_work_arrive > h4.lbl,
.lbl_work_on_the_go > h4.lbl,
.lbl_work_arrive > h4.lbl,
.lbl_work_confirm > h4.lbl,
.lbl_work_pending > h4.lbl{padding: 5px 10px;border-radius: 5px;}


h4.lbl {
    margin :0px;

}
#map {
    width: 100%;
    height: 600px;
    margin-left:10px;
}

.pac-container {
    background-color: #FFF;
    z-index: 10000;
    position: fixed;
    display: inline-block;
    float: left;
}
.modal{
    z-index: 1000;
}
.modal-backdrop{
    z-index: 10;
}

.border-header {
    border-bottom: 1px solid #6d5cae;
}

.available-access {
    color: #82d937;
}
.not-available-access {
    color:red;
}

.notife-icons {
    font-weight: normal!important;
    font-size: 11px!important;
    text-transform: capitalize!important;
}

.access-points{
    background: white;
    border: 1px solid #e1e1e1;
    width: 123px;
    height: 118px;
    padding-top: 10px;

}

.address-details {
    background-color: #f3f3f3;
    height: 600px;
    padding-top: 16px;
    border: 1px solid #e5e5e5;
}

.plate-details {
    background-color: #f3f3f3;
    padding-top: 16px;
    border: 1px solid #e5e5e5;
    min-height: 130px;
}




h1 {
  margin: 2em 0 0;
  font-size: 2em;
  font-family: helvetica, ariel, sans-serif;
  text-align: center;
}

h2 {
  margin: 1em 0 2em;
  font-size: 1.4em;
  font-family: helvetica, ariel, sans-serif;
  text-align: center;
}

.battery-item {
    text-align: center;
    /* display: table-cell; */
    margin: auto;
}

.battery-item input {
    width:22px;
    height:22px
}
.baterry-wrapper {
    display: flex;
    height: 100%;
    background-color: #f3f3f3;
}

.baterry-specs {
    background-color: white;
}
.accepted_color {
    background-color: #82d937;
}
.vehicle-details {
    margin-bottom:30px
}

.vehicle-details h5 {
    border-bottom: 1px solid #3b4752;
}

.nest  {
    border-bottom: 1px solid #3b4752;
    margin-bottom: 25px;
}

#msg-client-part {
    margin-top:40px;

}

.form-group.required label:after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 13px;
    top: -33px;
    padding-left: 3px;
}

.blocked {
    opacity: 0.5;
    pointer-events: none;
}

.no-back-details {
    height: 600px;
    padding-top: 16px;
}