/* File : 0 */ /* Started Brand Theme CSS : CRM_Basic - practice.aliens.school */ /*component=StartModules*/ csme bl hd { display: block; padding: 11px; } csme bl>hd>h4 { color: var(--c0); font-size: 18px; } csme bl { display: block; box-shadow: 0px 0px 1px 0px; position: relative; background: var(--c2); color: var(--b); height: 100%; } csme bd div { display: block; line-height: 2;} csme bd span { display: flex; align-items: center; gap: 2px; position: relative; transition: background-color .3s ease; padding-left: 9px; border-radius: 7px; height: 30px; color: var(--bg); max-width: 170px; margin: 5px 7px; } csme bd i:nth-child(2) { width: 20px; filter: invert(1); height: 20px; } csme bd img { max-width: 100%; max-height: 100%; } csme bd t { display: flex; align-items: center; padding-left: 18px; } csme bd t i { transform: rotate(87deg); } csme bd a { color: var(--b); text-decoration: unset; font-weight: normal; } csme bd i:nth-child(4) { height: 16px; width: 16px; transition: background-color .3s ease; } csme bd b { font-weight: 400; font-size: 0.88em; line-height: 1; display: block; padding: 6px; } csme bd span:active { background: var(--c0); } csme>bl>bd { display: block; overflow: auto; max-height: 96vh; } csme bd span:focus { background: var(--a); } csme bd span:hover {color: var(--b); background: var(--b-t22);} csme bd div>p { margin-block-end: 0; color: var(--c0); margin: 0 14px; } csme bl>ft { padding: 11px; background: var(--cg); position: absolute; bottom: 0; display: flex; justify-content: center; right: 0; border-top-left-radius: 7px; } csme ft i{ height: 20px; width: 20px; } csme bd span.this { background: var(--a); } csme ft>i svg { fill: var(--b); } csme bl div sl { display: flex; height: 33px; background: var(--0); width: -webkit-fill-available; border-radius: 5px; margin: 0px 11px; gap: 11px; align-items: center; border: solid 1px var(--0); background: unset; overflow: unset; } csme bl div sl:hover { border: solid 1px var(--a2); } csme bl sl input[type="search"]:focus { color: var(--b); box-shadow: 0px 0px 5px 0px var(--a); border: 0; } csme bl sl input[type="search"] { display: block; border-radius: 5px; height: 30px; border: unset; padding: 0 22px; position: relative; max-width: 195px; width: auto; margin: 1px; } csme bl sl i { display: block; height: 18px; width: 18px; position: absolute; left: 2px; } csme bl sl i svg { display: block; fill: var(--a2); } csme bl i svg { display: block; fill: var(--bor); } csme div>span:hover i:nth-child(2)>svg { fill: var(--c); } @media(min-width:999px){ .start csme bd span { display: grid; padding: 4px; justify-content: center; gap: 0; } .start csme bd i {margin: auto; width: 24px;} .start csme bd b { font-size: 0.77em; } .start csme hd h4{display:none;} .start csme bd span { padding: 0; justify-content: center; gap: 0; margin: 11px auto; width: 44px; height: 44px; padding: 6px; align-items: center; flex-direction: column; } .start csme bd b { font-size: 10px; width: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; display: block; } .start csme bl>ft{ width: 68%; transform: rotate( 180deg); border-radius: unset; } .start csme bd { display: grid; height: calc(-100px + 100vh); scroll-behavior: smooth; overflow: scroll; } .start csme bd i:nth-child(4) { display: none; }} csme bd i:nth-child(4):hover { background: var(--a); } csme bd i:nth-child(4) { background: var(--a1); padding: 5px; border-radius: 0px 6px 6px 0px; position: absolute; right: 0; opacity: 0; height: 20px; } csme bd span:hover i:nth-child(4) { opacity: 1; } csme span>a { width: calc(-28px + 100%); } csme bd span:hover i:nth-child(4) { background: var(--a2); } csme bd i:nth-child(4) svg:hover { fill: var(--b1); } csme bd i:nth-child(4)>svg { fill: var(--b); } @media(max-width:999px){ csme bl { width: 77%; } csme bd span { padding: 3px 11px; } csme bd i{height:22px; width:22px;} csme bd i:nth-child(4) { padding: 7px; } } @media(max-width:999px){ csme>bl>bd { display: block; overflow: auto; max-height: 96vh; } csme bd div { display: block; line-height: 2; padding-bottom: 22px; }} /* Ended Brand Theme CSS : CRM_Basic - practice.aliens.school */ /* Started App Theme CSS : App:CRM - Branch:practice.aliens.school */ /* Base CSS */ :root{ --0: rgb(0 0 0 / 0); --a: rgb(95 124 252); --aa: rgb(0 106 231); --aat: rgb(0 66 189 / 22%); --aaa: linear-gradient(333deg, var(--a), var(--aa)); --a1: rgb(51 56 80); --a2: rgb(76 82 108); --lgaa:linear-gradient(270deg,#a47fd2,#79afee,#1e80f3); --lgb:conic-gradient(#aebcff 1%, #7e94ff 24%, #62bce7 45%, #ce70ff 66%, #b8c3fd 92%); --at: rgba(45 140 255 / 44%); --b: rgb(238, 241, 249); --b1:rgb(18, 29, 51); --b2:rgb(235 243 254); --br: rgb(26 25 25); --bt: rgb(255 255 255); --b-t: rgb(237 237 247); --tb: linear-gradient(180deg, rgb(230 230 230), transparent, transparent); --c: rgb(44 43 43); --c1: rgb(24 28 46); --c2: rgb(34, 52, 88); --cr: rgb(228 37 39); --cg: rgb(73 85 105); --cbg: rgb(45 50 74); --cbg1: rgb(119 119 119); --c0: rgb(181 179 191); --cred: rgb(241 73 73); --bred: rgb(255 236 236); --green: rgb(8 152 73); --green1: rgb(250 252 255); --y1: #fff9e6; --y2: rgb(251, 244, 210); --y3: #cc9a06; --bc: rgb(240 240 240); --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: transparent linear-gradient(0deg, var(--aa) 0%, var(--a) 100%); --btn1: linear-gradient(107.59deg, #ab75e5 14.97%, #7875e6 62.04%); --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 2px 3px rgba(0, 0, 0, .050980392156862744); --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-bp: 0 7px 12px 0 rgb(215 213 226); --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); } /*@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 { 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(--b); } 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{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; } /* layout content changed by GaganNayak */ content { position: absolute; left: 266px; right: 0; top: 0; bottom: 0; transition: 333ms; } } @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; position: sticky; top: 0; z-index: 999999; } 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)); } 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; } nv gg back>i { height: 23px; width: 23px; } h h3 { white-space: nowrap; font-size: 16px; font-weight: 500; } h nv gg { height: 55px; align-items: center; display: flex; border-bottom: 1px solid var(--bc); padding: 8px 3px 0; background: var(--b1); display: none; } 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 gg>i>svg { height: 66%; width: 66%; } h nv t>h3 { white-space: nowrap; 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%; justify-content: end;} 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: 23px; width: 23px; } 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; } } /*# Screen Layout 1 changed by GaganNayak #*/ @media only screen and (min-width: 999px) { .sl1 { display: grid; grid-template-columns: 322px calc(100% - 322px); max-width: 1920px; margin: 0 auto; } .sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; } .sl1 smenu { display: grid; grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; height: calc(100vh - 144px); 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; } .sl1 hero { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; } .sl1 header { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } } /** 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 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .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;} } @media screen and (max-width: 999px) { aerea { padding-bottom:48px; display: block; } } 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%; } } /* some layout parts by GaganNayak */ nav { display: grid; position: absolute;transition: 333ms; align-items: center; background: var(--b1); height: 44px; z-index: 999999; padding: 2px 0; justify-content: unset; top: 0; width: -webkit-fill-available; left: 0px; right: 0px; border-bottom: solid 1px var(--bc); } start { transition: 333ms; z-index: 9999; position: absolute; display: block; height: 100vh; top: 0; overflow: hidden; left: 44px; } @media only screen and (min-width: 999px) { nav { left: 222px; height: 0; padding: 0; overflow: hidden; display: none; } menubar { position: absolute; right: 0; top: 49px; width: 48px; height: calc(-49px + 100vh); background: var(--b1); border-left: solid 1px var(--bc); z-index: 999; transition: 333ms; display: none; } start {width: 222px; } .start start {width:70px; visibility: unset; } .menubar menubar { width: 0; } .menubar content { right: 0; } } @media only screen and (max-width: 999px) { menubar { position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; height: 48px; background: var(--b1); border-top: solid 1px var(--bc); } start { width: 0; } .start start {width:100%;} } start bg.bg { backdrop-filter: blur(2px); background: var(--bor); } .start content { left:70px} /* Gurpreet Singh */ @media only screen and (min-width: 999px) { /*.btn { position: relative; }*/ .btn hv { position: absolute; background: var(--c); color: var(--b); line-break: anywhere; white-space: unset; font-size: 0.66em; font-weight: 500; width: max-content; max-width: 288px; padding: 7px; border-radius: 5px; z-index: 99999; opacity: 0; visibility: hidden; } .btn hv:after { content: ''; position: absolute;right: -4px;background: var(--c); height: 7px; width: 7px; transform: rotate( 46deg); z-index: -2; top: 10px; } .btn:hover hv { opacity: 1; visibility: visible; } /* Left */ .btn.l hv { right: 100%; margin-right: 11px; } /* Left */ /* Right */ .btn.r hv { left: 100%; margin-left: 11px; } .btn.r hv:after { left: -4px; top: 8px; } /* Right */ /* Bottom */ .btn.b hv { right: 0; top: 100%; left: 50%; transform: translateX(-50%);margin-top: 7px; border-top-left-radius: 3px; } .btn.b hv::after { top: -3px; right: 50%; } /* Bottom */ /* Top */ .btn.t hv::after { bottom: -4px; right: 50%; top: unset; } .btn.t hv { bottom: 100%; right: 0;margin-bottom: 7px; left: 50%; transform: translateX(-50%); } /* Top */ /* Gurpreet Singh */ } @media only screen and (max-width: 999px) { .btn hv {display:none;} } /* Header by GaganNayak */ header { left: 0; right: 0; height: 55px; z-index: 999; } /* variables manged by GaganNayak */ :root { --pd: 11px; --pd2: 22px; --br: 11px; --br2: 22px; --mr: 11px; --mr2: 22px; } /*# Rightbar by GaganNayak #*/ rightbar { position: absolute; height: auto; bottom: 0; left: 0; cursor: default; z-index: 999999999; width: 44px; top: 0; } rightbar>iam { grid-template-columns: 44px auto; cursor: default; position: absolute; bottom: 66px; } rightbar>iam:hover am { background: #000; } iam>i { height: 33px; width: 33px; box-shadow: var(--b) 0 0 0 2px; border-radius: 50%; overflow: hidden; margin: auto; } iam>am { display: flex; align-items: center; padding-left: 11px; font-weight: bold; width: fit-content; padding-right: 44px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; transition: 333ms; } iam>i img { max-width: 100%; max-height: 100%; } rightbar>bg { background: var(--c1); } @media only screen and (min-width:999px) { rightbar{display: block; } rightbar>iam{display: grid; } } @media only screen and (max-width:999px) { rightbar{display: none; } } /*AccountDetails*/ cadl { display: block; width: -webkit-fill-available; } cadl>bl bd { display: flex; overflow: scroll; } cadl>bl>bd input { width: 41px; height: 17px; position: unset; } cadl>bl>bd table { display: flex; white-space: nowrap; width: 100%; overflow: scroll; position: relative; left: 4px; height: -webkit-fill-available; } cadl>bl>bd>table i { width: 26px; height: 26px; } cadl>bl>bd>div { align-items: center; display: flex; max-width: 97px; width: -webkit-fill-available; justify-content: end; padding-right: 5px; } cadl>bl { display: block; justify-content: unset; gap: 0; margin: 0; background: rgb(255 255 255); border-top-right-radius: 65px; border-top-left-radius: 16px; width: -webkit-fill-available; height: auto; } cadl>bl>bd table tr { display: flex; position: relative; width: 100%; height: -webkit-fill-available; align-items: center; } cadl>bl>bd table th { font-weight: 400; align-items: center; display: flex; font-size: 1.1em; width: 189px; align-items: center; justify-content: space-between; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; gap: 32px; padding-left: 19px; padding-right: 11px; } cadl>bl>bd table select { margin: 0; width: 36px; height: 20px; border: none; position: relative; right: 13px; } cadl>bl>bd>table select:focus{border:solid 1px var(--bor);} cadl>bl>bd>table select:hover { background: rgb(210 210 244); height: 16px; } cadl>bl>bd table th i { width: 19%; height: 100%; box-shadow: none; margin: 0; padding: 0; } aerea { background: var(--bt); } /*AccountHeader*/ sacs bl { display: flex; background: var(--bt); justify-content: space-between; padding: 11px; height: -webkit-fill-available; align-items: center; } sacs>bl hd { display: flex; align-items: center; gap: 11px; justify-content: space-between; height: auto; } sacs bl>hd div { display: flex; align-items: center; gap: 11px; } sacs>bl>hd btn { display: flex; align-items: center; padding: 7px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; } i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; } sacs>bl>hd btn { display: flex; align-items: center; padding: 7px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; } sacs>bl>hd sl { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } sacs>bl>hd select { border: solid 2px var(--bc); border-radius: 3px; margin: 0; width: 111px; height: 37px; } sacs bl>ft btns { display: flex; align-items: center; gap: 11px; } sacs>bl>ft bttn { display: flex; border: solid 1px var(--bc); border-radius: 6px; padding: 0px 8px; } sacs>bl>ft d { display: flex; align-items: center; white-space: nowrap; } sacs>bl>ft d btn { background: var(--aa); padding: 7px 5px; color: var(--bt); border-radius: 8px 0px 0px 8px; } sacs>bl>ft d btn { background: var(--aa); padding: 7px 5px; color: var(--bt); border-radius: 8px 0px 0px 8px; } sacs>bl>ft btns sl select:nth-child(1) { background: var(--aa); padding: 0; width: 0; opacity: 0; position: absolute; margin: 0; height: auto; padding-left: 46px; } sacs>bl>ft svg { fill: var(--c); } sacs>bl>ft sl i { width: 16px; height: 19px; position: relative; inset: 0; } sacs>bl>ft d { display: flex; align-items: center; white-space: nowrap; } select { border: solid 1px var(--bc); border-radius: 8px; } sacs>bl>ft sl { display: flex; align-items: center; justify-content: center; } sacs>bl>ft sl:nth-child(2) { height: 44px; margin: 0px 0px 1px 3px; border-radius: 0px 8px 10px 3px; padding: 11px; background: var(--aa); height: 13px; } sacs bl>ft i { height: 35px; width: 39px; } sacs>bl>ft sl:nth-child(3) { width: 60px; background: var(--bt); border: solid 1px var(--b-t); padding: 11px; height: 13px; margin: 0; } sacs>bl>ft btns>sl>select { padding: 0; margin: 0; width: 80px; height: 21px; border: unset; opacity: 1; background: var(--bt); } sacs>bl>ft btns>sl>select { background: var(--aa); padding: 0; width: 0; opacity: 1; position: absolute; margin: 0; height: auto; padding-left: 46px; } sacs>bl>ft i { height: 31px; width: 31px; } sacs>bl>ft sl svg { fill: var(--bt); } /*AccountOverview*/ chjg>bl>ft dv t i { width: 29px; } chjg>bl>ft dv t svg { width: 28px; fill: rgb(179 181 184); } chjg> bl { display: flex; background: rgb(238 241 249); justify-content: space-between; padding: 17px; } chjg>bl hd { display: flex; justify-content: unset; align-items: center; width: -webkit-fill-available; } chjg>bl ft { gap: 37px; display: flex; align-items: center; } chjg>bl ft select { display: flex; background: rgb(255 255 255); border: solid 1px var(--bor); border-radius: 5px; height: 25px; } chjg>bl ft select:hover { border-color: rgb(119 119 119); } chjg>bl ft dv{ display: flex; align-items: center; } chjg>bl ft b { white-space: nowrap; } chjg>bl ft select:focus { border: solid 1px var(--aa); } /*AccountSmenu*/ sace bl { display: block; border: solid 1px var(--bor); border-radius: 7px; margin: var(--mr); padding: var(--pd2); background: var(--bt); } sace>bl hd { display: block; align-items: center; } sace bl>hd h3 { font-size: 15px; margin-bottom: 11px; } sace>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } sace>bl>hd i { height: 22px; width: 22px; } sace>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } sace>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } sace>bl>hd i { height: 22px; width: 22px; } sace>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } sace>bl> bd { display: grid; align-items: center; overflow-y: scroll; } sace>bl>bd ul { padding: 0px; } sace>bl>bd ul { padding: 0; display: block; } sace>bl>bd ul li { display: flex; align-items: center; gap: 5px; font-size: 0.88em; padding: 4px 0px; } sace>bl>bd ul li input { width: 13px; height: 13px; } sace>bl>hd>d input:focus { border: unset; } sace>bl>bd ul lable { font-size: 0.89em; font-weight: 600; } sace>bl> bd { display: grid; align-items: center; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: var(--c0) var(--bc); }/*Activity*/ cavo>bl { display: grid; align-items: center; grid-template-columns: 18% 60% auto; border-top: solid 1px var(--bor); padding: 11px; margin-top: 22px; } cavo>bl>hd { display: flex; gap: 22px; margin-top: 11px; } cavo>bl>hd>i { width: fit-content; height: fit-content; } cavo>bl>hd>btn { display: flex; } cavo>bl>hd>t { color: var(--cr); } cavo>bl>bd>d>i { width: fit-content; height: fit-content; } cavo>bl>bd>d { display: flex; align-items: center; gap: 11px; } cavo>bl>bd>d>div { display: flex; align-items: center; border-right: solid 1px var(--bor); height: 30px; padding-right: 11px; } cavo>bl>bd>d>div>p { color: var(--cbg1); } cavo>bl>bd>d t { color: var(--aa); } cavo>bl>bd>d:nth-child(2) { padding-left: 50px; } cavo>bl>bd>d>div:nth-child(3) { border: none; } cavo>bl>ft { display: flex; align-items: center; justify-content: end; gap: 11px; } cavo>bl>ft>i { width: 20px; height: 20px; } cavo>bl>ft>t { color: var(--aa); }/*ActivityOveviwe*/ caos>bl { display: block; background: var(--bt); margin: 11px; border-radius: 11px; max-height: 630px; overflow: hidden; } caos>bl>hd { display: block; } caos>bl>hd>select { width: max-content; margin: 18px; font-size: 0.88em; font-weight: unset; max-width: 222px; padding: 8px; } caos>bl>hd>select:focus { border: solid 1px var(--bor); } caos>bl>hd>d { display: grid; justify-content: space-between; border-top: solid 1px; border-color: var(--bor); align-items: center; grid-template-columns: max-content max-content max-content 35px; } caos>bl>hd>d>t { font-weight: 500; padding: 5px; font-size: 0.88em; justify-content: center; display: flex; } caos>bl>hd>d>i { height: 20px; width: 20px; display: flex; border-left: solid 1px var(--bor); border-radius: unset; padding: 2px; } caos>bl>bd>div { background: var(--b); padding: 9px 11px; border-top: solid 2px var(--bor); } caos>bl>bd>div>t { font-size: 14px; font-weight: 600; } caos>bl>bd>d { max-height: 515px; overflow: scroll; } /*component=Call*/ ckpl>bl bd input[type="checkbox"] { width: 17px; } ckpl>bl bd i { width: 21px; } ckpl>bl bd svg#Layer_1 { width: 22px; fill: rgb(238 241 249); } ckpl>bl bd svg { width: 19px; fill: rgb(238 241 249);} ckpl>bl bd svg#Layer_1:hover { width: 14px; fill: var(--c); align-items: center; justify-content: center; display: flex; } ckpl>bl bd svg:hover { width: 15px; fill: var(--c); } ckpl bl bd div { gap: 0; position: sticky; display: flex; align-items: center; justify-content: space-between; background: var(--bt); padding: 5px; height: 31px; border-bottom-left-radius: 19px; width: 104px; } ckpl bl { display: flex; position: absolute; width: -webkit-fill-available; left: 7px; top: 60px; border: solid 1px rgb(169 178 219); border-bottom-left-radius: 18px; height: 41px; background: var(--bt); } ckpl bl bd { width: auto; height: -webkit-fill-available; overflow: auto; display: flex; } ckpl bl bd div:hover { background: rgb(238 241 249); } ckpl>bl bd i:hover { background: var(--bt); border: solid 1px var(--bor); border-radius: 70px; width: 21px; height: 21px; } ckpl bl:hover { background: rgb(238 241 249); } ckpl bl bd table { display: flex; width: -webkit-fill-available; height: -webkit-fill-available; overflow: scroll; } ckpl bl bd table tr { display: flex; align-items: center; justify-content: space-between; position: relative; height: 40px; } ckpl bl bd td:nth-child(1) { width: 177px; align-items: center; font-size: 1.1em; } ckpl bl bd table td:nth-child(2) { width: 200px; height: 33px; align-items: center;font-size: 1.1em; } ckpl bl bd table td { display: flex; width: 215px; align-items: center;font-size: 1.1em; } ckpl bl bd table td:nth-child(3) { width: 13rem;font-size: 1.1em; } ckpl bl bd tbody tr:hover { background: none; } ckpl bl bd tr svg { width: 47px; transform: rotate( 45deg); } ckpl bl bd table td:nth-child(5) { font-size: 1.1em; width: 221px; gap: 13px; display: flex; } ckpl bl bd table td:nth-child(6) {font-size: 1.1em; width: 804px; } ckpl bl bd tr i { width: 23px; } ckpl bl bd td:nth-child(1):hover { color: var(--aa); } ckpl bl bd td:nth-child(5):hover { color: var(--aa); } ckpl bl bd tr i:hover { background: unset; border: none; border-radius: 0; width: none; height: none; } ckpl bl bd tr svg:hover {width:47px ;fill: var(--aa); } /*component-:-CallAction*/ cjkl { display: flex; align-items: center; padding: 14px 0px 0px 0px; } cjkl bl { display: flex; align-items: center; background: var(--bt); padding: 13px 9px 9px 21px; width: -webkit-fill-available; height: -webkit-fill-available; border: solid 1px var(--bor); justify-content: end; } cjkl ft { display: flex; align-items: center; } cjkl div { display: flex; align-items: center; justify-content: center; } cjkl b { display: flex; align-items: center; font-size: 1em; font-family: system-ui; font-weight: 500; color: var(--cbg1); white-space: nowrap; } cjkl t { font-size: 1em; font-style: normal; font-family: system-ui; white-space: nowrap; } cjkl select { display: flex; opacity: 1; position: absolute; width: 9px; height: 9px; /* left: 0; */ right: 20px; top: 11px; border: solid 0px var(--c); } cjkl i { display: flex; align-items: center; border: solid 1px var(--bor); width: 45%; height: 35px; padding: 0px 0px 0px 11px; } cjkl i:hover { border: solid 1px var(--c); } /*component-:-CallDetail*/ cngn { display: flex; align-items: center; padding: 10px 12px 0px 12px; } cngn bl { display: block; align-items: center; width: -webkit-fill-available; padding: 11px; background: var(--bt); border-radius: 10px; border: solid 1px var(--bor); } cngn bl hd { display: flex; align-items: center; justify-content: unset; } cngn bl bd hr { width: 101%; position: relative; right: 11px; } cngn i { width: 24px; height: 18px; } cngn hd b { font-size: 1em; font-family: system-ui; font-weight: 700; } cngn bd dv { display: flex; width: -webkit-fill-available; height: -webkit-fill-available; gap: 26px; } cngn bd { display: grid; align-items: center; padding: 1px; gap: 18px; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } cngn bl bd span { display: flex; align-items: center; width: 148px; justify-content: end; } cngn bl bd span:nth-child(2) { display: flex; align-items: center; width: 47%; justify-content: start; height: 36px; padding-left: 16px; gap: 67%; } cngn bl bd span:nth-child(2):hover { display: flex; align-items: center; border: solid 1px var(--bor); border-radius: 5px; } cngn bl bd span t { font-size: 1em; color: var(--cbg1); font-family: system-ui; } cngn bl bd span:nth-child(2) t { color: unset; font-size: 1em; font-family: system-ui; font-weight: 500; } cngn bl bd span:nth-child(2) b { display: flex; align-items: center; font-size: 1em; font-weight: 400; white-space: nowrap; } cngn bl bd span:nth-child(2) h1 { font-size: 1em; color: var(--a); } cngn bl hd i svg:hover { fill: var(--c); } cngn bl hd i svg { display: flex; align-items: center; fill: var(--bt); } cngn bl bd div { display: flex; align-items: center; padding-left: 16px; } cngn bl bd div b { font-size: 1em; font-weight: 400; } cngn bl bd span svg:hover { fill: var(--c); } cngn bl bd span i { width: 126%; display: flex; justify-content: end; } cngn bl bd span svg { fill: var(--bt); } /*component-:-CallHeader*/ ckkl bl { justify-content: space-between; display: flex; align-items: center; padding: 11px; } ckkl bl hd i { width: 39px; height: 28px; } ckkl bl hd svg { width: -webkit-fill-available; height: -webkit-fill-available; } ckkl bl hd div { display: flex; align-items: center; width: -webkit-fill-available; height: -webkit-fill-available; padding: 1px; } ckkl b { font-size: 1.3em; font-family: system-ui; font-weight: bold; color: var(--a); white-space: nowrap;} ckkl t { font-size: 1.3em; font-family: system-ui; font-weight: 600; white-space: nowrap; } ckkl bl ft { display: flex; gap: 9px; align-items: center; padding: 1px; } ckkl bl ft sl { background: none; padding: 1px; align-items: center; margin: 0; gap: 3px; display: flex; width: -webkit-fill-available; overflow: unset; } ckkl btn { display: flex; align-items: center; white-space: nowrap; background: var(--btn); padding: 6px 6px 6px 14px; width: -webkit-fill-available; border-radius: 6px 0px 0px 6px; } ckkl bl ft btn t { font-size: 1em; color: var(--bt); font-family: system-ui; } ckkl bl ft sl i { width: 39px; padding: 0; height: 33px; background: var(--btn); border-radius: 0px 6px 6px 0px; box-shadow: none; border: none; } ckkl bl ft sl svg { width: 25px; height: 20px; fill: var(--bt); } ckkl bl ft sl i select { position: absolute; width: 0; height: 0; opacity: 1; } ckkl bl ft select { position: absolute; opacity: 1; width: 0; height: 0; } ckkl bl ft i { box-shadow: 0px 1px 5px 0px; padding: 5px 16px 5px 17px; border: solid 1px var(--bor); } ckkl bl ft svg { width: 24px; height: 22px; fill: var(--c); } /*component-:-CallInfo*/ cfgh hd { display: flex; align-items: center; border-bottom-style: groove; width: -webkit-fill-available; padding: 12px 0px 6px 13px; } cfgh hd div { gap: 35px; display: flex; align-items: center; width: -webkit-fill-available; } cfgh bl { display: block; align-items: center; width: -webkit-fill-available; position: relative; background: var(--bt); top: 10px; } cfgh hd div b { width: 36px; height: 23px; align-items: center; justify-content: center; border: solid 3px var(--aa); display: flex; border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; } cfgh bd { display: block; align-items: center; padding: 1px 0px 0px 13px; width: -webkit-fill-available; height: -webkit-fill-available; } cfgh d { display: block; align-items: center; width: 60%; height: -webkit-fill-available; } cfgh d d { display: flex; align-items: center; gap: 14px; width: 150%; height: -webkit-fill-available; } cfgh d d dv svg { margin: 0; width: -webkit-fill-available; height: -webkit-fill-available; } cfgh d d dv i { display: flex; width: -webkit-fill-available; height: -webkit-fill-available; } cfgh d d dv { display: flex; width: 49px; height: 55px; align-items: center; } cfgh d d:nth-child(2) { display: block; width: -webkit-fill-available; height: -webkit-fill-available; } cfgh sl { width: 120px; display: grid; align-items: center; border-radius: 0; background: none; margin: 0; gap: 13px; position: unset; overflow: unset; height: -webkit-fill-available; } cfgh sl t { white-space: nowrap; display: flex; color: var(--a); font-size: 0.99em; } cfgh d btn t { font-size: 0.99em; color: var(--bt); align-items: center; justify-content: center; } cfgh bd d btn { display: flex; align-items: center; justify-content: center; background: var(--btn); padding: 3px; border-radius: 4px; width: 100px; } cfgh bl bd d div { display: flex; align-items: center; border: solid 1px var(--bor); padding: 3px 9px 2px 8px; border-radius: 4px; background: var(--aat); } cfgh bl bd d span i { width: 0; align-items: self-start; justify-content: start; display: flex; padding: 11px 15px 5px 9px; width: 32px; } cfgh bl bd d span { display: flex; align-items: center; width: 140%; } cfgh bl bd span b { color: var(--a); font-family: system-ui; font-weight: 400; font-size: 1em; } cfgh bl bd d dv t { color: var(--aa); } cfgh bl bd d dv:nth-child(3) { display: flex; width: 165%; justify-content: end; } cfgh bl bd dv div:nth-child(1) { display: flex; align-items: center; border: none; background: none; padding: 10px 0px; border-radius: 0; width: 165%; justify-content: space-between; } cfgh bl bd d div h1 { font-size: 1em; color: var(--a); font-weight: 400; } cfgh bl bd dv:nth-child(2) span:nth-child(2) { background: var(--aat); padding-left: 16px; border-radius: 8px; border: solid 1px var(--bor); align-items: center; } cfgh dv { display: block; align-items: center; width: 60%; height: -webkit-fill-available; } /*component-:-CallMenu*/ cghg bl { display: flex; align-items: center; padding: 14px; justify-content: space-between; position: sticky; } cghg bl hd { display: flex; padding: 11px; align-items: center; } cghg bl ft { display: flex; align-items: center; padding: 11px; gap:6px;} cghg bl ft i { width: 18px; } cghg bl ft t { font-size: 0.99em; font-family: system-ui; color: var(--cbg1); } cghg bl ft svg { fill: var(--cbg1); } cghg bl hd div { display: flex; gap: 24px; background: var(--bt); padding: 7px 7px 6px 8px; border-radius: 55px; border: solid 1px var(--bor); } cghg bl hd btn { display: flex; border: solid 1px var(--a); padding: 4px 8px 4px 8px; border-radius: 34px; align-items: center; background: var(--aat); } cghg bl hd b { font-size: 0.9em; font-family: system-ui; } cghg bl hd t { font-size: 0.9em; } cghg bl hd btn:nth-child(2) { display: flex; border: none; padding: 4px 8px 4px 8px; border-radius: 34px; align-items: center; background: none; } cghg bl hd btn:nth-child(2):hover { background: var(--aat); } /*component-:-CallNote*/ cllp { display: flex; align-items: center; padding: 10px 12px 20px 12px; border-bottom-style: groove; } cllp bl { display: block; align-items: center; padding: 0; border-radius: 7px; background: var(--bt); width: -webkit-fill-available; border: solid 1px var(--bor); } cllp bl hd { display: flex; align-items: center; justify-content: unset; gap: 0; padding: 11px 0px 11px 16px; border: solid 1px var(--bor); border-radius: 6px 5px 0px 0px; border-right-style: hidden; border-left-style: hidden; border-top-style: hidden; } cllp select:focus { display: flex; align-items: center; border: solid 1px var(--aa); box-shadow: 0px 0px 4px 0px; } cllp select { display: flex; align-items: center; width: 111px; height: 31px; border: solid 1px var(--bor); } cllp hd div { display: flex; width: -webkit-fill-available; height: -webkit-fill-available; align-items: center; } cllp bd { display: flex; align-items: center; padding: 11px; } cllp bd textarea { display: flex; width: 63%; font-size: 1em; color: var(--c); } cllp bd div { width: -webkit-fill-available; } /*component-:-CallOverview*/ cghj { display: flex; padding: 10px 12px 0px 12px; } cghj bl hd { display: flex; gap: 30px; justify-content: unset; width: -webkit-fill-available; } cghj bl hd div t { font-size: 1em; color: var(--cbg1); } cghj bl hd div { width: 177px; justify-content: end; display: flex; align-items: center; } cghj hd dv { display: flex; min-width: 37%; height: 30px; align-items: center;} cghj bl bd span { display: flex; width: 17%; justify-content: end; } cghj bd dv { display: flex; gap: 30px; height: fit-content; align-items: center; width: -webkit-fill-available; } cghj bd { display: grid; align-items: center; padding: 1px; grid-template-rows: auto auto auto auto; gap: 5px; } cghj bl bd span { display: flex; height: 23px; width:177px; justify-content: end; align-items: center; } cghj bl bd span:nth-child(2) { display: flex; width: 37%; justify-content: start; height: 32px; align-items: center; padding-left: 7px; } cghj bl bd span:nth-child(2):hover { display: flex; border: solid 1px var(--bor); border-radius: 5px; } cghj bl hd b { color: var(--a); padding-left: 7px; white-space: nowrap;} cghj bl { display: grid; align-items: center; width: -webkit-fill-available; padding: 11px; background: var(--bt); grid-template-rows: auto auto auto; gap: 5px; border: solid 1px var(--bor); border-radius: 10px; } cghj bl bd { display: grid; align-items: center; padding: 1px; grid-template-rows: auto auto auto auto; gap: 7px; } cghj hd dv:hover{display: flex; border: solid 1px var(--bor); border-radius: 5px; } cghj bl bd span t { color: var(--cbg1); } cghj hd dv t { white-space: nowrap; } /*compnent=CallsSmenu*/ lwcw>bl> hd { display: grid; position: sticky; padding-bottom: 3px; } lwcw>bl>hd>d>i>svg#Search { width: 18px; } lwcw>bl { padding: 11px; margin: 7px; background: rgb(255 255 255); height: 100%; overflow: unset; border-radius: 17px; border: solid 1px rgb(192 205 241); } lwcw>bl>hd d { display: flex; align-items: center; border: solid 1px rgb(198 194 194); width: 116%; padding: 11px; height: 7px; border-radius: 7px; } lwcw>bl>hd>d i { width: 22px; height: 22px; } lwcw>bl>hd input { width: -webkit-fill-available; max-width: 333px; border-radius: 0; border: none; padding: 0; height: 29px; } lwcw>bl>bd { overflow-x: scroll; display: block; height: 80vh; } lwcw>bl>bd ul>li { display: flex; align-items: center; margin-bottom: 11px; font-size: 0.88em; } lwcw>bl>hd>d:focus-within { border: solid 1px var(--aa); box-shadow: 0px 0px 5px -1px var(--aa); } lwcw>bl>bd ul input { width: 18px; height: 18px; } lwcw>bl>hd>b { font-size: 1.1em; font-family: system-ui; } lwcw>bl>bd ul { display: block; padding: 0; margin: 0; } lwcw>bl>bd ul lable { font-weight: 500; font-size: 0.87em; margin-bottom: 11px; display: block; color: var(--c); } lwcw>bl>hd>d>input:focus { border: unset; } lwcw>bl>bd>ul>div { display: grid; align-items: center; padding: 7px; grid-template-rows: auto auto; gap: 9px; } lwcw>bl>bd>ul>div>d>select:nth-child(2) { width: -webkit-fill-available; margin: 0; height: 31px; border: solid 1px rgb(164 164 164); font-weight: 500; font-family: system-ui; } lwcw>bl>bd>ul>div>d>select:nth-child(1) { width: 67px; height: 27px; margin: 0; border: solid 1px rgb(164 164 164); font-weight: 500; } lwcw>bl>bd>ul>div>d>input { width: 14px; margin: 0; height: 23px; border: solid 1px rgb(164 164 164); margin-left: 8px; margin-right: 8px; } lwcw>bl>bd>ul>div>d>select:nth-child(3) { margin: 0; width: auto; font-weight: 500; height: 26px; border: solid 1px rgb(164 164 164); } lwcw>bl>bd>ul>div>d:nth-child(2) { display: flex; align-items: center; gap: 0; } lwcw>bl>bd>ul>div>d>select:nth-child(2):focus { box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>div>d>select:nth-child(2):hover { border: solid 1px; } lwcw>bl>bd>ul>div>d>select:nth-child(1):hover { border: solid 1px; } lwcw>bl>bd>ul>div>d>select:nth-child(2):focus { box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>div>d>select:nth-child(1):focus { box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>div>d>input:hover { border: solid 1px; } lwcw>bl>bd>ul>div>d>input:focus { box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>div>d>select:nth-child(3):hover { border: solid 1px; } lwcw>bl>bd>ul>div>d>select:nth-child(3):focus { box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>div>d:nth-child(1)>select { width: 100%; font-family: system-ui; font-weight: 500; } lwcw>bl>bd>ul>div>d { display: flex; align-items: center; gap: 0; } lwcw>bl>bd>ul>span>d:nth-child(1) select:nth-child(1) { width: 79px; border: solid 1px rgb(137 134 134); height: 26px; } lwcw>bl>bd ul input { width: 18px; height: 18px; } lwcw>bl>bd>ul>span d { display: flex; gap: 0; margin: 0; padding: 0; width: 97%; height: 34px; } lwcw>bl>bd>ul>span input:nth-child(2) { width: 101px; height: 28px; border: solid 1px; } lwcw>bl>bd>ul>span input:hover { border: solid 1px; } lwcw>bl>bd>ul>span select:hover { border: solid 1px; } lwcw>bl>bd>ul>span select:focus{ box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>span input:focus{ box-shadow: 0px 0px -1px 1px var(--aa); border: solid 1px var(--aa); } lwcw>bl>bd>ul>span input { width: -webkit-fill-available; height: auto; border: solid 1px rgb(76 82 108); } lwcw>bl>bd>ul span { display: grid; grid-template-rows: auto auto; } lwcw>bl>ft btns { display: flex; align-items: center; height: 8%; width: 100%; justify-content: center; gap: 28px; } lwcw>bl>ft btn { display: flex; background: var(--aa); padding: 10px; border-radius: 9px; } lwcw>bl>ft t { font-size: 1em; color: rgb(0 0 0); font-family: system-ui; font-weight: 500; } lwcw>bl>ft btn:nth-child(2) { box-shadow: inset 0 2px 18px rgba(0, 0, 0, .35); background-color: var(--bg_EFF1F5) !important; } lwcw>bl>ft b { font-size: 1em; font-family: system-ui; color: rgb(255 255 255); } lwcw>bl>bd select:nth-child(2) { width: 55px; font-weight: 500; font-family: system-ui; } lwcw>bl>bd>ul>span d:nth-child(1) { width: 100%; height: 31px; display: flex; gap: 10px; align-items: center; } lwcw>bl>bd t { align-items: center; margin-top: 2px; } lwcw>bl>bd select{ border: solid 1px rgb(143 144 153); border-radius: 8px; width: -webkit-fill-available; } lwcw>bl>bd>ul>span d:nth-child(2) { display: flex; padding-top: 15px; color: rgb(101 116 243); } /*compnent=Calls*/ chsh { padding: 10px 7px; display: block; width: -webkit-fill-available; } chsh>bl bd { display: flex; overflow: scroll; } chsh>bl>bd input { width: 17px; height: 17px; position: unset; } chsh>bl>bd table { display: flex; white-space: nowrap; width: 100%; overflow: scroll; position: relative; left: 4px; height: -webkit-fill-available; } chsh>bl>bd>table select { margin: 0; width: 39px; height: 14px; border: none; position: relative; right: 20px; } chsh>bl bd tabel svg { width: 26px; height: 26px; } chsh>bl>bd table svg { width: 20px; } chsh>bl>bd div { align-items: center; display: flex; max-width: 97px; width: -webkit-fill-available; justify-content: end; padding-right: 5px; } chsh bl { display: block; justify-content: unset; gap: 0; margin: 0; background: rgb(255 255 255); position: absolute; border: solid 1px rgb(177 193 235); border-top-right-radius: 14px; border-top-left-radius: 14px; width: -webkit-fill-available; height: auto; } chsh>bl>bd>i svg { width: 23px; margin: 0; } chsh>bl>bd table { display: flex; white-space: nowrap; width: 100%; overflow: scroll; } chsh>bl>bd>table tr { display: flex; position: relative; width: 100%; height: -webkit-fill-available; align-items: center; } chsh>bl>bd>table th:nth-child(10){ align-items: center;font-weight: 400; display: flex; font-size: 1.1em; width: max-content; align-items: center; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; padding-left: 8px; } chsh>bl>bd>table th { font-weight: 400; align-items: center; display: flex; font-size: 1.1em; width: 189px; align-items: center; justify-content: space-between; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; gap: 32px; padding-left: 19px; padding-right: 11px; } chsh>bl>bd>table select { margin: 0; width: 39px; height: 16px; border: none; position: relative; right: 20px; } chsh>bl>bd>table select:hover { background: rgb(210 210 244); height: 16px; } chsh>bl>bd>table select:focus{border:solid 1px var(--bor);} chsh>bl>bd>table th:nth-child(1) { font-weight: 400; align-items: center; display: flex; width: max-content; align-items: center; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; padding-left: 8px; font-size: 1.1em; } chsh>bl>bd table th i { width: 19%; height: 100%; box-shadow: none; margin: 0; padding: 0; } chsh>bl>bd i { width: 6%; height: 47px; margin: 0; padding: 0; box-shadow: 0px 0px 2px 1px; border-radius: 0; background: rgb(255 255 255); } chsh>bl>bd>table th:nth-child(9){ align-items: center;font-weight: 400; display: flex; font-size: 1.1em; width: 291px; align-items: center; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; padding-left: 8px; } chsh>bl>bd>table th:nth-child(16) { font-weight: 400; align-items: center;display: flex; font-size: 1.1em; width:230px; align-items: center; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; padding-left: 8px; } chsh>bl>bd table th i:hover { background: rgb(221 227 255); border-radius: 55px; width: 30px; } chsh>bl>bd i:hover { background: rgb(238 241 249); } /*compnent=CallsHeader*/ pfjw>bl { display: grid; grid-template-columns: auto 0 auto; align-items: center; justify-content: space-between; background: var(--bt); height: 43px; padding: 11px; align-items: center; } pfjw>bl>hd>d>btn> {max-width: 1000%; max-height: 1000%; display: flex; } pfjw>bl>hd { display: block; max-width: -webkit-fill-available; height: -webkit-fill-available; } pfjw>bl>hd>d>sl { background: none; border-top-right-radius: 0; color: var(--bt); margin: 0; width: fit-content; overflow: unset; height: 37px; } pfjw>bl>ft>d>sl>select:nth-child(2) { background: var(--btn); height: 35px; color: white; margin: 0; width: 22px; border-radius: 0; border-bottom-right-radius: 8px; border-top-right-radius: 8px; -webkit-appearance: button; } pfjw>bl>hd>d>t { font-size: 1em; font-family:system-ui; width: auto; font-weight: 600; } pfjw>bl>ft>d>select:nth-child(3) { width: auto; height: 31px; box-shadow: inset 2px 0px 26px rgb(217 235 249); background-color: var(--bg_EFF1F5) !important; border: solid 1px var(--bor); } pfjw>bl>hd>d>sl>select:hover { border: solid 1px var(--bor); } pfjw>bl>ft>d>select:focus { border: solid 1px var(--aa); } pfjw>bl>ft>d>d>i>svg { width: 33px; fill: rgb(63 63 63 / 40%); } pfjw>bl>ft>d>d { display: flex; align-items: center; } pfjw>bl>hd>d { display: flex; background: rgb(255 255 255); align-items: center; height: 49px; padding: 1px; gap: 16px; } pfjw>bl>ft>d { display: flex; align-items: center; height: 52px; gap: 13px; background: rgb(255 255 255); width: -webkit-fill-available; } pfjw>bl>bd { display: block; height: -webkit-fill-available; } pfjw>bl>hd>d>sl>select { display: flex; width: 80px; height: -webkit-fill-available; border: solid 1px darkgray; align-items: center; } pfjw>bl>hd>d>i { width: 22px; height: 20px; } pfjw>bl>ft>d>select { width: auto; height: 31px; border: solid 1px darkgray; } pfjw>bl>bd>d:nth-child(2) { display: flex; height: 42px; background: rgb(238 241 249); width: -webkit-fill-available; } pfjw>bl>hd>d:nth-child(2) { display: flex; align-items: center; height: 42px; background: rgb(238 241 249); padding: 0px; width: -webkit-fill-available; } pfjw>bl>bd>d { display: flex; height: 51px; width: 63.4pc; background: rgb(255 255 255); } pfjw>bl>hd>d:nth-child(2) { display: flex; align-items: center; height: 44px; background: rgb(238 241 249); padding: 0px; width: 344%; } pfjw>bl>ft>d>sl { display: flex; height: 35px; width: auto; position: unset; overflow: unset; margin-bottom: unset; } pfjw>bl>hd>d>btn>i>svg { width: 58px; height: 32px; } pfjw>bl>hd>d>sl>select:focus { border: solid 1px var(--aa); } pfjw>bl>ft>d>sl>select { background: var(--btn); height: 35px; color: white; margin: 0; width: 125px; border-radius: 0; border-bottom-left-radius: 8px; border-top-left-radius: 8px; -webkit-appearance: none; } pfjw>bl>ft>d:nth-child(2) { display: flex; align-items: center; height: 42px; width: -webkit-fill-available; background: rgb(238 241 249); justify-content: end; gap: 37px; } pfjw>bl>hd>d>btn { box-shadow: inset 2px 3px 17px rgba(0, 0, 0, .35); background-color: var(--bg_EFF1F5) !important; border-radius: 6px; width: 48px; height: 35px; justify-content: center; display: flex; align-items: center; } pfjw>bl>hd>d>i>svg:hover { fill: rgb(0 0 0); background: rgba(45 140 255 / 44%); border-radius: 55px; } pfjw>bl>hd>d>i>svg { width: 22px; height: 22px; fill: var(--0); } pfjw>bl> ft { height: -webkit-fill-available; } /*compnent=CallOverview*/ clpv>bl>ft dv t i { width: 29px; } clpv>bl>ft dv t svg { width: 28px; fill: rgb(179 181 184); } clpv> bl { display: flex; background: rgb(238 241 249); justify-content: space-between; padding: 17px; } clpv>bl hd { display: flex; justify-content: unset; align-items: center; width: -webkit-fill-available; } clpv>bl ft { gap: 37px; display: flex; align-items: center; } clpv>bl ft select { display: flex; background: rgb(255 255 255); border: solid 1px var(--bor); border-radius: 5px; height: 25px; } clpv>bl ft select:hover { border-color: rgb(119 119 119); } clpv>bl ft dv{ display: flex; align-items: center; } clpv>bl ft b { white-space: nowrap; } clpv>bl ft select:focus { border: solid 1px var(--aa); } /*compnent=Campaign*/ camp{ display: block; width: -webkit-fill-available; } camp>bl bd { display: flex; overflow: scroll; } camp>bl>bd input { width: 41px; height: 17px; position: unset; } camp>bl>bd table { display: flex; white-space: nowrap; width: 100%; overflow: scroll; position: relative; left: 4px; height: -webkit-fill-available; } camp>bl bd tabel svg { width: 26px; height: 26px; } camp>bl>bd table svg { width: 20px; } camp>bl>bd div { align-items: center; display: flex; max-width: 97px; width: -webkit-fill-available; justify-content: end; padding-right: 5px; } camp bl { display: block; justify-content: unset; gap: 0; margin: 0; background: rgb(255 255 255); border-top-right-radius: 65px; border-top-left-radius: 16px; width: -webkit-fill-available; height: auto; } camp>bl>bd>i svg { width: 23px; margin: 0; } camp>bl>bd table { display: flex; white-space: nowrap; width: 100%; overflow: scroll; } camp>bl>bd>table tr { display: flex; position: relative; width: 100%; height: -webkit-fill-available; align-items: center; } camp>bl>bd>table th:nth-child(10){ align-items: center;font-weight: 400; display: flex; font-size: 1.1em; width: max-content; align-items: center; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; padding-left: 8px; } camp>bl>bd>table th { font-weight: 400; align-items: center; display: flex; font-size: 1.1em; width: 189px; align-items: center; justify-content: space-between; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; gap: 32px; padding-left: 19px; padding-right: 11px; } camp>bl>bd>table select { margin: 0; width: 39px; height: 16px; border: none; position: relative; right: 20px; } camp>bl>bd>table select:hover { background: rgb(210 210 244); height: 16px; } camp>bl>bd>table select:focus{border:solid 1px var(--bor);} camp>bl>bd>table th:nth-child(1) { font-weight: 400; align-items: center; display: flex; width: max-content; align-items: center; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding-left: 8px; font-size: 1.1em; } camp>bl>bd table th i { width: 19%; height: 100%; box-shadow: none; margin: 0; padding: 0; } camp>bl>bd i { width: 49px; height: 38px; margin: 0; padding: 0; box-shadow: 0px 0px 2px 1px; border-radius: 0; background: rgb(255 255 255);} camp>bl>bd>table th { font-weight: 400; align-items: center; display: flex; font-size: 1.1em; width: 189px; align-items: center; justify-content: space-between; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; gap: 32px; padding-left: 16px; padding-right: 11px; } camp>bl>bd>table th { font-weight: 400; align-items: center; display: flex; font-size: 1.1em; width: 189px; align-items: center; justify-content: space-between; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; gap: 32px; padding-left: 17px; padding-right: 11px; } camp>bl>bd table th i:hover { background: rgb(221 227 255); border-radius: 55px; width: 30px; } camp>bl>bd i:hover { background: rgb(238 241 249); }/*compnent=CampaignHeader */ bl hd { display: flex; } cghd>bl>hd i { width: 26px; height: 17px; } cghd>bl { padding: 11px; display: grid; align-items: center; justify-content: space-between; background: var(--bt); grid-template-columns: auto 0 auto; } cghd>bl>hd { display: flex; align-items: center; gap: 11px; justify-content: space-between; } cghd>bl>hd btn { display: flex; border: solid 1px var(--bc); padding: 10px 11px; border-radius: 8px; background: var(--bc); } cghd>bl>hd sl { display: block; margin: 0; height: 29px; padding: 1px; max-width: 115px; margin-left: 10px; background: white; border: solid 1px var(--aat); border-radius: 7px; align-items: center; } cghd>bl>hd bttn { display: flex; border: solid 1px var(--bc); padding: 6px; border-radius: 5px; background: var(--b); } cghd>bl>hd bi { display: flex; } cghd>bl>hd bii { display: flex; align-items: center; } cghd>bl d>btn { display: block; text-align: center; padding: 11px 15px; font-size: 0.88em; background: var(--aa); color: var(--b1); border-radius: 7px 0 0 7px; } cghd>bl d>btn { display: block; text-align: center; padding: 11px 15px; font-size: 0.88em; background: var(--aa); color: var(--b1); border-radius: 7px 0 0 7px; } cghd>bl d>sl>select { position: absolute; inset: 0; opacity: 0; z-index: 99; margin: 0; } cghd>bl btns>d { display: flex; align-items: center; } cghd>bl>ft i { width: 26px; height: 17px; } cghd>bl>ft btns { display: flex; gap: 10px; align-items: center; } cghd>bl d>sl svg { fill: var(--b); } cghd>bl d>sl { background: var(--aa); border-radius: 0 7px 7px 0; padding: 7px; margin: 0px; height: auto; width: auto; margin-left: 1px; } cghd>bl btns>d:nth-child(3) { background: var(--b); border: solid 1px var(--bor); border-radius: 7px; padding: 2px 7px; height: 27px; gap: 16px; width: 78px; } cghd>bl btns>d:nth-child(3) btn { background: unset; color: var(--c); padding: 0; border-radius: 0; border: unset; padding: 3px; } cghd>bl btns>d:nth-child(3) sl { background: unset; padding: 0; border-radius: 0; } cghd>bl btns>d:nth-child(3) sl i { width: 15px; height: 15px; } cghd>bl btns>d:nth-child(3) sl i svg { fill: var(--c); } cghd>bl>ft btns bttn { border: solid 1px var(--bor); padding: 8px 12px; border-radius: 5px; } cghd>bl { padding: 11px; display: flex; align-items: center; justify-content: space-between; } cghd>bl>ft btns d>btn { display: block; text-align: center; padding: 7px 15px; font-size: 0.88em; background: var(--aa); color: var(--b); border-radius: 7px 0 0 7px; font-size: 14px; font-weight: 400; } cghd bl sl>select { border-radius: var(--br); border: none; font-size: 0.80em; font-weight: 600; margin-left: 0; margin-right: 7px; width: -webkit-fill-available; } trco /*CampaignOverview*/ ccon>bl>hd { display: flex; align-items: center; margin: 10px; max-width: 120px; gap: 5px; } ccon>bl { display: flex; align-items: center; justify-content: space-between; padding: 11px; } ccon>bl>ft { display: flex; align-items: center; gap: 3px; } ccon>bl>ft b { display: flex; padding: 8px; width: -webkit-fill-available; } ccon>bl>ft i { width: 22px; height: 22px; } ccon>bl>ft j i { height: 22px; width: 22px; } ccon>bl>ft t { align-items: center; } ccon>bl>ft j { align-items: center; } ccon>bl>ft svg { fill: var(--bor); display: block; } ccon>bl>ft select { display: flex; align-items: center; border: solid 1px; background: var(--bt); padding: 6px; } ccon>bl>ft select:hover { border: solid 1px var(--aa); }/*Campaigns*/ ccne>bl { display: flex; border: solid 1px var(--bor); border-radius: 8px 1px 1px 10px; margin: 11px; } ccne bl hd { display: none; }/*CampaigrSmenu*/ pciu bl { display: block; border: solid 1px var(--bor); border-radius: 7px; margin: var(--mr); padding: var(--pd2); background: var(--bt); } pciu>bl hd { display: block; align-items: center; } pciu bl>hd h3 { font-size: 15px; margin-bottom: 11px; } pciu>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } pciu>bl>hd i { height: 22px; width: 22px; } pciu>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } pciu>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } pciu>bl>hd i { height: 22px; width: 22px; } pciu>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } pciu>bl> bd { display: grid; align-items: center; overflow-y: scroll; } pciu>bl>bd ul { padding: 0px; } pciu>bl>bd ul { padding: 0; display: block; } pciu>bl>bd ul li { display: flex; align-items: center; gap: 5px; font-size: 15px; padding: 4px 0px; } pciu>bl>bd ul li input { width: 13px; height: 13px; } pciu>bl>hd>d input:focus { border: unset; } pciu>bl>bd ul lable { font-size: 0.89em; font-weight: 600; } pciu>bl> bd { display: grid; align-items: center; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: var(--c0) var(--bc);} /*compnents=ContactSmenu */ clpn bl { display: block; border: solid 1px var(--bor); border-radius: 7px; margin: var(--mr); padding: var(--pd2); background: var(--bt); max-width: 270px; } clpn>bl hd { display: block; align-items: center; } clpn bl>hd h3 { font-size: 15px; margin-bottom: 11px; } clpn>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } clpn>bl>hd i { height: 22px; width: 22px; } clpn>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } clpn>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } clpn>bl>hd i { height: 22px; width: 22px; } clpn>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } clpn>bl>bd ul { padding: 0px; } clpn>bl>bd ul { padding: 0; display: block; } clpn>bl>bd ul li { display: flex; align-items: center; gap: 5px; font-size: 0.88em; padding: 4px 0px; } clpn>bl>bd ul li input { width: 13px; height: 13px; } clpn>bl>hd>d input:focus { border: unset; } clpn>bl>bd ul lable { font-size: 0.89em; font-weight: 600; } clpn>bl> bd { display: grid; align-items: center; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: var(--c0) var(--bc); } /*compnents=Contacts */ clpi>bl { display: block; padding: 11px; background: var(--bt); width: 1290px; height: 752px; border-radius: 9px; margin: 12px; } clpi bl hd { display: flex; border: solid 1px rgb(228 236 255); border-top-right-radius: 14px; border-top-left-radius: 14px; padding: 10px 549px 7px; overflow: scroll; } clpi>bl>hd>ta { font-weight: 400; align-items: center; display: flex; background: rgb(255 255 255); font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0px; padding-left: 8px; font-size: 1.1em; max-width: 122px; } clpi bl hd select { display: block; max-width: 47px; border: solid #ffffff; } clpi> bl hd select { display: block; max-width: 47px; } clpi> bl i { display: block; width: 19px; height: 39px; margin-top: 1px; } clpi> bl hd hr { margin: 0 5px; height: 29px; } clpi> hd>div { display: flex; margin-left: 73px; } clpi hd { align-items: center; display: flex; font-size: 1.1em; width: 189px; align-items: center; justify-content: space-between; background: rgb(255 255 255); height: 28px; border-right-style: groove; font-family: system-ui; text-align: unset; overflow-wrap: unset; padding: 0; gap: 32px; padding-left: 19px; padding-right: 11px;} i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; height: 26px; } clpi bl hd div ta { display: block; margin-top: 6px; } clpi bl hd div ta { display: block; width: 158px; } clpi bl hd div i { display: block; width: 26px; margin-top: 8px; } clpi hd>div { display: flex; height: 34px; width: 199px; } clpi bl hd div ta {display: block;width: 131px;} clpi bl bd { display: flex; width: 1287px; justify-content: center; height: 91px; align-items: center; } clpi bl hd div ta {display: block;width: 157px;} clpi bl bd span { display: block; color: rgb(157 184 206); } /*compnent=CampaignHeader */ pwld>bl { display: flex; height: 62px; align-items: center; background: var(--bt); } pwld bl hd btn { display: flex; box-shadow: inset 0 2px 6px rgba(0, 0, 0, .35); background-color: var(--bg_EFF1F5) !important; border: 1px solid var(--br_c0c6cc); border-radius: 6px; padding: 3px 0px; margin-left: 18px; margin-right: 25px; height: 31px; width: 47px; justify-content: center; align-items: center; } bl hd btn i svg { display: block; height: 14px; } pwld bl hd select { display: block; border: solid 1px #d2d2d2; padding: 9px; width: 100px; } pwld bl ft { display: flex; align-items: center; height: 52px; background: rgb(255 255 255); width: -webkit-fill-available; margin-left: 982px; } pwld bl ft select { border: solid 1px var(--bc); border-radius: 8px; width: 107px; height: 39px; } pwld bl hd { display: flex; align-items: center; gap: 11px; justify-content: space-between; width: 268px; } pwld bl ft btn { display: block; border-bottom-left-radius: 8px; border-top-left-radius: 8px; background: var(--btn); padding: 10px 27px; color: rgb(255 255 255); margin-left: 16px; } pwld bl ft l select { display: block; background: var(--btn); height: 41px; color: white; margin: 0; width: 22px; border-radius: 0; border-bottom-right-radius: 8px; border-top-right-radius: 8px; -webkit-appearance: button; } pwld bl h select { display: block; box-shadow: inset 2px 0px 26px rgb(217 235 249); margin-left: 18px; } /*compnents=ContractOverview */ clpv>bl>bd { display: block; width: 99px; } clpv>bl { display: block;} clpv>bl>bd { display: block; max-width: 99px; } cclpv bl{display: block; border: solid 1px var(--bor); border-radius: 7px; margin: var(--mr); padding: var(--pd2); background: var(--bt); max-width: 270px; margin-top: 59px; } /*compnent= Contracts.smenu*/ /*componet=Documents*/ cdse>bl { display: grid; border: solid 1px var(--aat); background: var(--b-t88); box-shadow: 0px 0px 8px 0px var(--b-t); border-radius: 15px; grid-template-columns: 9% 8% 85%; position: relative; margin: 2px 11px; height: calc(-40px + 84vh); } cdse>bl>hd { display: grid; width: 1109px; align-items: center; grid-template-columns: auto auto; height: fit-content; border-bottom: 1px solid var(--bor); justify-content: space-between; margin-bottom: auto; } cdse>bl>hd>div { display: flex; align-items: center; gap: 7px; padding: 6px; } cdse>bl>hd>div>i { display: flex; height: 31px; width: 27px; } cdse>bl>hd>div>t:hover { background: var(--bc); padding: 4px; border-radius: 5px; } cdse>bl>hd>div>d { display: flex; gap: 0px; padding: 4px; border-radius: 6px; } cdse>bl>hd>div>d:hover { background: var(--bc); } cdse>bl>hd>div>d>i { display: flex; width: 21px; } cdse>bl>hd>div>btn { position: absolute; top: 90%; display: none; left: 20%; } cdse>bl>hd>div>btn>ul { display: grid; background: var(--b-t77); box-shadow: 0 0 11px 0px; border-radius: 11px; padding: 9px; margin: 0; gap: 7px; } cdse>bl>hd>div>btn>ul>li { display: flex; width: 280px; gap: 24px; padding: 5px; } i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; height: 19px; } cdse>bl>hd>div>btn>ul>li>i { display: flex; width: 21px; } cdse>bl>hd>div>btn>ul>li>d>div { display: flex; position: relative; gap: 9px; align-items: center; font-size: 0.88em; padding: 0px; max-height: 16px; } cdse>bl>hd>div>btn>ul>li>d>div>i { display: flex; height: 29px; width: 22px; } cdse>bl>hd>div>btn>ul>li>d>i { display: flex; position: relative; left: 75px; } cdse>bl>hd>div>btn>ul>hr { width: 277px; } cdse>bl>hd>div>btn>ul>li:hover { background: var(--bc); padding: 7px; border-radius: 8px; } cdse>bl>hd>div>btn>ul>li>d { display: flex; justify-content: space-between; max-width: 300px; padding: 0px; } cdse>bl>hd>div>btn.Expenses { display: block; } cdse>bl>hr { display: flex; } cdse>bl>hd>d>i:hover { display: flex; background: var(--bc); padding: 4px; } cdse>bl>hd>d>i { display: flex; padding: 0px; align-items: center; justify-content: center; border-radius: 4px; height: 22px; width: 22px; } cdse>bl>hd>d { display: flex; gap: 13px; } cdse>bl>hd>d>i:hover { display: flex; background: var(--bor); padding: 4px; } cdse>bl>hd>d>i { display: flex; padding: 0px; align-items: center; justify-content: center; border-radius: 4px; height: 26px; width: 25px; } cdse>bl>bd { display: flex; align-items: center; justify-content: center; height: fit-content; } cdse>bl>bd>d { display: block; } cdse>bl>bd>d>i { display: flex; } cdse>bl>bd>d>i>svg { height: 112px; width: 171px; } cdse>bl>bd>d>t { display: flex; position: relative; left: 27px; } cdse>bl>ft { display: block; padding: 11px; height: fit-content; position: absolute; right: 0; top: 7%; } cdse>bl>ft>d>i { display: flex; height: 34px; width: 32px; } cdse>bl>ft>d { display: grid; align-items: center; max-width: 39px; justify-content: center; gap: 5px; } cdse>bl>ft>d>i:hover { display: flex; background: var(--bc); } cdse>bl>ft>d>i { display: flex; height: 24px; width: 24px; padding: 6px; } cdse>bl>hr { display: block; height: 0; border: none; } cdse>bl>hd>d>ul { display: none; background: var(--b-t22); box-shadow: 0 0 9px; border-radius: 12px; padding: 11px; position: absolute; right: 85px; top: 30px; } cdse>bl>hd>d>ul>li:hover { background: var(--bc); border-radius: 7px; } cdse>bl>hd>d>ul>li { display: flex; padding: 8px; position: relative; justify-content: space-between; font-size: 0.88em; font-family: sans-serif; gap: 31px; } cdse>bl>hd>d>btn { display: none; background: var(--b-t22); box-shadow: 0 0 6px 2px; border-radius: 11px; position: absolute; right: 55px; top: 50px; } cdse>bl>hd>d>ul>li>i:focus { opacity: 1; visibility: visible; } cdse>bl>hd>d>btn>ul { display: block; padding: 5px; margin: unset; } cdse>bl>hd>d>btn>ul>li { display: flex; width: 227px; border-radius: 6px; } cdse>bl>hd>d>btn>ul>li:hover { background: var(--bc); padding: 6px; } cdse>bl>hd>d>btn>ul>li>t { display: flex; position: relative; left: 12px; font-size: 0.99em; } cdse>bl>hd>d>btn>ul:nth-child(2) { display: grid; gap: 11px; } cdse>bl>hd>d>btn.Active { display: block; } cdse>bl>hd>d>ul.Modified { display: block; } cdse>bl>hd>d>ul>li>i { display: block; width: 23px; } cdse>bl>hd>d>ul>li>i:focus { opacity: 1; visibility: visible; } cdse>bl>hd>div>btn>ul { display: grid; background: var(--b-t77); box-shadow: 0px 0px 5px 5px var(--bc); border-radius: 11px; padding: 6px; margin: 0; } cdse>bl>hd>div>btn>ul>li { display: flex; gap: 22px; padding: 7px; } cdse>bl>hd>div>btn>ul>li>i { display: flex; width: 18px; height: 18px; } cdse>bl>hd>div>btn>ul>li>t { display: flex; font-size: 0.88em; } cdse>bl>hd>div>btn>ul>hr { width: 268px; } cdse>bl ul>li d { display: grid; justify-content: space-between; align-items: center; grid-template-columns: max-content 18px; width: -webkit-fill-available; } cdse>bl>hd>d>ul>li>t { display: flex; font-size: 0.99em; } cdse>bl>hd>div>btn.Expenses { display: block; z-index: 1; } /*componet=DocumentsAerea*/ cdan>bl { display: block; background: rgb(255 255 255); margin-left: 4%; border-radius: 12px; border: solid 1px var(--aat); padding: 9px; max-width: 273px; position: relative; height: calc(-41px + 85vh); } cdan>bl>hd { display: flex; align-items: center; max-width: 260px; background: var(--aat); border-radius: 7px; padding: 5px; justify-content: unset; } cdan>bl>hd>i { display: flex; height: 21px; width: 34px; } cdan bl hd t { display: flex; } cdan bl bd { display: flex; align-items: center; padding: 14px 0px 0px 0px; justify-content: space-between; position: relative; } cdan bl bd div { display: flex; gap: 13px; } cdan bl bd t { display: flex; color: var(--aat); font-weight: 600; } cdan bl bd i { width: 21px; height: 21px; } cdan bl bd i { display: flex; } cdan>bl bd>ul { position: absolute; right: 0px; background: var(--b-t88); top: 49%; border-radius: 11px; box-shadow: 0 0 5px; padding: 7px; display: none; z-index: 1; } cdse>bl>hd>div>btn { position: absolute; top: 7%; left: 20%; } cdan>bl>bd>ul>li { display: flex; width: 168px; padding: 7px; border-radius: 7px; } cdan>bl>bd>ul>li:hover { background: var(--aat); } cdan>bl bd>ul.Expenses { display: block; } cdan>bl>ft { display: grid; grid-template-rows: auto auto; gap: 556px; } cdan>bl>ft>b { display: flex; background: var(--b2); white-space: nowrap; padding: 6px; border-radius: 4px; justify-content: space-between; position: absolute; bottom: 0; margin: 11px; width: -webkit-fill-available; } cdan>bl>ft>d>div { display: flex; align-items: center; gap: 11px; padding: 5px; } cdan>bl>ft>d>div>i { display: flex; height: 24px; width: 19px; } cdan>bl>ft>d:hover { background: var(--b-t); border-radius: 6px; } cdan>bl>ft>d>i { display: none; transform: rotate( 90deg); height: 18px; background: var(--b-t95); width: 18px; padding: 3px; border-radius: 26px; box-shadow: 0 0 5px 0px; } cdan>bl>ft>d>i:hover { display: block; } cdan>bl>ft>b { display: flex; background: var(--b2); white-space: nowrap; padding: 6px; border-radius: 4px; justify-content: space-between; } cdan>bl>ft>b>i { display: flex; width: 22px; height: 25px; } cdan>bl>ft>b>t { display: flex; font-weight: 500; font-size: 16px; } cdan>bl>ft>d { display: flex; justify-content: space-between; align-items: center; } /*componet=DocumentsDetails*/ dasc>bl { display: block; padding: 11px; } dasc>bl>hd { display: block; max-width: 295px; } dasc>bl>hd>div { display: flex; justify-content: space-between; } dasc>bl>hd>div>t { display: flex; font-weight: 500; font-size: 0.99em; } dasc>bl>hd>div>i { display: flex; height: 17px; width: 17px; padding: 6px; } dasc>bl>hd>div>i:hover { background: var(--bc); } dasc bl d i svg { display: block; fill: var(--green); } dasc>bl>hd>d>i { height: 22px; width: 22px; } dasc>bl>hd>d { display: flex; align-items: anchor-center; font-size: 0.77em; gap: 11px; margin-top: 8px; } dasc>bl>hd>div:nth-child(3) { display: flex; font-size: 0.77em; margin-top: 11px; } dasc>bl>hd>div>t { display: flex; max-width: 562px; } dasc>bl>hd>div:nth-child(5) { display: flex; align-items: center; justify-content: unset; } dasc>bl>hd>div:nth-child(5)>i:nth-child(1) { display: flex; background: var(--cbg1); height: 16px; width: 16px; border-radius: 1px; } dasc>bl>hd>div:nth-child(5)>d { display: block; max-width: 104px; } dasc>bl>hd>div:nth-child(5)>d>t { display: flex; font-size: 0.77em; } dasc>bl>hd>div:nth-child(5)>d>t:nth-child(2) { display: flex; font-size: 0.88em; font-weight: 600; } dasc>bl>hd>div:nth-child(7) { display: block; margin-top: 11px; } dasc>bl>hd>div:nth-child(7)>t { display: flex; font-size: 0.66em; font-family: system-ui; } dasc>bl>hd>div:nth-child(7)>d { display: flex; margin-top: 6px; gap: 6px; align-items: center; font-size: 0.77em; } dasc>bl>hd>div:nth-child(7)>d>i { display: flex; width: 15px; height: 15px; } /*compnent=Filter_Meetings*/ cfmss>bl hd { display: block; align-items: center; } cfmss bl>hd h3 { font-size: 15px; margin-bottom: 11px; } cfmss>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } cfmss>bl>hd i { height: 22px; width: 22px; } cfmss>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } cfmss>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } cfmss>bl>hd i { height: 22px; width: 22px; } cfmss>bl>hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } cfmss>bl> bd { display: grid; align-items: center; overflow-y: scroll; } cfmss>bl>bd ul { padding: 0px; } cfmss>bl>bd ul { padding: 0; display: block; } cfmss>bl>bd ul li { display: flex; align-items: center; gap: 5px; font-size: 0.88em; padding: 4px 0px; } cfmss>bl>bd ul li input { width: 13px; height: 13px; color: var(--bor); } cfmss>bl>hd>d input:focus { border: unset; } cfmss>bl>bd ul lable { font-size: 0.89em; font-weight: 600; } cfmss>bl> bd { display: block; align-items: center; overflow-y: scroll; height: 100%; } cfmss bl li input:hover { display: block; color: var(--aa); } cfmss>bl>hd d:hover { display: flex; border: solid 1px var(--c); } cfmss>bl>hd>d input:focus { border: solid 1px var(--aa); border-left: unset; border-radius: 0px 4px 4px 0px; } cfmss bl { display: block; border: solid 1px var(--bor); border-radius: 7px; margin: var(--mr); padding: var(--pd2); background: var(--bt); position: absolute; top: 0; bottom: 0; margin-top: 10%; overflow-y: scroll; } /*compnent=Meetings*/ cmes> bl { display: flex; background: rgb(238 241 249); justify-content: space-between; padding: 17px; } cmes>bl hd { display: flex; justify-content: unset; align-items: center; width: -webkit-fill-available; } cmes>bl bd { display: block; } cmes>bl ft { display: flex; align-items: center; } cmes>bl ft select { display: flex; background: rgb(255 255 255); border: solid 1px var(--bor); border-radius: 5px; } cmes>bl ft b { white-space: nowrap; } cmes>bl ft dv { display: flex; align-items: center; } cmes>bl>ft dv t svg {width: 28px;fill: rgb(179 181 184);} cmes>bl>ft dv t i { width: 29px; } cmee { display: block;border-radius: 6px; border: solid 1px; } /*Task*/ chtc>bl { display: block; padding: var(--pd); background: var(--bt); margin: 7px; gap: 3px; border-radius: 4px; width: -webkit-fill-available; max-width: 236px; } chtc>bl div t { font-size: 0.78em; font-weight: 500; } chtc>bl div d { font-size: 0.78em; } name { font-weight: 600; display: block; line-height: 1.44em; } @media (max-width : 999px){ chme>bl>ft btns bttn { display: none; } chme>bl>ft btns d { display: none; } chme { display: none; } } /*TaskAction*/ ctac bl { display: flex; align-items: center; justify-content: space-between; padding: 11px; background: var(--bt); height: -webkit-fill-available; } ctac>bl hd { display: flex; align-items: center; justify-content: space-between; } ctac>bl>hd div { display: flex; align-items: center; } ctac>bl>hd>div i { height: 20px; width: 20px; } ctac>bl>hd>div t { display: flex; width: max-content; font-size: 21px; } ctac>bl ft { display: flex; align-items: center; padding: 11px; } ctac>bl>ft btns { display: flex; align-items: center; gap: 7px; } ctac>bl>ft>btns d { display: flex; padding: 11px; background: var(--aa); height: 10px; width: 75px; border: solid 1px var(--aa); border-radius: 4px; align-items: center; } ctac>bl>ft>btns>d h2 { color: var(--bt); font-size: 0.88em; display: flex; width: max-content; } ctac>bl>ft>btns h3 { display: flex; padding: 8px 16px; border: solid 1px var(--bor); border-radius: 5px; background: var(--b); } ctac>bl>ft>btns>h3 t { font-size: 12px; } ctac>bl>ft btns i { height: 20px; width: 21px; } /*TaskDetails*/ cdac bl { display: block; padding: 11px; align-items: center; margin: 11px; background: var(--bt); border: solid 1px var(--bor); border-radius: 4px; } cdac>bl hd { display: flex; align-items: center; width: -webkit-fill-available; border-bottom: solid 1px var(--bor); } cdac>bl bd { display: block; align-items: center; width: -webkit-fill-available; } cdac>bl>bd d { display: grid; padding: 11px; white-space: nowrap; gap: 11px; grid-template-columns: 122px calc(100% - 122px); } cdac>bl>bd>d h4 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; display: block; text-align: end; margin: 0 11px; } cdac>bl>bd>d h2 { font-size: 0.88em; font-weight: 400; } cdac>bl>bd>d h3 { font-size: 0.88em; color: var(--aa); font-weight: 400; } cdac>bl>bd>d b { font-size: 0.88em; font-weight: 600; } /*TaskHeader*/ chme bl { display: flex; background: var(--bt); justify-content: space-between; padding: 11px; height: -webkit-fill-available; align-items: center; } chme>bl hd { display: flex; align-items: center; gap: 11px; justify-content: space-between; height: auto; } chme bl>hd div { display: flex; align-items: center; gap: 11px; } chme>bl>hd btn { display: flex; align-items: center; padding: 7px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; } i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; } chme>bl>hd btn { display: flex; align-items: center; padding: 7px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; } chme>bl>hd sl { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } chme>bl>hd select { border: solid 2px var(--bc); border-radius: 3px; margin: 0; width: 102px; height: 37px; } chme bl>ft btns { display: flex; align-items: center; gap: 11px; } chme>bl>ft bttn { display: flex; border: solid 1px var(--bc); border-radius: 10px; } chme>bl>ft d { display: flex; align-items: center; white-space: nowrap; } chme>bl>ft d btn { background: var(--aa); padding: 7px 5px; color: var(--bt); border-radius: 8px 0px 0px 8px; } chme>bl>ft d btn { background: var(--aa); padding: 7px 5px; color: var(--bt); border-radius: 8px 0px 0px 8px; } chme>bl>ft btns sl select:nth-child(1) { background: var(--aa); padding: 0; width: 0; opacity: 0; position: absolute; margin: 0; height: auto; padding-left: 46px; } chme>bl>ft svg { fill: var(--bt); } chme>bl>ft sl i { width: 16px; height: 19px; position: relative; inset: 0; } chme>bl>ft d { display: flex; align-items: center; white-space: nowrap; } select { border: solid 1px var(--bc); border-radius: 8px; } chme>bl>ft sl { display: flex; align-items: center; justify-content: center; } chme>bl>ft sl:nth-child(2) { height: 44px; margin: 0px 0px 1px 3px; border-radius: 0px 8px 10px 3px; padding: 11px; background: var(--aa); height: 13px; } chme bl>ft i { height: 35px; width: 39px; } chme>bl>ft sl:nth-child(3) { width: 60px; background: var(--bt); border: solid 1px var(--b-t); padding: 11px; height: 13px; margin: 0; } chme>bl>ft btns>sl>select { padding: 0; margin: 0; width: 80px; height: 21px; border: unset; opacity: 1; background: var(--bt); } chme>bl>ft btns>sl>select { background: var(--aa); padding: 0; width: 0; opacity: 1; position: absolute; margin: 0; height: auto; padding-left: 46px; } /*TaskList*/ ckst>bl { display: grid; height: 83vh; grid-template-rows: 0 auto 0; } ckst>bl hd { display: block; align-items: center; gap: 11px; justify-content: space-between; } ckst>bl bd { display: grid; } ckst>bl>bd>d { display: grid; grid-template-columns: repeat(22, 3fr); height: -webkit-fill-available; overflow: auto; } /*component:TaskMenu*/ cmnu>bl { display: flex; padding: 11px; justify-content: space-between; background: var(--b); } bl hd { display: flex; } cmnu>bl>hd div { display: flex; align-items: center; font-weight: 600; font-size: 0.88em; } cmnu>bl>hd div i { height: 14px; width: 14px; } cmnu>bl>ft dv { display: flex; align-items: center; gap: 5px; } cmnu>bl>ft h2 { display: flex; font-size: 15px; font-family: math; font-weight: 100; width: -webkit-fill-available; } cmnu>bl>ft sl { padding: 4px; max-width: 71px; background: unset; border: solid 1px var(--bor); border-radius: 8px; height: 21px; margin: 0; } cmnu>bl>ft sl { padding: 4px; max-width: 73px; background: unset; border: solid 1px var(--bor); border-radius: 8px; height: 21px; margin: 0; } select { border: solid 1px var(--bc); border-radius: 8px; margin: 0px; } /*TaskNote*/ cntc>bl>hd img { border-radius: 50px; width: 40px; height: 40px; } cntc>bl>hd>div { display: flex; align-items: center; gap: 11px; } cntc>bl>hd>div t { font-size: 0.99em; font-weight: 700; } ctnc>bl>bd dv { display: block; margin-left: 11px; padding: 3px; } cntc>bl>bd t { font-size: 0.88em; color: var(--cbg1); font-weight: 400; } cntc>bl>bd a { font-size: 0.88em; color: var(--aa); font-weight: 400; } cntc>bl>bd f { display: flex; gap: 11px; } /*TaskNotes*/ ctnc>bl { display: block; align-items: center; padding: 11px; background: var(--bt); border: solid 1px var(--bor); margin: 11px; border-radius: 6px; } ctnc>bl hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; } ctnc>bl>hd t { font-size: 0.98em; font-weight: 700; } ctnc>bl>hd sl { display: flex; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; justify-content: center; } ctnc>bl>hd>sl select { border: solid 1px var(--bor); border-radius: 6px; margin: 0; width: 102px; height: 29px; } cntc>bl hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; border-top: solid 1px var(--bor); margin-top: 11px; } /*TaskOption*/ ctoc bl { display: flex; align-items: center; padding: 11px; justify-content: space-between; } ctoc>bl hd { display: flex; align-items: center; } ctoc>bl>hd div { display: flex; align-items: center; padding: 4px 11px; border: solid 1px var(--bor); background: var(--bt); border-radius: 15px; gap: 11px; width: -webkit-fill-available; max-width: 180px; justify-content: space-around; } ctoc>bl>hd>div h4 { display: flex; padding: 3px; background: var(--b); align-items: center; border: solid 1px var(--a); border-radius: 16px; } ctoc>bl>hd>div>h4 t { font-size: 0.88em; } ctoc>bl>hd>div h2 { font-size: 0.88em; } ctoc>bl ft { display: flex; align-items: center; } ctoc>bl>ft i { height: 20px; width: 18px; } ctoc>bl>ft h3 { display: flex; font-size: 14px; color: var(--cbg1); font-family: monospace; font-weight: 100; } /*TaskOverview*/ ctwc bl { display: block; align-items: center; padding: 11px; background: var(--bt); border: solid 1px var(--bor); margin: 11px; border-radius: 6px; } ctwc>bl>hd>d h4 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; } ctwc>bl>hd d { display: grid; padding: 11px; white-space: nowrap; gap: 11px; grid-template-columns: 122px calc(100% - 122px); } ctwc>bl>hd>div>d h4 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; display: block; text-align: end; margin: 0 11px; } ctwc>bl>hd>div>d h2 { font-size: 0.88em; font-weight: 400; } ctwc>bl>hd div { display: block; } ctwc>bl>hd>div dv { display: flex; padding: 11px; justify-content: space-around; margin: 6px; margin-left: 11px; } ctwc>bl>hd>div h3 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; display: block; text-align: end; margin: 0 11px; } ctwc>bl>hd>div>dv h1 { font-size: 0.88em; font-weight: 400; color: var(--a); } ctwc>bl>hd>div>dv h5 { font-size: 0.88em; font-weight: 400; display: flex; } ctwc>bl>hd div { display: block; width: -webkit-fill-available; } ctwc>bl>hd d:nth-child(4) { display: grid; grid-template-columns: 139px auto; } ctwc>bl>hd t { font-size: 0.88em; color: var(--aa); display: flex; gap: 3px; } ctwc>bl>hd t:nth-child(1) t { display: flex; align-items: center; font-size: 0.88em; color: var(--c1); } ctwc>bl>hd t:nth-child(1) t { display: flex; align-items: center; font-size: 0.88em; color: var(--c1); } ctwc>bl>hd t { font-size: 0.88em; color: var(--aa); display: flex; gap: 3px; } ctwc>bl>hd d { display: flex; align-items: center; padding: 11px; justify-content: space-between; width: -webkit-fill-available; margin-left: 11px; white-space: nowrap; gap: 11px; } ctwc>bl>hd d:nth-child(4) { display: grid; padding: 11px; white-space: nowrap; gap: 11px; grid-template-columns: 122px calc(100% - 122px); } mg { display: flex; } ctwc>bl>hd t:nth-child(2) { color: var(--c); } ctwc>bl>hd>div h3 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; } ctwc>bl>hd d { display: grid; grid-template-columns: 122px calc(100% - 122px); padding: 11px; white-space: nowrap; gap: 11px; } /*TaskSmenu*/ csmh>bl { display: block; padding: 11px; margin: 11px; background: var(--bt); border-radius: 11px; } csmh>bl>hd { display: block; align-items: center; } csmh>bl>hd d { display: flex; align-items: center; border: solid 1px var(--bc); padding: 6px; } csmh>bl>hd d i { width: 22px; height: 22px; padding-left: 11px; display: block; } csmh>bl>hd d input[type="search"] { width: auto; height: auto; border: none; background: unset; } csmh>bl>bd ul { padding: 3px; display: grid; align-items: center; margin: 0; } csmh>bl>bd ul lable { font-size: 0.99em; font-weight: 600; } csmh>bl>bd ul li { display: flex; align-items: center; font-size: 0.88em; margin-bottom: 11px; } csmh>bl>bd ul li input { width: 14px; height: 14px; } /*Task_AttachmentNew*/ catc>bl { display: block; align-items: center; padding: 11px; background: var(--bt); border: solid 1px var(--bor); margin: 11px; border-radius: 6px; } catc>bl>hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; border-bottom: solid 1px var(--bor); justify-content: space-between; } catc>bl>hd>t { font-size: 0.99em; font-weight: 600; } catc>bl>hd>sl { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; width: max-content; } catc>bl>hd>sl>select { border: solid 1px var(--aa); border-radius: 3px; margin: 0; width: 65px; height: 28px; color: var(--aa); } catc>bl>bd { display: flex; padding: var(--pd); } /*Task_NoteNew*/ cnnc>bl { display: block; border: solid 1px var(--bor); border-radius: 5px; max-width: 666px; padding: 0; } cnnc>bl>hd btn { font-size: 0.88em; color: var(--cbg1); padding: var(--pd); border-radius: var(--br); display: block; } cnnc>bl>ft btn { display: flex; align-items: center; padding: 7px; border: solid 1px var(--bc); max-width: 15px; } cnnc>bl>ft d { display: flex; align-items: center; justify-content: space-between; } cnnc>bl>ft>d>btns dv { display: block; border: solid 1px var(--bor); background: var(--b); border-radius: 4px; padding: 5px; font-size: 0.88em; } cnnc>bl>ft>d>btns b { display: block; border: solid 1px var(--aa); background: var(--aa); color: var(--bt); padding: 5px 11px; border-radius: 5px; font-size: 0.88em; } cnnc>bl>ft>d i { height: 15px; width: 15px; } cnnc>bl>ft>d btns { display: flex; align-items: center; gap: 5px; } cnnc>bl bd { display: none; } cnnc>bl ft { display: none; } cnnc.Expend hd { display: none; } cnnc.Expend bd { display: block; } cnnc.Expend ft { display: block; } cnnc>bl bd textarea { min-width: -webkit-fill-available; max-width: -webkit-fill-available; min-height: 125px; outline: none; border: none; } cnnc.Expend>bl { padding: var(--pd); border: solid 1px var(--aa); } cnnc>bl hd { border: none; } /*Task_User*/ cusc>bl { display: block; padding: 11px; margin: 11px; background: var(--bt); } cusc>bl>hd { display: block; align-items: center; } cusc>bl>hd>sl { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } cusc>bl>hd>sl>select { border: solid 1px var(--bor); border-radius: 5px; margin: 0; width: 186px; height: 37px; } cusc>bl hd>mb { display: flex; align-items: center; gap: 11px; padding: var(--pd); } cusc>bl mb>aa.this { font-weight: 500; box-shadow: 0 2px 0 var(--aa); } cusc>bl mb>aa { font-size: 0.88em; font-weight: 400; padding: var(--pd); margin: 0 7px; } cusc>bl>bd i { height: 40px; width: 40px; } cusc>bl>bd span { font-size: 0.88em; color: var(--aa); } cusc>bl>bd btn { display: flex; border: solid 1px var(--bor); margin: 11px; background: var(--b); border-radius: 3px; padding: 3px; font-size: 0.88em; } cusc>bl>bd ul { display: grid; gap: 4px; } cusc>bl>bd d { display: flex; align-items: center; } cusc>bl>bd>dv btn { display: flex; background: var(--aa); height: 20px; width: 78px; color: var(--bt); align-items: center; } cusc>bl>bd li { list-style: none; } cusc>bl>bd li { list-style: none; display: flex; } cusc>bl>bd>ul>li>i { height: 21px; width: 21px; } cusc>bl>bd li { list-style: none; display: flex; margin-left: -33px; align-items: center; } cusc>bl>bd>ul>li t { font-size: 0.88em; color: var(--aa); } cusc>bl>bd t.this { color: var(--c); } cusc>bl>bd a { display: flex; justify-content: end; padding: var(--pd); } cusc>bl>bd>a t { font-size: 0.99em; color: var(--aa); font-weight: 400; } cusc>bl>bd cc { display: flex; justify-content: space-between; } cusc>bl>bd>cc t { color: var(--c); font-weight: 600; } cusc>bl>bd>cc t.this { color: var(--aa); font-weight: 400; padding: var(--pd); } cusc>bl>bd>div i { height: 30px; width: 30px; } cusc>bl>bd>div { display: flex; align-items: center; } cusc>bl>bd>div h2 { font-size: 0.89em; display: grid; color: var(--aa); font-weight: 400; } cusc>bl>bd>div>h2 t { color: var(--cred); } /*Tasks*/ cdtc>bl>hd div { display: flex; background: var(--b-t50); margin: 11px; gap: 8px; border-top: solid 9px var(--b-t52); width: 223px; padding: 16px 15px; } cdtc>bl>hd>div h1 { font-size: 0.77em; font-weight: 500; } cdtc>bl>bd> dv { display: block; padding: 11px 12px; border-radius: 3px; width: max-content; background: var(--bt); margin: 11px; } cdtc>bl>hd>div t { background: var(--b-t52); padding: 1px 7px; border-radius: 12px; } cdtc>bl>hd div { display: flex; background: var(--b-t50); margin: 11px; gap: 8px; border-top: solid 3px var(--b-t52); width: 223px; padding: 16px 15px; } /*Welcome*/ creo>bl { display: flex; padding: 11px; align-items: center; gap: 11px; position: relative; } creo>bl>hd { width: fit-content; } creo>bl>hd>i { border-radius: 11px; overflow: hidden; border: solid 1px var(--aat); } creo>bl>ft>i { transform: rotate( 260deg); height: fit-content; width: fit-content; } creo>bl>ft { display: flex; align-items: center; gap: 11px; position: absolute; right: 12px; } creo>bl>ft>i { transform: rotate( 260deg); } creo>bl>ft>btn>i { height: 11px; width: 11px; } creo>bl>ft>btn { display: flex; align-items: center; border: solid 1px var(--bor); border-radius: 11px; padding: 11px; gap: 14px; background: var(--b-t95); } creo>bl>ft>btn:nth-child(3) { background: var(--tb); width: 33px; justify-content: center; } /* Ended App Theme CSS : App:CRM - Branch:practice.aliens.school */ /* Started Brand Theme CSSO : CRM_Basic - practice.aliens.school */ /* Ended Brand Theme CSSO : CRM_Basic - practice.aliens.school */ /* File : 0 Ended*/