body{
    background-size: cover;
      
      }  



/*.login{background:#F7F7F7}*/
.login .fa-paw{font-size:22px}a
.hiddenanchor{display:none}
.login_wrapper{right:0;margin:5% auto 0;max-width:350px;position:relative}
.cropper .docs-cropped .modal-body>canvas,
.cropper .docs-cropped .modal-body>img,
.cropper .img-container>img,.cropper .img-preview>img{max-width:100%}
.login_form,.registration_form{position:absolute;top:0;width:100%}
.registration_form{z-index:21;opacity:0;width:100%}
.login_form{z-index:10}#signin:target~.login_wrapper 
.login_form,#signup:target~.login_wrapper 
.registration_form{z-index:22;animation-name:fadeInLeft;animation-delay:.1s}#signin:target~.login_wrapper 
.registration_form,#signup:target~.login_wrapper 
.login_form{animation-name:fadeOutLeft}
.animate{-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-o-animation-duration:.5s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-timing-function:ease;animation-fill-mode:both}
.login_box{padding:20px;margin:auto}
.alignleft{margin-right:15px}
.alignright{float:right;margin-left:15px}
.clearfix:after,form:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.login_content{margin:0 auto;padding:25px 0 0;position:relative;text-align:center;text-shadow:0 1px 0 #fff;min-width:280px}
.login_content a:hover{text-decoration:underline}
.login_content h1{font:400 25px Helvetica,Arial,sans-serif;letter-spacing:-.05em;line-height:20px;margin:10px 0 30px}
.login_content h1:after,
.login_content h1:before{content:"";height:1px;position:absolute;top:10px;width:20%}
.login_content h1:after{background:#7e7e7e;background:linear-gradient(left,#7e7e7e 0,#fff 100%);right:0}
.login_content h1:before{background:#7e7e7e;background:linear-gradient(right,#7e7e7e 0,#fff 100%);left:0}
.login_content h2{font:400 20px Helvetica,Arial,sans-serif;letter-spacing:-.05em;line-height:20px;margin:10px 0 30px}
.login_content h2:after,
.login_content h2:before{content:"";height:1px;position:absolute;top:10px;width:20%}
.login_content h2:after{background:#7e7e7e;background:linear-gradient(left,#7e7e7e 0,#fff 100%);right:0}
.login_content h2:before{background:#7e7e7e;background:linear-gradient(right,#7e7e7e 0,#fff 100%);left:0}
.login_content form{margin:20px 0;position:relative}
.login_content form input[type=text],
.login_content form input[type=email],
.login_content form input[type=password]{border-radius:3px;-ms-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;-o-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;border:1px solid #c8c8c8;color:#777;margin:0 0 20px;width:100%}
.login_content form input[type=text]:focus,
.login_content form input[type=email]:focus,
.login_content form input[type=password]:focus{-ms-box-shadow:0 0 2px #ed1c24 inset;-o-box-shadow:0 0 2px #ed1c24 inset;box-shadow:0 0 2px #A97AAD inset;background-color:#fff;border:1px solid #A878AF;outline:0}
#username{background-position:10px 10px!important}
#password{background-position:10px -53px!important}
.login_content form div a{font-size:12px;margin:10px 15px 0 0}
.reset_pass{margin-top:10px!important}
.login_content div 
.reset_pass{margin-top:13px!important;margin-right:39px;float:right}
.separator{border-top:1px solid #D8D8D8;margin-top:10px;padding-top:10px}
.login_content form input[type=submit]{float:left;margin-left:38px}

.resp_block {
    background-color: #FFFFFF;
    border-radius: 5px;
    float: left;
    margin-bottom: 10px;
    min-height: 222px;
    padding: 10px;
    position: relative;
}
.resp_block{
    width: 100%;
    border-radius: 0 0 0.25rem 0.25rem;
    border: 1px solid #C7C8CA;
    border-top: none;
    min-height: none;
    padding: .1rem;
    transition: all 0.2s linear;
    box-sizing: border-box;

}
.sombra21{
    box-shadow: 5px 10px 7px rgba(0,0,0,0.5), -5px -10px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 10px 7px rgba(0,0,0,0.5), -5px -10px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 10px 7px rgba(0,0,0,0.5), -5px -10px 7px rgba(0,0,0,0.5);
}
.sombra2{
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 4rem auto 0;
    max-width: 900px;
    background: white;
    border: 1px solid #aaa;
    padding: 3rem
}


.sombr {
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    background: #ddd;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.modal-confirm {    
        color: #636363;
        width: 345px;
        
      }
      .modal-confirm .modal-content {
        padding: 2px;
        border-radius: 5px;
        border: none;
      }
      .modal-confirm .modal-header {
        border-bottom: none;   
            position: relative;
      }
      .modal-confirm h4 {
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -15px;
      }
      .modal-confirm .form-control, .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px; 
      }
      .modal-confirm .close {
            position: absolute;
        top: -5px;
        right: -5px;
      } 
      .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
      } 
      .modal-confirm .icon-box {
        color: #2AAAFF;    
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -70px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 9;
        background: url(../img/icono.png)no-repeat;
        background-position: center;
        /*background: #82ce34;*/
        padding: 15px;
        text-align: center;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
      }
      .modal-confirm .icon-box i {
        font-size: 58px;
        position: relative;
        top: 3px;
      }
      .modal-confirm.modal-dialog {
        margin-top: 80px;

      }
        .modal-confirm .btn {
            color: #fff;
            border-radius: 4px;
        /*background: #82ce34; color de fondo del boton*/ 
        text-decoration: none;
        transition: all 0.4s;
            line-height: normal;
            border: none;
        }
      .modal-confirm .btn:hover, .modal-confirm .btn:focus {
        background: #0DC541;
        outline: none;
      }
      .trigger-btn {
        display: inline-block;
        margin: 100px auto;
      }