:root {
  --custom-blue: #4285f4;
  --custom-red: #db4437;
  --custom-yellow: #f4b400;
  --custom-green: #0f9d58;
  --custom-gray: #3a3741;


  --category-color: #1142cd;
  --subCategory-color: #F5B82E;
  --moduleCategory-color: #0FAF9C;
}

.sidebar .profile {
  color: #000;
}

.box-dark,
.card-header {
  background-color: #fff !important;
}

.btn-secondary {
  color: #fff !important;
}

body {
  background-color: #ebecf1 !important;

}

input.form-control,
select.form-control,
textarea.form-control, 
.input-group-text {
  background-color: #fff !important;
  color: #000 !important;
}

.col-form-label {
  color: #000 !important;
}

.card {
  border: 0px solid #000;
  color: #000 !important;
}

.sidebar:after,
.off-canvas-sidebar:after {
  background: var(--custom-gray) !important;
}

.nav li:hover,
.nav li:hover * {
  background-color: #1442cd !important;
  color: #fff !important;
}

.btn:not(.card-comment .btn):not(label.btn):not(span.btn) {
  border-bottom: 2px;
}

.toggle-admin {
  width: fit-content;
  margin-bottom: 1rem;
}

.btn {
  font-size: 0.9rem;
  padding: 0.2rem 1.5rem;
}

.table.w-hover tbody tr:hover td,
a:hover,
a:focus {
  color: #1442cd !important;
}

.btn:not(.card-comment .btn):not(label.btn-default):not(span.btn) {
  background-color: #1442cd;
  color: #fff ;
}
.btn-primary {
  background-color:  #1442cd;
  background-image: unset;
  color: #fff !important;
}

.btn:not(.card-comment .btn):not(label.btn):not(span.btn),
#card-login,
input.form-control,
select.form-control,
textarea.form-control,
.input-group-text {
  border-bottom: 1px solid #ced4da !important;
  border: 1px solid #ced4da !important;
}

#card-login {
  background-color: #fff;
  border-radius: 20px;
}

#card-login input.form-control {
  padding: 14px !important;
}

#card-login .btn,
#card-register .btn
 {
  width: 60%;
  padding: 7px 0;
}

.fc .fc-button-primary {
  background-color: #e74930 !important;
}

.wrap {
  white-space: pre-wrap;
}

.radio-container {
  background-color: var(--category-color);
  color: #fff !important;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px !important;
}

.sub-radio-container {
  background-color: var(--subCategory-color);
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px !important;
}

.module-radio-container {
  background-color: var(--moduleCategory-color);
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px !important;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ffb800;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #633f6b;
  cursor: pointer;
}

.sub-category-container {
  width: 97%;
  margin-left: 3%;
}

.module-category-container {
  width: 94%;
  margin-left: 6%;
}

.btn-post-comment {
  padding:  0 !important;
}

.btn-post-comment i {
  color: #fff;
  margin-top: 0.8rem;
}

a.reply {
  color: var(--custom-yellow) !important;
}

a:hover {
  color: #1442cd !important;
}

.modal-title
 {
  color: var(--custom-red) !important;
}

.card-zoom:hover {
  background-color: var(--custom-yellow) !important;
}

.btn-danger {
  color: darkred !important;
}

.form-group .input-group-prepend .input-group-text, .form-group .input-group-append .input-group-text, .input-group .input-group-prepend .input-group-text, .input-group .input-group-append .input-group-text {
  padding: 10px;
}



.list-group-item {
  background-color: transparent;
  color: #fff;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px !important;
}

.navbar-toggler-bar {
  background-color: #fff !important;
}

.answer {
  border-radius: 10px;
  color: #fff !important;
  background-color: #1442cd !important;
  border: 0.3rem #1442cd solid !important;
}

.answer label {
  color: #fff !important;
}

.color-d {
  color: #000 !important;
}

@media (min-width: 1023px){
  .d-lg-none {
      display: block !important;
  }
  }