.VerticalLayout {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.HorizontalLayout {
    display: flex;
    box-sizing: border-box;
}
.top {
    align-items: start;
    justify-content: center;
}
.start {
    align-items: center;
    justify-content: start;
}
.end {
    justify-content: end;
}
.bottom {
    align-items: center;
    justify-content: end;
}
.bottomHorizontal {
    align-items: end;
    justify-content: center;
}
.left {
    justify-content: center;
    align-items: start;
    width: 100%;
}
.leftHorizontal {
    justify-content: start;
    align-items: center;
    width: 100%;
}
.rightHorizontal {
    justify-content: end;
    align-items: center;
    width: 100%;
}
.right {
    justify-content: end;
    width: 100%;
}
.rightVertical {
    justify-content: center;
    align-items: end;
    width: 100%;
}
.oh{
    overflow: hidden;
}
.center {
    align-items: center;
    justify-content: center;
}
.centerV {
    align-items: center;
}
.centerH {
    align-items: center;
}
.space-between {
    justify-content: space-between;
}
.space-around {
    text-align: center;
    justify-content: space-around;
}
.horizontalContent {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.verticalContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}
.horizontalCommon {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 29px;
}
.historyNode {
    display: flex;
    padding: 0px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.verticalCommon {
    display: flex;
    padding: 20px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 29px;
}
.multiContent::-webkit-scrollbar {
    width: 10px;
    background-color: #ffffff00;
}
.multiContent::-webkit-scrollbar-thumb {
    background: #397bec00;
    border-radius: 20px;
}
.multiContent {
    display: flex;
    height: 100%;
    padding: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    padding: 20px 0px;
    justify-content: center;
    align-items: start;
    align-content: start;
    row-gap: 30px;
    column-gap: 30px;
    align-self: stretch;
    flex-wrap: wrap;
}
.descDevice {
    transition: all .3s;
}
.fixed {
    background-color: #ECF4FD;
    position: fixed;
    width: 400px;
    height: 200px;
    top: calc(50% - 100px);
    left: calc(50% - 200px);
}
.horizontalSpace {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding: 20px;
}
.contentImages {
    width: 240px;
    height: 240px;
    background-color: red;
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: scroll;
    overflow: scroll;
}
.nameDevice {
    transition: all .5s;
}
.targetDevice:hover > .VerticalLayout > .nameDevice{
    transform: translate(0,-10px);
}
.targetDevice:hover > .VerticalLayout > .descDevice{
    transform: translate(0,-10px);
    opacity: .5;
}
.targetDevice:hover > img{
    transform: scale(1.2) translate(0,-20px);
}
.targetDevice img{
    transition: all .4s;
}
.targetDevice {
    display: flex;
    width: 30%;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 29px;
    background: #FFF;
    border: none;
    outline: none;
    gap: 10px;
    transition: all .5s;
}
.targetDevice:active {
    background-color: #e3e8ef;
}
.space-around {
    justify-content: space-around;
}
.bounceImg {
    overflow: hidden;
}
.bounceImg:hover img {
    transform: scale(1.1);
}
.contentSuggestions {
    position: relative;
}
.contentGrid {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-shrink: 0;
    flex-wrap: wrap;
}
.contentNode {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 32px 20px;
    flex-wrap: wrap;
}

.bgColorSecondary {
    background-color: #F4F8F9;
}

.bgbar{
    background-color: #8799AD;
}
.bgp {
    background-color: #976EDA;
}
.bgw {
    background-color: white;
}
.bgb {
    background-color: #000000;
}
.bgbb {
    background-color: #141416;
}
.bgbl {
    background-color: #F4F8F9;
}
.bgg {
    background-color: #444444;
}
.bgbw {
    background-color: #F5F7F9;
}
.bgo {
    background-color: #ffbb00;
}
.bgbwb {
    background-color: #e7e7e77f;
    backdrop-filter: blur(10px);
}
.ps {
    position: relative;
}
.br-10 {
    border-radius: 10px;
}

.br-15 {
    border-radius: 15px;
}

.br-20 {
    border-radius: 20px;
}

.br-25 {
    border-radius: 25px;
}

.br-30 {
    border-radius: 30px;
}

.br-35 {
    border-radius: 35px;
}

.br-40 {
    border-radius: 40px;
}

.br-45 {
    border-radius: 45px;
}

.br-50 {
    border-radius: 50px;
}

.br-55 {
    border-radius: 55px;
}

.br-60 {
    border-radius: 60px;
}

.br-65 {
    border-radius: 65px;
}

.br-70 {
    border-radius: 70px;
}

.br-75 {
    border-radius: 75px;
}

.br-80 {
    border-radius: 80px;
}

.br-85 {
    border-radius: 85px;
}

.br-90 {
    border-radius: 90px;
}

.br-95 {
    border-radius: 95px;
}

.br-100 {
    border-radius: 100px;
}



.padding-vertical-5 {
    padding-bottom: 5px;
    padding-top: 5px;
}

.padding-vertical-10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.padding-vertical-15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.padding-vertical-20 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.padding-vertical-25 {
    padding-bottom: 25px;
    padding-top: 25px;
}

.padding-vertical-30 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.padding-vertical-35 {
    padding-bottom: 35px;
    padding-top: 35px;
}

.padding-vertical-40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.padding-vertical-45 {
    padding-bottom: 45px;
    padding-top: 45px;
}

.padding-vertical-50 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.padding-vertical-55 {
    padding-bottom: 55px;
    padding-top: 55px;
}

.padding-vertical-60 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.padding-vertical-65 {
    padding-bottom: 65px;
    padding-top: 65px;
}

.padding-vertical-70 {
    padding-bottom: 70px;
    padding-top: 70px;
}

.padding-vertical-75 {
    padding-bottom: 75px;
    padding-top: 75px;
}

.padding-vertical-80 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.padding-vertical-85 {
    padding-bottom: 85px;
    padding-top: 85px;
}

.padding-vertical-90 {
    padding-bottom: 90px;
    padding-top: 90px;
}

.padding-vertical-95 {
    padding-bottom: 95px;
    padding-top: 95px;
}

.padding-vertical-100 {
    padding-bottom: 100px;
    padding-top: 100px;
}

.padding-vertical-105 {
    padding-bottom: 105px;
    padding-top: 105px;
}

.padding-vertical-110 {
    padding-bottom: 110px;
    padding-top: 110px;
}

.padding-vertical-115 {
    padding-bottom: 115px;
    padding-top: 115px;
}

.padding-vertical-120 {
    padding-bottom: 120px;
    padding-top: 120px;
}

.padding-vertical-125 {
    padding-bottom: 125px;
    padding-top: 125px;
}

.padding-vertical-130 {
    padding-bottom: 130px;
    padding-top: 130px;
}

.padding-vertical-135 {
    padding-bottom: 135px;
    padding-top: 135px;
}

.padding-vertical-140 {
    padding-bottom: 140px;
    padding-top: 140px;
}

.padding-vertical-145 {
    padding-bottom: 145px;
    padding-top: 145px;
}

.padding-vertical-150 {
    padding-bottom: 150px;
    padding-top: 150px;
}
.padding-vertical-155 {
    padding-bottom: 155px;
    padding-top: 155px;
}

.padding-vertical-160 {
    padding-bottom: 160px;
    padding-top: 160px;
}

.padding-vertical-165 {
    padding-bottom: 165px;
    padding-top: 165px;
}

.padding-vertical-170 {
    padding-bottom: 170px;
    padding-top: 170px;
}

.padding-vertical-175 {
    padding-bottom: 175px;
    padding-top: 175px;
}

.padding-vertical-180 {
    padding-bottom: 180px;
    padding-top: 180px;
}

.padding-vertical-185 {
    padding-bottom: 185px;
    padding-top: 185px;
}

.padding-vertical-190 {
    padding-bottom: 190px;
    padding-top: 190px;
}

.padding-vertical-195 {
    padding-bottom: 195px;
    padding-top: 195px;
}

.padding-vertical-200 {
    padding-bottom: 200px;
    padding-top: 200px;
}

.padding-vertical-205 {
    padding-bottom: 205px;
    padding-top: 205px;
}

.padding-vertical-210 {
    padding-bottom: 210px;
    padding-top: 210px;
}

.padding-vertical-215 {
    padding-bottom: 215px;
    padding-top: 215px;
}

.padding-vertical-220 {
    padding-bottom: 220px;
    padding-top: 220px;
}

.padding-vertical-225 {
    padding-bottom: 225px;
    padding-top: 225px;
}

.padding-vertical-230 {
    padding-bottom: 230px;
    padding-top: 230px;
}

.padding-vertical-235 {
    padding-bottom: 235px;
    padding-top: 235px;
}

.padding-vertical-240 {
    padding-bottom: 240px;
    padding-top: 240px;
}

.padding-vertical-245 {
    padding-bottom: 245px;
    padding-top: 245px;
}

.padding-vertical-250 {
    padding-bottom: 250px;
    padding-top: 250px;
}




.mth5 {
    margin-top: 5dvh;
}

.mth10 {
    margin-top: 10dvh;
}

.mth15 {
    margin-top: 15dvh;
}

.mth20 {
    margin-top: 20dvh;
}

.mth25 {
    margin-top: 25dvh;
}

.mth30 {
    margin-top: 30dvh;
}

.mth35 {
    margin-top: 35dvh;
}

.mth40 {
    margin-top: 40dvh;
}

.mth45 {
    margin-top: 45dvh;
}

.mth50 {
    margin-top: 50dvh;
}

.mth55 {
    margin-top: 55dvh;
}

.mth60 {
    margin-top: 60dvh;
}

.mth65 {
    margin-top: 65dvh;
}

.mth70 {
    margin-top: 70dvh;
}

.mth75 {
    margin-top: 75dvh;
}

.mth80 {
    margin-top: 80dvh;
}

.mth85 {
    margin-top: 85dvh;
}

.mth90 {
    margin-top: 90dvh;
}

.mth95 {
    margin-top: 95dvh;
}

.mth100 {
    margin-top: 100dvh;
}

.mth105 {
    margin-top: 105dvh;
}

.mth110 {
    margin-top: 110dvh;
}

.mth115 {
    margin-top: 115dvh;
}

.mth120 {
    margin-top: 120dvh;
}

.mth125 {
    margin-top: 125dvh;
}

.mth130 {
    margin-top: 130dvh;
}

.mth135 {
    margin-top: 135dvh;
}

.mth140 {
    margin-top: 140dvh;
}

.mth145 {
    margin-top: 145dvh;
}

.mth150 {
    margin-top: 150dvh;
}

.mth155 {
    margin-top: 155dvh;
}

.mth160 {
    margin-top: 160dvh;
}

.mth165 {
    margin-top: 165dvh;
}

.mth170 {
    margin-top: 170dvh;
}

.mth175 {
    margin-top: 175dvh;
}

.mth180 {
    margin-top: 180dvh;
}

.mth185 {
    margin-top: 185dvh;
}

.mth190 {
    margin-top: 190dvh;
}

.mth195 {
    margin-top: 195dvh;
}

.mth200 {
    margin-top: 200dvh;
}







.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

.mt75 {
    margin-top: 75px;
}

.mt80 {
    margin-top: 80px;
}

.mt85 {
    margin-top: 85px;
}

.mt90 {
    margin-top: 90px;
}

.mt95 {
    margin-top: 95px;
}

.mt100 {
    margin-top: 100px;
}

.mt105 {
    margin-top: 105px;
}

.mt110 {
    margin-top: 110px;
}

.mt115 {
    margin-top: 115px;
}

.mt120 {
    margin-top: 120px;
}

.mt125 {
    margin-top: 125px;
}

.mt130 {
    margin-top: 130px;
}

.mt135 {
    margin-top: 135px;
}

.mt140 {
    margin-top: 140px;
}

.mt145 {
    margin-top: 145px;
}

.mt150 {
    margin-top: 150px;
}

.mt155 {
    margin-top: 155px;
}

.mt160 {
    margin-top: 160px;
}

.mt165 {
    margin-top: 165px;
}

.mt170 {
    margin-top: 170px;
}

.mt175 {
    margin-top: 175px;
}

.mt180 {
    margin-top: 180px;
}

.mt185 {
    margin-top: 185px;
}

.mt190 {
    margin-top: 190px;
}

.mt195 {
    margin-top: 195px;
}

.mt200 {
    margin-top: 200px;
}





.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m25 {
    margin: 25px;
}

.m30 {
    margin: 30px;
}

.m35 {
    margin: 35px;
}

.m40 {
    margin: 40px;
}

.m45 {
    margin: 45px;
}

.m50 {
    margin: 50px;
}

.m55 {
    margin: 55px;
}

.m60 {
    margin: 60px;
}

.m65 {
    margin: 65px;
}

.m70 {
    margin: 70px;
}

.m75 {
    margin: 75px;
}

.m80 {
    margin: 80px;
}

.m85 {
    margin: 85px;
}

.m90 {
    margin: 90px;
}

.m95 {
    margin: 95px;
}

.m100 {
    margin: 100px;
}

.m105 {
    margin: 105px;
}

.m110 {
    margin: 110px;
}

.m115 {
    margin: 115px;
}

.m120 {
    margin: 120px;
}

.m125 {
    margin: 125px;
}

.m130 {
    margin: 130px;
}

.m135 {
    margin: 135px;
}

.m140 {
    margin: 140px;
}

.m145 {
    margin: 145px;
}

.m150 {
    margin: 150px;
}

.m155 {
    margin: 155px;
}

.m160 {
    margin: 160px;
}

.m165 {
    margin: 165px;
}

.m170 {
    margin: 170px;
}

.m175 {
    margin: 175px;
}

.m180 {
    margin: 180px;
}

.m185 {
    margin: 185px;
}

.m190 {
    margin: 190px;
}

.m195 {
    margin: 195px;
}

.m200 {
    margin: 200px;
}







.w5 {
    width: 5%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w55 {
    width: 55%;
}

.w59 {
    width: 59%;
}
.w28 {
    width: 28%;
}

.w60 {
    width: 60%;
}

.w65 {
    width: 65%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.w85 {
    width: 85%;
}

.w90 {
    width: 90%;
}

.w95 {
    width: 95%;
}

.w100 {
    width: 100% !important;
}



.ww5 {
    width: 5dvw;
}

.ww10 {
    width: 10dvw;
}

.ww15 {
    width: 15dvw;
}

.ww20 {
    width: 20dvw;
}

.ww25 {
    width: 25dvw;
}

.ww30 {
    width: 30dvw;
}

.ww35 {
    width: 35dvw;
}

.ww40 {
    width: 40dvw;
}

.ww45 {
    width: 45dvw;
}

.ww50 {
    width: 50dvw;
}

.ww55 {
    width: 55dvw;
}

.ww60 {
    width: 60dvw;
}

.ww65 {
    width: 65dvw;
}

.ww70 {
    width: 70dvw;
}

.ww75 {
    width: 75dvw;
}

.ww80 {
    width: 80dvw;
}

.ww85 {
    width: 85dvw;
}

.ww90 {
    width: 90dvw;
}

.ww95 {
    width: 95dvw;
}

.ww100 {
    width: 100dvw;
}


.hh5 {
    height: 5dvh;
}

.hh10 {
    height: 10dvh;
}

.hh15 {
    height: 15dvh;
}

.hh20 {
    height: 20dvh;
}

.hh25 {
    height: 25dvh;
}

.hh30 {
    height: 30dvh;
}

.hh35 {
    height: 35dvh;
}

.hh40 {
    height: 40dvh;
}

.hh45 {
    height: 45dvh;
}

.hh50 {
    height: 50dvh;
}

.hh55 {
    height: 55dvh;
}

.hh60 {
    height: 60dvh;
}

.hh65 {
    height: 65dvh;
}

.hh70 {
    height: 70dvh;
}

.hh75 {
    height: 75dvh;
}

.hh80 {
    height: 80dvh;
}

.hh85 {
    height: 85dvh;
}

.hh90 {
    height: 90dvh;
}

.hh95 {
    height: 95dvh;
}

.hh100 {
    height: 100dvh;
}


.h5 {
    height: 5%;
}

.h10 {
    height: 10%;
}

.h15 {
    height: 15%;
}

.h20 {
    height: 20%;
}

.h25 {
    height: 25%;
}

.h30 {
    height: 30%;
}

.h35 {
    height: 35%;
}

.h40 {
    height: 40%;
}

.h45 {
    height: 45%;
}

.h50 {
    height: 50%;
}

.h55 {
    height: 55%;
}

.h60 {
    height: 60%;
}

.h65 {
    height: 65%;
}

.h70 {
    height: 70%;
}

.h75 {
    height: 75%;
}

.h80 {
    height: 80%;
}

.h85 {
    height: 85%;
}

.h90 {
    height: 90%;
}

.h95 {
    height: 95%;
}

.h100 {
    height: 100%;
}
.padding-0 {
    padding: 0px;
}
.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-25 {
    padding: 25px;
}

.padding-30 {
    padding: 30px;
}

.padding-35 {
    padding: 35px;
}

.padding-40 {
    padding: 40px;
}

.padding-45 {
    padding: 45px;
}

.padding-50 {
    padding: 50px;
}

.padding-55 {
    padding: 55px;
}

.padding-60 {
    padding: 60px;
}

.padding-65 {
    padding: 65px;
}

.padding-70 {
    padding: 70px;
}

.padding-75 {
    padding: 75px;
}

.padding-80 {
    padding: 80px;
}

.padding-85 {
    padding: 85px;
}

.padding-90 {
    padding: 90px;
}

.padding-95 {
    padding: 95px;
}

.padding-100 {
    padding: 100px;
}

.padding-105 {
    padding: 105px;
}

.padding-110 {
    padding: 110px;
}

.padding-115 {
    padding: 115px;
}

.padding-120 {
    padding: 120px;
}

.padding-125 {
    padding: 125px;
}

.padding-130 {
    padding: 130px;
}

.padding-135 {
    padding: 135px;
}

.padding-140 {
    padding: 140px;
}

.padding-145 {
    padding: 145px;
}

.padding-150 {
    padding: 150px;
}


.padding-top-h-5 {
    padding-top: 5dvh;
}

.padding-top-h-10 {
    padding-top: 10dvh;
}

.padding-top-h-15 {
    padding-top: 15dvh;
}

.padding-top-h-20 {
    padding-top: 20dvh;
}

.padding-top-h-25 {
    padding-top: 25dvh;
}

.padding-top-h-30 {
    padding-top: 30dvh;
}

.padding-top-h-35 {
    padding-top: 35dvh;
}

.padding-top-h-40 {
    padding-top: 40dvh;
}

.padding-top-h-45 {
    padding-top: 45dvh;
}

.padding-top-h-50 {
    padding-top: 50dvh;
}

.padding-top-h-55 {
    padding-top: 55dvh;
}

.padding-top-h-60 {
    padding-top: 60dvh;
}

.padding-top-h-65 {
    padding-top: 65dvh;
}

.padding-top-h-70 {
    padding-top: 70dvh;
}

.padding-top-h-75 {
    padding-top: 75dvh;
}

.padding-top-h-80 {
    padding-top: 80dvh;
}

.padding-top-h-85 {
    padding-top: 85dvh;
}

.padding-top-h-90 {
    padding-top: 90dvh;
}

.padding-top-h-95 {
    padding-top: 95dvh;
}

.padding-top-h-100 {
    padding-top: 100dvh;
}


.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-55 {
    padding-top: 55px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-top-65 {
    padding-top: 65px;
}

.padding-top-70 {
    padding-top: 70px;
}

.padding-top-75 {
    padding-top: 75px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-top-85 {
    padding-top: 85px;
}

.padding-top-90 {
    padding-top: 90px;
}

.padding-top-95 {
    padding-top: 95px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-top-105 {
    padding-top: 105px;
}

.padding-top-110 {
    padding-top: 110px;
}

.padding-top-115 {
    padding-top: 115px;
}

.padding-top-120 {
    padding-top: 120px;
}

.padding-top-125 {
    padding-top: 125px;
}

.padding-top-130 {
    padding-top: 130px;
}

.padding-top-135 {
    padding-top: 135px;
}

.padding-top-140 {
    padding-top: 140px;
}

.padding-top-145 {
    padding-top: 145px;
}

.padding-top-150 {
    padding-top: 150px;
}



.padding-horizontal-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-horizontal-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-horizontal-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-horizontal-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-horizontal-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.padding-horizontal-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-horizontal-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.padding-horizontal-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-horizontal-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.padding-horizontal-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-horizontal-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.padding-horizontal-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.padding-horizontal-65 {
    padding-left: 65px;
    padding-right: 65px;
}

.padding-horizontal-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.padding-horizontal-75 {
    padding-left: 75px;
    padding-right: 75px;
}

.padding-horizontal-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.padding-horizontal-85 {
    padding-left: 85px;
    padding-right: 85px;
}

.padding-horizontal-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.padding-horizontal-95 {
    padding-left: 95px;
    padding-right: 95px;
}

.padding-horizontal-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.padding-horizontal-105 {
    padding-left: 105px;
    padding-right: 105px;
}

.padding-horizontal-110 {
    padding-left: 110px;
    padding-right: 110px;
}

.padding-horizontal-115 {
    padding-left: 115px;
    padding-right: 115px;
}

.padding-horizontal-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.padding-horizontal-125 {
    padding-left: 125px;
    padding-right: 125px;
}

.padding-horizontal-130 {
    padding-left: 130px;
    padding-right: 130px;
}

.padding-horizontal-135 {
    padding-left: 135px;
    padding-right: 135px;
}

.padding-horizontal-140 {
    padding-left: 140px;
    padding-right: 140px;
}

.padding-horizontal-145 {
    padding-left: 145px;
    padding-right: 145px;
}

.padding-horizontal-150 {
    padding-left: 150px;
    padding-right: 150px;
}





.gap5 {
    gap: 5px;
}

.gap10 {
    gap: 10px;
}

.gap15 {
    gap: 15px;
}

.gap20 {
    gap: 20px;
}

.gap25 {
    gap: 25px;
}

.gap30 {
    gap: 30px;
}

.gap35 {
    gap: 35px;
}

.gap40 {
    gap: 40px;
}

.gap45 {
    gap: 45px;
}

.gap50 {
    gap: 50px;
}

.gap55 {
    gap: 55px;
}

.gap60 {
    gap: 60px;
}

.gap65 {
    gap: 65px;
}

.gap70 {
    gap: 70px;
}

.gap75 {
    gap: 75px;
}

.gap80 {
    gap: 80px;
}

.gap85 {
    gap: 85px;
}

.gap90 {
    gap: 90px;
}

.gap95 {
    gap: 95px;
}

.gap100 {
    gap: 100px;
}

.gap105 {
    gap: 105px;
}

.gap110 {
    gap: 110px;
}

.gap115 {
    gap: 115px;
}

.gap120 {
    gap: 120px;
}

.gap125 {
    gap: 125px;
}

.gap130 {
    gap: 130px;
}

.gap135 {
    gap: 135px;
}

.gap140 {
    gap: 140px;
}

.gap145 {
    gap: 145px;
}

.gap150 {
    gap: 150px;
}




.trX5 {
    transform: translateX(5px);
}

.trX10 {
    transform: translateX(10px);
}

.trX15 {
    transform: translateX(15px);
}

.trX20 {
    transform: translateX(20px);
}

.trX25 {
    transform: translateX(25px);
}

.trX30 {
    transform: translateX(30px);
}

.trX35 {
    transform: translateX(35px);
}

.trX40 {
    transform: translateX(40px);
}

.trX45 {
    transform: translateX(45px);
}

.trX50 {
    transform: translateX(50px);
}

.trX55 {
    transform: translateX(55px);
}

.trX60 {
    transform: translateX(60px);
}

.trX65 {
    transform: translateX(65px);
}

.trX70 {
    transform: translateX(70px);
}

.trX75 {
    transform: translateX(75px);
}

.trX80 {
    transform: translateX(80px);
}

.trX85 {
    transform: translateX(85px);
}

.trX90 {
    transform: translateX(90px);
}

.trX95 {
    transform: translateX(95px);
}

.trX100 {
    transform: translateX(100px);
}

.trX105 {
    transform: translateX(105px);
}

.trX110 {
    transform: translateX(110px);
}

.trX115 {
    transform: translateX(115px);
}

.trX120 {
    transform: translateX(120px);
}

.trX125 {
    transform: translateX(125px);
}

.trX130 {
    transform: translateX(130px);
}

.trX135 {
    transform: translateX(135px);
}

.trX140 {
    transform: translateX(140px);
}

.trX145 {
    transform: translateX(145px);
}

.trX150 {
    transform: translateX(150px);
}




.trY5 {
    transform: translateY(5px);
}

.trY10 {
    transform: translateY(10px);
}

.trY15 {
    transform: translateY(15px);
}

.trY20 {
    transform: translateY(20px);
}

.trY25 {
    transform: translateY(25px);
}

.trY30 {
    transform: translateY(30px);
}

.trY35 {
    transform: translateY(35px);
}

.trY40 {
    transform: translateY(40px);
}

.trY45 {
    transform: translateY(45px);
}

.trY50 {
    transform: translateY(50px);
}

.trY55 {
    transform: translateY(55px);
}

.trY60 {
    transform: translateY(60px);
}

.trY65 {
    transform: translateY(65px);
}

.trY70 {
    transform: translateY(70px);
}

.trY75 {
    transform: translateY(75px);
}

.trY80 {
    transform: translateY(80px);
}

.trY85 {
    transform: translateY(85px);
}

.trY90 {
    transform: translateY(90px);
}

.trY95 {
    transform: translateY(95px);
}

.trY100 {
    transform: translateY(100px);
}

.trY105 {
    transform: translateY(105px);
}

.trY110 {
    transform: translateY(110px);
}

.trY115 {
    transform: translateY(115px);
}

.trY120 {
    transform: translateY(120px);
}

.trY125 {
    transform: translateY(125px);
}

.trY130 {
    transform: translateY(130px);
}

.trY135 {
    transform: translateY(135px);
}

.trY140 {
    transform: translateY(140px);
}

.trY145 {
    transform: translateY(145px);
}

.trY150 {
    transform: translateY(150px);
}



.tr-Y5 {
    transform: translateY(-5px);
}

.tr-Y10 {
    transform: translateY(-10px);
}

.tr-Y15 {
    transform: translateY(-15px);
}

.tr-Y20 {
    transform: translateY(-20px);
}

.tr-Y25 {
    transform: translateY(-25px);
}

.tr-Y30 {
    transform: translateY(-30px);
}

.tr-Y35 {
    transform: translateY(-35px);
}

.tr-Y40 {
    transform: translateY(-40px);
}

.tr-Y45 {
    transform: translateY(-45px);
}

.tr-Y50 {
    transform: translateY(-50px);
}

.tr-Y55 {
    transform: translateY(-55px);
}

.tr-Y60 {
    transform: translateY(-60px);
}

.tr-Y65 {
    transform: translateY(-65px);
}

.tr-Y70 {
    transform: translateY(-70px);
}

.tr-Y75 {
    transform: translateY(-75px);
}

.tr-Y80 {
    transform: translateY(-80px);
}

.tr-Y85 {
    transform: translateY(-85px);
}

.tr-Y90 {
    transform: translateY(-90px);
}

.tr-Y95 {
    transform: translateY(-95px);
}

.tr-Y100 {
    transform: translateY(-100px);
}

.tr-Y105 {
    transform: translateY(-105px);
}

.tr-Y110 {
    transform: translateY(-110px);
}

.tr-Y115 {
    transform: translateY(-115px);
}

.tr-Y120 {
    transform: translateY(-120px);
}

.tr-Y125 {
    transform: translateY(-125px);
}

.tr-Y130 {
    transform: translateY(-130px);
}

.tr-Y135 {
    transform: translateY(-135px);
}

.tr-Y140 {
    transform: translateY(-140px);
}

.tr-Y145 {
    transform: translateY(-145px);
}

.tr-Y150 {
    transform: translateY(-150px);
}



.tr-X5 {
    transform: translateX(-5px);
}

.tr-X10 {
    transform: translateX(-10px);
}

.tr-X15 {
    transform: translateX(-15px);
}

.tr-X20 {
    transform: translateX(-20px);
}

.tr-X25 {
    transform: translateX(-25px);
}

.tr-X30 {
    transform: translateX(-30px);
}

.tr-X35 {
    transform: translateX(-35px);
}

.tr-X40 {
    transform: translateX(-40px);
}

.tr-X45 {
    transform: translateX(-45px);
}

.tr-X50 {
    transform: translateX(-50px);
}

.tr-X55 {
    transform: translateX(-55px);
}

.tr-X60 {
    transform: translateX(-60px);
}

.tr-X65 {
    transform: translateX(-65px);
}

.tr-X70 {
    transform: translateX(-70px);
}

.tr-X75 {
    transform: translateX(-75px);
}

.tr-X80 {
    transform: translateX(-80px);
}

.tr-X85 {
    transform: translateX(-85px);
}

.tr-X90 {
    transform: translateX(-90px);
}

.tr-X95 {
    transform: translateX(-95px);
}

.tr-X100 {
    transform: translateX(-100px);
}

.tr-X105 {
    transform: translateX(-105px);
}

.tr-X110 {
    transform: translateX(-110px);
}

.tr-X115 {
    transform: translateX(-115px);
}

.tr-X120 {
    transform: translateX(-120px);
}

.tr-X125 {
    transform: translateX(-125px);
}

.tr-X130 {
    transform: translateX(-130px);
}

.tr-X135 {
    transform: translateX(-135px);
}

.tr-X140 {
    transform: translateX(-140px);
}

.tr-X145 {
    transform: translateX(-145px);
}

.tr-X150 {
    transform: translateX(-150px);
}
.tr-X155 {
    transform: translateX(-155px);
}



.t-10 {
    transition: all .10s !important;
}

.t-15 {
    transition: all .15s !important;
}

.t-20 {
    transition: all .20s !important;
}

.t-25 {
    transition: all .25s !important;
}

.t-30 {
    transition: all .30s !important;
}

.t-35 {
    transition: all .35s !important;
}

.t-40 {
    transition: all .40s !important;
}

.t-45 {
    transition: all .45s !important;
}

.t-50 {
    transition: all .50s !important;
}

.t-55 {
    transition: all .55s !important;
}

.t-60 {
    transition: all .60s !important;
}

.t-65 {
    transition: all .65s !important;
}

.t-70 {
    transition: all .70s !important;
}

.t-75 {
    transition: all .75s !important;
}

.t-80 {
    transition: all .80s !important;
}

.t-85 {
    transition: all .85s !important;
}

.t-90 {
    transition: all .90s !important;
}

.t-95 {
    transition: all .95s !important;
}

.t-100 {
    transition: all 1s !important;
}
.t-110 {
    transition: all 1.10s !important;
}

.t-115 {
    transition: all 1.15s !important;
}

.t-120 {
    transition: all 1.20s !important;
}

.t-125 {
    transition: all 1.25s !important;
}

.t-130 {
    transition: all 1.30s !important;
}

.t-135 {
    transition: all 1.35s !important;
}

.t-140 {
    transition: all 1.40s !important;
}

.t-145 {
    transition: all 1.45s !important;
}

.t-150 {
    transition: all 1.50s !important;
}

.t-155 {
    transition: all 1.55s !important;
}

.t-160 {
    transition: all 1.60s !important;
}

.t-165 {
    transition: all 1.65s !important;
}

.t-170 {
    transition: all 1.70s !important;
}

.t-175 {
    transition: all 1.75s !important;
}

.t-180 {
    transition: all 1.80s !important;
}

.t-185 {
    transition: all 1.85s !important;
}

.t-190 {
    transition: all 1.90s !important;
}

.t-195 {
    transition: all 1.95s !important;
}

.t-200 {
    transition: all 2.00s !important;
}



.opacity-0 {
    opacity: 0;
}
.opacity-5 {
    opacity: .5;
}

.opacity-10 {
    opacity: .10;
}

.opacity-15 {
    opacity: .15;
}

.opacity-20 {
    opacity: .20;
}

.opacity-25 {
    opacity: .25;
}

.opacity-30 {
    opacity: .30;
}

.opacity-35 {
    opacity: .35;
}

.opacity-40 {
    opacity: .40;
}

.opacity-45 {
    opacity: .45;
}

.opacity-50 {
    opacity: .50;
}

.opacity-55 {
    opacity: .55;
}

.opacity-60 {
    opacity: .60;
}

.opacity-65 {
    opacity: .65;
}

.opacity-70 {
    opacity: .70;
}

.opacity-75 {
    opacity: .75;
}

.opacity-80 {
    opacity: .80;
}

.opacity-85 {
    opacity: .85;
}

.opacity-90 {
    opacity: .90;
}

.opacity-95 {
    opacity: .95;
}

.opacity-100 {
    opacity: .100;
}
