body {
    overflow-x: hidden;
}


.header-link {
    font-weight: 600;
    color: #002b31;
    white-space: nowrap;
    text-decoration: none !important;
}
.header-link:hover,
.header-link:focus {
    color: #006372;
}
.header-link-selected {
    box-shadow: inset 0 -1px 0 #002b31;
}


/* COLORS */
.atc-color-1 {
    color: #f3f3f2 !important;
}
.atc-bg-color-1 {
    background-color: #f3f3f2 !important;
}
.atc-color-2 {
    color: #f2ece4 !important;
}
.atc-bg-color-2 {
    background-color: #f2ece4 !important;
}
.atc-color-3 {
    color: #e7e5ff !important;
}
.atc-bg-color-3 {
    background-color: #e7e5ff !important;
}
.atc-color-4 {
    color: #002d33 !important;
}
.atc-bg-color-4 {
    background-color: #002d33 !important;
}
/* end COLORS */


.atc-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f3f3f2;
    background-clip: border-box;
    border: 0px;
    border-radius: 1rem;
}
.atc-card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}


.card-grow {
    transition: all .2s ease-in-out;
}
.card-grow:hover {
    transform: scale(1.03);
    cursor: pointer;
}
.img-grow {
    transition: all .3s ease-in-out;
}
.img-grow:hover {
    transform: scale(2.3);
}


.atc-tp-1 {
    background-color: rgba(205, 127, 50, .15) !important;
    border: 1px solid rgba(205, 127, 50, .4);
}
.atc-tp-1-c {
    color: rgba(205, 127, 50) !important;
}
.atc-tp-2 {
    background-color: rgba(192, 192, 192, .3) !important;
    border: 1px solid rgba(192, 192, 192, .6);
}
.atc-tp-2-c {
    color: rgba(192, 192, 192) !important;
}
.atc-tp-3 {
    background-color: rgba(255, 215, 0, .15) !important;
    border: 1px solid rgba(255, 215, 0, .45);
}
.atc-tp-3-c {
    color: rgba(255, 215, 0) !important;
}


.atc-main-block {
    padding: 30px 60px 30px 60px;
}


.atc-bg-gr-1 {
    background: rgb(204,228,244); /* cce4f4, aaa4f7, 5c54d1 */
    background: linear-gradient(111deg, rgba(204,228,244,1) 15%, rgba(170,164,247,1) 65%, rgba(92,84,209,1) 100%);
}
.atc-bg-gr-1-r {
    background: rgba(92,84,209,1); /* 5c54d1, aaa4f7, cce4f4 */
    background: linear-gradient(111deg, rgba(92,84,209,1) 0%, rgba(170,164,247,1) 35%, rgba(204,228,244,1) 85%);
}
.atc-bg-gr-2 {
    background: rgb(92,84,209); /* 5c54d1, cd7f32 */
    background: linear-gradient(120deg, rgba(92,84,209,0.7) 0%, rgba(205,127,50,0.7) 100%);
}
.atc-bg-gr-3 {
    background: rgb(205,127,50); /* cd7f32, c0c0c0, ffd700 */
    background: linear-gradient(120deg, rgba(205,127,50,0.15) 0%, rgba(192,192,192,0.15) 50%, rgba(255,215,0,0.15) 100%);
}
.atc-bg-gr-4 {
    background: rgb(205,127,50);
    background: linear-gradient(120deg, rgba(192,192,192,0.2) 0%, rgba(170,164,247,.3) 50%, rgba(192,192,192,0.2) 100%);
}


.atc-button {
    color: #adbac7 !important;
    background-color: #373e47 !important;
    border-color: rgba(205, 217, 229, 0.1) !important;
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: all !important;
    transition-property: color, background-color, box-shadow, border-color;
    position: relative;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer !important;
    user-select: none;
    border: 1px solid;
    border-radius: 6px;
    appearance: none !important;
    text-decoration: none;
}
.atc-button:hover {
    background-color: #444c56 !important;
    border-color: #768390 !important;
    transition-duration: .1s;
}

.atc-default-btn {
    color: #fff;
    background-color: #7770ff;
    border-color: rgba(95, 88, 255, .1);
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color, background-color, box-shadow, border-color;
    position: relative;
    padding: 10px 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    white-space: nowrap;
    cursor: pointer !important;
    user-select: none;
    border: 1px solid;
    border-radius: 6px;
    appearance: none !important;
    text-decoration: none;
}
.atc-default-btn:hover {
    background-color: #5f57ff;
    transition-duration: .1s;
}


.legend {
    width: 90%;
    height: 50%;
    position: absolute;
    padding: 8px;
    font-size: 18px;
    text-align: left;
    z-index: 1000;
    pointer-events: none;
    color: black;
    font-family: sans-serif;
}


.general-img {
    border: 1px solid #dee2e6;
    cursor: pointer;
}


.ref-calc-element {
    border: 2px solid #dee2e6;
    border-radius: 1rem;
}


.grecaptcha-badge {
    visibility: hidden;
}
.recaptcha-link {
    color: #4e545a;
}


.flex-wrapper {
    display: flex;
    min-height: calc(100vh - 70px);
    flex-direction: column;
    justify-content: space-between;
}

.that-is-it-text {
    font-size: 60px;
    font-family: Tahoma, sans-serif;
    background: linear-gradient(111deg, rgba(170,164,247,1) 0%, rgba(92,84,209,1) 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Rounded table */

.curved-corner-top-left {
    width: 10px;
    height: 10px;
    border: solid 1px #dee2e6;
    border-color: #dee2e6 transparent transparent #dee2e6;
    border-radius: 10px 0 0 0;
    box-shadow: -2px -2px 0 2px white;
}
.curved-corner-top-right {
    width: 10px;
    height: 10px;
    border: solid 1px #dee2e6;
    border-color: #dee2e6 #dee2e6 transparent transparent;
    border-radius: 0 10px 0 0;
    box-shadow: 2px -2px 0 2px white;
}
.curved-corner-bottom-left {
    width: 10px;
    height: 10px;
    border: solid 1px #dee2e6;
    border-color: transparent transparent #dee2e6 #dee2e6;
    border-radius: 0 0 0 10px;
    box-shadow: -2px 2px 0 2px white;
}
.curved-corner-bottom-right {
    width: 10px;
    height: 10px;
    border: solid 1px #dee2e6;
    border-color: transparent #dee2e6 #dee2e6 transparent;
    border-radius: 0 0 10px 0;
    box-shadow: 2px 2px 0 2px white;
}

/* Rounded table END */


.question-mark-cropped {
    width: 350px;
    height: 250px;
    overflow: hidden;
    right: 10% !important;
    z-index: -1;
    opacity: .15;
}

.question-mark-cropped img {
    margin: -100px 0px 0px 0px;
}


/* Release notes buttons */

.list-group-item.active {
    background: rgba(92,84,209,1); /* 5c54d1, aaa4f7, cce4f4 */
    background: linear-gradient(111deg, rgba(92,84,209,1) 0%, rgba(170,164,247,1) 100%);
    border: none;
}

/* Release notes buttons END */