@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdKg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');
}
/*Cores */
/* Funções */
div#boxForm {
  width: 1000px;
  /** String **/
  /** Number **/
  /** Image **/
  /** File **/
  /** DateTime **/
  /** Date **/
}
div#boxForm div.clearBoth {
  clear: both;
}
div#boxForm form div.separator {
  width: 100%;
  height: 22px;
  color: #666666;
  border-bottom: 1px solid #666666;
  padding: 2px 0;
  margin: 0 5px;
  margin-bottom: 2px;
  margin-top: 10px;
  font-weight: 600;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}
div#boxForm form div.description strong,
div#boxForm form div.description b,
div#boxForm form div.description u,
div#boxForm form div.description i {
  font-size: 9px;
  line-height: 15px;
}
div#boxForm form div.description {
  width: 100%;
  color: #666666;
  padding: 2px 0;
  margin: 0 5px;
  margin-bottom: 2px;
  margin-top: 2px;
  font-size: 9px;
  line-height: 21px;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
}
div#boxForm form div.description a {
  font-size: 9px;
  text-decoration: underline;
}
div#boxForm form div.description a:hover {
  color: #000000;
  text-decoration: underline;
}
div#boxForm div.lkp_multselect {
  display: inline-block;
  margin: 10px;
  width: 100%;
}
div#boxForm div.lkp_multselect .multiselect {
  width: 972px;
}
div#boxForm div.lkp_multselect .ui-multiselect {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div#boxForm div.lkp_multselect .ui-multiselect .ui-widget-header {
  background: none!important;
  background-color: #437cc7 !important;
}
div#boxForm div.lkp_multselect .ui-multiselect .ui-widget-header,
div#boxForm div.lkp_multselect .ui-multiselect .ui-widget-header span,
div#boxForm div.lkp_multselect .ui-multiselect .ui-widget-header a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
div#boxForm div.lkp_multselect .ui-multiselect .ui-element {
  background: none!important;
  background-color: #F4F4F4 !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
div#boxForm div.lkp_multselect .ui-multiselect input.search {
  width: 300px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div#boxForm div.field label.legend {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 20px;
  width: 100px;
  display: block;
  height: 20px;
  text-align: right;
  padding-right: 5px;
  margin: 10px 0;
  border-right: 5px solid #DFDFDF;
  float: left;
}
div#boxForm div.field.required label.legend {
  border-right: 5px solid #666666;
}
div#boxForm div.readonly input {
  background-color: #F3F3F3;
  color: #999999;
}
div#boxForm div.field input,
div#boxForm div.field textarea,
div#boxForm div.field select {
  border: 1px solid #e5e6e7;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div#boxForm div.field input[readonly],
div#boxForm div.field textarea[readonly],
div#boxForm div.field select[readonly] {
  background-color: #e5e6e7;
  border: 1px solid #e5e6e7;
  color: #9F9F9F;
}
div#boxForm div.field input:focus,
div#boxForm div.field textarea:focus,
div#boxForm div.field select:focus {
  border-color: #9F9F9F;
}
div#boxForm div.field input:not([type=file]) {
  color: #999999;
  float: left;
  height: 20px;
  line-height: 20px;
  background-color: #FFFFFF;
  font-size: 11px;
  padding: 4px 12px;
  margin: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
div#boxForm div.field input:not([type=file]).arquivo {
  background: none;
  border: 0;
  height: 25px;
}
div#boxForm div.field input[type=file] {
  padding: 0 5px;
  border: 0;
}
div#boxForm div.field textarea {
  color: #999999;
  float: left;
  line-height: 20px;
  background-color: #FFFFFF;
  font-size: 11px;
  padding: 4px;
  margin: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
div#boxForm div.field select {
  color: #999999;
  float: left;
  height: 24px;
  line-height: 20px;
  background-color: #FFFFFF;
  font-size: 11px;
  margin: 8px 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div#boxForm div.readonly select {
  background-color: #F3F3F3;
  color: #999999;
}
div#boxForm div.field {
  background-color: #F4F4F4;
  color: white;
  float: left;
  position: relative;
}
div#boxForm div.col1 {
  width: 25%;
}
div#boxForm div.col1 input,
div#boxForm div.col1 textarea {
  width: 104px;
}
div#boxForm div.col1 select {
  width: 130px;
}
div#boxForm div.col2 {
  width: 50%;
}
div#boxForm div.col2 input,
div#boxForm div.col2 textarea {
  width: 354px;
}
div#boxForm div.col2 select {
  width: 380px;
}
div#boxForm div.col3 {
  width: 75%;
}
div#boxForm div.col3 input,
div#boxForm div.col3 textarea {
  width: 604px;
}
div#boxForm div.col3 select {
  width: 574px;
}
div#boxForm div.col4 {
  width: 100%;
}
div#boxForm div.col4 input {
  width: 854px;
}
div#boxForm div.col4 input[type=password] {
  width: 376px;
}
div#boxForm div.col4 input[type=file] {
  width: 867px;
}
div#boxForm div.col4 textarea {
  width: 870px;
}
div#boxForm div.col4 select {
  width: 840px;
}
div#boxForm div.spaceWhite {
  height: 30px;
  float: left;
  position: relative;
}
div#boxForm div.newLine {
  clear: both;
  height: 1px;
}
div#boxForm div.number input {
  text-align: right;
}
div#boxForm div.image div.img {
  width: 879px;
  height: 150px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin-left: 114px;
  margin-top: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
div#boxForm div.image img.img_zoom {
  margin: 10px;
  position: absolute;
}
div#boxForm div.image div.img img.delete {
  float: right;
  margin: 6px;
  cursor: pointer;
}
div#boxForm div.image div.img.noimage {
  background-image: url(../images/form_image_noimage.jpg);
}
div#boxForm div.image div.painel {
  width: 879px;
  height: 30px;
  background-color: #e5e6e7;
  border: 1px solid #F4F4F4;
  margin-left: 114px;
  margin-top: 6px;
}
div#boxForm div.image div.painel span.status {
  font-size: 10px;
  height: 30px;
  line-height: 30px;
  width: 739px;
  padding: 0 10px;
  display: block;
  float: left;
  overflow: hidden;
}
div#boxForm div.image div.painel span.status b {
  font-size: 10px;
}
div#boxForm div.image div.painel span.status span.warning {
  color: #999999;
  font-size: 9px;
  margin: 4px;
}
div#boxForm div.image div.painel img.btn_upload {
  padding-left: 4px;
  padding-top: 2px;
  cursor: pointer;
}
div#boxForm div.image div.painel input[type=file] {
  margin: 5px 0;
}
div#boxForm div.file div.painel img.delete {
  float: left;
  margin: 9px;
  cursor: pointer;
}
div#boxForm div.file div.painel img.down {
  float: left;
  margin-top: 3px;
  margin-right: 8px;
  cursor: pointer;
}
div#boxForm div.file div.painel {
  width: 879px;
  height: 30px;
  background-color: #e5e6e7;
  border: 1px solid #F4F4F4;
  margin-top: 6px;
}
div#boxForm div.file div.painel span.status {
  height: 30px;
  line-height: 30px;
  width: 599px;
  padding: 0 10px;
  display: block;
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
}
div#boxForm div.file div.painel span.status span.txt {
  font-size: 10px;
  height: 30px;
  line-height: 30px;
}
div#boxForm div.file div.painel span.status b {
  font-size: 10px;
}
div#boxForm div.file div.painel span.status span.warning {
  color: #999999;
  font-size: 9px;
  margin: 4px;
}
div#boxForm div.file div.painel img.btn_upload {
  padding-left: 4px;
  padding-top: 2px;
  cursor: pointer;
}
div#boxForm div.file div.painel input[type=file] {
  margin: 5px;
}
div#boxForm div.datetime.col1 input {
  width: 100px;
}
div#boxForm div.datetime.col2 input {
  width: 350px;
}
div#boxForm div.datetime.col3 input {
  width: 600px;
}
div#boxForm div.date.col1 input,
div#boxForm div.dateReadOnly.col1 input {
  width: 116px;
  padding-left: 6px;
  padding-right: 6px;
}
div#boxForm ul#link {
  width: 100%;
  height: 22px;
  background-color: #e5e6e7;
  float: left;
  margin-top: 15px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div#boxForm ul#link li {
  list-style: none outside none;
  float: left;
  margin: 0 5px;
}
div#boxForm ul#link li img {
  margin: 0 3px;
  position: relative;
  top: 4px;
}
div#boxForm ul#link li a,
div#boxForm ul#link li a:hover {
  font-size: 10px;
  text-decoration: none;
}
div#boxForm ul#link li a sup {
  font-size: smaller;
  line-height: 13px;
  vertical-align: top;
  font-size: 8px;
  margin-left: -3px;
  color: #999999;
}
span#devenv {
  font-size: 10px;
  color: #CCCCCC;
  padding-left: 2px;
  padding-top: 4px;
  display: block;
}
span#devenv u {
  font-size: 10px;
  color: #CCCCCC;
}
label.error {
  background-color: #437cc7;
  color: #FFFFFF;
  height: 20px !important;
  line-height: 20px;
  position: absolute;
  top: 12px;
  border: 0;
  font-size: 10px;
  padding: 0 5px;
}
div.string label.error {
  right: 10px;
  margin-top: -2px;
}
div.password label.error {
  right: 10px;
  margin-top: -2px;
}
div.number label.error {
  right: 10px;
  margin-top: -2px;
}
div.image label.error {
  right: 16px;
  top: 134px;
}
div.datetime label.error {
  right: 10px;
  margin-top: -2px;
}
div.date label.error {
  right: 10px;
  margin-top: -2px;
}
div.textarea label.error {
  right: 10px;
  margin-top: -2px;
}
div.html label.error {
  right: 6px;
  margin-top: 69px;
}
div.list label.error {
  left: 123px;
}
span#stack {
  font-size: 9px;
  color: #999999;
  display: block;
  margin: 5px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
span#stack a {
  font-size: 9px;
  color: #999999;
  text-decoration: underline;
}
span#stack span.lastLevel {
  font-size: 9px;
  color: #999999;
}
span#stack a:hover {
  color: #437cc7;
}
/**
Campo Arquivo
**/
div#boxForm div.field div.boxFileStreaming {
  width: 610px;
  height: 25px;
  float: left;
  padding: 5px;
  position: relative;
  background-color: #D4D4D4;
  border: #E4E4E4;
}
div#boxForm div.file label.legend {
  line-height: 25px;
  height: 25px;
}
div#boxForm div.field div.esquerda {
  width: 620px;
  float: left;
}
div#boxForm div.field div.boxFileStreaming .fileUploaderBtn {
  position: absolute;
  right: 5px;
}
div#boxForm div.field div.boxFileStreaming div.fileUploadQueue {
  display: none;
}
div#boxForm div.field div.boxFileStreaming div.fileUploadQueue .fileUploadQueueItem {
  height: 15px;
  padding: 5px;
  border: 0 !important;
}
div#boxForm div.field div.boxFileStreaming div.fileUploadQueue .fileUploadQueueItem .cancel {
  float: left;
}
div#boxForm div.field div.boxFileStreaming div.fileUploadQueue .fileUploadQueueItem .fileName {
  margin-left: 4px;
  font-size: 10px;
}
div#boxForm div.field div.boxFileStreaming div.fileUploadQueue .fileUploadQueueItem .percentage {
  font-size: 10px;
}
div#boxForm div.field div.boxFileStreaming .fileUploadProgress {
  background-color: #FFFFFF;
  border: 0;
  margin-top: 10px;
  width: 100%;
}
div#boxForm div.field div.boxFileStreaming .fileUploadProgressBar {
  background-color: #890E0E;
}
#ArquivoDownloadQueue {
  display: none;
}
#barra {
  background-color: #499349;
  height: 22px;
  line-height: 22px;
  width: 0;
  margin-top: 2px;
  text-align: center;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#barra.file {
  background-color: #999;
  width: 485px;
}
.btnGreen {
  background-color: #8EB435;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 15px;
  color: #FFF;
  line-height: 27px;
  height: 27px;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
div#formToolbar {
  min-height: 30px;
  clear: both;
  padding-top: 10px;
}
div#formToolbar ul {
  display: block;
  float: right;
}
div#formToolbar ul > li {
  float: left;
  list-style: none;
}
#saveMenu {
  position: absolute!important;
}
.cke_inner {
  margin-left: 114px!important;
}
.geradorSenha img {
  position: absolute;
  margin-left: 19px;
}
/* MEDIUM Editor */
form#formulario .medium-editor-element {
  padding: 15px;
  background-color: #FFF;
  margin-left: 115px;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: auto;
  width: 850px;
}
form#formulario .medium-editor-element p {
  margin-bottom: 10px;
  line-height: 22px;
  font-size: 12px;
}
form#formulario .medium-editor-element a {
  color: #437cc7;
  text-decoration: underline;
}
form#formulario .medium-editor-element h1,
form#formulario .medium-editor-element h2,
form#formulario .medium-editor-element h3 {
  color: #437cc7;
  text-transform: none;
  margin: 5px 0;
}
form#formulario .medium-editor-element h1 {
  font-size: 24px;
  font-weight: 600;
}
form#formulario .medium-editor-element h2 {
  font-size: 16px;
  font-weight: 600;
}
form#formulario .medium-editor-element h3 {
  font-size: 16px;
  font-weight: 400;
}
form#formulario .medium-editor-element blockquote {
  margin: 15px;
  margin-right: 0;
  padding: 15px;
  border-left: 2px solid #CCC;
  font-style: italic;
}
form#formulario .medium-editor-element ul {
  margin: 25px;
}
form#formulario .medium-editor-element ul li {
  list-style: initial;
  margin-bottom: 15px;
}
form#formulario .medium-editor-element ol {
  margin: 25px;
  list-style-type: number;
}
form#formulario .medium-editor-element ol li {
  margin-bottom: 15px;
}
form#formulario .medium-insert-buttons-show {
  margin-top: -10px;
}
form#formulario .medium-insert-buttons-addons {
  margin: 0 !important;
}
