/*
    VW: View width based on display's current width
    VH: View height based on display's current height

    This css is to create classes for these css attributes so we can easily implement them
*/

.vw-1 {
    width: 1vw !important;
}

.vw-2 {
    width: 2vw !important;
}

.vw-3 {
    width: 3vw !important;
}

.vw-4 {
    width: 4vw !important;
}

.vw-5 {
    width: 5vw !important;
}

.vw-6 {
    width: 6vw !important;
}

.vw-7 {
    width: 7vw !important;
}

.vw-8 {
    width: 8vw !important;
}

.vw-9 {
    width: 9vw !important;
}

.vw-10 {
    width: 10vw !important;
}

.vw-11 {
    width: 11vw !important;
}

.vw-12 {
    width: 12vw !important;
}

.vw-13 {
    width: 13vw !important;
}

.vw-14 {
    width: 14vw !important;
}

.vw-15 {
    width: 15vw !important;
}

.vw-16 {
    width: 16vw !important;
}

.vw-17 {
    width: 17vw !important;
}

.vw-18 {
    width: 18vw !important;
}

.vw-19 {
    width: 19vw !important;
}

.vw-20 {
    width: 20vw !important;
}

.vw-21 {
    width: 21vw !important;
}

.vw-22 {
    width: 22vw !important;
}

.vw-23 {
    width: 23vw !important;
}

.vw-24 {
    width: 24vw !important;
}

.vw-25 {
    width: 25vw !important;
}

.vw-26 {
    width: 26vw !important;
}

.vw-27 {
    width: 27vw !important;
}

.vw-28 {
    width: 28vw !important;
}

.vw-29 {
    width: 29vw !important;
}

.vw-30 {
    width: 30vw !important;
}

.vw-31 {
    width: 31vw !important;
}

.vw-32 {
    width: 32vw !important;
}

.vw-33 {
    width: 33vw !important;
}

.vw-34 {
    width: 34vw !important;
}

.vw-35 {
    width: 35vw !important;
}

.vw-36 {
    width: 36vw !important;
}

.vw-37 {
    width: 37vw !important;
}

.vw-38 {
    width: 38vw !important;
}

.vw-39 {
    width: 39vw !important;
}

.vw-40 {
    width: 40vw !important;
}

.vw-41 {
    width: 41vw !important;
}

.vw-42 {
    width: 42vw !important;
}

.vw-43 {
    width: 43vw !important;
}

.vw-44 {
    width: 44vw !important;
}

.vw-45 {
    width: 45vw !important;
}

.vw-46 {
    width: 46vw !important;
}

.vw-47 {
    width: 47vw !important;
}

.vw-48 {
    width: 48vw !important;
}

.vw-49 {
    width: 49vw !important;
}

.vw-50 {
    width: 50vw !important;
}

.vw-51 {
    width: 51vw !important;
}

.vw-52 {
    width: 52vw !important;
}

.vw-53 {
    width: 53vw !important;
}

.vw-54 {
    width: 54vw !important;
}

.vw-55 {
    width: 55vw !important;
}

.vw-56 {
    width: 56vw !important;
}

.vw-57 {
    width: 57vw !important;
}

.vw-58 {
    width: 58vw !important;
}

.vw-59 {
    width: 59vw !important;
}

.vw-60 {
    width: 60vw !important;
}

.vw-61 {
    width: 61vw !important;
}

.vw-62 {
    width: 62vw !important;
}

.vw-63 {
    width: 63vw !important;
}

.vw-64 {
    width: 64vw !important;
}

.vw-65 {
    width: 65vw !important;
}

.vw-66 {
    width: 66vw !important;
}

.vw-67 {
    width: 67vw !important;
}

.vw-68 {
    width: 68vw !important;
}

.vw-69 {
    width: 69vw !important;
}

.vw-70 {
    width: 70vw !important;
}

.vw-71 {
    width: 71vw !important;
}

.vw-72 {
    width: 72vw !important;
}

.vw-73 {
    width: 73vw !important;
}

.vw-74 {
    width: 74vw !important;
}

.vw-75 {
    width: 75vw !important;
}

.vw-76 {
    width: 76vw !important;
}

.vw-77 {
    width: 77vw !important;
}

.vw-78 {
    width: 78vw !important;
}

.vw-79 {
    width: 79vw !important;
}

.vw-8 {
    width: 8vw !important;
}

.vw-81 {
    width: 81vw !important;
}

.vw-82 {
    width: 82vw !important;
}

.vw-83 {
    width: 83vw !important;
}

.vw-84 {
    width: 84vw !important;
}

.vw-85 {
    width: 85vw !important;
}

.vw-86 {
    width: 86vw !important;
}

.vw-87 {
    width: 87vw !important;
}

.vw-88 {
    width: 88vw !important;
}

.vw-89 {
    width: 89vw !important;
}

.vw-90 {
    width: 90vw !important;
}

.vw-91 {
    width: 91vw !important;
}

.vw-92 {
    width: 92vw !important;
}

.vw-93 {
    width: 93vw !important;
}

.vw-94 {
    width: 94vw !important;
}

.vw-95 {
    width: 95vw !important;
}

.vw-96 {
    width: 96vw !important;
}

.vw-97 {
    width: 97vw !important;
}

.vw-98 {
    width: 98vw !important;
}

.vw-99 {
    width: 99vw !important;
}

.vw-100 {
    width: 100vw !important;
}


.vh-1 {
    height: 1vh !important;
}

.vh-2 {
    height: 2vh !important;
}

.vh-3 {
    height: 3vh !important;
}

.vh-4 {
    height: 4vh !important;
}

.vh-5 {
    height: 5vh !important;
}

.vh-6 {
    height: 6vh !important;
}

.vh-7 {
    height: 7vh !important;
}

.vh-8 {
    height: 8vh !important;
}

.vh-9 {
    height: 9vh !important;
}

.vh-10 {
    height: 10vh !important;
}

.vh-11 {
    height: 11vh !important;
}

.vh-12 {
    height: 12vh !important;
}

.vh-13 {
    height: 13vh !important;
}

.vh-14 {
    height: 14vh !important;
}

.vh-15 {
    height: 15vh !important;
}

.vh-16 {
    height: 16vh !important;
}

.vh-17 {
    height: 17vh !important;
}

.vh-18 {
    height: 18vh !important;
}

.vh-19 {
    height: 19vh !important;
}

.vh-20 {
    height: 20vh !important;
}

.vh-21 {
    height: 21vh !important;
}

.vh-22 {
    height: 22vh !important;
}

.vh-23 {
    height: 23vh !important;
}

.vh-24 {
    height: 24vh !important;
}

.vh-25 {
    height: 25vh !important;
}

.vh-26 {
    height: 26vh !important;
}

.vh-27 {
    height: 27vh !important;
}

.vh-28 {
    height: 28vh !important;
}

.vh-29 {
    height: 29vh !important;
}

.vh-30 {
    height: 30vh !important;
}

.vh-31 {
    height: 31vh !important;
}

.vh-32 {
    height: 32vh !important;
}

.vh-33 {
    height: 33vh !important;
}

.vh-34 {
    height: 34vh !important;
}

.vh-35 {
    height: 35vh !important;
}

.vh-36 {
    height: 36vh !important;
}

.vh-37 {
    height: 37vh !important;
}

.vh-38 {
    height: 38vh !important;
}

.vh-39 {
    height: 39vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.vh-41 {
    height: 41vh !important;
}

.vh-42 {
    height: 42vh !important;
}

.vh-43 {
    height: 43vh !important;
}

.vh-44 {
    height: 44vh !important;
}

.vh-45 {
    height: 45vh !important;
}

.vh-46 {
    height: 46vh !important;
}

.vh-47 {
    height: 47vh !important;
}

.vh-48 {
    height: 48vh !important;
}

.vh-49 {
    height: 49vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-51 {
    height: 51vh !important;
}

.vh-52 {
    height: 52vh !important;
}

.vh-53 {
    height: 53vh !important;
}

.vh-54 {
    height: 54vh !important;
}

.vh-55 {
    height: 55vh !important;
}

.vh-56 {
    height: 56vh !important;
}

.vh-57 {
    height: 57vh !important;
}

.vh-58 {
    height: 58vh !important;
}

.vh-59 {
    height: 59vh !important;
}

.vh-60 {
    height: 60vh !important;
}

.vh-61 {
    height: 61vh !important;
}

.vh-62 {
    height: 62vh !important;
}

.vh-63 {
    height: 63vh !important;
}

.vh-64 {
    height: 64vh !important;
}

.vh-65 {
    height: 65vh !important;
}

.vh-66 {
    height: 66vh !important;
}

.vh-67 {
    height: 67vh !important;
}

.vh-68 {
    height: 68vh !important;
}

.vh-69 {
    height: 69vh !important;
}

.vh-70 {
    height: 70vh !important;
}

.vh-71 {
    height: 71vh !important;
}

.vh-72 {
    height: 72vh !important;
}

.vh-73 {
    height: 73vh !important;
}

.vh-74 {
    height: 74vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-76 {
    height: 76vh !important;
}

.vh-77 {
    height: 77vh !important;
}

.vh-78 {
    height: 78vh !important;
}

.vh-79 {
    height: 79vh !important;
}

.vh-80 {
    height: 80vh !important;
}

.vh-81 {
    height: 81vh !important;
}

.vh-82 {
    height: 82vh !important;
}

.vh-83 {
    height: 83vh !important;
}

.vh-84 {
    height: 84vh !important;
}

.vh-85 {
    height: 85vh !important;
}

.vh-86 {
    height: 86vh !important;
}

.vh-87 {
    height: 87vh !important;
}

.vh-88 {
    height: 88vh !important;
}

.vh-89 {
    height: 89vh !important;
}

.vh-90 {
    height: 90vh !important;
}

.vh-91 {
    height: 91vh !important;
}

.vh-92 {
    height: 92vh !important;
}

.vh-93 {
    height: 93vh !important;
}

.vh-94 {
    height: 94vh !important;
}

.vh-95 {
    height: 95vh !important;
}

.vh-96 {
    height: 96vh !important;
}

.vh-97 {
    height: 97vh !important;
}

.vh-98 {
    height: 98vh !important;
}

.vh-99 {
    height: 99vh !important;
}

.vh-100 {
    height: 100vh !important;
}



/*
    Max view width & view height
*/

.max-vw-1 {
    max-width: 1vw !important;
}

.max-vw-2 {
    max-width: 2vw !important;
}

.max-vw-3 {
    max-width: 3vw !important;
}

.max-vw-4 {
    max-width: 4vw !important;
}

.max-vw-5 {
    max-width: 5vw !important;
}

.max-vw-6 {
    max-width: 6vw !important;
}

.max-vw-7 {
    max-width: 7vw !important;
}

.max-vw-8 {
    max-width: 8vw !important;
}

.max-vw-9 {
    max-width: 9vw !important;
}

.max-vw-10 {
    max-width: 10vw !important;
}

.max-vw-11 {
    max-width: 11vw !important;
}

.max-vw-12 {
    max-width: 12vw !important;
}

.max-vw-13 {
    max-width: 13vw !important;
}

.max-vw-14 {
    max-width: 14vw !important;
}

.max-vw-15 {
    max-width: 15vw !important;
}

.max-vw-16 {
    max-width: 16vw !important;
}

.max-vw-17 {
    max-width: 17vw !important;
}

.max-vw-18 {
    max-width: 18vw !important;
}

.max-vw-19 {
    max-width: 19vw !important;
}

.max-vw-20 {
    max-width: 20vw !important;
}

.max-vw-21 {
    max-width: 21vw !important;
}

.max-vw-22 {
    max-width: 22vw !important;
}

.max-vw-23 {
    max-width: 23vw !important;
}

.max-vw-24 {
    max-width: 24vw !important;
}

.max-vw-25 {
    max-width: 25vw !important;
}

.max-vw-26 {
    max-width: 26vw !important;
}

.max-vw-27 {
    max-width: 27vw !important;
}

.max-vw-28 {
    max-width: 28vw !important;
}

.max-vw-29 {
    max-width: 29vw !important;
}

.max-vw-30 {
    max-width: 30vw !important;
}

.max-vw-31 {
    max-width: 31vw !important;
}

.max-vw-32 {
    max-width: 32vw !important;
}

.max-vw-33 {
    max-width: 33vw !important;
}

.max-vw-34 {
    max-width: 34vw !important;
}

.max-vw-35 {
    max-width: 35vw !important;
}

.max-vw-36 {
    max-width: 36vw !important;
}

.max-vw-37 {
    max-width: 37vw !important;
}

.max-vw-38 {
    max-width: 38vw !important;
}

.max-vw-39 {
    max-width: 39vw !important;
}

.max-vw-40 {
    max-width: 40vw !important;
}

.max-vw-41 {
    max-width: 41vw !important;
}

.max-vw-42 {
    max-width: 42vw !important;
}

.max-vw-43 {
    max-width: 43vw !important;
}

.max-vw-44 {
    max-width: 44vw !important;
}

.max-vw-45 {
    max-width: 45vw !important;
}

.max-vw-46 {
    max-width: 46vw !important;
}

.max-vw-47 {
    max-width: 47vw !important;
}

.max-vw-48 {
    max-width: 48vw !important;
}

.max-vw-49 {
    max-width: 49vw !important;
}

.max-vw-50 {
    max-width: 50vw !important;
}

.max-vw-51 {
    max-width: 51vw !important;
}

.max-vw-52 {
    max-width: 52vw !important;
}

.max-vw-53 {
    max-width: 53vw !important;
}

.max-vw-54 {
    max-width: 54vw !important;
}

.max-vw-55 {
    max-width: 55vw !important;
}

.max-vw-56 {
    max-width: 56vw !important;
}

.max-vw-57 {
    max-width: 57vw !important;
}

.max-vw-58 {
    max-width: 58vw !important;
}

.max-vw-59 {
    max-width: 59vw !important;
}

.max-vw-60 {
    max-width: 60vw !important;
}

.max-vw-61 {
    max-width: 61vw !important;
}

.max-vw-62 {
    max-width: 62vw !important;
}

.max-vw-63 {
    max-width: 63vw !important;
}

.max-vw-64 {
    max-width: 64vw !important;
}

.max-vw-65 {
    max-width: 65vw !important;
}

.max-vw-66 {
    max-width: 66vw !important;
}

.max-vw-67 {
    max-width: 67vw !important;
}

.max-vw-68 {
    max-width: 68vw !important;
}

.max-vw-69 {
    max-width: 69vw !important;
}

.max-vw-70 {
    max-width: 70vw !important;
}

.max-vw-71 {
    max-width: 71vw !important;
}

.max-vw-72 {
    max-width: 72vw !important;
}

.max-vw-73 {
    max-width: 73vw !important;
}

.max-vw-74 {
    max-width: 74vw !important;
}

.max-vw-75 {
    max-width: 75vw !important;
}

.max-vw-76 {
    max-width: 76vw !important;
}

.max-vw-77 {
    max-width: 77vw !important;
}

.max-vw-78 {
    max-width: 78vw !important;
}

.max-vw-79 {
    max-width: 79vw !important;
}

.max-vw-8 {
    max-width: 8vw !important;
}

.max-vw-81 {
    max-width: 81vw !important;
}

.max-vw-82 {
    max-width: 82vw !important;
}

.max-vw-83 {
    max-width: 83vw !important;
}

.max-vw-84 {
    max-width: 84vw !important;
}

.max-vw-85 {
    max-width: 85vw !important;
}

.max-vw-86 {
    max-width: 86vw !important;
}

.max-vw-87 {
    max-width: 87vw !important;
}

.max-vw-88 {
    max-width: 88vw !important;
}

.max-vw-89 {
    max-width: 89vw !important;
}

.max-vw-90 {
    max-width: 90vw !important;
}

.max-vw-91 {
    max-width: 91vw !important;
}

.max-vw-92 {
    max-width: 92vw !important;
}

.max-vw-93 {
    max-width: 93vw !important;
}

.max-vw-94 {
    max-width: 94vw !important;
}

.max-vw-95 {
    max-width: 95vw !important;
}

.max-vw-96 {
    max-width: 96vw !important;
}

.max-vw-97 {
    max-width: 97vw !important;
}

.max-vw-98 {
    max-width: 98vw !important;
}

.max-vw-99 {
    max-width: 99vw !important;
}

.max-vw-100 {
    max-width: 100vw !important;
}

.max-vh-1 {
    max-height: 1vh !important;
}

.max-vh-2 {
    max-height: 2vh !important;
}

.max-vh-3 {
    max-height: 3vh !important;
}

.max-vh-4 {
    max-height: 4vh !important;
}

.max-vh-5 {
    max-height: 5vh !important;
}

.max-vh-6 {
    max-height: 6vh !important;
}

.max-vh-7 {
    max-height: 7vh !important;
}

.max-vh-8 {
    max-height: 8vh !important;
}

.max-vh-9 {
    max-height: 9vh !important;
}

.max-vh-10 {
    max-height: 10vh !important;
}

.max-vh-11 {
    max-height: 11vh !important;
}

.max-vh-12 {
    max-height: 12vh !important;
}

.max-vh-13 {
    max-height: 13vh !important;
}

.max-vh-14 {
    max-height: 14vh !important;
}

.max-vh-15 {
    max-height: 15vh !important;
}

.max-vh-16 {
    max-height: 16vh !important;
}

.max-vh-17 {
    max-height: 17vh !important;
}

.max-vh-18 {
    max-height: 18vh !important;
}

.max-vh-19 {
    max-height: 19vh !important;
}

.max-vh-20 {
    max-height: 20vh !important;
}

.max-vh-21 {
    max-height: 21vh !important;
}

.max-vh-22 {
    max-height: 22vh !important;
}

.max-vh-23 {
    max-height: 23vh !important;
}

.max-vh-24 {
    max-height: 24vh !important;
}

.max-vh-25 {
    max-height: 25vh !important;
}

.max-vh-26 {
    max-height: 26vh !important;
}

.max-vh-27 {
    max-height: 27vh !important;
}

.max-vh-28 {
    max-height: 28vh !important;
}

.max-vh-29 {
    max-height: 29vh !important;
}

.max-vh-30 {
    max-height: 30vh !important;
}

.max-vh-31 {
    max-height: 31vh !important;
}

.max-vh-32 {
    max-height: 32vh !important;
}

.max-vh-33 {
    max-height: 33vh !important;
}

.max-vh-34 {
    max-height: 34vh !important;
}

.max-vh-35 {
    max-height: 35vh !important;
}

.max-vh-36 {
    max-height: 36vh !important;
}

.max-vh-37 {
    max-height: 37vh !important;
}

.max-vh-38 {
    max-height: 38vh !important;
}

.max-vh-39 {
    max-height: 39vh !important;
}

.max-vh-40 {
    max-height: 40vh !important;
}

.max-vh-41 {
    max-height: 41vh !important;
}

.max-vh-42 {
    max-height: 42vh !important;
}

.max-vh-43 {
    max-height: 43vh !important;
}

.max-vh-44 {
    max-height: 44vh !important;
}

.max-vh-45 {
    max-height: 45vh !important;
}

.max-vh-46 {
    max-height: 46vh !important;
}

.max-vh-47 {
    max-height: 47vh !important;
}

.max-vh-48 {
    max-height: 48vh !important;
}

.max-vh-49 {
    max-height: 49vh !important;
}

.max-vh-50 {
    max-height: 50vh !important;
}

.max-vh-51 {
    max-height: 51vh !important;
}

.max-vh-52 {
    max-height: 52vh !important;
}

.max-vh-53 {
    max-height: 53vh !important;
}

.max-vh-54 {
    max-height: 54vh !important;
}

.max-vh-55 {
    max-height: 55vh !important;
}

.max-vh-56 {
    max-height: 56vh !important;
}

.max-vh-57 {
    max-height: 57vh !important;
}

.max-vh-58 {
    max-height: 58vh !important;
}

.max-vh-59 {
    max-height: 59vh !important;
}

.max-vh-60 {
    max-height: 60vh !important;
}

.max-vh-61 {
    max-height: 61vh !important;
}

.max-vh-62 {
    max-height: 62vh !important;
}

.max-vh-63 {
    max-height: 63vh !important;
}

.max-vh-64 {
    max-height: 64vh !important;
}

.max-vh-65 {
    max-height: 65vh !important;
}

.max-vh-66 {
    max-height: 66vh !important;
}

.max-vh-67 {
    max-height: 67vh !important;
}

.max-vh-68 {
    max-height: 68vh !important;
}

.max-vh-69 {
    max-height: 69vh !important;
}

.max-vh-70 {
    max-height: 70vh !important;
}

.max-vh-71 {
    max-height: 71vh !important;
}

.max-vh-72 {
    max-height: 72vh !important;
}

.max-vh-73 {
    max-height: 73vh !important;
}

.max-vh-74 {
    max-height: 74vh !important;
}

.max-vh-75 {
    max-height: 75vh !important;
}

.max-vh-76 {
    max-height: 76vh !important;
}

.max-vh-77 {
    max-height: 77vh !important;
}

.max-vh-78 {
    max-height: 78vh !important;
}

.max-vh-79 {
    max-height: 79vh !important;
}

.max-vh-8 {
    max-height: 8vh !important;
}

.max-vh-81 {
    max-height: 81vh !important;
}

.max-vh-82 {
    max-height: 82vh !important;
}

.max-vh-83 {
    max-height: 83vh !important;
}

.max-vh-84 {
    max-height: 84vh !important;
}

.max-vh-85 {
    max-height: 85vh !important;
}

.max-vh-86 {
    max-height: 86vh !important;
}

.max-vh-87 {
    max-height: 87vh !important;
}

.max-vh-88 {
    max-height: 88vh !important;
}

.max-vh-89 {
    max-height: 89vh !important;
}

.max-vh-90 {
    max-height: 90vh !important;
}

.max-vh-91 {
    max-height: 91vh !important;
}

.max-vh-92 {
    max-height: 92vh !important;
}

.max-vh-93 {
    max-height: 93vh !important;
}

.max-vh-94 {
    max-height: 94vh !important;
}

.max-vh-95 {
    max-height: 95vh !important;
}

.max-vh-96 {
    max-height: 96vh !important;
}

.max-vh-97 {
    max-height: 97vh !important;
}

.max-vh-98 {
    max-height: 98vh !important;
}

.max-vh-99 {
    max-height: 99vh !important;
}

.max-vh-100 {
    max-height: 100vh !important;
}