/* =========================================
   FORMULARIOS CASOS PBX
========================================= */

.crmEntityFormView,
form {
  background: #ffffff !important;
}

/* ESTRUCTURA */

.crmEntityFormView {
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid #e2e8f0 !important;
}

.crmEntityFormView table {
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  background: #ffffff !important;
}

.crmEntityFormView td,
.crmEntityFormView .cell {
  padding: 8px 12px !important;
  vertical-align: top !important;
}

/* LABELS */

.crmEntityFormView label,
form label {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #475569 !important;
  margin-bottom: 7px !important;
}

/* CAMPOS */

.crmEntityFormView .form-control,
form .form-control,
.crmEntityFormView input,
.crmEntityFormView select,
.crmEntityFormView textarea {
  border-radius: 12px !important;
  border: 1px solid #dbe3ef !important;
  background: #ffffff !important;
  min-height: 42px !important;
  box-shadow: none !important;
  padding: 8px 12px !important;
  color: #334155 !important;
}

.crmEntityFormView textarea,
form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

/* READONLY / DISABLED */

.crmEntityFormView input[readonly],
.crmEntityFormView textarea[readonly],
.crmEntityFormView input[disabled],
.crmEntityFormView select[disabled],
.crmEntityFormView .readonly {
  background: #f1f5f9 !important;
  color: #475569 !important;
}

/* FOCUS */

.crmEntityFormView input:focus,
.crmEntityFormView select:focus,
.crmEntityFormView textarea:focus,
form input:focus,
form select:focus,
form textarea:focus {
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, .12) !important;
  outline: none !important;
}

/* BOTONES */

.crmEntityFormView .actions,
form .actions {
  margin-top: 24px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.crmEntityFormView .btn,
form .btn,
.crmEntityFormView input[type="submit"],
form input[type="submit"],
.crmEntityFormView input[type="button"],
form input[type="button"] {
  border-radius: 12px !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
}