html,body{
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
    color: #666666;
    
    background-color: transparent;
    /*background-color: #17a5e4;*/
    /*background-color: #1882B0;*/
    /*background-color: #0a6d9a;*/
    /*background-color: #016d9c;*/
    
    /*background-image: url(../../../admin/imagens/bg_login.svg);
    background-repeat: no-repeat;
    background-position: 50% -100px;
    background-size: 1450px;*/
    
    background: rgb(1,109,156);
background: -moz-linear-gradient(left,  rgba(1,109,156,1) 0%, rgba(15,122,183,1) 100%);
background: -webkit-linear-gradient(left,  rgba(1,109,156,1) 0%,rgba(15,122,183,1) 100%);
background: linear-gradient(to right,  rgba(1,109,156,1) 0%,rgba(15,122,183,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016d9c', endColorstr='#0f7ab7',GradientType=1 );



}
body{
    border-top: 4px #F58634 solid;
}
html{
    /*background-color: #17a5e4;*/
    
    
}


.box_geral{
    max-width: 1100px;
    margin: 0 auto;
    
    
    position: relative;
    
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px -2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px -2px;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px -2px;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px -2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px -2px;
}
.box_geral::before{
    content: ' ';
    display: block;
    width: 45%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    
    -webkit-border-radius: 19px 0px 0px 19px;
    -moz-border-radius: 19px 0px 0px 19px;
    -o-border-radius: 19px 0px 0px 19px;
    -ms-border-radius: 19px 0px 0px 19px;
    border-radius: 19px 0px 0px 19px;
    
    
    
    /*1184b7*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="118" viewBox="0 0 100 118" version="1.1"> <g transform="translate(0,-934.36216)"> <path style="opacity:1;fill:%231184b7;fill-opacity:1;stroke:none;stroke-width:140;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 0,934.3622 c 0,0 4.0280962,16.60183 28.028009,43.70383 14.249435,16.09124 31.667939,14.18403 50.523457,28.94117 21.985744,17.2069 21.44736,45.355 21.44736,45.355 L 0,1052.3622 Z"/> </g></svg>');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}
.box_geral::after{
    content: ' ';
    display: block;
    width: 45%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    
    
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -o-border-radius: 20px 0px 0px 20px;
    -ms-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
    
    background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 35%);
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0) 35%);
background: linear-gradient(45deg,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0) 35%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00ffffff',GradientType=1 );





}

.box_geral .box_banner_login{
    padding: 25px 15px;
}
.box_geral>div{
    
    background-color: #FFFFFF;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    
    padding: 25px;
}
.box_geral>div>.row{
    position: relative;
    z-index: 2;
}
.box_geral .panel{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    
    background-color: transparent;
    border: none;
}
.box_geral .panel .panel-body, .box_geral .panel .panel-heading{
    border: none;
    background-color: transparent;
    padding: 0px;
    padding-bottom: 20px;
}


.assinatura{
    text-align: center;
    height: 45px;
    line-height: 45px;
}
.assinatura a{
    font-size: 12px;
    color: #FFFFFF;
}

.box_geral .box_logo{
    max-width: 340px;
    margin: 0px;
    height: 180px;
    background-color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    border-radius: 5px;
}
.box_geral .box_logo.eh_png{
    background-color: transparent;
}
.box_geral .box_logo span{
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.box_geral .panel .panel-heading h4{
    font-size: 28px;
    line-height: 1.4;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #1C4D86;
}
.box_geral .panel .panel-heading h4 small{
    display: block;
    padding-top: 5px;
    font-size: 15px;
    color: #7b7b7b;
}

.box_geral .box_esqueci_senha{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

.box_geral .form-control{
    height: 40px;
    box-shadow: none;
    border-color: #CCCCCC !important;
    font-size: 15px;
    color: #666666;
}
.box_geral .box_chave_seguranca .parte_campo{
    padding-top: 0px;
}
.box_geral .input-group-addon{
    background-color: #FFFFFF;
}
.box_geral .input-group .form-control{
    border-left: none;
}

.box_geral .btn-primary{
    border-color: #1184B7 !important;
    background-color: #1184B7 !important;
    
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    -o-border-radius: 46px;
    -ms-border-radius: 46px;
    border-radius: 46px;
}
.box_geral .btn-primary:hover{
    border-color: #1C4D86 !important;
    background-color: #1C4D86 !important;
}
.box_geral .box_sub_imagem{
    max-width: 100px;
    margin: 0 auto;
    display: block;
    padding-bottom: 15px;
}

.box_geral .parte_dados{
    
    padding: 5px;
    max-width: 420px;
    margin: 0 auto;
}
.box_geral a{
    color: #6f6f6f;
}


/*limpar os campos*/
.box_geral .input-group-addon,
.box_geral .form-control{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    
    
    border: none;
    border-bottom: 2px #ccd3d6 solid;
    border-bottom-color: #ccd3d6 !important;
    
    -webkit-transition: border-color ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.box_geral .form-control.com_foco,
.box_geral .input-group.com_foco .input-group-addon{
    border-bottom-color: #1c4d86 !important;
}
.box_geral .input-group.com_foco .input-group-addon{
    color: #1c4d86;
}
/*limpar os campos*/

/*opções de entrada*/
.box_opcoes_entrada{
    text-align: center;
    padding: 15px 0px;
    margin: 0 auto;
    max-width: 415px;
}
.box_opcoes_entrada h4{
    margin: 0px;
    padding: 0px;
    font-size: 19px;
    color: #185993;
}
.box_opcoes_entrada button{
    display: block;
    width: 100%;
    height: 58px;
    font-size: 17px;
    position: relative;
    text-align: left;
    padding: 10px 10px 10px 54px;
    border: none;
    
    border-bottom: 2px #cccccc solid;
    
    color: #737373;
    
    
    background-color: #FFFFFF;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px -1px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px -1px;
    -o-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px -1px;
    -ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px -1px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 10px -1px;
    
}
.box_opcoes_entrada button:hover{
    background-color: #F7F7F7;
    
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -2px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -2px;
    -o-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -2px;
    -ms-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -2px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 10px -2px;
}

.box_opcoes_entrada button i{
    color: #098ccb;
}
.box_opcoes_entrada button i,
.box_opcoes_entrada button img
{
    display: block;
    font-size: 32px;
    width: 32px;
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -16px;
}
    
/*opções de entrada*/


@media (max-width: 767px) {
    /* xs */
    .box_geral::before{
        width: 80%;
        opacity: 0.1;
    }
    .box_geral::after{
        display: none;
    }
    .box_geral>div{
        padding: 5px 10px;
    }
    .box_geral .panel .panel-body{
        padding-bottom: 10px;
    }
    .box_geral .box_sub_imagem{
        display: none;
    }
}