/* CSS Document */
#form-serviceType .bootstrap-select
{
  width: 100%;
}

.gray-background
{
	background-color: #eee;
}

.white-background
{
	background: white;
    padding: 20px;
    padding-bottom: 30px;
    padding-top: 40px;
    box-shadow: 3px 3px 10px #aaa;
}

.navbar-inverse {
    background-color: #333;
    border-color: #333;
    box-shadow: 3px 3px 10px #aaa;
}

h1, h2, h3, h4, h5
{
	color: gray;
	padding-left: 15px;
}

div .warning
{
    background: #fcf8e3;
    color: black;
    border: 0.5px solid gray;
}

.general-info .col-xs-3
{
    padding: 5px;
}

.form-check-input:checked[type=checkbox],
.form-check-input:checked[type=radio] {
  border: none;
}

.bg-login {
    position: relative;
    /* background: url("../img/bg-psp-min.jpg"); */
    background: #009cb7;
    background-position: center center;
    background-size: cover;
}
.bg-login::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.5) 100%);
}

.custom-file-label::after {
    content: "Seleccionar Archivo"
}

/* templarally hide button "prev"  */
.wizard .actions > ul > li:first-child {
    display: none;
}

.sidenav-header {
    height: auto;
}
.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
    max-height: 124px;
}

.custom-file-input {
    width: 100% !important;
    opacity: 0 !important;
    margin: 0 !important;
}


.custom-file-label .hint {
    display: block;
    width: 100%;
    max-width: calc(100% - 166px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sticky {
    position: fixed;
    /* width: 100%; */
    bottom: 0;
    right: 0;
    /* padding-top: 30px; */
    margin-right: 30px;
    margin-bottom: 30px;
    /* background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, transparent 100%); */
    z-index: 999;
    color: #fff;
    border: 1px solid #dee2e6;
    /* background-color: #3c4d69; */
    border-radius: .375rem;
    justify-content: flex-end;
    padding: 0.5rem 0.5rem;
    /* width: 412px; */
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
    background: #000000;
}


.custom-control.custom-checkbox ul {
    padding: 0;
    list-style: none;
}
.custom-control.custom-checkbox input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}


.wizard-card[data-color="green"] .nav-pills > li.active > a:after,
.wizard-card[data-color="green"] .wizard-navigation .progress-bar {
    background-color: #009cb7;
}
.wizard-card[data-color="green"] .nav-pills .icon-circle.checked {
    border-color: #009cb7;
}
.wizard-card[data-color="green"] .nav-pills > li.active > a,
.wizard-card[data-color="green"] .choice.active .card-checkboxes {
    color: #009cb7;
}
.navbar .navbar-nav > li > a.btn.btn-success.btn-fill,
.btn-success.btn-fill {
    background-color: #0a2f3f;
}
.navbar .navbar-nav > li > a.btn.btn-success,
.btn-success {
    border-color: #0a2f3f;
}

.navbar .navbar-nav > li > a.btn.btn-success.btn-fill:hover,
.navbar .navbar-nav > li > a.btn.btn-success.btn-fill:focus,
.navbar .navbar-nav > li > a.btn.btn-success.btn-fill:active,
.navbar .navbar-nav > li > a.btn.btn-success.btn-fill.active,
.open > .navbar .navbar-nav > li > a.btn.btn-success.btn-fill.dropdown-toggle,
.btn-success.btn-fill:hover, .btn-success.btn-fill:focus,
.btn-success.btn-fill:active, .btn-success.btn-fill.active,
.open > .btn-success.btn-fill.dropdown-toggle {
    background-color: #0a2f3f;
    border-color: #0a2f3f;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    background-color: #0a2f3f;
    border-color: #0a2f3f;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.form-check-input {
  border: 1px solid #d2d6da;
}

/* datatables */
.dt-buttons {
  margin-bottom: 1.25rem;
}

.dt-button.buttons-excel {
  padding: 8px 16px;
  letter-spacing: -.025rem;
  background-color: #8392ab;
  border: none;
  color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}

.dataTables_filter input {
  border: 1px solid #d2d6da;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}

.dataTables_length select {
  margin: 0 4px;
  padding: 0.5rem;
  border: 1px solid #d2d6da;
  border-radius: 0.5rem;
}


.dataTables_paginate .paginate_button {
  border: 1px solid #d2d6da;
  border-radius: 0.5rem !important;
}


.table thead th {
  padding: .75rem .5rem;
}


@media (min-width: 1200px) {
  .sidenav.fixed-start+.main-content+footer {
    margin-left: 17.125rem;
  }
}