/* File : 0 */ /* Started Brand Theme CSS : Partner_Basic - practice.aliens.school */ /* Ended Brand Theme CSS : Partner_Basic - practice.aliens.school */ /* Started App Theme CSS : App:Partner - Branch:practice.aliens.school */ /* Base CSS */ :root{ --0:rgb(0 0 0 / 0); --a:rgb(6 112 166); --aa:rgb(7 132 195); --aat:rgb(0 66 189 / 22%); --aaa:linear-gradient(333deg, var(--a), var(--aa)); --lgaa:linear-gradient(333deg, var(--a), var(--aa)); --at:rgba(45 140 255 / 44%); --b:rgb(255 255 255); --b1:rgb(243, 242, 241); --br:#131313; --bt:rgb(248,249,250); --b-t:rgb(255 255 255 / 77%); --tb:linear-gradient(180deg, rgb(230 230 230), transparent, transparent); --c:rgb(32 31 30); --c1:rgb(51 51 51); --c2:rgb(31 31 31); --cr:rgb(149, 36, 21); --cg:#00a186; --cbg:rgb(15 255 62 / 16%); --c0:#65676b; --y1:#fff9e6; --y2:rgb(251, 244, 210); --y3:#cc9a06; --bc:rgb(233 236 239); --bg:rgb(244 244 244 / 44%); --hover:linear-gradient(90deg, rgb(0 0 0 / 1%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 1%)); --b-t22:rgb(255 255 255 / 22%); --b-t44:rgb(255 255 255 / 44%); --b-t50:rgb(216 247 246 / 50%); --b-t52:rgb(79 165 144 / 52%); --b-t77:rgb(255 255 255 / 77%); --b-t88:rgb(255 255 255 / 88%); --b-t95:rgb(255 255 255 / 95%); --bor:rgb(63 63 63 / 30%); --btn:linear-gradient(333deg, var(--a), var(--aa)); --btn1:linear-gradient(333deg, var(--a), var(--aa)); --btn2:linear-gradient(333deg, var(--a), var(--aa)); --btn3:linear-gradient(333deg, var(--a), var(--aa)); --btn4:linear-gradient(333deg, var(--a), var(--aa)); --bt-bx:0 0px 5px 0px rgb(0 0 0 / 6%); --bs:0 0.5rem 1.2rem rgb(189 197 209 / 20%); --bss:0px 2px 4px 0px rgb(31 31 31 / 22%); --bs-b:0px 2px 5px 3px rgb(31 31 31 / 11%); --bs-bb:inset 0 -15px 22px 0px rgb(0 0 0 / 7%), inset 0 1px 4px 0px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 11%); --bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 4%), inset 0 1px 4px 0px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 4%); --bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 1px 4px 0px rgb(0 0 0 / 2%), 0 1px 2px rgb(0 0 0 / 2%); --bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 1%), inset 0 1px 4px 0px rgb(0 0 0 / 1%), 0 1px 2px rgb(0 0 0 / 1%); --bs-bt:inset 0 0px 4px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%); --bs-bl:inset 0 -4px 7px 0px rgb(0 0 0 / 11%), inset 0 1px 7px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%); --bs-br:0px 4px 7px 0px rgb(215 215 215), inset 0px 0px 56px 0px rgb(222 228 240); /* --m-a_b background menubar items */ --lg:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) ); --lg1:linear-gradient(90deg, rgba(0,255,255,0.05), rgba(0,255,255,0.10), rgba(0,255,255,0.05) ); --lg-bl:linear-gradient( 123deg , rgb(103 58 183 / 22%), rgb(3 169 244 / 22%), rgb(0 222 111 / 22%), rgb(3 169 244 / 22%) ); --lg-b:246,247,248; --lg-b1:linear-gradient(128.84deg,#0f6cbd 20.46%,#3c45ab 72.3%); --bs-x:2.5rem; --br-width:2px; --br-style: dashed; } /*@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap'); */ @import url('https://fonts.googleapis.com'); @import url('https://fonts.gstatic.com'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); html{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } @media (min-width: 999px){ /* SCROLLBAR */ ::-webkit-scrollbar {width:0;height:4px} ::-webkit-scrollbar-track {background: var(--b-t22);} ::-webkit-scrollbar-thumb {background: var(--bc);} ::-webkit-scrollbar-thumb:hover {background: #4444;} /* SCROLLBAR */ } /*# Tags */ html,body,aliens,dapp,app,.app{display:block;height:100%;width:100%;overflow:hidden} html{position:fixed;height:100%;width:100%;overflow:hidden;color:#eff;font-family:system-ui;color:var(--c);} body{margin:0;overflow:hidden;background:var(--b);} desktop { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } content { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 3; } aerea { display: block; } /*main>* { margin: 0 22px; }*/ d.hero { padding-left: calc(var(--bs-x)* .3); margin-right: auto; margin-left: auto; position: relative; } ext:active { border: solid 2px var(--bc); border-radius: 8px; } ext { display: flex ; justify-content: center; align-items: center; height: 33px; width: 33px; border: solid 2px var(--0); } rightbar { position: absolute; height: auto; bottom: 0; left: 0; right: 0; width: 100%; cursor: default; z-index: 999999999; } content {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;overflow: hidden;} header, aerea { display: block;position:relative; } /*aerea { background-image: linear-gradient(189deg, var(--b1) 0, rgba(var(--lg-b), 0) 85rem); } aerea { min-height: calc(100vh - 144px); min-width: 100%; } */ bl hd{display:block}bl bd{display:block} bl bs { position: relative; border-radius: 33px; display: flex; justify-content: center; align-items: center; background: var(--b); z-index: 8; box-shadow: var(--bs-b); padding: 22px; } bl bs count{width: 100%;} /*grid bl{display: block; position: relative; z-index: 2; overflow: hidden; border-radius:22px; }*/ grid bl.bl{transition: 333ms;} grid bl.bl:active { transform: scale(1.1); z-index: 88; left: 0; right: 0; background: rgb(0 0 0); position: relative; box-shadow: -7px 11px 7px 0px rgb(0 0 0); } grid bl::before{ content: ''; background-image: url(); height: 111px; width: 111px; position: absolute; left: 11%; top: 44%; z-index: 1; background-position: 50%; filter: blur(44px); } grid bl bl { padding: 11px; border: unset; border-radius: 0px;url();background-size: 100% 100%;} /*grid bl bd{display:block; position: relative;z-index: 2;}*/s grid bl mm{ position: absolute; right: 0; top: 11px; width: 25px; margin: 0; padding: 0;transition: 333ms;} chms btn { padding: 7px 11px; } ins { text-decoration: unset; } tr{transition:333ms;background-image:unset} /*tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )} */ tr.done { color: rgba(0,255,0,1); background: #000; } tr { cursor: default; } tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); } th, td{padding: 11px;overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); } table { width: 100%; } cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; } dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; } square { width: 100%; display: block; height: auto; } square::after { content: ''; padding-top: 100%; display: block; } .square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; } price { font-size: .78515625rem; font-weight: 400; } th:nth-child(1), td:nth-child(1) { padding-left: 1rem ; } a.this { color: var(--a); font-weight: unset; } .cblue {color: var(--aa);} .bblue {background: var(--aa);color: var(--b);} .bgrey { background: var(--bc); } .circle { display: flex ; background: var(--b-t50); justify-content: center; border: solid 1px var(--b-t52); border-radius: 15px; width: 1.5rem; height: 1.5rem; } .bblue:hover { background: var(--a); } .bgrey:active { background: var(--c0); color: var(--b); } hd table tr { border: unset; width: 100%;} circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; } circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; } scchs .aerea { flex-direction: row; display: flex ; margin-top: 1rem; margin-left: auto; max-width: 1400px; padding-right: var(--bs-x); padding-left: var(--bs-x); margin-right: auto; padding-bottom: 5rem; } sidebar { top: 0px; height: min-content; min-width: 180px; } screen { background: var(--b1); } screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } /*screen header { background:var(--0); display: block; position: sticky; top: 0; z-index: 888; padding:0;backdrop-filter: blur(35px);}*/ screen h{ display: block; position: relative; } screen h f { height: 55px; display: grid; align-items: center; z-index: 22; grid-template-columns:55px 55px auto 55px; width: 100%; } screen h f>back { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } screen h f back svg { height: 44%; width: 44%; } screen h f>i{display: block;height: 25px;width: 25px;fill: var(--b);} screen h f>h3{display: flex;align-items: center;} screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } /*screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; } */ @media only screen and (max-width: 999px){ html, body { overflow: scroll !important;} /*content { top: 0px;bottom:0px; }*/ .content { margin-top: 0px; } } body { font-family: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } /*hovers*/ /*nav btn:hover,smenu btn:hover,hero btn:hover,aerea btn:hover { background: var(--bc); } */ @media only screen and (min-width: 999px) { console { width: calc(100% - 0px);margin-right: 0px; } smbo .aerea { gap: 1%; } bg {align-items: center;display: flex;} bg.L2 { margin: 7px; border-radius: 22px; } royal{position:absolute;left: 0; right: 0; top: 0; bottom: 0; } content { position: absolute; left: 0px; right: 0; top: 42px; bottom: 0; } .content{max-width:99999px;position: relative; margin: auto; } extra{position:absolute;right: 0; top: 0; bottom: 0; width:444px; } new.fixed.new{position:absolute;box-shadow: unset;} .img-box { height: 434px; width: 463px; position: relative; top: unset; left: 0; margin: unset; } /*.aerea {display: flex;flex-direction: row-reverse;margin: 0 22px; justify-content:center}*/ /*sidebar{min-width:333px;width:30%;top: 0px; position: sticky; height: min-content;border-left: solid 0px var(--bc);border-right: solid 0px var(--bc);}*/ /*main { width: 70%;overflow: hidden;} */ aprove.aprove { background: #000; padding: 44px 0; } aprove exit{display:none} a.this:hover bt { border-color: transparent; } } @media only screen and (max-width: 999px) { bg.hd { background: linear-gradient(180deg, var(--b), var(--bt), var(--0)); backdrop-filter: blur(44px); -webkit-backdrop-filter: blur(44px); } console { height: calc(100% - 0px);margin-top: 0px; } nav m a { height: 50px;width: 50px;} nav m a.this { height: 55px;width: 55px;} content{top:0px} extra .extra { bottom: 55px; top: 88px; } header{padding:0} main>* { margin: 0; } menubar {padding: 0;} m { grid-gap: 0; } m a { background: unset; box-shadow: unset; } m a.this { box-shadow: unset; } m a bt { opacity: 1; display: block; left: 0; background: transparent; font-size: 7px; padding: 0; right: 0; bottom: 4px; top: unset; } #Dashboarded i { margin-top: -18px; } #Dashboarded bt { bottom: 11px; } footer {margin-bottom: 0;} grid bl{margin:11px;margin-bottom: 0;} } /*# Elements */ a { color: var(--c); text-decoration: unset; font-weight: bold; } a.a, a.above { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 0; } bg{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;z-index:0;} bg>img,bg>photo,bg>.img-box{ max-width: 100%; max-height: 100%;position: absolute;opacity:0} bg.img{ background-image:var(--bg);} bg.color{ background-color:var(--b); } bg.blur{ backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } bg.bgc{background: linear-gradient(180deg, var(--b), var(--bt), transparent, transparent, transparent, transparent, transparent, transparent, #fff1, var(--b))} bg.bgh { background: linear-gradient(180deg, var(--bt)); } nav { padding: .25rem 0; height: 44px; width: 100%; border-bottom: solid 1px var(--bc); } nav { position: sticky; z-index: 3; transition: 1s; display: flex ; align-items: center; justify-content: space-between; } i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; } /*i{position: relative;display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }*/ svg{opacity:1;max-width:100%;max-height:100%;display:block;fill:var(--c)} i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; } h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; } bl { display: block; } h7 { font-size: 0.7em; } p { font-size: 0.88em; } d,block{display:block} f,flex{display:flex;position: relative;} grid{display:grid;grid-gap: 0;grid-template-columns: 100%;} name { font-weight: 600; display: block; } /*Code_Reader*/ @media only screen and (min-width: 999px) { sccor sidebar { width: 33.33333333%; } sccor main { width: 66.66666667%; } sccor d.aerea {flex-direction: row; } header{display:none;} sccor sidebar { flex: 0 0 auto; margin-bottom: .5rem; border-right: solid 1px var(--bc); padding-right: 2rem; } sccor main { flex: 0 0 auto; } } @media only screen and (max-width: 999px) { sccor d.aerea { flex-direction: column; } } sccor d.aerea { display: flex ; padding-bottom: 5rem; z-index: 9; position: relative; margin-top: 1rem; margin-left: auto; } sccor d.aerea {max-width: 1400px; padding-right: var(--bs-x); padding-left: var(--bs-x); margin-right: auto; } label { font-size: .9062rem; } grid.active { background: var(--bc); } bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; } .oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); } bo { display: block; height: 100%; width: 100%; } oo { display: block; height: 30px; width: 30px; background: #fff; margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; } .oo oo { box-shadow: unset; } bb.oo{ background: blue;} ib { display: inline-block; } select {color: var(--c); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; } select:focus-visible { outline: unset; } square { width: 100%; display: block; height: auto; } .square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; } square::after { content: ''; padding-top: 100%; display: block; } h nv gg { height: 55px; align-items: center; display: grid; grid-template-columns: 55px 33px 64% 0px 43px; } h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; } h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; } h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; } h nv op { display: flex; justify-content: center; align-items: center; } wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; } wl bl mg a.this { border-bottom: solid 2px; color: var(--a); } h nv op>i { height: 33%; width: 33%; } h nv gg>i>svg { height: 66%; width: 66%; } h nv t>h3 { white-space: nowrap; width: 99.5%; overflow: hidden; text-overflow: ellipsis; } h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; } h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; } h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; } h nv op { display: flex; justify-content: center; align-items: center; } wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; } wl bl mg a.this { border-bottom: solid 2px; color: var(--a); } h nv op>i { height: 55%; width: 55%; } h nv gg>i>svg { height: 66%; width: 66%; } label { opacity:0.77} sl, .sl { display: block; border-radius: 11px; margin-bottom: 11px; position: relative; height: 60px; overflow: hidden; background: var(--bc); width: 100%; } sl label { position: absolute; pointer-events: none; left: 20px; top: 18px; transition: 0.2s ease all; font-size: 0.88em;font-weight: bold;} sl input:focus { box-shadow: inset 0 0 0 2px var(--c); border-radius: 11px; } sl input:focus ~ label, sl input:not(:focus):valid ~ label, .edt label { top: 2px; bottom: 10px; left: 11px; font-size: 11px; opacity: 1; font-weight: bold; margin-left: 11px; letter-spacing: 0;opacity:0.77 } sl input { font-size: 14px; width: calc(100% - 44px); margin: 0; background: transparent; border: unset; box-shadow: unset; } sl error { font-size: 0.66em; color: red; display: block; margin-top: 2px; } img { max-width: 100%; max-height: 100%; } btn:focus { border: solid 3px var(--bc); } input.checkbox { height: 15px; width: 15px; } select { border: solid 1px var(--bc); border-radius: 8px;width: -webkit-fill-available; } select:focus { border: solid 3px var(--bc); } input:focus { border: solid 3px var(--bc); } input { border: solid 1px var(--bc); border-radius: 8px; width: -webkit-fill-available; } input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); height: 40px; font-weight: bold; padding: 0 12px; } button { outline: 0; border: 0; padding: 11px; } /*teble*/ section { overflow-x: scroll; white-space: nowrap; } table th { font-size: .76615625rem; padding: .6rem .5rem; height: 30px; overflow-wrap: break-word; text-align: -webkit-match-parent; } tbody tr:hover { background: var(--bt); } table td btn { max-width: 50px; } table td div, th div { display: flex ; align-items: center; gap: 5px; } table { font-size: .9062rem; border-collapse: collapse; letter-spacing: 0.5px;} table td a { font-weight: 400; } table i { width: 15px; height: auto; } table td { padding: .6rem .5rem; overflow-wrap: break-word; text-align: -webkit-match-parent; height: 25px;} /*table td btn path { fill: var(--c); }*/ table tr { background: unset; border-bottom: solid 1px var(--bc); } /*table tr:nth-child(1) { border-top: unset; }*/ table div btn { padding: 4px 6px; } table td t { color: var(--c0); } table h5 { font-weight: 400; } table h6 { font-weight: 300; } /*teble*/ no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; } no img { height: auto; margin: auto; width: 111px; } trcs { display: block; } trcs>trc { background: var(--b-t);display: grid; margin: 7px auto; padding: 22px; grid-template-columns:66px auto 88px; border-radius: 14px; box-shadow: var(--bs-bs);max-width:666px;width: calc(100% - 66px);} trcs>trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background:var(--b-t); border-radius: 16px; } order>bd { display: grid; } trcs>trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; } trcs>trc price { font-weight: bold; } trcs>trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px} trcs>trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px} trcs>trc img { object-fit: contain; height: 77%; width: 77%; } trcs>trc h6, trcs>trc h5{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;} trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; padding-left:4px} trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; text-align: end;} trcs>trc>odr { grid-column-start: 2; grid-column-end: 4;font-size:0.77em;} trcs>trc>ft amount { display: block; } trcs>trc actn{display: grid;grid-gap: 0;min-height: 33px;padding: unset;grid-template-columns: 70% 30%;margin: unset;position: relative;border-radius: 11px;width: 100%;} trcs>trc actn>ac1{ display: flex; justify-content: center; align-items: center; } trcs>trc actn>ac1>bb{position: relative;display: block;height: 34px;max-height: 30px;width: 60px;border-radius: 50px;border: solid 2px;color: #fff;transition: 333ms;box-shadow: inset 0 0 0 2px;overflow: visible;top: unset;height: 38px;color: var(--c1);right: unset;} trcs>trc actn>ac1>bb>bo{display: block; height: 100%; width: 100%;transition:333ms;border-radius: 50px; } trcs>trc actn>ac1>bb>bo>oo{display: block;height: 25px;width: 25px;background: #fff;margin: 2px;border-radius: 50%;position: absolute;transition: 333ms;box-shadow: -4px 0px 11px;color: #000;} trcs>trc actn>ac2 { display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: monospace; font-size: 2.5em; color: var(--c1); transform: rotate(270deg); height: 36px; width: 36px; } trcs>trc p { margin: 0; } tr.cr td:nth-of-type(1){color:#00ff00;} tr.dr td:nth-of-type(1){color:#ff0000;} V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 } V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);} V::before { transform: rotate( 45deg ); left: 4px; } V::after { transform: rotate( 135deg ); right: 4px; } V.A:before { transform: rotate( -45deg ); } V.A:after { transform: rotate(225deg) } /** Elements */ /*# Class */ .dnone, .dn {display: none !important;} .cgreen { color: #007600; } .cred { color: #CC0C39; } /** Class */ /*# App Layout */ ::-webkit-scrollbar { display: none; } @media (min-width: 999px) { ::-webkit-scrollbar { width: 0; height: 4px; } ::-webkit-scrollbar-thumb { background: var(--bc); } ::-webkit-scrollbar-track { background: var(--b-t22); } } .splash console{opacity:0} .account content { margin-top: calc(100vh - 22px); } .after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } /** App Layout */ /*# Screen Layout */ /*# Screen Layout 1 #*/ @media only screen and (max-width: 999px) { .sl1 smenu { display: none; } .sl1 header{ display:none } } @media only screen and (min-width: 999px) { .sl1 {display: grid ; grid-template-columns:277px calc(100% - 277px); max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; } .sl1 smenu { display: grid ; grid-row-start: 1; grid-row-end: 3; height: calc(100vh - 44px); position: sticky; top: 0; bottom: 0; overflow: auto; } .sl1 header { display: none;} .sl3 hero { display: grid ; grid-column-start: 2; grid-column-end: 3; } .sl1 aerea { display: grid ; grid-column-start: 2; grid-column-end: 3; } .sl1 main { margin: 0 auto; } .sl1 sidebar { max-width: 333px;} .sl1 footer { display: grid ; grid-column-start: 2; grid-column-end: 3; } } /** Screen Layout 1 **/ /*# Screen Layout 2 #*/ @media only screen and (max-width: 999px) { .sl2 smenu { display: none; } } @media only screen and (min-width: 999px) { .sl2 nev { display: grid ; } .sl2 smenu { display: grid ; } .sl2 header { display: grid ; } .sl2 hero { display: grid ; } .sl2 aerea { display: grid ; } .sl2 main { max-width: 777px; margin: 0 auto; } .sl2 sidebar { max-width:333px;} .sl2 footer { display: grid ; } } /** Screen Layout 2 **/ /*# Screen Layout 3 #*/ @media only screen and (max-width: 999px) { .sl3 smenu { display: none; } } @media only screen and (min-width: 999px) { .sl3 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl3 nev { display: grid ; } .sl3 smenu { display: grid ; } .sl3 header { display: grid ; } .sl3 hero { display: grid ; } .sl3 aerea { display: grid ; } .sl3 main { width:100%; max-width: 100%; margin: 0 auto; } .sl3 sidebar { max-width:333px;} .sl3 footer { display: grid ; } } /** Screen Layout 3 **/ /** Screen Layout */ flyouts> bg { backdrop-filter: blur(11px); background: var(--b1t44); } flyouts { position: absolute; display: none; justify-items: center; opacity: 0; visibility: hidden; z-index: 9999; inset: 0px; place-content: center; transition: 333ms; } .ds flyouts { display: block; visibility: visible; opacity: 1; } scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; } cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; } scroll>btn { padding: 5px; background: var(--b-t95); height: 33px; display: block; width: 33px; border-radius: 55%; box-shadow: 0 0 4px 6px var(--bc); } @media(max-width:999px){ content{ top:38px;} } html { font-family: Kanit, sans-serif; } /* Section : Section */ sections { position: relative; } /* staking sacreen */ sskg d.main { margin: 0 11%; } @media (max-width: 999px) { sskg d.main { margin: 0 11px; } } /* btn1 feels */ .btn1 { transition: 95ms; } .btn1:hover { opacity: 0.7; } .btn1:active { transform: translate(0, 2px); } /* Template : popup */ popup { position: absolute; inset: 0; display: flex ; align-items: center; justify-content: center; transition: 333ms; z-index: 999999; } .popup popup { opacity: 1; visibility: visible; position: fixed; } popup>rvm { position: absolute; inset: 0; z-index: 0; } /* Terms sacreen */ stmo d.main { margin: 0px 11%; } @media (max-width: 999px) { stmo d.main { margin: 0px 5%; } } /* comoponent Smenu by Arnav*/ smenu { border-right: 1px solid var(--bor); } /*Account*/ caue>bl { display: block; align-items: center; border-radius: 3px; padding: 5px; background: var(--b); } caue>bl>hd>h4 { font-weight: 400; font-size: 1.22rem; } caue>bl>bd>i { height: 60px; width: 60px; } caue>bl>bd>span { font-size: 0.88rem; font-weight: 400; } caue>bl>bd { display: flex; gap: 10px; padding: 2px 1px 1px 0px; } caue>bl>bd>div { display: flex; line-height: 13px; align-items: center; justify-content: space-between; width: 100%; } caue bd box { display: flex; background: var(--bc); align-items: center; justify-content: center; position: relative; border-radius: 4px; padding: 6px; } caue>bl>bd>div>box>i { height: 24px; width: 30px; } caue>bl>bd>div>mg { display: flex; line-height: 10px; flex-direction: column; } caue bd aa { font-size: 0.77em; font-weight: 400; } baho hd { display: block; margin: 16px; } baho hd dv { display: flex; } baho hd span { font-size: x-large; width: fit-content; display:flex;} baho hd div p { line-height: 2; } baho hd div p a { font-weight: 300; color: var(--aa); } baho hd div p a i { display: flex; height: 12px; position: absolute; top: 7vh; right: 25.6%; width: fit-content; } @media(max-width: 999px){ baho hd span { font-size: 0.9rem; } }/* component :-Action_Pack */ cank bl { padding: 11px; } cank hd div { display: flex; gap: 11px; align-items: center;margin-bottom: 12px; } cank hd b { border: solid 1px var(--br); padding: 27px 0px 3px 0px; margin-top: 11px;margin-bottom: 10px; } cank hd f { color: var(--cr); background: var(--aat); font-size: 12px; padding: 4px; } cank hd span { font-size: 0.88em; color: var(--aa); display: flex; align-items: center; margin-left: -13px; } cank hd h3 { font-weight: 400; font-size: 1.50em; } cank hd h2 { font-weight: 500; font-size: 1.60em; } cank hd i { width: 36px; height: 44px; } cank hd mg { background: var(--bc); display: flex; border-radius: 3px;align-items: center;margin-bottom: 22px;} cank hd p { font-size: 0.79em; margin-left: 5px; } cank bd a { color: var(--aa); font-weight: 400; font-size: 0.90em; } cank bd p { font-size: 13px;line-height: 18px;} cank bd dv { background: var(--y2); display: flex; border-radius: 4px; align-items: center; } cank bd span { font-size:0.8em; line-height: 21px;padding: 10px } cank bd i { width: 37px; margin-bottom: 20px; margin-left: 10px; } cank bd b { font-weight: 700; font-size: 13px; } cank bd a { text-decoration: underline; } cank hd i { width: 28px; height: 17px; } @media(max-width:999px){ cank bd i { width: 100px; } cank bd dv { background: var(--y2); display: flex ; border-radius: 4px; align-items: center; } cank hd h3 { font-size: 14px; } cank hd div { overflow: scroll; } } /*Activity_Table*/ aito { display: block; margin: 11px; } aito hd box i { height: 24px; width: 24px; } aito bl>hd { display: flex; padding: 10px; align-items: center; justify-content: end; gap: 22px; border-bottom: 1px solid var(--bc); } aito bl { display: block; box-shadow: var(--bss); padding: 11px; background: var(--b); } aito hd div { display: flex; align-items: center; justify-content: center; gap: 11px; } aito hd input { display: flex; border: 1px solid var(--bor); border-radius: 3px; } aito hd box { display: flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid var(--bor); border-radius: 4px; background: var(--b); } aito hd boxs { display: flex; gap: 10px; align-items: center; justify-content: center; } @media(min-width: 999px){ aito bd b:after { content: ''; position: absolute; height: 1px; left: 0; bottom: 0; right: 0; background: var(--bc); margin: 2px; top: 60%; }} aito bd div { display: grid; align-items: center; grid-template-columns: auto auto auto auto auto auto auto; } aito bd b { opacity: 70%; font-size: 15px; font-weight: 500; width: 100%; align-items: center; justify-content: center; display: flex; } aito bd dv { display: flex; flex-direction: column; gap: 14px; align-items: center; justify-content: center; } aito bd { display: block; padding: 12px; background: var(--b); } aito bd svg { height: 17px; width: auto; } aito bd f { font-size: 0.77rem; } aito bd span:after { content: ''; position: absolute; height: 1px; left: 0; bottom: -11px; right: 0; background: var(--bc); margin: 2px; } aito input:focus { box-shadow: 0px 0px 1px 0px; border: none; } aito bd i { width: 24px; height: auto; margin-bottom: -2px; } aito hd span { font-size: 0.77rem; } aito bd f svg { height: 19px; width: 19px; filter: opacity(0.5); } aito bd span { display: flex; gap: 3px; font-size: 0.77rem; position: relative; width: 103%; align-items: center; justify-content: center; } @media(max-width: 999px){ aito { display: block; margin: 11px 7px; } aito bd { display: block; padding: 11px 11px; background: var(--b); overflow-x: scroll; } aito bd b:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; background: var(--bc); margin: 2px; bottom: 26%; } aito bd div { display: flex; align-items: center; gap: 26px; } aito bd dv { display: flex; flex-direction: column; align-items: center; justify-content: center; white-space: nowrap; padding: 0px 10px 1px 1px; } aito hd box { display: none; } aito bd f svg { height: 19px; width: 19px; filter: opacity(0.5); } aito hd div { align-items: center; display: flex; gap: 12px; } aito hd span {font-size: 0.88rem; }} /*Advanced*/ caco { display: block; padding: 10px; background: var(--b); margin: 11px; position: relative; box-shadow: var(--bss); } caco select:focus { border: none; } @media(min-width :999px){ caco bd select { height: 40px; border-radius: 5px; padding: 4px 4px 4px 4px; margin: 10px 0px 0px 8px; font-weight: 400; background: unset; } caco bd sl { background: none; display: flex; border-radius: 5px; align-items: center; width: 100%; padding-bottom: 0; padding-top: 32px; } caco bl>bd { display: flex; }} caco bd span { position: relative; font-size: 15px; left: 40px; white-space: nowrap; padding-top: 14px; } caco hd btn { display: flex; padding: 11px; align-items: center; justify-content: center; position: absolute; right: 0; top: 0px; background: var(--aa); color: var(--b); } @media(max-width :999px){ caco { display: block; padding: 3px; background: var(--b); margin: 11px 7px; position: relative; box-shadow: var(--bss); } caco bd { display: block; padding: 11px; } caco bd span { position: relative; font-size: 15px; left: 19px; white-space: nowrap; padding-top: 18px; } caco bd sl { background: none; display: flex; border-radius: 5px; align-items: center; margin: 0px; } caco bd select { border: 1px solid var(--bor); background: var(--b1); display: block; height: 45px; border-radius: 5px; margin: 0; } caco hd btn { display: none; }} apfo hd div i { width: 11px; display: block; height: 11px; } apfo hd b { display: flex; gap: 7px; margin-top: 17px; align-items: center; } apfo bd div sl { display: flex; align-items: center; background: unset; height: fit-content; overflow: unset; } apfo>bl>hd div { display: flex; align-items: center; justify-content: space-between; } apfo>bl hd b i { width: 33px; height: 27px; transform: rotate( 270deg); display: block; } apfo>bl bd sl i { height: 16px; width: 20px; display: block; position: absolute; transform: rotate( 70deg); } apfo>bl bd div input { outline: 0; display: block; color: var(--c); height: 32px; font-weight: 200; box-shadow: 0px 0px 2px 0px; border-radius: 2px; width: 100%; padding: 0 19px; margin: 1px; } apfo>bl ft div { display: block; align-items: center; } apfo>bl ft div dv { display: flex; align-items: center; gap: 10px; } apfo bd sl input:focus { box-shadow: 0px 0px 0px 2px; border-radius: 2px; } apfo>bl ft span i { height: 28px; width: 28px; display: block; transform: rotate( 269deg); } apfo>bl ft span { display: flex; align-items: center; gap: 7px; } apfo>bl bd div i svg { fill: var(--aa); } apfo>bl>bd { display: block; margin-top: 22px; } apfo>bl ft div { display: block; align-items: center; position: relative; bottom: 21px; } apfo>bl ft dv input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); font-weight: bold; padding: 0 12px; width: 18px; height: 25px; } apfo>bl hd b t { font-weight: 500; font-size: 14px; } apfo>bl hd b i svg { fill: var(--c0); } apfo>bl bd div { display: block; position: relative; bottom: 6px; } apfo>bl ft dv t { font-size: 14px; font-weight: 300; } apfo>bl input:focus { border: solid 0px var(--bc); } apfo>bl ft span i svg { fill: var(--c0); } apfo>bl ft span t { font-size: 14px; }aplo>bl bd div { display: flex; gap: 19%; } aplo bd i { width: 24px; } aplo bd th:nth-child(1), td:nth-child(1) { padding-left: 1rem; display: flex; align-items: center; gap: 11px; } aplo table td { padding: .6rem .5rem; overflow-wrap: break-word; text-align: -webkit-match-parent; height: 32px; } aplo bd table { border-collapse: separate; border-spacing: 0px 7px; } aplo bd table tr { background: var(--b-t95); } @media(max-width:999px){ aplo>bl bd tr:nth-child(1) { background: var(--b); grid-template-columns: 22% 22% 13% 20%; align-items: center; white-space: nowrap; overflow-x: scroll; width: 100%; gap: 5px; display: block; } aplo>bl bd tbody { overflow-x: scroll; display: grid; max-width: unset; } aplo>bl bd { display: block; margin: auto; padding: 0px; width: 100%; } aplo>bl bd table td { font-size: 13px; } aplo>bl bd tr { background: var(--b); grid-template-columns: 22% 22% 13% 20%; align-items: center; white-space: nowrap; overflow-x: scroll; width: 100%; gap: 5px; display: block; } aplo>bl bd table td { font-size: 9px; margin-left: 0px;padding: 7px; } aplo bl { margin: -6px;margin-top: 11px; } aplo bd th:nth-child(1), td:nth-child(1) { gap: 5px; display: flex; align-items: center; } aplo bd th:nth-child(1), td:nth-child(1) { padding-left: 7px; } aplo>bl hd sl i { transform: rotate( 78deg); position: relative; left: -14px%; } aplo>bl bd tr:nth-child(1) { display: flex; align-items: center; } aplo>bl bd tr { display: flex; align-items: center; } aplo>bl bd table td { font-size: 9px; padding: 7px; display: grid; align-items: center; } aplo table th { font-size: .76615625rem; height: 19px; overflow-wrap: break-word; text-align: -webkit-match-parent; } } /* component:- Azure_PipelinesTeams */ apts { display: block; padding: 11px; margin-top: 11px; } /* component :-Benefit*/ cbft { height: -webkit-fill-available; display: grid; } cbft bl { margin: 14px; padding: 17px; width: 362px; } cbft bl { display: block; box-shadow: var(--bs-b);height: 92%; } cbft bd div { display: flex; align-items: center; gap: 26%;margin: 11px; } cbft bd span { color: var(--aa); font-weight: 300; font-size:0.84em; } cbft bd h2 { font-weight: 400; font-size: 18px; } cbft bd p { font-size: 14px; } cbft bd span { text-decoration: underline; } @media(max-width:999px){ cbft bl { width: auto; margin-top: 41px; display: grid; } } /*Billing_Account*/ blnt bl { display: block; padding: 5px; border-bottom: solid 1px var(--bor); margin: 11px 0; } blnt hd h2 { font-size: 19px; } blnt hd p { font-size:0.88em; color: var(--c0); } blnt f a{ font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; } blnt hd f i { width: 12px; height: 12px; } blnt bl hd f { display: flex; align-items: center; } blnt bd a i { width: 12px; height: 12px; } blnt bd d a{ font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline;display: flex ; align-items: center; } blnt bd d { display: flex; gap: 10px; font-weight: 500; } blnt bl bd { display: flex; margin-top: 20px; flex-direction: column; gap: 16px; } blnt bd d:nth-child(1) { display: flex; gap: 77px; font-weight: 500; } blnt ft btn { background: var(--aa); padding: 9px; margin-top: 10px; display: flex; width: 162px; font-size: 0.77em; justify-content: center; color: var(--b); font-weight: 300; } blnt d num { font-weight: 400; font-size: 0.88em; } blnt d>f { display: flex; gap: 11px; } @media(max-width:999px){ blnt bd d:nth-child(1) { gap: 20px;} blnt bd d{font-size: 13px; } blnt bd d span { font-size: 13px; } blnt bl bd { gap: 7px; } } /* Billing_Profile */ bnpo hd b { border: solid 1px; height: 23px; } bnpo hd h3 { font-weight: 400; font-size: x-large; } bnpo bl hd { display: flex; align-items: center; gap: 3px; } bnpo hd span { font-size: larger; } bnpo bd p { display: flex; gap: 5px; align-items: center; margin-block-start: 0; margin-block-end: 0; font-size: 0.77em; } bnpo d cc { background:var(--cbg); display: flex; gap: 5px; padding: 3px; align-items: center; padding: 6px; justify-content: space-between; } bnpo p a i { width: 12px; height: 12px; } bnpo d btn { align-items: center; font-size: 13px; background: var(--bg); border-bottom: solid 2px var(--a); width: fit-content; padding: 7px; } bnpo p a { font-weight: 400; font-size: 13px; color: var(--a); text-decoration: underline; display: flex; margin: 7px 0; align-items: center; gap: 3px; } bnpo bl bd d { display: grid; gap: 8px; } bnpo bl bd { display: block; margin-top: 8px; } bnpo cc f i { height: 19px; width: 19px; } bnpo bl { display: block; margin: 10px; } bnpo p i { width: 12px; height: 12px; border: solid 1px; } @media(max-width:999px){ bnpo d cc { display: block; } bnpo bd p { display: block; } } /* component:Business_Profiles_Hero*/ cbph hd b { border: solid 1px; margin: 4px; } cbph bl { display: block; padding: 11px; } cbph hd h3 { font-weight: 400; font-size: x-large; } cbph bd p:nthichild(1){ background: var(--bc); font-weight: 400; font-size: 13px; } cbph bd p { font-weight: 400; font-size: 13px; display: flex; align-items: center; } cbph bl bd { display: block; padding: 11px 0; } cbph bd p i{ width: 13px; } cbph bd p:nth-child(1) { font-weight: 400; font-size: 11px; margin-block-start: 0; margin-block-end: 0; display: flex; align-items: center; background: var(--bc); padding: 8px; } cbph bd a { font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; font-size: 12px; display: flex; align-items: center; gap: 5px;} cbph ft p a:nth-child(2) { font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; } @media(max-width:999px){ cbph ft i { width: 157px; } cbph bd p:nthichild(1){display: block } cbph bd p {display: block} } ccut hd div i { width: 11px; display: block; height: 11px; } ccut hd b { display: flex; gap: 7px; margin-top: 17px; align-items: center; } ccut bd div sl { display: flex; align-items: center; background: unset; height: fit-content; overflow: unset; } ccut>bl>hd div { display: flex; align-items: center; justify-content: space-between; } ccut>bl hd b i { width: 33px; height: 27px; transform: rotate( 270deg); display: block; } ccut>bl bd sl i { height: 16px; width: 20px; display: block; position: absolute; transform: rotate( 70deg); } ccut>bl bd div input { outline: 0; display: block; color: var(--c); height: 32px; font-weight: 200; box-shadow: 0px 0px 2px 0px; border-radius: 2px; width: 100%; padding: 0 19px; margin: 1px; } ccut>bl ft div { display: block; align-items: center; } ccut>bl ft div dv { display: flex; align-items: center; gap: 10px; } ccut bd sl input:focus { box-shadow: 0px 0px 0px 2px; border-radius: 2px; } ccut>bl ft span i { height: 28px; width: 28px; display: block; transform: rotate( 269deg); } ccut>bl ft span { display: flex; align-items: center; gap: 7px; } ccut>bl bd div i svg { fill: var(--aa); } ccut>bl bd { display: block; margin-top: 22px; } ccut>bl ft div { display: block; align-items: center; position: relative; bottom: 21px; } ccut>bl ft dv input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); font-weight: bold; padding: 0 12px; width: 18px; height: 25px; } ccut>bl hd b t { font-weight: 500; font-size: 14px; } ccut>bl hd b i svg { fill: var(--c0); } ccut>bl bd div { display: block; position: relative; bottom: 6px; } ccut>bl ft dv t { font-size: 14px; font-weight: 300; } ccut>bl input:focus { border: solid 0px var(--bc); } ccut>bl ft span i svg { fill: var(--c0); } ccut>bl ft span t { font-size: 14px; } /*componet: Current_Status*/ csnt hd { box-shadow: var(--bs-b); width: 44%; } csnt bd { padding: 18px; box-shadow: var(--bs-b); width: 100%; } csnt bl { display: flex; } csnt hd t { padding: 11px; display: block;} csnt bd b { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 10px; margin: 12px 0; font-size: 0.77em; margin-left: 18px; border-radius: 3px; margin-right: 17px; } csnt hd b { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 10px; margin: 44px 0; font-size: 0.77em; border-radius: 3px; width: 78px; } csnt hd dv { display: flex; align-items: center; } @media(max-width:999px){ csnt hd { box-shadow: var(--bs-b); width: 98%; } csnt bd { width: 354px; } } /* component :-Current_Statuses*/ csts bl { padding: 11px; margin-bottom: -15px; } csts hd h2 { font-weight: 400; font-size: 21px; } @media(max-width:999px){ csts bl { display: block; } csnt bd { width: 100%; } csnt hd { box-shadow: var(--bs-b); width: 105%;} } /* component :-Detail*/ cdet bl { display: block; box-shadow: var(--bs-b); } cdet hd i { width: 109px; } cdet hd b { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 11px; border-radius: 3px; width: 43%; } cdet hd d { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 11px; border-radius: 3px; width: 74px;} cdet hd div { display: flex; gap: 51px; margin-top: 0; margin-left: 28px; } cdet hd mg { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 30px; border-radius: 3px; width: 66%; margin-top: 37px; margin-left: 29px; } cdet hd hr { margin: 11px; width: 75%; margin-left: 32px; } cdet bd d { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 11px; border-radius: 3px; width: 74px;margin-left: 29px } cdet bd dv { display: flex; justify-content: space-between; } cdes bd a { position: relative; right: 18%; font-size: 0.88em; font-weight: 400; color: var(--aa); } cdet bd span { display: flex; gap: 11px; font-size: 12px; color: var(--aa); align-items: center; } cdet bd i { width: 33px; } cdet bd mg { display: flex; align-items: center; } @media(max-width:999px){ cdet bd span { min-width: fit-content; display: block; } cdet hd mg { display: block; background: linear-gradient(45deg, #dcdbdb, #dcdbdb); padding: 30px; border-radius: 3px; width: 66%; margin-top: 37px; } } /*component :-Details*/ cdes bl { margin-top: 14px; padding: 17px; width: 362px; height: 94%; } cdes hd h2 { font-size: 01.44em; font-weight: 400; } cdes bd d { display: grid; grid-template-columns: auto auto auto;gap: 24px; } @media(max-width:999px){ cdes>bl { padding: 17px; width: -webkit-fill-available; margin: auto; margin-top: 14px; } cdes bd d { display: block; } cdes bl { margin-top: 14px; padding: 17px; width: auto; height: auto; } } /*Earnings*/ cise { padding: 0px; padding-top: 11px; margin: 11px; } cise ft t { font-size: 0.88rem; white-space: nowrap; } cise hd { display: flex; gap: 4px; align-items: center; justify-content: space-between;} cise hd h2 { display: block; border-right: 1px solid; padding-right: 4px; font-size: 1.44em; font-weight: 400; } cise hd div i { height: 18px; width: 18px; } cise hd div { display: flex; gap: 7px; align-items: center; justify-content: center; } cise bd aa { color: var(--aa); display: inline-flex; gap: 4px; align-items: center; text-decoration: underline; font-weight: 500; } cise bd p { font-size: 0.77rem; line-height: 16px; } cise ft i { height: 22px; width: 22px; } cise hd dv svg { fill: var(--b); height: 16px; width: 16px; } cise ft btn { display: flex; gap: 3px; align-items: center; border: 2px solid var(--bc); padding: 5px; width: 16%; } cise hd dv { display: flex; background: var(--aa); padding: 4px; color: var(--b); font-size: 0.77rem;} cise hd i { height: 22px; width: 22px; } cise hd span { display: flex; gap: 2px; align-items: center; justify-content: center;font-size: 0.88em; } cise hd flex { display: flex; gap: 8px; } cise bd i { height: 15px; width: 14px; } cise div i svg { fill: var(--aa); } cise aa i svg { fill: var(--aa); } cise ft i svg { fill: var(--aa); } cise div t { font-size: 20px; } @media(max-width: 999px){ cise hd span { display: flex; gap: 2px; align-items: center; justify-content: center; white-space: nowrap; } cise hd dv { display: none; } cise ft btn { width: unset; } cise { margin: 11px; padding: 0px; padding-top: 11px; display: block; } } /*Earnings_Distribution*/ cesd { display: grid; box-shadow: var(--bss); border-radius: 7px; margin: 0; background: var(--b); border: 1px solid var(--bc); } cesd bd mg { display: flex; gap: 10px; padding: 9px 0px 0px 13px; } cesd hd h4 { font-size: 0.99rem; font-weight: 400; } cesd hd { display: block; padding: 7px 17px; border-bottom: solid 1px var(--bor); } cesd bd mg b { font-weight: 400; font-size: 0.77rem; padding-bottom: 8px; } cesd bd mg b:nth-child(1){ border-bottom: 2px solid var(--aa); } cesd bl>bd { padding: 8px 13px 13px 11px; } cesd bd div i { height: 100px; padding: 4px; } cesd hd t { font-size: 0.77rem; font-weight: 400; } cesd bd div { display: flex; flex-direction: column; align-items: center; } cesd bd p { font-weight: 400; font-size: 0.77rem; margin-bottom: 3px; } @media (max-width: 999px){ cesd { margin:0px; } } /*Earnings_Payment*/ cmte { display: block; background: var(--b); box-shadow: var(--bss); border-radius: 7px; border: 1px solid var(--bc); } cmte hd h2 { font-size: 0.88em; font-weight: 400; } cmte hd { display: block; padding: 7px 17px; border-bottom: solid 1px var(--bor); } cmte hd span { font-size: 0.88rem; } cmte bd i { height: 100px; } cmte bd { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; } cmte bd p { font-weight: 400; font-size: 0.88rem; text-align: center; padding: 6px; margin-bottom: 0; } @media(max-width:999px){ cmte>bl>hd>h2 { font-size:0.88em; font-weight: 400; } } /*component:Earnings_Reports*/ cers bl { padding: 11px; margin: 11px; } cers hd h2 { font-size: 23px; font-weight: 500; } ers bl { padding: 27px 17px 32px 24px; } cers b { border: solid 1px var(--br); padding: 1px 0px 1px 0px; margin-left: 4px; margin-right: 5px; } cers hd div { display: flex; } cers hd p { font-size: 13px; color: var(--c0); } cers hd spa { color: var(--aa); font-size: 13px; display: block; margin-top: -7px; } cers hd h4 { font-size: 21px; font-weight: 400; } cers hd spa { text-decoration: underline; } cers dv span { font-size: 30px; font-weight: 300; text-decoration: none; color: var(--aa); } cers select { width: 139px; } cers bd hr { margin-top: 8%; } cers bd { display: flex; } cers bd div { display: flex;gap:9px;} cers bd c { margin-top: 13px; } cers mg { display: flex; align-items: center; gap: 10px; } cers bd f { margin-top: 11px; } cers dv { display: flex; align-items: center; padding: 0px 7px; background-color: var(--bc); font-size: 14px; margin-top: 16px; width:170px; } cers bd i { width: 20px; margin-top: 11px; } cers ft mg { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; } cers ft a { font-size: 15px; font-weight: 400; min-width: fit-content; gap: 11px; display: flex; } @media(max-width:999px){ cers bd { margin-bottom: 10px; margin-top: 10px} cers ft mg { overflow: scroll; } cers dv span { margin-left: 0px; } cers mg { grid-template-columns: auto auto auto;display: grid;} crcd bd span { display: flex; margin-left: 11px; } cers select { width: 143px; margin-left: 5px; } } /*Expanded_Benefit*/ ppbo { display: block; box-shadow: 0px 0px 4px 0px var(--bor); max-width: 222px; padding: 11px; margin: 11px 0; } ppbo d input[type="radio"] { height: 16px; width: 16px; margin: 0; margin-bottom: 4px; } ppbo bl>hd d { display: flex; align-items: center; gap: 6px; } ppbo bd cc { display: block; font-weight: 400; font-size:0.77em; margin: 11px 0;} ppbo bd f cm { display: block; font-size: 0.77em; } ppbo bd f i { height: 17px; width: 17px; } ppbo bd f { display: flex; align-items: center; margin: 11px 0; } ppbo hd p { font-size: 0.66em; font-weight: 400; } /*Expanded_Benefits*/ ppbs { display: block; border-radius: 5px; background: var(--b); max-width: 374px; position: absolute; right: 0; transition: 333ms; top: 0; box-shadow: -4px 0px 7px var(--bc); padding: 11px; bottom: 41px; } ppbs bl>hd h3 { font-weight: 400; font-size: 0.9em; } ppbs>bl { display: grid; grid-template-rows: max-content auto max-content; height: -webkit-fill-available; } ppbs hd i { height: 18px; width: 18px; } ppbs bl>hd dv { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } ppbs hd div { background: var(--y2); display: grid; align-items: center; grid-template-columns: 23px auto 23px; } ppbs hd div i { height: 18px; width: 18px; } ppbs hd div i:nth-child(1) { height: 13px; width: 13px; border-radius: 50%; border: solid 1px; margin-left: 5px; } ppbs hd div p { font-size: 10px; } ppbs cc h3 { font-weight: 400; font-size: 16px; margin-top: 11px; } ppbs ul li { list-style: auto; font-weight: 400; font-size: 0.77em; } ppbs bd cc ul { padding: 0 15px; display: grid; gap: 8px; } ppbs ft d input { height: 23px; width: 23px; accent-color: var(--aa); } ppbs ft d { display: flex; align-items: center; } ppbs ft d input { height: 27px; width: 27px; margin-bottom: 33px; accent-color: var(--aa); } ppbs ft btn { background: var(--aa); display: flex; align-items: center; justify-content: center; color: var(--b); font-size: 13px; padding: 7px; width: 205px; } ppbs ft>d p { margin: 0; font-size: 0.77em; } benefit { border-radius: 4px; position: absolute; inset: 0; top: 44px; opacity: 0; z-index: 999999999999999999; visibility: hidden; transition: 122ms; height: 100%; right: 0; overflow: hidden; backdrop-filter: blur(5px); } .benefit benefit { visibility: visible; opacity: 1; } .benefit ppbs { top: 0; } cflo hd div i { width: 11px; display: block; height: 11px; } cflo hd b { display: flex; gap: 7px; margin-top: 17px; align-items: center; } cflo bd div sl { display: flex; align-items: center; background: unset; height: fit-content; overflow: unset; } cfls>bl>hd div { display: flex; align-items: center; justify-content: space-between; } cflo>bl hd b i { width: 33px; height: 27px; transform: rotate( 270deg); display: block; } cflo>bl bd sl i { height: 16px; width: 20px; display: block; position: absolute; transform: rotate( 70deg); } cflo>bl bd div input { outline: 0; display: block; color: var(--c); height: 32px; font-weight: 200; box-shadow: 0px 0px 2px 0px; border-radius: 2px; width: 100%; padding: 0 19px; margin: 1px; } cflo>bl ft div { display: block; align-items: center; } cflo>bl ft div dv { display: flex; align-items: center; gap: 10px; } cflo bd sl input:focus { box-shadow: 0px 0px 0px 2px; border-radius: 2px; } cflo>bl ft span i { height: 28px; width: 28px; display: block; transform: rotate( 269deg); } cflo>bl ft span { display: flex; align-items: center; gap: 7px; } cflo>bl bd div i svg { fill: var(--aa); } cflo>bl>bd { display: block; margin-top: 22px; } cflo>bl ft div { display: block; align-items: center; position: relative; bottom: 21px; } cflo>bl ft dv input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); font-weight: bold; padding: 0 12px; width: 18px; height: 25px; } cflo>bl hd b t { font-weight: 500; font-size: 14px; } cflo>bl hd b i svg { fill: var(--c0); } cflo>bl bd div { display: block; position: relative; bottom: 6px; } cflo>bl ft dv t { font-size: 14px; font-weight: 300; } cflo>bl input:focus { border: solid 0px var(--bc); } cflo>bl ft span i svg { fill: var(--c0); } cflo>bl ft span t { font-size: 14px; } cflo mg { display: block; height: 0px; overflow: hidden; transition: 333ms; } cflo mg.Amazon { height: 100%; } cfls hd div i { height: 22px; width: 21%; display: block; } cfls>bl { display: grid; max-width: -webkit-fill-available; padding: 11px; box-shadow: 0px 0px 5px 1px var(--aat); height: -webkit-fill-available; background: var(--b); width: 222px; margin-left: auto; } cfls ft btns btn:nth-child(1) { padding: 6px; box-shadow: 0px 0px 2px 0px; display: flex; width: 30%; justify-content: center; background: var(--a); color: var(--b); } cfls ft btns { display: flex; gap: 5px; align-items: center; font-size: 13px; margin-top: 13px; } cfls>bl ft btns btn { box-shadow: 0px 0px 2px 0px; padding: 5px; width: 22%; display: flex; justify-content: center; } cfls>bl>bd { display: grid; overflow: scroll; } @media(max-width:999px){ cfls>bl { width: 79%; max-width: 999px; padding: 11px; } } filter { border-radius: 4px; position: absolute; right: 0; top: 44px; opacity: 0; width: 333px; z-index: 99999; /* visibility: hidden; */ transition: 333ms; transform: scale(0); height: calc(-44px + 100vh); } .filter filter { visibility: visible; opacity: 1; transform: scale(1); backdrop-filter: blur(9px); width: 100%; } /* component :-Footer*/ coft hd btn { background: var(--aa); display: flex; padding: 8px 44px; align-items: center; justify-content: center; color: var(--b); font-size: 23px; } coft hd btns { display: flex; gap: 14px; align-items: center; } coft hd div { display: flex; justify-content: center; gap: 29px; } coft hd h2 { font-weight: 500; color: var(--c0); } coft bd { display: grid; grid-template-columns: auto auto auto auto auto auto; } coft bd h4 { font-size: 20px; font-weight: 500; color: var(--c0); } coft bd t { font-size: 16px; line-height: 41px; font-weight: 300;color: var(--br); } coft bd li { list-style: none; } coft hd hr { margin-top: 24px; margin-bottom: 26px; } coft ft div { display: flex; align-items: center; } coft hd btns { display: flex; gap: 14px; align-items: center; justify-content: center;margin-top: 11px; } coft ft i { width: 49px;margin-left: 22px; } coft ft p { font-size: 16px; font-weight: 300; } coft ft mg { display: flex; justify-content: center; gap: 26px; margin-left: 11px; } coft ft span { font-weight: 300; } coft ft d { display: flex; align-items: center; gap: 1px; } @media(max-width:999px){ coft { display: block; margin-top: 44px; } coft bd { display: grid; grid-template-columns: auto auto; } coft bd h4 { font-size: 17px; font-weight: 500; } coft bd t { line-height: 32px; font-size: 15px; } coft hd h2 { font-size: 20px; } coft hd div { display: block; padding: 11px; margin: auto; width: fit-content; } coft bd ul { margin-top: -6px;padding-inline: 20px; } coft ft p { font-weight: 300; margin: unset; } coft ft mg { gap: 14px; display: grid; grid-template-columns: auto auto; padding: 2px 19px 9px 2px; margin-top: 11px; justify-content: space-between; } coft ft div { display: grid; grid-template-columns: 50% 50%; padding: 0 11px; padding-inline: 26px; gap: 10px; } coft ft div d:nth-child(3) { display: grid; grid-template-columns: auto; } coft ft div d { display: flex; align-items: center; gap: 10px; } coft ft i { width: 38px; margin-left: 6px; } coft ft i.btn { width: auto; height: auto; margin: unset; } coft ft span { font-weight: 300; text-align: center; }} @media(min-width:999px){ coft hd h2 { font-weight: 500; color: var(--c0); font-size: 19px; text-align: center; } coft hd div { display: block; margin-left: 45px; } coft ft mg { margin-bottom: 48px;} coft btns { margin-top: 11px; }} coft{display:block; margin-top:88px;} ciso>bl bd i { height: 38px; } /* component:- Infrastructures*/ clne bd d { display: flex; gap: 41px; } @media(max-width:999px){ clne >bl>bd> d { display: block; } } /*component:Insights_Overview*/ cnow bl { padding: 11px; } cnow hd h2 { font-size: 25px; font-weight: 500; } cnow hd h4 { font-size: 23px; font-weight: 400; } cnow hd b { border: solid 1px var(--br); margin-left: 7px; margin-right: 7px; } cnow hd div { display: flex; margin-top: 29px; margin-left: 16px; } cnow bd div { background: var(--b1); border-radius: 5px; } cnow bd { padding-top: 11px; } cnow bd i { height: 129px; } cnow ft h3 { font-size: 14px; margin-top: 14px; margin-bottom: 6px; margin-bottom: 39px; } cnow ft span { font-size: 13px; color: var(--br); } cnow ft p { color: var(--aa); margin-top: 2px; } cnow ft p { text-decoration: underline; } cnow { display: block; } /* component :-Interactions_Activity*/ caple>bl { display: block; box-shadow: var(--bss); margin-top: 10%; padding: 11px; } caple>bl div t { font-weight: 500; display: block; } caple>bl hd div { display: block; padding: 11px; background: var(--b1); } caple>bl bd dv { display: flex; padding: 13px; width: fit-content; margin-top: 11px; align-items: center; gap: 11px; } caple>bl bd dv span { background: var(--b1); padding: 11px; border-radius: 5px; width: 22%; } caple>bl div ss { display: flex; gap: 10px; margin-top: 11px; } caple>bl div ss a { color: var(--aa); font-weight: 400; font-size: 13px; } caple>bl bd div { display: flex; justify-content: space-between; width: -webkit-fill-available; padding: 11px; } caple>bl bd div i { width: 100px; display: block; height: 100px; } caple>bl div ss a:hover { border-bottom: solid 1px var(--aa); } caple>bl bd dv t { white-space: nowrap; } @media(max-width:999px){ caple>bl bd ss li { white-space: nowrap; } caple>bl bd dv span { background: var(--b1); padding: 11px; border-radius: 5px; white-space: nowrap; } caple>bl bd div { display: block; } caple>bl bd dv t { font-size: 0.77em; } } /*Invoice_Suits*/ cnsi bl { display: grid; grid-template-columns: 37% auto; box-shadow: var(--bs-b); padding: 22px; gap: 11px; margin: 11px; } cnsi hd>h4 { font-size: 1.77em; font-weight: 300; } cnsi h4>a { margin-top: 6px; margin-bottom: 6px; font-weight: 300; background: linear-gradient(270deg,#a47fd2,#79afee,#1e80f3); background-clip: text; color: transparent; max-width: max-content; } cnsi hd>div { border-top: solid 1px var(--bc); padding: 22px 0; border-bottom: solid 1px var(--bc); display: flex; margin-top: 11px; gap: 55px; } cnsi hd>div dv>t { font-size: 1.44em; } cnsi hd>div dv c { display: block; font-size: 0.77em; } cnsi hd>btn { display: flex; align-items: center; justify-content: center; border: 1px solid; border-radius: 4px; padding: 15px; width: fit-content; margin: 55px 0; } cnsi bd cm>list { flex: auto; animation: slidleft 70s linear infinite; padding: 35px 0; display: grid; grid-auto-flow: column; margin: 11px; justify-content: center; height: -webkit-fill-available; } cnsi bl bd { overflow: hidden; display: block; background: var(--bc); padding: 22px; border-radius: 11px; } cnsi hd>btn:hover { background: var(--c); color: var(--b); transition: 999ms; } cnsi bl>bd i { width: 333px; height: 100%; margin: 0 11px; } @keyframes slidleft{ 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /*Locations_Hero*/ clho>bl { display: block; padding: 11px; background: var(--b); box-shadow: var(--bss); margin: 11px; } clho hd h4 { font-size: 17px; } clho bd i { height: 17px; width: 17px; } clho hd span:nth-child(2) { opacity: 50%; } clho bd td span i { height: 15px; width: 15px; margin-right: 4px; } clho bd td span { color: var(--c); font-size: 14px; font-weight: 500; display: flex; } @media(min-width:999px){} clho bd aa { display: flex; color: var(--a); font-size: 15px; margin-top: 4px; } clho bd p { line-height: 20px; font-size: 15px; } @media(max-width:999px){ clho hd h4 { font-size: 17px; display: flex; align-items: center; gap: 2px; } clho hd i { height: 16px; width: 16px; } clho bd p { line-height: 17px; font-size: 14px; margin-top: 5px; } } /* component :-Manage_Setting*/ cmsg ft h4 { font-size: 19px; font-weight: 400; padding-left: 10px; } cmsg hd div {line-height: 2;padding: 0px 10px;} cmsg hd span { font-size: 0.99em; font-weight: 400; } cmsg { display: block; max-width: 374px; position: absolute; right: 0; transition: 333ms; top: -100%; box-shadow: -4px 0px 7px var(--bc); padding: 11px; box-shadow: var(--bs-b); background: var(--b); border-radius: 12px; width: 310px; margin: 5px; } cmsg hd h2 { font-size: 19px; font-weight: 400; } cmsg hd p { color: var(--c0); margin-top: 7px; font-size: 0.77em; } cmsg bd tr { display: flex; align-items: center; gap: 11px; border-top: solid 1px var(--bc); gap: 0; border-bottom: 0; } cmsg bd p {margin: 0; font-size: 11px; color: var(--c0);} cmsg bd table i { width: 44px; height: 44px; } cmsg bd table h5 { font-weight: 500; font-size: 13px; } cmsg bd table {display: block; } cmsg bd input { width: 43px; height: 23px;appearance: none; border-radius: 20px; position: relative; outline: none; cursor: pointer; transition: background 0.3s ease; background: var(--b-t22); } cmsg bd input::before { content: ""; position: absolute; width: 18px; height: 18px; background: var(--b); border-radius: 50%; top: 2px; left: 1px; transform: translate3d(3%, 0, 0); transition: transform 0.3s cubic-bezier(0.85, 0.05, 0.18, 1.35); } cmsg bd input:checked::before { transform: translateX(20px); } cmsg bd input:checked{ background: var(--aa); } cmsg table td { height: unset; } cmsg table td:nth-child(1) { padding: 0px; } @media(max-width:999px){ cmsg table td { padding: 8px; } cmsg { max-width: 100%; width: -webkit-fill-available; border-radius:0px; } } .Setting Setting { visibility: visible; opacity: 1; } Setting { border-radius: 4px; position: absolute; inset: 0; top: 44px; opacity: 0; z-index: 999999999999999999; visibility: hidden; transition: 122ms; height: 100%; right: 0; overflow: hidden; backdrop-filter: blur(5px); } .Setting cmsg { top: 0; } /*component:Managed_Account*/ cmvo cc cm { display: flex; align-items: center; gap: 4px; justify-content: center; background: var(--cg); color: var(--b); margin: 11px auto; border-radius: 24px; font-size: 16px; width: 121px; height: 100%;height: 40px;} cmvo bl hd { display: block; background: var(--bc); padding: 11px; border-radius: 11px; margin-bottom: 11px;} cmvo d dp i { width: 62px; display: flex; height: 62px; margin: auto; margin-bottom: 13px; } cmvo div d { display: block; text-align: center; } cmvo cc span { display: block; font-size: 13px; color: var(--c0); font-weight: 400; } cmvo div f i { height: 18px; width: 18px; margin: 6px; } cmvo div f { display: flex; justify-content: end; } cmvo cc cm i { height: 11px; width: 11px; background: var(--cg); padding: 1px; } cmvo cm i svg { fill: var(--b); } cmvo bd cv i { height: 18px; width: 18px; margin: 6px; } cmvo bd cv { display: flex; align-items: center; } cmvo cv flex { display: flex; align-items: center; } cmvo bd cv p { margin-block-start: 0; margin-block-end: 0; font-size: 0.77em; } cmvo d dp img { border-radius: 38px; } cmvo { display: block; max-width: 299px; position: absolute; right: 0; transition: 333ms; top: -100%; box-shadow:var(--bs-b); padding: 6px; background: var(--b); border-radius: 11px; width: 310px; margin: 11px; } .profile profile { visibility: visible; opacity: 1; } profile { border-radius: 4px; position: absolute; inset: 0; top: 44px; opacity: 0; z-index: 999999999999999999; visibility: hidden; transition: 122ms; height: 100%; right: 0; overflow: hidden; backdrop-filter: blur(5px); } .profile cmvo { top: 0; } @media(max-width:999px){ cmvo { width: -webkit-fill-available; max-width: -webkit-fill-available; margin: 0; border-radius: 0; height: 100%; } } cmvo bd dv:nth-child(3) { border: 0; } cmvo bd dv { border-bottom: solid 1px var( --y2); display: block; padding: 11px; } cmvo dv b { display: flex; margin: 0 11px; margin-bottom: 11px; } /* Component: Marketplac_Hero */ cmhr { display: grid; padding: 11px; margin: auto; } cmhr>bl bd div { display: flex; gap: 18px; } cmhr>bl bd div t:nth-child(1) { display: block; border-bottom: solid 2px var(--aa); } cmhr>bl bd div t:nth-child(2) { display: block; font-weight: 300; color: var(--br); } cmhr>bl bd div t:nth-child(3) { display: block; font-weight: 300; color: var(--br); } cmhr>bl bd div { display: flex; gap: 18px; margin-bottom: 36px; padding-left: 17px; } cmhr>bl ft div b { font-weight: 400; font-size: 14px; } cmhr>bl hd h2:nth-child(1) { font-size: 1.88em; font-weight: 400; color: var(--c); } cmhr>bl ft div a { color: var(--a); text-decoration: unset; font-weight: 400; font-size: 14px; } cmhr>bl hd { display: flex; gap: 11px; margin-bottom: 36px; padding-left: 20px; align-items: center; } cmhr>bl ft div { display: block; padding: 11px; margin: auto; margin-bottom: 15px; } cmhr>bl hd h4 { font-size: 1.77em; display: block; font-weight: 300; } cmhr>bl ft dv { display: flex; align-items: center; gap: 7px; } cmhr>bl ft dv i { height: 12px; width: 12px; display: flex; } @media(max-width:999px){ cmhr { display: grid; padding: 11px; margin: 7px; } cmhr>bl ft div b { font-weight: 400; font-size: 16px; display: block; } cmhr>bl ft div a { color: var(--a); text-decoration: unset; font-weight: 400; font-size: 17px; display: block; } cmhr>bl hd { display: flex; gap: 11px; justify-content: center; white-space: nowrap; font-size: 0.77em; } cmhr>bl ft div { display: grid} } /* component:Marketplace_Smenu */ bmse { display: grid; position: relative; padding: 0 7px; height: 33px; align-items: center; } bmse hd span { font-size: 11px; color: var(--c); display: block; margin: 4px; font-weight: 400; } bmse.this:after { content: ''; position: absolute; left: 4px; height: 84%; margin: auto; width: 3px; background: var(--a); } bmse.this { background: var(--bc); } @media(max-width:999px){bmse { display: none; } } /*Member_status*/ cbet hd i { height: 62px; display: block; } cbet bd b { display: block; font-size: 23px; font-weight: 400; } cbet>bl { display: grid; grid-template-columns: 55px auto 44px; border-radius: 4px; padding: 7px 11px; align-items: center; background: var(--b); margin: 7px 0; border: solid 1px var(--bor); max-width: 444px; } cbet>bl hd>i { height: 44px; width: 44px; border-radius: 55%; overflow: hidden; background: rgb(255 184 180 / 64%); } cbet bd span { display: block; font-size: 16px; } cbet>bl p { font-size: 12px; margin: 3px 0; font-weight: 500; } cbet>bl name { margin: 0; font-size: 0.66em; opacity: .77; } cbet>bl ft>btn { display: flex; align-items: center; justify-content: center; height: 33px; width: 33px; border-radius: 55%; justify-self: end; transition: 95ms; } /*Membership_Offers*/ mbos hd b { border: solid 1px; margin: 4px; } mbos bl { display: block; padding: 11px; } mbos hd h3 { font-weight: 400; font-size: x-large; } mbos bd p:nthichild(1){ background: var(--bc); font-weight: 400; font-size: 13px; } mbos bd p { font-weight: 400; font-size: 13px; display: flex; align-items: center; } mbos bl bd { display: block; padding: 11px 0; } mbos bd p i{ width: 13px; } mbos bd p:nth-child(1) { font-weight: 400; font-size: 11px; margin-block-start: 0; margin-block-end: 0; display: flex; align-items: center; background:var(--cbg); padding: 8px; } mbos bd a { font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; font-size: 12px; display: flex; align-items: center; gap: 5px;} @media(max-width:999px){ mbos ft i { width: 157px; } mbos bd p:nth-child(1) { display: block; } } /* component:Membership_Status*/ cssu { display: block; padding: 6px; background: var(--b); } cssu div h3 { font-weight: 400; font-size: 16px; position: relative; } cssu bd d { display: block; background: linear-gradient(328deg, #9f9c9c2b, #8a82825e); padding: 8px; border-radius: 3px; margin: 16px 0; font-size: 0.77em; position: relative; } cssu bd>div { display: grid; align-items: center; } cssu bd d:after { content: ''; position: absolute; bottom: -13px; height: 1px; left: -5px; right: -7px; background: var(--b1); } cssu bd h3:after { content: ''; position: absolute; height: 1px; left: -5px; right: -7px; background: var(--b1); top: 23px; } @media(max-width:999px){ cssu { flex: none; margin: 11px; width: 255px; } }cpel hd h3 { font-weight: 400; font-size: 16px; margin-bottom: 21px; } cpel bd>d { display: grid; gap: 22px; grid-template-columns: max-content max-content; } cpel>bl { display: block; padding: 11px; } cpel d>div { display: grid; grid-template-columns:300px 186px 300px 300px; box-shadow: var(--bs-b); border-radius: 4px; background: var(--b); padding: 11px;overflow: scroll; } @media(max-width:999px){ cpel>bl { padding: 11px 0; } cpel bd>d { grid-template-columns: auto; } cpel d > div { display: flex; overflow: scroll; }} @media(max-width:1400px){ cpel bd>d { grid-template-columns: auto; }} /* component: Membership_WorkPlace*/ cbop bl bd { display: block; } cbop hd b { border: solid 1px; margin: 4px; } cbop bl { display: block; padding: 11px; } cbop hd h3 { font-weight: 400; font-size: x-large;margin-bottom: 27px; } cbop bd p { font-weight: 400; font-size: 0.88em; } cbop bl ft { background: var(--y2); display: flex; gap: 5px; padding: 11px; } cbop ft i { width: 33px; } cbop ft p { font-weight: 400; font-size: 0.77em; margin-block-start: 0; margin-block-end: 0; } cbop bd p a { font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; } cbop ft p a { margin: 0 2px; } cbop bd p a:nth-child(2) { align-items: center; gap: 6px; } cbop p a i { display: inline-flex; height: 15px; width: 15px; } cbop ft p a:nth-child(2) { font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; } @media(max-width:999px){ cbop ft i { width: 157px; } cbop>bl { padding: 0; } }/* component:Nav*/ nav { display: grid; background: var(--c1); height: 33px; z-index: 999999; padding: 5px 0; justify-content: unset; } cnav bl { display: grid; padding: 0 11px; align-items: center; grid-template-columns: auto auto auto; } cnav hd h2 { color: var(--b); font-weight: 300; font-size: 18px; } cnav bl hd { display: flex; } cnav hd i svg { fill: aliceblue; } cnav hd i { height: 22px; width: 22px; } cnav bl hd { display: flex; align-items: center; gap: 13px; } cnav d input { border-radius: 0; background: var(--c2); color: var(--b); height: 18px; margin: 0; padding: 3px 26px; border: solid 2px var(--br); } cnav ft i svg { fill: var(--bt); } cnav ft i { width: 16px; } cnav d i { height: 18px; width: 18px; display: flex; position: absolute; margin-left: 5px; margin-top: 4px; } cnav bl ft { display: flex; gap: 24px; justify-content: end;align-items: center; } cnav d input:focus { border: solid 2px var(--br); } cnav bd d { display: flex; } cnav d i svg { fill: antiquewhite; } @media(max-width:999px){ cnav hd h2 { display: none; } cnav ft i:nth-child(4) { display: flex; height: 18px; width: 18px; margin-left: 13px; } cnav ft i:nth-child(5) { display: block; } cnav ft i{display:none;} cnav bl { display: grid; grid-template-columns: 44px auto 33px; justify-content: unset; grid-template-columns: max-content auto max-content; align-items: center; } cnav bd d { margin: 0 11px; } cnav hd h2 { color: var(--b); font-weight: 300; font-size: 16px; } cnav bl ft { gap: unset; } } cnav ft nt { display: flex; position: relative; } cnav nt n { background: var(--cr); border-radius: 50px; font-size: 8px; height: 14px; width: 14px; color: var(--b); justify-content: center; align-items: center; display: flex; position: absolute; bottom: 14px; left: 14px; } cnav nt i { height: 18px; } @media(max-width:1024){ cnav bl { display: flex; } } cnav ft i img { border-radius: 16px; } @media(max-width:999px){ cnav nt i { display: block; height: 18px; width: 18px; } } /* Component:- New_Offer */ cnof>bl hd btns i { height: 13px; display: block; width: 14px; } cnof>bl hd div btns { display: flex; align-items: center; gap: 9px; } cnof>bl hd dv input { outline: 0; display: block; max-width: 100%; color: var(--c); height: 30px; font-weight: bold; width: 71%; border-radius: 2px; box-shadow: 0px 0px 3px 0px var(--bor); padding: 0 22px; } cnof>bl hd dv input:focus { border: solid 0px var(--bc); } cnof>bl hd dv input:focus { box-shadow: 0px 0px 0px 2px; border-radius: 2px; } cnof>bl hd dv i { height: 20px; width: 22px; display: block; } cnof>bl hd div dv { display: flex; align-items: center; gap: 11px; } cnof>bl hd dv i:nth-child(3) { height: 20px; width: 22px; display: block; transform: rotate( 272deg); } cnof>bl hd>div { display: grid; justify-content: space-between; grid-template-columns: max-content auto; align-items: center; margin-bottom: 22px; } cnof hd dv sl { display: flex; align-items: center; background: unset; height: fit-content; overflow: unset; margin-bottom: 0; } cnof>bl hd sl i { position: absolute; transform: rotate( 81deg); } cnof>bl hd sl i svg { fill: var(--a); } cnof>bl hd dv i svg { fill: var(--a); } cnof>bl hd span input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); height: 14px; font-weight: bold; padding: 0 12px; } cnof>bl hd span b { font-weight: 500; font-size: 14px; white-space: nowrap; } cnof>bl hd btns btn:nth-child(4) { color: var(--bor); } cnof>bl hd btns btn:nth-child(6) { color: var(--bor); } cnof>bl hd btns btn:nth-child(8) { color: var(--bor); } cnof>bl hd btns i svg { fill: var(--bor); } cnof>bl bd div t { display: grid; justify-content: center; margin-top: 11px; font-size: 0.77em; } cnof>bl hd btns btn:nth-child(10) { color: var(--bor); } cnof>bl bd div { display: grid; justify-content: center; margin-bottom: 55px; font-size: 19px; } cnof>bl hd span { display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto; border-bottom: solid 1px var(--bor); padding: 11px; border-top: solid 1px var(--bor); } cnof { display: grid; padding: 12px; margin: auto; } cnof>bl hd btns i svg:nth-child(1) { fill: var(--aa); } @media(max-width:999px){ cnof>bl hd div btns { display: flex; align-items: center; gap: 9px; padding: 0 18px; overflow-y: scroll; max-width: 267px; margin: unset; margin-bottom: 13px; } cnof>bl hd btns btn { white-space: nowrap; } cnof>bl bd { display: flex; align-items: center; justify-content: start; } cnof { display: grid; margin: 7px; padding: 12px; box-shadow: 0px 0px 2px 0px var(--bor); } cnof>bl hd>div { display: block; } cnof>bl hd div dv { display: flex; margin-bottom: 12px; } cnof>bl hd span input { display: block; width: 14px; } cnof>bl hd dv input { width: -webkit-fill-available; } cnof hd dv sl { display: flex; align-items: center; background: unset; height: fit-content; overflow: unset; margin-bottom: 0; width: -webkit-fill-available; } cnof>bl hd span { gap: 9px; margin-bottom: 5px; overflow-x: scroll; display: grid; } cnof>bl hd span b { display: flex; align-items: center; } cnof>bl hd ins { display: grid; overflow-x: scroll; } }cnoo {display: block;margin: 11px auto;} cnoo hd p { display: flex; justify-content: center; } cnoo hd span { display: flex; justify-content: center; } cnoo hd span i { width: fit-content; } cnoo hd span i svg { fill: var(--aa); } cnoo bd { margin: 0 22px; display: grid; height: 333px; } cnoo ft b { margin: 0 22px; } @media(max-width:999px){ cnoo hd p { font-size: 14px; padding: 11px; } } /*No_Notifications*/ cnnc { display: block; padding: 11px; } cnnc>bl { display: flex; flex-direction: column; text-align: center; } cnnc bl hd { display: flex; justify-content: center; margin-bottom: 13px; } cnnc>bl bd>p { font-size: 0.77em; margin: 4px; margin-bottom: 11px; } cnnc hd i { height: 19px; background: var(--cg); padding: 12px; width: 24px; } /*Notification*/ cnfo hd i { height: 62px; display: block; } cnfo bd b { display: block; font-size: 23px; font-weight: 400; } cnfo>bl { display: grid; grid-template-columns: 55px auto 44px; border-radius: 11px; padding: 7px 11px; align-items: center; background: var(--bc); border: 0.22px solid var(--aat); margin: 7px 0; } cnfo>bl hd>i { height: 44px; width: 44px; border-radius: 55%; overflow: hidden; background: rgb(255 184 180 / 64%); } cnfo bd span { display: block; font-size: 16px; } cnfo>bl name { font-size: 0.88em; line-height: 1.55; } cnfo>bl p { margin: 0; font-size: 0.66em; opacity: .77; } cnfo>bl ft>btn { display: flex; align-items: center; justify-content: center; height: 33px; width: 33px; border-radius: 55%; justify-self: end; transition: 95ms; } /*Notifications*/ cnft { display: block; border-radius: 5px; background: var(--b); height: 100%; max-width: 374px; position: absolute; right: 0; transition: 333ms; top: -100%; box-shadow: -4px 0px 7px var(--bc); } cnft>bl>hd { display: flex; justify-content: space-between; padding: 14px; background: var(--bc); border-radius: 5px 5px 0px 0px; border-bottom: 1px solid var(--bor); } cnft>bl>hd i { height: 19px; width: 19px; } cnft>bl>bd { height: calc(-124px + 100vh); overflow: scroll; scroll-behavior: smooth;padding: 11px } .Notifications cnft { top: 0; } Notifications { border-radius: 4px; position: absolute; inset: 0; top: 44px; opacity: 0; z-index: 999999999999999999; visibility: hidden; transition: 122ms; height: 100%; right: 0; overflow: hidden; backdrop-filter: blur(5px); } .Notifications Notifications { visibility: visible; opacity: 1; } @media(max-width:999px){ .Notifications cnft { width: 100%; max-width: 100%; } }cops>bl> hd { padding: 22px; font-size: 12px; border-bottom: solid 2px var(--c0); margin: 15px; } @media(max-width: 999px){ cops bd flex { display: block; } } cppv { display: block; box-shadow: var(--bss); width: fit-content; padding: 11px; border-radius: 6px; margin: 11px; background: var(--b); } cppv hd div { display: flex; padding-bottom: 22px; align-items: center; } cppv hd div dv { display: flex; } cppv hd div i { display: flex; height: 34px; width: fit-content; padding-right: 11px; } cppv hd div span { font-style: normal; font-size: 12px; display: flex; align-items: center; } cppv hd div p i { display: flex; height: 20px; gap: 5px; } cppv hd p svg path { fill: none; } cppv hd div p l { font-size: 11px; } cppv bd { display: block; } cppv bd div d { display: flex; } cppv bd dv { display: flex; padding-top: 22px; } cppv bd dv u { display: block; color: var(--aa); font-size: 13px; line-height: 1.5; width: 100px; } cppv bd dv i { display: flex; height: 13px; width: fit-content; position: absolute; left: 88px; bottom: 150.92px; } cppv bd dv i svg { fill: var(--aa); } cppv bd div span { display: block; font-size: 11px; color: var(--c0); padding-top: 11px; } @media(max-width: 999px){ cppv { display: block; margin: 11px auto; } } /* Component :- Overview */ covw>bl hd btns i { height: 23px; display: block; width: 87px; } covw>bl hd div btns { display: flex; align-items: center; gap: 9px; } covw>bl hd dv input { outline: 0; display: block; max-width: 100%; background: var(--b); color: var(--c); height: 40px; font-weight: bold; width: 69%; border-radius: 2px; padding: 0 26px; border: solid 1px var(--bor); } covw>bl hd dv input:focus { border: solid 0px var(--bc); } covw>bl hd dv input:focus { box-shadow: 0px 0px 0px 2px; border-radius: 2px; } covw>bl hd div dv { display: flex; align-items: center; gap: 15px; } covw>bl hd dv i:nth-child(3) { height: 43px; width: 48px; display: block; transform: rotate( 359deg); } covw hd dv sl { display: flex; align-items: center; background: unset; height: fit-content; overflow: unset; margin-bottom: 0; } covw>bl hd sl i { transform: rotate( 78deg); margin-left: -41px; } covw>bl hd sl i svg { fill: var(--a); } covw>bl hd dv i svg { fill: var(--br); } covw>bl hd span { display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto; justify-content: space-between; padding: 8px; margin: 11px; width: -webkit-fill-available; grid-column-start: 1; grid-column-end: 3; align-items: center; } covw>bl hd span input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); height: 14px; font-weight: bold; padding: 0 12px; } covw>bl hd span b { font-weight: 500; font-size: 14px; } covw>bl hd btns btn:nth-child(4) { color: var(--aa); } covw>bl hd btns btn:nth-child(6) { color: var(--aa); } covw>bl hd btns btn:nth-child(8) { color: var(--aa); } covw>bl hd btns i svg {fill: var(--br); } covw>bl bd div { display: grid; justify-content: center; } covw>bl bd div t { display: grid; justify-content: center; margin-top: 11px; } covw>bl hd btns btn:nth-child(10) { color: var(--aa); } covw>bl hd dv t { white-space: nowrap; } covw>bl hd btns h4 { font-size: 1.88em; } covw>bl hd dv i { height: 24px; width: 44px; display: block; } covw>bl hd>div { display: grid; justify-content: space-between; grid-template-columns: max-content auto; align-items: center; padding: 11px; border-bottom: solid 1px var(--bor); } covw>bl hd btns btn { font-weight: 500; font-size: 0.99em; } @media(max-width:999px){ covw>bl hd div btns { display: flex; align-items: center; gap: 9px; font-size: 0.77em; margin-bottom: 14px; } covw>bl hd>div { display: block; } covw>bl hd sl i { transform: rotate( 78deg); margin-left: -33px; } } /*Partne_Account*/ cnto thead { display: block; } cnto bd td btn { display: flex; padding: 7px; align-items: center; justify-content: center; color: var(--c); background: var(--bc); } cnto tbody { display: block; } cnto>bl { display: block; box-shadow: var(--bs-b); margin: 11px; } cnto hd input { padding: 2px 5px 0px 25px; border-radius: 3px; border: 2px solid var(--bor); height: 30px; } cnto hd i { height: 20px; width: 20px; } cnto hd span { display: flex; align-items: center;} cnto hd from { display: flex; } cnto hd input:focus { box-shadow: 0px 0px 1px 0px; border: solid 2px var(--bor); } cnto td { display: table-cell; vertical-align: inherit; unicode-bidi: isolate; } cnto hd from i { height: 19px; width: 19px; position: relative; top: 8px; left: 25px; } @media(min-width:999px){ cnto td span { display: flex; gap: 11px; color: var(--c); font-size: 13px; } cnto thead tr { height: 40px; display: flex; background: var(--b-t); justify-content: space-between; padding: 0; } cnto hd { display: flex; align-items: center; justify-content: space-between; padding: 8px; } cnto tr { background: var(--b-t); display: flex; align-items: center; justify-content: space-between; padding: 4px; } cnto bd table {font-size: 14px; color: var(--b); background: var(--b33); display: block; } cnto th { text-align: left; padding: 8px 12px; box-shadow: unset; color: var(--c); }} cnto tr td { padding: 10px; height: 16px; text-align: justify; color: var(--a); font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 2px; } cnto bd input { height: 18px; width: 18px; display: block; } cnto bd number { display: flex; align-items: center; justify-content: center; gap: 11px; } @media(max-width:999px){ cnto hd from { display: none; } cnto tbody { display: block; padding: 6px; } cnto>bl { display: block; box-shadow: var(--bs-b); margin: 11px; padding: 11px; } cnto th { color: var(--c); padding: 0; display: flex; align-items: center; justify-content: center; font-size: 0.88rem; font-weight: 400; } cnto bd number { display: flex; align-items: center; justify-content: center; gap: 3px; font-size: 11px; } cnto tr { background: var(--b-t); display: flex; align-items: center; justify-content:space-between; } cnto bd table { border-collapse: collapse; font-size: 14px; color: var(--b); background: var(--b33); } cnto hd input { display: none; } cnto hd span { display: flex; align-items: center; font-size: 15px; white-space: nowrap; } cnto hd from i { display: none; } cnto bd th:nth-child(1) { padding-left: 12px; } cnto hd i { height: 20px; width: 20px; } cnto td span:nth-child(3) { padding-left: 5px; } cnto bd tr td:nth-child(1) { padding-left: 0; } cnto td span { font-size: 11px; display: flex; gap: 4px; align-items: center; } cnto tr td { padding: 8px 1px 10px 5px; height: 16px; text-align: justify; background: var(--b-t95); color: var(--a); font-weight: 500; } cnto hd { display: flex; align-items: center; justify-content: space-between; } cnto thead tr { height: 40px; display: flex; background: var(--b-t); justify-content: space-between; } cnto bd td btn { display: none; }} /* Component:- Partner*/ cpan>bl bd div i { height: 33px; display: block; } cpan>bl bd div { padding: 11px; display: flex; align-items: center; gap: 14px; } cpan { display: block; box-shadow: var(--bss); border-radius: 3px; background: var(--b); width: max-content; } /*Partner_Benefit*/ pbfo { display: block; box-shadow: 0px 0px 5px 0px var(--bor); border-radius: 4px; padding: 11px; background: var(--b); } pbfo hd i { height: 66px; width: 66px; display: block; } pbfo hd p { margin: 0; font-size: 0.66em; color: var(--c0); } pbfo hd i img { height: 122px; width: 122px; object-fit: cover; } pbfo bd a { font-weight: 400; margin: 0 2px; color: var(--a); text-decoration: underline; font-size: 11px;} pbfo bd f i { height: 14px; width: 14px; } pbfo bl bd { display: block; margin-top: 40px; } pbfo bd btn { background: var(--aa); display: flex; align-items: center; justify-content: center; color: var(--b); font-size: 13px; width: 67px; padding: 7px; margin-top: 13px; } pbfo bl ft { font-weight: 400; font-size: 11px; margin-block-start: 0; margin-block-end: 0; display: flex; align-items: center; background: var(--cbg); padding: 0px 11px; margin: 11px 0; justify-content: space-between; } pbfo ft i:nth-child(1) { height: 11px; width: 11px; border-radius: 50%; border: solid 1px; } pbfo ft i { height: 18px; width: 18px; } pbfo ft b { display: flex; align-items: center; gap: 2px; } /*Partner_Benefits*/ pbfs btns btn:nth-child(1) { padding: 6px 10px; align-items: center; font-size: 13px; background: var(--bg); border-bottom: solid 2px var(--a); } pbfs btns btn { padding: 6px 10px; align-items: center; font-size: 13px; background: var(--bg); } pbfs bd d { display: grid; grid-template-columns: auto auto; gap: 13px; padding: 27px 0; } @media(max-width:666px){ pbfs bd d { grid-template-columns: auto; } } /* Component:- Partner*/ cpia>bl bd div i { height: 33px; display: block; } cpia>bl bd div { padding: 11px; display: flex; align-items: center; gap: 14px; } cpia { display: block; box-shadow: var(--bss); border-radius: 3px; background: var(--b); width: max-content; border-bottom: solid var(--a); } /*Partner_Profile*/ ptpl>bl { background-color: var(--bc); position: relative; display: block; } ptpl bl bg>img { opacity: unset; height: 60%; filter: hue-rotate(1677deg); opacity: 0.66; } ptpl>bl bg { max-width: 50%; margin-left: auto; } ptpl bd pf>i { display: flex; width: 70px; height: 70px; justify-content: center; border-radius: 50px; font-style: unset; font-size: 1.99em; border: solid 4px var(--b); color: var(--b); background: var(--br); } ptpl bd>pf { display: flex; align-items: center; gap: 16px; padding: 22px; } ptpl d>name { font-size: 24px; display: block; font-weight: 500; margin-bottom: 6px; } ptpl d>f { display: flex; align-items: center; gap: 1px; } ptpl d email { color: var(--c0); } ptpl bl bd { display: block; padding: 22px; } ptpl bl>ft f { padding: 22px; display: flex; gap: 55px; } ptpl f dv>t { display: block; font-size: 0.88em; } ptpl f dv>num { font-weight: 500; font-size: 24px; color: var(--a); } ptpl bl>ft { display: grid; grid-template-columns: auto auto; justify-content: space-between; background: var(--b); box-shadow: var(--bss); align-items: center; } ptpl ft>div { display: flex; align-items: center; gap: 7px; padding: 22px; } ptpl div>d { background-color: var(--bor); border-radius: 11px; display: block;height: 12px; width: 130px; } ptpl div>d cm { display: block; background: var(--cg); transform: rotate( 321deg); height: 10px; margin: 1px; width: 10px; } @media(max-width:999px){ ptpl bl>ft f { flex-wrap: wrap; gap: 25px; } ptpl>bl bg { display: none; } ptpl bl>ft { grid-template-columns: auto;} }cppoe { display: block; box-shadow: var(--bss); width: fit-content; padding: 11px; border-radius: 6px; background: var(--b); } cppoe hd div { display: flex; padding-bottom: 22px; align-items: center; } cppoe hd div i { display: flex; height: 85px; width: fit-content;} cppoe hd div span { font-style: normal; } cppoe hd div p i { display: flex; height: 20px; gap: 5px; } cppoe hd div p i svg { fill: var(--cg); } cppoe hd div p l { font-size: 11px; } cppoe bd { display: block; } cppoe bd div d { display: flex; } cppoe bd dv { display: block; } cppoe bd dv u { display: block; color: var(--aa); font-size: 13px; line-height: 1.5; } cppoe bd dv { display: block; padding-left: 22px; padding-bottom: 16px; } cppoe bd dv div { display: flex; } cppoe bd div i { display: flex; height: 15px; width: fit-content; position: relative; top: 6px; left: 2px; } cppoe bd d span { font-size: 11px; color: var(--c0); display: block; padding-left: 20px; margin-top: 6px; padding-bottom: 11px; } cppoe bd f { display: flex; width: fit-content; gap: 6px; padding-left: 22px; } cppoe bd f i { display: flex; height: 14px; width: fit-content; } cppoe bd f span { font-size: 11px; color: var(--c0); } cppoe ft div { display: flex; gap: 8px; padding-top: 66px; width: fit-content; padding-left: 20px; } cppoe ft div i { display: flex; height: 21px; width: fit-content;} cppoe ft div i svg { fill: var(--aa); } @media(max-width: 999px){ cppoe hd div p { display: block; font-size: 0.8rem; } cppoe { display: block; margin: 11px auto; } }cppos bd flex { display: flex; gap: 12px; padding-left: 22px; } @media(max-width: 999px){ cppos bd flex { display: grid; padding-left: unset; } } /* component/:Partner_Service*/ ceoo hd i { height: 44px; width: 44px; } ceoo>bl { box-shadow: var(--bs-b); border-radius: 4px; background: var(--b-t); line-height: 26px; padding: 17px; } ceoo bl hd { display: flex; align-items: center; gap: 6px; } ceoo bd p { font-weight: 400; font-size: 0.77em; } ceoo ft a { font-weight: 400; font-size: 14px; color: var(--a); text-decoration: underline; } ceoo ft i { height: 15px; display: block; width: 15px; margin: 0px 1px; } ceoo bl ft { display: flex; align-items: center; }ceoo bl ft { display: flex; } /*component:Partner_Services*/ ceos hd h3 { margin-bottom: 26px; margin-top: 14px; font-weight: 400; font-size: 17px; } ceos>bl { display: block; padding: 12px; } ceos btns btn:nth-child(1) {background: unset; padding: 6px 2px; align-items: center; font-size:15px; background: var(--bg); border-bottom: solid 2px var(--a); } ceos btns btn{padding: 6px 10px; align-items: center; font-size: 15px;background: unset;} ceos hd p { font-weight: 400; font-size:0.88em; margin: 14px 0;line-height: 19px; } ceos bd d { display: grid; gap: 22px; } @media(max-width:999px){ ceos>bl { padding: 0; } } ceos hd a { margin: 0 2px; } /* Component:- Partners*/ cpans hd d:nth-child(1) { display: grid; gap: 26%; margin-top: 22px; grid-template-columns: auto auto auto; } cpans hd d:nth-child(2) { display: grid; gap: 26%; margin-top: 22px; grid-template-columns: 12% auto auto; } /*Payment_Status*/ @media(min-width:999px){ cpto { display: grid; border-radius: 7px; background: var(--b); box-shadow: var(--bss); height: fit-content; border: 1px solid var(--bc); }} cpto bd { display: block; padding: 10px; border-bottom: solid 1px var(--bor); } cpto hd h2 { font-size: 0.88em; font-weight: 400; } cpto hd span { font-size: 0.88rem; } cpto bl>hd { display: block; padding: 7px 17px; border-bottom: solid 1px var(--bor); } cpto bd b { font-size: 1.88rem; display: flex; font-weight: 500; } cpto bd p { font-weight: 400; font-size: 0.88rem; padding-bottom: 12px; } cpto ft i { height: 30px; width: 30px; } cpto ft svg { height: 18px; } cpto bd span { font-size: 0.88rem; font-weight: 400; } cpto bl>ft { display: flex; padding: 9px; } cpto ft span { display: flex; align-items: center; font-size: 0.77rem; font-weight: 400; } @media(max-width:999px){ cpto { display: block; border-radius: 7px; padding: 10px; margin: 11px 0; background: var(--b); box-shadow: var(--bs-b); } cpto { margin: 0px 3px 11px 1px; } cpto bl>ft { display: flex; } } /*Pick_Account*/ cuap hd i { height: 37px; width: 37px; } cuap bl hd { display: flex; align-items: center; padding: 11px 26px; } cuap hd t { font-weight: 500; font-size: 1.33em; color: var(--c0); } cuap { display: block; background: var(--b); box-shadow: 0px 0px 3px -1px; border-radius: 5px; max-width: 333px; padding: 22px 0; } cuap bd h3 { font-size: 1.4em; padding-left: 31px; } cuap bl>bd div { border: dotted 1px; padding: 5px; display: flex; align-items: center; gap: 11px; padding-left: 25px; background: var(--bc); margin: 11px 0;} cuap bd d name { font-weight: 400; font-size: 19px; } cuap div i { height: 42px; width: 42px; } cuap dv i { height: 42px; width: 42px; } cuap d p { font-weight: 500; font-size: 12px; color: var(--c0); margin: 4px 0; } cuap bl>bd dv { padding: 5px; display: flex; align-items: center; gap: 11px; padding-left: 25px; } cuap div i img { border-radius: 22px; } @media(max-width:999px){ cuap { max-width: unset; } } /*Profile_Menu*/ cpne>bl { display: block; box-shadow: var(--bss); padding: 11px; margin: 11px 0px; } cpne>bl>bd>b { font-size: 1.01rem; padding: 7px; font-weight: 400; } cpne>bl>bd { display: flex; padding: 1px; flex-direction: column;line-height: 2;} cpne>bl>bd>b:focus { background: var(--b1); display: flex; font-weight: 600; } cpne>bl>bd>b:hover { text-decoration: underline; }cpoe hd { display: block; margin: 16px; } cpoe hd dv { display: flex; } cpoe hd span { font-size: x-large; width: fit-content; display:flex;} cpoe hd div p { line-height: 2; } cpoe hd div p a { font-weight: 300; color: var(--aa); } cpoe hd div p a i { display: flex; height: 12px; position: absolute; top: 10vh; right: 12vw; } cpoe bd { display: grid; grid-template-columns: max-content auto; justify-content: space-between; } cpoe bd dv { width: fit-content; display: flex; } cpoe bd dv i { display: block; height: 21px; padding: 10px; width: fit-content; } cpoe bd dv i svg { fill: var(--a); } cpoe bd dv span { display: flex; align-items: center; font-size: 12px; } cpoe bd dv d i svg { fill: var(--br); } cpoe bd f { display: grid; align-items: center; grid-template-columns: auto auto auto; gap: 11px; } cpoe bd d { font-size: 12px; display: flex; align-items: center; } cpoe bd d i { display: flex; height: 19px; width: fit-content;} cpoe bd d b { display: flex; } cpoe bd f form input { display: block; border-radius: 5px; background: var(--bs-br); font-weight: 300; height: 29px; margin: 0; padding: 0px 26px; } cpoe bd f form i { display: flex; height: 16px; position: absolute; top: 12px; transform: rotate(79deg); width: fit-content; } cpoe ft { display: flex; border-bottom: solid 1px; border-top: solid 1px; box-shadow: 0px 4px 2px rgba(36, 39, 44, .1); justify-content: space-between; padding: 8px; margin: 11px; } cpoe ft span { font-size: 17px; font-weight: 400; } @media(max-width: 999px){ cpoe ft span { font-size: 13px; } cpoe bd { display: grid; grid-template-columns: unset; gap: 11px; } cpoe bd f { display: grid; gap: 22px; padding-left: 16px;} } /* component Quick_Link*/ cqlk bl { display: block; border-radius: 4px; box-shadow: 0px 0px 3px 0px var(--bor); padding: 8px; background: var(--b-t); box-shadow: var(--bs-b); width: 362px;} cqlk bd a { font-weight: 400; font-size: 13px; color: var(--a); text-decoration: underline; display: flex; margin: 16px 0; align-items: center; gap: 3px; } cqlk bd i { width: 12px; height: 12px; } cqlk bd { margin-left: 15%; line-height: 19px; } @media(max-width:999px){ cqlk bl bd{ display: flex; flex-wrap: wrap; column-gap: 11px; } cqlk bl { width: auto; }} /* component Quick_Links*/ cqlo bl { display: block; border-radius: 4px; box-shadow:var(--bs-b); padding: 13px; background: var(--b-t); } cqlo bd a { font-weight: 400; font-size: 13px; color: var(--a); text-decoration: underline; display: flex; margin: 7px 0; align-items: center; gap: 3px; } cqlo bd i { width: 12px; height: 12px; } @media(max-width:999px){ cqlo bl bd{ display: flex; flex-wrap: wrap; column-gap: 11px; } } /* component Quick_Start*/ cqso bl { display: flex; align-items: center; box-shadow:var(--bss); border-radius: 3px; padding: 14px; background: var(--b); gap: 15px; } cqso bl>bd{ display: flex; align-items: end; } cqso hd i { height: auto; width: 49px; } cqso bd i { height: fit-content; width: 17px; position: absolute; right: -20px; bottom: 0px; } cqso bd p:nth-child(1) { margin: 0; font-size: 0.88em; margin-inline-start: 0; margin-block-end: 0; display: flex; align-items: end; position: relative; width: fit-content; } cqso bd i svg { fill: var(--aa); } cqso bd p:nth-child(2) { display: flex; align-items: center; margin-block-start: 0;font-weight: 500; gap: 2px; } cqso hd i svg { fill: var(--aa); } \ /* component: Quick_Starts*/ cqss>bl { display: block; padding:11px; } cqss bd>d { display: grid; grid-template-columns: auto auto auto auto; gap: 22px; margin: 11px 0; } cqss>bl>bd { display: block; margin: 22px 0; } cqss hd h3 { font-weight: 400; } @media(max-width:999px){ cqss bd>d {padding: 5px; gap: 11px; grid-template-columns: auto auto; padding: unset;} cqss > bl { padding: unset; } } @media(max-width:666px){ cqss bd>d { grid-template-columns: auto; } } /*component:Reports_Created*/ crcd bd i { height: 117px; } crcd bd h2 { display: flex; align-items: center; justify-content: center; font-size: 17px; padding: 5px 0px 0px 0px; font-weight: 400; } crcd bd span { display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: 17px; font-weight: 300; } crcd bd p { display: flex; align-items: center; justify-content: center; margin-top: 1px; font-size: 12px; font-weight: 300; } crcd bd span { display: flex; margin-left: 11px; } @media(max-width:999px){ crcd bd span { padding-inline: 20px; } } /*component:Service_Hero*/ cshc bl { padding: 11px; padding-inline: 36px; } cshc hd div { display: flex; gap: 7px; align-items: center; } cshc hd h2 { font-size: 28px; font-weight: 400; } cshc hd b { font-size: 20px; font-weight: 400; } cshc hd h3 { font-size: 26px; font-weight: 400; } cshc hd h4 { font-size: 23px; font-weight: 300; } cshc hd c { border: solid 1px; padding: 25px 0px 0px 0px; } cshc bd a { font-size: 16px; font-weight: 500; border-bottom: solid 3px var(--aa); padding: 5px; } cshc bd dv { display: flex; gap: 19px;align-items: center;} cshc bd p { font-weight: 400; font-size: 14px; } cshc bd mg { display: block; margin-top: 0; } cshc ft i { width: 3%; transform: rotate( 292deg); } cshc ft { display: flex; align-items: center; gap: 6px;padding-top: 17px; } cshc ft a { font-size: 14px; font-weight: 400; } /*Setting*/ cstg bd div i { transform: rotate( 270deg); border-radius: 10px; } cstg bd span { font-size: 0.99em; font-weight: 400; } cstg bd div { display: flex; justify-content: space-between; width: 100%; align-items: center; } cstg bd { display: flex; gap: 9px; padding: 10px 0; } cstg bl { display: block; padding: 6px; } cstg hd h4 { font-size: 1.55em; font-weight: 500; } cstg bd i { height: 23px; width: 23px; background: var(--b1); padding: 10px; border-radius: 50%; }csin>bl hd div i { height: 37px; width: 37px; } csin>bl hd div { display: flex; align-items: center; gap: 11px; } csin>bl hd div t{ display: block; color: var(--c0); font-size: 1.33em;} csin>bl hd dv b { font-size: 1.66em; display: block; margin-top: 8px; font-weight: 500; } csin { display: block; background: var(--b); padding: 22PX; box-shadow: 0px 0px 3px -1px; border-radius: 6px; max-width: 289PX; } csin>bl hd dv input:focus { border: solid 0px var(--bc); border-bottom: solid 1px var(--aa); } csin>bl hd dv input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); height: 40px; font-weight: bold; padding: 0 12px; border: 0; margin-top: 7px; border-bottom: solid 1px var(--aa); margin-bottom: 14px; border-radius: 0; }` csin>bl bd div { display: block; } csin>bl bd div a { color: var(--aa); text-decoration: unset; font-weight: 400; display: block; } csin>bl bd dv { display: flex; gap: 8px; margin-bottom: 11px; } csin>bl ft btns btn:nth-child(2) { background: var(--aa); display: flex; padding: 4px 39px; align-items: center; justify-content: center; color: var(--b); font-size: 20px; width: 1%; } csin>bl ft btns { display: flex; gap: 14px; align-items: center; justify-content: flex-end; margin-top: 25px; } csin>bl ft btns btn:hover { background: var(--bor); } csin>bl ft btns btn { background: var(--bor); display: flex; padding: 4px 39px; align-items: center; justify-content: center; font-size: 20px; width: 4%; } csin>bl ft btns btn:nth-child(2):hover { background: var(--a); } @media(max-width:999px){ csin { max-width: unset; } }@media screen and (min-width: 999px) { cstmo { position: relative; display: block; overflow: hidden; transition: 99ms; box-shadow: var(--bxs); border: var(--bs); background: var(--a); padding: 33px; border-radius: 22px; width: fit-content; margin: 7px; }} cstmo::before { content: ""; display: block; position: absolute; background-position: center; inset: 0; background: linear-gradient(45deg, #eceff147, #ffffff12); } cstmo hd i { height: 38px; width: 42px; } cstmo bl { z-index: 999; position: relative; display: grid; justify-content: center; font-family: system-ui; } cstmo hd { display: flex; align-items: center; justify-content: center; } cstmo:hover { transform: scale(1.04); } cstmo:active { transform: scale(.97); } cstmo bd h3 { font-size: 14px; color: var(--b); } @media screen and (max-width: 999px) { cstmo bd h3 { font-size: 10px; margin-left: 7px; } cstmo { position: relative; display: block; overflow: hidden; transition: 99ms; box-shadow: var(--bxs); border: var(--bs); background: var(--a); padding: 33px; border-radius: 22px; width: auto; margin: 7px; } } cstms flex { display: flex; flex-wrap: wrap; margin: 10px; margin-left: 0px; } @media(max-width:999px){ cstms flex { display: grid; grid-template-columns: auto auto; margin-left: 16px; } cwrs hd i { height: 49px; }} /*Start_Menu*/ csnu bl { display: block; box-shadow: 0px 0px 1px 0px; width: 333px; position: relative; background: var(--c1); color: var(--b);height: calc(-41px + 100vh);} csnu bd div { display: block; line-height: 2;} csnu bd span { display: flex; padding: 10px; align-items: center; gap: 12px; position: relative;transition: 99ms;} csnu bd i { height: 30px; width: 30px; filter: invert(1); } csnu bd img { max-width: 100%; max-height: 100%; filter: opacity(0.5); } csnu bd t { display: flex; align-items: center; padding-left: 18px; } csnu bd t i { transform: rotate(87deg); } csnu bd a { color: var(--b); text-decoration: unset; font-weight: normal; } csnu bd i { height: 30px; width: 30px; filter: invert(1); transition: 333ms; } csnu bd b { font-weight: 400; font-size: 15px; line-height: 1; display: block; margin-top: 4px; } csnu bd span:active { background: var(--c0); } csnu>bl>bd { display: block; overflow: auto; max-height: 96vh; } @media(max-width:999px){ csnu>bl>bd { display: block; overflow: auto; max-height: 96vh; } csnu bd div { display: block; line-height: 2; padding-bottom: 22px; }}cspo { display: block; padding: 13px; } cspo bd d { display: grid; grid-template-columns: auto auto auto; gap: 22px; padding: 22px 0; } @media(min-width:999px){ cspo>bl>ft { display: grid; grid-template-columns: auto auto; gap: 22px; } } @media(max-width:999px){ cspo { margin: 11px 0; display: block; } cspo>bl>ft { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } cspo bd d { display: block;padding:0px; } cspo { padding: 0; } } csys { display: grid; margin: 11px auto; } csys bd d { display: grid; grid-template-columns: auto auto; } @media(max-width: 999px){ csys bd d { display: block; } } /* component :Summary By paras */ csye { display: block; margin: 7px; } csye hd { display: grid; width: -webkit-fill-available; border: solid 1px var(--bc); border-bottom: 0; border-radius: 5px 5px 0 0; padding: 13px; box-shadow: var(--bss); background: var(--b); } csys hd d { display: flex; justify-content: space-between; } csye hd dv span { display: flex; font-size: 16px; font-weight: 500; } csye hd btns { display: flex; } csye hd btns i { display: flex; height: 19px; } csye hd btns i svg { fill: var(--aa); } csye hd div { align-items: center; padding: 4.4rem 0; margin: auto; } csye hd div f { display: flex; gap: 15px; position: relative; right: 16px; top: 4px; } csye hd div i { display: block; height: 84px; opacity: 0.50; } csye hd div span { display: flex; justify-content: center; } csye hd f i { display: flex; height: 26px; width: fit-content; position: relative; bottom: 3px; left: 16px; } csye hd f i svg { fill: var(--aa); } csye hd f u { white-space: nowrap; font-size: 13px; color: var(--aa); } csye bd { display: flex; width: fit-content; gap: 11px; padding: 11px;} csye bd i { display: flex; height: 20px; width: fit-content; } csye bd i svg { fill: var(--aa); } csho { margin: 11px auto; display: block; width: 100%; padding-top: 22px;} csho hd dv { display: flex; gap: 8px; } csho hd dv b { font-size: 22px; } csho hd dv span { font-size: 22px; } csho hd dv d { font-size: 11px; } csho bd { display: grid; margin: 11px; justify-content: space-between;} csho bd btns { display: flex; column-gap: 22px; row-gap: 7px; flex-wrap: wrap; justify-content: space-between; } csho bd btns btn { display: flex; align-items: center; min-width: max-content; } csho bd i { display: flex; height: auto; width: 19px; } csho bd i svg { fill: var(--aa); } csho bd div { display: flex; gap: 11px; } csho bd btns span { font-size: 13px; } csho bd div btn { display: flex; padding-top: 9px; } /* component:Support_Hero */ cppr>bl { display: block; padding: 11px; } cppr hd h3 { font-size: 1.44em; margin-bottom: 30px; font-family: sans-serif; font-weight: 500; } cppr hd b { border: solid 1px; margin: 4px; } cppr bd h3 { font-weight: 500; margin-bottom: 16px; } cppr>bl>bd { display: block; margin-top: 12px; } cppr bd d { display: grid; grid-template-columns: auto auto; gap: 11px; margin: 11px 0; } cppr hd t { font-weight: 400; font-size: 22px } @media(max-width:666px){ cppr bd d { grid-template-columns: auto; } cppr>bl { padding: 11px 7px; } } /* component:Support_Request*/ coqo { display: block; padding: 6px; background: var(--b); } coqo div h3 { font-weight: 500; font-size: 0.88em;position: relative; } coqo bd d { display: block; background: linear-gradient(328deg, #9f9c9c2b, #8a82825e); padding: 11px; border-radius: 3px; margin: 27px 0; font-size: 0.77em; position: relative; } coqo bd d:after { content: ''; position: absolute; bottom: -13px; height: 1px; left: -17px; right: -12px; background: var(--b1); } coqo bd h3:after { content: ''; position: absolute; bottom: -13px; height: 1px; left: -17px; right: -12px; background: var(--b1); } @media(max-width:999px){ coqo { display: block; flex: none;padding:unset; } } /* component:Support_Requests */ coqs btns btn:nth-child(1){ border-bottom: solid 2px var(--a);color:unset; } coqs btns btn { display: block; line-height: 30px; font-weight: 400; } coqs div btns { display: flex; gap: 22px; align-items: center; } coqs>bl>hd { display: block; margin-bottom: 11px; } coqs hd p { font-size: 0.88em; font-weight: 400; } coqs f i { height: 18px; width: 18px; } coqs hd f { display: flex; align-items: center; gap: 12px; } coqs f sl { height: 36px; background: unset; overflow: unset; margin: 0; display: flex; align-items: center; } coqs f sl input { font-size: 14px; margin: 0; border-radius: 3px; height: 28px; font-weight: 300; padding: 3px 28px; border: solid 1px var(--bor); opacity: 0.5; } coqs hd dv { display: flex; align-items: center; justify-content: space-between; } coqs sl input:focus { box-shadow: unset; border-radius: unset; border: solid 1px var(--bor); } coqs bd>d { display: grid; grid-template-columns: 270px 288px 270px 270px 270px 270px; } coqs>bl { display: grid; padding: 0 5px; } coqs>bl>bd { display: flex; overflow: scroll; } coqs sl i { height: 22px; width: 22px; position: absolute; margin: 2px 4px;opacity: 0.5; } coqs sl i svg { fill: var(--aa); } coqs f d { display: flex; align-items: center; gap: 6px; } @media(max-width:999px){ coqs hd dv { display: grid; justify-content: unset; } coqs hd p { font-size: 0.77em; } coqs bd>d { gap: 11px; } } /* component:-Team_App */ ctam hd h2 { display: flex; border-right: solid 1px; } ctam bd div { display: flex; gap: 10px; padding: 11px; } ctam hd { display: flex; align-items: center; gap: 9px; padding: 11px; } ctam hd h2 { display: flex; border-right: solid 3px; } ctam bd div i { height: 18px; display: block; width: 15px; } ctam bd div { display: flex; gap: 10px; } ctam hd div { display: flex; align-items: center; gap: 9px; } ctam ft span input { outline: 0; display: block; background: var(--b-t77); height: 34px; font-weight: bold; padding: 0 12px; border: solid 1px; } ctam ft div input { outline: 0; display: block; background: var(--b-t77); height: 34px; font-weight: bold; padding: 0 12px; border: solid 1px; } ctam ft div i { display: block; margin-top: 4px; } ctam ft dv { padding: 11px; display: flex; gap: 13px; } ctam ft span label { padding: 26px; } ctam ft div label { padding: 0 28px; } ctam bd div t { white-space: nowrap; } ctam { display: grid; margin: auto; } ctam>bl ft div select:focus { border: solid 0px var(--bc); } ctam>bl ft div select { border-radius: 2px; width: -webkit-fill-available; box-shadow: var(--bss); margin-top: 6px; padding: 0px; } ctam>bl hd div b { font-size: 1.77em; font-weight: 400; display: grid; } @media(max-width:999px){ ctam>bl hd { font-size: 0.66em; display: flex; } ctam bd div { display: flex; gap: 10px; overflow: scroll; max-width: 333px; } ctam ft dv { padding: 11px; display: flex; gap: 13px; } ctam { display: grid; margin: auto; width: auto; } } ctss>bl hd div t { display: block; } ctss>bl hd div { display: block; padding: 22px; } ctss hd dv t { padding: 22px; display: block; font-weight: 400; } ctss>bl hd ins i { height: 100px; width: 100px; display: block; } ctss { background: red; } /*Time_Selector*/ ctre { display: block; border-radius: 7px; padding: 10px; margin: 11px; background: var(--b); max-width: 221px; position: absolute; top: 53px; right: 34px; box-shadow: var(--bss); } ctre bd div { display: flex; line-height: 2; align-items: center; } ctre bd t { font-size: 15px; margin-top: 4px; margin-left: 3px; } ctre bl { display: block; padding: 9px; } ctre hd h4 { font-size: 17px; } ctre ft btns { display: flex; align-items: center; gap: 13px;} ctre ft btn:nth-child(1) { display: flex; align-items: center; background: var(--aa); padding: 9px; width: 30%; justify-content: center; font-size: 16px; color: var(--b); } ctre ft btn { display: flex; align-items: center; padding: 9px; width: 30%; justify-content: center; font-size: 16px; border: 1px solid var(--bor); } ctre bd input { height: 20px; width: 20px; display: block; } ctre.review { display: block; } ctre { display: none; } @media (max-width: 999px){ ctre { display: none; }} /*component :- Users_Data*/ cudo { display: block; margin-top: 26px; } cudo hd div img { display: block; width: 100px; } cudo hd dv t { display: flex; justify-content: center; } cudo bd div i { height: 23px; display: block; width: 10%; } cudo bd div { display: flex; margin-top: 9px; gap: 12px; width: 25%;} cudo bd div { display: flex; margin-top: 7px; margin-left: 17px } cudo>bl hd div { box-shadow: 0px 0px 2px 0px var(--bor); padding: 11px; max-width: 95%; margin: auto; }} @media(max-width:999px){ cudo>bl hd div { box-shadow: 0px 0px 2px 0px var(--bor); padding: 11px; margin: auto; max-width: 316px; } cudo hd dv t { display: flex; justify-content: center; } cudo { display: block; max-width: 336px; margin: auto; margin-top: 23px; } cudo bd div i { height: 20px; display: block; width: 19%; } } /* component:Workspace*/ cwso { display: block; box-shadow:var(--bss); border-radius: 3px; background: var(--b); min-width: 218px; } cwso bl hd { display: block; padding: 8px; border-bottom: solid 1px var(--bor); } @media(max-width:999px){ cwso { width: unset; }} cwso bl hd h4 { font-weight: 400; padding: 0 11px; } cwso bd i { height: 99px; } cwso>bl>bd { display: flex ; padding: 11px; justify-content: center; }/* component: Workspace1*/ cwrp bd div { display: grid; grid-template-columns: auto auto auto 36%; margin-bottom: -14px; } cwpc bd span { font-size: 0.88em; font-weight: 400; color: var(--c0); } cwrp bd i { width: 34px; } cwpc bd mg { display: flex; padding: 7px; } @media(max-width:999px){ cshc hd h4 { font-size: 17px; } cwrp bd div { align-items: center; gap: 11px; margin-bottom: 12px; } cwpc bd span { min-width: max-content; } cwpc bd mg { display: flex; gap: 11px; } cwpc hd div { gap: 11px; overflow: scroll; } cwrp bd i { width: 17px; } cshc ft i { width: 29px; } cwpc hd a { font-size: 0.88em; font-weight: 400; color: var(--c0); display: contents;line-height: 22px; } cwpc hd span { min-width: max-content; } cwpc hd hr { width: 95%; margin-left: 3px; }} @media(max-width:1024){ } /* component:Workspaces */ cwss hd h2 { font-weight: 400; } cwss bd h3 { font-weight: 500; font-size: 1.11em;padding: 0 11px; } cwss bl d { display: grid; gap: 30px; grid-template-columns: auto auto auto auto auto auto; } cwss>bl>bd { display: grid; margin-top: 26px; grid-template-columns: auto; gap: 13px; } cwss bl d { overflow: scroll; padding:11px; } cwss>bl>hd { display: block; padding: 0 11px; } @media(max-width:666px){ cwss bl d { display: flex; } } @media(max-width:999px){ cwss bl d { grid-template-columns: auto auto; padding: 7px;gap: 11px; padding: 11px 0 ; } cwss>bl>hd { padding: 0; } cwss bd h3 { padding: 0; } }/*component: Workspace1*/ cshc hd { padding: 11px; } cwpc hd div { display: grid; align-items: center; grid-template-columns: auto auto auto auto; } cwpc hd a { font-size: 0.88em; font-weight: 400; color: var(--c0); } cwpc hd mg { display: grid; align-items: center; grid-template-columns: auto auto auto auto;padding: 11px; } @media(max-width:999px){ cwpc hd hr { width: 95%; margin-left: 3px; }} /* Ended App Theme CSS : App:Partner - Branch:practice.aliens.school */ /* Started Brand Theme CSSO : Partner_Basic - practice.aliens.school */ /* Ended Brand Theme CSSO : Partner_Basic - practice.aliens.school */ /* File : 0 Ended*/