.sidebar-nav {
  color: #6e7488 !important;
}

.sidebar-nav .nav-link {
  /* color: #424d54 !important; */
  font-weight: 500;
  font-size: 1rem;
  color: #6e7488 !important;
}

.sidebar-nav .nav-link svg {
  color: #6e7488 !important;
}

.sidebar-nav .nav-link:hover {
  color: #0d6efd !important;
  background-color: transparent;
}

.sidebar-nav .nav-link::after {
  color: #00000020 !important;
}

.btn_add {
  margin-right: 5px;
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #00000020 !important;
  background-image: linear-gradient(to left top, #007bff, #74b7ff);
}

.btn_add:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
  background-image: none;
}

.btn_add:active {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
}

.btn_add.focus,
.btn_add:focus {
  box-shadow: 0 0 0 0.2rem #007bff80 !important;
}


.btn_collection {
  margin-right: 5px;
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #00000020 !important;
  background-image: linear-gradient(to left top, #007bff, #74b7ff);
}

.btn_collection:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
  background-image: none;
}

.btn_collection:active {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
}

.btn_collection.focus,
.btn_collection:focus {
  box-shadow: 0 0 0 0.2rem #007bff80 !important;
}

.btn_save {
  margin-right: 10px;
  color: #fff !important;
  background-color: #28a745 !important;
  border-color: #00000020 !important;
  background-image: linear-gradient(to left top, #28a745, #68d782);
}

.btn_save:hover {
  color: #fff !important;
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
  background-image: none;
}

.btn_save:active {
  color: #fff !important;
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
}

.btn_save.focus,
.btn_save:focus {
  box-shadow: 0 0 0 0.2rem #30c95180 !important;
}

.btn_back {
  margin-right: 5px;
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #00000020 !important;
  background-image: linear-gradient(to left top, #007bff, #74b7ff);
}

.btn_back:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
  background-image: none;
}

.btn_back:active {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
}

.btn_back.focus,
.btn_back:focus {
  box-shadow: 0 0 0 0.2rem #007bff80 !important;
}


.btn_delete {
  margin-right: 10px;
  color: #fff !important;
  background-color: #c82333 !important;
  border-color: #00000020 !important;
  background-image: linear-gradient(to left top, #c82333, #fa727f);
}

.btn_delete:hover {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  background-image: none;
}

.btn_delete:active {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}


.btn_delete.focus,
.btn_delete:focus {
  box-shadow: 0 0 0 0.2rem #8b0b18 !important;
}


.btn_warn {
  margin-right: 10px;
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.btn_warn:hover {
  color: #fff !important;
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
}

.btn_trash {
  width: 100%;
  background-color: transparent;
  border: none;
}

.btn_fixed_bottom {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #ffffffdd;
  z-index: 99;
  width: 100%;
}

.fixed_bottom_model {
  position: fixed;
  width: 100%;
  bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.5rem;
  background: #ffffffdd;
  box-shadow: #00000040 0px 0.0625em 0.0625em, #00000040 0px 0.125em 0.5em,
    #ffffff1a 0px 0px 0px 1px inset;
}

#title_collection {
  font-weight: normal;
  font-size: 1.5rem;
  padding-top: 0.5rem;
  color: #002d62;
}

.model-title {
  text-transform: uppercase;
  text-align: center;
  padding-top: 1rem;
}

input:disabled {
  background-color: #fff !important;
}

a {
  cursor: pointer;
}

.mt-45 {
  margin-top: 1.8rem;
}


.btn_warn {
  margin-right: 10px;
  color: #002d62 !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.btn_warn:hover {
  color: #002d62 !important;
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
}

.btn-primary.btn-shadow {
  box-shadow: 0 2px 6px 0 #5046e580;
}

.btn-secondary.btn-shadow {
  box-shadow: 0 2px 6px 0 #ebedef80;
}

.btn-success.btn-shadow {
  box-shadow: 0 2px 6px 0 #51cc8a80;
}

.btn-danger.btn-shadow {
  box-shadow: 0 2px 6px 0 #ef376e80;
}

.btn-warning.btn-shadow {
  box-shadow: 0 2px 6px 0 #ffcc0080;
}

.btn-info.btn-shadow {
  box-shadow: 0 2px 6px 0 #2596be80;
}

.btn-light.btn-shadow {
  box-shadow: 0 2px 6px 0 #f0f4f780;
}

.btn-dark.btn-shadow {
  box-shadow: 0 2px 6px 0 #636f8380;
}

/* button dropdown */
.custom_dialog_container {
  position: relative;
}

.custom_dialog_container .custom_dialog,
.custom_dialog_container .custom_dialog.left,
.custom_dialog_container .custom_dialog.bottom {
  position: absolute;
  top: 120%;
  width: auto;
  height: auto;
  z-index: 991;
  left: 0;
  margin-right: 4px;
  padding: 4px 0px;
  transition: height 0.3s ease-in-out 0s;
  min-width: 10rem;
  max-height: calc(-61px + 100vh);
  color: #4f5d73;
  background: #ffffff;
  border: solid 0.4px #4f5d73;
  border-radius: 2px;
  box-shadow: 0px 0px 3px 0px;
  display: none;
}

.custom_dialog_container .custom_dialog.right {
  left: auto;
  right: 0;
}

.custom_dialog_container .custom_dialog.center {
  left: 50%;
  transform: translateX(-50%);
}

.custom_dialog_container .custom_dialog.top {
  top: auto;
  bottom: 120%;
}

.custom_dialog_container .custom_dialog .custom_dialog_item {
  text-align: left;
  padding: 6px 6px;
}

.custom_dialog_container .custom_dialog .custom_dialog_item:hover,
.custom_dialog_container .custom_dialog .custom_dialog_item:focus {
  background-color: #edf1f5;
}

.custom_dialog_container:focus .custom_dialog,
.custom_dialog_container:hover .custom_dialog {
  display: block;
}

/* end button dropdown */

.btn-blue-light {
  padding-left: 2rem;
  padding-right: 2rem;
  /* padding-top: 2rem;
    padding-bottom: 2rem; */
  border-radius: 0.25rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;

  color: #111111;
  border: 0.5px solid #c7c7c757;
  font-size: 0.875rem;
  background: #0964cf1a;

  box-sizing: border-box;
  /* font-weight: 500; */
  /* line-height: 1.2; */
  /* height: 4rem; */
}

.btn-blue-light-md {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  min-height: 2rem;
  height: 100%;
}

.btn-blue-light:hover {
  box-shadow: 0px 0px 6px 1px rgb(117 117 117 / 35%);
  background-color: rgba(9, 100, 207, 0.1);
}

@media (max-width: 575.98px) {
  .btn-blue-light {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    border-radius: 0.15rem;

    font-weight: 300;
    /* line-height: 1.2; */
    height: 2.5rem;
  }
}

/* Datetime */
.datetime-group {
  position: relative;
}

.datetime-icon {
  position: absolute;
  right: 1rem;
  bottom: 0.5rem;
  top: auto;
  font-size: 1.3rem;
  color: #828181;
}