@font-face{
  font-family:'FontAwesome';
  src:url("../fonts/font-awesome/fontawesome-webfont.eot");
  src:url("../fonts/font-awesome/fontawesome-webfont.eot") format("embedded-opentype"),url("../fonts/font-awesome/fontawesome-webfont.woff2") format("woff2"),url("../fonts/font-awesome/fontawesome-webfont.woff") format("woff"),url("../fonts/font-awesome/fontawesome-webfont.ttf") format("truetype"),url("../fonts/font-awesome/fontawesome-webfont.svg") format("svg");
  font-weight:normal;font-style:normal
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.tbl_cari tr{
  cursor: pointer;
}

.label-filter{
  background-color: #FFF;
  /* border:none; */
}

.flatpickr .form-control{
  background-color: #FFF;
}

.form-check-input{
  margin-top: .2rem;
}

.sort {
  color: #abadae;
}
.sort.active{
  color: #495057;
}
.sorting{
  cursor: pointer;
  text-decoration: underline;
}
.sorting:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  float: right;
  color: #abadae;
  /*up*/
  content:"";
}
.sorting:after{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  float: right;
  color: #abadae;
  /*down*/
  content:"";
}
.sorting.asc:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  float: right;
  color: #abadae;
  /*up*/
  content:"";
}
.sorting.asc:after{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  float: right;
  color: #495057;
  /*down*/
  content:"";
}
.sorting.desc:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  float: right;
  color: #495057;
  /*up*/
  content:"";
}
.sorting.desc:after{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  float: right;
  color: #abadae;
  /*down*/
  content:"";
}
.input-file{
  display: none;
}

.idance .timetable {
  margin: 0 auto;
}
.idance .timetable-item {
  border: 1px solid #d8e3eb;
  padding: 15px;
  margin-top: 20px;
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .idance .timetable-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
}
.idance .timetable-item-img {
  overflow: hidden;
  height: 100px;
  width: 100px;
  display: none;
}
.idance .timetable-item-img img {
  height: 100%;
}
@media (min-width: 768px) {
  .idance .timetable-item-img {
      display: block;
  }
}
.idance .timetable-item-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .idance .timetable-item-main {
      margin-top: 0;
      padding-left: 15px;
  }
}
.idance .timetable-item-time {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 4px;
}
.idance .timetable-item-name {
  font-size: 14px;
}
.idance .btn-book {
  padding: 6px 30px;
  width: 100%;
}
.idance .timetable-item-like {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 20px;
  cursor: pointer;
}
.idance .timetable-item-like .fa-heart-o {
  display: block;
  color: #b7b7b7;
}
.idance .timetable-item-like .fa-heart {
  display: none;
  color: #f15465;
}
.idance .timetable-item-like:hover .fa-heart {
  display: block;
}
.idance .timetable-item-like:hover .fa-heart-o {
  display: none;
}
.idance .timetable-item-like-count {
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
  color: #7f7f7f;
}
.idance .timetable-item-book {
  width: 200px;
}
.idance .timetable-item-book .btn {
  width: 100%;
}
.idance .schedule .nav-tabs {
  border-bottom: 2px solid #104455;
}
.idance .schedule .nav-link {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #3d3d3d;
  font-weight: 500;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border-radius: 2px 2px 0 0;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .idance .schedule .nav-link {
      font-size: 16px;
  }
}
.idance .schedule .nav-link.active {
  background: #104455;
  border-color: #104455;
  color: #fff;
}
.idance .schedule .nav-link.active:focus {
  border-color: #104455;
}
.idance .schedule .nav-link:hover:not(.active) {
  background: #46c1be;
  border-color: #46c1be;
  color: #fff;
}
.idance .schedule .tab-pane {
  padding-top: 10px;
}
.buttons-flex {
  justify-content: flex-start;
}
.btn-flex-item {
  align-items: flex-start;
    align-content: space-around;
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0 5px;
    flex-wrap: inherit;
    flex-basis: auto;
}
.nav-tabs .nav-link{
  color: #2b2b2b;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background: #7366ff;
  background-image: -webkit-gradient(linear, left top, right top, from(#7366ff), to(#a26cf8));
  background-image: linear-gradient(90deg, #7366ff 0%, #a26cf8 100%);
  font-weight: 700;
  color: #FFFFFF;
}
.nav-tabs{
  border-bottom: none;
}
.tab-content>.active {
  border: 1px solid #7366ff;
}