@charset "utf-8";

    /*html, body, div, span, applet, object, iframe, h1, h2, h3,
    h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
    address, big, cite, code, del, dfn, em, font, img, ins,
    kbd, q, s, samp, small, strike, strong, sub, sup, tt,
    var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 18px;
        font-family: inherit;
        vertical-align: baseline;
    }

    :focus {
        outline: 0;
    }

    a:link, a:visited, a:active {
        text-decoration: none;
        color: #21b3b4;
    }*/
    
    /*table {   border-collapse: separate;border-spacing: 0; width: 100%;}
    th, td {text-align: left; font-weight: normal;}
    tr{line-height: 30px;}
    img, iframe {border: none; text-decoration:none;}
    ol, ul {list-style: none;}
    input, textarea, select, button {font-size: 100%;font-family: inherit;}
    *, *:after, *::before{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

    body {
        font-family: arial;
        background: #F0F2F1;
        overflow-x: hidden;
    }*/

    .hide {
        display: none;
    }

    .trigger-custom {
        padding: 10px 20px;
        border-radius: 3px;
        border: 0;
        background: #ccc;
        font-size: 14px;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #aaa;
        cursor: pointer;
    }

    .trigger-custom:hover {
        background: #d5d5d5;
    }

    .iziModal-content header {
        background: #eee;
        margin-bottom: 10px;
        overflow: hidden;
        border-radius: 3px 3px 0 0;
        width: 100%;
    }

    .iziModal-content header a {
        display: none;
        /**float: left;**/
        width: 100%;
        padding: 0;
        font-size: 1.5em;
        font-weight: 600;
        text-align: center;
        background: #008045;
        color: #fff;
        height: 73px;
        vertical-align: middle;
        line-height: 73px;
    }

    .iziModal-content header a.active {
        background: #fff;
        color: #fff;
        display: block;
    }

    .iziModal-content section {
        padding: 30px;
    }

    .iziModal-content section input:not([type="checkbox"]), .iziModal-content section button, input[type=submit].btnStyle {
        width: 94% ;
        border-radius: 3px !important;
        border: 3px solid #ddd !important;
        margin-bottom: 26px;
        padding: 7px !important;
        font-size: 18px;
    }

    .iziModal-content section button,input[type=submit].btnStyle {
        height: 46px !important;
        padding: 0;
    }

    .iziModal-content section input:focus {
        border-color: #28CA97;
    }

    .iziModal-content section label[for="check"] {
        margin-bottom: 26px;
        font-size: 14px;
        color: #999;
        display: block;
    }

    .iziModal-content section footer {
        overflow: hidden;
    }

    .iziModal-content section button,input[type=submit].btnStyle {
        background: #000;
        color: #fff;
        margin: 0.1em !important;
        border: 0;
        cursor: pointer;
        width: 48.2% !important;
        float: left;
    }
    
    .iziModal-content section button:hover,input[type=submit].btnStyle:hover {
        background: #fff !important;
        color: #000 !important;
        margin: 0.1em !important;
        border: 1px solid #000 !important;
        cursor: pointer;
        width: 48.2% !important;
        float: left;
    }


    iziModal-content section button:hover {
        opacity: 0.8;
    }

    iziModal-content section button:nth-child(1) {
        border-radius: 3px 0 0 3px;
        background: #aaa;
    }

    .iziModal-content section button:nth-child(2),input[type=submit].btnStyle:nth-child(2) {
        border-radius: 0 3px 3px 0;
    }

    section.info input[type="submit"] {
    margin-right: 7px;
    float: left;
    }
    
    section.info .description {
        margin-bottom: 2em;    
    }

    .iziModal-content .icon-close {
        background: #FFF;
        margin-bottom: 10px;
        position: absolute;
        right: -8px;
        top: -8px;
        text-indent: -3px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 50%;
        border: 1px solid #282411;
        width: 30px;
        height: 30px;
        min-width: auto;
        border: 1px solid #333;
        color: #333;
        cursor: pointer;
    }

        .iziModal-content .icon-close:hover, .iziModal-content .icon-close:focus {
            color: black;
        }


    /**/


    /**/


    @-webkit-keyframes wobble {
        from {
            -webkit-transform: none;
            transform: none;
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes wobble {
        from {
            -webkit-transform: none;
            transform: none;
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

      .iziModal.left {
        width: 48.2%;
        float: left;
    }

      .iziModal.right {
        width: 48.2%;
        float: right;
    }

      .iziModal footer.reg {
        display: table;
        width: 100%;
    }

        footer.reg .button {
            float: right;
        }

    .description {
        display: block;
        margin: 0 0 1em;
        font-size: 14px;
        text-align: center;
        color: #7b7777;
    }
    
    section.register .button[type="submit"] {
        width: 94% !important;
        }

    section.login .button, section.register .button {
        display: table;
        margin: 0 auto;
        width: 50% !important;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        float: none;
    }
    
    #forget.login .button {
        width: 100% !important;
    }

    section.login .button:hover, section.register .button:hover {
    color: #fff !important;
    }
    
    section.register .formulario select, #forget .formulario select {
    width: 100% !important;
    font-size: 1em;
    margin: 5px 0 5px 0;
    box-shadow: 0 0;
    height: 45px;
}


    .forget {
        background: #e8bf03;
        display: inline-block;
        width: 100%;
        padding: 1em;
        text-align: center;
        border: 1px solid rgba(132, 132, 132, 0.1);
    }

        .forget a {
            color: #fff;
        }

    .login .logo {
        margin-bottom: 1em;
        display: block;
    }

        .login .logo img {
            width: 60%;
        }

    .inline:last-child {
        border-left: 1px solid #fff;
    }

    .buttonModal {
        background: #28CA97;
        color: white;
        margin: 0;
        border: 0;
        cursor: pointer;
        width: 50%;
        float: left;
    }


    .erroresLogin {
        background: #206489 !important;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        color: #fff;
        display: none;
        font-size: 12px;
        margin-top: -60px;
        margin-left: 180px;
        padding: 10px;
        position: absolute;
        -webkit-border-radius: 10px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

        .erroresLogin:before {
            border-bottom: 8px solid transparent;
            border-left: 8px solid transparent;
            border-right: 8px solid #206489 !important;
            border-top: 8px solid transparent;
            content: '';
            left: -16px;
            position: absolute;
            top: 8px;
        }

    .mostrar {
        display: block;
    }

    .ocultar {
        display: none;
    }
    
    .success .description {
    position: relative;
    margin-bottom: 0;
}

.success .description span {
    font-size: 1.1em;
    display: inline-block;
    }

#modal-modifications .success {
    position: relative;
}

#modal-modifications .iziModal-header-title i {
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 50%;
    margin-right: 10px;
}

#RecaptchaModal div:first-child {
    width: 250px !important;
    height: 77px;
    border-radius: 3px;
    position: relative;
    left: 4px;
    float: left;
}

#RecaptchaModal div:first-child:before {
    content: "";
    width: 1px;
    height: 76px;
    position: absolute;
    top: 0px;
    right: 6px;
    border-right: 1px solid lightgrey;
    border-radius: 6px;
}

#RecaptchaModal div:first-child:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 7px;
    background: #f9f9f9 url(https://www.gstatic.com/recaptcha/api2/logo_48.png) no-repeat center;
    background-size: 40px;
    width: 75px;
    height: 55px;
}

#RecaptchaModal iframe {
    width: 100%;
    margin-left: -7px;
}


a.btnBack{
    color:#CCC !important;
    display: block;
    position: absolute;
    top: 6px;
    z-index: 2;
    outline: none !important;
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    transition: transform 0.5s cubic-bezier(.16,.81,.32,1), opacity 0.5s ease;
    background-size: 67% !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
a:hover.btnBack{
    color: #000 !important;
}

a:active.btnBack{
    cursor: pointer;
}

.checkbox{
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    margin:0 !important;
    vertical-align: bottom !important;
    position: relative !important;
    top: -1px !important;
    *overflow: hidden !important;
}