/* 
    Created on : 15 Feb 2018, 8:18:53 AM
    Author     : junior (ALPHONCE 'Moruti' RASEABI)
*/
/*==== Body ==== background:#f7f7f7;*/

body {
    color: #777;
    background:  white;
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 300;
    text-shadow: none;
}
/*====== headings ====*/
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-style: normal;
    margin: 0 0 20px 0;
    font-weight: bold;
}

h1 { font-size: 40px; line-height: 30px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }

/* foreground color #bfbfbf; hsla(0, 0%, 75%, 0.06);rgba(191, 191, 191, 0.13);*/ 
/* #a6a6a6;rgba(166, 166, 166, 0.13);hsla(0, 0%, 65%, 0.13);*/
/* logo css*/
#logotitlecontainer {
    background: #002752;
    color: #ffffff;
}
#logotitle {
    font-size: 35px;
    font-weight: 900;
    
}
/*==== Navigation bar ====*/
/*Increase navbar height*/
.navbar {
    min-height: 50px;
    text-transform: capitalize;
    font-weight: normal;
    color: white;
}
/*Spacing between navbar li e.g between Home, About, Portfolio, Contact...etc*/
.navbar-nav > li{
    padding-left:30px;
    padding-right:30px;
}

/*Change nav - item text color, background color, font size and background color border radius on hover*/
/* background-color:activeborder*/
.nav-item a:hover {
    color: white !important;
    cursor: pointer;
    background-color: #002752;
}
/*Active nav - item backgroung color, text color and backround color border radius*/
.navbar-nav li.active > a {
    color: white !important;
    background-color: #002752;
}
.dropdown-item {
    font-size: 15px;
}
@media (min-width: 992px){
    .navbar li {
        padding-left : 1em;
        padding-right : 1em;
    }
} /*Spacing between navbar li for media devices e.g between Home, About, Portfolio, Contact...etc*/
/*================================*/
/*                                */
/*        MAIN PAGE CSS           */
/*                                */
/*================================*/
.btn {
    border-radius: 0;
}

.card {
    border-radius: 0;
}
.card:hover {
    color: white !important;
    cursor: pointer;
    background-color: #031634;
}
.sales a:hover, .stockavailable a:hover, .stockcosts a:hover, 
.capturestock a:hover, .stockcategory a:hover, .reminder a:hover {
   /* color: inherit;*/
    color: white;
    text-decoration: none;
}
.sales a, .stockavailable a, .stockcosts a, .capturestock a,
.stockcategory a, .reminder a {
   /* color: inherit;*/
    color: #002752;
    text-decoration: none;
}
/*NOFITICATION*/
/*#title-noti-icon-animation {
  -moz-animation-duration: 3s;
  -moz-animation-delay: 20s;
  -moz-animation-iteration-count: infinite;
  
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 20s;
  -webkit-animation-iteration-count: infinite;
}*/
/*================================*/
/*                                */
/*        SETTINGS PAGE CSS       */
/*                                */
/*================================*/
/*================================*/
/*                                */
/*        SALES PAGE CSS       */
/*                                */
/*================================*/
.ui-datepicker .ui-widget-content {
    background: #002752 none;
}
div.sales-options-menu{
    display: inline-block;
}
/* SALES TABLE DIV */
div.sales_tableDIV {
    height: 300px;
    overflow: auto;
}
/* SEARCH RETURN BACK BUTTON*/
#search-return-button {
    display: none;
}