/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

html body {
  background-color: #eef0f8;
}

.card-corner {
  position: absolute;
  bottom: 0;
  right: 0;
}

.validating .invalid-feedback {
  display: block;
}

.z-in-1000 {
  z-index: 1000;
}

.dataTables_wrapper {
  margin: 2%;
}

.validating select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection,
select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
  border-color: #ee2d41;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ee2d41' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ee2d41' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.validating select.select2.is-invalid + .select2.select2-container.select2-container--default .select2-selection__arrow,
select.select2.is-invalid + .select2.select2-container.select2-container--default .select2-selection__arrow {
  right: 25px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: #7367f0;
  font-size: 20px;
}

.select2-search__field:-moz-placeholder-shown {
  width: 100% !important;
}

.select2-search__field:-ms-input-placeholder {
  width: 100% !important;
}

.select2-search--inline,
.select2-search__field:placeholder-shown {
  width: 100% !important;
}

.select2-container input:-moz-placeholder-shown {
  width: 100% !important;
}

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

.select2-container li:only-child,
.select2-container input:placeholder-shown {
  width: 100% !important;
}

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

.media-library-dropzone-add {
  background-color: #edf0f4;
}

.media-library-dropzone {
  border-color: #7367f0;
  border-radius: 10px;
}

.media-library-button {
  width: 2.5rem;
  height: 2.5rem;
}

.media-library-multiple.media-library-empty .media-library-add .media-library-placeholder::after {
  content: unset;
  position: absolute;
}

.media-library-thumb {
  width: 12rem;
  height: 12rem;
}

.responsive_media_library .media-library-thumb {
  width: 5rem;
  height: 5rem;
}

.media-library-thumb-img {
  border-radius: 0.5em;
}

.media-library.media-library-multiple.media-library-filled .media-library-uploader .media-library-dropzone {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.wave.wave-primary {
  background-color: rgba(54, 153, 255, 0.1) !important;
}

.card.card-custom {
  box-shadow: 0 0 30px 0 rgba(82, 63, 105, 0.05);
  border: 0;
}

.wave {
  background-color: #f3f6f9;
  overflow: hidden;
  position: relative;
}

.wave::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
}

.card.card-custom > .card-body {
  padding: 2rem 2.25rem;
}

.align-items-center {
  align-items: center !important;
}

.svg-icon.svg-icon-4x svg {
  height: 4rem !important;
  width: 4rem !important;
}

.font-size-h4 {
  font-size: 1.35rem !important;
}

.text-dark {
  color: #181c32 !important;
}

.text-dark-75 {
  color: #3f4254 !important;
}

.wave {
  background-color: #f3f6f9;
  overflow: hidden;
  position: relative;
}

.wave > div {
  z-index: 1;
}

.wave:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
}

.wave:after {
  content: " ";
  width: 1000px;
  height: 1025px;
  position: absolute;
  bottom: 65%;
  left: -250px;
  border-radius: 35%;
  background: white;
  z-index: 0;
}

.wave:after {
  transform: rotate(45deg);
}

.wave-animate:after {
  -webkit-animation: animate-wave 15s infinite linear;
          animation: animate-wave 15s infinite linear;
}

.wave-animate-slower:after {
  -webkit-animation: animate-wave 30s infinite linear;
          animation: animate-wave 30s infinite linear;
}

.wave-animate-slow:after {
  -webkit-animation: animate-wave 25s infinite linear;
          animation: animate-wave 25s infinite linear;
}

.wave-animate-fast:after {
  -webkit-animation: animate-wave 10s infinite linear;
          animation: animate-wave 10s infinite linear;
}

.wave-animate-faster:after {
  -webkit-animation: animate-wave 5s infinite linear;
          animation: animate-wave 5s infinite linear;
}

.wave.wave-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.wave.wave-white .svg-icon svg g [fill] {
  fill: #fff;
}

.wave.wave-primary {
  background-color: rgba(54, 153, 255, 0.1) !important;
}

.wave.wave-primary .svg-icon svg g [fill] {
  fill: #3699ff;
}

.wave.wave-secondary {
  background-color: rgba(228, 230, 239, 0.1) !important;
}

.wave.wave-secondary .svg-icon svg g [fill] {
  fill: #e4e6ef;
}

.wave.wave-success {
  background-color: rgba(27, 197, 189, 0.1) !important;
}

.wave.wave-success .svg-icon svg g [fill] {
  fill: #1bc5bd;
}

.wave.wave-info {
  background-color: rgba(137, 80, 252, 0.1) !important;
}

.wave.wave-info .svg-icon svg g [fill] {
  fill: #8950fc;
}

.wave.wave-warning {
  background-color: rgba(255, 168, 0, 0.1) !important;
}

.wave.wave-warning .svg-icon svg g [fill] {
  fill: #ffa800;
}

.wave.wave-danger {
  background-color: rgba(246, 78, 96, 0.1) !important;
}

.wave.wave-danger .svg-icon svg g [fill] {
  fill: #f64e60;
}

.wave.wave-light {
  background-color: rgba(243, 246, 249, 0.1) !important;
}

.wave.wave-light .svg-icon svg g [fill] {
  fill: #f3f6f9;
}

.wave.wave-dark {
  background-color: rgba(24, 28, 50, 0.1) !important;
}

.wave.wave-dark .svg-icon svg g [fill] {
  fill: #181c32;
}

@-webkit-keyframes animate-wave {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes animate-wave {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.material-icons {
  vertical-align: middle !important;
}

.timeline.show-data {
  margin-left: 3rem;
}

.timeline.show-data .timeline-item .timeline-point {
  height: 2.5rem;
  width: 2.5rem;
  left: -1.3rem;
  top: 1.7em;
}