.auth.login-bg {
    background-image: url('https://images.pexels.com/photos/2350325/pexels-photo-2350325.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');
}



#calendar-uix {
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
  
  /* ==== Overwriting Boostrap */
  

  .fc-time-grid-event .fc-time {
    display: none !important;
  }
  
  .fc-event {
    border: none !important;
    border-radius: none !important;
  }
  
  [disabled="disabled"] {
    opacity: .5;
  }
  
  #ui-loading {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    z-index: -1;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
  }
  
  #ui-loading .fas {
    margin: auto;
    font-size: 10vw;
  }
  
  #ui-loading.active {
    opacity: 1;
    visibility: visible;
    z-index: 111111111;
  }


/* Calender ==== */
.fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {

}

body .fc-unthemed .fc-today {
    background: rgba(255,24,165,.75);
}

body .fc .fc-widget-header table tr th {
    background: #4783FF;
   
    text-align: center;
}

body .fc .fc-widget-header table tr th span {
    color: #fff  !important;
}



.preview {
  width: 100%;
  height: 100px;
  position: relative;
  overflow: hidden;
  background: #eee;
}

.frame {
background: #eee;
  min-height: 100px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.frame img,
.preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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


.form-group--repeat {
  background: rgba(255,255,255,.025);
  padding: 1em;
  border-radius: 10px;
  margin-bottom: 1em;
}

@media screen and ( max-width: 768px ) {
  .card-schedule .row--lead {
    display: none;
  } 

}


@media screen and ( min-width: 768px ) {
  .card-schedule .row:not(.row--lead) br,
  .card-schedule .row:not(.row--lead) label {
    display: none;
  }
}

img {
  max-width: 100%;
}

.img-small {
  max-width: 60% ;
}




.card--twitch .card-header {
    background: #261547;
    color: #fff;
}

.card--twitch .card-body {
  background: #6441a5;
  color: #fff;
}

.card--mixcloud .card-header {
  background: #0e0f11;
  color: rgb(243, 178, 166);
}
.card--mixcloud .card-body {
  background: #1E2436;
  color: rgb(243, 178, 166);
}

.card--mixcloud .card-header {
  color: rgb(243, 178, 166);
}


.card-header h3,
.card-header h4 {
  margin-bottom: 0 !important;
}

.fc-time-grid-event .fc-resizer {
  display: none;
}


.row--images input[type="file"] {
  display: none;;
}

.card--error {
  width: 90%;
  margin: auto;
  max-width: 400px;
}

.progress-ring__circle {
  transition: 0.35s stroke-dashoffset;

  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.card-fixed-h {
  height: 200px;
  overflow: hidden;
}

.card-fixed-h > div {
  overflow-y: scroll;
}


[role="navigation"] > div:last-child div:last-child {
  display: none;
}



.url_box {
  background: #eee;
  padding: 2px;
  display: block;
  max-width: 225px;
  border-radius: 2px;
}