body, html {
        width:100%;
        height:100%;
        background:#ebeff1;
        margin:0;
        padding:0;
    }
    .modal_rel {
        /*width:60%;*/
        width:auto;
        min-width:60%;
        height:auto;
        min-height:220px;
        background:#fbfafa;
        padding:0;
        position:absolute;
        z-index:1001;  
        /*left:20%;*/ 
        top:15%;  
        margin:auto       
    }
    .modal_header {
        width:100%;
        height:50px;
        background:#3a90e2;
    }
    .modal_header > span {
        width:10%;
        display:inline-block;
        padding-top:10px;
        text-align:center;
        color:white;
        font-weight:900;
        font-size:20px;
    }
    .modal_header > label {
        font-weight:600;
        font-size:20px;
        color:white;
        display:inline-block;
        width:80%;
        height:100%;
    }
    .modal_header > a {
        color:white;
        width:8%;
        font-size:19px;
        text-align:right;
        display:inline-block;
        text-decoration:none;
    }
    .modal_contenido {
        width:auto;
        text-align:center;
        padding:0px 25px;
        height:auto;
    }
    .overlay_modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(6,26,38,0.3);
        z-index: 1000;
    }
    /**/
    .alertaValidacion {
        /*width:60%;*/
        width:auto;
        min-width:300px;
        height:auto;
        min-height:60px;
        background:#79ffa5;
        padding:5px;
        position:absolute;
        z-index:1002;  
        left:40%; 
        top:20%;  
        margin:auto       
    }
    .alertaValidacion>p {
        /*width:60%;*/
        width:100%;
        margin:0;
        padding-top:0;
        padding-bottom:0;
        padding-left:10px;
             
    }
    .alertaValidacion>input[type='button'] {
        width:40%;
        height:30px;
        font-size:12px;
        margin:auto; 
        left:30%;
        position:relative           
    }
    .overlayValidacion {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(6,26,38,0.3);
        z-index: 1001;
    }
    /**para el movimiento*/
@keyframes slide-inn
{
    0%
    {
        top: -2000px;
    }

    100%
    {
       top: 0;
    }
}

@-moz-keyframes slide-inn
{
    0%
    {
        top: -2000px;
    }

    100%
    {
       top: 0;
    }
}

@-webkit-keyframes slide-inn
{
    0%
    {
        top: -2000px;
    }

    100%
    {
       top: 0;
    }
}

@keyframes slide-outn
{
    0%
    {
        top: 3%;
    }

    100%
    {
        top: -2000px;
    }
}

@-moz-keyframes slide-outn
{
     0%
    {
        top: 3%;
    }

    100%
    {
        top: -2000px;
    }
}

@-webkit-keyframes slide-outn
{
     0%
    {
        top: 3%;
    }

    100%
    {
        top: -2000px;
    }
}

    @media only screen and (max-width: 460px) {
    .modal {
        width:92%;
        height:70%;
        left:4%;
    }
    }


    /**chiwi*/
     /*Nueva modal Confirmacion*/

.comfirm-alert-overlay {
    /*position: absolute;*/
    position: fixed;/*relman*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);    
    z-index:10010;/*relman*/
}

.comfirm-alert {
    background-color: #EEEEEE; 
}

.comfirm-alert__title {
    background-color: tomato;
    padding: 10px 0;
    text-align: center;
    color: #E8E8E8;
    font-weight: bold;
    font-size: 18px;
}

.comfirm-alert__content {
    background-color: #DDDDDD;
    padding: 10px 6px;
    color: #333333;
    font-size: 17px;
}

.comfirm-alert__buttons { 
    background-color: #DDDDDD;
    text-align: right;
}

.comfirm-alert__button_Center { 
    background-color: #DDDDDD;
    text-align: center;
}

.comfirm-alert__button_Center input[type=button] {
    background-color: #1d9f2b;
    border: none;
    margin: 6px;
    font-size: 13px;
    padding: 8px 6px; 
    color: white;
    cursor: pointer;
    outline: none;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

.comfirm-alert__buttons input[type=button] {
    background-color: #1d9f2b;
    border: none;
    margin: 6px;
    font-size: 13px;
    padding: 8px 6px; 
    color: white;
    cursor: pointer;
    outline: none;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}


.comfirm-alert__buttons input[type=button]:hover {
    border-bottom: 2px solid tomato;
}

.comfirm-alert__buttons input[type=button]:first-child {
    margin-right: 0;
}


.comfirm-alert__buttons input[type=button]:last-child {
    margin-left: 0;
}

.comfirm-alert__buttons input[type=button] + input[type=button] {
    background-color: orange;
}

.comfirm-alert__button_Center input[type=button]:hover {
    border-bottom: 2px solid tomato;
}

.comfirm-alert__button_Center input[type=button]:first-child {
    margin-right: 0;
}


.comfirm-alert__button_Center input[type=button]:last-child {
    margin-left: 0;
}

.comfirm-alert__button_Center input[type=button] + input[type=button] {
    background-color: orange;
}