/* @import url('https://fonts.googleapis.com/css?family=Open+Sans'); */

body {
  font-family: 'Open Sans', sans-serif;
  background-image: url('resources/dot-grid-3.png');
  background-repeat: repeat;
}

.modal-header {
  background: #002046;
  color: white;
}

.navbar {
  background-color: transparent;
  border: 0px;
  margin-bottom: 0px;
}

.navbar-inverse .navbar-nav>li>a {
  color: #ffffff;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
  background-color: #1E90FF;
}

/* Center the navbar */
@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
  }
}

.logoimg {
  width: 137px;
  position: relative;
  margin-top: -10px;
}

.btn-primary {
  color: #000;
  background-color: #990;
  border-color: #660;
}

.btn-primary:hover {
  color: #000;
  background-color: #ff9;
  border-color: #990;
}

.btn-primary[disabled]:hover {
  color: #000;
  background-color: #ff9;
  border-color: #990;
}

.btn-regular {
  height: 100%;
  width: 100%;
  color: #000;
  background: linear-gradient(to bottom, #215fa9 0%, #1E90FF 100%);
  border: 1px solid white;
  color: white;
  margin: 1px;
}

.btn-regular:hover {
  color: #ffffff;
  background: linear-gradient(to bottom, #59a6ff 0%, #1E90FF 100%);
  border-color: #09186b;
}

.btn-regular-red {
  height: 100%;
  width: 100%;
  color: #000;
  background: linear-gradient(to bottom, #cc1500 0%, #ffcd99 100%);
  border-color: #ffff99;
}

.btn-regular-red:hover {
  color: #ffffff;
  background: linear-gradient(to bottom, #cc1500 0%, #ffcd99 100%);
  border-color: #ffff99;
}

.btn-regular-green {
  height: 100%;
  width: 100%;
  color: #000;
  background: linear-gradient(to bottom, #192d02 0%, #8BC34A 100%);
  border-color: #fdfda4;
  color: white;
}

.btn-regular-green:hover {
  color: #ffffff;
  background: linear-gradient(to bottom, #cc1500 0%, #ffcd99 100%);
  border-color: #ffff99;
}

.btn-regular-blue {
  height: 100%;
  width: 100%;
  color: #000;
  background: linear-gradient(to bottom, #1E90FF 0%, #00BCD4 100%);
  border-color: #ffff99;
  color: white;
}

.btn-regular-blue:hover {
  color: #ffffff;
  background: linear-gradient(to bottom, #cc1500 0%, #ffcd99 100%);
  border-color: #ffff99;
}

table {
  width: 100%;
}

.details:hover {
  background-color: skyblue;
  color: #fff;
}

.dropdown-menu {
  /* background-color: #794110; */
}

.dropdown-menu>li>a {
  /* color: #fff; */
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.content {
  height: 140vh;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 20px;
}

.headerbg {
  font-size: 14px;
  color: #fff;
  padding: 5px;
  background-color: #215fa9;
  border-bottom: 2px solid #ffffff;
  border-top: 3px solid #ffffff;
}

.fixedbuttonfooter {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  background: #2b74cb !important;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.fixedbuttonfooter table tr td label u {
  color: #000 !important;
}

.footer {
  padding: 5px;
  color: white;
}

.flag {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


.glyphicon-icon-lg {
  font-size: 18px;
  color: white;
}

.move-left {
  float: left;
}

.move-right {
  float: right;
}

.global-form {
  text-align: right;
  background-color: #ddfdff;
  border-radius: 6px;
  padding: 10px
}

.containerbg {
  padding-top: 70px;
}

::-webkit-input-placeholder {
  font-style: italic;
}

.btnsize {
  width: 90px;
  height: 35px;
}

.fixeddiv {
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 50px;
  background-color: linear-gradient(to bottom, #66ff66 0%, #003300 100%);
  background-repeat: no-repeat;
  background-size: auto;
  font-family: 'Century Gothic';
}


@media only screen and (max-width: 1000px) {
  .navbar-inverse .navbar-nav>li>a {
    font-size: 0.83em;
  }
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}


/* jQuery validations error override */
.error {
  color: red !important;
  font-size: 11px;
}

@media screen and (min-width: 1024px) {
  .access {
    width: 400px;
  }
}

.input-readonly {
  border: 0px;
}

/* alertbox */
.alert-regular {
  background: linear-gradient(to bottom, #1E90FF 0%, #215fa9 100%);
}

/* modal override */
.modal-header .close {
  border: 2px solid white;
  padding: 3px;
  width: 34px;
  border-radius: 15px;
  background-color: #215fa9;
  opacity: 1 !important;
}

.modal_global_size {
  margin: 0 auto;
  width: 100%;
}

.modal_global_body {
  background: -webkit-gradient(linear, left top, left bottom, from(#66ff66), to(#003300)) fixed !important;
}

.error.valid {
  display: none !important;
}

.browse {
  width: 900px;
}


.footer-indicator {
  background: linear-gradient(to bottom, #a4a48c 40%, #989883 22%);
}

.status {
  background: red !important;
  color: white;
}


/* override 2023 */
.navbar-nav>li {
  background: #215fa9;
  border-radius: 4px;
  margin: 4px;
}

/* Added By Kenth 12/28/2025 */
/* SERVER STYLE */
.label-success i {
  font-size: 12px;
  padding: 6px 10px;
  color: #00ff00;
}

.label-danger i {
  font-size: 12px;
  padding: 6px 10px;
  color: #ff4d4d;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}