.containerImg{
    position: absolute;
    top: 3%;
    left: 0%;
    width: 100%;
    height: 100%;
    /*background-image: url(../../images/backgrounds/3_login_Big.png);*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.containerGeneralLogin{
    /*background-image: url(../../images/backgrounds/5_Logo.png);*/
    z-index: 1;
    position: absolute;
    top: 9%;
    left: 0%;
    width: 100%;
    background-size: 16% 23.5%;
    background-repeat: no-repeat !important;
    background-position: 98% 2% !important;
}

.restaurant{
    position: absolute;
    top: 6vw;
    right: 1%;
    width: 15vw;
    height: 15vw;
    border-radius: 100%;
}

.softipyme{
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 10% 12%;
    background-image: url(../../images/backgrounds/5_Logo.png);
    background-position: 0% 100%;
}

.titleLogin{
    font-size: 3.5vw;
    text-align: center;
}

.divButtonNumber{
    width: 28%;
    height: 19.6%;
}

.containerLogin{
    float: left;
}


.description strong{
    color: rgb(99, 16, 116);
    text-align: center;
}




.btn-login{
    text-align: center !important;
}

.usr-active{
    background-color: #81B0FF!important;
}

.btnContainer{
    height: 140px;
    width: 145px;
    max-height: 130px;
    max-width: 120px;
}

.nameUser {
    text-align: center !important;
    margin-left: 7%;
}

.target-user {
    max-height: 115px !important;
    max-width: 118px !important;
    padding-left: 1px !important;
}

.btnContainer  {
    border: 1.5px solid black;
    margin: 0;
    padding: 0;
    border-radius: 400px;
    overflow: hidden;
    margin: 5px 5px 5px 5px ;
    z-index: 1;
}
.divContainerButton{
    max-width: 15% !important;
    text-align: center !important;
    margin: 0.5%;
    padding: 0.5%;
    background-color: white !important;
    float: left;
}
.btnNumber{
    width: 55px;
    height:55px;
    background-color:#ffffff !important;
    margin: 5px;
    padding:10px;
    border-radius: 50px;
    font-family: url(../fonts/Monserrat/Monserrat-Regular.ttf) format("truetype");
    font-size: 2rem;
    line-height:32px;
    border: 2px solid #d6dbd8;
}


/*
*|---------------------------------------------------------------------------------------------------------------------------------|
*|-----------------------------------------------------------| Inicio Diseño Carousel|---------------------------------------------|
*|---------------------------------------------------------------------------------------------------------------------------------|
*/

.carousel-inner.onebyone-carosel {
    margin: auto; width: 90%;
}
.onebyone-carosel .active.left {
    left: -33.33%;
}
.onebyone-carosel .active.right {
    left: 33.33%;
}
.onebyone-carosel .next {
    left: 33.33%;
}
.onebyone-carosel .prev {
    left: -33.33%;
}
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
/*
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
*/
/* Reposition the controls slightly */
.carousel-control {
    left: -12px;
}
.carousel-control.right {
    background-color: #4eb293 !important;
    background-image: none;
    width: 5%;
    border-radius: 5vw;
    margin-right: 1.5%;
}
.carousel-control.left {
    background-color: #4eb293 !important;
    background-image: none;
    width: 5%;
    border-radius: 5vw;
    margin-left: 1.5%;
}

/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
    background: #333333;
}
.itemsCenter{
    padding: 0% 6%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.containerItem{
    width: 80% !important;
    left: 10% !important;
}
.btnClose{
    position: absolute !important;
    margin-left: 13% !important;
    margin-top: -3% !important;
}
.d-desktop {
    display: block !important;
}
.d-mobile {
    display: none !important;
}
.d-mobileH {
    display: none !important;
}
.d-mobileV {
    display: none !important;
}
.adminTitle{
    font-size: 1vw;
}
@media (max-width: 768px)and (orientation: portrait) {
    .d-desktop {
        display: none !important;
    }
    .d-mobile {
        display: block !important;
    }
    .btnClose{
        position: relative !important;
        margin-left: 0% !important;
        margin-top: 0% !important;
    }
    .containerGeneralLogin {
        background-size: 16% 6%;
        background-position: 98% 0.25% !important;
    }
    .carousel-control.right,
    .carousel-control.left{
        height: 80%;
        width: 10%;
        margin-left: 5%;
    }
    .itemsCenter {
        padding: 0% 11% 0% 7.5%;
    }
    .containerItem {
        width: 90% !important;
        left: 10% !important;
    }
    .divButtonNumber {
        width: 30%;
        height: 21%;
    }
    .divContainerButton {
        max-width: 40% !important;
    }
    .btnContainer {
        height: 20%;
        width: 100%;
        max-height: 100%;
        max-width: 100%;
    }
    .d-desktop {
        display: none !important;
    }
    .d-mobileH{
        display: none !important;
    }
    .d-mobileV{
        display: block !important;
    }
    .adminTitle {
        font-size: 2.5vw;
    }
    .restaurant{
        width: 25vw;
        height: 25vw;
        top: 0;
    }
    .softipyme{
        background-size: 25% 9%;
        background-position: 50% 100%;
    }
}
@media (max-width: 768px) and (orientation: landscape)  {
    .containerGeneralLogin {
        background-size: 15% 15%;
        background-position: 98% 2% !important;
        top: 16%;
    }
    .carousel-control.right,
    .carousel-control.left{
        height: 90%;
        width: 7%;
        margin-left: 5%;
    }
    .titleLogin {
        margin-top: 4%;
    }
    .itemsCenter {
        padding: 0% 8%;
    }
    .containerItem {
        width: 90% !important;
        left: 10% !important;
    }
    .divButtonNumber {
        width: 25%;
        height: 21%;
    }
    .centerXsLandScape {
        position: absolute;
        top: 15%;
        left: 65%;
        width: 40%;
    }

    .divContainerButton {
        max-width: 20% !important;
    }
    .btnContainer {
        height: 20%;
        width: 100%;
        max-height: 100%;
        max-width: 100%;
    }
    .d-desktop {
        display: none !important;
    }
    .d-mobileH{
        display: block !important;
    }
    .d-mobileV{
        display: none !important;
    }
    #myCarousel2{
        width: 60%;
    }
    .adminTitle {
        font-size: 1.4vw;
        margin-left: 12%;
    }
    .nameUser {
        padding: 0%;
    }
    .btnNumber {
        width: 35px;
        height: 35px;
        font-size: 1.5rem;
        line-height: 10px;
    }
    .widthLandscapeHr{
        width: 60%;
    }
    .restaurant{
        top: 0;
    }
    .softipyme{
        background-size: 15% 13%;
        background-position: 50% 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {

}
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

}
@media (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {

}
@media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {

}
@media (min-width: 1200px) and (orientation: portrait) {

}
@media (min-width: 1200px) and (orientation: landscape) {

}