.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.container-fluid-no-margin {
    padding-right: 0px;
    padding-left: 0px;
}

.pagination {
    margin: 10px 0;
}

[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}

textarea {
    resize: vertical;
    min-height: 100px !important;
}

.navbar-previcat {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
    background-image:      -o-linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#d4d4d4));
    background-image:         linear-gradient(to bottom, #e8e8e8 0%, #d4d4d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d4d4d4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    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-previcat .navbar-nav > .open > a,
.navbar-previcat .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: inset 0 3px 9px rgba(0, 0, 0, .075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    font-weight: bold;
    color: #545454;
}

.navbar-nav > li > span > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    font-weight: bold;
    color: #545454;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}

#btnLoggout{
    color: #b73333 !important;
}

    .modal-full {
        width: 95%;
    }

.navbar-right {
    margin-right: 0;
    text-align: right;
}

.navbar-left {
    margin-bottom: 0px;
}

.navbar-toggle {
    /*margin-right: 0;*/
}

.margin-side-0 {
    margin-left: 0!important;
    margin-right: 0!important;
}

.padding-side-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.btn-status {
    border-color: #393939;
    background-image: none;
    filter:none;
    background-color: #337ab7;
    color: #fff;
}
.btn-status:focus, .btn-status:hover {
    background-color: #337ab7;
    background-position: 0;
    color: #fff;
}
.btn-status:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.btn-status.active.focus, .btn-status.active:focus, .btn-status.active:hover, .btn-status:active.focus, .btn-status:active:focus, .btn-status:active:hover, .open>.dropdown-toggle.btn-status.focus, .open>.dropdown-toggle.btn-status:focus, .open>.dropdown-toggle.btn-status:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}
.btn-status.active, .btn-status:active {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}
.btn-status.focus, .btn-status:focus {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.label-wrong {
  background-color: black; /* Purple tone */
  color: #fff;              /* White text */
}

.label-yellow {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #FFCC4D;
}

@media (max-width: 500px) {
    .col-12 {
        width: 100%;
    }
}

/****************** NAVBAR POSITION CHANGES *********************/

.navbar-fixed-top {
    top: 0;
    border-bottom: 1px solid #d4d4d4;
}

/* Override Bootstrap collapsed navbar for screens <1400px width OR <600px height */
@media (max-width: 1400px), (max-height: 600px) {
  .navbar-previcat .navbar-header {
    float: none; /* remove float so toggle button stacks correctly */
  }

  .navbar-previcat .navbar-toggle {
    display: block; /* ensure toggle is visible */
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-previcat .navbar-collapse.collapse {
    display: none !important; /* override Bootstrap default */
  }

  .navbar-previcat .navbar-collapse.collapse.in {
    display: block !important; /* show collapsed menu when expanded */
  }

  .navbar-previcat.navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-previcat .navbar-nav > li {
    float: none; /* stack menu items vertically */
  }

  .navbar-previcat .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-previcat .navbar-nav {
    float: none !important;
  }

  /* Override Bootstrap dropdown menu inside collapsed navbar */
  .navbar-nav .open .dropdown-menu {
    position: static; /* prevent absolute positioning */
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }

  /* Indentation and marker for nested submenus */
  .navbar-nav .dropdown-menu .dropdown-menu > li > a {
    padding-left: 40px; /* extra indentation */
  }

  .navbar-nav .dropdown-menu .dropdown-menu > li > a::before {
    content: "» ";
    font-size: 12px;
    color: #888;
  }

  /* Inline caret for submenu items with children */
  .navbar-nav .dropdown-submenu > a::after {
    content: "";
    display: inline-block; /* stay inline with text */
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: none !important; /* override Bootstrap float right */
  }
}

/* Special case for ≤990px width OR ≤600px height */
@media (max-width: 990px), (max-height: 600px) {
  .navbar-collapse {
    border-top: 1px solid #e7e7e7;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  }

  .navbar-fixed-top {
    border-width: 0 0 1px; /* thinner bottom border */
  }
}

/* Desktop only (≥990px) */
@media (min-width: 990px) {
  .navbar-left {
    float: left !important; /* restore float left */
  }
}

/* Limit collapsed navbar height (≥768px and ≤1399px width OR ≤600px height) */
@media (min-width: 768px) and (max-width: 1399px), (max-height: 600px) {
  .navbar-collapse,
  .navbar-collapse.in,
  .navbar-collapse.show {
    max-height: 70vh !important; /* prevent overflow */
    overflow-y: auto !important; /* add scroll */
  }
}

/* Fix Bootstrap behavior in 768–990 range (previously buggy) */
@media screen and (min-width: 768px) and (max-width: 990px), (max-height: 600px) {
  body {
    padding-top: 0px !important; /* reset Bootstrap padding */
  }

  .navbar-fixed-bottom {
    position: relative !important; /* override Bootstrap fixed */
  }
}

/* Ensure section-list-navbar stays visible below fixed navbar */
@media (min-width: 768px) and (max-width: 1399px), (max-height: 600px) {
  body {
    padding-top: 50px !important;  /* equal to navbar height */
  }

  .section-list-navbar {
    position: relative;
    z-index: 1029; /* just below navbar (1030), above content */
    margin-top: 0;
  }
}

/****************** NAVBAR POSITION CHANGES END *********************/