/* @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; */

.ct-notification .Vue-Toastification__toast--default {
  padding: 0;
  overflow: inherit;
  box-shadow: none;
  background-color: transparent;
}

/*Argon Custom CSS*/

.btn {
  padding: 6px 15px !important;
  font-weight: 500 !important;
}

/******************/

/*Element UI Custom CSS*/

.el-button {
  min-height: 30px !important;
}

.el-select__input {
  margin-left: 5px !important;
}

.el-tabs__item.is-active {
  color: #00a4b5 !important;
}

.el-tabs__item:hover {
  color: #00a4b5 !important;
}

.el-tag--info{
  background-color: #00a4b5 !important;
}

.el-tabs__active-bar {
  background-color: #00a4b5 !important;
}

.el-tabs__item {
  font-size: 11pt !important;
  font-weight: bold !important;
  color: #525f7f !important;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #00a4b5 !important;
  background: #00a4b5 !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: #00a4b5 !important;
}

.el-radio__label {
  font-size: 11pt !important;
}

th.el-table_1_column_1.is-leaf.el-table__cell {
  height: 3.1rem !important;
}

.personalinfo-labels{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.educational-labels{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.family-labels{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.is-leaf {
  height: 3.1rem !important;
}

.el-radio-button__original-radio:checked + .el-radio-button__inner {
  color: white !important;
  background-color: #00a4b5 !important;
  border-color: #00a4b5 !important;
  box-shadow: #00a4b5 !important;
}

.el-radio-button {
  color: #00a4b5 !important;
}

.el-table__fixed-right, .el-table__fixed {
  background-color: white !important;
}

/***********************/

strong {
  font-weight: bold !important;
}

.as_text {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/*.custom-control-label{*/

/*    line-height: 1.2;*/

/*}*/

.table-input {
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  /*border-bottom: 1px solid #c0c4cc;*/
  border-bottom: 0;
  padding: .4rem .5rem;
  color: #606266;
  font-size: 11pt !important;
}

.table-input:focus {
  outline: none;
  border-bottom: 1px solid #c0c4cc;
  border-radius: 0;
}

.table-input:-moz-placeholder-shown {
  border-bottom: 1px solid #c0c4cc
}

.table-input:placeholder-shown {
  border-bottom: 1px solid #c0c4cc
}

.table-input:disabled {
  background-color: white;
  border-bottom: 0;
}

/* Inertia page transition: subtle white veil + spinner while a new page loads */

.inertia-page-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(1px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inertia-page-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.inertia-page-overlay::after {
  content: '';
  width: 38px;
  height: 38px;
  border: 3px solid rgba(94, 114, 228, 0.25);
  border-top-color: #5e72e4;
  border-radius: 50%;
  animation: inertia-spin 0.7s linear infinite;
}

@keyframes inertia-spin {
  to { transform: rotate(360deg);
  }
}

/* Fade-in animation for the page body so the new page slides into view */

.page-fade-enter-active {
  transition: opacity 220ms ease, transform 220ms ease;
}

.page-fade-enter-from {
  opacity: 0;
  transform: translateY(6px);
}