/* Minification failed. Returning unminified contents.
(637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(668,28): run-time error CSS1039: Token not allowed after unary operator: '-background'
(1363,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(1367,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1370,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(1373,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(1376,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1377,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1382,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(1386,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1389,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(1392,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(1395,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1396,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
 */
/*!
 * rendall-bootstrap v4.0.0 (https://www.rendalltechnology.com)
 *
 * Copyright 2016 Rendall Technology
 * Licensed under MIT ()
 *
 * Designed and built with all the love in the world by Scott Rendall.
 */

/* Grid System */
/* Typography */
/* Forms */
/* Images */
/* Helper */
/* Responsive */
/* Components */
/* Overrides */


/* BOOTSTRAP v4 UPDATE */

/* Anchor fix */

.anchor:before {
    display: block;
    height: 60px;
    margin-top: -60px;
    content: "";
}
/*.anchor {
    display: block;
    position: relative;
    top: calc(-50px - 1rem);
    visibility: hidden;
}*/

/* Typography */

/* Forms */

button[disabled], 
a[disabled], 
a.disabled {
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none;
}

.form-text {
    color: #6c757d;
    font-size: 85%;
    margin-top: .25rem;
}
.form-text:empty {
    display: none !important;
}

/* Helper */

/* Components */

.hidden, 
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
}

/* NEW CLASSES */

/* Grid System */

.vh-100 {
    min-height: 100vh; 
}
.vh-75 {
    min-height: 75vh; 
}
.vh-66 {
    min-height: 66.66vh; 
}
.vh-50 {
    min-height: 50vh; 
}
.vh-33 {
    min-height: 33.33vh; 
}
.vh-25 {
    min-height: 25vh; 
}

.vw-50 {
    min-width: 50vw; 
}

/*@media (min-width: 768px) {
    .w-md-50 {
        width: 50%;
    }
    .vw-md-100 {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important;
        overflow: hidden;
    }
}
@media (min-width: 576px) {
    .vw-sm-100 {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important;
        overflow: hidden;
    }
}
@media (max-width: 575px) {
    .vw-xs-100 {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important;
        overflow: hidden;
    }
}*/


/* Typography */

mark, .mark {
    background-color: yellow;
    padding: 0;
}

.rule-full {
    margin: 30px auto;
}
.rule-half {
    margin: 30px auto;
    width: 50%;
}
.rule-quarter {
    margin: 30px auto;
    width: 25%;
}


a[rel*='external'] {
	background-repeat: no-repeat;
    background-size: contain;
	/*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAU0lEQVQYlXWPsQ0AMQwCs/8GNIzDBszjr5AcO49Eg87InBoi+fTpkKSyPW83mFDSBgFUN8l3I4ArmK8scEIZYXs3ZgjJSp7WC+zNM19g9AT/3PUBIyheC4KHCCoAAAAASUVORK5CYII=");*/
	background-image: url("/images/external.png");
	background-position: right center;
	padding: 0 1em 0 0;
}
[dir='rtl'] a[rel*='external'] {
	/*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAU0lEQVQYlY2PwQ3AMAgDs/8G/ngcb+B56KuIUBoFyQ/gdIhFMqb0WtPQdkg6g5LujSQDwJYE+6kqSND2+MTbA4hVbQByaXs3VgOAz9kj2GsE//IAVSxeC25S1usAAAAASUVORK5CYII=");*/
	background-image: url("/images/external_ltr.png");
	background-position: left center;
	padding: 0 0 0 1em;
}

.figure {
    margin-bottom: 1rem;
}
.figure-caption {
    /*font-size: 80%;*/
    padding: .75rem 1rem;
}

.figure-overlay { 
    position: relative; 
}
.figure-overlay .figure-caption { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    line-height: 0; 
    width: 100%;
}
.figure-overlay .figure-caption-icon { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    text-align: center; 
    background-color: white;
    /*font-size: 20px;
    font-size: 18px;*/
    /*width: 40px; 
    line-height: 40px;*/
    margin-bottom: 0; 
    width: 2.5em; 
    line-height: 2.5em;
}

@media (min-width: 768px) {
    .figure-overlay .figure-caption-icon { 
        /*width: 48px; 
        line-height: 48px;*/ 
    }
}
@media (max-width: 767px) {
    .figure-overlay .figure-caption-icon { 
    }
}


.pre {
    white-space: pre-wrap;
}
.code {
    color: #e83e8c !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 87.5%;
}

/*.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}*/
.text-shadow {
    text-shadow: 1px 1px 4px #000; /* google meet */
}

@media (min-width: 768px) {

    .text-right-sm {
        text-align: right;
    }
    [dir='rtl'] .text-right-sm {
        text-align: left;
    }

}


.table-striped-vertical th:nth-of-type(even), 
.table-striped-vertical td:nth-of-type(even) {
    /*background-color: #f9f9f9;*/
    background-color: rgba(0, 0, 0, 0.05);
}

.table-img {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle !important;
    width: 2rem;
}
.table-img img {
    height: 2rem;
    width: 2rem;
}

.table-btn-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}
.table-btn-group .btn, 
.btn-table {
    padding: 6px 10px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px;
    min-width: 55px;
}


/*.list-grid {
    margin: -15px;
}
.list-grid li {
    float: none;
    display: inline-block;
    vertical-align : text-top;
    margin-top: 15px;
    margin-bottom: 15px;
}*/


/*.list-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
}
.list-row > li {
    float: none;
    display: inline-block;
    vertical-align : text-top;
    margin-bottom: 15px;
}*/


/*.list-col-sm-4 {
    list-style: none;
    padding: 0;
}
@media (min-width: 768px) {
    .list-col-sm-4 {
        -moz-column-count: 3;
        -moz-column-gap: 30px;
        -webkit-column-count: 3;
        -webkit-column-gap: 30px;
        column-count: 3;
        column-gap: 30px;
    }
}*/

/*.list-grid-sm-5,
.list-grid-sm-4,
.list-grid-sm-3,
.list-grid-xs-3,
.list-grid-xs-2 {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}
.list-grid-sm-5 > li,
.list-grid-sm-4 > li,
.list-grid-sm-3 > li,
.list-grid-xs-3 > li,
.list-grid-xs-2 > li {
    display: inline-block;
    padding: 10px;
    vertical-align: text-top;
}
@media (min-width: 768px) {
    .list-grid-sm-5 > li {
        width: 20%;
    }
    .list-grid-sm-4 > li {
        width: 25%;
    }
    .list-grid-sm-3 > li {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .list-grid-xs-3 > li {
        width: 33.33%;
    }
    .list-grid-xs-2 > li {
        width: 50%;
    }
}*/

.list-inline-comma,
.list-inline-dash,
.list-inline-dot,
.list-inline-pipe { 
    list-style: none;
    padding: 0;
}
.list-inline-comma .list-inline-item,
.list-inline-dash .list-inline-item,
.list-inline-dot .list-inline-item,
.list-inline-pipe .list-inline-item { 
    display: inline-block;
    margin-right: 0;
}
.list-inline-comma > li:last-child:after,
.list-inline-dash > li:last-child:after,
.list-inline-dot > li:last-child:after,
.list-inline-pipe > li:last-child:after { 
    content: '';
}

.list-inline-comma > .list-inline-item:after { 
    color: #777;
    content: ', ';
}
.list-inline-dash > .list-inline-item:after { 
    color: #777;
    content: ' - ';
}

.list-inline-dot .list-inline-item:after { 
    color: #777;
    content: ' · ';
}

.list-inline-pipe > .list-inline-item:after { 
    color: #777;
    content: ' | ';
}


.list-rule { 
    list-style: none;
    padding: 0;
}
.list-rule > li {
    /*border-bottom: 1px solid #D3E0E9;*/
    border-bottom: 1px solid #eee;
    /*padding: 10px 0 0 0;*/
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.list-rule > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.list-toc {
    border-left: 3px solid #007bff;
    list-style: none;
    padding: .75rem 1.25rem;
}
[dir='rtl'] .list-toc {
    border-left: none;
    border-right: 3px solid #007bff;
}


/* Forms */

.btn-submit, 
.btn-group-submit .btn {
    min-width: 80px;
}
.btn-sm.btn-submit {
    min-width: 60px;
}

/*@media (min-width: 768px) {
    .btn-md-submit {
        min-width: 80px;
    }
}
@media (min-width: 576px) {
    .btn-sm-submit {
        min-width: 50px;
    }
}*/

.input-group-img {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: calc(1.5em + .75rem + 2px);
    width: auto;
}
.input-group-prepend .input-group-img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-append .input-group-img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*.btn-outline-default {
    border-color: #cccccc;
    color: inherit;
	transition: background .15s ease-out;
}
.btn-outline-default:hover,
.btn-outline-default:active {
    background-color: rgba(0,0,0,.2);
    border-color: #cccccc;
    color: inherit;
}*/

/*.btn-outline-primary {
    border-color: #337ab7;
    color: #337ab7;
	transition: background .15s ease-out;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: #337ab7;
    color: white;
}*/

/*.btn-outline-success {
    border-color: #3c763d;
    color: #3c763d;
	transition: background .15s ease-out;
}
.btn-outline-success:hover,
.btn-outline-success:active {
    background-color: #3c763d;
    color: white;
}*/

/*.btn-outline-light {
    border-color: #fff;
    color: #fff;
	transition: background .15s ease-out;
}
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    background-color: #fff;
    color: #333;
}*/

/*.form-control::-moz-placeholder {
  font-style: italic;
}
.form-control:-ms-input-placeholder {
  font-style: italic;
}
.form-control::-webkit-input-placeholder {
  font-style: italic;
}*/


/* Images */

/*.img-fluid {
    width: 100%;
    height: auto;
}*/

.img-social {
    height: 1em;
    vertical-align: bottom;
    vertical-align: top;
}

.img-inline {
    height: 16px; /* same as line-height */
    vertical-align: text-top;
}
.emoji {
    height: 18px;
    vertical-align: text-bottom;
}

/*.img-crop {
    object-fit: cover;
}*/

.img-default {
    background-color: #f5f5f5;
}

.img-grayscale, 
.img-grayscale img {
  filter: gray; /* IE6-9 */
  filter: grayscale(100%); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(100%); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.icon-sm {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 20px;
    line-height: 20px;
}
.icon-md {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 40px;
    line-height: 40px;
}

/*.shape-circle {
    border-color: inherit;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    line-height: 80px;
    width: 80px;
}
.shape-circle-primary {
    background-color: #428bca;
    color: white;
    border-radius: 50%;
    display: inline-block;
    line-height: 80px;
    width: 80px;
}*/


/* Helper */

.font-reset {
    font: inherit;
}

/*.text-reset {
    color: inherit;
}*/
.text-translucent {
    opacity: 0.5;
}

/*.text-inherit:hover a:not(.btn) {
    color: #337ab7;
}
.text-inherit a:not(.btn):hover,
.text-inherit a:not(.btn):active,
.text-inherit a:not(.btn):focus {
    color: #23527c;
}*/

.border-1 {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}


.bg-primary-translucent {
    /*background-color: rgba(51,122,183,0.75);*/
    background-color: rgba(0, 123, 255, 0.8);
}
.bg-secondary-translucent {
    /*background-color: rgba(108,117,125,0.8);*/
    background-color: rgba(108, 117, 125, 0.5);
}
/*.bg-light-translucent {
    background-color: rgba(248, 249, 250, 0.5);
}*/
/*.bg-dark-translucent {
    background-color: rgba(52, 58, 64, 0.5);
}*/
.bg-black-translucent {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-white-translucent {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.bg-frost {
    background: inherit;
    position: relative;
    overflow: hidden;
}
.bg-frost:before{
    content: '';
    background: inherit;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    box-shadow: inset 0 0 0 3000px rgba(255,255,255,0.3);
    filter: blur(10px);
}

.navbar.bg-black-translucent {
    background-color: rgba(0, 0, 0, 0.85);
}
.navbar.bg-white-translucent {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-img {
	background-position: center center;
    background-size: cover; 
    background-image: attr(data-img);
    background-image: var(--background);
}
.bg-img-fixed {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	/*background-repeat: no-repeat;*/
    /*width: 100%;
	height: 90vh;*/
}

/*.bg-radiant {
    background: radial-gradient(ellipse at center,#fff 0%,#fff 30%,#e5e5eb 54%,#c9c7d1 71%);
}*/


.hide-empty:empty,
.hide-empty:-moz-only-whitespace {
    display: none;
}

.vertical-center {
    position: relative;
    /*display: table-cell;*/
}
.vertical-center > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*vertical-align: middle;*/
}

.vertical-bottom {
    display: flex;
    /*align-items: flex-end;*/
    flex-direction: column;
    justify-content: flex-end;
}

div[disabled],
div.disabled,
li[disabled],
li.disabled {
    opacity: .65;
    pointer-events: none;
}

.overlay { 
    position: relative; 
}
.overlay .overlay-tl { 
    position: absolute; 
    left: 0; 
    top: 0; 
}
.overlay .overlay-tr { 
    position: absolute; 
    right: 0; 
    top: 0; 
}
.overlay .overlay-bl { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
}
.overlay .overlay-br { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
}

.char-monospace,
.text-icon {
    display: inline-block;
    min-width: 1em;
    text-align: center;
    text-decoration: none;
    line-height: 1em;
}


/* Responsive */

.alert-fluid {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border: 0;
    margin: 0;
}

.audio-fluid {
    width: 100%;
}


/* Components */

.jumbotron-caption {
    border-radius: 6px;
    display: inline-block;
    margin: 15px 0;
    padding: 10px 20px 0 20px;
}

.aside {
    padding: 1rem 15px;
}
.aside-text:last-child {
    margin-bottom: 0 !important;
}
.aside-group > .aside {
    margin-bottom: 1rem;
}

.footer-light {
    color: #6c757d; /* secondary & muted */
}
.footer-light a {
    color: #343a40; /* dark */
    /*font-weight: 600;*/
}
.footer-light a:hover,
.footer-light a:focus,
.footer-light a:active {
    color: #121416; /* dark */
}

.alert-default {
    border: 1px solid rgba(0,0,0,.125);
}
.alert-default a {
    /*color: inherit;*/
    /*font-weight: 500;*/
}

.alert-muted {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.alert-muted a {
    color: inherit;
    font-weight: 500;
}

.alert-group {
    list-style-type: none;
    padding: 0;
}
.alert-group > .alert:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
}
.alert-group > .alert:not(:first-child):not(:last-child) {
    border-radius: 0;
    border-top: 0;
    margin-bottom: 0;
}
.alert-group > .alert:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}


/*.badge-primary {
    background-color: #337ab7;
}
.badge-danger {
    background-color: #d9534f;
}*/
/*a:hover .badge-danger,
a:focus .badge-danger,
a:active .badge-danger {
    background-color: #d2322d;
}*/


.panel-body {
	padding-bottom: 5px;
}

.panel-inverse {
    border-color: #080808;
}
.panel-inverse .panel-heading {
    background-color: #222;
    color: #fff;
}


.panel-post .panel-heading {
    overflow: hidden;
    padding: 0;
    border-bottom-width: 0;
}

.panel-profile .panel-heading {
    height: 150px;
    background-position: center; 
    background-size: cover; 
}
.panel-profile .panel-title {
    font-size: 18px;
    margin-bottom: 5px;
}

/*.card-img-top {
    height: auto;
}*/
.card-img-overlay {
    border-radius: calc(.25rem - 1px);
}
.card-img-left {
    border-top-left-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}
.card-img-profile {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 50%;
    width: 100%;
    height: auto;
    margin-top: -53.33px;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
}

.card-text {
    display: inline-block;
    text-decoration: none !important;
}

.card-grid,
.card-grid-4 {
    list-style: none;
    padding: 0;
    margin: -.5rem;
    margin-bottom: .5rem;
    display: flex;
    flex-wrap: wrap;
}
.card-grid .card,
.card-grid-4 .card {
    height: 100%;
    width: 100%;
}
.card-grid .col-sm-3,
.card-grid .col-sm-6,
.card-grid .col-xs-6,
.card-grid .col-xs-12,
.card-grid > li,
.card-grid-4 > li {
    padding: .5rem;
}
.card-grid-4 > li {
    /*width: 25%;*/
}
@media screen and (max-width: 767px) {
    .card-grid-4 > li {
        /*width: 50%;*/
    }
}
@media screen and (max-width: 575px) {
    .card-grid-4 > li {
        /*width: 100%;*/
    }
}


/*.row-cols-2 > .col {
    flex: 0 0 50%;
    max-width: 50%;
}
.row-cols-3 > .col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
@media screen and (min-width: 768px) {
    .row-cols-md-3 > .col {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-md-4 > .col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}*/


ol.row, 
ul.row {
    list-style: none;
    padding: 0;
}



/*.note {
    border-left: 5px solid #eee;
    color: #777;
    font-size: 85%;
    margin-bottom: 10px;
    padding: 10px 20px;
}
[dir='rtl'] .note {
    border-left: none;
    border-right: 5px solid #eee;
}*/

/*.callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.callout-danger {
	border-left-color: #ce4844;
}
.callout-danger h4 {
	color: #ce4844;
}
.callout-info {
	border-left-color: #1b809e;
}
.callout-info h4 {
	color: #1b809e;
}
.callout-warning {
	border-left-color: #aa6708;
}
.callout-warning h4 {
	color: #aa6708;
}*/


/*.nav > li > .navbar-media {
    padding-top: 9px;
    padding-bottom: 9px;
}
.navbar-media img {
    max-height: 32px;
}*/

.nav-img {
    display: flex;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}
    .nav-img * {
        align-self: center !important;
    }


/*.navbar-badge {
    display: inline-block;
    position: relative;
}
.navbar-badge-item {
    position: absolute;
    top: 0;
    right: -9px;
}*/

.dropdown-menu .navbar-form {
    padding: .5rem 1rem;
}


.footer {
    font-size: 80%;
    padding: 30px 0 20px 0;
}

.footer-default {
    /*background-color: #f5f5f5;*/
    /*border-top: 1px solid #ddd;*/
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    color: #777;
}
.footer-default a {
    color: #777;
}
.footer-default a:hover, 
.footer-default a:active, 
.footer-default a:focus 
{
    color: #333;
}

.footer-inverse {
    background-color: #222;
    border-top: 1px solid #080808;
    color: #999999;
    color: #CCCCCC;
}
.footer-inverse a {
    color: white;
}


/* Special Effects */

a:hover .sfx-translucent,
a:active .sfx-translucent {
    /*opacity: 0.75;*/
    opacity: 0.8;
}

a .sfx-fade {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
a:hover .sfx-fade,
a:active .sfx-fade {
    /*opacity: 0.75;*/
    opacity: 0.8;
}

.sfx-fadein {
    animation: fadein 0.2s;
    /*-webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;*/
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.sfx-fadeinup {
    animation-name: fadeInUp;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.ms-3 {
    margin-left: 1rem;
}
.me-3 {
    margin-right: 1rem;
}

.w-25 {
    width: 25%;
}
.w-33 {
    width: 33.33%;
}
.w-50 {
    width: 50%;
}
.w-75 {
    width: 75%;
}
.w-100 {
    width: 100%;
}

/*.h-100 {
    height: 100%;
}
.h-auto {
    height: auto;
}*/

.w-xs-100 {
    width: 100%;
}
.w-xs-50 {
    width: 50%;
}
@media (min-width: 576px) {
    .w-sm-50 {
        width: 50%;
    }
    .w-sm-100 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .w-md-25 {
        width: 25%;
    }
    .w-md-50 {
        width: 50%;
    }
}

.float-end {
    float: right;
}

/*!
 * rendall-bootstrap v5.0.0 (https://www.rendalltechnology.com)
 *
 * Copyright 2022 Rendall Technology
 * Licensed under MIT ()
 *
 * Designed and built with all the love in the world by Scott Rendall.
 */

/* Layout */
/* Content */
/* Forms */
/* Components */
/* Helpers */
/* Utilities */


/* BOOTSTRAP v5 UPDATE */

/* Layout */

/*.g-3 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-bottom: 0;
}
.g-3 > * {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-bottom: 1rem;
}*/


/*.gx-3 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}
.gx-3 > * {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}*/


/*.gy-1 {
    margin-bottom: -0.25rem;
}*/
/*.gy-1 > * {
    margin-bottom: 0.25rem;
}
.gy-1 > *:last-child {
    margin-bottom: 0;
}*/

/*.gy-2 {
    margin-bottom: -0.5rem;
}*/
/*.gy-2 > * {
    margin-bottom: 0.5rem;
}
.gy-2 > *:last-child {
    margin-bottom: 0;
}*/

/*.gy-3 {
    margin-bottom: -1rem;
}*/
/*.gy-3 > * {
    margin-bottom: 1rem;
}
.gy-3 > *:last-child {
    margin-bottom: 0;
}*/

/*.gy-4 {
    margin-bottom: -1.5rem;
}*/
/*.gy-4 > * {
    margin-bottom: 1.5rem;
}
.gy-4 > *:last-child {
    margin-bottom: 0;
}*/


.mx-n {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important;
}
@media (min-width: 576px) {
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


ol.gy-1 > *, 
ul.gy-1 > * {
    margin-bottom: 0.25rem;
}
ol.gy-1 > *:last-child, 
ul.gy-1 > *:last-child {
    margin-bottom: 0;
}

ol.gy-2 > *, 
ul.gy-2 > * {
    margin-bottom: 0.5rem;
}
ol.gy-2 > *:last-child, 
ul.gy-2 > *:last-child {
    margin-bottom: 0;
}

ol.gy-3 > *, 
ul.gy-3 > * {
    margin-bottom: 1rem;
}
ol.gy-3 > *:last-child, 
ul.gy-3 > *:last-child {
    margin-bottom: 0;
}


.top-0 {
    top: 0;
}
.bottom-0 {
    bottom: 0;
}

[dir='ltr'] .start-0 {
    left: 0;
}
[dir='ltr'] .end-0 {
    right: 0;
}
[dir='rtl'] .start-0 {
    right: 0;
}
[dir='rtl'] .end-0 {
    left: 0;
}



/* Content */

a:link {
    text-decoration: none;
}
a:hover:not(.btn):not(.nav-link):not(.dropdown-item), 
a:active:not(.btn):not(.nav-link):not(.dropdown-item) {
    text-decoration: underline;
}

/*small, .small {
    font-size: .85em;
}*/


/* Forms */

/* Components */

/* Helpers */

.display-5 {
    font-size: 3rem;
}
.display-6 {
    font-size: 2.5rem;
}

/* Utilities */

@media (min-width: 576px) {
    .rounded-sm-1 {
        border-radius: var(--bs-border-radius-sm) !important;
    }
    .rounded-sm,
    .rounded-sm-2 {
        border-radius: var(--bs-border-radius) !important;
    }
    .rounded-sm-3 {
        border-radius: var(--bs-border-radius-lg) !important;
    }
    .rounded-sm-4 {
        border-radius: var(--bs-border-radius-xl) !important;
    }
    .rounded-sm-bottom {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important;
    }
}
@media (min-width: 768px) {
    .rounded-md-1 {
        border-radius: var(--bs-border-radius-sm) !important;
    }
    .rounded-md,
    .rounded-md-2 {
        border-radius: var(--bs-border-radius) !important;
    }
    .rounded-md-3 {
        border-radius: var(--bs-border-radius-lg) !important;
    }
    .rounded-md-4 {
        border-radius: var(--bs-border-radius-xl) !important;
    }
    .rounded-md-bottom {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important;
    }
}

/*.border-2 {
    border: 2px solid #fff;
}
.border-3 {
    border: 3px solid #fff;
}*/

/*.rounded-0 {
    border-radius: 0;
}
.rounded-1 {
    border-radius: 0.25rem;
}
.rounded-2 {
    border-radius: 0.5rem;
}
.rounded-3 {
    border-radius: 1rem;
}
.rounded-4 {
    border-radius: 1.5rem;
}
.rounded-5 {
    border-radius: 2rem;
}*/

/*.rounded-start {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
}*/

/* NEW CLASSES */

/* Layout */

/* Content */

/* Forms */

/* Components */

/* Helpers */

/* Utilities */

.img-crop { 
    object-fit: cover;
}

body {
    padding-top: 3.5rem;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 1rem;
    /*padding-bottom: 1px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}


/* default */

/*@media (max-width: 767px) {
    html {
        font-size: 14px;
    }
}*/
body {
    font-family: 
        Roboto, 
        system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, 
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
}*/

h1, h2, h3, h4, 
.h1, .h2, .h3, .h4, 
h1 small, h2 small, h3 small, h4 small, h5 small {
    font-weight: 300;
}

h1 strong, 
h5, 
.h5, 
.col-form-label,
.lead {
    font-weight: 400 !important;
}

strong, 
b,
th, 
.font-weight-bold, 
.alert .alert-link, 
.badge {
    font-weight: 500 !important;
}

/*.navbar {
    height: 50px;
}*/

/*article p {
    margin-bottom: 20px;
}*/

/* Anchor fix */

.anchor:before {
    display: block;
    height: 60px;
    margin-top: -60px;
    content: "";
}


/* bootstrap */

/*a {
    color: #2962ff;
}*/
a:link {
    text-decoration: none;
}
a:hover:not(.btn):not(.nav-link):not(.dropdown-item), 
a:active:not(.btn):not(.nav-link):not(.dropdown-item) {
    text-decoration: underline;
}

/*.text-nowrap {
    white-space: nowrap;
}*/

.breadcrumb-small {
    background-color: transparent;
    /*font-size: .85em;*/
    padding: 0;
}


/* layout */

/*.container {
    max-width: 670px;
    max-width: 893px;
    max-width: 830px;
    max-width: 1006px !important;
}*/

.container-fluid {
    
    /*max-width: 670px;
    max-width: 830px;
    max-width: 893px;
    max-width: 1170px;
    max-width: 1005px;*/
    max-width: 1140px;
}

/*ol.gy-1 > *, 
ul.gy-1 > * {
    margin-bottom: 0.25rem;
}
ol.gy-1 > *:last-child, 
ul.gy-1 > *:last-child {
    margin-bottom: 0;
}

ol.gy-2 > *, 
ul.gy-2 > * {
    margin-bottom: 0.5rem;
}
ol.gy-2 > *:last-child, 
ul.gy-2 > *:last-child {
    margin-bottom: 0;
}

ol.gy-3 > *, 
ul.gy-3 > * {
    margin-bottom: 1rem;
}
ol.gy-3 > *:last-child, 
ul.gy-3 > *:last-child {
    margin-bottom: 0;
}*/


/* forms */

/*.btn-block-half {
    min-width: 50%;
}*/

.btn-link {
    background-color: transparent;
    border: none;
    padding: 0;
}

/* Lists */

.list-image-sm-5,
.list-image-sm-4,
.list-image-sm-3,
.list-image-xs-3,
.list-image-xs-2 {
    list-style: none;
    padding: 0;
    margin: -1px -1px 14px -1px;
}
.list-image-sm-5 > li,
.list-image-sm-4 > li,
.list-image-sm-3 > li,
.list-image-xs-3 > li,
.list-image-xs-2 > li {
    display: inline-block;
    padding: 1px;
}
@media (min-width: 768px) {
    .list-image-sm-5 > li {
        width: 20%;
    }
    .list-image-sm-4 > li {
        width: 25%;
    }
    .list-image-sm-3 > li {
        width: 33.33%;
        /*padding: 15px;*/
    }
    /*.list-image-sm-3 {
        margin: -15px;
    }*/
}
@media (max-width: 767px) {
    .list-image-xs-3 > li {
        width: 33.33%;
    }
    .list-image-xs-2 > li {
        width: 50%;
    }
}



/*@media (max-width: 767px) {
    .list-group-flush > li {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}*/


.footer-default a {
    color: inherit;
}


div.sfx-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.rounded-circle.sfx-shadow {
    /*box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24) !important;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
    /*box-shadow: 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.05) !important;*/
}

img.sfx-shadow {
    border: 3px solid #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


/*.text-shadow {
    text-shadow: 1px 1px #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}*/


/*.badge {
    font-weight: normal;
}*/

/*.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}*/
/*.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}*/
.badge-circle {
    border-radius: 50%;
    padding: 3px;
    min-width: 18px;
}
.badge-circle > * {
    height: 1em;
    width: 1em;
}




.vertical-middle {
    display: table-cell;
    vertical-align: middle;
}



.btn-group-submit button {
    /*width: 120px;*/
}

/*.bg-light {
    background-color: rgb(245, 245, 247) !important;
}*/

/*.bg-danger {
    background-color: #dc3545 !important;
}*/
/*.bg-warning {
    background-color: #fcf8e3 !important;
    background-color: #ffc107 !important;
}*/
/*.text-danger {
    color: #dc3545 !important;
}*/
/*.text-warning {
    color: #ffc107 !important;
}*/
/*.bg-img {
    background-position: center bottom; 
}*/

.table-avatar {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    width: 30px;
}
.table-avatar img {
    height: 30px;
    width: 30px;
}

.table-btn-group {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.table-btn-group .btn, 
.btn-table {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px;
    min-width: 55px;
}



/*.card-body {
    padding: 1rem;
}*/

.card-footer {
    background-color: inherit;
    border-top: none;
    /*padding: 1.25rem;
    padding-top: 0;*/
}

@media (max-width: 767px) {
    /*.card-body {
        padding: 1rem;
    }*/
    /*.card-footer {
        padding: 1rem;
        padding-top: 0;
    }*/
}


.bg-blur {
    filter: blur(5px);
}
.img-opacity {
    filter: opacity(50%);
}



.footer-light a {
    color: #495057;
}



.img-profile {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 116px;
    height: 116px;
    margin-top: -77.3333px;
    /*margin-top: -66.66%;*/
}
.img-profile-wrapper {
    max-width: 116px;
    padding: 0;
}

.img-md-profile {
    height: 3em;
    width: auto;
}
.img-sm-profile {
    height: 2em;
    width: auto;
}


.bg-cover {
    height: 50vh; 
    max-height: 50vw; 
}


.tile {
    line-height: 1rem;
}
.tile-16 {
    background: url() 2px 2px no-repeat; 
    background-size: 16px 16px;
    padding-left: 22px;
    display: block; 
    line-height: 20px;
    width: 250px;
}
.media-32 {
    /*background: url() 0 0 no-repeat;*/ 
    background-size: 32px 32px;
    /*padding-left: calc(32px + .5em);*/
    display: inline-block; 
    /*line-height: 32px;*/
    height: 32px;
    width: 32px;
}
.tile-32 {
    background: url() 0 0 no-repeat; 
    background-size: 32px 32px;
    padding-left: calc(32px + .5em);
    display: inline-block; 
    /*line-height: 32px;*/
    height: 32px;
    width: 250px;
    margin-bottom: 1em;
}
.tile-48 {
    background: url() 1px 1px no-repeat; 
    background-size: 48px 48px;
    padding-left: 55px;
    display: block; 
    line-height: 50px;
    width: 250px;
}
.tile-96 {
    background: url() 2px 2px no-repeat; 
    background-size: 96px 96px;
    padding-top: 100px;
    display: block; 
    line-height: 20px;
    width: 100px;
    text-align: center;
}

/*.tile-16, .tile-32, .tile-48, .tile-96 { background-image: url(https://static.licdn.com/scds/common/u/images/logos/favicons/v1/favicon.ico); }*/


.badge-outline-success {
    background-color: transparent;
    border: 1px solid #28a745;
    color: #28a745;
    padding: calc(.25em - 1px) calc(.4em - 1px);
}
.badge-outline-muted {
    background-color: transparent;
    border: 1px solid #6c757d;
    color: #6c757d;
    padding: calc(.25em - 1px) calc(.4em - 1px);
}


.overflow-x-scroll {
    overflow-x: scroll;
    white-space: nowrap !important;
}

.more::after {
    content: "›";
    display: inline-block;
    font-family: Arial;
    margin-left: .3em;
    text-decoration: none;
}



.img-cover {
    margin-top: -50px;
}

/*.vh-50 {
    height: calc(50vh - 50px) !important;
    min-height: calc(50vh - 50px) !important;
}*/
/*.vh-50 {
    height: 40vh !important;
    min-height: 40vh !important;
}*/
.vh-100 {
    height: calc(100vh - 50px) !important;
    min-height: calc(100vh - 50px) !important;
}

.chevron-right:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    /*content: "";*/
}
