// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

// Bootstrap Vue
@import '~bootstrap-vue/src/index.scss';

// Font Awesome
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';

// Vue components
@import '~vue-cool-select/dist/themes/bootstrap.css';
@import '~vue-datetime/dist/vue-datetime.css';


.collapsed > .when-opened,
:not(.collapsed) > .when-closed {
  display: none;
}

.custom-checkbox.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3490dc;
  border-color: #3490dc;
}

.custom-checkbox.checkbox-primary .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #3490dc;
}

.custom-checkbox.checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #6c757d;
  border-color: #6c757d;
}

.custom-checkbox.checkbox-secondary .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #6c757d;
}

.custom-checkbox.checkbox-success .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #38c172;
  border-color: #38c172;
}

.custom-checkbox.checkbox-success .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #38c172;
}

.custom-checkbox.checkbox-info .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #6cb2eb;
  border-color: #6cb2eb;
}

.custom-checkbox.checkbox-info .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #6cb2eb;
}

.custom-checkbox.checkbox-warning .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffed4a;
  border-color: #ffed4a;
}

.custom-checkbox.checkbox-warning .custom-control-input:not(cchecked) ~ .custom-control-label::before {
  border-color: #ffed4a;
}

.custom-checkbox.checkbox-danger .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #e3342f;
  border-color: #e3342f;
}

.custom-checkbox.checkbox-danger .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #e3342f;
}

.custom-checkbox.checkbox-light .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.custom-checkbox.checkbox-light .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #f8f9fa;
}

.custom-checkbox.checkbox-dark .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #343a40;
  border-color: #343a40;
}

.custom-checkbox.checkbox-dark .custom-control-input:not(checked) ~ .custom-control-label::before {
  border-color: #343a40;
}