/*
primary RED #A93226

btn secondary #797D7F
*/

:root {
  --primary: #A93226;
  --secondary: #797D7F;
  --success: #50CD89; /*#35bb78;*/
  --info: #2E86C1; /*#05B4E1;*/
  --warning: #FAC14D;
  --danger: #FF4943;
  --grey: #B4B2C5;
  --dark: #2D2B3A;
  --light: #F6F5FC;
}
/*
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap");
  font-family: "Work Sans", sans-serif;
*/

html {
  overscroll-behavior: none;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #5d6778;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  height:100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

td,p,span {
 color: #212529;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  color: #212529;
  font-weight: 600;
}


li, a {
  cursor: pointer;
}


.min-vh-90 {
  min-height: 90vh !important;
}

.min-vh-85 {
  min-height: 80vh !important;
}

.min-vh-80 {
  min-height: 80vh !important;
}


.w-90 {
  width: 90% !important;
}

.w-80 {
  width: 80% !important;
}

.w-70 {
  width: 70% !important;
}

.w-60 {
  width: 60% !important;
}



.container-full {
  width: 100%;
  padding-right: 1%;
  padding-left: 1%;
  margin-right: auto;
  margin-left: auto;
}



.popover {
  max-width: 350px;
}

.popover-footer {
  text-align: right;
  padding: .5rem .75rem;
  background-color: #f7f7f7;
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: calc(.3rem - 1px);
  border-bottom-right-radius: calc(.3rem - 1px);
}






#admsidebar a.active {
  background-color: #F6F5FC !important;
}

#admsidebar a.active:hover,
#admsidebar a.active:focus {
  background-color: #EDECF5 !important;
}

#admsidebar a:hover {
  background-color: #F6F5FC !important;
}




a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}

a {
  color: #A93226;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
}

a:hover {
  color: #CD6155;
  text-decoration: underline;
  cursor: pointer;
}

.btn:hover {
  text-decoration: none;
  cursor: pointer;
}

.btn-sm:hover {
  text-decoration: none;
  cursor: pointer;
}

code {
  color: #59547c;
}

.strike {
  text-decoration: line-through;
}

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

.text-xs, .text-vsm {
  font-size: 12px !important;
}

.text-sm {
  font-size: 14px !important;
}

.text-ros {
  font-size: 0.9rem !important;
}

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

.text-lg {
  font-size: 18px !important;
}

.text-xl {
  font-size: 20px !important;
}
.text-bold {
  font-weight: bold;
}

.text-semibold {
    font-weight: 600;
}
.text-body {
  color: #5d6778!important;
}
.text-white {
  color: #fff !important;
}




/* Color systems */
.bg-primary {
  background-color: #A93226 !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #EC7063 !important;
}

.badge-primary {
  background-color: #A93226 !important;
}

.bg-accent {
  background-color: #FF3D85 !important;
}

a.bg-accent:hover,
a.bg-accent:focus {
  background-color: #e93577 !important;
}

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

a.bg-secondary:hover,
a.bg-secondary:focus {
  background-color: #59547c !important;
}

.bg-success {
  background-color: #35bb78 !important;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #28a868 !important;
}

.bg-info {
  background-color: #05B4E1 !important;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #07a2c8 !important;
}

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

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #ebb039 !important;
}

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

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e73832 !important;
}

.bg-grey {
  background-color: #8e8aad !important;
}

a.bg-grey:hover,
a.bg-grey:focus {
  background-color: #7d7a99 !important;
}

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

a.bg-light:hover,
a.bg-light:focus {
  background-color: #EDECF5 !important;
}

/*****************
*
*  NEW BG OPTIONS FOR PILLS
*
*****************/


.bg-pill-lightblue {
  background-color: #CAE4F3 !important;
}

.bg-pill-lightgreen {
  background-color: #CAF3D8 !important;
}

.bg-pill-lightpurple {
  background-color: #F3CAF2 !important;
}

.bg-pill-lightred {
  background-color: #F3CACC !important;
}

.bg-pill-lightyellow {
  background-color: #F2F3CA !important;
}

.bg-pill-lightorange {
  background-color: #F3DDCA !important;

}




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

a.bg-dark:hover,
a.bg-dark:focus {
  background-color: #1d1b25 !important;
}

.text-primary {
  color: #A93226 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  background-color: #EC7063 !important;
}

.text-accent {
  color: #FF3D85 !important;
}

a.text-accent:hover,
a.text-accent:focus {
  color: #e93577 !important;
}

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

a.text-secondary:hover,
a.text-secondary:focus {
  color: #59547c !important;
}

.text-success {
  color: #35bb78 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #28a868 !important;
}

.text-info {
  color: #05B4E1 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #07a2c8 !important;
}

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

a.text-warning:hover,
a.text-warning:focus {
  color: #ebb039 !important;
}

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

a.text-danger:hover,
a.text-danger:focus {
  color: #e73832 !important;
}

.text-grey {
  color: #89898a !important;
}

a.text-grey:hover,
a.text-grey:focus {
  color: #6d6d6d !important;
}

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

a.text-light:hover,
a.text-light:focus {
  color: #EDECF5 !important;
}

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

a.text-dark:hover,
a.text-dark:focus {
  color: #1d1b25 !important;
}

.text-body {
  color: #3f3d4d !important;
}

.border-round {
  border-radius: 6px;
}


.border-outline {
  border-color: #ccc !important;
}

.border {
  border-color: #e9e8f5 !important;
}

.border-top {
  border-top-color: #e9e8f5 !important;
}

.border-right {
  border-right-color: #e9e8f5 !important;
}

.border-bottom {
  border-bottom-color: #e9e8f5 !important;
}

.border-left {
  border-left-color: #e9e8f5 !important;
}

.border-left-decoration {
  border-left: 6px solid #A93226 !important;
}

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

.border-accent {
  border-color: #FF3D85 !important;
}

.border-secondary {
  border-color: #212529 !important;
}

.border-success {
  border-color: #35bb78 !important;
}

.border-info {
  border-color: #05B4E1 !important;
}

.border-warning {
  border-color: #FAC14D !important;
}

.border-danger {
  border-color: #FF4943 !important;
}

.border-grey {
  border-color: #B4B2C5 !important;
}

.border-light {
  border-color: #F6F5FC !important;
}

.border-dark {
  border-color: #2D2B3A !important;
}



.bg-label-primary {
  background-color: #a9312660 !important;
  color: #A93226 !important
}


.bg-label-secondary {
  background-color: #ebeef0 !important;
  color: #8592a3 !important
}

.border-label-secondary {
  border: 3px solid #ced3da
}

.border-light-secondary {
  border: 3px solid rgba(133,146,163,.08)
}

.bg-label-success {
  background-color: #e8fadf !important;
  color: #71dd37 !important
}

.border-label-success {
  border: 3px solid #c6f1af
}

.border-light-success {
  border: 3px solid rgba(113,221,55,.08)
}

.bg-label-info {
  background-color: #d7f5fc !important;
  color: #03c3ec !important
}

.border-label-info {
  border: 3px solid #9ae7f7
}

.border-light-info {
  border: 3px solid rgba(3,195,236,.08)
}

.bg-label-warning {
  background-color: #fff2d6 !important;
  color: #ffab00 !important
}

.border-label-warning {
  border: 3px solid #fd9
}

.border-light-warning {
  border: 3px solid rgba(255,171,0,.08)
}

.bg-label-danger {
  background-color: #ffe0db !important;
  color: #ff3e1d !important
}

.border-label-danger {
  border: 3px solid #ffb2a5
}

.border-light-danger {
  border: 3px solid rgba(255,62,29,.08)
}







.btn-vsm {
  font-size: 0.6rem;
}

/* Buttons */
.btn {
  transition: all .2s ease;
}

.btn:focus {
  box-shadow: none !important;
}

.btn-primary {
  color: #fff;
  background-color: #A93226;
  border-color: transparent;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #E6B0AA;
  border-color: transparent;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #A93226;
  border-color: #e64f40;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}




.btn-secondary {
  color: #fff;
  background-color: #797D7F;
  border-color: transparent;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #785551;
  border-color: transparent;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #D7DBDD;
  border-color: #59547c;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}



















.btn-success {
  color: #fff;
  background-color: #35bb78;
  border-color: transparent;
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a868;
  border-color: transparent;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #35bb78;
  border-color: #28a868;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-info {
  color: #fff;
  background-color: #05B4E1;
  border-color: transparent;
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #07a2c8;
  border-color: transparent;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #05B4E1;
  border-color: #07a2c8;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-warning {
  color: #343531;
  background-color: #FAC14D;
  border-color: transparent;
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #343531;
  background-color: #ebb039;
  border-color: transparent;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
  color: #343531;
  background-color: #FAC14D;
  border-color: #ebb039;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-danger {
  color: #fff;
  background-color: #ff4c4c;/*#FF4943;*/
  border-color: transparent;
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #e73832;
  border-color: transparent;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff4c4c;
  border-color: #e73832;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-light {
  color: #8e8aad;
  background-color: #F5F9F6;
  border-color: transparent;
}

.btn-light:hover {
  color: #8e8aad;
  background-color: #F6F5FC;
  border-color: transparent;
}

.btn-light:focus,
.btn-light.focus {
  color: #8e8aad;
  background-color: #d5dfdc;
  border-color: transparent;
  box-shadow: none;
}

.btn-light.disabled,
.btn-light:disabled {
  color: #8e8aad;
  background-color: #d0ddd9;
  border-color: transparent;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
  color: #8e8aad;
  background-color: #F5F9F6;
  border-color: #d0ddd9;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-dark {
  color: #fff;
  background-color: #2D2B3A;
  border-color: transparent;
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #1d1b25;
  border-color: transparent;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #2D2B3A;
  border-color: #1d1b25;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #CD6155;
  border-color: transparent;
}

.btn-accent:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-dark:hover {
  color: #fff;
  border-color: transparent;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #A93226;
  border-color: transparent;
  box-shadow: none;
}

.btn-accent:focus,
.btn-accent.focus,
.btn-success:focus,
.btn-success.focus,
.btn-info:focus,
.btn-info.focus,
.btn-warning:focus,
.btn-warning.focus,
.btn-danger:focus,
.btn-danger.focus,
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}

.btn-outline {
  border-color: #797D7F;
  color: #797D7F;
}

.btn-outline:hover {
  background-color: #f8f9f9;
}

.btn-outline-primary {
  color: #A93226;
  border-color: #A93226;
}

.btn-outline-primary:hover {
  /*
  background-color: #e4aaa3;
  */
  color: #fff;
  background-color: #A93226;
  border-color: transparent;
}

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

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #A93226;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
 /* background-color: #e4aaa3;*/
 background-color: #A93226;
  border-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-accent {
  color: #FF3D85;
  border-color: #FF3D85;
}

.btn-outline-accent:hover {
  color: #fff;
  background-color: #FF3D85;
  border-color: #FF3D85;
}

.btn-outline-accent:focus,
.btn-outline-accent.focus {
  box-shadow: none;
}

.btn-outline-accent.disabled,
.btn-outline-accent:disabled {
  color: #FF3D85;
  background-color: transparent;
}

.btn-outline-accent:not(:disabled):not(.disabled):active,
.btn-outline-accent:not(:disabled):not(.disabled).active,
.show>.btn-outline-accent.dropdown-toggle {
  color: #fff;
  background-color: #FF3D85;
  border-color: #FF3D85;
}

.btn-outline-accent:not(:disabled):not(.disabled):active:focus,
.btn-outline-accent:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-accent.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-secondary {
  color: #212529;
  border-color: #ABB2B9;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #ABB2B9;
  border-color: #ABB2B9;
}

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

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #212529;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ABB2B9;
  border-color: #ABB2B9;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-success {
  color: #35bb78;
  border-color: #35bb78;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #35bb78;
  border-color: #35bb78;
}

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

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #35bb78;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #35bb78;
  border-color: #35bb78;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-info {
  color: #05B4E1;
  border-color: #05B4E1;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #05B4E1;
  border-color: #05B4E1;
}

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

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #05B4E1;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #05B4E1;
  border-color: #05B4E1;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-warning {
  color: #FAC14D;
  border-color: #FAC14D;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #FAC14D;
  border-color: #FAC14D;
}

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

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #FAC14D;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #FAC14D;
  border-color: #FAC14D;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-danger {
  color: #FF4943;
  border-color: #FF4943;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #FF4943;
  border-color: #FF4943;
}

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

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #FF4943;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #FF4943;
  border-color: #FF4943;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-light {
  color: #F6F5FC;
  border-color: #F6F5FC;
}

.btn-outline-light:hover {
  color: #343531;
  background-color: #F6F5FC;
  border-color: #F6F5FC;
}

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

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #F6F5FC;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
  color: #343531;
  background-color: #F6F5FC;
  border-color: #F6F5FC;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-dark {
  color: #2D2B3A;
  border-color: #2D2B3A;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #2D2B3A;
  border-color: #2D2B3A;
}

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

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #2D2B3A;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #2D2B3A;
  border-color: #2D2B3A;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-link {
  font-weight: 400;
  color: #A93226;
  text-decoration: none;
}

.btn-link:hover {
  color: #CD6155;
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #212529;
  pointer-events: none;
}


.btn {
  padding: 8px 24px;
}

.breadcrumb {
  font-weight: 500;
  background-color: #f8f9fa;
}

.breadcrumb .breadcrumb-item.active {
  color: #666666;
}

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

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

.breadcrumb-dark .breadcrumb-item a:hover {
  color: #A93226;
  text-decoration: none;
}

.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
  content: "/";
}

.breadcrumb-dark .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.8);
}


.navbar {
  min-height: 70px;
  z-index: 1000;
}

.navbar-float {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(100, 95, 136, 0.15);
  z-index: 1070;
}

.navbar.sticky {
  z-index: 1080;
}

.navbar.sticky.fixed~* {
  margin-top: 70px;
}

.navbar.sticky.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  animation: navTransition .5s ease;
  box-shadow: 0 2px 6px rgba(100, 95, 136, 0.15);
  z-index: 1080;
}

@keyframes navTransition {
  from {
    top: -100%;
  }

  to {
    top: 0;
  }
}

.navbar-brand {
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-nav {
  margin-top: 10px;
  border-top: 1px solid #e4e7ee;
  flex-shrink: 0;
}

.navbar-nav .nav-link {
  transition: all .2s ease;
}

.navbar-nav .btn {
  font-size: 14px;
}




.nav-tabs .nav-link {
  color: #495057;
}

.nav-tabs .nav-link.active {
  color: #A93226;
  background-color: #fff;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: #A93226;
  cursor: pointer;
  background-color: #fff;
  /*background-color: #fff;*/

}






.navbar-light .navbar-nav .nav-link {
  color: #797D7F;
}

.nav-link {
  color: #A93226;
  cursor: pointer;

}

/*
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #A93226;
  cursor: pointer;

}
*/
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  font-weight: 500;
  color: #A93226;
  border-bottom: 2px solid #A93226;
}

.nav-pills .nav-link {
  color: #797D7F;
  cursor: pointer;

}

.nav-pills .nav-link.active {
  font-weight: 500;
  color: #fff;
  background-color: #A93226;
}

.nav-pills .nav-link.active:hover {
/*  font-weight: 500;*/
  color: #fff;
  background-color: #A93226;
}


.navbar-new-bottom .nav-link:hover {
 /* font-weight: 500;*/
  border: 1px #A93226;
}

.navbar-new-bottom .navbar-nav .nav-link:hover,
.navbar-new-bottom .navbar-nav .nav-link:focus {
  color: #A93226;
}

.navbar-new-bottom .navbar-nav .nav-link.active:hover,
.navbar-new-bottom .navbar-nav .nav-link.active:focus {
  color: #fff;
}


@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav {
    margin-top: 0;
    border-top: none;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 16px;
    padding-left: 16px;
  }

  .navbar-expand-sm .navbar-nav {
    align-items: center;
  }

}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav {
    margin-top: 0;
    border-top: none;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 16px;
    padding-left: 16px;
  }

  .navbar-expand-md .navbar-nav {
    align-items: center;
  }

  .col-md-fixed {
    flex: 0 0 8.333%;
    max-width: 75px;
    min-width: 10px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    margin-top: 0;
    border-top: none;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 16px;
    padding-left: 16px;
  }

  .navbar-expand-lg .navbar-nav {
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav {
    margin-top: 0;
    border-top: none;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 16px;
    padding-left: 16px;
  }

  .navbar-expand-xl .navbar-nav {
    align-items: center;
  }
}




/*****************************************
*
*
*        NEW MOBILE NAV BAR
*
*
*
**********************************/








.app-nav-main {
  overflow-y: auto;
  scrollbar-color: rgba(0,0,0,.1) #e7e9ed;
  scrollbar-width: thin
}

.app-nav-main::-webkit-scrollbar {
  width: 6px;
  background-color: #e7e9ed
}

.app-nav-main::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.1);
  border-radius: .5rem
}


.app-nav {
  color: #5d6778;
  display: block;
  padding: 0;
  width: 100%
}

.app-nav .app-menu {
  margin-bottom: 0
}

.app-nav .anav-item {
  display: block;
  color: #5d6778;
  background: #fff
}

.app-nav .anav-link {
  display: block;
  padding: .875rem 1rem;
  color: #797D7F;/*#252930*/
  position: relative;
  display: block;
  padding-left: 3rem;
  border-left: 3px solid rgba(0,0,0,0)
}

.app-nav .anav-link.active {
  color: #A93226;
 /* background: rgba(169, 50, 38,0.1);*/
  border-left: 3px solid #A93226;
  font-weight: 500
}
.app-nav .anav-link.active span {
  color: #A93226;
  font-weight: 500;
}

.app-nav .anav-link.asubmenu-toggle.active {
  background: none;
  border-color: rgba(0,0,0,0)
}

.anav-link:hover span {
  color: #A93226; /*#252930*/
}

.app-nav .anav-icon {
  position: absolute;
  left: 1rem;
  top: .7rem
}

.app-nav .anav-icon .bi {
  width: 1.25rem;
  height: 1.25rem
}

.app-nav .asubmenu-arrow {
  position: absolute;
  right: 1rem;
  top: .7rem;
  color: #828d9f
}

.app-nav .asubmenu-arrow svg {
  width: 14px;
  height: 14px
}

.app-nav .asubmenu-toggle {
  transition: all .4s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
  .app-nav .asubmenu-toggle {
      transition: none
  }
}

.app-nav .asubmenu-toggle[aria-expanded=true] .asubmenu-arrow {
  color: #252930;
}

.app-nav .asubmenu-toggle[aria-expanded=true] .asubmenu-arrow svg {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}

.app-nav .asubmenu-item {
  margin-bottom: 0
}

.app-nav .asubmenu-link {
  color: #5d6778;
  font-size: .875rem;
  margin-left: 2rem;
  padding: .5rem 1rem;
  padding-left: 1rem;
  position: relative;
  display: block;
  margin-bottom: 0
}

.app-nav .asubmenu-link:before {
  background-color: #e7e9ed;
  content: " ";
  display: inline-block;
  height: inherit;
  left: 0;
  position: absolute;
  width: 2px;
  height: 100%;
  margin-top: -0.5rem
}

.app-nav .asubmenu-link:hover {
  color: #A93226; /*#252930*/
}

.app-nav .asubmenu-link.active {
  color: #A93226
}

.app-nav .asubmenu-link.active:before {
  background-color: #A93226
}










/*****************************************
*
*
*         NEW FORM CONTROLS
*
*
*
**********************************/

.form-control {
  padding: 8px 15px;
  /* height: calc(1.5em + 1.375rem + 2px);*/
  height: calc(1.5em + 1.375rem + 10px);
  border-color: #d6dbd9;
}



.custom-select {
  height: calc(1.5em + 1.375rem + 2px);
}

.custom-select:focus {
  color: #495057;
  border-color: #A93226;
  box-shadow: 0 0 0 .2rem rgba(169, 50, 38,0.2)
}


.custom-height {
  height: calc(1.5em + 1.375rem + 2px);
}


.custom-form-group label {
  /*
  margin-bottom:-10px;*/
  font-weight: 600;
  color: #252930;/*#898798*/
  font-size: 0.85rem;
}

.custom-form-error {
  padding-left: 10px;
  font-size: 12px !important;
}
.custom-form-error.error {
  color: #dc3545;
}

.custom-form-error.error::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  white-space: pre;
  font-family: "Font Awesome 6 Pro";
  content: "\f06a   ";
}


.custom-form-error.warning {
  
}

.custom-form {
  padding: 8px 15px;
  height: calc(1.0em + 1.175rem + 2px);
  border-color: #d6dbd9;
}

.custom-form:focus {
  color: #495057;
  border-color: #A93226;
  box-shadow: 0 0 0 .2rem rgba(169, 50, 38,0.2)
}



/* TODO */
.custom-form-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
  height: calc(1.5em + .5rem + 2px);
  border-color: #d6dbd9;
}







/*****************************************
*
*
*        //// NEW FORM CONTROLS
*
*
*
**********************************/



.page-link {
  margin-left: 5px;
  min-width: 40px;
  color: #B4B2C5;
  border: 1px solid #dee1e6;
  text-align: center;
  border-radius: 4px;
}

.page-link:hover {
  color: #212529;
  background-color: #F6F5FC;
  border-color: #dee1e6;
}

.page-link:focus {
  box-shadow: none;
}


.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #A93226;
  border-color: #A93226;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}








.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}









.img-place {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.img-place img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.bg-image {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-image>* {
  position: relative;
  z-index: 10;
}

.bg-image-parallax {
  background-attachment: fixed;
}

.bg-image-overlay-dark {
  position: relative;
}

.bg-image-overlay-dark::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #343531;
}

.bg-size-50 {
  background-size: 50% 50%;
}

.bg-size-75 {
  background-size: 75% 75%;
}

.bg-size-100 {
  background-size: 100% 100%;
}












.avatar {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.avatar-img {
  margin-right: 6px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}

.avatar-img img {
  width: 100%;
  height: 100%;
}








.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(224, 223, 233, 0.7);
  visibility: hidden;
  cursor: pointer;
  transition: all .2s ease;
  z-index: 1100;
}

.back-to-top::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -4px auto;
  width: 12px;
  height: 12px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.back-to-top:hover {
  background: #A93226;
}

.back-to-top:hover::after {
  border-color: #fff;
}

.hidden {
  display: none;
}




.page-section {
  position: relative;
  padding-top: 20px;
  padding-bottom: 200px;

  /*background-color: #fff;*/
  /*background-color: #F8F9F9; CURRENT */
  /*background-color: #F6F6F6;*/
  background: rgb(248, 249, 249);
  background: -moz-linear-gradient(180deg, rgba(248, 249, 249, 1) 19%, rgba(246, 246, 246, 1) 52%, rgba(204, 204, 204, 1) 92%);
  background: -webkit-linear-gradient(180deg, rgba(248, 249, 249, 1) 19%, rgba(246, 246, 246, 1) 52%, rgba(204, 204, 204, 1) 92%);
  background: linear-gradient(180deg, rgba(248, 249, 249, 1) 19%, rgba(246, 246, 246, 1) 52%, rgba(204, 204, 204, 1) 92%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f9f9", endColorstr="#cccccc", GradientType=1);


  /*
    background: url(/_source/images/bg2.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  */


  overflow: hidden;
}

.page-section-padded {
  padding-bottom: 100vh;
}

/*
.page-section p {
  color: #898798;
}

*/
.page-banner {
  position: relative;
  margin-top: 16px;
  margin-bottom: 16px;
  height: 320px;
  background-color: #F6F5FC;
  color: #212529;
  border-radius: 30px;
}

.page-banner.home-banner {
  margin-top: 100px;
  height: auto;
  background-color: #fff;
  border-radius: 0;
}

.page-banner.home-banner h1 {
  color: #2D2B3A;
}

.page-banner.home-banner .img-place {
  max-width: 400px;
  margin: 0 auto;
}

.page-banner.home-banner .btn-scroll {
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: auto;
  width: 26px;
  height: 40px;
  line-height: 44px;
  background-color: #fff;
  color: #212529;
  text-align: center;
  border-radius: 40px;
  box-shadow: 0 2px 6px rgba(100, 95, 136, 0.24);
  transition: all .2s ease;
}

.page-banner.home-banner .btn-scroll:hover {
  text-decoration: none;
  background-color: #A93226;
  color: #fff;
}

@media (min-width: 768px) {
  .page-banner.home-banner {
    height: 600px;
  }
}

@media (min-width: 992px) {
  .page-banner.home-banner {
    margin-top: 0;
  }
}

.page-hero.overlay-dark::before,
.page-banner.overlay-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 53, 49, 0.7);
  z-index: 1;
}

.page-banner .breadcrumb-item,
.page-banner .breadcrumb-item a {
  font-size: 14px;
}

.home-banner .row>*:first-child {
  padding-left: 8%;
}

.subhead {
  display: block;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #898798;
  font-weight: 500;
  margin-bottom: 8px;
}

.title-section {
  max-width: 450px;
  color: #2D2B3A;
  font-weight: 600;
}

.title-section .marked {
  position: relative;
  color: #A93226;
}

.title-section .marked::before {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #d3ccff;
  z-index: -1;
}

.text-center .title-section {
  margin-left: auto;
  margin-right: auto;
}

.divider {
  display: block;
  margin-top: 16px;
  margin-bottom: 32px;
  width: 32px;
  height: 3px;
  border-radius: 40px;
  background-color: #A93226;
}



.btn-split {
  display: inline-flex;
  align-items: center;
  border-radius: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
}

.btn-split .fab {
  display: inline-block;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  background-color: #fff;
  color: #A93226;
}



.page-footer {
  position: relative;
  display: block;
  padding-top: 80px;
  padding-bottom: 16px;
  background-color: #fff;
  border-top: 1px solid #e9e8f5;
}

.page-footer p a {
  transition: color .2s ease;
}

.page-footer h3,
.page-footer h4,
.page-footer h5 {
  color: #212529;
  margin-bottom: 24px;
  font-weight: 600;
}

.page-footer p {
  color: #898798;
}

.footer-menu {
  position: relative;
  padding-left: 0;
  list-style: none;
}

.footer-menu li {
  margin-bottom: 12px;
}

.footer-link {
  display: inline-block;
  padding: 6px 0;
}

.footer-menu a,
.footer-link {
  color: #898798;
}

.footer-menu a:hover,
.footer-link:hover {
  color: #A93226;
  text-decoration: none;
}






/**********************************************
*
*      NOT USED ?? 
*
***********************************************/








.card-service {
  display: block;
  margin: 16px auto;
  padding: 32px 20px;
  max-width: 300px;
  text-align: center;
  color: #898798;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(95, 92, 120, 0.12);
}

.card-service .header {
  margin-bottom: 24px;
}

.img-stack-element {
  position: relative;
  text-align: center;
}

.img-stack-element svg {
  display: inline-block;
  max-width: 460px;
}

@media (min-width: 992px) {
  .img-stack-element {
    transform: translateX(50px);
  }
}


.features {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #e9e8f5;
  border-bottom: 1px solid #e9e8f5;
}

.features .container {
  max-width: 980px;
}

.features h5 {
  color: #2D2B3A;
}

.features p {
  font-size: 13px;
  color: #898798;
}


.counter-section .row>*:first-child {
  border-radius: 6px 0 0 6px;
}

.counter-section .row>*:last-child {
  border-radius: 0 6px 6px 0;
}

.counter-section .row>* {
  padding-top: 64px;
  padding-bottom: 64px;
  border: 1px solid #e9e8f5;
  margin-left: -1px;
}

.counter-section p {
  margin-bottom: 6px;
  color: #B4B2C5;
}


.card-pricing {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 32px 20px;
  max-width: 300px;
  border: 1px solid #e9e8f5;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
}

.card-pricing .price-labled {
  position: absolute;
  top: 16px;
  right: -30px;
  width: 120px;
  height: 26px;
  line-height: 26px;
  background-color: #0ac7f6;
  color: #fff;
  transform: rotate(45deg);
}

.card-pricing .header {
  color: #B4B2C5;
}

.card-pricing .price-icon {
  font-size: 75px;
  line-height: 1;
}

.card-pricing .price-title {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 20px;
}

.card-pricing .price-tag .currency {
  display: inline-block;
  transform: translateY(-30px);
}

.card-pricing .price-tag .currency,
.card-pricing .price-tag .period {
  font-weight: 600;
  font-size: 14px;
}

.card-pricing .price-tag h2 {
  display: inline-block;
}

.card-pricing.active {
  background-color: #A93226;
  border-color: #5d47eb;
}

.card-pricing.active .header {
  color: rgba(255, 255, 255, 0.5);
}

.card-pricing.active .price-title {
  color: #FAC14D;
}

.card-pricing.active .price-tag {
  color: #fff;
}

.card-pricing.active .price-info p {
  color: rgba(255, 255, 255, 0.75);
}

.card-pricing.active .btn-outline {
  color: #fff;
}

.card-pricing.active .btn-outline:hover {
  color: #A93226;
}



.card-blog {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 32px 20px 70px 20px;
  max-width: 260px;
  min-height: 270px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(100, 95, 136, 0.16);
}

.card-blog .header {
  margin-bottom: 16px;
}

.card-blog .avatar {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #d3d0e4;
  overflow: hidden;
}

.card-blog .avatar img {
  width: 100%;
  height: 100%;
}

.card-blog .entry-footer {
  display: inline-block;
  vertical-align: top;
}

.card-blog .post-author {
  font-weight: 500;
  color: #212529;
}

.card-blog .post-date {
  font-size: 13px;
  color: #B4B2C5;
}

.card-blog .post-title {
  margin-bottom: 8px;
  font-size: 18px;
}

.card-blog .post-title a {
  font-weight: 500;
  color: #2D2B3A;
}

.card-blog .post-excerpt {
  font-size: 14px;
  color: #898798;
}

.card-blog .footer {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.card-blog-row *:first-child .card-blog {
  background-color: #A93226;
}

.card-blog-row *:first-child .card-blog .post-author,
.card-blog-row *:first-child .card-blog .post-title a,
.card-blog-row *:first-child .card-blog .footer a {
  color: #fff;
}

.card-blog-row *:first-child .card-blog .post-date {
  color: rgba(255, 255, 255, 0.6);
}

.form-search-blog .custom-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.testi-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 280px;
  background-color: #212529;
  border-radius: 8px;
  overflow: hidden;
}

.testi-image img {
  width: 100%;
  height: auto;
}

.testi-content {
  font-size: 20px;
}

.testi-content .entry-footer {
  margin-top: 24px;
  font-size: 15px;
}

.client-section {
  padding: 64px 0;
  background-color: #F6F5FC;
}

.client-section .item {
  padding: 16px 0;
  text-align: center;
}

.contact-list {
  position: relative;
  padding-left: 0;
  list-style: none;
}

.contact-list li {
  margin-bottom: 12px;
}

.contact-list .icon {
  display: inline-block;
  margin-right: 6px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #D7D5E9;
  color: #A93226;
}

.contact-list .content {
  display: inline-block;
  color: #8e8aad;
}

.contact-list .content a {
  color: #8e8aad;
}













.sosmed-button a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  background-color: #F6F5FC;
  color: #898798;
  transition: all .2s linear;
}

.sosmed-button a:hover {
  background-color: #A93226;
  color: #fff;
  text-decoration: none;
  transform: rotate(360deg);
}


.blog-single-wrap {
  display: block;
  padding: 50px 0;
}

.blog-single-wrap .header {
  margin-bottom: 32px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(100, 95, 136, 0.2);
  overflow: hidden;
}

.blog-single-wrap .header .post-thumb {
  width: 100%;
  height: 250px;
  background-color: #F6F5FC;
  overflow: hidden;
}

.blog-single-wrap .header .post-thumb img {
  width: 100%;
}

.blog-single-wrap .header .meta-header {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  padding-left: 32px;
  padding-right: 32px;
  height: 50px;
  transform: translateY(-48px);
}

.blog-single-wrap .header .post-author .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #fff;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(137, 135, 152, 0.4);
  transform: translateY(10px);
}

.blog-single-wrap .header .post-author .avatar img {
  width: 100%;
  height: 100%;
}

.blog-single-wrap .header .post-sharer a {
  padding: 5px 10px;
  line-height: 1;
  box-shadow: none !important;
}

.blog-single-wrap .header .post-sharer a[class='btn'] {
  background-color: #ec9d1e;
  color: #fff;
}

.blog-single-wrap .header .post-sharer a[class='btn']:hover {
  background-color: #d88d14;
  color: #fff;
}

.blog-single-wrap .post-title {
  font-weight: 500;
  color: #212529;
}

.blog-single-wrap .post-meta {
  display: block;
  margin-bottom: 24px;
}

.blog-single-wrap .post-meta .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  background-color: #212529;
  color: #fff;
}

.blog-single-wrap .post-meta .post-date,
.blog-single-wrap .post-meta .post-comment-count {
  display: inline-block;
}

.blog-single-wrap .post-meta .post-date a,
.blog-single-wrap .post-meta .post-comment-count a {
  color: #212529;
}

.blog-single-wrap .post-content .quote {
  display: block;
  padding: 16px 20px;
  background-color: #A93226;
  color: #fff;
  font-size: 18px;
  border-radius: 8px;
}

.blog-single-wrap .post-content .quote .author {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}


/**********************************************
*
*     /// NOT USED ?? 
*
***********************************************/






/**********************************************
*
*      USER DASHBOARD
*
***********************************************/



.widget-box {
  display: block;
  padding: 20px;
  background-color: #fff;
  margin-bottom: 32px;
  border-radius: 6px;
  border: 1px solid #ccc;
  box-shadow: 0 3px 9px rgba(100, 95, 136, 0.15);
}

.widget-title {
  color: #A93226;
  font-size: 1.3rem;

}





.carousel-custom .carousel-indicators {
  align-items: center;
  position: static;
  z-index: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.carousel-custom .carousel-indicators li {
  transform: none;
  opacity: 1;
}
.carousel-custom .carousel-indicators li.active {
  transform: none;
  opacity: 1;
}
.carousel-custom .carousel-indicators.carousel-indicators-dots li {
  border-radius: 0;
  background-color: transparent !important;
  height: 13px;
  width: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.carousel-custom .carousel-indicators.carousel-indicators-dots li:after {
  display: inline-block;
  content: " ";
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: #ccc;
  height: 9px;
  width: 9px;
}
.carousel-custom .carousel-indicators.carousel-indicators-dots li.active {
  background-color: transparent;
}
.carousel-custom .carousel-indicators.carousel-indicators-dots li.active:after {
  transition: all 0.3s ease;
  height: 13px;
  width: 13px;
  background-color: #9e9e9e;
}


.carousel-custom .carousel-control-next {
  color: #ccc;
  width: 100%;
}
.carousel-custom .carousel-control-next:hover {
  color: #9e9e9e;
}  












.separator {
  display: block;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.separator.separator-dotted {
  border-bottom-style: dotted;
  border-bottom-color:#ccc;
}
.separator.separator-dashed {
  border-bottom-style: dashed;
  border-bottom-color: #ccc;
}








.widget-stats {
  text-align: center;
  min-width: 75px;
  min-height: 75px;
}

.widget-stats .stats-type {
  font-size: .875rem;
  color: #828d9f;
  text-transform: uppercase
}

.widget-stats .stats-figure {
  font-size: 2rem;
  color: #252930
}

.widget-stats .stats-meta {
  font-size: .875rem;
  color: #828d9f
}



/****************************
*
*
*

*
*
************************/



.dropdown-menu {
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

.dropdown-item {
  cursor: pointer;
  display: block;
  transition: none;
  outline: none !important;
  border-radius: 0.475rem;

}


.dropdown-item:hover {
  cursor: pointer;
  color: #A93226;
  text-decoration: none;
  background-color: rgba(169, 50, 38,0.1);/*#B75049;*/
}

.dropdown-item.active,
.dropdown-item:active {
  color: #A93226;
  text-decoration: none;
  background-color: rgba(169, 50, 38,0.1);/*#B75049;*/
  /*#A93226;*/
}

.dropdown-item.active::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  white-space: pre;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f00c   ";

}

.dropdown-submenu {
  position: relative;
  transition: all .2s ease;
}




.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 99%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
  /*
  display: flex;
  will-change: transform;
  animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1;
  */
}

/*
.dropdown-submenu > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
*/
.dropdown-submenu>a:after {


  display: block;
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  /*  border-left-color: #fff;*/
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -99%;
  margin-right: -1px;
  margin-left: 8px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown-toggle::after {
  margin-left: 0.55em;
}


@keyframes menu-sub-dropdown-animation-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}















.bottom-sheet-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  pointer-events: none;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  transition: 0.1s linear;
  z-index: 1062;
}
.bottom-sheet-container.show {
  opacity: 1;
  pointer-events: auto;
}
.bottom-sheet-container .bottom-sheet-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: #000;
}
.bottom-sheet-container .sheet-content {
  width: 100%;
  position: relative;
  background: #fff;
  max-height: 100vh;
  height: 50vh;
  max-width: 1150px;
  padding: 25px 30px;
  transform: translateY(100%);
  border-radius: 12px 12px 0 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
  transition: 0.3s ease;
  color: black;
}
.bottom-sheet-container.show .sheet-content {
  transform: translateY(0%);
}
.bottom-sheet-container.dragging .sheet-content {
  transition: none;
}
.bottom-sheet-container.fullscreen .sheet-content {
  border-radius: 0;
  overflow-y: hidden;
}
.bottom-sheet-container .sheet-header {
  display: flex;
  justify-content: center;
}
.sheet-header .drag-icon {
  cursor: grab;
  user-select: none;
  padding: 15px;
  margin-top: -15px;
}
.sheet-header .drag-icon span {
  height: 4px;
  width: 40px;
  display: block;
  background: #c7d0e1;
  border-radius: 50px;
}
.bottom-sheet-container .sheet-body {
  height: 100%;
  overflow-y: auto;
  padding: 15px 0 40px;
  scrollbar-width: none;
}
.bottom-sheet-container .sheet-body::-webkit-scrollbar {
  width: 0;
}
.sheet-body h2 {
  font-size: 1.8rem;
}
.sheet-body p {
  margin-top: 20px;
  font-size: 1.05rem;
}




.drawer {
  display: flex !important;
  overflow: auto;
  z-index: 1062 !important;
  background-color:#ffffff;
  background-color:#ffffff;
  height:100%;
  position: fixed;
  top: 0;
  bottom: 0;
  transition: transform 0.3s ease-in-out !important;
}
.drawer.drawer-start {
  left: 0;
  transform: translateX(-100%);
}
.drawer.drawer-end {
  right: 0;
  transform: translateX(100%);
}
.drawer.drawer-on {
  transform: none;
  box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease-in-out !important;
}


.drawer .drawer-content {
background-color:#ffffff;
width: 100%;
height:100%;
min-height: fit-content;
z-index: 1062 !important;

}


.drawer .drawer-header {
  background-color:#ffffff;
  width: 100%;

}
  

.drawer.drawer-w-500 {
width: 500px;
}

.drawer.drawer-w-fs {
  width: 500px;
  }
  
.drawer.drawer-on .drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1050 !important;
  background-color: rgba(0, 0, 0, 0.2);
  animation: animation-drawer-fade-in 0.3s ease-in-out 1;
}

.drawer.drawer-hidden {    
  display: none;

}

@keyframes animation-drawer-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



















.list-group-item.active {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  color: #2D2B3A;

}

.agenda {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-top: 20px;

  border-bottom: 1px solid #e4e7ee;
}

.agenda-end {
  border-bottom: 0px;
}


.agenda-date {
  width: 170px;
}

.agenda-date .dayofmonth {
  width: 40px;
  font-size: 36px;
  line-height: 36px;
  float: left;
  text-align: right;
  margin-right: 10px;
}

.agenda-date .shortdate {
  font-size: 0.75em;
}


/* Times */
.agenda-time {
  width: 140px;
}

.btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}




.portal {
  background: #F2F3F4;
}

.white {
  background: #fff;
}

.nb-dark {
  background-color: #272727;
}


.dark {
  background-color: #262a2f;
  color: #cbd0d5;
}

a.dark:hover,
a.dark:active {
  background-color: #30353c;
  color: #cbd0d5;
}


.progress-bar {
  background-color: #A93226;
}

.sidebar-container {
  color: #fff;
  min-height: 100vh;
  background-color: #262a2f;
  padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
  width: 230px;
}

.sidebar-collapsed {
  width: 60px;
}

/* Menu item*/
.sidebar-container .list-group a {
  height: 50px;
  color: white;
}

/* Submenu item*/
.sidebar-container .list-group .sidebar-submenu a {
  height: 45px;
  padding-left: 30px;
}

.sidebar-submenu {
  font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
  background-color: #262a2f;
  height: 35px;
}

.sidebar-separator {
  background-color: #262a2f;
  height: 25px;
}

.logo-separator {
  background-color: #262a2f;
  height: 60px;
}

/* Closed submenu icon */
.sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

/* Opened submenu icon */
.sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}





ul.list-style-none li {
  list-style: none
}

.m-t-5 {
  margin-top: 5px
}

.w-30px {
  width: 30px
}

.d-flex2 {
  display: flex;
}

.form-check-label {
  margin-right: 2rem;
}

.hide {
  display: none !important
}

.nav-stacked {
  /*  display:inline-block; 
   line-height:1em;
   text-align:center;
   */
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*
.nav-stacked i,span {
  line-height: 50px;
}
.nav-stacked span {
  vertical-align: middle;
}
*/

.fixedImage {
  height: 574px;
  background-position: center;
  background-size: cover;
}

.gradientImage:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  /*
  background-image: linear-gradient(
    0deg,
    hsla(0, 0%, 35.29%, 0) 0%,
    hsla(0, 0%, 34.53%, 0.034375) 16.36%,
    hsla(0, 0%, 32.42%, 0.125) 33.34%,
    hsla(0, 0%, 29.18%, 0.253125) 50.1%,
    hsla(0, 0%, 24.96%, 0.4) 65.75%,
    hsla(0, 0%, 19.85%, 0.546875) 79.43%,
    hsla(0, 0%, 13.95%, 0.675) 90.28%,
    hsla(0, 0%, 7.32%, 0.765625) 97.43%,
    hsla(0, 0%, 0%, 0.8) 100%
  );
  */
}


.highlight {
  background-color: #fff34d;
  -moz-border-radius: 5px;
  /* FF1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4 */
  border-radius: 5px;
  /* Opera 10.5, IE 9, Saf5, Chrome */
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  /* FF3.5+ */
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  /* Saf3.0+, Chrome */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  /* Opera 10.5+, IE 9.0 */
}

.highlight {
  padding: 1px 4px;
  margin: 0 -4px;
}

.text-small {
  font-size: 0.9rem;
}

.rounded {
  border-radius: 1rem;
}

.circle {
  border-radius: 50% !important;
}

.position-center {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.card-select {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
  transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
  padding: 14px 80px 18px 36px;
  cursor: pointer;
}

.card-select:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

.custom-sortselect {
  padding: .375rem .75rem .375rem .75rem;
  background: #fff;
}



.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #A93226 !important;
  border-color: rgb(169, 50, 38);
}

.custom-checkbox .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(169, 50, 38, 0.25);
  border-color: rgba(169, 50, 38, 0.25);
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
  border-color: rgba(169, 50, 38, 0.25);
}

.custom-checkbox .custom-control-input:active~.custom-control-label::before {
  background-color: rgb(169, 50, 38);
  border-color: rgb(169, 50, 38);
}

/*
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  background-color: rgb(169, 50, 38);
  border-color: rgb(169, 50, 38);
}
*/

.custom-switch .custom-control-input:checked~.custom-control-label::before {
  background-color: #A93226 !important;
  border-color: rgb(169, 50, 38);
}

.custom-switch .custom-control-input:checked:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(169, 50, 38, 0.25);
  border-color: rgba(169, 50, 38, 0.25);
}

.custom-switch .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
  border-color: rgba(169, 50, 38, 0.25);
}

.custom-switch .custom-control-input:active~.custom-control-label::before {
  background-color: rgb(169, 50, 38);
  border-color: rgb(169, 50, 38);
}






/*

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -3px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0 !important;
  padding: 6px 12px;
  height: 40px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 6px !important;
  right: 1px;
  width: 20px
}
*/



.select2-selection--multiple {
  padding:2px;
}

.input-group .select2-selection--multiple {
    padding:5px;
}
.input-group-sm .select2-selection--multiple {
  padding:2px;
}

.select2-results__option[aria-disabled=true]{
  color:#777;
  cursor:not-allowed;
  font-style: italic;
  background-color: #e9ecef;

}

 .select2-results__option[aria-selected="true"] {
  color: #A93226 !important;
  background-color: #cd61553f !important;
}

.select2-results__option[aria-selected="true"]::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  white-space: pre;
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  content: "\f00c  ";
}

.select2-results__option[aria-selected="false"].select2-results__option--highlighted {
  color: #212529;
  background-color: #f2f2f2;
}



.select2-selection--multiple .select2-selection__choice {
  background-color: #f5f5f5;
}





.s2-subtext {
  color: #6c757d;
  font-size: 12px;
  margin: 0!important;
  padding-left: .5rem!important;
}



.usrinfo div p {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d5dadb;
}

.usrinfo div p {
  display: block;
  font-size: 10px;
}

.usrinfo div p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.modal.left .modal-dialog {
  position: fixed;
  right: 0;
  margin: auto;
  width: 33%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
  height: 100%;
  overflow-y: auto;
}






.modal.right .modal-body {
  padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
  left: -33%;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}



/*
*
*
* BETA ADMIN BAR
*
*/

.abwrapper {
  display: flex;
  align-items: stretch;
}

.abwrapper a[data-toggle="collapse"] {
  position: relative;
}

.abwrapper .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

#absidebar.active {
  margin-left: -250px;
}

@media (max-width: 768px) {
  #absidebar {
      margin-left: -300px;
  }
  #absidebar.active {
      margin-left: 0;
  }
}

#absidebar a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}

#absidebar {
  min-width: 300px;
  max-width: 300px;
  min-height: 100vh;
  background-color: #fff;
  color: #777;
  transition: all 0.3s;
}

#absidebar .absidebar-header {
  padding: 20px;
  background: #fff;
}

#absidebar ul.components {
  padding: 20px 0;
}

#absidebar ul p {
  color: #777;
  padding: 10px;
}

#absidebar ul li a {
  padding: 10px;
  display: block;
  border-bottom: 1px #e5e5e5 solid;
}

#absidebar ul li a:hover {
  /*background-color: #eeecec;*/
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;

  color: #A93226;
  border-left: 5px #A93226 solid;
}

#absidebar ul li.active > a {
  color: #A93226;  
  border-left: 5px #A93226 solid;
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
}

#absidebar a[aria-expanded="true"] {
  color: #A93226;  
  border-left: 5px #A93226 solid;
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

#absidebar ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background-color: rgba(0,0,0,.01);
}



.transform-90 {
  transform: rotate(90deg);
  transform-origin: right top;
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}

.start-50 {
  left: 50% !important;
}

.start-0 {
  left: 0 !important;
}
.end-0 {
  right: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-0 {
  bottom: 0 !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}