/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/*Personalizacion*/
.imgPerfil {
    border: 3px solid #FFF;
    height: 150px;
    position: relative;
    width: 150px;
}
.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
    display: block;
}
.empresaLogo {
    height: 70px;
}
.loginscreen.middle-box {
    width: 300px;
}

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}
.text-danger {
    text-align: left !important;
}
/*Notes*/
.rednote {
    background: #ff6060 !important;
}
ul.notes li {
    margin: 10px 40px 50px 0;
    float: left;
}

    ul.notes li div p {
        font-size: 12px;
    }

    ul.notes li div {
        text-decoration: none;
        color: #000;
        background: #ffc;
        display: block;
        height: 140px;
        width: 140px;
        padding: 1em;
        /* Firefox */
        -moz-box-shadow: 5px 5px 2px #212121;
        /* Safari+Chrome */
        -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
        /* Opera */
        box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
    }

    ul.notes li div {
        -webkit-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
    }

    ul.notes li:nth-child(even) div {
        -o-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        position: relative;
        top: 5px;
    }

    ul.notes li:nth-child(3n) div {
        -o-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        position: relative;
        top: -5px;
    }

    ul.notes li:nth-child(5n) div {
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        position: relative;
        top: -10px;
    }

    ul.notes li div:hover,
    ul.notes li div:focus {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        position: relative;
        z-index: 5;
    }

    ul.notes li div {
        text-decoration: none;
        color: #000;
        background: #ffc;
        display: block;
        height: 210px;
        width: 210px;
        padding: 1em;
        -moz-box-shadow: 5px 5px 7px #212121;
        -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
        box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
        -moz-transition: -moz-transform 0.15s linear;
        -o-transition: -o-transform 0.15s linear;
        -webkit-transition: -webkit-transform 0.15s linear;
    }
        ul.notes li div small {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 10px;
        }
ul.notes li, ul.tag-list li {
    list-style: none;
}
    ul.notes li div a {
        position: absolute;
        right: 10px;
        bottom: 10px;
        color: inherit;
    }

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.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 #e5e5e5;
}

.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 */
}
.loginpageverona1 {
    background-image: url(/css/app/verona1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #8EB8F1;
}
.loginpageverona2 {
    background-image: url(/css/app/verona2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #8EB8F1;
}
.loginpageverona3 {
    background-image: url(/css/app/verona3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #8EB8F1;
}

@media only screen and (max-width: 799px) {
    .loginpageverona1 {
        background-image: url(/css/app/verona1.jpg);
    }
    .loginpageverona2 {
        background-image: url(/css/app/verona2.jpg);
    }
    .loginpageverona3 {
        background-image: url(/css/app/verona3.jpg);
    }
}