@charset "UTF-8"; a,b,body,dd,div,form,h1,h2,h3,h4,h5,h6,header,html,p,s,th,time,u {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
}
button {
    border-style: none;
    cursor: pointer
}
select {
     -webkit-appearance: none;
    font-size: 0.875rem;
    font-family: "Euclid Circular B", Roboto, Helvetica, Arial, sans-serif;
    line-height: 140%;
    font-weight: 700;
    color: #24272a;
    border: 1px solid #bbc0c5;
    border-radius: 4px;
    background-color: #ffffff;
	-webkit-padding: 8px 14px 8px 7px; /* For older versions of Safari */

padding: 8px 14px 8px 7px;
    width: 100%;
    MAX-WIDTH: 179PX;
}



.select-wrapper {
    position: relative;
    display: inline-block;
}

select {
    padding: 8px 0px 8px 5px; 
    appearance: none;
    -webkit-appearance: none; /* for Safari */
    -moz-appearance: none; /* for Firefox */
    background: url('../images/arrow-icon.png') no-repeat; /* Use your icon image */
    background-position: right center;
    background-size: 20px; /* Adjust icon size */
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

/* Hide default arrow icon */
select::-ms-expand {
    display: none;
}

/* Position icon */
.select



:root {
    --Blue-000: #eaf6ff;
    --Blue-100: #a7d9fe;
    --Blue-200: #75c4fd;
    --Blue-300: #43aefc;
    --Blue-400: #1098fc;
    --Blue-500: #037dd6;
    --Blue-600: #0260a4;
    --Blue-700: #024272;
    --Blue-800: #01253f;
    --Blue-900: #00080d;
    --Grey-000: #f2f3f4;
    --Grey-100: #d6d9dc;
    --Grey-200: #bbc0c5;
    --Grey-300: #9fa6ae;
    --Grey-400: #848c96;
    --Grey-500: #6a737d;
    --Grey-600: #535a61;
    --Grey-700: #3b4046;
    --Grey-800: #24272a;
    --Grey-900: #141618;
    --Green-000: #f3fcf5;
    --Green-100: #d6ffdf;
    --Green-200: #afecbd;
    --Green-300: #86e29b;
    --Green-400: #5dd879;
    --Green-500: #28a745;
    --Green-600: #1e7e34;
    --Green-700: #145523;
    --Green-800: #0a2c12;
    --Green-900: #041007;
    --Red-000: #fcf2f3;
    --Red-100: #f7d5d8;
    --Red-200: #f1b9be;
    --Red-300: #e88f97;
    --Red-400: #e06470;
    --Red-500: #d73a49;
    --Red-600: #b92534;
    --Red-700: #8e1d28;
    --Red-800: #64141c;
    --Red-900: #3a0c10;
    --Orange-000: #fef5ef;
    --Orange-100: #fde2cf;
    --Orange-200: #fbc49d;
    --Orange-300: #faa66c;
    --Orange-400: #f8883b;
    --Orange-500: #f66a0a;
    --Orange-600: #c65507;
    --Orange-700: #954005;
    --Orange-800: #632b04;
    --Orange-900: #321602;
    --Yellow-000: #fefae8;
    --Yellow-100: #fefcde;
    --Yellow-500: #ffd33d;
    --Black-100: #24292e;
    --primary-blue: var(--Blue-500);
    --primary-orange: var(--Orange-500);
    --accent-yellow: var(--Yellow-500);
    --accent-green: var(--Green-500);
    --accent-red: var(--Red-500);
    --accent-purple: #6f42c1;
    --accent-pink: #ff45d8;
    --neutral-white: #fff;
    --neutral-black: var(--Black-100);
    --neutral-grey: var(--Grey-500);
    --primary-1: #037dd6;
    --primary-2: #eaf6ff;
    --primary-3: #0260a4;
    --secondary-1: #f66a0a;
    --secondary-2: #fef5ef;
    --secondary-3: #c65507;
    --error-1: #d73a49;
    --error-2: #fcf2f3;
    --error-3: #b92534;
    --alert-1: #ffd33d;
    --alert-2: #fefcde;
    --alert-3: #f8c000;
    --success-1: #4cd964;
    --success-2: #caf4d1;
    --success-3: #219e37;
    --ui-black: #24292e;
    --ui-grey: #d6d9dc;
    --ui-white: #fff;
    --ui-1: #f2f3f4;
    --ui-2: #d6d9dc;
    --ui-3: #bbc0c5;
    --ui-4: #6a737d;
    --ui-5: #c4c4c4;
    --mainnet: #29b6af;
    --ropsten: #ff4a8d;
    --kovan: #9064ff;
    --rinkeby: #f6c343;
    --goerli: #3099f2;
    --localhost: #29b6af;
    --flask-purple: #8b45b6
}

:root {
    --white: #fff;
    --black: #000;
    --orange: #ffa500;
    --red: #f00;
    --gray: #808080;
    --gallery: #efefef;
    --wild-sand: #f6f6f6;
    --dusty-gray: #9b9b9b;
    --alto: #dedede;
    --alabaster: #fafafa;
    --silver-chalice: #aeaeae;
    --tundora: #4d4d4d;
    --nile-blue: #1b344d;
    --scorpion: #5d5d5d;
    --silver: #cdcdcd;
    --caribbean-green: #02c9b1;
    --monzo: #d0021b;
    --crimson: #e91550;
    --blue-lagoon: #038789;
    --purple: #690496;
    --tulip-tree: #ebb33f;
    --malibu-blue: #b8cbd8;
    --athens-grey: #e9edf0;
    --geyser: #d2d8dd;
    --manatee: #93949d;
    --spindle: #c7ddec;
    --mid-gray: #5b5d67;
    --cape-cod: #38393a;
    --dodger-blue: #3099f2;
    --ecstasy: #f7861c;
    --linen: #fdf4f4;
    --oslo-gray: #8c8e94;
    --polar: #fafcfe;
    --blizzard-blue: #bfdef3;
    --mischka: #dddee9;
    --web-orange: #f2a202;
    --mercury: #e5e5e5
}

* {
    box-sizing: border-box
}


body,html {
    color: #4d4d4d;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    overflow: auto
}

html {
    min-height: 500px
}

#ttatbiqmoq {
    overflow-x: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #f7f7f7
}

* {
    font-family: Euclid,Roboto,Helvetica,Arial,sans-serif;
}

.actiona {
    display: flex;
    flex-direction: column
}

.sawabbotona.sawabbotona {
    margin-top: 17PX;
    width: 276PX;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
}
.import-srp__paste-tip {
    margin-bottom: 8px;
    grid-area: paste-tip;
    width: auto;
    margin-left: auto;
    margin-right: auto
}
.messagehmar {
    border-radius: 8px;
    padding: 16px;
    margin-top: 18px;
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
    font-size: .75rem;
    font-family: Euclid,Roboto,Helvetica,Arial,sans-serif;
    line-height: 140%;
    font-style: normal;
    font-weight: 400
}

.messagehmar--with-icon {
    -webkit-padding-start: 32px;
    padding-inline-start:32px }

.messagehmar svg {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 8px
}

.messagezrak {
    color: #0094ff;
    text-align: center;
    width: 100%
}
.messagehmar--khatar {
    background: var(--Red-000);
    border: 1px solid var(--Red-300);
    justify-content: flex-start
}

.messagehmar--khatar .messagezrak {
    color: var(--Black-100);
    text-align: left
}
.button {
    --hover-secondary: #b0d7f2;
    --hover-default: #b3b3b3;
    --hover-confirm: #0372c3;
    --hover-red: #feb6bf;
    --hover-red-primary: #c72837;
    --hover-orange: #ffd3b5;
    --warning-light-orange: #f8b588;
    font-size: .875rem;
    font-family: Euclid,Roboto,Helvetica,Arial,sans-serif;
    line-height: 140%;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    padding: .75rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    transition: border-color .3s ease,background-color .3s ease
}
.bonlawla {
    color: var(--white);
    border: 1px solid var(--Blue-500);
    background-color: var(--Blue-500)
}
.bonrano {
    border-radius: 100px;
    will-change: box-shadow;
    transition: box-shadow cubic-bezier(.6,-.28,.735,.045) .2s
}
.bonrano.bonlawla {
    background-color: var(--Blue-500)
}
.znobiba {
        max-width:742px;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 2%;
        MARGIN: 20PX;
    }
}
.rasslawaltani {
    margin-bottom: 24px;
    color: #000
}

.bokikhra {
    BACKGROUND: #fff;
    display: flex;
    justify-content: center;
    flex: 1 0 auto;
    min-height: 0;
    width: 100%
}
.main-container-wrapper {
	    /* BACKGROUND: white; */
	    display: flex;
	    justify-content: center;
	    flex: 1 0 auto;
	    min-height: 0;
	    width: 100%;
}