html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.colorp1 {
    background-color: #353c40;
    color: #f04000;
}

.colorp2 {
    background-color: #c3c5c6;
    color: #eeeeee;
}

.colorp3 {
    background-color: #eaebec;
    color: #eeeeee;
}

.coloraccent {
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 2px;
    border-bottom-color: #f04000;
}

.lefttable {
    border-right: solid 1px #eaebec;
    width: 40px
}

/*#region navStyle*/
.nav-link-my {
    display: block;
    padding: 0.5rem;
    color: #0a0a0a !important;
    text-decoration: none;
}

@media (max-width: 449.98px) {

    .navbar-expand-my > .container,
    .navbar-expand-my > .container-fluid,
    .navbar-expand-my > .container-sm,
    .navbar-expand-my > .container-md,
    .navbar-expand-my > .container-lg,
    .navbar-expand-my > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 450px) {
    .navbar-expand-my {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-my .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-my .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-my .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-my > .container,
    .navbar-expand-my > .container-fluid,
    .navbar-expand-my > .container-sm,
    .navbar-expand-my > .container-md,
    .navbar-expand-my > .container-lg,
    .navbar-expand-my > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-my .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-my .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-my .navbar-toggler {
        display: none
    }

    .d-my-inline-flex {
        display: inline-flex !important;
    }
}
/*#endregion*/

/*#region ListStyle*/
@counter-style paren-decimal {
    system: extends decimal;
    suffix: ") ";
}

@counter-style paren-lower-alpha {
    system: extends lower-alpha;
    suffix: ") ";
}

@counter-style paren-upper-roman {
    system: extends upper-roman;
    suffix: ") ";
}

[type="1"] {
    list-style: paren-decimal;
}

[type="a"] {
    list-style: paren-lower-alpha;
}

[type="I"] {
    list-style: paren-upper-roman;
}

.list-style {
    display: inline-block;
    text-align: left;
}

.list-style > li {
    padding-left: 0.5em;
}
/*#endregion*/

/*#region Frosthaven*/
.nav-frosthaven {
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 2px;
    border-bottom-color: deepskyblue;
}
/*#endregion*/