@charset "UTF-8";
/**
* PBI 5252 Padronizar aplicação para utiliizar fonte Roboto
*/
/**
* PBI 5252 Padronizar aplicação para utiliizar fonte Roboto
*/
/*@import url('../../../../fonts/roboto/Roboto-Regular.ttf');*/
@font-face {
  font-family: "Roboto-Regular";
  src: url("../../../../fonts/roboto/Roboto-Regular.ttf"); /* Safari, Android, iOS */
}
html, body {
  font-family: "Roboto-Regular";
}

.frm-question-style-critical .x-form-label:before,
.frm-question-style-exclamation .x-form-label:before,
.frm-question-style-solution .x-form-label:before,
.r-view-formularypanel .icon-doc,
.r-view-formularypanel .icon-picture,
.frm-question-table-cell-style-6,
.frm-question-table-cell-style-7,
.frm-question-table-cell-style-8,
.frm-question-table-cell-style-9 {
  font-family: "Roboto-Regular";
}

.r-view-formulary-col-icon-style-7:before,
.r-view-formulary-col-icon-style-8:before,
.r-view-formulary-col-icon-style-9:before,
.r-view-formulary-col-icon-style-105:before {
  font-family: "Roboto-Regular";
}

.req-column-title, .req-column-title-x {
  font-family: "Roboto-Regular" !important;
}

.req-edit-portal-templatesview-menu span {
  font-family: "Roboto-Regular";
}

.x-form-search-trigger:after {
  font-family: "Roboto-Regular";
}

.x-button-label, .x-badge, .x-hasbadge .x-badge {
  font-family: "Roboto-Regular";
}

input, textarea, select {
  font-family: "Roboto-Regular" !important;
}

.form-question-notes, .xcontent-area .xcontent-table .req-column-cpppnotes, .xcontent-area .xcontent-table .req-column-title-auto {
  font-family: "Roboto-Regular" !important;
}

.request-holder-status .request-header-bd {
  font-family: "Roboto-Regular" !important;
}

.x-actionsview-item {
  font-family: "Roboto-Regular" !important;
}

.upload-view-row {
  font-family: "Roboto-Regular" !important;
}

/* classes css baseado no projeto https://getbootstrap.com */
.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.x-grid .x-grid-header-container {
  position: relative; /*AHD026358*/
}

.x-grid-cell .x-button-icon {
  position: relative;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.5em;
  margin-left: 0.5em;
}

.x-grid .x-grid-row.x-item-selected {
  background-color: #D2EDFE;
}

.x-grid-cell .x-button-icon:before {
  color: #000;
}

.x-grid-logonhours .x-grid3-check-col,
.logonhours-daycell {
  background-color: #f2f2f2;
}

.x-grid-logonhours .x-grid3-check-col-on,
.logonhours-daycell-selected {
  background-color: #385F95;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "linearicons";
  src: url("../fonts/linearicons/linearicons.woff") format("woff"), url("../fonts/linearicons/linearicons.ttf") format("truetype"), url("../fonts/linearicons/linearicons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.menu-myRequests:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e82a";
}

.menu-myTasks:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e88e";
}

.icon-groups:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e82b";
}

.icon-myApprove:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e87f";
}

.icon-file:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e81d";
}

.icon-download:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e865";
}

.icon-upload:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e9c8";
}

.icon-edit:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e802";
}

.icon-remove:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e880";
}

.icon-bin:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e60f";
}

.icon-createas:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e900";
}

.x-tab .x-button-icon.logout:before,
.x-button .x-button-icon.logout:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e820";
}

.x-tab .x-button-icon.create:before,
.x-button .x-button-icon.create:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e881";
}

.x-tab .x-button-icon.add:before,
.x-button .x-button-icon.add:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e881";
}

.x-tab .x-button-icon.edit:before,
.x-button .x-button-icon.edit:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e802";
}

.x-tab .x-button-icon.undo:before,
.x-button .x-button-icon.undo:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e885";
}

.x-tab .x-button-icon.file:before,
.x-button .x-button-icon.file:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e81d";
}

.x-tab .x-button-icon.save:before,
.x-button .x-button-icon.save:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e603";
}

.x-tab .x-button-icon.settings:before,
.x-button .x-button-icon.settings:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e810";
}

.x-tab .x-button-icon.remove:before,
.x-button .x-button-icon.remove:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e880";
}

.x-tab .x-button-icon.photocamera:before,
.x-button .x-button-icon.photocamera:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e826";
}

.x-tab .x-button-icon.videocamera:before,
.x-button .x-button-icon.videocamera:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e825";
}

.x-tab .x-button-icon.folder:before,
.x-button .x-button-icon.folder:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e60e";
}

.x-tab .x-button-icon.bin:before,
.x-button .x-button-icon.bin:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e60f";
}

.x-tab .x-button-icon.client:before,
.x-button .x-button-icon.client:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e600";
}

.x-tab .x-button-icon.analyst:before,
.x-button .x-button-icon.analyst:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "icomoon";
  content: "\e602";
}

.x-tab .x-button-icon.search:before,
.x-button .x-button-icon.search:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-family: "linearicons";
  content: "\e86f";
}

.home-panel {
  /*padding:15px;*/
}

.home-panel-item {
  height: 110px;
  /*border-color:#bdb9b9;*/
  font-weight: bold;
  overflow: hidden;
}

.home-panel-item-content {
  /*margin:5px;*/
  height: 100%;
  /*border-left:2px solid #bcd7f1;*/
  position: relative;
  background-color: #fff;
  line-height: 100px;
  box-shadow: 0 0 1px 1px #f2f2f2;
}

.home-panel-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 0 23px;
  font-weight: normal;
  color: #727070;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.home-panel-item-title {
  display: inline-block;
}

.home-panel-icon::before {
  font-size: 64px;
  line-height: 64px;
  top: 3px;
}

.home-panel-item-content-0 {
  background-color: #ECECEC;
}

.home-panel-item-content-1 {
  background-color: #DEDEDE;
}

.home-panel-item-content-2 {
  background-color: #CDCDCD;
}

.home-panel-item-content-3 {
  background-color: #C6C6C6;
}

/*body, 
.x-toolbar .x-title,
.x-list .x-list-item {
 color:#4c4c4c;
}


.x-list .x-list-item.x-list-item-tpl, .x-list .x-list-item .x-dock-horizontal{
  border-top-color:#4c4c4c;
}

.x-layout-card-item {
  background: #fff;
}
.x-toolbar {
  background-color: #f0f0f0;
}*/
.x-invalid-field .x-form-field {
  background-color: #fc9090;
}

.x-tabpanel-autoheight .x-layout-card-item {
  /*necessario reescrever para ser autoheight
     o tabpanel deve ter layout.animation = false*/
  position: relative !important;
}

.x-grid-empty {
  color: #808080;
  font: 11px tahoma, arial, helvetica, sans-serif;
  padding: 10px;
}

.x-icon {
  background-repeat: no-repeat;
  height: 16px;
  padding-left: 20px;
  padding-top: 1px;
}

a.x-icon:before {
  text-align: left;
}

.x-font-icon {
  position: relative;
  padding-right: 20px;
  /*line-height: 16px;*/
  font-size: 16px;
}

.x-font-icon-text {
  padding-left: 18px;
}

.x-font-icon-text:before {
  right: auto; /*alinhar a esquerda*/
}

.x-clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}

.x-form-search-trigger:after {
  text-align: center;
  font-family: "Pictos";
  content: "s";
}

.x-triggerfield .x-spinner-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/*.x-triggerfield .x-spinner-button{
  margin:0;
  padding-top:10px;
}*/
.x-triggerfield div.x-spinner-button:active {
  background-image: none;
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
  background-image: -moz-linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
  background-image: -o-linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
  background-image: linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
}

.x-triggerfield .x-field-input {
  display: flex;
}

.x-grid .x-grid-column .x-innerhtml {
  white-space: nowrap;
}

.x-triggerfield .icon-search-input-no-borders {
  background-color: white;
}

.x-triggerfield .icon-search-input-no-borders::before {
  font-family: "Pictos";
  content: "s";
  color: #d2d2d2;
  background-color: white;
}

.x-android .req-template-editpanel .x-layout-card-item {
  /*
      BUG LINDO 1706 FIX SUPER IMPORTANTE P/ CHROME 43+
      override de .x-layout-card-item {background: #f9f9f9;} do tema mountainview
      SE nao tiver esse override o chorme nao ira fazer repaint/redraw de checkbox/option
      que estiverem fora da area visivel
      bug dificil de isolar e simular
  */
  background: initial;
}

input:-webkit-autofill {
  /* bug 1182 identificar autofill - vide Automidia.util.Element.getAutoFillValue */
  background-color: #FAFFBD !important;
}

.x-toolbar,
.t-contact .title {
  background-image: -webkit-linear-gradient(top, #254487, #274990 3%, #2B529B);
  background-image: -moz-linear-gradient(top, #254487, #274990 3%, #2B529B);
  background-image: -o-linear-gradient(top, #254487, #274990 3%, #2B529B);
  background-image: -ms-linear-gradient(top, #254487, #274990 3%, #2B529B);
  background-color: #27498F;
}

.x-toolbar .x-title .x-innerhtml,
.t-contact .title {
  color: #fff;
  font-weight: normal;
}

.x-button, .x-button-normal, .x-button-round, .x-button-small, .x-button-back, .x-button-forward,
.x-toolbar .x-button,
a.x-actionsview-item-showmore,
a.x-actionsview-item-showless {
  background-color: #103072;
  background-image: -webkit-linear-gradient(top, #103072, #1C3872 3%, #2F4A83);
  background-image: -moz-linear-gradient(top, #103072, #1C3872 3%, #2F4A83);
  background-image: -o-linear-gradient(top, #103072, #1C3872 3%, #2F4A83);
  background-image: -ms-linear-gradient(top, #103072, #1C3872 3%, #2F4A83);
  border-radius: 0;
}

.x-button .x-button-label, .x-button .x-badge, .x-button-normal .x-button-label,
.x-button-normal .x-badge, .x-button-round .x-button-label, .x-button-round .x-badge,
.x-button-small .x-button-label, .x-button-small .x-badge, .x-button-back .x-button-label,
.x-button-back .x-badge, .x-button-forward .x-button-label, .x-button-forward .x-badge,
.x-button-icon:before {
  color: #fff;
}

.x-toolbar.x-docked-top {
  border-radius: 0;
}

/*.x-safari .x-form .x-field .x-field-input,
.x-safari .x-form-fieldset .x-field .x-field-input {
    border: 0px;
    background-color: transparent;
}
.x-field-text .x-component-outer, .x-field-textarea .x-component-outer, .x-field-search .x-component-outer, 
.x-field-select .x-component-outer, .x-field-number .x-component-outer{
    background-color:#fff;
}
.x-field {
    padding: 0.4em;
}*/
.x-form-fieldset .x-form-fieldset-inner {
  border-radius: 0;
}

.x-form-label {
  color: #000;
}

.x-list-pullrefresh-updated-hidden .x-list-pullrefresh-updated {
  display: none;
}

.x-list-paging.x-loading .x-list-paging-msg {
  display: block !important;
}

.x-list-loading-text {
  padding: 1em;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
}

.x-form-fieldset-title-wrap .x-form-fieldset-title .x-innerhtml {
  white-space: normal;
}

.x-checkboxgroup-flex-row .x-field {
  display: flex !important;
  flex-direction: row;
}

.x-button-link {
  background-color: transparent;
  background-image: none;
  border-width: 0;
  box-shadow: none;
}

.x-button-link .x-button-label {
  color: #5e5d5d;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
}

/** 
    Correção bug 6763:Mobile: Questão tipo Lista/Grid não está sendo exibido corretamente no Chrome
    https://stackoverflow.com/questions/67110293/extjs-modern-6-0-2-painted-event-not-triggered-in-some-cases-on-chrome-90 
    ** UPDATE 19/06/2023: esse override causa problemas no IOS (vide Bug 11482) - aplicar somente para .x-android **
*/
.x-android .x-paint-monitor.cssanimation {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.001ms;
  animation-duration: 0.001ms;
}

.x-button.x-iconalign-left .x-button-label {
  padding-left: 4px;
}

/* Base Rating Control styles */
.x-rating-item,
.ux-rating-star,
.x-rating-clear,
.x-rating-star-title,
.ux-rating-star-value {
  /*float: left;*/
  /*layout fica melhor*/
  display: inline-block;
}

.x-rating-clear {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAD3ElEQVRIS62VXUxTZxjHhVrUxYVYmU5FYYCiAx1M/OBjQxahc0D50EI/qFAKp6IiEt0XLpPqRFcFYYwgKuHOS2PUeOOdi4vbjTHRS40XYhYTVLpqKaX8/b/9ko+DxWVP8sv7nvM87/N/nqfnnM6ZE8bQK0Whz5pPJNJJ+gJ7DX2qcOdn9KPbEk3s5CW6aoFOM/CbBfi9HugSe97rtrjJAP2r3ksIHaav0W4agt0IXNhPDgB9XINcaAT6m4CBg2AcGO/m2jQrEZzSNaGtcgxndgM9DaxUAs7W+ekIrGLfyU66rUDvXnbFmJM6wcV3isC2U4PWclZVw4Qcx2mOws79r9XyCF87R9VFwR6K2XaS8p9lRXBEs2K8pdgJm5ZJWf0flxGyExyVHMGA21dYDIuwc1wtxcCPRTnTREabCwZwqICJDMBxtjvVbJWsbgJT/SdZRBuhgKe54O4kARwrVI03bhtFK1s8Sn5hIjn7ieMTyNkpPdC6CzjGCTRuA34oyAyJuJrzTF4pGzhSwvY0FGDQOT45szW76JrJW3iWOcatOXBI2R0hgRfS1n5P3Vbg2x1+vv+G4yjluCgUztrYcSsLC579juf35cJZk/FXSGDIvPGmu3YL0LQdOJjvX4OI65nssBoQTIwV+725cJnSBt8KWNJvOU2f+5RlmUlALp7JR+sy4are8E9I4Kk17fpz7adAfSYgZU0m3Igmxtdnwcvkr1msw7LhYUjgvpTSPlKWAE9NBsbNm4DaAOGSB/2B+DGeFzkcu5Ix2JB6MyRwWRNXAvMauI1pPrxV6fKpD38BNOcAjufT/J4q/1kBdIn425hkm/guRA9LiY+gTYSrMgUwrp8u0JDB0W0k/K2sXKda1Xr/2cp1GNuT9HpPanTqpJft0lcxh2BZBej5W1Qx8Frf2xR1nwGmVIxq1/pANQuo572gXWWsIQXeCvpMsbhT+nE/kyunfi5inmg/+hPGpcBuihhE8DqKcdUlY6QsaRLQJ9NHv4ih33dtWAaHYelj9fJ5KbIfvE2L52YNaxc9gl7FKpPh0sRjuCjunfxbHMeRrmbyGLh1qpf71syvYHLFTJ9tRd4ShfpZycJ7qPgQaEhiN6Q8HiNFK/FiR6yPV4UrgTKROJHfHXbAWGf5wkEpQWlg4g/C/fEoVyyIyLz1pfK8pzTKibIoiizmCxjPJ4hjEOxPAMwcJX3e0ijPg+3KK5sXRahnkzwoHslNfLYqQnNjS+TZp/mKO+5CxRCKFRB4ihTOZ2rFvdvZkQMVyyP0jF1L5oarXM4vnoRYkk5ySX6APK4Z5BMy/78k/t/OvAEQCH5qeXikfgAAAABJRU5ErkJggg==");
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  /*float: left;*/
}

.x-item-disabled .x-rating-clear,
.x-item-disabled .x-rating-item {
  opacity: 0.4;
}

/*  Star Rating */
.x-rating-star-hover,
.ux-rating-star.ux-rating-star-on {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6lJREFUeNq0VdtLFFEc/mZmXfO2FnaxC8XGhmFZRjeCgiDqJXoIeqkoCIQICnos7Km/oKinQAgCX3qIHoIg6ClQhMguCJa6XrKsLTPNdtu5nL7fnDPuaqv71GG+OTNzzvl+999Y6vVq/DMswubN4VxBfAqAnLoMhVYE6jo2OBk4XPcVsP0Llhox+CXIraLnGZJMqwOwcSf85iOOr8F5rKH0wEK5YYebIqhotvWz4CsFeGhH9XJg514KsM5gGk3IFWuylACfZIFTgJLZ1kJ+k+AndiNvHcemJiDPb3aVA9e6hozS+8oKkMuytM9Dv9vaiiwxoUTjdlTWkhwaTdtl/RxmkMJsWX7GIMt7lkH0hAx65oUg9HcLcRKpZpIrfUIUsCsd+Pl2jPsXylvwiaw/ldbYjfxvb6SWB6n9LcRrJAZci8A9zTvEsnOM0VE8XJdaSoClHqzbB6VO0T1JxiwZpqJigkoK1tYDyS20RmnApG+MGElTse8I01XHuo/nxrkvTYVeYKXTiRNjvqUeb/yN76hCXQJIEKtW6tAIoa/mk4cqGUInipm8cH1ykinNoExNA/EcuZyLOD58L8YMmUBdLInGzZowDFygyZSBMKqi2pirl7kNFMQ0TtDihhVMjgG6nNaEqrrWEbj+KD72ac2zSqoW+GOyxjWx8Qyid1mTPbJXzsh7QO3GBmX9Ck4NPzEC7DRxCPlgAMPvqAl7g2treGUQCuMsteSRfHxE3i/idPpuIYukePL2KHGIB/rw7pU5WKT9YsibefIHyUeFpw3nB+/NT9PCgQniMNO1F0NjBZeUg9RH/4jPsxfQ9qHj3zrw5mmVoT9v4PM344Yy5OKaAbolh0e49P5+6Ur2rELGyMixkflR08P8NSzIJBk1zJzMVGqJZsfm5psm54eBa0F1AqEQz8TCMwi/mYr2jBL1DVL5zbi5NV5aQHjQEOTD1tyMBHPZVYX+VBED1lLTtWx6Ncs0sazJHsvR/4hs0FTaRW6RvTmakacA6f3yPc7DDexF75m+/TOyQ1pjFfbtZ5ugGbN/tPukBmzVwvvb0j+cyAKbFR1zalFdTeI6lj5/hz3dLP9fz7lvD7GBuI3uniz63wCNtKqqkhbSO/FY6yIuijIi/IMlUc8DPovmZQ/wOdPL78eII8RLYpK4SmyBG3Sgq9vHcD+QWi9uTC3yyzStR6OLeIrBoV7OZ4ldxLMFewTsmmgjtmE224mJL2k+d5Ru10rhfw4b/3n8FWAAwna8wfz7wJUAAAAASUVORK5CYII=");
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}

.x-rating-star,
.ux-rating-star {
  background-image: url("data:image/png;base64,R0lGODlhGAAYAOZNAP////j4+Pv7+/f39/n5+fr6+vb29vLy8vT09PPz8/7+/vz8/N3d3c3Nze/v762trevr6/39/efn5+zs7O3t7bi4uNDQ0PHx8dXV1ejo6MnJyeXl5dzc3KioqN7e3sfHx9LS0r6+vrq6utnZ2fDw8MzMzOrq6sXFxbm5ueTk5OPj4+Li4tHR0bCwsMHBwbW1tdvb28vLy+7u7sPDw/X19crKytjY2Le3t6SkpKurq7S0tOHh4ebm5tbW1qenp56enunp6aysrK6urtra2sLCws/Pz8DAwL29vby8vN/f37Ozs9PT09fX1////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE0ALAAAAAAYABgAAAf/gE2Cg4QcJQGEiYqJEwwkNYuRiTUAAAwXkpIUHpUBMZmRGgaVACMHoIkOnKQDDaiCNBA9AaSVGxkIixMsSyNJEjIFtaQJJjtDGBYeCk0vJsLDCtLDlQIOGkxNQhkDC6QKERELC+EKpAsEBx+uISgSBgEEAvP09QQBARcWORBNBkc3eMArUM8evgtFHqwYNMDIixQ0AhSYSHHigAEOGjxQkYiAiwpABhAYSXKkgQMgHqRYRKAChwH4YsYcAKHCBkknGAS4aKCngYsDKIjIJEJCAAMIkiqFZ+BEBEkiKCBIQDXBgaoIBljot0hBCBkHDjhQwSIGjAlhD2AAEenaARIbPTQqQdHBBQMKBzggiQSDyAoLLVqUuFDARoUOMxhgeBApw48OQT5MIBQAgw4fOEJEWtDgg4RICEDM4PqqdCAAOw==");
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}

.x-rating-star-title,
.ux-rating-star-value {
  height: 32px;
  line-height: 32px;
}

/* Multi-color Star Rating */
.x-rating-star-color div {
  display: block;
  float: left;
  text-indent: -9999px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAANkE3LLaAgAAAAlwSFlzAAASdAAAEnQB3mYfeAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNtCDrVoAAAL7SURBVFhHvVfLbhJRGJ5X0I0PYLo0cdV91URfwPgG+gZW46YmuqhudSHhmkBUNkBSNySQYElaLAIDA5S5McMtM9zSpO6P5xsdpGQuzgCd5ITDnP//vu8c/suBmc/nxM+YzWZkPNZrGJj7wYAP49dR0zSiyuKDvtq9j7lfHN8CVFVhmb+P0u2y1ypgPB6TTrv11BTQ5OrP8M6PCF8n0FPVi77QuGkK0AbKDby7FgHT6ZSIAv/BJDc/Rb7zEWteRXg+geFwSM6b9durAtjyyQ7WtioA6daVxeNV8n/BKH/3mpKeTkDXdRz/YzsB9GSewMbLKXgSoNLHjtx8ryqKujEBOE5zIMBUpfvGTYAs8m8nNCWXfZ0EMZPJJE3BDzCo4QHN5z1z0O933Qjd1oGha6MFJniowNd/PvU0UyqVXrmBbGvd4M7n8yQajX7aFokdLjjBzYxGI1IsFkksFjtOJBK3ti0EHOACJ7iNLEAdZ1mWxONxjS7ubUsEsMEBLrN3LNIQUS4IAkmlUpeRSOTlpkUAE9jgWC7ZV+oAUqfX65FsNkuow+dNiQAWMIG9WiktCxEuGKenpyQcDkvrxAV8gQEsu0uLbSWk9YFwHEeSX79U/J4EfIEBLLti5FiKjeCslg/9CqjXKoduFxVHAWivtZ+lR74FVMsP3Vq0owBZEolf8kVzUhXH7mgrANEq8PzRugIEgT9yuiM4BmGT4/bXFdBqcvu+gnAwGBC28mPXTkAgEHhP8/sXBuZ2dg22ugssz1kgS9KFFSjN6zuhUIjN5XJEURRjYI53WLPykSiWJwH4zei9/9sqWDAYfJdMJi+R28vphblRM+gabFb9+E7bNg4sY8D443Hefm4C0Z3do+2zVigULMspdmeWcdjAFj6mf7NRf2FXDywF9Pt9Uj072QEA3VGA7oy0Wq0ru7Y7UhDBFj7wBQawgGnlYymA/mYknUrF6E4k9G0EkZfrNmzhA19gZDKZGDD/WwAuCujZaJ1OKeR2+4UvMIAFTCv737Q4qaFFGWstAAAAAElFTkSuQmCC");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #686868;
  width: 32px;
  height: 32px;
  margin-top: 2px;
  margin-right: 2px;
}

/* Image-less Star Rating */
.x-imageless-rating .x-rating-inner > div {
  width: 1.1em;
  font-size: 1.8em;
  margin-top: 2px;
  color: transparent;
}

.x-imageless-star:before {
  -webkit-background-clip: text;
  content: "★";
  background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #BCBCBC 100%);
}

.x-imageless-hover:before {
  -webkit-background-clip: text;
  content: "★";
  background-image: -webkit-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
  text-shadow: 0 0 0.2em #fb9d23;
}

/* Modal Rating */
.x-modal-rating {
  background: transparent !important;
  margin-top: -1em;
}

.rating-desc {
  color: #fff;
  margin-top: 2.7em;
}

.x-box-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rstatus-icon {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #a3a2a2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.rstatus-icon_00 {
  background-color: #303030;
}

.rstatus-icon_01 {
  background-color: #0C59A6;
}

.rstatus-icon_02 {
  background-color: #005100;
}

.rstatus-icon_03 {
  background-color: #428957;
}

.rstatus-icon_04 {
  background-color: #B5383A;
}

.rstatus-icon_05 {
  background-color: #A62E72;
}

.rstatus-icon_06 {
  background-color: #96761F;
}

.rstatus-icon_07 {
  background-color: #CCCCCC;
}

.rstatus-icon_08 {
  background-color: #A8A8A8;
}

.rstatus-icon_09 {
  background-color: #73ACEA;
}

.rstatus-icon_10 {
  background-color: #53B953;
}

.rstatus-icon_11 {
  background-color: #80C6FF;
}

.rstatus-icon_12 {
  background-color: #F4512F;
}

.rstatus-icon_13 {
  background-color: #FF8ACF;
}

.rstatus-icon_14 {
  background-color: #EABB13;
}

.rstatus-icon_15 {
  background-color: #EBEBEB;
}

.progressbar {
  width: 100%;
  height: 15px;
  /*border:1px solid #c4c1c1;*/
  position: relative;
  overflow: hidden;
}

.progressbar-inner {
  position: absolute;
  top: 0;
  background-color: #e2e0e0;
  height: 100%;
  width: 100%;
}

.progressbar-high {
  background-color: #28a828;
}

.progressbar-low {
  background-color: #e15254;
}

.progressbar-gray {
  background-color: #A8A8A8;
}

.progressbar-label {
  line-height: 15px;
  text-align: center;
  position: relative;
  color: #191818;
  font-size: 10px;
}

.app-submenu {
  background-color: #fff;
}

.r-view-header-logo {
  height: 49px;
  position: relative;
  width: 52px;
  text-align: center;
}

.r-view-header-logo-category {
  height: 32px;
  margin-top: 5px;
  width: 32px;
}

.r-view-header-logo-reqtype {
  position: absolute;
  height: 24px;
  width: 24px;
  left: 22px;
  top: 20px;
}

.r-view-header-table {
  width: 100%;
}

.r-view-panel .r-view-header-inf {
  display: none;
}

.r-view-id-logo-wrap {
  width: 50px;
}

.r-view-panel .r-view-toolbar {
  background-color: #fff;
  background-image: none;
  border-top: solid 1px #EDEDED;
}

.r-view-status-wrap .r-view-status-table {
  float: right;
}

.request-holder-status {
  padding: 0 10px 0 0;
  vertical-align: top;
}

.r-view-panel {
  /*padding:10px;*/
  font-size: 0.8em;
  background-color: #fff;
}

.xcontent-area {
  padding: 10px;
}

.xcontent-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
  /*table-layout:fixed; nao pode*/
}

.r-view-panel .xcontent-table {
  /*necessario senao sai da tela quando tiver nome grande*/
  table-layout: fixed;
}

.req-column-title-x {
  font-size: 8pt;
}

.req-column-title, .req-column-title-x {
  /*AHD026358 Utilizado para quebrar palavras grandes sem espaco (ex: url)*/
  /*Se nao quebrar dentro das label o tamanho ira passar do 100%*/
  /*http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/*/
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
  color: #A3A3A3 !important;
  font-family: Tahoma, Arial, sans-serif !important;
  line-height: 12px !important;
  padding-top: 8px;
  text-indent: 2px !important;
  width: 24% !important;
}

.xcontent-area .req-type-column, .xcontent-area .req-category-column {
  background-color: #F4F4F4;
  border: none;
  height: 25px;
  line-height: 13px;
  padding: 0 0 0 4px !important;
  vertical-align: middle;
}

.req-column-value, .req-column-value-x {
  border-radius: 3px;
  margin-bottom: 3px;
}

.form-question-notes, .xcontent-area .xcontent-table .req-column-cpppnotes, .xcontent-area .xcontent-table .req-column-title-auto {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FAFAFB !important;
  border-color: #E4E7E8;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  color: #5A7077 !important;
  font: 12px/16px Tahoma, Arial, sans-serif !important;
  margin-bottom: 8px !important;
  padding: 10px !important;
}

.form-question-notes, .frm-solutionct {
  /*Bug 1618: manter quebra de linha*/
  white-space: pre-wrap;
}

.xcontent-area .req-column-gap {
  width: 1%;
}

.r-view-header-requestid {
  color: #5A7077;
  font-weight: bold;
}

/** Task 6767 incluido .req-abstract-column (ex: caminho de RTemplate sem espaços) */
.req-descript-column,
.req-abstract-column,
.r-view-formularypanel .req-column-value {
  word-wrap: break-word;
}

.request-holder-status .request-header-text {
  display: inline;
  font-size: 11px;
  vertical-align: middle;
}

.request-holder-status .request-header-bd {
  color: #C2C4C8;
  font: 11px/13px Tahoma, Arial, Verdana, sans-serif;
  margin-bottom: 4px;
}

.r-view-formularypanel .icon-picture,
.r-view-formularypanel .icon-doc {
  margin-bottom: -1px;
  margin-right: 4px;
  margin-top: -1px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

.r-view-formularypanel .icon-picture a,
.r-view-formularypanel .icon-doc a {
  background-position: 0 0;
  background-repeat: no-repeat;
}

.r-view-formularypanel .icon-doc a {
  background-image: url("../../images/toolbar/doc.gif") !important;
}

.r-view-formularypanel .icon-picture a {
  background-image: url("../../images/toolbar/picture.gif") !important;
}

.r-view-formularypanel .icon-doc a,
.r-view-formularypanel .icon-picture a {
  text-decoration: none;
}

.r-view-formularypanel hr {
  border: 0;
  height: 1px;
  background: #c1bdbd;
}

.r-view-formularypanel .icon-view-question-notes {
  display: none; /*mobile nao tem tooltip*/
}

.category-gap {
  background-image: url("../../images/mobile/category-arrow-right.png") !important;
  width: 9px;
  height: 9px;
  margin: 0 5px;
}

.x-actionsview-item-ct {
  margin-left: 55px;
  padding: 4px;
}

.x-actionsview-item {
  border-bottom: 1px dashed #DBDBDB;
  font: 11px tahoma, arial, helvetica, sans-serif;
  margin-bottom: 0;
  min-height: 65px;
  padding: 5px 0;
}

.x-combo-list-inner .x-actionsview-item {
  min-height: 40px;
}

.x-actionsview-item-photo-outer {
  left: 4px;
  margin-top: 4px;
  background-color: #F2F2F2;
  border: 1px solid #EAEAEA;
  position: absolute;
}

.x-actionsview-item-photo-outer, .x-actionsview-item-photo-outer img,
.tooltip-client-wrap .img-wrap, .tooltip-client-wrap .img-wrap img {
  border-radius: 50%;
}

.x-actionsview-item .x-actionsview-item-ct .x-actionsview-item-date,
.x-actionsview-item .x-actionsview-item-ct .x-actionsview-item-fromlink,
.x-actionsview-item .x-actionsview-item-ct .x-actionsview-item-minutes {
  color: #90A2A8;
  font-weight: bold;
}

.x-actionsview-item-date {
  float: left;
  padding-right: 10px;
}

.x-actionsview-item .x-actionsview-item-ct .x-actionsview-item-ltype {
  color: #A7A7A7 !important;
  font-weight: normal;
}

.x-actionsview-item-fromuser {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  padding-right: 5px;
}

.x-actionsview-item a, .upload-view-row .upload-view-item-buttons a {
  text-decoration: none;
}

.x-actionsview-item .x-action-link {
  margin: 3px 0;
}

.x-actionsview-item a,
.x-actionsview-item-attachment-title {
  text-decoration: none;
  color: #3F5965;
  /*font-weight:bold;*/
}

.x-actionsview-item .x-actionsview-item-acttype {
  padding-right: 5px;
}

.x-actionsview-item-attachments {
  padding-top: 5px;
}

.x-actionsview-item-attachment {
  padding-right: 10px;
}

.upload-view-row {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #FFFFFF #FFFFFF #DBDBDB;
  border-image: none;
  border-style: solid solid dashed;
  border-width: 1px;
  color: #000000;
  font: 11px tahoma, arial, helvetica, sans-serif;
  padding: 10px 4px;
}

.upload-view-row .upload-view-item {
  background-repeat: no-repeat;
  overflow: hidden;
  /*padding-left: 20px;*/
  text-overflow: ellipsis;
  white-space: normal; /*important p nao fazer scroll horizontal */
}

.upload-view-item .x-font-icon {
  /*TODO nao esta exibindo corretamente no aplicativo android*/
  display: none;
}

.upload-view-row a {
  text-decoration: none;
  color: inherit;
}

.upload-view-item-descript {
  padding-left: 10px;
}

/*upload.FileState.finished*/
/*.upload-view-row .upload-state-2
{
     background: url("../../images/toolbar/accept.png") no-repeat !important;
}*/
.upload-view-row.upload-state-2,
.upload-state-2 .upload-view-item-descript {
  /*upload.FileState.finished*/
  color: #165e38 !important;
}

/*upload.FileState.failed*/
/*.upload-view-row .upload-state-3
{
    background: url("../../images/toolbar/exclamation.gif") no-repeat !important;
}*/
.upload-state-3 .upload-view-item-text-inner {
  color: #FF0000 !important;
}

.upload-view-row.upload-state-3 .icon-download {
  display: none;
}

.upload-view-row.upload-state-3 .upload-view-item {
  white-space: normal;
}

/*upload.FileState.queue/processing */
/*.upload-state-1, .upload-state-4
{
    background: url("../../images/loading/loading-16.gif") no-repeat !important;
}*/
.x-actionsview-item-minutes, .x-actionsview-item-buttons {
  float: left;
}

.x-actionsview-item-buttons-over {
  float: right;
  margin-left: 20px;
  visibility: hidden;
}

.upload-view-item {
  float: left;
}

.upload-view-item-buttons {
  float: right;
}

/*.upload-view-row a {
line-height:25px;
}*/
.r-view-attachmentspanel {
  background-color: #fff;
}

.req-action-win-warning {
  background: url("../../Images/Toolbar/icon-flag-yellow.png") no-repeat scroll 5px 4px #FFF2D2 !important;
  border: 1px solid #D1B06B;
  padding: 5px 5px 5px 25px;
  font-size: 11px;
}

a.x-actionsview-item-showmore,
a.x-actionsview-item-showless {
  font-weight: bold;
  padding: 1px;
  color: #F7F7F7;
  float: right;
}

.r-view-panel .x-scroll-scroller-vertical.x-scroll-scroller {
  width: 100% !important; /*necessario reescrever senao os panels filhos irao expandir + de 100%*/
}

.req-edit-portal-container {
  background-color: #E5E5E5;
}

.req-edit-portal-templatesview-cell {
  background-color: #E5E5E5;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0px !important;
  border: none;
  padding: 0px !important;
}

.req-edit-portal-templatesview-content-ct {
  margin: 5px;
}

.req-edit-portal-templatesview-content {
  /*background-color:#fafafa;*/
  /*border:1px solid #d3d4d5;
  border-width:1px 1px 2px 5px;*/
  border-bottom: 2px solid #d3d4d5;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  height: 100px;
}

.req-edit-portal-templatesview-cell-over .req-edit-portal-templatesview-content {
  border-color: #c2c4c8;
}

td.req-edit-portal-templatesview-icon-ct {
  padding: 0 5px;
  height: 100px;
  /*float:left;*/
  width: 60px !important;
  /*background-color:#F3F4F6;
  border-right:1px solid #d3d4d5;*/
}

.req-edit-portal-templatesview-icon-ct .icon-portal {
  display: block;
}

.req-edit-portal-templatesview-content-table {
  margin-bottom: 0;
}

/*.req-edit-portal-templatesview-cell-over .req-edit-portal-templatesview-icon-ct
{
    background-color:#f1f1f1;
}*/
.req-edit-portal-templatesview-text-ct {
  height: 100px;
  margin: 0 0 0 60px !important;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  width: auto !important;
}

.req-edit-portal-templatesview-title {
  color: #5a7077;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.req-edit-portal-templatesview-title,
.req-edit-portal-templatesview-descript {
  /* bug 2880 necessario p/ palavras longas sem espaço */
  /* nao utilizar break-all p/ nao quebrar qualquer palavra..somente as longas sem espaco*/
  /* http://stackoverflow.com/a/15137272 */
  word-break: break-word;
}

.req-edit-portal-templatesview-cell .req-edit-portal-templatesview-descript {
  color: #808080;
  padding: 1px 10px 5px 5px;
  vertical-align: top;
}

@media (max-width: 559px) {
  .req-edit-portal-templatesview-cell {
    width: 100%;
  }
}
@media (min-width: 560px) and (max-width: 859px) {
  .req-edit-portal-templatesview-cell {
    width: 50%;
  }
}
@media (min-width: 860px) and (max-width: 1159px) {
  .req-edit-portal-templatesview-cell {
    width: 33.3%;
  }
}
@media (min-width: 1160px) {
  .req-edit-portal-templatesview-cell {
    width: 25%;
  }
}
.req-edit-portal-templatesview-baseicon {
  background-image: url("../../../../images/dashboard/icon-rtemplate-default.png");
}

.req-edit-portal-templatesview-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  vertical-align: middle;
  /*centralizar caso imagem seje menor*/
  background-position: center center;
  background-repeat: no-repeat;
}

.req-edit-portal-templatesview-menu {
  height: auto;
  text-align: center;
  padding: 0px !important;
}

.req-edit-portal-templatesview-menu span {
  border-radius: 8px 8px 8px 8px;
  background-color: #798e9c;
  font-family: "tahoma,​arial,​verdana,​sans-serif";
  font-size: 9px;
  font-weight: bold;
  line-height: 12px;
  padding: 1px 4px;
  color: #fff;
}

.req-edit-portal-templatesview-menu p {
  color: #848484;
  font-size: 11px;
  padding-top: 2px;
}

.reqdashboard-navigatebackbutton .x-button-label {
  text-align: left;
}

.r-view-header .r-view-header-logo-image {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  /*bug 2555 icone do portal tem 48px entao deve fazer resize p/ 32*/
  background-size: cover;
  margin: 10px;
  position: relative;
}

.r-view-header-table {
  width: 100%;
}

.r-view-header-logo {
  width: 52px;
  /*height: 51;
  float: left;*/
  position: relative;
}

.r-view-header .r-view-header-sublogo-image {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
  top: 16px;
}

.req-edit-headerpanel .req-edit-headerpanel-id {
  margin-right: 10px;
  padding-top: 10px;
  font-weight: bold;
}

.r-view-header-title {
  text-align: left;
  width: 100%;
}

.req-edit-headerpanel .x-html {
  padding: 1px;
}

.req-detailspanel .x-form-fieldset {
  margin: 0px;
  padding: 0.5em;
}

.req-detailspanel .x-form-fieldset .x-form-fieldset-inner {
  border: none;
}

.frm-editpanel .touchgridpanel .x-scroll-view {
  /*por algum motivo o grid nao aparece se especificar width da coluna em porcentagem*/
  /*overflow : visible !important;*/
}

.upload-chooser-panel .x-toolbar {
  height: auto;
}

.upload-chooser-panel .x-panel-inner {
  padding: 5px 1px 3px 1px;
}

.frm-question-type-information .x-field-input {
  display: none;
}

.frm-question-content {
  margin: 0 0.5em;
}

.frm-question-button {
  margin: 0 0.5em 0.5em 0.5em;
}

.frm-question-style-grid .x-grid .x-grid-cell {
  line-height: inherit;
  height: initial;
}

.frm-question-style-grid .x-grid .x-grid-column {
  line-height: 40px;
  height: initial;
}

.frm-question-type-table.frm-question-style-grid .x-grid .x-grid-cell {
  height: inherit;
}

.frm-question-style-grid .x-grid .x-grid-row {
  overflow: hidden;
}

.frm-question-image-item-inner a {
  display: inline-block;
  margin: 8px 0 1px 0 !important;
  background-color: #f5f5f5;
  border-bottom: 2px solid #eeeeee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.frm-question-image-item-inner a img {
  background-color: #ffffff;
  /*http://stackoverflow.com/questions/16217355/automatically-resize-images-with-browser-size-using-css*/
  max-width: 100%;
  height: auto;
}

.frm-question-image-item img {
  margin: 0 auto;
}

.frm-question-image-item {
  text-align: center;
}

.frm-question-type-information {
  background-color: #f7f7f7;
}

.frm-question-docsource-ct {
  margin: 10px 0;
  background: #fafafb;
  border: 1px solid #e4e7e8;
  border-width: 1px 1px 1px 5px;
  padding: 5px 5px 5px 10px;
}

.frm-question-image-item-details {
  color: #777 !important;
  font-style: italic;
}

.frm-question-image-item-inner {
  text-align: center;
}

.form-question-doclink {
  color: #284bae;
  margin-bottom: 0.5em;
  position: relative;
}

.frm-editpanel-fields-container {
  padding: 0.5em;
  /*AHD026358 quebrar palavras sem espaco*/
  /*AHD026358 Utilizado para quebrar palavras grandes sem espaco (ex: url)*/
  /*Se nao quebrar dentro das label o tamanho ira passar do 100%*/
  /*http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/*/
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.frm-editpanel-fields-container .x-form-label-nowrap .x-form-label {
  white-space: normal;
}

.frm-question-content-withchild {
  padding-bottom: 0.5em;
}

/*.frm-editpanel-fields-container .x-input-el{
  border:solid 1px #c5c5c5;
}*/
.frm-solution-fieldicon {
  width: 32px;
  height: 32px;
  background-image: url("../../images/toolbar/frm-solution-fieldicon.png");
}

.frm-answers-sep {
  padding: 0;
  margin: 8px auto;
  width: 100%;
  clear: both;
  border: none;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #FFF;
}

.r-view-formulary-question-table::-webkit-scrollbar {
  /*Task 1704 por enquanto e a unica forma de exibir um scroll sem criar Ext.scroll.Scroller */
  height: 18px;
  background-color: #efeded !important;
}

.r-view-formulary-question-table::-webkit-scrollbar-thumb {
  background-color: #e6e5e5 !important;
}

.r-view-formulary-question-table table {
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 100%;
}

/*.r-view-formulary-question-table table,
.r-view-formulary-question-table table a {
    color:#5a7077;
}*/
.r-view-formulary-content .req-column-value a,
.r-view-formulary-question-table table,
.r-view-formulary-question-table table a {
  color: #231f20;
}

.r-view-formulary-question-table th,
.r-view-formulary-question-table tfoot td {
  padding: 10px;
  font-weight: bold;
  background-color: #f0f0f0;
}

.r-view-formulary-question-table td {
  padding: 5px;
  font-weight: normal;
}

.r-view-formulary-content .xcontent-table,
.formulary-tip-table {
  /**necessario p/ fazer scroll horizontal em questao tipo tabela*/
  table-layout: fixed;
}

.r-view-formulary-question-table tr:hover {
  background-color: #f3f5f6;
}

.r-view-formulary-question-table tr {
  border-bottom: solid #ededed 1px;
}

.r-view-childs-formularypanel .xcontent-area {
  width: initial !important;
}

.r-view-formulary-question-table-group th {
  text-align: center;
}

.r-view-formulary-question-table thead th,
.r-view-formulary-question-table tfoot td {
  border: solid 2px #fff;
}

.frm-question-type-table .x-grid {
  /*compatiblidade com tamanho da versao desktop*/
  font-size: 11px;
}

.frm-question-style-grid .x-grid .x-grid-column,
.frm-question-type-table .x-grid .x-grid-column {
  /* como o tamanho nao e calculado aqui devera esconder a sobra p/ nao encavalar... */
  overflow: hidden;
  font-weight: normal;
  padding: 0 3px;
  line-height: 12px;
  height: 100%;
}

.frm-question-type-table .x-grid .x-grid-column .x-innerhtml,
.frm-question-style-grid .x-grid .x-grid-column .x-innerhtml {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.frm-question-table-row-disabled,
.frm-question-table-cell-disabled,
.frm-question-type-table .frm-question-table-cell-disabled.x-grid3-cell-selected {
  background-color: #edecec !important;
}

.frm-question-table-cell-invalid {
  background-color: #fae3e3 !important;
}

.frm-question-type-table .x-grid .frm-question-table-cell {
  padding: 0;
}

.frm-question-type-table .x-grid .frm-question-table-cell-inner {
  width: 100%;
  height: 100%;
  padding: 0 8px;
}

.frm-question-type-table .x-grid .x-grid-summaryrow {
  background-color: #f1f2f4;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

.frm-question-type-file .file-field-button-text,
.frm-question-type-file [x-class-x-item-disabled=downloadIsDisabled] {
  /* versao mobile tem pouco espaço, portanto o texto e botão download serão escondidos */
  display: none;
}

.req-template-editpanel .x-scroll-scroller {
  /*
      Super importante sobreencrever o default que e width:auto no tema android
      se deixar width:auto ira fazer strectch de todos controles quando grid tiver muitas colunas
      nesse caso ate o summary do grid ficara inutilizados
  */
  width: inherit !important;
}

.r-view-formulary-question-table tfoot td {
  min-height: 20px;
}

.r-view-formularypanel .r-view-formulary-content {
  padding: 10px 0;
}

.r-view-formularypanel .r-view-formulary-content .req-column-title-x {
  /*padding-left:10px;*/
  padding-left: 0;
}

.frm-question-style-critical .x-form-label,
.frm-question-style-exclamation .x-form-label,
.frm-question-style-solution .x-form-label {
  padding: 10px !important;
  min-height: 16px;
  color: #000 !important;
  background-repeat: no-repeat;
  margin-bottom: 4px !important;
  background-position: 5px;
}

.frm-question-style-critical .x-form-label {
  background-color: #FF7D7D;
}

.frm-question-style-exclamation .x-form-label {
  background-color: #DFCD88;
}

.frm-question-style-solution .x-form-label {
  background-color: #D2DDE8;
  background-position: 0;
}

.frm-question-style-critical .x-form-label:before,
.frm-question-style-exclamation .x-form-label:before,
.frm-question-style-solution .x-form-label:before,
.r-view-formularypanel .icon-doc,
.r-view-formularypanel .icon-picture,
.frm-question-table-cell-style-6,
.frm-question-table-cell-style-7,
.frm-question-table-cell-style-8,
.frm-question-table-cell-style-9 {
  font-family: "Pictos";
  font-size: 22px;
  padding-right: 5px;
}

.frm-question-table-cellct-style-6,
.frm-question-table-cellct-style-7,
.frm-question-table-cellct-style-8,
.frm-question-table-cellct-style-9 {
  text-align: center;
}

.frm-question-style-critical .x-form-label:before,
.frm-question-table-cell-style-8:before,
.r-view-formulary-col-icon-style-8:before {
  content: "D";
  color: red;
}

.frm-question-table-cell-inner a,
.frm-question-table-cellct-style-9 a {
  text-decoration: none;
}

.frm-question-style-embedpage .x-form-label:before,
.frm-question-table-cell-style-9:before,
.r-view-formulary-col-icon-style-9:before,
.r-view-formularypanel .icon-doc:before {
  content: "F";
  color: #000;
}

.r-view-formularypanel .icon-picture:before {
  content: "P";
  color: #000;
}

.frm-question-style-exclamation .x-form-label:before,
.frm-question-table-cell-style-7:before,
.r-view-formulary-col-icon-style-7:before {
  content: "!";
  color: orange;
}

.frm-question-table-cell-style-6:before {
  content: "i";
  color: blue;
}

.frm-question-style-solution .x-form-label:before,
.r-view-formulary-col-icon-style-105:before {
  content: "3";
  color: green;
}

.r-view-formulary-col-icon-style-7:before,
.r-view-formulary-col-icon-style-8:before,
.r-view-formulary-col-icon-style-9:before,
.r-view-formulary-col-icon-style-105:before {
  font-family: "Pictos";
  font-size: 13px;
}

.r-view-formulary-col-icon-style-7,
.r-view-formulary-col-icon-style-8,
.r-view-formulary-col-icon-style-105 {
  width: 12px;
  height: 12px;
}

.r-view-formulary-col-icon {
  padding: 8px 0 0 0;
}

.r-view-formulary-col-icon-th {
  width: 10px;
}

.x-webkit .frm-questiongroup-tab .x-tabbar .x-layout-box-item.x-tab {
  /* bug 3038 sobrescrever selector que altera width:0 */
  width: auto !important;
}

.frm-questiongroup-tab .x-scroll-scroller {
  /* bug 3038 resetar esse selector: req-template-editpanel .x-scroll-scroller 
     se nao fazer isso o scroll sempre volta na posicional inicial
  */
  width: auto !important;
}

.frm-question-doctbar-ct {
  /*TODO: implementar pbi 3077*/
  display: none;
}

.frm-question-required-mark {
  padding-left: 3px;
}

.r-view-formulary-question-logonhours table {
  border-collapse: separate;
  border-spacing: 1px;
}

.r-view-formulary-question-logonhours td,
.r-view-formulary-question-logonhours thead th {
  padding: 2px;
  border: none;
}

.x-list .inboxlist-item .x-innerhtml {
  padding: 5px 10px 5px 5px !important; /*espaco para disclosure*/
}

.inboxlist-item-line-top {
  display: -webkit-box;
  display: -ms-flexbox;
  /*task 3056 prioridade p/ display flex */
  display: flex;
  font-size: 0.8em;
  /*width:100%;*/
}

.inboxlist-item-line-top-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.inboxlist-item-progress {
  max-width: 80px;
}

.x-phone .inboxlist-item-progress {
  /*task 3056*/
  max-width: 50px;
}

.inboxlist-item-progress,
.inboxlist-item-line-top-item {
  margin-right: 5px;
}

.inboxlist-abstract {
  color: #282828;
  font-weight: bold;
  font-size: 0.7em;
}

.inboxlist-item-line-top-date,
.inboxlist-item-line-top-priority {
  text-align: right;
}

.inboxlist-item-line-top-status {
  font-size: 0.6em;
  color: #9b9999;
}

.inboxlist-item-line-top .x-table-cell {
  /*float:right;*/
  padding-right: 10px;
  /*color:#5e5e5e;*/
  display: table-cell;
  width: 20%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inboxlist-item-line-top .x-table-cell img {
  width: 10px;
  height: 10px;
  opacity: 0.8;
}

.x-item-selected .inboxlist-item-line-top span {
  color: #FFF;
}

.x-list .inboxlist-item .x-list-disclosure {
  background-color: #dedede;
  background-image: none;
}

.inboxlist-item .rstatus-icon {
  margin-right: 4px;
}

.inboxlist-item-line-sep {
  border: none;
  border-top: solid 1px #f7c3a9;
  margin-top: 0;
}

.x-list-item-first .inboxlist-item-line-sep {
  display: none;
}

.x-list .inboxlist-item {
  border: none !important;
}

.x-list .x-list-item.inboxlist-item:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0.5em;
  right: 1em;
  border-bottom: solid 1px #f7c3a9;
}

.inboxlist-descript {
  /*exibir apenas 3 linhas*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 60px;
}

.settingsprofilelist-url {
  font-size: 0.7em;
  color: #808080;
}

.settingsprofilelist-server {
  font-size: 0.6em;
  color: #808080;
  font-style: italic;
}

.settingsprofilelist-top {
  display: flex;
}

.settingsprofilelist-name {
  flex: 1 0 auto !important;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.settingsprofilelist-buttons {
  text-align: right;
  width: 60px;
}

.settingsprofilelist-buttons a {
  text-decoration: none;
  padding-left: 10px;
  color: #626161;
}

.app-statusmessage .x-innerhtml {
  padding: 2px;
  background-color: #c4c3c3;
}

.x-box-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rstatus-icon {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #a3a2a2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.rstatus-icon_00 {
  background-color: #303030;
}

.rstatus-icon_01 {
  background-color: #0C59A6;
}

.rstatus-icon_02 {
  background-color: #005100;
}

.rstatus-icon_03 {
  background-color: #428957;
}

.rstatus-icon_04 {
  background-color: #B5383A;
}

.rstatus-icon_05 {
  background-color: #A62E72;
}

.rstatus-icon_06 {
  background-color: #96761F;
}

.rstatus-icon_07 {
  background-color: #CCCCCC;
}

.rstatus-icon_08 {
  background-color: #A8A8A8;
}

.rstatus-icon_09 {
  background-color: #73ACEA;
}

.rstatus-icon_10 {
  background-color: #53B953;
}

.rstatus-icon_11 {
  background-color: #80C6FF;
}

.rstatus-icon_12 {
  background-color: #F4512F;
}

.rstatus-icon_13 {
  background-color: #FF8ACF;
}

.rstatus-icon_14 {
  background-color: #EABB13;
}

.rstatus-icon_15 {
  background-color: #EBEBEB;
}

.progressbar {
  width: 100%;
  height: 15px;
  /*border:1px solid #c4c1c1;*/
  position: relative;
  overflow: hidden;
}

.progressbar-inner {
  position: absolute;
  top: 0;
  background-color: #e2e0e0;
  height: 100%;
  width: 100%;
}

.progressbar-high {
  background-color: #28a828;
}

.progressbar-low {
  background-color: #e15254;
}

.progressbar-gray {
  background-color: #A8A8A8;
}

.progressbar-label {
  line-height: 15px;
  text-align: center;
  position: relative;
  color: #191818;
  font-size: 10px;
}

.app-submenu {
  background-color: #fff;
}

.t-contact {
  font: normal 12px/14px arial, tahoma, helvetica, sans-serif;
  color: #485569;
  overflow: hidden;
  width: 100%;
}

.t-contact .title {
  font-size: 13px;
  text-align: left;
  padding: 7px 5px;
}

.t-contact .text-wrap {
  width: 100%;
  display: block;
  padding: 10px 10px 10px 5px;
  font-size: 11px;
}

.t-contact .text-wrap,
.t-contact a,
.t-contact .usertype {
  color: #828282 !important;
  font-weight: bold;
}

.t-contact .text-wrap a {
  line-height: 20px;
}

.t-contact .text-wrap .label-wrap {
  padding-right: 5px;
  width: 70%;
  font-weight: normal;
  display: inline-block;
}

.t-contact .img-wrap {
  width: 32px;
}

.t-contact .img-wrap .usertype {
  text-align: center;
}

.t-contact .img-wrap img {
  margin-top: 5px;
  width: 48px;
  height: 48px;
}

.mfa-setup-intro {
  padding: 10px;
}

table.mfa-setup-intro-steps {
  table-layout: fixed;
  width: 100%;
}

.mfa-setup-intro-header,
.mfa-setup-intro-steps-images-row {
  text-align: center;
}

.mfa-setup-intro-steps-image-col {
  width: 100px;
}

.mfa-setup-intro-header h2 {
  font-size: 14px;
  padding: 10px;
}

.mfa-setup-intro-header h3 {
  font-size: 12px;
  margin: 5px 0 5px 0;
  display: inline-block;
}

.mfa-setup-intro-steps td {
  background-color: #f7f7f7;
  padding: 3px;
}

.mfa-setup-intro-steps img {
  background-size: cover;
  width: 96px;
  height: 96px;
  display: block;
  margin: 5px auto;
}

.icon-mfa-setup-intro-login {
  background-image: url(../../../../images/mfa/intro-login.png);
}

.icon-mfa-setup-intro-send-code {
  background-image: url(../../../../images/mfa/intro-send-code.png);
}

.icon-mfa-setup-intro-enter-code {
  background-image: url(../../../../images/mfa/intro-enter-code.png);
}

.icon-mfa-setup {
  /*background-image: url(../../images/mfa/setup.png);*/
}

.mfa-keysetupintro-row,
.mfa-keysetup-methods-row {
  cursor: pointer;
}

.mfa-keysetup-methods-row img {
  width: 32px;
  height: 32px;
  border-radius: 0;
}

.mfa-keysetup-methods-row .x-actionsview-item-photo-outer {
  border-radius: 0;
  left: 10px;
}

.mfa-webautn-container,
.mfa-totp-container {
  text-align: center;
  margin: auto auto;
}

.mfa-webautn-container .x-btn {
  display: inline-block;
}

.icon-mfa-email {
  background-image: url(../../../../images/mfa/email.png);
}

.icon-mfa-authenticator {
  background-image: url(../../../../images/mfa/phone-qrcode.png);
}

.icon-mfa-sms {
  background-image: url(../../../../images/mfa/phone-sms.png);
}

.icon-mfa-webauthn {
  background-image: url(../../../../images/mfa/usb-key.png) !important;
}

.icon-mfa-security-questions {
  background-image: url(../../../../images/mfa/security-questions.png);
}

.mfa-setup .x-form-label {
  white-space: normal;
}

.icon-mfa-webauthn.x-button-icon {
  background-size: cover;
}

.mfa-totp-setup-apps a {
  /*preferencia para exibir underline apenas no link para copiar o codigo para area de transferencia*/
  text-decoration: none;
}

/*v2 --------------------------*/
.file-field.d-flex.x-item-disabled {
  opacity: 1; /*nao alterar opacity no elemento...os botoes irao indicar que esta desabilitado */
}

.file-field-link {
  padding: 0.7em 0.4em 0.4em 0.4em;
  display: block;
  min-height: 2.5em;
}

.file-field-link-ct {
  flex: 4 !important;
  border: 1px solid #dad9d9 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*padding: 2.5px 5px;*/
  border-radius: 5px 0 0 5px;
}

.file-field-link-ct a,
.frm-question-type-table .frm-question-table-td-style-10 a,
.x-form-readonly .file-field-link-ct a {
  text-decoration: underline;
  color: #444 !important;
  /*font-size:11px;*/
  font-weight: normal !important;
}

.x-item-disabled .file-field-link-ct a,
.x-item-disabled .file-field-button:not(.x-item-disabled) * {
  /*manter cursor para link do arquivo e botao de download  */
  cursor: pointer !important;
}

.file-field-button {
  display: inline-block;
  padding: 2.5px 10px;
  border: 1px solid #dad9d9;
  background-color: #f0f0f0;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  border-radius: 0px;
  border-left: none !important;
}

.x-item-disabled.file-field-button {
  pointer-events: none;
}

.file-field-button:hover {
  filter: brightness(90%);
  transition: filter 0.5s ease;
}

.file-field-button:active {
  filter: brightness(110%);
  transition: filter 0.5s ease;
}

.file-field-icon {
  cursor: pointer;
  padding: 0 4px;
  line-height: 32px;
  font-size: 1.4em;
}

.file-field-icon-upload:before {
  content: "\e9c8";
  font-family: linearicons;
}

.file-field-icon-download:before {
  content: "\e865";
  font-family: linearicons;
}

.file-field-icon-delete:before {
  content: "\e880";
  font-family: linearicons;
}

.file-field-button-blue, .x-item.disabled .file-field-button-blue {
  background-color: #004680;
}

.file-field-button-blue .file-field-button-text,
.file-field-button-blue.x-item.disabled .file-field-button-text {
  color: #fff !important;
}

.file-field-button-blue .file-field-icon {
  color: #fff;
  /*filter: invert(.99) sepia(.19) saturate(0) hue-rotate(312deg) brightness(.112) contrast(1) !important;*/
}

.file-field-button-blue:hover {
  filter: brightness(110%);
}

.file-field-button.x-item-disabled {
  opacity: 0.6;
}

.file-field-link-ct a[href=""] {
  /* BUG 20701 se href for vazio, o tap/clic ira abrir outra pagina do rsm e irá confundir o usuario */
  display: none;
}