/* app */
.x-panel-header-title-default > .x-title-text-default:after,
.x-panel-header-title-default-framed > .x-title-text-default-framed:after,
.x-window-header-title-default > .x-title-text-default:after,
.x-panel-header-title-light > .x-title-text-light:after,
.x-panel-header-title-light-framed > .x-title-text-light-framed:after,
#ext-viewport:after {
	content: none !important;
}
body {
	background: #606060 !important;
}
ul {
	margin-left: -10px;
}
.x-btn-icon-el-default-small,
.x-btn-icon-el-default-toolbar-small {
	font-size: 12px !important;
}
.x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed > .x-title-icon-default-framed {
	font-size: 16px !important;
	height: unset !important;
}
.x-btn-icon-el-default-toolbar-medium {
	font-size: 16px !important;
}

.tree-hack-leaf {
	margin-right: 0px;
}

.tree-sem-icone .x-tree-icon {
	display : none !important;
}
.tree-sem-icone .x-tree-elbow-img {
	margin-right: 0px;
}
.tree-sem-icone .x-tree-node-text {
	padding-left: 0px;
}
.disabled-row .x-grid-cell {
	color: #bbb;
	background-color: #f5f5f5;
}
.tree-sem-icone .x-grid-cell-inner {
	font-size: 11px;
}
.x-grid-cell-inner.x-grid-cell-inner-action-col div.x-action-col-icon {
	font-size: 16px;
	margin-right: 5px;
}
.x-grid-cell-inner.x-grid-cell-inner-action-col div.x-action-col-icon:last-child {
	margin-right: 0px;
}

.x-form-readonly {
	opacity: 0.8;
}
.x-form-item-default.x-item-disabled {
	opacity: 0.7;
}

/* bugfix para mostrar a cor nos campos colorfield */
.x-colorpicker-field-swatch .x-colorpicker-field-swatch-inner {
	z-index: 1;
}

/* override das fontes para o componente htmleditor do extjs */
.x-html-editor-wrap textarea {
	/* font: 300 13px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif; */
	font: 300 13px arial, verdana, sans-serif;
}

.x-grid-item {
	font: 300 12px/19px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.x-grid-item-over .x-grid-cell .row-body-div-custom,
.x-grid-cell.row-body-div-custom {
	border-width: 1px 0 0 0;
}
.x-grid-item.fix-bd {
	border-width: 0 0 1px 0;
}
.tree-icon-hidden {
	display: none !important;
}
.column-color-inherit {
	color: inherit;
}
.x-tagfield-item-text {
	font-size: 12px;
}
.x-boundlist-item {
	padding: 0 10px;
	font: normal 13px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
	line-height: 30px;
	cursor: pointer;
	cursor: hand;
	position: relative;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff;
	color: #404040;
	font-size: 12px;
}
.x-mask {
	background-color: rgba(255, 255, 255, 0.7) !important;
}

.base-color {
	color: #5fa2dd !important;
}
.green {
	color: #13bc7d !important;
}
.red {
	color: #e04d33 !important;
}
.yellow {
	color: #f3c92c !important;
}
.blue {
	color: #39aefe !important;
}
.grey {
	color: #919191 !important;
}
.purple {
	color: #e13bda !important;
}
.orange {
	color: #ffa03e !important;
}
.pink {
	color: #ff8fdc !important;
}
.blue-green {
	color: #3ee3cc !important;
}
.aqua {
	color: #00ffff !important;
}
.opacity-15 {
	opacity: 0.15;
}
.opacity-20 {
	opacity: 0.20;
}
.opacity-40 {
	opacity: 0.40;
}
.cursor-default {
	cursor: default;
}
.cursor-ban {
	cursor: not-allowed;
}
.cursor-help {
	cursor: help;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-pointer-middle {
	cursor: pointer;
	vertical-align: middle;
}
.cursor-move {
	cursor: move;
}
.cursor-pointer-hovered {
  cursor: pointer;
  transition: 0.5s ease;
}
.cursor-pointer-hovered:hover {
  color: rgba(0,0,0,0.5);
}
.acao {
	transition: 0.3s ease;
}
.acao:hover {
	color: #5fa2dd;
}
.x-keyboard-mode .x-view-item-focused {
    outline: none !important;
}
.x-menu-item-active .x-menu-item-text {
	font-weight: 300;
}
/* taskboard */
.sch-taskcolumn:focus-within .x-panel-header{
	background-image: none;
}
.sch-taskboard, .sch-taskboard-body {
	background-color: #ffffff;
}
.sch-taskboard .sch-taskcolumn .x-title-text,
.sch-taskboard .sch-taskcolumn .x-tool-tool-el {
	color: #606060;
}
.sch-taskview {
	padding: 3px;
	background-color: #f4f4f4;
	overflow-x: hidden !important;
}

.sch-task {
	margin: 5px;
	box-shadow: 4px 4px 5px 0 rgba(150, 150, 150, 0.5);
	border-radius: 7px;
}
[size='large'] .sch-taskview div.sch-task {
	width: 114px;
	float: left;
}
.sch-task-dd .sch-task {
	border: 1px dashed #888 !important;
}
[size='large'] .sch-taskview div.sch-task,
[size='large'] .sch-task-inner {
    border-width : 0 0 0 1px;
    padding      : 0;
    border-color : #ddd;
}
.t-vs {
    top: -3px;
    left: -5px;
    cursor: help;
    position: absolute;
    text-align: center;
    color: white;
    background: #5fa2dd;
    line-height: 15px;
    width: 16px;
    font-size: 10px;
}
.linha-atividade {
	font-weight: 800;
}
.t-mr {
    top: -3px;
    right: -14px;
    cursor: help;
    position: absolute;
    width: 16px;
}
.t-mr .mais {
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
}
.t-mr .mais:hover {
	color: #39aefe;
}
.tsk-hr {
    width: 113px;
    height: 170px;
}
.t-h {
    background : #eaeff4;
    color      : #606060;
    padding    : 5px 0px 4px 5px;
    overflow   : hidden;
    border-left: 7px solid;
}
.t-b {
    padding    : 3px;
    overflow   : hidden;
    border-left: 7px solid;
}
.sch-task-selected div, .sch-task-selected span {
    text-shadow : none;
    color       : inherit;
}
.t-f {
	font-size: 11px;
	border-left: 7px solid;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 71px;
    align-items: center;
    border-top: 1px solid;
}
.t-f span {
    margin: 0 4px;
}
.t-f span:hover {
	opacity: 0.75;
}
.t-f .fa,
.t-f .fas, .t-f .fa-solid,
.t-f .far, .t-f .fa-regular,
.t-f .fal, .t-f .fa-light,
.t-f .fat, .t-f .fa-thin,
.t-f .fab, .t-f .fa-brands,
.t-f .fad, .t-f .fa-duotone {
	line-height: inherit;
}

.t-f .t-mix {
	color: #03b603;
}

.t-f .t-au {
	width: 14px;
	text-align: center;
}

/* ext7 */
.fa,
.fas, .fa-solid,
.far, .fa-regular,
.fal, .fa-light,
.fat, .fa-thin,
.fab, .fa-brands,
.fad, .fa-duotone {
	height: inherit;
}
.sch-taskcolumn[size='large'] .sch-taskview {
    padding: 3px;
}
[size='large'] div.sch-task {
	margin: 12px;
}
.x-menu-item-icon.fa,
.x-menu-item-icon.fas, .x-menu-item-icon.fa-solid,
.x-menu-item-icon.far, .x-menu-item-icon.fa-regular,
.x-menu-item-icon.fal, .x-menu-item-icon.fa-light,
.x-menu-item-icon.fat, .x-menu-item-icon.fa-thin,
.x-menu-item-icon.fab, .x-menu-item-icon.fa-brands,
.x-menu-item-icon.fad, .x-menu-item-icon.fa-duotone {
	line-height: 1.4em;
	position: absolute;
}
.x-form-trigger.fa,
.x-form-trigger.fas, .x-form-trigger.fa-solid,
.x-form-trigger.far, .x-form-trigger.fa-regular,
.x-form-trigger.fal, .x-form-trigger.fa-light,
.x-form-trigger.fat, .x-form-trigger.fa-thin,
.x-form-trigger.fab, .x-form-trigger.fa-brands,
.x-form-trigger.fad, .x-form-trigger.fa-duotone {
	display: table-cell;
	line-height: unset;
	font: 16px/30px 'Font Awesome 6 Pro';
}
.x-form-trigger-default {
	font: 16px/30px 'Font Awesome 6 Pro';
}
.x-form-display-field-default {
	min-height: unset;
}
/* ext7 */

.sch-task-menu-handle {
    display    : block;
    visibility : visible !important;
    top        : 5px;
    right      : 4px;
    background : 0 none !important;
    font       : 16px 'Font Awesome 6 Pro';
    cursor: pointer;
}
.sch-task-selected .sch-task-menu-handle {
    color   : #fff;
    opacity : 1;
}
.sch-task-selected .sch-task-menu-handle:hover {
    opacity : 0.7;
}
.sch-task-menu-handle:before {
    content : "\f013";
}
.t-ti {
	font-weight : 600;
	font-size: 12px;
	display: block;
	width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t-cron, .t-ct, .t-mix {
	cursor: help;
}
.sch-taskview div.sch-task-selected {
    background-color : transparent;
}
.sch-taskview div.sch-task-selected .t-vs {
    background-color : #5fa2dd;
    color            : white;
}
.sch-taskview div.sch-task-selected .t-h {
    background-color : #39aefe;
    color            : #fff;
}
.t-img {
	float: right;
	width: 100px;
	height: 100px;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
.sch-phantom-task .t-ti {
    text-indent : -1000px;
}
.x-title-text {
    font-size   : 14px;
    font-weight : 600;
}
.split .x-title-text {
    text-align : center;
}
.x-ie8 .sch-task {
    border : 1px solid #ccc;
}
[share='x'] .sch-taskboard-body {
	background-color: #ffefbb;
}
.sch-taskcolumn .x-title-text {
	font-size: 11px;
}
.sch-taskcolumn .x-panel-header {
	background-color: #f4f4f4;
	padding: 5px 10px 1px;
	border-width: 10px 0px 0px !important;
}
.sch-taskcolumn {
	box-shadow: rgba(175, 175, 175, 0.5) 2px 2px 4px 0px;
}
/* scheduler */
.sch-schedulerview .x-grid-group-hd, .x-grid-group-hd {
	background-color: #cccccc7d;
}
.sch-event.sch-event-selected.sch-event-hover, .sch-event.sch-event-selected, .sch-event.sch-event-hover, .sch-event {
	color: #ffffff;
	font-weight: normal;
}
div.sch-event-selected, div.sch-event-hover.sch-event-selected {
	background-color: #ffc107 !important;
}
.sch-event-footer {
	font-size: 11px;
}
/* loader */
#loadingSplash {
    z-index: 10000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#loadingSplashTop,
#loadingSplashBottom {
    background-color: white;
    position: absolute;
    right: 0;
    left: 0;
    height: 50%;
    transition: all 500ms;
    transition-delay: 100ms;
}
#loadingSplashTop {
    top: 0;
}
#loadingSplashBottom {
    bottom: 0;
}
/* when app has load, ready to see */
#loadingSplash.app-loaded #loadingSplashTop {
    transform: translateY(-100%);
}
#loadingSplash.app-loaded #loadingSplashBottom {
    transform: translateY(100%);
}
#loadingSplash.app-loaded #loadingSplashCircles {
    transform: scale(0);
    opacity: 0;
}

.loading-fading-circle {
	margin: auto;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all 500ms;
}
.loading-fading-circle .image {
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}
@-webkit-keyframes spin {
	0%   { opacity:0; }
	25%  { opacity:1; }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
	0%   { opacity:0; }
	25%  { opacity:1; }
	100% { -moz-transform: rotate(360deg); }
}
@keyframes spin {
	0%   { opacity:0; }
	25%  { opacity:1; }
	100% { transform: rotate(360deg); }
}


.btn-expandir-modulo {
	color: white;
	font-size: 18px;
}
.btn-expandir-modulo:hover {
	cursor: pointer;
	color: lightgray;
}

.x-menu-item-focus .x-menu-item-icon-default, .x-menu-item-active .x-menu-item-icon-default {
    color: #fff !important;
}

.override.fas.fa-arrows-alt:before {
	content: "\f0b2" !important;
}

/* balao */
.balao {
	padding: 5px;
	margin: 15px 15px 15px 75px;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	border-left: 7px solid;
	word-wrap: break-word;
	overflow: auto;
	color: #404040;
}
.balao.x-item-over {
	background-color: #d5efff !important;
}
.balao .head {
	font-weight: 600;
	line-height: 24px;
}
.balao .head .img {
	float: left;
	width: 50px;
	height: 50px;
}
.balao .head .ref {
	font-size: 12px;
	margin-left: 55px;
	border-bottom: 2px solid #c3c3c3;
}
.balao .head .col {
	font-size: 11px;
	margin-left: 55px;
}
.balao .body {
	clear: both;
	margin: 5px 0px;
}
.balao .body span {
	white-space: pre-wrap;
}
.balao .footer {
    font-weight: 500;
    font-size: 11px;
}
.balao .footer span {
    margin: 0px 0px 0px 10px;
}
.balao .footer span:first-child {
    margin-left: 0px;
}
.balao .footer span.btn {
    float: right;
    font-size: 15px;
    color: #bbbbbb;
}
.balao .footer span.btn:hover {
    color: #888888;
}

/* tooltip quadros */
.tt-quadro-img {
	max-width: 350px;
	max-height: 350px;
	width: 100%;
	height: 100%;
}
.tt-quadro-txt {
	white-space: pre-wrap;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

/* resumo folha A4 */
.a4 {
    float: left;
    border: 1px solid lightgray;
    box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
    margin: 10px;
    padding: 5px;
    height: 312px; /* 300 + 2 + 10 */
    width: 212px;  /* 200 + 2 + 10 */
}
.a4 .celula {
	float: left;
	height: 75px;
	width: 50px;
	padding: 5px;
}
.celula.x-item-over {
	background: #e4e4e4;
	cursor: help;
}
.a4 .celula .img {
	width: 100%;
}
.a4 .celula .ref {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}

/* resumo folha A4 edicao */
.x-grid-empty.vazio {
	height: 100%;
	border: 1px dashed;
	border-radius: 10px;
}
.a4e {
    float: left;
    border: 1px solid lightgray;
    box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
    margin: 10px;
    padding: 5px;
    height: 412px; /* 400 + 2 + 10 */
    width: 372px;  /* 360 + 2 + 10 */
}
.a4e .celula {
    height: 100px;
    width: 90px;
    padding: 10px 5px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    float: left;
}
.a4e .celula .fechar {
    position: absolute;
    top: 2px;
    right: 16px;
    font-size: 15px;
    background-color: white;
    border: 1px solid white;
    border-radius: 25px;
    cursor: pointer;
    height: 17px;
}
.a4e .celula .img {
	width: 50px;
    height: 50px;
    border: 1px dashed lightgray;
    cursor: move;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.a4e .celula .antes,
.a4e .celula .depois {
	border: 1px dashed lightgray;
	flex: 1 auto;
	height: 50px;
}
.a4e .celula .ref {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
    flex: 1 100%;
}
/* drag-over */
.antes.do1, .img.do1, .depois.do1, .vazio.do1 {
	background-color: #e7ffed;
	border: 1px solid #8df7a9 !important;
}

/* */
.disponiveis {
	font-weight: 500;
	cursor: move;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.disponiveis .img {
	float: left;
	width: 50px;
	height: 50px;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.disponiveis .ref {
    font-size: 11px;
    margin-left: 60px;
    border-bottom: 1px solid #c3c3c3;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
}
.disponiveis .col {
	font-size: 10px;
    margin-left: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}

/* calendario alertas */
.cal-alerta {
    box-shadow: -2px 2px 4px 0px rgba(150, 150, 150, 0.3);
    padding: 7px;
    border-radius: 7px;
    margin-bottom: 7px;
}
.cal-alerta-texto {
	padding: 5px;
	font-family: sans-serif;
}

.cal-ln {
	border-radius: 6px;
	padding: 1px 5px;
	border: 2px solid;
	font-size: 12px;
    vertical-align: bottom;
	font-family: sans-serif;
}
.cal-grid-hoje {
	border-color: #ffaeae;
	background-color: #ffaeae;
}
.cal-grid-amanha {
	border-color: #ffe27e;
	background-color: #ffe27e;
}
.cal-grid-intervalo {
	border-color: #71e5a8;
	background-color: #71e5a8;
}
.cal-his-dtr {
	border-color: #d2e5ff;
	background-color: #d2e5ff;
	margin-right: 2px;
}
.cal-his-us {
	border-color: #c6f1b3;
	background-color: #c6f1b3;
	margin-right: 2px;
}
.cal-his-sta {
	border-color: #f9eda7;
	background-color: #f9eda7;
	margin-right: 2px;
}
.cal-his-tit {
	margin-bottom: 2px;
}
.cal-his-txt {
	font-size: 12px;
	font-family: sans-serif;
	white-space: pre-wrap;
}
.cal-his-dts {
	border-color: #f5dcf0;
	background-color: #f5dcf0;
	margin-right: 2px;
}

/* grid editar roteiro */
.gh-rot .x-column-header-inner {
	padding: 4px;
}
.gh-rot-img {
	width: 32px;
	height: 32px;
}
.rot-ct-img {
    float: left;
    margin: 0px 10px 10px 0px;
}
.rot-ct-txt {
	margin: 0;
	font-size: 11px;
}
.rot-col-2 {
	background-color: rgb(255, 174, 174) !important;
}
.rot-col-3 {
	background-color: rgb(255, 226, 126) !important;
}
.rot-col-4 {
	background-color: rgb(113, 229, 168) !important;
}

/* galeria modelo */
.gal-el {
	padding: 5px;
	margin: 12px;
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
}
.gal-el.mov {
	cursor: move;
}
.gal-el.x-item-over {
	border:1px solid #dddddd;
    background: #efefef;
}
.gal-el.x-item-selected {
    background: #f2e3b2;
    border: 1px solid #99bbe8;
}
.gal-el .img {
	width: 100%;
}
.gal-el .img.notc {
	opacity: 0.5;
}
.gal-el .btn {
	font-size: 13px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding-top: 5px;
}
.gal-el .btn div {
	margin: 2px;
	opacity: 0.99; /* bug ? */
}
.gal-el .btn div:hover {
	opacity: 0.7;
	cursor: pointer;
}

/* slide imagens capa */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.slideshow-container .mySlides {
	display: none;
}
.slideshow-container .mySlides.atual {
	display: block;
}
.slideshow-container .menu-img {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 7px;
	background-color: #bcbcbc;
	color: white;
	font-size: 18px;
}
.slideshow-container .menu-img span {
	cursor: pointer;
	transition: 0.6s ease;
	margin-left: 10px;
}
.slideshow-container .menu-img span:first-child {
	margin-left: 0px;
}
.slideshow-container .menu-img span:hover {
	color: rgba(0,0,0,0.5);
}
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  transition: 0.6s ease;
  background-color: rgba(0,0,0,0.5);
}
.slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.slideshow-container .prev:hover, .slideshow-container .next:hover {
  background-color: rgba(0,0,0,0.8);
}
.slideshow-container .numbertext {
  color: #404040;
  font-family: sans-serif;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.slideshow-container .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* override para nao perder cor */
.cal-resource-filter .x-form-checkbox-focus.x-form-checkbox-default {
	 color: inherit !important;
}

/* configuracao mix/tipo */
.mix-tipo {
    float: left;
    padding: 0px 5px 5px 5px;
    transition : width 0.5s;
    border: 1px solid lightgray;
    box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
    margin: 7px;
}
[zoom='1'] .mix-tipo {
    width: 100px;
}
[zoom='2'] .mix-tipo {
    width: 150px;
}
[zoom='3'] .mix-tipo {
    width: 200px;
}
[zoom='4'] .mix-tipo {
    width: 250px;
}
[zoom='5'] .mix-tipo {
    width: 300px;
}
.mix-tipo .img {
	width: 100%;
}
.mix-tipo .btn {
	font-size: 16px;
    height: 22px;
    line-height: 22px;
}
.mix-tipo .btn div {
	padding: 0 3px;
}
.mix-tipo.x-item-over {
	background: #e4e4e4;
	cursor: help;
}
.mix-tipo .ds {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}

/* colecao/mix */
.mix-tema {
	border: 1px solid lightgray;
	box-shadow: 6px 6px 5px 0 rgba(150, 150, 150, 0.5);
	margin: 15px;
	/* min-height: 200px; */
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
}
.mix-tema.x-item-over {
	background-color: #ececec;
}
.mix-tema .mix-tbar {
	min-height: 40px;
	color: #707070;
	margin: 0 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.mix-tema .mix-tbar .item {
	font-size: 16px;
    margin-right: 20px;
}
.mix-tema .mix-tbar .item:last-child {
	margin-right: 0;
}
.mix-tema .mix-tbar .item .btn:hover {
	color: #919191;
}
.mix-tema .mix-tbar .item .lab {
	font-family: sans-serif;
	font-size: 12px;
}
.mix-tema .mix-tbar .item .txt {
	display: inline;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.mix-tema .mix-itens {
	flex: 1;
	border-top: 1px solid lightgray;
	padding: 10px;
	transition: min-height 0.5s;
}
[zoom='1'] .mix-tema .mix-itens {
	min-height: 241px;
}
[zoom='2'] .mix-tema .mix-itens {
	min-height: 291px;
}
[zoom='3'] .mix-tema .mix-itens {
	min-height: 341px;
}
[zoom='4'] .mix-tema .mix-itens {
	min-height: 391px;
}
[zoom='5'] .mix-tema .mix-itens {
	min-height: 441px;
}

[zoom='2'] .mix-tema .mix-itens .mix-item .ds {
	font-size: 11px !important;
}
[zoom='3'] .mix-tema .mix-itens .mix-item .ds {
	font-size: 12px !important;
}
[zoom='4'] .mix-tema .mix-itens .mix-item .ds,
[zoom='5'] .mix-tema .mix-itens .mix-item .ds {
	font-size: 13px !important;
}

.mix-tema .mix-item {
	float: left;
	padding: 0px 5px;
	transition: width 0.5s;
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	margin: 10px;
	background-color: #ffffff;
}
.mix-tema .mix-item.extra {
	border: 1px solid red;
	box-shadow: 3px 3px 4px 0 rgba(202, 64, 64, 0.5);
}
[zoom='1'] .mix-tema .mix-item {
    width: 100px;
    height: 200px;
}
[zoom='2'] .mix-tema .mix-item {
    width: 150px;
    height: 250px;
}
[zoom='3'] .mix-tema .mix-item {
    width: 200px;
    height: 300px;
}
[zoom='4'] .mix-tema .mix-item {
    width: 250px;
    height: 350px;
}
[zoom='5'] .mix-tema .mix-item {
    width: 300px;
    height: 400px;
}

[zoom='1'] .mix-tema .mix-item .img {
    max-width: 88px;
    max-height: 88px;
}
[zoom='2'] .mix-tema .mix-item .img {
    max-width: 138px !important;
    max-height: 138px !important;
}
[zoom='3'] .mix-tema .mix-item .img {
    max-width: 188px !important;
    max-height: 188px !important;
}
[zoom='4'] .mix-tema .mix-item .img {
    max-width: 238px !important;
    max-height: 238px !important;
}
[zoom='5'] .mix-tema .mix-item .img {
    max-width: 288px !important;
    max-height: 288px !important;
}

[zoom='1'] .mix-tema .mix-item .mix-div-imagem {
    width: 88px;
    height: 88px;
}
[zoom='2'] .mix-tema .mix-item .mix-div-imagem {
    width: 138px !important;
    height: 138px !important;
}
[zoom='3'] .mix-tema .mix-item .mix-div-imagem {
    width: 188px !important;
    height: 188px !important;
}
[zoom='4'] .mix-tema .mix-item .mix-div-imagem {
    width: 238px !important;
    height: 238px !important;
}
[zoom='5'] .mix-tema .mix-item .mix-div-imagem {
    width: 288px !important;
    height: 288px !important;
}

.mix-tema .mix-item .img {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    margin: 0;
    position: absolute;
    width:auto;
}

.mix-tema .mix-item .mix-div-imagem {
	position:relative;
}

.mix-tema .mix-item .btn {
	min-height: 22px;
	color: #707070;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	font-size: 15px;
}
.mix-tema .mix-item .btn div {
    margin-right: 5px;
}
.mix-tema .mix-item .btn div:last-child {
	margin-right: 0;
}
.mix-tema .mix-item .btn div:hover {
	opacity: 0.7;
}
.mix-tema .mix-item .cor-pantone {
	min-height: 90px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	font-size: 15px;
}
.mix-tema .mix-item .cor-pantone div {
    margin-right: 5px;
}
.mix-tema .mix-item span.custo:hover {
	opacity: 0.7;
}
.mix-tema.x-item-over .mix-item:hover {
	background: #e4e4e4;
}
.mix-tema.x-item-over .mix-item.extra:hover {
	background: #f1dfdf;
}
.mix-tema .mix-item .btn .dir {
	margin-left: auto; /* para empurrar a direita */
}
.mix-tema .mix-item .ds {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}

.boundlist-item-left {
	padding: 3px;
    float: left;
    cursor: pointer;
}
.boundlist-item-flex-left {
	padding: 5px;
    display: flex;
    align-items: center;
    float: left;
    cursor: pointer;
}

/* modulo mix */
.mix-lista {
	float: left;
    padding: 3px;
    transition : width 0.5s;
    border: 1px solid lightgray;
    box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
    margin: 7px;
    background-color: white;
}
[zoom='1'] .mix-lista {
    width: 100px;
}
[zoom='2'] .mix-lista {
    width: 150px;
}
[zoom='3'] .mix-lista {
    width: 200px;
}
[zoom='4'] .mix-lista {
    width: 250px;
}
[zoom='5'] .mix-lista {
    width: 300px;
}
.mix-lista .img {
	width: 100%;
}
.mix-lista.x-item-over {
	background: #e4e4e4;
	cursor: help;
}
.mix-lista .ds {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}


/* roteiro macro */
.rot-mac-item {
	font-size: 12px;
	padding: 0 5px;
}
.rot-mac-item:hover {
	background-color: lightgray;
}


/* chat */
.grupos {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #6b6b6b;
}
.grupos .grupo {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
}
.grupos .ultima {
	font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}


/* icones marcacao */
.mc-icone {
	border: 1px solid lightgray;
	box-shadow: 6px 6px 5px 0 rgba(150, 150, 150, 0.5);
	margin: 7px;
	padding: 3px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
}
.mc-icone.x-item-over {
	background-color: #ececec;
}
.mc-icone .tbar {
	height: 20px;
	color: #707070;
	margin: 0px 2px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.mc-icone .tbar .item {
	font-size: 16px;
    margin-right: 5px;
}
.mc-icone .tbar .item:last-child {
	margin-right: 0;
}
.mc-icone .tbar .item:hover {
	color: #919191;
}
.mc-icone .body {
	height: 22px;
	color: #707070;
	margin: 0px 2px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.mc-icone .body span {
	margin: 0px 5px;
}

div.i {
	float: left;
	padding: 4px;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
}
div.i.x-item-over {
	background-color: #ececec;
	border-color: #dddddd;
	cursor: pointer;
}
div.i.x-item-selected {
	background: #f2e3b2;
	border: 1px solid #99bbe8;
}

div.quadro-icone {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
div.quadro-icone span {
    margin: 0px 5px;
}

.tag-mr {
	height: 22px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.tag-mr span {
	margin: 0px 5px;
}


/* icone em cima do fieldset/imagem/croppie */
.croppie-tool::before {
	font-family: 'Font Awesome 6 Pro';
	content: '\f565' !important;
	position: absolute;
	z-index: 1;
	background-color: white;
	padding: 3px;
	line-height: 16px;
	font-size: 16px;
}


/* mix produto na entrada quadro */
.mix-produto {
    width: 112px;
    height: 230px;
    float: left;
	padding: 0px 5px;
	/* transition: width 0.5s; */
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	margin: 10px;
	background-color: #ffffff;
}
.mix-produto.extra {
	border: 1px solid red;
	box-shadow: 3px 3px 4px 0 rgba(202, 64, 64, 0.5);
}
.mix-produto .btn {
    min-height: 22px;
    color: #707070;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    font-size: 15px;
}
.mix-produto .btn .dir {
	margin-left: auto; /* para empurrar a direita */
}
.mix-produto .btn div {
    margin-right: 5px;
}
.mix-produto .btn div:last-child {
    margin-right: 0;
}
.mix-produto .img {
    width: 100%;
}
.mix-produto .ds {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}
.mix-produto:hover {
	background: #e4e4e4;
}
.mix-produto.extra:hover {
	background: #f1dfdf;
}
.mix-produto.selecionado {
	background-color: #f2e3b2;
}


/* perfis de impressao / imagens */
.pf-ct {
	border: 1px solid lightgray;
	box-shadow: 6px 6px 5px 0 rgba(150, 150, 150, 0.5);
	margin: 7px;
	padding: 3px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
}
.pf-ct.x-item-over {
	background-color: #ececec;
}
.pf-ct .bd {
	color: #707070;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	position: relative;
}
.pf-ct .bd .rm {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 15px;
	cursor: pointer;
}
.pf-ct .bd .img {
	width: 100px;
	height: 100px;
	text-align: center;
}
.pf-ct .bd .img .icone {
	font-size: 50px;
	line-height: 100px;
}
.pf-ct .bd .txt {
	margin: 0px 5px;
}
.pf-ct .bd .txt .fc {
	font-size: 11px;
}
.pf-ct .bd .txt .nome {
	font-weight: 600;
}
/* drag-over */
.pf-ct.do1 {
	background-color: #e7ffed;
	border: 1px solid #8df7a9 !important;
}


/* modelos no painel de extra */
.md-ext {
	margin: 15px;
	padding: 5px;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	word-wrap: break-word;
	overflow: auto;
	color: #404040;
	background-color: #ffffff;
}
.md-ext.x-item-over {
	background-color: #eaeff4;
}
.md-ext .head {
	line-height: 25px;
	border: 1px solid #cccccc;
}
.md-ext .head .img {
	float: left;
	width: 50px;
	height: 50px;
}
.md-ext .head .ref {
	font-size: 13px;
	margin-left: 55px;
}
.md-ext .head .col {
	font-size: 11px;
	margin-left: 55px;
}
.md-ext .body {
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	min-height: 30px;
	align-content: center;
	align-items: center;
	border: 1px solid #cccccc;
	margin: 5px 0px;
}
.md-ext .body:hover {
	background-color: #ddebf5;
}
.md-ext .body span {
	margin: 5px;
}
.md-ext .marcacoes {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}
.md-ext .marcacoes:hover {
	background-color: #ddebf5;
}
.md-ext .marcacoes img {
	margin: 3px;
	cursor: help;
	width: 16px;
	height: 16px;
}
.md-ext .versoes {
	top: 11px;
	left: 8px;
	cursor: help;
	position: absolute;
	text-align: center;
	color: white;
	background: #5fa2dd;
	line-height: 15px;
	width: 16px;
	font-size: 10px;
}
.md-ext .subetapas {
	border: 1px solid #cccccc;
}
.md-ext .subetapas .ct {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	min-height: 30px;
}
.md-ext .subetapas .ct:hover,
.md-ext .subetapas .ct:hover:nth-child(odd) {
	background-color: #ddebf5;
}
.md-ext .subetapas .ct:nth-child(odd) {
	background-color: #eaeff4;
}
.md-ext .subetapas .ct > * {
	margin-left: 8px;
}
.md-ext .subetapas .ct:last-child {
	margin-left: 0;
}
.md-ext .subetapas .ct .menu {
	font-size: 16px;
	opacity: 0.3;
}
.md-ext .subetapas .ct .menu:hover {
	opacity: 0.8;
	cursor: pointer;
}
.md-ext .subetapas .ct .img {
	width: 25px;
	height: 25px;
}
.md-ext .subetapas .ct .nome {
	font-size: 12px;
}
.md-ext .subetapas .ct .t-rot {
	cursor: pointer;
	font-size: 11px;
}
.md-ext .subetapas .ct .t-gd {
	cursor: pointer;
	font-size: 11px;
	font-weight: 540;
}
.md-ext .subetapas .ct .t-cron {
	cursor: pointer;
	font-size: 11px;
	font-weight: 540;
	cursor: help;
}


/* modelo vinculado */
.md-vin {
	display: flex;
}
.md-vin .img {
	width: 50px;
	height: 50px;
	margin: 0px 5px;
}
.md-vin .ct {
	flex: 1;
	line-height: 20px;
	align-self: center;
}
.md-vin .ct .ref {
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.md-vin .ct .col {
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.md-vin .st {
	align-self: center;
	margin-left: 10px;
	cursor: help;
}


/* cronogramav2 */
.unavailable .x-grid-cell {
	background-color: #ebebeb !important;
}


/* configuracao de template (minha ficha) */
.tpl-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.tpl-box .doc {
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	margin: 50px 0px;
	padding: 5px;
	width: 90%;
	/* min-height: 100px; */
	display: flex;
	flex-direction: column;
}

/* parte container vazio */
.tpl-box .ct-vazio {
	flex: 1;
	min-height: 100px;
	margin: 3px;
	color: grey;
}
.tpl-box.arrastando .ct-vazio {
	background-color: #e7ffed;
}
.tpl-box.arrastando .ct-vazio.do1 {
	background-color: #bef5cc;
}

/* parte container */
.tpl-box .ct {
	flex: 1;
	/* min-height: 100px; */
	display: flex;
	flex-direction: row;
	margin: 3px;
	border: 1px solid black;
}

/* parte de controle do container */
.tpl-box .ct .controles {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	border-right: 1px solid black;
}
.tpl-box .ct .controles i {
	padding: 0px 5px;
	font-size: 16px;
	opacity: 0.3;
}
.tpl-box .ct .controles i:hover {
	opacity: 1;
}
.tpl-box.arrastando .ct .controles i {
	visibility: hidden;
}

/* parte de itens do container */
.tpl-box .ct .itens {
	flex: 1;
}
.tpl-box .ct .itens .ct-antes {
	height: 10px;
	border-bottom: 1px solid black;
	visibility: hidden;
}
.tpl-box .ct .itens .ct-depois {
	height: 10px;
	border-top: 1px solid black;
	visibility: hidden;
}
.tpl-box.arrastando .ct .itens .ct-antes,
.tpl-box.arrastando .ct .itens .ct-depois {
	background-color: #e7ffed;
	visibility: inherit;
}
.tpl-box.arrastando .ct .itens .ct-antes.do1,
.tpl-box.arrastando .ct .itens .ct-depois.do1 {
	background-color: #bef5cc;
}
/*
.tpl-box .ct .itens .titulo,
.tpl-box .ct .itens .rodape {
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	opacity: 0.3;
	margin: 2px;
}
.tpl-box.arrastando .ct .itens .titulo,
.tpl-box.arrastando .ct .itens .rodape {
	visibility: hidden;
}
*/
/* parte de componentes de itens do container */
.tpl-box .ct .itens .componentes {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: calc(100% - 20px);
}
.tpl-box .ct .itens .componentes .cmp {
	border: 1px solid black;
	margin: 5px;
	flex: 1;
	/* min-width: 12.5%; */
	min-width: calc(100% * (1/8) - 10px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.tpl-box .ct .itens .componentes .cmp .slot {
	font-size: 2em;
	/* font-size: 2vw; */
	opacity: 0.6;
	padding: 10px;
	flex: 1;
	text-align: center;
	position: relative;
	margin: auto;
}
.tpl-box .ct .itens .componentes .cmp .slot .variante {
	font-size: 13px;
	position: absolute;
	top: 2px;
	left: 2px;
	text-align: left;
}
.tpl-box .ct .itens .componentes .cmp .slot .anotacao {
	font-size: 14px;
	position: absolute;
	top: 2px;
	right: 2px;
}
.tpl-box .ct .itens .componentes .cmp .cmp-antes {
	width: 10px;
	border-right: 1px solid black;
}
.tpl-box .ct .itens .componentes .cmp .cmp-meio {
	padding: 3px;
	flex: 1;
	word-break: break-word;
}
.tpl-box .ct .itens .componentes .cmp .cmp-meio .remover1, .tpl-box .ct .itens .componentes .cmp .cmp-meio .remover5 {
	opacity: 0.3;
}
.tpl-box .ct .itens .componentes .cmp .cmp-meio .remover1:hover, .tpl-box .ct .itens .componentes .cmp .cmp-meio .remover5:hover {
	opacity: 1;
}
.tpl-box.arrastando .ct .itens .componentes .cmp .cmp-meio .remover1, .tpl-box.arrastando .ct .itens .componentes .cmp .cmp-meio .remover5 {
	visibility: hidden;
}
.tpl-box .ct .itens .componentes .cmp .cmp-depois {
	width: 10px;
	border-left: 1px solid black;
}
.tpl-box.arrastando.tipoContainer1 .ct .itens .componentes .cmp .cmp-antes,
.tpl-box.arrastando.tipoContainer1 .ct .itens .componentes .cmp .cmp-depois {
	background-color: #e7ffed;
}
.tpl-box.arrastando.tipoContainer1 .ct .itens .componentes .cmp .cmp-antes.do1,
.tpl-box.arrastando.tipoContainer1 .ct .itens .componentes .cmp .cmp-depois.do1 {
	background-color: #bef5cc;
}


/* familia 1 */
.ct-familia-1 {
	border: 1px solid lightgray;
	box-shadow: 5px 6px 6px 0 rgb(150 150 150 / 50%);
	margin: 25px 20px;
	display: flex;
	flex-direction: column;
	background-color: white;
	border-radius: 0px 5px 5px 0px;
}
.ct-familia-1.x-item-over {
	background-color: #ececec;
}
.ct-familia-1 .tbar {
	color: #707070;
	margin: 0 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	line-height: 26px;
}
.ct-familia-1 .tbar .item {
	font-size: 16px;
    margin-right: 20px;
}
.ct-familia-1 .tbar .item:last-child {
	margin-right: 0;
}
.ct-familia-1 .tbar .item .btn:hover {
	color: #919191;
}
.ct-familia-1 .info {
	padding: 5px;
	font-size: 11px;
	border-top: 1px solid gray;
}
.ct-familia-1 .info .capa {
	height: 50px;
	width: 50px;
	margin-right: 10px;
	float: left;
	border: 1px solid lightgray;
	box-shadow: 3px 3px 5px 0 rgb(150 150 150 / 50%);
}
.ct-familia-1 .info .label {
	font-weight: bold;
}
.ct-familia-1 .info > div {
	margin-bottom: 10px;
}
.ct-familia-1 .info > div:last-child {
	margin-bottom: 0;
}


/* familia 2 */
.ct-familia-2 {
	border: 1px solid lightgray;
	box-shadow: 5px 6px 6px 0 rgb(150 150 150 / 50%);
	margin: 25px 20px;
	display: flex;
	flex-direction: column;
	background-color: white;
	border-radius: 0px 5px 5px 0px;
}
.ct-familia-2.x-item-over {
	background-color: #ececec;
}
.ct-familia-2 .tbar {
	color: #707070;
	margin: 0 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	line-height: 30px;
}
.ct-familia-2 .tbar .item {
	font-size: 16px;
    margin-right: 20px;
}
.ct-familia-2 .tbar .item:last-child {
	margin-right: 0;
}
.ct-familia-2 .tbar .item .btn:hover {
	color: #919191;
}
.ct-familia-2 .info {
	padding: 5px;
	font-size: 13px;
	border-top: 1px solid gray;
}
.ct-familia-2 .info .label {
	font-weight: bold;
}
.ct-familia-2 .info > div {
	margin-bottom: 10px;
}
.ct-familia-2 .info > div:last-child {
	margin-bottom: 0;
}
.ct-familia-2 .info .capa {
	transition: all 0.5s;
	margin-right: 10px;
	float: left;
	border: 1px solid lightgray;
	box-shadow: 3px 3px 5px 0 rgb(150 150 150 / 50%);
	max-width: max-content;
}
[zoom='1'] .ct-familia-2 .info .capa {
	height: 10%;
	width: 10%;
}
[zoom='2'] .ct-familia-2 .info .capa {
	height: 20%;
	width: 20%;
}
[zoom='3'] .ct-familia-2 .info .capa {
	height: 30%;
	width: 30%;
}
[zoom='4'] .ct-familia-2 .info .capa {
	height: 40%;
	width: 40%;
}
[zoom='5'] .ct-familia-2 .info .capa {
	height: 50%;
	width: 50%;
}
.ct-familia-2 .info .item.modelo {
	background-color: #f2e3b2 !important;
}
.ct-familia-2 .info .item {
	transition: all 0.5s;
	margin: 0 10px 5px 0;
	float: left;
	border: 1px solid lightgray;
	box-shadow: 3px 3px 5px 0 rgb(150 150 150 / 50%);
	max-width: max-content;
	padding: 6px;
	background-color: #ececec;
}
.ct-familia-2.x-item-over .info .item {
	background-color: white;
}
.ct-familia-2.x-item-over .info .item:hover {
	background-color: #e7e7e7;
}
.ct-familia-2 .info .item .descricao {
	word-break: break-word;
}
.ct-familia-2 .info .item .capa {
	height: 100%;
	width: 100%;
	margin: 3px 0px;
}
[zoom='1'] .ct-familia-2 .info .item {
	width: 100px;
}
[zoom='2'] .ct-familia-2 .info .item {
	width: 125px;
}
[zoom='3'] .ct-familia-2 .info .item {
	width: 150px;
}
[zoom='4'] .ct-familia-2 .info .item {
	width: 175px;
}
[zoom='5'] .ct-familia-2 .info .item {
	width: 200px;
}
.ct-familia-2 .info .item .btn div {
	margin-right: 5px;
}
.ct-familia-2 .info .item .btn div:last-child {
	margin-right: 0px;
}
.div-imagem-quadro {
	position:relative;
	width: 600px;
	height: 600px;
}
.imagem-quadro {
	max-width:600px;
	max-height:600px;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	margin: 0;
	position: absolute;
	width:auto;
}


/* modelos pesquisa referencia */
.md-pref {
	margin: 15px;
	padding: 5px;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	word-wrap: break-word;
	overflow: auto;
	color: #404040;
	background-color: #ffffff;
}
.md-pref .x-item-over {
	background-color: #eaeff4;
}
.md-pref .head {
	line-height: 25px;
	border: 2px solid #cccccc;
}
.md-pref .head .img {
	float: left;
	width: 50px;
	height: 50px;
}
.md-pref .head .ref {
	font-size: 13px;
	margin-left: 55px;
}
.md-pref .head .col {
	font-size: 11px;
	margin-left: 55px;
}
.md-pref .subetapas {
	border: 1px solid #cccccc;
	font-size: 12px;
	flex-wrap: wrap;
	min-height: 30px;
	align-content: center;
	align-items: center;
	margin: 5px 0px;
}
.md-pref .subetapas .ct {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	min-height: 30px;
}
.md-pref .subetapas .ct:hover,
.md-pref .subetapas .ct:hover:nth-child(odd) {
	background-color: #ddebf5;
}
.md-pref .subetapas .ct:nth-child(odd) {
	background-color: #eaeff4;
}
.md-pref .subetapas .ct > * {
	margin-left: 8px;
}
.md-pref .subetapas .ct:last-child {
	margin-left: 0;
}
.md-pref .subetapas .ct .menu {
	font-size: 16px;
	opacity: 0.3;
}
.md-pref .subetapas .ct .menu:hover {
	opacity: 0.8;
	cursor: pointer;
}
.md-pref .subetapas .ct .img {
	width: 25px;
	height: 25px;
}
.md-pref .subetapas .ct .nome {
	font-size: 12px;
}
.md-pref .subetapas span {
	margin: 5px;
}


/* celulas do grid principal da tela gerencial */
.gerencial-cel {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	font-size: 11px;
	word-break: break-word;
}
/* tabelas dentro da tela gerencial */
.gerencial-tbl {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}
.gerencial-tbl td, #customers th {
	border: 1px solid #ddd;
	padding: 1px;
}
.gerencial-tbl tr:nth-child(even) {
	background-color: #f2f2f2;
}
.gerencial-tbl tr:hover {
	background-color: #ddd;
}
.gerencial-tbl th {
	padding: 0 3px;
	background-color: #dddddd;
}
.gerencial-tbl td {
	padding-left: 3px;
	height: 22px;
}
.gerencial-tbl td i {
	height: auto;
}
/* links dentro das células */
.gerencial-link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #39aefe;
}
.gerencial-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #2799e6;
}
/* icones de edição nas células de colunas dentro das células do grid da gerencial */
.gerencial-tbl td i[colvl],
.x-grid-item-selected .gerencial-tbl td i[colvl] {
	display: none;
}
.x-grid-item-selected .gerencial-tbl td:hover i[colvl] {
	display: inline;
	margin: 0 5px;
	cursor: pointer;
	line-height: 18px;
}
/* icones de edição nas células de movimentações de ficha do grid da gerencial */
.gerencial-tbl td i[movfx],
.x-grid-item-selected .gerencial-tbl td i[movfx] {
	display: none;
}
.x-grid-item-selected .gerencial-tbl td:hover i[movfx] {
	display: inline;
	margin: 0 5px;
	cursor: pointer;
	line-height: 18px;
}
.x-grid[ger-sel='1'] .edicao-massa {
	transition: 0.3s ease;
}
.x-grid[ger-sel='1'] .edicao-massa:hover {
	color: #5fa2dd;
	cursor: pointer;
}

/* Campos Ficha dentro da tela gerencial */
.gerencial-cf {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}
.gerencial-tbl td, #customers th {
	border: 1px solid #ddd;
	padding: 1px;
}
.gerencial-cf tr:nth-child(even) {
	background-color: #f2f2f2;
}
.gerencial-cf tr:hover {
	background-color: #ddd;
}
.gerencial-cf th {
	padding: 0 3px;
	background-color: #dddddd;
}
.gerencial-cf td {
	padding-left: 3px;
	height: 18px;
	border: 1px solid #ddd;
	padding: 1px;
}
/* icones de edição nas células de campo ficha dentro das células do grid da gerencial */
.gerencial-cf td i[colvl],
.x-grid-item-selected .gerencial-tbl td i[colvl] {
	display: none;
}
.gerencial-cf td:hover i[colvl] {
	display: inline-block;
  	vertical-align: middle;
  	align-content: center;
	margin: 0 5px;
	cursor: pointer;
	line-height: 18px;
}
/* icones de edição nas células de campo movimentação de ficha do grid da gerencial */
.gerencial-cf td i[movfx],
.x-grid-item-selected .gerencial-tbl td i[movfx] {
	display: none;
}
.gerencial-cf td:hover i[movfx] {
	display: inline-block;
  	vertical-align: middle;
  	align-content: center;
	margin: 0 5px;
	cursor: pointer;
	line-height: 18px;
}
/* Anexos de tabela dentro da gerencial, no hover fazem download */
.gerencial-tbl-anx {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}
.gerencial-tbl-anx tr:nth-child(even) {
	background-color: #f2f2f2;
}
.gerencial-tbl-anx td:hover {
	background-color: #ddd;
}
.gerencial-tbl-anx th {
	padding: 0 3px;
	background-color: #dddddd;
}
.gerencial-tbl-anx td {
	padding-left: 3px;
	margin-left: auto;
  	margin-right: auto;
	height: 18px;
	border: 1px solid #ddd;
	display: inline-block;
  	align-content: center;
	padding: 1px;
	height: 50px;
	width: 50px;
	content: "";
  	clear: both;
 	text-align: center;
 	vertical-align: middle;
}
.gerencial-tbl-anx td span {
	padding-left: 3px;
	margin-left: auto;
  	margin-right: auto;
	height: 18px;
	display: inline-block;
  	align-content: center;
	padding: 1px;
	height: 50px;
	width: 50px;
	content: "";
  	clear: both;
 	text-align: center;
 	vertical-align: middle;
}
.gerencial-tbl-anx td i[colvl] {
	display: none;
}
.gerencial-tbl-anx td:hover i[colvl] {
	display: inline-block;
  	vertical-align: middle;
  	align-content: center;
	margin: 0 5px;
	cursor: pointer;
}
.gerencial-tbl-anx td i[movfx] {
	display: none;
}
.gerencial-tbl-anx td:hover i[movfx] {
	display: inline-block;
  	vertical-align: middle;
  	align-content: center;
	margin: 0 5px;
	cursor: pointer;
}
.gerencial-tbl-anx td:hover span,
.gerencial-tbl-anx td:hover img {
	display: none;
}
/* planejamento mix */
.planejamento-mix {
	float: left;
	padding: 5px;
	transition: width 0.5s;
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	margin: 10px;
	background-color: #ffffff;
}
[zoom='1'] .planejamento-mix {
    width: 100px;
    height: 156px;
}
[zoom='2'] .planejamento-mix {
    width: 150px;
    height: 206px;
}
[zoom='3'] .planejamento-mix {
    width: 200px;
    height: 256px;
}
[zoom='4'] .planejamento-mix {
    width: 250px;
    height: 306px;
}
[zoom='5'] .planejamento-mix {
    width: 300px;
    height: 356px;
}
.planejamento-mix .btn {
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.planejamento-mix .btn div {
	margin-right: 5px;
}
.planejamento-mix .btn div:last-child {
	margin-right: 0px;
}
.planejamento-mix .mix-div-imagem {
	position: relative;
	margin: 5px 0px;
}
.planejamento-mix .mix-div-imagem .img {
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	margin: 0;
	position: absolute;
	width:auto;
	transition: all 0.5s;
}
[zoom='1'] .planejamento-mix .mix-div-imagem {
    width: 88px;
    height: 88px;
}
[zoom='2'] .planejamento-mix .mix-div-imagem {
    width: 138px !important;
    height: 138px !important;
}
[zoom='3'] .planejamento-mix .mix-div-imagem {
    width: 188px !important;
    height: 188px !important;
}
[zoom='4'] .planejamento-mix .mix-div-imagem {
    width: 238px !important;
    height: 238px !important;
}
[zoom='5'] .planejamento-mix .mix-div-imagem {
    width: 288px !important;
    height: 288px !important;
}
[zoom='1'] .planejamento-mix .mix-div-imagem .img {
    max-width: 88px;
    max-height: 88px;
}
[zoom='2'] .planejamento-mix .mix-div-imagem .img {
    max-width: 138px !important;
    max-height: 138px !important;
}
[zoom='3'] .planejamento-mix .mix-div-imagem .img {
    max-width: 188px !important;
    max-height: 188px !important;
}
[zoom='4'] .planejamento-mix .mix-div-imagem .img {
    max-width: 238px !important;
    max-height: 238px !important;
}
[zoom='5'] .planejamento-mix .mix-div-imagem .img {
    max-width: 288px !important;
    max-height: 288px !important;
}
.planejamento-mix:hover {
	background: #e4e4e4;
}
.planejamento-mix .ds {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}
[zoom='1'] .planejamento-mix .ds {
    font-size: 10px;
}
[zoom='2'] .planejamento-mix .ds {
    font-size: 11px;
}
[zoom='3'] .planejamento-mix .ds {
    font-size: 12px;
}
[zoom='4'] .planejamento-mix .ds {
    font-size: 12px;
}
[zoom='5'] .planejamento-mix .ds {
    font-size: 12px;
}

/* comentarios / notificacoes */
.md-cmt {
	padding: 5px;
	margin: 15px 15px 15px 75px;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	border: 1px solid;
	border-left: 7px solid;
	word-wrap: break-word;
	overflow: auto;
	color: #404040;
}
.md-cmt.x-item-over {
	background-color: #d5efff !important;
}
.md-cmt .head {
	font-weight: 600;
	line-height: 24px;
	border: 1px solid #cccccc;
}
.md-cmt .head .img {
	float: left;
	width: 50px;
	height: 50px;
}
.md-cmt .head .ref {
	font-size: 12px;
	/*margin-left: 55px;*/
	border-bottom: 2px solid #c3c3c3;
}
.md-cmt .head .col {
	font-size: 11px;
	margin-left: 55px;
}
.md-cmt .info {
	clear: both;
	margin: 5px 0px;
	padding: 5px;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	min-height: 30px;
	align-content: center;
	align-items: center;
	border: 1px solid #cccccc;
}
.md-cmt .body {
	clear: both;
	margin: 5px 0px;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	min-height: 30px;
	align-content: center;
	align-items: center;
	border: 1px solid #cccccc;
}
.md-cmt .body:hover {
	background-color: #c0e7f5;
}
.md-cmt .body span {
	white-space: pre-wrap;
	margin: 5px;
}
.md-cmt .marcacoes {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}
.md-cmt .marcacoes:hover {
	background-color: #c0e7f5;
}
.md-cmt .marcacoes img {
	margin: 3px;
	cursor: help;
	width: 16px;
	height: 16px;
}
.md-cmt .subetapas {
	border: 1px solid #cccccc;
}
.md-cmt .subetapas .ct {
	display: none;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	min-height: 30px;
}
.md-cmt .subetapas.mostrar .ct {
	display: flex;
}
.md-cmt .subetapas .ct:hover,
.md-cmt .subetapas .ct:hover:nth-child(odd)
.md-cmt .subetapas .ct-btn:hover,
.md-cmt .subetapas .ct-btn:hover:nth-child(odd) {
	background-color: #c0e7f5;
}
.md-cmt .subetapas .ct > * {
	margin-left: 8px;
}
.md-cmt .subetapas .ct:last-child {
	margin-left: 0;
}
.md-cmt .subetapas .ct .menu {
	font-size: 16px;
	opacity: 0.3;
}
.md-cmt .subetapas .ct .menu:hover {
	opacity: 0.8;
	cursor: pointer;
}
.md-cmt .subetapas .ct-btn {
	display: flex;
	flex-wrap: wrap;
    align-content: center;
    align-items: center;
    min-height: 30px;
}
.md-cmt .subetapas .ct-btn .hs1 {
	display: inline;
	margin: 5px 0px;
	padding: 5px;
	font-size: 12px;
	opacity: 0.7;
}
.md-cmt .subetapas .ct-btn .hs2 {
	display: none;
	margin: 5px 0px;
	padding: 5px;
	font-size: 12px;
	opacity: 0.7;
}
.md-cmt .subetapas.mostrar .ct-btn .hs1 {
	display: none;
}
.md-cmt .subetapas.mostrar .ct-btn .hs2 {
	display: inline;
}
.md-cmt .subetapas .ct-btn:hover {
	opacity: 0.8;
	cursor: pointer;
}
.md-cmt .subetapas .ct .img {
	width: 25px;
	height: 25px;
}
.md-cmt .subetapas .ct .nome {
	font-size: 12px;
}
.md-cmt .subetapas .ct .t-rot {
	cursor: pointer;
	font-size: 11px;
}
.md-cmt .subetapas .ct .t-gd {
	cursor: pointer;
	font-size: 11px;
	font-weight: 540;
}
.md-cmt .subetapas .ct .t-cron {
	cursor: pointer;
	font-size: 11px;
	font-weight: 540;
	cursor: help;
}
.md-cmt .footer {
	align-content: center;
	margin: 5px 0px;
    font-weight: 500;
    font-size: 11px;
}
.md-cmt .footer span {
    margin: 0px 0px 0px 10px;
}
.md-cmt .footer span:first-child {
    margin-left: 0px;
}
.md-cmt .footer span.btn {
    float: right;
    font-size: 17px;
    color: #bbbbbb;
}
.md-cmt .footer span.btn:hover {
    float: right;
    font-size: 17px;
    color: #888888;
}

/* container galeria vetor */
.galeria-vet {
    float: left;
    padding: 0px 5px 5px 5px;
    transition : width 0.5s;
    border: 1px solid lightgray;
    box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
    margin: 7px;
}
[zoom='1'] .galeria-vet {
    width: 100px;
    text-align: center;
}
[zoom='2'] .galeria-vet {
    width: 150px;
    text-align: center;
}
[zoom='3'] .galeria-vet {
    width: 200px;
    text-align: center;
}
[zoom='4'] .galeria-vet {
    width: 250px;
    text-align: center;
}
[zoom='5'] .galeria-vet {
    width: 300px;
    text-align: center;
}
.galeria-vet .img {
	width: 100%;
}
.galeria-vet .btn {
	text-align: left;
	font-size: 16px;
    height: 22px;
    line-height: 22px;
}
.galeria-vet .btn div {
	padding: 0 3px;
}
.galeria-vet.x-item-over {
	background: #e4e4e4;
	cursor: help;
}
.galeria-vet .ref {
	display: block;
	text-align: center;
	white-space: pre-wrap;
	/*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}
.galeria-vet .col {
	display: block;
	text-align: center;
	white-space: pre-wrap;
	/*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}

/* configuracao de resumo novo (gerencial) */
.res-box {
	display: flex;
	justify-content: center;
}
.res-box .doc {
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	margin: 0 50px 50px 50px;
	background-color: white;
}

/*perfil acesso*/
.ct-p-acesso {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
}
.p-acesso {
	border: 1px solid lightgray;
	box-shadow: 5px 6px 6px 0 rgb(150 150 150 / 50%);
	margin: 25px 20px;
	display: flex;
	flex-direction: column;
	background-color: white;
	border-radius: 0px 5px 5px 0px;
	width: 300px;
}
.p-acesso.x-item-over {
	background-color: #ececec;
}
.p-acesso .tbar {
	color: #707070;
	margin: 0 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	line-height: 26px;
}
.p-acesso .tbar .item {
	font-size: 16px;
    margin-right: 20px;
}
.p-acesso .tbar .item:last-child {
	margin-right: 0;
}
.p-acesso .tbar .item .btn:hover {
	color: #919191;
}
.p-acesso .info {
	padding: 5px;
	font-size: 11px;
	border-bottom: 1px solid gray;
}
.p-acesso .info .label {
	font-weight: bold;
}
.p-acesso .info > div {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.p-acesso .info > div:last-child {
	margin-bottom: 0;
}
.cronograma-column-background-color-rosa {
	background-color: #ffccff;
} 
.cronograma-column-background-color-amarelo {
	background-color: #F7F8CC;
}
.cronograma-column-background-color-lilas {
	background-color: #DEC3ED;
}
.cronograma-column-background-color-verde {
	background-color: #C3EDEB;
}
.parametros-border-panel-black {
	border: 2px solid #000000;
}
.parametros-border-panel-white {
	border: 2px solid hsl(0, 0%, 0%, 0%);
}

.leque {
	transition: transform 0.5s ease-in-out;
	margin-right: -20px;
}
.leque:last-of-type {
	margin-right: 0px;
}
.leque:hover {
	transition: transform 0.5s;
	transform: rotate(-15deg);
}

/* gerencial leadtime kanban */
[lt='lt'] .sch-taskcolumn .sch-taskview {
	display: flex;
	flex-flow: row wrap;
	align-content: start;
}
[lt='lt'] .sch-taskview div.sch-task {
	flex: auto;
	align-self: start;
	margin: 5px;
	border-radius: 7px;
	cursor: default;
	width: unset;
}
[lt='lt'] .t-rf {
	font-weight : 600;
	font-size: 12px;
}
[lt='lt'] .t-b {
	padding: 3px;
	overflow: hidden;
	border-left: 7px solid;
	display: flex;
	justify-content: center;
}
[lt='lt'][escala='1'] .t-b {
	display: none;
}
[lt='lt'][escala='3'] .t-i {
	height: 100px;
	width: 100px;
}
[lt='lt'] .t-i {
	width: 50px;
	height: 50px;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
[lt='lt'] .t-f {
	font-size: 11px;
	border-left: 7px solid;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid;
	flex-direction: column;
	min-height: unset;
	align-items: unset;
	padding: 0 2px;
	flex-wrap: nowrap;
}
[lt='lt'] .sch-task-menu-handle {
	display: none;
}
[lt='lt'] .t-f div {
	display: flex;
	/* flex-direction: column; */
	flex-direction: row;
	flex-wrap: wrap;
}
[lt='lt'] .t-f div:nth-child(odd) {
	background-color: #f3f3f3;
}
[lt='lt'] .t-f span {
	margin: unset;
}
[lt='lt'][rotulo='1'] .t-f .r1,
[lt='lt'][rotulo='1'] .t-f .r2,
[lt='lt'][rotulo='2'] .t-f .r1,
[lt='lt'][rotulo='3'] .t-f .r2 {
	display: none;
}

/* container flex */
.container-flex {
	display: flex;
	flex-flow: wrap;
	align-content: start;
}

/* gerencial modelo visao por cards */
.ger-cards {
	float: left;
	padding: 5px;
	/* transition: width 0.5s; */
	border: 1px solid lightgray;
	box-shadow: 3px 3px 4px 0 rgba(150, 150, 150, 0.5);
	margin: 7px;
	background-color: #ffffff;
}
[zoom='1'] .ger-cards {
    width: 100px;
}
[zoom='2'] .ger-cards {
    width: 150px;
}
[zoom='3'] .ger-cards {
    width: 200px;
}
[zoom='4'] .ger-cards {
    width: 250px;
}
[zoom='5'] .ger-cards {
    width: 300px;
}
.ger-cards .btn {
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.ger-cards .btn div {
	margin-right: 5px;
}
.ger-cards .btn div:last-child {
	margin-right: 0px;
}
.ger-cards .mix-div-imagem {
	position: relative;
	margin: 5px 0px;
}
.ger-cards .mix-div-imagem .img {
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	margin: 0;
	position: absolute;
	width:auto;
	transition: all 0.5s;
}
[zoom='1'] .ger-cards .mix-div-imagem {
    width: 78px;
    height: 78px;
}
[zoom='2'] .ger-cards .mix-div-imagem {
    width: 128px !important;
    height: 128px !important;
}
[zoom='3'] .ger-cards .mix-div-imagem {
    width: 178px !important;
    height: 178px !important;
}
[zoom='4'] .ger-cards .mix-div-imagem {
    width: 228px !important;
    height: 228px !important;
}
[zoom='5'] .ger-cards .mix-div-imagem {
    width: 278px !important;
    height: 278px !important;
}
[zoom='6'] .ger-cards .mix-div-imagem {
    width: 328px !important;
    height: 328px !important;
}
[zoom='7'] .ger-cards .mix-div-imagem {
    width: 378px !important;
    height: 378px !important;
}
[zoom='8'] .ger-cards .mix-div-imagem {
    width: 428px !important;
    height: 428px !important;
}
[zoom='9'] .ger-cards .mix-div-imagem {
    width: 478px !important;
    height: 478px !important;
}
[zoom='10'] .ger-cards .mix-div-imagem {
    width: 528px !important;
    height: 528px !important;
}
[zoom='1'] .ger-cards .mix-div-imagem .img {
    max-width: 78px;
    max-height: 78px;
}
[zoom='2'] .ger-cards .mix-div-imagem .img {
    max-width: 128px !important;
    max-height: 128px !important;
}
[zoom='3'] .ger-cards .mix-div-imagem .img {
    max-width: 178px !important;
    max-height: 178px !important;
}
[zoom='4'] .ger-cards .mix-div-imagem .img {
    max-width: 228px !important;
    max-height: 228px !important;
}
[zoom='5'] .ger-cards .mix-div-imagem .img {
    max-width: 278px !important;
    max-height: 278px !important;
}
[zoom='6'] .ger-cards .mix-div-imagem .img {
    max-width: 328px !important;
    max-height: 328px !important;
}
[zoom='7'] .ger-cards .mix-div-imagem .img {
    max-width: 378px !important;
    max-height: 378px !important;
}
[zoom='8'] .ger-cards .mix-div-imagem .img {
    max-width: 428px !important;
    max-height: 428px !important;
}
[zoom='9'] .ger-cards .mix-div-imagem .img {
    max-width: 478px !important;
    max-height: 478px !important;
}
[zoom='10'] .ger-cards .mix-div-imagem .img {
    max-width: 528px !important;
    max-height: 528px !important;
}
.ger-cards:hover {
	background: #e4e4e4;
}
.ger-cards .labels {
	font-size: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
	min-height: unset;
	align-items: unset;
	padding: 0 2px;
	flex-wrap: nowrap;
}
[zoom='6']  .ger-cards .labels { font-size: 11px; }
[zoom='7']  .ger-cards .labels { font-size: 11px; }
[zoom='8']  .ger-cards .labels { font-size: 12px; }
[zoom='9']  .ger-cards .labels { font-size: 12px; }
[zoom='10'] .ger-cards .labels { font-size: 13px; }
.ger-cards .labels div {
	overflow: hidden;
}
.ger-cards .labels div span:not(:last-child) {
	margin-right: 5px;
	display: inline-block;
}
.ger-cards .labels div:nth-child(odd) {
	background-color: #f3f3f3;
}
[zoom='1'] .ger-cards .labels .r1,
[zoom='1'] .ger-cards .labels .r2,
[zoom='2'] .ger-cards .labels .r1,
[zoom='3'] .ger-cards .labels .r1,
[zoom='4'] .ger-cards .labels .r2 {
	display: none;
}

.tpl-box .ct .itens .componentes .cmp .cmp-meio .configurarpedidoct4, .tpl-box .ct .itens .componentes .cmp .cmp-meio .configurarpedidoct5 {
	opacity: 0.3;
}
.tpl-box .ct .itens .componentes .cmp .cmp-meio .configurarpedidoct4:hover, .tpl-box .ct .itens .componentes .cmp .cmp-meio .configurarpedidoct5:hover {
	opacity: 1;
}
.tpl-box.arrastando .ct .itens .componentes .cmp .cmp-meio .configurarpedidoct4, .tpl-box.arrastando .ct .itens .componentes .cmp .cmp-meio .configurarpedidoct5 {
	visibility: hidden;
}
.blue-red-slash-fa {
	--fa-primary-color: #ff0000;
	--fa-secondary-color: #0080ff;
}
.badge-count {
	border-radius: 50%;
	font-size: 6px;
	height: 10px;
	width: 10px;
	line-height: 10px;
	text-align: center;
	z-index: 1;
	display: inline-block;
	position: relative;
	vertical-align: 80%;
	font-weight: bold;
}
/* teste ==========================================================*/
.sis-monitor-card {
	border: 1px solid lightgray;
	box-shadow: 6px 6px 5px 0 rgba(150, 150, 150, 0.5);
	margin: 15px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
}
.sis-monitor-card.x-item-over {
	background-color: #ffffff;
}

.sis-monitor-card .sis-monitor-item {
	flex: 1;
	float: left;
	padding: 10px;
	transition: min-height 0.5s;
	background-color: #ffffff;
}

.sis-monitor-card .sis-monitor-tbar {
	min-height: 22px;
	color: #707070;
	display: block;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	font-size: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.sis-monitor-card .sis-monitor-tbar div {
    margin-right: 5px;
}
.sis-monitor-card .sis-monitor-tbar .abrir-detalhes {
	float: inline-end;
}
.sis-monitor-card .sis-monitor-tbar .dir {
	float: right;
}
.sis-monitor-card .sis-monitor-tbar .primeiro-item {
	float: left;
	margin-left: 5px;
}
.sis-monitor-card.x-item-over .sis-monitor-item:hover {
	background: #e4e4e4;
}
.sis-monitor-card .sis-monitor-item .ds {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
}
.sis-monitor-card .sis-monitor-item .chave {
	display: block;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 8px;
}


/* icones marcacao */
.reg {
	box-shadow: 2px 2px 2px 0 rgba(150, 150, 150, 0.5);
	border: 1px solid lightgray;
	margin: 10px;
	padding: 5px;
	display: flex;
}
.reg.x-item-over {
	background-color: #ececec;
}
.acao2 {
	transition: 0.3s ease;
}
.acao2:hover {
	cursor: help;
	color: #000000;
	font-weight: bold;
}
.acao3 {
	transition: 0.3s ease;
	color: #39aefe;
}
.acao3:hover {
	cursor: pointer;
	color: #000000;
	font-weight: bold;
}

.x-grid[cro-sel='1'] .edicao-massa {
	transition: 0.3s ease;
}
.x-grid[cro-sel='1'] .edicao-massa:hover {
	color: #5fa2dd;
	cursor: pointer;
}