/*
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
*/

/* .btn.btn-light:not(:disabled):not(.disabled).active, .btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text), .show .btn.btn-light.btn-dropdown, .show>.btn.btn-light.dropdown-toggle {
    color: #7e8299;
    background-color: #e4e6ef;
    border-color: #e4e6ef;
}

.btn, .btn.disabled, .btn.disabled i, .btn.focus, .btn.focus i, .btn:disabled, .btn:disabled i, .btn:focus:not(.btn-text), .btn:focus:not(.btn-text) i, .btn:hover:not(.btn-text), .btn:hover:not(.btn-text) i, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled).active i, .btn:not(:disabled):not(.disabled):active:not(.btn-text), .btn:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn i, .show>.btn.dropdown-toggle, .show>.btn.dropdown-toggle i {
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}

.btn.btn-icon .svg-icon {
    margin: 0;
    padding: 0;
} */

.ttable-tteknik.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #3f4254;
    background-color: transparent;
}

.text-center {
    text-align: center;
}

/* .btn.btn-light {
    color: #7e8299;
    background-color: #f3f6f9;
    border-color: #f3f6f9;
}

a.btn {
    color: #3699ff;
    text-decoration: none;
    background-color: transparent;
} */

/* .btn-icon {
    border-radius: 5px;
} */

.ttable-tteknik>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}

.ttable-tteknik {
    border: none !important;
}

.ttable-tteknik > thead tr th {
    border: none !important;
}

.ttable-tteknik > tbody tr td {
    border: none !important;
    background-color: #fff !important;
}

svg g path {
    fill: #7773B4 !important;
}

.label.label-lg.label-inline {
    width: auto;
}

.label.label-inline.label-lg {
    padding: .9rem .75rem;
}
.label.label-lg {
    height: 24px;
    width: 24px;
    font-size: .9rem;
}
.label.label-inline {
    width: auto;
}
.label.label-inline {
    padding: .15rem .75rem;
    border-radius: .42rem;
}
.label.label-light-primary {
    color: #3699ff;
    background-color: #e1f0ff;
}
.label {
    padding: 0;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ebedf3;
    color: #3f4254;
    font-weight: 400;
    height: 20px;
    width: 20px;
    font-size: .8rem;
}

.label.label-light-warning {
    color: #ffa800;
    background-color: #fff4de;
}

.label.label-light-success {
    color: #1bc5bd;
    background-color: #c9f7f5;
}

.label.label-light-danger {
    color: #f64e60;
    background-color: #ffe2e5;
}

.collapse-panel--teknik {
    box-shadow: none;
}

.header-teknik h3 {
    margin: 0px;
    padding: 8px;
}

section .style-accent, .offcanvas-pane .style-accent, .card .style-accent, 
section.style-accent, .offcanvas-pane.style-accent, .card.style-accent {
    background-color: #443370;
    border-color: #443370;
    color: #ffffff;
    padding-top: 10px;
}

.calendar_weeks {
    display: none !important;
}

.font-bold {
    font-weight: bold !important;
}


/* // ? Estrellas */

/* fieldset, label { margin: 0; padding: 0; }
body{ margin: 20px; }
h1 { font-size: 1.5em; margin: 10px; } */

/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 



.switch {
    max-width:300px;
    width:100%;
    margin:10px auto;
    position:relative;
    color: #ffffff;
    background: rgba(68, 51, 112, 1);
    /* background: -webkit-linear-gradient(top left, #F8D353, #FF5C5A);
    background: -moz-linear-gradient(top left, #F8D353, #FF5C5A);
    background: linear-gradient(top left, #F8D353, #FF5C5A); */
    border-radius:50px;
    display:flex;
    flex-direction:row;
    opacity: 1 !important;
  }
  .switch-check {
    flex:0 0 50%;
    max-width:50%;
    text-align:center;
    position:relative;
    z-index:1;
  }
  .switch-check input[type="radio"] {
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    opacity:0;
    cursor: pointer;
    z-index: 3;
  }
  .switch-check input[type="radio"] + span {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    border-radius:50px;
    overflow:hidden;
    z-index:1;
    transition: 550ms all;
  }
  .switch-check input[type="radio"] + span:before {
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    background:rgba(0,0,0,0.15);
    z-index: -1;
    border-radius:50px;
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition: 550ms all;
    transition: 550ms all;
    
  }
  .switch-check input[type="radio"]:checked + span { color:#fff; background: #2a1c51; }
  .switch-check input[type="radio"]:checked + span:before {
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  
  .card.card-custom {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    border: 0; }
    .card.card-custom > .card-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      min-height: 70px;
      padding-top: 0;
      padding-bottom: 0;
      background-color: transparent; }
      .card.card-custom > .card-header .card-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0.5rem;
        margin-left: 0; }
        .card.card-custom > .card-header .card-title .card-icon {
          margin-right: 0.75rem;
          line-height: 0; }
          .card.card-custom > .card-header .card-title .card-icon i {
            font-size: 1.25rem;
            color: #7E8299;
            line-height: 0; }
            .card.card-custom > .card-header .card-title .card-icon i:after, .card.card-custom > .card-header .card-title .card-icon i:before {
              line-height: 0; }
          .card.card-custom > .card-header .card-title .card-icon .svg-icon svg {
            height: 24px;
            width: 24px; }
          .card.card-custom > .card-header .card-title .card-icon .svg-icon svg g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
            fill: #7E8299; }
          .card.card-custom > .card-header .card-title .card-icon .svg-icon svg:hover g [fill] {
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease; }
        .card.card-custom > .card-header .card-title,
        .card.card-custom > .card-header .card-title .card-label {
          font-weight: 500;
          font-size: 1.275rem;
          color: #181C32; }
        .card.card-custom > .card-header .card-title .card-label {
          margin: 0 0.75rem 0 0;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
        .card.card-custom > .card-header .card-title small {
          color: #B5B5C3;
          font-size: 1rem; }
      .card.card-custom > .card-header .card-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0.5rem 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .card.card-custom > .card-header.card-header-tabs-line {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        .card.card-custom > .card-header.card-header-tabs-line .card-toolbar {
          margin: 0; }
        .card.card-custom > .card-header.card-header-tabs-line .nav {
          border-bottom-color: transparent; }
          .card.card-custom > .card-header.card-header-tabs-line .nav .nav-item {
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch; }
          .card.card-custom > .card-header.card-header-tabs-line .nav .nav-link {
            padding-top: 2rem;
            padding-bottom: 2rem; }
      .card.card-custom > .card-header.card-header-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .card.card-custom > .card-body {
      padding: 2rem 2.25rem; }
    .card.card-custom > .card-footer {
      background-color: transparent; }
    .card.card-custom .card-scroll {
      position: relative;
      overflow: auto; }
    .card.card-custom.card-stretch {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
      align-items: stretch !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%; }
      .card.card-custom.card-stretch.gutter-b {
        height: calc(100% - 25px); }
      .card.card-custom.card-stretch.card-stretch-half {
        height: 50%; }
        .card.card-custom.card-stretch.card-stretch-half.gutter-b {
          height: calc(50% - 25px); }
      .card.card-custom.card-stretch.card-stretch-third {
        height: 33.33%; }
        .card.card-custom.card-stretch.card-stretch-third.gutter-b {
          height: calc(33.33% - 25px); }
      .card.card-custom.card-stretch.card-stretch-fourth {
        height: 25%; }
        .card.card-custom.card-stretch.card-stretch-fourth.gutter-b {
          height: calc(25% - 25px); }
    .card.card-custom.card-fit > .card-header {
      border-bottom: 0; }
    .card.card-custom.card-fit > .card-footer {
      border-top: 0; }
    .card.card-custom.card-space {
      padding-left: 2.25rem;
      padding-right: 2.25rem; }
      .card.card-custom.card-space > .card-header {
        padding-left: 0;
        padding-right: 0; }
      .card.card-custom.card-space > form > .card-body,
      .card.card-custom.card-space > .card-body {
        padding-left: 0;
        padding-right: 0; }
      .card.card-custom.card-space > form > .card-footer,
      .card.card-custom.card-space > .card-footer {
        padding-left: 0;
        padding-right: 0; }
    .card.card-custom.card-sticky > .card-header {
      -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
      transition: left 0.3s, right 0.3s, height 0.3s;
      min-height: 70px; }
    .card-sticky-on .card.card-custom.card-sticky > .card-header {
      -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
      transition: left 0.3s, right 0.3s, height 0.3s;
      position: fixed;
      -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
      box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
      z-index: 101;
      background: #ffffff; }
    .card.card-custom.card-transparent {
      background-color: transparent; }
    .card.card-custom.card-shadowless {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .card.card-custom.card-px-0 .card-header,
    .card.card-custom.card-px-0 .card-body,
    .card.card-custom.card-px-0 .card-footer {
      padding-left: 0;
      padding-right: 0; }
    .card.card-custom.card-border {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid #EBEDF3; }
    .card.card-custom.card-collapsed > form,
    .card.card-custom.card-collapsed > .card-body {
      display: none; }
    .card.card-custom .card-header .card-toolbar [data-card-tool="toggle"] i {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .card.card-custom.card-collapsed .card-header .card-toolbar [data-card-tool="toggle"] i, .card.card-custom.card-collapse .card-header .card-toolbar [data-card-tool="toggle"] i {
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  
  .card-spacer {
    padding: 2rem 2.25rem !important; }
  
  .card-spacer-x {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important; }
  
  .card-spacer-y {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  
  .card-rounded {
    border-radius: 0.42rem; }
  
  .card-rounded-top {
    border-top-left-radius: 0.42rem;
    border-top-right-radius: 0.42rem; }
  
  .card-rounded-bottom {
    border-bottom-left-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem; }
  
  @media (max-width: 767.98px) {
    .card.card-custom > .card-header:not(.flex-nowrap) {
      min-height: 0;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; } }
  
.ul-list {
    margin-top: 30px;
}

.ul-list li {
    padding: 10px;
    border-bottom: 1px solid #c3c3c3;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table-bordered {
      border: 0; }

      .table-bordered {
        border: 1px solid #EBEDF3; }
        .table-bordered th,
        .table-bordered td {
          border: 1px solid #EBEDF3; }
        .table-bordered thead th,
        .table-bordered thead td {
          border-bottom-width: 2px; }
      
      .table-borderless th,
      .table-borderless td,
      .table-borderless thead th,
      .table-borderless tbody + tbody {
        border: 0; }
      
      .table-striped tbody tr:nth-of-type(odd) {
        background-color: #EBEDF3; }
      
      .table-hover tbody tr:hover {
        color: #3F4254;
        background-color: #E4E6EF; }
      
      .table-primary,
      .table-primary > th,
      .table-primary > td {
        background-color: #c7e2ff; }
      
      .table-primary th,
      .table-primary td,
      .table-primary thead th,
      .table-primary tbody + tbody {
        border-color: #96caff; }
      
      .table-hover .table-primary:hover {
        background-color: #aed5ff; }
        .table-hover .table-primary:hover > td,
        .table-hover .table-primary:hover > th {
          background-color: #aed5ff; }
      
      .table-secondary,
      .table-secondary > th,
      .table-secondary > td {
        background-color: #f7f8fb; }
      
#voluntariado.active  {
  display: block;
  z-index: 9;
  position: relative;   
}

/* .modal-backdrop {
  z-index: 1;
} */