:root {
  --background-card-opacity: .3;
  --landing-card-light-text-shadow-color: white;
  --landing-card-dark-text-shadow-color: black;
  --background-gradient-color: rgba(255,255,255,var(--background-card-opacity));
  --light-card-text-shadow:  -1px 1px 1px var(--landing-card-light-text-shadow-color),
                              1px 1px 1px var(--landing-card-light-text-shadow-color),
                              1px -1px 1px var(--landing-card-light-text-shadow-color),
                             -1px -1px 1px var(--landing-card-light-text-shadow-color);
    --dark-card-text-shadow:  -1px 1px 1px var(--landing-card-dark-text-shadow-color),
                                1px 1px 1px var(--landing-card-dark-text-shadow-color),
                                1px -1px 1px var(--landing-card-dark-text-shadow-color),
                              -1px -1px 1px var(--landing-card-dark-text-shadow-color);
  /*--bs-border-color:#495057;*/
}

/* @media (prefers-color-scheme: light) {
  :root {  
    --bs-border-color:#dee2e6;
  }
} */


  
  body
  {
      padding-top: 56px;
      font-family: "Russo One", "Helvetica", "Segoe UI", sans-serif;
  }
  
  #showcase {
      background: url(../images/landing-banner.jpg) center center / cover no-repeat ;
      height: 400px;
  }
  
  #shipcard
  {  
    background: linear-gradient(var(--background-gradient-color), var(--background-gradient-color)), url(../images/ship_card_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-shadow: var(--dark-card-text-shadow);
  }
  
  /* .shipcard-background {
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--background-gradient-color), var(--background-gradient-color)), url(../images/ship_card_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s;
  } */
  
  /* .shipcard:hover,
  .shipcard:focus {
    transform: scale(1.1);
    transition: all .5s;
  } */
  
  /* .shipcard:hover::before,
  .shipcard:focus::before {
    transform: scale(.9);
    transition: all 1.5s;
  } */
  
  .shipcard:hover .shipcard-background,
  .shipcard:focus .shipcard-background {
    transform: scale(1.1);
    transition: all .5s;
  }
  
  #componentcard {
    background: linear-gradient(var(--background-gradient-color), var(--background-gradient-color)), url(../images/component_card_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-shadow: var(--dark-card-text-shadow)
  }
  
  #equipmentcard {
    background: linear-gradient(var(--background-gradient-color), var(--background-gradient-color)), url(../images/equipment_card_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    text-shadow: var(--dark-card-text-shadow)
  }
  
  #commoditycard {
    background: linear-gradient(var(--background-gradient-color), var(--background-gradient-color)), url(../images/commodity_card_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-shadow: var(--dark-card-text-shadow)
  }
  
  #locationcard {
    background: linear-gradient(var(--background-gradient-color), var(--background-gradient-color)), url(../images/location_card_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-shadow: var(--dark-card-text-shadow)
  }
  
  .btn{text-shadow:1px 1px 1px rgba(0,0,0,.3);border-color:rgba(0,0,0,.6)}
  .btn-primary {
    background-image:linear-gradient(#313131,#494949 60%,#222222);
    color: #cfcfcf;
    filter:none
  }
  .btn-secondary {
    background-image:linear-gradient(#8a9196,#7a8288 60%,#70787d);
    filter:none;
    color: #ffffff;
  }

  .tab-content {
    border-left: 1px solid var(--bs-border-color);
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
  }

  .nav-tabs {
      margin-bottom: 0;
  }
  /* .btn{--bs-btn-padding-x:1rem;--bs-btn-padding-y:0.75rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#aaa;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
  .btn-outline-primary{color:#fff}
  @media (prefers-reduced-motion:reduce){.btn{transition:none} */
  /* .btn.disabled,.btn:not([disabled]):not(.disabled).active{border-color:rgba(0,0,0,.6);box-shadow:none} */
  /* .btn:focus,.btn:hover,.btn:not([disabled]):not(.disabled).active:hover,.btn:not([disabled]):not(.disabled):active,.btn:not([disabled]):not(.disabled):active:hover{border-color:rgba(0,0,0,.6)} */
  /* .btn-primary{background-image:linear-gradient(#52565a,#3a3f44 60%,#353a3f);filter:none} */
  /* .btn-primary:not([disabled]):not(.disabled).active:hover,.btn-primary:not([disabled]):not(.disabled):active:hover,.btn-primary:not([disabled]):not(.disabled):focus,.btn-primary:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#25282c,#292c30 40%,#2b2f32);filter:none} */
  
  /*
  .btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.btn-secondary:not([disabled]):not(.disabled):focus,.btn-secondary:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#4e5357,#555b5f 40%,#5a6065);filter:none}
  .btn-success{background-image:linear-gradient(#75cb75,#62c462 60%,#5ab45a);filter:none;color:#fff}
  .btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.btn-success:not([disabled]):not(.disabled):focus,.btn-success:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#3f7d3f,#458945 40%,#499149);filter:none}
  .btn-info{background-image:linear-gradient(#6fc8e2,#5bc0de 60%,#54b1cc);filter:none;color:#fff}
  .btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.btn-info:not([disabled]):not(.disabled):focus,.btn-info:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#3a7b8e,#40869b 40%,#438ea4);filter:none}
  .btn-warning{background-image:linear-gradient(#f9a124,#f89406 60%,#e48806);filter:none;color:#fff}
  .btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.btn-warning:not([disabled]):not(.disabled):focus,.btn-warning:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#9f5f04,#ae6804 40%,#b86e04);filter:none}
  .btn-danger{background-image:linear-gradient(#f0726f,#ee5f5b 60%,#db5754);filter:none}
  .btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.btn-danger:not([disabled]):not(.disabled):focus,.btn-danger:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#983d3a,#a74340 40%,#b04643);filter:none}
  .btn-outline-primary{color:#fff}
  .btn-link,.btn-link:hover{border-color:transparent}
  .btn-group .btn.active,.btn-group-vertical .btn.active{border-color:rgba(0,0,0,.6)}
  .btn{--bs-btn-padding-x:1rem;--bs-btn-padding-y:0.75rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#aaa;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
  @media (prefers-reduced-motion:reduce){.btn{transition:none}
  }
  .btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
  .btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
  .btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
  .btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
  .btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
  .btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}
  .btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
  .btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#3a3f44;--bs-btn-border-color:#3a3f44;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#31363a;--bs-btn-hover-border-color:#2e3236;--bs-btn-focus-shadow-rgb:88,92,96;--bs-btn-active-color:#fff;--bs-btn-active-bg:#2e3236;--bs-btn-active-border-color:#2c2f33;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#3a3f44;--bs-btn-disabled-border-color:#3a3f44}
  .btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#7a8288;--bs-btn-border-color:#7a8288;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#686f74;--bs-btn-hover-border-color:#62686d;--bs-btn-focus-shadow-rgb:142,149,154;--bs-btn-active-color:#fff;--bs-btn-active-bg:#62686d;--bs-btn-active-border-color:#5c6266;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#7a8288;--bs-btn-disabled-border-color:#7a8288}
  .btn-success{--bs-btn-color:#fff;--bs-btn-bg:#62c462;--bs-btn-border-color:#62c462;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#53a753;--bs-btn-hover-border-color:#4e9d4e;--bs-btn-focus-shadow-rgb:122,205,122;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4e9d4e;--bs-btn-active-border-color:#4a934a;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#62c462;--bs-btn-disabled-border-color:#62c462}
  .btn-info{--bs-btn-color:#fff;--bs-btn-bg:#5bc0de;--bs-btn-border-color:#5bc0de;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#4da3bd;--bs-btn-hover-border-color:#499ab2;--bs-btn-focus-shadow-rgb:116,201,227;--bs-btn-active-color:#fff;--bs-btn-active-bg:#499ab2;--bs-btn-active-border-color:#4490a7;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#5bc0de;--bs-btn-disabled-border-color:#5bc0de}
  .btn-warning{--bs-btn-color:#fff;--bs-btn-bg:#f89406;--bs-btn-border-color:#f89406;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#d37e05;--bs-btn-hover-border-color:#c67605;--bs-btn-focus-shadow-rgb:249,164,43;--bs-btn-active-color:#fff;--bs-btn-active-bg:#c67605;--bs-btn-active-border-color:#ba6f05;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#f89406;--bs-btn-disabled-border-color:#f89406}
  .btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#ee5f5b;--bs-btn-border-color:#ee5f5b;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ca514d;--bs-btn-hover-border-color:#be4c49;--bs-btn-focus-shadow-rgb:241,119,116;--bs-btn-active-color:#fff;--bs-btn-active-bg:#be4c49;--bs-btn-active-border-color:#b34744;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#ee5f5b;--bs-btn-disabled-border-color:#ee5f5b}
  .btn-light{--bs-btn-color:#000;--bs-btn-bg:#e9ecef;--bs-btn-border-color:#e9ecef;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#c6c9cb;--bs-btn-hover-border-color:#babdbf;--bs-btn-focus-shadow-rgb:198,201,203;--bs-btn-active-color:#000;--bs-btn-active-bg:#babdbf;--bs-btn-active-border-color:#afb1b3;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#e9ecef;--bs-btn-disabled-border-color:#e9ecef}
  .btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#272b30;--bs-btn-border-color:#272b30;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#474b4f;--bs-btn-hover-border-color:#3d4045;--bs-btn-focus-shadow-rgb:71,75,79;--bs-btn-active-color:#fff;--bs-btn-active-bg:#525559;--bs-btn-active-border-color:#3d4045;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#272b30;--bs-btn-disabled-border-color:#272b30}
  .btn-outline-primary{--bs-btn-color:#3a3f44;--bs-btn-border-color:#3a3f44;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#3a3f44;--bs-btn-hover-border-color:#3a3f44;--bs-btn-focus-shadow-rgb:58,63,68;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3a3f44;--bs-btn-active-border-color:#3a3f44;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#3a3f44;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#3a3f44;--bs-gradient:none}
  .btn-outline-secondary{--bs-btn-color:#7a8288;--bs-btn-border-color:#7a8288;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#7a8288;--bs-btn-hover-border-color:#7a8288;--bs-btn-focus-shadow-rgb:122,130,136;--bs-btn-active-color:#fff;--bs-btn-active-bg:#7a8288;--bs-btn-active-border-color:#7a8288;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#7a8288;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#7a8288;--bs-gradient:none}
  .btn-outline-success{--bs-btn-color:#62c462;--bs-btn-border-color:#62c462;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#62c462;--bs-btn-hover-border-color:#62c462;--bs-btn-focus-shadow-rgb:98,196,98;--bs-btn-active-color:#fff;--bs-btn-active-bg:#62c462;--bs-btn-active-border-color:#62c462;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#62c462;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#62c462;--bs-gradient:none}
  .btn-outline-info{--bs-btn-color:#5bc0de;--bs-btn-border-color:#5bc0de;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5bc0de;--bs-btn-hover-border-color:#5bc0de;--bs-btn-focus-shadow-rgb:91,192,222;--bs-btn-active-color:#fff;--bs-btn-active-bg:#5bc0de;--bs-btn-active-border-color:#5bc0de;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#5bc0de;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#5bc0de;--bs-gradient:none}
  .btn-outline-warning{--bs-btn-color:#f89406;--bs-btn-border-color:#f89406;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#f89406;--bs-btn-hover-border-color:#f89406;--bs-btn-focus-shadow-rgb:248,148,6;--bs-btn-active-color:#fff;--bs-btn-active-bg:#f89406;--bs-btn-active-border-color:#f89406;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f89406;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f89406;--bs-gradient:none}
  .btn-outline-danger{--bs-btn-color:#ee5f5b;--bs-btn-border-color:#ee5f5b;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ee5f5b;--bs-btn-hover-border-color:#ee5f5b;--bs-btn-focus-shadow-rgb:238,95,91;--bs-btn-active-color:#fff;--bs-btn-active-bg:#ee5f5b;--bs-btn-active-border-color:#ee5f5b;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ee5f5b;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ee5f5b;--bs-gradient:none}
  .btn-outline-light{--bs-btn-color:#e9ecef;--bs-btn-border-color:#e9ecef;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#e9ecef;--bs-btn-hover-border-color:#e9ecef;--bs-btn-focus-shadow-rgb:233,236,239;--bs-btn-active-color:#000;--bs-btn-active-bg:#e9ecef;--bs-btn-active-border-color:#e9ecef;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#e9ecef;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#e9ecef;--bs-gradient:none}
  .btn-outline-dark{--bs-btn-color:#272b30;--bs-btn-border-color:#272b30;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#272b30;--bs-btn-hover-border-color:#272b30;--bs-btn-focus-shadow-rgb:39,43,48;--bs-btn-active-color:#fff;--bs-btn-active-bg:#272b30;--bs-btn-active-border-color:#272b30;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#272b30;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#272b30;--bs-gradient:none}
  .btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#7a8288;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:88,92,96;text-decoration:underline}
  .btn-link:focus-visible{color:var(--bs-btn-color)}
  .btn-link:hover{color:var(--bs-btn-hover-color)}
  .btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}
  .btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}
  .btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}
  .btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}
  .btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}
  .btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}
  .btn-toolbar .input-group{width:auto}
  .btn-group{border-radius:.375rem}
  .btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:-1px}
  .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
  .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
  .dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
  .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
  .dropstart .dropdown-toggle-split::before{margin-right:0}
  .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
  .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
  .btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}
  .btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}
  .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
  .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
  .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}
  .btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}
  .btn-close:hover{color:#000;text-decoration:none;opacity:.75}
  .btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(58,63,68,.25);opacity:1}
  .btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
  .btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}
  .btn{text-shadow:1px 1px 1px rgba(0,0,0,.3);border-color:rgba(0,0,0,.6)}
  .btn.disabled,.btn:not([disabled]):not(.disabled).active{border-color:rgba(0,0,0,.6);box-shadow:none}
  .btn:focus,.btn:hover,.btn:not([disabled]):not(.disabled).active:hover,.btn:not([disabled]):not(.disabled):active,.btn:not([disabled]):not(.disabled):active:hover{border-color:rgba(0,0,0,.6)}
  .btn-primary{background-image:linear-gradient(#52565a,#3a3f44 60%,#353a3f);filter:none}
  .btn-primary:not([disabled]):not(.disabled).active:hover,.btn-primary:not([disabled]):not(.disabled):active:hover,.btn-primary:not([disabled]):not(.disabled):focus,.btn-primary:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#25282c,#292c30 40%,#2b2f32);filter:none}
  .btn-secondary{background-image:linear-gradient(#8a9196,#7a8288 60%,#70787d);filter:none}
  .btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.btn-secondary:not([disabled]):not(.disabled):focus,.btn-secondary:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#4e5357,#555b5f 40%,#5a6065);filter:none}
  .btn-success{background-image:linear-gradient(#75cb75,#62c462 60%,#5ab45a);filter:none;color:#fff}
  .btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.btn-success:not([disabled]):not(.disabled):focus,.btn-success:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#3f7d3f,#458945 40%,#499149);filter:none}
  .btn-info{background-image:linear-gradient(#6fc8e2,#5bc0de 60%,#54b1cc);filter:none;color:#fff}
  .btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.btn-info:not([disabled]):not(.disabled):focus,.btn-info:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#3a7b8e,#40869b 40%,#438ea4);filter:none}
  .btn-warning{background-image:linear-gradient(#f9a124,#f89406 60%,#e48806);filter:none;color:#fff}
  .btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.btn-warning:not([disabled]):not(.disabled):focus,.btn-warning:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#9f5f04,#ae6804 40%,#b86e04);filter:none}
  .btn-danger{background-image:linear-gradient(#f0726f,#ee5f5b 60%,#db5754);filter:none}
  .btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.btn-danger:not([disabled]):not(.disabled):focus,.btn-danger:not([disabled]):not(.disabled):hover{background-image:linear-gradient(#983d3a,#a74340 40%,#b04643);filter:none}
  .btn-outline-primary{color:#fff}
  .btn-link,.btn-link:hover{border-color:transparent}
  .btn-group .btn.active,.btn-group-vertical .btn.active{border-color:rgba(0,0,0,.6)} */
  /* .card-has-bg{
       transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        background-size:120%;
        background-repeat:no-repeat;
        background-position: center center;
        &:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: inherit;
          -webkit-filter: grayscale(1);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);}
      
        &:hover {
          transform: scale(0.98);
           box-shadow: 0 0 5px -2px rgba(0,0,0,0.3);
          background-size:130%;
           transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      
          .card-img-overlay {
            transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
            background: rgb(35,79,109);
           background: linear-gradient(0deg, rgba(4,69,114,0.5) 0%, rgba(4,69,114,1) 100%);
           }
        }
      } */