﻿/* Global theme styles
   -------------------------------------------------- */
/* Changing body and html background color */
body , html{
    background-color: #546476;
}

.bg-white { background-color:white; }
.bg-silver { background-color: #ebebeb; }

/* Colors */
.color-white {
    color: #ffffff !important;
}

.color-black {
    color: #000000 !important;
}

/* Chaning Nav and Navbar theme
   -------------------------------------------------- */
.navbar{
    border: none;
}
.navbar-default {
  /*background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
  /*background-repeat: repeat-x;*/
  background-image: none;
  background-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  /*background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  background-repeat: repeat-x;*/
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  background-color:transparent;
  background-image: none;
  border-bottom:2px solid #00A693;
}
.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
    border-bottom:2px solid #00A693;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.75);
}

.navbar-default .navbar-nav > li > a{
    color:white;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#333;
    font-weight: bold;
    background-color: #eeeeee;
    background-color: rgba(238,238,238,0.75);
}

/* Navbar brand styles
   -------------------------------------------------- */
.navbar-default .navbar-brand{
    color: white;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    color: white;
}


/* Navbar toggle button
   -------------------------------------------------- */
.navbar-default .navbar-toggle {
    background-color:#eeeeee;
    background-color:rgba(238,238,238,0.65);
}

/* Dropdown Menu style
   -------------------------------------------------- */
.dropdown-menu {
    background-color: #eeeeee;
    background-color: rgba(238,238,238,0.75);
}

/* RESPONSIVE CSS
   -------------------------------------------------- */
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    border-bottom:2px solid #00A693;
    background-image: none;
    /*background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;*/
  }
  .navbar-default .navbar-nav > li {
      background-color: #eeeeee;
      background-color: rgba(238,238,238,0.85);
  }

    .navbar-default .navbar-nav > li > a{
    color:#0f0f0f;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{
    color:#0f0f0f;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
      background-color: white;
  }
  .dropdown-header{
      color:#3b3b3b;
  }
}
/* RESPONSIVE CSS ENDS */