@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto+Mono:wght@400;500&family=Roboto:wght@300;400;500;700&display=swap');

:root {
    --ascent-primary: #005168;
    --ascent-secondary: #83D1D6;
    --ascent-tertiary: #F37021;
    --ascent-default-text: #1C2022;
    --ascent-success: #6CC24A;
}

body {
    border-top: 6px solid var(--ascent-tertiary);
    font-family: 'Roboto', sans-serif;
}

.logo-font {
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    color: var(--ascent-primary);
}

.row.middle-crush-top {
    margin-bottom: -.5em;
}

.row.middle-crush-bottom {
    margin-top: -.5em;
}


.left-menu .row {
    font-weight: bolder;
}

.left-menu .row a {
    color: var(--ascent-default-text);
}

.ascent-primary {
    color: var(--ascent-primary);
}

.ascent-secondary {
    color: var(--ascent-secondary)
}

.ascent-tertiary {
    color: var(--ascent-tertiary);
}

.ascent-mono {
    font-family: 'Roboto Mono', monospace;
}

.ascent-success {
    color: var(--ascent-success);
}

.bg-ascent-primary {
    background-color: var(--ascent-primary);
}

.bg-ascent-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
}

.bg-ascent-grayscale-8 {
    background-color: #F5F7F8;
}

.border-ascent-tertiary {
    border-color: var(--ascent-tertiary) !important;
}

.matrix-border {
    border: 1px solid var(--ascent-primary);
}

.matrix-border:hover {
    border: 1px solid var(--ascent-tertiary);
    cursor: pointer;
}

#workshop-list a {
    color: var(--ascent-default-text);
}

.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .bi {
  position: absolute;
  padding: 8px;
  pointer-events: none;
}

/* align icon */
.left-addon .bi  { left:  0px;}
.right-addon .bi { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  50px; }
.right-addon input { padding-right: 50px; }

.badge.text-bg-ascent {
    color: #fff!important;
    background-color: var(--ascent-tertiary)!important;
}

.fixed-table-body {
    height: auto!important;
}

.last-modified {
    margin-bottom: 0.5rem! important;
    margin-top: 0.5rem! important;
    font-size: small;
    font-weight: 500;
    color: darkgray;
}

.bootstrap-table table input[type="checkbox"] {
    transform: scale(1.1);
    transform-origin: center;
  }

.form-check-input{
    border:1px solid #b4b6b9;
}

@keyframes blink {
    0% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 0; }
  }