﻿:root {
    --naranja: #dc582a !important;
}

.footer2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
    color: white;
    background-color: var(--naranja);
    border-color: var(--naranja);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: white;
        background-color: var(--naranja);
        border-color: var(--naranja);
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid var(--naranja);
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/*Modal*/
.modal-header {
    color: white;
    background-color: var(--naranja);
    border-color: var(--naranja);
}
.close {
    color: white;
}
    .close:hover,
    .close:focus,
    .close:active,
    .close.active,
    .open .dropdown-toggle.close {
        color: white;
        background-color: var(--naranja);
        border-color: var(--naranja);
    }


/*mostrar mensaje de espera*/
.overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.overlayContent {
    z-index: 10001;
    margin: 250px auto;
    width: 80px;
    height: 80px;
}

    .overlayContent h2 {
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: var(--naranja);
        border-radius: 40px;
    }

    .overlayContent img {
        width: 80px;
        height: 80px;
    }

/*paginacion de Datatable*/
/*.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--naranja) !important;
    border-color: #337ab7;
}*/

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    z-index: 3;
    color: white !important;
    cursor: default;
    background-color: var(--naranja) !important;
    border-color: #337ab7;
    background: var(--naranja) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    z-index: 3;
    color: white !important;
    cursor: default;
    background-color: var(--naranja) !important;
    border-color: #337ab7;
    background: var(--naranja) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    z-index: 3;
    color: white !important;
    cursor: default;
    background-color: var(--naranja) !important;
    border-color: #337ab7;
    background: var(--naranja) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:disabled {
    z-index: 3;
    color: white !important;
    cursor: default;
    background-color: var(--naranja) !important;
    border-color: #337ab7;
    background: var(--naranja) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    z-index: 3;
    color: white !important;
    cursor: default;
    background-color: var(--naranja) !important;
    border-color: #337ab7;
    background: var(--naranja) !important;
}


th {
    background-color: var(--naranja);
    color: white;
}

/*.text-icon {
    color: var(--naranja) !important;
}

.page-link {
    background-color: var(--naranja) !important;
    border-color: white !important;
}*/

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    background-color: var(--naranja) !important;
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
}

.dataTables_wrapper .dataTables_length {
    float: right !important;
}

table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right {
    background-color: var(--naranja) !important;
}

/*div.dataTables_wrapper div.dataTables_filter input {
    width: 100% !important;
}*/

