body {
/*    background-image: url("../../Public/Images/LOGINBACK.png");
    background-size: 100% 100vh;
    background-repeat: no-repeat;*/
}


.color-wh {
    color: #FFF !important;
}

.color-lg {
    color: #ABC100 !important;
}

.color-md {
    color: #5D858B !important;
}

.color-dk {
    color: #062C3A !important;
}

.back-lg {
    background-color: #ABC100 !important;
}

.back-md {
    background-color: #5D858B !important;
}

.back-dk {
    background-color: #062C3A !important;
}

.contenedor {
    background-color: #062c3af5 /*#96b8baaa*/;
    height: 40vh !important;
    width: 40% !important;
    margin-left: 55%;
    margin-top: -29%;
    padding: 1.5%;
    border-radius: 30px;
    position: absolute;
    z-index: 2;
}
.LogoDiv img {
    width: 20%;
    margin-left: 9%;
    margin-top: 6%;
    margin-bottom: 4%;
}
.LogoDiv2 img {
    width: 20%;
    margin-left: 9%;
    margin-top: 6%;
    margin-bottom: 4%;
}
h1, h2, h3, h4, h5 {
    color: #96B8BA /*#062C3A*/;
    font-weight: bold;
}
.LoginTitles h1{
    font-size: 200% !important;
}
.LoginTitles h2 {
    font-size: 150% !important;
}
.LoginInputs h2 {
    font-size: 125% !important;
}
.loginInputs {
    background-color: #96b8ba;
    border-color: #062C3A;
    font-size: 16px;
    width: 60%;
    font-weight: bold;
    color: #062C3A;
    text-align: center;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(6,44,57,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(6,44,57,1);
    box-shadow: 0px 0px 7px 0px rgba(6,44,57,1);
    height: 100% !important;
    padding: 0px;
}
.loginMessages h5 {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border-radius: 3px;
}
#loginMessagesText h5{
    font-size: 80% !important;
}
.oculta {
    display: none !important;
}

.OlvidoClaveText {
    color: #FFF !important;
    font-weight: 600;
    font-size: 90% !important;
}

.RegistrarText {
    color: #062C3A !important;
    font-weight: bold;
    font-size: 100% !important;
}

.OlvidoClaveText:hover {
    cursor: pointer;
    font-weight: bold;
}

.RegistrarText:hover {
    cursor: pointer;
    font-weight: bold;
    font-size: 110% !important;
}
.btn-primaryedt {
    background-color: #96b8ba;
    border-color: #96b8ba;
    color: #062C3A;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 7px 0px rgb(6, 44, 57);
    -moz-box-shadow: 0px 0px 7px 0px rgba(6,44,57,1);
    box-shadow: 0px 0px 7px 0px rgb(6, 44, 57);
    font-size: 80%;
}
.btn-primaryedt:hover {
    background-color: #338198;
    color: white;
    border-color: #062C3A;
    -webkit-box-shadow: 0px 0px 7px 0px rgb(6, 44, 57);
    -moz-box-shadow: 0px 0px 7px 0px rgba(6,44,57,1);
    box-shadow: 0px 0px 7px 0px rgb(6, 44, 57);
}
.contenedor_Waiting {
    left: 0px !important;
    top: 0px !important;
    opacity: 0.3 !important;
    background-color: #062C3A !important;
    width: 100vw !important;
    height: 100vh !important;
    position: absolute;
    z-index: 999999;
    display: none;
}
.contenedor_Waiting .e-image {
    top: 45vh !important;
    left: 45vw;
    position: relative;
}
.text-end {
    text-align: right !important;
}
.RecLineLeft, .RecLineRigth {
    border-top: solid 4px #062C3A;
    min-width: 100%;
    display: block;
    margin-top: 15%;
}
.RecO {
    font-size: 180%;
    color: #062C3A;
    font-weight: 500;
}
.RecSeparator {
    margin-left: 0%;
    margin-top: 0%;
}
#TYPE_DOC {
    background-color: #96b8ba !important;
    border-color: #062C3A !important;
}
#TYPE_DOC option {
    background-color: #96b8ba;
    border-color: #062C3A;
}
.colDatReg > ul > li {
    font-size: 85%;
    padding: 3px;
}
.colDatReg > ul {
    width: 120%;
    padding: 2px;
}


/******************** Slider ********************/

html, body {
    margin: 0;
    padding: 0;
}

.slider-wrap {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
    background-color: #062c3a91;
}

.single-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    animation: slider-animation;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    background-size: 100% 100vh;
}

#slide-1 {
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/1.png");
}

#slide-2 {
    animation-delay: 5s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/2.png");
}

#slide-3 {
    animation-delay: 10s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/3.png");
}

#slide-4 {
    animation-delay: 15s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/4.png");
}


#slide-6 {
    animation-delay: 20s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/6.png");
}

#slide-7 {
    animation-delay: 25s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/7.png");
}

#slide-8 {
    animation-delay: 30s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/8.png");
}

#slide-9 {
    animation-delay: 35s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/9.png");
}

#slide-10 {
    animation-delay: 40s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/10.png");
}
#slide-11 {
    animation-delay: 45s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/11.png");
}

#slide-12 {
    animation-delay: 50s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/12.png");
}


#slide-14 {
    animation-delay: 55s;
    background-color: #062c3a91;
    background-image: url("../../Public/Images/LoginsBacks/14.png");
}


@keyframes slider-animation {


    0% {
        opacity: 0;
    }

    3% {
        opacity: 1;
    }

    10% {
        opacity: 1;
    }

    16% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/******************** Slider ********************/

.assembly {
    position: relative;
    float: right;
    color: #96B8BA;
    font-weight: bold;
    margin-top: -4vh;
    z-index: 3;
    margin-right: 5%;
}


.btn-primary {
    color: #fff;
    background-color: #062c3a;
    border-color: #062c3a;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #062c3abd;
        border-color: #062c3abd;
    }

.modal-header {
    background-color: #062C3A !important;
}

button.close {
    color: white
}