/*! Ver 1.0 */

/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=========================================  D  =====  A  =====  R  ====  K  ===================================================
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
*/


html[theme=dark] .alert-primary      { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-secondary    { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-success      { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-info         { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-warning      { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-danger       { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-light        { color: var(--av-body2); background-color: var(--av-brand3); }
html[theme=dark] .alert-dark         { color: var(--av-body2); background-color: var(--av-brand3); }


html[theme=dark] .alert-primary      i,.alert-primary      h4, .alert-primary      .alert-link {color: var(--av-primary-l1);}
html[theme=dark] .alert-secondary    i,.alert-secondary    h4, .alert-secondary    .alert-link {color: var(--av-secondary-l1);}
html[theme=dark] .alert-success      i,.alert-success      h4, .alert-success      .alert-link {color: var(--av-success-l1);}
html[theme=dark] .alert-info         i,.alert-info         h4, .alert-info         .alert-link {color: var(--av-info-l1);}
html[theme=dark] .alert-warning      i,.alert-warning      h4, .alert-warning      .alert-link {color: var(--av-warning-l1);}
html[theme=dark] .alert-danger       i,.alert-danger       h4, .alert-danger       .alert-link {color: var(--av-danger-l1);}
html[theme=dark] .alert-light        i,.alert-light        h4, .alert-light        .alert-link {color: var(--av-light-l1);}
html[theme=dark] .alert-dark         i,.alert-dark         h4, .alert-dark         .alert-link {color: var(--av-dark-l1);}

html[theme=dark] .table-theme {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

html[theme=dark] .thead-theme {
  --bs-table-color: #000;
  --bs-table-bg: var(--av-primary);
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #fff;
  border-color: var(--av-primary-d1);
  border-bottom-width:3px;
}
/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
================================  L  ====  I  =====  G  =====  H  ====  T  ===================================================
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
*/


html[theme=light]:root {
    --bs-primary:   #5470c6;
    --bs-secondary: #ecf5fd;
    --bs-success:   #91cc75;
    --bs-info:      #73c0de;
    --bs-warning:   #ffdc60;
    --bs-danger:    #ee6666;
    --bs-light:     #f8f9fa;
    --bs-dark:      #212529;

    --bs-primary-rgb: 84, 112, 198;
    --bs-secondary-rgb: 236, 245, 253;
    --bs-success-rgb: 145, 204, 117;
    --bs-info-rgb: 113, 190, 220;
    --bs-warning-rgb: 255, 220, 96;
    --bs-danger-rgb: 238, 102, 102;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
}

html[theme=light] .alert-primary      { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-secondary    { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-success      { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-info         { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-warning      { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-danger       { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-light        { color: var(--av-body2); background-color: var(--av-brand3-l1); }
html[theme=light] .alert-dark         { color: var(--av-body2); background-color: var(--av-brand3-l1); }

html[theme=light] .alert-primary      i,.alert-primary      h4, .alert-primary      .alert-link {color: var(--av-primary-d1);}
html[theme=light] .alert-secondary    i,.alert-secondary    h4, .alert-secondary    .alert-link {color: var(--av-secondary-d1);}
html[theme=light] .alert-success      i,.alert-success      h4, .alert-success      .alert-link {color: var(--av-success-d1);}
html[theme=light] .alert-info         i,.alert-info         h4, .alert-info         .alert-link {color: var(--av-info-d1);}
html[theme=light] .alert-warning      i,.alert-warning      h4, .alert-warning      .alert-link {color: var(--av-warning-d1);}
html[theme=light] .alert-danger       i,.alert-danger       h4, .alert-danger       .alert-link {color: var(--av-danger-d1);}
html[theme=light] .alert-light        i,.alert-light        h4, .alert-light        .alert-link {color: var(--av-light-d1);}
html[theme=light] .alert-dark         i,.alert-dark         h4, .alert-dark         .alert-link {color: var(--av-dark-d1);}

html[theme=light] .table-theme {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
html[theme=light] .thead-theme {
  --bs-table-bg: var(--av-primary);
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: var(--av-primary-d1);
  border-bottom-width:3px;
}
/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
================================  General  theme class for all them styles ===================================================
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
*/


a:not([class]) {
    color: var(--av-brand2-l2) !important;
}
a:not([class]):hover {
    color: var(--av-brand2) !important;
}

h1, .h1 {font-size:1.75rem !important;font-weight:bold;font-family:HeadingFont;}
h2, .h2 {font-size:1.5rem !important;font-weight:bold;font-family:HeadingFont;}
h3, .h3 {font-size:1.35rem !important;font-weight:bold;font-family:HeadingFont;}
h4, .h4 {font-size:1.15rem !important;font-weight:bold;font-family:HeadingFont;}
h5, .h5 {font-size:1.0rem !important;font-weight:bold;font-family:HeadingFont;}

span.form-control, div.form-control, input[type=color].form-control {
    height:auto !important;
    min-height:calc(1.5em + .75rem + 2px);
}
div.form-group > span.form-control:empty, div.form-group > div.form-control:empty {
    content: "-";
    background-color: var(--av-input-bg-l1);
}
.form-control[disabled], .form-control.disabled {
    background-color: var(--av-body1l2);
    cursor:not-allowed;
}
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(206,212,218)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-control, .form-select {
    color: var(--av-input);
    background-color: var(--av-input-bg);
    border: 1px solid var(--av-input-border);
    box-shadow: var(--av-input-shadow);
}
.form-control:focus, .form-select:focus {
    color: var(--av-input-focus);
    background-color: var(--av-input-bg);
    border-color: var(--av-input-border-focus);
    outline: 0;
}
.form-control::-moz-placeholder {
  color: var(--av-placeholder);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--av-placeholder);
  opacity: 1;
}
.input-group-text {
    color:var(--av-body2) !important;
    background-color: var(--av-input-bg) !important;
    border:1px solid var(--av-input-border) !important;
}
.page-link {
    border: 1px solid var(--av-body1l2);
}
.page-link:hover {
    color: #fff;
    background-color: var(--av-body1l1);
}
.alert {
    border: 1px solid var(--av-body1l2);
    border-radius: var(--av-border-radius);
}

.modal-content {
    background:var(--av-input-bg-l1);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 1);
    border: 1px solid var(--av-body1l2);
}

.card-brand.card-outline {border-top: 3px solid var(--av-brand1);}
.card-primary.card-outline {border-top: 3px solid var(--av-primary);}
.card-secondary.card-outline {border-top: 3px solid var(--av-secondary);}
.card-success.card-outline {border-top: 3px solid var(--av-success);}
.card-info.card-outline {border-top: 3px solid var(--av-info);}
.card-warning.card-outline {border-top: 3px solid var(--av-warning);}
.card-danger.card-outline {border-top: 3px solid var(--av-danger);}
.card-light.card-outline {border-top: 3px solid var(--av-light);}
.card-dark.card-outline {border-top: 3px solid var(--av-dark);}

.card-header:first-child {border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;}

.card-header {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
    padding: .75rem 1.25rem !important;
    position: relative !important;
}

.av-panel-bg .card-footer {
    color: var(--av-light);
    background-color: rgba(0, 0, 0, 0.2);
}

.alert > strong {font-family:'HeadingFont';font-size:1.5em;clear:both;display:block;}

.alert.alert-warning > strong:before {content:'\f338';font-family:bootstrap-icons;}
html[dir=ltr] .alert.alert-warning > strong:before {margin-right:0.5rem;}
html[dir=rtl] .alert.alert-warning > strong:before {margin-left:0.5rem;}

.alert.alert-info > strong:before {content:'\f332';font-family:bootstrap-icons;}
html[dir=ltr] .alert.alert-info > strong:before {margin-right:0.5rem;}
html[dir=rtl] .alert.alert-info > strong:before {margin-left:0.5rem;}

.alert.alert-danger > strong:before {content:'\f33a';font-family:bootstrap-icons;}
html[dir=ltr] .alert.alert-danger > strong:before {margin-right:0.5rem;}
html[dir=rtl] .alert.alert-danger > strong:before {margin-left:0.5rem;}

.progress {direction:ltr !important;}

.text-muted {
    color: rgba(var(--av-body-color-rgb), 0.8) !important;
}

.navbar {
  --bs-navbar-color: var(--av-body-color);
  --bs-navbar-hover-color: var(--av-body-color-d1) !important;
  --bs-navbar-active-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

html[theme=light] .navbar-toggler {
  color: var(--av-body-color);
  background-color: var(--av-brand3-l2);
  border: 1px solid rgba(var(--av-brand3-rgb), 0.3);
  border-radius: var(--av-border-radius);
}

html[theme=light] .navbar-toggler {
/*  color: var(--av-body-color);
  background-color: var(--av-brand3);
  border: 1px solid rgba(var(--av-brand3-rgb), 0.3);
  border-radius: var(--av-border-radius);*/
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

html[theme=dark] .navbar-toggler {
/*  color: var(--av-body-color);
  background-color: var(--av-brand3-l2);
  border: 1px solid rgba(var(--av-brand3-rgb), 0.3);
  border-radius: var(--av-border-radius);*/
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}