@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

.hu:hover {
    text-decoration: underline;
}

.cp {
    cursor:pointer;
}

:root{
    --main-color: #5d6175;
    --primary-color: #43454d;
    --secondary-color: #73788f;
    --checked-color: #f94955;
    --cancel-color: #3C53C9;
    --vhdState-preparing: #ffbb00;
    --vhdState-off: #c8c9cc;
    --vhdState-ready: #1dbf36;
    --vhdgrid-background-color: #f5f7fa;
    --vhdgrid-border-color: #ced1D6;

    --icon-info: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.88'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%23939699'/%3E%3Cpath d='M5.96338 3.50206C5.96338 3.07498 6.31375 2.72461 6.74083 2.72461H7.25914C7.68622 2.72461 8.03659 3.07498 8.03659 3.50206V4.02037C8.03659 4.44745 7.68622 4.79782 7.25914 4.79782H6.74083C6.53489 4.797 6.33762 4.71483 6.19199 4.56921C6.04637 4.42358 5.9642 4.22631 5.96338 4.02037V3.50206Z' fill='%23939699'/%3E%3Cpath d='M9.07318 11.018H4.92676V9.98138H5.96336V6.87157H4.92676V5.83496H8.03658V9.98138H9.07318V11.018Z' fill='%23939699'/%3E%3C/g%3E%3C/svg%3E%0A");
    --icon-question: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13438 0 0 3.13438 0 7C0 10.8656 3.13438 14 7 14C10.8656 14 14 10.8656 14 7C14 3.13438 10.8656 0 7 0ZM7 12.8125C3.79063 12.8125 1.1875 10.2094 1.1875 7C1.1875 3.79063 3.79063 1.1875 7 1.1875C10.2094 1.1875 12.8125 3.79063 12.8125 7C12.8125 10.2094 10.2094 12.8125 7 12.8125Z' fill='%23939699'/%3E%3Cpath d='M8.87923 3.84905C8.37427 3.44933 7.70771 3.23047 7.00076 3.23047C6.29381 3.23047 5.62726 3.45085 5.12229 3.84905C4.59713 4.26397 4.30762 4.82175 4.30762 5.41905V5.53456C4.30762 5.60144 4.36821 5.65615 4.44227 5.65615H5.25022C5.32428 5.65615 5.38488 5.60144 5.38488 5.53456V5.41905C5.38488 4.7488 6.11034 4.20317 7.00076 4.20317C7.89118 4.20317 8.61665 4.7488 8.61665 5.41905C8.61665 5.89173 8.24634 6.32489 7.67237 6.52399C7.31552 6.64709 7.01255 6.86291 6.79541 7.1456C6.57491 7.43438 6.46045 7.7809 6.46045 8.13199V8.45876C6.46045 8.52563 6.52105 8.58034 6.59511 8.58034H7.40305C7.47711 8.58034 7.53771 8.52563 7.53771 8.45876V8.11375C7.53858 7.96621 7.58867 7.82232 7.68145 7.70086C7.77423 7.5794 7.90539 7.48601 8.05782 7.43286C9.05092 7.08785 9.69223 6.29753 9.69223 5.41905C9.69391 4.82175 9.40439 4.26397 8.87923 3.84905ZM6.32748 10.161C6.32748 10.3222 6.39841 10.4769 6.52468 10.5909C6.65094 10.7049 6.8222 10.7689 7.00076 10.7689C7.17933 10.7689 7.35058 10.7049 7.47685 10.5909C7.60311 10.4769 7.67405 10.3222 7.67405 10.161C7.67405 9.99975 7.60311 9.84512 7.47685 9.73111C7.35058 9.6171 7.17933 9.55305 7.00076 9.55305C6.8222 9.55305 6.65094 9.6171 6.52468 9.73111C6.39841 9.84512 6.32748 9.99975 6.32748 10.161Z' fill='%23939699'/%3E%3C/svg%3E%0A");
    --icon-vhd-gpu: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.00390625 1.00781H0.629484C0.831625 1.00781 1.03234 1.0416 1.22334 1.10777L1.25953 1.12031C1.62074 1.24545 1.92935 1.48846 2.13574 1.81023V1.81023C2.31177 2.08468 2.40534 2.40388 2.40534 2.72993V3.45331V19.349' stroke='%235D6175' stroke-width='0.8'/%3E%3Cpath d='M2.40391 4.20273H16C17.4359 4.20273 18.6 5.36679 18.6 6.80273V12.9504C18.6 14.3863 17.4359 15.5504 16 15.5504H2.40391V4.20273Z' stroke='%235D6175' stroke-width='0.8'/%3E%3Cpath d='M9.14121 15.6012H15.2351V16.2359C15.2351 17.1196 14.5187 17.8359 13.6351 17.8359H9.14121V15.6012Z' stroke='%235D6175' stroke-width='0.8'/%3E%3Cpath d='M4.87266 15.6012H6.71783V17.8359H4.87266V15.6012Z' stroke='%235D6175' stroke-width='0.8'/%3E%3Cpath d='M16.9602 9.87726C16.9602 11.7717 15.4565 13.294 13.6181 13.294C11.7797 13.294 10.276 11.7717 10.276 9.87726C10.276 7.98278 11.7797 6.46055 13.6181 6.46055C15.4565 6.46055 16.9602 7.98278 16.9602 9.87726Z' stroke='%235D6175' stroke-width='0.8'/%3E%3Crect x='4.24121' y='6.80615' width='4.5011' height='0.792101' rx='0.396051' fill='%235D6175'/%3E%3Crect x='4.24121' y='9.47949' width='4.5011' height='0.793747' rx='0.396873' fill='%235D6175'/%3E%3Crect x='4.24121' y='12.1543' width='4.5011' height='0.793747' rx='0.396873' fill='%235D6175'/%3E%3Cellipse cx='13.6173' cy='9.87739' rx='1.19152' ry='1.21528' fill='%235D6175'/%3E%3Crect width='0.370138' height='6.13071' transform='matrix(0.700093 -0.714052 0.700093 0.714052 11.3418 7.85352)' fill='%235D6175'/%3E%3Crect width='0.370138' height='6.13071' transform='matrix(0.700093 0.714052 -0.700093 0.714052 15.6348 7.52344)' fill='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-gpu_active: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.00390625 1.00781H0.629484C0.831625 1.00781 1.03234 1.0416 1.22334 1.10777L1.25953 1.12031C1.62074 1.24545 1.92935 1.48846 2.13574 1.81023V1.81023C2.31177 2.08468 2.40534 2.40388 2.40534 2.72993V3.45331V19.349' stroke='%2343454d' stroke-width='0.8'/%3E%3Cpath d='M2.40391 4.20273H16C17.4359 4.20273 18.6 5.36679 18.6 6.80273V12.9504C18.6 14.3863 17.4359 15.5504 16 15.5504H2.40391V4.20273Z' stroke='%2343454d' stroke-width='0.8'/%3E%3Cpath d='M9.14121 15.6012H15.2351V16.2359C15.2351 17.1196 14.5187 17.8359 13.6351 17.8359H9.14121V15.6012Z' stroke='%2343454d' stroke-width='0.8'/%3E%3Cpath d='M4.87266 15.6012H6.71783V17.8359H4.87266V15.6012Z' stroke='%2343454d' stroke-width='0.8'/%3E%3Cpath d='M16.9602 9.87726C16.9602 11.7717 15.4565 13.294 13.6181 13.294C11.7797 13.294 10.276 11.7717 10.276 9.87726C10.276 7.98278 11.7797 6.46055 13.6181 6.46055C15.4565 6.46055 16.9602 7.98278 16.9602 9.87726Z' stroke='%2343454d' stroke-width='0.8'/%3E%3Crect x='4.24121' y='6.80615' width='4.5011' height='0.792101' rx='0.396051' fill='%2343454d'/%3E%3Crect x='4.24121' y='9.47949' width='4.5011' height='0.793747' rx='0.396873' fill='%2343454d'/%3E%3Crect x='4.24121' y='12.1543' width='4.5011' height='0.793747' rx='0.396873' fill='%2343454d'/%3E%3Cellipse cx='13.6173' cy='9.87739' rx='1.19152' ry='1.21528' fill='%2343454d'/%3E%3Crect width='0.370138' height='6.13071' transform='matrix(0.700093 -0.714052 0.700093 0.714052 11.3418 7.85352)' fill='%2343454d'/%3E%3Crect width='0.370138' height='6.13071' transform='matrix(0.700093 0.714052 -0.700093 0.714052 15.6348 7.52344)' fill='%2343454d'/%3E%3C/svg%3E%0A");
    --icon-vhd-desc: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9685 1.54812C18.0487 1.63662 18.0938 1.75649 18.0938 1.88145C18.0938 2.00641 18.0487 2.12628 17.9685 2.21478L17.073 3.20061L15.3559 1.31205L16.2514 0.326224C16.3319 0.237712 16.4411 0.187988 16.5549 0.187988C16.6687 0.187988 16.7779 0.237712 16.8584 0.326224L17.9685 1.54718V1.54812ZM16.466 3.86727L14.7489 1.97871L8.89968 8.41302C8.85243 8.46498 8.81686 8.52836 8.7958 8.5981L8.10467 10.8776C8.09213 10.9191 8.09035 10.9637 8.09953 11.0063C8.1087 11.0489 8.12847 11.0879 8.15662 11.1188C8.18476 11.1498 8.22019 11.1715 8.25892 11.1816C8.29766 11.1917 8.33818 11.1898 8.37597 11.176L10.4485 10.4158C10.5118 10.3929 10.5694 10.3542 10.6168 10.3025L16.466 3.86821V3.86727Z' fill='%235D6175'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0093 1.32812H1.09375C0.541465 1.32812 0.09375 1.77584 0.09375 2.32813V15.1882C0.09375 15.7405 0.541465 16.1882 1.09375 16.1882H14.0938C15.7506 16.1882 17.0938 14.8451 17.0938 13.1882V8.76712H16.2937V13.1882C16.2937 14.4032 15.3088 15.3882 14.0938 15.3882H1.09375C0.983293 15.3882 0.89375 15.2987 0.89375 15.1882V2.32813C0.89375 2.21767 0.983294 2.12813 1.09375 2.12813H11.0093V1.32812Z' fill='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-desc_active: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8747 1.36013C17.955 1.44863 18 1.5685 18 1.69346C18 1.81843 17.955 1.93829 17.8747 2.02679L16.9793 3.01262L15.2622 1.12406L16.1577 0.138236C16.2382 0.0497236 16.3473 0 16.4611 0C16.575 0 16.6841 0.0497236 16.7646 0.138236L17.8747 1.35919V1.36013ZM16.3723 3.67928L14.6552 1.79072L8.80593 8.22503C8.75868 8.27699 8.72311 8.34037 8.70205 8.41011L8.01092 10.6896C7.99838 10.7312 7.9966 10.7757 8.00578 10.8183C8.01495 10.8609 8.03472 10.8999 8.06287 10.9309C8.09101 10.9618 8.12644 10.9836 8.16517 10.9936C8.20391 11.0037 8.24443 11.0018 8.28222 10.988L10.3547 10.2278C10.4181 10.205 10.4757 10.1662 10.523 10.1145L16.3723 3.68022V3.67928Z' fill='%2343454D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1H1C0.447715 1 0 1.44772 0 2V14.8601C0 15.4124 0.447715 15.8601 1 15.8601H14C15.6569 15.8601 17 14.5169 17 12.8601V7.96439H16.2V12.8601C16.2 14.0751 15.215 15.0601 14 15.0601H1C0.889543 15.0601 0.8 14.9705 0.8 14.8601V2C0.8 1.88954 0.889544 1.8 1 1.8H11V1Z' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-activity: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%235D6175'/%3E%3Crect x='4' y='4' width='5.25' height='0.875' rx='0.4375' fill='%235D6175'/%3E%3Crect x='4' y='7' width='3.5' height='0.875' rx='0.4375' fill='%235D6175'/%3E%3Crect x='4' y='9' width='5.25' height='0.875' rx='0.4375' fill='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-activity_active: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%2343454D'/%3E%3Crect x='4' y='4' width='5.25' height='0.875' rx='0.4375' fill='%2343454D'/%3E%3Crect x='4' y='7' width='3.5' height='0.875' rx='0.4375' fill='%2343454D'/%3E%3Crect x='4' y='9' width='5.25' height='0.875' rx='0.4375' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-duration: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%235D6175'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.43961 3C6.5562 3 6.66801 3.04896 6.75046 3.13611C6.8329 3.22327 6.87921 3.34147 6.87921 3.46472V8.30716L9.7349 10.0322C9.83319 10.0949 9.90439 10.1957 9.93328 10.3132C9.96217 10.4306 9.94646 10.5553 9.88951 10.6607C9.83256 10.7661 9.73888 10.8437 9.6285 10.877C9.51812 10.9103 9.3998 10.8967 9.29881 10.839L6.22156 8.98008C6.15428 8.93945 6.09835 8.88074 6.05944 8.8099C6.02053 8.73906 6.00002 8.65861 6 8.5767V3.46472C6 3.34147 6.04632 3.22327 6.12876 3.13611C6.2112 3.04896 6.32302 3 6.43961 3Z' fill='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-duration_active: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%2343454D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.43961 3C6.5562 3 6.66801 3.04896 6.75046 3.13611C6.8329 3.22327 6.87921 3.34147 6.87921 3.46472V8.30716L9.7349 10.0322C9.83319 10.0949 9.90439 10.1957 9.93328 10.3132C9.96217 10.4306 9.94646 10.5553 9.88951 10.6607C9.83256 10.7661 9.73888 10.8437 9.6285 10.877C9.51812 10.9103 9.3998 10.8967 9.29881 10.839L6.22156 8.98008C6.15428 8.93945 6.09835 8.88074 6.05944 8.8099C6.02053 8.73906 6.00002 8.65861 6 8.5767V3.46472C6 3.34147 6.04632 3.22327 6.12876 3.13611C6.2112 3.04896 6.32302 3 6.43961 3Z' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-cost: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.16071 10.8717V12.0891H6.3313V11.0407V10.9907H6.2813C5.79004 10.9907 5.2943 10.7449 4.87287 10.4922C4.55077 10.2504 4.30678 10.0089 4.06491 9.69175L4.83952 8.83967C5.00995 9.0793 5.24897 9.31332 5.48905 9.47421C5.75696 9.73902 6.19372 9.82331 6.53477 9.82331C6.79771 9.82331 7.14982 9.73593 7.41505 9.47069L7.41575 9.47139L7.4213 9.46307C7.59464 9.20306 7.68318 8.9401 7.68318 8.6749C7.68318 8.4115 7.59554 8.14409 7.41505 7.96361L7.41575 7.96291L7.40743 7.95736C7.15189 7.787 6.8118 7.61664 6.55397 7.5302C6.48272 7.4946 6.41013 7.45912 6.33682 7.42329C5.88474 7.20233 5.40575 6.96821 5.04926 6.61173C4.72279 6.28526 4.55695 5.79224 4.55695 5.29521H4.55764L4.55627 5.28699C4.47549 4.80225 4.71693 4.31075 5.05122 3.89223C5.38361 3.56049 5.79679 3.31389 6.20661 3.23192L6.2468 3.22388V3.18289V2.05H7.16071V3.18289V3.23289H7.21071C7.54127 3.23289 7.86896 3.31568 8.11239 3.47797C8.35562 3.64012 8.59509 3.7999 8.83436 4.03275L8.13921 4.95962C7.87535 4.63841 7.4595 4.40281 6.96519 4.4003C6.82558 4.35634 6.68841 4.38139 6.55779 4.43581C6.42659 4.49048 6.29653 4.57718 6.17155 4.6605C6.07415 4.71038 6.00527 4.80565 5.96101 4.90524C5.91602 5.00645 5.89333 5.11897 5.89333 5.21071C5.89333 5.38838 5.98079 5.66347 6.25417 5.76119C6.51378 6.01722 6.85595 6.18716 7.19671 6.27266C7.69545 6.43917 8.11073 6.6884 8.52724 7.1049L8.52702 7.10512L8.53136 7.10859C8.93729 7.43334 9.10404 8.00695 9.10404 8.50592C9.10404 9.08546 8.85491 9.74824 8.44275 10.1604C8.11072 10.4924 7.69735 10.7399 7.20249 10.8224L7.16071 10.8294V10.8717Z' fill='%235D6175' stroke='%23F9FAFC' stroke-width='0.1'/%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-cost_active: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.16071 10.8717V12.0891H6.3313V11.0407V10.9907H6.2813C5.79004 10.9907 5.2943 10.7449 4.87287 10.4922C4.55077 10.2504 4.30678 10.0089 4.06491 9.69175L4.83952 8.83967C5.00995 9.0793 5.24897 9.31332 5.48905 9.47421C5.75696 9.73902 6.19372 9.82331 6.53477 9.82331C6.79771 9.82331 7.14982 9.73593 7.41505 9.47069L7.41575 9.47139L7.4213 9.46307C7.59464 9.20306 7.68318 8.9401 7.68318 8.6749C7.68318 8.4115 7.59554 8.14409 7.41505 7.96361L7.41575 7.96291L7.40743 7.95736C7.15189 7.787 6.8118 7.61664 6.55397 7.5302C6.48272 7.4946 6.41013 7.45912 6.33682 7.42329C5.88474 7.20233 5.40575 6.96821 5.04926 6.61173C4.72279 6.28526 4.55695 5.79224 4.55695 5.29521H4.55764L4.55627 5.28699C4.47549 4.80225 4.71693 4.31075 5.05122 3.89223C5.38361 3.56049 5.79679 3.31389 6.20661 3.23192L6.2468 3.22388V3.18289V2.05H7.16071V3.18289V3.23289H7.21071C7.54127 3.23289 7.86896 3.31568 8.11239 3.47797C8.35562 3.64012 8.59509 3.7999 8.83436 4.03275L8.13921 4.95962C7.87535 4.63841 7.4595 4.40281 6.96519 4.4003C6.82558 4.35634 6.68841 4.38139 6.55779 4.43581C6.42659 4.49048 6.29653 4.57718 6.17155 4.6605C6.07415 4.71038 6.00527 4.80565 5.96101 4.90524C5.91602 5.00645 5.89333 5.11897 5.89333 5.21071C5.89333 5.38838 5.98079 5.66347 6.25417 5.76119C6.51378 6.01722 6.85595 6.18716 7.19671 6.27266C7.69545 6.43917 8.11073 6.6884 8.52724 7.1049L8.52702 7.10512L8.53136 7.10859C8.93729 7.43334 9.10404 8.00695 9.10404 8.50592C9.10404 9.08546 8.85491 9.74824 8.44275 10.1604C8.11072 10.4924 7.69735 10.7399 7.20249 10.8224L7.16071 10.8294V10.8717Z' fill='%2343454D' stroke='%23F9FAFC' stroke-width='0.1'/%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-boot: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86914 4.98779H8.33549V8.79125V12.5947H6.86914V4.98779Z' fill='%2343454D'/%3E%3Cpath d='M10.1337 4.98779L14.888 8.79125L10.1337 12.5947V4.98779Z' fill='%2343454D'/%3E%3Ccircle cx='9.86914' cy='9.18799' r='8.5' stroke='%2343454D'/%3E%3C/svg%3E");
    --icon-vhd-boot_hover: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86914 4.98779H8.33549V8.79125V12.5947H6.86914V4.98779Z' fill='%23F94955'/%3E%3Cpath d='M10.1337 4.98779L14.888 8.79125L10.1337 12.5947V4.98779Z' fill='%23F94955'/%3E%3Ccircle cx='9.86914' cy='9.18799' r='8.5' stroke='%23F94955'/%3E%3C/svg%3E");
    --icon-vhd-delete: url("data:image/svg+xml,%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1333 15.1579C12.1333 15.9117 11.8594 16.6346 11.3718 17.1676C10.8842 17.7006 10.2229 18 9.53333 18H3.46667C2.7771 18 2.11578 17.7006 1.62819 17.1676C1.14059 16.6346 0.866667 15.9117 0.866667 15.1579V3.78947H0V0.947368H3.9L4.76667 0H8.23333L9.1 0.947368H13V3.78947H12.1333V15.1579ZM1.73333 3.78947V15.1579C1.73333 15.6604 1.91595 16.1423 2.24101 16.4977C2.56608 16.853 3.00696 17.0526 3.46667 17.0526H9.53333C9.99304 17.0526 10.4339 16.853 10.759 16.4977C11.084 16.1423 11.2667 15.6604 11.2667 15.1579V3.78947H1.73333ZM12.1333 2.84211V1.89474H8.66667L7.8 0.947368H5.2L4.33333 1.89474H0.866667V2.84211H12.1333ZM3.46667 5.68421H4.33333V15.1579H3.46667V5.68421ZM8.66667 5.68421H9.53333V15.1579H8.66667V5.68421Z' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-delete_hover: url("data:image/svg+xml,%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1333 15.1579C12.1333 15.9117 11.8594 16.6346 11.3718 17.1676C10.8842 17.7006 10.2229 18 9.53333 18H3.46667C2.7771 18 2.11578 17.7006 1.62819 17.1676C1.14059 16.6346 0.866667 15.9117 0.866667 15.1579V3.78947H0V0.947368H3.9L4.76667 0H8.23333L9.1 0.947368H13V3.78947H12.1333V15.1579ZM1.73333 3.78947V15.1579C1.73333 15.6604 1.91595 16.1423 2.24101 16.4977C2.56608 16.853 3.00696 17.0526 3.46667 17.0526H9.53333C9.99304 17.0526 10.4339 16.853 10.759 16.4977C11.084 16.1423 11.2667 15.6604 11.2667 15.1579V3.78947H1.73333ZM12.1333 2.84211V1.89474H8.66667L7.8 0.947368H5.2L4.33333 1.89474H0.866667V2.84211H12.1333ZM3.46667 5.68421H4.33333V15.1579H3.46667V5.68421ZM8.66667 5.68421H9.53333V15.1579H8.66667V5.68421Z' fill='%23F94955'/%3E%3C/svg%3E%0A");
    --icon-vhd-options: url("data:image/svg+xml,%3Csvg width='5' height='19' viewBox='0 0 5 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.09375 4.18799C0.989181 4.18799 0.09375 3.29256 0.09375 2.18799C0.09375 1.08342 0.989181 0.187988 2.09375 0.187988C3.19832 0.187988 4.09375 1.08342 4.09375 2.18799C4.09375 3.29256 3.19832 4.18799 2.09375 4.18799Z' fill='%2343454D'/%3E%3Cpath d='M2.09375 11.188C0.989181 11.188 0.09375 10.2926 0.09375 9.18799C0.09375 8.08342 0.989181 7.18799 2.09375 7.18799C3.19832 7.18799 4.09375 8.08342 4.09375 9.18799C4.09375 10.2926 3.19832 11.188 2.09375 11.188Z' fill='%2343454D'/%3E%3Cpath d='M2.09375 18.188C0.989181 18.188 0.09375 17.2926 0.09375 16.188C0.09375 15.0834 0.989181 14.188 2.09375 14.188C3.19832 14.188 4.09375 15.0834 4.09375 16.188C4.09375 17.2926 3.19832 18.188 2.09375 18.188Z' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-options_hover: url("data:image/svg+xml,%3Csvg width='5' height='19' viewBox='0 0 5 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.09375 4.18799C0.989181 4.18799 0.09375 3.29256 0.09375 2.18799C0.09375 1.08342 0.989181 0.187988 2.09375 0.187988C3.19832 0.187988 4.09375 1.08342 4.09375 2.18799C4.09375 3.29256 3.19832 4.18799 2.09375 4.18799Z' fill='%23F94955'/%3E%3Cpath d='M2.09375 11.188C0.989181 11.188 0.09375 10.2926 0.09375 9.18799C0.09375 8.08342 0.989181 7.18799 2.09375 7.18799C3.19832 7.18799 4.09375 8.08342 4.09375 9.18799C4.09375 10.2926 3.19832 11.188 2.09375 11.188Z' fill='%23F94955'/%3E%3Cpath d='M2.09375 18.188C0.989181 18.188 0.09375 17.2926 0.09375 16.188C0.09375 15.0834 0.989181 14.188 2.09375 14.188C3.19832 14.188 4.09375 15.0834 4.09375 16.188C4.09375 17.2926 3.19832 18.188 2.09375 18.188Z' fill='%23F94955'/%3E%3C/svg%3E%0A");
    --icon-vhd-rdp: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.727678 0.187988H17.1936L17.8275 0.830644V7.90645C17.4352 7.6074 17.01 7.35557 16.5605 7.156V1.47412H1.3608V13.0452H7.6944C7.69422 14.4363 8.13853 15.7899 8.96063 16.9028H3.89407V15.6167H7.6944V14.3305H0.727678L0.09375 13.6887V0.829822L0.727678 0.187988ZM14.0272 7.90233C13.3618 7.90233 12.703 8.03536 12.0883 8.29381C11.4736 8.55227 10.9151 8.93109 10.4446 9.40865C9.97412 9.88621 9.60092 10.4532 9.3463 11.0771C9.09168 11.7011 8.96063 12.3699 8.96063 13.0452C8.96063 13.7206 9.09168 14.3894 9.3463 15.0133C9.60092 15.6373 9.97412 16.2042 10.4446 16.6818C10.9151 17.1594 11.4736 17.5382 12.0883 17.7966C12.703 18.0551 13.3618 18.1881 14.0272 18.1881C15.3709 18.1881 16.6596 17.6463 17.6098 16.6818C18.56 15.7173 19.0938 14.4092 19.0938 13.0452C19.0938 11.6812 18.56 10.3731 17.6098 9.40865C16.6596 8.44417 15.3709 7.90233 14.0272 7.90233ZM14.0272 16.9028C13.0192 16.9028 12.0524 16.4963 11.3397 15.7728C10.6269 15.0493 10.2265 14.068 10.2265 13.0448C10.2265 12.0216 10.6269 11.0403 11.3397 10.3168C12.0524 9.59329 13.0192 9.18682 14.0272 9.18682C15.0352 9.18682 16.0019 9.59329 16.7147 10.3168C17.4275 11.0403 17.8279 12.0216 17.8279 13.0448C17.8279 14.068 17.4275 15.0493 16.7147 15.7728C16.0019 16.4963 15.0352 16.9028 14.0272 16.9028ZM16.1373 14.3256L14.392 12.554L16.1373 10.7824L16.6618 11.3139L15.441 12.554L16.6618 13.7932L16.1373 14.3256ZM11.7979 12.6305L13.0187 13.8706L11.7979 15.1098L12.3224 15.6422L14.0677 13.8706L12.3224 12.0989L11.7979 12.6305Z' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-rdp_hover: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.727678 0.187988H17.1936L17.8275 0.830644V7.90645C17.4352 7.6074 17.01 7.35557 16.5605 7.156V1.47412H1.3608V13.0452H7.6944C7.69422 14.4363 8.13853 15.7899 8.96063 16.9028H3.89407V15.6167H7.6944V14.3305H0.727678L0.09375 13.6887V0.829822L0.727678 0.187988ZM14.0272 7.90233C13.3618 7.90233 12.703 8.03536 12.0883 8.29381C11.4736 8.55227 10.9151 8.93109 10.4446 9.40865C9.97412 9.88621 9.60092 10.4532 9.3463 11.0771C9.09168 11.7011 8.96063 12.3699 8.96063 13.0452C8.96063 13.7206 9.09168 14.3894 9.3463 15.0133C9.60092 15.6373 9.97412 16.2042 10.4446 16.6818C10.9151 17.1594 11.4736 17.5382 12.0883 17.7966C12.703 18.0551 13.3618 18.1881 14.0272 18.1881C15.3709 18.1881 16.6596 17.6463 17.6098 16.6818C18.56 15.7173 19.0938 14.4092 19.0938 13.0452C19.0938 11.6812 18.56 10.3731 17.6098 9.40865C16.6596 8.44417 15.3709 7.90233 14.0272 7.90233ZM14.0272 16.9028C13.0192 16.9028 12.0524 16.4963 11.3397 15.7728C10.6269 15.0493 10.2265 14.068 10.2265 13.0448C10.2265 12.0216 10.6269 11.0403 11.3397 10.3168C12.0524 9.59329 13.0192 9.18682 14.0272 9.18682C15.0352 9.18682 16.0019 9.59329 16.7147 10.3168C17.4275 11.0403 17.8279 12.0216 17.8279 13.0448C17.8279 14.068 17.4275 15.0493 16.7147 15.7728C16.0019 16.4963 15.0352 16.9028 14.0272 16.9028ZM16.1373 14.3256L14.392 12.554L16.1373 10.7824L16.6618 11.3139L15.441 12.554L16.6618 13.7932L16.1373 14.3256ZM11.7979 12.6305L13.0187 13.8706L11.7979 15.1098L12.3224 15.6422L14.0677 13.8706L12.3224 12.0989L11.7979 12.6305Z' fill='%23F94955'/%3E%3C/svg%3E%0A");
    --icon-vhd-shut: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50239 2.49937C4.31299 2.31014 4.01823 2.27138 3.79537 2.41976C1.50753 3.94306 0 6.54576 0 9.50057C0 14.1953 3.80558 18.0011 8.5 18.0011C13.1944 18.0011 17 14.1953 17 9.50057C17 6.3874 15.3266 3.66511 12.8302 2.18426C12.6103 2.05381 12.3317 2.09749 12.1508 2.2782C11.8635 2.56524 11.95 3.05241 12.2967 3.26393C14.3975 4.54576 15.8 6.85935 15.8 9.50057C15.8 13.5326 12.5316 16.8011 8.5 16.8011C4.46839 16.8011 1.2 13.5326 1.2 9.50057C1.2 6.99468 2.46245 4.78371 4.38595 3.469C4.7111 3.24676 4.78101 2.77774 4.50239 2.49937Z' fill='%2343454D'/%3E%3Cpath d='M8 0.68C8 0.304446 8.30445 0 8.68 0C9.05555 0 9.36 0.304446 9.36 0.68V7.66491C9.36 8.04046 9.05555 8.34491 8.68 8.34491C8.30445 8.34491 8 8.04046 8 7.66491V0.68Z' fill='%2343454D'/%3E%3C/svg%3E%0A");
    --icon-vhd-shut_hover: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50239 2.49937C4.31299 2.31014 4.01823 2.27138 3.79537 2.41976C1.50753 3.94306 0 6.54576 0 9.50057C0 14.1953 3.80558 18.0011 8.5 18.0011C13.1944 18.0011 17 14.1953 17 9.50057C17 6.3874 15.3266 3.66511 12.8302 2.18426C12.6103 2.05381 12.3317 2.09749 12.1508 2.2782C11.8635 2.56524 11.95 3.05241 12.2967 3.26393C14.3975 4.54576 15.8 6.85935 15.8 9.50057C15.8 13.5326 12.5316 16.8011 8.5 16.8011C4.46839 16.8011 1.2 13.5326 1.2 9.50057C1.2 6.99468 2.46245 4.78371 4.38595 3.469C4.7111 3.24676 4.78101 2.77774 4.50239 2.49937Z' fill='%23F94955'/%3E%3Cpath d='M8 0.68C8 0.304446 8.30445 0 8.68 0C9.05555 0 9.36 0.304446 9.36 0.68V7.66491C9.36 8.04046 9.05555 8.34491 8.68 8.34491C8.30445 8.34491 8 8.04046 8 7.66491V0.68Z' fill='%23F94955'/%3E%3C/svg%3E%0A");
    --icon-vhd-state: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%235D6175'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.2727 6.61827C4.00221 6.30309 3.50632 6.3304 3.27209 6.67339C3.11146 6.90861 3.1282 7.22225 3.31295 7.43904L5.00896 9.42918C5.40536 9.89433 6.12259 9.89824 6.52405 9.43746L10.0429 5.39854C10.2314 5.18215 10.2467 4.86461 10.0797 4.6312C9.84836 4.30788 9.3767 4.28305 9.11272 4.58028L5.7617 8.35336L4.2727 6.61827Z' fill='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-state_preparing: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23FFBB00' stroke-width='1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.58989 7.59455C5.31941 7.27936 4.82352 7.30667 4.58929 7.64967C4.42866 7.88488 4.44539 8.19853 4.63014 8.41532L6.32616 10.4055C6.72256 10.8706 7.43979 10.8745 7.84125 10.4137L11.3601 6.37481C11.5486 6.15843 11.5639 5.84088 11.3969 5.60747C11.1656 5.28416 10.6939 5.25932 10.4299 5.55655L7.0789 9.32963L5.58989 7.59455Z' fill='%23FFBB00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17394 10.5352L4.47792 8.54504C4.23465 8.25958 4.21262 7.8466 4.42413 7.53688C4.73255 7.08524 5.38551 7.04928 5.74167 7.4643L7.08149 9.02554L10.2804 5.42374C10.6296 5.03054 11.2535 5.0634 11.5595 5.4911C11.7804 5.79987 11.7603 6.21994 11.5109 6.50619L7.99204 10.5451C7.51029 11.0981 6.64962 11.0934 6.17394 10.5352ZM10.4299 5.55655C10.6939 5.25932 11.1656 5.28416 11.3969 5.60747C11.5639 5.84088 11.5486 6.15843 11.3601 6.37481L7.84125 10.4137C7.43979 10.8745 6.72256 10.8706 6.32616 10.4055L4.63014 8.41532C4.44539 8.19853 4.42866 7.88488 4.58929 7.64967C4.82352 7.30667 5.31941 7.27936 5.58989 7.59455L7.0789 9.32963L10.4299 5.55655Z' fill='%23FFBB00'/%3E%3C/svg%3E%0A");
    --icon-vhd-state_ready: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%231DBF36' stroke-width='1.2'/%3E%3Cpath d='M5.66695 7.55305C5.35363 7.18795 4.7792 7.21959 4.50788 7.6169C4.32181 7.88937 4.34119 8.25268 4.5552 8.50381L6.25122 10.4939C6.68726 11.0056 7.47621 11.0099 7.91782 10.503L11.4367 6.46413C11.6556 6.21281 11.6733 5.844 11.4794 5.57291C11.2107 5.19741 10.6629 5.16856 10.3563 5.51378L7.08136 9.20121L5.66695 7.55305Z' fill='%231DBF36' stroke='%231DBF36' stroke-width='0.2'/%3E%3C/svg%3E%0A");
    --icon-vhd-win10: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.09375 2.39156L7.06071 1.48799V7.8237H0.09375V2.39156ZM0.09375 13.9844L7.06071 14.888V8.63085H0.09375V13.9844ZM7.82723 14.9844L17.0938 16.188V8.63085H7.82723V14.9844ZM7.82723 1.39156V7.8237H17.0938V0.187988L7.82723 1.39156Z' fill='%235D6175'/%3E%3C/svg%3E%0A");
    --icon-vhd-win10_active: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.20357L6.96696 1.3V7.63571H0V2.20357ZM0 13.7964L6.96696 14.7V8.44286H0V13.7964ZM7.73348 14.7964L17 16V8.44286H7.73348V14.7964ZM7.73348 1.20357V7.63571H17V0L7.73348 1.20357Z' fill='%2300ADEF'/%3E%3C/svg%3E%0A");
    --icon-btn-save: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.42941 5.04576C1.95807 4.49042 1.08687 4.53828 0.67919 5.14189L0.340127 5.64391C0.0648192 6.05153 0.0935933 6.59238 0.410596 6.96849L4.79231 12.1672C5.22868 12.6849 6.02473 12.6893 6.46672 12.1763L14.5655 2.77743C14.8953 2.39468 14.9219 1.83647 14.6301 1.42403L14.3133 0.9763C13.9028 0.396082 13.058 0.351709 12.5889 0.885725L5.6263 8.81237L2.42941 5.04576Z' fill='%23F94955' stroke='%23F94955' stroke-width='0.2'/%3E%3C/svg%3E%0A");
    --icon-last-gpu: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00057 3.50968e-06C10.867 3.50968e-06 14.0011 3.13416 14.0011 7.00057C14.0011 10.867 10.867 14.0011 7.00057 14.0011C3.13415 14.0011 0 10.867 0 7.00057H1.40011C1.40027 8.34151 1.88154 9.63788 2.75646 10.6541C3.63138 11.6702 4.84187 12.3388 6.1679 12.5381C7.49393 12.7375 8.84749 12.4545 9.98254 11.7405C11.1176 11.0265 11.9588 9.92897 12.3532 8.64736C12.7477 7.36575 12.6692 5.98516 12.1321 4.75651C11.5949 3.52786 10.6347 2.53272 9.42609 1.95197C8.21744 1.37122 6.84053 1.24341 5.54564 1.59176C4.25074 1.94012 3.12382 2.74153 2.36969 3.85032H4.20034V5.25043H0V1.05009H1.40011V2.80023C2.05144 1.92998 2.89684 1.22371 3.86908 0.737591C4.84132 0.251472 5.91357 -0.00108594 7.00057 3.50968e-06Z' fill='%23F94955'/%3E%3Cpath d='M6.125 7.87528V4.375H7.17508V7.28023L9.63928 8.74335L9.10024 9.63943L6.125 7.87528Z' fill='%23F94955'/%3E%3C/svg%3E%0A");
    --icon-btn-close: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3023 0L13 1.76535L2.19565 13L0.497904 11.2346L11.3023 0Z' fill='%233C53C9'/%3E%3Cpath d='M12.5021 11.2346L10.8044 13L0 1.76538L1.69774 2.31591e-05L12.5021 11.2346Z' fill='%233C53C9'/%3E%3C/svg%3E%0A");
    --icon-vhd-sort: url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4 20L10.8 15H6.75V0H4.05V15H0L5.4 20ZM12.15 5H24.3V7.5H12.15V5ZM12.15 10H21.6V12.5H12.15V10ZM12.15 0H27V2.5H12.15V0ZM12.15 15H18.9V17.5H12.15V15Z' fill='%23F94955'/%3E%3C/svg%3E%0A");
}

#comfy-container.x-masked {
    opacity: .35;
}
#comfy-container>div.ext-el-mask {
    opacity: 0;
}

.comfy-badge {
    position: absolute;
    right: 0;
    bottom: 32px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 10px;
    font-size: 10px;
    border: solid 1px #73788F;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
}

.comfy-badge img {
    width: 20px;
    border-radius: 3px;
    margin-left: 8px;
}

.comfy-link-copy {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.625 4.25C7.12772 4.25 6.65081 4.44754 6.29917 4.79917C5.94754 5.15081 5.75 5.62772 5.75 6.125V12.125C5.75 12.6223 5.94754 13.0992 6.29917 13.4508C6.65081 13.8025 7.12772 14 7.625 14H12.125C12.6223 14 13.0992 13.8025 13.4508 13.4508C13.8025 13.0992 14 12.6223 14 12.125V6.125C14 5.62772 13.8025 5.15081 13.4508 4.79917C13.0992 4.44754 12.6223 4.25 12.125 4.25H7.625ZM6.5 6.125C6.5 5.82663 6.61853 5.54048 6.8295 5.3295C7.04048 5.11853 7.32663 5 7.625 5H12.125C12.4234 5 12.7095 5.11853 12.9205 5.3295C13.1315 5.54048 13.25 5.82663 13.25 6.125V12.125C13.25 12.4234 13.1315 12.7095 12.9205 12.9205C12.7095 13.1315 12.4234 13.25 12.125 13.25H7.625C7.32663 13.25 7.04048 13.1315 6.8295 12.9205C6.61853 12.7095 6.5 12.4234 6.5 12.125V6.125Z" fill="%23F94955"/><path d="M8 6.875C8 6.77554 8.03951 6.68016 8.10983 6.60984C8.18016 6.53951 8.27554 6.5 8.375 6.5H11.375C11.4745 6.5 11.5698 6.53951 11.6402 6.60984C11.7105 6.68016 11.75 6.77554 11.75 6.875C11.75 6.97446 11.7105 7.06984 11.6402 7.14016C11.5698 7.21049 11.4745 7.25 11.375 7.25H8.375C8.27554 7.25 8.18016 7.21049 8.10983 7.14016C8.03951 7.06984 8 6.97446 8 6.875ZM8 9.125C8 9.02554 8.03951 8.93016 8.10983 8.85983C8.18016 8.78951 8.27554 8.75 8.375 8.75H11.375C11.4745 8.75 11.5698 8.78951 11.6402 8.85983C11.7105 8.93016 11.75 9.02554 11.75 9.125C11.75 9.22446 11.7105 9.31984 11.6402 9.39017C11.5698 9.46049 11.4745 9.5 11.375 9.5H8.375C8.27554 9.5 8.18016 9.46049 8.10983 9.39017C8.03951 9.31984 8 9.22446 8 9.125ZM8 11.375C8 11.2755 8.03951 11.1802 8.10983 11.1098C8.18016 11.0395 8.27554 11 8.375 11H10.625C10.7245 11 10.8198 11.0395 10.8902 11.1098C10.9605 11.1802 11 11.2755 11 11.375C11 11.4745 10.9605 11.5698 10.8902 11.6402C10.8198 11.7105 10.7245 11.75 10.625 11.75H8.375C8.27554 11.75 8.18016 11.7105 8.10983 11.6402C8.03951 11.5698 8 11.4745 8 11.375ZM2 3.875C2 3.37772 2.19754 2.90081 2.54917 2.54917C2.90081 2.19754 3.37772 2 3.875 2L8.375 2C9.10925 2 9.7475 2.4215 10.055 3.035C10.169 3.26225 9.977 3.4985 9.72275 3.4985C9.5525 3.4985 9.40625 3.38675 9.311 3.245C9.20833 3.09257 9.06988 2.96762 8.90776 2.88107C8.74564 2.79452 8.56478 2.749 8.381 2.7485H3.881C3.58263 2.7485 3.29648 2.86703 3.0855 3.078C2.87453 3.28898 2.756 3.57513 2.756 3.8735V9.8735C2.756 10.1719 2.87453 10.458 3.0855 10.669C3.29648 10.88 3.58263 10.9985 3.881 10.9985H4.631C4.73046 10.9985 4.82584 11.038 4.89617 11.1083C4.96649 11.1787 5.006 11.274 5.006 11.3735C5.006 11.473 4.96649 11.5683 4.89617 11.6387C4.82584 11.709 4.73046 11.7485 4.631 11.7485H3.881C3.38372 11.7485 2.90681 11.551 2.55517 11.1993C2.20354 10.8477 2.006 10.3708 2.006 9.8735V3.8735L2 3.875Z" fill="%23F94955"/></svg>');
    width: 16;
    height: 16;
    position: absolute;
    right: -26px;
	top: 0;
    border: solid 1px #0000;
    cursor: pointer;
}

.new-badge-main {
	display: block;
	color: var(--checked-color);
	background-color: #fff;
	font: bold 13px/18px open sans !important;
	border-radius: 10px;
	padding: 0px 14px 0 6px;
	margin: 0 10px 0 0;
}

.new-badge {
	display:inline-block;
	background-color:var(--checked-color);
	color:#fff;
	font: bold 11px/14px open sans;
	border-radius: 10px;
	padding: 1px 8px;
	margin: -17px 0 0 10px;
}

#tokenCountdown.anim {
  height: 100px;
  width: 100px;
}
#tokenCountdown.anim .center {
  position: absolute;
}
#tokenCountdown.anim .circle {
  margin-top: 2px;
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 999px;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
}
#tokenCountdown.anim .l-half, #tokenCountdown.anim .r-half {
  float: left;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
#tokenCountdown.anim .l-half:before, #tokenCountdown.anim .r-half:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 3px solid #bbb;
  -webkit-animation-duration: 120s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}
#tokenCountdown.anim .l-half:before {
  border-right: none;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  -webkit-transform-origin: center right;
  -webkit-animation-name: l-rotate;
}
#tokenCountdown.anim .r-half:before {
  border-left: none;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  -webkit-transform-origin: center left;
  -webkit-animation-name: r-rotate;
}
#tokenCountdown.anim .count {
  position: absolute;
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Open Sans';
  color: #808080;
  z-index: 2;
  -webkit-animation: fadeout 0.5s 21s 1 linear;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes l-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-180deg);
  }
}
@-webkit-keyframes r-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-180deg);
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
    }
}


#userVhdsGrid {
    max-height: 1800px;
    margin: 0 auto;
    padding: 18px 22px 30px;
    background-color: var(--vhdgrid-background-color);
    border: 1px solid var(--vhdgrid-border-color);
    box-shadow: 0.5px 2px 6px rgba(52, 76, 99, 0.16);
    border-radius: 2px;
    box-sizing: border-box;
}
#userVhdsGrid .empty {
    margin-top: 5em;
    padding: 1vh 10.5vw;
    font: 400 normal 16px/22px Open Sans, sans-serif;
    color: var(--secondary-color);
    text-align: center;
}
#userVhdsGrid * {
    box-sizing: border-box;
}

#userVhdsGrid .userVhds-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    max-height: 100%;
    overflow: hidden auto;
}

#userVhdsGrid .userVhd {
    width: 280px;
    height: 244px;
    margin: 12px 11px;
    border-radius: 4px;
    font: normal 12px open sans;
}
#userVhdsGrid .userVhd-hover>div {
    box-shadow: 0.5px 1px 4px rgba(52, 76, 99, 0.18);
}

.userVhd-container {
    position: relative;
    padding: 16px 18px 18px;
    background: #fff;
    border-radius: 4px;
}

.vhdState-preparing, .vhdState-active {
    background: rgba(255, 255, 230, 0.4);
    border: 2px solid var(--vhdState-preparing);
    padding: 15px 17px 15px;
}
.vhdState-off {
    border: 1px solid var(--vhdState-off);
}
.vhdState-os-ready {
    background: rgba(230, 255, 230, 0.3);
    border: 2px solid var(--vhdState-ready);
    padding: 15px 17px 15px;
}
.dummy {
    border: 1px solid var(--checked-color);
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 600 normal 14px/17px Montserrat;
    color: var(--checked-color);
}
.dummy .dummy-icon {
    display: inline-block;
    margin-left: 8px;
    width: 13px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.9 3.94737V4.04737H1H1.63333V12.7895C1.63333 13.4021 1.87554 13.9898 2.30682 14.4231C2.73812 14.8565 3.32318 15.1 3.93333 15.1H9.06667C9.67682 15.1 10.2619 14.8565 10.6932 14.4231C11.1245 13.9898 11.3667 13.4021 11.3667 12.7895V4.04737H12H12.1V3.94737V1.73684V1.63684H12H8.74156L8.03755 0.929458L8.00823 0.9H7.96667H5.03333H4.99177L4.96245 0.929458L4.25844 1.63684H1H0.9V1.73684V3.94737ZM8.26245 2.54423L8.29177 2.57368H8.33333H11.1667V3.11053H1.83333V2.57368H4.66667H4.70823L4.73755 2.54423L5.44156 1.83684H7.55844L8.26245 2.54423ZM3.93333 5.32105H3.83333V5.42105V12.7895V12.8895H3.93333H4.66667H4.76667V12.7895V5.42105V5.32105H4.66667H3.93333ZM8.33333 5.32105H8.23333V5.42105V12.7895V12.8895H8.33333H9.06667H9.16667V12.7895V5.42105V5.32105H9.06667H8.33333ZM2.56667 12.7895V4.04737H10.4333V12.7895C10.4333 13.154 10.2892 13.5034 10.0329 13.761C9.77654 14.0185 9.42898 14.1632 9.06667 14.1632H3.93333C3.57103 14.1632 3.22346 14.0185 2.96712 13.761C2.71077 13.5034 2.56667 13.154 2.56667 12.7895Z' fill='%23F94955' stroke='%23F94955' stroke-width='0.2'/%3E%3C/svg%3E%0A");
}
.dummy .icon-vhd-container {
    display: none;
}

.icon-vhd-container {
    margin-bottom: 12px;
    font: normal 500 13px/16px Montserrat;
    letter-spacing: -0.01em;
    color: var(--main-color);
}
.vhdState-preparing .icon-vhd-container, .vhdState-active .icon-vhd-container {
    color: var(--primary-color);
}
.icon-vhd-win10 {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 8px 4px 0;
    width: 20px;
    height: 20px;
    background: var(--icon-vhd-win10) no-repeat center;
}
.vhdState-preparing .icon-vhd-win10, .vhdState-active .icon-vhd-win10 {
    background: var(--icon-vhd-win10_active) no-repeat center;
}
.icon-vhd-linux {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 8px 4px 0;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83233 0C6.72975 0 6.62471 0.00515555 6.51621 0.0126545C3.7372 0.222157 4.47449 3.0174 4.43306 3.94962C4.38177 4.63062 4.2358 5.17008 3.74263 5.83702C3.15921 6.49365 2.34252 7.5557 1.95489 8.66086C1.77291 9.18063 1.68513 9.71587 1.76748 10.2188C1.73647 10.2406 1.71102 10.2688 1.69302 10.3013C1.52337 10.47 1.39711 10.6776 1.25853 10.8262C1.12784 10.9504 0.94044 10.9926 0.734296 11.0755C0.529137 11.1604 0.300307 11.2438 0.166658 11.5025C0.107478 11.6201 0.0764081 11.7467 0.0793671 11.8789C0.0793671 12.0007 0.0976143 12.1277 0.115368 12.213C0.154329 12.4619 0.192303 12.6672 0.141013 12.8186C-0.0232121 13.2427 -0.0409662 13.5333 0.0719695 13.7461C0.186878 13.9561 0.423599 14.039 0.687937 14.1225C1.22253 14.2467 1.94404 14.2073 2.51464 14.4955C3.12271 14.7885 3.74213 14.9155 4.2353 14.7913C4.40541 14.755 4.56489 14.6832 4.70215 14.5811C4.83941 14.4789 4.951 14.349 5.02881 14.2007C5.41398 14.1984 5.83761 14.032 6.51374 13.9908C6.97338 13.9537 7.5489 14.159 8.20876 14.115C8.22652 14.2007 8.2497 14.2392 8.2857 14.3249V14.3273C8.54215 14.8128 9.01756 15.0327 9.52651 14.9961C10.032 14.9572 10.5715 14.6619 11.008 14.1787C11.4242 13.7025 12.1152 13.5019 12.5723 13.2413C12.8012 13.1162 12.9861 12.9484 12.9989 12.7066C13.0142 12.4577 12.8682 12.199 12.5314 11.8475V11.7861L12.5289 11.7837C12.416 11.6595 12.3647 11.4495 12.3055 11.2058C12.2488 10.9541 12.1872 10.7151 11.982 10.5515C11.9406 10.5173 11.8996 10.5098 11.8562 10.4686C11.8198 10.4442 11.7769 10.4299 11.7325 10.4273C12.015 9.6287 11.9046 8.83568 11.6166 8.11999C11.2674 7.23886 10.6534 6.47022 10.1883 5.94295C9.66411 5.31537 9.15072 4.72014 9.16107 3.83901C9.17883 2.49341 9.31741 0.00656161 6.83134 0.00140606L6.83233 0ZM7.17903 2.12831H7.18938C7.32797 2.12831 7.4483 2.16768 7.57208 2.25063C7.69784 2.33546 7.79056 2.45826 7.8596 2.58481C7.92914 2.74603 7.96563 2.87024 7.97007 3.03615C7.97007 3.02443 7.97254 3.01178 7.97254 3.00006V3.06568C7.97254 3.06052 7.97007 3.0563 7.97007 3.05115L7.96761 3.03615C7.96761 3.18801 7.93456 3.33939 7.87045 3.47812C7.83998 3.5571 7.79167 3.62877 7.72891 3.68809C7.71116 3.67872 7.69291 3.66888 7.6722 3.66138C7.60315 3.63185 7.54151 3.62248 7.48479 3.57889C7.43813 3.56112 7.38995 3.54717 7.34079 3.53718C7.37186 3.50109 7.43597 3.45422 7.46161 3.41298C7.49515 3.3347 7.5129 3.2494 7.51833 3.16176V3.1491C7.51973 3.0645 7.50571 2.9803 7.4769 2.90023C7.44879 2.81727 7.41328 2.77509 7.35903 2.6926C7.30232 2.65089 7.24856 2.60965 7.18149 2.60965H7.17163C7.10998 2.60965 7.05574 2.62652 6.99951 2.6926C6.93781 2.75042 6.89193 2.8217 6.86587 2.90023C6.83004 2.97897 6.80997 3.06337 6.80669 3.1491V3.16176C6.80669 3.21753 6.81211 3.27378 6.81901 3.33002C6.69079 3.28877 6.5315 3.24425 6.41856 3.203C6.41242 3.16185 6.40896 3.12037 6.40821 3.0788V3.06615C6.40321 2.90109 6.43673 2.73703 6.50635 2.58574C6.5601 2.44889 6.65775 2.33125 6.78893 2.25344C6.90137 2.1733 7.03749 2.12924 7.17903 2.12924V2.12831ZM5.232 2.16533H5.25518C5.34789 2.16533 5.43272 2.19486 5.51754 2.24829C5.6147 2.3289 5.69262 2.42873 5.74391 2.53841C5.80309 2.66355 5.83613 2.79009 5.84649 2.95601V2.95835C5.84895 3.04131 5.84895 3.08583 5.84402 3.12473V3.17582L5.79026 3.19035C5.69015 3.22456 5.61075 3.27331 5.53036 3.31549C5.53825 3.25925 5.53825 3.203 5.53283 3.1491V3.13926C5.52543 3.05677 5.50719 3.01506 5.47907 2.93163C5.45802 2.86748 5.41998 2.80954 5.36861 2.76338C5.33631 2.73601 5.29395 2.72186 5.25074 2.72401H5.23496C5.18909 2.72635 5.15013 2.74838 5.11462 2.80696C5.07115 2.85449 5.04351 2.91321 5.03522 2.97569C5.01697 3.04131 5.01155 3.11208 5.01944 3.18332V3.19035C5.02733 3.27612 5.04262 3.31783 5.0732 3.40032C5.09304 3.4639 5.13031 3.52132 5.1812 3.5667C5.18909 3.5742 5.19452 3.57936 5.20438 3.58123C5.15851 3.61826 5.12744 3.62576 5.08947 3.667C5.06333 3.68434 5.03572 3.70637 5.00218 3.71153C4.93378 3.63334 4.8735 3.54906 4.82217 3.45984C4.75925 3.32846 4.72438 3.18652 4.71959 3.04224C4.70964 2.90123 4.72702 2.75969 4.77088 2.62464C4.80984 2.50279 4.87149 2.38796 4.95829 2.29047C5.04311 2.20751 5.12794 2.16627 5.23298 2.16627L5.232 2.16533ZM6.13351 3.23206C6.35198 3.23206 6.61435 3.27096 6.93244 3.48093C7.12527 3.60607 7.27717 3.64966 7.62633 3.77152C7.79598 3.85729 7.89314 3.94025 7.94196 4.0232V3.94025C7.96538 3.98552 7.97841 4.035 7.9802 4.08542C7.98198 4.13584 7.97248 4.18604 7.95232 4.23271C7.86996 4.42815 7.61302 4.63578 7.25152 4.75998V4.76232C7.07645 4.84528 6.92258 4.96995 6.74257 5.05291C6.56059 5.13587 6.35445 5.23617 6.07729 5.21929C5.97692 5.22348 5.87663 5.20932 5.78188 5.17758C5.70883 5.14072 5.63847 5.09923 5.5713 5.05338C5.44307 4.97042 5.3326 4.84575 5.16838 4.76279V4.76045H5.16591C4.90108 4.60672 4.76003 4.44034 4.71368 4.31613C4.67028 4.14788 4.71121 4.02367 4.84239 3.94072C4.98837 3.85776 5.09095 3.77199 5.15802 3.73074C5.22707 3.68434 5.2532 3.667 5.27392 3.65013H5.27638V3.64779C5.38685 3.52077 5.56094 3.35486 5.82873 3.27143C5.91799 3.2494 6.02156 3.23253 6.134 3.23253L6.13351 3.23206ZM7.97254 4.56922C8.20926 5.45551 8.76161 6.74206 9.1162 7.36447C9.3036 7.69865 9.67841 8.40168 9.84017 9.25422C9.94275 9.25187 10.0557 9.26593 10.177 9.29546C10.6031 8.25076 9.81995 7.12778 9.46289 6.81517C9.31642 6.69097 9.30903 6.60754 9.38054 6.60754C9.76866 6.93937 10.2766 7.58944 10.4616 8.32856C10.5464 8.66273 10.5676 9.01987 10.4773 9.37326C10.5207 9.39013 10.5646 9.41216 10.611 9.41451C11.2891 9.74962 11.5406 10.0008 11.4198 10.3763V10.3495C11.3818 10.3477 11.3404 10.3495 11.3019 10.3495H11.2916C11.3922 10.0571 11.1712 9.83211 10.5908 9.58323C9.9896 9.33436 9.50925 9.37326 9.42689 9.87382C9.42108 9.90209 9.41778 9.93079 9.41703 9.95959C9.37018 9.97412 9.32431 9.99099 9.27845 9.99849C8.99586 10.1672 8.84397 10.4184 8.75717 10.7409C8.67234 11.0751 8.6467 11.4631 8.62352 11.9103C8.60774 12.1202 8.51058 12.4347 8.41244 12.7544C7.42611 13.4255 6.05707 13.7161 4.89664 12.9643C4.82168 12.8425 4.73439 12.73 4.63181 12.6302C4.58256 12.5526 4.5212 12.4826 4.44983 12.4225C4.57016 12.4225 4.67324 12.4033 4.7556 12.3808C4.84966 12.3378 4.92362 12.2631 4.96322 12.1713C5.03276 12.0049 4.96322 11.7364 4.73439 11.4434C4.50901 11.1533 4.12335 10.8234 3.56065 10.4944C3.14491 10.2455 2.91114 9.95021 2.80314 9.6226C2.69514 9.28843 2.71042 8.94394 2.79278 8.59524C2.95454 7.92643 3.36831 7.27495 3.63314 6.86673C3.70219 6.82783 3.65632 6.9525 3.36338 7.47743C3.10348 7.94611 2.61327 9.03721 3.28299 9.88413C3.30874 9.26559 3.45331 8.65675 3.70958 8.08766C4.07897 7.28948 4.85522 5.89842 4.91686 4.79513C4.94793 4.8195 5.0584 4.8809 5.10673 4.92215C5.24827 5.0051 5.35578 5.12977 5.49486 5.21273C5.63344 5.33693 5.80802 5.4227 6.07038 5.4227C6.09603 5.42505 6.11921 5.42505 6.14189 5.42505C6.41166 5.42505 6.62273 5.34209 6.79682 5.25866C6.98669 5.17289 7.14155 5.04869 7.28457 5.00745H7.28703C7.5928 4.92449 7.83692 4.75576 7.97303 4.57016L7.97254 4.56922ZM9.41111 10.1672C9.43676 10.5426 9.63748 10.9457 9.99157 11.0282C10.3767 11.1112 10.934 10.8206 11.1678 10.5501L11.3064 10.545C11.514 10.5398 11.6866 10.5501 11.8631 10.7114L11.8656 10.7137C12.0017 10.8379 12.0663 11.0455 12.1226 11.2607C12.1793 11.5119 12.2227 11.7486 12.3923 11.9267C12.7104 12.2562 12.8159 12.4928 12.811 12.6395C12.8007 12.8026 12.6872 12.8856 12.4821 13.0103C12.0683 13.262 11.334 13.4546 10.8665 13.9922C10.4601 14.4534 9.96494 14.7046 9.5275 14.7364C9.09104 14.7707 8.71328 14.6122 8.49234 14.1754L8.48987 14.1731C8.35129 13.9237 8.41047 13.5333 8.52587 13.1181C8.64177 12.7005 8.80846 12.2763 8.83164 11.9318C8.85482 11.4852 8.88046 11.0971 8.9574 10.7962C9.0368 10.5056 9.16058 10.298 9.38152 10.1836L9.40963 10.1686L9.41111 10.1672ZM2.29863 10.1986H2.30652C2.34252 10.1986 2.37606 10.201 2.4091 10.2085C2.65568 10.2427 2.87416 10.4161 3.08227 10.6771L3.68049 11.7172L3.68295 11.7195C3.84225 12.0513 4.17859 12.3832 4.46364 12.7426C4.74918 13.1157 4.97012 13.4499 4.94448 13.7236V13.7288C4.90552 14.1923 4.62836 14.4435 4.20473 14.5368C3.7806 14.6197 3.20507 14.5368 2.63004 14.2462C1.99336 13.912 1.23536 13.9533 0.750077 13.8698C0.508917 13.8286 0.349624 13.7428 0.274662 13.6186C0.203152 13.4944 0.200193 13.2423 0.357021 12.8495V12.8476C0.433956 12.6377 0.378227 12.3766 0.339267 12.1469C0.303266 11.8976 0.285512 11.7045 0.367378 11.5606C0.472423 11.3507 0.629251 11.3117 0.821586 11.2264C1.01442 11.1435 1.24325 11.1022 1.42276 10.9335H1.42523V10.9312C1.59241 10.7657 1.71866 10.5581 1.86464 10.4086C1.98842 10.2816 2.11369 10.1986 2.29863 10.1986ZM7.00741 4.52798C6.72186 4.65218 6.38552 4.86215 6.02846 4.86215C5.67141 4.86215 5.39129 4.69671 5.1886 4.57157C5.08602 4.48674 5.00366 4.40331 4.94201 4.3616C4.83401 4.27911 4.84683 4.15209 4.89319 4.15209C4.9647 4.16147 4.97801 4.23693 5.02388 4.27911C5.08848 4.32035 5.16542 4.40331 5.26011 4.48674C5.45294 4.61094 5.70988 4.7792 6.02797 4.7792C6.34705 4.7792 6.72186 4.61094 6.94773 4.48674C7.07596 4.40378 7.24018 4.27911 7.37383 4.19615C7.47641 4.11038 7.47197 4.02742 7.55581 4.02742C7.64063 4.03727 7.57948 4.11038 7.46112 4.23505C7.34029 4.32082 7.15536 4.44502 7.00691 4.52798H7.00741ZM6.29576 3.53718V3.52546C6.2933 3.51281 6.30316 3.49874 6.31598 3.49359C6.36185 3.46687 6.43385 3.47625 6.48563 3.49593C6.52657 3.49593 6.59068 3.53718 6.58575 3.58077C6.58032 3.61029 6.52903 3.62248 6.4955 3.62248C6.45999 3.62248 6.43385 3.59576 6.40327 3.57889C6.36974 3.56905 6.30513 3.57373 6.29527 3.53718H6.29576ZM5.93328 3.53718C5.91997 3.5742 5.85832 3.56905 5.82528 3.57889C5.79421 3.59576 5.76856 3.62248 5.73256 3.62248C5.69903 3.62248 5.64527 3.60982 5.64231 3.57889C5.63787 3.53718 5.69903 3.49593 5.74045 3.49593C5.79421 3.47578 5.86079 3.46641 5.91208 3.49359C5.92243 3.49874 5.93575 3.51281 5.93032 3.52546V3.53718H5.93328Z' fill='%23878DA8'/%3E%3C/svg%3E%0A") center no-repeat;
}

.vhd-desc {
    position: absolute;
    display: inline-block;
    padding-left: 8px;
    max-width: 210px;
    height: 16px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s ease;
}
.vhd-desc:hover {
    padding-bottom: .5em;
    height: unset;
    white-space: pre-wrap;
    overflow: visible;
    z-index: 1;
    background: #fff;
}
.icon-vhd-desc {
    display: inline-block;
    width: 19px;
    height: 17px;
    background-image: var(--icon-vhd-desc);
    cursor: pointer;
}
.vhdState-preparing .icon-vhd-desc, .vhdState-active .icon-vhd-desc {
    background-image: var(--icon-vhd-desc_active);
}

.imageVhd-data {
    padding-bottom: 10px;
}
.imageVhd-data li {
    font: normal 400 11px/13px Open-sans, sans-serif;
    padding-bottom: 2px;
    color: var(--main-color);
}
.imageVhd-data .oversize {
    color: var(--vhdState-preparing);
    font-weight: 600;
    cursor: default;
}
.imageVhd-data .oversize-exc {
    color: var(--checked-color);
    font-weight: 700;
    cursor: default;
}
.imageVhd-status li {
    font: normal 400 12px/14px Open-sans, sans-serif;
    padding: 2px 0;
    color: var(--main-color);
    text-transform: uppercase;
}
.vhdState-preparing .imageVhd-status li, .vhdState-active .imageVhd-status li {
    color: var(--primary-color);
}
.vhdState-preparing .imageVhd-status li:first-child, .vhdState-working .imageVhd-status li:first-child {
    font-weight: 600;
    color: var(--vhdState-preparing);
}
.vhdState-os-ready .imageVhd-status li:first-child {
    font-weight: 600;
    color: var(--vhdState-ready);
}

.imageVhd-ctl {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: row-reverse nowrap;
}
.imageVhd-ctl li {
    margin-left: 10px;
}
.context-menu {
    background: #fff;
    box-shadow: 0.5px 2px 6px rgba(52, 76, 99, 0.16);
    border: none;
    border-radius: 2px;
    font: normal 400 14px/19px Open Sans, sans-serif;
    color: var(--secondary-color);
}
.context-menu .x-menu-list {
    padding: 0;
}
.context-menu .x-menu-list-item {
    background-color: #fff;
    border: 1px solid #fcf7f7;
    padding: 4px 13px;
}
.context-menu .x-menu-item {
    padding-left: 0;
}
.context-menu .x-menu-item-active {
    background-color: rgba(249,73,85,0.1);
    border: 1px solid transparent !important;
    border-radius: 1px;
    cursor: pointer;
}
.context-menu .x-menu-item-arrow {
    background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L5.75729 5.59241C5.9592 5.81021 6.30533 5.80504 6.50064 5.58131L10.5 1' stroke='%23F94955' stroke-width='2' stroke-linecap='round' transform='translate (0 12) rotate(-90)' /%3E%3C/svg%3E%0A") right no-repeat;
}

.context-menu .x-menu-item-active > a {
    color: var(--checked-color);
}

.context-menu .x-menu-item-checked .x-menu-check-item {
    background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L5.75729 5.59241C5.9592 5.81021 6.30533 5.80504 6.50064 5.58131L10.5 1' stroke='%23F94955' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E%0A") right no-repeat;
}
.context-menu .context-menu-checked-ASC {
    background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6L5.75729 1.40759C5.9592 1.18979 6.30533 1.19496 6.50064 1.41869L10.5 6' stroke='%23F94955' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") right no-repeat;
}
.context-menu .context-menu-checked-DESC {
    background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L5.75729 5.59241C5.9592 5.81021 6.30533 5.80504 6.50064 5.58131L10.5 1' stroke='%23F94955' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E%0A") right no-repeat;
}

.menu-boot .x-menu-item-checked .x-menu-check-item {
    background: var(--icon-last-gpu) right no-repeat;
}
.context-menu .x-menu-item-checked .x-menu-item-icon {
    display: none;
}

#vhdFilter {
    display: flex;
    align-items: center;
}
#vhdSearch:hover > span {
    display: none;
}
#vhdSearch:hover > input {
    display: flex !important;
}
#vhdSearchSvg {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63845 0C3.41784 0 0 3.41784 0 7.63845C0 11.8591 3.41784 15.2769 7.63845 15.2769C9.23181 15.2769 10.7109 14.7736 11.9344 13.9344C12.1817 13.7648 12.5175 13.7825 12.7296 13.9946C12.9134 14.1783 12.9424 14.46 12.8986 14.7162C12.8225 15.1616 12.9633 15.6392 13.3065 15.9824L16.8824 19.5827C17.4389 20.1391 18.3451 20.1391 18.9015 19.5827L19.5827 18.9015C20.1391 18.3451 20.1391 17.4389 19.5827 16.8824L15.9824 13.3065C15.6369 12.961 15.1606 12.8318 14.7159 12.9164C14.46 12.965 14.1775 12.9369 13.9933 12.7527C13.7821 12.5414 13.7648 12.2067 13.9339 11.9605C14.7777 10.7321 15.2769 9.24129 15.2769 7.63845C15.2769 3.41784 11.8591 0 7.63845 0ZM7.63845 1.41092C11.0776 1.41092 13.866 4.19932 13.866 7.63845C13.866 11.0776 11.0776 13.866 7.63845 13.866C4.19932 13.866 1.41092 11.0776 1.41092 7.63845C1.41092 4.19932 4.19932 1.41092 7.63845 1.41092Z' fill='%23F94955'/%3E%3C/svg%3E%0A") center no-repeat;
}
#vhdSearchTxt {
    padding: 4px 10px 4px 30px;
    width: 200px;
    height: 25px;
    color: #6b758a;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.90625 0C2.19531 0 0 2.19531 0 4.90625C0 7.61719 2.19531 9.8125 4.90625 9.8125C5.92968 9.8125 6.87971 9.48923 7.66557 8.95023C7.82441 8.84128 8.04014 8.85264 8.17633 8.98883C8.29439 9.10689 8.31302 9.28781 8.28489 9.45238C8.23599 9.73844 8.32643 10.0452 8.54687 10.2656L10.8437 12.5781C11.2012 12.9355 11.7832 12.9355 12.1406 12.5781L12.5781 12.1406C12.9355 11.7832 12.9355 11.2012 12.5781 10.8437L10.2656 8.54687C10.0437 8.32497 9.73778 8.24201 9.45219 8.2963C9.2878 8.32754 9.10635 8.30947 8.98803 8.19115C8.85235 8.05548 8.84123 7.84051 8.94987 7.68235C9.49183 6.89333 9.8125 5.93577 9.8125 4.90625C9.8125 2.19531 7.61719 0 4.90625 0ZM4.90625 0.90625C7.11523 0.90625 8.90625 2.69727 8.90625 4.90625C8.90625 7.11523 7.11523 8.90625 4.90625 8.90625C2.69727 8.90625 0.90625 7.11523 0.90625 4.90625C0.90625 2.69727 2.69727 0.90625 4.90625 0.90625ZM2.375 3.79687C2.375 3.75454 2.31694 3.73865 2.29681 3.77589C2.08741 4.16325 1.96875 4.60664 1.96875 5.07812C1.96875 6.5918 3.18945 7.8125 4.70312 7.8125C5.15334 7.8125 5.58266 7.6999 5.95976 7.50602C6.04734 7.46099 6.00473 7.32812 5.90625 7.32812C3.94922 7.32812 2.375 5.75391 2.375 3.79687Z' fill='%23878DA8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px;
    background-color: #ececec;
    border: 0 none;
    border-bottom: 1px solid #CFD2E6;
    margin-right: 10px;
}
#vhdSortSvg {
    display: inline-flex;
    width: 27px;
    height: 20px;
    margin-right: 20px;
    background: var(--icon-vhd-sort) center no-repeat;
    cursor: pointer;
}

.q-mark-tip {
    width: 14px;
    height: 14px;
    background: var(--icon-question) center no-repeat;
}

/* .basicWindowVHD3-header {
    background: #fff;
    border-radius: 14px 14px 0 0;
    position: fixed;
    top: 30px;
    right: 30px;
} */

.basicHeaderVHD2 .x-tool-close, .basicWindowVHD3-header .x-tool-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    background: var(--icon-btn-close) center no-repeat;
}

@supports (-moz-appearance:meterbar) {
    .basicWindowVHD3-header .x-tool-close {
        right: 32px;
    }
}

/* .basicWindowVHD3-header .x-tool-close-over {
    background-position: initial;
} */

.basicWindowVHD3 .x-tab-strip-top {
    background: #fff;
    border: none;
}

.basicWindowVHD3 .x-tab-strip-top .x-tab-right {
    background: none;
    padding: 0px;
    margin: 5px;
    border-radius: 2px;
}

.basicWindowVHD3 .x-tab-strip-top .x-tab-left {
    background: none;
    padding: 0px;
    text-align: center;
    min-width: 120px;
}

.basicWindowVHD3 .x-tab-strip-top .x-tab-strip-active {
    background: var(--checked-color);
    border-radius: 2px 2px 0 0;
}

.basicWindowVHD3 .x-tab-panel-header {
    background: #fff;
    border-radius: 14px 14px 0 0;
    padding: 15px 0 0 50px;
    border-width: 0 0 3px 0;
    border-color: var(--checked-color);
}
.basicWindowVHD3 .x-panel-body-noheader {
    border: none;
}

.basicWindowVHD3 .x-tab-strip span.x-tab-strip-text {
    color: var(--main-color);
    font: 500 normal 16px Montserrat;
}

.basicWindowVHD3 .x-tab-strip-active span.x-tab-strip-text {
    color: #fff;
    font-weight: 700;
}

/*.basicWindowVHD2 .x-window-tl, .basicWindowVHD2 .x-window-tc, .basicWindowVHD2 .x-window-tr, .basicWindowVHD2 .x-window-ml, .basicWindowVHD2 .x-window-mc, .basicWindowVHD2 .x-window-mr, .basicWindowVHD2 .x-window-bl, .basicWindowVHD2 .x-window-bc, .basicWindowVHD2 .x-window-br {
    background-image: none;
    background-color: #fff;
}

.basicWindowVHD2 .x-window-tl {
    padding: 20px;
    border-radius: 20px;
}*/

.custom-form5 {
    background: #fff;
    /*box-shadow: 1px 10px 40px rgba(54, 41, 79, 0.16);*/
    border-radius: 14px;/*
  max-width: 1063px;
  max-height: 834px;
  /*margin: 15vh auto;
  padding: 30px 55px;*/
}

.custom-form5 .heading h2 {
    font: 500 20px/23px Roboto;
    color: var(--main-color);
}
.custom-form5 .heading hr {
    width: 457px;
    height: 1px;
    background: #edeef0;
    border: none;
    margin: 1em 0 1.4em;
}
.custom-form5-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.custom-form5 .x-form-item label, .custom-form5-label {
    font: 400 14px/20px open sans;
    padding: 5px 0;
    color: var(--primary-color);
}

.custom-form5 .x-form-item label:first-letter, .custom-form5-label:first-letter {
    text-transform: uppercase;
}

.custom-form5 .x-form-element label {
    font: 400 14px/30px open sans;
    color: var(--secondary-color);
    padding-left: 12px;
}

.custom-form5 .x-form-field {
    font: 400 14px/19px open sans;
    height: 40px;
    padding-left: 12px;
    background:#fcfcfc;
    color: var(--secondary-color);
    border:none;
    box-shadow: inset 0px 0.5px 1.5px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
}

.custom-form5 .x-form-field.x-form-invalid {
    border: 1px solid var(--checked-color);
}

.custom-form5 .x-form-trigger {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L5.75729 5.59241C5.9592 5.81021 6.30533 5.80504 6.50064 5.58131L10.5 1' stroke='%23F94955' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    border: none;
    position: absolute;
    right: 10px;
    top: 12px;
}

.custom-form5 .x-form-trigger-over {
    background-position: 0 0;
}

.custom-form5 .x-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
}

.custom-checkbox5-label {
    position: absolute;
    font: 400 14px/20px Open Sans;
    color: var(--primary-color);
}
.custom-checkbox5-label:first-letter {
    text-transform: uppercase;
}
.custom-checkbox5 {
    position: absolute;
    right: 0;
    height: 20px;
    width: 20px;
    background: #fdfdfd;
    box-sizing: border-box;
    box-shadow: inset 0px 0.5px 1.5px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    cursor: pointer;
}
.custom-checkbox5.active{
    color: white;
    background-color:var(--checked-color);
    border: none;
    box-shadow: none;
}
.custom-checkbox5.active > .checked-svg {
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.94016 4.19624C1.52624 3.68468 0.733154 3.72764 0.376909 4.28092C0.151818 4.6305 0.175654 5.08489 0.436085 5.40901L3.35404 9.04051C3.75156 9.53524 4.50344 9.53931 4.90629 9.0489L10.5512 2.17707C10.8175 1.85291 10.8392 1.39235 10.6046 1.04457C10.2518 0.521512 9.49613 0.4823 9.09106 0.966032L4.125 6.89644L1.94016 4.19624Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}

.custom-checkbox5_tip-img {
    position: absolute;
    top: 5px;
    margin-left: 10px;
}

#vhdCreateBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 36px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0.5px 1.5px 3px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    font: normal 600 15px/18px Montserrat;
    color: var(--checked-color);
    transition: 0.2s ease;
}
#vhdCreateBtn:hover {
    box-shadow: 0.5px 2.5px 3px rgba(0, 0, 0, 0.18);
}
.vhdCreateBtn-svg {
    margin-left: 14px;
    width: 20px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1818 0H1.81818C0.809091 0 0 0.791111 0 1.77778V12.4444C0 12.9159 0.191558 13.3681 0.532533 13.7015C0.873508 14.0349 1.33597 14.2222 1.81818 14.2222H6.36364V16H13.6364V14.2222H18.1818C19.1818 14.2222 19.9909 13.4222 19.9909 12.4444L20 1.77778C20 1.30628 19.8084 0.854097 19.4675 0.520699C19.1265 0.187301 18.664 0 18.1818 0ZM18.1818 12.4444H1.81818V1.77778H18.1818V12.4444ZM13.6364 6.22222V8H10.9091V10.6667H9.09091V8H6.36364V6.22222H9.09091V3.55556H10.9091V6.22222H13.6364Z' fill='%23F94955'/%3E%3C/svg%3E%0A") center no-repeat;
}

#userVhdsTbar {
    margin: 40px auto 9px;
}
#userVhdsTbar .x-panel-body {
    border: none;
}
#userVhdsTbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vhdFilter-container {
    display: flex;
    height: 25px;
    background: #fff;
    border: 1px solid var(--vhdgrid-border-color);
    border-radius: 1px;
    box-shadow: 0.5px 2px 5px rgba(52, 76, 99, 0.12);
}

.vhdFilter-container input {
    display: none;
}

.vhdFilter-container label {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font: normal 11px Roboto;
    color: #87898C;
    cursor: pointer;
}

.vhdFilter-container input:checked+label {
    color: white;
    background: var(--checked-color);
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.icon-vhd-loading {
    transform: scale(2);
    background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25928 1.63295e-05C7.43764 1.63295e-05 7.60461 0.0340162 7.7612 0.102016C7.91595 0.163057 8.05654 0.253211 8.17477 0.367214C8.29299 0.481218 8.38648 0.616789 8.44979 0.766013C8.5203 0.916012 8.55556 1.07801 8.55556 1.25001C8.55556 1.42201 8.5203 1.58301 8.44979 1.73401C8.38657 1.88329 8.29315 2.01893 8.17497 2.13301C8.05559 2.24772 7.91533 2.34027 7.7612 2.40601C7.60199 2.46906 7.43139 2.50101 7.25928 2.50001C7.08091 2.50001 6.91394 2.46901 6.75735 2.40601C6.44682 2.27289 6.19852 2.03345 6.06047 1.73401C5.99508 1.58049 5.96195 1.41597 5.96299 1.25001C5.96299 1.07801 5.99514 0.917012 6.06047 0.766013C6.12995 0.615014 6.22536 0.482014 6.34358 0.367015C6.46284 0.253015 6.60076 0.164016 6.75735 0.102016C6.91521 0.0339122 7.08634 -0.000864668 7.25928 1.63295e-05ZM1.69354 3.008C1.6921 2.78815 1.75834 2.57284 1.88387 2.38931C2.0094 2.20578 2.18858 2.06229 2.39872 1.97701C2.54266 1.91519 2.69847 1.88325 2.85605 1.88325C3.01362 1.88325 3.16943 1.91519 3.31338 1.97701C3.45441 2.03401 3.57575 2.11501 3.67841 2.21901C3.78626 2.31801 3.87026 2.43501 3.92937 2.57C3.99363 2.70895 4.02684 2.85937 4.02684 3.0115C4.02684 3.16363 3.99363 3.31406 3.92937 3.453C3.81155 3.72045 3.59073 3.93339 3.31338 4.047C3.01988 4.16243 2.69117 4.16243 2.39768 4.047C2.25992 3.99136 2.13378 3.91208 2.02539 3.813C1.92253 3.70818 1.8403 3.5862 1.78272 3.453C1.72317 3.3117 1.69287 3.16053 1.69354 3.008ZM1.0371 6.24999C1.17339 6.24765 1.30867 6.27287 1.43424 6.32402C1.5598 6.37518 1.67286 6.45113 1.76613 6.54699C1.86554 6.63692 1.9443 6.74594 1.99735 6.86703C2.0504 6.98811 2.07655 7.11856 2.07413 7.24998C2.07539 7.38398 2.04785 7.51677 1.99324 7.63998C1.88573 7.87787 1.68907 8.06787 1.44258 8.17198C1.31448 8.22477 1.1764 8.25133 1.0371 8.24998C0.898143 8.2512 0.760435 8.22464 0.632655 8.17198C0.510126 8.12084 0.397817 8.04943 0.300806 7.96098C0.208707 7.86751 0.134299 7.75921 0.0809553 7.64098C0.0262061 7.51746 -0.0013384 7.38431 6.70562e-05 7.24998C-0.00149763 7.11931 0.0243351 6.98969 0.0760145 6.86888C0.127694 6.74808 0.204154 6.63859 0.300806 6.54699C0.396027 6.45166 0.510473 6.37614 0.637098 6.32506C0.763723 6.27398 0.899849 6.24843 1.0371 6.24999ZM1.95279 11.492C1.95428 11.3209 2.00706 11.1538 2.10476 11.011C2.20247 10.8682 2.34093 10.7556 2.50346 10.687C2.61487 10.6409 2.73483 10.6172 2.85605 10.6172C2.97727 10.6172 3.09722 10.6409 3.20864 10.687C3.32271 10.734 3.41915 10.797 3.50004 10.875C3.62657 10.9989 3.71251 11.156 3.74717 11.3267C3.78183 11.4974 3.76369 11.6741 3.695 11.835C3.59791 12.0462 3.41918 12.2125 3.19685 12.2986C2.97451 12.3847 2.72611 12.3838 2.50449 12.296C2.29153 12.2047 2.12094 12.0409 2.02539 11.836C1.977 11.7273 1.95229 11.6102 1.95279 11.492ZM7.25928 12.5C7.47498 12.5 7.65853 12.573 7.80994 12.719C7.88341 12.7878 7.94146 12.8705 7.98052 12.9618C8.01958 13.0531 8.03882 13.1512 8.03705 13.25C8.03882 13.3487 8.01958 13.4468 7.98052 13.5381C7.94146 13.6295 7.88341 13.7121 7.80994 13.781C7.73854 13.8518 7.65284 13.9078 7.55813 13.9454C7.46342 13.9831 7.36171 14.0017 7.25928 14C7.15684 14.0017 7.05513 13.9831 6.96042 13.9454C6.86571 13.9078 6.78001 13.8518 6.70861 13.781C6.63514 13.7121 6.57709 13.6295 6.53803 13.5381C6.49897 13.4468 6.47973 13.3487 6.4815 13.25C6.4815 13.042 6.55721 12.865 6.70861 12.719C6.78001 12.6481 6.86571 12.5921 6.96042 12.5545C7.05513 12.5168 7.15684 12.4983 7.25928 12.5ZM11.0102 11.492C11.0102 11.315 11.0724 11.167 11.1969 11.047C11.3213 10.927 11.4748 10.867 11.6584 10.867C11.8419 10.867 11.9964 10.927 12.1198 11.047C12.2443 11.167 12.3065 11.315 12.3065 11.492C12.3065 11.669 12.2443 11.818 12.1198 11.937C12.0597 11.9957 11.9878 12.042 11.9084 12.073C11.829 12.1039 11.7439 12.1189 11.6584 12.117C11.5728 12.1189 11.4877 12.1039 11.4083 12.073C11.3289 12.042 11.257 11.9957 11.1969 11.937C11.1359 11.879 11.0879 11.8096 11.0558 11.7331C11.0237 11.6566 11.0082 11.5745 11.0102 11.492ZM13.4815 6.74999C13.5496 6.74926 13.6171 6.76202 13.6799 6.78748C13.7427 6.81293 13.7994 6.85055 13.8465 6.89798C13.8957 6.94341 13.9347 6.99809 13.9611 7.05863C13.9875 7.11918 14.0007 7.18431 14 7.24998C14.0007 7.31566 13.9875 7.38079 13.9611 7.44133C13.9347 7.50188 13.8957 7.55656 13.8465 7.60198C13.7994 7.64942 13.7427 7.68703 13.6799 7.71249C13.6171 7.73795 13.5496 7.75071 13.4815 7.74998C13.4133 7.75071 13.3458 7.73795 13.283 7.71249C13.2202 7.68703 13.1635 7.64942 13.1164 7.60198C13.0672 7.55656 13.0282 7.50188 13.0018 7.44133C12.9754 7.38079 12.9622 7.31566 12.9629 7.24998C12.9622 7.18431 12.9754 7.11918 13.0018 7.05863C13.0282 6.99809 13.0672 6.94341 13.1164 6.89798C13.1635 6.85055 13.2202 6.81293 13.283 6.78748C13.3458 6.76202 13.4133 6.74926 13.4815 6.74999ZM11.6584 1.63301C11.8533 1.63301 12.0369 1.66901 12.209 1.74301C12.5505 1.88548 12.823 2.14789 12.9712 2.47701C13.0469 2.643 13.0853 2.82 13.0853 3.007C13.0853 3.195 13.0469 3.372 12.9712 3.539C12.823 3.86811 12.5505 4.13053 12.209 4.273C12.0357 4.34616 11.8485 4.38363 11.6594 4.383C11.4644 4.383 11.2809 4.346 11.1077 4.273C10.7667 4.13015 10.4947 3.86781 10.3465 3.539C10.2705 3.37161 10.2316 3.19074 10.2324 3.008C10.2324 2.82 10.2708 2.643 10.3465 2.47701C10.4943 2.1477 10.7664 1.88493 11.1077 1.74201C11.2809 1.66901 11.4644 1.63201 11.6584 1.63201V1.63301Z' fill='%23FFD600'/%3E%3C/svg%3E%0A") center no-repeat !important;
}

.icon-vhd-state {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 8px 0 0;
    width: 14px;
    height: 14px;
    background-image: var(--icon-vhd-state);
}
.vhdState-preparing .icon-vhd-state, .vhdState-working .icon-vhd-state {
    margin: 1px 7px 0 -1px;
    width: 16px;
    height: 16px;
    background-image: var(--icon-vhd-state_preparing);
}
.vhdState-os-ready .icon-vhd-state {
    margin: 1px 7px 0 -1px;
    width: 16px;
    height: 16px;background-image: var(--icon-vhd-state_ready);
}

.icon-vhd-activity {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 8px 0 0;
    width: 14px;
    height: 14px;
    background-image: var(--icon-vhd-activity);
}
.vhdState-preparing .icon-vhd-activity, .vhdState-active .icon-vhd-activity {
    background-image: var(--icon-vhd-activity_active);
}

.icon-vhd-duration {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 8px 0 0;
    width: 14px;
    height: 14px;
    background-image: var(--icon-vhd-duration);
}
.vhdState-preparing .icon-vhd-duration, .vhdState-active .icon-vhd-duration {
    background-image: var(--icon-vhd-duration_active);
}

.icon-vhd-cost {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 8px 0 0;
    width: 14px;
    height: 14px;
    background-image: var(--icon-vhd-cost);
}
.vhdState-preparing .icon-vhd-cost, .vhdState-active .icon-vhd-cost {
    background-image: var(--icon-vhd-cost_active);
}

/* .icon-vhd-desc {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 8px 0 0;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8767 1.12981C17.9561 1.20332 18.0006 1.30289 18.0006 1.40669C18.0006 1.5105 17.9561 1.61006 17.8767 1.68358L16.9911 2.50247L15.2929 0.933715L16.1785 0.114827C16.2581 0.0413034 16.3661 0 16.4787 0C16.5912 0 16.6992 0.0413034 16.7788 0.114827L17.8767 1.12902V1.12981ZM16.3908 3.05623L14.6925 1.48748L8.90744 6.83222C8.8607 6.87538 8.82552 6.92802 8.80469 6.98595L8.12115 8.87944C8.10875 8.91395 8.10699 8.95098 8.11607 8.98637C8.12514 9.02176 8.14469 9.05412 8.17253 9.07984C8.20037 9.10556 8.2354 9.12361 8.27371 9.13199C8.31202 9.14038 8.3521 9.13875 8.38947 9.1273L10.4393 8.49588C10.5019 8.47686 10.5589 8.44464 10.6057 8.40175L16.3908 3.05702V3.05623Z' fill='%235D6175'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9141 0.92627H1C0.447715 0.92627 0 1.37399 0 1.92627V12.0001C0 12.5524 0.447715 13.0001 1 13.0001H14C15.6569 13.0001 17 11.6569 17 10.0001V6.97056H16.2V10.0001C16.2 11.2151 15.215 12.2001 14 12.2001H1C0.889543 12.2001 0.8 12.1105 0.8 12.0001V1.92627C0.8 1.81581 0.889544 1.72627 1 1.72627H10.9141V0.92627Z' fill='%235D6175'/%3E%3C/svg%3E%0A") center no-repeat;
} */

.icon-vhd-gpu {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 8px 4px 0;
    width: 19px;
    height: 20px;
    background-image: var(--icon-vhd-gpu);
}
.vhdState-preparing .icon-vhd-gpu, .vhdState-active .icon-vhd-gpu {
    background-image: var(--icon-vhd-gpu_active);
}
.btn-vhd-shut {
    width: 17px;
    height: 18px;
    background-image: var(--icon-vhd-shut);
}
.btn-vhd-shut:hover {
    background-image: var(--icon-vhd-shut_hover);
}

.btn-vhd-rdp {
    width: 19px;
    height: 19px;
    background-image: var(--icon-vhd-rdp);
}
.btn-vhd-rdp:hover {
    background-image: var(--icon-vhd-rdp_hover);
}

.btn-vhd-boot {
    width: 19px;
    height: 19px;
    background-image: var(--icon-vhd-boot);
}
.btn-vhd-boot:hover{
    background-image: var(--icon-vhd-boot_hover);
}

.btn-vhd-delete {
    width: 13px;
    height: 18px;
    background-image: var(--icon-vhd-delete);
}
.btn-vhd-delete:hover{
    background-image: var(--icon-vhd-delete_hover);
}
#pwrGraphMini {
    position: absolute;
    top: 16px;
    right: 18px;
}
#pwrInfo{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.pwrInfo-svg {
    width: 9px;
    height: 11px;
    margin-right: 5px;
    background: url("data:image/svg+xml,%3Csvg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.96744 3.66628C9.03556 3.60143 8.98971 3.48495 8.8954 3.48495H6.00974L8.60461 0.172064C8.65831 0.101915 8.60985 0 8.52209 0H3.49871C3.46203 0 3.42667 0.0198536 3.40833 0.0529427L0.0144372 5.97591C-0.026169 6.04606 0.0236062 6.13474 0.104819 6.13474H2.38924L1.21821 10.8678C1.19333 10.9711 1.31645 11.0438 1.39243 10.9697L8.96744 3.66628Z' fill='%2343454D'/%3E%3C/svg%3E%0A") center no-repeat;
}
#vhdDeleteInfo.visible {

    display: flex;
    background: #fff;
    border: 1px solid var(--vhdgrid-border-color);
    border-radius: 1px;
    box-shadow: 0.5px 2px 5px rgb(52 76 99 / 12%);
    align-items: center;
    padding: 5px 10px;
    font: normal 11px Roboto;
    color: #87898C;
}
.del-confirm h3 {
    margin-bottom: 0.5em;
    font: 500 normal 20px/23px Roboto;
    color: var(--main-color);
}
.del-confirm p {
    margin: 4px 0 2px;
    font: 400 normal 14px/24px Open Sans, sans-serif;
    color: var(--secondary-color);
}
.del-confirm .del-confirm-name {
    font-weight: 700;
    color: var(--main-color);
}
.basicWindowVHD2-footer .cancel .x-btn-text {
    color: var(--cancel-color);
}
.basicWindowVHD2-footer .x-btn-text:hover {
    text-decoration: underline;
}

.techSpecPanel-header.x-panel-header-noborder {
    border-width: 0 !important;
    color: grey;
}

.techSpecPanel-header .x-tool-toggle {
    background-image: url("../images/up-grey.png");
    background-position: 10px center;
    background-size: 12px;
    position: relative;
    left:-100px;
    /*margin-top: 7px;*/
    width: 34px;
    height: 24px;
}

.techSpecPanel.x-panel-collapsed .techSpecPanel-header .x-tool-toggle {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    /*margin-top: 3px;*/
}

.dot3 {
    width: 5px;
    height: 19px;
    padding-right: 15px;
    cursor: pointer;
    background: var(--icon-vhd-options) no-repeat center;
}
.dot3:hover {
    background: var(--icon-vhd-options_hover) no-repeat center;
}

@keyframes newsIconFX-stroke {
    0% {stroke:#fff;}
    50% {stroke: var(--checked-color);}
    100% {stroke:#fff;}
}

@keyframes newsIconFX-fill {
    0% {fill: var(--checked-color);}
    50% {fill: #fff;}
    100% {fill: var(--checked-color);}
}

.news-icon-fx > path{
    animation: newsIconFX-stroke 2s linear infinite,newsIconFX-fill 2s linear infinite;
}

.news-icon-fx > rect{
    animation: newsIconFX-stroke 2s linear infinite;
}


.labelBottom .x-form-item-label {
    font-family: open sans;
    display: block !important;
    text-align: center;
}

.row-middle .x-grid3-cell {
    vertical-align: middle;
}

.x-tab-panel-header, .x-tab-panel-footer {
    border-color: #ccc;
}

#grecaptcha {
    transform: scale(0.60);
    margin: 154px 0 0 15px;
}
#grecaptcha > *{
    float: right;
}

.bg-main {
    background-color: #AF363D;
}

.fg-main {
    color: #8E2D2E !important;
}

.bg-alt {
    background-color: #f3f3f3 !important;
}

.fg-alt {
    color: #f3f3f3 !important;
}

.bg-red {
    background-color: #ea5c5c !important;
}

.discounts-table {
    margin-left:10px;
    font-family:open sans;
    width:50%;
    border-collapse:separate;
    border-spacing:10px;
    color:grey;
    font-size:15px
}

.discounts-table td {
    border:none;
    text-align:center;
    padding:2px;
    background-color:#f3f3f3;
}

.discounts-table th {
    border:none;
    text-align:center;
    padding:4px;
    font-weight:bold;
    background-color:cfe2f3;
}

.chat-btn {
    background-color:#8E2D2E;
    cursor:pointer;
}

.chat-btn:hover {
    background-color:#88bbee;
}

#splash-screen {
    z-index: 40000;
    position:absolute;
    width:100%;
    height:100%;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    background-image: url("../images/checkbox.png?v=2");
}

.x-grid3-hd-checker {
    margin-left: 1px;
}

.x-grid3-row-checker {
    margin-left: 3px;
}

.x-grid3-body .x-grid3-td-checker {
    background-image: none;
}

.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker {
    background-image: none;
}

.ext-el-mask {
    z-index: 14000;
    background: rgba(43, 30, 31, 0.5);
    backdrop-filter: blur(10px);
}

body > .ext-el-mask {
    z-index: 30000;
}

body > .ext-el-mask-msg {
    z-index: 30000;
}

.app-mask {
    background-color:black;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0.2;
}

.ext-el-mask-msg {
    background: none;
    border: none;
}

.no-icon-menu .x-menu-item-icon {
    display: none;
}

.x-menu-item-icon {
    cursor: pointer;
}
.x-menu-item-text {
    cursor: pointer;
}

.x-grid3-header{
    border-top: solid 1px #8E2D2E !important;
    border-bottom: solid 1px #ddd !important;
    border-right: none;
    background: none;
}

.x-grid3-row{
    border:none !important;
}

.x-grid3-row * {
    color:#555;
}

.x-grid3-row-over{
    background:none;
    background-color:#eee;
}

.x-grid3-hd{
    border: 1px solid white !important;
}

.x-grid3-hd-over {
    background: none !important;
    background-color: #DDDDDD !important;
    border-left: solid 1px #e8e8e8 !important;
}

.x-grid3-hd-menu-open {
    background-color: #DDDDDD !important;
    border-left: solid 1px #e8e8e8 !important;
}

.x-grid3-hd-inner {
    background: none !important;
}

.x-grid3-hd-btn {
    background-color: transparent !important;
    background-image: url("../images/grid3-hd-btn-transparent.gif") !important;
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left-color: transparent;
}

.x-grid3 *{
    font-size:12px;
    font-family: open sans;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.x-btn-over  *{
    background-color: #DDDDDD !important;
}

.x-btn-click  *{
    background-color: #DFE8F6 !important;
}

.x-menu-floating {
    border-color: #bbb !important;
}

.x-menu {
    background-color: white;
    background-image: none;
}

.x-menu-item-active {
    border: 1px solid #E0E0E0 !important;
    background-color: #E0E0E0;
    background-image: none;
}

.x-menu-item-active a.x-menu-item {
    border-color: #E0E0E0;
}
.x-menu-item-active a.x-menu-item {
    border-style: solid;
    border-width: 0;
    margin: 0 -1px;
}

.x-menu-item .x-cols-icon{
    background-image: none !important;
}

.xg-hmenu-sort-asc .x-menu-item-icon{
    background-image: none !important;
}

.xg-hmenu-sort-desc .x-menu-item-icon{
    background-image: none !important;
}

.x-shadow {
    display:none !important;
}

.chat-window {
    border: solid 2px #8E2D2E;
}

.chat-window .x-window-tl,.chat-window .x-window-tc,.chat-window .x-window-tr,.chat-window .x-window-ml,.chat-window .x-window-mc,.chat-window .x-window-mr,.chat-window .x-window-bl,.chat-window .x-window-bc,.chat-window .x-window-br {
    background-image:none;
    background-color:white;
}

.chat-window .x-window-mc {
    border-color: white;
}

.chat-window .x-window-tl .x-window-header {
    padding: 3px 0;
}

.x-window-tl,.x-window-tc,.x-window-tr,.x-window-ml,.x-window-mc,.x-window-mr,.x-window-bl,.x-window-bc,.x-window-br {
    background-image:none;
    background-color:#68A9D8;
}

.x-window-maximized  .x-window-tc {
    background-image:none;
    background-color:#68A9D8;
}

.x-window-header {
    color:white !important;
}

.basicWindow-mc {
    font: 14px open sans;
}

.basicWindow .x-btn-text {
    font: bold 14px/14px open sans;
    height: 24px !important;
}

.basicWindow .x-form-item-label,.basicWindow .x-form-cb-label {
    font: 13px open sans;
}

.basicWindow .x-form-field {
    font: 12px open sans;
}

.basicWindow .basicWindow-header-text {
    font: bold 14px open sans;
}

.x-layout-split {
    background-color: #68A9D8;
}

/*
.x-tipcustom{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;opacity:0.82;}
.x-tipcustom .x-tipcustom-close{background-image:url(../../lib/extjs/resources/images/default/qtip/close.gif);height:15px;width:15px;margin:0 0 2px 2px;cursor:pointer;display:block;}
.x-tipcustom .x-tipcustom-tc{background:#808080 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}
.x-tipcustom .x-tipcustom-tl{background:#808080 0 0;padding-left:6px;overflow:hidden;zoom:1;}
.x-tipcustom .x-tipcustom-tr{background:#808080 right 0;padding-right:6px;overflow:hidden;zoom:1;}
.x-tipcustom .x-tipcustom-bc{background:#808080 0 -121px;height:3px;overflow:hidden;}
.x-tipcustom .x-tipcustom-bl{background:#808080 0 -59px;padding-left:6px;zoom:1;}
.x-tipcustom .x-tipcustom-br{background:#808080 right -59px;padding-right:6px;zoom:1;}
.x-tipcustom .x-tipcustom-mc{border:0 none;font:normal 11px tahoma,arial,helvetica,sans-serif;}
.x-tipcustom .x-tipcustom-ml{background:#808080 0 -124px;padding-left:6px;zoom:1;}
.x-tipcustom .x-tipcustom-mr{background:#808080 right -124px;padding-right:6px;zoom:1;}
.ext-ie .x-tipcustom .x-tipcustom-header,.ext-ie .x-tipcustom .x-tipcustom-tc{font-size:0;line-height:0;}
.x-tipcustom .x-tipcustom-header-text{font:bold 11px tahoma,arial,helvetica,sans-serif;padding:0;margin:0 0 2px 0;color:#444;}
.x-tipcustom .x-tipcustom-body{font:normal 11px tahoma,arial,helvetica,sans-serif;margin:0!important;line-height:14px;color:#fff;padding:0 0 5px 5px;}
.x-tipcustom .x-tipcustom-body .loading-indicator{margin:0;}
.x-tipcustom-draggable .x-tipcustom-header,.x-tipcustom-draggable .x-tipcustom-header-text{cursor:move;}
.x-tipcustom-arrow-left {position:absolute;left:-25px;top:16px;width:0;height:0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right:15px solid #808080;opacity:0.82;}
*/

.x-tipcustom {
    color: #FFFFFF;
    position: fixed;
    z-index: 21000;
    opacity: 0.92;
    visibility: hidden;
}

.x-tipcustom > * {
    display: table-cell;
    cursor: auto;
}

.x-tipcustom-arrow-lr-container {
    vertical-align: top;
    padding:10px 0 10px 0;
}

.x-tipcustom-arrow-tb-container {
    display:block;
    padding:0 10px 0 10px;
    position:relative;
    height:15px;
}

.x-tipcustom-arrow-left {
    width:0;
    height:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:15px solid #808080;
}

.x-tipcustom-arrow-right {
    width:0;
    height:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:15px solid #808080;
}

.x-tipcustom-arrow-up {
    border-bottom: 15px solid #808080;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 0;
}

.x-tipcustom-arrow-up.right {
    position:absolute;
    right:10px;
}

.x-tipcustom-body {
    padding: 15px;
    background-color: #808080;
    font-family: arial;
    font-size: 14px;

}

.x-tipcustom-close-container {
    background-color: #808080;
    padding: 0 5px;
}

.x-tipcustom-close{
    background-image:url(../images/close.gif);
    background-repeat: no-repeat;
    height:15px;
    width:15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    position: relative;
    top: 2px;
}


.x-btncustom {
    background-color: #68A9D8;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: arial !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 24px !important;
    text-align: center;
}

.x-btncustom:hover {
    background-color: #808080;
}

.x-btncustom:active {
    background-color: #aaa;
}

/* .x-tab-panelcustom {

} */

.x-tab-panelcustom .x-tab-panel-header {
    background-color: #fff;
}

.x-tab-panelcustom .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
    background-image: none;
}

.x-tab-panelcustom ul.x-tab-strip-top {
    background-color: #fff;
    background-image: none;
    border: none;
}

.x-tab-panelcustom .x-tab-strip-active {
    background-color: #8E2D2E;
    font-weight:normal;
}

.x-tab-panelcustom .x-tab-strip-active:hover {
    background-color: #8E2D2E;
    font-weight:normal;
}

.x-tab-panelcustom .x-tab-strip-text {
    font-size: 14px !important;
    color:#fff !important;
}

.x-tab-panelcustom .x-tab-strip-active .x-tab-strip-text {
    font-size: 14px;
    font-weight:normal;
    color:#fff;
}

.x-tabcustom {
    background-color: #aaa;
}

.x-tabcustom:hover {
    background-color: #808080;
}

.whiteHeader {
    background-color: white;
    background-image: none;
    color: grey;
    padding: 3px;
    border: solid 1px #B5B8C8 !important;
}



.basicWindow {
    border:solid 1px #8E2D2E;
    background:#8E2D2E;
    color:white;
}

.basicWindowAlt {
    border:solid 5px #fff;
    background:#8E2D2E;
    color:white;
    padding:10px;
}

.basicWindowAlt * {
    font-size:14px !important;
}

.basicWindowAlt .x-btn button {
    line-height: 15px !important;
    margin: 3px;
}
.btn-hide_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#btnHideVhd {
    display: flex;
    align-items: normal;
    justify-content: center;
    padding: 6px 13px 5px 13px;
    background: #fff;
    border-radius: 0 0 20px 20px;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0.5px 1.5px 3px rgba(0, 0, 0, 0.16);
    transition: 0.3s ease;
    z-index: 0;
    font: normal 500 10px/12px Montserrat, sans-serif;
    color: var(--cancel-color);
    letter-spacing: -0.01em;
    text-transform: lowercase;
}
#btnHideVhd .btnHideVhd-txt {
    padding-right: 8px;
}
.btnHideVhd-svg {
    width: 14px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00255 1.51285L7.73891 2.77121C7.25459 2.64252 6.74459 2.64238 6.2602 2.77081C5.77581 2.89924 5.33411 3.15171 4.97953 3.50282C4.62495 3.85394 4.36999 4.29131 4.24029 4.77097C4.1106 5.25062 4.11073 5.75563 4.24069 6.23522L2.27027 8.17931C1.32789 7.47236 0.54258 6.55334 0 5.5C0.814527 3.91846 2.15104 2.66051 3.78744 1.93519C5.42385 1.20986 7.26163 1.06083 8.99541 1.51285H9.00255ZM11.7155 2.82069C12.665 3.52763 13.4503 4.44666 14 5.5C13.1849 7.08446 11.8461 8.34445 10.2066 9.06998C8.56716 9.79551 6.72611 9.94274 4.99031 9.48715L6.25395 8.22879C6.73827 8.35748 7.24827 8.35762 7.73266 8.22919C8.21705 8.10076 8.65875 7.84829 9.01333 7.49718C9.36791 7.14606 9.62287 6.70868 9.75257 6.22903C9.88227 5.74938 9.88213 5.24436 9.75217 4.76478L11.7226 2.82069H11.7155ZM11.537 0L12.5507 1.00386L2.45589 11L1.44212 9.99614L11.537 0Z' fill='%233C53C9'/%3E%3C/svg%3E") center no-repeat;
}
.btnShowVhd-svg {
    width: 14px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 35 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.5C1.64499 7.33989 4.15008 4.68672 7.23843 2.83371C10.3268 0.980697 13.8781 0 17.5 0C21.1219 0 24.6732 0.980697 27.7616 2.83371C30.8499 4.68672 33.355 7.33989 35 10.5C33.355 13.6601 30.8499 16.3133 27.7616 18.1663C24.6732 20.0193 21.1219 21 17.5 21C13.8781 21 10.3268 20.0193 7.23843 18.1663C4.15008 16.3133 1.64499 13.6601 0 10.5ZM17.5 17.4953C19.3944 17.4953 21.2112 16.7583 22.5508 15.4464C23.8903 14.1346 24.6429 12.3553 24.6429 10.5C24.6429 8.64472 23.8903 6.86543 22.5508 5.55355C21.2112 4.24167 19.3944 3.50467 17.5 3.50467C15.6056 3.50467 13.7888 4.24167 12.4492 5.55355C11.1097 6.86543 10.3571 8.64472 10.3571 10.5C10.3571 12.3553 11.1097 14.1346 12.4492 15.4464C13.7888 16.7583 15.6056 17.4953 17.5 17.4953ZM17.5 13.9977C16.5528 13.9977 15.6444 13.6292 14.9746 12.9732C14.3048 12.3173 13.9286 11.4276 13.9286 10.5C13.9286 9.57236 14.3048 8.68272 14.9746 8.02678C15.6444 7.37084 16.5528 7.00233 17.5 7.00233C18.4472 7.00233 19.3556 7.37084 20.0254 8.02678C20.6952 8.68272 21.0714 9.57236 21.0714 10.5C21.0714 11.4276 20.6952 12.3173 20.0254 12.9732C19.3556 13.6292 18.4472 13.9977 17.5 13.9977Z' fill='%233C53C9'/%3E%3C/svg%3E") center no-repeat;
}
#btnHideVhd:hover {
    box-shadow: 0.5px 2.5px 3px rgba(0, 0, 0, 0.16);
}

.createVHDPanel {
    max-width: 1456px;
    z-index: 1;
}
.createVHDPanel .x-panel-bwrap {
    background: #ececec;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 1.5px 3px rgba(0, 0, 0, 0.16);
}
.createVHDPanel .x-panel-bwrap > .x-panel-body {
    padding: 35px 60px;
    background: #fff;
    filter: drop-shadow(0.5px 2px 3px rgba(0, 0, 0, 0.16));
    overflow-y: hidden;
}

.createVHDPanel h3 {
    padding-bottom: 10px;
    font: normal 500 16px/19px Roboto, sans-serif;
    color: var(--main-color);
}
.createVHDPanel ul {
    list-style: disc;
    list-style-position: inside;
}
.createVHDPanel li {
    font: normal 400 13px/24px Open, sans-serif;
    color: var(--secondary-color);
}
.createVHDPanel li::marker {
    color: #af363d;
}
.createVHDPanel .soon {
    cursor: default;
}
.createVHDPanel .soon > span {
    margin-left: 6px;
    color: #6b758a;
}
.createVHDPanel a {
    font: normal 400 13px/24px Open, sans-serif;
    color: var(--secondary-color);
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease-out;
}
.createVHDPanel b {
    color: var(--primary-color);
    font-weight: bold;
}
.createVHDPanel a:hover {
    padding-left: 1px;
}
.createVHDPanel a:hover > .resources-arrow {
    margin-left: 7px;
}
.createVHDPanel-container {
    display: flex;
    justify-content: space-between;
}
.createVHDPanel-container .separator {
    width: 1px;
    height: 116px;
    margin-top: 30px;
    background: #ebebeb;
}

.createVHDPanel .content {
    min-width: 220px;
}
.createVHDPanel .server {
    min-width: 290px;
}
.createVHDPanel .server-specs {
    display: flex;
    align-items: baseline;
}
.createVHDPanel .server-specs_trigger {
    margin: 0 12px 0 18px;
}
.createVHDPanel .server-specs_trigger input {
    display: none;
}
.createVHDPanel .server-specs_trigger label {
    padding: 0px 4.5px 0px 5.2px;
    margin: 0 5px;
    font: normal 700 14px/14px Montserrat, sans-serif;
    color: #fff;
    background: rgba(249, 73, 85, 0.3);
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: .2s ease;
}
.createVHDPanel .server-specs_trigger .label1 {
    padding: 0 6.3px;
}
.createVHDPanel .server-specs_trigger input:checked+label {
    padding: 1px 5.8px 1px 6px;
    margin: 0 4px;
    background: var(--checked-color);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.createVHDPanel .server-specs_trigger input:checked+.label1 {
    padding: 1px 7.3px;
}
.createVHDPanel .server-specs_trigger input:checked+.label2 {
    padding: 1px 5.9px;
}
.createVHDPanel .server-specs_details--txt {
    font: normal 600 12px/16px Open, sans-serif;
    color: var(--secondary-color);
    margin-right: 5px;
}
.createVHDPanel .server-specs_details--svg {
    display: inline-block;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 5 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.71556 9.85404L0.715572 9.85384L0.709342 9.85386C0.567268 9.85413 0.429559 9.80457 0.320119 9.71374C0.258522 9.66258 0.207593 9.59975 0.170259 9.52882C0.132924 9.4579 0.10992 9.38029 0.102571 9.30044C0.0952207 9.22058 0.10367 9.14006 0.127433 9.06349C0.151195 8.98692 0.189801 8.9158 0.241031 8.85421L3.41408 5.05137L3.46652 4.98851L3.41527 4.92468L0.35545 1.11463L0.35545 1.11463L0.355161 1.11427C0.30462 1.05193 0.266871 0.980183 0.24409 0.903161C0.221309 0.826138 0.213948 0.745361 0.222432 0.665475C0.230916 0.585589 0.255076 0.508178 0.293519 0.437689C0.331961 0.367201 0.383925 0.30503 0.446416 0.254744L0.446479 0.254822L0.449845 0.251856C0.512787 0.196379 0.586487 0.154543 0.666315 0.128963C0.746143 0.103384 0.830384 0.0946099 0.913752 0.10319C0.99712 0.11177 1.07783 0.137519 1.1508 0.17883C1.22378 0.22014 1.28746 0.276123 1.33784 0.343273L1.33779 0.343306L1.33988 0.345904L4.76092 4.60295L4.76092 4.60295L4.76157 4.60374C4.85106 4.7128 4.9 4.84962 4.9 4.99085C4.9 5.13196 4.85113 5.26869 4.76177 5.3777C4.7617 5.37779 4.76164 5.37787 4.76157 5.37795L1.22054 9.63448L1.22038 9.63468C1.15934 9.70844 1.08182 9.76672 0.994114 9.80483C0.906406 9.84294 0.810975 9.85979 0.71556 9.85404Z' fill='%2373788F' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E") left repeat-x;
    transition: .2s ease-out;
}
.createVHDPanel .server-specs_details {
    cursor: pointer;
}
.createVHDPanel .server-specs_details:hover > .server-specs_details--svg {
    margin-left: 6px;
}

.createVHDPanel .resources {
    padding-right: 30px;
    min-width: 240px;
}
.createVHDPanel .resources-arrow {
    display: inline-block;
    margin-left: 6px;
    width: 12px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.86106 0.122514L5.86106 1.36702C5.86106 1.43769 5.89124 1.5053 5.94407 1.55292L9.75217 4.91616L0.120748 4.91616C0.0543365 4.91616 -2.63515e-07 4.97147 -2.6056e-07 5.03907L-2.20265e-07 5.96093C-2.1731e-07 6.02853 0.0543366 6.08384 0.120748 6.08384L9.75217 6.08384L5.94407 9.44708C5.89125 9.49317 5.86106 9.56077 5.86106 9.63298L5.86106 10.8775C5.86106 10.982 5.98332 11.0388 6.06029 10.9697L11.8336 5.87028C11.8858 5.82418 11.9277 5.7672 11.9564 5.70318C11.9851 5.63916 12 5.56961 12 5.49923C12 5.42886 11.9851 5.3593 11.9564 5.29529C11.9277 5.23127 11.8858 5.17428 11.8336 5.12819L6.06029 0.0303275C5.98181 -0.0388119 5.86106 0.0180366 5.86106 0.122514Z' fill='%23F94955'/%3E%3C/svg%3E") center no-repeat;
}

#global-blur-mask {
    display: flex;
    position: absolute;
    top: 50px;
    width: 100vw;
    height: calc(100vh - 50px);
    background: rgba(43, 30, 31, 0.5);
    backdrop-filter: blur(10px);
    z-index: 1;
}
.tech-specs .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: inherit;
}
.tech-specs .container-table {
    background: #fff;
}
.tech-specs .container-table tr > th {
    padding: 35px 0 18px 30px;
    font: normal 500 17px/20px Roboto;
    color: var(--primary-color);
    border-bottom: 1px solid var(--vhdgrid-background-color);
}
.tech-specs .container-table tr > td {
    padding: 12px 0 12px 30px;
    max-width: 252px;
    font: normal 400 14px/21px Open Sans, sans-serif;
    color: var(--primary-color);
    border-bottom: 1px solid var(--vhdgrid-background-color);
}
.tech-specs .container-table .td-bold {
    font-weight: 600;
}
.tech-specs .container-table tr > td:first-child {
    padding: 12px 30px 12px 75px;
    max-width: 140px;
    color: var(--secondary-color);
}
.tech-specs .container-table tr > td:last-child {
    padding-right: 75px;
}
.tech-specs .container-table tr:last-child > td {
    padding-bottom: 30px;
}
.basicWindowVHD {
    border:none !important;
    background:#fcfcfc !important;
    color:black !important;
    padding: 20px 25px;
}
.basicWindowVHD2 {
    background:#fff;
    padding: 37px 0 30px;
    border-radius: 10px;
    box-shadow: 1px 20px 50px rgba(53, 41, 79, 0.2);
}
.basicWindowVHD2-body {
    font: 400 normal 14px/24px Open Sans, sans-serif;
    color: var(--secondary-color);
}
.basicWindowVHD2-footer {
    padding: 10px 5px 0;
}
.basicWindowVHD2-footer .x-btn-text {
    font: 600 16px/20px Montserrat;
    color: var(--checked-color);
    text-transform: lowercase;
}
.basicWindowVHD3 {
    box-shadow: 1px 20px 50px rgba(53, 41, 79, 0.2);
}

.basicWindowVHD-mc {
    font: 14px open sans;
}

.basicWindowVHD .x-btn-text {
    font: bold 14px/14px open sans;
    height: 24px !important;
    color: #8E2D2E;
}

.basicWindowVHD .x-form-item-label,.basicWindowVHD .x-form-cb-label {
    font: 14px open sans;
}
.basicWindowVHD2 .x-form-item-label, .basicWindowVHD2 .x-form-cb-label {
    font: 400 14px open sans;
    line-height: 19px;
    color: var(--primary-color);
    /* padding-left: 102px !important; */
}

.basicWindowVHD .x-form-field {
    font: 12px open sans;
    border:solid 1px #ddd !important;
}

.basicWindowVHD .custom-form4 .x-form-field {
    text-align: left;
    padding: 2px 5px;
}
.basicWindowVHD2 .custom-form5 .x-form-trigger {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L5.75729 5.59241C5.9592 5.81021 6.30533 5.80504 6.50064 5.58131L10.5 1' stroke='%23F94955' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    border: none;
    position: relative;
    right: 26px;
    top: 15px;
}
.basicWindowVHD2 .custom-form5 .x-form-field {
    font: 400 14px/19px open sans;
    height: 30px;
    padding-left: 16px;
    background: #fdfdfd;
    color: var(--secondary-color);
    border: none;
    box-shadow: inset 0px 0.5px 1.5px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
}
.basicWindowVHD2 .custom-form5 .x-trigger-noedit {
    border: 0.5px solid #d6d6d6;
    box-shadow: none;
}
#cloneVhdForm .x-form-field-wrap {
    top: -3px;
}

#cloneVhdForm .boot-filter-container {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    position: absolute;
    top: 2px;
    right: 0;
}
#cloneVhdForm .boot-filter-container input {
    display: none;
}
#cloneVhdForm .boot-filter-container label {
    font: 600 14px/21px open sans;
    color: var(--primary-color);
    padding: 5px 6px;
    cursor: pointer;
}
#cloneVhdForm .boot-filter-container input:checked+label {
    background: var(--checked-color);
    line-height: 27px;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
}

#cloneVhdForm #cmbBootGPU {
    position: absolute;
    right: 0;
}
#cloneVhdForm .custom-form5-container .x-form-trigger {
    position: absolute;
    right: 10px;
    top: 12px;
}

.basicWindowVHD2 .vhd2-info {
    display: flex;
    justify-content: space-between;
    font: 400 14px/19px open sans;
    color: var(--primary-color);
    border: solid 1px #D9DADB;
    border-radius: 4px;
    padding: 16px;
}
.basicWindowVHD2 .vhd2-info ul {
    padding-top: 7px;
}
.basicWindowVHD2 .vhd2-info li {
    padding: 3px 6px;
}

.new-image_separator {
    border-bottom: solid 0.5px #d9dadb;
    margin: 30px 0;
}
.new-image_intro {
    padding: 16px 0 0px;
    font: normal 13px Open Sans;
    color: var(--secondary-color);
    line-height: 19px;
}
.new-image .estimates p, .new-image .billing p {
    display: flex;
    line-height: 1em;
}
.new-image .estimates-svg {
    display: inline-block;
    margin-left: 8px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%2343454D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.74085 2.95703C6.84423 2.95703 6.94337 3.00044 7.01647 3.07772C7.08957 3.15499 7.13063 3.2598 7.13063 3.36908V7.66263L9.66263 9.19216C9.74978 9.24774 9.81291 9.33714 9.83853 9.44128C9.86414 9.5454 9.85021 9.656 9.79972 9.74941C9.74922 9.84283 9.66616 9.91166 9.5683 9.9412C9.47043 9.97074 9.36551 9.95863 9.27597 9.90748L6.54752 8.25928C6.48787 8.22326 6.43828 8.1712 6.40378 8.10839C6.36928 8.04558 6.3511 7.97425 6.35107 7.90162V3.36908C6.35107 3.2598 6.39214 3.15499 6.46524 3.07772C6.53834 3.00044 6.63748 2.95703 6.74085 2.95703Z' fill='%2343454D'/%3E%3C/svg%3E%0A") center no-repeat;
}
.new-image .billing-svg {
    display: inline-block;
    margin-left: 8px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4418 10V10.95H6.82049V10.1333V10.0833H6.77049C6.39298 10.0833 6.01087 9.89121 5.68399 9.692C5.43729 9.50364 5.24989 9.31558 5.06451 9.06954L5.65049 8.41422C5.78267 8.59991 5.96492 8.78023 6.14821 8.90529C6.35933 9.1168 6.70164 9.18333 6.96721 9.18333C7.17363 9.18333 7.45016 9.11364 7.6586 8.90173L7.6593 8.90242L7.66476 8.89408C7.80019 8.68756 7.86967 8.47818 7.86967 8.26667C7.86967 8.05697 7.80109 7.84314 7.6586 7.69827L7.65931 7.69757L7.651 7.69194C7.45222 7.55721 7.1878 7.42248 6.98669 7.35381C6.93145 7.32575 6.87524 7.29782 6.81854 7.26964C6.46759 7.09523 6.09778 6.91144 5.82253 6.6316C5.57159 6.37648 5.44344 5.99031 5.44344 5.6H5.44411L5.44278 5.59191C5.38079 5.21377 5.56588 4.82905 5.82447 4.49976C6.08125 4.23936 6.39981 4.0464 6.71488 3.98233L6.75492 3.97419V3.93333V3.05H7.4418V3.93333V3.98333H7.4918C7.74653 3.98333 7.99843 4.04822 8.18506 4.17472C8.37171 4.30123 8.55471 4.42539 8.7375 4.60495L8.21193 5.31737C8.00526 5.06797 7.68411 4.88589 7.30312 4.88336C7.19173 4.84826 7.08279 4.86896 6.9805 4.91229C6.87765 4.95586 6.77595 5.02479 6.67933 5.09027C6.60086 5.13137 6.54628 5.20889 6.51156 5.28831C6.47611 5.3694 6.4582 5.45954 6.4582 5.53333C6.4582 5.67482 6.5264 5.8965 6.74303 5.97664C6.94583 6.17921 7.21235 6.31358 7.47758 6.38131C7.86271 6.5121 8.18338 6.70774 8.50534 7.03506L8.50512 7.03528L8.50943 7.03879C8.82094 7.29215 8.95 7.74106 8.95 8.13333C8.95 8.58835 8.75746 9.10862 8.43976 9.4316C8.18335 9.69229 7.8646 9.88612 7.48345 9.9507L7.4418 9.95776V10Z' fill='%2343454D' stroke='%23F9FAFC' stroke-width='0.1'/%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%2343454D'/%3E%3C/svg%3E%0A") center no-repeat;
}
.new-image .icon-info {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: var(--icon-info) center no-repeat;
}
.new-image-btn .x-btn-small button {
    display: flex;
    font: 600 16px/20px Montserrat;
    height: 20px !important;
}
.new-image-btn .x-btn-small button:hover {
    text-decoration: underline;
}
.new-image-btn-cancel button {
    color: var(--cancel-color);
    margin-right: 30px
}
.new-image-btn-create button {
    color: var(--checked-color);
}
.new-image .btn-svg {
    padding-left: 9px;
    width: 21px;
    height: 21px;
}
.new-image .btn-svg:hover {
    cursor: pointer;
}
.new-image .cancel {
    background: var(--icon-btn-close) center no-repeat;
}
.new-image .create {
    background: var(--icon-btn-save) center no-repeat;
}

.basicWindowVHD .x-btn-over *,
.basicWindowVHD2 .x-btn-over *{
    background-color: transparent !important;
}

.basicHeaderVHD {
    border:none;
    background:#fcfcfc;
    color:black;
    text-align:left;
    padding:5px;
    overflow:hidden;
}
.basicHeaderVHD2 {
    background:#fff;
    font: 500 20px Roboto;
    line-height: 23px;
    padding-bottom: 1em;
    color:var(--main-color);
    text-align: center;
}
.basicHeaderVHD2 svg {
    position: relative;
    top: 3px;
    margin-left: 13px;
}

.basicWindowVHD .basicWindowVHD-header-text {
    font: normal 18px open sans;
}
#changePassword .basicWindowVHD2-header-text {
    display: block;
    font: 500 20px/23px Roboto;
    color:var(--main-color);
}

.new-image .title {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 13px;
    width: 25px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.7273 0H2.27273C1.01136 0 0 0.988889 0 2.22222V15.5556C0 16.1449 0.239447 16.7102 0.665666 17.1269C1.09189 17.5437 1.66996 17.7778 2.27273 17.7778H7.95455V20H17.0455V17.7778H22.7273C23.9773 17.7778 24.9886 16.7778 24.9886 15.5556L25 2.22222C25 1.63285 24.7606 1.06762 24.3343 0.650874C23.9081 0.234126 23.33 0 22.7273 0ZM22.7273 15.5556H2.27273V2.22222H22.7273V15.5556ZM17.0455 7.77778V10H13.6364V13.3333H11.3636V10H7.95455V7.77778H11.3636V4.44444H13.6364V7.77778H17.0455Z' fill='%235D6175'/%3E%3C/svg%3E") center no-repeat;
}

#changePassword .basicWindowVHD2-footer .x-btn-text {
    margin: 1.5em 0.5em 0 0;
    padding-right: 1.4em;
    font: 600 16px/16px Montserrat;
    text-transform: lowercase;
}
#changePassword .basicWindowVHD2-footer .submit .x-btn-text {
    color: var(--checked-color);
    background: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.45652 5.43992C2.02797 4.93014 1.2302 4.97384 0.859901 5.52738L0.416238 6.19059C0.169486 6.55944 0.195345 7.0468 0.479744 7.38747L5.24078 13.0906C5.63771 13.566 6.367 13.57 6.76908 13.0989L15.4973 2.872C15.7933 2.52524 15.8172 2.02223 15.5556 1.64891L15.134 1.04727C14.7609 0.514998 13.9872 0.474451 13.5606 0.964811L6 9.65502L2.45652 5.43992Z' fill='%23F94955'/%3E%3C/svg%3E%0A") right no-repeat;
}
#changePassword .basicWindowVHD2-footer .cancel .x-btn-text {
    color: var(--cancel-color);
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.1665' y='4.66699' width='2.33329' height='14.849' transform='rotate(45 15.1665 4.66699)' fill='%233C53C9'/%3E%3Crect x='16.333' y='15.166' width='2.33329' height='14.849' transform='rotate(135 16.333 15.166)' fill='%233C53C9'/%3E%3C/svg%3E%0A") right no-repeat;
}

.x-btnVHD:hover {
    background-color:#ddd;
}

.x-btnVHD:active {
    background-color: #DFE8F6;
}

.btn-vhd-disabled {
    cursor: wait !important;
}

#welcomeWinPreview {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(90.01deg, #AF363D 8.86%, #DB414B 84.89%), linear-gradient(90.01deg, #DB414B 10.42%, #AF363D 88.02%), rgba(43, 30, 31, 0.5);
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
    z-index: 50004 !important;
}
#welcomeWinPreview.faded {
    opacity: 0;
}
#welcomeWinPreview * {
    background: none;
}
#welcomeWinPreview #welcomeWinPreviewContainer * {
    padding: 0;
    font-family: Montserrat;
    font-style: normal;
    color: #fff !important;
}
#welcomeWinPreview #welcomeWinPreviewContainer h1 {
    font-weight: 800;
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 4px;
}
#welcomeWinPreview #welcomeWinPreviewContainer h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
}
#welcomeWinPreview #welcomeWinPreviewContainer h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
#welcomeWinPreview #welcomeWinPreviewContainer p {
    font-size: 14px;
    line-height: 17px;
}
#welcomeWinPreview #logo {
    margin: 140px auto 200px;
    height: 97px;
    background: url("data:image/svg+xml,%3Csvg width='106' height='97' viewBox='0 0 106 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.7865 17.7371H71.7675C71.9888 16.9734 72.1005 16.1821 72.0993 15.3869C72.0993 11.0896 68.907 7.60498 64.9676 7.60498C61.282 7.60498 58.2476 10.6579 57.8745 14.5729C57.3583 14.2827 56.7764 14.1293 56.1843 14.1274C55.3364 14.136 54.5198 14.4492 53.8835 15.0098C54.5011 15.912 55.0046 16.8871 55.3826 17.913C56.8468 17.9749 58.2648 18.4437 59.4776 19.2667C60.6903 20.0897 61.6499 21.2344 62.2486 22.5724C65.7222 23.1354 68.594 25.7342 69.8089 29.2146H71.7867C74.6124 29.2146 76.9035 26.6467 76.9035 23.4758C76.9035 20.3059 74.6124 17.7369 71.7867 17.7369' fill='white'/%3E%3Cpath d='M34.069 30.0548H45.6217V40.1658H57.1761V30.0708H66.7594C65.7722 27.4956 63.4916 25.6913 60.8346 25.6913H59.9236C59.5537 23.1128 57.5666 21.1401 55.1653 21.1401C54.4185 21.142 53.6847 21.3358 53.0344 21.7031C52.5623 16.7658 48.7386 12.916 44.0909 12.916C39.1248 12.916 35.0994 17.3112 35.0994 22.73C35.0982 23.7319 35.2387 24.7288 35.5167 25.6913H35.4934C31.9306 25.6913 29.0425 28.9315 29.0425 32.9278C29.0425 36.374 31.1923 39.252 34.0689 39.9804L34.069 30.0548Z' fill='white'/%3E%3Cpath d='M66.0835 42.0539V41.1488H67.9793V39.2402H68.8637V42.0539H66.0835Z' fill='white'/%3E%3Cpath d='M56.9436 9.0114V6.19824H59.7218V7.10578H57.8285V9.0114H56.9436Z' fill='white'/%3E%3Cpath d='M15.8684 0C15.5029 0.0010789 15.1526 0.146828 14.8941 0.405412C14.6356 0.663997 14.4898 1.0144 14.4888 1.3801V47.2999C14.4898 47.6656 14.6356 48.016 14.8941 48.2746C15.1526 48.5331 15.5029 48.6789 15.8684 48.68H90.0789C90.4445 48.6789 90.7948 48.5331 91.0533 48.2746C91.3118 48.016 91.4575 47.6656 91.4586 47.2999V1.3801C91.4575 1.01436 91.3118 0.663918 91.0532 0.405327C90.7946 0.146735 90.4443 0.0010147 90.0787 0L15.8684 0ZM88.8826 44.5953C88.8815 44.961 88.7358 45.3114 88.4773 45.57C88.2188 45.8286 87.8685 45.9744 87.5029 45.9754H18.4446C18.0791 45.9744 17.7288 45.8286 17.4703 45.57C17.2118 45.3114 17.0661 44.961 17.065 44.5953V4.08454C17.0661 3.71885 17.2118 3.36844 17.4703 3.10986C17.7288 2.85127 18.0791 2.70552 18.4446 2.70444H87.5029C87.8685 2.70552 88.2188 2.85127 88.4773 3.10986C88.7358 3.36844 88.8815 3.71885 88.8826 4.08454V44.5953Z' fill='white'/%3E%3Cpath d='M91.4564 51.0132H14.4883V56.192C19.9663 56.7516 35.1711 58.0928 52.9631 58.0928C70.7702 58.0928 85.9955 56.7491 91.4579 56.1896L91.4564 51.0132ZM18.3697 54.4204H16.3352V52.3849H18.3697V54.4204ZM21.357 54.4204H19.3225V52.3849H21.357V54.4204ZM24.3444 54.4204H22.3096V52.3849H24.3444V54.4204ZM60.7687 54.796H45.1775V52.0535H60.7687V54.796ZM87.8554 54.2872C87.663 54.2872 87.4749 54.2301 87.3149 54.1232C87.1549 54.0163 87.0302 53.8643 86.9565 53.6864C86.8829 53.5086 86.8636 53.3129 86.9011 53.1241C86.9387 52.9353 87.0313 52.7619 87.1674 52.6258C87.3035 52.4896 87.4769 52.397 87.6656 52.3594C87.8543 52.3218 88.05 52.3411 88.2277 52.4148C88.4055 52.4884 88.5575 52.6132 88.6644 52.7732C88.7713 52.9333 88.8284 53.1215 88.8284 53.314C88.8283 53.5721 88.7258 53.8196 88.5434 54.0021C88.3609 54.1846 88.1134 54.2872 87.8554 54.2872Z' fill='white'/%3E%3Cpath d='M5.33563 81.8248L0.246893 74.5184H3.92285L7.37936 79.745L10.8633 74.5184H14.5118L9.40936 81.8248L14.7724 89.4554H11.1239L7.37936 83.8642L3.64853 89.4554H0L5.33563 81.8248Z' fill='white'/%3E%3Cpath d='M24.0583 89.7255C21.6991 89.7255 19.852 89.0503 18.517 87.6997C17.1911 86.3402 16.5281 84.4719 16.5281 82.095C16.5281 79.655 17.1453 77.7372 18.3798 76.3416C19.6143 74.9461 21.3105 74.2483 23.4685 74.2483C25.4711 74.2483 27.0531 74.847 28.2144 76.0445C29.3757 77.242 29.9563 78.8897 29.9563 80.9875V82.7027H19.8474C19.8932 84.1523 20.2909 85.2687 21.0408 86.0521C21.7906 86.8264 22.8467 87.2135 24.2092 87.2135C25.1054 87.2135 25.9375 87.1325 26.7056 86.9704C27.4828 86.7994 28.315 86.5202 29.2019 86.1331V88.7126C28.4155 89.0818 27.62 89.3429 26.8153 89.496C26.0106 89.649 25.0916 89.7255 24.0583 89.7255ZM23.4685 76.6522C22.4444 76.6522 21.6214 76.9719 20.9996 77.6111C20.387 78.2504 20.0212 79.1823 19.9023 80.4068H26.7879C26.7696 79.1733 26.4678 78.2414 25.8826 77.6111C25.2974 76.9719 24.4927 76.6522 23.4685 76.6522Z' fill='white'/%3E%3Cpath d='M43.8098 85.2012C43.8098 86.6598 43.2703 87.7808 42.1913 88.5641C41.1122 89.3384 39.5669 89.7255 37.5552 89.7255C35.5343 89.7255 33.9112 89.4239 32.6859 88.8207V86.0791C34.469 86.8894 36.1287 87.2946 37.6649 87.2946C39.6492 87.2946 40.6413 86.7048 40.6413 85.5253C40.6413 85.1472 40.5316 84.8321 40.3121 84.58C40.0927 84.3279 39.7315 84.0668 39.2285 83.7966C38.7256 83.5265 38.0261 83.2204 37.13 82.8783C35.3834 82.212 34.1992 81.5457 33.5774 80.8795C32.9648 80.2132 32.6585 79.3488 32.6585 78.2864C32.6585 77.0079 33.1797 76.0175 34.2221 75.3152C35.2737 74.6039 36.7002 74.2483 38.5016 74.2483C40.2847 74.2483 41.9718 74.6039 43.5629 75.3152L42.5205 77.7057C40.8836 77.0394 39.5074 76.7063 38.3919 76.7063C36.691 76.7063 35.8406 77.1835 35.8406 78.1378C35.8406 78.606 36.0601 79.0022 36.499 79.3263C36.9471 79.6505 37.9164 80.0961 39.4069 80.6634C40.6596 81.1406 41.5695 81.5772 42.1364 81.9734C42.7033 82.3696 43.124 82.8287 43.3983 83.351C43.6726 83.8642 43.8098 84.4809 43.8098 85.2012Z' fill='white'/%3E%3Cpath d='M50.421 81.5682L52.2453 79.3263L56.8265 74.5184H60.5436L54.4399 80.9335L60.9277 89.4554H57.142L52.2727 82.9053L50.5033 84.3369V89.4554H47.3074V68.4409H50.5033V78.6916L50.3387 81.5682H50.421Z' fill='white'/%3E%3Cpath d='M69.034 87.1595C69.8204 87.1595 70.6068 87.038 71.3932 86.7949V89.1853C71.0366 89.3384 70.5748 89.4644 70.0079 89.5635C69.4501 89.6715 68.8694 89.7255 68.2659 89.7255C65.2117 89.7255 63.6847 88.1409 63.6847 84.9716V76.9224H61.6135V75.5178L63.8355 74.3563L64.9328 71.196H66.9217V74.5184H71.2423V76.9224H66.9217V84.9176C66.9217 85.6829 67.1137 86.2501 67.4978 86.6193C67.891 86.9794 68.4031 87.1595 69.034 87.1595Z' fill='white'/%3E%3Cpath d='M87.8939 81.9599C87.8939 84.3999 87.2584 86.3042 85.9873 87.6727C84.7163 89.0413 82.9469 89.7255 80.6791 89.7255C79.2618 89.7255 78.009 89.4104 76.9209 88.7802C75.8327 88.1499 74.996 87.245 74.4108 86.0656C73.8256 84.8861 73.5329 83.5175 73.5329 81.9599C73.5329 79.5379 74.1639 77.6471 75.4258 76.2876C76.6877 74.928 78.4662 74.2483 80.7614 74.2483C82.956 74.2483 84.6934 74.9461 85.9736 76.3416C87.2538 77.7282 87.8939 79.6009 87.8939 81.9599ZM76.8523 81.9599C76.8523 85.4083 78.1462 87.1325 80.734 87.1325C83.2944 87.1325 84.5745 85.4083 84.5745 81.9599C84.5745 78.5475 83.2852 76.8413 80.7066 76.8413C79.3532 76.8413 78.3702 77.2825 77.7576 78.1649C77.154 79.0472 76.8523 80.3122 76.8523 81.9599Z' fill='white'/%3E%3Cpath d='M99.3058 89.7255C97.3856 89.7255 95.895 89.0458 94.8343 87.6862H94.6423C94.7703 88.9467 94.8343 89.712 94.8343 89.9821V96.1001H91.611V74.5184H94.2171C94.2902 74.7975 94.4411 75.4638 94.6697 76.5172H94.8343C95.8402 75.0046 97.349 74.2483 99.3607 74.2483C101.254 74.2483 102.726 74.9235 103.777 76.2741C104.838 77.6246 105.368 79.5199 105.368 81.9599C105.368 84.3999 104.829 86.3042 103.75 87.6727C102.68 89.0413 101.199 89.7255 99.3058 89.7255ZM98.524 76.8413C97.2438 76.8413 96.3065 77.2105 95.7122 77.9488C95.1269 78.6871 94.8343 79.8665 94.8343 81.4872V81.9599C94.8343 83.7786 95.1269 85.0977 95.7122 85.917C96.2974 86.7273 97.253 87.1325 98.5789 87.1325C99.6945 87.1325 100.554 86.6823 101.158 85.7819C101.761 84.8816 102.063 83.5986 102.063 81.9329C102.063 80.2582 101.761 78.9932 101.158 78.1378C100.563 77.2735 99.6853 76.8413 98.524 76.8413Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
#welcomeWin .x-tab-panel-header {
    padding: 0 0 0 96px;
}
#welcomeWin .x-tab-strip-top {
    padding: 0;
}
#welcomeWin .x-tab-strip-active {
    border-radius: 0;
}
#welcomeWin .x-tab-right {
    margin: 5px 0;
}
#welcomeWin .x-tab-left {
    min-width: 104px;
}
#welcomeWin .check {
    position: relative;
    top: 2px;
    margin-right: 8px;
    display: inline-block;
}
#welcomeWin .check-yes {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4913 2.00049H1.50872C1.10858 2.00076 0.72491 2.15987 0.442014 2.44284C0.159119 2.72582 0.000136895 3.10952 0 3.50964V14.4918C6.8519e-05 14.8919 0.159045 15.2756 0.44197 15.5585C0.724896 15.8415 1.10861 16.0004 1.50872 16.0005H12.4913C12.8914 16.0004 13.2752 15.8414 13.5581 15.5585C13.8411 15.2755 14 14.8917 14 14.4916V3.50964C13.9999 3.1095 13.841 2.72576 13.5581 2.44277C13.2752 2.15978 12.8914 2.00069 12.4913 2.00049ZM13.1942 13.7481C13.1943 13.9235 13.1598 14.0971 13.0928 14.2591C13.0257 14.4211 12.9274 14.5683 12.8035 14.6923C12.6795 14.8164 12.5323 14.9147 12.3704 14.9819C12.2084 15.049 12.0348 15.0836 11.8594 15.0836H2.14188C1.96647 15.0837 1.79277 15.0492 1.6307 14.9821C1.46863 14.915 1.32137 14.8166 1.19733 14.6926C1.0733 14.5686 0.974927 14.4213 0.907832 14.2593C0.840737 14.0972 0.806238 13.9235 0.806306 13.7481V4.03139C0.806306 3.85602 0.840853 3.68237 0.907975 3.52035C0.975097 3.35834 1.07348 3.21113 1.1975 3.08714C1.32152 2.96315 1.46876 2.8648 1.6308 2.79771C1.79283 2.73062 1.9665 2.69611 2.14188 2.69615H11.8594C12.2134 2.69635 12.5529 2.83711 12.8032 3.08749C13.0535 3.33786 13.1941 3.67737 13.1942 4.03139V13.7481Z' fill='%2373788F'/%3E%3Cpath d='M14.1422 0.535218C12.2879 2.25054 10.5867 4.07031 9.14996 6.1998C8.51621 7.13927 8.01802 8.18292 7.55763 9.22683C7.34117 9.71817 7.21186 10.2293 7.09026 10.7405C6.20585 9.86223 5.34504 8.95904 4.37418 8.17829C3.68192 7.62186 1.35832 9.36677 2.16977 10.0197C3.62413 11.1886 4.83529 12.6438 6.24871 13.8647C6.84057 14.3749 8.15214 13.2677 8.45938 12.8023C9.47093 11.2717 9.60914 9.39919 10.3467 7.72888C11.4726 5.17467 13.469 3.07785 15.4393 1.25397C16.9105 -0.106357 15.133 -0.381354 14.1427 0.534189' fill='%2337B34A'/%3E%3C/svg%3E%0A") right no-repeat;
}
#welcomeWin .check-no {
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4913 0H1.50872C1.10858 0.000273939 0.72491 0.159378 0.442014 0.442355C0.159119 0.725332 0.000136895 1.10903 0 1.50916V12.4914C6.8519e-05 12.8915 0.159045 13.2751 0.44197 13.5581C0.724896 13.841 1.10861 13.9999 1.50872 14H12.4913C12.8914 13.9999 13.2752 13.8409 13.5581 13.558C13.8411 13.275 14 12.8912 14 12.4911V1.50916C13.9999 1.10901 13.841 0.725271 13.5581 0.44228C13.2752 0.159288 12.8914 0.000205512 12.4913 0ZM13.1942 11.7476C13.1943 11.923 13.1598 12.0966 13.0928 12.2586C13.0257 12.4206 12.9274 12.5678 12.8035 12.6919C12.6795 12.8159 12.5323 12.9143 12.3704 12.9814C12.2084 13.0485 12.0348 13.0831 11.8594 13.0831H2.14188C1.96647 13.0832 1.79277 13.0487 1.6307 12.9816C1.46863 12.9145 1.32137 12.8162 1.19733 12.6921C1.0733 12.5681 0.974927 12.4209 0.907832 12.2588C0.840737 12.0967 0.806238 11.923 0.806306 11.7476V2.0309C0.806306 1.85553 0.840853 1.68188 0.907975 1.51986C0.975097 1.35785 1.07348 1.21064 1.1975 1.08665C1.32152 0.962658 1.46876 0.86431 1.6308 0.797223C1.79283 0.730136 1.9665 0.695625 2.14188 0.695658H11.8594C12.2134 0.695864 12.5529 0.836623 12.8032 1.087C13.0535 1.33738 13.1941 1.67688 13.1942 2.0309V11.7476Z' fill='%2373788F'/%3E%3Cpath d='M8.56293 10.5L6.97988 8.35316L5.34316 10.5H3.0625L5.83954 6.97398L3.15641 3.5H5.50415L7.03354 5.54275L8.60317 3.5H10.8302L8.14704 6.92193L10.9375 10.5H8.56293Z' fill='%23AF363D'/%3E%3C/svg%3E%0A") center no-repeat;
}
#welcomeWin .next {
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
    left: 8px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7746 5.61659C10.6385 5.77706 10.563 5.99318 10.563 6.21715V11.0386C10.563 11.2625 10.6385 11.4787 10.7746 11.6391C10.911 11.7999 11.0979 11.8921 11.2949 11.8921C11.4918 11.8921 11.6787 11.7999 11.8151 11.6391C11.9513 11.4787 12.0267 11.2625 12.0267 11.0386V6.21715C12.0267 5.99318 11.9513 5.77706 11.8151 5.61659C11.6787 5.45587 11.4918 5.36357 11.2949 5.36357C11.0979 5.36357 10.911 5.45587 10.7746 5.61659Z' fill='%23F94955' stroke='%23F94955' stroke-width='0.1'/%3E%3Cpath d='M9.56901 8.66831L9.62467 8.62786L9.56901 8.58741L5.14609 5.37313L5.0667 5.31543V5.41357V11.8421V11.9403L5.14609 11.8826L9.56901 8.66831Z' fill='%23F94955' stroke='%23F94955' stroke-width='0.1'/%3E%3Cpath d='M1.76344 1.76344C1.2426 2.28428 0.95 2.99069 0.95 3.72727V13.2727C0.95 14.0093 1.2426 14.7157 1.76344 15.2366C2.28428 15.7574 2.99069 16.05 3.72727 16.05H13.2727C14.0093 16.05 14.7157 15.7574 15.2366 15.2366C15.7574 14.7157 16.05 14.0093 16.05 13.2727V3.72727C16.05 2.99069 15.7574 2.28428 15.2366 1.76344C14.7157 1.2426 14.0093 0.95 13.2727 0.95H3.72727C2.99069 0.95 2.28428 1.2426 1.76344 1.76344ZM3.72727 2.41364H13.2727C13.6211 2.41364 13.9553 2.55204 14.2016 2.79839C14.448 3.04475 14.5864 3.37887 14.5864 3.72727V13.2727C14.5864 13.6211 14.448 13.9553 14.2016 14.2016C13.9553 14.448 13.6211 14.5864 13.2727 14.5864H3.72727C3.37887 14.5864 3.04475 14.448 2.79839 14.2016C2.55204 13.9553 2.41364 13.6211 2.41364 13.2727V3.72727C2.41364 3.37887 2.55204 3.04475 2.79839 2.79839C3.04475 2.55204 3.37887 2.41364 3.72727 2.41364Z' fill='%23F94955' stroke='%23F94955' stroke-width='0.1'/%3E%3C/svg%3E%0A") center no-repeat;
}
#welcomeWin .next:hover {
    cursor: pointer;
}
#welcomeWin h1 {
    padding-bottom: 10px;
    font: 500 normal 20px/23px Roboto;
    color: var(--main-color);
}
#welcomeWin p, li, a {
    font: 400 normal 14px/20px Open Sans, sans-serif;
    color: var(--secondary-color);
}
#welcomeWin li {
    padding: 2px 0;
}
#welcomeWin strong {
    display: block;
    padding-bottom: 8px;
    font: 500 normal 14px Roboto;
    color: var(--main-color);
}
#welcomeWin ol {
    list-style: inside none;
    counter-reset: custom;
}
#welcomeWin ol li {
    counter-increment: custom
}
#welcomeWin ol li:before {
    content: counter(custom) ". ";
    padding-right: 10px !important;
}
#welcomeWin .check-list {
    padding-bottom:22px;
}
#welcomeWin .note {
    margin: 8px 0 16px;
    font-weight: 600;
    color: var(--primary-color);
}
#welcomeWin .btn {
    display: flex;
    position: absolute;
    bottom: 47px;
    left: 92px;
    max-width: max-content;
}
#welcomeWin .x-btn-text {
    font: 600 normal 16px/20px Montserrat;
    color: var(--checked-color);
}
#welcomeWin .x-btn-over *{
    background-color: transparent !important;
}
#welcomeWin .x-btn-over .x-btn-text {
    text-decoration: underline;
}
#welcomeWin .x-form-element {
    padding: 0 !important;
}
#welcomeWin .x-form-field, #welcomeWin .x-form-field-trigger-wrap {
    width: 287px !important;
}
#welcomeWin .x-form-item {
    margin-bottom: 30px;
}
#welcomeWin .x-form-item-label {
    float: none;
    width: 100% !important;
    font: 500 normal 14px Roboto;
    padding: 8px 0;
}
.basicWindowAlt .x-btn button {
    color: #8E2D2E;
}

.basicWindowChat {
    background:#8E2D2E;
    color:white;
    padding:10px;
}

.basicWindowChat * {
    font-size:14px !important;
    font-family:Open Sans;
}

.basicWindowChat .x-btn button {
    line-height: 15px !important;
    margin: 3px;
}

.basicWindowChat .x-resizable-handle {
    background-image:none;
}

.basicWindowChat .x-resizable-handle-west,.x-resizable-handle-east {
    width:5px;
}

.basicWindowChat .x-resizable-handle-north,.x-resizable-handle-south {
    height:5px;
}

.basicWindowChat .x-resizable-handle-northeast,.x-resizable-handle-southeast,.x-resizable-handle-northwest,.x-resizable-handle-southwest {
    height:5px;
}

.basicHeader {
    border:solid 1px #8E2D2E;
    background:#8E2D2E;
    color:white;
    text-align:center;
    font-family:arial;
    font-weight:bold;
    font-size:12px;
    padding:5px;
    overflow:hidden;
}

.mainHeader {
    background-image:none;
    background:#8E2D2E;
    border:none !important;
    vertical-align: middle;
}

.bg-main .x-toolbar-left {
    display: flex;
    justify-content: center;
    margin-left: 10vw;
}

/*
.submitPanel .x-form-item-label:hover{
    font-weight:bold;
}
*/
#nodesInfo {
    padding-top: 5px;
    text-align: left;
    line-height: 33px;
}
.userInfo {
    color:white;
    padding-left:5px;
    font-size:15px !important;
    /*cursor:pointer;*/
}

/* .userInfo:hover {
    color:#f3f3f3;
} */
.userInfo-container {
    display: flex;
    align-items: center;
}
.userInfo-container_separator {
    width:1px;
    height:19px;
    margin:0 24px;
    background-color:#fff;
    opacity:0.8;
}
.userInfo-container p {
    font: normal 14px/16px Roboto;
    color:#fff;
    padding-top: 3px;
    margin-left:10px;
}
.userInfo-container span {
    width: 26px;
    height: 18px;
}
.userInfo-container .none {
    background: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2335 3.5636e-05C21.5752 -0.00251338 21.9039 0.131776 22.1476 0.373449C22.3913 0.615122 22.5301 0.944447 22.5334 1.28919V4.3719H25C25.5523 4.3719 26 4.81962 26 5.37191V12.5528C26 13.1051 25.5523 13.5528 25 13.5528H22.5334V16.6355C22.5301 16.9803 22.3913 17.3096 22.1476 17.5513C21.9039 17.793 21.5752 17.9272 21.2335 17.9247H1.29996C0.95826 17.9272 0.629505 17.793 0.385806 17.5513C0.142107 17.3096 0.00336116 16.9803 0 16.6355V1.28919C0.00336116 0.944447 0.142107 0.615122 0.385806 0.373449C0.629505 0.131776 0.95826 -0.00251338 1.29996 3.5636e-05H21.2335Z' fill='%23F7F7F7'/%3E%3Cpath d='M10.7753 8.76593L10.8446 8.46059H10.5315H8.88345L11.1043 4.23329H13.4081L10.9636 7.63929L10.6796 8.03506H11.1667H13.3479L10.1865 11.3597L10.7753 8.76593ZM9.4978 12.135L9.29669 13.0211L9.92277 12.3626L14.1118 7.95733L14.5133 7.53506H13.9306H11.6539L14.0983 4.12906L14.3824 3.73329H13.8952H10.9532H10.8022L10.7319 3.86702L8.24839 8.59432L8.05597 8.96059H8.46971H10.2184L9.4978 12.135ZM12.8067 6.65596L12.5225 7.05177H13.0097H15.5729L8.57524 14.4119L9.63305 9.74774L9.70229 9.44244H9.38924H7.33713L10.5897 3.25H15.2521L12.8067 6.65596ZM15.7873 6.82619L15.7863 6.82732L15.7873 6.82619Z' fill='%23FF0011' stroke='%23FF0011' stroke-width='0.5'/%3E%3C/svg%3E%0A") center no-repeat;
}
.userInfo-container .low {
    background: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2335 3.6007e-05C21.9453 -0.00527392 22.5265 0.577396 22.5334 1.28919V4.3719H25C25.5523 4.3719 26 4.81961 26 5.3719V12.5528C26 13.1051 25.5523 13.5528 25 13.5528H22.5334V16.6355C22.5334 17.3481 21.946 17.93 21.2335 17.9247H1.29996C0.95826 17.9272 0.629505 17.793 0.385806 17.5513C0.142107 17.3096 0.00336116 16.9803 0 16.6355V1.28919C0.00336116 0.944447 0.142107 0.615122 0.385806 0.373449C0.629505 0.131777 0.95826 -0.00251301 1.29996 3.6007e-05H21.2335Z' fill='%23F7F7F7'/%3E%3Cpath d='M3 3.00049H13V15.0005H3V3.00049Z' fill='%23ECBD16'/%3E%3C/svg%3E%0A") center no-repeat;
}
.userInfo-container .normal {
    background: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2335 3.5636e-05C21.5752 -0.00251338 21.9039 0.131776 22.1476 0.373449C22.3913 0.615122 22.5301 0.944447 22.5334 1.28919V4.3719H25C25.5523 4.3719 26 4.81962 26 5.37191V12.5528C26 13.1051 25.5523 13.5528 25 13.5528H22.5334V16.6355C22.5301 16.9803 22.3913 17.3096 22.1476 17.5513C21.9039 17.793 21.5752 17.9272 21.2335 17.9247H1.29996C0.95826 17.9272 0.629505 17.793 0.385806 17.5513C0.142107 17.3096 0.00336116 16.9803 0 16.6355V1.28919C0.00336116 0.944447 0.142107 0.615122 0.385806 0.373449C0.629505 0.131776 0.95826 -0.00251338 1.29996 3.5636e-05H21.2335Z' fill='%23F7F7F7'/%3E%3Cpath d='M19.3607 3.01025H3.03516V14.996H19.3607V11.0005H23V7.00049H19.3607V3.01025Z' fill='%2316BC08'/%3E%3C/svg%3E%0A") center no-repeat;
}

.userInfo-svg {
    display: inline-block;
    width: 18px;
    height: 19px;
}
.timeLeftInfo-svg {
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM8.31889 10.9591C8.16769 10.8775 8.03911 10.7581 7.94841 10.6107C7.85758 10.4629 7.80865 10.2933 7.80859 10.119V3.93216C7.80859 3.66925 7.91942 3.4221 8.10846 3.24361C8.29672 3.06587 8.54739 2.96973 8.80428 2.96973C9.06118 2.96973 9.31185 3.06587 9.50011 3.24361C9.68915 3.4221 9.79997 3.66925 9.79997 3.93216V9.55397L13.4676 11.5327C13.6888 11.6587 13.8555 11.8655 13.924 12.1142C13.9927 12.3636 13.9547 12.6278 13.8213 12.8481C13.6885 13.0676 13.4742 13.2231 13.2295 13.289C12.9851 13.3549 12.7228 13.3284 12.4968 13.2131L12.4887 13.2089L8.31889 10.9591Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
.balanceInfo-svg {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='10' r='8' fill='white'/%3E%3Cpath d='M9.84336 8.85742C9.39336 8.74492 8.94336 8.51992 8.60586 8.18242C8.26836 8.06992 8.15586 7.73242 8.15586 7.50742C8.15586 7.28242 8.26836 6.94492 8.49336 6.83242C8.83086 6.60742 9.16836 6.38242 9.50586 6.49492C10.1809 6.49492 10.7434 6.83242 11.0809 7.28242L12.0934 5.93242C11.7559 5.59492 11.4184 5.36992 11.0809 5.14492C10.7434 4.91992 10.2934 4.80742 9.84336 4.80742V3.23242H8.49336V4.80742C7.93086 4.91992 7.36836 5.25742 6.91836 5.70742C6.46836 6.26992 6.13086 6.94492 6.24336 7.61992C6.24336 8.29492 6.46836 8.96992 6.91836 9.41992C7.48086 9.98242 8.26836 10.3199 8.94336 10.6574C9.28086 10.7699 9.73086 10.9949 10.0684 11.2199C10.2934 11.4449 10.4059 11.7824 10.4059 12.1199C10.4059 12.4574 10.2934 12.7949 10.0684 13.1324C9.73086 13.4699 9.28086 13.5824 8.94336 13.5824C8.49336 13.5824 7.93086 13.4699 7.59336 13.1324C7.25586 12.9074 6.91836 12.5699 6.69336 12.2324L5.56836 13.4699C5.90586 13.9199 6.24336 14.2574 6.69336 14.5949C7.25586 14.9324 7.93086 15.2699 8.60586 15.2699V16.7324H9.84336V15.0449C10.5184 14.9324 11.0809 14.5949 11.5309 14.1449C12.0934 13.5824 12.4309 12.6824 12.4309 11.8949C12.4309 11.2199 12.2059 10.4324 11.6434 9.98242C11.0809 9.41992 10.5184 9.08242 9.84336 8.85742Z' fill='%23AF363D'/%3E%3Ccircle cx='9' cy='9.98242' r='8.25' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A") center no-repeat;
}
#txtBalance, #timeLeftInfo-txt {
    margin-left: 10px;
    font-size: 14px !important;
    line-height: 16px;
    font-weight: 400;
    font-family: Roboto;
    vertical-align: bottom;
}

#pathInfo * {
    font:bold 14px open sans !important;
    color: grey;
}

#pathInfo label {
    font:bold 22px open sans !important;
}

.mainSidebar{
    background:#f3f3f3;
    overflow:auto;
}

.sidebarMenuItem {
    box-sizing: border-box;
    width: 100px;
    height: 50px;
    padding:0px;

    font-family:open sans !important;
    font-size:16px !important;
    line-height: 50px;
    text-align: center;
    color:#fff;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: 10px center;

    transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
}

/* .sidebarMenuItem.active{
    background-color:#fff;
    border-bottom: 10px solid #fff;
}

/* .sidebarMenuItem.active:hover{
    background-color:#fff;
    border-bottom: 10px solid #fff;
} */

.sidebarMenuItem:hover{
    /* border-bottom: 10px solid #ccc; */
    cursor: hand;
    cursor: pointer;
}
/*
#dir.sidebarMenuItem{
    background-image: url("../images/renders_56x56.png");
}

#progress.sidebarMenuItem{
    background-image: url("../images/renders_56x56.png");
}

#plugins.sidebarMenuItem{
    background-image: url("../images/support_56x56.png");
}

#pay.sidebarMenuItem{
    background-image: url("../images/billing_56x56.png");
}

#downloads.sidebarMenuItem{
    background-image: url("../images/dl_b.png");
    background-position: 2px center;
}

#vm.sidebarMenuItem{
    background-image: url("../images/pc.png");
}
*/
.downloadsSection {
    background-color: #f3f3f3;
    color: grey;
    float: left;
    font-family: open sans;
    margin: 20px;
    padding-bottom: 20px;
}

.downloadsSection a {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 40px auto;
    color: gray;
    display: inline-block;
    line-height: 50px;
    margin: 0 30px;
    padding-left: 50px;
}

.downloadsSection2 {
    color: grey;
    font-family: open sans;
    margin: 20px 0 5px 20px;
}

.downloadsSection2 a {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 50px auto;
    color: gray;
    display: inline-block;
    line-height: 50px;
    padding: 10px 0 10px 60px;
}

.downloadsSection3 a {
    color: #8E2D2E;
    text-decoration: none;
    font-weight: bold;
}

.mainContent-body .x-panel-body{
    background: #ececec;
}

.mainContent .x-panel-header {
    background: none;
    background-color: white;
    border-bottom-color: white !important;
    color: grey;
    font-size:16px !important;
    font-weight:normal !important;
    min-height:16px !important;
    padding:10px;
}
/*
#filesGrid .x-panel-header {
  background: none;
  background-color: white;
  border-bottom-color: #ddd !important;
  color: grey;
}
*/

.mainToolbar{
    background: none;
    background-color: white;
    border-bottom-color: white !important;
    border-top-color: white !important;
    color: grey;
}

.font16px * {
    font: 16px open sans!important;
}

.p-view-switch {
    width:24px;
    vertical-align:top;
}

.p-view-filter-ct {
    bottom: 2px;
    padding-left: 164px !important;
}

.pos-abs {
    position: absolute;
}

.upArrow{
    background-position: center center;
    background: url('../images/up.png');
}

.progressBar {
    position:relative;
    width:500px;
    height:15px;
    background-color:#ddd;
}

.progressBar > div{
    height:15px;
    background-color:#68A9D8;
}

.progressBar > span{
    position:relative;
    display:block;
    width:500px;
    text-align:center;
    top:-14px;
}

.btnUp td{
    background-image: none !important;
}

.btn32 button{
    width: 32px !important;
    height: 32px !important;
}

.mainTitle{
    color: #FFFFFF;
    font-family: Open Sans;
    font-size: 32px;
    font-weight: bold;
    line-height:80px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 500px;
    z-index: 1;
    margin:auto;
}

.mainTitle a {
    color:white;
}

.mainTitle a:hover {
    color:#eee;
}

#logoContainer {
    position: absolute;
    top: 12px;
    left: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logoContainer-svg {
    display: block;
    width: 34px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3115 7.8203C25.3975 7.49803 25.4405 7.15428 25.4405 6.78905C25.4405 4.89843 24.0211 3.35156 22.2792 3.35156C20.6448 3.35156 19.3115 4.70507 19.1394 6.42382C18.9244 6.29491 18.6663 6.23046 18.3867 6.23046C17.9996 6.23046 17.6555 6.38085 17.376 6.61718C17.634 7.00389 17.8706 7.43358 18.0426 7.90623C19.3545 7.9492 20.4943 8.74412 21.0749 9.96873C22.6018 10.2265 23.8706 11.3652 24.4082 12.8906H25.29C26.5373 12.8906 27.548 11.7519 27.548 10.3554C27.5695 8.95896 26.5588 7.8203 25.3115 7.8203Z' fill='white'/%3E%3Cpath d='M8.64476 13.2568H13.763V17.7255H18.8598V13.2783H23.0964C22.6663 12.1396 21.6555 11.3447 20.4727 11.3447H20.0641C19.8921 10.206 19.0319 9.34667 17.9566 9.34667C17.6125 9.34667 17.2899 9.4326 17.0104 9.60448C16.7953 7.43456 15.1179 5.7373 13.0534 5.7373C10.8598 5.7373 9.07487 7.67089 9.07487 10.0771C9.07487 10.5283 9.13939 10.9795 9.26842 11.3877C7.69853 11.3877 6.4082 12.8271 6.4082 14.5888C6.4082 16.1142 7.35444 17.3818 8.62326 17.7041V13.2568H8.64476Z' fill='white'/%3E%3Cpath d='M22.7949 18.5625V18.1543H23.6336V17.3164H24.0207V18.5625H22.7949Z' fill='white'/%3E%3Cpath d='M18.7524 3.9746V2.72852H19.9782V3.13672H19.1395V3.9746H18.7524Z' fill='white'/%3E%3Cpath d='M0.60215 0C0.27957 0 0 0.279296 0 0.60156V20.8613C0 21.205 0.27957 21.4628 0.60215 21.4628H33.3979C33.7419 21.4628 34 21.1835 34 20.8613V0.60156C34 0.257812 33.7204 0 33.3979 0H0.60215ZM32.8602 19.6796C32.8602 20.0234 32.5806 20.2812 32.2581 20.2812H1.74194C1.39785 20.2812 1.13978 20.0019 1.13978 19.6796V1.80468C1.13978 1.46093 1.41935 1.20312 1.74194 1.20312H32.2581C32.6021 1.20312 32.8602 1.48242 32.8602 1.80468V19.6796Z' fill='white'/%3E%3Cpath d='M34 22.5166H0V24.7939C2.43011 25.0303 9.13978 25.6318 16.9892 25.6318C24.8602 25.6318 31.5914 25.0303 34 24.7939V22.5166ZM1.72043 24.0205H0.817204V23.1182H1.72043V24.0205ZM3.03226 24.0205H2.12903V23.1182H3.03226V24.0205ZM4.36559 24.0205H3.46237V23.1182H4.36559V24.0205ZM20.4516 24.1709H13.5699V22.9678H20.4516V24.1709ZM32.4086 23.956C32.172 23.956 31.9785 23.7627 31.9785 23.5264C31.9785 23.29 32.172 23.0967 32.4086 23.0967C32.6452 23.0967 32.8387 23.29 32.8387 23.5264C32.8387 23.7627 32.6452 23.956 32.4086 23.956Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
#txtUserName {
    margin-left: 22px;
}
.mainHeader .x-toolbar-cell {
    vertical-align: middle;
}

.mainHeaderBox {
    height: 80px;
    width: 80px;
    overflow:hidden;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
}

.mainHeaderBox:hover {
    background-color:white;
}

.mainHeaderLink {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    /*
    border: 12px solid #8E2D2E;
    overflow:hidden;
    transition: border-color 1s,background-position 0s;
    -webkit-transition: border-color 1s,background-position 0s;
    -moz-transition: border-color 1s,background-position 0s;
    -o-transition: border-color 1s,background-position 0s;
    -moz-transition-delay:0s,0.2s;
    */
}
/*
.mainHeaderLink:hover {
    background-position:-56px 0;
    border: 12px solid white;
}*/

.mainHeaderLink > a{
    color:white;
    text-decoration:none;
    font-size:16px;
}

#mainLogoutLink{
    background-image: url("../images/logout64.png?v=1");
    background-size: 112px 56px;
}

#mainHelpLink{
    background-image: url("../images/help64.png?v=1");
    background-size: 112px 56px;
}

#mainContactLink{
    background-position: 0px -32px;
    background-size:64px 160px;
}

/* #mainCalcLink{
    background-image: url("../images/calculator64.png?v=1");
    background-size: 112px 56px;
} */

/* #mainUserLink{
    background-image: url("../images/account64.png?v=2");
    background-size: 112px 56px;
} */
/*
#mainUserLink.active{
    background-position:-56px 0;
    border: 12px solid white;
    background-color:white;
}
*/
#mainChatLink {
    margin: 2px 28px 0 0;
}

#mainSettingsLink {
    margin-right: 24px;
}
.mainChatLink-svg {
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8 0H2.2C0.99 0 0.011 0.99 0.011 2.2L0 22L4.4 17.6H19.8C21.01 17.6 22 16.61 22 15.4V2.2C22 0.99 21.01 0 19.8 0ZM4.4 7.7H17.6V9.9H4.4V7.7ZM13.2 13.2H4.4V11H13.2V13.2ZM17.6 6.6H4.4V4.4H17.6V6.6Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
.mainNewsLink-svg {
    width: 18px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2396 7.7C15.13 6.39273 14.5937 5.15931 13.7149 4.19361C12.8361 3.2279 11.6646 2.58467 10.3847 2.365C10.45 1.606 10.3738 0 8.70833 0C7.04286 0 6.96667 1.606 7.03198 2.365C5.75202 2.58467 4.58058 3.2279 3.70179 4.19361C2.82299 5.15931 2.28665 6.39273 2.17708 7.7V14.3L0 16.5V17.6H17.4167V16.5L15.2396 14.3V7.7ZM8.70833 22C9.57443 22 10.4051 21.6523 11.0175 21.0335C11.6299 20.4146 11.974 19.5752 11.974 18.7H5.44271C5.44271 19.5752 5.78676 20.4146 6.39919 21.0335C7.01161 21.6523 7.84224 22 8.70833 22Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
.mainSettingsLink-svg {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6624 1C10.549 1.00006 10.4393 1.04038 10.3529 1.11378C10.2666 1.18717 10.209 1.28887 10.1906 1.40073L9.72546 4.24881C9.1661 4.41153 8.63271 4.63109 8.13001 4.90455L5.77981 3.22597C5.68779 3.16026 5.57548 3.12928 5.46279 3.13851C5.3501 3.14775 5.24433 3.1966 5.16423 3.27641L3.3035 5.13528C3.22398 5.21485 3.17506 5.3199 3.16532 5.43197C3.15558 5.54404 3.18566 5.65595 3.25026 5.74805L4.90362 8.1132C4.62594 8.61883 4.40152 9.15522 4.2348 9.71985L1.39886 10.1916C1.28734 10.2104 1.18609 10.2681 1.11307 10.3544C1.04005 10.4408 0.999987 10.5502 1 10.6633V13.2937C0.999797 13.4061 1.03919 13.515 1.11128 13.6013C1.18336 13.6876 1.28353 13.7457 1.39419 13.7655L4.232 14.268C4.39781 14.8317 4.6208 15.3684 4.89895 15.8747L3.22504 18.2165C3.15933 18.3085 3.12834 18.4208 3.13758 18.5335C3.14681 18.6462 3.19567 18.7519 3.27548 18.832L5.13528 20.6928C5.21468 20.7722 5.31949 20.8211 5.43135 20.831C5.54321 20.8409 5.655 20.8112 5.74712 20.7469L8.11694 19.088C8.62111 19.3631 9.15581 19.5842 9.71706 19.7484L10.1906 22.6002C10.2092 22.7119 10.2668 22.8134 10.3532 22.8866C10.4396 22.9598 10.5491 23 10.6624 23H13.2928C13.4054 23.0002 13.5144 22.9606 13.6006 22.8884C13.6869 22.8161 13.745 22.7157 13.7645 22.6049L14.2717 19.7418C14.8307 19.5752 15.3629 19.3507 15.8644 19.074L18.2501 20.7479C18.3422 20.8125 18.4541 20.8426 18.5662 20.8328C18.6782 20.8231 18.7833 20.7742 18.8629 20.6946L20.7227 18.833C20.8028 18.7526 20.8518 18.6464 20.8609 18.5333C20.8699 18.4202 20.8385 18.3076 20.7722 18.2155L19.0712 15.8541C19.3431 15.355 19.5623 14.826 19.725 14.2708L22.603 13.7664C22.7138 13.7468 22.8142 13.6888 22.8865 13.6025C22.9588 13.5162 22.9983 13.4072 22.9981 13.2947V10.6642C22.9981 10.5509 22.9578 10.4412 22.8844 10.3548C22.811 10.2684 22.7093 10.2109 22.5974 10.1925L19.7241 9.72266C19.5602 9.16813 19.3405 8.64009 19.0684 8.14122L20.746 5.75085C20.8106 5.65876 20.8407 5.54684 20.831 5.43477C20.8212 5.3227 20.7723 5.21765 20.6928 5.13808L18.832 3.27828C18.7517 3.19813 18.6455 3.14915 18.5324 3.14008C18.4193 3.13101 18.3067 3.16244 18.2146 3.22877L15.8597 4.9223C15.358 4.64665 14.8255 4.42339 14.2652 4.25815L13.7645 1.39606C13.7451 1.28505 13.6872 1.18445 13.6009 1.11199C13.5146 1.03954 13.4055 0.999874 13.2928 1H10.6624ZM11.0696 1.95652H12.8911L13.3675 4.6757C13.3834 4.7669 13.4254 4.85154 13.4884 4.91935C13.5514 4.98717 13.6327 5.03524 13.7225 5.05774C14.422 5.23205 15.0789 5.50835 15.6785 5.87135C15.7587 5.91992 15.8513 5.94387 15.945 5.94022C16.0387 5.93656 16.1292 5.90547 16.2053 5.8508L18.4435 4.24227L19.7316 5.5304L18.138 7.80121C18.0848 7.87696 18.0547 7.96653 18.0514 8.05905C18.048 8.15157 18.0717 8.24307 18.1193 8.32244C18.4787 8.9207 18.7513 9.57349 18.9254 10.2691C18.9481 10.3597 18.9968 10.4417 19.0655 10.5049C19.1343 10.5682 19.22 10.6099 19.3122 10.625L22.0416 11.0715V12.893L19.3066 13.3731C19.2153 13.3893 19.1307 13.4316 19.063 13.495C18.9954 13.5583 18.9476 13.64 18.9254 13.73C18.7533 14.4247 18.4806 15.0775 18.1212 15.6757C18.0729 15.7559 18.0493 15.8484 18.0531 15.9419C18.0569 16.0353 18.0881 16.1256 18.1427 16.2016L19.7587 18.4444L18.4705 19.7334L16.2035 18.1427C16.1273 18.0893 16.0373 18.0594 15.9444 18.0564C15.8515 18.0534 15.7598 18.0775 15.6804 18.1259C15.0837 18.4888 14.4261 18.7665 13.729 18.9432C13.6397 18.9657 13.5587 19.0136 13.4959 19.081C13.4331 19.1485 13.3911 19.2326 13.375 19.3234L12.8921 22.0435H11.0678L10.6175 19.3355C10.6022 19.2434 10.5603 19.1578 10.4968 19.0892C10.4334 19.0207 10.3513 18.9722 10.2607 18.9497C9.56082 18.7772 8.90094 18.5013 8.29722 18.1389C8.21795 18.0915 8.12664 18.068 8.03431 18.0713C7.94197 18.0746 7.85258 18.1046 7.77692 18.1576L5.5276 19.7334L4.23854 18.4425L5.82838 16.2203C5.88272 16.1441 5.91353 16.0537 5.91702 15.9603C5.92051 15.8668 5.89651 15.7744 5.848 15.6944C5.48164 15.089 5.20457 14.4292 5.02972 13.7262C5.00735 13.6367 4.95956 13.5555 4.8921 13.4926C4.82464 13.4296 4.7404 13.3874 4.64954 13.3713L1.95652 12.893V11.0687L4.64768 10.6213C4.73967 10.606 4.8252 10.5642 4.89374 10.501C4.96229 10.4377 5.01085 10.3558 5.03346 10.2654C5.20981 9.55998 5.48674 8.90026 5.85173 8.29628C5.89986 8.21699 5.9239 8.12541 5.92092 8.0327C5.91793 7.93999 5.88805 7.85015 5.83492 7.77412L4.26376 5.52853L5.55376 4.23947L7.78346 5.83305C7.85932 5.88714 7.94932 5.9179 8.04241 5.92155C8.1355 5.9252 8.22763 5.90158 8.30749 5.8536C8.90803 5.49292 9.56944 5.21926 10.27 5.04747C10.3611 5.02505 10.4436 4.97635 10.5072 4.90742C10.5708 4.8385 10.6127 4.75239 10.6278 4.65982L11.0696 1.95652ZM11.9991 8.17391C9.89165 8.17391 8.17298 9.89258 8.17298 12C8.17298 14.1074 9.89165 15.8261 11.9991 15.8261C14.1065 15.8261 15.8252 14.1074 15.8252 12C15.8252 9.89258 14.1065 8.17391 11.9991 8.17391ZM11.9991 9.13044C13.5896 9.13044 14.8686 10.4095 14.8686 12C14.8686 13.5905 13.5896 14.8696 11.9991 14.8696C10.4086 14.8696 9.1295 13.5905 9.1295 12C9.1295 10.4095 10.4086 9.13044 11.9991 9.13044Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A") center no-repeat;
}
/* #mainSettingsLink:hover {
    background-image: url("../images/menu_md_96_b.png?v=1");
} */

#mainChatLink.active {
    background-color: white;
    background-position:-56px 0;
    border: 12px solid white;
}

#mainForumLink {
    background-image: url("../images/forum64.png");
    background-position: -5px -5px;
}

#mainForumLink:hover {
    background-position: -69px -5px !important;
}

#mainNewsLink {
    margin-right: 28px;
}

#mainNewsLinkFX {
    display: none;
    width:50px;
    height:auto;
    animation: iconsFX 2s linear infinite;
    left: 0;
    position: absolute;
}

#news {
    padding: 17px 50px 40px;
    border: none;
    border-radius: 8px;
}
#news .basicHeader {
    background-color: #fff;
    border: none;
}
#newsDiv {
    padding: 40px 50px 30px;
    max-height: 380px;
    overflow: auto;
    color: var(--secondary-color);
}
#newsDiv a {
    font: 400 normal 14px/16px Roboto;
    color: var(--primary-color);
}
#newsDiv .news-section {
    font: 400 normal 13px/19px Open-sans, sans-serif;
    margin-top: 2.6em;
}
#newsDiv .news-section_title {
    display: flex;
    justify-content: space-between;
}
#newsDiv .news-section_hr {
    height: 1px;
    margin-top: 2.6em;
    background-color: #d9dadb;
}
#newsDiv h3 {
    font: 400 normal 14px/16px Roboto;
    color: var(--main-color);
    padding-bottom: 1em;
}
#newsDiv span {
    color: var(--secondary-color);
}
.newsDiv-hr {
    height: 1px;
    background-color:var(--checked-color);
    /* position:relative; */
    /* top:-12px; */
}
#news .basicWindow-header-text {
    font: 500 normal 20px/23px Roboto;
    color: var(--main-color)
}
#news .basicWindow-body {
    padding: 15px 0 10px !important;
    width: inherit !important;
}
#news .x-btn-text {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 13px;
    background: var(--icon-btn-close) center no-repeat;
}
.mainLangBox {
    display:inline-block;
    overflow:hidden;
    height:80px;
    background-color:#8E2D2E;

    transition: background-color 1s,height 0.5s;

    -webkit-transition: background-color 1s,height 0.5s;
    -moz-transition: background-color 1s,height 0.5s;
    -o-transition: background-color 1s,height 0.5s;

    transition-delay:0s,0.5s;

    -moz-transition-delay:0s,0.5s;
    -webkit-transition-delay:0s,0.5s;
    -o-transition-delay:0s,0.5s;

}

.mainLangBox:hover {
    height:160px;
    background-color:white;
}

.pluginsBox {
    padding:10px;
}

.pluginsLink {
    background: url("../images/download.png") no-repeat scroll 0 0 / 38px 38px rgba(0, 0, 0, 0);
    color: #555555;
    display: inline-block;
    font-family: arial;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    text-decoration: none;
    text-indent: 44px;
    vertical-align: middle;
}

.pluginsDesc {
    font-family:open sans;
    color: #939393;
    font-size: 16px;
}

.pluginsDesc *{
    font-family:open sans;
    color: #939393;
}

.pluginsDesc h1 {
    font-size: 30px;
    margin-bottom: 15px;
}

.pluginsDesc h2 {
    font-size:22px;
    margin-bottom: 15px;
}

.pluginsDesc h3 {
    font-weight:normal;
    margin-bottom: 15px;
}

.pluginsDesc div.divider {
    border-bottom: solid 1px #939393;
    margin: 15px 15px 5px 0;
}

.pluginsDesc td.dl-cell div {
    background-color: #8E2D2E;
    color: white;
    font-size: 24px;
    font-weight: bold;
    height: 81px;
    line-height: 81px;
    margin-bottom: 12px;
    text-align: center;
    width: 162px;
    cursor:pointer;
}

.pluginsDesc td.dl-cell div:hover {
    background-color: #88c1e4;
}

.pluginsDesc td.dl-cell a {
    text-decoration: none;
    color:white;
}

.pluginsDesc td.dl-cell div.dl-arrow {
    background-image:url('../images/dl.png');
    background-position:center;
    background-repeat: no-repeat;
    cursor:auto;
}

.pluginsDesc td.dl-cell div.dl-arrow:hover {
    background-color: #8E2D2E;
}

@keyframes supportDLIcons {
    0% {background-color: #8E2D2E;}
    50% {background-color: white;}
    100% {background-color: #8E2D2E;}
}

@keyframes iconsFX {
    0% {opacity: 0}
    50% {opacity: 1}
    100% {opacity: 0}
}

.pluginsDesc img.dl-icon-fx {
    width:50px;
    position:relative;
    top:15px;
    left:15px;
    opacity:0;
    animation: iconsFX 2s linear infinite;
    cursor: pointer;
}

.pluginsDesc a.dl-icon {
    width:80px;
    height:80px;
    text-decoration:none;
    color:white;
    cursor:pointer;
    display:inline-block;
    background-repeat: no-repeat;
    background-color: #8E2D2E;
    position: absolute;
    transition: background-color 1s ease 0s;
}

.pluginsDesc a.dl-icon:hover {
    background-color: white;
    animation: none;
}

.pluginsDesc a.win-logo {
    background-image:url('../images/windows.png');
    background-size: 50px auto;
    background-position: center center;
}

.pluginsDesc a.win-logo:hover {
    background-image:url('../images/windows_b.png');
}

.pluginsDesc a.apple-logo {
    background-image:url('../images/apple.png');
    background-position: center 15px;
    background-size: 45px auto;
    margin-left: 80px;
}

.pluginsDesc a.apple-logo:hover {
    background-image:url('../images/apple_b.png');
}

.pluginsDesc a.linux-logo {
    background-image:url('../images/linux.png');
    background-position: center 15px;
    background-size: 50px auto;
    margin-left: 160px;
}

.pluginsDesc a.linux-logo:hover {
    background-image:url('../images/linux_b.png');
}

.win-logo-b {
    background-image: url("../images/windows_b.png");

}

.apple-logo-b {
    background-image: url("../images/apple_b.png");
}

.linux-logo-b {
    background-image: url("../images/linux_b.png");
}

.pluginsDesc-header *{
    color: white;
    font-family: open sans;
    font-size: 30px;
    font-weight: bold;
}

.pluginsDesc-header .x-tool-toggle {
    background-image: url("../images/up-white.png");
    background-position: 0 0;
    width:32px;
    height:32px;
    margin:20px;
}

.pluginsDesc.x-panel-collapsed .pluginsDesc-header .x-tool-toggle {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.pluginsDesc-header.x-panel-header-noborder {
    border-width: 0 !important;
}

.pluginsMenu {
    position:fixed;
    top:190px;
    right:20px;
}

.pluginsMenu div{
    background-color:#8E2D2E;
    color:white;
    width:170px;
    height:40px;
    margin-bottom:10px;
    text-align:center;
    font: bold 18px/40px open sans;
    cursor:pointer;
}

.pluginsMenu div:hover{
    background-color:#88c1e4;
}

#ttt {
    font-family:arial;
    color: #555555;
    font-size: 16px;
    cursor:pointer;
    position:fixed;
    bottom:20px;
    left:5px;
}

.floating-sidebar {
    position:fixed;
    top:0;
    right: 0px;
    width:240px;
}

.floating-sidebar * {
    font-family: Open Sans !important;
}

.floating-sidebar > div {
    background-color: #8E2D2E;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 40px auto;
    color: #fff;
    cursor: pointer;
    font: bold 20px/60px Open Sans;
    height: 80px;
    width: 80px;
    margin-bottom: 0px;
    overflow: hidden;
    position: fixed;
    transition: right 0.3s ease 0s, width 0.3s ease 0s, height 0.3s ease 0.3s;
    -o-transition: right 0.3s, width 0.3s, height 0.3s 0.3s;
    -moz-transition: right 0.3s, width 0.3s, height 0.3s 0.3s;
    -webkit-transition: right 0.3s, width 0.3s, height 0.3s 0.3s;
    /*float: left;*/
}

.floating-sidebar > div:hover {
    background-color:#88bbee;
}

/* .floating-sidebar > div.no-slide:hover {
    right:20px;
} */

.fs-chat {
    right: 160px;
    cursor:default!important;
}

.fs-chat:hover {
    height:248px;
    width: 332px;
    /*right:240px!important;*/
}

.fs-home {
    background-image: url('../images/homepage.png');
    background-position: 14px 14px !important;
    background-size: 50px 46px !important;
    right: 80px;
}

.fs-lang {
    /*background-image: url("../images/lang.png");*/
    /*margin-top: 35px;*/
    right: 0;
}

.fs-lang *{
    cursor:pointer;
}

.fs-lang:hover {
    height:190px;
    /*right: 100px;*/
    width: 200px !important;
}

.fs-lang ul{
    margin: 12px 0 0 20px;
    width: 180px !important;
}

.fs-lang li{
    font:normal 18px/50px Open Sans;
    margin-top:4px;
}

.fs-lang li:hover{
    font:bold 18px/50px Open Sans;
    margin-top:2px;
}

.fs-lang input{
    margin-left:12px;
}

.fs-lang img {
    /*margin-top: 18px;*/
    vertical-align: middle;
    width: 45px;
    margin-right: 5px;
}

.fs-lang span{
    margin-left: 5px;
}

.fs-help {
    background-image: url("../images/help.png");
}

.fs-fb {
    background-image:url('../images/fbf.png');
    background-position: 12px 0 !important;
    background-size: 60px 60px !important;
}

.fs-yt {
    background-image:url('../images/yt.png');
    background-position: 12px 0 !important;
    background-size: 60px 60px !important;
}

.fs-forum {
    background-image:url('../images/forum64.png');
    background-position: 12px 0 !important;
    background-size: 130px 70px !important;
}

.fs-survey {
    background-image:url('../images/survey.png');
}

.fs-title {
    position:absolute;
    bottom:-15px;
    left:15px;
    font-size:14px;
    font-weight:normal;
}

.x-tipinvalid {
    color: #FFFFFF;
    position: absolute;
    z-index: 21000;
    opacity: 0.92;
    visibility: hidden;
    width:500px;
}

.x-tipinvalid > * {
    display: table-cell;
    cursor: auto;
}

.x-tipinvalid-text {
    font-size:10px !important;
}

.x-tipinvalid-arrow-lr-container {
    vertical-align: top;
}

.x-tipinvalid-arrow-tb-container {
    display:block;
    padding:0 10px 0 10px;
}

.x-tipinvalid-arrow-left {
    width:0;
    height:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:15px solid #808080;
    display:none;
}

.x-tipinvalid-arrow-right {
    width:0;
    height:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:15px solid #808080;
}

.x-tipinvalid-arrow-up {
    border-bottom: 15px solid #808080;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 0;
}

.x-tipinvalid-body {
    padding: 3px 5px;
    background-color: #808080;
    font-family: arial;
    font-size: 14px;

}

.x-tipinvalid-close-container {
    background-color: #808080;
    padding: 0 5px;
}

.x-tipinvalid-close{
    background-image:url(../images/close.gif);
    background-repeat: no-repeat;
    height:15px;
    width:15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    position: relative;
    top: 2px;
}

.login-bbar{
    display:table-row !important;
    color:white;
    height:80px;
    font-family:Open sans;
    font-weight:normal;
    font-size:50px;
    text-align:center;
    width:100%;
}

.login-bbar > div {
    display:table-cell;
    width:50%;
    border: solid 2px;
    cursor: pointer;
}

.login-bbar > div.active {
    background-color:white;
    color:#8E2D2E;
    border-color:white;
    cursor: pointer;
}

.login-content {
    display:table;
    width:100%;
    height:100%;
}

.login-content > div {
    display:table-cell;
    width:50%;
    vertical-align: middle;
}

.custom-label {
    font: 18px Open Sans;
    color: white;
}

.custom-form {
    z-index: 9000!important;
}

.custom-form .x-form-field{
    font-size: 18px;
    font-family: Open Sans;
    height: 50px;
    padding: 12px;
    border:none;
    background-image:none;
}

.custom-form .x-form-empty-field{
    color:#bbb;
}

.custom-form .x-form-field.x-form-invalid {
    border:solid 2px red!important;
}

.custom-form .x-form-trigger {
    background-image: url("../images/down.png");
    background-color: none;
    border: none;
    position:absolute;
    right:5px;
    top:15px;
}

.custom-form .x-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
}

.custom-form .x-form-trigger-over {
    background-position: 0 0;
}

#regFormCustom .x-form-field.x-form-focus {
    border:solid 2px #000 !important;
}

.custom-form2 {
    z-index: 9000!important;
}

.custom-form2 .x-form-field{
    font-size: 16px;
    font-family: Open Sans;
    font-weight:bold;
    height: 30px;
    border:none;
    background-image:none;
    background-color:#f3f3f3;
    color:#666666;
    padding-left:8px;
}

.custom-form2 .x-form-field:hover{
    background-color:#f3f3f3;
}

.custom-form2 .x-form-empty-field{
    color:#bbb;
}

.custom-form2 .x-form-field.x-form-invalid {
    border:solid 2px red!important;
}

.custom-form2 .x-form-trigger {
    background-image: url("../images/down.png");
    background-color: none;
    border: none;
    position:absolute;
    right:5px;
    top:8px;
}

.custom-form2 .x-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
}

.custom-form2 .x-form-trigger-over {
    background-position: 0 0;
}

.custom-form2 label {
    font-family:open sans;
    font-size:16px;
}

.custom-form3 {
    z-index: 9000!important;
}

.custom-form3 .x-form-item{
    margin-bottom:20px;
}

.custom-form3 .x-form-field{
    font:normal 16px Open Sans;
    height: 50px;
    padding: 12px;
    border:none;
    background-image:none;
    background-color:#f3f3f3;
    color:grey;

}

.custom-form3 .x-form-empty-field{
    color:white;
    font-weight:bold;
}

.custom-form3 .x-form-field.x-form-invalid {
    border:solid 2px red!important;
}

.custom-form3 .x-form-trigger {
    background-image: url("../images/down.png");
    background-color: none;
    border: none;
    position:absolute;
    right:5px;
    top:15px;
}

.custom-form3 .x-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
}

.custom-form3 .x-form-trigger-over {
    background-position: 0 0;
}

.custom-form3 label {
    background-color:#8E2D2E;
    color:white;
    font:bold 16px/50px open sans;
    padding: 0 !important;
    text-align: center !important;
}

#submitQueueInfo {
    font-weight: normal;
    border-top: 1px solid white;
    margin: 6px 12px;
    padding: 4px 0;
}

/* .custom-form4 {

} */

.custom-form4 .x-form-field{
    font: 14px Open Sans;
    height: 30px;
    padding: 2px;
    border:none;
    background-image:none;
    text-align: center;
}

.custom-form4 .x-form-empty-field{
    color:#bbb;
}

.custom-form4 .x-form-field.x-form-invalid {
    border:solid 2px red!important;
}

.custom-form4 .x-form-trigger {
    background-image: url("../images/down.png");
    background-color: none;
    border: none;
    position:absolute;
    right:5px;
    top:8px;
}

.custom-form4 .x-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
}

.custom-form4 .x-form-trigger-over {
    background-position: 0 0;
}

.custom-form4 .x-form-checkbox.x-form-field {
    vertical-align: middle;
}

#login-logo {
    background: linear-gradient(0deg, #fff, #fff);
}
#login-logo_txt {
    font-family: Montserrat;
    color: #af363d;
    text-align: center;
    margin-bottom: 70px;
}
#login-logo_txt h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 2px 0 4px;
}
#login-logo_txt h2 {
    padding: 2px 0 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    padding: 1px 0;
}
.login-logo_txt--power {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
#login-logo_txt h1 + p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
}
#login-logo .login-logo_svg {
    width: 716px;
    height: 460px;
    margin: 0 auto;
    background-image: url(../images/login-logo.svg);
}

#form-area {
    background: linear-gradient(90.01deg, #AF363D 8.86%, #DB414B 84.89%);
}
#login-form, #register-form, #forgotPwd-form {
    background: none;
}
#login-form .x-form-item-label,
#register-form .x-form-item-label,
#forgotPwd-form .x-form-item-label {
    padding: 5px 0;
    font: 400 normal 12px/14px Roboto;
    color: #6B768A;
}
#login-form .forgot {
    font: 600 normal 13px/16px Open Sans, sans-serif;
    color: var(--main-color);
}
#login-form .forgot > a {
    font-style: italic;
    font-weight: 700;
    color: #333;
}

#login-form .custom-checkbox5-label,
#register-form .custom-checkbox5-label {
    position: relative;
    margin-left: 24px;
    font: 600 normal 13px/16px Open Sans, sans-serif;
    color: var(--main-color);
}
#register-form .custom-checkbox5-label > a {
    color: inherit;
}
#login-form .custom-checkbox5,
#register-form .custom-checkbox5 {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background: #fafafc;
}
#login-form .custom-checkbox5.active,
#register-form .custom-checkbox5.active {
    background-color:var(--checked-color);
}
#login-form #registerLink {
    margin-top: 40px;
    font: normal 18px Open Sans;
    color: #fafafa;
    text-align: center;
}
#login-form #register-btn {
    font: italic bold 18px Open Sans;
    color: #fafafa;
}
#log-in-btn_container > div {
    margin-top: 40px;
    font: normal 18px Open Sans;
    color: #fafafa;
    text-align: center;
}
#log-in-btn {
    font: italic bold 18px Open Sans;
    color: #fafafa;
}
#forgotPwd-form p {
    font: 400 normal 15px/18px Open Sans, sans-serif;
    padding: 1em 2em;
}
#forgotPwdLink {
    margin-top: 40px;
    font: normal 18px Open Sans;
    color: #fafafa;
    text-align: center;
}
#forgotPwdLink #log-in-btn {
    font: italic bold 18px Open Sans;
    color: #fafafa;
}
.custom-label5 {
    display: flex;
    justify-content: center;
}
.btn-login5, .btn-register {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 46px;
    font: 700 normal 16px/20px Montserrat;
    color: #fff;
    letter-spacing: 0.01em;
    background: linear-gradient(0deg, var(--checked-color), var(--checked-color));
    border-radius: 30px;
}
.btn-login5, .btn-register-valid {
    transition: 0.2s ease-out;
    cursor: pointer;
}
.btn-login5 .btn-login5_arrow, .btn-register .btn-register_arrow {
    width: 15px;
    height: 13px;
    position: relative;
    left: 8px;
    background: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.34948 1.12251L7.34948 2.36702C7.34948 2.43769 7.38218 2.5053 7.43941 2.55292L11.5649 5.91616L1.13081 5.91616C1.05886 5.91616 1 5.97147 1 6.03907L1 6.96093C1 7.02853 1.05886 7.08384 1.13081 7.08384L11.5649 7.08384L7.43941 10.4471C7.38218 10.4932 7.34948 10.5608 7.34948 10.633L7.34948 11.8775C7.34948 11.982 7.48193 12.0388 7.56532 11.9697L13.8197 6.87028C13.8763 6.82418 13.9217 6.7672 13.9528 6.70318C13.9839 6.63916 14 6.56961 14 6.49923C14 6.42886 13.9839 6.3593 13.9528 6.29529C13.9217 6.23127 13.8763 6.17428 13.8197 6.12819L7.56532 1.03033C7.48029 0.961188 7.34948 1.01804 7.34948 1.12251Z' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
    transition: 0.2s ease-out;
}
.btn-login5:hover, .btn-register-valid:hover {
    box-shadow: 0 2px 3px rgb(0 0 0 / 18%);
}
.btn-login5:hover > .btn-login5_arrow, .btn-register-valid:hover > .btn-register_arrow {
    left: 10px;
}

.form-head {
    text-align: center;
    font: 700 normal 20px/24px Montserrat;
    color: #fff;
}
.form-head_logo {
    position: relative;
    top: 8px;
    left: 24px;
    display: inline-block;
    width: 163px;
    height: 45px;
    background: url("data:image/svg+xml,%3Csvg width='163' height='45' viewBox='0 0 163 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.5032 13.4671H43.4887C43.6567 12.8873 43.7416 12.2865 43.7406 11.6828C43.7406 8.42011 41.317 5.77441 38.326 5.77441C35.5277 5.77441 33.2239 8.09234 32.9406 11.0647C32.5487 10.8444 32.1069 10.728 31.6573 10.7265C31.0136 10.733 30.3936 10.9708 29.9105 11.3965C30.3794 12.0814 30.7617 12.8218 31.0487 13.6007C32.1604 13.6477 33.237 14.0036 34.1577 14.6285C35.0785 15.2533 35.807 16.1224 36.2616 17.1383C38.8989 17.5657 41.0793 19.5389 42.0017 22.1813H43.5033C45.6487 22.1813 47.3882 20.2316 47.3882 17.8242C47.3882 15.4175 45.6487 13.467 43.5033 13.467' fill='white'/%3E%3Cpath d='M14.8666 22.8189H23.6379V30.4956H32.4105V22.831H39.6865C38.937 20.8758 37.2055 19.5059 35.1882 19.5059H34.4965C34.2157 17.5482 32.7069 16.0505 30.8838 16.0505C30.3168 16.0519 29.7597 16.1991 29.2659 16.4779C28.9075 12.7293 26.0044 9.8064 22.4757 9.8064C18.7052 9.8064 15.6489 13.1434 15.6489 17.2576C15.648 18.0182 15.7547 18.7752 15.9658 19.5059H15.9481C13.2431 19.5059 11.0503 21.966 11.0503 25.0001C11.0503 27.6166 12.6825 29.8017 14.8666 30.3548L14.8666 22.8189Z' fill='white'/%3E%3Cpath d='M39.1733 31.9294V31.2423H40.6127V29.7932H41.2841V31.9294H39.1733Z' fill='white'/%3E%3Cpath d='M32.2338 6.84192V4.70605H34.3431V5.39509H32.9056V6.84192H32.2338Z' fill='white'/%3E%3Cpath d='M1.0475 0C0.769934 0.000819142 0.503975 0.111478 0.307709 0.307806C0.111443 0.504133 0.000818885 0.770176 0 1.04782L0 35.912C0.000818885 36.1896 0.111443 36.4557 0.307709 36.652C0.503975 36.8483 0.769934 36.959 1.0475 36.9598H57.3911C57.6687 36.959 57.9346 36.8483 58.1309 36.652C58.3272 36.4557 58.4378 36.1896 58.4386 35.912V1.04782C58.4378 0.770144 58.3271 0.504074 58.1308 0.307741C57.9345 0.111407 57.6685 0.0007704 57.3909 0L1.0475 0ZM56.4828 33.8586C56.482 34.1362 56.3714 34.4023 56.1751 34.5986C55.9789 34.7949 55.7129 34.9056 55.4353 34.9064H3.00347C2.7259 34.9056 2.45995 34.7949 2.26368 34.5986C2.06741 34.4023 1.95679 34.1362 1.95597 33.8586V3.10115C1.95679 2.8235 2.06741 2.55746 2.26368 2.36113C2.45995 2.1648 2.7259 2.05414 3.00347 2.05332H55.4353C55.7129 2.05414 55.9789 2.1648 56.1751 2.36113C56.3714 2.55746 56.482 2.8235 56.4828 3.10115V33.8586Z' fill='white'/%3E%3Cpath d='M58.4373 38.7314H0V42.6634C4.15912 43.0883 15.7032 44.1066 29.2116 44.1066C42.7315 44.1066 54.2912 43.0864 58.4385 42.6616L58.4373 38.7314ZM2.94693 41.3183H1.40225V39.7729H2.94693V41.3183ZM5.21505 41.3183H3.67037V39.7729H5.21505V41.3183ZM7.48317 41.3183H5.93827V39.7729H7.48317V41.3183ZM35.138 41.6035H23.3005V39.5213H35.138V41.6035ZM55.7033 41.2172C55.5572 41.2172 55.4144 41.1739 55.2929 41.0927C55.1714 41.0115 55.0768 40.8961 55.0208 40.7611C54.9649 40.626 54.9503 40.4775 54.9788 40.3341C55.0073 40.1908 55.0777 40.0591 55.181 39.9558C55.2843 39.8524 55.4159 39.7821 55.5592 39.7535C55.7025 39.725 55.851 39.7397 55.986 39.7956C56.121 39.8515 56.2364 39.9462 56.3175 40.0678C56.3987 40.1893 56.442 40.3321 56.442 40.4783C56.442 40.6743 56.3642 40.8622 56.2256 41.0008C56.0871 41.1394 55.8992 41.2172 55.7033 41.2172Z' fill='white'/%3E%3Cpath d='M69.146 31.2369L64.397 24.1926H67.8276L71.0533 29.2317L74.3046 24.1926H77.7095L72.9478 31.2369L77.9527 38.5936H74.5478L71.0533 33.203L67.5716 38.5936H64.1666L69.146 31.2369Z' fill='white'/%3E%3Cpath d='M86.6187 38.8541C84.417 38.8541 82.6932 38.203 81.4473 36.9009C80.2099 35.5902 79.5912 33.789 79.5912 31.4973C79.5912 29.1449 80.1672 27.2959 81.3193 25.9504C82.4713 24.6049 84.0543 23.9322 86.0682 23.9322C87.9371 23.9322 89.4134 24.5095 90.4972 25.664C91.581 26.8185 92.1229 28.407 92.1229 30.4296V32.0832H82.6889C82.7316 33.4808 83.1028 34.5572 83.8026 35.3124C84.5023 36.0589 85.4879 36.4322 86.7595 36.4322C87.5958 36.4322 88.3723 36.3541 89.0891 36.1978C89.8145 36.0329 90.5911 35.7638 91.4188 35.3905V37.8775C90.6849 38.2334 89.9425 38.4851 89.1915 38.6327C88.4406 38.7803 87.583 38.8541 86.6187 38.8541ZM86.0682 26.2499C85.1125 26.2499 84.3444 26.5581 83.7642 27.1744C83.1924 27.7907 82.851 28.6891 82.7401 29.8697H89.1659C89.1489 28.6805 88.8673 27.782 88.3211 27.1744C87.775 26.5581 87.024 26.2499 86.0682 26.2499Z' fill='white'/%3E%3Cpath d='M105.051 34.4921C105.051 35.8983 104.548 36.9791 103.541 37.7343C102.534 38.4808 101.092 38.8541 99.2143 38.8541C97.3284 38.8541 95.8137 38.5633 94.6702 37.9817V35.3384C96.3342 36.1197 97.8831 36.5103 99.3167 36.5103C101.169 36.5103 102.094 35.9417 102.094 34.8046C102.094 34.44 101.992 34.1362 101.787 33.8931C101.582 33.6501 101.245 33.3983 100.776 33.1379C100.307 32.8775 99.6538 32.5824 98.8175 32.2525C97.1876 31.6101 96.0825 30.9678 95.5022 30.3254C94.9304 29.6831 94.6446 28.8497 94.6446 27.8254C94.6446 26.5928 95.131 25.6379 96.1038 24.9608C97.0852 24.2751 98.4164 23.9322 100.098 23.9322C101.762 23.9322 103.336 24.2751 104.821 24.9608L103.848 27.2655C102.321 26.6232 101.036 26.302 99.9951 26.302C98.4079 26.302 97.6143 26.7621 97.6143 27.6822C97.6143 28.1336 97.8191 28.5155 98.2287 28.828C98.6468 29.1405 99.5514 29.5702 100.942 30.1171C102.111 30.5772 102.961 30.9982 103.49 31.3801C104.019 31.7621 104.411 32.2048 104.667 32.7082C104.923 33.203 105.051 33.7976 105.051 34.4921Z' fill='white'/%3E%3Cpath d='M111.221 30.9895L112.924 28.828L117.199 24.1926H120.668L114.972 30.3775L121.026 38.5936H117.493L112.949 32.2785L111.298 33.6588V38.5936H108.315V18.3333H111.298V28.2161L111.144 30.9895H111.221Z' fill='white'/%3E%3Cpath d='M128.591 36.3801C129.325 36.3801 130.059 36.2629 130.793 36.0285V38.3332C130.46 38.4808 130.029 38.6023 129.5 38.6978C128.98 38.802 128.438 38.8541 127.875 38.8541C125.024 38.8541 123.599 37.3263 123.599 34.2707V26.5103H121.666V25.1562L123.74 24.0364L124.764 20.9895H126.62V24.1926H130.652V26.5103H126.62V34.2187C126.62 34.9565 126.799 35.5034 127.158 35.8593C127.525 36.2065 128.003 36.3801 128.591 36.3801Z' fill='white'/%3E%3Cpath d='M146.192 31.3671C146.192 33.7195 145.599 35.5555 144.413 36.8749C143.227 38.1943 141.575 38.8541 139.459 38.8541C138.136 38.8541 136.967 38.5502 135.952 37.9426C134.936 37.335 134.155 36.4626 133.609 35.3254C133.063 34.1883 132.79 32.8688 132.79 31.3671C132.79 29.032 133.379 27.2091 134.556 25.8983C135.734 24.5876 137.394 23.9322 139.536 23.9322C141.584 23.9322 143.205 24.6049 144.4 25.9504C145.595 27.2872 146.192 29.0928 146.192 31.3671ZM135.888 31.3671C135.888 34.6917 137.095 36.3541 139.51 36.3541C141.9 36.3541 143.094 34.6917 143.094 31.3671C143.094 28.0772 141.891 26.4322 139.485 26.4322C138.222 26.4322 137.304 26.8575 136.733 27.7082C136.169 28.5589 135.888 29.7786 135.888 31.3671Z' fill='white'/%3E%3Cpath d='M156.842 38.8541C155.05 38.8541 153.659 38.1987 152.669 36.8879H152.49C152.609 38.1032 152.669 38.841 152.669 39.1015V44.9999H149.661V24.1926H152.093C152.161 24.4617 152.302 25.1041 152.515 26.1197H152.669C153.608 24.6614 155.016 23.9322 156.893 23.9322C158.66 23.9322 160.034 24.5832 161.015 25.8853C162.005 27.1874 162.5 29.0147 162.5 31.3671C162.5 33.7195 161.996 35.5555 160.989 36.8749C159.991 38.1943 158.609 38.8541 156.842 38.8541ZM156.112 26.4322C154.918 26.4322 154.043 26.7881 153.488 27.4999C152.942 28.2117 152.669 29.3489 152.669 30.9114V31.3671C152.669 33.1206 152.942 34.3923 153.488 35.1822C154.034 35.9634 154.926 36.3541 156.164 36.3541C157.205 36.3541 158.007 35.92 158.57 35.052C159.133 34.1839 159.415 32.947 159.415 31.3411C159.415 29.7265 159.133 28.5069 158.57 27.6822C158.015 26.8489 157.196 26.4322 156.112 26.4322Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
.form-container {
    padding: 55px 70px 60px;
    background: #fff;
    box-shadow: 0px 25px 50px rgba(121, 43, 48, 0.2);
    border-radius: 20px;
}
#register-form .form-container {
    padding-bottom: 50px;
}
#invalidPwdMsg {
    margin-top: 1em;
}
#invalidPwdMsg p {
    margin: 3px 0 5px;
}
#invalidPwdMsg ul {
    list-style: disc inside;
    padding-top: 5px;
}
#invalidPwdMsg li {
    padding: 3px 0;
    font: 400 normal 12px/14px Roboto;
    color: var(--main-color);
}

.custom-checkbox-label {
    color: white;
    display: block;
    font: 18px Open Sans;
    height: 30px;
    position: absolute;
    right: 40px;
}

.custom-checkbox {
    background-color: white;
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    width: 30px;
}

.custom-checkbox.active{
    background-color:#8E2D2E;
}


.custom-checkbox2-label {
    display: block;
    font: 16px / 28px Open Sans;
    height: 30px;
    position: absolute;
    /*right: 40px;*/
}

.custom-checkbox2 {
    background-color: white;
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    width: 30px;
    border: solid 2px #8E2D2E;
}

.custom-checkbox2.active{
    background-color:#8E2D2E;
}

.progressRow {
    padding:0;
    margin:5px 0 0 0;
    font-family:open sans;
}

.progressRow > div[class|="logo"] {
    font: bold 11px/13px open sans !important;
    text-overflow: ellipsis;
}

.progressRow > div {
    color: white;
    width:80px;
    height:80px;
    float:left;
    background-color:inherit;
    margin:0 0 5px 10px;
    text-align:center;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.progressRow > div * {
    color: white;
}

.progressRow > div.logo-max {
    background: white url("../images/logo-max.png") no-repeat top;
    background-size: 50px;
}

.progressRow > div.logo-maya {
    background: white url("../images/logo-maya.png") no-repeat top;
    background-size: 55px auto;
}

.progressRow > div.logo-modo {
    background: white url("../images/logo-modo.png") no-repeat top;
    background-size: 70px auto;
}

.progressRow > div.logo-lw {
    background: white url("../images/logo-lw.png") no-repeat top;
    background-size: 55px auto;
}

.progressRow > div.logo-blender {
    background: white url("../images/logo-blender.png") no-repeat top;
    background-size: 45px auto;
}

.progressRow > div.logo-terragen {
    background: white url("../images/logo-terragen.png") no-repeat top;
    background-size: 80px auto;
}

.progressRow > div.logo-si {
    background: white url("../images/logo-si.png") no-repeat top;
    background-size: 50px auto;
}

.progressRow > div.logo-vray {
    background: white url("../images/logo-vray.png") no-repeat top;
    background-size: 60px auto;
}

.progressRow > div.logo-vue {
    background: white url("../images/logo-vue.png") no-repeat top;
    background-size: 54px auto;
}

.progressRow > div.logo-c4d {
    background: white url("../images/logo-c4d.png") no-repeat top;
    background-size: 52px auto;
}

.progressRow > div.logo-ae {
    background: white url("../images/logo-ae.png") no-repeat top;
    background-size: 52px auto;
}

.progressRow * {
    font-size:13px !important;
}

div.progressBar2 {
    background-color:#bbb;
    text-align:left !important;
    padding-left:10px;
    position:relative;
    overflow: hidden;
}

div.progressBar2 span {
    z-index: 2;
    position: relative;
}

@keyframes progresswave {
    0% {background-position:0 0;}
    100% {background-position:0 80px;}
}

div.progressWave {
    background-image: url("../images/wave_b.png");
    background-color: none;
    width:10px;
    height:80px;
    position:absolute;
    top:0;
    z-index:0;

}

div.progressWave.pwAnimate {
    animation: progresswave 2s linear infinite;
}

.custom-grid {
    padding:10px 0 0 10px;
}

.custom-grid *{
    color:black;
}

.custom-grid .x-grid3-header {
    border-top:none !important;
}

.custom-grid .x-panel-header-text {
    font-family:open sans;
    font-weight: bold;
}

.custom-grid .x-grid3-hd-row td {
    border-left-color: white !important;
    border-right-color: white !important;
}

.custom-grid .x-grid3-cell-inner {
    background-color: #f3f3f3;
    padding:10px;
    font-family:open sans;
    margin:5px;
}

.x-grid3-hd-checker {
    width:18px;
}

.custom-grid .x-grid3-hd-inner {
    background:none;
    background-color: #f3f3f3 !important;
    padding:10px;
    font-family:open sans;
    font-weight:bold;
    font-size:14px;
    margin:5px;
}

.custom-grid .x-grid3-cell-inner {
    font-size:14px;
}

/* .payment-switch {

} */

.payment-btn {
    background-color:#f3f3f3;
    color: grey;
    height:35px;
    text-align: center;
    cursor:pointer;
    font: bold 14px/34px open sans;
    margin-bottom:10px;
    width: 180px;
    float: left;
    margin-right: 12px;
}

.basicWindow.bad-response-win {
    z-index: 1000000 !important;
}

.basicWindow.bad-response-win .bad-response-error pre{
    color:black;
    white-space: normal;
}

.custom-combo-list {
    font-family:open sans;
    border: none;
}

.custom-combo-list .x-combo-list-item {
    background-color:#f3f3f3;
}

.custom-combo-list .x-combo-selected {
    border:none !important;
    padding:3px;
    background-color: #ddd;
}

.custom5-combo-list {
    font: 400 14px/19px open sans;
    color: var(--secondary-color);
    border: none;
    background: none;
}

.custom5-combo-list .x-combo-list-inner {
    position: fixed;
    margin-left: -2px;
}

.custom5-combo-list .x-combo-list-item {
    background-color: #fff;
    border: 1px solid #fcf7f7;
    border-radius: 2px;
    padding: 4px 13px;
}
.vhd-combo-list .x-combo-list-item {
    padding: 4px 18px;
}

.custom5-combo-list .x-combo-selected {
    background-color: rgba(249,73,85,0.1);
    border: 1px solid #fcf7f7 !important;
    color: var(--checked-color);
}

.x-tip {
    border: 1px solid #fcf7f7;
    z-index: 22000;
    padding: 6px 12px;
    background-color:#fff;
    border-radius: 6px;
    box-shadow: 0.5px 10px 20px rgba(48, 56, 73, 0.12);
}

.x-tip *{
    background-image:none !important;
}
.x-tip .x-tip-body {
    font: 400 normal 11px/15px Open Sans, sans-serif !important;
    color: #6b758a;
}
.pwr-qtip {
    box-sizing: border-box;
    width: 176px !important;
    height: 32px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ced1d6;
    border-radius: unset;
}
.pwr-qtip * {
    padding: 0 !important;
}

#myAccountWindow .q-mark-tip {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 8px;
}
#myAccountWindow .btn-save {
    position: absolute;
    bottom: 35px;
    left: 40%;
    font: 600 16px/20px Montserrat;
    padding: 10px;
    color: var(--checked-color);
    text-align:center;
    cursor: pointer;
}
#myAccountWindow .btn-save:hover, #billingWindow .btn-save:hover {
    text-decoration: underline;
}
#myAccountWindow .btn-save-svg, #billingWindow .btn-save-svg {
    display: inline-block;
    margin-left: 8px;
    width: 15px;
    height: 13px;
    background: var(--icon-btn-save) center no-repeat;
}

#billingLink {
    cursor: pointer;
}

#billingWindow h3 {
    font: 500 normal 14px/16px Roboto;
    color: var(--primary-color);
}
#billingWindow h3 .q-mark-tip {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 5px;
}
#billingWindow h3 span {
    font: 400 normal 14px/16px Roboto;
    color: var(--secondary-color);
}
#billingWindow #operatorTrigger .x-panel-body {
    padding: 20px 10px 35px !important;
}
#billingWindow #operatorTrigger .operator {
    display: flex;
    font: 400 normal 12px/16px Open Sans, sans-serif;
    color: var(--secondary-color);
}
#billingWindow #operatorTrigger .triggered .operator {
    font-weight: 600;
    color: var(--main-color);
}
#billingWindow #operatorTrigger .bullet {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    background: #fafbfc;
    box-shadow: inset 0px 0.5px 1.5px rgb(0 0 0 / 25%);
    border-radius: 10px;
}
#billingWindow #operatorTrigger .triggered .bullet {
    background: #fff;
    box-shadow: inset 0px 0.5px 1.5px rgba(0, 0, 0, 0.2);
}
#billingWindow #operatorTrigger .triggered .bullet-checked {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%), #159DFF;
    box-shadow: 0px 0.5px 1.5px rgba(50, 70, 84, 0.3);
    border-radius: 10px;
}
#billingWindow .custom-form5 .x-form-item label:first-letter {
    text-transform: lowercase;
}
#billingWindow .labelBottom .x-form-item-label, #billingWindow .btn-label {
    font: 400 normal 11px/15px Open-sans, sans-serif;
    color: var(--secondary-color);
    text-align: center;
    cursor: default;
}
#billingWindow .btn-save {
    font: 600 16px/20px Montserrat;
    padding: 10px;
    color: var(--checked-color);
    text-align: center;
    cursor: pointer;
}
#billingWindow #tabPaymentForm .x-form-field {
    margin-right: 10px;
}
#billingWindow #credits, #total > .x-panel-bwrap {
    margin-left: 10px;
}
#billingWindow #total .x-form-field {
    padding-left: 3px;
}
#billingWindow #buy .x-panel-body {
    padding-left: 0px !important;
}
#billingWindow #total .x-form-trigger {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L5.75729 5.59241C5.9592 5.81021 6.30533 5.80504 6.50064 5.58131L10.5 1' stroke='%23F94955' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    border: none;
    position: relative;
    right: 26px;
    top: 15px;
}
#billingWindow #tabBillingHistory .x-panel-body {
    padding: 35px 100px !important;
}

.calc-vendors {
    margin:0 0 20px 0;
    width:1200px;
}

.calc-vendors > div {
    display:inline-block;
    width:160px;
    height:160px;
    background-image:url('../images/calc_vendors.png');
    background-size: 320px 640px;
    margin-right:20px;
    cursor: pointer;
}

.calc-vendors > div.intel:hover,div.intel.active {
    background-position: -160px 0px;
}

.calc-vendors > div.amd {
    background-position: 0px -160px;
}
.calc-vendors > div.amd:hover,div.amd.active {
    background-position: -160px -160px;
}

.calc-vendors > div.amazon {
    background-position: 0px -320px;
}
.calc-vendors > div.amazon:hover,div.amazon.active {
    background-position: -160px -320px;
}

.calc-vendors > div.cinebench {
    background-position: 0px -480px;
}
.calc-vendors > div.cinebench:hover,div.cinebench.active {
    background-position: -160px -480px;
}

#discounts table {
    border-spacing: 0;
    border-collapse:collapse;
}

#discounts td {
    font: normal 16px/44px open sans;
    height: 50px;
    width: 160px;
    background-color:#f3f3f3;
    color:grey;
    text-align: center;
    border:0;
    border-right: 20px solid white;
    border-bottom: 20px solid white;
}

#discounts td.dbgb {
    background-color:#8E2D2E;
    font-weight:bold;
    color:white;
}

.cpu-tree {
    position:absolute;
    z-index:9000;
    top:296px;
    left:200px;
}

.cpu-tree .x-tree-node a span {
    font:12px open sans;
}

.cpu-tree .no-icon {
    display : none;
    background-image:none !important;
}


.whiteHeader2 {
    background-color: white;
    background-image: none;
    border: none;
    color: grey;
    font: bold 14px/24px open sans;
    height: 24px;
    padding: 3px;
    text-align: center;
    position: relative;
}

.custom-form4 .x-tool {
    background-image: url("../images/ff.png");
    background-size: 16px 32px;
    background-position: 0 -16px;
    position: absolute;
    right: 8px;
    top: 8px;
}

/*
.custom-form4 .x-tool-toggle {
    background-position: 0 0;
}
*/
.custom-form4 .x-panel-collapsed .x-tool-toggle {
    background-position: 0 0;
}

.chat-opened {
    cursor: pointer;
}

.chat-opened:hover {
    right: -6px !important;
    height: 60px !important;
    cursor: pointer !important;
}

.x-panel-header-text {
    font-family: open sans;
}

#renderQueueInfo {
    font-family: open sans;
    text-align: center;
}

.progressPanel2 .x-grid3-cell-inner {
    padding: 0;
}

.x-menu-item-text {
    font-family: open sans;
}

.x-form-field-trigger-wrap {
    background-color:white;
}

/* .filesGrid {

} */

.filesGrid .x-grid3-hd-row{
    height: 38px;
}

.filesGrid .x-grid3-hd.x-grid3-td-checker{
    padding-left: 2px;
}

.filesGrid .x-grid3-hd-checker{
    display: table-cell;
}

.filesGrid .x-panel-bwrap{
    padding-left: 10px;
}

.filesGrid .x-grid3-cell {
    vertical-align : middle !important;
}

.progressPanel2 .x-grid3-row-selected {
    background-color: #8E2D2E !important;
}


.custom-tip2 {
    border:solid white 1px;
    position:absolute;
    top:0;
    background-color:#8E2D2E;
    width:200px;
    color:white;
    font:14px open sans;
    text-align:center;
    display:block;
}

.custom-tip2 div {
    color:#8E2D2E;
    background-color:white;
    width: 100px;
    margin: auto;
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
}

.custom-tip2 div:hover {
    background-color:#f3f3f3!important;
}

.hover-blue-ct:hover div{
    color:#f3f3f3 !important;
}

.hover-bold:hover {
    font-weight: bold;
}

.custom-combo-ext-editor {
    height: 20px !important;
    font-size: 12px !important;
}

.custom-combo-ext-editor-trigger{
    background-size: 10px auto !important;
    right: 0 !important;
    top: 6px !important;
}

.custom-combo-list-ext-editor {
    font:12px open sans;
    border: none;
}

.custom-combo-list-ext-editor .x-combo-list-item {
    font-size: 12px;
    background-color:#f3f3f3;
}

.custom-combo-list-ext-editor .x-combo-selected {
    border:none !important;
    padding:3px;
    background-color: #dfe8f6;
}

.x-mask-loading div {
    background-color: #fbfbfb;
    background-image: url("../images/progressA3.gif");
    background-position: 10px 10px;
    background-size: 25px auto;
}

.ext-el-mask-msg div {
    font: 16px open sans;
    border-color: #eee;
}
.x-mask-loading div {
    padding: 11px 10px 10px 44px;
}

.text-center {
    text-align: center;
}

#payment-refresh-btn > div:hover {
    background-color: #f3f3f3;
}

.progressViewSwitch {
    padding: 15px 0 0 15px;font: 14px open sans;color: grey;
}

.job-active {
    background-color:#ade256 !important;
}

.job-active-alt {
    background-color:#4e9258 !important;
}

.job-waiting {
    background-color:#00ccbb !important;
}

.job-paused {
    background-color:magenta !important;
}

.job-paused-alt {
    background-color:#eedd00  !important;
}

.job-killed {
    background-color:orange !important;
}

.job-done {
    background-color:#8E2D2E !important;
}

.progressbar-normal {
    background-color:#8E2D2E !important;
}

.progressbar-failed {
    background-color:#ea5c5c !important;
}

.btn-vhd:hover {
    background-color: #ccc !important;
}

.btn-new-vhd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 36px;
    background: #fff;
    box-shadow: 0.5px 1.5px 3px rgba(0, 0, 0, 0.18);
    border-radius: 16px;
    cursor: pointer;
}
.btn-new-vhd span {
    font: normal 600 15px/18px Montserrat, sans-serif;
    letter-spacing: -0.01em;
    color: var(--checked-color);
    margin-right: 14px;
}
.btn-new-vhd svg {
    padding-top: 2px;
}

.btn-new-vhd:hover {
    box-shadow: 0.2px 1px 4px rgba(0, 0, 0, 0.25);
}

div.dashed {
    list-style: none;
    padding-left: 0;
}

div.dashed > div {
    display: table-row;
}

div.dashed > div > div {
    padding-left: 25px;
    display: table-cell;
}

.supportDesc {
    font-family:open sans;
    color: #000;
    font-size: 16px;
}

.supportDesc *{
    font-family:open sans;
    color: #000;
}

.downloads-pointer {
    display:hidden;
    width: 82px;
    height: 80px;
    background-color: white;
    /*font-weight: bold;*/
    /*text-shadow: 1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff, 0 0 4px #8E2D2E;*/
    line-height:74px;
    position:fixed;
    animation: iconsFX 2s linear infinite;
}

@keyframes size-anim {
    0% {background-size: 32px 32px;}
    50% {background-size: 40px 40px;}
    100% {background-size: 32px 32px;}
}

.chat-pointer {
    display:hidden;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    position:fixed;
    animation: size-anim 1s linear infinite;
}

.chat-pointer-a {
    background-image: url("../images/chat_md_96.png");
    width: 32px;
    height: 32px;
    background-size: 32px;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-device-width: 1280px){
    .mainTitleContainer {
        height:35px;
    }
    .bg-main .x-toolbar-left {
        margin-left: 15%;
    }
    #userVhdsTbar {
        margin-top: 20px;
    }
    #userVhdsGrid .userVhd {
        margin: 12px 8px;
    }
}
@media screen and (max-device-width: 1327px) and (min-device-width: 1025px) {
    #userVhdsGrid {
        padding: 18px 12px 40px;
    }
}
@media screen and (max-device-width: 1279px) {
    .basicWindowVHD3, .basicWindowVHD3 .custom-form5, .basicWindowVHD3 .x-form {
        max-width: 95vw;
    }
    #billingWindow .basicWindowVHD3-body .custom-form5 > div {
        border-radius: 14px;
    }
    #tabPaymentForm .x-form {
        padding: 55px 10vw 25px !important;
    }
}
@media screen and (max-device-width: 1080px) {
    .createVHDPanel-container {
        flex-direction: column;
        align-items: center;
    }
    #centerPanel .createVHDpanel-container > div {
        padding: 0;
        min-width: 310px;
    }
    .createVHDPanel-container .separator {
        display: none;
    }
    .createVHDPanel-container .server {
        margin: 30px 0;
    }
    .userInfo-container_separator {
        margin: 0 14px;
    }
    #billingWindow #tabBillingHistory .x-panel-body {
        padding: 15px 50px !important;
    }
    .createVHDPanel .x-panel-bwrap > .x-panel-body {
        max-height: 20vh;
        overflow-y: scroll;
    }
}
@media screen and (max-device-width: 768px) {
    #userVhdsGrid {
        padding: 18px 8px 40px;
    }
    iframe#chat-frame {
        max-width: 96vw;
    }
    #ext-comp-1225{
        left: 0!important;
        width: 99vw!important;
    }
    #tabBillingHistory {
        max-width: 90vw;
    }
    #ext-comp-1071, #ext-comp-1073 {
        margin-left: 0!important;
    }
    .ext-webkit .x-small-editor #ext-comp-1074.x-form-text {
        max-width: 64%;
    }
    #billingWindow #tabBillingHistory .x-panel-body {
        min-height: 50%;
    }
    #billingWindow #tabBillingHistory .x-panel-body,
    #billingWindow #tabInvoice .x-panel-body {
        width: 100% !important;
        padding: 0px 20px !important;
    }
    #billingWindow #tabBillingHistory .x-panel-body *,
    #billingWindow #tabInvoice .x-panel-body * {
        width: 100% !important;
        max-width: 88vw;
    }
    #welcomeWinStep2 .x-panel-body > div > div {
        margin-top: 20px !important;
    }
    .custom-form5 .x-form-field, .x-form-field-wrap, .custom-form5-container {
        width: 100% !important;
    }
    #ext-gen138, #ext-gen35 {
        overflow-y: scroll;
        padding-bottom: 50px;
    }
    #credits #ext-gen138 {
        overflow-y: hidden;
        padding-bottom: inherit;
    }
    #x-form-el-cmbLanguage #ext-gen138 {
        overflow: hidden;
        padding-bottom: inherit;
    }


    #ext-gen117 #ext-gen118,
    #ext-gen117 #ext-gen118 #ext-comp-1077,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen120,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #tabPaymentForm,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #tabPaymentForm #ext-gen134,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #tabPaymentForm #ext-gen134 #ext-gen28,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #buy,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #buy #ext-gen170,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #buy #ext-gen170 #ext-comp-1061,
    #ext-gen117 #ext-gen118 #ext-comp-1077 #ext-gen122 #buy #ext-gen170 #ext-comp-1062,
    #tabPaymentForm #ext-gen134 #ext-gen28 #operatorTrigger #ext-gen137  {
        width: 100% !important;
    }

    #tabPaymentForm #ext-gen134 #ext-gen28 {
        text-align: center;
    }

    #credits #ext-gen141,
    #credits #ext-gen144,
    #credits #ext-gen147,
    #total #ext-gen158,
    #total #ext-gen161 {
        margin: 0 auto;
    }

    #cloneVhdForm, #ext-gen230, #ext-gen35 {
        overflow: hidden;
    }

    #tabPaymentForm #ext-gen134 #ext-gen28 #operatorTrigger,
    #tabPaymentForm #ext-gen134 #ext-gen28 #credits,
    #tabPaymentForm #ext-gen134 #ext-gen28 #ext-gen139,
    #tabPaymentForm #ext-gen134 #ext-gen28 #total,
    #tabPaymentForm #ext-gen134 #ext-gen28 #total #ext-gen156,
    #tabPaymentForm #ext-gen134 #ext-gen28 #total #ext-gen170,
    #tabPaymentForm #ext-gen134 #ext-gen28 #ext-comp-1059
    {
        width: inherit !important;
        margin-left: 0;
    }
    #grecaptcha {
        margin: 0 auto !important;
    }
    #ext-gen28 #ext-comp-1054 {
        height: auto !important;
    }
}
@media screen and (max-device-width: 700px) {
    #vhdSearchTxt {
        width: 120px;
    }
    .server-specs_details {
        display: none;
    }
    .new-image, .new-image .basicWindowVHD2-body {
        max-width: 95vw;
    }
    .new-image {
        padding: 20px;
    }
    #cloneVhdForm .x-form {
        padding: 0 5vw !important;
    }
    #cloneVhdForm .x-form-item-label,
    #contBootGPU .custom-form5-label {
        max-width: 50vw !important;
    }
    #cloneVhdForm .boot-filter-container {
        right: unset;
        margin-left: 2vw;
    }
    #cloneVhdForm .custom-form5-container {
        width: 85vw !important;
    }
    #cloneVhdForm .custom-form5-label {
        margin-right: 2vw;
    }
}
@media screen and (max-device-width: 520px) {
    #ext-gen48 {
        width: 100% !important;
    }
    #ext-comp-1018, #ext-comp-1020 {
        width: 42% !important;
    }
    #txtLogin, #txtPassword {
        width: 40vw !important;
    }
    #ext-gen44 {
        margin-left: 20px !important;
        width: 100vw !important;
    }
    #vhdFilter {
        display: none;
    }
    #credits .x-panel-body,
    #total .x-panel-body {
        height: unset !important;
        flex-flow: column wrap;
        margin-left: 10px;
        padding: 0 !important;
        width: 170px !important;
    }
    #billingWindow {
        top: 50px !important;
    }
}
@media screen and (max-device-width: 860px){
    #ext-gen66 {
        display: none;
    }
}
@media screen and (max-device-width: 414px) {
    #mainChatLink {
        margin: 2px 16px 0 10px;
    }
    #mainNewsLink, #mainSettingsLink {
        margin-right: 16px;
    }
    .x-viewport body {
        overflow: hidden;
    }
    #login-form {
        top: 5% !important;
    }
    #login-form .x-column-inner,
    #forgotPwd-form .x-column-inner,
    #register-form .x-column-inner {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }
    #login-form .x-column, #login-form .x-column input,
    #forgotPwd-form .x-column, #forgotPwd-form .x-column input,
    #register-form .x-column, #forgotPwd-form .x-column input {
        width: 300px !important;
    }
    #forgotPwd-form #forgotPasswordCaptchaInput {
        width: 60px !important;
        left: unset !important;
        right: 0;
    }
    .btn-login5, .btn-register {
        width: 300px;
        height: 60px;
    }
    #form-area,
    #login-form, #login-form *,
    #forgotPwd-form, #forgotPwd-form *,
    #register-form, #register-form * {
        max-width: 100vw;
        max-height: 100vh;
    }
    #login-form .form-container,
    #forgotPwd-form .form-container {
        padding: 55px 0 60px;
        border-radius: 0;
    }
    #register-form .form-container {
        padding: 20px 0;
        border-radius: 0;
    }
    #login-form .form-container .x-fieldset,
    #forgotPwd-form .form-container .x-fieldset,
    #register-form .form-container .x-fieldset {
        padding: 0;
    }
    #register-form .x-form-field {
        height: 33px;
    }
    #forgotPwd-form {
        top: 2em !important;
    }

    .mainContent-body  .x-panel-body {
        overflow-y: auto;
    }
    #register-form #pwdRe {
        margin-bottom: 5px !important;
    }
    .chk-container {
        height: 22px !important;
    }
    #login-form .custom-checkbox5,
    #register-form .custom-checkbox5,
    .custom-checkbox5.active > .checked-svg {
        width: 22px;
        height: 22px;
    }
    #login-form .custom-checkbox5-label,
    #register-form .custom-checkbox5-label {
        margin-left: 32px;
        font-size: 14px;
        line-height: 19px;
    }
    #register-form {
        border-radius: 0;
    }
    #register-form #register-form-head {
        display: flex;
        flex-flow: row-reverse;
        align-items: baseline;
        width: inherit !important;
        height: 90px !important;
    }
    #register-form .form-head {
        min-width: 70%;
        margin-top: 25px;
        margin-left: 50px;
        text-align: start;
        font-size: 16px;
        line-height: 18px;
    }
    #log-in-btn_container > div {
        margin-top: 10px;
        text-align: end;
    }
    #log-in-btn {
        padding-right: 16px;
    }
    .form-head_mobile {
        position: relative;
        top: 5px;
        padding-right: 1em;
        display: inline-block;
        width: 31px;
        height: 23px;
        background: url("data:image/svg+xml,%3Csvg width='31' height='23' viewBox='0 0 31 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4883 6.96166H22.4808C22.5677 6.66192 22.6115 6.35135 22.611 6.03928C22.611 4.35273 21.3582 2.98511 19.8121 2.98511C18.3656 2.98511 17.1747 4.1833 17.0283 5.7198C16.8256 5.60591 16.5973 5.54572 16.3649 5.54496C16.0321 5.54834 15.7116 5.67125 15.4619 5.89128C15.7043 6.24536 15.9019 6.62808 16.0503 7.03071C16.6249 7.05501 17.1814 7.23898 17.6574 7.56198C18.1334 7.88498 18.51 8.33425 18.7449 8.85939C20.1082 9.08032 21.2353 10.1003 21.7122 11.4662H22.4884C23.5974 11.4662 24.4966 10.4584 24.4966 9.21392C24.4966 7.96983 23.5974 6.9616 22.4884 6.9616' fill='white'/%3E%3Cpath d='M7.68514 11.7958H12.2192V15.7641H16.754V11.8021H20.5152C20.1277 10.7914 19.2327 10.0832 18.1899 10.0832H17.8323C17.6872 9.07128 16.9073 8.29705 15.9648 8.29705C15.6717 8.29778 15.3837 8.37386 15.1285 8.518C14.9432 6.58027 13.4425 5.06934 11.6185 5.06934C9.66942 5.06934 8.08956 6.79433 8.08956 8.92105C8.08909 9.31424 8.14423 9.70551 8.25334 10.0832H8.24421C6.84592 10.0832 5.7124 11.3549 5.7124 12.9234C5.7124 14.2759 6.55615 15.4054 7.68512 15.6913L7.68514 11.7958Z' fill='white'/%3E%3Cpath d='M20.25 16.5052V16.1499H20.994V15.4009H21.3411V16.5052H20.25Z' fill='white'/%3E%3Cpath d='M16.6626 3.53694V2.43286H17.753V2.78904H17.0099V3.53694H16.6626Z' fill='white'/%3E%3Cpath d='M0.541476 0C0.397998 0.000423435 0.260517 0.0576255 0.159062 0.159112C0.0576074 0.260599 0.000423302 0.398123 0 0.541646L0 18.5638C0.000423302 18.7073 0.0576074 18.8448 0.159062 18.9463C0.260517 19.0478 0.397998 19.105 0.541476 19.1054H29.6669C29.8104 19.105 29.9478 19.0478 30.0493 18.9463C30.1508 18.8448 30.2079 18.7073 30.2084 18.5638V0.541646C30.2079 0.398106 30.1507 0.260568 30.0493 0.159079C29.9478 0.0575892 29.8103 0.000398239 29.6668 0L0.541476 0ZM29.1974 17.5023C29.1969 17.6459 29.1398 17.7834 29.0383 17.8849C28.9368 17.9864 28.7994 18.0436 28.6559 18.044H1.55257C1.40909 18.0436 1.27161 17.9864 1.17015 17.8849C1.0687 17.7834 1.01151 17.6459 1.01109 17.5023V1.60306C1.01151 1.45954 1.0687 1.32201 1.17015 1.22053C1.27161 1.11904 1.40909 1.06184 1.55257 1.06141H28.6559C28.7994 1.06184 28.9368 1.11904 29.0383 1.22053C29.1398 1.32201 29.1969 1.45954 29.1974 1.60306V17.5023Z' fill='white'/%3E%3Cpath d='M30.2077 20.0212H0V22.0538C2.14995 22.2734 8.11738 22.7998 15.1002 22.7998C22.089 22.7998 28.0645 22.2724 30.2083 22.0528L30.2077 20.0212ZM1.52334 21.3585H0.724859V20.5596H1.52334V21.3585ZM2.69579 21.3585H1.89731V20.5596H2.69579V21.3585ZM3.86823 21.3585H3.06964V20.5596H3.86823V21.3585ZM18.1637 21.5059H12.0446V20.4295H18.1637V21.5059ZM28.7944 21.3062C28.7189 21.3062 28.6451 21.2838 28.5823 21.2418C28.5195 21.1999 28.4705 21.1402 28.4416 21.0704C28.4127 21.0006 28.4052 20.9238 28.4199 20.8497C28.4346 20.7756 28.471 20.7075 28.5244 20.6541C28.5778 20.6007 28.6458 20.5643 28.7199 20.5496C28.794 20.5349 28.8708 20.5424 28.9405 20.5713C29.0103 20.6002 29.07 20.6492 29.1119 20.712C29.1539 20.7748 29.1763 20.8487 29.1763 20.9242C29.1763 21.0255 29.136 21.1227 29.0644 21.1943C28.9928 21.2659 28.8957 21.3062 28.7944 21.3062Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
    }
    #grecaptcha {
        margin-top: 0 !important;
        margin-left: -62px;
        width: 300px !important;
    }
    #grecaptcha * {
        width: inherit !important;
    }
    #txtCoupon {
        float: none !important;
        position: absolute;
        top: -2.6em;
        max-width: 120px;
        left: 180px;
    }
    label[for='txtCoupon'] {
        display: none !important;
    }
    #x-form-el-txtCoupon {
        padding: 0;
    }
    #register-form .x-form-item {
        padding-bottom: 0;
    }
    #x-form-el-regFormRegister, #regFormRegister {
        padding: 0;
    }
    .userInfo-container_separator, .vhdFilter-container {
        display: none;
    }
    #balanceInfo {
        margin-left: 20vw;
    }
    .createVHDPanel .server-specs_trigger {
        margin: 0 10vw;
    }
    #userVhdsGrid {
        padding: 1em 0;
        max-height: 75vh;
    }
    #userVhdsGrid .userVhds-list {
        justify-content: center;
    }
    #userVhdsGrid .userVhd {
        margin: 0;
    }
    .basicWindowVHD2, .basicWindowVHD2 *,
    .basicWindowVHD3,
    .basicWindowVHD3 .custom-form5,
    .basicWindowVHD3 .x-form {
        max-width: 100vw;
        border-radius: 0;
    }
    .basicWindowVHD2 .basicWindowVHD2-body {
        padding: 0 2vw !important;
    }
    .basicWindowVHD2 .del-confirm {
        padding: 0 4vw;
    }

    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        width: 330px !important;
        min-height: 60vh;
        padding: 20px 30px !important;
    }
    #myAccountWindow .btn-save {
        min-width: 95vw;
        left: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #myAccountWindow .btn-save-svg,
    #billingWindow .btn-save-svg {
        margin-bottom: 3px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-item-label {
        width: 160px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .custom-form5-label {
        min-width: 160px;
        margin-right: 10px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-element {
        padding-left: 160px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field-wrap,
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field,
    #tabPaymentForm .custom-form .x-form-field,
    .x-combo-list, .x-combo-list-inner {
        width: 160px !important;
    }
    /* #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field-wrap,
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field,
    #tabPaymentForm .custom-form .x-form-field,
    .custom-form5 .x-form-field,
    .x-combo-list,
    .basicWindowVHD2 .custom-form5 .x-form-field {
        height: 34px !important;
    } */
    .custom-form5 .x-form-trigger {
        top: 14px;
        right: 2px;
    }
    .basicWindowVHD3 .x-tab-panel-header {
        padding: 5px 0 0 5px;
    }
    .basicWindowVHD3 .x-tab-strip-top .x-tab-left {
        min-width: unset;
        margin: 0 5px;
    }
    .basicWindowVHD3-header .x-tool-close {
        top: 15px;
        right: 15px;
    }
    #profileMail {
        padding-left: 0;
    }
    #myAccountWindow #x-form-el-profileMail {
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 12px !important;
    }
    #changePassword .vasicWindowVHD2-body {
        max-width: 90vw;
    }
    #centerPanel .createVHDpanel-container > div {
        min-width: calc(100vw - 90px);
    }

    #billingWindow .basicWindowVHD3-body,
    #billingWindow .custom-form5 > .x-panel-bwrap > div:first-child {
        height: 100vh !important;
        overflow-y: auto;
    }
    #tabPaymentForm .x-form {
        padding: 20px !important;
        width: 85vw !important;
        height: calc(100% - 100px) !important;
    }
    #tabPaymentForm {
        height: unset !important;
    }
    #billingWindow #operatorTrigger .x-panel-body {
        padding: 10px 0 15px !important;
    }
    #operatorTrigger, #operatorTrigger .x-panel-body {
        width: 100% !important;
    }
    #billingWindow #tabPaymentForm .x-form-field {
        margin-right: 0;
    }
    #billingWindow #credits, #total > .x-panel-bwrap {
        margin-left: 0;
    }
    #credits, #total {
        width: 100% !important;
    }
    #credits {
        margin: 15px 0 5px;
    }
    #total .x-panel-noborder {
        width: inherit !important;
    }
    #billingWindow .btn-label {
        width: 160px;
    }
    #credits .x-form-label-top .x-form-item,
    #total .x-form-label-top .x-form-item {
        padding-bottom: 0;
    }
    #buy {
        width: 100% !important;
        display: flex;
    }
    #buy .x-panel-body {
        width: unset !important;
    }
    #tabBillingHistory .x-toolbar {
        margin-left: 5px !important;
    }
    #billingWindow #ext-gen120{
        padding-top: 0px;
    }
    #billingWindow #ext-gen112{
        top: 10px;
        right: 30px;
    }
    #billingWindow #tabBillingHistory .x-panel-body,
    #billingWindow #tabInvoice .x-panel-body {
        padding: 0 !important;
        height: 100% !important;
        max-height: 75vh;
    }
    #billingWindow #tabBillingHistory .x-panel-body *,
    #billingWindow #tabInvoice .x-panel-body * {
        width: 100% !important;
        max-width: 90vw;
    }
    #billingWindow .custom-grid .x-grid3-hd-inner {
        padding: 6px 0;
        font-weight: normal;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row {
        display: flex;
        flex-flow: column nowrap;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row td:last-child > div {
        margin-left: 0 !important;
        padding-top: 0 !important;
    }
    #payment-refresh-btn > div {
        margin: 0 !important;
    }
    #payment-refresh-btn span,
    #payment-export-all-btn input {
        font-size: 14px !important;
        font-weight: normal !important;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-item-label {
        font-size: 14px !important;
        font-weight: normal !important;
    }
    .basicWindowVHD2-footer {
        padding-left: 0;
    }
    .new-image .basicHeaderVHD2,
    #news .basicHeaderVHD2 {
        padding: 10px 0;
    }
    .new-image {
        padding: 10px;
        border-radius: 0;;
    }
    .new-image_separator {
        margin: 15px auto;
    }
    .new-image_intro {
        padding: 10px;
    }
    .new-image .basicWindowVHD2-body {
        padding: 30px 0 50px !important;
        margin: 0 auto;
    }
    .basicWindowVHD2 .vhd2-info {
        flex-flow: column;
    }
    .basicWindowVHD2 .vhd2-info > div {
        padding-top: 10px;
    }
    #welcomeWin, #welcomeWinForm, #welcomeWinForm .x-form {
        min-width: 100vw !important;
        height: 100vh !important;
    }
    #welcomeWinForm {
        border-radius: 0;
    }
    #welcomeWin .x-tab-panel-header {
        padding-left: 10px;
    }
    #welcomeWinTabPanel .x-panel-body {
        padding: 20px 10px !important;
        width: 85vw !important;
        height: 100% !important;
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }
    #welcomeWinTabPanel .x-panel-body > div {
        width: 300px !important;
        height: 80vh;
        margin: 0 auto;
    }
    #welcomeWin .btn {
        position: relative;
        bottom: unset;
        left: unset;
    }
    #welcomeWinTabPanel #welcomeWinStep3 .x-panel-body {
        padding-top: 30px !important;
    }
    #welcomeWinStep3 .x-panel-body > div {
        height: 100px !important;
    }
    #news {
        top: 0 !important;
        height: 100vh;
        padding: 20px 0;
        border-radius: 0;
        padding-top: 40px !important;
    }
    #newsDiv {
        margin: 3vh 0;
        max-height: 75vh;
    }
    #news .basicHeaderVHD2 .x-tool-close {
        position: relative;
        top: 0;
    }
}
@media screen and (max-device-width: 375px) {
    #forgotPwd-form {
        top: 0.5em !important;
    }
    #login-form #registerLink {
        margin-top: 20px;
    }
    #registerLink > div {
        padding: 0 2em;
    }
    #register-form #register-form-head {
        height: 40px !important;
        margin: 5px 0;
    }
    #register-form .form-head {
        margin-top: 0;
        margin-left: 30px;
    }
    #register-form .form-container .x-fieldset {
        margin: 0;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form {
        border-radius: 14px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        width: 310px !important;
        padding: 20px 20px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field-wrap,
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field,
    #tabPaymentForm .x-panel .x-form-field,
    .x-combo-list, .x-combo-list-inner {
        width: 140px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .custom-form5-container {
        width: inherit !important;
        margin-bottom: 6px;
    }
    #myAccountWindow .basicWindowVHD3-body .custom-form5-label {
        padding: 0;
        line-height: 16px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-element {
        margin-left: 2vw;
    }
    #myAccountWindow .q-mark-tip {
        left: 5px;
    }
    #myAccountWindow #x-form-el-profileMail {
        padding-left: 5vw !important;
    }
    #changePassword .x-form-field {
        max-width: 45vw;
    }
    #changePassword .basicWindowVHD2-footer {
        padding: 0;
    }
    #operatorTrigger .custom-button {
        margin: 5px !important;
    }
    #billingWindow #total {
        margin: 5px 0;
    }
    #credits .x-panel-body,
    #total .x-panel-body {
        margin-left: 15px;
    }
    #totalLabel {
        height: 20px !important;
    }
    #credits .x-form-item-label,
    #total .x-form-item-label {
        padding: 5px 0 0;
    }
    .new-image, .new-image > div {
        max-height: 100vh;
        overflow-y: auto;
    }
    #cloneVhdForm .x-form {
        margin: 0 2vw !important;
    }
    .new-image_intro {
        padding: 0px
    }
    .new-image .basicWindowVHD2-footer {
        padding: 10px 0;
    }
}
@media screen and (max-device-width: 360px) {
    #login-form #registerLink {
        max-width: 300px;
        margin: 20px auto;
    }
    #login-form .form-container {
        padding: 50px 0;
    }
    #forgotPwd-form .form-container {
        padding: 35px 0 40px;
    }
    #grecaptcha > div {
        max-height: 65px;
    }
    #register-form .form-container .x-fieldset {
        margin-top: -5px;
    }
    .basicWindowVHD3,
    .basicWindowVHD3 .custom-form5,
    .basicWindowVHD3 .x-form {
        max-width: unset !important;
        max-height: unset !important;
        width: 100vw !important;
        height: 100vh !important;
        border-radius: 0;
    }
    #billingWindow .basicWindowVHD3-body,
    #billingWindow .custom-form5 > .x-panel-bwrap > div:first-child {
        max-width: 100vw !important;
        height: 100vh !important;
    }
    .basicWindowVHD3 .x-tab-strip-top .x-tab-left {
        margin: 0;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        padding: 20px !important;
    }
    #myAccountWindow #x-form-el-profileMail {
        padding-left: 8vw !important;
    }
    .new-image {
        max-width: 100vw !important;
        width: 100vw !important;
        height: 100vh !important;
        overflow-x: hidden;
    }
    #cloneVhdForm .boot-filter-container {
        right: 20px;
    }
}
@media screen and (max-device-width: 320px) {
    #login-form {
        top: 0 !important;
    }
    #login-form #login-form-head {
        height: 60px !important;
        margin-top: 25px;
    }
    #login-form .form-container {
        padding: 40px 0;
    }
    #login-form #registerLink {
        margin-top: 5px;
    }
    #login-form .form-head_logo {
        left: 18px;
    }
    #forgotPwd-form .form-head p {
        font-size: 14px !important;
        padding: 0.6em 2em;
    }
    #forgotPwd-form .form-container {
        padding: 25px 0;
    }
    #forgotPwdLink {
        margin-top: 20px;
    }
    #register-form #register-form-head {
        margin: 3px 0;
    }
    #register-form .form-head {
        margin-left: 5px;
    }
    #register-form .form-container {
        padding: 10px 0;
    }
    #register-form #regFormCol1 .x-form-item {
        padding-bottom: 0;
    }
    #register-form .x-form-item-label {
        line-height: 12px;
    }
    #register-form .x-form-item .x-form-element {
        padding-top: 2px;
    }
    #x-form-el-regFormRegister {
        margin-top: -10px;
    }
    #balanceInfo {
        margin-left: 10vw;
    }
    .mainContent-body .x-panel-body > div {
        width: unset !important;
        padding: 0 10px !important;
    }
    #userVhdsTbar .container {
        padding: 0 !important;
    }
    #centerPanel .createVHDpanel-container > div {
        min-width: 270px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        padding: 20px 10px !important;
        width: 300px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-element {
        padding-left: 150px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-item-label {
        width: 110px !important;
    }
    #billingWindow .labelBottom .x-form-item-label,
    #billingWindow #total .btn-label {
        width: 140px !important;
    }
    #myAccountWindow .basicWindowVHD3-body .custom-form5-label {
        margin-right: 0;
    }
    .custom-form5 .x-form-element label {
        padding-left: 4px;
    }
    #myAccountWindow #x-form-el-profileMail {
        padding-left: 16vw !important;
    }
    #changePassword .x-form-field {
        max-width: 40vw;
    }
    #operatorTrigger .custom-button {
        margin: 3px !important;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-item-label {
        max-width: 125px;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-field {
        width: 150px !important;
    }
    #welcomeWin .x-tab-right {
        margin: 0;
    }
    #welcomeWinTabPanel .x-panel-body {
        padding: 10px !important;
        width: 90vw !important;
    }
    #welcomeWinTabPanel .x-panel-body > div {
        height: 85vh;
    }
    #welcomeWinStep1 .x-panel-body > div > div {
        margin-top: 16px !important;
    }
    #welcomeWinStep1 .check-list {
        padding: 0;
    }
    #welcomeWin .btn {
        width: unset !important;
    }
    #welcomeWin .x-tab-panel-header {
        padding-left: 0px;
        border-radius: 0;
    }
    #welcomeWinPreview #logo {
        margin: 100px auto 0;
    }
}
@media screen and (max-device-height: 600px) and (orientation: landscape) {
    .basicWindowVHD3,
    .basicWindowVHD3 .custom-form5,
    .basicWindowVHD3 .x-form {
        width: 100vw !important;
        max-height: 100vh;
        border-radius: 0;
    }
    .mainContent-body .x-panel-body {
        overflow-y: auto;
    }
    #billingWindow .basicWindowVHD3-body,
    #billingWindow .custom-form5 > .x-panel-bwrap > div:first-child {
        max-width: calc(100vw - 20px) !important;
        height: calc(100vh - 40px) !important;
        overflow-y: auto;
    }
    #tabPaymentForm .x-form {
        padding: 20px 50px !important;
        width: 85vw !important;
        height: calc(100% - 100px) !important;
    }
    #billingWindow #operatorTrigger .x-panel-body {
        padding: 10px 0 15px !important;
        justify-content: center;
    }
    #operatorTrigger, #operatorTrigger .x-panel-body {
        width: 100% !important;
    }
    #credits, #total, #buy {
        margin: 0 auto !important;
        width: unset !important;
    }
    #credits .x-panel-body,
    #total .x-panel-body,
    #buy .x-panel-body {
        width: 100% !important;
        height: unset !important;
    }
    #total .x-panel-body {
        padding-left: 0 !important;
    }
    .new-image, .new-image > div {
        max-height: 100vh;
        overflow-y: auto;
    }
    .new-image {
        max-height: 100vh;
        overflow-y: scroll !important;
    }
    .new-image .basicHeaderVHD2,
    #news .basicHeaderVHD2 {
        padding: 20px 0 10px;
    }
    .new-image .basicWindowVHD2-footer {
        padding: 10px 0 20px;
    }
    #cloneVhdForm .x-panel-body {
        padding: 0 20px;
    }
    #cloneVhdForm .boot-filter-container {
        position: relative;
    }
    #news {
        width: 100vw !important;
        height: 100vh !important;
        padding: 20px 0;
    }
    #newsDiv {
        max-width: 90vw;
        max-height: 60vh;
        margin: 3vh 0;
    }
}
@media screen and (max-device-height: 440px) {
    #login-form {
        top: 0 !important;
    }
    #login-form #login-form-head {
        height: 50px !important;
        margin: 5px 0 10px;
    }
    #login-form .form-container {
        padding: 40px 0;
    }
    #login-form .form-container > .x-fieldset {
        margin: 0 auto;
    }
    #login-form #registerLink {
        margin-top: 5px;
    }
    #forgotPwd-form {
        top: 5px !important;
    }
    #forgotPwd-form .form-container {
        padding: 20px 50px;
    }
    #forgotPwd-form .form-head > p {
        padding: 0.4em 2em 0;
        font-size: 14px;
        line-height: 16px;
    }
    #forgotPwd-form .form-head > a {
        line-height: 16px;
    }
    #forgotPwdLink {
        margin-top: 10px;
    }
    #register-form #register-form-head {
        height: 40px !important;
        margin: 5px 0;
        display: flex;
        flex-flow: row-reverse;
        align-items: baseline;
    }
    #register-form .form-head {
        margin-left: 90px;
        min-width: 70%;
        text-align: start;
    }
    #log-in-btn_container > div {
        margin-top: 10px;
    }
    #register-form .form-container {
        padding: 20px 30px;
    }
    #register-form .form-container .x-fieldset {
        margin: 0;
        padding: 0 10px;
    }
    #register-form .x-column-inner {
        display: flex;
        flex-flow: column wrap;
        max-height: 270px;
    }
    #regFormCol1 {
        display: flex;
        flex-flow: column wrap;
    }
    #register-form .x-column-inner > div {
        display: flex;
        flex-wrap: wrap;
        width: inherit !important;
    }
    #regFormCol1 .x-form-field, #regFormCol1 .x-form-field-wrap {
        width: 250px !important;
    }
    #pwdRe {
        margin: 0 !important;
    }
    .chk-container {
        height: 22px !important;
        margin: 6px 0 5px !important;
    }
    #login-form .custom-checkbox5,
    #register-form .custom-checkbox5,
    .custom-checkbox5.active > .checked-svg {
        width: 22px;
        height: 22px;
    }
    #login-form .custom-checkbox5-label,
    #register-form .custom-checkbox5-label {
        margin-left: 32px;
        font-size: 14px;
        line-height: 19px;
    }
    #grecaptcha {
        margin: 0 0 0 15px;
        width: 208px !important;
    }
    #txtCoupon {
        float: none !important;
        position: absolute;
        top: -2.2em;
        max-width: 100px;
        left: 150px;
    }
    label[for='txtCoupon'] {
        display: none !important;
    }
    #x-form-el-txtCoupon {
        padding: 0;
    }
    #register-form .x-form-item {
        padding-bottom: 0;
    }
    #x-form-el-regFormRegister, #regFormRegister {
        padding: 0;
    }
    .basicWindowVHD3 .x-tab-panel-header {
        padding-top: 5px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        padding: 30px 90px !important;
        min-height: 290px;
        overflow: scroll;
        width: 500px !important;
    }
    .basicWindowVHD3-body .custom-form5-container {
        width: 100% !important;
    }
    #myAccountWindow .btn-save {
        left: unset;
        bottom: unset;
        top: 5px;
        right: 50px;
    }
    .basicWindowVHD3-header .x-tool-close {
        position: absolute;
        right: 14px;
        top: 14px;
    }
    #userVhdsGrid {
        padding: 10px 5px;
    }
    #userVhdsGrid .userVhd {
        margin: 0px 8px 8px;
    }
    .new-image {
        max-width: 95vw;
    }
    .new-image_intro {
        padding: 10px 0;
    }
    .new-image_separator {
        margin: 10px 0;
    }
    .new-image .basicHeaderVHD2 .x-tool-close,
    #news .basicHeaderVHD2 .x-tool-close {
        position: relative;
        top: 0;
    }
    .new-image .basicWindowVHD2-body {
        max-width: 100vw;
        overflow-x: hidden;
    }
    .basicWindowVHD2-footer {
        padding: 10px 0;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field-wrap,
    #myAccountWindow .basicWindowVHD3-body .x-form .x-form-field,
    #tabPaymentForm .custom-form .x-form-field,
    .x-combo-list, .x-combo-list-inner {
        width: 160px !important;
    }
    #tabBillingHistory {
        padding: 0;
    }
    #tabBillingHistory .x-toolbar {
        margin-left: 30px !important;
    }
    #billingWindow #tabBillingHistory .x-panel-body,
    #billingWindow #tabInvoice .x-panel-body {
        padding: 0 30px !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 85vw;
        max-height: 60vh;
    }
    #billingWindow #tabBillingHistory .x-panel-body *,
    #billingWindow #tabInvoice .x-panel-body * {
        width: 100% !important;
        max-width: 90vw;
    }

    #billingWindow .x-grid3,
    #billingWindow .x-grid3-scroller {
        height: 100% !important;
    }
    #welcomeWinPreview #logo {
        margin: 80px auto 0;
    }
    #welcomeWinTabPanel .x-panel-body {
        max-height: 90vh;
        padding-top: 30px !important;
    }
    #welcomeWinTabPanel .x-panel-body > div {
        max-height: 65vh;
        overflow: auto;
        padding-right: 30px;
    }
    #welcomeWin .btn {
        position: relative;
        bottom: unset;
        left: unset;
        padding: 10px 0;
    }
    #welcomeWinTabPanel #welcomeWinStep3 .x-panel-body {
        padding-top: 10px !important;
    }
    #welcomeWinTabPanel #welcomeWinStep3 .x-panel-body > div {
        max-height: 70px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    #welcomeWin #welcomeWinStep3 .x-form-field,
    #welcomeWin #welcomeWinStep3 .x-form-field-trigger-wrap {
        width: 44vw !important;
    }
}
@media screen and (max-device-height: 400px) {
    #login-form .custom-label5 {
        margin-top: 0 !important;
    }
    #forgotPwd-form .form-head > p, a {
        font-size: 12px;
        line-height: 14px;
    }
    #forgotPwdLink {
        margin-top: 0;
    }
    #register-form-head,
    #register-form .form-container,
    #regFormCol1 {
        max-width: 95vw !important;
    }
    #register-form .form-head {
        margin-left: 10vw;
    }
    #register-form #register-form-head {
        margin: 0;
    }
    #register-form .form-container {
        padding: 20px 0;
    }
    #regFormCol1 {
        padding: 0 !important;
        align-content: space-evenly;
    }
    #regFormCol1 .x-form-field, #regFormCol1 .x-form-field-wrap {
        width: 220px !important;
    }
    #register-form .form-container .x-fieldset {
        padding: 0;
    }
    #x-form-el-regFormRegister {
        margin: -20px 0;
    }
    .basicWindowVHD3,
    .basicWindowVHD3 .custom-form5,
    .basicWindowVHD3 .x-form {
        max-width: unset !important;
    }
    #billingWindow .basicWindowVHD3-body,
    #billingWindow .custom-form5 > .x-panel-bwrap > div:first-child {
        max-width: 100vw !important;
        height: 100vh !important;
    }
    .basicWindowVHD3 .x-tab-panel-header {
        padding-left: 30px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        padding: 20px 70px !important;
    }
    #billingWindow #credits,
    #credits .x-panel-body {
        width: unset !important;
    }
    #total {
        margin-left: 10px !important;
    }

    #userVhdsTbar {
        margin: 5px 0 0;
    }
    #userVhdsGrid {
        padding: 3px 6px;
    }
    #userVhdsGrid .userVhd {
        margin: 0 6px 4px;
    }
    #welcomeWin #welcomeWinStep3 .x-form-item-label {
        padding: 5px 0;
    }
}
@media screen and (max-device-height: 360px) {
    #login-form .form-container {
        padding: 30px 0;
    }
    #login-form #registerLink {
        margin-top: 0px;
    }
    #forgotPwd-form .x-fieldset {
        margin-bottom: 0;
    }
    #register-form .x-column-inner {
        max-height: 260px;
    }
    #register-form .form-container {
        padding: 12px 0;
    }
    #x-form-el-regFormRegister {
        margin: -10px 0;
    }
    #userVhdsTbar {
        margin: 2px 0 0;
    }
    #vhdCreateBtn {
        height: 34px;
    }
    #total {
        margin-left: 0 !important;
    }
    #payment-refresh-btn span,
    #payment-export-all-btn input {
        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 40px !important;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-item-label {
        font-size: 14px !important;
        font-weight: normal !important;
    }
    #billingWindow #tabBillingHistory .x-panel-body,
    #billingWindow #tabInvoice .x-panel-body {
        max-width: 95vw;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row td:last-child > div {
        margin-left: 20px !important;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-item-label {
        max-width: 130px;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-field {
        width: 160px !important;
    }
}
@media screen and (max-device-width: 768px) and (min-device-width: 415px)
{
    #ext-gen134 #ext-gen28 {
        padding: 0!important;
        height: 100% !important;
    }
}
@media screen and (max-device-width: 550px) and (min-device-width: 415px)
{
    #news {
        left: 0vw!important;
        max-width: 80vw!important;
        width: 100% !important;
    }
    #news #ext-gen97 {
        max-width: 100% !important;
    }
}
@media screen and (max-device-width: 850px) and (min-device-width: 550px)
{
    #news {
        left: 3vw!important;
        max-width: 80vw!important;
        width: 100% !important;
    }
    #news #ext-gen97 {
        max-width: 100% !important;
    }
}
@media screen and (max-device-width: 550px) and (min-device-width: 415px) and (min-device-height: 440px){
    #ext-gen26 {
        display: grid;
        max-width: calc(100vw - 163px);
    }
    #ext-gen183 #ext-gen184 {
        width: 78vw !important;
        padding: 40px !important;
    }
    #ext-gen77, #ext-comp-1007 {
        max-width: calc(100vw - 180px);
    }
    #regFormCol1 .x-form-item {
        max-width: 70% !important;
    }
    #regFormCol1, #regFormCol1 input, #ext-comp-1027, #ext-comp-1027 input, #ext-gen105, #ext-comp-1029 {
        width: 100% !important;
    }
    #ext-comp-1022 {
        max-width: calc(100vw - 163px);
    }
    #register-form {
        /*left: 0 !important;*/
    }
    #register-form-head, #log-in-btn_container, #x-form-el-ext-comp-1006, #x-form-el-forgotPwdLink {
        max-width: calc(100vw - 20px);
    }
    #ext-comp-1009, #ext-comp-1011, #ext-gen26 input {
        width: calc(100% - 30px) !important;
    }
     
}
@media screen and (max-device-height: 320px) {
    /*#login-form,*/
    #forgotPwd-form {
        max-width: 100vw !important;
    }
    /*#login-form .x-form > div, */
    #registerLink,
    #forgotPwd-form .x-form > div {
        width: 90vw !important;
    }
    /*#login-form #login-form-head {*/
    /*    margin-top: 0;*/
    /*}*/
    #forgotPwd-form .form-head > p, a {
        padding: 0.2em 0;
        font-size: 11px;
    }
    /*#login-form .form-container,*/
    #forgotPwd-form .form-container {
        padding: 10px 0;
    }
    #forgotPwd-form .form-container .x-fieldset {
        margin: 0 auto;
        padding: 0 20px;
        max-height: 110px;
    }
    /*#login-form .x-column-inner .x-form-field,*/
    #forgotPwd-form .x-column-inner .x-form-field {
        max-width: 200px !important;
    }
    #forgotPwd-form .x-column-inner .x-box-layout-ct {
        margin-left: -30px !important;
    }
    #register-form .form-container {
        padding: 10px 0 15px;
    }
    #register-form .x-column-inner {
        max-height: 225px;
    }
    #register-form .x-form-item {
        margin-bottom: 0;
    }
    #register-form .x-form-item .x-form-element {
        padding-top: 0;
    }
    #register-form .chk-container {
        height: 22px !important;
        margin: 4px 0 0 !important;
    }
    #register-form .custom-checkbox5-label {
        font-size: 12px;
    }
    #tabPaymentForm .x-form {
        width: 95vw !important;
    }
    #tabBillingHistory .x-panel-tbar .x-toolbar-left-row .x-form-field {
        width: 160px !important;
    }
    #welcomeWin .x-tab-right {
        margin: 0;
    }
    #welcomeWinTabPanel .x-panel-body {
        padding-top: 20px !important;
        height: 100vh !important;
    }
    #welcomeWinTabPanel .x-panel-body > div {
        max-height: 220px;
    }
    #welcomeWinTabPanel #welcomeWinStep3 .x-panel-body > div {
        margin-bottom: 2px;
    }
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
    .tech-specs .container-table tr > th {
        padding-top: 30px;
    }
    .tech-specs td {
        padding: 5px 10px !important;
    }
    #txtUserName {
        display: none;
    }
    #ext-comp-1024 input {
            max-width: 70% !important;
    }f
}
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    .basicWindowVHD3 .x-tab-panel-header {
        padding-left: 10px;
    }
    .basicWindowVHD3 .x-tab-strip-top .x-tab-left {
        min-width: unset;
        padding: 0 5px;
    }
    #myAccountWindow .basicWindowVHD3-body .x-form .x-panel-body {
        min-height: unset;
        height: 65vh !important;
        margin: 30px;
        padding: 0 20px !important;
    }
}
@media screen and (max-device-width: 599px) and (orientation: landscape) {
    .userInfo-container_separator {
        display: none;
    }
    #tabPaymentForm .x-form {
        padding: 20px !important;
    }
   
}