.navbar-nav .nav-item:not(:last-child) {
   border-right: 1px solid silver;
}

@media (max-width: 768px) {
  .navbar-nav .nav-item:not(:last-child) {
    border-right: none;
  }
}

.crosshair {
  cursor: crosshair;
}

.underline {
  text-decoration: underline;
}

tr {
  cursor: pointer;
}

.modal-content-custom {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background: #fff;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

/*

@media (min-width: 992px) {
  .modal-dialog {
    max-width: 70%;
  }
}

.li_custom{
  list-style-type: none;
  margin: 0 0 1em; 
}

li em { 
  
    height: 100%;
    vertical-align: middle;
    justify-content: center;
    display: inline-block;
}

li span {
    vertical-align: middle;
    display: inline-block;
} */

.no-bullet{
  list-style-type: none;
}

.modal-footer-custom {
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer-custom > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer-custom > :not(:last-child) {
  margin-right: .25rem;
}

.flex-even {
  flex: 1;
}

.m-auto{
  margin: auto !important;
}

.wow{
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}

.card-font-size{
  font-weight: 500;
  font-size: larger;
}

.btn-miupi {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(231, 0, 51, 1);
  border-color: rgba(231, 0, 51, 1);
}

.btn-miupi:hover {
  color: rgba(255, 255, 255, 1);
  background-color:  rgba(163, 0, 35, 1);
  border-color:  rgba(163, 0, 35, 1);
}

.btn-miupi:focus, .btn-miupi.focus {
  box-shadow: 0 0 0 0.2rem rgba(231, 0, 51, 0.5);
}

.btn-miupi.disabled, .btn-miupi:disabled {
  color: rgba(255, 255, 255, 1);
  background-color:  rgba(231, 0, 51, 0.5);
  border-color: rgba(231, 0, 51, 0.5);
}

.btn-miupi:not(:disabled):not(.disabled):active, .btn-miupi:not(:disabled):not(.disabled).active,
.show > .btn-miupi.dropdown-toggle {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(163, 0, 35, 1);
  border-color: rgba(163, 0, 35, 1);
}

.btn-miupi:not(:disabled):not(.disabled):active:focus, .btn-miupi:not(:disabled):not(.disabled).active:focus,
.show > .btn-miupi.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(163, 0, 35, .5);
}

.btn-ru {
  color: rgba(255, 255, 255, 1);
  background-color: #6c757d;
  border-color: #6c757d;
  min-width: 5em;
  display: inline-block;
  vertical-align: middle;
}

.btn-ru:hover {
  color: rgba(255, 255, 255, 1);
  background-color:  #86151b;
  border-color:  #86151b;
}

.btn-ru.active, .btn-ru:active {
  color: rgba(255, 255, 255, 1);
  background-color:  #c82027;
  border-color:  #c82027;
}

.btn-ru:focus, .btn-ru.focus {
  box-shadow: 0 0 0 0.2rem rgba(156,24,31,.5);
}

.btn-ru.disabled, .btn-ru:disabled {
  color: rgba(255, 255, 255, 1);
  background-color:  #6c757d;
  border-color: #6c757d;
}

.btn-ru:not(:disabled):not(.disabled):active, .btn-ru:not(:disabled):not(.disabled).active,
.show > .btn-ru.dropdown-toggle {
  color: rgba(255, 255, 255, 1);
  background-color: #86151b;
  border-color: #86151b;
}

.btn-ru:not(:disabled):not(.disabled):active:focus, .btn-ru:not(:disabled):not(.disabled).active:focus,
.show > .btn-ru.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(156,24,31,.5);
}

.bg-error{
  background:  #fbb03b;
}

.bg-lightgray{
  background-color: lightgray !important;
}

.text-white{
  color: rgba(255, 255, 255, 1) !important;
}

a{
  color: #17a2b8;
}

a:hover{
  color: #0d616e;
}

.form-control-miupi {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(73, 80, 87, 1);
  background-color: rgba(255, 255, 255, 1);
  background-clip: padding-box;
  border: 1px solid rgba(206, 212, 218, 1);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-miupi::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control-miupi:focus {
  color: rgba(73, 80, 87, 1);
  background-color: rgba(255, 255, 255, 1);
  border-color:  rgba(231, 0, 51, 1);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(231, 0, 51, 0.25);
}

.form-control-miupi::-webkit-input-placeholder {
  color: rgba(108, 117, 125, 1);
  opacity: 1;
}

.form-control-miupi::-moz-placeholder {
  color: rgba(108, 117, 125, 1);
  opacity: 1;
}

.form-control-miupi:-ms-input-placeholder {
  color: rgba(108, 117, 125, 1);
  opacity: 1;
}

.form-control-miupi::-ms-input-placeholder {
  color: rgba(108, 117, 125, 1);
  opacity: 1;
}

.form-control-miupi::placeholder {
  color: rgba(108, 117, 125, 1);
  opacity: 1;
}

.form-control-miupi:disabled, .form-control-miupi[readonly] {
  background-color: rgba(233, 236, 239, 1);
  opacity: 1;
}

select.form-control-miupi:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control-miupi:focus::-ms-value {
  color: rgba(73, 80, 87, 1);
  background-color: rgba(255, 255, 255, 1);
}

.form-control-miupi-file,
.form-control-miupi-range {
  display: block;
  width: 100%;
}

.bg-ru {
  background-color:#c82027 !important;
  color: white;
}

.bg-miupi {
  background-color: rgba(231, 0, 51, 1) !important;
  color: white;
}

.text-lightgray {
  color: beige;
}

.text-gold{
  color: gold;
}

.bg-miupi-gallo2 {
  background: rgb(231,0,51);
  background: radial-gradient(circle, rgba(231,0,51,1) 44%, rgba(173,0,38,1) 100%);
}

a.bg-miupi:hover, a.bg-miupi:focus,
button.bg-miupi:hover,
button.bg-miupi:focus {
  background-color: rgba(231, 0, 51, 1) !important;
}

.btn-create{
  background-image: none !important;
  color: #ffffff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-cancelar{
  background-image: none !important;
  color: #ffffff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.display-none{
  display: none;
}

.login-flex-basis {
  flex-basis: 34rem;
}

.bg-gris {
  background: rgba(238, 238, 238, 1);
}


.form-signin {
  background: rgba(255, 255, 255, 0.400);
  border: 1px;
  border-radius: 1.2rem !important;
}

.min-h-100 {
  min-height: calc(100vh) !important;
}
  .min-w-50 {
  min-height: calc(50vw) !important;
}
.max-h-9rem {
  max-height: 9rem;
}

.si-glyph-sign-out {
  width:24px;
  height:24px;
}

.si-glyph-document-pdf {
  width:24px;
  height:24px;
}
.bg-pizarra{
  border: 15px solid dimgray;
  background: url(/includes/images/pizarra.png)
}
.wrapper {
  margin: auto;
  text-align: center;
}

/* Note styles */
.note-wrap {
  max-width: 275px;
  min-height: 235px;
  padding: 35px;
  margin: 0 22px 44px 22px;
  position: relative;
  font-size: 24px;
  vertical-align: top;
  display: inline-block;
  font-family: Englebert, Arial;
  color: rgba(75, 69, 60, 1);
  background: rgba(247, 233, 153, 1);
  line-height: 34px;
  text-align: center;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.note-wrap:before {
  display: block;
  content: "";
  background: rgba(227, 200, 114, 0.4);
  width: 130px;
  height: 28px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px/18px 0;
  position: absolute;
  top: -13px;
  left: 73px;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.note-yellow {
  background: rgba(255, 231, 78, 1);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

.note-blue {
  background: rgba(26, 182, 207, 1);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.note-pink {
  background: rgba(225, 119, 104, 1);
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

.note-green {
  background: rgba(169, 205, 0, 1);
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}

.card-hover:hover {
   background: rgba(108, 117, 125, 1);
   color: rgba(255, 255, 255, 1);

}
.card-hover:hover img {
  -webkit-animation:pulsate-bck .5s ease-in-out both;animation:pulsate-bck .5s ease-in-out both
}

@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}

.sec-center {
  margin-left: auto;
  margin-right: auto;
}

.desactivado {
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.activado {
  transition: opacity 1s ease-in;
  opacity: 1;
  height: auto;
  padding: 1em;
  width: 100%
}

.medio{
 margin: 0;
 display: grid;
 place-items: center;
}

.birdLoader {
position: relative;
height: 200px;
width: 200px;
display: grid;
grid-template-rows: 35px 65px 65px 35px;
grid-template-columns: 35px 30px 35px;
}

.birdLoader__red {
position: absolute;
top: 0px;
left: -25px;
width: 200px;
height: 200px;
background: url("/includes/images/Cresta.png");
background-repeat: no-repeat;
background-size: 100%;
font-size: 28px;
line-height: 100%;
color: rgba(255, 255, 255, 1);
text-align: center;
transform-origin: center center;
animation: red 3s ease-in-out infinite;
z-index: 1;
}

.birdLoader__white {
grid-column: 2 / 3;
grid-row: 2 / 4;
height: 130px;
width: 65px;
border-radius: 65px 0 0 65px;
background: rgba(255, 255, 255, 1);
transform-origin: right center;
animation: white 3s ease-in-out infinite;
z-index: 1;
}

.birdLoader__grey {
grid-column: 2 / 3;
grid-row: 3 / 4;
height: 65px;
width: 65px;
border-radius: 0 0 0 65px;
background-color: rgba(231, 231, 231, 1);
transform-origin: right top;
animation: grey 3s ease-in-out infinite;
z-index: 1;
}

.birdLoader__yellow {
grid-column: -1;
grid-row: 2 / 3;
height: 65px;
width: 65px;
border-radius: 0 65px 0 0;
background-color: rgba(247, 206, 66, 1);
transform-origin: left bottom;
animation: yellow 3s ease-in-out infinite;
z-index: 1;
}

.birdLoader__orange {
position: absolute;
top: 95px;
left: 85px;
height: 100%;
width: 100%;
background: url("/includes/images/wattles.png");
background-repeat: no-repeat;
background-size: 60px;
text-align: center;
transform-origin: center center;
animation: orange 3s ease-in-out infinite;
z-index: 0;
}

.birdLoader__blue {
grid-column: 3 / 3;
grid-row: 2 / 3;
align-self: end;
height: 35px;
width: 35px;
border-radius: 50%;
background-color: #18233e;
animation: blue 3s ease-in-out infinite;
z-index: 2;
}

.loading span {
-webkit-animation-name: blink;
        animation-name: blink;
-webkit-animation-duration: 1.4s;
        animation-duration: 1.4s;
-webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}

.loading span:nth-child(2) {
-webkit-animation-delay: .2s;
        animation-delay: .2s;
}

.loading span:nth-child(3) {
-webkit-animation-delay: .4s;
        animation-delay: .4s;
}

.bounce.btn #move{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.bounce.btn:hover #move{
cursor: pointer;
animation-name: bounce;
-moz-animation-name: bounce;
}

@keyframes bounce {
0%,
100%,
20%,
50%,
80% {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
40% {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
60% {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}
}

@-webkit-keyframes blink {
0% {
  opacity: .2;
}
20% {
  opacity: 1;
}
100% {
  opacity: .2;
}
}

@keyframes blink {
0% {
  opacity: .2;
}
20% {
  opacity: 1;
}
100% {
  opacity: .2;
}
}

@keyframes red {
25%, 50% {
  transform: scaleX(-1) translateX(-25%);
}
75%, 100% {
  transform: translateX(0%);
}

}
@keyframes white {
25%, 50% {
  transform: rotate(-180deg);
}
75%, 100% {
  transform: rotate(-360deg);
}
}
@keyframes grey {
25%, 50% {
  transform: rotate(-90deg);
}
75%, 100% {
  transform: rotate(0);
}
}
@keyframes yellow {
25%, 50% {
  transform: rotate(-90deg);
}
75%, 100% {
  transform: rotate(0);
}
}
@keyframes orange {
25%, 50%{
  transform: scaleX(-1) translateX(85%);
}
75%, 100% {
  transform: scaleX(1);
}
}
@keyframes blue {
25%, 50% {
  transform: translateX(100%);
}
75%, 100% {
  transform: translateX(0);
}
}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.bg-miupi-gallo {
  background-image: url('/includes/images/gallo2.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.mob-nav{
  justify-content: center;
}

.card-size {
  width: calc(25rem + (100vh * .1));
  font-size: calc(1rem);
  transition: width 1s;
}

}

@media only screen and (max-width: 768px) {
.flex-size-card{
  flex-basis: 100%;
}
}

@media only screen and (min-width: 768px) {
.flex-size-card{
  flex: 1;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 320px) {
.bg-miupi-gallo {
  background-image: url('/includes/images/gallo2.png');
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
}

.justify-sm-center {
  justify-content: center !important;
}

.mob-nav{
  float: right;
}

.card-size {
  width: calc(25rem + (100vh * .1));
  font-size: calc(1rem);
  transition: width 1s;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.bg-miupi-gallo {
  background-image: url('/includes/images/gallo2.png');
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.mob-nav{
  float: right;
}

.card-size {
  width: calc(25rem + (100vh * .1));
  font-size: calc(1rem);
  transition: width 1s;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.bg-miupi-gallo {
  background-image: url('/includes/images/gallo2.png');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.card-size {
  width: calc(25rem + (100vh * .1));
  font-size: calc(1rem);
  transition: width 1s;
}


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


}

@media (min-width: 2040px) and (max-width: 3050px) {
.card-columns {
  column-count: 6 !important;
}

.card-size {
  width: calc(20rem + (100vh * .1));
  font-size: calc(1rem);
  transition: width 1s;
}
}

@media screen and (orientation:portrait) {
 .bg-gracias-p{
   display: inline;
 }
 .bg-gracias-l{
   display: none;
 }
}

@media screen and (orientation:landscape) {
 .bg-gracias-l{
   display: inline;
 }
 .bg-gracias-p{
   display: none;
 }
}

/* Datatables Custom CSS */

.pagination {
justify-content: center !important;
}

.page-link {
color: #17a2b8 !important;
}

.page-item.active .page-link{
background-color: #17a2b8 !important;
border-color: #17a2b8 !important;
color: white !important;
}

.DTED_Lightbox_Close {
line-height: 0px !important;
}