@charset "UTF-8";

@import "reset.css";
@import "forms.css";
@import "buttons.css";

:root {
    --ff-headline: 'Inter', sans-serif;
    --ff-body: 'Inter', sans-serif;
    --clr-body-text: #333652;
    --clr-headline-text: #1C2321;
    --clr-spot: #FAD02C;
    --clr-gray: #F9F9F9;
    --brand-color: #008EA7;
    --button-color: #008EA7;
    --button-hover-color: #01758a;
    --brand-logo: url("../img/nextech-main-logo-original.png");
}

.ackermans {
    --brand-color: #05A551;
    --brand-logo: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 0 1750.0001 212' version='1.1' id='svg28' sodipodi:docname='Ackermans Logo.svg' width='1750' height='212' inkscape:version='1.0.2-2 (e86c870879, 2021-01-15)'%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1920' inkscape:window-height='1017' id='namedview18' showgrid='false' units='px' inkscape:zoom='0.66004094' inkscape:cx='689.37224' inkscape:cy='72.99214' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='svg28' /%3E%3Cmetadata id='metadata32'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3EAsset 2%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4'%3E%3Cstyle id='style2'%3E.cls-1%7Bfill:%232ea652;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Ctitle id='title6'%3EAsset 2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2' transform='scale(1.1085213)'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='m 1011.53,186.72 c -1.43,-25.73 -2.85,-51.33 -4.32,-77.7 -2.33,2.64 -4.2,4.71 -6,6.82 q -19.28,22.37 -38.56,44.74 c -2.14,2.48 -2.42,2.46 -4.46,0.17 L 913,110.16 A 16.23,16.23 0 0 0 911.57,109 l -4.31,77.75 H 860 c 0,-2.36 -0.1,-4.69 0,-7 0.24,-4.45 0.63,-8.9 0.9,-13.35 q 1,-16.78 1.95,-33.56 c 0.69,-12.24 1.34,-24.49 2,-36.74 q 0.7,-12.65 1.46,-25.29 1,-16.78 2,-33.57 1,-16.79 2,-33.32 a 6,6 0 0 1 0.89,-2.58 c 29.88,32.79 59.21,66 89,99.28 l 87.22,-99.42 0.8,0.28 c 0.25,2.1 0.61,4.2 0.72,6.31 0.56,10.31 1,20.62 1.6,30.92 0.44,8.1 1,16.21 1.44,24.31 q 1,17.27 2,34.54 0.69,11.92 1.44,23.83 c 0.77,12.23 1.59,24.46 2.33,36.69 0.43,7.3 0.72,14.61 1.1,21.92 0.12,2.17 0.31,4.34 0.49,6.73 z' id='path8' /%3E%3Cpath class='cls-1' d='m 806.2,122.29 37.71,64.47 c -1,0.07 -1.56,0.15 -2.17,0.15 -16.06,0 -32.11,0 -48.17,0.06 a 3.41,3.41 0 0 1 -3.4,-2.07 c -9.83,-17.52 -19.72,-35 -29.52,-52.54 -1.06,-1.89 -2.16,-2.85 -4.5,-2.73 -4.47,0.23 -9,0.07 -13.79,0.07 v 57.06 H 693.94 V 4.89 c 0.85,-0.05 1.64,-0.14 2.43,-0.14 26,0 52,-0.41 78,0.24 17.66,0.44 33.91,6 47,18.49 a 56.72,56.72 0 0 1 16.72,31.87 71,71 0 0 1 -0.76,30.47 c -4.24,16.47 -14.33,28.18 -29.52,35.6 -0.43,0.21 -0.81,0.45 -1.61,0.87 z M 742.27,69 c 0,7.17 0,14.33 0,21.5 0,1.38 0.11,2.37 1.9,2.33 8.7,-0.2 17.42,0 26.09,-0.63 a 26.64,26.64 0 0 0 10.53,-3.4 c 8.49,-4.67 10.7,-14.59 9.51,-23.84 a 21,21 0 0 0 -5.46,-12.23 c -5,-5.2 -11.41,-6.72 -18.17,-7 -7.32,-0.27 -14.66,0 -22,-0.1 -2,0 -2.45,0.73 -2.43,2.58 0.08,6.91 0.03,13.79 0.03,20.79 z' id='path10' /%3E%3Cpath class='cls-1' d='m 1304,96 v 90.68 h -45.71 c 0,-0.84 -0.12,-1.7 -0.12,-2.56 q 0,-90.35 0,-180.71 a 11.92,11.92 0 0 1 0.74,-2.91 11.44,11.44 0 0 1 3,1.26 q 17.59,14.4 35.09,28.86 l 57.44,47.38 18.65,15.35 c 0.93,0.77 1.89,1.5 3.26,2.59 V 5 H 1422 c 0,0.8 0.12,1.66 0.12,2.52 q 0,90.48 0,181 a 13.26,13.26 0 0 1 -0.57,2.73 10.59,10.59 0 0 1 -3,-1.17 q -23.25,-19 -46.42,-38.08 l -65.58,-54 c -0.66,-0.51 -1.34,-1 -2.55,-2 z' id='path12' /%3E%3Cpath class='cls-1' d='M 406.81,186.78 H 358.33 V 4.89 c 1,-0.05 1.83,-0.14 2.69,-0.14 14.26,0 28.52,0.07 42.79,-0.07 2.6,0 3.06,0.84 3.05,3.2 -0.08,22.74 0,45.48 0,68.22 v 3.72 c 1,-1.1 1.64,-1.63 2.11,-2.26 q 20.36,-27.3 40.69,-54.62 c 4,-5.42 8,-10.87 12.16,-16.2 a 5,5 0 0 1 3.28,-1.9 c 16.38,-0.12 32.77,-0.08 49.15,-0.08 0.32,0 0.64,0 1.45,0.11 -1.94,2.6 -3.68,5 -5.47,7.31 q -26.65,34.77 -53.35,69.51 a 2.92,2.92 0 0 0 -0.14,4 Q 475,113.3 493.11,141 q 14.42,21.93 28.8,43.89 c 0.35,0.53 0.63,1.1 1.09,1.91 -0.85,0.07 -1.45,0.16 -2.06,0.16 -17.69,0 -35.37,0 -53.06,0 a 3.48,3.48 0 0 1 -3.35,-1.82 Q 444.21,154 423.77,122.83 c -0.4,-0.6 -0.85,-1.17 -1.52,-2.1 -1.52,1.78 -2.95,3.38 -4.3,5 -3.24,4 -6.54,7.9 -9.62,12 a 7.51,7.51 0 0 0 -1.45,4.17 c -0.11,13.94 -0.06,27.87 -0.06,41.81 z' id='path14' /%3E%3Cpath class='cls-1' d='m 583.92,45.43 v 30.21 h 65.68 v 38.77 h -65.67 c -0.05,1.12 -0.13,2 -0.13,2.84 0,8.64 0.08,17.28 -0.06,25.92 0,2.41 0.76,3 3.06,3 q 38.27,-0.11 76.55,0 c 3.19,0 3.2,0 3.2,3.18 q 0,17.24 0,34.48 v 3 H 535.38 V 5 h 127.44 v 40.43 z' id='path16' /%3E%3Cpath class='cls-1' d='m 341.37,41.19 -36.79,25 c -2.72,-3.11 -5.14,-6.17 -7.86,-8.94 -7.26,-7.39 -16.33,-11 -26.49,-12.16 -8.9,-1.05 -17.53,-0.31 -25.66,3.71 C 234,54 227.44,62.7 223.36,73.53 a 59,59 0 0 0 -3.78,20.76 c 0,15.41 3.61,29.7 15,41 a 40.14,40.14 0 0 0 24.73,11.46 53.26,53.26 0 0 0 26.5,-3.61 c 8.85,-3.68 15.12,-10.27 20,-18.34 l 1.72,-2.89 37.78,24.26 c -4.14,5.44 -7.84,10.88 -12.12,15.82 -13.36,15.39 -30.6,23.5 -50.62,26 -19.15,2.43 -37.92,1.33 -55.9,-6.4 -25.19,-10.83 -42.62,-29.06 -51.69,-55 A 92.2,92.2 0 0 1 170.21,100.33 94.88,94.88 0 0 1 179,54.7 89.39,89.39 0 0 1 212.1,17.09 86.72,86.72 0 0 1 252.46,3 c 27.64,-2.23 53.33,3.05 74.54,22.36 5.13,4.64 9.4,10.3 14.37,15.83 z' id='path18' /%3E%3Cpath class='cls-1' d='m 1570.09,26.59 -27.55,28.89 c -2.54,-2 -4.79,-4.16 -7.32,-5.85 a 40.25,40.25 0 0 0 -32.35,-6 c -7.24,1.65 -10.64,6.79 -9.71,14.07 a 10.26,10.26 0 0 0 6.69,8.41 c 6.92,2.78 14,5.24 21,7.64 9.84,3.34 19.8,6.36 29,11.34 11.07,6 20.38,13.74 25.21,25.81 3.54,8.87 4.08,18.12 3.32,27.55 a 54.89,54.89 0 0 1 -6.91,23.4 c -6.86,11.91 -17.42,19 -30.24,23.2 -12.47,4 -25.34,4.94 -38.3,4.27 -16.52,-0.85 -32.24,-4.77 -46.52,-13.51 a 79.54,79.54 0 0 1 -20.89,-18.18 c -0.4,-0.5 -0.76,-1 -1.35,-1.83 l 35.1,-26.35 c 0.92,1 1.82,1.88 2.65,2.84 12.4,14.57 28.12,19.44 46.64,15.77 8,-1.58 12.24,-6.78 12,-14.21 a 10.55,10.55 0 0 0 -6,-9.45 140.33,140.33 0 0 0 -15,-6.4 c -9.59,-3.57 -19.44,-6.5 -28.88,-10.42 -11.88,-4.94 -21.9,-12.45 -28.4,-23.94 A 51.85,51.85 0 0 1 1446,60.1 a 55.7,55.7 0 0 1 3.44,-23.22 c 5.25,-13.37 14.93,-22.46 27.91,-28.19 a 72.26,72.26 0 0 1 25.94,-6 c 15,-0.73 29.46,1.09 43.34,6.89 a 62.41,62.41 0 0 1 21.61,14.77 c 0.62,0.65 1.15,1.39 1.85,2.24 z' id='path20' /%3E%3Cpath class='cls-1' d='m 180.13,186.8 c -1,0.05 -1.73,0.11 -2.44,0.12 -15.08,0 -30.16,0 -45.24,0 a 3.12,3.12 0 0 1 -3.43,-2.24 c -2.51,-6 -5.26,-11.89 -7.79,-17.88 a 2.84,2.84 0 0 0 -3.12,-2 q -29.71,0.08 -59.43,0 a 2.61,2.61 0 0 0 -2.89,1.9 c -2.29,5.82 -4.76,11.58 -7.1,17.38 C 47.93,186 47,187 44.64,187 30.7,186.84 16.76,186.92 2.82,186.92 H 0 c 1.6,-3.42 3,-6.49 4.46,-9.53 Q 28.21,127.77 52,78.17 69.57,41.42 87.14,4.67 A 28.71,28.71 0 0 1 88.62,1.6 C 89,1 89.74,0.1 90.29,0.12 90.84,0.14 91.6,1 91.92,1.67 q 6.42,13.33 12.74,26.63 9.49,19.93 19,39.87 17.2,36.12 34.42,72.23 10.45,21.91 20.91,43.82 c 0.34,0.78 0.68,1.57 1.14,2.58 z M 104.76,129.44 88.09,90.68 71.68,129.44 Z' id='path22' /%3E%3Cpath class='cls-1' d='m 1247.12,186.79 c -1.08,0.05 -1.86,0.12 -2.64,0.12 -15,0 -30,0 -45,0.05 a 3.18,3.18 0 0 1 -3.46,-2.25 c -2.53,-6 -5.23,-11.91 -7.76,-17.9 a 2.69,2.69 0 0 0 -2.89,-1.94 q -29.83,0.07 -59.66,0 a 2.64,2.64 0 0 0 -2.87,1.94 c -2.42,6 -5,12 -7.43,18 -0.52,1.27 -1.07,2.12 -2.77,2.11 -14.75,-0.08 -29.51,0 -44.26,-0.05 -0.31,0 -0.63,-0.06 -1.28,-0.13 1.54,-3.3 3,-6.44 4.48,-9.56 q 16.92,-35.32 33.85,-70.63 23.11,-48.3 46.19,-96.61 c 1.3,-2.71 2.52,-5.47 3.88,-8.14 a 8.77,8.77 0 0 1 1.77,-1.8 c 0.6,0.6 1.42,1.11 1.77,1.83 q 7.63,15.82 15.15,31.69 9.65,20.26 19.3,40.53 17.09,35.9 34.19,71.8 9.18,19.27 18.39,38.52 c 0.34,0.7 0.63,1.43 1.05,2.42 z m -108.38,-57.38 h 33.07 L 1155.13,90.7 Z' id='path24' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    --button-color: #05A551;
    --button-hover-color: #3d8c40;
}

.pepstores {
    --brand-color: #1180FA;
    --brand-logo: url("../img/pep-logo.svg");
    --button-color: #1180FA;
    --button-hover-color: #3593fb;
}

.dunns {
    --brand-color: #000;
    --brand-logo: url("../img/dunns-logo.png");
    --button-color: #222222;
    --button-hover-color: #F30D04;
}

.tekkietown {
    --brand-color: #00205b;
    --brand-logo: url("../img/tekkie-town-logo.png");
    --button-color: #00205b;
    --button-hover-color: #ffd200;
}

.refinery {
    --brand-color: #07292f;
    --brand-logo: url("../img/refinery-logo.png");
    --button-color: #07292f;
    --button-hover-color: #c34121;
}

.shoecity {
    --brand-color: #225a87;
    --brand-logo: url("../img/shoe-city-logo.svg");
    --button-color: #225a87;
    --button-hover-color: #ed493a;
}

.plusmore {
    --brand-color: #163854;
    --brand-logo: url("../img/plusmore-logo.svg");
    --button-color: #163854;
    --button-hover-color: #3070b2;
}


a {
    color: var(--brand-color);
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    color: var(--button-hover-color);
}

html, body {
    height: 100%;
}

html {
    font-size: 100%;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--ff-body);
    font-weight: 400;
    line-height: 1.75;
    color: var(--clr-body-text);
    background-color: #edeef0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
}

p {
    margin-bottom: 1rem;
}

h1, h2, h3, h4, h5 {
    margin: 3rem 0 3rem;
    font-family: var(--ff-headline);
    font-weight: 400;
    line-height: 1.3;
    color: var(--clr-headline-text);
}

h1 {
    margin-top: 0;
    font-size: 1.9rem;
}

h2 {
    font-size: 2.441rem;
}

h3 {
    font-size: 1.953rem;
}

h4 {
    font-size: 1.563rem;
}

h5 {
    font-size: 1.25rem;
}

small, .text_small {
    font-size: 0.8rem;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    font-size: 0.8rem;
    height: 10vh;
}

header .user{
    display: flex;
    justify-content: flex-end;
    gap:10px;
}

header .logo {
    display: block;
    width: 122px;
    height: 49px;
    background-image: var(--brand-logo);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.blank-logo {
    display: block;
    width: 100%;
    height: 49px;
    background-image: var(--brand-logo);
    background-size: 30%;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    margin-bottom: 20px;
}

.stage {
    display: flex;
    justify-content: flex-start;
    gap: 2rem;
    padding: 0 2rem 2rem 2rem;
    min-height: 90vh;
}

.stage nav {
    padding-top: 4rem;
    width: 150px;
}

.stage nav a {
    text-decoration: none;
    font-size: 0.9rem;
    color: #9e9e9f;
    display: block;
}

.stage nav a:hover {
    color: #3b3b3b;
}

.stage nav a.active {
    color: var(--brand-color);
    font-weight: bold;
}

.stage nav ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.stage nav ul,
.stage nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.content {
    width: 100%;
    background-color: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

.centered {
    text-align: center;
}

.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
}

.title h1 {
    font-size: 1.42rem;
    margin: 0;
    padding: 0;
}

p.empty {
    margin: 0;
    padding: 1rem 0;
    text-align: center;
}

.meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    margin-bottom: 2rem;
    border-bottom: 2px solid #E9EAEC;
}

.actionbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #EDEEF0;
    padding: 1rem;
    margin-top: 4rem;
    border-radius: 12px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 0.8rem;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

div.controls {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    width: 100%;
}

th {
    background-color: var(--brand-color);
    color: white;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:hover {
    background-color: var(--clr-gray);
}

section h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 2.5rem 0 1rem 0;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h3 a {
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 1rem;
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzA1QTU1MSIgZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyYzAgNS41MSA0LjQ4IDEwIDEwIDEwIDUuNTEgMCAxMC00LjQ5IDEwLTEwIDAtNS41Mi00LjQ5LTEwLTEwLTEwWm01IDExaC00djRoLTJ2LTRIN3YtMmg0VjdoMnY0aDR2MloiLz48L3N2Zz4="); */
    background-repeat: no-repeat;
    background-position: center right;
    /* padding-right: 30px; */
}

.tab-items {
    padding-top: 2rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    border-bottom: 3px solid var(--brand-color);
}

.tab-items a {
    display: block;
    padding: 1rem 2rem;
    color: var(--brand-color);
}

.tab-items a.active {
    background: var(--brand-color);
    font-weight: bold;
    color: white;
}

.show-tab-items {
    padding-top: 2rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    border-bottom: 3px solid var(--brand-color);
}

.show-tab-items a {
    display: block;
    padding: 1rem 2rem;
    color: var(--brand-color);
}

.show-tab-items a.active {
    background: var(--brand-color);
    font-weight: bold;
    color: white;
}

.dialog {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 6rem;
}

.dialog section {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

.dialog input {
    width: 100%;
}

.dialog label {
    font-weight: bold;
}

.dialog h1 {
    padding: 0 0 1rem 0;
    margin: 0;
    font-size: 1.47rem;
}

.dialog button {
    margin-top: 1rem;
    width: 100%;
}

.flash {
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.flash li {
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 5px;
}

.flash .error {
    color: #A73135;
    border: 1px solid #A73135;
}

.flash .success {
    color: #4C9B68;
    border: 1px solid #4C9B68;
}

.flash .notice {
    color: #7b705c;
    border: 1px solid #ddcaa6;
}

.tab {
    display: none;
}

.active-tab {
    display: block;
}

span.yes {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzA1QTU1MSIgZD0iTTEwIDE1LjU4NmwtMy4zLTMuMyAtMS40MiAxLjQxIDQuNyA0LjcgOS43MDctOS43MSAtMS40Mi0xLjQyWiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
}

span.no {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItLjAwNyAtLjAwMSA2LjYwMyA2LjYwMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjQ0E2NDY0IiBkPSJNOS40NC0xNi4yMWwtMi40OCAyLjQ3IC0yLjQ4LTIuNDggLS44My44MiAyLjQ2IDIuNDcgLTIuNDcgMi40NyAuODIuODMgMi40Ny0yLjQ4TDkuNC05LjY0bC44Mi0uODQgLTIuNDgtMi40OCAyLjQ3LTIuNDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy42Nzc3MyAxNi4yMDEyKSIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: center center;
}

.ico-edit {
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAgNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzA1QTU1MSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNjYuNSAxMDFINTIuOTljLTEuNjYgMC0zIDEuMzQtMyAyLjk5VjExOGMwIDEuNjUgMS4zNCAyLjk5IDIuOTkgMi45OWgxNC4wMWMxLjY1IDAgMi45OS0xLjM1IDIuOTktM3YtMTMuNTEgLjVsLTIgM3YxMGMwIC41NC0uNDUuOTktMSAuOTlINTIuOTZjLS41NSAwLTEtLjQ1LTEtMXYtMTQuMDJjMC0uNTUuNDQtMSAuOTktMWgxMC4wMWwyLjk5LTJoLjV2MCAwWm0xLjM5LjdjLjM4LS4zOSAxLjAxLS40IDEuNDEgMCAuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTguNDkgOC40OCAtMi4xMy43IC43LTIuMTMgOC40OC04LjQ5djAgMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMC04MikiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    padding-right: 35px;
    background-position: right center;
}

.ico-finalized {
    background-color: var(--clr-gray);
    padding: 10px 20px 10px 40px;
    border-radius: 5px;
    border: none;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0FDQUJBQiI+PHBhdGggZD0iTTEyIDI0QzUuNCAyNCAwIDE4LjYgMCAxMiAwIDUuNCA1LjQgMCAxMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyWm0wLTIyQzYuNSAyIDIgNi41IDIgMTJjMCA1LjUgNC41IDEwIDEwIDEwczEwLTQuNSAxMC0xMCAtNC41LTEwLTEwLTEwWiIvPjxwYXRoIGQ9Ik0xMSAxNmMtLjMgMC0uNS0uMS0uNy0uM2wtMy0zYy0uNC0uNC0uNC0xIDAtMS40IC40LS40IDEtLjQgMS40IDBsMyAzYy40LjQuNCAxIDAgMS40IC0uMi4yLS40LjMtLjcuM1oiLz48cGF0aCBkPSJNMTEgMTZjLS4zIDAtLjUtLjEtLjctLjMgLS40LS40LS40LTEgMC0xLjRsNi02Yy40LS40IDEtLjQgMS40IDAgLjQuNC40IDEgMCAxLjRsLTYgNmMtLjIuMi0uNC4zLS43LjNaIi8+PC9nPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px;
    cursor: not-allowed;
    align-self: start;
    color: #ACABAB;
}

.btn-view, .btn-dupe, .btn-edit, .btn-blank, .btn-delete, .btn-download, .btn-reexport{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    text-indent: -99999px;
    display: inline-block;
    width: 44px;
}

.btn-view {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjBaIi8+PHBhdGggZmlsbD0iIzFDMjMyMSIgZD0iTTEyIDYuNWMzLjc5IDAgNy4xNyAyLjEzIDguODIgNS41IC0xLjY1IDMuMzctNS4wMiA1LjUtOC44MiA1LjUgLTMuOCAwLTcuMTctMi4xMy04LjgyLTUuNUM0LjgzIDguNjMgOC4yMSA2LjUgMTIgNi41bTAtMkM3IDQuNSAyLjczIDcuNjEgMSAxMmMxLjczIDQuMzkgNiA3LjUgMTEgNy41czkuMjctMy4xMSAxMS03LjVjLTEuNzMtNC4zOS02LTcuNS0xMS03LjVabTAgNWMxLjM4IDAgMi41IDEuMTIgMi41IDIuNXMtMS4xMiAyLjUtMi41IDIuNSAtMi41LTEuMTItMi41LTIuNSAxLjEyLTIuNSAyLjUtMi41bTAtMmMtMi40OCAwLTQuNSAyLjAyLTQuNSA0LjVzMi4wMiA0LjUgNC41IDQuNSA0LjUtMi4wMiA0LjUtNC41IC0yLjAyLTQuNS00LjUtNC41WiIvPjwvc3ZnPg==");
}

.btn-dupe {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjBaIi8+PHBhdGggZmlsbD0iIzMzMzY1MiIgZD0iTTE2IDhoLTJ2M2gtM3YyaDN2M2gydi0zaDN2LTJoLTNWOFpNMiAxMmMwLTIuNzkgMS42NC01LjIgNC4wMS02LjMyVjMuNTJDMi41MiA0Ljc2IDAgOC4wOSAwIDEyYzAgMy45MSAyLjUyIDcuMjQgNi4wMSA4LjQ4di0yLjE2QzMuNjQgMTcuMiAyIDE0Ljc5IDIgMTJabTEzLTljLTQuOTYgMC05IDQuMDQtOSA5czQuMDQgOSA5IDkgOS00LjA0IDktOSAtNC4wNC05LTktOVptMCAxNmMtMy44NiAwLTctMy4xNC03LTdzMy4xNC03IDctNyA3IDMuMTQgNyA3IC0zLjE0IDctNyA3WiIvPjwvc3ZnPg==");
}

.btn-edit {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjBaIi8+PHBhdGggZmlsbD0iIzMzMzY1MiIgZD0iTTE0LjA2IDkuMDJsLjkyLjkyTDUuOTIgMTlINXYtLjkybDkuMDYtOS4wNk0xNy42NiAzYy0uMjUgMC0uNTEuMS0uNy4yOWwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODNjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMi0uMi0uNDUtLjI5LS43MS0uMjlabS0zLjYgMy4xOUwzIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1WiIvPjwvc3ZnPg==");
}

.btn-delete {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjBaIi8+PHBhdGggZD0iTTYgMTljMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjljMC0xLjEtLjktMi0yLTJIOGMtMS4xIDAtMiAuOS0yIDJ2MTBabTMuMTctNy44M2MuMzktLjM5IDEuMDItLjM5IDEuNDEgMEwxMiAxMi41OWwxLjQyLTEuNDJjLjM5LS4zOSAxLjAyLS4zOSAxLjQxIDAgLjM5LjM5LjM5IDEuMDIgMCAxLjQxTDEzLjQxIDE0bDEuNDIgMS40MmMuMzkuMzkuMzkgMS4wMiAwIDEuNDEgLS4zOS4zOS0xLjAyLjM5LTEuNDEgMEwxMiAxNS40MWwtMS40MiAxLjQyYy0uMzkuMzktMS4wMi4zOS0xLjQxIDAgLS4zOS0uMzktLjM5LTEuMDIgMC0xLjQxTDEwLjU5IDE0bC0xLjQyLTEuNDJjLS4zOS0uMzgtLjM5LTEuMDIgMC0xLjQxWk0xNS41IDRsLS43MS0uNzFjLS4xOC0uMTgtLjQ0LS4yOS0uNy0uMjlIOS45MWMtLjI2IDAtLjUyLjExLS43LjI5TDguNSA0SDZjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFoLTIuNVoiLz48L3N2Zz4=");
}

.btn-download {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1kb3dubG9hZCIgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjEgMTV2NGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMnYtNCIvPjxwb2x5bGluZSBwb2ludHM9IjcgMTAgMTIgMTUgMTcgMTAiLz48bGluZSB4MT0iMTIiIHgyPSIxMiIgeTE9IjE1IiB5Mj0iMyIvPjwvc3ZnPg==");
} 

.btn-reexport {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci11cGxvYWQiIGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxIDE1djRhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJ2LTQiLz48cG9seWxpbmUgcG9pbnRzPSIxNyA4IDEyIDMgNyA4Ii8+PGxpbmUgeDE9IjEyIiB4Mj0iMTIiIHkxPSIzIiB5Mj0iMTUiLz48L3N2Zz4=");
}

.right {
    text-align: right;
}

.nonfield {
    margin-bottom: 20px;
}

.btn-cancel{
    color: red !important;
}

.drop-down {
    background-color: #FFF;
}

.disabled-link {
    pointer-events: none;
    color: gray;
    text-decoration: none;
    cursor: not-allowed;
    opacity: 0.6;
}

.cat-id-container {
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.cat-id-actionbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 95px;
}

.cat-id-actionbar .btn-cancel {
    margin-right: auto;
}

.cat-id-actionbar .button {
    margin-left: 10px;
}