/* * Specific styles of signin component */ /* * General styles */ body, html { height: 100%; width: 100%; /* background-repeat: no-repeat; background-image: linear-gradient(rgb(104, 145, 162), rgb(2, 111, 199)); */ background-color: #fff; /*background-color: #ecf0f1;*/ } body{ /*background-image:url('img/BannerMissaoEmpresarial1920x400px.jpg');*/ background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 100%; background-size: contain; } .modal-open { overflow: hidden!important; } @font-face { font-family: 'latobold'; src: url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold'; src: url('fonts/lato-semibold.woff2') format('woff2'), url('fonts/lato-semibold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy'; src: url('fonts/lato-heavy-webfont.woff2') format('woff2'), url('fonts/lato-heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .card-container.card { max-width: 370px; padding: 40px 35px 25px; } .btn { font-weight: 700; height: 36px; -moz-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer; } /* * Card component */ .card { background-color: #FFF; /* just in case there no content*/ padding: 20px 25px 30px; margin: 0 auto 25px; margin-top: 15px; /* shadows and rounded borders */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/ -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px -2px 2px rgba(0, 0, 0, 0.3); /*-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/ -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px -2px 2px rgba(0, 0, 0, 0.3); /*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px -2px 2px rgba(0, 0, 0, 0.3); } .profile-img-card { width: 60%; margin: 0 auto 15px; display: block; /* -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; */ } /* * Form styles */ .profile-name-card { font-size: 16px; font-weight: bold; text-align: center; margin: 10px 0 0; min-height: 1em; } .reauth-email { display: block; color: #404040; line-height: 2; margin-bottom: 10px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-signin #inputEmail, .form-signin #inputPassword { direction: ltr; height: 44px; font-size: 16px; } .form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button { width: 100%; display: block; margin-bottom: 10px; z-index: 1; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-signin .form-control:focus { border-color: rgb(104, 145, 162); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162); } .btn.btn-signin { /*background-color: #4d90fe; */ /*background-color: rgb(104, 145, 162);*/ /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/ margin-bottom: 10px !important; padding: 0px; font-weight: 700; font-size: 14px; height: 36px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; -o-transition: all 0.218s; -moz-transition: all 0.218s; -webkit-transition: all 0.218s; transition: all 0.218s; } .fluig-style-guide { -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #595959; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; } .fluig-style-guide .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .fluig-style-guide.fluig-toast { width: 50%; position: fixed; padding: 10px; top: 70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1110; } .btn.btn-signin:hover, .btn.btn-signin:active, .btn.btn-signin:focus { cursor:pointer !important; background-color: rgb(0, 110, 199) !important; } .forgot-password { cursor: pointer; text-align: center; margin-top: 10px; display: block; } #modal-cad-usuario h4 { font-family: 'latoheavy'; color: #4274BD; /*font-size: 24px;*/ /*margin-bottom: 10px;*/ } #modal-cad-usuario{ box-shadow: none !important; } .cadastroUnico { width: 100%; background: #fff; box-shadow: 0px 0px 12px #ddd; /*margin-top: 20px;*/ /* padding: 5px 10px; */ padding: 5px 10px 15px 17px; border-radius: 3px; } .cadastroUnico h2 { font-family: 'latoheavy'; color: #4274BD; font-size: 20px; margin-bottom: 10px; } .obs { font-family: 'latosemibold'; color: #777; font-size: 15px; float: left; margin-right: 5px; } #formPessoaFisica { position: relative; } #principal fieldset { border-bottom: none!important; border-left: none!important; border-right: none!important; margin: 5px 0px!important; /* padding: 20px 0px 5px 0!important; */ } .formularios { margin: 0 auto!important; width: 100%; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } .containerCampo { width: 33.3%; margin-right: 0.03%; float: left; position: relative; height: 90px!important; } .containerCampo label { width: 98%; font-family: 'latoheavy'; margin-bottom: 6px!important; float: left; margin-left: 2px; color: #555; } .containerCampo input { max-width: 98%; width: 100%; font-family: 'latosemibold'; font-weight: bold; border: solid 2px #C6D4DD; border-radius: 4px; padding: 9px 2px; outline: none; margin-bottom: 10px; color: #797878; } .containerCampo select { width: 98%; font-family: 'latosemibold'; font-weight: bold; border: solid 2px #C6D4DD; border-radius: 4px; padding: 8px 2px; outline: none; margin-bottom: 10px; color: #797878; background: #fff; } .clear { clear: both!important; } fieldset#endField { padding: 0px!important; } #principal fieldset { border-bottom: none!important; border-left: none!important; border-right: none!important; margin: 5px 0px!important; /* padding: 20px 0px 5px 0!important; */ } #endField legend { padding: 13px 10px 14px 0!important; color: #0065B3!important; font-weight: bold!important; font-size: 17px!important; display: block!important; margin-left: 0px!important; } .opcaoSituacao { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding-bottom: 17px; } .opcaoSituacao h1 { font-family: 'latoheavy'; font-size: 22px; color: #4274BD; } .opcaoSituacao label { font-family: 'latosemibold'; font-size: 16px; color: #777; margin-right: 20px; cursor: pointer; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .opcaoSituacao input[type="radio"] { margin-right: 6px!important; margin-top: 12px; outline: none!important; } #fieldset_deficiencia input[type="radio"] { margin-top: 6px!important; margin-right: 6px !important; margin-left: 14px !important; } fieldset#fieldset_deficiencia { margin-top: 10px!important; float: left !important; width: 100% !important; } .deficiencia { text-align: left!important; margin: 2px 0 15px 0!important; font-size: 15px !important; color: #555 !important; } #fieldset_deficiencia .labelradiodef { font-family: 'latosemibold' !important; font-size: 16px !important; color: #777 !important; margin-right: 20px !important; cursor: pointer !important; } #fieldset_deficiencia .grauDef { clear: both!important; float: left!important; margin: 15px 0px 3px 0!important; width: 100%!important; font-size: 15px!important; color: #555!important; font-family: 'latoheavy'!important; } .news label { margin-bottom: 12px !important; font-size: 15px !important; font-family: 'latosemibold' !important; color: #254d6c !important; width: 100% !important; clear: both !important; cursor: pointer !important; } .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.28s; transition-duration: 0.28s; } .buttonCancelar { background: #e7ebec; font-family: 'latosemibold'; color: #2A5597; border: solid 1px #ccc; font-size: 15px; text-align: center; width: 111px; border-radius: 3px; padding: 4px 0; float: left; margin-left: 0px!important; cursor: pointer; } .cad-voltar { background: #2A5597; border: none; font-family: 'latosemibold'; color: #fff; font-size: 15px; text-align: center; width: 111px; border-radius: 3px; padding: 5px 0; margin-left: 0px!important; float: left!important; margin-right: 10px; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .input_confirm_cadastro { margin-right: 10px!important; } #tipoOcupacaoOutrosF{ max-width: 98%; font-family: 'latosemibold'; font-weight: bold; border: solid 2px #C6D4DD; border-radius: 4px; padding: 9px 2px; outline: none; margin-bottom: 10px; color: #797878; } .btn-primary:hover { color: #fff; background-color: #257cc7 !important; border-color: #0080ff !important; } .nomargin { margin-left: 0px!important; } #escolhadeempresa { margin-top: 15px; margin-bottom: -15px; } .produtorRuralLabel { margin-bottom: 15px !important; margin-top: 15px !important; } #escolhadeempresa label, .produtorRuralLabel { font-family: 'latosemibold'; font-size: 16px; color: #555; margin-right: 20px; cursor: pointer; } .produtorRuralLabel input[type="checkbox"] { margin-right: 6px!important; } #sectionRural { margin-top: 15px; } .CNPJ_part, .rural_part { width: 100%; height: 100px; margin-bottom: 30px; display: none; } .btnSearch { width: 30.9px; height: 40px; border: none; background: #C6D4DD; cursor: pointer; outline: none; position: absolute; right: 7px; border-radius: 0 4px 4px 0!important; top: 26px; } .btnSearch img { width: 80%; height: auto; margin-left: 0px!important; } #endField2 legend { padding: 13px 10px 14px 0!important; color: #0065B3!important; font-weight: bold!important; font-size: 17px!important; display: block!important; margin-left: 0px!important; } fieldset#endField2 { padding: 0px!important; } #principal fieldset { border-bottom: none!important; border-left: none!important; border-right: none!important; margin: 5px 0px!important; /* padding: 20px 0px 5px 0!important; */ } .sameend { font-family: 'latosemibold'; font-size: 15px; color: #555; } #mesmoendereco { margin-bottom: 25px; } .sameend input[type="checkbox"] { margin-right: 6px!important; } .containerCampoAtividadePrincipal { width: 66.6%; float: left; } .containerCampoAtividadePrincipal label { width: 98%; font-family: 'latoheavy'; margin-bottom: 6px!important; float: left; margin-left: 2px; } .containerCampoAtividadePrincipal select { width: 99%!important; font-family: arial; font-family: 'latosemibold'; font-weight: bold; border: solid 2px #C6D4DD; border-radius: 4px; padding: 8px 2px; outline: none; margin-bottom: 10px; color: #606060; } .atvbts { float: right; } .bt_cnae, .bt_receita { padding: 2px 5px !important; text-align: center !important; font-size: 9px !important; background: #ddd !important; color: #0065B3 !important; border: solid 1px #0065B3 !important; border-radius: 2px !important; margin-left: 3px !important; cursor: pointer; float: right; } .containerCampoAtividadePrincipal select { width: 99%!important; font-family: arial; font-family: 'latosemibold'; font-weight: bold; border: solid 2px #C6D4DD; border-radius: 4px; padding: 8px 2px; outline: none; margin-bottom: 10px; color: #606060; } a { color: #337ab7 !important; text-decoration: none; } #correios, #correios2 { font-size: 12px !important; font-weight: bold!important; text-decoration: none !important; margin-left: 5px !important; color: #FFD525 !important; background: #0065B3 !important; padding: 2px 5px !important; border-radius: 2px !important; } .margT20 { margin-top: 20px !important; } .margT30 { margin-top: 30px; } #modal-cad-usuario .modal-footer{ /* z-index: 1034; position: fixed; width: 80%; top: -5px; border: none; right: 0px; */ } .cadastroUsuario{ overflow: auto; max-height: 80vh; padding: 0px 10px 0px 0px; } .modal-body{ padding:20px!important; } .row{ margin-bottom: 5px; }