/* ALL PAGE STUFF */
body{
  background-color: white;
  font-family: 'Roboto', sans-serif;
  color: #131517;
  font-weight: 400;
}

.container {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

@media (min-width: 820px) {
  .container {
    width: 820px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 970px !important;
  }
}

#txtSearch {
        border: 1px solid #cb0000;
        border-radius:4px;
        font-size:.875rem;
        outline-color: transparent;
        outline:none;
        vertical-align:top;
    }

    #txtSearch:focus {
        outline-color: transparent;
        outline:none;
        border: 2px solid #cb0000;
    }


    .tag-line {
        text-align: right;
        width: 100%;
        font-size: 1.4rem;
        color: gray;
        font-weight: 700;
        font-family: "Roboto Condensed";
        font-variant: small-caps;
        padding-right: 1rem;
        margin-bottom:0px;
        padding-bottom:0px;
    }

    
    .btn-search {
        margin-top:0px;
        vertical-align:top;
        padding: .15rem .5rem .2rem .5rem;
        font-size: 0.9rem;
        font-family: "Roboto";
        background-color: #cb0000;
        color:white;
        font-variant: small-caps;
        border-radius:4px;
        line-height:1.25;
        border: 1px solid transparent;
    }

    .btn-search:hover {
          /*border: 2px solid #cb0000;*/
          background-color:black;
          border-radius:4px;
          color: white;
      }

        #divHomeSearch
    {
      display:block;
      float:right;
      margin-right:0px;
      margin-bottom:0px;
    }

.search-by {
        justify-content: space-around;
    }

/* Hacky fix for side bar...for now*/
@media(min-width:971px) {
  .body-content {
    padding-top: 0px;
  }
}

@media(max-width:970px) {
  .body-content {
    padding-top: 75px;
  }
}


.content {
  padding-top: 100px;
}

.bg-color {
  background-color: #232528 !important;
}

/* END ALL PAGE STUFF */

/* FOOOTER */

footer {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* END FOOOOOOOTER */
.desaturate {
  opacity: 0.35;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.col-sm-12 .top-box {
  margin: 0.2rem 0rem 0.4rem 0rem;
  border: 3px solid black;
  background-color: #eaeaea;
  padding: 0rem 0.0rem 0.2rem 0.0rem;
}

.d-name {
  text-align: center;
  font-family: "Roboto", sans-serif;
  color:#cb0000;
  opacity: 0.85;
  text-transform: none;
  white-space: nowrap;
  line-height: inherit;
  width: 100%;
}

#lblDishName {
  width: 100%;
}

.d-balls {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.d-rating {
  text-align: center;
  font-variant: small-caps;
  line-height: 3.0rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  width: 40%;
  opacity: 0.75;
  text-transform: none;
  color: #cb0000;
}

.r-name,
.r-location,
.r-cuisine {
  text-align: right;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 2.5rem;
  font-size: 2.0rem;
  color: #232528;
}

.d-rating-row {
  font-size: 2.5rem;
  text-align: right;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 2.5rem;
  color: #232528;
  font-variant: small-caps;
}

.flags {
  font-size: 0.75rem;
}

.flags span.flag-icon:nth-child(2) {
  margin-left: 1rem;
}

.r-cuisine {
  line-height: 3.0rem;
}


.r-name-at,
.r-location-where,
.r-cuisine-from {
  color: #7c7c79;
  font-variant: small-caps;
  text-align: left;
  font-weight: 700;
  font-size: 2.0rem;
  font-family: "Roboto Condensed", sans-serif;
}

.report-author {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
  background-color: black;  /*#7C7C79;*/
  font-variant: small-caps;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  background-clip: content-box;
}

.scout-report {
  color: #e9e9e9;
  font-size: 1.25rem;
  padding-left: 1rem;
}

.report-author {
  color: white; /*#232528;*/
  font-size: 1.0rem;
  padding-right: 1rem;
  cursor:pointer;
  text-decoration:none;
}



.d-writeup {
  font-size: 1rem;
  line-height: 1.5rem;
  text-indent: 1.5rem;
  padding-bottom: 1rem;
}

.d-writeup .date {
  font-size: 85%;
  color: #7c7c79;
  font-weight: 500;
}

.price-times-buttons {
  border-top: 2px solid #7c7c79;
  border-bottom: 2px solid #7c7c79;

}

.r-price,
.r-times {
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important;
  padding-top: 0.5rem;
}

.r-price .price-text,
.r-times .open-for-text {
  font-variant: small-caps;
  font-family: 'Roboto Condensed', sans-serif;
  color: #7c7c79;
  text-align: left;
  font-weight: 700;
  font-size: 2.0rem;
}

.r-times .open-for-text {
  line-height:1.25rem;
}

.r-times .r-meals {
  font-variant: small-caps;
  font-size: 1.5rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #232528;
  text-align: center;
  opacity: 0.5;
  text-decoration: line-through;
  padding:0px 2px 0px 2px;
  margin:0px 3px 0px 3px;
  border-radius:5px;
}

.r-meals.open {
  opacity: 1.0;
  text-decoration: none;
  color:red;
  background-color:lightgray;
  border:1px solid black;
}


@media screen and (max-width: 30em) {
  .r-name,
  .r-location,
  .d-rating-row {
    line-height: 2.0rem;
    font-size: 1.5rem;
  }

  .r-price .price-text,
  .r-times .open-for-text {
    line-height: 2.0rem;
    font-size: 1.5rem;
  }

  .r-times .r-meals {
    font-size:1.25rem;
  }

  .d-writeup {
    font-size: 1rem;
  }

  .d-rating-row {
    font-size: 2.0rem;
  }

  .r-cuisine {
    line-height: 2.5rem;
    font-size: 1.5rem;
  }

  .flags {
    font-size: 0.6rem;
  }

  .flag-icon {
    padding-left: 1rem;
    padding-right: .1rem;
  }

  .r-name-at,
  .r-location-where,
  .r-cuisine-from {
    font-size: 1.5rem;
  }

}


.website-menu {
  padding: 1.5rem 0rem;
}

.button-row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.btn-secondary {
  font-weight: 300;
  font-size: 1.5rem;
  color: white;  /*#232528 ;*/
  font-family: 'Roboto', sans-serif !important;
  font-variant: small-caps;
  font-weight: 400;
  opacity: 0.85;
  background-color: black;
  border-color: black;
}

.btn-secondary:hover {
  color:white;
  opacity: 1;
  background-color: #cb0000;
  border-color: #cb0000;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.loginDisplay
{
  font-size: 0.85rem;
  display:block;
  font-weight:500;
  font-variant:normal;
  float:right;
  padding: 0px 0px;
  color: red;
  margin-right:5px;
}


/* SIDE BAR*/
body {
  overflow-x: hidden;
}

/* Toggle Styles */

.bg-faded-transparent {
  color: transparent !important;
  width: 25% !important;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px 5px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 6rem;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
  font-variant: small-caps
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #cb0000;
  background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

@media(min-width:768px) {
  #wrapper {
    padding-left: 0;
  }

  #wrapper.toggled {
    padding-left: 250px;
  }

  #sidebar-wrapper {
    width: 0;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }

  #page-content-wrapper {
    padding: 15px;
    position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}


.menu-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 -ms-flex-pack: distribute;
     justify-content: space-around;
     width: 80%;
  margin-bottom: 1.75rem;
  margin-top: 1.75rem;
}

a.sm-icons {
  text-indent: 0px;
}

/* END SIDE BAR */



/* Divider on pages (red line) */
.front-page-breaker {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #cb0000;
}

/* For buttons*/
.header-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}



/* Scotts custom column*/
.col-315 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 3px;
  padding-left: 3px;
  -ms-flex: 0 0 31.500000%;
  -webkit-box-flex: 0;
  flex: 0 0 31.500000%;
  max-width: 31.500000%;
}

.col-37 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 3px;
  padding-left: 3px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37.000000%;
  flex: 0 0 37.000000%;
  max-width: 37.000000%;
}



/* Home page stuff*/

.ViewMoreReports {
  font-weight: 400;
  padding-top: 10px;
}

#divMenuCommands {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.card-col {
  padding-top: 0.5rem !important;
}

.card-dish-title {
  color: #cb0000;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
}

.intro-row {
    justify-content: center;
    align-items: center;
}


.card-location-text {
  margin-bottom: 0;
  text-align: right;
  font-weight: 500;
  color: gray;
  font-size: small;
}

.card-location-text a {
  font-weight: 500;
  color: gray;
  font-size: small;
}

.latest-reviews,
.menu-link {
  font-family: "Roboto Condensed";
  font-variant: small-caps;
  background-clip: padding-box;
  text-align: center;
  padding: 0.5rem;
}

.latest-reviews {
  background-color: black;
  color: white;
}

.menu-link {
  background-color: white;
  border: 1px solid #cb0000;
  cursor: pointer;
  color: black;
  border-radius: 5px;
  width: 220px;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.menu-link:hover,
.menu-link:active,
.menu-link:focus {
  background-color: #cb0000;
  color: white;
}


/* End home page stuff*/


/* ABOUT PAGE */

#divAbout {
  display: block;
  width: 95%;
  margin: auto;
  padding: 4px;
  border-radius: 5px;
  text-align: left;
}


#divRichCho {
  display: block;
  float: left;
  text-align: center;
  padding: 4px 10px 0px 0px;
  font-weight: bold;
  width: 200px;
  margin-bottom: 5px;
  margin-top: 3px;
}

.latest-reviews {
  font-family: "Roboto Condensed";
  font-variant: small-caps;
  background-clip: padding-box;
  text-align: center;
  padding: 0.5rem;
  background-color: black;
  color: white;
  border-radius: 5px;
}

.rub-rating-name {
  font-variant: small-caps;
  font-size: 1.5rem;
  text-align: center;
  padding-left: 1rem;
  color: #cb0000;
  font-weight: bold;
  padding-top: 0.5rem;
  border-top: 1px solid #ddd;
  padding-bottom: 0.5rem;
}

.rub-header:hover {
  background-color: #ddd;
}

.rub-block {
  padding-bottom: 1rem;
}


.cho-family {
  max-width: 25%;
  padding-right: 0.25rem;
}

@media (max-width: 767px) {
  .cho-family {
    max-width: 50%;
    padding-right: 0.25rem;
  }
}

/* END ABOUT*/

/* OTHER DISH RATING STUFF NEED TO MOVE */
div.DishRating {
  vertical-align: top;
  text-align: center;
  color: gray;
}

div.DishRatingSelected {
  color: black;
  text-align: center;
  font-weight: 800;
  vertical-align: top;
}

span.DishRatingLabel {
  font-family: "Roboto Condensed", sans-serif;
  font-size: x-small;
}

span.DishRatingLabelOverall {
  display: block;
}

.DisabledUrlButton {
  opacity: 0.3;
}

#divFistBumpList {
  position: absolute;
  top: 100px;
  right: 0px;

  /*font-size:12px;*/
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  width: 175px;
  display: block;
  z-index: 90;
  background-color: #f8f8f8;
  overflow: auto;
  height: 200px;
  border: 2px solid black;
  border-radius: 5px;
}


/* DISH LIST STUFF */
.report-count-row {
  font-weight: bold;
  text-align: left;
  font-variant: small-caps;
  font-size: 110%;
}


#gvDishReports {
  border: none;
}

#gvDishReports td {
  border: none;
  border-bottom: 1px solid #cecece;
  vertical-align: middle;
}

#gvDishReports th {
  border: none;
  border-bottom: 1px solid gray;
  color: black;
  font-family: 'Roboto Condensed';
  font-variant: small-caps;
  font-size: 1rem;
  padding-bottom: 2px;
  padding-top: 2px;
}

#gvDishReports th a {
  color: black;
}

#gvDishReports th:not(:first-child),
#gvDishReports td:not(:first-child) {
  text-align: center;
}

#gvDishReports th:first-child,
#gvDishReports td:first-child {
  text-align: left;
}

#gvDishReports th:last-child,
#gvDishReports td:last-child {
  text-align: right;
}


.DishListBody a.dish-name {
  font-family: "Roboto";
  font-size: 1rem;
  color: #cb0000;
  font-weight: bolder;
}

.DishListBody a.dish-name:hover,
.DishListBody .date-added a:hover {
  text-decoration: none;
  border-bottom: 1px solid #cb0000;
}

.DishListBody span.restaurant-name {
  font-family: "Roboto";
  font-size: 0.85rem;
  color: black;
  font-weight: 500;
}

.DishListBody .date-added a {
  color: black;
  text-decoration: none;
  font-size: 75%;
}

.DishListBody .dish-type {
  font-variant: small-caps;
}

.DishListBody small.table-small {
  color: gray;
  font-variant: small-caps;
  font-size: 80%;
  font-weight: bolder;
  font-family: "Roboto Condensed";
}


/* SCOUT LIST PAGE */

.scout-list,
.scout-list tbody th,
.scout-list tbody td {
  border: none;
  text-align: center
}

.scout-list {
  width: 100%;
}

.scout-list th {
  font-variant: small-caps;
  border-bottom: 1px solid gray;
  color: black;
  font-family: 'Roboto Condensed';
  font-size: 1rem;
  padding-bottom: 2px;
  padding-top: 2px;
}

.scout-list th a {
  color: black;
}

.scout-list td {
  vertical-align: middle;
}

.scout-list a.scout-name {
  font-family: "Roboto";
  font-size: 1rem;
  color: #cb0000;
  font-weight: bolder;
}

.scout-list a.scout-name:hover,
.scout-list .date-added a:hover {
  text-decoration: none;
  border-bottom: 1px solid #cb0000
}

.scout-list .scout-reportcount {
  font-size: 0.9rem;
  color: blue;
  font-weight: bold;
  text-decoration:underline;
}

.scout-list .start-date {
  width: 15%
}

.scout-list .start-date a {
  color: black;
  text-decoration: none;
}


.scout-list .scout-name {
  color: #cb0000;
  white-space: nowrap;

}

.scout-list .city-name {
  font-family: "Roboto";
  font-size: 0.85rem;
  color: black;
  font-weight: 500;
}

.scout-list .scout-photo {
  max-width: 100px;
  min-width: 100px;
  max-height: 100px;
  min-height: 100px;
}


.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:normal !important;*word-spacing:normal !important}.slabtextdone .slabtext{display:block}