.input-field {
  border-radius: 25px !important;
  border: 1px solid #FFC200 !important;
}

.invalid-message {
  display: block;
  width: 100%;
  margin-top: .25rem;
  font-size: .78rem;
  color: #ef4848;
}

.auth-fluid {
  background: white !important;
}

.auth-fluid-left {
  /* background: url(../images/bg-auth.png) center; */
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  align-self: center;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 992px) {
  .navbar-custom {
    left: 0 !important;
  }

  .auth-fluid-left,
  .meeting-header-image {
    display: none;
  }

  .meeting-all-content {
    padding-right: 0 !important;
  }

  .transcript-section {
    position: relative !important;
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding-bottom: 0;
  }

  .footer > .text-muted {
    margin-bottom: 0;
  }

  .left-side-menu {
    margin-left: 0 !important;
  }

  .change-password-card {
    width: 100% !important;
  }
}

#right-side-calendar.show,
#right-side-calendar.collapsing {
  display: block !important;
  visibility: visible !important
}

.calendar-widget .day.new {
  display: table-cell;
}

.navbar-custom {
  z-index: 2;
}

.footer-custom {
  z-index: 1;
  position: fixed;
  background-color: #fafbfe;
}

.form-group > .agenda-form-icon > i {
  position: absolute;
  right: 2px;
  font-size: 36px;
  top: -7.5px;
  z-index: 5; }

.form-control-tagsinput {
  display: block !important;
  width: 100% !important;
  height: calc(2.25rem + 2px) !important;
  padding: .45rem .9rem !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #6c757d !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #dee2e6 !important;
  border-radius: .25rem !important;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
}

.calendar-widget .datepicker-inline tr td.active.day,
.calendar-widget .datepicker-inline tr td.today.day,
.calendar-widget .datepicker-inline tr td.today.day:hover,
.calendar-widget table tr td.active.day,
.calendar-widget table tr td.today.day,
.calendar-widget table tr td.today.day:hover {
  /* background-color: #313d48 !important; */
  color: #ffffff !important;
  font-weight: 500;
  /* width: 11%; */
}

tr td.event.day[smallinteger=true]::before {
  content: '.';
  position: absolute;
  color: #ffc200;
  font-size: 50px;
  margin-left: -1.5px;
  margin-top: 5px;
}

tr td.event.day[smallinteger=false]::before {
  content: '.';
  position: absolute;
  color: #ffc200;
  font-size: 50px;
  margin-left: 3px;
  margin-top: 5px;
}

tr td.day.today[smallinteger=true]::after {
  content: '.';
  position: absolute;
  color: #313d48;
  background-color: #313d48;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -19px;
  z-index: -1;
  margin-top: -2px;
}

tr td.day.today[smallinteger=false]::after {
  content: '.';
  position: absolute;
  color: #313d48;
  background-color: #313d48;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -23px;
  z-index: -1;
  margin-top: -2px;
}

.calendar-widget .datepicker-inline tr td, .calendar-widget .datepicker-inline tr td.active.day, .calendar-widget .datepicker-inline tr td.today.day, .calendar-widget .datepicker-inline tr th, .calendar-widget table tr td, .calendar-widget table tr td.active.day, .calendar-widget table tr td.today.day, .calendar-widget table tr th {
  /* background-color: transparent!important; */
  padding-top: 4px;
}

.agenda-text-item {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #f4f7fa!important;
  border: 1px solid #f4f7fa;
}

.btn-delete-agenda-item {
  background-color: #f4f7fa;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.table-detail-meeting .table td, .table-detail-meeting .table th {
  padding: 0.4rem 0.95rem;
  border: none;
  font-size: 16px;
  color: #313d48;
}

.table-detail-meeting .table td:nth-child(2), .table-detail-meeting .table th:nth-child(2) {
  padding: 0rem !important;
  font-weight: 700;
}

.table-detail-meeting .table td:nth-child(1), .table-detail-meeting .table th:nth-child(1) {
  padding-left: 0rem;
  padding-right: 0.95rem;
  width: 110px;
  font-weight: 700;
}

.table-attendance-meeting .table td, .table-attendance-meeting .table th {
  border: none;
  font-size: 14px;
  color: #313d48;
  vertical-align: initial !important;
  padding: 0.6rem;
}

.table-attendance-meeting .table td:nth-child(1), .table-attendance-meeting .table th:nth-child(1) {
  width: 70px;
  padding-bottom: 0rem;
}

.table-attendance-meeting .table td:nth-child(2), .table-attendance-meeting .table th:nth-child(2) {
  padding: 0rem 0.6rem 1rem 0rem;
}

.card-width-attendance {
  width: 65%;
}

@media screen and (max-width: 1440px) {
  .card-width-attendance {
    width: 82%;
  }
}

.avatar-attendance {
  height: 36px;
  width: 36px;
}

input[data-switch=secondary]:checked+label {
  background-color: #313d48;
}

body[data-leftbar-compact-mode=condensed] {
  min-height: 100vh;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: left!important;
}

.page-item.active .page-link {
  color: #ffc200!important;
  background: none!important;
  border: none!important;
  cursor: default!important;
}

.page-item .page-link:focus {
  border: none!important;
  box-shadow: none!important;
}

.table.table-rounded th {
  border-top: none!important;
  border-bottom: none!important;
}

.thead-grey-shadow {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0px 2px 3px -1px rgb(204, 206, 207)!important;
}

.table .thead-grey-shadow th {
  color: #313D48;
  background-color: #F1F3F5;
  border-color: #C4C4C4;
}

.table.table-rounded thead th:first-child {
  border-top-left-radius: 8px;
}

.table.table-rounded thead th:last-child {
  border-top-right-radius: 8px;
}

.table.table-rounded tbody tr:last-child td:first-child{
  border-bottom-left-radius: 8px;
}

.table.table-rounded tbody tr:last-child td:last-child{
  border-bottom-right-radius: 8px;
}

.table td {
  border-top: none!important;
  border-bottom: #F1F3F5 1px solid;
}

.table.vertical-center td, .table.vertical-center th {
  vertical-align: middle!important;
}

.page-item.active .page-link {
  z-index: 0!important;
}

.out-bordered {
  border: 1px solid #dee2e6;
}

.invitation-field {
  padding: .45rem .9rem;
}

.full-rounded {
  border-radius: .8rem!important;
}

#enrollment-sentence {
  max-width: 80%;
  font-size: large;
}

.hidden {
  display: none;
}

.btn-controls-record>a {
  color: #313d48;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
    color: #ffc200;
    text-decoration: none;
}

form .form-group label.error{
  color: #fe4e61;
}

.dz-success-mark {
  display: none;
}

.dz-error-mark {
  display: none;
}

.dz-complete .dz-progress {
  display: none;
}

.dz-success .dz-success-mark {
  display: flex!important;
}

.dz-error .dz-error-mark {
  display: flex!important;
}


.white-space-pre-wrap{
  white-space: pre-wrap;
}

.bg-none{
  background: none!important;
}

.ribbon-left {
  border-left: solid 7px;
}

.ribbon-border-gray-ribbon{
  border-color: #313d48;
}

.ribbon-border-yellow-ribbon {
  border-color: #ffc200;
}

.ribbon-border-blue-ribbon {
  border-color: #689fe1;;
}

.shadow-none {
  box-shadow: none;
}

.mdi-32px {
  font-size: 32px;
}

.plyr {
  display: flex !important;
}

/* 
.avatar-xs {
  height: 2rem;
  width: 2rem; 
} */

.left-full-rounded {
  border-top-left-radius: 0.8rem !important;
  border-bottom-left-radius: 0.8rem !important;
}

.right-full-rounded {
  border-top-right-radius: 0.8rem !important;
  border-bottom-right-radius: 0.8rem !important;
}

#face-video {
  border-radius: calc(1rem - 1px);
  transform: rotateY(180deg);
}

#face-canvas {
  border-radius: calc(1rem - 1px);
  transform: rotateY(180deg);
}

#invinit-meet iframe {
  border-radius: calc(1rem - 1px);
}

.profile-picture {
  height: 125px !important;
  width: 125px !important;
  object-fit: cover !important;
}

.slimScrollDiv {
  height: 100%!important;
}