@import url('web_theme.css');
@import url('black_theme.css');
@import url('gold_theme.css');

a:focus {
    color: var(--color-text-dark-charcoal) !important;
}

a:hover {
    color: var(--color-text-dark-charcoal) !important;
}

a.btn2underline {
    color: var(--color-text-lime-green) !important;
    border-bottom: 2px solid var(--color-border-lime-green) !important;
}

a.btn2underline :active {
    color: var(--color-text-lime-green) !important;
}

a.btn2underline :hover {
    color: var(--color-text-lime-green) !important;
}

p.linkbutton a,
p.linkbutton a:hover,
p.linkbutton a:visited,
p.linkbutton a:focus {
    color: var(--color-text-white) !important;
}

p.linkbutton2 a,
p.linkbutton2 a:hover,
p.linkbutton2 a:visited,
p.linkbutton2 a:focus {
    color: var(--color-text-charcoal) !important;
}

.container>h1 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 4px solid var(--color-border-green) !important;
}

.row1 {
    background-color: var(--color-bg-eastern-blue) !important;
}

.row2 {
    border-top: 5px solid var(--color-border-green) !important;
}

.row>h1 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 5px solid var(--color-border-green) !important;
}

.row1>h1 {
    color: var(--color-text-white) !important;
}

.row2>h1 {
    color: var(--color-text-dark-charcoal) !important;
}

.row3>h1 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 2px solid var(--color-border-green) !important;
}

/* Edit10268 */
.row3>h2 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 2px solid var(--color-border-green) !important;
}

.row4>h1 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 1px solid var(--color-border-grey-60) !important;
}

.row>h2 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 2px solid var(--color-border-green) !important;
}

.row>h4 {
    color: var(--color-text-dark-charcoal) !important;
}

.row>h6 {
    color: var(--color-text-swiss-coffee) !important;
    border-top: 3px double var(--color-border-grey-60) !important;
}

.morelink a {
    color: var(--color-text-lime-green) !important;
}

.morelink a:focus {
    color: var(--color-text-lime-green) !important;
}

.morelink a:active {
    color: var(--color-text-lime-green) !important;
}

.morelink a:hover {
    color: var(--color-text-dark-green) !important;
}

mark {
    background: var(--color-bg-yellow) !important;
    color: var(--color-text-black) !important;
}

fieldset {
    border: 1px solid var(--color-border-silver) !important;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: var(--color-text-black) !important;
    }

    pre,
    blockquote {
        border: 1px solid var(--color-border-grey-60) !important;
    }

    select {
        background: var(--color-bg-white) !important;
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: var(--color-border-black) !important;
    }

    .label {
        border: 1px solid var(--color-border-black) !important;
    }

    .table td,
    .table th {
        background-color: var(--color-bg-white) !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid var(--color-border-gray-40) !important;
        background: var(--color-bg-versatile-gray) !important;
    }
}

p a {
    color: var(--color-text-light-green) !important;
}

p a:hover,
p a:focus {
    color: var(--color-text-green) !important;
}

p a:hover:before {
    color: var(--color-text-gold) !important;
}

*:focus,
*:active {
    outline: 1px solid #00000000;
}

.img-shadowed {
    box-shadow: 3px 3px 8px var(--color-showdow-light-gray) !important;
}

/*========================================================
                       HEADER  Section
  =========================================================*/

header {
    background: var(--color-bg-header-purple) !important;
}

/*========================================================
                       CONTENT  Section
  =========================================================*/

@media (max-width: 767.9999px) {
    main {
        background: var(--color-bg-bright-gray) !important;
    }
}

@media (min-width: 768px) and (max-width: 1365.9999px) {
    main {
        background: var(--color-bg-bright-gray) !important;
    }
}

@media (min-width: 1366px) {
    main {
        background: var(--color-bg-bright-gray) !important;
    }
}


/*========================================================
                       FOOTER  Styles
  =========================================================*/

footer {
    background: var(--color-bg-footer-black-pearl) !important;
}

body {
    color: var(--color-text-dark-charcoal) !important;
}

h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--color-text-dark-charcoal) !important;
}

.h1 {
    color: var(--color-text-white) !important;
}

.h1 small,
h1 .small,
.h1 .small {
    color: var(--color-text-white) !important;
}

h3 small,
.h3 small,
h3 .small,
.h3 .small {
    color: var(--color-text-gold) !important;
}

time:before {
    color: var(--color-text-lime-green) !important;
}

mark,
.mark {
    background-color: var(--color-bg-old-lace) !important;
}

.txt-clr1 {
    color: var(--color-text-white) !important;
}

.text-muted {
    color: var(--color-text-argent) !important;
}

.text-primary {
    color: var(--color-text-gold) !important;
}

a.text-primary:hover {
    color: var(--color-text-green) !important;
}

.text-success {
    color: var(--color-text-japanese-laurel) !important;
}

a.text-success:hover {
    color: var(--color-text-parsley) !important;
}

.text-info {
    color: var(--color-text-moderate-blue) !important;
}

a.text-info:hover {
   color: var(--color-text-dark-blue) !important;
}

.text-warning {
    color: var(--color-text-astral) !important;
}

a.text-warning:hover {
    color: var(--color-text-shingle-fawn) !important;
}

.text-danger {
    color: var(--color-text-apple-red) !important;
}

a.text-danger:hover {
    color: var(--color-text-sanguine-brown) !important;
}

.bg-primary {
    background-color: var(--color-bg-bright-gray) !important;
}

.bg-primary time,
.bg-primary cite {
    color: var(--color-text-black) !important;
}

.bg-primary a[href^="callto:"] {
    color: var(--color-text-charcoal) !important;
}

.bg-primary a[href^="callto:"]:hover {
    color: var(--color-text-black) !important;
}

.bg-primary a[href^="mailto:"] {
    color: var(--color-text-black) !important;
}

.bg-primary a[href^="mailto:"]:hover {
    color: var(--color-text-green) !important;
}

/** New create 2015-09-25 */

.bg-secondary-2 {
    background-color: var(--color-text-white) !important;
}

/***/

.bg-secondary {
    background-color: var(--color-text-white) !important;
    /** #F2F2F2; */
}

.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6 {
    color: var(--color-text-dark-charcoal) !important;
}

.bg-secondary h3,
.bg-secondary p,
.bg-secondary a,
.bg-secondary blockquote,
.bg-secondary q,
.bg-secondary dt,
.bg-secondary dd {
    color: var(--color-text-dark-charcoal) !important;
}

.bg-secondary .p__mod {
    color: var(--color-text-sonic-silver) !important;
}

.bg-alt-mid {
    background-color: var(--color-bg-gray-88) !important;
    box-shadow: 0 4px 3px -2px #00000040;
}

.bg-alt h5,
.bg-alt h2 {
    color: var(--color-text-white) !important;
}

.bg-alt time,
.bg-alt a {
    color: var(--color-text-white) !important;
}

.bg-alt a:hover {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-green) !important;
}

.bg-alt .marked-list li a:hover {
    color: var(--color-text-white) !important;
}

.bg-alt a[href^="callto:"] {
    color: var(--color-text-white) !important;
}

.bg-alt p {
    color: var(--color-text-bright-gray) !important;
}

.bg-alt .btn {
    color: var(--color-text-white) !important;
}

.bg-alt .btn:hover,
.bg-alt .btn:focus {
    color: var(--color-text-white) !important;
}

.bg-success {
    background-color: var(--color-bg-hint-green) !important;
}

a.bg-success:hover {
    background-color: var(--color-bg-shade-green) !important;
}

.bg-info {
    background-color: var(--color-bg-pattens-blue) !important;
}

a.bg-info:hover {
    background-color: var(--color-bg-light-blue) !important;
}

.bg-warning {
    background-color: var(--color-bg-old-lace) !important;
}

a.bg-warning:hover {
    background-color: var(--color-bg-shade-yellow) !important;
}

.bg-danger {
    background-color: var(--color-bg-soft-peach) !important;
}

a.bg-danger:hover {
    background-color: var(--color-bg-grayish-red) !important;
}

.page-header {
    border-bottom: 1px solid var(--color-border-white) !important;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted var(--color-border-argent) !important;
}

.blockquote q:before {
    color: var(--color-text-gold) !important;
}

.blockquote cite {
    color: var(--color-text-white) !important;
}

.blockquote2:before {
    color: var(--color-text-gold) !important;
}

.address span:before {
    color: var(--color-text-green) !important;
}

.address__mod span:before {
    color: var(--color-text-gold) !important;
}

code {
    color: var(--color-text-rose-red) !important;
    background-color: var(--color-bg-lavender-blush) !important;
}

kbd {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-dark-charcoal) !important;
    box-shadow: inset 0 -1px 0 #00000040;
}

pre {
    color: var(--color-text-light-hight-gray) !important;
    background-color: var(--color-bg-white-smoke-5) !important;
    border: 1px solid var(--color-border-grey-80) !important;
}


.head-title-1 {
    color: var(--color-text-dark-charcoal) !important;
    border-bottom: 1px solid var(--color-border-black-olive) !important;
}

@media (min-width: 1366px) {
    .col-r-line-ccc {
        border-right: 1px solid var(--color-border-grey-80) !important;
    }
}

/*========================================================
  Starts Flex
  =========================================================*/

@media (min-width: 1199px) and (max-width: 1365.9998px) {
    .flex-container>div.grid-lg-6-1 {
        border: 2px dashed var(--color-border-approx-silver) !important;
        background-color: var(--color-bg-versatile-gray) !important;
    }
}

@media (min-width: 1366px) {
    .flex-container>div.grid-xl-6-1 {
        border: 2px dashed var(--color-border-approx-silver) !important;
        background-color: var(--color-bg-versatile-gray) !important;
    }

    .flex-container>div.grid-xl-4-1 {
        border: 2px dashed var(--color-border-approx-silver) !important;
        background-color: var(--color-bg-versatile-gray) !important;
    }
}


.flex-bullet>p {
    background-color: var(--color-bg-grey-80) !important;
}

/*========================================================
  End Flex
  =========================================================*/

caption {
    color: var(--color-text-argent) !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 1px solid var(--color-border-gray-40) !important;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--color-border-gray-40) !important;
}

.table>tbody+tbody {
    border-top: 2px solid var(--color-border-gray-40) !important;
}

.table .table {
    background-color: var(--color-bg-eerie-black) !important;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid var(--color-border-light-gray) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F9F9F9;
}

.table-hover>tbody>tr:hover {
    background-color: var(--color-bg-white-smoke-5) !important;
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: var(--color-bg-white-smoke-5) !important;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #E8E8E8;
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: var(--color-bg-hint-green) !important;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #D0E9C6;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: var(--color-bg-pattens-blue) !important;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: var(--color-bg-old-lace) !important;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    /**min-height: 0.01%;*/
}

@media screen and (max-width: 767.9999px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: hidden;
        /* -ms-overflow-style: -ms-autohiding-scrollbar; */
        border: 1px solid var(--color-border-light-gray) !important;
    }

    .table-responsive>.table {
        margin-bottom: 0;
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .table-responsive>.table-bordered {
        border: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: inherit;
    color: #aaa;
    border: 0;
    border-bottom: 1px solid #E5E5E5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    /* -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; */
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto blue;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 5px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #ccc;
}

.form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 4px 21px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #ccc;
    background-color: var(--color-text-white) !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::placeholder {
    color: var(--color-text-grey-60) !important;
    opacity: 1;
}

/* .form-control::-ms-input-placeholder {
    color: var(--color-text-grey-60) !important;
  } */

/* .form-control::-webkit-input-placeholder {
    color: var(--color-text-grey-60) !important;
  } */

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: var(--color-text-white) !important;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    appearance: none;
    /* -webkit-appearance: none; */
}

@media screen and (min-resolution: 0dppx) {

    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 28px;
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 45px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 18px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    min-height: 31px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px;
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 30px;
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.form-group-lg .form-control {
    height: 45px;
    line-height: 45px;
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    min-height: 35px;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 35px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback {
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: var(--color-text-japanese-laurel) !important;
}

.has-success .form-control {
    border-color: var(--color-text-japanese-laurel) !important;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: var(--color-text-parsley) !important;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: var(--color-text-japanese-laurel) !important;
    border-color: var(--color-text-japanese-laurel) !important;
    background-color: var(--color-bg-hint-green) !important;
}

.has-success .form-control-feedback {
    color: var(--color-text-japanese-laurel) !important;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: var(--color-text-astral) !important;
}

.has-warning .form-control {
    border-color: var(--color-text-astral) !important;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: var(--color-text-shingle-fawn) !important;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: var(--color-text-astral) !important;
    border-color: var(--color-text-astral) !important;
    background-color: var(--color-bg-old-lace) !important;
}

.has-warning .form-control-feedback {
    color: var(--color-text-astral) !important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: var(--color-text-apple-red) !important;
}

.has-error .form-control {
    border-color: var(--color-text-apple-red) !important;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: var(--color-text-sanguine-brown) !important;
    /* -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: var(--color-text-apple-red) !important;
    border-color: var(--color-text-apple-red) !important;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: var(--color-text-apple-red) !important;
}

.has-feedback label~.form-control-feedback {
    top: 23px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #b7b7b7;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 23px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 5px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.btn {
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.65em;
    user-select: none;
    padding: 10px;
}

*+.btn {}

.btn1em {
    font-size: 0.8em !important;
}

@media (max-width: 767.9999px) {
    .btn-primary {
        font-size: 1em !important;
    }
}

.btn-default {
    color: var(--color-text-black) !important;
    background-color: transparent;
    border-color: #484646;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: var(--color-text-black) !important;
    background-color: rgba(0, 0, 0, 0);
    border-color: #292828;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: transparent;
    border-color: #484646;
}

.btn-default .badge {
    color: transparent;
    background-color: var(--color-text-black) !important;
}

.btn-primary {
    color: var(--color-text-dark-charcoal) !important;
    border: 1px dashed;
    border-radius: 4px;
    text-align: center;
}

.btn-home {
    font-size: 1.15em;
    border: none;
    border-radius: 4px;
    color: var(--color-text-dark-green) !important;
}

.btn-home-white,
.btn-home-white:focus {
    font-size: 1.15em;
    color: var(--color-text-white) !important;
    border-radius: 4px;
    border: none;
    border-bottom: 4px solid #FFF;
    background-color: var(--color-text-green) !important;
}

.btn-home-white:hover {
    font-size: 1.15em;
    color: var(--color-text-green) !important;
    border-radius: 4px;
    border: none;
    border-bottom: 4px solid var(--color-border-green) !important;
    background-color: var(--color-text-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: var(--color-text-white) !important;
    background-color: #006D32;
    text-decoration: none;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: var(--color-text-green) !important;
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: var(--color-text-green) !important;
    border-color: #006832;
}

.btn-primary .badge {
    color: var(--color-text-light-gray) !important;
    background-color: var(--color-text-black) !important;
}

.btn-primary:hover {
    color: var(--color-text-white) !important;
}

.btn-primary:active,
.btn-primary.active {
    color: var(--color-text-white) !important;
    outline: 0;
}

.btn-article {
    padding-bottom: 20px;
}

.btn-success {
    color: var(--color-text-white) !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: var(--color-text-white) !important;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: var(--color-text-white) !important;
}

.btn-info {
    color: var(--color-text-white) !important;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: var(--color-text-white) !important;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: var(--color-text-white) !important;
}

.btn-warning {
    color: var(--color-text-white) !important;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: var(--color-text-white) !important;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: var(--color-text-green) !important;
    border-color: #eea236;
}

.btn-warning .badge {
    color: var(--color-text-green) !important;
    background-color: var(--color-text-white) !important;
}

.btn-danger {
    color: var(--color-text-white) !important;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-green) !important;
    border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: var(--color-text-white) !important;
}

.btn-link {
    color: var(--color-text-charcoal) !important;
    font-weight: normal;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    /* background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; */
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: #515151;
    text-decoration: none;
    background-color: #f0f0f0;
    border-color: #515151;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: var(--color-text-argent) !important;
    text-decoration: none;
}


/* Collapse 1 */

.btn-link-1 {
    color: var(--color-text-charcoal) !important;
    font-size: 0.65em;
    font-weight: bold;
    border-radius: 0;
}

.btn-link-1,
.btn-link-1:active,
.btn-link-1.active,
.btn-link-1[disabled],
fieldset[disabled] .btn-link-1 {
    background-color: transparent;
    /* -moz-box-shadow: none;
    -webkit-box-shadow: none; */
    box-shadow: none;
}

.btn-link-1,
.btn-link-1:hover,
.btn-link-1:focus,
.btn-link-1:active {
    border: 0;
    background-color: lightsteelblue;
    border-radius: 10px 10px 0 0;
    color: var(--color-text-dark-charcoal) !important;
}

.btn-link-1:hover,
.btn-link-1:focus {
    color: var(--color-text-white) !important;
    text-decoration: none;
    background-color: lightslategrey;
}

.btn-link-1[disabled]:hover,
fieldset[disabled] .btn-link-1:hover,
.btn-link-1[disabled]:focus,
fieldset[disabled] .btn-link-1:focus {
    color: var(--color-text-argent) !important;
    text-decoration: none;
}

.card-body {
    border: 0;
    padding: 20px;
    background-color: lavender;
    border-radius: 0 0 10px 10px;
}

/* Ends Collapse 1 */



.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: var(--color-text-white) !important;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    /* -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: var(--color-bg-versatile-gray) !important;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #aaa;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #9d9d9d;
    background-color: var(--color-bg-white-smoke-5) !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: var(--color-text-white) !important;
    text-decoration: none;
    outline: 0;
    background-color: var(--color-text-green) !important;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: var(--color-text-argent) !important;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: var(--color-text-argent) !important;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    /* -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); */
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    /* -moz-box-shadow: none;
    -webkit-box-shadow: none; */
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip-path: inset(100%);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 45px;
    line-height: 45px;
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 4px 21px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #ccc;
    text-align: center;
    background-color: var(--color-text-white) !important;
    border: 1px solid #ccc;
    border-radius: 0;
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-green) !important;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified>li {
    float: none;
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #DDD;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #DDD;
        border-radius: 0 0 0 0;
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #191919;
    }
}

.tab-content,
.tab-content-block2,
.tab-content-nav2 {
    padding-bottom: 30px;
}

.tab-content-nav3 {
    padding-bottom: 30px;
    border-top: 5px #cfa75d solid;
}

.tab-content>.tab-pane {
    display: none;
    clear: left;
    padding-top: 5px;
}

.tab-content>.active {
    display: block;
    clear: left;
    width: 100%;
}

.tab-content-2>.tab-pane {
    display: none;
}

.tab-content-2>.active {
    display: block;
}

.tab-content-block>.tab-pane {
    display: none;
    clear: left;
    padding-top: 5px;
}

.tab-content-block>.active {
    display: inline-block;
    clear: left;
    padding: 0 12px 12px;
    border-top: 3px #014f25 solid;
    border-right: 1px #014f25 solid;
    border-left: 1px #014f25 solid;
    border-bottom: 1px #014f25 solid;
    width: 100%;
}

.tab-content-block2>.tab-pane {
    display: none;
    clear: left;
    padding-top: 5px;
}

.tab-content-block2>.active {
    display: inline-block;
    clear: left;
    padding: 0 12px 12px;
    border-top: 3px #014f25 solid;
    border-right: 1px #014f25 solid;
    border-left: 1px #014f25 solid;
    border-bottom: 1px #014f25 solid;
    width: 100%;
}

.tab-content-block9x>.tab-pane {
    display: none;
    clear: left;
    padding-top: 5px;
}

.tab-content-block9x>.active {
    display: inline-block;
    clear: left;
    padding: 0 12px 12px;
    border-top: 3px #00a5a5 solid;
    border-right: 1px #00a5a5 solid;
    border-left: 1px #00a5a5 solid;
    border-bottom: 1px #00a5a5 solid;
    width: 100%;
}

.tab-content-nav2>.tab-pane {
    display: none;
    padding-top: 5px;
}

.tab-content-nav2>.active {
    display: inline-block;
    clear: left;
    width: 100%;
}

.tab-content-nav3>.tab-pane {
    display: none;
    padding-top: 5px;
}

.tab-content-nav3>.active {
    display: inline-block;
    clear: left;
    width: 100%;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: fixed;
    min-height: 50px;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
        position: relative;
    }

    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow-x: auto;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-width: 480px) and (orientation: landscape) {

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    padding-top: 0;
    float: left;
}

/** LOGO สถาบัน **/

/** New Create 2015-10-07 Center Head only on tablet*/

@media (min-width:768px) and (max-width: 1365.9999px) {
    .navbar-brand {
        text-align: center;
        border-bottom: 2px solid #FFF;
    }

    .navbar-brand img {
        margin-top: 5px;
        width: 48px;
    }
}

.navbar-brand img {
    position: absolute;
    margin-top: 0;
}

/** ข้อความ LOGO  สวพส. สถาบันวิจัยและพัฒนาพื้นที่สูง (องค์การมหาชน)  **/





.navbar-brand a:hover,
.navbar-brand a:focus {
    text-decoration: none;
    color: var(--color-text-black) !important;
}

.navbar-brand>img {
    display: block;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width: 767px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 0;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 767.9999px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 18px;
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        font-size: 1.3rem;
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    /* -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 11px;
    margin-bottom: 11px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }

    .navbar-form .input-group>.form-control {
        width: 100%;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767.9999px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        /* -moz-box-shadow: none;
      -webkit-box-shadow: none; */
        box-shadow: none;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 11px;
    margin-bottom: 11px;
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 16px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: var(--color-text-sonic-silver) !important;
}

.navbar-default .navbar-text {
    color: var(--color-text-sonic-silver) !important;
}

.navbar-default .navbar-nav>li>a {
    color: var(--color-text-sonic-silver) !important;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: var(--color-text-dark-charcoal) !important;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #DDD;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--color-text-argent) !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555;
}

@media (max-width: 767.9999px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: var(--color-text-sonic-silver) !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: var(--color-text-dark-charcoal) !important;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: var(--color-text-sonic-silver) !important;
}

.navbar-default .navbar-link:hover {
    color: var(--color-text-dark-charcoal) !important;
}

.navbar-default .btn-link {
    color: var(--color-text-sonic-silver) !important;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: var(--color-text-dark-charcoal) !important;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #aeaeae;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: var(--color-text-white) !important;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #aeaeae;
}

.navbar-inverse .navbar-nav>li>a {
    color: #aeaeae;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: var(--color-text-white) !important;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: var(--color-text-white) !important;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: var(--color-text-dark-charcoal) !important;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: var(--color-text-dark-charcoal) !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: var(--color-text-white) !important;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: var(--color-text-white) !important;
}

@media (max-width: 767.9999px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #aeaeae;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: var(--color-text-white) !important;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: var(--color-text-white) !important;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #aeaeae;
}

.navbar-inverse .navbar-link:hover {
    color: var(--color-text-white) !important;
}

.navbar-inverse .btn-link {
    color: #aeaeae;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: var(--color-text-white) !important;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

@media (min-width: 992px) {
    .breadcrumb {
        padding: 6px 0;
        margin-bottom: 0;
        list-style: none;
        font-size: 1.15rem;
    }

    .breadcrumb>li {
        display: inline-block;
    }

    .breadcrumb a {
        color: var(--color-text-green) !important;
    }

    .breadcrumb a:hover {
        color: var(--color-text-green) !important;
        text-decoration: underline !important;
    }

    .breadcrumb>li+li:before {
        content: '\f054';
        /*arrowtoright3*/
        font-family: 'FontAwesome';
        padding: 0 5px;
        color: var(--color-text-green) !important;
    }

    .breadcrumb>.active {
        color: var(--color-text-charcoal) !important;
    }
}

@media (max-width: 991.9999px) {
    .breadcrumb {
        padding: 6px 8px;
        margin-bottom: 0;
        list-style: none;
        font-size: 1.15rem;
    }

    .breadcrumb>li {
        display: inline-block;
    }

    .breadcrumb a {
        color: var(--color-text-lime-green) !important;
    }

    .breadcrumb a:hover {
        color: var(--color-text-lime-green) !important;
        text-decoration: underline;
    }

    .breadcrumb>li+li:before {
        content: '\f054';
        /*arrowtoright3*/
        font-family: 'FontAwesome';
        padding: 0 5px;
        color: var(--color-text-lime-green) !important;
    }

    .breadcrumb>.active {
        color: var(--color-text-charcoal) !important;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 18px 0;
    border-radius: 0;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 4px 21px;
    line-height: 1.42857143;
    text-decoration: none;
    color: var(--color-text-sonic-silver) !important;
    background-color: var(--color-text-white) !important;
    border: 1px solid #DDD;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #515151;
    background-color: var(--color-text-white) !important;
    border-color: #DDD;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: var(--color-text-white) !important;
    background-color: var(--color-text-green) !important;
    border-color: #006832;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: var(--color-text-argent) !important;
    background-color: var(--color-text-white) !important;
    border-color: #DDD;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 17px;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 18px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: var(--color-text-white) !important;
    border: 1px solid #DDD;
    border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: var(--color-text-white) !important;
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: var(--color-text-argent) !important;
    background-color: var(--color-text-white) !important;
    cursor: not-allowed;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: var(--color-text-white) !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: var(--color-text-white) !important;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: var(--color-text-argent) !important;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #6f6f6f;
}

.label-primary {
    background-color: var(--color-text-gold) !important;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #ccac00;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: var(--color-text-white) !important;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: var(--color-text-white) !important;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: var(--color-text-sonic-silver) !important;
    background-color: var(--color-text-white) !important;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 0 0;
    margin-bottom: 0;
    color: inherit;
    background-color: transparent;
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit;
}

.jumbotron p {
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 200;
}

.jumbotron>hr {
    border-top-color: rgba(0, 0, 0, 0);
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 0 0;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 0;
        padding-right: 0;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 58.5px;
    }
}

.thumbnail {
    font-family: 'K2D';
}

.thumbnail_home {
    margin-right: 0;
    letter-spacing: 0px;
    background-color: var(--color-text-bright-gray) !important;
    padding: 8px;
    box-shadow: 0 4px 3px -2px rgb(0 0 0 / 80%);
    border-radius: 10px;
}

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

.thumbnail_gallery img {
    padding-bottom: 15px;
}

.thumbnail *+.caption {
    margin-top: 10px;
}

/*.thumbnail*/

.thumbnail_img {
    position: relative;
    cursor: pointer;
}

.thumbnail .thumbnail_img .overlay {
    position: absolute;
    opacity: 0;
    /* filter: alpha(opacity=0); */
    text-align: center;
    padding: 5px 0 5px 0;
    /** 18px 0 19px; */
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-bg-green) !important;
    /** old #EAA400; #FFD700; */
}

.lt-ie9 .thumbnail .thumbnail_img .overlay {
    opacity: 0;
    /* filter: alpha(opacity=0); */
}

.thumbnail .thumbnail_img .overlay h2 {
    color: #1f1f1f;
    font-family: 'K2D';
    font-size: 1em;
    letter-spacing: 0px;
    line-height: 1.65em;
}

.thumbnail .thumbnail_img .overlay:hover {
    background: #1f1f1f;
}

.thumbnail .thumbnail_img .overlay:hover h2 {
    color: var(--color-text-green) !important;
    /** old #EAA400; #FFD700; */
    font-family: 'K2D';
    /** RSUBold, RSURegular, RSULight */
    letter-spacing: 0px;
}

.thumbnail .thumbnail_img:hover .overlay {
    bottom: 0;
    opacity: 1;
    /* filter: alpha(opacity=100); */
}

.lt-ie9 .thumbnail .thumbnail_img:hover .overlay {
    opacity: 1;
    /* filter: alpha(opacity=100); */
}

.thumbnail p a {
    color: #221d00;
}

.thumbnail p a .glyphicon:before {
    font-size: 16px;
    line-height: 20px;
}

.thumbnail p a:hover:before {
    padding-left: 2px;
    color: var(--color-text-green) !important;
}

.thumbnail>img,
.thumbnail a>img {
    margin: auto;
    /*0;*/
}

@media (max-width: 800px) {
    .thumbnail {
        width: 100%;
        margin: 0 auto;
    }

    .thumbnail img {
        width: 100%;
    }

    /*.thumbnail */

    .thumbnail_img {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .thumbnail .thumbnail_img img {
        width: 100%;
    }

    .caption {
        text-align: right;
    }
}

/*================   Thumbnail-box  ======================*/

.thumbnail_wrap {
    width: 100%;
}

.thumbnail_wrap .thumbnail_box {
    position: relative;
    overflow: hidden;
    float: left;
    width: 25%;
}

.thumbnail_wrap .thumbnail_box img {
    width: 100%;
    height: auto;
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_img {
    position: relative;
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_img .overlay {
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    /* -moz-transform: translateY(-16%);
    -ms-transform: translateY(-16%);
    -o-transform: translateY(-16%);
    -webkit-transform: translateY(-16%); */
    transform: translateY(-10%);
    padding: 0 30px;
    text-align: center;
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt h5 {
    line-height: 25px;
    color: var(--color-text-gold) !important;
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p {
    color: var(--color-text-white) !important;
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p,
.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
    opacity: 0;
    /* filter: alpha(opacity=0); */
}

.lt-ie9 .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p,
.lt-ie9 .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
    opacity: 0;
    /* filter: alpha(opacity=0); */
}

.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
    margin-top: 8px;
}

.thumbnail_wrap .thumbnail_box:hover p,
.thumbnail_wrap .thumbnail_box:hover .btn {
    opacity: 1;
    /* filter: alpha(opacity=100); */
}

.lt-ie9 .thumbnail_wrap .thumbnail_box:hover p,
.lt-ie9 .thumbnail_wrap .thumbnail_box:hover .btn {
    opacity: 1;
    /* filter: alpha(opacity=100); */
}

.thumbnail_wrap .thumbnail_box:hover .overlay {
    background: rgba(0, 0, 0, 0.2);
}

.lt-ie9 .thumbnail_wrap .thumbnail_box:hover .overlay {
    background: none;
    background: rgba(0, 0, 0, 0.2);
    filter: none;
    transform: scale(1);
}


.thumbnail_wrap .thumbnail_box:hover .thumbnail_box_cnt {
    /* -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); */
    transform: translateY(-50%);
}

@media (max-width: 1460px) {
    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p {
        font-size: 12px;
        line-height: 16px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
        padding: 3px 10px 2px 10px;
        margin-top: 3px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1060px) and (min-width: 768px) {
    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p {
        font-size: 16px;
        line-height: 20px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
        padding: 1px 8px 1px 8px;
        margin-top: 2px;
    }
}

@media (max-width: 991px) {
    .thumbnail_wrap .thumbnail_box {
        float: left;
        width: 50%;
        margin: 0 auto;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_img {
        width: 100%;
        text-align: center;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_img img {
        width: 100%;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p {
        font-size: 16px;
        line-height: 20px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
        padding: 1px 8px 1px 8px;
        margin-top: 2px;
    }
}

@media (max-width: 767.9999px) {
    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt p {
        font-size: 16px;
        line-height: 20px;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_cnt .btn {
        padding: 2px 8px 2px 8px;
        margin-top: 3px;
    }
}

@media (max-width: 767.9999px) {
    .thumbnail_wrap .thumbnail_box {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_img {
        width: 100%;
        text-align: center;
    }

    .thumbnail_wrap .thumbnail_box .thumbnail_box_img img {
        width: 100%;
    }
}

.alert {
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: var(--color-bg-hint-green) !important;
    border-color: #d6e9c6;
    color: var(--color-text-japanese-laurel) !important;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: var(--color-text-parsley) !important;
}

.alert-info {
    background-color: var(--color-bg-pattens-blue) !important;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
   color: var(--color-text-dark-blue) !important;
}

.alert-warning {
    background-color: var(--color-bg-old-lace) !important;
    border-color: #faebcc;
    color: var(--color-text-astral) !important;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: var(--color-text-shingle-fawn) !important;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: var(--color-text-apple-red) !important;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: var(--color-text-sanguine-brown) !important;
}

/* @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
  
    to {
      background-position: 0 0;
    }
  } */

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: var(--color-bg-white-smoke-5) !important;
    border-radius: 0;
    /* -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-text-white) !important;
    text-align: center;
    background-color: var(--color-text-gold) !important;
    /* -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); */
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .progress-bar,
.progress-bar-striped {
    /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); */
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    /* -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite; */
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); */
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); */
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); */
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); */
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    transform: scale(1);
    overflow: hidden;
    margin-bottom: 10px;
}

.media-body {}

.media-body p {
    margin-top: -3px;
}

.media-object {
    display: block;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-left,
.media>.pull-left {
    padding-right: 18px;
}

.media-left,
.media-right,
.media-body {
    display: flex;
    flex-direction: column;
    font-size: inherit;
}

.apps0 {
    max-width: 352px;
    border-radius: 10px;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
    width: auto;
    margin: auto;
}

.apps {
    max-width: 75%;
    border-radius: 10px;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
    width: auto;
    margin: auto;
}

.appsnew {
    border-radius: 7px;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
    width: auto;
    margin: auto;
}

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

.img_logo {
    width: auto;
    filter: drop-shadow(0px 2px 7px #000);
}

.appshome {
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
    width: auto;
}

@media (max-width: 1199px) {

    .media-left,
    .media-right,
    .media-body {
        margin-top: 10px;
    }

    .apps {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
    }

    .appshome {
        max-width: 65%;
        height: 100%;
        border-radius: 10px;
        box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.8);
    }

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

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

/*================      Flex list     =================*/

.flex-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.flex-list li {
    display: table-cell;
    position: relative;
    padding: 0 20px;
}

.flex-list li a:hover {
    opacity: 0.6;
    /* filter: alpha(opacity=60); */
}

.lt-ie9 .flex-list li a:hover {
    opacity: 0.6;
    /* filter: alpha(opacity=60); */
}

@media (max-width: 767.9999px) {
    .flex-list li {
        display: block;
        margin-top: 40px;
    }
}

/*================      Index list     =================*/

.index-list {
    counter-reset: li;
}

.index-list *+p {
    margin-top: 5px;
}

@media (max-width: 767.9999px) {
    .index-list {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.index-list li:first-child+li+li+li,
.index-list li:first-child+li+li+li+li,
.index-list li:first-child+li+li+li+li+li,
.index-list li:first-child+li+li+li+li+li+li {
    margin-top: 0;
}

.index-list li {
    position: relative;
    padding-left: 90px;
    /** 89px; */
}

.index-list li:before {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    display: inline-block;
    width: 69px;
    height: 69px;
    text-align: center;
    background: #19603e;
    /** #FFD700; */
    line-height: 69px;
    font-size: 23px;
    font-weight: 300;
    left: 0;
    top: 10px;
    color: var(--color-text-white) !important;
    /** #000 */
    /* -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
    border-radius: 50%;
}

/*================    Term list     =================*/

.term-list dt {
    font-weight: 600;
    font-size: 14px;
    line-height: 33px;
    text-transform: uppercase;
    color: var(--color-text-black) !important;
}

.term-list dd {
    margin-left: 0;
    color: var(--color-text-sonic-silver) !important;
}

.term-list *+dt {
    margin-top: 35px;
}

.term-list dt+* {
    margin-top: 2px;
}

.term-list a[href^="mailto:"] {
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    color: var(--color-text-black) !important;
}

.term-list a[href^="mailto:"]:hover {
    color: var(--color-text-green) !important;
}

/*================    Marked list     =================*/

.marked-list {
    list-style: none;
}

.marked-list li {
    position: relative;
    padding: 4px 0 6px 24px;
}

.marked-list li a {
    line-height: 1.3em;
    text-decoration: none;
}

.marked-list li a:before {
    content: '';
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background: var(--color-bg-green) !important;
    /* -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
    border-radius: 50%;
    left: 0;
    top: 11px;
}

.marked-list li a:hover {
    color: var(--color-text-green) !important;
    /** old  #d7a612; #FFD700; */
}

/*==================  Inline List  ======================*/

.inline-list li {
    display: inline-block;
}

.inline-list li a {
    text-align: center;
    color: var(--color-text-gold) !important;
}

.inline-list li+li {
    margin-left: 15px;
}

.inline-list .fa {
    text-align: center;
    font: 400 20px/30px 'FontAwesome';
}

*+.inline-list {
    margin-top: 17px;
}

/*================    Marked list  2   =================*/

.marked-list-2 {
    list-style: none;
    font-size: 1em;
    margin-left: 0;
}

.marked-list-2 li {
    position: relative;
    padding-left: 14px;
    padding-top: 3px;
    margin-right: -22px;
}

.marked-list-2 li a {
    font-size: 13px;
    color: var(--color-text-white) !important;
    padding: 3px 4px;
    line-height: 25px;
    text-decoration: none;
}

.marked-list-2 li a:before {
    content: '';
    color: var(--color-text-white) !important;
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background: var(--color-bg-gray-94) !important;
    /* -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
    border-radius: 50%;
    left: 0;
    top: 11px;
}

.marked-list-2 li a:hover {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-green) !important;
    padding: 3px 4px;
}

/*==================  Inline List 2 ======================*/

.inline-list-2 li {
    display: inline-block;
}

.inline-list-2 li a {
    text-align: center;
    color: var(--color-text-gold) !important;
}

.inline-list-2 li+li {
    margin-left: 15px;
}

.inline-list-2 .fa {
    text-align: center;
    font: 400 20px/30px 'FontAwesome';
}

*+.inline-list-2 {
    margin-top: 17px;
}

/*================    Marked list  3   =================*/

.marked-list-3 {
    list-style: none;
    font-size: 16px;
}

.marked-list-3 li {
    position: relative;
    padding-left: 10px;
    padding-top: 3px;
    list-style-type: disc;
    margin-left: 15px;
}

.marked-list-3 li a {
    line-height: 25px;
}

.marked-list-3 li a:before {
    content: '';
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background: #3b3b3b;
    /* -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
    border-radius: 50%;
    left: 0;
    top: 11px;
}

.marked-list-3 li a:hover {
    color: var(--color-text-white) !important;
}

/*==================  Inline List 3 ======================*/

.inline-list-3 li {
    display: inline-block;
}

.inline-list-3 li a {
    text-align: center;
    color: var(--color-text-gold) !important;
}

.inline-list-3 li+li {
    margin-left: 15px;
}

.inline-list-3 .fa {
    text-align: center;
    font: 400 20px/30px 'FontAwesome';
}

*+.inline-list-3 {
    margin-top: 17px;
}

/*==================   Contact-list   ======================*/

.contact-list {
    /* -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; */
    box-sizing: border-box;
}

.contact-list address {
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-text-gold) !important;
}

.contact-list li {
    /* -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; */
    box-sizing: border-box;
    padding-right: 90px;
}

@media (max-width: 1199px) {
    .contact-list li {
        padding-right: 0;
    }
}

.contact-list li dt {
    float: left;
}

.contact-list li dd {
    float: right;
}

.contact-list li dl+dl {
    clear: both;
}

.contact-list li dl+dl dd,
.contact-list li dl+dl dt {
    display: inline-block;
    float: none;
}

.contact-list li dt+dd {
    margin-top: 0;
}

.contact-list li dd+dt {
    clear: both;
    margin-top: 0;
}

.contact-list li a[href^="mailto:"] {
    color: var(--color-text-gold) !important;
    font-size: 12px;
    line-height: 26px;
    text-decoration: underline;
}

.contact-list li a[href^="mailto:"]:hover {
    text-decoration: none;
    color: var(--color-text-black) !important;
}

@media (max-width: 767.9999px) {
    .contact-list li+li {
        margin-top: 20px;
    }
}

/*==================   List-1   ======================*/

.list-1 li+li {
    margin-top: 18px;
}

.list-2 li {
    font-family: 'QuarkLight';
    /** RSUBold, RSURegular, RSULight */
    letter-spacing: 0px;
    margin-top: 10px;
    list-style-type: disc;
    margin-left: 18px;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: var(--color-text-white) !important;
    border: 1px solid #DDD;
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

a.list-group-item {
    color: #555;
}

a.list-group-item .list-group-item-heading {
    color: var(--color-text-dark-charcoal) !important;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: var(--color-bg-white-smoke-5) !important;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: var(--color-text-white) !important;
    color: var(--color-text-argent) !important;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: var(--color-text-argent) !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: var(--color-text-white) !important;
    background-color: var(--color-text-green) !important;
    border-color: var(--color-text-japanese-laurel) !important;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #fff7cc;
}

.list-group-item-success {
    color: var(--color-text-japanese-laurel) !important;
    background-color: var(--color-bg-hint-green) !important;
}

a.list-group-item-success {
    color: var(--color-text-japanese-laurel) !important;
}

a.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: var(--color-text-japanese-laurel) !important;
    background-color: #D0E9C6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-japanese-laurel) !important;
    border-color: #2f5a26;
}

.list-group-item-info {
    color: #31708f;
    background-color: var(--color-bg-pattens-blue) !important;
}

a.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: var(--color-text-white) !important;
    background-color: #31708f;
    border-color: #255c6a;
}

.list-group-item-warning {
    color: var(--color-text-astral) !important;
    background-color: var(--color-bg-old-lace) !important;
}

a.list-group-item-warning {
    color: var(--color-text-astral) !important;
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: var(--color-text-astral) !important;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-astral) !important;
    border-color: #6c4f29;
}

.list-group-item-danger {
    color: var(--color-text-apple-red) !important;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: var(--color-text-apple-red) !important;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: var(--color-text-apple-red) !important;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-apple-red) !important;
    border-color: #8c2d26;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    background-color: var(--color-text-white) !important;
    border-radius: 0;
}

.panel-body {
    margin: 0;
}

.panel-heading {
    padding: 0;
    margin: 0;
}

@media (max-width: 388px) {
    .panel-heading {
        text-align: center;
    }
}

.panel-heading dl {
    margin-top: 7px;
    float: right;
}

.panel-heading dl dd,
.panel-heading dl dt {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
}

.panel-heading dl dt {
    color: var(--color-text-black) !important;
}

.panel-heading dl .fa:before {
    color: var(--color-text-gold) !important;
    padding-right: 5px;
    font-size: 14px;
    line-height: 23px;
}

.panel-heading dl a[href^="mailto:"] {
    color: var(--color-text-gold) !important;
}

.panel-heading dl a[href^="mailto:"]:hover {
    text-decoration: underline;
}

@media (max-width: 388px) {
    .panel-heading dl {
        float: none;
    }
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: var(--color-bg-white-smoke-5) !important;
    border-top: 1px solid #DDD;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 0;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 0;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 0;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 0;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #DDD;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 18px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #DDD;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #DDD;
}

.panel-default {
    border-color: #DDD;
}

.panel-default>.panel-heading {
    color: #aaa;
    background-color: #f2f2f2;
    border-color: #DDD;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #DDD;
}

.panel-default>.panel-heading .badge {
    color: #f2f2f2;
    background-color: #aaa;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #DDD;
}

.panel-primary {
    border-color: var(--color-text-gold) !important;
}

.panel-primary>.panel-heading {
    color: var(--color-text-white) !important;
    /* สีข้อความ */
    background-color: var(--color-text-gold) !important;
    /* พื้นหลังสีทอง */
    border-color: #FFB300;
    /* ขอบสีส้ม */
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--color-text-gold) !important;
}

.panel-primary>.panel-heading .badge {
    color: var(--color-text-gold) !important;
    background-color: var(--color-text-white) !important;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: var(--color-text-gold) !important;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: var(--color-text-japanese-laurel) !important;
    background-color: var(--color-bg-hint-green) !important;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #DFF0D8;
    background-color: var(--color-text-japanese-laurel) !important;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: var(--color-bg-pattens-blue) !important;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: var(--color-border-gin-fizz) !important;
}

.panel-warning>.panel-heading {
    color: var(--color-text-astral) !important;
    background-color: var(--color-bg-old-lace) !important;
    border-color: var(--color-border-gin-fizz) !important;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--color-border-gin-fizz) !important;
}

.panel-warning>.panel-heading .badge {
    color: var(--color-text-old-lace) !important;
    background-color: var(--color-text-astral) !important;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: var(--color-border-gin-fizz) !important;
}

.panel-danger {
    border-color: var(--color-border-grayish-red-1) !important;
}

.panel-danger>.panel-heading {
    color: var(--color-text-apple-red) !important;
    background-color: var(--color-bg-soft-peac) !important;
    border-color: var(--color-border-grayish-red-1) !important;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--color-border-grayish-red-1) !important;
}

.panel-danger>.panel-heading .badge {
    color: var(--color-text-soft-peach) !important;
    background-color: var(--color-text-apple-red) !important;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: var(--color-border-grayish-red-1) !important;
}

.well2-1 {
    background-color: var(--color-text-bright-gray) !important;
}

.well3 {
    background: var(--color-bg-seashell) !important;
}

.well-footer {
    box-shadow: 0 -6px 14px 0px #00000099;
    background: var(--color-bg-elephant-blue) !important;
}

.close {
    color: var(--color-text-black) !important;
    text-shadow: 0 1px 0 var(--color-showdow-white) !important;
}

.close:hover,
.close:focus {
    color: var(--color-text-black) !important;
}

.modal-content {
    background-color: var(--color-text-white) !important;
    border: 1px solid var(--color-border-grey-60) !important;
    border: 1px solid #00000033;
    box-shadow: 0 3px 9px #00000080;
}

.modal-backdrop {
    background-color: var(--color-text-black) !important;
}

.modal-header {
    border-bottom: 1px solid var(--color-border-versatile-gray) !important;
}

.modal-footer {
    border-top: 1px solid var(--color-border-versatile-gray) !important;
}

@media (min-width: 768px) {
    .modal-content {
        box-shadow: 0 5px 15px #00000080;
    }
}

.tooltip-inner {
    color: var(--color-text-white) !important;
    background-color: var(--color-text-dark-green) !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--color-text-dark-green) !important;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: var(--color-text-dark-green) !important;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: var(--color-text-dark-green) !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--color-text-dark-green) !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--color-text-dark-green) !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--color-text-dark-green) !important;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: var(--color-text-dark-green) !important;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: var(--color-text-dark-green) !important;
}

.popover {
    background-color: var(--color-text-white) !important;
    border: 1px solid var(--color-border-grey-80) !important;
    border: 1px solid #00000033;
    box-shadow: 0 5px 10px #00000033;
}

.popover-title {
    background-color: var(--color-bg-white-smoke-7) !important;
    border-bottom: 1px solid var(--color-border-white-smoke-b) !important;
}

.popover.top>.arrow {
    border-top-color: var(--color-text-grey-60) !important;
    border-top-color: #00000040;
}

.popover.top>.arrow:after {
    border-top-color: var(--color-text-white) !important;
}

.popover.right>.arrow {
    border-right-color: var(--color-text-grey-60) !important;
    border-right-color: #00000040;
}

.popover.right>.arrow:after {
    border-right-color: var(--color-text-white) !important;
}

.popover.bottom>.arrow {
    border-bottom-color: var(--color-text-grey-60) !important;
    border-bottom-color: #00000040;
}

.popover.bottom>.arrow:after {
    border-bottom-color: var(--color-text-white) !important;
}

.popover.left>.arrow {
    border-left-color: var(--color-text-grey-60) !important;
    border-left-color: #00000040;
}

.popover.left>.arrow:after {
    border-left-color: var(--color-text-white) !important;
}

.carousel-control {
    color: var(--color-text-white) !important;
    text-shadow: 0 1px 2px #00000099;
}

.carousel-control.left {
    background-image: linear-gradient(to right, hsla(0, 0%, 0%, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
}

.carousel-control.right {
    background-image: linear-gradient(to right, hsla(0, 0%, 0%, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.carousel-control:hover,
.carousel-control:focus {
    color: var(--color-text-white) !important;
}

.carousel-indicators li {
    border: 1px solid var(--color-border-white) !important;
    background-color: var(--color-text-black) !important;
    background-color: #00000000;
}

.carousel-indicators .active {
    background-color: var(--color-text-white) !important;
}

.carousel-caption {
    color: var(--color-text-white) !important;
    text-shadow: 0 1px 2px #00000099;
}

.frame101 {
    border: 1px solid var(--color-border-grey-60) !important;
}

button.A {
    background: var(--color-bg-white);
    color: var(--color-text-black) ;
}

button.C {
    background: var(--color-bg-gray) !important;
    color: var( --color-text-white) !important;
}

a.btn-fit:link,
a.btn-fit:visited {
    background-color: var(--color-text-white) !important;
    color: var(--color-text-dark-charcoal) !important;
    border: 1px solid var(--color-border-light-gray-7) !important;
    border-bottom: 1px solid var(--color-border-light-gray-7) !important;
    box-shadow: 0 3px 7px 0 #00000033;
}

a.btn-fit:hover,
a.btn-fit:active {
    background-color: var(--color-text-bright-gray) !important;
    border: 1px solid var(--color-border-light-gray-7) !important;
    border-bottom: 1px solid var(--color-border-light-gray-7) !important;
    box-shadow: 0 3px 7px 0 #00000033;
}


a.btn-fit-center:link,
a.btn-fit-center:visited {
    background-color: var(--color-text-white) !important;
    color: var(--color-text-dark-charcoal) !important;
    border: 1px solid var(--color-border-light-gray-7) !important;
    border-bottom: 1px solid var(--color-border-light-gray-7) !important;
    box-shadow: 0 3px 7px 0 #00000033;
}

a.btn-fit-center:hover,
a.btn-fit-center:active {
    background-color: var(--color-text-bright-gray) !important;
    border: 1px solid var(--color-border-light-gray-7) !important;
    border-bottom: 1px solid var(--color-border-light-gray-7) !important;
    box-shadow: 0 3px 7px 0 #00000033;
}

@media (max-width: 991.9999px) {

    a.btn-fit-center:link,
    a.btn-fit-center:visited {
        background-color: var(--color-text-white) !important;
        color: var(--color-text-dark-charcoal) !important;
        border: 1px solid var(--color-border-light-gray-7) !important;
        border-bottom: 1px solid var(--color-border-grey-60) !important;
    }

    a.btn-fit-center:hover,
    a.btn-fit-center:active {
        background-color: var(--color-bg-versatile-gray) !important;
        border: 1px solid var(--color-border-light-gray-7) !important;
        border-bottom: 1px solid var(--color-border-light-gray-7) !important;
        box-shadow: 0 3px 7px 0 #00000033;
    }
}

a.btn-fit-area:link,
a.btn-fit-area:visited {
    background-color: var(--color-text-white) !important;
    color: var(--color-text-dark-charcoal) !important;
    border: 1px solid var(--color-border-light-gray-7) !important;
    border-bottom: 1px solid var(--color-border-light-gray-7) !important;
    box-shadow: 0 3px 7px 0 hsla(0, 0%, 0%, 0.2);
}

a.btn-fit-area:hover,
a.btn-fit-area:active {
    background-color: var(--color-text-bright-gray) !important;
    border: 1px solid var(--color-border-light-gray-7) !important;
    border-bottom: 1px solid var(--color-border-light-gray-7) !important;
    box-shadow: 0 3px 7px 0 #00000033;
}

/*thematic break*/

hr {
    border-top: 1px solid var(--color-border-charcoal) !important;
}

hr.hrdi-1 {
    border-top: 1px solid var(--color-border-green) !important;
}

hr.hrdi-2x {
    border-top: 2px solid var(--color-border-charcoal) !important;
}

hr.hrdi-2 {
    border-top: 2px solid var(--color-border-green) !important;
}

hr.hrdi-3 {
    border-top: 3px solid var(--color-border-green) !important;
}

hr.green-3 {
    border-top: 3px solid var(--color-border-strong-green) !important;
}