body{background-color: #222222;}
       #barra_top{
         position: fixed;
         top:0;
         left: 0;
         align-items: center;
         width: 100%;
         height: 31px;
         font-family: "Arial";
         font-size: 14px;
         background-color: #080808e3;
        transition: top 350ms cubic-bezier(.4,0,.2,1);
        z-index: 51;
        border-bottom: 2px solid #ff7e00;

    }
    .button_cadastrar{
    background-color: transparent;
    color: #ff7e00;
    margin-right: 15%;
    width: 95px;
    height: 22px;
    margin-top: 5px;
    border: 1px solid #ff7e00;
    font-size: 12px;
    text-decoration: none
    text-align: center;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    transition: box-shadow 300ms ease 0s;
    transition: background-color 0.25s cubic-bezier(0.4,0,0.2,1),color 0.25s cubic-bezier(0.4,0,0.2,1);
        }
        .button_cadastrar:hover {
    background-color: #ff7e00;
    color: #000;
}
       .button_entrar{
    background-color: transparent;
    color: #ff7e00;
    margin-right: 1px;
    width: 75px;
    height: 22px;
    margin-top: 5px;
    border: 1px solid #ff7e00;
    font-size: 12px;
    text-decoration: none
    text-align: center;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    transition: box-shadow 300ms ease 0s;
    transition: background-color 0.25s cubic-bezier(0.4,0,0.2,1),color 0.25s cubic-bezier(0.4,0,0.2,1);
        }
        .button_entrar:hover {
    background-color: #ff7e00;
    color: #000;
}
        #h1{
            margin-top: 85px;
            font-size: 35px;
            text-transform: uppercase;
            text-shadow: 1px 1px 3px #000;
            font-weight: 400;
            text-align: center;
            color: white;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        }
        #h2{
            margin-top: 1px;
            text-shadow: 1px 1px 2px #222;
            margin: 0;
            font-weight: 400;
            font-size: 17px;
            text-align: center;
            border-radius: 6px;
            margin-bottom: 5px;
            color: #FF6600;
            font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        }
        #bloco01{
            padding: 10px;
            border-radius: 9px;
            background-color: #151515;
            flex-wrap: wrap;        
            
            top: 25px;
            max-width: 350px;
            border: 1px solid #1C1C1C;
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
            /*height: 100%;*/
            /*min-height: 100%;*/
            background-repeat: no-repeat;
            font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
            color: white;
            text-rendering: optimizeLegibility;
            box-sizing: border-box;
            display: block;
            font-size: 1rem;
            font-weight: 400;
            text-align: left;

        }
        #boxuser{
    margin-bottom: 25px;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    display: block;
    width: 83%;
    height: 35px;
    border: 1px solid #1C1C1C;
    outline: 0;
    color: #c1c1c1;
    z-index: 1;
    border-radius: 3px;
    background-color: #282828;
    transition: background-color 0.1s 300s;
    cursor: text;
    font: 400 15px Arial;
    border-width: 2px;
    padding: 2px 14px;
    
        }
        .boxent{
    color: #FFF;
    background-color: #ff6600;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 93%;
    height: 42px;
    display: block;
    padding: 12px 0;
    border: medium none;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    transition: box-shadow 300ms ease 0s;
    transition: background-color 0.25s cubic-bezier(0.4,0,0.2,1),color 0.25s cubic-bezier(0.4,0,0.2,1);
        }
        .boxent:hover {
    border: 1px solid #ff6600;
    background-color: transparent;
    color: #ff6600;
}
.group-button{margin-top: 20px;}

a,  a:visited, a:focus, a:active:hover{
    margin-top: 2px;
    margin-left: 10px;
    font-size: 14px;
    color: #FF6600;
    display: block!important;
    text-decoration: none;
    font-family:apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
    a:hover{
    text-decoration: underline;
    }
    b,  b:visited, b:focus, b:active:hover{
    margin-top: 0px;
    margin-left: 0px;
    font-size: 14px;
    color: #FF6600;
    text-decoration: none;
    font-family:apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
    b:hover{
    text-decoration: underline;
    }
#cadastrar{}
.form__field-group__field-name {
    position: absolute;
    top: 50%;
    left: 7px;
    padding: 2px 4px;
    margin-top: -13px;
    font-size: 14px;
    color: #757575;
    transition: all 0.15s linear;
    z-index: 0;
}
    .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), .form__field-group select {
    position: relative;
    display: block;
    color:#fff;
    width: 100%;
    height: 38px;
    padding: 0px;
    border: 1px solid #1C1C1C;
    border-radius: 3px;
    outline: 0;
    border-radius: 2px;
    background-color: rgba(0,0,0,0);
    transition: background-color 0.1s 300s;
	}
@font-face {
    font-family: 'FontAwesome';
    src: url('fontawesome-webfont.eot?v=4.4.0');
    src: url('fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('fontawesome-webfont.woff?v=4.4.0') format('woff'),url('fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-arrow-right:before {
    content: "\f061";
    //margin-right: 5px;
}
.fa-more:before {
    content: "\f067";
    //margin-right: 5px;
}
    .seta{
    color: solid #FFF;
    content: "\f061";
    margin-right: 3px;
}
    .seta:before {
    color: solid #000;
    content: "\f061";
    margin-right: 3px;
}

.form__field-group {
    position: relative;
    margin-bottom: 0px;
    font-size: 14px;
}
.checkbox {
    line-height: 1.2;
}
.font-13 {
    font-size: 13px;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    margin-left: 6px;
    font-size: 15px;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

    .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-name, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-name, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):valid[required] + .form__field-group__field-name, .form__field-group select.active + .form__field-group__field-name, .form__field-group select.active + .form__field-group__field-name, .form__field-group select:valid[required] + .form__field-group__field-name {
    margin-top: -25px;
    border-radius: 3px;
    font-size: 14px;
    z-index: 1;
    color: #777;
    padding: 0px;
}
.form__field-group__field-name {
    position: absolute;
    top: 25%;
    left: 26px;
    padding: 2px 4px;
    margin-top: -1px;
    font-size: 14px;
    color: #151515;
    transition: all 0.15s linear;
    z-index: 0;
}
    .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-pw, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-pw, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):valid[required] + .form__field-group__field-pw, .form__field-group select.active + .form__field-group__field-pw, .form__field-group select.active + .form__field-group__field-pw, .form__field-group select:valid[required] + .form__field-group__field-pw {
    margin-top: -35px;
    border-radius: 3px;
    font-size: 14px;
    z-index: 1;
    color: #777;
    padding: 0px;
}
.form__field-group__field-pw {
    position: absolute;
    top: 50%;
    left: 26px;
    padding: 2px 4px;
    margin-top: -12px;
    font-size: 14px;
    color: #151515;
    transition: all 0.15s linear;
    z-index: 0;
}
    .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-conpw, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-conpw, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):valid[required] + .form__field-group__field-conpw, .form__field-group select.active + .form__field-group__field-conpw, .form__field-group select.active + .form__field-group__field-conpw, .form__field-group select:valid[required] + .form__field-group__field-conpw {
    margin-top: -35px;
    border-radius: 3px;
    font-size: 14px;
    z-index: 1;
    color: #777;
    padding: 0px;
}
.form__field-group__field-conpw {
    position: absolute;
    top: 50%;
    left: 25px;
    padding: 2px 4px;
    margin-top: -12px;
    font-size: 14px;
    color: #151515;
    transition: all 0.15s linear;
    z-index: 0;
}
    .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-email, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active + .form__field-group__field-email, .form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):valid[required] + .form__field-group__field-email, .form__field-group select.active + .form__field-group__field-email, .form__field-group select.active + .form__field-group__field-email, .form__field-group select:valid[required] + .form__field-group__field-email {
    margin-top: -36px;
    border-radius: 3px;
    font-size: 14px;
    z-index: 1;
    color: #777;
    padding: 0px;
}
.form__field-group__field-email {
    position: absolute;
    top: 50%;
    left: 25px;
    padding: 2px 4px;
    margin-top: -13px;
    font-size: 14px;
    color: #151515;
    transition: all 0.15s linear;
    z-index: 0;
}