body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (min-width:1281px){.header{display:block;height:auto;z-index:1}.header img{width:100vw;height:100.76vh}.header .headerLinksDiv{width:100%;padding-right:7.29vw!important;padding-left:7.29vw!important;position:absolute;top:0;display:flex;z-index:20;justify-content:space-between}.header .headerLinksDiv .headerLinks{height:14vh;display:flex;flex-direction:row;width:auto;margin-left:20vw;padding-top:4.44vh}.header .headerLinksDiv .headerLinks>div{margin-top:2.68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:5.5vw!important;height:5vh!important;cursor:pointer;margin-right:1vw}.header .headerLinksDiv .headerLinks>div div:first-child{color:#fff;min-width:5.5vw!important;align-self:center;text-align:center;height:3vh!important;font-size:.9vw;font-family:Normal}.header .headerLinksDiv .headerLinks svg{width:3.82vw;height:7.04vh;fill:#fff}.innerHeaderLinksDiv{width:100%;padding-right:7.29vw!important;padding-left:7.29vw!important;height:15vh;display:flex;justify-content:space-between}.innerHeaderLinksDiv .signInBtn{border-color:#ec4d11;color:#ec4d11}.innerHeaderLinksDiv .headerLinks{height:10vh;display:flex;flex-direction:row;width:auto;margin-left:20vw;padding-top:4.44vh}.innerHeaderLinksDiv .headerLinks .headertextSelected{color:#ec4d11!important}.innerHeaderLinksDiv .headerLinks>div{margin-top:2.68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:5.5vw!important;height:5vh!important;cursor:pointer;margin-right:1vw}.innerHeaderLinksDiv .headerLinks>div div:first-child{color:#797979;min-width:5.5vw!important;align-self:center;text-align:center;height:3vh!important;font-size:.9vw;font-family:Normal}.innerHeaderLinksDiv .headerLinks svg{width:3.82vw;height:7.04vh;fill:#fff}.innerHeaderLinksDiv .headerLinkSelected{width:5vw!important;z-index:2;height:.3vh!important;align-self:center;margin-left:.5vw;margin-top:5px;background-color:#ec4d11}.innerHeaderLinksDiv .headerLinkNotSelected{width:5vw!important;z-index:2;height:.2vh!important;align-self:center;margin-top:5px;background-color:transparent}.innerHeaderLinksDiv .headerLinkNotSelected:hover{color:#2c3e50}.DismissBtn{justify-content:center!important;margin-top:3vh!important}.DismissBtn,.Exitbutton{background-color:#e74c3c!important;align-items:center;border:none!important}.Exitbutton{justify-content:space-between!important;margin-bottom:3vh!important}.Exitbutton svg{width:2vw;height:2vw;fill:#fff}.EditProfileBtn{justify-content:space-between!important;align-items:center;background-color:#3aa8f2!important;border:none!important;margin-bottom:3vh!important}.EditProfileBtn svg{width:2vw;height:2vw;fill:#fff;margin-left:3vw}.description{display:flex;flex-direction:column;width:100%;padding-left:7.29vw;padding-right:7.29vw;padding-top:4.62vh;height:88.05vh;background-color:#f8f8f8}.description>span:first-child{color:#ec4d11;font-family:Bold;margin-bottom:5.55vh;font-size:1.65vw;width:100%;text-align:center}.description>span:nth-child(2){color:#ec4d11;font-family:Normal;font-size:1.5vw;direction:rtl;width:85.41vw;margin-bottom:7.5vh;align-self:center;color:#4b4b4b;height:19.35vh;text-align:center}.description .descriptionColumnDiv{display:flex;flex-direction:row}.description .descriptionColumnDiv div{cursor:pointer;display:flex;flex-direction:column;align-items:center}.description .descriptionColumnDiv div svg{margin-bottom:4.25vh;width:8.22vw;height:11.2vh}.description .descriptionColumnDiv div span{text-align:center;margin-bottom:3.25vh;font-family:Normal;width:20.83vw;font-size:1.1vw}.description .descriptionColumnDiv div .descColHead{color:#3aa8f2;font-family:Bold;font-size:1.25vw}.description .descriptionColumnDiv div:first-child,.description .descriptionColumnDiv div:nth-child(2){margin-right:11.14vw}.appDownDiv{display:flex;flex-direction:row;justify-content:space-between;height:76.92vh;width:100vw;padding-bottom:9vh}.appDownDiv>svg{width:39.77vw;height:auto;margin-top:3.14vh;margin-left:8.28vw}.appDownDiv>div{display:flex;flex-direction:column;align-items:flex-end;width:34.53vw;padding-top:10.37vh;margin-right:7.23vw}.appDownDiv>div>span:first-child{color:#ec4d11;font-size:1.65vw;font-family:Bold;margin-bottom:5.55vh}.appDownDiv>div>span:nth-child(2){color:#4b4b4b;font-size:1.25vw;font-family:Normal;text-align:right;margin-bottom:6.94vh}.appDownDiv>div .downloadBtn{display:flex;justify-content:space-between;align-items:center;width:20.1vw;height:5.92vh;background-color:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,.15);border-radius:.5vw;background-blend-mode:overlay;margin-bottom:2.31vh;padding-left:2.13vw;padding-right:2.13vw;cursor:pointer}.appDownDiv>div .downloadBtn>div span{color:#202020;font-family:Normal;direction:rtl;font-size:1.05vw}.appDownDiv>div .downloadBtn>div span:nth-child(2){color:#202020;font-family:Normal;direction:rtl;font-size:.75vw}.appDownDiv>div .downloadBtn svg{width:1.82vw;height:3.87vh}.DeleteBillModule{width:100vw;cursor:default;height:100vh;background-color:rgba(0,0,0,.75);position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:15}.DeleteBillModule>div{width:30vw;min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #2c3e50;border-radius:12px;border-bottom:hidden;padding-bottom:0;padding-top:2vh}.DeleteBillModule>div>svg{width:3vw;height:3vw}.DeleteBillModule>div>span{align-self:center;font-size:1.5vw;color:#2c3e50;font-family:Bold;margin-top:3vh}.DeleteBillModule>div .textInputEdit{border:.05vw solid #2c3e50;outline:none;min-height:40px;width:25vw;align-self:center;text-align:right;padding:2vh 2vw;border-radius:.75vw;font-family:Normal;margin-bottom:4vh;margin-top:4vh;color:#000}.DeleteBillModule>div .textInputEdit::-webkit-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-moz-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit:-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::placeholder{color:#999;font-family:Normal}.DeleteBillModule>div>div{width:inherit;display:flex;justify-content:space-between;margin-top:1vh}.DeleteBillModule>div>div>div:first-child{border-bottom-left-radius:10px;width:49.5%;color:#e74c3c}.DeleteBillModule>div>div>div:first-child,.DeleteBillModule>div>div>div:nth-child(2){display:flex;cursor:pointer;font-size:1.15vw;justify-content:center;align-items:center;background-color:#2d3e50;font-family:Normal;height:6vh}.DeleteBillModule>div>div>div:nth-child(2){border-bottom-right-radius:10px;width:50%;color:#fff}.companiesDiv{width:71.14vw!important;height:22vh!important;margin-top:11.11vh;margin-bottom:11.11vh;display:flex;flex-direction:row;align-self:center}.companiesDiv>div{display:flex;cursor:pointer;flex-direction:column;margin-right:6.25vw}.companiesDiv>div span{min-width:8.125vw;text-align:center;font-family:Normal;margin-top:2.5vh;font-size:1.1vw}.companiesDiv img{width:10vw!important;height:10vw!important}.companiesDivUsage{margin-bottom:14.11vh}.footer{display:flex;flex-direction:row-reverse;align-self:flex-end;width:100vw;height:38.61vh;background-color:#e5e5e5;padding-left:14.84vw;padding-right:14.84vw}.footer>div:first-child{display:flex;width:16.51vw!important;align-items:center;padding-top:5.5vh;flex-direction:column;width:5.46vw;height:auto}.footer>div:first-child svg{width:5.46vw;height:auto;margin-bottom:3.79vh}.footer>div:first-child span{text-align:center;direction:rtl;color:#202020;font-family:Normal;font-size:.97vw}.footer .footerInfo{width:18.38vw;padding-top:5.92vh;margin-right:5.26vw}.footer .footerInfo .ENamad{display:flex;flex-direction:row-reverse}.footer .footerInfo .ENamad img{width:7.81vw;height:auto}.footer .footerInfo .footerCompanyInfo{display:flex;flex-direction:column}.footer .footerInfo .footerCompanyInfo>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:.57vh}.footer .footerInfo .footerCompanyInfo>div svg{width:1.92vw!important;height:1.92vw!important;margin-left:1.5626vw}.footer .footerInfo .footerCompanyInfo>div span{width:18.38vw;text-align:right;font-family:Normal;font-size:.7vw}.footer .footerInfo .footerCompanyInfo>div>span:nth-child(2){padding-top:1vh!important}.footer .FooterLinksContainer{display:flex;flex-direction:row}.footer .FooterLinksContainer .footerLinksDiv{width:8.85vw;height:auto;display:flex;padding-top:6.75vh;flex-direction:column;margin-right:6.2vw}.footer .FooterLinksContainer .footerLinksDiv>span{text-align:right;cursor:pointer;margin-bottom:1.48vh;font-size:.85vw;font-family:Normal}.footer .FooterLinksContainer .footerLinksDiv>span:first-child{color:#2c3e50;cursor:default;font-size:1.1vw;text-align:right;font-family:Bold;margin-bottom:3.24vh}.FAQ{flex-direction:row-reverse;width:80vw;border-bottom:1px solid #797979;padding-top:2vh;padding-bottom:2vh}.FAQ,.FAQ>div:first-child{display:flex;justify-content:space-between;align-items:center}.FAQ>div:first-child{flex-direction:row;width:25vw}.FAQ>div:first-child>svg{width:15vw;height:auto}.FAQ>div:first-child>span{color:#2c3e50;width:5vw;font-size:2vw}.FAQ .FAQComponent{width:40vw;min-height:5vh;border:1px solid #797979;border-radius:.25vw;margin-bottom:2vh;display:flex;flex-direction:column;-webkit-transition:all 1s ease;transition:all 1s ease;align-items:center}.FAQ .FAQComponent .FAQComponentHeader{display:flex;width:inherit;border-radius:.15vw;min-height:5vh;padding:.25vh 1vw;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.FAQ .FAQComponent .FAQComponentHeader,.FAQ .FAQComponent .FAQComponentHeader>svg{-webkit-transition:all .3s ease;transition:all .3s ease}.FAQ .FAQComponent .FAQComponentHeader>span{direction:rtl;text-align:right;font-size:1vw}.FAQ .FAQComponent .AnimateSpan{overflow:hidden;height:auto;display:flex;padding:1.5vw;-webkit-transition:all 1s ease;transition:all 1s ease}.FAQ .FAQComponent .AnimateSpan>span{direction:rtl;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.9vw}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-done{height:0;-webkit-transition:all .5s;transition:all .5s}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-done,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit{height:auto;-webkit-transition:all .5s;transition:all .5s}.useageManagment{background-color:#f9f9f9!important;min-height:100vh;flex:1 1}.useageManagment>img{width:25vw;align-self:center;height:auto}.useageManagment>h3{color:#2c3e50;font-family:Bold;font-size:2vw}.headerDescription{height:40vh;position:absolute;top:28.79vh;display:flex;flex-direction:column;width:100%}.headerDescription>span:first-child{color:#fff;font-size:4vw;font-family:Medium;direction:rtl;align-self:center;margin-bottom:10.55vh}.headerDescription>span:nth-child(2){color:#fff;width:41.56vw;height:10.18vh;text-align:center;line-height:5vh;font-size:1.45vw;direction:rtl;font-family:Normal;align-self:center;margin-bottom:1.85vh}.headerLinkSelected{height:.3vh!important;margin-left:.5vw;background-color:#fff}.headerLinkNotSelected,.headerLinkSelected{width:5vw!important;z-index:2;align-self:center;margin-top:5px}.headerLinkNotSelected{height:.2vh!important;background-color:transparent}.headerLinkNotSelected:hover{color:#2c3e50}.signInBtn{margin-top:6.57vh!important}.moreDescBtn,.signInBtn{width:10.625vw!important;height:4.16vh!important;vertical-align:center!important;font-size:1vw;font-family:Normal;color:#fff;display:flex;text-align:center;align-items:center;justify-content:center;border:1px solid #fff;border-radius:2.6vw;cursor:pointer}.moreDescBtn{align-self:center}.paymentsContainer{height:auto;width:100vw;display:grid;justify-items:center;align-items:flex-start;grid-template-columns:auto auto auto;grid-template-rows:auto auto}.historySpan{color:#ec4d11;font-size:3vw;margin-top:10vh}.chooseBillType{color:#2c3e50;font-size:2.25vw;margin-top:10vh}.historySpanEmpty{color:#797979;font-size:1.5vw}.menuIcon{position:absolute;top:20px;fill:#000;right:20px;width:30px;height:30px}.menuIcon,.menuIcon:hover{-webkit-transition:all .5s ease-out,fill .3s;transition:all .5s ease-out,fill .3s}.menuIcon:hover{cursor:pointer;fill:#e74c3c}.openIcon{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:260px;-webkit-transition:right .25s ease-in,-webkit-transform .5s;transition:right .25s ease-in,-webkit-transform .5s;transition:transform .5s,right .25s ease-in;transition:transform .5s,right .25s ease-in,-webkit-transform .5s;-webkit-transition-delay:.15s!important;transition-delay:.15s!important}.menu{width:300px;height:100vh;background-color:#797979;position:fixed;-webkit-transition:all .45s ease-out .05s;transition:all .45s ease-out .05s;right:-300px}.open{right:0;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .25s;transition:all .25s}.grayscale:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.chartContainer{overflow-x:hidden;overflow-y:hidden;width:95vw;min-height:60vh;display:flex;z-index:20;flex-direction:column}.chartContainer .MinAndMax{width:40vw;align-self:flex-end;text-align:right;padding-top:5vh;padding-right:5vw}.chartContainer .MinAndMax h4{direction:rtl;font-family:Normal;font-size:1vw}.container{background-color:#fff;display:flex;width:100vw;align-items:center;overflow:hidden;flex-direction:column;justify-content:center}.container h1{color:#2c3e50}.container h2{color:#4b4b4b}.LoginContainer{width:100vw!important;height:100vh!important;top:0;background-color:rgba(0,0,0,.75)!important;display:flex;z-index:10!important}.LoginContainer,.topBtn{position:fixed;align-items:center;justify-content:center}.topBtn{width:4vw;height:4vw;bottom:15vh;border-radius:50%;display:none;text-align:center;right:2.5vw;background-color:#2d3e50;opacity:.3}.topBtn,.topBtn svg{-webkit-transition:all .5s;transition:all .5s}.topBtn svg{width:2.5vw;height:2.5vw;fill:#fff}.topBtn:hover{opacity:1;cursor:pointer}.topBtn:hover,.topBtn:hover svg{-webkit-transition:all .5s;transition:all .5s}.topBtn:hover svg{fill:#ec4d11}.disableBtn{background-color:grey!important;cursor:default!important}.Login{width:40vw!important;min-height:60vh!important;padding:4vmax;background-color:#fff;position:fixed;top:20vh;left:30vw;z-index:10;display:flex;align-self:center;flex-direction:column}.Login span{text-align:center;direction:rtl;margin-top:6vh;margin-bottom:6vh}.Login .textInput{min-height:40px;border:.05vw solid #2c3e50;outline:none;width:30vw;align-self:center;font-family:Normal;text-align:right;padding:2vh 5vw;border-radius:.75vw;margin-bottom:6vh;color:#000}.Login .textInput::-webkit-input-placeholder{color:#999}.Login .textInput::-moz-placeholder{color:#999}.Login .textInput:-ms-input-placeholder{color:#999}.Login .textInput::-ms-input-placeholder{color:#999}.Login .textInput::placeholder{color:#999}.Login .LoginError{color:#e74c3c}.Login .LoginButton{width:30vw;align-self:center;background-color:#2c3e50;border:.05vw solid #2c3e50;outline:none;text-align:center;padding:2vh 5vw;border-radius:.75vw;color:#fff}.Login .LoginHeader{width:40vw;align-items:center;justify-content:center;display:flex;position:absolute;top:0;left:0;height:7vh;min-height:40px;background-color:#2c3e50}.Login .LoginHeader>span{align-self:center;direction:rtl;color:#fff;text-align:center}.Login .LoginHeader>div{width:5vh;cursor:pointer;position:absolute;right:3vw;display:flex;align-items:center;justify-content:center;height:5vh;min-height:35px;min-width:35px;background-color:#ca1f1f}.Login .LoginHeader>div svg{width:1.5vw;min-width:25px;min-height:25px;height:1.5vw}.ShareContain{height:0;padding-top:2vh;opacity:0;-webkit-transition:height .5s,opacity .1s;transition:height .5s,opacity .1s}.ShareContain a{display:none}.ShareContain svg{margin-top:2vh;width:3vw;height:auto}.ShareContainOpen{height:12vh;opacity:1;-webkit-transition:height .5s,opacity .3s .2s;transition:height .5s,opacity .3s .2s}.ShareContainOpen a{display:none}.ShareContainOpen svg{width:3vw;height:auto}.ShareModal{width:40vw!important;min-height:35vh!important;padding:1vmax;border-radius:2vw;background-color:#fff;position:fixed;top:20vh;left:30vw;z-index:10;display:flex;align-items:center;align-self:center;flex-direction:column;justify-content:space-evenly}.ShareModal a{display:none}.ShareModal svg{margin-top:2vh;width:3.5vw;height:auto}tr:nth-child(2n){background-color:#ddd}.BillInformation{margin-top:5vh;margin-bottom:10vh;display:flex;width:100vw;min-height:35vh;flex-direction:column;justify-content:space-evenly;align-items:center}.BillInformation img{width:12.5vw!important;height:12.5vw!important}.BillInformation>div{width:25vw;align-self:center;background-color:#2d3e50;border-radius:.75vw;padding:1vw;margin-bottom:3vh}.BillInformation>div>div{display:flex;justify-content:space-between}.BillInformation>div>div span{margin-bottom:.5vh;direction:rtl}.BillInformation>div>div span:first-child{font-size:1vw;font-family:Normal;text-align:right;direction:rtl;color:#fff}.BillInformation>div>div span:nth-child(2){font-size:1vw;font-family:Bold;text-align:right;color:#ec4d11}.BillInformation>h5{color:#e74c3c;text-align:right;align-self:center;cursor:pointer}.BillInformation>h3{color:#797979;text-align:center;align-self:center;font-size:.75vw;width:20vw}.BillInformation>input{background-color:#27ae60;border:none;width:25vw;align-self:center}.BillInformation table{width:80vw;align-self:center;margin-bottom:3vh;border:.1vw solid #f8f8f8}.BillInformation tr{flex-direction:row}.BillInformation td,.BillInformation tr{display:flex;justify-content:space-between}.BillInformation td{text-align:right;flex-direction:row-reverse;padding-right:3vw;padding-left:3vw;align-items:center;width:39vw;min-height:5vh}.BillInformation td span:first-child{color:#797979}.BillInformation td span:nth-child(2){color:#2c3e50}.BillHeader{width:30vw;min-height:25vh;display:flex!important;background-color:#fff!important;flex-direction:row-reverse!important;align-items:center;justify-content:space-evenly}.BillHeader h1{color:#2c3e50!important;font-size:2vw}.BillHeader img{width:8vw!important;height:8vw!important}.ProfileInformation{display:flex;height:20vh;min-height:150px;width:30vw;margin-top:15vh;flex-direction:column;justify-content:space-between;align-self:center;background-color:#2d3e50;border-radius:.75vw;padding:1vw;margin-bottom:3vh}.ProfileInformation>div{display:flex;flex-direction:row;justify-content:space-between}.ProfileInformation>div span:first-child{font-size:1.25vw;font-family:Normal;color:#fff}.ProfileInformation>div span:nth-child(2){font-size:1.25vw;font-family:Normal;color:#ec4d11}.ProfileInformation>span{color:#ec4d11;cursor:pointer;text-align:center;vertical-align:center}.FormButton{background-color:#27ae60!important;border:none!important}.editPage{margin-top:10vh}.textInput{width:30vw;min-height:30px;border:.05vw solid #2c3e50;outline:none;text-align:right;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext;padding:2vh 2vw;border-radius:.75vw;font-family:Bold;font-size:1vw;margin-bottom:3vh;color:#000}.textInput::-webkit-input-placeholder{color:#999}.textInput::-moz-placeholder{color:#999}.textInput:-ms-input-placeholder{color:#999}.textInput::-ms-input-placeholder{color:#999}.textInput::placeholder{color:#999}.BillInquire{width:30vw;margin-top:3vh;margin-bottom:3vh;min-height:30vh;display:flex;align-items:center;flex-direction:column}.BillInquire>h2{text-align:right}.BillInquire img{width:12.5vw;height:12.5vw}.BillInquire .textInput{width:30vw;min-height:40px;border:.05vw solid #2c3e50;outline:none;text-align:right;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext;padding:2vh 2vw;font-family:Bold;border-radius:.75vw;font-size:1vw;margin-bottom:3vh;color:#000}.BillInquire .textInput::-webkit-input-placeholder{color:#999}.BillInquire .textInput::-moz-placeholder{color:#999}.BillInquire .textInput:-ms-input-placeholder{color:#999}.BillInquire .textInput::-ms-input-placeholder{color:#999}.BillInquire .textInput::placeholder{color:#999}.BillInquire .PeriodBtns{width:25vw;height:6vh;min-height:30px;margin-bottom:1.5vh;display:flex;align-self:center;justify-content:space-between;align-items:center}.BillInquire .PeriodBtns>div{width:8vw;height:5vh;min-height:30px;border-radius:.25vw;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#ddd}.BillInquire .PeriodBtns .selectedPeriod{background-color:#3aa8f2!important;color:#fff!important}.PaymentComponentContainer{background-color:#2d3e50;border-radius:1vw;height:auto;margin-bottom:2vh;width:30vw;display:flex;flex-direction:column;align-items:center}.PaymentComponentContainer .PaymentComponentContainerInner{display:flex;width:30vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;padding:1vw;height:37.5vh;margin-bottom:3vh}.PaymentComponentContainer .PaymentComponentContainerInner img{width:7vw;height:7vw}.PaymentComponentContainer .PaymentComponentContainerInner>div{width:20vw}.PaymentComponentContainer .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:first-child{font-size:1vw;font-family:Normal;direction:rtl;color:#fff;margin-bottom:1.25vh}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1vw;font-family:Normal;direction:rtl;color:#ec4d11;margin-bottom:1.25vh}.PaymentComponentContainer .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.5vw;width:80%;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainer .PaymentComponentDesc>span{font-size:1vw;color:#f8f8f8;direction:rtl}.PaymentComponentContainer .PaymentComponentDesc svg{width:1.5vw;height:auto}.PaymentComponentContainer .Links{display:flex;padding-top:1vh;flex-direction:row;justify-content:space-between;width:60%}.PaymentComponentContainer .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainer .Links .LinkComponent svg{width:1.5vw;fill:#f8f8f8;height:auto}.PaymentComponentContainer .Links .LinkComponent span{font-size:.75vw;color:#f8f8f8}.PaymentComponentContainerOpen{background-color:#2d3e50;border-radius:1vw;height:auto;margin-bottom:2vh;width:30vw;display:flex;flex-direction:column;align-items:center}.PaymentComponentContainerOpen .PaymentComponentContainerInner{display:flex;width:30vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;height:37.5vh;padding:1vw;margin-bottom:3vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner img{width:7vw;height:7vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div{width:20vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:first-child{font-size:1vw;font-family:Normal;direction:rtl;color:#fff;margin-bottom:1.25vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1vw;font-family:Normal;direction:rtl;color:#ec4d11;margin-bottom:1.25vh}.PaymentComponentContainerOpen .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.5vw;width:80%;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentDesc>span{font-size:1vw;color:#f8f8f8;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentDesc svg{width:1.5vw;height:auto}.PaymentComponentContainerOpen .Links{display:flex;padding-top:1vh;flex-direction:row;justify-content:space-between;width:60%}.PaymentComponentContainerOpen .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainerOpen .Links .LinkComponent svg{width:1.5vw;fill:#f8f8f8;height:auto}.PaymentComponentContainerOpen .Links .LinkComponent span{font-size:.75vw;color:#f8f8f8}.ReminderComponentContainer{display:flex;min-height:30vh;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:5vh!important;width:30vw;align-self:center;background-color:#2d3e50;border-radius:.5vw;position:relative;border-bottom-right-radius:4vw;padding:1vw;margin-bottom:3vh}.ReminderComponentContainer img{width:7vw;height:7vw}.ReminderComponentContainer>div{width:20vw}.ReminderComponentContainer>div>div{display:flex;flex-direction:row;justify-content:space-between}.ReminderComponentContainer>div>div span:first-child{font-size:1vw;font-family:Normal;color:#fff;direction:rtl;margin-bottom:1.25vh}.ReminderComponentContainer>div>div span:nth-child(2){font-size:1vw;font-family:Normal;color:#ec4d11;direction:rtl;margin-bottom:1.25vh}.ReminderComponentContainer .bottomBtn{position:absolute;border:.3vh solid #fff;border-radius:4.5vw;bottom:2vh;height:6vh;background-color:#27ae60;left:5vw}.ReminderComponentContainer .isPaid{background-color:transparent;border:none;color:#27ae60;bottom:1vh}.LoginButton{width:30vw;background-color:#2c3e50;border:.05vw solid #2c3e50;outline:none;text-align:center;font-size:1.35vw;padding:2vh 3vw;display:flex;align-items:center;justify-content:center;border-radius:.75vw;color:#fff}.checkBoxContainer,.LoginButton{cursor:pointer;font-family:Normal}.checkBoxContainer{display:block;position:relative;padding-left:35px;margin-bottom:12px;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkBoxContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkBoxContainer .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.checkBoxContainer input:checked~.checkmark{background-color:#fce256}.checkBoxContainer .checkmark:after{content:"";position:absolute;display:none}.checkBoxContainer input:checked~.checkmark:after{display:block}.checkBoxContainer .checkmark:after{left:12px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.billsHistory{width:30vw;min-height:10vh;margin-bottom:5vh}.billsHistory>h5{text-align:right;color:#e74c3c}.billsHistory .BillsComponent{width:30vw;height:5.5vh;min-height:50px;justify-content:space-between;display:flex;position:relative;align-items:center;background-color:#fff!important;margin-bottom:1vh;border:hidden;box-shadow:5px 5px 23px #dedede,-5px -5px 23px #fff;border-radius:5px;padding:4vh 0 4vh 4vh;flex-direction:row}.billsHistory .BillsComponent .BillsComponentDiv{left:0;width:22vw;display:flex;flex-direction:row;justify-content:space-between;padding-right:2vw;cursor:pointer}.billsHistory .BillsComponent .BillsComponentDiv>span{padding-top:1vh;font-family:Normal;font-size:1.25vw}.billsHistory .BillsComponent .BillsComponentDivUsage{width:30vw;padding-right:0!important}.billsHistory .BillsComponent>div{width:11vh;display:flex;flex-direction:row}.billsHistory .BillsComponent>div div{width:5.5vh;cursor:pointer;height:8.25vh;min-height:50px;display:flex;flex-direction:column;vertical-align:center;justify-content:space-between;padding-top:1.5vh;padding-bottom:1.5vh;align-items:center;background-color:#3aa8f2;position:relative}.billsHistory .BillsComponent>div div>svg{width:2vh;height:2vh;fill:#fff}.billsHistory .BillsComponent>div div>span{font-size:.6vw;color:#fff}.billsHistory .BillsComponent>div div:nth-child(2){background-color:#e74c3c;border-top-right-radius:5px;border-bottom-right-radius:5px}.ContactUsContainer{background-color:#2c3e50;padding:2vw;display:flex;flex-direction:column;border-radius:1.5vw;align-items:flex-end;margin-top:5vh;margin-bottom:5vh;max-width:65vw}.ContactUsContainer span{font-size:1.25vw;line-height:5vh;margin-top:2vh;margin-bottom:2vh;direction:rtl;font-family:Normal;color:#fff}.Reminder{background-color:#f8f8f8!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Reminder span{font-size:1.1vmax;cursor:pointer;color:#2c3e50}.Reminder>div{border:.2vh solid #27ae60;width:1.5vw;height:1.5vw;border-radius:.5vw;display:flex;align-items:center;justify-content:center}.Reminder>div svg{width:1.25vw;height:1.25vw;color:#27ae60;fill:#27ae60}.Warn{background-color:#f8f8f8!important;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.Warn svg{fill:#ec4d11;width:2.5vw;margin-bottom:3vh;height:auto}.Warn span{font-size:1vmax;text-align:right;color:#2c3e50}.BillsLoading{box-shadow:none!important;display:flex;align-items:center;justify-content:center;height:5vh}.pointer{cursor:pointer}}@media only screen and (min-width:769px) and (max-width:1280px){.header{display:block;height:auto;z-index:1}.header img{width:100vw;height:100.76vh}.header .headerLinksDiv{width:100%;padding-right:1.29vmax!important;padding-left:1.29vmax!important;position:absolute;left:0;z-index:20;top:0;display:flex;justify-content:space-between}.header .headerLinksDiv .headerLinks{height:14vmin;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:17vw;width:auto;padding-top:4.44vmin}.header .headerLinksDiv .headerLinks>div{margin-top:2.68vmin;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:5.5vmax!important;max-width:75px;height:5vmin!important;cursor:pointer;margin-right:1.3vmax}.header .headerLinksDiv .headerLinks>div div:first-child{color:#fff;min-width:5.5vmax;max-width:90px!important;align-self:center;text-align:center;height:3vmin!important;font-family:Normal;font-size:.9vmax}.header .headerLinksDiv .headerLinks svg{width:3.82vw;height:7.04vh;fill:#fff}.description{display:flex;flex-direction:column;width:100%;padding-left:7.29vw;padding-right:7.29vw;padding-top:4.62vmin;height:88.05vmin;background-color:#f8f8f8}.description>span:first-child{color:#ec4d11;font-family:Bold;margin-bottom:5.55vmin;font-size:1.65vmax;width:100%;text-align:center}.description>span:nth-child(2){color:#ec4d11;font-family:Normal;font-size:1.5vmax;direction:rtl;width:85.41vw;margin-bottom:5.5vmin;align-self:center;color:#4b4b4b;height:19.35vmin;text-align:center}.description .descriptionColumnDiv{cursor:pointer;display:flex;flex-direction:row;justify-content:space-evenly}.description .descriptionColumnDiv div{display:flex;flex-direction:column;align-items:center}.description .descriptionColumnDiv div svg{margin-bottom:4.25vmin;width:8.22vw;height:11.2vmin}.description .descriptionColumnDiv div span{text-align:center;margin-bottom:3.25vh;width:20.83vw;font-size:1vmax}.description .descriptionColumnDiv div .descColHead{color:#3aa8f2;font-family:Bold;font-size:1.25vmax}.description .descriptionColumnDiv div:first-child,.description .descriptionColumnDiv div:nth-child(2){margin-right:11.14vmin}.appDownDiv{display:flex;flex-direction:row;justify-content:space-between;height:76.92vmin;width:100vw;padding-bottom:9vmin}.appDownDiv>svg{width:42.77vmax;height:auto;margin-top:3.14vmin;margin-left:8.28vmax}.appDownDiv>div{display:flex;flex-direction:column;align-items:flex-end;width:34.53vmax;padding-top:10.37vmin;margin-right:5.23vmax}.appDownDiv>div>span:first-child{color:#ec4d11;font-size:1.65vmax;font-family:Bold;margin-bottom:5.55vh}.appDownDiv>div>span:nth-child(2){color:#4b4b4b;font-size:1.25vmax;font-family:Normal;text-align:right;margin-bottom:6.94vh}.appDownDiv>div .downloadBtn{display:flex;justify-content:space-between;align-items:center;width:20.1vmax;height:5.92vmin;background-color:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,.15);border-radius:.5vw;margin-bottom:2.31vmin;padding-left:2.13vmax;padding-right:2.13vmax;cursor:pointer}.appDownDiv>div .downloadBtn>div span{color:#202020;font-family:Normal;direction:rtl;font-size:1.05vw}.appDownDiv>div .downloadBtn>div span:nth-child(2){color:#202020;font-family:Normal;direction:rtl;font-size:.75vw}.appDownDiv>div .downloadBtn svg{width:1.82vw;height:3.87vh}.companiesDiv{width:71.14vw!important;height:20vmin!important;margin-top:15vmin;margin-bottom:15vmin;display:flex;flex-direction:row;align-self:center}.companiesDiv>div{display:flex;cursor:pointer;flex-direction:column;margin-right:6.25vw}.companiesDiv>div span{min-width:8.125vw;text-align:center;margin-top:2.5vh;font-family:Normal;font-size:1.2vmax}.companiesDiv img{width:10vw;height:10vw}.footer{display:flex;flex-direction:row-reverse;width:100vw;height:38.61vh;background-color:#e5e5e5;padding-left:14.84vw;padding-right:14.84vw}.footer>div:first-child{display:flex;width:16.51vw!important;align-items:center;padding-top:5.5vh;flex-direction:column;width:5.46vw;height:auto}.footer>div:first-child svg{width:5.46vw;height:auto;margin-bottom:3.79vh}.footer>div:first-child span{text-align:center;color:#202020;direction:rtl;font-size:1vmax}.footer .footerInfo{width:18.38vw;padding-top:5.92vh;margin-right:5.26vw}.footer .footerInfo .ENamad{display:flex;flex-direction:row-reverse;margin-bottom:2vh}.footer .footerInfo .ENamad img{width:7.81vw;height:auto}.footer .footerInfo .footerCompanyInfo{display:flex;flex-direction:column}.footer .footerInfo .footerCompanyInfo>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:.57vh}.footer .footerInfo .footerCompanyInfo>div svg{width:1.92vw!important;height:1.92vw!important;margin-left:1.5626vw}.footer .footerInfo .footerCompanyInfo>div span{width:18.38vw;text-align:right;font-size:.75vmax}.footer .footerInfo .footerCompanyInfo>div>span:nth-child(2){padding-top:1vh!important}.footer .FooterLinksContainer{display:flex;flex-direction:row}.footer .FooterLinksContainer .footerLinksDiv{width:8.85vw;height:auto;display:flex;padding-top:6.75vh;flex-direction:column;margin-right:6.2vw}.footer .FooterLinksContainer .footerLinksDiv>span{text-align:right;margin-bottom:1.48vh;font-size:.95vmax}.footer .FooterLinksContainer .footerLinksDiv>span:first-child{color:#2c3e50;font-size:1.25vmax;text-align:right;font-family:Bold;margin-bottom:3.24vh}.FAQ{flex-direction:row-reverse;width:80vw;border-bottom:1px solid #797979;padding-top:2vh;padding-bottom:2vh}.FAQ,.FAQ>div:first-child{display:flex;justify-content:space-between;align-items:center}.FAQ>div:first-child{flex-direction:row;width:25vw}.FAQ>div:first-child>svg{width:15vw;height:auto}.FAQ>div:first-child>span{color:#2c3e50;width:5vw;font-size:2vw}.FAQ .FAQComponent{width:40vw;min-height:5vh;border:1px solid #797979;border-radius:.25vw;margin-bottom:2vh;display:flex;flex-direction:column;-webkit-transition:all 1s ease;transition:all 1s ease;align-items:center}.FAQ .FAQComponent .FAQComponentHeader{display:flex;width:inherit;border-radius:.15vw;min-height:5vh;padding:.25vh 1vw;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.FAQ .FAQComponent .FAQComponentHeader,.FAQ .FAQComponent .FAQComponentHeader>svg{-webkit-transition:all .3s ease;transition:all .3s ease}.FAQ .FAQComponent .FAQComponentHeader>span{direction:rtl;text-align:right;font-size:1vw}.FAQ .FAQComponent .AnimateSpan{overflow:hidden;height:auto;display:flex;padding:1.5vw;-webkit-transition:all 1s ease;transition:all 1s ease}.FAQ .FAQComponent .AnimateSpan>span{direction:rtl;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.9vw}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-done{height:0;-webkit-transition:all .5s;transition:all .5s}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-done,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit{height:auto;-webkit-transition:all .5s;transition:all .5s}.headerDescription{height:40vmin;position:absolute;top:28.79vmin;display:flex;flex-direction:column;width:100%}.headerDescription span:first-child{color:#fff;font-size:4vmax;min-height:10.18vh;font-family:Medium;align-self:center;margin-bottom:10.55vmin}.headerDescription span:nth-child(2){color:#fff;width:41.56vmax;height:10.18vmin;text-align:center;direction:rtl;line-height:5vmin;font-size:1.45vmax;align-self:center;margin-bottom:1.85vh}.headerLinkSelected{background-color:#fff}.headerLinkNotSelected,.headerLinkSelected{width:5vw!important;z-index:2;height:.2vh!important;align-self:center;margin-top:5px}.headerLinkNotSelected{background-color:transparent}.signInBtn{margin-top:6.57vmin!important}.moreDescBtn,.signInBtn{width:10.625vmax!important;max-width:250px!important;height:4.16vmin!important;font-size:1vmax;color:#fff;display:flex;text-align:center;align-items:center;font-family:Normal;justify-content:center;border:1px solid #fff;border-radius:2.6vmax;cursor:pointer}.moreDescBtn{align-self:center}.menuIcon{position:absolute;top:20px;fill:#000;right:20px;width:30px;height:30px}.menuIcon,.menuIcon:hover{-webkit-transition:all .5s ease-out,fill .3s;transition:all .5s ease-out,fill .3s}.menuIcon:hover{cursor:pointer;fill:#e74c3c}.openIcon{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:260px;-webkit-transition:right .25s ease-in,-webkit-transform .5s;transition:right .25s ease-in,-webkit-transform .5s;transition:transform .5s,right .25s ease-in;transition:transform .5s,right .25s ease-in,-webkit-transform .5s;-webkit-transition-delay:.15s!important;transition-delay:.15s!important}.menu{width:300px;height:100vh;background-color:#797979;position:fixed;-webkit-transition:all .45s ease-out .05s;transition:all .45s ease-out .05s;right:-300px}.open{right:0;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.container{background-color:#fff;display:flex;width:100vw;align-items:center;flex-direction:column;justify-content:center;overflow-y:hidden}.container h1{color:#2c3e50}.container h2{color:#4b4b4b}.LoginContainer{width:100vw!important;height:100vh!important;position:fixed;top:0;background-color:rgba(0,0,0,.75)!important;display:flex;align-items:center;justify-content:center;z-index:10!important}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.grayscale:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.FormButton{background-color:#27ae60!important;border:none!important}.editPage{margin-top:10vh}.ProfileInformation{display:flex;height:25vmin;max-height:200px;width:30vmax;margin-top:15vh;flex-direction:column;justify-content:space-between;align-self:center;background-color:#2d3e50;border-radius:.75vw;padding:1vw;margin-bottom:3vh}.ProfileInformation>div{display:flex;flex-direction:row;justify-content:space-between}.ProfileInformation>div span:first-child{font-size:1.5vmax;color:#fff}.ProfileInformation>div span:nth-child(2){font-size:1.5vmax;color:#ec4d11}.ProfileInformation>span{color:#ec4d11;font-size:1.25vmax;cursor:pointer;text-align:center;vertical-align:center}.textInput{width:30vmax;min-height:30px;border:.05vw solid #2c3e50;outline:none;text-align:right;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext;padding:2vh 2vw;border-radius:1vw;font-family:Bold;font-size:1vmax;margin-bottom:3vh;color:#000}.textInput::-webkit-input-placeholder{color:#999}.textInput::-moz-placeholder{color:#999}.textInput:-ms-input-placeholder{color:#999}.textInput::-ms-input-placeholder{color:#999}.textInput::placeholder{color:#999}.BillInquire{width:35vmax;margin-bottom:5vh;margin-top:5vh;min-height:30vh;display:flex;align-items:center;flex-direction:column}.BillInquire img{width:12.5vw!important;height:12.5vw!important}.BillInquire .textInput{width:30vmax;font-family:Bold;min-height:30px;border:.05vw solid #2c3e50;outline:none;text-align:right;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext;padding:2vh 2vw;border-radius:1vw;font-size:1vmax;margin-bottom:3vh;color:#000}.BillInquire .textInput::-webkit-input-placeholder{color:#999}.BillInquire .textInput::-moz-placeholder{color:#999}.BillInquire .textInput:-ms-input-placeholder{color:#999}.BillInquire .textInput::-ms-input-placeholder{color:#999}.BillInquire .textInput::placeholder{color:#999}.BillInquire>h2{width:35vw;font-size:2vmax}.BillInquire>h1,.BillInquire>h2{text-align:center;font-family:Bold}.BillInquire>h1{font-size:2.5vmax}.BillInquire .PeriodBtns{width:25vmax;height:6vmin;margin-bottom:1.5vmin;display:flex;align-self:center;justify-content:space-between;align-items:center}.BillInquire .PeriodBtns>div{width:8vmax;height:5vmin;min-height:30px;border-radius:.25vw;font-size:1.25vmax;font-family:Normal;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#ddd}.BillInquire .PeriodBtns .selectedPeriod{background-color:#3aa8f2!important;color:#fff!important}.billsHistory{width:30vmax;min-height:10vh;margin-bottom:5vh}.billsHistory>h5{text-align:right;font-family:Normal;font-size:1.2vmax;color:#e74c3c}.billsHistory .BillsComponent{width:30vmax;height:5.5vmin!important;min-height:50px;max-height:70px;justify-content:space-between;display:flex;align-items:center;background-color:#fff!important;margin-bottom:1vh;border:hidden;padding-left:4vmin;box-shadow:1px 1px 15px 5px rgba(0,0,0,.15);border-radius:5px;padding-right:0;flex-direction:row}.billsHistory .BillsComponent .BillsComponentDiv{left:0;width:22vmax;display:flex;flex-direction:row;justify-content:space-between;padding-right:2vmax;cursor:pointer}.billsHistory .BillsComponent .BillsComponentDiv>span{padding-top:1vh;font-family:Normal;font-size:1.25vmax}.billsHistory .BillsComponent .BillsComponentDivUsage{width:30vmax;padding-right:0!important}.billsHistory .BillsComponent>div{width:11vmin;display:flex;flex-direction:row}.billsHistory .BillsComponent>div div{width:5.5vmin!important;cursor:pointer;height:5.5vmin!important;min-height:50px;display:flex;flex-direction:column;vertical-align:center;justify-content:space-between;padding-top:1.5vh;padding-bottom:1.5vh;align-items:center;background-color:#3aa8f2;position:relative}.billsHistory .BillsComponent>div div>svg{width:2vmin;height:2vmin;fill:#fff}.billsHistory .BillsComponent>div div>span{font-size:.7vmax;color:#fff}.billsHistory .BillsComponent>div div:nth-child(2){background-color:#e74c3c;border-top-right-radius:5px;border-bottom-right-radius:5px}.chartContainer{overflow-x:scroll;overflow-y:hidden;width:90vw;min-height:50vh;display:flex;flex-direction:column}.chartContainer .MinAndMax{width:40vw;align-self:flex-end;text-align:right;padding-top:5vh;padding-right:5vw}.chartContainer .MinAndMax h4{direction:rtl;font-family:Normal;font-size:1vmax}.useageManagment{margin-top:0!important;justify-content:flex-start;background-color:#f9f9f9!important;min-height:100vh}.useageManagment>img{width:30vw;height:auto}.useageManagment>h3{color:#2c3e50;font-family:Bold;font-size:2vmax}.DeleteBillModule{width:100vw;cursor:default;height:100vh;background-color:rgba(0,0,0,.75);position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:15}.DeleteBillModule>div{width:30vmax;min-height:20vmin;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #2c3e50;border-radius:12px;border-bottom:hidden;padding-bottom:0;padding-top:2vmin}.DeleteBillModule>div>svg{width:3vmax;height:3vmax}.DeleteBillModule>div>span{width:25vmax;align-self:center;font-size:1.75vmax;text-align:right;color:#2c3e50;font-family:Bold;margin-top:3vmin}.DeleteBillModule>div .textInputEdit{min-height:30px;border:.05vw solid #2c3e50;outline:none;width:25vmax;align-self:center;text-align:right;padding:2vh 2vw;border-radius:.75vw;font-family:Normal;margin-bottom:4vmin;margin-top:4vmin;color:#000}.DeleteBillModule>div .textInputEdit::-webkit-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-moz-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit:-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::placeholder{color:#999;font-family:Normal}.DeleteBillModule>div>div{width:inherit;display:flex;justify-content:space-between;margin-top:3vmin}.DeleteBillModule>div>div>div:first-child{border-bottom-left-radius:10px;width:49.5%;color:#e74c3c}.DeleteBillModule>div>div>div:first-child,.DeleteBillModule>div>div>div:nth-child(2){display:flex;cursor:pointer;font-size:1.35vmax;justify-content:center;align-items:center;background-color:#2d3e50;font-family:Normal;height:6vh}.DeleteBillModule>div>div>div:nth-child(2){border-bottom-right-radius:10px;width:50%;color:#fff}tr:nth-child(2n){background-color:#ddd}.innerHeaderLinksDiv{width:100%;padding-right:3.29vw!important;padding-left:3.29vw!important;display:flex;justify-content:space-between}.innerHeaderLinksDiv .signInBtn{border-color:#ec4d11;color:#ec4d11}.innerHeaderLinksDiv .headerLinks{height:14vmin;display:flex;flex-direction:row;width:auto;margin-left:17vmax;padding-top:4.44vmin}.innerHeaderLinksDiv .headerLinks .headertextSelected{color:#ec4d11!important}.innerHeaderLinksDiv .headerLinks>div{margin-top:2.68vmin;display:flex;flex-direction:column;align-items:center;justify-content:center;width:5.5vmax!important;max-width:80px!important;height:5vmin!important;cursor:pointer;margin-right:1.3vmax}.innerHeaderLinksDiv .headerLinks>div div:first-child{color:#797979;min-width:5.5vmax!important;align-self:center;text-align:center;height:3vmin!important;font-size:.9vmax;font-family:Normal}.innerHeaderLinksDiv .headerLinks svg{width:3.82vw;height:7.04vh;fill:#fff}.innerHeaderLinksDiv .headerLinkSelected{width:5vw!important;z-index:2;height:.3vh!important;align-self:center;margin-left:.5vw;margin-top:5px;background-color:#ec4d11}.innerHeaderLinksDiv .headerLinkNotSelected{width:5vw!important;z-index:2;height:.2vh!important;align-self:center;margin-top:5px;background-color:transparent}.PaymentComponentContainer{background-color:#2d3e50;border-radius:1vw;height:auto;width:30vw;display:flex;flex-direction:column;margin-bottom:2vh;align-items:center}.PaymentComponentContainer .PaymentComponentContainerInner{display:flex;width:30vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;padding:1vw;height:37.5vh;margin-bottom:3vh}.PaymentComponentContainer .PaymentComponentContainerInner img{width:7vw;height:7vw}.PaymentComponentContainer .PaymentComponentContainerInner>div{width:20vw}.PaymentComponentContainer .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:first-child{font-size:1vw;font-family:Normal;direction:rtl;color:#fff;margin-bottom:1.25vh}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1vw;font-family:Normal;direction:rtl;color:#ec4d11;margin-bottom:1.25vh}.PaymentComponentContainer .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.5vw;width:80%;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainer .PaymentComponentDesc>span{font-size:1vw;color:#f8f8f8;direction:rtl}.PaymentComponentContainer .PaymentComponentDesc svg{width:1.5vw;height:auto}.PaymentComponentContainer .Links{display:flex;padding-top:1vh;flex-direction:row;justify-content:space-between;width:60%}.PaymentComponentContainer .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainer .Links .LinkComponent svg{width:1.5vw;fill:#f8f8f8;height:auto}.PaymentComponentContainer .Links .LinkComponent span{font-size:.75vw;color:#f8f8f8}.PaymentComponentContainerOpen{background-color:#2d3e50;border-radius:1vw;height:auto;margin-bottom:2vh;width:30vw;display:flex;flex-direction:column;align-items:center}.PaymentComponentContainerOpen .PaymentComponentContainerInner{display:flex;width:30vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;height:37.5vh;padding:1vw;margin-bottom:3vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner img{width:7vw;height:7vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div{width:20vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:first-child{font-size:1vw;font-family:Normal;direction:rtl;color:#fff;margin-bottom:1.25vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1vw;font-family:Normal;direction:rtl;color:#ec4d11;margin-bottom:1.25vh}.PaymentComponentContainerOpen .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.5vw;width:80%;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentDesc>span{font-size:1vw;color:#f8f8f8;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentDesc svg{width:1.5vw;height:auto}.PaymentComponentContainerOpen .Links{display:flex;padding-top:1vh;flex-direction:row;justify-content:space-between;width:60%}.PaymentComponentContainerOpen .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainerOpen .Links .LinkComponent svg{width:1.5vw;fill:#f8f8f8;height:auto}.PaymentComponentContainerOpen .Links .LinkComponent span{font-size:.75vw;color:#f8f8f8}.BillInformation{display:flex;width:100vw;margin-bottom:5vh;margin-top:5vh;min-height:35vh;flex-direction:column;justify-content:space-evenly;align-items:center}.BillInformation img{width:12.5vw!important;height:12.5vw!important}.BillInformation>div{width:25vmax;align-self:center;background-color:#2d3e50;border-radius:.75vw;padding:1vmax;margin-bottom:3vh}.BillInformation>div>div{display:flex;justify-content:space-between}.BillInformation>div>div span{margin-bottom:.5vh}.BillInformation>div>div span:first-child{font-size:1vmax;font-family:Normal;text-align:right;direction:rtl;color:#fff}.BillInformation>div>div span:nth-child(2){font-size:1vmax;font-family:Bold;text-align:right;color:#ec4d11}.BillInformation>h5{color:#e74c3c;text-align:right;align-self:center;cursor:pointer}.BillInformation>h3{color:#797979;font-size:1vmax;width:20vw;text-align:center;align-self:center;cursor:pointer}.BillInformation>input{background-color:#27ae60;border:none;max-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;width:25vmax;align-self:center}.BillInformation table{width:80vw;align-self:center;margin-bottom:3vh;border:.1vw solid #f8f8f8}.BillInformation tr{flex-direction:row;min-height:5vh}.BillInformation td,.BillInformation tr{display:flex;justify-content:space-between}.BillInformation td{text-align:right;flex-direction:row-reverse;padding-right:3vw;padding-left:3vw;align-items:center;width:39vw}.BillInformation td span:first-child{color:#797979}.BillInformation td span:nth-child(2){color:#2c3e50;padding-right:3vw;text-align:right}.ContactUsContainer{background-color:#2c3e50;padding:2vw;display:flex;flex-direction:column;border-radius:1.5vw;align-items:flex-end;margin-top:5vh;margin-bottom:5vh}.ContactUsContainer span{font-size:1vw;margin-top:2vh;margin-bottom:2vh;direction:rtl;font-family:Normal;color:#fff}.Reminder{background-color:#f8f8f8!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Reminder span{font-size:1.1vmax;cursor:pointer;color:#2c3e50}.Reminder>div{border:.2vh solid #27ae60;width:1.5vw;height:1.5vw;border-radius:.5vw;display:flex;align-items:center;justify-content:center}.Reminder>div svg{width:1.25vw;height:1.25vw;color:#27ae60;fill:#27ae60}.Warn{background-color:#f8f8f8!important;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.Warn svg{fill:#ec4d11;width:2.5vw;margin-bottom:3vh;height:auto}.Warn span{font-size:1vmax;text-align:right;color:#2c3e50}.DismissBtn{justify-content:center!important;margin-top:3vh!important}.DismissBtn,.Exitbutton{background-color:#e74c3c!important;align-items:center;border:none!important}.Exitbutton{justify-content:space-between!important;margin-bottom:3vh!important}.Exitbutton svg{width:2vw;height:2vw;fill:#fff}.EditProfileBtn{justify-content:space-between!important;align-items:center;background-color:#3aa8f2!important;border:none!important;margin-bottom:3vh!important}.EditProfileBtn svg{width:2vw;height:2vw;fill:#fff;margin-left:3vw}.ShareContain{padding-top:2vh;opacity:0;align-items:center}.ShareContain,.ShareContain svg{height:0;-webkit-transition:height .5s,opacity .1s;transition:height .5s,opacity .1s}.ShareContain svg{width:auto}.ShareContainOpen{height:7.5vmax;opacity:1}.ShareContainOpen,.ShareContainOpen svg{-webkit-transition:height .5s,opacity .3s .2s;transition:height .5s,opacity .3s .2s}.ShareContainOpen svg{width:auto;height:3vmax}.ReminderComponentContainer{display:flex;min-height:30vh;flex-direction:row;justify-content:space-between;align-items:flex-start;width:30vw;min-width:300px;align-self:center;background-color:#2d3e50;border-radius:.5vw;position:relative;border-bottom-right-radius:4vw;padding:5vh 1vw 1vw;padding-bottom:12vh!important;margin-bottom:3vh}.ReminderComponentContainer img{width:5.5vw;height:5.5vw}.ReminderComponentContainer>div{width:20vw}.ReminderComponentContainer>div>div{display:flex;flex-direction:row;justify-content:space-between}.ReminderComponentContainer>div>div span:first-child{font-size:1.1vmax;font-family:Normal;color:#fff;direction:rtl;margin-bottom:1.25vh}.ReminderComponentContainer>div>div span:nth-child(2){font-size:1.1vmax;font-family:Normal;color:#ec4d11;direction:rtl;margin-bottom:1.25vh}.ReminderComponentContainer .bottomBtn{position:absolute;border:.3vh solid #fff;border-radius:4.5vw;bottom:2vh;height:6vh!important;min-height:25px!important;max-height:40px;background-color:#27ae60;left:5vw}.ReminderComponentContainer .isPaid{background-color:transparent;border:none;color:#27ae60;bottom:1vh}.paymentsContainer{min-height:80vh;width:80vw;display:grid;justify-items:center;grid-template-columns:auto auto;grid-template-rows:auto auto}.historySpan{color:#ec4d11;font-size:3vmax}.chooseBillType,.historySpan{align-self:center;margin-top:10vh}.chooseBillType{color:#2c3e50;font-size:2.25vmax}.historySpanEmpty{align-self:center;color:#797979;font-size:1.5vmax}.topBtn{width:4vmax;height:4vmax;position:fixed;bottom:15vmin;border-radius:50%;display:none;text-align:center;-webkit-transition:all .3s;transition:all .3s;align-items:center;justify-content:center;right:2.5vmax;background-color:#2d3e50;opacity:.3}.topBtn svg{width:2.5vmax;height:2.5vmax;fill:#fff}.topBtn:hover{opacity:1;cursor:pointer}.topBtn:hover svg{fill:#ec4d11}.LoginButton{width:30vmax;background-color:#2c3e50;border:.05vw solid #2c3e50;outline:none;text-align:center;cursor:pointer;font-family:Bold;font-size:1.35vmax;padding:2vmin 3vmax;min-height:40px;justify-content:center;border-radius:1vw;color:#fff}.Login,.LoginButton{display:flex;align-items:center}.Login{width:40vmax!important;min-height:60vmin!important;padding:4vmax;background-color:#fff;position:fixed;top:20vh;left:30vw;z-index:10;align-self:center;flex-direction:column}.Login span{text-align:center;margin-top:6vh;margin-bottom:6vh}.Login .textInput{border:.05vw solid #2c3e50;outline:none;min-height:40px;text-align:right;padding:2vh 5vw;border-radius:1vw;margin-bottom:6vh;color:#000}.Login .textInput::-webkit-input-placeholder{color:#999}.Login .textInput::-moz-placeholder{color:#999}.Login .textInput:-ms-input-placeholder{color:#999}.Login .textInput::-ms-input-placeholder{color:#999}.Login .textInput::placeholder{color:#999}.Login .LoginError{color:#e74c3c}.Login .LoginButton{background-color:#2c3e50;border:.05vw solid #2c3e50;outline:none;text-align:center;padding:2vh 5vw;border-radius:1vw;color:#fff}.Login .LoginHeader{width:40vmax;align-items:center;justify-content:center;display:flex;position:absolute;top:0;left:0;height:7vh;min-height:50px;background-color:#2c3e50}.Login .LoginHeader>span{align-self:center;color:#fff;text-align:center}.Login .LoginHeader>div{width:5vh;cursor:pointer;position:absolute;right:3vw;display:flex;align-items:center;justify-content:center;height:5vh;min-height:35px;min-width:35px;background-color:#ca1f1f}.Login .LoginHeader>div svg{width:1.5vw;min-width:25px;min-height:25px;height:1.5vw}.BillsLoading{box-shadow:none!important;display:flex;align-items:center;justify-content:center;height:5vh}}@media only screen and (max-width:768px) and (orientation:landscape){.header{display:block;height:auto;z-index:1}.header img{width:100vw;height:98.5vh}.header .mobileIcons{width:100%;display:flex;justify-content:space-between;padding-right:7.24vmin;padding-left:7.24vmin;padding-top:2.71vmax;position:absolute;top:0;z-index:4}.header .mobileIcons>svg:first-child{width:9.66vmin;height:9.66vmin}.header .mobileIcons>svg:nth-child(2){width:6.28vmin;height:2.71vmax;margin-top:1.35vmax;cursor:pointer}.headerMenu{width:100vw;height:98.5vh;opacity:.95;z-index:3;position:absolute;left:0;top:0}.headerMenu>img{width:100%;height:98vh!important}.headerMenu>div{position:absolute;left:0;top:0;flex-direction:column-reverse;margin-left:0;margin-top:10vh}.headerMenu>div,.headerMenu>div div:first-child{display:flex;align-items:center;justify-content:center}.headerMenu>div div:first-child{width:100vw!important;margin-bottom:3.5vmin;color:#fff;align-self:center;font-family:Normal;text-align:center;font-size:3.25vmin}.innerHeaderLinksDiv{width:100%;padding-right:7.29vw!important;padding-left:7.29vw!important;display:flex;justify-content:flex-end}.innerHeaderLinksDiv .signInBtn{border-color:#ec4d11;color:#ec4d11}.innerHeaderLinksDiv .headerLinks{height:14vh;display:flex;flex-direction:row;width:auto;margin-left:20vw;padding-top:4.44vh}.innerHeaderLinksDiv .headerLinks .headertextSelected{color:#ec4d11!important}.innerHeaderLinksDiv .headerLinks>div{margin-top:2.68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:7.2vw!important;height:5vh!important;cursor:pointer;margin-right:1.61vw}.innerHeaderLinksDiv .headerLinks>div div:first-child{color:#797979;min-width:7vw!important;align-self:center;text-align:center;height:3vh!important;font-size:1.2vw;font-family:Normal}.innerHeaderLinksDiv .headerLinks svg{width:3.82vw;height:7.04vh;fill:#fff}.innerHeaderLinksDiv .headerLinkSelected{width:5vw!important;z-index:2;height:.3vh!important;align-self:center;margin-left:.5vw;margin-top:5px;background-color:#ec4d11}.innerHeaderLinksDiv .headerLinkNotSelected{width:5vw!important;z-index:2;height:.2vh!important;align-self:center;margin-top:5px;background-color:transparent}.paymentHeader{width:100vw;height:10vh;position:absolute;display:flex;justify-content:space-between;align-items:center;top:0;z-index:30;padding-right:5vw;padding-top:5vh;padding-left:5vw}.paymentHeader>svg{z-index:1000}.useageManagment{background-color:#f9f9f9!important;min-height:100vh;padding-top:10vh}.useageManagment>img{width:50vw;height:auto}.useageManagment>h3{color:#2c3e50;font-family:Bold;font-size:2vmax}.BillInquire{width:50vw;min-height:30vh;margin-top:5vh;margin-bottom:10vh;display:flex;align-items:center;flex-direction:column}.BillInquire .textInput{height:10vh;min-height:40px;border:.15vw solid #2c3e50;outline:none;text-align:right;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext;padding:1vh 4vw;width:50vw;border-radius:1vw;margin-bottom:5vh;font-family:Bold;font-size:2vmax;color:#000}.BillInquire .textInput::-webkit-input-placeholder{color:#999}.BillInquire .textInput::-moz-placeholder{color:#999}.BillInquire .textInput:-ms-input-placeholder{color:#999}.BillInquire .textInput::-ms-input-placeholder{color:#999}.BillInquire .textInput::placeholder{color:#999}.BillInquire img{width:15vw!important;height:15vw!important}.BillInquire>h2{font-size:3vw}.BillInquire>h1,.BillInquire>h2{color:#2c3e50;text-align:right;font-family:Bold}.BillInquire>h1{font-size:4vw}.BillInquire .PeriodBtns{width:50vw;height:15vh;display:flex;margin-bottom:5vh;align-self:center;justify-content:space-evenly;align-items:center}.BillInquire .PeriodBtns>div{width:20vw;height:10vh;min-height:30px;border-radius:1vw;cursor:pointer;font-size:1.75vw;font-family:Normal;display:flex;align-items:center;justify-content:center;background-color:#ddd}.BillInquire .PeriodBtns .selectedPeriod{background-color:#3aa8f2!important;color:#fff!important}.billsHistory{width:50vw;min-height:10vh;margin-bottom:5vh;margin-top:5vh}.billsHistory>h5{text-align:right;color:#e74c3c}.billsHistory .BillsComponent{width:50vw;height:10vh;min-height:40px;justify-content:space-between;display:flex;align-items:center;background-color:#fff!important;box-shadow:1px 1px 15px 5px rgba(0,0,0,.15);margin-bottom:2vh;border:none;border-radius:1vw;padding:4vh 0 4vh 4vh;flex-direction:row}.billsHistory .BillsComponent .BillsComponentDiv{left:0;width:45vw;display:flex;flex-direction:row;justify-content:space-between;padding-right:2vw;cursor:pointer}.billsHistory .BillsComponent .BillsComponentDiv>span{font-family:Bold;font-size:2vmax}.billsHistory .BillsComponent .BillsComponentDivUsage{width:50vmax;padding-right:0!important}.billsHistory .BillsComponent>div{width:20vh;display:flex;flex-direction:row}.billsHistory .BillsComponent>div div{width:10vh;cursor:pointer;height:10vh;min-height:40px;display:flex;flex-direction:column;vertical-align:center;justify-content:space-between;padding-top:1.5vh;padding-bottom:1.5vh;align-items:center;background-color:#3aa8f2;position:relative}.billsHistory .BillsComponent>div div>svg{width:3vh;height:3vh;fill:#fff}.billsHistory .BillsComponent>div div>span{font-size:1.25vmax;color:#fff}.billsHistory .BillsComponent>div div:nth-child(2){background-color:#e74c3c;border-top-right-radius:5px;border-bottom-right-radius:5px}.DeleteBillModule{width:100vw;cursor:default;height:100vh;background-color:rgba(0,0,0,.75);position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:15}.DeleteBillModule>div{width:50vw;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #2c3e50;border-radius:12px;border-bottom:hidden;padding-bottom:0;padding-top:2vh}.DeleteBillModule>div>svg{width:5vw;height:5vw}.DeleteBillModule>div .textInputEdit{min-height:40px;border:.075vw solid #2c3e50;outline:none;width:40vw;align-self:center;text-align:right;padding:2vh 2vw;border-radius:.75vh;font-family:Normal;margin-bottom:4vh;margin-top:4vh;color:#000}.DeleteBillModule>div .textInputEdit::-webkit-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-moz-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit:-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::placeholder{color:#999;font-family:Normal}.DeleteBillModule>div>span{align-self:center;color:#2c3e50;width:40vw;text-align:right;font-family:Bold;font-size:2.5vmax;margin-top:3vh}.DeleteBillModule>div>div{width:inherit;display:flex;justify-content:space-between;margin-top:3vh}.DeleteBillModule>div>div>div:first-child{border-bottom-left-radius:10px;width:49.5%;color:#e74c3c}.DeleteBillModule>div>div>div:first-child,.DeleteBillModule>div>div>div:nth-child(2){display:flex;cursor:pointer;font-size:2vw;justify-content:center;align-items:center;background-color:#2d3e50;font-family:Normal;height:10vh}.DeleteBillModule>div>div>div:nth-child(2){border-bottom-right-radius:10px;width:50%;color:#fff}tr:nth-child(2n){background-color:#ddd}.ProfileInformation{display:flex;height:40vh;min-height:80px;max-height:150px;width:50vw!important;margin-top:20vh;flex-direction:column;justify-content:space-between;width:25vw;align-self:center;background-color:#2d3e50;border-radius:.75vmax;padding:2vw;margin-bottom:3vh}.ProfileInformation>div{display:flex;flex-direction:row;justify-content:space-between}.ProfileInformation>div span:first-child{font-size:2.25vmax;font-family:Normal;color:#fff}.ProfileInformation>div span:nth-child(2){font-size:2.25vmax;font-family:Bold;color:#ec4d11}.ProfileInformation>span{color:#ec4d11;font-family:Bold;font-size:2vmax;cursor:pointer;text-align:center;vertical-align:center}.DismissBtn{background-color:#e74c3c!important;justify-content:center!important;align-items:center;border:none!important;margin-top:3vh!important}.BillInformation{display:flex;width:100vw;margin-bottom:10vh;margin-top:5vh;min-height:35vh;flex-direction:column;justify-content:space-evenly;align-items:center}.BillInformation img{width:15vw!important;height:15vw!important}.BillInformation>div{width:50vw;min-height:15vh;align-self:center;background-color:#2d3e50;border-radius:2vw;padding:3vw;margin-bottom:3vh}.BillInformation>div>div{display:flex;justify-content:space-between}.BillInformation>div>div span{margin-bottom:1vh}.BillInformation>div>div span:first-child{font-size:2vmax;text-align:right;direction:rtl;font-family:Normal;color:#fff}.BillInformation>div>div span:nth-child(2){font-size:2vmax;text-align:right;font-family:Bold;color:#ec4d11}.BillInformation>h5{color:#e74c3c;text-align:right;align-self:center;cursor:pointer}.BillInformation>h3{color:#797979;width:45vw;text-align:center;font-size:1.5vmax;align-self:center;cursor:pointer}.BillInformation>input{background-color:#27ae60;border:none;width:50vw;align-self:center}.BillInformation table{width:100vw;align-self:center;margin-bottom:5vh;border:.1vw solid #f8f8f8}.BillInformation tr{min-height:10vh;flex-direction:row}.BillInformation td,.BillInformation tr{display:flex;justify-content:space-between}.BillInformation td{text-align:right;flex-direction:row-reverse;padding-right:3vw;padding-left:3vw;align-items:center;width:39vw}.BillInformation td span:first-child{color:#797979}.BillInformation td span:nth-child(2){color:#2c3e50;padding-right:2.5vw}.LoginButton{width:50vw;height:10vh;min-height:40px;background-color:#2c3e50;border:.05vw solid #2c3e50;outline:none;text-align:center;cursor:pointer;font-size:2.25vmax;font-family:Bold;padding:2vh 5vw;display:flex;align-items:center;justify-content:center;border-radius:1vw;color:#fff}.description{display:flex;flex-direction:column;width:100%;padding-left:7.29vw;padding-right:7.29vw;padding-top:4.62vh;direction:rtl;min-height:110vh;background-color:#f8f8f8}.description>span:first-child{color:#ec4d11;font-family:Bold;margin-bottom:5.55vh;font-size:1.65vmax;width:100%;text-align:center}.description>span:nth-child(2){color:#ec4d11;font-family:Normal;font-size:1.5vmax;width:85.41vw;margin-bottom:7.5vh;align-self:center;color:#4b4b4b;height:19.35vh;text-align:center}.description .descriptionColumnDiv{cursor:pointer;display:flex;flex-direction:column;align-items:center}.description .descriptionColumnDiv div{display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;margin-bottom:4.25vh}.description .descriptionColumnDiv div svg{margin-bottom:2.25vh;width:8.22vmax;height:11.2vmin}.description .descriptionColumnDiv div span{text-align:center;margin-bottom:1.25vh;padding-left:7.29vw;padding-right:7.29vw;width:100vw;font-family:Normal;font-size:1.25vmax}.description .descriptionColumnDiv div .descColHead{color:#3aa8f2;font-family:Bold;font-size:1.5vmax}.Reminder{background-color:#f8f8f8!important;height:8vh!important;min-height:10vh!important;border-radius:.5vw!important;padding-top:0!important;padding-bottom:0!important;flex-direction:row;justify-content:space-between}.Reminder,.Reminder>div{display:flex;align-items:center}.Reminder>div{border:.4vh solid #27ae60;width:2.5vw;height:2.5vw;border-radius:.5vw;justify-content:center}.Reminder>div span{font-size:1.5vw;color:#4b4b4b}.Reminder>div svg{width:2.5vw;height:2.5vw;color:#27ae60;fill:#27ae60}.Warn{background-color:#f8f8f8!important;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.Warn svg{fill:#ec4d11;width:3vmax;margin-bottom:2vh;height:auto}.Warn span{font-size:1.5vmax;text-align:right;color:#2c3e50}.appDownDiv{display:flex;flex-direction:column-reverse;min-height:76.92vh;width:100vw;padding-bottom:9vh}.appDownDiv>svg{width:75vw;height:auto;margin-top:3.14vh;margin-left:8.28vw}.appDownDiv>div{display:flex;flex-direction:column;align-items:center;width:100vw;padding-left:8.5vw;padding-right:8.5vw;padding-top:10.37vh}.appDownDiv>div>span:first-child{color:#ec4d11;font-size:1.65vmax;font-family:Bold;margin-bottom:5.55vh}.appDownDiv>div>span:nth-child(2){color:#4b4b4b;font-size:1.5vmax;font-family:Normal;text-align:center;margin-bottom:6.94vh}.appDownDiv>div .downloadBtn{display:flex;justify-content:space-between;align-items:center;width:40vw;min-height:5.92vh;box-shadow:0 0 2px 2px rgba(0,0,0,.15);border-radius:.5vw;margin-bottom:2.31vh;padding-left:2.13vw;padding-right:2.13vw;cursor:pointer}.appDownDiv>div .downloadBtn>div span{color:#202020;font-family:Normal;direction:rtl;font-size:1.25vmax}.appDownDiv>div .downloadBtn>div span:nth-child(2){color:#202020;font-family:Normal;direction:rtl;font-size:.875vmax}.appDownDiv>div .downloadBtn svg{width:1.82vmax;height:3.87vmin}.Exitbutton{background-color:#e74c3c!important;justify-content:space-between!important;align-items:center;border:none!important;margin-bottom:3vh!important}.Exitbutton svg{width:4vw;height:4vw;fill:#fff}.EditProfileBtn{justify-content:space-between!important;align-items:center;background-color:#3aa8f2!important;border:none!important;margin-bottom:3vh!important}.EditProfileBtn svg{width:4vw;height:4vw;fill:#fff}.ShareContain{padding-top:2vh;opacity:0;align-items:center}.ShareContain,.ShareContain svg{height:0;-webkit-transition:height .5s,opacity .1s;transition:height .5s,opacity .1s}.ShareContain svg{width:auto}.ShareContainOpen{height:7.5vmax;opacity:1}.ShareContainOpen,.ShareContainOpen svg{-webkit-transition:height .5s,opacity .3s .2s;transition:height .5s,opacity .3s .2s}.ShareContainOpen svg{width:auto;height:5vmax}.topBtn{width:6vw;height:6vw;position:fixed;bottom:15vh;border-radius:50%;display:none;text-align:center;-webkit-transition:all .3s;transition:all .3s;align-items:center;justify-content:center;right:4vw;background-color:#2d3e50;opacity:.3}.topBtn svg{width:3.5vw;height:3.5vw;fill:#fff}.PaymentComponentContainer{background-color:#2d3e50;border-radius:1vmax;height:auto;width:92vw;display:flex;flex-direction:column;align-items:center;margin-bottom:3vh}.PaymentComponentContainer .PaymentComponentContainerInner{display:flex;width:92vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;border-bottom-right-radius:6vmax;padding:2.5vmax;margin-bottom:3vh}.PaymentComponentContainer .PaymentComponentContainerInner img{width:10vmax;height:10vmax}.PaymentComponentContainer .PaymentComponentContainerInner>div{width:50vw}.PaymentComponentContainer .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:first-child{font-size:1.75vmax;font-family:Normal;color:#fff;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1.75vmax;font-family:Normal;color:#ec4d11;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainer .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.75vh;width:85%;height:7vh;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainer .PaymentComponentDesc>span{font-size:1.5vmax;color:#f8f8f8;direction:rtl}.PaymentComponentContainer .PaymentComponentDesc svg{width:2vmax;height:auto}.PaymentComponentContainer .Links{display:flex;padding-top:1vh;flex-direction:row;justify-content:space-between;width:35%;height:12vh}.PaymentComponentContainer .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainer .Links .LinkComponent svg{width:2vmax;fill:#f8f8f8;height:auto}.PaymentComponentContainer .Links .LinkComponent span{font-size:1.1vmax;color:#f8f8f8}.PaymentComponentContainerOpen{background-color:#2d3e50;border-radius:1vmax;height:auto;width:92vw;display:flex;flex-direction:column;align-items:center;margin-bottom:3vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner{display:flex;width:92vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;border-bottom-right-radius:6vmax;padding:2.5vmax;margin-bottom:3vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner img{width:10vmax;height:10vmax}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div{width:50vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:first-child{font-size:1.75vmax;font-family:Normal;color:#fff;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1.75vmax;font-family:Normal;color:#ec4d11;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.75vh;width:85%;height:7vh;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentDesc>span{font-size:1.5vmax;color:#f8f8f8;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentDesc svg{width:2vmax;height:auto}.PaymentComponentContainerOpen .Links{display:flex;padding-top:1vh;flex-direction:row;justify-content:space-between;width:35%;height:12vh}.PaymentComponentContainerOpen .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainerOpen .Links .LinkComponent svg{width:2vmax;fill:#f8f8f8;height:auto}.PaymentComponentContainerOpen .Links .LinkComponent span{font-size:1.1vmax;color:#f8f8f8}.ContactUsContainer{background-color:#2c3e50;padding:3vw;display:flex;flex-direction:column;border-radius:2.25vw;align-items:flex-end;margin-top:15vh;max-width:85vw;margin-bottom:5vh}.ContactUsContainer span{font-size:1.75vmax;margin-top:2vw;margin-bottom:2vw;direction:rtl;font-family:Normal;color:#fff}.ReminderComponentContainer{display:flex;min-height:50vh;flex-direction:row;justify-content:space-between;align-items:flex-start;width:50vw;align-self:center;background-color:#2d3e50;border-radius:.5vmax;position:relative;border-bottom-right-radius:6vmax;padding:2vmax 2vmax 1vh;margin-bottom:3vh}.ReminderComponentContainer img{width:8vmax;height:8vmax}.ReminderComponentContainer>div{width:30vw}.ReminderComponentContainer>div>div{display:flex;flex-direction:row;justify-content:space-between}.ReminderComponentContainer>div>div span:first-child{font-size:1.75vmax;font-family:Normal;color:#fff;margin-bottom:1.25vh;direction:rtl}.ReminderComponentContainer>div>div span:nth-child(2){font-size:1.75vmax;font-family:Normal;color:#ec4d11;margin-bottom:1.25vh;direction:rtl}.ReminderComponentContainer .bottomBtn{position:absolute;width:40vw;border-radius:10vh!important;border:.3vmax solid #fff;bottom:2vh;background-color:#27ae60;left:5vw}.ReminderComponentContainer .isPaid{background-color:transparent;border:none;color:#27ae60;bottom:1vh}.paymentsContainer{height:100vh;width:100vw;display:grid;justify-items:center;grid-template-columns:auto;grid-template-rows:auto auto}.historySpan{color:#ec4d11}.chooseBillType,.historySpan{font-size:4vmax;margin-top:10vh}.chooseBillType{align-self:center;color:#2c3e50}.historySpanEmpty{color:#797979;font-size:3vmax}.companiesDiv{width:100vw!important;min-height:45vmin!important;margin-top:11.11vh;margin-bottom:11.11vh!important;padding-left:10vw!important;padding-right:10vw!important;display:grid;grid-row-gap:5vh;row-gap:5vh;grid-template-columns:16vw 16vw 16vw 16vw 16vw;grid-template-rows:auto auto}.companiesDiv .company0{width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer;grid-column:0/1;grid-row:1/2}.companiesDiv .company0 span{width:13.125vmax!important;font-family:Normal;text-align:center;margin-top:2.5vmin;font-size:1.5vmax}.companiesDiv .company1{grid-column:3/4;grid-row:1/2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company1 span{width:13.125vmax!important;font-family:Normal;text-align:center;margin-top:2.5vmin;font-size:1.5vmax}.companiesDiv .company2{grid-column:5/6;grid-row:1/2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company2 span{width:13.125vmax!important;font-family:Normal;text-align:center;margin-top:2.5vmin;font-size:1.5vmax}.companiesDiv .company3{grid-column:2/3;grid-row:2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company3 span{width:13.125vmax!important;font-family:Normal;text-align:center;margin-top:2.5vmin;font-size:1.5vmax}.companiesDiv .company4{grid-column:4/5;grid-row:2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company4 span{width:13.125vmax!important;font-family:Normal;text-align:center;margin-top:2.5vmin;font-size:1.5vmax}.companiesDiv>div{width:100%;display:flex;justify-content:space-evenly;flex-direction:row}.companiesDiv>div:nth-child(2){margin-top:0}.companiesDiv img{width:10vmax!important;height:10vmax!important}.companiesDiv span{font-family:normal;font-size:1.6vmax!important}.footer{display:grid;grid-template-columns:26.66vw 26.66vw 26.66vw;grid-template-rows:100%;width:100vw;height:50.61vh;background-color:#e5e5e5;padding-left:10vw;padding-right:10vw}.footer>div:first-child{display:flex;grid-column:3;grid-row:1;width:20vw!important;margin-left:6vw;align-items:center;padding-top:5.5vh;flex-direction:column;height:auto}.footer>div:first-child svg{width:5.46vmax;height:auto;margin-bottom:3.79vh}.footer>div:first-child span{text-align:center;color:#202020;direction:rtl;font-size:1vmax}.footer .footerInfo{width:20vw;grid-column:1/2;grid-row:1;padding-top:5.92vh;margin-right:6vw}.footer .footerInfo .ENamad{display:flex;flex-direction:row-reverse}.footer .footerInfo .ENamad img{width:9vw;height:auto}.footer .footerInfo .footerCompanyInfo{display:flex;flex-direction:column;margin-top:2.5vh}.footer .footerInfo .footerCompanyInfo>div{display:flex;width:20.6vw;justify-content:space-between;align-items:center;margin-bottom:.6vh}.footer .footerInfo .footerCompanyInfo>div svg{width:2.5vmax!important;height:2.5vmax!important;margin-left:1.5626vw}.footer .footerInfo .footerCompanyInfo>div span{width:15vw;text-align:right;font-size:1.1vmax}.footer .FooterLinksContainer{display:flex;flex-direction:row}.footer .FooterLinksContainer .footerLinksDiv{grid-column:2/3;grid-row:1;width:20vmax;height:auto;display:flex;padding-top:6.75vh;flex-direction:column}.footer .FooterLinksContainer .footerLinksDiv>span{text-align:right;margin-bottom:1vh;font-size:1.2vmax}.footer .FooterLinksContainer .footerLinksDiv>span:first-child{color:#2c3e50;font-size:1.4vmax;text-align:right;font-family:Bold;margin-bottom:1.5vh}.FAQ{flex-direction:column;width:92vw;border-bottom:1px solid #797979;padding-top:2vmax;padding-bottom:2vmax}.FAQ,.FAQ>div:first-child{display:flex;justify-content:space-between;align-items:center}.FAQ>div:first-child{flex-direction:row;margin-bottom:2vmax;width:50vw}.FAQ>div:first-child>svg{width:20vw;height:auto}.FAQ>div:first-child>span{color:#2c3e50;width:15vw;font-size:2.25vmax}.FAQ .FAQComponent{width:92vw;min-height:3.5vh;border:.2vmin solid #797979;border-radius:.5vmin;margin-bottom:1vmax;display:flex;flex-direction:column;-webkit-transition:all 1s ease;transition:all 1s ease;align-items:center}.FAQ .FAQComponent .FAQComponentHeader{display:flex;width:inherit;border-radius:.15vw;min-height:3.5vh;flex-direction:row;justify-content:space-between;align-items:center;padding:.5vh 5vmin .5vh 2.5vmin;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.FAQ .FAQComponent .FAQComponentHeader,.FAQ .FAQComponent .FAQComponentHeader>svg{-webkit-transition:all .3s ease;transition:all .3s ease}.FAQ .FAQComponent .FAQComponentHeader>span{direction:rtl;text-align:right;font-size:1.3vmax}.FAQ .FAQComponent .AnimateSpan{overflow:hidden;height:auto;display:flex;padding:1.5vmax;-webkit-transition:all 1s ease;transition:all 1s ease}.FAQ .FAQComponent .AnimateSpan>span{direction:rtl;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.25vmax}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-done{height:0;-webkit-transition:all .5s;transition:all .5s}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-done,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit{height:auto;-webkit-transition:all .5s;transition:all .5s}.headerDescription{height:70vh;position:absolute;top:24vmin;display:flex;flex-direction:column;width:100%}.headerDescription span:first-child{width:71vw;color:#fff;font-size:9vmin;text-align:center;font-family:Medium;align-self:center;margin-bottom:10.55vmin}.headerDescription span:nth-child(2){color:#fff;width:71vw;height:12.7vh;text-align:center;direction:rtl;line-height:5vh;font-size:4vmin;align-self:center;margin-bottom:4.2vh}.headerLinkSelected{min-width:5vw!important;z-index:2;height:.2vh!important;align-self:center;margin-top:5px;background-color:#fff}.signInBtn{display:flex;display:none;margin-top:6.57vh!important}.moreDescBtn,.signInBtn{width:39.13vmin!important;height:4.75vmax!important;font-size:3vmin;font-family:Normal;color:#fff;text-align:center;align-items:center;justify-content:center;border:1px solid #fff;border-radius:7vmin;cursor:pointer}.moreDescBtn{display:flex;align-self:center}.menuIcon{position:absolute;top:20px;fill:#000;right:20px;width:30px;height:30px}.menuIcon,.menuIcon:hover{-webkit-transition:all .5s ease-out,fill .3s;transition:all .5s ease-out,fill .3s}.menuIcon:hover{cursor:pointer;fill:#e74c3c}.openIcon{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:260px;-webkit-transition:right .25s ease-in,-webkit-transform .5s;transition:right .25s ease-in,-webkit-transform .5s;transition:transform .5s,right .25s ease-in;transition:transform .5s,right .25s ease-in,-webkit-transform .5s;-webkit-transition-delay:.15s!important;transition-delay:.15s!important}.menu{width:300px;height:100vh;background-color:#797979;position:fixed;-webkit-transition:all .45s ease-out .05s;transition:all .45s ease-out .05s;right:-300px}.open{right:0;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.container{background-color:#fff;display:flex;width:100vw;align-items:center;flex-direction:column;justify-content:center;overflow-x:hidden}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.grayscale:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.FormButton{background-color:#27ae60!important;border:none!important}.editPage{margin-top:15vh}.chartContainer{overflow-x:scroll;overflow-y:hidden;width:90vw;min-height:80vh;display:flex;flex-direction:column}.chartContainer .MinAndMax{width:40vw;align-self:flex-end;text-align:right;padding-top:5vh;padding-right:5vw}.textInput{border:.1vmax solid #2c3e50;outline:none;text-align:right;padding:2vh 5vw;min-height:40px;width:50vw;align-self:center;border-radius:1vw;margin-bottom:6vh;color:#000}.textInput::-webkit-input-placeholder{color:#999}.textInput::-moz-placeholder{color:#999}.textInput:-ms-input-placeholder{color:#999}.textInput::-ms-input-placeholder{color:#999}.textInput::placeholder{color:#999}.LoginContainer{width:100vw!important;height:100vh!important;top:0;background-color:rgba(0,0,0,.75)!important;align-items:center;justify-content:center;z-index:10!important}.Login,.LoginContainer{position:fixed;display:flex}.Login{width:60vw!important;min-height:60vh!important;padding:4vmax;background-color:#fff;top:20vh;left:20vw;z-index:10;align-self:center;flex-direction:column}.Login span{margin-top:6vh}.Login .textInput,.Login span{text-align:right;margin-bottom:6vh}.Login .textInput{border:.1vmax solid #2c3e50;outline:none;min-height:40px;padding:2vh 5vw;width:50vw;align-self:center;border-radius:1vw;color:#000}.Login .textInput::-webkit-input-placeholder{color:#999}.Login .textInput::-moz-placeholder{color:#999}.Login .textInput:-ms-input-placeholder{color:#999}.Login .textInput::-ms-input-placeholder{color:#999}.Login .textInput::placeholder{color:#999}.Login .LoginButton{min-height:40px;align-self:center;background-color:#2c3e50;border:.1vmax solid #2c3e50;outline:none;text-align:center;border-radius:1vw;color:#fff}.Login .LoginError{color:#e74c3c}.Login .LoginHeader{width:60vw;align-items:center;justify-content:center;display:flex;position:absolute;top:0;left:0;height:10vh;min-height:40px;background-color:#2c3e50}.Login .LoginHeader>span{align-self:center;color:#fff;text-align:center}.Login .LoginHeader>div{width:6vh;cursor:pointer;position:absolute;right:3vw;display:flex;align-items:center;justify-content:center;height:6vh;min-height:15px;min-width:15px;background-color:#ca1f1f}.Login .LoginHeader>div svg{width:2vw;min-width:10px;min-height:10px;height:2vw}.BillsLoading{box-shadow:none!important;display:flex;align-items:center;justify-content:center;height:3vh}}@media only screen and (max-width:768px) and (orientation:portrait){.container{background-color:#fff;display:flex;width:100vw;align-items:center;flex-direction:column;justify-content:center;overflow-x:hidden}.container h1{color:#2c3e50}.container h2{color:#4b4b4b}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.grayscale:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.DismissBtn{justify-content:center!important;margin-top:3vh!important}.DismissBtn,.Exitbutton{background-color:#e74c3c!important;align-items:center;border:none!important}.Exitbutton{justify-content:space-between!important;margin-bottom:3vh!important}.Exitbutton svg{width:4vh;height:4vh;fill:#fff}.EditProfileBtn{justify-content:space-between!important;align-items:center;background-color:#3aa8f2!important;border:none!important;margin-bottom:3vh!important}.EditProfileBtn svg{width:3vh;height:3vh;fill:#fff}.topBtn{width:10vw;height:10vw;position:fixed;bottom:15vh;border-radius:50%;display:none;text-align:center;-webkit-transition:all .3s;transition:all .3s;align-items:center;justify-content:center;right:4vw;background-color:#2d3e50;opacity:.3}.topBtn svg{width:5vw;height:5vw;fill:#fff}.chartContainer{overflow-x:scroll;overflow-y:hidden;min-width:90vw;align-self:center;justify-content:center;min-height:55vh;display:flex;flex-direction:column}.chartContainer .MinAndMax{width:40vw;align-self:flex-end;text-align:right;padding-top:5vh;padding-right:5vw}.chartContainer .MinAndMax h4{font-size:2.5vw;font-family:Normal}.header{display:block;height:auto;z-index:1}.header img{width:100vw;height:98.5vh}.header .mobileIcons{width:100%;display:flex;justify-content:space-between;padding-right:7.24vmin;padding-left:7.24vmin;padding-top:2.71vmax;position:absolute;top:0;z-index:4}.header .mobileIcons>svg:first-child{width:9.66vmin;height:9.66vmin}.header .mobileIcons>svg:nth-child(2){width:6.28vmin;height:2.71vmax;margin-top:1.35vmax;cursor:pointer}.headerMenu{width:100vw;height:98.5vh;opacity:.95;z-index:3;position:absolute;left:0;top:0}.headerMenu>img{width:100vw;height:85vh}.headerMenu>div{position:absolute;left:0;top:0;flex-direction:column-reverse;margin-left:0;margin-top:10vh}.headerMenu>div,.headerMenu>div>div div:first-child{display:flex;align-items:center;justify-content:center}.headerMenu>div>div div:first-child{width:100vw;height:2vh!important;color:#fff;align-self:center;text-align:center;font-family:Normal;margin-bottom:5.5vmax;font-size:5vw}.BillInquire{width:92vw;margin-top:5vh;margin-bottom:5vh;min-height:30vh;display:flex;align-items:center;flex-direction:column}.BillInquire img{width:17.5vmax!important;height:17.5vmax!important}.BillInquire .textInput{height:5vh;width:92vw;min-height:40px;border:.15vw solid #2c3e50;outline:none;text-align:right;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext;padding:1vh 4vw;border-radius:2vw;margin-bottom:3vh;font-family:Bold;font-size:2vmax;color:#000}.BillInquire .textInput::-webkit-input-placeholder{color:#999}.BillInquire .textInput::-moz-placeholder{color:#999}.BillInquire .textInput:-ms-input-placeholder{color:#999}.BillInquire .textInput::-ms-input-placeholder{color:#999}.BillInquire .textInput::placeholder{color:#999}.BillInquire>h1{font-size:4vmax}.BillInquire>h1,.BillInquire>h2{color:#2c3e50;text-align:center;font-family:Bold}.BillInquire>h2{font-size:3vmax}.BillInquire .PeriodBtns{width:70vw;height:6vh;min-height:30px;display:flex;margin-bottom:3vh;align-self:center;justify-content:space-between;align-items:center}.BillInquire .PeriodBtns>div{width:30vw;height:5vh;min-height:30px;border-radius:2vw;font-family:Normal;font-size:4vw;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#ddd}.BillInquire .PeriodBtns .selectedPeriod{background-color:#3aa8f2!important;color:#fff!important}.billsHistory{width:92vw;min-height:10vh;margin-bottom:12vh}.billsHistory>h5{text-align:right;color:#e74c3c}.billsHistory .BillsComponent{width:92vw;height:5vh;min-height:40px;justify-content:space-between;display:flex;align-items:center;background-color:#fff!important;box-shadow:1px 1px 15px 5px rgba(0,0,0,.15);margin-bottom:1vh;padding:4vh 0 4vh 4vh;border-radius:2vw;flex-direction:row}.billsHistory .BillsComponent .BillsComponentDiv{left:0;width:87vw;display:flex;flex-direction:row;justify-content:space-between;padding-right:2vw;cursor:pointer}.billsHistory .BillsComponent .BillsComponentDiv>span{font-family:Bold;font-size:2vmax}.billsHistory .BillsComponent .BillsComponentDivUsage{width:92vmax;padding-right:0!important}.billsHistory .BillsComponent>div{width:12vh;display:flex;flex-direction:row}.billsHistory .BillsComponent>div div{width:6vh;cursor:pointer;height:8.25vh;min-height:40px;display:flex;flex-direction:column;vertical-align:center;justify-content:space-between;padding-top:1.5vh;padding-bottom:1.5vh;align-items:center;background-color:#3aa8f2;position:relative}.billsHistory .BillsComponent>div div>svg{width:3vh;height:3vh;fill:#fff}.billsHistory .BillsComponent>div div>span{font-size:1.25vmax;color:#fff}.billsHistory .BillsComponent>div div:nth-child(2){background-color:#e74c3c;border-top-right-radius:5px;border-bottom-right-radius:5px}.DeleteBillModule{width:100vw;cursor:default;height:100vh;background-color:rgba(0,0,0,.75);position:fixed;display:flex;align-items:flex-start;justify-content:center;top:0;left:0;z-index:15}.DeleteBillModule>div{width:80vw;min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #2c3e50;border-radius:12px;border-bottom:hidden;padding-bottom:0;padding-top:2vh}.DeleteBillModule>div>svg{width:5vh;height:5vh}.DeleteBillModule>div .textInputEdit{border:.075vh solid #2c3e50;outline:none;width:65vw;align-self:center;min-height:40px;text-align:right;padding:2vh 2vw;border-radius:.75vh;font-family:Normal;margin-bottom:4vh;margin-top:4vh;color:#000}.DeleteBillModule>div .textInputEdit::-webkit-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-moz-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit:-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::-ms-input-placeholder{color:#999;font-family:Normal}.DeleteBillModule>div .textInputEdit::placeholder{color:#999;font-family:Normal}.DeleteBillModule>div>span{align-self:center;color:#2c3e50;width:60vw;text-align:center;font-family:Bold;font-size:2.5vmax;margin-top:3vh}.DeleteBillModule>div>div{width:inherit;display:flex;justify-content:space-between;margin-top:3vh}.DeleteBillModule>div>div>div:first-child{border-bottom-left-radius:10px;width:49.5%;color:#e74c3c}.DeleteBillModule>div>div>div:first-child,.DeleteBillModule>div>div>div:nth-child(2){display:flex;cursor:pointer;font-size:2vh;justify-content:center;align-items:center;background-color:#2d3e50;font-family:Normal;height:6vh}.DeleteBillModule>div>div>div:nth-child(2){border-bottom-right-radius:10px;width:50%;color:#fff}.PaymentComponentContainer{background-color:#2d3e50;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);border-radius:1vmax;height:50vh;width:92vw;-webkit-transition:height .25s ease-out .25s;transition:height .25s ease-out .25s;display:flex;flex-direction:column;align-items:center;margin-bottom:3vh;padding:1vw}.PaymentComponentContainer .PaymentComponentContainerInner{display:flex;width:92vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;padding:1vh 2.5vmax;margin-bottom:3vh}.PaymentComponentContainer .PaymentComponentContainerInner img{width:10vmax;height:10vmax;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.PaymentComponentContainer .PaymentComponentContainerInner img img{width:8vmax;height:8vmax}.PaymentComponentContainer .PaymentComponentContainerInner>div{width:50vw}.PaymentComponentContainer .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:first-child{font-size:1.75vmax;font-family:Normal;color:#fff;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainer .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1.75vmax;font-family:Normal;color:#ec4d11;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainer .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.75vh;width:85%;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainer .PaymentComponentDesc>span{font-size:1.5vmax;color:#f8f8f8;direction:rtl}.PaymentComponentContainer .PaymentComponentDesc svg{width:2vmax;height:auto}.PaymentComponentContainer .Links{display:flex;padding-top:1vh;margin-bottom:2vh;flex-direction:row;justify-content:space-between;width:60%;height:7.5vh}.PaymentComponentContainer .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainer .Links .LinkComponent svg{width:2vmax;fill:#f8f8f8;height:auto}.PaymentComponentContainer .Links .LinkComponent span{font-size:1.1vmax;color:#f8f8f8}.PaymentComponentContainer .ShareContain{height:0;padding-top:2vh;align-items:center;display:flex;justify-content:center}.PaymentComponentContainer .ShareContain svg{width:auto;-webkit-transition:height .25s ease-out;transition:height .25s ease-out;height:0}.PaymentComponentContainer .ShareContainOpen{height:7.5vmax;display:flex;align-items:center;justify-content:center}.PaymentComponentContainer .ShareContainOpen svg{width:auto;-webkit-transition:height .25s ease-in .25s;transition:height .25s ease-in .25s;height:5vmax}.PaymentComponentContainerOpen{box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);background-color:#2d3e50;border-radius:1vmax;-webkit-transition:height .25s ease-in;transition:height .25s ease-in;height:55vh;width:92vw;display:flex;flex-direction:column;align-items:center;margin-bottom:3vh;padding:1vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner{display:flex;width:92vw;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;padding:1vh 2.5vmax;margin-bottom:3vh}.PaymentComponentContainerOpen .PaymentComponentContainerInner>img{width:10vmax;height:10vmax;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.PaymentComponentContainerOpen .PaymentComponentContainerInner>img img{width:8vmax;height:8vmax}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div{width:50vw}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div{display:flex;flex-direction:row;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:first-child{font-size:1.75vmax;font-family:Normal;color:#fff;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentContainerInner>div>div span:nth-child(2){font-size:1.75vmax;font-family:Normal;color:#ec4d11;margin-bottom:1.25vh;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentDesc{border-top:.25px solid #797979;border-bottom:.25px solid #797979;padding:.75vh;width:85%;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.PaymentComponentContainerOpen .PaymentComponentDesc>span{font-size:1.5vmax;color:#f8f8f8;direction:rtl}.PaymentComponentContainerOpen .PaymentComponentDesc svg{width:2vmax;height:auto}.PaymentComponentContainerOpen .Links{display:flex;padding-top:1vh;margin-bottom:2vh;flex-direction:row;justify-content:space-between;width:60%;height:7.5vh}.PaymentComponentContainerOpen .Links .LinkComponent{height:7.5vh;display:flex;cursor:pointer;align-items:center;flex-direction:column;justify-content:space-evenly}.PaymentComponentContainerOpen .Links .LinkComponent svg{width:2vmax;fill:#f8f8f8;height:auto}.PaymentComponentContainerOpen .Links .LinkComponent span{font-size:1.1vmax;color:#f8f8f8}.PaymentComponentContainerOpen .ShareContain{height:0;padding-top:2vh;-webkit-transition:height .25s ease-out .25s;transition:height .25s ease-out .25s;align-items:center;display:flex;justify-content:center}.PaymentComponentContainerOpen .ShareContain svg{width:auto;-webkit-transition:height .25s ease-out;transition:height .25s ease-out;height:0}.PaymentComponentContainerOpen .ShareContainOpen{height:7.5vmax;-webkit-transition:height .25s ease-in;transition:height .25s ease-in;display:flex;align-items:center;justify-content:center}.PaymentComponentContainerOpen .ShareContainOpen svg{width:auto;-webkit-transition:height .25s ease-in .25s;transition:height .25s ease-in .25s;height:5vmax}.ShareModal{width:96vw!important;min-height:35vh!important;padding:1vmax;border-radius:2vw;background-color:#fff;position:fixed;top:20vh;left:2vw;z-index:10;display:flex;align-items:center;align-self:center;flex-direction:column;justify-content:space-evenly}.ShareModal svg{margin-top:2vmin;width:5vmax;height:auto}.toast-container{font-family:Normal}.ReminderComponentContainer{display:flex;min-height:40vh;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:5vh!important;width:92vw;align-self:center;background-color:#2d3e50;border-radius:.5vmax;position:relative;border-bottom-right-radius:6vmax;padding:1vh 2.5vmax;margin-bottom:3vh}.ReminderComponentContainer img{width:10vmax;height:10vmax}.ReminderComponentContainer>div{width:50vw}.ReminderComponentContainer>div>div{display:flex;flex-direction:row;justify-content:space-between}.ReminderComponentContainer>div>div span:first-child{font-size:1.75vmax;font-family:Normal;color:#fff;direction:rtl;margin-bottom:1.25vh}.ReminderComponentContainer>div>div span:nth-child(2){font-size:1.75vmax;font-family:Normal;direction:rtl;color:#ec4d11;margin-bottom:1.25vh}.ReminderComponentContainer .bottomBtn{position:absolute;width:75vw;height:6.5vh!important;padding:0!important;min-height:35px!important;border-radius:10vh!important;border:.3vh solid #fff;bottom:2vh;background-color:#27ae60;left:7.5vw}.ReminderComponentContainer .isPaid{background-color:transparent;border:none;color:#27ae60;bottom:1vh}.paymentsContainer{height:100vh;width:100vw;display:grid;justify-items:center;grid-template-columns:auto;grid-template-rows:auto auto}.historySpan{color:#ec4d11}.chooseBillType,.historySpan{align-self:center;font-size:4vmax;margin-top:10vh}.chooseBillType{color:#2c3e50}.historySpanEmpty{align-self:center;color:#797979;font-size:3vmax}tr:nth-child(2n){background-color:#ddd}.useageManagment{min-height:100vh;background-color:#f9f9f9!important;padding-top:10vh;flex:1 1}.useageManagment>img{width:50vw;height:auto}.useageManagment>h3{color:#2c3e50;font-family:Bold;font-size:2vmax}.companiesDivUsage{height:10vh!important}.billsHistoryUsage,.companiesDivUsage{margin-top:1vh!important}.paymentHeader{width:100vw;height:10vh;position:absolute;display:flex;justify-content:space-between;align-items:center;top:0;z-index:30;padding-right:5vw;padding-left:5vw}.paymentHeader>svg{z-index:1000}.PayButton{width:100vw!important;height:7vh;position:fixed;bottom:0!important;left:0!important;right:0!important;display:flex;z-index:10;border-radius:0!important;justify-content:center;align-items:center;color:#fff;font-family:Bold;font-size:3vmax;background-color:#27ae60;border:none}.ProfileInformation{display:flex;height:30vh!important;min-height:80px;max-height:150px;width:92vw!important;margin-top:20vh;flex-direction:column;justify-content:space-between;width:25vw;align-self:center;background-color:#2d3e50;border-radius:.75vmax;padding:2vh;margin-bottom:3vh}.ProfileInformation>div{display:flex;flex-direction:row;justify-content:space-between}.ProfileInformation>div span:first-child{font-size:2.25vmax;font-family:Normal;color:#fff}.ProfileInformation>div span:nth-child(2){font-size:2.25vmax;font-family:Bold;color:#ec4d11}.ProfileInformation>span{color:#ec4d11;font-size:2vmax;font-family:Bold;cursor:pointer;text-align:center;vertical-align:center}.BillInformation{display:flex;width:100vw;min-height:35vh;overflow:hidden;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:10vh;margin-bottom:10vh}.BillInformation img{width:17.5vmax!important;height:17.5vmax!important}.BillInformation>div{width:92vw;min-height:15vh;align-self:center;background-color:#2d3e50;border-radius:2vw;padding:5vw;margin-bottom:3vh}.BillInformation>div>div{display:flex;justify-content:space-between}.BillInformation>div>div span{margin-bottom:1vh}.BillInformation>div>div span:first-child{font-size:2vmax;text-align:right;direction:rtl;color:#fff}.BillInformation>div>div span:nth-child(2){font-size:2vmax;text-align:right;color:#ec4d11}.BillInformation>h5{color:#e74c3c;text-align:right;align-self:center;cursor:pointer}.BillInformation>h3{color:#797979;width:85vw;text-align:center;font-size:3vw;align-self:center;cursor:pointer}.BillInformation>input{background-color:#27ae60;border:none;width:92vw;align-self:center}.BillInformation table{width:100vw;align-self:center;margin-bottom:3vh;border:.1vw solid #f8f8f8}.BillInformation tr{display:flex;height:5vh;align-items:center;flex-direction:row;justify-content:space-between;padding-right:3vw;padding-left:3vw;min-height:10vh}.BillInformation tr span:first-child{color:#2c3e50;font-size:2.25vmax}.BillInformation tr span:nth-child(2){color:#797979;font-size:2.25vmax}.BillInformation .Reminder{background-color:#f8f8f8!important;display:flex;height:2vh!important;min-height:8vh!important;padding-top:0!important;padding-bottom:0!important;flex-direction:row;justify-content:space-between;align-items:center}.BillInformation .Reminder>div{border:.2vh solid #27ae60;width:5vw;height:5vw;border-radius:1.5vw;display:flex;align-items:center;justify-content:center}.BillInformation .Reminder>div span{font-size:1.5vw;color:#4b4b4b}.BillInformation .Reminder>div svg{width:5vw;height:5vw;color:#27ae60;fill:#27ae60}.BillInformation .Warn{background-color:#f8f8f8!important;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.BillInformation .Warn svg{fill:#ec4d11;width:3vmax;margin-bottom:2vh;height:auto}.BillInformation .Warn span{font-size:1.5vmax;text-align:right;color:#2c3e50}.ContactUsContainer{background-color:#2c3e50;padding:2vh;display:flex;flex-direction:column;border-radius:2.25vw;align-items:flex-end;margin-top:15vh;max-width:85vw;margin-bottom:5vh}.ContactUsContainer span{font-size:1.75vmax;margin-top:2vh;margin-bottom:2vh;direction:rtl;line-height:4vh;font-family:Normal;color:#fff}.LoginButton{width:92vw;height:5vh;min-height:40px;background-color:#2c3e50;border:.05vw solid #2c3e50;outline:none;text-align:center;vertical-align:middle;cursor:pointer;font-family:Bold;font-size:2.25vmax;padding:0 20vw;display:flex;align-items:center;justify-content:center;border-radius:2vw!important;color:#fff}.headerDescription{height:70vh;position:absolute;top:25vh;display:flex;flex-direction:column;width:100%}.headerDescription span:first-child{width:85vw;color:#fff;font-size:9vmin;text-align:center;font-family:Medium;align-self:center;margin-bottom:10.55vmin}.headerDescription span:nth-child(2){color:#fff;width:74vw;min-height:12.7vh;text-align:center;direction:rtl;line-height:5vh;font-size:4vmin;align-self:center;margin-bottom:4.2vh}.description{display:flex;flex-direction:column;width:100%;padding-left:7.29vw;padding-right:7.29vw;padding-top:4.62vh;min-height:110vh;background-color:#f8f8f8}.description>span:first-child{color:#ec4d11;font-family:Bold;margin-bottom:5.55vh;font-size:4.5vmin;width:100%;text-align:center}.description>span:nth-child(2){font-family:Normal;font-size:3.75vmin;width:85.41vw;margin-bottom:7.5vh;direction:rtl;align-self:center;color:#4b4b4b;height:19.35vh;text-align:center}.description .descriptionColumnDiv{cursor:pointer;display:flex;flex-direction:column}.description .descriptionColumnDiv div{display:flex;flex-direction:column;width:100%;align-items:center;margin-bottom:4.25vh}.description .descriptionColumnDiv div svg{margin-bottom:2.25vh;width:8.22vmax;height:11.2vmin}.description .descriptionColumnDiv div span{text-align:center;margin-bottom:1.25vh;padding-left:7.29vw;padding-right:7.29vw;width:100vw;font-family:Normal;font-size:3vmin}.description .descriptionColumnDiv div .descColHead{color:#3aa8f2;font-family:Bold;font-size:3.5vmin}.description .descriptionColumnDiv div:first-child,.description .descriptionColumnDiv div:nth-child(2){margin-right:11.14vw}.moreDescBtn{width:39.13vmin!important;height:4.75vmax!important;font-size:3vmin;color:#fff;display:flex;font-family:Normal;text-align:center;align-items:center;justify-content:center;border:1px solid #fff;border-radius:7vmin;cursor:pointer;align-self:center}.appDownDiv{display:flex;flex-direction:column-reverse;min-height:76.92vh;width:100vw;padding-bottom:9vh}.appDownDiv>svg{width:75vw;height:auto;margin-top:3.14vh;margin-left:8.28vw}.appDownDiv>div{display:flex;flex-direction:column;align-items:center;width:100vw;padding-left:8.5vw;padding-right:8.5vw;padding-top:10.37vh}.appDownDiv>div>span:first-child{color:#ec4d11;font-size:4vmin;font-family:Bold;margin-bottom:5.55vh}.appDownDiv>div>span:nth-child(2){color:#4b4b4b;font-size:3.5vmin;font-family:Normal;text-align:center;margin-bottom:6.94vh}.appDownDiv>div .downloadBtn{display:flex;justify-content:space-between;align-items:center;width:40vw;min-height:5.92vh;box-shadow:0 0 2px 2px rgba(0,0,0,.15);border-radius:2.5vw;margin-bottom:2.31vh;padding-left:2.13vw;padding-right:2.13vw;cursor:pointer}.appDownDiv>div .downloadBtn>div span{color:#202020;font-family:Normal;direction:rtl;font-size:2.6vmin}.appDownDiv>div .downloadBtn>div span:nth-child(2){color:#202020;font-family:Normal;direction:rtl;font-size:1.85vmin}.appDownDiv>div .downloadBtn svg{width:4vmin;height:4vmax}.companiesDiv{width:100vw!important;min-height:45vh!important;margin-top:11.11vh;margin-bottom:11.11vh!important;padding-left:10vw!important;padding-right:10vw!important;grid-row-gap:5vh;row-gap:5vh;display:grid;grid-template-columns:16vw 16vw 16vw 16vw 16vw;grid-template-rows:auto auto}.companiesDiv .company0{width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer;grid-column:0/1;grid-row:1/2}.companiesDiv .company0 span{width:13.125vmax!important;text-align:center;margin-top:2.5vmin;font-family:Normal;font-size:1.5vmax}.companiesDiv .company1{grid-column:3/4;grid-row:1/2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company1 span{width:13.125vmax!important;text-align:center;margin-top:2.5vmin;font-family:Normal;font-size:1.5vmax}.companiesDiv .company2{grid-column:5/6;grid-row:1/2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company2 span{width:13.125vmax!important;text-align:center;margin-top:2.5vmin;font-family:Normal;font-size:1.5vmax}.companiesDiv .company3{grid-column:2/3;grid-row:2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company3 span{width:13.125vmax!important;text-align:center;margin-top:2.5vmin;font-family:Normal;font-size:1.5vmax}.companiesDiv .company4{grid-column:4/5;grid-row:2;width:100%!important;height:100%!important;display:flex;align-items:center;flex-direction:column;cursor:pointer}.companiesDiv .company4 span{width:13.125vmax!important;text-align:center;margin-top:2.5vmin;font-family:Normal;font-size:1.5vmax}.companiesDiv>div{width:100%;display:flex;justify-content:space-evenly;flex-direction:row}.companiesDiv>div:nth-child(2){margin-top:0}.companiesDiv img{width:10vmax!important;height:10vmax!important}.companiesDiv span{font-family:normal;font-size:1.6vh!important}.footer{display:grid;grid-template-columns:40vw 40vw;grid-template-rows:20vh 20vh 20vh;min-height:80vh;background-color:#e5e5e5;padding-left:10vw;padding-right:10vw}.footer>div:first-child{grid-column:1/2;grid-row:1;display:flex;width:80vw!important;align-items:center;padding-top:5.5vh;padding-left:5vw;flex-direction:column;height:auto}.footer>div:first-child svg{width:6.46vmax;height:auto;margin-bottom:3.79vh}.footer>div:first-child span{text-align:center;font-family:Normal;direction:rtl;color:#202020;font-size:1.4vmax}.footer .footerInfo{width:80vw;grid-column:1/2;grid-row:3;padding-top:10.92vh;margin-right:5.26vw}.footer .footerInfo .ENamad{display:flex;margin-bottom:3vh;flex-direction:row-reverse;justify-content:space-between}.footer .footerInfo .ENamad img{width:12vmax;height:auto}.footer .footerInfo .footerCompanyInfo{display:flex;flex-direction:column}.footer .footerInfo .footerCompanyInfo>div{display:flex;align-items:center;margin-bottom:.57vh}.footer .footerInfo .footerCompanyInfo>div svg{width:3vmax!important;height:3vmax!important}.footer .footerInfo .footerCompanyInfo>div span{width:70.38vw;text-align:right;font-family:Normal;font-size:1.5vmax}.footer .footerInfo .footerCompanyInfo>div>span:nth-child(2){padding-top:1vh!important}.footer .FooterLinksContainer{width:80vw;grid-column:1/3;grid-row:2;display:flex;flex-direction:row;justify-content:space-between}.footer .FooterLinksContainer .footerLinksDiv{height:auto;width:80vw;display:flex;padding-top:6.75vh;flex-direction:column}.footer .FooterLinksContainer .footerLinksDiv>span{text-align:right;margin-bottom:1vh;font-size:1.4vmax}.footer .FooterLinksContainer .footerLinksDiv>span:first-child{color:#2c3e50;font-size:1.6vmax;text-align:right;font-family:Bold;margin-bottom:1.5vh}.FAQ{flex-direction:column;width:92vw;border-bottom:1px solid #797979;padding-top:2vh;padding-bottom:2vh}.FAQ,.FAQ>div:first-child{display:flex;justify-content:space-between;align-items:center}.FAQ>div:first-child{flex-direction:row;margin-bottom:2vh;width:50vw}.FAQ>div:first-child>svg{width:30vw;height:auto}.FAQ>div:first-child>span{color:#2c3e50;width:15vw;font-size:4vmin}.FAQ .FAQComponent{width:92vw;height:auto;border:.2vw solid #797979;border-radius:.5vw;margin-bottom:1vh;display:flex;flex-direction:column;-webkit-transition:all 1s ease;transition:all 1s ease;align-items:center}.FAQ .FAQComponent .FAQComponentHeader{display:flex;width:inherit;border-radius:.15vw;min-height:3.5vh;flex-direction:row;justify-content:space-between;align-items:center;padding:.5vh 5vw .5vh 2.5vw;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.FAQ .FAQComponent .FAQComponentHeader,.FAQ .FAQComponent .FAQComponentHeader>svg{-webkit-transition:all .3s ease;transition:all .3s ease}.FAQ .FAQComponent .FAQComponentHeader>span{direction:rtl;text-align:right;font-size:2.65vmin}.FAQ .FAQComponent .AnimateSpan{overflow:hidden;height:auto;display:flex;padding:1.5vmax;-webkit-transition:all 1s ease;transition:all 1s ease}.FAQ .FAQComponent .AnimateSpan>span{direction:rtl;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:2.35vmin}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit-done{height:0;-webkit-transition:all .5s;transition:all .5s}.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-active,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-enter-done,.FAQ .FAQComponent .AnimateSpan.AnimateSpan-exit{height:auto;-webkit-transition:all .5s;transition:all .5s}.FormButton{background-color:#27ae60!important;border:none!important}.editPage{margin-top:15vh}.textInput{width:92vw;height:5vh;min-height:40px;border:.1vmax solid #2c3e50;outline:none;text-align:right;padding:2vh 5vw;border-radius:2vw;font-family:Normal;align-self:center;margin-bottom:6vh;color:#000}.textInput::-webkit-input-placeholder{color:#999}.textInput::-moz-placeholder{color:#999}.textInput:-ms-input-placeholder{color:#999}.textInput::-ms-input-placeholder{color:#999}.textInput::placeholder{color:#999}.LoginContainer{width:100vw!important;height:100vh!important;top:0;background-color:rgba(0,0,0,.75)!important;align-items:center;z-index:10!important}.Login,.LoginContainer{position:fixed;display:flex;justify-content:center}.Login{width:90vw!important;min-height:60vh!important;padding:4vmax;background-color:#fff;top:2vh;left:5vw;z-index:10;align-self:center;flex-direction:column}.Login span{text-align:center;margin-top:6vh;margin-bottom:6vh}.Login .textInput{width:70vw;height:5vh;min-height:40px;border:.1vmax solid #2c3e50;outline:none;text-align:right;padding:2vh 5vw;border-radius:2vw;align-self:center;margin-bottom:6vh;color:#000}.Login .textInput::-webkit-input-placeholder{color:#999}.Login .textInput::-moz-placeholder{color:#999}.Login .textInput:-ms-input-placeholder{color:#999}.Login .textInput::-ms-input-placeholder{color:#999}.Login .textInput::placeholder{color:#999}.Login .LoginButton{height:5vh;width:70vw;min-height:40px;background-color:#2c3e50;border:.1vmax solid #2c3e50;outline:none;text-align:center;align-self:center;border-radius:5vmax;color:#fff}.Login .LoginError{color:#e74c3c}.Login .LoginHeader{width:90vw;align-items:center;justify-content:center;display:flex;position:absolute;top:0;left:0;height:7vh;background-color:#2c3e50}.Login .LoginHeader>span{align-self:center;color:#fff;text-align:center}.Login .LoginHeader>div{width:5vh;cursor:pointer;position:absolute;right:3vw;display:flex;align-items:center;justify-content:center;height:5vh;background-color:#ca1f1f}.Login .LoginHeader>div svg{width:1.5vmax;height:1.5vmax}.BillsLoading{box-shadow:none!important;display:flex;align-items:center;justify-content:center;height:3vh}}*{box-sizing:border-box}body{width:100%;overflow-x:hidden;font-family:Normal;scrollbar-color:#ff0 #00f}body::-webkit-scrollbar{width:.35vw}body::-webkit-scrollbar-track{box-shadow:inset 0 0 10px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background-color:#2c3e50;outline:4px solid #2c3e50}@font-face{font-family:Bold;font-style:normal;font-weight:400;src:url(/static/media/Bold.8f7ae360.ttf) format("woff2")}@font-face{font-family:Number;font-style:normal;font-weight:400;src:url(/static/media/IRANSansMobileFaNum-Medium.68b323d3.ttf) format("woff2")}@font-face{font-family:Light;font-style:normal;font-weight:400;src:url(/static/media/Light.4e599862.ttf) format("woff2")}@font-face{font-family:Medium;font-style:normal;font-weight:400;src:url(/static/media/IRANSansMobileFaNum-Medium.68b323d3.ttf) format("woff2")}@font-face{font-family:Normal;font-style:normal;font-weight:400;src:url(/static/media/Medium.68b323d3.ttf) format("woff2")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.2cf7b95e.chunk.css.map */