html,
body {
  height: 100% !important;
  width: 100% !important;
}
label {
  margin-right: 10px;
}

#main {
  overflow: inherit !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 3px !important;
  line-height: 1.9 !important;
}
.table-sm {
  font-size: 0.8rem !important;
}
.historico ul {
  right: 0 !important;
  left: auto;
  float: right !important;
}
.table-dash {
  width: 100% !important;
}
.table-dash-td {
  font-size: 12px !important;
  white-space: nowrap !important;
  text-align: center !important;
  vertical-align: center !important;
  line-height: 1.2 !important;
  padding: 2px !important;
}

.table-dash th {
  text-align: center;
  white-space: nowrap;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
.panel-dash {
  padding: 5px !important;
}
.panel-title-dash {
  font-size: 14px;
}
.panel-heading-dash {
  padding: 5px 10px;
}
.icon-dash {
  font-size: 24px;
  margin-top: 8px;
}
.panel-body-dash p {
  font-size: 12px;
  margin: 0 0 5px;
}
.panel-body-dash h4 {
  font-size: 14px;
  margin: 0 0 5px;
}

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
  height: 50px;
  position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #5bc0de;
  top: 73px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot-warning {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #d9534f;
  top: 73px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 14px;
  height: 14px;
  background: #428bca;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot-warning:after {
  content: " ";
  width: 14px;
  height: 14px;
  background: #d43f3a;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #5bc0de;
}
.bs-wizard > .bs-wizard-step > .progress-warning {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
}

.bs-wizard > .bs-wizard-step > .progress-warning > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #d9534f;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step.complete > .progress-warning > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress-warning > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard
  > .bs-wizard-step:first-child.active
  > .progress-warning
  > .progress-bar {
  width: 0%;
}
.bs-wizard
  > .bs-wizard-step:last-child.active
  > .progress-warning
  > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step > .progress {
  background-color: #cccccc;
}
.bs-wizard > .bs-wizard-step > .progress-warning {
  background-color: #cccccc;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #cccccc;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child > .progress-warning {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress-warning {
  width: 50%;
}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum .text {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25%;
}
/*END Form Wizard*/
.language a {
  display: inline !important;
}
.box-alerts {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 10px;
  z-index: 99999;
}
.alert-fixed {
  position: relative;
  bottom: 0px;
  z-index: 9999;
}

.spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -100px; /* half width of the spinner gif */
  margin-top: -100px; /* half height of the spinner gif */
  text-align: center;
  z-index: 9999;
  overflow: auto;
  width: 200px; /* width of the spinner gif */
  height: 200px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.box-graph {
  margin: 10px !important;
}

.cursor-move {
  cursor: move;
}
.cursor-pointer {
  cursor: pointer;
}

.grid-stack-panel {
  margin: 10px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.grid-stack-body {
  padding: 15px;
}
.grid-stack-primary {
  border-color: #428bca;
}
.grid-stack-primary > .grid-stack-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.grid-stack-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.grid-stack-heading > .grid-stack-buttons {
  margin-top: -10px;
}
.ds-btn {
  display: inline-block;
}
.ds-btn li {
  list-style: none;
  float: left;
  padding: 10px;
  height: 60px;
}
.ds-btn li a span {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  text-align: left;
  white-space: normal !important;
  word-wrap: break-word;
}
.ds-btn li a {
  vertical-align: middle;
  width: 250px;
}
.ds-btn li a span small {
  width: 100%;
  display: inline-block;
  text-align: left;
}
.modal-dash {
  padding: 5px;
}
.resumo-fechamento {
  width: 80%;
  margin-left: 10%;
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.relatorio-fechamento {
  width: 80%;
  margin-left: 10%;
}
.table-fechamento {
  border: 1px solid #ddd;
  margin-top: 20px;
}
.table-fechamento .subtotal {
  font-weight: bold;
}
.table-scroll {
  overflow-x: auto;
}
.addBox,
.removeBox,
.addBoxP,
.removeBoxP {
  margin-top: 10px;
}
.sending-control {
  font-weight: bold;
  color: gold;
}
.finished-control {
  font-weight: bold;
  color: green;
}
.stopped-control {
  font-weight: bold;
  color: red;
}
.btn-group.bootstrap-select select {
  width: 1px !important;
}
.radioBtn a {
  font-size: 15px;
}
.radioBtn .notActive {
  color: #3276b1;
  background-color: #fff;
}
.radioBtnLink a {
  font-size: 15px;
}
.radioBtnLink .notActive {
  color: #3276b1;
  background-color: #fff;
}
#personalizarNotify {
  font-size: 12px;
  font-style: italic;
  color: #28a745;
  display: none;
}
.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.progress-disparo {
  height: 30px;
}
.progress-disparo span {
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
}
.tabs-dash a {
  font-size: 16px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-bottom: 20px;
}

.box-tabs {
  display: table;
  margin: 0 auto;
}

.map-states a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
}
.map-states .state {
  cursor: pointer;
}

.map-states .state .shape {
  cursor: pointer;
  -width: 0;
}

.map-states .state .label_icon_state {
  fill: #fff;
  font-family: Arial;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}

.map-states .state .label_state {
  display: none;
  font-family: Arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}

.map-states .state:hover .label_state,
.map-states .state.hover .label_state {
  display: block;
}

.map-states .model-green .state .shape {
  fill: #6cb361;
}

.map-states .model-green .state .icon_state {
  fill: #10592f;
}

.map-states .model-green .state .label_icon_state {
  fill: #fff;
}

.map-states .model-green .state .label_state {
  fill: #666;
}

.map-states .model-green .state:hover .shape,
.map-states .model-green .state.hover .shape {
  fill: #2d68b2;
}

.map-states .model-green .state:hover .icon_state,
.map-states .model-green .state.hover .icon_state {
  fill: #5a95ce;
}

.map-states .model-orange .state .shape {
  fill: #fd7132;
}

.map-states .model-orange .state .icon_state {
  fill: #6cb361;
}

.map-states .model-orange .state .label_icon_state {
  fill: #fff;
}

.map-states .model-orange .state .label_state {
  fill: #666;
}

.map-states .model-orange .state:hover .shape,
.map-states .model-orange .state.hover .shape {
  fill: #c93f04;
}

.map-states .model-orange .state:hover .icon_state,
.map-states .model-orange .state.hover .icon_state {
  fill: #10592f;
}

.map-states .model-darkgreen .state .shape {
  fill: #366823;
}

.map-states .model-darkgreen .state .icon_state {
  fill: #2779c6;
}

.map-states .model-darkgreen .state .label_icon_state {
  fill: #fff;
}

.map-states .model-darkgreen .state .label_state {
  fill: #666;
}

.map-states .model-darkgreen .state:hover .shape,
.map-states .model-darkgreen .state.hover .shape {
  fill: #4a8c31;
}

.map-states .model-darkgreen .state:hover .icon_state,
.map-states .model-darkgreen .state.hover .icon_state {
  fill: #5a95ce;
}
.dados-mapa {
  width: 300px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
.box-mapa {
  width: 100%;
  position: relative;
}
.state-hover {
  fill: #5a95ce !important;
}
.icon-title-dash {
  cursor: pointer;
  font-size: 20px !important;
}
.click-status {
  cursor: pointer;
}
.inactive-status {
  opacity: 0.5 !important;
}
#mapSMS {
  width: 100%;
}
#mapTVOZ {
  width: 100%;
}
.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget-envio {
  margin: 10px;
}
.removeItem {
  right: 20px;
  top: 5px;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  z-index: 99999;
}
.removeItem:hover {
  color: #ff0000;
  font-size: 15px;
}
.tag-classificador {
  font-size: 85%;
  margin-left: 2px;
  padding: 3px;
  border-radius: 5px;
  font-weight: bold;
}
.switch input {
  display: none;
}
.switch {
  display: inline-block;
  width: 60px;
  height: 30px;
  transform: translateY(50%);
  position: relative;
  top: -10px;
}

.slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
  box-shadow: 0 0 0 2px #777, 0 0 4px #777;
  cursor: pointer;
  border: 4px solid transparent;
  overflow: hidden;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #777;
  border-radius: 30px;
  transform: translateX(-30px);
  transition: 0.4s;
  left: 0px;
}

input:checked + .slider:before {
  transform: translateX(30px);
  background: #626ed4;
}
input:checked + .slider {
  box-shadow: 0 0 0 2px #626ed4, 0 0 2px #626ed4;
}

.logo-integration {
  width: 100%;
  height: 90px;
  object-fit: scale-down;
}
.card-integration {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card-integration img {
  width: 80%;
  object-fit: scale-down;
  text-align: center;
  height: 100px;
  margin: 1.5rem;
}
.card-integration .card-body {
  padding-bottom: 50px;
}
.trash-integration {
  font-size: 1.5rem;
  margin: 10px;
  color: #626ed4;
  top: -10px;
  position: relative;
}

.trash-integration:hover {
  color: red;
}
.boxGraph {
  margin-bottom: 30px;
}

.card-border-primary {
  border: 1px solid #007bff;
  border-radius: 0.25rem;
}
.card-border {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.row-ura {
  margin-left: 0px;
  margin-right: 0px;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding: 2px !important;
}
.bootstrap-select .dropdown-toggle,
.bootstrap-select .selectpicker.dropdown-toggle {
  border: 1px solid #ced4da !important;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border: 1px solid #28a745 !important;
}
.content-page {
  height: 100% !important;
  overflow: auto !important;
}
#wrapper {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.action-item {
  padding: 0.1rem 1rem;
}
.boxItem {
  position: relative;
  border: 1px solid #ced4da !important;
  padding: 5px;
  margin-bottom: 10px;
}
.help-popover {
  display: initial;
}
.help-popover:after {
  content: "\A";
  white-space: pre;
}
.btn-default {
  border: 1px solid #ced4da !important;
  background-color: white;
}
.btn-xs {
  font-size: 11px !important;
  padding: 1px 5px !important;
}
#detalharModal p {
  margin-bottom: 0;
}
.cursor-grab {
  cursor: grab;
}
.title-notification {
  font-weight: bold;
  font-size: 16px;
  margin-left: 10px;
}
.badge-notify {
  border-radius: 2em !important;
  padding: 0.3em 0.8em !important;
  line-height: 1.4 !important;
  font-size: 90% !important;
}

.badge-notify i {
  font-size: 25px !important;
}
.collapse-icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
  padding-right: 4px;
}
.collapse-icon.collapsed:before {
  content: "\f078";
}

.element {
  position: absolute;
  /* Make sure events are propagated to the JointJS element so, e.g. dragging works.*/
  pointer-events: none;
  -webkit-user-select: none;
  padding: 5px;
  box-sizing: border-box;
}
.rectangle {
  background-color: white;
}
.phone-element {
  position: absolute;
  /* Make sure events are propagated to the JointJS element so, e.g. dragging works.*/
  pointer-events: none;
  -webkit-user-select: none;
  padding: 5px;
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  border: 2px solid #5b626b;
  border-radius: 30px;
  cursor: pointer;
}
.phone-element i {
  font-size: 34px;
  top: calc(50% - 17px);
  position: relative;
  pointer-events: auto;
}

.element .text {
  margin-left: 10px;
  line-height: 1.2rem;
  max-height: 55px;
  max-width: 80px;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 1rem;
}

.sms-element,
.integracao-element,
.ura-element,
.pergunta-element,
.newivr-element,
.tts-element,
.audio-element,
.code-element {
  padding: 5px;
  text-align: left;
  border: 2px solid #eee;
  border-bottom: 0px;
  height: 70px;
}
.sms-element i,
.integracao-element i,
.ura-element i,
.pergunta-element i,
.newivr-element i,
.tts-element i,
.audio-element i,
.code-element i {
  font-size: 18px;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  margin-bottom: 15px;
}
.actions-ivr {
  background-color: #c36cff;
}
.actions-audio {
  background-color: #01b9ff;
}
.actions-tts {
  background-color: #895cd1;
}
.actions-pergunta {
  background-color: #fb7982;
}
.actions-integracao {
  background-color: #269135;
}
.actions-ura {
  background-color: #2c50c7;
}
.actions-sms {
  background-color: #fc9a2a;
}
.actions-code {
  background-color: #be2409;
}
.element-actions {
  color: white;
  padding: 5px;
  height: 30px;
}
.element-actions i {
  font-size: 16px;
  margin-top: 2px;
  pointer-events: auto;
  cursor: pointer;
}
.number-option-element input {
  border: none;
  background: transparent;
  outline: none;
  width: 20px;
  text-align: center;
  font-size: 20px;
  margin: 0 auto;
  display: block;
  pointer-events: auto;
}
.bool-option-element select {
  pointer-events: auto;
}
.element .dropdown-menu {
  pointer-events: auto;
}
.options-call {
  padding: 0.2rem 0.2rem;
}
.options-call i {
  margin-right: 5px;
  width: 15px;
}

#boxHolder {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
}
.element .dropdown-menu {
  max-height: 400px;
  overflow: auto;
}
.element-title-strong {
  font-weight: 500;
}
.element .element-title-strong {
  font-size: 0.9rem;
}
.element .element-title {
  font-size: 0.8rem;
}

.logo span img {
  max-height: 60px;
  max-width: 100%;
}

.logo i img {
  max-height: 60px;
  max-width: 100%;
}
.bootstrap-select .dropdown-menu .selected a {
  background-color: #dae0e5 !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 10px !important;
}
.btn-circle {
  border-radius: 25px;
}
.table-white {
  background-color: white;
}
.btn-primary {
  background-color: #4e5ccf;
}
.boxItem {
  position: relative;
  border: 1px solid #ced4da !important;
  padding: 5px;
  margin-bottom: 10px;
}
.pointer {
  cursor: pointer;
}
.tooltip-chart {
  overflow: visible !important;
}
.accordion-reports {
  border-left: 1px solid #ccc;
  padding-left: 30px;
}
.accordion-reports .card-header {
  padding: 0.25rem 0.25rem !important;
}
.accordion-reports h5 {
  margin: 0 !important;
}
.accordion-reports .card {
  margin-bottom: 0 !important;
}
.box-spinner {
  display: none;
  width: 100%;
  text-align: center;
  font-size: 35px;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

a:active {
  text-decoration: none !important;
}

a:focus {
  text-decoration: none !important;
}
.dominio-check {
  cursor: pointer;
}

#Id_A,
#Id_B,
#Id_C,
#Id_D,
#Id_E,
#Id_F {
  moz-border-radius: 8px;
  webkit-border-radius: 8px;
  khtml-border-radius: 8px;
  border-radius: 8px;
  font: bold 35px / 25px Roboto, sans-serif;
  text-align: center;
  text-shadow: rgb(61, 61, 61) 1px 1px 1px;
  width: 50px;
  height: 90%;
}

.adjust {
  width: 65px;
}

.iti {
  width: 100%;
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

/* Incluindo o .modal-xl do Bootstrap 4.6 */
@media (min-width: 992px) {
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.modal-full {
  max-width: calc(100% - 90px);
}