@charset "utf-8";

/* CSS Document */


/*** bootstrap ***/
a, button { 
    outline:none !important;
    cursor: pointer;
}
img{
	max-width:100%;
}


.main-content{
    padding-top: 150px;
    padding-bottom: 150px;
}

.site-content{
    float: left;
    width: 100%;
}

.full-width{
    width: 100%;
    float: left;
}

.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}

.mg-bt-0{
    margin-bottom: 0px !important;
}
.mg-bt-10{
    margin-bottom: 10px !important;
}

.mg-bt-20{
    margin-bottom: 20px !important;
}
.mg-bt-30{
    margin-bottom: 30px !important;
}
.mg-bt-40{
    margin-bottom: 40px !important;
}
.mg-rh-10{
    margin-right: 15px !important;
}

.no-padding{
    padding: 0 !important;
}
.no-padding-rh{
    padding-right: 0 !important;
}
.no-padding-lf{
    padding-left: 0 !important;
}
.padding-lf-rh-10{
    padding-right: 10px !important;
    padding-left: 10px !important;
}


.LimoLabsIcabbiTrackingApp{
    width: 100%;
    float: left;
}

.full-screen{
    position: fixed;
    height: 100%;
    width: 100%;
}
img{
    max-width: 100%;
    height: auto;
}


/********************* View ***********************/
.map-view{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.angular-google-map{
    height: 100%;
}

.navigation-view{
    position: absolute;
    bottom: 30px;
    width: 100%;
    z-index: 2;
    left:0;
}
.navigation-box{
    background: #ffffff;
    width: 100%;
    float: left;
    box-shadow: 0 1px 7px #000; 
}
.nav-box-00{
   width: 100%;
    float: left;
    padding: 5px 15px;
    box-sizing: border-box; 
    border-bottom: 1px solid #808088;
}
.nav-box-01{
    width: 100%;
    float: left;
    padding: 8px 10px;
    box-sizing: border-box;
}
.nav-box-02{
    width: 100%;
    float: left;
    padding:0;
    box-sizing: border-box;
    border-top: 1px solid #808088;
}
.nav-box-03{
    width: 100%;
    float: left;
    padding: 0;
    box-sizing: border-box;
    border-top: 1px solid #808088;
}

h4.ride-status{
    font-size: 13px;
    font-weight: 400;
    font-family: Open Sans, sans-serif;
    margin: 0;
    width: 100%;
    float: left;
    /*color: #ad3232;*/
    padding: 4px 0;
    margin: 0;
    text-align: center;
}

.driver-photo-box{
    width: 30%;
    float: left;
    box-sizing: border-box;
    padding-right: 15px;
}
.driver-photo-box img{
    border-radius: 50%;
    border: 1px solid #808088;
}
.driver-info{
    float: left;
    width: 70%;
    box-sizing: border-box;
}
.driver-info h1{
    font-size: 17px;
    font-weight: 500;
    font-family: Open Sans, sans-serif;
    margin: 0;
    width: 100%;
    float: left;
    color: #4a4a56;
}
.driver-info h3{
    font-size: 12px;
    font-weight: 200;
    font-family: Open Sans, sans-serif;
    margin: 0;
    width: 100%;
    float: left;
    color: #8a8a91;
    margin: 2px 0px 10px;
}
.driver-info h4{
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    width: 100%;
    float: left;
    color: #4a4a56;
    margin: 2px 0px 5px;
}
.call-btn{
    background: #595968;
    border: 1px solid #595968;
    padding: 4px 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    border-radius: 25px;
    float: left;
}
.call-btn:hover,
.call-btn:focus{
    text-decoration: none;
    color: #595968;
    background: none;
}


.btn-custom{
    background: #fff;
    color: #4a4a56;
    text-transform: uppercase;
    font-weight: 200;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-align: center;
    width: 33.33334%;
    float: left;
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #808088;
    border-right: none;
    box-shadow: none;
    padding: 7px 0;
}
.btn-custom:first-child{
    border-left: none;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.active,
.btn-custom:active{
    background: #4a4a56;
    color: #fff;
    text-decoration: none;
}
.btn-custom i{
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
}

.btn-refresh{
    width: 100%;
    float: left;
    font-weight: 200;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    text-align: center;
    padding:8px 5px;  
    background: #fff;
    border: none;
    box-shadow: none;
    color: #4a4a56;
}
.btn-refresh i{
    font-size: 15px;
    margin-right:10px;
    position: relative;
    top: 3px;
}
.btn-refresh i.rotate{
    -webkit-animation:spin 0.5s linear infinite;
    -moz-animation:spin 0.5s linear infinite;
    -ms-animation:spin 0.5s linear infinite;
    -o-animation:spin 0.5s linear infinite;
    animation:spin 0.5s linear infinite;
}
@-webkit-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-ms-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-o-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.swipe-navigation{
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.swipe-down{
   -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
}
.swipe-down.isSared{
   -webkit-transform: translateY(47px);
       -moz-transform: translateY(47px);
        -ms-transform: translateY(47px);
         -o-transform: translateY(47px);
            transform: translateY(47px);
}


/* Spinner
**************************************************************/
@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 2s infinite linear;
    -webkit-animation: three-quarters-loader 2s infinite linear;
    animation: three-quarters-loader 2s infinite linear;
    border: 2px solid #eee;
    border-right-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    position:relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 53px;
    height: 53px;
    top: 0px;
    left: 0px;
}
.hideLoaderPin .three-quarters-loader{
    border: none;
}

.map-icon-pin-box{
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}

.map-pin-text{
    z-index: 999;
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 11px;
    width: 100%;
    text-align: center;
}
.map-pin-text span{
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}
.map-pin-text span.est{
    font-size: 12px;
}
/* Review page 
**************************************************************/

h1.titlePage{
	color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    font-size:54px;
    font-weight:200;
    margin-bottom: 25px;
    text-align: center;
}

.review-view{
    margin-top: 25px;
}

.review-info{
    color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.review-info span{
    font-weight: 600;
}

.experience-box{
    text-align: center;
    margin: 20px 0 25px;
    float: left;
    width: 100%;
}
.experience-box p{
    color: #bdbdbd;
    font-size: 17px;
    margin-top: 5px;
}
.experience-box i.glyphicon{
    font-size: 60px;
    color: #dfdfdf;
    margin: 0 3px;
    cursor: pointer;
}
.experience-box i.glyphicon-star{
    color: #fdd652;
}

.other-rates-list{
    margin: 0 0 20px;
    float: left;
    width: 100%;
}
.other-rates-list li{
    float: left;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
}
.other-rates-list li:last-child{
    border-bottom: none;
}
.other-rates-list li .text{
    float: left;
    font-weight: 600;
    font-size: 16px;
}
.other-rates-list i.glyphicon{
    font-size: 18px;
    color: #dfdfdf;
    cursor: pointer;
    margin: 0 2px;
}
.other-rates-list i.glyphicon-star{
    color: #fdd652;
}

.limoLabsReviewThenkYou{
    padding: 40px 0;
}

.check-box{
    padding: 0px;
    margin-bottom: 20px;
}
.btn-center{
    width: 300px;
    float: none;
    margin: 0 auto;
}

textarea.form-control{
    border:1px solid #dcdfe0;
    border-radius: 0px;
    box-shadow:none;
    color: #161616;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 100px;
    line-height: 1.42857;
    padding: 7px 9px;
    vertical-align: middle;
    outline:none;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
} 
/********************** BTN ********************************/

.customBtnBooking{
   font-family: "Source Sans Pro",sans-serif;
    background:#fdd652;
    border-radius: 0px;
    color: #171717;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 15px 32px;
    border: 1px solid #fdd652;
    text-shadow: 0 1px 1px rgba(158, 14, 22, 0.34);
    text-transform: uppercase;
    
    -webkit-transition:all, 0.6s, ease-in-out, 0s;
      -moz-transition: all, 0.6s, ease-in-out, 0s;
       -ms-transition: all, 0.6s, ease-in-out, 0s;
        -o-transition: all, 0.6s, ease-in-out, 0s;
           transition: all, 0.6s, ease-in-out, 0s;
}

.customBtnBooking:hover,
.customBtnBooking:focus{
    background:none;
    color:#333;
    text-decoration:none;
}

.customBtnBookingLight{
   font-family: "Source Sans Pro",sans-serif;
    background:none;
    border-radius: 0px;
    color: #333;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 15px 32px;
    border: 1px solid #fdd652;
    text-shadow: 0 1px 1px rgba(158, 14, 22, 0.34);
    text-transform: uppercase;
    
    -webkit-transition:all, 0.6s, ease-in-out, 0s;
      -moz-transition: all, 0.6s, ease-in-out, 0s;
       -ms-transition: all, 0.6s, ease-in-out, 0s;
        -o-transition: all, 0.6s, ease-in-out, 0s;
           transition: all, 0.6s, ease-in-out, 0s;
}

.customBtnBookingLight:hover,
.customBtnBookingLight:focus{
    background:#fdd652;
    color:#171717;
    text-decoration:none;
}

h5.shareText{
    color: #161616;
    font-size: 20px;
    font-weight: 500;
    font-family:"Source Sans Pro",sans-serif;
    text-transform: none;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 10px;
}


/* WP-ADMIN
******************************************************************/

.wp-admin-css .table > tbody > tr > td{
    border: none;
}
.wp-admin-css .table > tbody > tr{
    border-bottom: 1px solid #c8c8c8;
}

.wp-admin-css .checkbox-wp-admin{
     margin-left: 10px;
    position: relative;
    top: -2px;
}
.wp-admin-css select{
    height: 34px;
}
.wp-admin .border-bottom{
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}
.wp-admin-css div.ui-grid-cell input[type="checkbox"]{
	height: 17px;
    margin-top: 0;
}