hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #344767;
}

h1,
.h1 {
  font-size: 2.5rem;
  font-size: calc(1.425rem + 2.1vw);
}



h1,.h1,
h2,.h2,
h3,.h3 {
  font-family: "Roboto Slab", sans-serif;
}



@media (min-width: 1200px) {

  h1,
  .h1 {
    font-size: 2.2rem;
  }
}

h2,
.h2 {
  font-size: calc(1.35rem + 1.2vw);
}

@media (min-width: 1200px) {

  h2,
  .h2 {
    font-size: 1.5rem;
  }
}

h3,
.h3 {
  font-size: calc(1.3125rem + 0.75vw);
}

@media (min-width: 1200px) {

  h3,
  .h3 {
    font-size: 1.275rem;
  }
}

h4,
.h4 {
  font-size: calc(1.175rem + 0.3vw);
}

@media (min-width: 1200px) {

  h4,
  .h4 {
    font-size: 1.15rem;
  }
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


strong{
  font-weight:500;
}



/* TEXT */
.text-decoration-line-through-primary { text-decoration: line-through;text-decoration-color: #344767;}
.text-decoration-line-through-success { text-decoration: line-through;text-decoration-color: #4CAF50;}
.text-decoration-line-through-info { text-decoration: line-through;text-decoration-color: #1A73E8;}
.text-decoration-line-through-danger { text-decoration: line-through;text-decoration-color: #F44335;}
.text-decoration-line-through-warning { text-decoration: line-through;text-decoration-color: #fb8c00;}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  color: #36587c !important;
}

.text-primary-light {
  color: rgba(54, 88, 124, 0.50) !important;
}

.text-secondary {
  color: #7b809a !important;
}

.text-secondary-light {
  color: rgba(123, 128, 154, 0.50) !important;
}

.text-success {
  color: #4CAF50 !important;
}

.text-success-light {
  color: rgba(76, 175, 80, 0.50) !important;
}

.text-info {
  color: #1A73E8 !important;
}

.text-info-light {
  color: rgba(26, 115, 232, 0.50) !important;
}

.text-warning {
  color: #fb8c00 !important;
}

.text-warning-light {
  color: rgba(251, 140, 0, 0.50) !important;
}

.text-danger {
  color: #F44335 !important;
}

.text-danger-light {
  color: rgba(244, 67, 53, 0.50) !important;
}

.text-light {
  color: #f0f2f5 !important;
}

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

.text-white {
  color: #fff !important;
}

.text-body {
  color: #7b809a !important;
}

.text-rose {
  color: #36587c !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  background-color: #36587c !important;
}

.bg-primary-light {
  background-color: rgba(54, 88, 124, 0.50) !important;
}

.bg-secondary {
  background-color: #7b809a !important;
}

.bg-secondary-light {
  background-color: rgba(123, 128, 154, 0.50) !important;
}

.bg-success {
  background-color: #4CAF50 !important;
}

.bg-success-light {
  background-color: rgba(76, 175, 80, 0.50) !important;
}

.bg-info {
  background-color: #1A73E8 !important;
}

.bg-info-light {
  background-color: rgba(26, 115, 232, 0.50) !important;
}

.bg-warning {
  background-color: #fb8c00 !important;
}

.bg-warning-light {
  background-color: rgba(251, 140, 0, 0.50) !important;
}

.bg-danger {
  background-color: #F44335 !important;
}

.bg-danger-light {
  background-color: rgba(244, 67, 53, 0.50) !important;
}

.bg-light {
  background-color: #f0f2f5 !important;
}

.bg-dark {
  background-color: #191919 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gray-100 {
  background-color: #f8f9fa !important;
}

.bg-gray-200 {
  background-color: #f0f2f5 !important;
}

.bg-gray-300 {
  background-color: #dee2e6 !important;
}

.bg-gray-400 {
  background-color: #ced4da !important;
}

.bg-gray-500 {
  background-color: #adb5bd !important;
}

.bg-gray-600 {
  background-color: #6c757d !important;
}

.bg-gray-700 {
  background-color: #495057 !important;
}

.bg-gray-800 {
  background-color: #343a40 !important;
}

.bg-gray-900 {
  background-color: #212529 !important;
}





/* ALERTS */
.alert-primary {
  background-image: linear-gradient(195deg, #4040ec 0%, #36587c 100%);
}

.alert-secondary {
  background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
}

.alert-success {
  background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
}

.alert-info {
  background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
}

.alert-warning {
  background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
}

.alert-danger {
  background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
}

.alert-light {
  background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
}

.alert-dark {
  background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
}

.btn-close:focus {
  box-shadow: none;
}

.alert-dismissible .btn-close {
  background-image: none;
}





/* AVATARS */
.avatar {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 50rem;
  height: 48px;
  width: 48px;
  transition: all .2s ease-in-out;
  object-fit: contain;
}

.avatar img {
  width: 100%;
  object-fit: contain;
}

.avatar+.avatar-content {
  display: inline-block;
  margin-left: 0.75rem;
}

.avatar.avatar-raised {
  margin-top: -24px;
}

.avatar.avatar-scale-up:hover {
  transform: scale(1.2);
}

.active .avatar.avatar-scale-up {
  transform: scale(1.2);
}

.avatar.avatar-scale-lg:hover {
  transform: scale(2.1);
}

.active .avatar.avatar-scale-lg {
  transform: scale(2.1);
}
.avatar-3xl {
  width: 180px !important;
  height: 180px !important;
}

.avatar-2xl {
  width: 140px !important;
  height: 140px !important;
}

.avatar-xxl {
  width: 100px !important;
  height: 100px !important;
}

.avatar-xxl.avatar-raised {
  margin-top: -55px;
}

.avatar-xl {
  width: 82px !important;
  height: 82px !important;
}

.avatar-xl.avatar-raised {
  margin-top: -37px;
}

.avatar-lg {
  width: 58px !important;
  height: 58px !important;
  font-size: 0.875rem;
}

.avatar-lg.avatar-raised {
  margin-top: -29px;
}

.avatar-sm {
  width: 36px !important;
  height: 36px !important;
  font-size: 0.875rem;
  text-align: -webkit-center;
  padding-top: 3px;
}

.avatar-sm.avatar-raised {
  margin-top: -18px;
}

.avatar-xs {
  width: 24px !important;
  height: 24px !important;
  font-size: 0.75rem;
  text-align: -webkit-center;
  padding-top: 2px;
}

.avatar-xs.avatar-raised {
  margin-top: -12px;
}

.avatar-group .avatar {
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
}

.avatar-group .avatar:hover {
  z-index: 3;
}

.avatar-group .avatar+.avatar {
  margin-left: -1.5rem;
}




/* BADGE */
.badge.bg-primary {
  background: #36587c;
}

.badge.bg-secondary {
  background: #7b809a;
}

.badge.bg-success {
  background: #4CAF50;
}

.badge.bg-info {
  background: #1A73E8;
}

.badge.bg-warning {
  background: #fb8c00;
}

.badge.bg-danger {
  background: #F44335;
}

.badge.bg-light {
  background: #f0f2f5;
}

.badge.bg-dark {
  background: #344767;
}

.badge.bg-white {
  background: #fff;
}

.badge {
  text-transform: uppercase;
}





/* BUTTONS */
.btn {
  margin-bottom: 1rem;
  letter-spacing: 0;
  text-transform: uppercase;
  background-size: 150%;
  background-position-x: 25%;
  position: relative;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
}

.btn:hover{
  border-color: #36587c;
}

.btn:not([class*="btn-outline-"]) {
  border: 0;
}

.btn:active,
.btn:active:focus,
.btn:active:hover {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
  transform: none;
  opacity: 0.85;
}

.btn.bg-white:hover {
  color: #7b809a;
}

.btn-link {
  color: #36587c;
}

.btn.btn-link {
  box-shadow: none;
  font-weight: 700;
}

.btn.btn-link:hover,
.btn.btn-link:focus {
  box-shadow: none;
}

.btn.btn-round {
  border-radius: 1.875rem;
}

.btn.btn-icon-only {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.7rem 0.7rem;
}

.btn.btn-sm.btn-icon-only,
.btn-group-sm>.btn.btn-icon-only {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.3rem 0.3rem;
}

.btn.btn-sm i,
.btn-group-sm>.btn i {
  font-size: 0.5rem;
}

.btn.btn-lg.btn-icon-only,
.btn-group-lg>.btn.btn-icon-only {
  width: 3.25rem;
  height: 3.25rem;
  padding: 1rem 1rem;
}

.btn.btn-lg i,
.btn-group-lg>.btn i {
  font-size: 1.2rem;
  position: relative;
  top: 0px;
}

.btn.btn-rounded {
  border-radius: 1.875rem;
}

.btn .material-icons {
  vertical-align: middle;
  margin-top: -1px;
  font-size: 1.1rem;
  display: inline-block;
  top: 0;
}

.btn-check:checked+.btn svg .color-background {
  fill: #fff;
}

.btn-check:checked+.btn:hover svg .color-background {
  fill: #344767;
}


.btn.btn-primary{
  background-color:#344767;
}


.icon-move-right i {
  transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
}

.icon-move-right:hover i,
.icon-move-right:focus i {
  transform: translateX(5px);
}

.icon-move-left i {
  transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
}

.icon-move-left:hover i,
.icon-move-left:focus i {
  transform: translateX(-5px);
}

.btn-outline-primary {
  --bs-btn-color: #36587c;
  --bs-btn-border-color: #36587c;
}

.btn-primary,
.btn.bg-gradient-primary {
  box-shadow: 0 3px 3px 0 rgba(58, 87, 210, 0.15), 0 3px 1px -2px rgba(58, 87, 210, 0.2), 0 1px 5px 0 rgba(58, 87, 210, 0.15);
}

.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  background-color: #36587c;
  border-color: #36587c;
  box-shadow: 0 14px 26px -12px rgba(58, 87, 210, 0.4), 0 4px 23px 0 rgba(58, 87, 210, 0.15), 0 8px 10px -5px rgba(58, 87, 210, 0.2);
}

.btn-primary .btn.bg-outline-primary,
.btn.bg-gradient-primary .btn.bg-outline-primary {
  border: 1px solid #36587c;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-primary.dropdown-toggle {
  color: color-yiq(#36587c);
  background-color: #36587c;
}

.btn-primary.focus,
.btn-primary:focus,
.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
  color: #fff;
}

.btn-outline-primary {
  box-shadow: none;
}

.btn-outline-primary:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #36587c;
}

.btn-secondary,
.btn.bg-gradient-secondary {
  box-shadow: 0 3px 3px 0 rgba(128, 128, 154, 0.15), 0 3px 1px -2px rgba(128, 128, 154, 0.2), 0 1px 5px 0 rgba(128, 128, 154, 0.15);
}

.btn-secondary:hover,
.btn.bg-gradient-secondary:hover {
  background-color: #7b809a;
  border-color: #7b809a;
  box-shadow: 0 14px 26px -12px rgba(128, 128, 154, 0.4), 0 4px 23px 0 rgba(128, 128, 154, 0.15), 0 8px 10px -5px rgba(128, 128, 154, 0.2);
}

.btn-secondary .btn.bg-outline-secondary,
.btn.bg-gradient-secondary .btn.bg-outline-secondary {
  border: 1px solid #7b809a;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-secondary.dropdown-toggle {
  color: color-yiq(#7b809a);
  background-color: #7b809a;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn.bg-gradient-secondary.focus,
.btn.bg-gradient-secondary:focus {
  color: #fff;
}

.btn-outline-secondary {
  box-shadow: none;
}

.btn-outline-secondary:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #7b809a;
}

.btn-success,
.btn.bg-gradient-success {
  box-shadow: 0 3px 3px 0 rgba(76, 175, 80, 0.15), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.15);
}

.btn-success:hover,
.btn.bg-gradient-success:hover {
  background-color: #4CAF50;
  border-color: #4CAF50;
  box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.4), 0 4px 23px 0 rgba(76, 175, 80, 0.15), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

.btn-success .btn.bg-outline-success,
.btn.bg-gradient-success .btn.bg-outline-success {
  border: 1px solid #4CAF50;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.btn.bg-gradient-success:not(:disabled):not(.disabled).active,
.btn.bg-gradient-success:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-success.dropdown-toggle {
  color: color-yiq(#4CAF50);
  background-color: #4CAF50;
}

.btn-success.focus,
.btn-success:focus,
.btn.bg-gradient-success.focus,
.btn.bg-gradient-success:focus {
  color: #fff;
}

.btn-outline-success {
  box-shadow: none;
}

.btn-outline-success:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #4CAF50;
}

.btn-info,
.btn.bg-gradient-info {
  box-shadow: 0 3px 3px 0 rgba(26, 115, 232, 0.15), 0 3px 1px -2px rgba(26, 115, 232, 0.2), 0 1px 5px 0 rgba(26, 115, 232, 0.15);
}

.btn-info:hover,
.btn.bg-gradient-info:hover {
  background-color: #1A73E8;
  border-color: #1A73E8;
  box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2);
}

.btn-info .btn.bg-outline-info,
.btn.bg-gradient-info .btn.bg-outline-info {
  border: 1px solid #1A73E8;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle,
.btn.bg-gradient-info:not(:disabled):not(.disabled).active,
.btn.bg-gradient-info:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-info.dropdown-toggle {
  color: color-yiq(#1A73E8);
  background-color: #1A73E8;
}

.btn-info.focus,
.btn-info:focus,
.btn.bg-gradient-info.focus,
.btn.bg-gradient-info:focus {
  color: #fff;
}

.btn-outline-info {
  box-shadow: none;
}

.btn-outline-info:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #1A73E8;
}

.btn-warning,
.btn.bg-gradient-warning {
  box-shadow: 0 3px 3px 0 rgba(251, 140, 0, 0.15), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.15);
}

.btn-warning:hover,
.btn.bg-gradient-warning:hover {
  background-color: #fb8c00;
  border-color: #fb8c00;
  box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.4), 0 4px 23px 0 rgba(251, 140, 0, 0.15), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
}

.btn-warning .btn.bg-outline-warning,
.btn.bg-gradient-warning .btn.bg-outline-warning {
  border: 1px solid #fb8c00;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.btn.bg-gradient-warning:not(:disabled):not(.disabled).active,
.btn.bg-gradient-warning:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-warning.dropdown-toggle {
  color: color-yiq(#fb8c00);
  background-color: #fb8c00;
}

.btn-warning.focus,
.btn-warning:focus,
.btn.bg-gradient-warning.focus,
.btn.bg-gradient-warning:focus {
  color: #fff;
}

.btn-outline-warning {
  box-shadow: none;
}

.btn-outline-warning:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #fb8c00;
}

.btn-danger,
.btn.bg-gradient-danger {
  box-shadow: 0 3px 3px 0 rgba(244, 67, 53, 0.15), 0 3px 1px -2px rgba(244, 67, 53, 0.2), 0 1px 5px 0 rgba(244, 67, 53, 0.15);
}

.btn-danger:hover,
.btn.bg-gradient-danger:hover {
  background-color: #F44335;
  border-color: #F44335;
  box-shadow: 0 14px 26px -12px rgba(244, 67, 53, 0.4), 0 4px 23px 0 rgba(244, 67, 53, 0.15), 0 8px 10px -5px rgba(244, 67, 53, 0.2);
}

.btn-danger .btn.bg-outline-danger,
.btn.bg-gradient-danger .btn.bg-outline-danger {
  border: 1px solid #F44335;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn.bg-gradient-danger:not(:disabled):not(.disabled).active,
.btn.bg-gradient-danger:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-danger.dropdown-toggle {
  color: color-yiq(#F44335);
  background-color: #F44335;
}

.btn-danger.focus,
.btn-danger:focus,
.btn.bg-gradient-danger.focus,
.btn.bg-gradient-danger:focus {
  color: #fff;
}

.btn-outline-danger {
  box-shadow: none;
}

.btn-outline-danger:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #F44335;
}

.btn-light,
.btn.bg-gradient-light {
  box-shadow: 0 3px 3px 0 rgba(240, 242, 245, 0.15), 0 3px 1px -2px rgba(240, 242, 245, 0.2), 0 1px 5px 0 rgba(240, 242, 245, 0.15);
}

.btn-light:hover,
.btn.bg-gradient-light:hover {
  background-color: #f0f2f5;
  border-color: #f0f2f5;
  box-shadow: 0 14px 26px -12px rgba(240, 242, 245, 0.4), 0 4px 23px 0 rgba(240, 242, 245, 0.15), 0 8px 10px -5px rgba(240, 242, 245, 0.2);
}

.btn-light .btn.bg-outline-light,
.btn.bg-gradient-light .btn.bg-outline-light {
  border: 1px solid #f0f2f5;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn.bg-gradient-light:not(:disabled):not(.disabled).active,
.btn.bg-gradient-light:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-light.dropdown-toggle {
  color: color-yiq(#f0f2f5);
  background-color: #f0f2f5;
}

.btn-outline-light {
  box-shadow: none;
}

.btn-outline-light:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #f0f2f5;
}

.btn-dark,
.btn.bg-gradient-dark {
  box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15);
}

.btn-dark:hover,
.btn.bg-gradient-dark:hover {
  background-color: #344767;
  border-color: #344767;
  box-shadow: 0 14px 26px -12px rgba(52, 71, 103, 0.4), 0 4px 23px 0 rgba(52, 71, 103, 0.15), 0 8px 10px -5px rgba(52, 71, 103, 0.2);
}

.btn-dark .btn.bg-outline-dark,
.btn.bg-gradient-dark .btn.bg-outline-dark {
  border: 1px solid #344767;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle,
.btn.bg-gradient-dark:not(:disabled):not(.disabled).active,
.btn.bg-gradient-dark:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-dark.dropdown-toggle {
  color: color-yiq(#344767);
  background-color: #344767;
}

.btn-dark.focus,
.btn-dark:focus,
.btn.bg-gradient-dark.focus,
.btn.bg-gradient-dark:focus {
  color: #fff;
}

.btn-outline-dark {
  box-shadow: none;
}

.btn-outline-dark:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #344767;
}

.btn-white,
.btn.bg-gradient-white {
  box-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.15);
}

.btn-white:hover,
.btn.bg-gradient-white:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.4), 0 4px 23px 0 rgba(255, 255, 255, 0.15), 0 8px 10px -5px rgba(255, 255, 255, 0.2);
}

.btn-white .btn.bg-outline-white,
.btn.bg-gradient-white .btn.bg-outline-white {
  border: 1px solid #fff;
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle,
.btn.bg-gradient-white:not(:disabled):not(.disabled).active,
.btn.bg-gradient-white:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-white.dropdown-toggle {
  color: color-yiq(#fff);
  background-color: #fff;
}

.btn-outline-white {
  box-shadow: none;
}

.btn-outline-white:hover:not(.active) {
  background-color: transparent;
  opacity: .75;
  box-shadow: none;
  color: #fff;
}

.btn-outline-white {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.1);
}

.btn-primary,
.btn.bg-gradient-primary {
  color: #fff;
}

.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  color: #fff;
}

.btn-secondary,
.btn.bg-gradient-secondary {
  color: #fff;
}

.btn-secondary:hover,
.btn.bg-gradient-secondary:hover {
  color: #fff;
}

.btn-danger,
.btn.bg-gradient-danger {
  color: #fff;
}

.btn-danger:hover,
.btn.bg-gradient-danger:hover {
  color: #fff;
}

.btn-info,
.btn.bg-gradient-info {
  color: #fff;
}

.btn-info:hover,
.btn.bg-gradient-info:hover {
  color: #fff;
}

.btn-success,
.btn.bg-gradient-success {
  color: #fff;
}

.btn-success:hover,
.btn.bg-gradient-success:hover {
  color: #fff;
}

.btn-warning,
.btn.bg-gradient-warning {
  color: #fff;
}

.btn-warning:hover,
.btn.bg-gradient-warning:hover {
  color: #fff;
}

.btn-dark,
.btn.bg-gradient-dark {
  color: #fff;
}

.btn-dark:hover,
.btn.bg-gradient-dark:hover {
  color: #fff;
}

.btn-light,
.btn.bg-gradient-light {
  color: #3A416F;
}

.btn-light:hover,
.btn.bg-gradient-light:hover {
  color: #3A416F;
}



/* BREADCRUMBS */

.breadcrumb-item {
  font-size: 0.875rem;
}

.breadcrumb-item.text-white::before {
  color: #fff;
}

.breadcrumb-dark {
  background-color: #344767;
}

.breadcrumb-dark .breadcrumb-item {
  font-weight: 600;
}

.breadcrumb-dark .breadcrumb-item a {
  color: #f8f9fa;
}

.breadcrumb-dark .breadcrumb-item a:hover {
  color: #fff;
}

.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before {
  color: #adb5bd;
}

.breadcrumb-dark .breadcrumb-item.active {
  color: #dee2e6;
}

.breadcrumb-links {
  padding: 0;
  margin: 0;
  background: transparent;
}





/* CARD */
.card {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.card[data-animation="true"] .card-header {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}

.card:hover[data-animation="true"] .card-header {
  -webkit-transform: translate3d(0, -50px, 0);
  -moz-transform: translate3d(0, -50px, 0);
  -o-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}

.card .card-header {
  padding: 1.5rem;
}

.card .card-body {
  /*color: #737373;*/
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  padding: 1.5rem;
}


.card.card-plain {
  background-color: transparent;
  box-shadow: none;
}

.card .card-footer {
  padding: 1.5rem;
  background-color: transparent;
}


.card.card-background {
  align-items: center;
}

.card.card-background .full-background {
  background-position: 50%;
  background-size: cover;
  margin-bottom: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0.75rem;
}

.card.card-background .card-body {
  color: #fff;
  position: relative;
  z-index: 2;
}

.card.card-background .card-body .content-center,
.card.card-background .card-body .content-left {
  min-height: 330px;
  max-width: 450px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.card.card-background .card-body .content-center {
  text-align: center;
}

.card.card-background .card-body.body-left {
  width: 90%;
}

.card.card-background .card-body .author .name span,
.card.card-background .card-body .author .name .stats {
  color: #fff;
}

.card.card-background:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
  content: "";
  background: rgba(0, 0, 0, 0.56);
  border-radius: 0.75rem;
}

.card.card-background.card-background-mask-primary:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-primary:after {
  background-image: linear-gradient(195deg, #4040ec 0%, #36587c 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-secondary:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-secondary:after {
  background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-success:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-success:after {
  background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-info:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-info:after {
  background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-warning:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-warning:after {
  background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-danger:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-danger:after {
  background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-light:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-light:after {
  background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
  opacity: .85;
}

.card.card-background.card-background-mask-dark:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-dark:after {
  background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
  opacity: .85;
}

.card.card-background .card-category {
  font-size: 0.875rem;
  font-weight: 600;
}

.card.card-background .card-description {
  margin-top: 24px;
  margin-bottom: 24px;
}


.rotating-card-container .card .back:after,
.rotating-card-container .card .front:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  border-radius: 0.5rem;
  background-image: linear-gradient(195deg, #4040ec, #36587c);
  opacity: .85;
}




/* ACCORDION */
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}


/* FLATPICK CALENDAR */
.flatpickr-calendar .flatpickr-day.today,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
  background: #36587c !important;
}



/* DARK VERSION MODS */
.dark-version {
  background-color: #1a2035 !important;
}

.dark-version .main-content, .dark-version .main-content-designer  {
  background-color: #1a2035 !important;
}

.dark-version .sidenav {
  background: #1f283e !important;
}


.dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i {
  color: #344767 !important;
}

.dark-version .sidenav.bg-white .collapse .nav-item h6,
.dark-version .sidenav.bg-white .collapse .nav-item .h6 {
  color: #344767 !important;
}



.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i,
.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text {
  color: #344767 !important;
}


.dark-version .fixed-plugin .btn.active {
  background: #fff !important;
  color: #344767 !important;
}


.dark-version .dropdown .dropdown-menu:before {
  color: #202940;
}

.dark-version .dropdown .dropdown-menu .dropdown-item:hover,
.dark-version .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #1a2035 !important;
}



.dark-version .input-group.input-group-dynamic .form-control,
.dark-version .input-group.input-group-static .form-control {
  background-image: linear-gradient(0deg, #36587c 2px, rgba(156, 39, 176, 0) 0), 
  linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important;
  background-size: 0 100%, 100% 100%;
}



.dark-version .input-group.input-group-outline .form-control {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.dark-version .input-group .is-valid,
.dark-version .input-group .is-invalid {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.dark-version .accordion .accordion-button {
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #fff;
  opacity: .8;
}

.dark-version .table> :not(caption)>*>* {
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}


.dark-version .nav.bg-white {
  background-color: #202940 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.dark-version .nav .nav-link[data-scroll]:hover {
  color: #344767 !important;
}

.dark-version .toast {
  background-color: #202940 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}


.dark-version .choices .choices__input {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}

.dark-version .choices .choices__list.choices__list--dropdown {
  background: #202940;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.dark-version .fc-theme-standard td,
.dark-version .fc-theme-standard th {
  border-color: rgba(20, 25, 26, 0.3);
}


.dark-version .ql-snow .ql-stroke {
  stroke: #f0f2f5;
}

.dark-version .ql-snow .ql-fill,
.dark-version .ql-snow .ql-stroke.ql-fill {
  fill: #f0f2f5;
}

.dark-version .ql-toolbar.ql-snow .ql-picker-label {
  color: #f0f2f5;
}





/* DROPDOWN */
@media (min-width: 992px) {

  .dropdown .dropdown-toggle:after,
  .dropup .dropdown-toggle:after,
  .dropstart .dropdown-toggle:after,
  .dropend .dropdown-toggle:after {
    content: "\0046";
    font: normal normal normal 12px/1 grivas;
    border: none;
    vertical-align: sub;
    font-weight: 600;
	  padding-left: 2px;
  }


}






/* FIXED PLUGIN */
.fixed-plugin .badge:hover,
.fixed-plugin .badge.active {
  border-color: #344767;
}

.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) {
  background-color: transparent;
  background-image: none;
  border: 1px solid #344767;
  color: #344767;
}






/* INPUT FORMS */

.input-group.input-group-outline.is-focused .form-label{
  color:#36587c;
}


.input-group.input-group-dynamic .form-control,
.input-group.input-group-dynamic .form-control:focus,
.input-group.input-group-static .form-control,
.input-group.input-group-static .form-control:focus {
  background-image: linear-gradient(0deg, #36587c 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
  border-radius: 0 !important;
}


.input-group.input-group-dynamic .form-control[disabled],
.input-group.input-group-static .form-control[disabled] {
  background-image: linear-gradient(0deg, #36587c 2px, rgba(156, 39, 176, 0) 0), 
  linear-gradient(0deg, #f0f2f5 1px, rgba(209, 209, 209, 0) 0) !important;
}


.input-group.input-group-dynamic.is-focused label,
.input-group.input-group-static.is-focused label {
  color: #36587c;
}


.input-group.input-group-dynamic.is-focused.is-valid .form-control,
.input-group.input-group-dynamic.is-focused.is-valid .form-control:focus,
.input-group.input-group-static.is-focused.is-valid .form-control,
.input-group.input-group-static.is-focused.is-valid .form-control:focus {
  background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), 
  linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
  border-radius: 0 !important;
}


.input-group.input-group-outline.is-focused .form-label+.form-control,
.input-group.input-group-outline.is-filled .form-label+.form-control {
  border-color: #36587c !important;
  border-top-color: transparent !important;
  box-shadow: inset 1px 0 #36587c, inset -1px 0 #36587c, inset 0 -1px #36587c;
}


.input-group.input-group-outline.is-focused .form-label:before,
.input-group.input-group-outline.is-focused .form-label:after,
.input-group.input-group-outline.is-filled .form-label:before,
.input-group.input-group-outline.is-filled .form-label:after {
  border-top-color: #36587c;
  box-shadow: inset 0 1px #36587c;
}








/* FORMS */

[role="button"] .form-check-input:checked[type="checkbox"] {
  background-image: linear-gradient(195deg, #42424a 0%, #42424a 100%);
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"],
.form-check:not(.form-switch) .form-check-input[type="radio"] {
  border: 1px solid #aeb6c3;
  position: relative;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked,
.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
  border-color: #36587c;
}

.form-check:not(.form-switch) .form-check-input-info[type="radio"]:checked { border-color: #1A73E8; }
.form-check:not(.form-switch) .form-check-input-secondary[type="radio"]:checked { border-color: #7b809a; }
.form-check:not(.form-switch) .form-check-input-warning[type="radio"]:checked { border-color: #fb8c00; }
.form-check:not(.form-switch) .form-check-input-danger[type="radio"]:checked { border-color: #F44335; }
.form-check:not(.form-switch) .form-check-input-success[type="radio"]:checked { border-color: #4CAF50; }


.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
  transition: opacity 0.25s ease-in-out;
  font-family: "grivas";
  content: "\006b";
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.67rem;
  opacity: 0;
}


.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
  background: #36587c;
}


.form-check:not(.form-switch) .form-check-input[type="radio"]:after {
  width: 0.7100rem;
  height: 0.7100rem;
}


.form-check:not(.form-switch) .form-check-input[type="radio"]:after 			{ background-color: #36587c; }
.form-check:not(.form-switch) .form-check-input-info[type="radio"]:after 		{ background-color: #1A73E8; }
.form-check:not(.form-switch) .form-check-input-secondary[type="radio"]:after { background-color: #7b809a; }
.form-check:not(.form-switch) .form-check-input-warning[type="radio"]:after 	{ background-color: #fb8c00; }
.form-check:not(.form-switch) .form-check-input-danger[type="radio"]:after 		{ background-color: #F44335; }
.form-check:not(.form-switch) .form-check-input-success[type="radio"]:after 	{ background-color: #4CAF50; }


.form-switch .form-check-input {
  background-color: #ced4da;
}

.form-switch .form-check-input:after {
  border: 1px solid #ced4da;
  position: absolute;
}


.form-switch .form-check-input.danger-on-close{ background-color: rgb(244, 67, 53, 1); }
.form-switch .form-check-input.danger-on-close:checked{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.danger-on-close:after { background-color: rgb(255, 184, 178); }
.form-switch .form-check-input.danger-on-close:checked:after { background-color: #fff; }

.form-switch .form-check-input.danger-on-open{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.danger-on-open:checked{ background-color: rgb(244, 67, 53, 1);   }
.form-switch .form-check-input.danger-on-open:after {background-color: #fff;  }
.form-switch .form-check-input.danger-on-open:checked:after { background-color: rgb(255, 184, 178);}


.form-switch .form-check-input.success-on-close{ background-color: rgb(76, 175, 80); }
.form-switch .form-check-input.success-on-close:checked{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.success-on-close:after { background-color: rgb(144, 192, 147); }
.form-switch .form-check-input.success-on-close:checked:after { background-color: #fff; }

.form-switch .form-check-input.success-on-open{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.success-on-open:checked{ background-color: rgb(76, 175, 80);   }
.form-switch .form-check-input.success-on-open:after {background-color: #fff;  }
.form-switch .form-check-input.success-on-open:checked:after {  background-color: rgb(144, 192, 147);}

.form-switch .form-check-input.warning-on-close{ background-color: rgb(251, 140, 0); }
.form-switch .form-check-input.warning-on-close:checked{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.warning-on-close:after { background-color: rgb(255, 207, 147); }
.form-switch .form-check-input.warning-on-close:checked:after { background-color: #fff; }

.form-switch .form-check-input.warning-on-open{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.warning-on-open:checked{ background-color: rgb(251, 140, 0); }
.form-switch .form-check-input.warning-on-open:after {background-color: #fff;  }
.form-switch .form-check-input.warning-on-open:checked:after {  background-color: rgb(255, 207, 147);}

.form-switch .form-check-input.warning-on-close{ background-color: rgb(26, 115, 232); }
.form-switch .form-check-input.warning-on-close:checked{   border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.warning-on-close:after { background-color: rgb(142, 179, 229); }
.form-switch .form-check-input.warning-on-close:checked:after { background-color: #fff; }

.form-switch .form-check-input.warning-on-open{ border-color: #42424a; background-color: #42424a; }
.form-switch .form-check-input.warning-on-open:checked{ background-color: rgb(26, 115, 232); }
.form-switch .form-check-input.warning-on-open:after {background-color: #fff; }
.form-switch .form-check-input.warning-on-open:checked:after { background-color: rgb(142, 179, 229);}


.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right .75rem center;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.form-select.level-list{
  min-height:14em;
}

label,
.form-label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #7b809a;
  margin-left: 0.25rem;
  padding-top:1px;
  
}



.input-group .form-control:blur {
    background-color: white;
	
}


.input-group .input-group-text i {
  color: #6c757d;
}

.footer .nav-link {
  color: #344767;
}



/* BACKGROUND GRADIENTS */

.bg-gradient-primary {
  background-image: linear-gradient(195deg, #7191b3 0%, #36587c 100%);
}

.bg-gradient-faded-primary {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(58, 87, 210, 0.6) 0, #c1134e 100%);
}

.bg-gradient-faded-secondary {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(128, 154, 0.6) 0, #626780 100%);
}

.bg-gradient-faded-success {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%);
}

.bg-gradient-faded-info {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%);
}

.bg-gradient-faded-warning {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%);
}

.bg-gradient-faded-danger {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%);
}

.bg-gradient-faded-light {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%);
}

.bg-gradient-faded-dark {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%);
}

.bg-gradient-faded-white {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%);
}

.bg-gradient-faded-primary-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(58, 87, 210, 0.3) 0, #36587c 100%);
}

.bg-gradient-faded-secondary-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(128, 154, 0.3) 0, #7b809a 100%);
}

.bg-gradient-faded-success-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, 0.3) 0, #4CAF50 100%);
}

.bg-gradient-faded-info-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, 0.3) 0, #1A73E8 100%);
}

.bg-gradient-faded-warning-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, 0.3) 0, #fb8c00 100%);
}

.bg-gradient-faded-danger-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, 0.3) 0, #F44335 100%);
}

.bg-gradient-faded-light-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%);
}

.bg-gradient-faded-dark-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%);
}

.bg-gradient-faded-white-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%);
}


svg.text-primary .color-foreground {
  fill: #4040ec;
}

svg.text-primary .color-background {
  fill: #36587c;
}



.blur {
  box-shadow: inset 0px 0px 2px #fefefed1;
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.blur.saturation-less {
  -webkit-backdrop-filter: saturate(20%) blur(30px);
  backdrop-filter: saturate(20%) blur(30px);
}


.shadow-blur {
  box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
}

.shadow-card {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.navbar-blur {
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
  background-color: rgba(255, 255, 255, 0.58) !important;
}

.blur-section {
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
}

.blur-section.blur-gradient-primary {
  background-image: linear-gradient(195deg, rgba(236, 64, 122, 0.95) 0%, rgba(216, 27, 96, 0.95) 100%);
}


*.gradient-animation {
  background: linear-gradient(-45deg, #49a3f1, #F44335, #fb8c00, #4040ec, #344767);
  background-size: 400% 400% !important;
  animation: gradient 10s ease infinite;
}



hr.vertical.light {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
}

hr.vertical.dark {
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent);
}

hr.vertical.gray-light {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}


hr.horizontal.light {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
}

hr.horizontal.dark {
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent);
}

hr.horizontal.gray-light {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}



.choices .choices__list.choices__list--single,
.choices .choices__list.choices__list--single:focus {
  background-image: linear-gradient(0deg, #36587c 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
}



@media (min-width: 1200px) {
  .g-sidenav-hidden.rtl .main-content, .g-sidenav-hidden.rtl .main-content-designer {
    margin-right: 7rem !important;
  }
  .main-content-designer {
	  margin-right: 0.99rem !important;
  }
}



.navbar .navbar-brand {
  color: #344767;
  font-size: 0.875rem;
}

.navbar .nav-link {
  color: #344767;
}



.navbar .sidenav-toggler-inner .sidenav-toggler-line {
  background: #7b809a;
}



.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
  background: #6c757d;
}




@media (max-width: 991.98px) {

  .navbar.navbar-transparent .navbar-collapse.show .nav-link,
  .navbar.navbar-transparent .navbar-collapse.show i {
    color: #344767;
  }

}


.navbar-vertical .navbar-brand>img,
.navbar-vertical .navbar-brand-img {
  max-height: 4rem;
}


.navbar-vertical .navbar-nav .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 300;
  color: #fff;
}

.navbar-vertical .navbar-nav .nav-link>i {
  min-width: 1.8rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
}


.navbar-vertical .navbar-nav .nav-sm .nav-link {
  font-size: 0.8125rem;
}


.navbar-vertical.navbar-expand-xs {
  max-width: 15.625rem !important;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
  height: calc(100vh - 150px);
}



.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
  margin: 0 1rem;
  margin-bottom: 1.5px;
}



.navbar-vertical.navbar-expand-xs .lavalamp-object {
  color: color-yiq(#36587c);
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
  padding-left: 15px;
}


/*.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active {
}*/


@media (min-width: 576px) {
  .navbar-vertical.navbar-expand-sm {
    max-width: 15.625rem !important;
  }

  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    display: block;
    overflow: auto;
    height: calc(100vh - 360px);
  }

}



@media (min-width: 576px) {

  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin: 0 1rem;
    margin-bottom: 1.5px;
  }

  .navbar-vertical.navbar-expand-sm .lavalamp-object {
    color: color-yiq(#36587c);
  }

  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}



@media (min-width: 768px) {
  .navbar-vertical.navbar-expand-md {
    max-width: 15.625rem !important;
  }

  .navbar-vertical.navbar-expand-md .navbar-collapse {
    height: calc(100vh - 360px);
  }

}



@media all and (min-width: 768px) and (-ms-high-contrast: none),
(min-width: 768px) and (-ms-high-contrast: active) {
  .navbar-vertical.navbar-expand-md>[class*="container"] {
    min-height: none;
    height: 100%;
  }
}



@media (min-width: 768px) {

  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin: 0 1rem;
  }

  .navbar-vertical.navbar-expand-md .lavalamp-object {
    color: color-yiq(#36587c);
  }

  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}



@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    max-width: 15.625rem !important;
  }

  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    height: calc(100vh - 360px);
  }

}



@media (min-width: 992px) {


  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin: 0 1rem;
    margin-bottom: 1.5px;
  }



  .navbar-vertical.navbar-expand-lg .lavalamp-object {
    color: color-yiq(#36587c);
  }

  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }


  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}



@media (min-width: 1200px) {
  .navbar-vertical.navbar-expand-xl {
    max-width: 15.625rem !important;
  }

  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    height: calc(100vh - 360px);
  }

}



@media (min-width: 1200px) {

  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin: 0 1rem;
    margin-bottom: 1.5px;
  }


  .navbar-vertical.navbar-expand-xl .lavalamp-object {
    color: color-yiq(#36587c);
  }

  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 15px;
  }


  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}




@media (min-width: 1400px) {
  .navbar-vertical.navbar-expand-xxl {
    max-width: 15.625rem !important;
  }

  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    height: calc(100vh - 360px);
  }

}



@media (min-width: 1400px) {

  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin: 0 1rem;
    margin-bottom: 1.5px;
  }

  .navbar-vertical.navbar-expand-xxl .lavalamp-object {
    color: color-yiq(#36587c);
  }

  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 15px;
  }

  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
  background-image: linear-gradient(195deg, #36587c 0%, #36587c 100%);
}


.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
  background-image: linear-gradient(195deg, #36587c 0%, #36587c 100%);
}

.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
  background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%);
}


.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
  background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%);
}


.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
  background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%);
}

.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
  background-color: rgba(199, 199, 199, 0.2);
}

.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
  background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%);
}

.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
  background-image: linear-gradient(195deg, #344767 0%, #344767 100%);
}

.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
  background-color: rgba(199, 199, 199, 0.2);
}

.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
  background-image: linear-gradient(195deg, #344767 0%, #344767 100%);
}

.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
  background-image: linear-gradient(195deg, #fff 0%, #fff 100%);
}



.sidenav {
  z-index: 900;
}

@media (min-width: 1200px) {
  .sidenav:hover {
    max-width: 15.625rem;
  }


  .sidenav.fixed-start+.main-content {
    margin-left: 17.125rem;
  }
  
  
  .sidenav.fixed-end+.main-content {
    margin-right: 17.125rem;
  }
}



.sidenav .navbar-brand {
  padding: 1.5rem 2rem;
}


@media (max-width: 1199.98px) {
  .g-sidenav-show.rtl .sidenav {
    transform: translateX(17.125rem);
  }

  .g-sidenav-show:not(.rtl) .sidenav {
    transform: translateX(-17.125rem);
  }

  .g-sidenav-show .sidenav.fixed-start+.main-content {
    margin-left: 0 !important;
  }

}



.navbar-vertical.bg-white {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}



.navbar-vertical .navbar-nav .nav-link.active {
  font-weight: 400;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}





@media (min-width: 1200px) {
  .g-sidenav-hidden.rtl .main-content, 
  .g-sidenav-hidden.rtl .main-content-designer {
    margin-right: 6rem !important;
  }

  .g-sidenav-hidden.rtl .navbar-vertical:hover {
    max-width: 15.625rem !important;
  }

  .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round {
    margin-right: 2px;
  }

  .g-sidenav-hidden.rtl .sidenav:hover+.main-content, 
  .g-sidenav-hidden.rtl .sidenav:hover+.main-content-designer  {
    margin-right: 17.125rem !important;
  }

  .g-sidenav-hidden .navbar-vertical {
    max-width: 6rem !important;
  }

  .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content, 
  .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content-designer {
    margin-left: 7.5rem;
  }



  .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .material-icons-round {
    margin-left: 2px;
  }


  .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon {
    min-width: 1.8rem;
    margin-left: 0.15rem !important;
  }

  .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after {
    content: "";
    opacity: 0;
  }


  .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link {
    margin-left: 1rem;
  }


  .g-sidenav-hidden .navbar-vertical:hover {
    max-width: 15.625rem !important;
  }

  .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content, 
  .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content-designer {
    margin-left: 17.125rem;
  }


}



.nav.nav-pills {
  background: #f8f9fa;
}



.nav.nav-pills .nav-link {
  color: #344767;
}



.nav.nav-pills .nav-link:hover:not(.active) {
  color: #344767;
}


.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active {
  background: #4040ec;
  color: #4040ec;
}


.nav-tabs .nav-link{
  color:#36587c;
}


.moving-tab .nav-link:hover:not(.active) {
  color: #344767;
}



.page-item .page-link,
.page-item span {
  color: #7b809a;
}



.pagination.pagination-primary .page-item.active>.page-link,
.pagination.pagination-primary .page-item.active>.page-link:focus,
.pagination.pagination-primary .page-item.active>.page-link:hover {
  background-image: linear-gradient(195deg, #4040ec 0%, #36587c 100%);
}



.table thead th {
  border-bottom: 1px solid #f0f2f5;
}



.table> :not(:last-child)> :last-child>* {
  border-bottom-color: #f0f2f5;
}



a {
  letter-spacing: 0rem;
  color: #344767;
}

.text-sm {
  line-height: 1.5;
}

.text-xs {
  line-height: 1.25;
}

p,.p {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
}

.text-xl {
  font-size: 1.40rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

.text-md {
  font-size: 1rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-xxs {
  font-size: 0.65rem !important;
}

p {
  line-height: 1.625;
  font-weight: 300;
}


.text-sans-serif {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}





.text-gradient.text-primary {
  background-image: linear-gradient(195deg, #4040ec, #36587c);
}

.text-gradient.text-info {
  background-image: linear-gradient(195deg, #49a3f1, #1A73E8);
}

.text-gradient.text-success {
  background-image: linear-gradient(195deg, #66BB6A, #43A047);
}

.text-gradient.text-warning {
  background-image: linear-gradient(195deg, #FFA726, #FB8C00);
}

.text-gradient.text-danger {
  background-image: linear-gradient(195deg, #EF5350, #E53935);
}

.text-gradient.text-dark {
  background-image: linear-gradient(195deg, #42424a, #191919);
}

.blockquote {
  border-left: 3px solid #6c757d;
}


.text-muted {
  color: #7b809a !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}



.toast-container{
   box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.39);
   -webkit-box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.39);
   -moz-box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.39);
}




.border-primary {
  border-color: #36587c !important;
}


.progress-bar{
  background-color:#36587c;
}