header{padding:10px 15px;margin-bottom:50px;width:100%}header .container{box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-radius:40px;position:fixed;top:10px;left:15px;right:15px;z-index:2;max-width:1500px}header .container .logo a img{width:100px}header .container .hamburgerMenu{display:none}header .container nav{display:flex;align-items:flex-start;gap:30px}header .container nav a{color:#000;border-bottom:1px solid transparent;padding-bottom:5px;transition:all .5s;font-weight:700}header .container nav a:hover{color:#70c163}header .container nav a.active{color:#70c163;border-bottom:1px solid #70c163}header .container nav span{font-size:17.5px}header .container .settings{position:relative}header .container .settings:hover .logout{display:inline-block}header .container .settings .user img{width:40px;height:40px;object-fit:contain}header .container .settings .logout{background-color:#70c163;width:120px;display:none;position:absolute;top:40px;right:0}header .container .settings .logout p{text-align:center;padding:10px 0;cursor:pointer}@media only screen and (max-width: 900px){header .container{padding:10px 20px;margin:0 15px}header .container .hamburgerMenu{display:inline-block}header .container nav{display:none}header .container .settings{display:none}}@media only screen and (max-width: 800px){header .container{left:0;right:0}header .container .logo a img{width:80px}}.drawerNav{display:flex;flex-direction:column;gap:10px}.drawerNav a{padding:10px 20px 10px 10px;background-color:#f5f5f5;color:#000;border-radius:5px;transition:all .5s}.drawerNav a:hover{background-color:#bcb9b9}footer{padding:15px 10px;background-color:#fafafa}footer p{text-align:center;font-size:15px}@media only screen and (max-width: 500px){footer p{font-size:14px}}@media only screen and (max-width: 400px){footer p{font-size:13px}}#activeCharges{padding:30px 15px}#activeCharges .container .breadCrumb{margin-bottom:25px}#activeSessions{margin-bottom:30px}#activeSessions .table .card{box-shadow:#63636333 0 2px 8px;padding:20px;border-radius:10px;transition:all .3s ease-in-out;margin-bottom:20px}#activeSessions .table .card:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transform:translateY(-5px)}#activeSessions .table .card .description{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:40px}#activeSessions .table .card .description p,#activeSessions .table .card .description span{font-size:16px}#activeSessions .table .card .description p{margin:4px 0;font-weight:500}#activeSessions .table .card .description span{font-weight:600}@media only screen and (max-width: 800px){#activeSessions .table .card .description{justify-content:left;gap:10px}#activeSessions .table .card .description p,#activeSessions .table .card .description span{font-size:15px}}@media only screen and (max-width: 500px){#activeSessions .table .card{padding:10px}#activeSessions .table .card .description{gap:5px}#activeSessions .table .card .description p,#activeSessions .table .card .description span{font-size:14px;margin:5px 0}}#activeSessions .table .empty{padding:70px 0}#activeReservedTable{margin-bottom:50px}#activeReservedTable .table{overflow-x:auto}@media only screen and (max-width: 1085px){#activeReservedTable .ant-table{width:120vw}}@media only screen and (max-width: 920px){#activeReservedTable .ant-table{width:140vw}}@media only screen and (max-width: 780px){#activeReservedTable .ant-table{width:160vw}}@media only screen and (max-width: 680px){#activeReservedTable .ant-table{width:195vw}}@media only screen and (max-width: 586px){#activeReservedTable .ant-table{width:245vw}}@media only screen and (max-width: 460px){#activeReservedTable .ant-table{width:275vw}}@media only screen and (max-width: 406px){#activeReservedTable .ant-table{width:330vw}}@media only screen and (max-width: 352px){#activeReservedTable .ant-table{width:340vw}}@media only screen and (max-width: 331px){#activeReservedTable .ant-table{width:360vw}}.ant-modal-body .reservationModalContent div{display:flex;align-items:center;padding:5px 0}.ant-modal-body .reservationModalContent div p{width:40%;font-weight:500}.ant-modal-body .reservationModalContent div span{font-weight:500}.ant-modal-body .reservationModalContent .rejectReservBtn{margin-top:15px}@media only screen and (max-width: 425px){.ant-modal-body .reservationModalContent div{flex-direction:column;align-items:first baseline}.ant-modal-body .reservationModalContent div p{width:100%}}#completeSessions{margin-bottom:30px}#completeSessions .table{overflow-y:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}#completeSessions .table .ant-table{width:1900px}#completeSessions .table::-webkit-scrollbar{width:6px;height:6px}#completeSessions .table::-webkit-scrollbar-thumb{background:#888;border-radius:10px}#completeSessions .table::-webkit-scrollbar-thumb:hover{background:#555}#completeSessions .table::-webkit-scrollbar-track{background:#f1f1f1}.refreshIcon{width:15px;height:15px;margin-top:5px}.refreshIcon:hover{cursor:pointer}.odd-row,.odd-row :hover{background-color:#f5f5f5}#allSessions{margin-bottom:30px}#allSessions .table{overflow-y:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}#allSessions .table .ant-table{width:1900px}#allSessions .table::-webkit-scrollbar{width:6px;height:6px}#allSessions .table::-webkit-scrollbar-thumb{background:#888;border-radius:10px}#allSessions .table::-webkit-scrollbar-thumb:hover{background:#555}#allSessions .table::-webkit-scrollbar-track{background:#f1f1f1}#allSessions .refreshIcon{width:15px;height:15px}#allSessions .refreshIcon:hover{cursor:pointer}#completeReserved{margin-bottom:50px}#completeReserved .table{overflow-x:auto}@media only screen and (max-width: 1085px){#completeReserved .ant-table{width:120vw}}@media only screen and (max-width: 920px){#completeReserved .ant-table{width:140vw}}@media only screen and (max-width: 780px){#completeReserved .ant-table{width:160vw}}@media only screen and (max-width: 680px){#completeReserved .ant-table{width:195vw}}@media only screen and (max-width: 586px){#completeReserved .ant-table{width:245vw}}@media only screen and (max-width: 460px){#completeReserved .ant-table{width:275vw}}@media only screen and (max-width: 406px){#completeReserved .ant-table{width:315vw}}@media only screen and (max-width: 352px){#completeReserved .ant-table{width:330vw}}@media only screen and (max-width: 331px){#completeReserved .ant-table{width:350vw}}#statistics{margin-top:30px}#statistics p{margin-top:30px;margin-bottom:40px}#statistics .head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}#statistics .statisticContainer{display:flex;flex-wrap:wrap;gap:20px}#statistics .chargePointStatContainer{display:flex;justify-content:space-between;gap:20px;width:100%}#statistics .chargePointStat,#statistics .balanceStat{flex:1;min-width:0}#statistics .revenueComparison{width:480px;margin-top:40px;background-color:#fff;box-shadow:#64646f33 0 7px 29px;padding:20px;border-radius:15px}#statistics .revenueComparison .percentage{display:flex;align-items:center;justify-content:space-between}#statistics .revenueComparison .percentage .left{display:flex;gap:20px}#statistics .revenueComparison .percentage .left strong{font-size:40px}#statistics .revenueComparison .percentage .left img{width:20px;height:20px}#statistics .revenueComparison .lastMonth{margin-top:30px}#statistics .revenueComparison .lastMonth p{margin:15px 0 0}@media only screen and (max-width: 500px){#statistics .revenueComparison:first-child{margin-top:20px}#statistics .revenueComparison:nth-child(2){margin-top:0}#statistics .revenueComparison .percentage .left{gap:10px}#statistics .revenueComparison .percentage .left strong{font-size:35px}#statistics .revenueComparison .percentage .left img{width:15px;height:15px}}@media (max-width: 900px){#statistics .chargePointStatContainer{flex-direction:column;width:100%}#statistics .chargePointStat,#statistics .balanceStat{width:100%;padding-bottom:40px}}#accountEdit{padding:40px 15px}#accountEdit .container p{margin-top:5px;font-weight:500}#accountEdit .container .accountData{margin-top:40px}#accountEdit .container .accountData input{padding:12px 10px;width:50%;display:block;margin-bottom:20px}#accountEdit .container .accountData p{margin-bottom:10px}@media only screen and (max-width: 650px){#accountEdit .container .accountData input{width:100%}}@media only screen and (max-width: 500px){#accountEdit .container h1{font-size:22px}#accountEdit .container p{font-size:15px}#accountEdit .container .accountData input{padding:8px 10px}}#homePage{padding:30px 15px}#homePage .container .icmalCards{display:flex;gap:10px;justify-content:space-around;padding-bottom:30px;flex-wrap:wrap}#homePage .container .icmalCards .card{width:calc((100% - 40px)/4);box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;padding:10px 20px 16px;border-radius:5px;min-width:200px;background-color:#fff}#homePage .container .icmalCards .card p{color:#8a8a8a;line-height:21px;font-weight:500;margin-top:5px;font-size:15px}#homePage .container .icmalCards .card .headText{border-bottom:1px solid #9e9e9e;padding-bottom:15px}#homePage .container .icmalCards .card .headText h3{font-size:20px;font-weight:700;color:#000;line-height:32px;letter-spacing:.25px}#homePage .container .icmalCards .card .headText div{display:flex;justify-content:space-between;align-items:center}#homePage .container .icmalCards .card .detail{padding-top:15px}#homePage .container .icmalCards .card .detail .dailyActiveSeans p{font-size:18px;font-weight:600;margin-bottom:10px}#homePage .container .icmalCards .card .detail .dailyActiveSeans p:last-child{font-size:22px}#homePage .container .icmalCards .card .detail div{display:flex;justify-content:space-between;align-items:center}#homePage .container .icmalCards .card .detail div .stationNumber{color:#000;font-weight:600;font-size:18px}#homePage .container .icmalCards .card .detail div .activeNumber{color:#4caf50!important;font-weight:600;font-size:18px}#homePage .container .icmalCards .card .detail div .deActiveNumber{color:#f44336!important;font-weight:600;font-size:18px}#homePage .container .icmalCards .card .detail div .electric,#homePage .container .icmalCards .card .detail div .activeSeans{font-size:22px;font-weight:600}@media only screen and (max-width: 1000px){#homePage .container .icmalCards .card{width:48%}}@media only screen and (max-width: 640px){#homePage .container .icmalCards .card{width:100%}}#homePage .container .activeSessionSection{margin-top:20px}#homePage .container .activeSessionSection h2{margin-bottom:20px;font-weight:600}#homePage .container .qrCode{display:flex;gap:40px;margin-top:60px}#homePage .container .qrCode p{margin-bottom:10px;font-weight:600;font-size:14px;text-align:center;margin-top:15px}@media only screen and (max-width: 480px){#homePage .container .qrCode{gap:15px}}@media only screen and (max-width: 360px){#homePage .container .qrCode{gap:5px}}#loginPage{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#373737}#loginPage .container{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;padding:20px}#loginPage .container .loginForm{background-color:#474747;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:40px 60px;width:100%;will-change:filter;transition:filter .3s;filter:drop-shadow(0 0 3em #70c163)}#loginPage .container .loginForm .logo{text-align:center;margin-bottom:30px}#loginPage .container .loginForm .logo img{width:180px}#loginPage .container .loginForm .inputs{margin-bottom:20px}#loginPage .container .loginForm .inputs div{margin-bottom:15px}#loginPage .container .loginForm .inputs div.passwordField{position:relative;padding-top:15px}#loginPage .container .loginForm .inputs div.passwordField .togglePasswordIcon{position:absolute;right:10px;top:56px;transform:translateY(-50%);color:gray;cursor:pointer;font-size:20px;transition:all .5s}#loginPage .container .loginForm .inputs div p{font-weight:700;color:#fff;font-size:15px;margin-bottom:5px!important}#loginPage .container .loginForm .inputs div input{width:100%;padding:10px;border:none;border-bottom:2px solid #ccc;font-size:16px;background-color:transparent;outline:none;transition:all .5s;color:#fff;font-weight:600}#loginPage .container .loginForm .inputs div input:focus{border-bottom:2px solid #70c163}#loginPage .container .loginForm button{display:block;width:100%;padding:10px;background-color:#70c163;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .5s;font-weight:600;text-align:center}#loginPage .container .loginForm button:hover{background-color:#85d679}@media only screen and (max-width: 570px){#loginPage .container{padding:15px}#loginPage .container .loginForm{padding:40px 20px}#loginPage .container .loginForm .logo{margin-bottom:40px}#loginPage .container .loginForm .logo img{width:150px}}#reservs{padding:30px 15px}#reservs .container .breadCrumb{margin-bottom:25px}#sendSMSPage{margin-top:80px}#sendSMSPage .table{padding:0 15px}@media only screen and (max-width: 900px){#sendSMSPage .table{width:140vw}}@media only screen and (max-width: 600px){#sendSMSPage .table{width:200vw}}@media only screen and (max-width: 400px){#sendSMSPage .table{width:300vw}}#stations{padding:0 15px;margin-top:80px}#stations .container .breadCrumb{margin:35px 0 20px}#stations .container #cards{overflow-y:auto}#stations .container .action{text-align:end;margin-bottom:15px}#stations .container .action p{cursor:pointer;font-weight:500}#allLocation{margin-top:20px}#allLocation .table{overflow-x:auto}@media only screen and (max-width: 850px){#allLocation .ant-table{width:125vw}}@media only screen and (max-width: 760px){#allLocation .ant-table{width:160vw}}@media only screen and (max-width: 650px){#allLocation .ant-table{width:180vw}}@media only screen and (max-width: 600px){#allLocation .ant-table{width:200vw}}@media only screen and (max-width: 520px){#allLocation .ant-table{width:220vw}}@media only screen and (max-width: 450px){#allLocation .ant-table{width:240vw}}@media only screen and (max-width: 390px){#allLocation .ant-table{width:260vw}}@media only screen and (max-width: 350px){#allLocation .ant-table{width:270vw}}#allStation{margin-top:20px}#allStation .table{overflow-x:auto}@media only screen and (max-width: 1000px){#allStation .ant-table{width:130vw}}@media only screen and (max-width: 850px){#allStation .ant-table{width:150vw}}@media only screen and (max-width: 760px){#allStation .ant-table{width:180vw}}@media only screen and (max-width: 650px){#allStation .ant-table{width:220vw}}@media only screen and (max-width: 600px){#allStation .ant-table{width:240vw}}@media only screen and (max-width: 520px){#allStation .ant-table{width:280vw}}@media only screen and (max-width: 450px){#allStation .ant-table{width:300vw}}@media only screen and (max-width: 390px){#allStation .ant-table{width:350vw}}@media only screen and (max-width: 350px){#allStation .ant-table{width:380vw}}.modalDiv div{display:flex;margin-bottom:10px;font-weight:600}.modalDiv div:nth-child(1){margin-top:20px}.modalDiv div p{width:250px}.modalDiv button{margin-top:20px}#tarifPage{padding:30px 15px}#tarifPage .table{overflow:auto;margin-bottom:60px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}@media only screen and (max-width: 1300px){#tarifPage .table table{width:120vw}}@media only screen and (max-width: 1170px){#tarifPage .table table{width:150vw}}@media only screen and (max-width: 950px){#tarifPage .table table{width:180vw}}@media only screen and (max-width: 800px){#tarifPage .table table{width:220vw}}@media only screen and (max-width: 650px){#tarifPage .table table{width:270vw}}@media only screen and (max-width: 500px){#tarifPage .table table{width:330vw}}@media only screen and (max-width: 400px){#tarifPage .table table{width:400vw}}#tarifPage .addTarifBtn{margin:20px 0 30px;display:flex;justify-content:end}#tarifPage .table::-webkit-scrollbar{width:8px;height:8px}#tarifPage .table::-webkit-scrollbar-thumb{background:#888;border-radius:10px}#tarifPage .table::-webkit-scrollbar-thumb:hover{background:#555}#tarifPage .table::-webkit-scrollbar-track{background:#f1f1f1}#users{padding:30px 15px}#users .status{margin-bottom:15px}#users .table{overflow-y:auto}@media only screen and (max-width: 1000px){#users .table table{width:200vw}}@media only screen and (max-width: 800px){#users .table table{width:230vw}}@media only screen and (max-width: 660px){#users .table table{width:300vw}}@media only screen and (max-width: 450px){#users .table table{width:350vw}}#allUserStatistics p{padding:25px 0}#chargePointDetail{padding:30px 15px}#chargePointDetail .container .detailDataContent .name{display:flex;align-items:flex-start;gap:10px;width:fit-content;margin-top:15px}#chargePointDetail .container .detailDataContent .chargePointDescription .description{display:flex;align-items:baseline;flex-wrap:wrap;gap:80px}#chargePointDetail .container .detailDataContent .chargePointDescription .description p{font-weight:500;margin-bottom:8px}#chargePointDetail .container .detailDataContent .chargePointDescription .description p span{font-weight:400}#chargePointDetail .container .detailDataContent .chargePointDescription .description h3{margin-bottom:15px}#chargePointDetail .container .detailDataContent .chargePointDescription .description .connectorStatusData{margin-top:20px}#chargePointDetail .container .detailDataContent .chargePointDescription .cpImages{margin-top:40px;margin-bottom:60px;display:flex;gap:15px;flex-wrap:wrap}#chargePointDetail .container .detailDataContent .chargePointDescription .cpImages .cpImage{width:200px}#chargePointDetail .container .detailDataContent .table{width:100%;margin-bottom:80px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}#chargePointDetail .container .detailDataContent .table .ant-table{min-width:1230px}@media only screen and (max-width: 1000px){#chargePointDetail .container .detailDataContent .chargePointDescription .description{gap:40px;row-gap:10px}}@media only screen and (max-width: 600px){#chargePointDetail .container .detailDataContent .chargePointDescription .description{flex-direction:column;row-gap:0px}#chargePointDetail .container .detailDataContent .chargePointDescription .cpImages{gap:10px}#chargePointDetail .container .detailDataContent .chargePointDescription .cpImages .cpImage{width:150px}}@media only screen and (max-width: 500px){#chargePointDetail .container .detailDataContent .chargePointDescription .description{flex-direction:column;row-gap:0px}#chargePointDetail .container .detailDataContent .chargePointDescription .description h3{font-size:16px}#chargePointDetail .container .detailDataContent .chargePointDescription .description p{font-size:14px}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}#chargePointDetailStatistics{margin-bottom:40px}#chargePointDetailStatistics .dateRange{margin:30px 0}#chargePointDetailStatistics .custom-tooltip{background-color:#f9f8f7;padding:10px;font-weight:600}#userDetailPage{padding:30px 15px}#userDetailPage .userInfo{margin-top:50px;margin-bottom:20px;display:flex;gap:30px;align-items:center}#userDetailPage .userInfo .ant-image-mask,#userDetailPage .userInfo img{width:200px!important;border-radius:50%}#userDetailPage .userInfo a{display:block;color:#000;padding-bottom:8px;width:fit-content}#userDetailPage .userInfo p,#userDetailPage .userInfo a{padding-bottom:8px;font-weight:500;color:#000}#userDetailPage .userInfo p span,#userDetailPage .userInfo a span{font-weight:600}@media only screen and (max-width: 700px){#userDetailPage .userInfo{flex-direction:column}}@media only screen and (max-width: 450px){#userDetailPage .userInfo{margin-top:30px}#userDetailPage .userInfo .ant-image-mask,#userDetailPage .userInfo img{width:170px!important;border-radius:50%}#userDetailPage .userInfo p,#userDetailPage .userInfo a{font-size:14px}#userDetailPage .userInfo p span,#userDetailPage .userInfo a span{font-weight:600}}@media only screen and (max-width: 350px){#userDetailPage .userInfo .ant-image-mask,#userDetailPage .userInfo img{width:150px!important;border-radius:50%}#userDetailPage .userInfo p,#userDetailPage .userInfo a{font-size:13px}}#userDetailPage .reservs{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:15px}#userDetailPage .reservs .reservView{padding:20px;width:fit-content;border-radius:8px;box-shadow:#0000003d 0 3px 8px}#userDetailPage .reservs .reservView p{font-size:16px;font-weight:500}#userDetailPage .reservs .reservView p span{font-weight:600}@media only screen and (max-width: 500px){#userDetailPage .reservs .reservView p{font-size:14px}#userDetailPage .reservs .reservView p span{font-weight:500}}#userDetailPage .timelineIcon{width:30px;height:30px;margin:15px auto;display:block;max-width:100%;object-fit:contain}@media (max-width: 1170px){#userDetailPage .timelineIcon{width:20px;height:20px;margin:10px auto}}@media (max-width: 768px){#userDetailPage .timelineIcon{width:25px;height:25px;margin:8px auto}}@media (max-width: 480px){#userDetailPage .timelineIcon{width:20px;height:20px;margin:10px auto}}#userDetailPage .cards{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}#userDetailPage .cards .card-item{padding:16px;box-shadow:0 2px 4px #0000001a;min-width:280px;border-radius:8px}#userDetailPage .cards .card-item .card-number{font-size:18px;font-weight:600}#userDetailPage .cards .card-item .card-brand{font-size:16px;color:#555;margin-top:5px}@media only screen and (max-width: 610px){#userDetailPage .cards .card-item{width:100%!important}#userDetailPage .cards .card-item .card-number{font-size:17px}}#userDetailPage .no-cards{text-align:center;font-size:18px;color:#888}.sendPushNotification input{margin-top:10px;width:40%;display:block}.sendPushNotification input:last-child{margin-bottom:10px}.sendPushNotification button{margin-top:15px}@media only screen and (max-width: 700px){.sendPushNotification input{width:100%}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}#appVersion{margin:80px 15px}#appVersion .container .currentVersion{display:flex;align-items:flex-start;gap:15px;margin-top:50px}#appVersion .container .createNewVersion{margin-top:50px;margin-bottom:220px}#appVersion .container .createNewVersion .ant-input-affix-wrapper{width:200px}#appVersion .container .createNewVersion .isCritic{margin:30px 10px}@media only screen and (max-width: 900px){#appVersion .container .createNewVersion{margin-bottom:130px}}@media only screen and (max-width: 400px){#appVersion .container .currentVersion h4{font-size:15px}#appVersion .container .createNewVersion{margin-bottom:170px}}#appLogs{margin:80px 15px}#appLogs .container .errorLogs{display:flex;align-items:safe;flex-wrap:wrap;gap:15px;margin-top:20px}#appLogs .container .log-card{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:15px;margin:10px 0;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:24%;display:flex;flex-direction:column}#appLogs .container .log-card:hover{box-shadow:0 4px 8px #00000026}#appLogs .container .log-card .log-method{font-size:1rem;font-weight:700;color:#333}#appLogs .container .log-card .log-message{font-size:.9rem;color:#555;margin-top:5px}#appLogs .container .log-card .log-details{font-size:.8rem;color:#777;margin-top:10px}#appLogs .container .log-card .log-date{font-size:.8rem;color:#999;margin-top:auto;text-align:right;padding-top:15px}#appLogs .container .filterBtn{display:flex;gap:5px;height:50px;position:sticky;top:90px;z-index:10;align-items:center}#appLogs .container .no-data{margin-top:80px;font-weight:500;text-align:center}@media only screen and (max-width: 1155px){#appLogs .container .log-card{width:32%}}@media only screen and (max-width: 780px){#appLogs .container .log-card{width:100%}}@media only screen and (max-width: 450px){#appLogs .container .filterBtn{display:none}}#frequentlyAskedQuestions{padding:30px 15px}#frequentlyAskedQuestions .container .breadCrumb{margin-bottom:25px}#frequentlyAskedQuestions .container .addNewItem h4{margin-bottom:15px}#reports .container{padding:0 15px}#reports .container .exportToExcel{display:flex;justify-content:flex-end;margin-right:40px}#reports .container .exportToExcel .exportBtn{background-color:#70c163;padding:10px 15px;cursor:pointer;border:none;color:#f5f5f5;border-radius:10px;font-weight:600;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}#messageScreen{padding:40px 10px}#messageScreen .container{display:flex}#messageScreen .container .user-list{height:80vh;width:400px;overflow-y:auto}#messageScreen .container .message-box{width:70%;height:80vh;position:relative;margin-left:10px}#messageScreen .container .message-box .messages{max-height:60vh;overflow-y:scroll}#messageScreen .container .message-box .messages .message{padding:10px;margin:5px 0;width:fit-content;max-width:60%;border-radius:10px}#messageScreen .container .message-box .messages .message p.text{font-size:16px;font-weight:600}#messageScreen .container .message-box .messages .message p.date{font-size:14px;margin-top:5px}#messageScreen .container .message-box .response-input{position:absolute;bottom:0;right:0;left:0}@media only screen and (max-width: 1000px){#messageScreen .container .message-box .messages .message{max-width:80%}}@media only screen and (max-width: 750px){#messageScreen .container .user-list{width:300px}#messageScreen .container .message-box{width:68%}#messageScreen .container .message-box .messages .message{max-width:80%}#messageScreen .container .message-box .messages .message p.text{font-size:15px}}@media only screen and (max-width: 550px){#messageScreen .container .user-list{width:250px}#messageScreen .container .message-box .messages .message{max-width:90%}#messageScreen .container .message-box .messages .message p.text{font-size:14px}}@media only screen and (max-width: 450px){#messageScreen .container .user-list{width:200px}#messageScreen .container .message-box .messages .message{max-width:100%}#messageScreen .container .message-box .messages .message p.text{font-size:13px}#messageScreen .container .message-box .messages .message p.date{font-size:12px}}.container{max-width:1500px;margin:0 auto}table th{font-size:13px;text-align:center!important;padding:5px 10px!important}table td{font-size:13.5px;padding:10px!important}p{margin-bottom:2px!important}.loading{width:100%;height:65vh;display:flex;align-items:center;justify-content:center}.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:5px;z-index:10;overflow:hidden}.progress-bar{height:100%;background-color:#007bff;transition:background-color .5s ease-in-out}.progress-bar.loading{background-color:#007bff;animation:progressMove 2s linear infinite}.progress-bar.connected{background-color:#70c163;animation:none}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{font-family:Montserrat;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}*{margin:0;padding:0;box-sizing:border-box}.ant-segmented{background-color:#d5d6d699}