.page--full_bg > .navigation-bar {
    /*background-color: transparent;*/ 
}
.navigation-bar--gradient{
        background: #A7BFE8;

}

body {
    height:100%;
}
@media only screen and (orientation: landscape) {
    .page--full_bg__background {
        /*background: url('../img/home-screen-bgs/w1334xh750.jpg') no-repeat;*/
        background-position: top center;
        background-size: 100% 100%;
    }

    .page--listingpage-bg__background {
        /*background: url('../img/listing-screen-bgs/w1334xh750.jpg') no-repeat;*/
        background-position: top center;
        background-size: 100% 100%;
    }
}
@media only screen and (orientation: portrait) {
    .page--full_bg__background {
        /*background: url('../img/home-screen-bgs/w750xh1334.jpg') no-repeat;*/
        background-position: top center;
        background-size: 100% 100%;
    }

    .page--listingpage-bg__background {
        /*background: url('../img/listing-screen-bgs/w750xh1334.jpg') no-repeat;*/
        background-position: top center;
        background-size: 100% 100%;
    }
}

/*.navigation-bar {
    background: #72964e;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyOTY0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZmMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #72964e 0%, #466f1e 100%);

background: -webkit-linear-gradient(top,  #72964e 0%,#466f1e 100%);

background: linear-gradient(to bottom,  #72964e 0%,#466f1e 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72964e', endColorstr='#466f1e',GradientType=0 );
}*/

.navigation-bar-red {


}

.navigation-bar-yellow {


}

.navigation-bar-orange {


}

.navigation-bar-blue {


}

.navigation-bar-green {


}

.navigation-bar-indigo {


}

.navigation-bar-violet {


}


.button-bar__item:first-child > .button-bar__button {    
    border-left: 1px solid #fff;
     border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.button-bar__item.active > .button-bar__button, *:checked + .button-bar__button {
    background-color: #466f1e;
    color: #fff;
    transition: none 0s ease 0s ;
}
.button-bar__item:last-child > .button-bar__button {
   
    border-left: 1px solid #fff;
     border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
        border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.button-bar__button {
    color:white;
}

.header-logo{
padding-top:10px;
padding-left:10px;
}

.profile-card {
  width: 100%;
  text-align: center;
  color: white;
  padding: 30px 0;
  line-height: 1.4;
  background-color: #33393c;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;
}

.profile-image {
  height: 170px;
  width: 170px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: black;
  border: 1px solid white;
  box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
}

.profile-name {
  margin: 20px 0 0 0;
  font-weight: 600;
  font-size: 17px;
}

.profile-id {
  margin: 0 0 5px 0;
  font-size: 14px;
  opacity: 0.6;
}

.profile-desc {
  font-size: 15px;
  opacity: 0.6;
  width: 90%;
  text-align: center;
  margin: 0 auto;
}

.info-col {
  height: 60px;
  line-height: 1;
  padding: 12px 0 12px 4px;
}

.info-num {
  font-size: 16px;
  font-weight: 500;
  opacity: 0.8;
}

.info-unit {
  margin-top: 6px;
  font-size: 14px;
  opacity: 0.4;
  white-space: nowrap;
}

.page--menu-page__background {
      background: #6190E8;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyOTY0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZmMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #6190E8 0%, #A7BFE8 100%);

background: -webkit-linear-gradient(top,  #6190E8 0%,#A7BFE8 100%);

background: linear-gradient(to bottom,  #6190E8 0%,#A7BFE8 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6190E8', endColorstr='#A7BFE8',GradientType=0 );
  color: white;
}

.menu-close,
.menu-close > .toolbar-button {
  color: #999;
}

.menu-list,
.menu-item:first-child,
.menu-item {
  background-color: transparent;
}

.menu-item {
  padding: 0 0 0 20px;
  line-height: 45px;
  height: 45px;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;
}

.menu-item:active {
  background-color: rgba(255, 255, 255, 0.1);
}

.menu-notification {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  min-width: 16px;
  font-weight: 600;
}

.bottom-menu-list,
.bottom-menu-item:first-child,
.bottom-menu-item {

  background-color: transparent;

}

.bottom-menu-item:active {
  background-color: rgba(255, 255, 255, 0.1);
}

.page--shop-details__content {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px !important;
  bottom: 0px;
}

.card {
  background-color: black;  
  background-repeat: no-repeat;
  -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
  background-position: center center;   
  color: white;
  height: 200px;
   position: relative;
}

.list{
    font-size :15px;
}

.card-toolbar ons-back-button span {
  color: white;
}

.card-position{
    position: absolute;
     bottom: 0;
    left: 0;
    padding-left :10px;
    z-index:9999;
}

.owl-carousel div h2, .owl-carousel div .textoverlay{
    position:absolute;
    color:#FFF;
   /*font-size:12px;*/
   display:block;
}


.card-name {
  font-weight: 900;
  font-size: 24px;
  /*//padding: 66px 0 8px 0;*/
  text-align: left;
}

.center{
    /*max-width:60%;*/
}

.card-desc {
  font-size: 18px;
  font-weight: 500;
  opacity: 0.9;
  text-align: left;
  line-height: 1.4;
}

.rating {
  text-align: center;
  position: relative;
  height: 0px;
}

.rating-num {
  position: relative;
  top: -24px;
  height: 24px;
  color: white;
  line-height: 24px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px 4px 0 0;
  padding: 0 6px;
  background-color: #eb482f;
  color: white;
  width: auto;
  margin: 0 auto 0 auto;
  display: inline-block;
}

.rating-num ons-icon {
  font-size: 11px;
  vertical-align: -0px;
}

.action-col {
  text-align: center;
  opacity: 0.4;
  padding: 10px 0 8px;
}

.action-col:active {
  opacity: 0.7;
}

.action-col ons-button {
  padding: 0;
  line-height: 1;
}

.action-icon {
  padding: 0 0 4px 0;
}

.action-icon ons-icon {
  font-size: 28px;
}

.action-label {
  font-size: 12px;
}

.prop-desc {
  font-size: 14px;
  opacity: 0.7;
}

.prop-desc ons-icon {
  font-size: 14px;
  vertical-align: -0px;
  opacity: 0.5;
}





.dashboard-col {
  text-align: center;
  opacity: 0.9;
  padding: 10px 0 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.dashboard-col:active {
  opacity: 0.6;
 -ms-transform: scale(0.8, 0.8); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */
    transform: scale(0.8, 0.8);
}


.dashboard-col ons-button {
  padding: 0;
  line-height: 1;
}

.dashboard-icon {
  padding: 0 0 4px 0;
}

.dashboard-icon ons-icon {
  font-size: 28px;
}

.dashboard-label {
  font-size: 12px;
}
.avator {
  width: 100px !important;
  height: 95px !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.name {
  font-weight: 600;
  line-height: 17px;
  font-size: 16px;
  margin-bottom: 4px;
  text-align:left;
}
.button{
    white-space:unset !important;
}
.location {
  font-size: 14px;
  margin-bottom: 6px;
}

.login-form {
  text-align: center;
  width: 80%;
  margin: 60px auto 0;
}

input[type=email], input[type=password] {
  display: block;
  width: 100%;
  margin: 0 auto;
  outline: none;
  /*height: 100%;*/
  padding-top: 15px;
  padding-bottom: 16px;
}

.login-button {
  width: 100%;
  margin: 0 auto;
}

.forgot-password {
  display: block;
  margin: 8px auto 0 auto;
  font-size: 14px;
}


#floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }
      #right-panel {
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }

      #right-panel select, #right-panel input {
        font-size: 15px;
      }

      #right-panel select {
        width: 100%;
      }

      #right-panel i {
        font-size: 12px;
      }
      #right-panel {
        height: 250px;
        overflow: auto;
      }

      #floating-panel {
        background: #fff;
        padding: 5px;
        font-size: 14px;
        font-family: Arial;
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
        display: none;
      }
      @media print {
        #map {
          height: 500px;
          margin: 0;
        }
        #right-panel {
          float: none;
          width: auto;
        }
      }
    




@media (min-width:641px)  { 
    /*portrait tablet*/
    .card {
         height: 400px !important;
    }
}
@media (min-width:961px) {
    /*landscape tablet*/
    .card {
         height: 350px !important;
    }
}