/* 
    Created on : 11 ago. 2024, 19:18:54
    Author     : Walter Willis
*/
 div.box-tools ul.zero-margin {
        float: left;
        clear: both;
        margin: 0;
        margin-right: 3px;
    }
    .zero-margin>li>a, .zero-margin>li>spam {
        padding: 4px 14px;
    }
    /*modal floating */
    .myAlert-top{
        position: fixed;
        top: 5px;
        left:2%;
        width: 96%;
        z-index: 2000;
    }

    .myAlert-bottom{
        position: fixed;
        bottom: 5px;
        left:2%;
        width: 96%;

    }

    div.fullscreen {
        position: absolute;
        width:100%;
        height:960px;
        top: 0;
        left: 0;
        background-color: lightblue;

    }

    .alert{
        display: none;
    }

    .last-price{
        text-decoration:line-through;
    }

    .productinfo h2{
        margin-top: 4px;
    }
    .productinfo h6{
        margin-top: 20px;
        margin-bottom: 3px;
        color: #b5bbc8;
    }
    .product-price {
        background: #FE980F;
        top: 0;
        display: none;
        height: 0;
        position: absolute;
        /*transition: height 500ms ease 0s;*/
        width: 100%;
        display: block;
        opacity: 1;
        text-align: center;
    }
    .product-price .price-content{
        /*top: 70%;*/
        margin-top: 70%;
        color: #FE980F;
        font-size: 0.75em;
        /*background-color:#333;*/
    }
    .productinfo p{
        margin-top: 14px;
    }

    .panel-default{
        margin-top: 0px;
    }
    /*
    div.panel .panel-heading{
        padding: 0px 20px;
    }
    */
    .category-products .panel-default .panel-heading{
        padding: 0px 20px;
        font-size: 12px;
    }
    .category-products .panel-default .panel-heading .panel-title{
        font-size: 12px;
    }
    .category-products .panel-default .panel-heading .panel-title a{
        font-size: 12px;
        text-transform: none;
        font-family: Lato,sans-serif;
    }
    .category-products .panel-default .panel-heading .panel-title a:hover{
        text-decoration: underline;
    }

    div .productinfo h2 {
        font-size: 20px;
    }
    div .productinfo p{
        font-size: 12px;
        height: 40px;
    }

    .ln-sub-cat{
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }

    /* menu login */

    /* */
    label{
        font-weight: normal;
    }
    #loginBox {
        position: absolute;
        top: 44px;
        right: 0;
        display: none;
        z-index: 299;
        color: #b5bbc8;
        background-color: #000000;
        font-weight: normal;
    }

    #loginForm #body fieldset label {
        display: block;
        float: none;
        margin: 0 0 6px 0;

    }

    #loginForm {
        width: 248px;
        border: 1px solid #000000;
        border-radius: 3px 0 3px 3px;
        -moz-border-radius: 3px 0 3px 3px;
        margin-top: -1px;
        background: #000000;
        padding: 6px;
    }
    #loginForm input {
        width: 92%;
        border: 1px solid #899caa;
        border-radius: 3px;
        -moz-border-radius: 3px;
        color: #3a454d;
        font-weight: bold;
        padding: 8px 8px;
        box-shadow: inset 0px 1px 3px #bbb;
        -webkit-box-shadow: inset 0px 1px 3px #bbb;
        -moz-box-shadow: inset 0px 1px 3px #bbb;
        font-size: 12px;
    }
    #loginForm fieldset {
        margin: 0 0 12px 0;
        display: block;
        border: 0;
        padding: 0;
    }
    #loginForm #checkbox {
        width: auto;
        margin: 1px 9px 0 0;
        float: left;
        padding: 0;
        border: 0;
    }
    Form #login {
        width: auto;
        float: left;
        background: #FE980F;
        color: #fff;
        padding: 7px 10px 8px 10px;
        text-shadow: 0px -1px #278db8;
        border: 1px solid #000000;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0 12px 0 0;
        cursor: pointer;
    }
    fieldset#body {
        background: #000;
        border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 10px 13px;
        margin: 0;
    }

    #loginOut{
        color:#FE980F;
    }

    /* menu categories */
    /*    .navbar-header{
            float:left!important;
        }*/
    .navbar-collapse.collapse, .dropdown-toggle{
        float:left!important;
    }
    .navbar-toggle{
        float:left;
        margin-left: 15px;
    }
    .navbar-inverse .navbar-nav>li>a{
        float:left!important;
        color: #0095da;
    }
    .navbar-collapse ul.nav {
        float:left;
    }

    .lnk-search-bar, .enls-links{
        /*        padding-top: auto;
                padding-bottom: auto;*/

    }
    /*    .navbar-header-full-links, .navbar-header-full{
            padding-top: 12px;
        }*/
    .navbar-search, .navbar-links{
        float:right;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .navbar-links{
        margin-left: 15px;
    }

    .navbar-right .navbar-search input{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*        box-shadow: inset 0px 0px 0px 0px #ccc;*/
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -webkit-appearance: none;
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        border: none;
        line-height: 26px;
    }
    /* menu */
    .navbar-right .navbar-links a {
        /* background: #FFFFFF; */
        color: #0095da;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        padding-right: 0;
        margin-top: 5px;
        text-decoration: none;
    }
    .navbar-right .navbar-links a:hover {
        color: #fe980f;
    }

    .navbar-right>navbar-links>a:hover, .navbar-right>navbar-links>a:focus {
        text-decoration: none;
        background-color: #b7b6b6;
    }
    .navbar-right navbar-links a:hover {
        color: #fe980f;
        background: transparent;
    }
    .navbar-right .navbar-links a{
        margin-right: 15px;
        padding-top:5px;
        line-height: .5em;
        float:right!important;
    }
    .navbar-right .bar-space-links{
        padding-top: 12px;
    }
    .navbar-right .navbar-links a span i{
        margin-right: 4px;
    }
    #bnt-form-login{
        background-color: #428bca;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        line-height: 2;
        font-size: 14px;
    }
    .navbar-collapse.collapse{
        margin-top: 7px;
    }
    /* about */
    .navbar-right .navbar-links a span{
        display: inline-block;
    }
    .navbar-right .navbar-links a span i.icon-about{
        display: inline-block;
        clear: both;
        float: left;
        font-size: 1.7em;
    }
    /*
    * the configure for multiple phones
    */
    @media (max-width: 480px) { /* roy mate 9 */
        #frm-shop-1 .form-control-feedback{
            right: 30%;
        }
        .navbar-toggle  {
            margin-top: 13px;
        }
        .navbar-links a {
            margin-top: 0px;
        }
        /*        h2.title{
                    color:red;
                }*/
    }
    @media (max-width: 415px) { /* doogge s60 */
        #frm-shop-1 .form-control-feedback{
            right: 28%;
        }
        .navbar-toggle  {
            margin-top: 13px;
        }
        .navbar-links a {
            margin-top: 0px;
        }
        /*        h2.title{
                    color:green;
                }*/
    }

    @media (max-width: 320px) {
        .navbar-right .navbar-search input{

        }
        .navbar-right .navbar-links a span.usr-login{
            display: none;
        }
        .navbar-right .navbar-links a{
            padding-top: 0px;
        }
        #frm-shop-1 .form-control-feedback{
            right: 20%
        }
        /*        h2.title{
                    color:#bbb;
                }*/
    }
    @media (max-width: 360px) {
        .navbar-right .navbar-links a span.usr-login{
            display: none;
        }
        .navbar-right .navbar-search{
            width: 219px;
        }
    }
    @media (max-width: 432px) {
        .navbar-right .navbar-links a span.usr-login{
            display: none;
        }
        .navbar-right .navbar-search{
            width: 264px;
            margin-right: 21px;
        }
        #frm-shop-1 .form-control-feedback{
            right: 18%;
        }
    }
    @media (max-width: 568px) {
        .navbar-right .navbar-links a{
            padding-top: 15px;
        }

    }
    @media (max-width: 767px) {
        .navbar-header-full, .navbar-header-full-links {
            display: none;
        }
        .social-icons, .info-client-pst{
            display: none;
        }
        .navbar-right .navbar-search input{

        }
        .navbar-right .navbar-links a span.usr-login{
            display: none;
        }
        .navbar-right .navbar-links a{
            padding-top: 14px;
        }

        #frm-shop-1 .form-control-feedback{
            right: 20%
        }
        #recommended-item-carousel .carousel-inner .item .col-sm-3, .prod_tab .tab-pane .col-sm-3 {
            width: 33%;
            margin-right: 0px;
            float: left;
        }
    }
    @media screen and (min-width: 280px) and (max-width: 768px){
        .features_items a .col-sm-3{
            width: 45%;
            float: left;
        }
        .features_items a div.col-sm-3 {
            min-height: 467px;
        }
        /*        .container .row .col-sm-3{
                    display: none;
                }*/
    }
    @media (min-width: 768px){
        /*        .navbar-collapse{
                    width: 100%;
                }*/
        .navbar-header-min {
            display: none;
        }
        /*        .navbar-links #login-dp{
                    
                }*/
    }

    @media (max-width: 769px){
        #login-dp-tb {
            background-color: inherit;
            color: #fff;
            width: 100%;
        }
        #frm-shop-1 .form-control-feedback{
            right: 18%;
        }

    }

    @media (min-width: 769px){
        #header .collapse2 {
            display: none!important;
        }

    }
    #navbarText{

    }
    .nav-item{
        width: 100%;
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 3px;
        padding-bottom: 3px;
        line-height: 17px;
        font-weight: normal;
        color: #fff;
    }

    #header .navbar .container .navbar-collapse ul.navbar-category{
        float: left;
        width: 100%;
        padding-left: 0;
        margin-top: 0;
    }
    .navbar-category #accordian{
        width: 100%;
    }
    /* Para 960px */
    @media only screen and  (min-width: 821px) {
        .navbar-inverse .navbar-nav>li>a{
            padding-top: 14px;
        }
    }

    /* Para 800px */
    @media only screen and (max-width: 820px) and (min-width: 691px) {
        .navbar-right .navbar-search {
            width: 78%;
            margin-right: 21px;
        }
        #frm-shop-1 .form-control-feedback{
            right: 11%;
        }
        .navbar-right .navbar-links a{
            padding-top: 14px;
        }
        #header .navbar-inverse .container .navbar-header .navbar-toggle{
            margin-top: 15px;
        }
    }

    @media only screen and (max-width: 690px) and (min-width: 621px) {
        .navbar-right .navbar-search {
            width: 75%;
            margin-right: 21px;
        }
        #frm-shop-1 .form-control-feedback{
            right: 12%;
        }
        .navbar-right .navbar-links a{
            padding-top: 14px;
        }
        #header .navbar-inverse .container .navbar-header .navbar-toggle{
            margin-top: 15px;
        }
        .pagination-ln{
            float:left;
        }
    }

    /* Para 600px */
    @media only screen and (max-width: 620px) and (min-width: 501px) {
        .navbar-right .navbar-search {
            width: 68%;
            margin-right: 2%;
        }
        #frm-shop-1 .form-control-feedback{
            right: 14%;
        }
        .navbar-right .navbar-links a{
            padding-top: 14px;
        }
        #header .navbar-inverse .container .navbar-header .navbar-toggle{
            margin-top: 15px;
        }
        .pagination-ln{
            float:left;
        }
    }

    /* Para 480px */
    @media only screen and (max-width: 500px) and (min-width: 361px) {
        .navbar-right .navbar-search {
            width: 64%;
            margin-right: 1.5%;
        }
        #frm-shop-1 .form-control-feedback{
            right: 15%;
        }
        #header .navbar-inverse .container .navbar-header .navbar-toggle{
            margin-top: 15px;
        }
        .pagination-ln{
            float:left;
        }
    }

    /* Para 320px */
    @media only screen and (max-width: 360px) and (min-width: 5px)  {
        .navbar-right .navbar-search {
            width: 52%;
        }
        #frm-shop-1 .form-control-feedback {
            right: 23%;
        }
        .pagination-ln{
            float:left;
        }

    }

    /* boton de login */
    #bnt-form-login-ln, .btn.btn-primary{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color : #fff;
        background-color: #0095da;
    }

    /* *boton categorias */
    #header .navbar-inverse .navbar-toggle {
        border-color: none;
        border-style: none;
    }
    #header .navbar-inverse .navbar-toggle:hover,
    #header .navbar-inverse .navbar-toggle:focus {
        background-color: none;
    }
    #header .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #0095da;
    }
    #header .navbar-inverse .navbar-collapse,
    #header .navbar-inverse .navbar-form {
        border-color: #101010;
    }
    #header .navbar-inverse .navbar-nav > .open > a,
    #header .navbar-inverse .navbar-nav > .open > a:hover,
    #header .navbar-inverse .navbar-nav > .open > a:focus {
        color: #0095da;
        background-color: #080808;
    }


    #login-dp-tb, #login-dp-ln {
        min-width: 250px;
        padding: 14px 14px 0;
        overflow: hidden;
        background-color: rgba(255,255,255,1);
        float:none;
    }

    /* temporal style menu */
    .header-middle{
        display: none;
    }

    /* header */
    .navbar-right .navbar-search input.lnk-search-bar2{
        border-width: 0px;
        height: 28px;
    }
    /* header menu category */
    /*    .navbar-inverse .navbar-nav > li > a {
            color:#333;
            font-size: 14px;
            font-weight: normal;
        }
        #header .navbar-inverse .navbar-nav > li > a:hover{
            color:#fe980f;
        }*/
    #header .collapse2 ul.navbar-nav{
        background-color:#fff;
        float:left;
        margin: 0 -15px;
    }
    .features_items a div.col-sm-3{
        min-height: 433px;
    }
    /* menu navbar */


    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus{
        color:#FE980F;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: #1577dc;
        background-color: transparent;
    }

    /* menu navbar mobil */
    .collapse2 .navbar .nav-item a, .navbar-inverse .navbar-nav > li > a{
        width: 100%;
    }
    .collapse2 .navbar-nav .nav-item ul.list-unstyled{
        margin-left: 10px;
    }


    .glyphicon:empty {
        width: 1.6em;
    }
    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 44px;
        height: 44px;
        line-height: 64px;
        text-align: center;
        pointer-events: none;
        color: #0095da;
        font-size: 19px;
    }
    .has-feedback {
        position: relative;

    }
    .img-logo-center{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .fa-cust{
        font-size: 1.9em;
    }

    div.single-products a {
        text-decoration: none;
    }
    .link-category{
        margin-left: 0px;
        margin-right: 20px;
    }
    ul li span a{
        background-color: transparent;
    }
    ul li a:hover{
        background-color: transparent;
    }

    li ul.show-sub{
        display: block;
        -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
        -o-transition:all 0.4s ease-out;  /* Opera */
        -moz-transition:all 0.4s ease-out;  /* Mozilla Firefox */
        -ms-transition:all 0.4s ease-out;   /* Internet Explorer */
        transition:all 0.4s ease-out;  /* W3C */
        transition-property: sliding-vertically;
        opacity: 1;
    }
    .link-sist-sub{
        position: relative;
    }

    /*  sub categoria */
    ul.link-sist-sub{
        /*        border-bottom: 1px solid rgba(0,0,0,0.15);
                border-top: 1px solid rgba(0,0,0,0.15);*/
        padding: 0px;
        margin-left: 15px;
        margin-right: 0px;
        margin-top:0px;
        margin-bottom: 0px;
        border-bottom: none;
        border-top: none;
        border-left: none;
        border-right: none;
        box-shadow: none;
        opacity: 1;
        -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
        -o-transition:all 0.4s ease-out;  /* Opera */
        -moz-transition:all 0.4s ease-out;  /* Mozilla Firefox */
        -ms-transition:all 0.4s ease-out;   /* Internet Explorer */
        transition:all 0.4s ease-out;  /* W3C */
        transition-property: sliding-vertically;
    }
    ul.link-sist-sub.show-sub{

    }
    .navbar-nav>li>.dropdown-menu{
        min-width: 250px;
    }


    ul.link-sist-sub li.nav-item a span.anc-link{
        margin-left: 15px;
    }
    ul li a.dropdown-sub i.fa{
        color: #0095da;
    }

    .dropdown-menu li a:hover{
        font-size: 15px;
    }

    .navbar-nav > li ul#mn-catg{
        padding-left:10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* probe web */

    /* toas and message */

    .swal2-icon.swal2-info {
        border-color: ligthen(#17a2b8, 20%);
        color: #17a2b8;
    }

    .swal2-icon.swal2-warning {
        border-color: ligthen(#ffc107, 20%);
        color: #ffc107;
    }

    .swal2-icon.swal2-error {
        border-color: ligthen(#dc3545, 20%);
        color: #dc3545;
    }

    .swal2-icon.swal2-question {
        border-color: ligthen(#6c757d, 20%);
        color: #6c757d;
    }

    .swal2-icon.swal2-success {
        border-color: ligthen(#28a745, 20%);
        color: #28a745;
    }

    .swal2-icon.swal2-success .swal2-success-ring {
        border-color: ligthen(#28a745, 20%);
    }

    .swal2-icon.swal2-success [class^='swal2-success-line'] {
        background-color: #28a745;
    }

    #toast-container .toast {
        background-color: #007bff;
    }

    #toast-container .toast-success {
        background-color: #28a745;
    }

    #toast-container .toast-error {
        background-color: #dc3545;
    }

    #toast-container .toast-info {
        background-color: #17a2b8;
    }

    #toast-container .toast-warning {
        background-color: #ffc107;
    }

    /* especial message */
    .swal2-popup.swal2-toast {

        flex-direction: row;
        align-items: center;
        width: auto;
        padding: .75rem .25rem;
        overflow-y: hidden;
        box-shadow: 0 .25rem .75rem

            rgba(0,0,0,.1);

    }
    .swal2-icon {

        position: relative;
        box-sizing: content-box;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        zoom: normal;
        border: .25em solid

            transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
        font-family: inherit;
        line-height: 5em;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

    }
    .swal2-popup.swal2-toast.swal2-show {

        -webkit-animation: swal2-toast-show .5s;
        animation: swal2-toast-show .5s;

    }
    .swal2-popup.swal2-toast {

        padding: .50rem 1.05rem;
        font-size: .875rem;

    }

    .swal2-toast {

        max-width: 350px;
        border-radius: .25rem;
        background-color:

            rgba(255,255,255,.85);

    }
    .swal2-popup {

        padding: 0;
        border: 1px solid

            rgba(0,0,0,.2);

    }
    .swal2-show {

        -webkit-animation: swal2-show .3s;
        animation: swal2-show .3s;

    }

    .swal2-popup {

        display: none;
        position: relative;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1rem;
        border: rgba(0,0,0,.1) solid 1px;
        border-radius: .3rem;
        background:

            #fff;
        background-color: rgb(255, 255, 255);
        font-family: inherit;
        font-size: 1rem;

    }

    .swal2-title {
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word;
    }

    .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: swal2-toast-show .5s;
        animation: swal2-toast-show .5s;
    }

    .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: .875rem;
    }

    .swal2-popup.swal2-toast .swal2-title {
        margin: 0;
        color:
            #6c757d;
    }
    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        position: fixed;
    }
    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0;
    }

    .swal2-icon.swal2-error {
        border-color:
            #dc3545;
    }
    .swal2-icon {
        position: relative;
        box-sizing: content-box;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        zoom: normal;
        border: .25em solid
            transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
        font-family: inherit;
        line-height: 5em;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .swal2-icon {
        font-family: inherit;
        line-height: 5em;
        cursor: default;
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
        left: .3125em;
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
        top: .875em;
        width: 1.375em;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
        left: 1.0625em;
        transform: rotate(45deg);
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color:
            #dc3545;
    }
    .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row;
    }
    .swal2-popup.swal2-toast .swal2-header {
        padding: 0;
        border-bottom: 0;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
        right: 1em;
        transform: rotate(-45deg);
    }
    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
        right: .3125em;
    }
    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
        top: .875em;
        width: 1.375em;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color:
            #dc3545;
    }
    .swal2-container {
        display: flex;
        position: fixed;
        z-index: 1060;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: .625em;
        overflow-x: hidden;
        background-color: transparent;
        -webkit-overflow-scrolling: touch;
    }

    .error-alert-login{
        border-color: red;
        box-shadow: 0 0 5px rgba(223, 4, 4, 1);
    }