/*------------------------------------------------------------------
[Master Stylesheet]

Project    	: Aether
Version		: 1.0
Last change	: 2015/03/27
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. General Structure
2. Anchor Link
3. Text Outside the Box
4. Main Form
5. Login Button
6. Form Invalid
7. Form - Main Message
8. Custom Checkbox & Radio
9. Misc
-------------------------------------------------------------------*/
/*=== 1. General Structure ===*/
html,
body {
    background: #FFFFFF;

    font-family: 'Varela Round';
}
/*=== 2. Anchor Link ===*/
a {
    color: #aaaaaa;
    transition: all ease-in-out 200ms;
}
a:hover {
    color: #333333;
    text-decoration: none;
}
* {
    border-radius: 5 !important;
}
.mg_t_15{
    margin-top: 15px
}
/*.mg_t_50{
    margin-top: 50px;
}*/
.mg_t_10{
    margin-top: 10px;
}

/*    --------------------------------------------------
    :: Inputs & Buttons
    -------------------------------------------------- */
.form-control {
    color: #212121;
}
.btn-custom {
    color: #000;
    background-color: #72BCBB;
}
.btn-custom:hover,
.btn-custom:focus {
    color: #fff;
}
.welcome_text.alert-info {
    background-color: #72BCBB;
    border-color: #bce8f1;
    color: #ffffff;
}
.navbar-toggle {
    float: left;
    margin-left: 15px;
}
.navbar-default {
    background-color: #72BCBB;
    border-color: #72BCBB;
}

.navbar-default .navbar-nav > li > a {
    /*  color: #ffefef;*/
    text-align: center;
} 
.navbar-default .text_logo {
    color: #373535;
    padding-left: 20px;


}
.navbar-default .text_logo span{
    color: #000;
    font-weight: 600;
}
.nav-tabs > li {
    margin-bottom: 0;
}
.ab_menu_title{
    background: #72BCBB;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.news_section .nav-tabs {
    border-bottom: 0;
    background: #72BCBB;
    margin-top: 50px;
}
.news_section .nav-tabs > li > a {
    border: 0;
    text-align: center;
    color: #FFF;
    background: transparent;
    padding: 10px 0px;
}
.news_section .nav-tabs > li.active > a, .news_section .nav-tabs > li.active > a:focus, .news_section .nav-tabs > li.active > a:hover {
    border-bottom: 3px solid #9A9A9A;
    color: #fff;
    cursor: default;
    background: transparent;
    border-right: 0;
    border-left: 0;
}
.news_section .nav > li > a:focus, .news_section .nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
    color:#000;
}
.news_content .col-md-3{
    padding:3px;
}
.news_content .col-md-3 img{
    width: 100%;
    height: 250px;
}
.menu_of_week img{
    width: 100%;
}
.menu_of_week_single h4.list-group-item-heading{
    font-weight: bold;
}

/* Date (03-04-2018) */


.menu_of_week_single img.list-group-image {
    width: 100%;
    height: 100%;
}


/* Date (03-04-2018) */
.menu_of_week_single .owl-carousel .owl-item img.img-circle {
    display: inline;
    width: auto;
}

.sticky_news {
    border-radius: 20px !important;
    bottom: 20px;
    position: fixed;
    right: 20px;
}
#sales-preview .btn-primary {
    font-size: 12px;
}
#sales-preview {
    height: 500px;
}

#fridge-allocation-preview .btn-primary {
    font-size: 12px;
}
#fridge-allocation-preview {
    height: 500px;
}

#fridge-stock-preview .btn-primary {
    font-size: 12px;
}
#fridge-stock-preview {
    height: 424px;
}
#fridge-destock-preview .btn-primary {
    font-size: 12px;
}
#fridge-destock-preview {
    height: 424px;
}
/*
* Custom CSS
*/
button.navbar-toggle {
    background: transparent !important;
    border: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
.navbar-collapse {
    border: none !important;
    box-shadow: none !important;
}
a.navbar-brand {
    color: black !important;
}
a.a-times {
    background: #9A9A9A;
    padding: 2px 6px;
    border-radius: 50% !important;
    color: white;
}
.account-sec {
    padding: 10px;
}
.main-total {
    float: right;
    border-top: 2px solid #4b2828;
    border-bottom: 2px solid #4b2828;
    width: 40%;
    padding: 10px 0;
    font-weight: 600;
}
.ab_account_tran tr td{
    text-align: left;
}
.xs-btns{
    padding: 7px;
    background: #72BCBB;
    text-align: center;
    padding-left: 3px;
    /*height: 70px;*/
    margin-left: 24px;
}
.xs-btns a{
    color:#000;
    font-size: 12px;
}
.m-top{
    margin-top: 20px;
}
.bottom-pos{
    position: absolute;
    /*bottom: 13%;*/
    right: 0;
}
.lang-active{
    color:#09EAEA;
    font-weight: bold;
}
/* Menu Item Tab Design Css Start 19-10-2018 */
.menu_item_tab .nav-tabs {
    padding-bottom: 2px;
}
.menu_item_tab .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0 none;
    border-radius: 4px 4px 0 0;
    color: #6c6c6c;
    font-weight: bold;
    padding: 0;
    text-align: center;
    margin: 0;
    font-size: 12px;
}
.menu_item_tab .nav-tabs>li.active:before {
    content: "";
    width: 100%;
    height: 2px;
    border: 1.5px solid #a08b77;
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 9;
}
.menu_item_tab .nav-tabs>li.active>a, 
.menu_item_tab .nav-tabs>li.active>a:focus, 
.menu_item_tab .nav-tabs>li.active>a:hover {
    color: #a08b77;
    cursor: default;
    background-color: #fff;
    border: 0 none;
}
.menu_item_tab {
    width: 95%;
    padding: 0 0;
    float: none;
    overflow: auto;
    white-space: nowrap;
    margin: 0 auto;
}
.menu_item_tab .nav-tabs li {
    float: none !important;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    width: auto !important; 
}  
/* Menu Item Tab Design Css End 19-10-2018 */

#products .side-corner-tag .item {
    margin-top: 0;
}
#products {
    float: left;
    width: 100%;
}
.half_item img.card-img-top {
    height: 60px;
    width: 100%;
}

.Poultry {
	background: #ffd452 !important;
}

.Fish {
	background: #1da0b4 !important;
}

.Meat {
	background: #f9341d !important;
}

.Vegetarian {
	background: #55bd4b !important;
}

.Vegan {
	background: #aed65c !important;
}

/*
@media screen and (max-width: 767px)	 {
    .navbar-collapse.collapse {
        background-color:white;
    }
    .navbar-default .navbar-nav > li > a {
        color:black;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: 1000px;
    }
    .nav.navbar-nav.navbar-right{
        height: 975px;
    }
    .navbar-nav>li>a {
        padding-top: 6%;
        padding-bottom: 10px;
        line-height: 28px;
    }
        .navbar-default .text_logo {
    color: #373535;
    }
}
*/
/*

@media only screen and (min-width: 992px){
.col-md-offset-0 {
    margin-left: 0;
}
.navbar-default .text_logo {
    color: #373535;
    }
}
}
*/

/*@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {  
   {
        
        .navbar-default .text_logo {
    color: #373535;
        
    }
         .navbar-collapse.collapse {
        background-color:white;
    }
    .navbar-default .navbar-nav > li > a {
        color:black;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: 1000px;
    }
    .nav.navbar-nav.navbar-right{
        height: 975px;
    }
    .navbar-nav>li>a {
        padding-top: 6%;
        padding-bottom: 10px;
        line-height: 28px;
    }
        
}
}
*/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    .col-md-offset-0 {
        margin-left: 0;
    }
    .navbar-default .text_logo {
        color: #373535;
        padding-left: 0px;
    }
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 992px) and (max-width: 1280px) {

    .col-md-offset-0 {
        margin-left: 0;
    }
    .navbar-default .text_logo {
        color: #373535;
        padding-left: 0px;
    }
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-offset-0 {
        margin-left: 0;
    }
    .navbar-default .text_logo {
        color: #373535;
    }
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .col-md-offset-0 {
        margin-left: 0;
    }
    .navbar-default .text_logo {
        color: #373535;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .col-md-offset-0 {
        margin-left: 0;
    }
    .navbar-default .text_logo {
        color: #373535;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    .navbar-collapse.collapse {
        background-color:white;
    }
    .navbar-default .navbar-nav > li > a {
        color:black;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: 1000px;
        overflow: scroll;
    }
    .nav.navbar-nav.navbar-right{
        height: 1050px;
    }
    .navbar-nav>li>a {
        padding-top: 6%;
        padding-bottom: 10px;
        line-height: 28px;
    }
    .navbar-default .text_logo {
        color: #373535;
        padding-left: 20px;
    }
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 299px to 320px
*/
@media (min-width: 299px) and (max-width: 320px) {
    .navbar-collapse.collapse {
        background-color:white;
    }
    .navbar-default .navbar-nav > li > a {
        color:black;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: 1000px;
        overflow: scroll;
    }
    .nav.navbar-nav.navbar-right{
        height: 1050px;
    }
    .navbar-nav>li>a {
        padding-top: 6%;
        padding-bottom: 10px;
        line-height: 28px;
    }
    .navbar-default .text_logo {
        color: #373535;
        padding-left: 20px;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1281px) {
    .sticky_news{
        display: none;
    }
}

/*@media only screen and (max-width: 1024px) {
    .unlockfridge hidden-lg hidden-xl {
        display: none;
    }
}
*/
@media only screen and (min-width: 1025px) and (max-width: 1281px) {

    .unlockfridge{
        display: none!important;
    }
}

/*---- Mobile All Portrait + Landscape ----*/
@media only screen and (max-width: 767px) {
    .menu_of_week_single img.list-group-image {
        width: 100%;
        height: auto;
    }
}



/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/*@media screen and (device-aspect-ratio: 40/71) {
    .half_item img.card-img-top {
        height: 50px;
    }
}

@media screen and (device-aspect-ratio: 40/71) and (orientation: landscape) {
    .half_item img.card-img-top {
        height: 50px;
    }
}*/



/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen   and (min-device-width: 320px) and (max-device-width: 568px)  and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
    .half_item img.card-img-top {
        height: 50px;
    }
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .half_item img.card-img-top {
        height: 97px;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
    .half_item img.card-img-top {
        height: 60px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
    .half_item img.card-img-top {
        height: 116px;
    }
}