/*Color variables*/

/*gray variables*/

/*white variables*/

/*black variables*/

/*shadow variables*/

.main-signup-header h3 {
  font-weight: 500;
  color: #aa1416;
  letter-spacing: -1px;
}

.border-bottom-0 > a:hover {
  color: #aa1416;
}

table.dataTable thead {
  background-image: none;
  background-color: #ecf0fa;
  position: relative;
}

.border-bottom-0 > i {
  color: #5b6e88;
  margin-left: 10px;
}

.page-item {
  margin-left: 1px;
  margin-right: 1px;
}

.pagination {
  float: right;
}

.btn-primary:hover {
  background-color: #8d1f20;
  border-color: #8d1f20;
}

.iconos {
  color: #aa1416;
}

.iconos > a:hover {
  color: #8d1f20;
}

a:hover {
  color: #8d1f20;
}

.btn-with-icon {
  height: 32px;
}

.btn-filtro {
  height: 36px;
}

.cuenta {
  font-weight: 400;
  font-size: 11px;
  color: #949eb7;
  margin-left: auto;
  cursor: pointer;
}

.temas.activo {
  background-color: #ecf0fa !important;
}

.latest-tasks .task-line.secondary:before {
  background: #00b9ff;
}

.tarea {
  color: #00b9ff;
  font-weight: 500;
}

.tarea:hover {
  color: #005aff !important;
}

.iconotarea {
  color: #00b9ff;
}

.ui-datepicker {
  z-index: 99993 !important;
}

/* ***************** DATETIMEPICKER  ************************ */

.datetimepicker {
  padding: 0.71429rem;
  border: 1px solid #cdd6d0;
  background: #fff;
  /* width: 24.64286rem; */
  width: 20rem;
}

.datetimepicker table {
  width: 100%;
}

.datetimepicker table tr td,
.datetimepicker table tr th {
  width: calc(100% / 7);
  height: 40px;
  border-radius: 2px;
  color: #000;
  font-size: 1.07143rem;
}

.datetimepicker table tr td.new,
.datetimepicker table tr td.old,
.datetimepicker table tr th.new,
.datetimepicker table tr th.old {
  color: #999;
}

.datetimepicker table tr td.day:hover {
  background-color: #eff2f0;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background: #dc3545;
  color: #fff;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active:hover.active {
  background: #17C2D7;
  color: #fff;
}

.datetimepicker .datetimepicker-minutes span,
.datetimepicker .datetimepicker-hours span {
  height: 36px;
  line-height: 36px;
}

.datetimepicker .glyphicon {
  width: 100%;
  height: 100%;
  display: block;
  background: none no-repeat scroll center transparent;
  background-size: 50%;
}

[class*=" datetimepicker-dropdown"]:before,
[class*=" datetimepicker-dropdown"]:after {
  content: none;
}

.datetimepicker th.switch {
  width: inherit;
}

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

.modal {
  z-index: 9992 !important;
}

.swal2-container {
  z-index: 9993 !important;
}

.select2-container {
  width: 100% !important;
}

.side-menu__label {
  white-space: normal !important;
  line-height: 1.4 !important;
}

.rowprofesor1 {
  background: #00b9ff;
  color: #fff;
}

.rowprofesor2 {
  background: #e1e6f1;
}

.nav .nav-item .dropdown-menu {
  min-width: 40vw !important;
}

.main-chat-footer {
  padding: 0px !important;
  padding-top: 10px !important;
  height: inherit !important;
  display: block !important;
}

.main-chat-footer .form-control {
  border-width: 1px;
  margin: 0 5px;
  border-radius: 12px;
  padding-left: 4px;
}

.main-chat-list .media.new {
  cursor: default !important;
}

.vtimeline .timeline-wrapper .timeline-panel {
  width: 100%;
  margin-left: 5%;
}

.vtimeline .timeline-wrapper .timeline-panel:after {
  display: none;
}

.chat-scroll,
.Notification-scroll {
  max-height: none !important;
}