:root { 
	--primary-skin-color: #003366
}

.nav-item a:hover {
    color: #var(--primary-skin-color) !important;
    cursor: pointer;
}
 .btn-link {
    color: #var(--primary-skin-color) !important;
    cursor: pointer;
}
.card {
    background-color: #d3d3d351 !important;
}
.icon {
    color: #var(--primary-skin-color) !important;
}
.skin-main {
    background-color: #d3d3d351 !important;
}
.skin-li {
    padding: 10px;
}
.skin-account {
    color: white !important;
}
    .skin-account:hover {
        color: lightgray !important;
    }
.skin-a {
    color: #4f4f4f !important;
}
    .skin-a:hover {
        color: #var(--primary-skin-color) !important;
        text-decoration: none;
    }
    .skin-a b:hover{
      color: #var(--primary-skin-color) !important;
      text-decoration: none;
    }
.skin-box {
    background-color: white !important;
    border: 1px outset #0450A038 !important;
    border-radius: 3px !important;
    margin-bottom: 10px !important;
}
.skin-prod-box {
    background-color: white !important;
    border: 1px outset #0450A038 !important;
    border-radius: 3px !important;
    margin-bottom: 10px !important;
}
    .skin-prod-box:hover {
        background-color: white !important;
        border: 2px solid #var(--primary-skin-color) !important;
    }
    .skin-prod-box h5:hover {
        color: var(--primary-skin-color)  !important;
    }
.list-group-skin .list-group-item {
    background-color: white;
    border: 2px solid #8080802e;
    border-radius: 3px;
    margin-bottom: 5px;
}
    .list-group-skin .list-group-item:hover {
        background-color: var(--primary-skin-color);
    }
.skin-dws-box {
    background-color: white !important;
    border: 1px solid #8080802e !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
}
.btn-primary {
    background-color: var(--primary-skin-color) !important;
}
    .btn-primary:hover {
        background-color: #003576 !important;
    }
    .btn-primary:disabled {
        background-color: #003576 !important;
        opacity: .6 !important;
    }
.alert-warning {
    color: black !important;
    background-color: lightgray !important;
    border: 1px solid gray !important;
}
.fa-bars{
  color: white !important;
}
    .fa-bars:hover{
      color: lightgray !important;
    }
.linebreak{
  border-bottom: 1px solid #0450A038;
}
.navbar{
   // border-bottom: 1px solid #0450A038;
   box-shadow: 5px 5px 10px lightgray;
   background-color:  var(--primary-skin-color) !important;
   padding:0px !important;
}
.navbar-collapse{
    background-color: var(--primary-skin-color) !important
}
.navbar a{
  color:white !important;
}
.navbar a:hover{
  color:lightgray !important;
}
.nav-link{
  color:white !important;
}
.nav-link:hover{
  color:lightgray !important;
}
h5,h4,h3,h2,b{
  color: #4f4f4f !important;
}
.dropdown-menu a{
  color: #4f4f4f !important;
}
.dropdown-menu a:hover{
  color: #var(--primary-skin-color) !important;
}
.nav-tabs a{
  color:#4f4f4f !important;
}
.nav-pills a{
  color:#4f4f4f !important;
}
.nav-pills .active{
  color:white !important;
}
.skin-prod-box-static:hover{
    border: 1px outset #0450A038 !important;
    border-radius: 3px !important;
}
.app_store_button img:hover{
   opacity:.7 !important;
   cursor: pointer !important;
} 
.skin-a-prominent{
 color: #var(--primary-skin-color) !important;
}
.skin-a-prominent:hover{
 font-weight: bold !important;
 text-decoration:none !important;
}
.dropdown-menu a:hover{
  color: #var(--primary-skin-color) !important;
}
.nav-tabs a{
  color:#4f4f4f !important;
}
.nav-pills a{
  color:#4f4f4f !important;
}
.nav-pills .active{
  color:white !important;
}
.skin-prod-box-static:hover{
    border: 1px outset #0450A038 !important;
    border-radius: 3px !important;
}
.app_store_button img:hover{
   opacity:.7;
   cursor: pointer;
}