:root {
  --color-omiflow-01: #006880;
  --color-omiflow-02: #f5a935;
  --color-omiflow-03: #ff9800;
  --color-omiflow-04: #1d1d1b;
  --color-omiflow-05: #e8eced;
  --color-omiflow-06: #fff;
}


html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 140px;
}


footer {
  position: fixed;
  height: 140px;
  bottom: 0;
  width: 100%;
}

tfoot {
  font-weight: bold;
}

table {
  background: white;
  margin: 0 auto;
  margin-top: 2%;
  border-collapse: collapse;
  text-align: left;
  border: 1px solid #000;

}


th {
  color: var(--color-omiflow-01);
  background-color: var(--color-omiflow-05);
  text-align: center;
}

th:hover {
  background-color: var(--color-omiflow-01);
  color: var(--color-omiflow-06);
}


a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:link {
  text-decoration: none;
  color: #00c;
  /*border-bottom: 1px solid #00c;*/
}

caption{
  caption-side: top ;
  text-align: center;
  font-weight: bold;
}


/* Configuración estilo Omiflow */

.btn-primary {
  background-color: var(--color-omiflow-02);
  border-color: transparent;
}

.btn-primary:hover {
  background-color: var(--color-omiflow-03);
  border-color: var(--color-omiflow-04);
}

/* .btn-primary:focus
{
  background-color: pink;
  border-color: #ac1db8;
} */


.link-primary {
  color: var(--color-omiflow-02);
}

.link-primary:hover {
  color: var(--color-omiflow-03);
  font-weight: bolder;
}


label {
  color: var(--color-omiflow-01);
}

input[type=text],
input[type=password],
input[type=number] {
  height: 45px;
}

button {
  height: 45px;
}



.ButtonMenu {
  margin-left: 37px;
  margin-right: 37px;
  height: 250px;
  min-width: 250px;
  background-color: var(--color-omiflow-05);
  padding: 15px;
  border-radius: 25px;
  text-align: center;
}


.MenuContainer {
  background-color: var(--color-omiflow-05);
  width: 100%;
  padding: 30px;
}

.SectionTitle {
  color: var(--color-omiflow-01);
  font-size: 20pt;
}

.VerticalSeparator {
  height: 50px;
  min-height: 50px;
}

.icon {
  height: 36px;
  min-height: 36px;
  filter: invert(16%) sepia(79%) saturate(4095%) hue-rotate(179deg) brightness(93%) contrast(95%);
}

.icon-menu-footer {
  border: none;
  display: block;
  height: 40px;
  min-height: 40px;
  filter: invert(100%) sepia(0%) saturate(7479%) hue-rotate(183deg) brightness(108%) contrast(111%);
}

.item-menu-footer {
  width: 90px;
  font-size: 75%;
  text-align: center;
}

.footer01 {
  background-color: var(--color-omiflow-02);
  color: var(--color-omiflow-06);
  width: 100%;
  height: 65px;
  padding-top: 5px;
}

.footer02 {
  background-color: var(--color-omiflow-01);
  color: var(--color-omiflow-06);
  width: 100%;
  height: 75px;
  vertical-align: middle;
}

.footer02 a {
  color: var(--color-omiflow-06);
}

.CenterContent
{
  text-align: center;
}


.WarningDeleteBackground
{
  background-image: url("../img/warning-bcakground.jpg");
}

.IconsColumnWidth
{
  min-width: 135px;
}

.w200px
{
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}

.w100px
{
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}

.w150px
{
  min-width: 150px;
  width: 150px;
  max-width: 150px;
}


.InactiveStatus
{
  color: #a0a0a0;
}