/*Toastr*/
#toast-container>.toast {
  background-image: none !important;
}

#toast-container>.toast:before {
  position: fixed;
  font-family: fontawesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}

#toast-container>.toast-warning:before {
  content: "\f12a";
}

#toast-container>.toast-error:before {
  content: "\f00d";
}

#toast-container>.toast-info:before {
  content: "\f129";
}

#toast-container>.toast-success:before {
  content: "\f00c";
}

/*End Toastr override*/
/* Smarty Layout */
body {
  font-size: 13px;
}

#aside,
#asidebg {

  background-color: #145F75;
}

#header .logo {
  max-width: 250px;
  line-height: 50px;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

#page-header>h1 {
  font-size: 19px;
  line-height: 19px;
  font-weight: 500;
}

#header .dropdown-toggle {
  color: white;
}

label.error {
  font-size: 12px;
  color: #bf6464;
  display: inline-block;
  background: none;
}

.label {
  font-size: 90%;
}

div.error {
  border: #bf6464 2px dashed !important;
  background-color: #fdfbfb !important;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#header img.user-avatar {
  border: none;
}

html,
body {
  background-color: #f1f1f1;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: inherit;
}

/* End Smarty Layout */
/*Bootstrap*/
/* .nav>li>a:focus, .nav>li>a:hover {
  background-color: #5a6667;
} */
.thumbnail {
  border: none;
}

.bootstrap-dialog-body input.form-control {
  margin-bottom: 0;
}

.list-group-item {
  border-left-color: rgba(0, 0, 0, 0.1);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgba(0, 0, 0, 0.1);
  border-right-style: solid;
  border-right-width: 1px;
}

/* .bootstrap-dialog.type-primary .modal-header {
  background-color: #16a085;
} */

.btn-primary {
  background-color: #1e92b5;
}

.btn-primary:hover {
  background-color: #2ba9d0;
}

.btn-primary:active {
  background-color: #1e92b5;
}

/* .btn-primary:focus {
  background-color: #5cb85c;
}

.btn-primary:focus-within {
  background-color: #5cb85c;
} */
button.close {
  color: white;
  opacity: 100;
}

label.btn {
  padding: 9px 12px;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
  max-height: 200px;
}

input.btn.btn-success.btn-file.file-subsidio[type="file"] {
  margin-right: 5px !important;
}

.table>tbody>tr>th,
.table>tbody>tr>td {
  border-top: none;
  vertical-align: middle;
}

.table>tbody>tr {
  border-bottom: 1px solid #ddd;
}

/*End Bootstrap*/
/*
Spinner BlockUI
*/
.blockUIMsg {
  color: white;
  font-size: 16px;
}

.spinner-circ {
  height: 48px;
  width: 48px;
  /* color: #5a5a5a; */
  position: relative;
  display: inline-block;
  border: 5px solid;
  border-radius: 50%;
  border-top-color: transparent;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.switch {
  margin: 5px;
}

/*Background para los input disabled*/
input[type="text"]:disabled {
  background-color: white;
}

.panel-footer {
  overflow: auto;
}

.panel span.badge {
  background-color: #adadad;
  padding: 4px 11px;
}

#middle div.panel-heading {
  height: auto;
}

.panel-success>.panel-heading {
  background-color: #5cb85c;
  color: white !important;
}

.panel-success>.panel-heading>p {
  color: white !important;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* Tabs */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  font-weight: 600;
  border-top-width: initial;
  border-top-color: #1e92b5;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
  padding: 0;
  height: auto;
}

.ui-datepicker {
  /* width: 17em;
  padding: .2em .2em 0; */
  z-index: 9999 !important;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #1E252D;
  cursor: not-allowed;
  background-color: #f5f5f5;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.progress {
  margin-bottom: 0px;
}

ul.media-list {
  margin-bottom: 15px;
}


#aside nav ul>li:hover>a,
#aside nav ul>li.active:hover>a,
#aside nav ul>li.active>a {
  /* background-color: rgba(0, 0, 0, 0.05) !important; */
  background-color: rgba(2, 179, 179, 0.39) !important;
}

/* Beneficiarios en ModApoyoEscolar*/
.tarjeta-beneficiario {
  background-color: #f8fcff;
  border: 1px solid #cce1f1;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  margin-bottom: 1.5rem;
  position: relative;
}

.tarjeta-beneficiario legend.tarjeta-titulo {
  font-size: 1rem;
  font-weight: 600;
  color: #0d6efd;
  width: auto;
  padding: 0 10px;
  margin-bottom: 1rem;
  border-bottom: none;
}

.tarjeta-beneficiario .form-control.readonly {
  background-color: #f0f0f0;
  font-weight: 500;
}