/* File : 0 */ /* Started Brand Theme CSS : CRM_Basic - practice.aliens.school */ /*component:CRM.Rightbar*/ ccra bl div>span>i svg { fill: var(--b); width: 30px; height: 30px; } ccra bl span i { display: block; width: 40px; height: 35px; } ccra bl div>span:nth-child(2)>i svg { fill: var(--a); width: 20px ; height: auto; } ccra bl div>span:nth-child(3)>i svg { fill: var(--green); width: 20px ; height: auto; } ccra bl div>span:nth-child(4)>i svg { fill: var(--y3); width: 20px ; height: auto; } ccra bl div>span:nth-child(5)>i svg { fill: var(--cr); width: 20px ; height: auto; } ccra bl bd { display: grid; justify-content: space-between; height: -webkit-fill-available; grid-template-rows: auto 170px; } /*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%; } c*/ 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; } } /* element by bhavna */ bb { position: unset; border: solid 1px var(--bor); box-shadow: none; width: 37px; height: 21px; background: var(--c0); } bb>oo { height: 17px; width: 17px; box-shadow: none; background: var(--bt); } /*AccountAction*/ caic>bl { display: block; align-items: center; background: var(--bt); border: solid 1px var(--bor); border-radius: 6px; padding: 11px; margin: 11px; } caic>bl bd { display: flex; align-items: center; justify-content: space-between; } caic>bl bd>ccc { display: grid; gap: 11px; } caic>bl ccc>div { display: flex; gap: 12px; } caic>bl div>number { font-size: 0.99em; background: var(--cr); color: var(--bt); } caic>bl ccc>dv { display: flex; gap: 14px; } caic>bl ccc>t { font-size: 0.99em; font-weight: 500; } caic>bl cc>t { font-size: 0.99em; font-weight: 500; } caic>bl cc>div { display: flex; gap: 11px; } caic>bl div>time { background: var(--cr); color: var(--bt); } caic>bl div>d { font-size: 0.88em; font-weight: 500; } caic>bl cc>dv { display: flex; gap: 11px; } caic>bl aa>time { background: var(--cr); color: var(--bt); } caic>bl dv>d { font-size: 0.88em; font-weight: 500; } caic>bl bd>cc { display: grid; align-items: center; gap: 9px; border-left: solid 2px var(--bor); padding: 11px; margin: 0px; } caic>bl bd>c { display: grid; align-items: center; gap: 8px; border-left: solid 2px var(--bor); padding: 11px; } caic>bl div>h2 { display: flex; align-items: center; gap: 5px; } caic>bl>bd img { border-radius: 21px; } caic>bl h2>i { height: 22px; width: 22px; } caic>bl h2>name { font-size: 0.66em; font-weight: 500; } caic>bl div>h3 { display: flex; gap: 11px; align-items: center; } caic>bl h3>mail { font-size: 0.99em; font-weight: 400; font-family: math; } caic>bl c>div { display: grid; gap: 6px; } caic>bl h3>i { height: 22px; width: 22px; } caic>bl c>dv { display: block; align-items: center; } caic>bl aa>hv { display: flex; align-items: center; } caic>bl hv>i { height: 16px; width: 16px;} caic>bl aa>hvv { display: flex; align-items: center; } caic>bl hvv>i { height: 16px; width: 16px; } caic>bl dv>aa { display: grid; gap: 7px; align-items: center; } /*AccountComand*/ chem>bl { display: flex; align-items: center; padding: 11px; justify-content: space-between; } chem>bl hd { display: flex; align-items: center; } chem>bl hd>btns btn { display: block; text-align: center; padding: 7px 22px; border-radius: 33px; font-size: 0.88em; } chem>bl hd>btns btn.this { background: var(--aat); box-shadow: 0 0 0 1px var(--a); } chem>bl hd>btns { border: solid 1px var(--bor); display: flex; background: var( --bt); padding: 4px; border-radius: 33px; } chem>bl hd>btns btn { display: block; text-align: center; padding: 7px 22px; border-radius: 33px; font-size: 0.88em; } chem>bl hd>btns { border: solid 1px var(--bor); display: flex; background: var( --bt); padding: 4px; border-radius: 33px; } chem>bl hd i { height: 26px; width: 26px; border: solid 2px var(--bor); border-radius: 11px; } chem>bl ft { display: flex; align-items: center; } chem>bl>ft i { height: 20px; width: 18px; } chem>bl>ft h3 { display: flex; font-size: 14px; color: var(--cbg1); font-family: monospace; font-weight: 100; } chem>bl hd i { height: 27px; width: 27px; border: solid 2px var(--bor); border-radius: 14px; background: var(--bt); } chem>bl hd { display: flex; align-items: center; gap: 30px; } /*AccountDetails*/ cadl>bl d>f { width: min-content; white-space: nowrap; align-items: center; gap: 8px; } cadl>bl f>sl { display: block; height: 22px; margin: 0; } cadl>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cadl>bl div>input { height: 14px; width: 14px; } cadl>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cadl>bl { display: block; align-items: center; background: var(--bt); margin: 3px; } cadl>bl th>d { display: grid; align-items: center; gap: 5px; justify-content: space-between; border-right: solid 1px var(--bor); grid-template-columns: auto 22px; min-width: 180px; } cadl>bl sl>select { background: var(--b); padding: 2px; align-items: center; border: solid 1px var(--bor); border-radius: 11px; } cadl>bl sl>select { background: var(--b); padding: 2px; align-items: center; border: solid 1px var(--bor); border-radius: 11px; margin-top: -4px; } cadl>bl { display: block; align-items: center; background: var(--bt); } cadl>bl bd { display: grid; align-items: center; justify-content: space-between; gap: 11px; } cadl>bl tr>th:first-child div { width: 33px; display: block; } cadl>bl div>input { height: 14px; width: 14px; margin: 0; min-width: unset; } table th { font-size: .76615625rem; padding: .6rem .5rem; height: 30px; overflow-wrap: break-word; text-align: -webkit-match-parent; width: -webkit-fill-available; } cadl>bl>bd d { display: grid; height: -webkit-fill-available; overflow: auto; } cadl>bl { display: block; align-items: center; background: var(--bt); border: solid 1px var(--bor); border-radius: 9px; } /*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: 8px 11px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; border-radius: 3px; } 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: 10px; } 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 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 hd btn i svg { display: block; height: 19px; padding: 0; margin-top: auto; } sacs>bl>ft svg { fill: var(--c); } /*AccountInfo*/ crpc>bl { display: grid; background: var(--bt); margin: 11px; padding: 11px; border: solid 1px var(--bor); border-radius: 5px; gap: 11px; } crpc>bl hd { display: block; width: -webkit-fill-available; border-bottom: solid 1px var(--bor); } crpc>bl hd>div { font-size: 0.99em; font-weight: 600; } crpc>bl bd { display: block; padding: 2px; } crpc>bl bd>mail { font-size: 0.99em; font-weight: 600; } crpc>bl bd>div { display: block; align-items: center; margin: 6px; } crpc>bl div>aa { display: grid; padding: 11px; grid-template-columns: 122px calc(100% - 122px); white-space: nowrap; gap: 11px; align-items: center; } crpc>bl aa>t { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } crpc>bl aa>h2 { font-size: 0.99em; font-weight: 400; } crpc>bl dv>dvv { display: block; } crpc>bl bd>dv { display: flex; justify-content: space-around; max-width: 960px; margin: 7px; padding: 7px; } crpc>bl bd>dd { display: block; align-items: anchor-center; margin: auto; white-space: nowrap; } crpc>bl dd>a { display: block; align-items: center; } crpc>bl dd>a { display: flex; align-items: center; } crpc>bl a>sl { display: grid; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; justify-content: end; } crpc>bl sl>select { border: solid 2px var(--bc); border-radius: 8px; margin: 0; width: 113px; height: 38px; background: var(--bor); box-shadow: var(--bs-br); } crpc>bl aa>t { font-size: 0.99em; font-weight: 400; color: var(--cbg1); text-align: justify; } crpc>bl dd>dv { display: grid; grid-template-columns: 50% 50%; } crpc>bl ft { display: block; padding: 11px; align-items: center; } crpc>bl ft>dd { display: flex; margin: auto; } /*AccountInformation*/ cohe>bl { display: grid; padding: 11px; margin: 11px; border: solid 1px var(--bor); width: -webkit-fill-available; border-radius: 6px; background: var(--bt); } cohe>bl hd { display: grid; align-items: center; max-width: 520px; justify-content: center; } cohe>bl div>aa { display: grid; padding: 11px; grid-template-columns: 122px calc(100% - 122px); white-space: nowrap; gap: 11px; } cohe>bl aa>t { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } cohe>bl aa>name { font-size: 0.99em; font-weight: 400; } cohe>bl bd { display: grid; align-items: center; max-width: 520px; justify-content: center; margin-top: -11px; } cohe>bl>bd>div>aa { display: grid; padding: 11px; grid-template-columns: 122px calc(100% - 122px); white-space: nowrap; gap: 11px; } cohe>bl hd>div {padding: 2px; } cohe>bl bd>div { padding: 2px; } cohe>bl { display: block; align-items: center; border: solid 1px var(--bor); margin: 11px; padding: 11px; border-radius: 8px; background: var(--bt); } /*AccountNew*/ cacm>bl { display: grid; background: var(--bt); margin: 11px; padding: 11px; border: solid 1px var(--bor); border-radius: 5px; gap: 11px; } cacm>bl hd { display: block; padding: 2px; } cacm>bl hd>mail { font-size: 0.99em; font-weight: 500; } cacm>bl hd>dv { justify-content: space-around; max-width: 960px; margin: 7px; padding: 7px; display: grid; grid-template-columns: 50% 50%; } cacm>bl dv>dvv { display: block; } cacm>bl div>aa { display: grid; padding: 11px; grid-template-columns: 122px calc(100% - 122px); white-space: nowrap; gap: 11px; align-items: center; } cacm>bl aa>t { font-size: 0.99em; font-weight: 400; color: var(--cbg1); text-align: justify; } cacm>bl aa>h2 { font-size: 0.99em; font-weight: 400; border: solid 1px var(--bor); border-radius: 7px; padding: 6px; } cacm>bl h2>sl { display: grid; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } cacm>bl sl>select { border-radius: 8px; margin: 0; width: 230px; height: 27px; background: var(--bt); border: none; } cacm>bl h2>btn { display: flex; justify-content: end; } cacm>bl btn>i { height: 22px; width: 22px; } /*AccountNote*/ crsm>bl>hd img { border-radius: 50px; width: 40px; height: 40px; } crsm>bl>hd>div { display: flex; align-items: center; gap: 11px; } crsm>bl>hd>div t { font-size: 0.99em; font-weight: 700; } crsm>bl>bd dv { display: block; margin-left: 11px; padding: 3px; } crsm>bl>bd t { font-size: 0.88em; color: var(--cbg1); font-weight: 400; } crsm>bl>bd a { font-size: 0.88em; color: var(--aa); font-weight: 400; } crsm>bl>bd f { display: flex; gap: 11px; } crsm>bl { display: block; background: var(--bt); } crsm>bl { display: block; align-items: center; padding: 11px; margin: 11px; background: var(--bt); border: solid 1px var(--bor); border-radius: 6px; } chnc>bl>hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; margin-top: 11px; border-bottom: solid 1px var(--bor); } chnc>bl hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; margin-top: 11px; } /*AccountNotes*/ chnc>bl { display: block; align-items: center; padding: 11px; background: var(--bt); border: solid 1px var(--bor); margin: 11px; border-radius: 6px; } chnc>bl hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; } chnc>bl>hd t { font-size: 0.98em; font-weight: 700; } chnc>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; } chnc>bl>hd>sl select { border: solid 1px var(--bor); border-radius: 6px; margin: 0; width: 102px; height: 29px; } chnc>bl>hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; margin-top: 11px; border-bottom: solid 1px var(--bor); } chnc>bl hd { display: flex; align-items: center; width: -webkit-fill-available; padding: 5px; margin-top: 11px; } /*AccountOverview*/ chjg>bl>hd { display: flex; align-items: center; margin: 10px; max-width: 120px; gap: 5px; } chjg>bl { display: flex; align-items: center; justify-content: space-between; padding: 11px; } chjg>bl>ft { display: flex; align-items: center; gap: 3px; } chjg>bl>ft b { display: flex; padding: 8px; width: -webkit-fill-available; } chjg>bl>ft i { width: 22px; height: 22px; } chjg>bl>ft j i { height: 22px; width: 22px; } chjg>bl>ft t { align-items: center; } chjg>bl>ft j { align-items: center; } chjg>bl>ft svg { fill: var(--bor); display: block; } chjg>bl>ft select { display: flex; align-items: center; border: solid 1px; background: var(--bt); padding: 6px; } chjg>bl>ft select:hover { border: solid 1px var(--aa); } chjg>bl hd>span { display: block; max-width: min-content; white-space: nowrap; } chjg>bl>ft b { display: flex; padding: 8px; width: -webkit-fill-available; white-space: nowrap; } chjg>bl ft>dv { display: flex; align-items: center; } chjg>bl>ft select { display: flex; align-items: center; border: solid 1px; background: var(--bt); padding: 6px; max-height: -webkit-fill-available; width: -webkit-fill-available; } /*AccountSmenu*/ sace>bl { display: block; background: var(--b-t88); width: fit-content; border: solid 1px var(--bor); padding: 11px; border-radius: 11px; box-shadow: 0 0 1px 0; } sace>bl>hd { display: block; } sace>bl>hd>t { display: flex; font-size: 0.88em; font-weight: 600; } input { height: auto; padding: 9px; min-width: 233px; border: solid 1px var(--bor); margin-top: 11px; } sace>bl>hd>div>i { display: flex; width: 16px; height: 16px; } sace>bl>hd>div { display: flex; font-size: 0.88em; gap: 6px; align-items: center; margin-top: 11px; padding: 8px; } sace>bl>hd>sl { display: flex; } sace sl { display: flex; border-radius: 11px; margin-bottom: 11px; position: relative; overflow: hidden; width: 100%; align-items: center; gap: 9px; height: unset; background: url(); font-size: 0.88em; } sace bl hd sl input { width: 20px; display: block; height: 14px; margin: 0px; min-width: unset; } sace>bl>hd>div:hover { background: var(--aat); } sace>bl>bd { display: block; max-height: 750px; overflow: scroll; } sace>bl>bd>div>i { display: flex; width: 15px; height: 15px; } sace>bl>bd>div:hover { background: var(--aat); } sace>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; padding: 6px; } sace>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; } sace bl bd sl { display: flex; width: unset; padding: 2px; gap: 11px; } sace bl bd sl input { display: block; margin: 0; width: unset; min-width: unset; } /*AccountUser*/ cauc>bl>hd img { height: 40px; width: 40px; border-radius: 186px; } cauc>bl>bd div { display: block; align-items: center; } cauc>bl div name { font-size: 0.88em; } cauc>bl div mail { font-size: 0.88em; } cauc>bl { display: grid; align-items: center; padding: var(--pd); background: var(--bt); margin: 11px 0; grid-template-columns: 55px auto 0; } /*AccountUsers*/ curc>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } curc>bl>hd>d>i { height: 22px; width: 22px; } curc>bl>hd>d>input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } curc>bl { display: block; padding: var(--pd); margin: var(--mr); max-width: 666px; background: var(--bt); box-shadow: 0 1px 7px 0px var(--bor); border-radius: 7px; } curc { position: absolute; top: 100%; width: -webkit-fill-available; max-width: 666px; transition: 0.33s; transform: translateY(-11px); opacity: 0; visibility: hidden; } .User curc { opacity: 1; visibility: visible; transform: translateY(0); } /*Account_NoteNew*/ cctc>bl { display: block; border: solid 1px var(--bor); border-radius: 5px; max-width: 666px; padding: 0; } cctc>bl>hd btn { font-size: 0.88em; color: var(--cbg1); padding: var(--pd); border-radius: var(--br); display: block; } cctc>bl>ft btn { display: flex; align-items: center; padding: 7px; border: solid 1px var(--bc); max-width: 15px; } cctc>bl>ft d { display: flex; align-items: center; justify-content: space-between; } cctc>bl>ft>d>btns dv { display: block; border: solid 1px var(--bor); background: var(--b); border-radius: 4px; padding: 5px; font-size: 0.88em; } cctc>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; } cctc>bl>ft>d i { height: 15px; width: 15px; } cctc>bl>ft>d btns { display: flex; align-items: center; gap: 5px; } cctc>bl bd { display: none; } cctc>bl ft { display: none; } cctc.Expend hd { display: none; } cctc.Expend bd { display: block; } cctc.Expend ft { display: block; } cctc>bl bd textarea { min-width: -webkit-fill-available; max-width: -webkit-fill-available; min-height: 125px; outline: none; border: none; } cctc.Expend>bl { padding: var(--pd); border: solid 1px var(--aa); } cctc>bl hd { border: none; } /*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 bl { display: flex; align-items: center; justify-content: space-between; padding: 11px; background: var(--bt); height: -webkit-fill-available; } cjkl>bl hd { display: flex; align-items: center; justify-content: space-between; } cjkl>bl>hd div { display: flex; align-items: center; } cjkl>bl>hd>div i { height: 20px; width: 20px; } cjkl>bl>hd>div t { display: flex; width: max-content; font-size: 21px; } cjkl>bl ft { display: flex; align-items: center; padding: 11px; } cjkl>bl>ft btns { display: flex; align-items: center; gap: 7px; } cjkl>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; } cjkl>bl>ft>btns>d h2 { color: var(--bt); font-size: 0.88em; display: flex; width: max-content; } cjkl>bl>ft>btns h3 { display: flex; padding: 8px 16px; border: solid 1px var(--bor); border-radius: 5px; background: var(--b); } cjkl>bl>ft>btns>h3 t { font-size: 12px; } cjkl>bl>ft btns i { height: 20px; width: 21px; } /*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); } /*CallDetails*/ cmsr>bl d>f { width: min-content; white-space: nowrap; align-items: center; gap: 8px; } cmsr>bl f>sl { display: block; height: 22px; margin: 0; } cmsr>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cmsr>bl div>input { height: 14px; width: 14px; } cmsr>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cmsr>bl { display: block; align-items: center; background: var(--bt); margin: 3px; } cmsr>bl th>d { display: grid; align-items: center; gap: 5px; justify-content: space-between; border-right: solid 1px var(--bor); grid-template-columns: auto 22px; min-width: 180px; } cmsr>bl sl>select { background: var(--b); padding: 2px; align-items: center; border: solid 1px var(--bor); border-radius: 11px; } cmsr>bl sl>select { background: var(--b); padding: 2px; align-items: center; border: solid 1px var(--bor); border-radius: 11px; margin-top: -4px; } cmsr>bl { display: block; align-items: center; background: var(--bt); } cmsr>bl bd { display: grid; align-items: center; justify-content: space-between; gap: 11px; } cmsr>bl tr>th:first-child div { width: 33px; display: block; } cmsr>bl div>input { height: 14px; width: 14px; margin: 0; min-width: unset; } table th { font-size: .76615625rem; padding: .6rem .5rem; height: 30px; overflow-wrap: break-word; text-align: -webkit-match-parent; width: -webkit-fill-available; } cmsr>bl>bd d { display: grid; height: -webkit-fill-available; overflow: auto; } /*component-:-CallHeader*/ ckkl>bl { display: flex; background: var(--bt); justify-content: space-between; padding: 11px; height: -webkit-fill-available; align-items: center; } ckkl>bl hd { display: flex; align-items: center; gap: 11px; justify-content: space-between; height: auto; } ckkl bl>hd div { display: flex; align-items: center; gap: 11px; } ckkl>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; } ckkl>bl>hd btn { display: flex; align-items: center; padding: 8px 11px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; border-radius: 3px; } ckkl>bl>hd sl { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } ckkl>bl>hd select { border: solid 2px var(--bc); border-radius: 3px; margin: 0; width: 102px; height: 37px; } ckkl bl>ft btns { display: flex; align-items: center; gap: 11px; } ckkl>bl>ft bttn { display: flex; border: solid 1px var(--bc); border-radius: 10px; } ckkl>bl>ft d { display: flex; align-items: center; white-space: nowrap; } ckkl>bl>ft d btn { background: var(--aa); padding: 7px 5px; color: var(--bt); border-radius: 8px 0px 0px 8px; } ckkl>bl>ft d btn { background: var(--aa); padding: 7px 5px; color: var(--bt); border-radius: 8px 0px 0px 8px; } ckkl>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; } ckkl>bl>ft svg { fill: var(--bt); } ckkl>bl>ft sl i { width: 16px; height: 19px; position: relative; inset: 0; } ckkl>bl>ft d { display: flex; align-items: center; white-space: nowrap; } select { border: solid 1px var(--bc); border-radius: 8px; } ckkl>bl>ft sl { display: flex; align-items: center; justify-content: center; } ckkl>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; } ckkl bl>ft i { height: 35px; width: 39px; } ckkl>bl>ft sl:nth-child(3) { width: 60px; background: var(--bt); border: solid 1px var(--b-t); padding: 11px; height: 13px; margin: 0; } ckkl>bl>ft btns>sl>select { padding: 0; margin: 0; width: 80px; height: 21px; border: unset; opacity: 1; background: var(--bt); } ckkl>bl>ft btns>sl>select { background: var(--aa); padding: 0; width: 0; opacity: 1; position: absolute; margin: 0; height: auto; padding-left: 46px; } ckkl>bl hd btn i svg { display: block; height: 19px; padding: 0; margin-top: auto; } ckkl>bl { display: flex; justify-content: space-between; height: -webkit-fill-available; align-items: center; background: var(--bt); padding: 11px; } ckkl>bl>ft svg:nth-child(1) { 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; } /*CallInformation*/ cnfb>bl { display: block; align-items: center; padding: 11px; margin: 11px; background: var(--bt); border: solid 1px var(--bor); border-radius: 6px; } cnfb>bl>hd { display: flex; padding: 11px; border-bottom: solid 1px var(--bor); width: -webkit-fill-available; } cnfb>bl>bd { max-width: 597px; justify-content: center; display: grid; padding: 7px; } cnfb>bl>bd>d { display: grid; gap: 11px; grid-template-columns: 206px auto; padding-bottom: 22px; } cnfb>bl>bd>d h4 { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } cnfb>bl>bd>d h2 { font-size: 0.99em; font-weight: 400; } cnfb>bl>bd>d h3 { font-size: 0.99em; font-weight: 400; color: var(--a); } cnfb>bl>bd>d h1 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; } cnfb>bl>bd>d t { font-size: 0.99em; color: var(--a); } cnfb>bl>bd>d t:nth-child(2) { color: var(--c); } /*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; } /*CallOption*/ coca bl { display: flex; align-items: center; padding: 11px; justify-content: space-between; } coca>bl hd { display: flex; align-items: center; } coca>bl hd>btns btn { display: block; text-align: center; padding: 7px 22px; border-radius: 33px; font-size: 0.88em; } coca>bl hd>btns btn.this { background: var(--aat); box-shadow: 0 0 0 1px var(--a); } coca>bl hd>btns { border: solid 1px var(--bor); display: flex; background: var( --bt); padding: 4px; border-radius: 33px; } coca>bl hd>btns btn { display: block; text-align: center; padding: 7px 22px; border-radius: 33px; font-size: 0.88em; } coca>bl hd>btns { border: solid 1px var(--bor); display: flex; background: var( --bt); padding: 4px; border-radius: 33px; } coca>bl hd i { height: 26px; width: 26px; border: solid 2px var(--bor); border-radius: 11px; } coca>bl ft { display: flex; align-items: center; } coca>bl>ft i { height: 20px; width: 18px; } coca>bl>ft h3 { display: flex; font-size: 14px; color: var(--cbg1); font-family: monospace; font-weight: 100; } /*component-:-CallOverview*/ cghj>bl>hd>div h3 { font-size: 0.88em; color: var(--cbg1); font-weight: 400; } cghj>bl>hd d { display: grid; grid-template-columns: 122px calc(100% - 122px); padding: 11px; white-space: nowrap; gap: 11px; } cghj>bl>hd>div>d h4 { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } cghj>bl>hd>div>d h2 { font-size: 0.99em; font-weight: 400; } cghj>bl>hd { display: flex; justify-content: center; max-width: 520px; padding: 11px; } cghj bl { display: grid; padding: 11px; margin: 11px; border: solid 1px var(--bor); width: -webkit-fill-available; border-radius: 6px; background: var(--bt); } cghj>bl>hd div { padding: 11px; } cghj>bl>hd>div>d t { font-size: 0.99em; color: var(--a); } cghj>bl>hd>div>d t:nth-child(2) { color: var(--c); } /*compnent=CallsSmenu*/ lwcw>bl { display: block; background: var(--b-t88); border: solid 1px var(--bor); padding: 11px; border-radius: 8px; box-shadow: 0 0 1px 0; margin: 3px; } lwcw>bl>hd { display: block; } lwcw>bl>hd>t { display: flex; font-size: 0.88em; font-weight: 600; } input { height: auto; padding: 9px; min-width: 233px; border: solid 1px var(--bor); margin-top: 11px; } lwcw>bl>hd>div>i { display: flex; width: 16px; height: 16px; } lwcw>bl>hd>div { display: flex; font-size: 0.88em; gap: 6px; align-items: center; margin-top: 11px; padding: 8px; } lwcw>bl>hd>sl { display: flex; } lwcw sl { display: flex; border-radius: 11px; margin-bottom: 11px; position: relative; overflow: hidden; width: 100%; align-items: center; gap: 9px; height: unset; background: url(); font-size: 0.88em; } lwcw bl hd sl input { width: 20px; display: block; height: 14px; margin: 0px; min-width: unset; } lwcw>bl>hd>div:hover { background: var(--aat); } lwcw>bl>bd { display: block; max-height: 850px; overflow: scroll; padding: 11px; } lwcw>bl>bd>div>i { display: flex; width: 15px; height: 15px; } lwcw>bl>bd>div:hover { background: var(--aat); } lwcw>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; padding: 6px; } lwcw>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; } lwcw bl bd sl { display: flex; width: unset; padding: 2px; gap: 11px; } lwcw bl bd sl input { display: block; margin: 0; width: unset; min-width: unset; } /*Call_User*/ csdp>bl { display: block; padding: 11px; margin: 11px; background: var(--bt); } csdp>bl>hd { display: block; align-items: center; } csdp>bl>hd>sl { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } csdp>bl>hd>sl>select { border: solid 1px var(--bor); border-radius: 5px; margin: 0; width: 186px; height: 37px; } csdp>bl hd>mb { display: flex; align-items: center; gap: 11px; padding: var(--pd); } csdp>bl mb>aa.this { font-weight: 500; box-shadow: 0 2px 0 var(--aa); } csdp>bl mb>aa { font-size: 0.88em; font-weight: 400; padding: var(--pd); margin: 0 7px; } csdp>bl>bd i { height: 40px; width: 40px; } csdp>bl>bd span { font-size: 0.88em; color: var(--aa); } csdp>bl>bd btn { display: flex; border: solid 1px var(--bor); margin: 11px; background: var(--b); border-radius: 3px; padding: 2px 7px; font-size: 0.88em; } csdp>bl>bd ul { display: grid; gap: 4px; } csdp>bl>bd>d { display: flex; align-items: center; } csdp>bl>bd>dv btn { display: flex; background: var(--aa); height: 20px; width: 78px; color: var(--bt); align-items: center; } csdp>bl>bd li { list-style: none; } csdp>bl>bd li { list-style: none; display: flex; } csdp>bl>bd>ul>li>i { height: 21px; width: 21px; } csdp>bl>bd li { list-style: none; display: flex; margin-left: -33px; align-items: center; } csdp>bl>bd>ul>li t { font-size: 0.88em; color: var(--aa); } csdp>bl>bd t.this { color: var(--c); } csdp>bl>bd a { display: flex; justify-content: end; padding: var(--pd); } csdp>bl>bd>a t { font-size: 0.99em; color: var(--aa); font-weight: 400; } csdp>bl>bd cc { display: flex; justify-content: space-between; } csdp>bl>bd>cc t { color: var(--c); font-weight: 600; } csdp>bl>bd>cc t.this { color: var(--aa); font-weight: 400; padding: var(--pd); } csdp>bl>bd>div i { height: 30px; width: 30px; } csdp>bl>bd>div { display: flex; align-items: center; padding: var(--pd); } csdp>bl>bd>div h2 { font-size: 0.89em; display: grid; color: var(--aa); font-weight: 400; } csdp>bl>bd>div>h2 t { color: var(--cred); } csdp>bl>bd dv { display: flex; padding: var(--pd); gap: 11px; } csdp>bl>bd>dv t { font-size: 0.88em; font-weight: 500; } csdp>bl>bd>dv t.this { color: var(--cbg1); font-size: 0.99em; font-weight: 400; } csdp>bl>bd>dv { display: flex; padding: var(--pd); gap: 11px; } csdp>bl>bd>d { display: flex; align-items: center; } copc>bl>bd d { display: grid; } /*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=Campaign1*/ ccge>bl bd input[type="checkbox"] { width: 17px; } ccge>bl bd i { width: 21px; } ccge>bl bd svg#Layer_1 { width: 22px; fill: rgb(238 241 249); } ccge>bl bd svg { width: 19px; fill: rgb(238 241 249);} ccge>bl bd svg#Layer_1:hover { width: 14px; fill: var(--c); align-items: center; justify-content: center; display: flex; } ccge>bl bd svg:hover { width: 15px; fill: var(--c); } ccge bl bd div { gap: 0; position: sticky; display: flex; align-items: center; justify-content: space-between; background: var(--bt); padding: 8px; height: 29px; border-bottom-left-radius: 19px; width: 86px; } ccge bl { display: flex; border: solid 1px var(--b-t50); height: 41px; background: var(--bt); max-width: 1400px; border-right: unset; border-top: var(--b-t50); } ccge bl bd { width: auto; height: -webkit-fill-available; overflow: auto; display: flex; } ccge bl bd div:hover { background: rgb(238 241 249); } ccge>bl bd i:hover { background: var(--bt); border: solid 1px var(--bor); border-radius: 70px; width: 21px; height: 21px; } ccge bl:hover { background: rgb(238 241 249); } ccge bl bd table { display: flex; width: -webkit-fill-available; height: -webkit-fill-available; overflow: scroll; } ccge bl bd table tr { display: flex; align-items: center; justify-content: space-between; position: relative; height: 40px; } ccge bl bd td:nth-child(1) { width: 177px; align-items: center; font-size: 1.1em; } ccge bl bd table td:nth-child(2) { width: 200px; height: 33px; align-items: center;font-size: 1.1em; } ccge bl bd table td { display: flex; width: 215px; align-items: center;font-size: 1.1em; } ccge bl bd table td:nth-child(3) { width: 13rem;font-size: 1.1em; } ccge bl bd tbody tr:hover { background: none; } ccge bl bd tr svg { width: 47px; transform: rotate( 45deg); } ccge bl bd table td:nth-child(5) { font-size: 1.1em; width: 221px; gap: 13px; display: flex; } ccge bl bd table td:nth-child(6) {font-size: 1.1em; width: 804px; } ccge bl bd tr i { width: 23px; } ccge bl bd td:nth-child(1):hover { color: var(--aa); } ccge bl bd td:nth-child(5):hover { color: var(--aa); } ccge bl bd tr i:hover { background: unset; border: none; border-radius: 0; width: none; height: none; } ccge bl bd tr svg:hover {width:47px ;fill: var(--aa); }/*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 8px; 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; } cghd>bl hd btn i svg { display: block; height: 14px; padding: 0; margin-top: auto; } /*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 0px; margin: 0; } ccne bl hd { display: none; } /*compnent=Campaignss*//*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; overflow: scroll; height: 729px; } 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=Contactfilter */ clpq>bl { display: block; border: solid 1px var(--bor); border-radius: 7px; margin: var(--mr); padding: var(--pd2); background: var(--bt); margin-top: 17px; } clpq>bl hd { display: block; align-items: center; } clpq bl hd h { font-size: 15px; margin-bottom: 11px; } clpq>bl>hd d { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; } clpq>bl>hd i { height: 22px; width: 22px; } clpq bl hd d input { border: unset; outline: 0; max-width: 100%; height: 33px; padding: 0 1px; font-weight: 500; } clpq bl bd { display: grid; } clpq bl bd ul { padding: 0; display: block; } clpq bl bd ul lable {font-size: 0.89em;font-weight: 600;} clpq bl bd ul li { display: flex; align-items: center; gap: 5px; font-size: 15px; padding: 4px 0px; } clpq bl bd ul li input { width: 17px; height: 27px; } /*compnents=Contacts */ clpi>bl { display: block; padding: 11px; background: var(--bt); width: 1290px; height: 752px; border-radius: 9px; margin: 12px; } 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 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 bl hd { display: flex; border-bottom: solid 2px var(--aat); padding: 0px 549px; overflow: scroll; border-bottom: solid 2px rgb(238 241 249); } 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: 72px; align-items: center; border-bottom: solid 1px var(--b); } 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; justify-content: space-between; background: var(--bt); padding: 11px; align-items: center; max-width: 89%; } pwld>bl>hd>d>btn> {max-width: 1000%; max-height: 1000%; display: flex; } pwld>bl>hd>d>sl { background: none; border-top-right-radius: 0; color: var(--bt); margin: 0; width: fit-content; overflow: unset; height: 37px; } pwld>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; } pwld>bl>hd>d>t { font-size: 1em; font-family:system-ui; width: auto; font-weight: 600; } pwld>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); } pwld>bl>hd>d>sl>select:hover { border: solid 1px var(--bor); } pwld>bl>ft>d>select:focus { border: solid 1px var(--aa); } pwld>bl>ft>d>d>i>svg { width: 33px; fill: rgb(63 63 63 / 40%); } pwld>bl>ft>d>d { display: flex; align-items: center; } pwld>bl>hd>d { display: flex; background: rgb(255 255 255); align-items: center; height: 49px; padding: 1px; gap: 16px; } pwld>bl>ft>d { display: flex; align-items: center; height: 52px; gap: 13px; background: rgb(255 255 255); width: -webkit-fill-available; } pwld>bl>hd>d>sl>select { display: flex; width: 80px; height: -webkit-fill-available; border: solid 1px darkgray; align-items: center; } pwld>bl>hd>d>i { width: 22px; height: 20px; } pwld>bl>ft>d>select { width: auto; height: 31px; border: solid 1px darkgray; } pwld>bl>bd>d:nth-child(2) { display: flex; height: 42px; background: rgb(238 241 249); width: -webkit-fill-available; } pwld>bl>hd>d:nth-child(2) { display: flex; align-items: center; height: 42px; background: rgb(238 241 249); padding: 0px; width: -webkit-fill-available; } pwld>bl>bd>d { display: flex; height: 51px; width: 63.4pc; background: rgb(255 255 255); } pwld>bl>hd>d:nth-child(2) { display: flex; align-items: center; height: 44px; background: rgb(238 241 249); padding: 0px; width: 344%; } pwld>bl>ft>d>sl { display: flex; height: 35px; width: auto; position: unset; overflow: unset; margin-bottom: unset; } pwld>bl>hd>d>btn>i>svg { width: 58px; height: 32px; } pwld>bl>hd>d>sl>select:focus { border: solid 1px var(--aa); } pwld>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; } pwld>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; } pwld>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; } pwld>bl>hd>d>i>svg:hover { fill: rgb(0 0 0); background: rgba(45 140 255 / 44%); border-radius: 55px; } pwld>bl>hd>d>i>svg { width: 22px; height: 22px; fill: var(--0); } /*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*/ /*component= CreateDeal*/ cees>bl { display: block; padding: 11px; } cees>bl>hd>div { display: flex; align-items: center; } cees>bl>hd { display: flex; align-items: center; justify-content: space-between; } cees>bl>hd>div>b { display: flex; font-size: 0.88em; color: var(--a); border-bottom: solid 1px var(--a); padding: 0px; font-weight: 500; } cees>bl>hd>div { display: flex; align-items: center; gap: 9px; } cees>bl>hd>div>t { display: flex; font-size: 1.30em; font-weight: 500; } cees>bl>hd>div:nth-child(2) { display: flex; } cees>bl>hd>div:nth-child(2)>t:nth-child(1) { display: flex; background: var(--bg); box-shadow: 0 0px 4px 0px; border-radius: 8px; padding: 6px; font-size: 0.88em; min-width: 67px; align-items: center; justify-content: center; } cees>bl>hd>div:nth-child(2)>d { display: flex; font-size: 0.88em; font-weight: 500; background: var(--bg); padding: 7px; box-shadow: 0 0px 4px 0px; border-radius: 7px; min-width: 107px; justify-content: center; align-items: center; } cees>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; min-width: 52px; background: var(--a); box-shadow: 0 0px 4px 0px; color: var(--b-t88); font-size: 0.99em; border-radius: 6px; padding: 6px; } @media (max-width: 999px){ cees>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; min-width: 41px; background: var(--a); box-shadow: 0 0px 1px 0px; color: var(--b-t88); font-size: 0.99em; } cees>bl>hd>div:nth-child(2)>d { display: flex; font-size: 0.88em; font-weight: 500; background: var(--bg); padding: 5px; box-shadow: 0 1px 2px 0px; border-radius: 7px; min-width: 87px; justify-content: center; align-items: center; } cees>bl>hd>div:nth-child(2)>t:nth-child(1) { display: flex; background: var(--bg); box-shadow: 0 1px 5px 0px; border-radius: 8px; padding: 4px; font-size: 0.88em; align-items: center; justify-content: center; min-width: 0px; } cees>bl>hd>div>t { display: flex; font-size: 0.88em; font-weight: 500; } cees>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; min-width: 0PX; background: var(--a); box-shadow: 0 0px 1px 0px; color: var(--b-t88); font-size: 0.99em; padding: 4px; } } /*componet= Dealekshan*/ dslp>bl { display: block; background: var(--b-t95); box-shadow: 0 0 0px 0 var(--cbg1); padding: 11px; border-radius: 11px; border: solid 1px var(--c0); margin-top: var(--mr); } dslp>bl>hd { display: flex; justify-content: space-between; } dslp>bl>hd>d { display: block; font-size: 0.89em; font-weight: 500; color: var(--c0); padding: 5px; } dslp>bl>hd>d>t:nth-child(2) { display: flex; font-size: 0.77em; margin-top: 5px; color: var(--a2); } dslp>bl>hd>div { display: block; font-size: 0.88em; font-weight: 500; color: var(--bor); padding: 3px; } dslp>bl>hd>div>d>i { height: 20px; width: 20px; filter: inherit; } dslp>bl>hd>div>d { display: flex; gap: 7px; align-items: center; margin-top: 5px; } dslp>bl>hd>div>d>t { display: flex; color: var(--a2); font-size: 0.77em; } dslp>bl>bd { display: flex; border: margin-top: var(--mr); gap: 11px; margin-top: var(--mr); } dslp>bl>bd>div { display: flex; gap: 11px; border: solid 1px var(--aat); align-items: center; font-size: 0.77em; padding: 3px; } dslp>bl>bd>div>div { display: flex; font-size: 0.99em; gap: 11px; align-items: center; margin-left: 11px; } dslp>bl>bd>d>i { display: flex; width: 25px; height: 13px; } dslp>bl>bd>div>div:after { content: ""; width: 16px; height: 16px; border-top: solid 1px var(--aat); border-right: solid 1px var(--aat); transform: rotate(45deg); } dslp>bl>bd>d { display: flex; background: rgb(213 239 225); align-items: center; margin-left: 11px; border: solid 1px var(--b-t52); border-radius: 4px; } dslp>bl>bd>d>i { display: flex; width: 25px; height: 13px; } dslp>bl>bd>div>t:after { content: ''; width: 16px; height: 16px; background: inherit; border-top: 1px solid var(--aat); border-right: 1px solid var(--aat); transform: rotate(38deg); position: absolute; margin-left: 0px; } dslp>bl>bd>div>t { margin-left: 11px; } dslp>bl>bd>div>div>i { display: flex; width: 14px; height: 17px; margin-left: 11px; } @media (max-width: 999px){ dslp>bl>bd { display: flex; border: margin-top: var(--mr); gap: 11px; margin-top: var(--mr); overflow: scroll; } } /*componet= DealAttachments*/ ders>bl { display: block; background: var(--b-t95); padding: 11px; border: solid 1px var(--c0); border-radius: 11px; box-shadow: 0 0 1px 0px; margin-top: var(--mr); } ders>bl>hd { display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--bor); padding: 0 0 8px 0; } ders>bl>hd>t { display: flex; font-size: 0.88em; font-weight: 600; } ders>bl>hd>div { display: flex; font-size: 0.88em; font-weight: 500; position: relative; color: var(--a); background: rgb(133 164 221 / 22%); padding: 3px; border: solid 1px; border-radius: 4px; align-items: center; } ders>bl>hd>div>i { display: flex; width: 24px; height: 18px; } ders>bl>bd { display: flex; font-size: 0.88em; color: var(--aat); font-weight: 500; justify-content: center; margin-top: var(--mr); } ders>bl>hd>div>ul { display: none; position: absolute; background: var(--b); box-shadow: 0 0 2px 0; border-radius: 10px; padding: 9px; width: max-content; } ders>bl>hd>div>ul>li { display: flex; padding: 4px; color: var(--a1); font-size: 0.88em; gap: 9px; border-radius: 5px; align-items: center;} ders>bl>hd>div>ul>li:hover { background: var(--aat); } ders>bl>hd>div>ul>li>i { display: flex; height: 15px; width: 13px; } .Recent ul { display: block; position: absolute; top: 12px; right: 3px; z-index: 9; } @media (max-width: 999px){ ders>bl>hd>div>ul { display: none; position: absolute; background: var(--b-t88); box-shadow: 0 0 2px 0; border-radius: 10px; padding: 9px; width: max-content; } } /*componet= DealData Table*/ dsae>bl { display: block; background: var(--b-t88); padding: 11px; margin-top: var(--mr); border: solid 1px var(--bor); border-radius: 11px; } dsae>bl>hd { display: flex; font-size: 0.88em; font-weight: 600; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--bor); padding: 0 0 11px 0; } dsae>bl>hd>div { display: flex; gap: 11px; align-items: center; } dsae>bl>hd>div>i { display: flex; width: 28px; height: 19px; } dsae>bl>hd>div>t:nth-child(1) { display: flex; color: var(--a); font-weight: 500; border: solid 1px; padding: 2px; border-radius: 4px; min-width: 145px; justify-content: center; background: rgb(204 213 255); } dsae>bl>hd>div>t:nth-child(2) { display: flex; border: solid 1px var(--a); min-width: 63px; background: rgb(221 227 255); border-radius: 5px; justify-content: center; color: var(--a);padding: 2px; } dsae bl table tr { background: unset; border-bottom: solid 1px var(--c0); font-size: 0.88em; color: var(--a1); } table td:nth-child(3) { padding: .6rem .5rem; overflow-wrap: break-word; text-align: -webkit-match-parent; height: 25px; display: flex; align-items: center; } dsae bl table thead { border-bottom: solid 2px var(--aat); } dsae bl td:nth-child(1) { padding: 6px; border-bottom: solid 1px var(--bor); } dsae bl tbody tr { color: var(--a); font-size: 0.88em; } dsae bl tbody tr td:nth-child(3) { color: var(--a1); } @media (max-width: 999px){ dsae>bl>ft>t:nth-child(2) { display: flex; } dsae>bl>ft>t:nth-child(4) { display: flex; position: relative; } dsae>bl>ft>div { display: flex; color: var(--a1); gap: 5px; } dsae>bl>bd { display: grid; overflow: scroll; } } /*component= DealEdit*/ ceed>bl { display: block; padding: 11px; } ceed>bl>hd>div { display: flex; align-items: center; } ceed>bl>hd { display: flex; align-items: center; justify-content: space-between; } ceed>bl>hd>div>b { display: flex; font-size: 0.88em; color: var(--a); border-bottom: solid 1px var(--a); padding: 0px; font-weight: 500; } ceed>bl>hd>div { display: flex; align-items: center; gap: 9px; } ceed>bl>hd>div>t { display: flex; font-size: 1.30em; font-weight: 500; } ceed>bl>hd>div:nth-child(2) { display: flex; } ceed>bl>hd>div:nth-child(2)>t:nth-child(1) { display: flex; background: var(--bg); box-shadow: 0 0px 4px 0px; border-radius: 8px; padding: 6px; font-size: 0.88em; min-width: 67px; align-items: center; justify-content: center; } ceed>bl>hd>div:nth-child(2)>d { display: flex; font-size: 0.88em; font-weight: 500; background: var(--bg); padding: 7px; box-shadow: 0 0px 4px 0px; border-radius: 7px; min-width: 107px; justify-content: center; align-items: center; } ceed>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; min-width: 52px; background: var(--a); box-shadow: 0 0px 4px 0px; color: var(--b-t88); font-size: 0.99em; border-radius: 6px; padding: 6px; } @media (max-width: 999px){ ceed>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; min-width: 41px; background: var(--a); box-shadow: 0 0px 1px 0px; color: var(--b-t88); font-size: 0.99em; } ceed>bl>hd>div:nth-child(2)>d { display: flex; font-size: 0.88em; font-weight: 500; background: var(--bg); padding: 5px; box-shadow: 0 1px 2px 0px; border-radius: 7px; min-width: 87px; justify-content: center; align-items: center; } ceed>bl>hd>div:nth-child(2)>t:nth-child(1) { display: flex; background: var(--bg); box-shadow: 0 1px 5px 0px; border-radius: 8px; padding: 4px; font-size: 0.88em; align-items: center; justify-content: center; min-width: 0px; } ceed>bl>hd>div>t { display: flex; font-size: 0.88em; font-weight: 500; } ceed>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; min-width: 0PX; background: var(--a); box-shadow: 0 0px 1px 0px; color: var(--b-t88); font-size: 0.99em; padding: 4px; } } /*componet=DealEmail_Center*/ drsa>bl { display: block; background: var(--b-t88); padding: 11px; border: solid 1px var(--bor); border-radius: 11px; margin-top: var(--mr); box-shadow: 0 0 0px 0; } drsa>bl>hd { display: flex; font-size: 0.88em; font-weight: 600; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--bor); padding: 0 0 9px 0; } drsa>bl>hd>div { display: flex; color: var(--a); font-weight: 400; border: solid 1px; padding: 2px; border-radius: 5px; background: var(--aat); min-width: 109px; justify-content: center; } drsa>bl>bd { display: flex; font-size: 0.88em; font-weight: 500; gap: 2%; margin-top: var(--mr); border-bottom: solid 1px var(--bor); padding: 0 0 8px 0; } drsa>bl>ft { display: flex; font-size: 0.88em; font-weight: 500; color: var(--c0); justify-content: center; margin-top: var(--mr); } drsa>bl>bd>t:nth-child(1) { display: flex; border-bottom: solid 2px var(--a); padding: 0 0 3px 0; } /*componet=DealHistories*/ dssa>bl { display: block; background: var(--b-t95); box-shadow: 0 0 2px 0px; border: solid 1px var(--bor); padding: 11px; border-radius: 11px; margin-top: var(--mr); } dssa bl hd { display: flex; justify-content: space-between; font-size: 0.88em; font-weight: 500; } dssa bl hd>i { display: flex; width: 16px; } dssa table th { font-size: 0.88em; padding: 8px; height: 30px; overflow-wrap: break-word; text-align: -webkit-match-parent; } dssa table td { overflow-wrap: anywhere; text-align: -webkit-match-parent; height: 25px; padding: 2px; border: solid 1px var(--0); border-bottom: solid 1px var(--b); } dssa th:nth-child(1), td:nth-child(1) { padding: 6px; } dssa table { font-size: 0.88em; letter-spacing: 0.5px; } dssa th:nth-child(1), td:nth-child(1) { padding: 6px; border: solid 1px var(--0); } dssa table td { padding: 11px; overflow-wrap: anywhere; text-align: -webkit-match-parent; height: 25px; padding: 2px; } dssa table { font-size: 0.88em; letter-spacing: 0.5px; } dssa thead { border-bottom: solid 2px var(--aat); } dssa table tr { background: unset; border-bottom: solid 1px var(--bc); border: solid 1px var(--0); } dssa th:nth-child(1), td:nth-child(1) { padding: 6px; border-bottom: solid 1px var(--b); } dssa table tr:hover { background: var(--b); } dssa>bl>ft { display: flex; font-size: 0.88em; margin-top: var(--mr); justify-content: end; } dssa>bl>ft>div { display: flex; align-items: center; gap: 11px; } dssa>bl>ft>div>i { display: flex; width: 14px; height: 10px; } dssa>bl>ft>div>i:nth-child(5) { display: flex; width: 20px; height: 19px; padding: 1px; border-radius: 11px; } dssa>bl>ft>div>i:nth-child(5):hover { background: var(--aat); } dssa th:nth-child(1), td:nth-child(1) { padding: 6px; border: solid 1px var(--0); border-bottom: solid 1px var(--b); } @media (max-width: 999px){ dssa>bl>bd { display: grid; overflow: scroll; } dssa table { font-size: 0.88em; letter-spacing: 0.5px; } } /*componet= DealInformation*/ dsad>bl { display: block; background: var(--b-t95); box-shadow: 0 0 3px 0; border: solid 1px var(--b); border-radius: 11px; padding: 11px; margin-top: 2%; } dsad>bl>hd { display: flex; gap: 4%; padding: 11px; align-items: center; margin-left: 3%; } dsad>bl>hd>d { display: block; font-size: 0.88em; gap: 5%; align-items: center; } dsad>bl>hd>d:nth-child(1) { display: grid; font-size: 0.88em; color: var(--a2); gap: 6px; } dsad>bl>hd>d:nth-child(1)>div>t { display: flex; margin-top: 3px; } dsad>bl>hd>d:nth-child(2)>div>t { display: flex; min-width: 321px; } dsad>bl>hd>d:nth-child(1)>div { display: flex; align-items: center; gap: 5px; height: fit-content; padding: 11px; justify-content: end; } dsad>bl>hd>d:nth-child(2)>div { display: flex; align-items: center; padding: 8px; border-radius: 7px; justify-content: space-between; gap: 11px; } dsad>bl>hd>d:nth-child(1)>div { display: flex; align-items: center; font-size: 0.88em; gap: 5px; height: fit-content; padding: 6px; justify-content: end; border-radius: 6px; } dsad>bl>hd div>i { display: flex; opacity: 0; visibility: visible; width: 0; height: 0; } dsad>bl>hd>d:nth-child(1)>div:hover>i { opacity: 1; visibility: visible; width: 14px; height: 11px; } dsad>bl>hd>d:nth-child(1)>div:hover { box-shadow: 0px 0px 0px 1px var(--bor); } dsad>bl>hd div:hover>i { display: block; opacity: 1; width: 20px; height: 16px; } dsad>bl>hd>d>div:hover { box-shadow: 0 0 0px 1px var(--bor); } @media (max-width: 999px){ dsad>bl>hd>d:nth-child(2)>div>t { display: flex; min-width: 182px; } }/*component DealList_Table*/ dert>bl { display: block; border: solid 1px var(--bor); padding: 11px; margin-top: var(--mr); background: var(--b-t77); border-radius: 11px; box-shadow: 0 0 0px 0px; } dert>bl>hd { display: flex; font-size: 0.88em; font-weight: 600; border-bottom: solid 1px var(--bor); padding: 0 0 9px 0; } dert>bl>bd { display: flex; font-size: 0.88em; font-weight: 600; color: var(--a2); margin-top: var(--mr); } /*component DealNew*/ crsr>bl { display: block; padding: 11px; background: var(--b-t77); border-radius: 11px; } crsr>bl>hd { display: flex; font-weight: 600; } crsr>bl>bd { display: flex; padding: 11px; justify-content: space-around; align-items: baseline; } crsr>bl>bd>div { display: block; padding: 11px; } crsr>bl>bd>div>d { display: flex; padding: 11px; justify-content: end; gap: 22px; align-items: center; position: relative; } crsr>bl>bd>div>d>div { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; font-size: 0.94em; justify-content: space-between; min-width: 383px; } crsr>bl>bd>div>d>div>b { display: flex; align-items: center; gap: 8px; } crsr>bl>bd>div>d>sapn { display: flex; font-size: 0.94em; color: var(--a2); } crsr>bl>bd>div>div>b>i { display: flex; width: 29px; height: 15px; } crsr>bl>bd>div>d>div>b>i { display: flex; width: 18px; height: 19px; } crsr>bl>bd>div>d>div>b>i:nth-child(2) { background: var(--aat); border-radius: unset; padding: 4px; width: 22px; height: 22px; } crsr>bl>bd>div>d>input { border-radius: 5px; padding: 7px; min-width: 366px; } crsr>bl>bd>div>d>input:focus { border: solid 1px var(--a); box-shadow: 0 0px 5px 0 var(--a); } crsr>bl>bd>div>d>i { display: flex; width: 17px; height: 22px; position: absolute; right: 12px; bottom: 12px; padding: 4px; } crsr>bl>bd>div>d>t { display: flex; font-size: 0.94em; position: absolute; left: 26%; bottom: 29%; } crsr>bl>bd>div>d>div>i { display: flex; width: 19px; height: 31px; } crsr>bl>bd>div>d>ul { display: none; position: absolute; top: 59%; left: 25%; background: var(--b-t88); border: solid 1px var(--b-t); padding: 6px; width: -webkit-fill-available; max-width: 366px; overflow: scroll; max-height: 302px; z-index: 9999; } crsr>bl>bd>div>d>ul>li { display: flex; font-size: 0.88em; padding: 11px; border-radius: 3px; } crsr>bl>bd>div>d>ul>li:hover { background: var(--b); } crsr>bl>bd>div>d>ul>li>div { color: var(--a); font-weight: 500; } crsr>bl>bd>div>d>ul>li>d { border-bottom: solid 1px var(--b); width: -webkit-fill-available; padding: 0px 0px 5px 0px; } crsr.Marrier>bl>bd>div>d>ul { display: block; } crsr>bl>bd>div>d>div>b>ul { display: none; background: var(--bt); position: absolute; top: 27px; left: 30%; z-index: 999; box-shadow: 0px 0px 2px 0px; border-radius: 4px; padding: 4px; } crsr>bl>bd>div>d>div>b>ul>input { border-radius: 6px; padding: 6px; min-width: 316px; box-shadow: 0px 0px 6px 0px var(--a); border: solid 1px var(--a); } crsr>bl>bd>div>d>div>b>ul>li>div { display: block; font-size: 0.88em; } crsr>bl>bd>div>d>div>b>ul>li>i { display: flex; width: 18px; height: 25px; } crsr>bl>bd>div>d>div>b>ul>li { display: flex; align-items: center; gap: 6px; padding: 4px; margin-top: 11px; border-radius: 5px; } crsr>bl>bd>div>d>div>b>ul>li>div>d { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); } crsr>bl>bd>div>d>div>b>ul>li:hover { background: var(--b); } crsr.Owner>bl>bd>div>d>div>b>ul { display: block; } crsr>bl>bd>div>d>div>b>i:nth-child(3) { display: flex; width: 26px; height: 29px; background: var(--aat); border-radius: unset; } crsr>bl>bd>div>d>btn { display: none; position: absolute; top: 55px; left: 25%; z-index: 99999; width: -webkit-fill-available; max-width: 365px; background: var(--b-t88); border-radius: 9px; box-shadow: 0px 0px 5px 0px; padding: 8px; } crsr>bl>bd>div>d>btn>ul>li { display: flex; padding: 10px; font-size: 0.92em; } crsr>bl>bd>div>d>btn>ul { display: block; padding: 0px 0px 0px 3px; overflow: scroll; max-height: 261px; } crsr>bl>bd>div>d>btn>li { display: flex; font-weight: 500; font-size: 0.92em; color: var(--a); margin-left: 11px; border-top: solid 1px var(--aat); padding: 5px; } crsr.Foller>bl>bd>div>d>btn { display: block; } crsr>bl>bd>div>d>div>btn { display: none; position: absolute; left: 25%; background: var(--b-t88); z-index: 99999; box-shadow: 0px 0px 5px 0px; border-radius: 5px; padding: 4px; top: 48px; width: -webkit-fill-available; max-width: 375px; } crsr>bl>bd>div>d>div>btn>ul { display: block; padding: 1px; overflow: scroll; max-height: 209px; } crsr>bl>bd>div>d>div>btn>input { border-radius: 5px; padding: 6px; border: solid 1px var(--a); width: -webkit-fill-available; } crsr>bl>bd>div>d>div>btn>ul>li>i { display: flex; width: 13px; height: 18px; } crsr>bl>bd>div>d>div>btn>ul>li { display: flex; gap: 1px; padding: 7px; } crsr>bl>bd>div>d>div>btn>ul>li>t { display: flex; margin-left: 11px; } crsr>bl>bd>div>d>div>btn>ul>li>d { display: flex; font-size: 0.92em; font-weight: 600; } crsr.Employee>bl>bd>div>d>div>btn { display: block; } crsr>bl>bd>div>d>t:nth-child(3) { display: flex; font-size: 0.88em; color: var(--a2); } crsr>bl>bd>div>d>b { display: flex; border: solid 1px var(--bor); padding: 7px; min-width: 366px; border-radius: 5px; font-weight: 400; font-size: 0.88em; } crsr>bl>bd>div>d>div>t { display: flex; margin-left: 9px; } crsr>bl>bd>div>d>t:nth-child(3) { display: flex; position: absolute; left: 30%; } crsr>bl>ft { display: block; font-size: 0.93em; font-weight: 600; padding: 17px; } crsr>bl>ft>div { display: flex; font-weight: 400; color: var(--a2); padding: 17px; align-items: center; gap: 22px; } crsr>bl>ft>div>input { display: flex; border: solid 1px var(--bor); padding: 9px; max-width: 781px; width: -webkit-fill-available; border-radius: 5px; margin-top: unset; } crsr>bl>ft>div>input:focus { border: solid 1px var(--a); box-shadow: 0px 0px 4px 0px var(--a); } crsr>bl>ft>div>input:hover { border: solid 1px var(--cbg1); } crsr>bl>bd>div>d>dealtype { display: none; position: absolute; background: var(--b-t88); box-shadow: 0px 0px 4px 0px; padding: 11px; z-index: 9999; left: 26%; top: 83%; max-width: 355px; width: -webkit-fill-available; border-radius: 6px; } crsr>bl>bd>div>d>dealtype>li>i { display: flex; width: 11px; height: 17px; } crsr>bl>bd>div>d>dealtype>li>d { display: flex; font-weight: 600; } crsr>bl>bd>div>d>dealtype>li>t { display: flex; position: relative; left: 20px; } crsr>bl>bd>div>d>dealtype>li { display: flex; font-size: 0.88em; gap: 8px; padding: 6px; border-radius: 4px; } crsr>bl>bd>div>d>dealtype>li:hover { background: var(--b); } crsr.Business>bl>bd>div>d>dealtype { display: block; } @media (max-width: 999px){ crsr>bl>bd>div>d { display: flex; padding: 11px; gap: 22px; align-items: center; position: relative; } crsr>bl>bd>div>d>div { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; font-size: 0.94em; justify-content: space-between; min-width: 156px; } crsr>bl>bd { display: block; padding: 11px; overflow: scroll; max-height: 566px; } crsr>bl>bd>div>d>t:nth-child(3) { display: flex; position: absolute; left: 51%; } crsr>bl>bd>div>d>b { display: flex; border: solid 1px var(--bor); padding: 7px; min-width: 143px; border-radius: 5px; font-weight: 400; font-size: 0.88em; } crsr>bl>bd>div>d { display: flex; padding: 11px; gap: 22px; align-items: center; position: relative; justify-content: end; } crsr>bl>bd>div>d>input { border-radius: 5px; padding: 7px; min-width: 141px; max-width: 41px; } cees>bl>hd>div { display: flex; align-items: center; gap: 2px; } crsr>bl>bd>div>d>t { display: flex; font-size: 0.94em; position: absolute; left: 50%; bottom: 29%; } crsr>bl>bd>div>d>div>btn>input { border-radius: 5px; padding: 6px; border: solid 1px var(--a); min-width: 210px; } crsr>bl>ft>div { display: flex; font-weight: 400; color: var(--a2); padding: 17px; align-items: center; gap: 7px; } crsr>bl>bd>div>d>div>b>ul>input { border-radius: 6px; padding: 6px; min-width: 205px; box-shadow: 0px 0px 6px 0px var(--a); border: solid 1px var(--a); } crsr>bl>ft>div>input { display: flex; border: solid 1px var(--bor); padding: 6px; max-width: 781px; width: -webkit-fill-available; border-radius: 5px; margin-top: unset; } } /*DealNewadd account*/ cdsa { display: none; padding: 11px; box-shadow: 0px 0px 2px 0px; border-radius: 7px; position: absolute; background: var(--bt); width: -webkit-fill-available; max-width: 352px; top: 36%; left: 18%; } cdsa.Account { display: block; } cdsa>bl>hd { display: block; overflow: scroll; max-height: 300px; } cdsa>bl>hd>div { display: flex; font-size: 0.88em; padding: 11px; border-radius: 6px; } cdsa>bl>bd { display: flex; font-size: 0.88em; font-weight: 500; color: var(--a); padding: 11px; border-top: solid 1px var(--b); border-radius: 5px; } cdsa>bl>hd>div:hover { background: var(--b); } cdsa>bl>bd:hover { background: var(--b); } cdsa.Probability { display: block; position: absolute; left: 64%; top: 46%; } cdsa.Source { display: block; position: absolute; left: 64%; top: 64%; } @media (max-width: 999px){ cdsa.Source { display: block; position: absolute; left: 7%; top: 78%; overflow: scroll; max-height: 129px; } } /*componet=DealNotes*/ drte>bl { display: block; background: var(--b-t95); box-shadow: 0 0 2px 0px; border: solid 1px var(--b-t22); margin-top: var(--mr); border-radius: 11px; padding: 11px; } drte>bl>hd { display: flex; align-items: center; max-width: 568px; justify-content: space-between; padding: 0 0px 0px 0; } drte>bl>hd>t { display: flex; font-size: 0.99em; font-weight: 600; } drte>bl>hd>div { display: flex; border: solid 1px var(--bor); padding: 3px; border-radius: 8px; align-items: center; font-size: 0.88em; } drte>bl>hd>div>i { display: flex; width: 21px; height: 15px; } drte>bl>bd { display: block; } drte>bl>hd>div { display: flex; border: solid 1px; padding: 3px; border-radius: 8px; align-items: center; font-size: 0.88em; } drte>bl>hd>div>btn>ul { position: absolute; background: var(--b-t88); box-shadow: 0 0 3px 0; border-radius: 8px; display: block; padding: 11px; opacity: 0; visibility: hidden; } drte>bl>hd>div>btn>ul>li>i { display: flex; width: 12px; height: 18px; } drte>bl>hd>div>btn>ul>li>t { display: flex; font-size: 0.99em; font-weight: 600; } drte>bl>hd>div>btn>ul>li { display: flex; padding: 2px; border-radius: 5px; } drte>bl>hd>div>btn>ul>li:nth-child(3) { display: flex; margin-left: 11%; margin-top: 4px; } drte>bl>bd>div { display: flex; font-size: 0.88em; color: var(--bor); border: solid 1px; max-width: 561px; padding: 5px; border-radius: 6px; } drte>bl>hd>div>btn>ul>li:hover { background: var(--aat);} drte>bl>hd>div>btn.Recent ul { opacity: 1; visibility: visible; position: absolute; left: 46%; } @media (max-width: 999px){ drta>bl>bd>div { display: block; margin-left: 10px; } drta>bl>bd>div>div>b { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); margin-left: 5px; gap: 8px; margin-top: 11px; } drta>bl>bd>div>div { display: grid; width: -webkit-fill-available; max-width: 221px; } drta>bl>bd>div>div>d { display: flex; font-size: 0.88em; gap: 11px; margin-top: 3%; align-items: center; justify-content: flex-end; } drta>bl>ft>div>b>t { display: flex; min-width: 270px; padding: 4px; border-radius: 6px; justify-content: space-between; } } /*component-DealSection_Header*/ dert>bl { display: block; border: solid 1px var(--bor); padding: 11px; margin-top: var(--mr); background: var(--b-t77); border-radius: 11px; box-shadow: 0 0 0px 0px; } dert>bl>hd { display: flex; font-size: 0.88em; font-weight: 600; border-bottom: solid 1px var(--bor); padding: 0 0 9px 0; } dert>bl>bd { display: flex; font-size: 0.88em; font-weight: 600; color: var(--a2); margin-top: var(--mr); } /*component DealsMenu*/ dsse>bl { display: block; font-size: 0.88em; background: var(--b); padding: 2px; box-shadow: 0 0 0px 0; } dsse>bl>hd { display: flex; align-items: center; justify-content: space-between; margin-top: 3px; padding: 3px; } dsse>bl>hd>d { display: flex; gap: 11px; align-items: center; } dsse>bl>hd>d>i { display: flex; width: 12px; height: 12px; background: var(--b-t88); padding: 8px; box-shadow: 0 0 3px 0; border-radius: 11px; } dsse>bl>hd>d>b { display: flex; background: var(--b-t88); min-width: 137px; padding: 2px; align-items: center; border-radius: 18px; border: solid 1px var(--bor); gap: 11px; max-height: 27px; } dsse>bl>hd>d>b>t { display: flex; border: solid 1px var(--a); background: var(--aat); padding: 3px; border-radius: 11px; min-width: 73px; justify-content: center; } dsse>bl>hd>d>b>t:nth-child(2) { display: flex; border: unset; background: unset; padding: 4px; font-weight: 400; font-size: 0.99em; } dsse>bl>hd>d>b>t:nth-child(2):hover { background: var(--aat); } dsse>bl>hd>b>i { display: flex; width: 15px; } dsse>bl>hd>b { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); gap: 4px; align-items: center; } /*componet= DealTable_List*/ dfsa>bl { display: block; background: var(--b-t88); padding: 11px; margin-top: var(--mr); border-radius: 11px; border: solid 1px var(--bor); box-shadow: 0 0 0px 0; } dfsa>bl>hd { display: flex; font-size: 0.88em; font-weight: 600; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--bor); padding: 0 0 11px 0; } dfsa>bl>hd>div { display: flex; padding: 4px; background: rgb(198 220 247); border-radius: 5px; min-width: 51px; justify-content: center; border: solid 1px var(--a); color: var(--a); } dfsa>bl>bd { display: flex; justify-content: center; font-size: 0.88em; font-weight: 600; color: var(--cg); margin-top: var(--mr); } /*component DealUpdate*/ cdsr>bl { display: block; padding: 11px; background: var(--b-t77); border-radius: 11px; } cdsr>bl>hd { display: flex; font-weight: 600; } cdsr>bl>bd { display: flex; padding: 11px; justify-content: space-around; align-items: baseline; } cdsr>bl>bd>div { display: block; padding: 11px; } cdsr>bl>bd>div>d { display: flex; padding: 11px; justify-content: end; gap: 22px; align-items: center; position: relative; } cdsr>bl>bd>div>d>div { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; font-size: 0.94em; justify-content: space-between; min-width: 383px; } cdsr>bl>bd>div>d>div>b { display: flex; align-items: center; gap: 8px; } cdsr>bl>bd>div>d>sapn { display: flex; font-size: 0.94em; color: var(--a2); } cdsr>bl>bd>div>div>b>i { display: flex; width: 29px; height: 15px; } cdsr>bl>bd>div>d>div>b>i { display: flex; width: 18px; height: 19px; } cdsr>bl>bd>div>d>div>b>i:nth-child(2) { background: var(--aat); border-radius: unset; padding: 4px; width: 22px; height: 22px; } cdsr>bl>bd>div>d>input { border-radius: 5px; padding: 7px; min-width: 366px; } cdsr>bl>bd>div>d>input:focus { border: solid 1px var(--a); box-shadow: 0 0px 5px 0 var(--a); } cdsr>bl>bd>div>d>i { display: flex; width: 17px; height: 22px; position: absolute; right: 12px; bottom: 12px; padding: 4px; } cdsr>bl>bd>div>d>t { display: flex; font-size: 0.94em; position: absolute; left: 26%; bottom: 29%; } cdsr>bl>bd>div>d>div>i { display: flex; width: 19px; height: 31px; } cdsr>bl>bd>div>d>ul { display: none; position: absolute; top: 59%; left: 25%; background: var(--b-t88); border: solid 1px var(--b-t); padding: 6px; width: -webkit-fill-available; max-width: 366px; overflow: scroll; max-height: 302px; z-index: 9999; } cdsr>bl>bd>div>d>ul>li { display: flex; font-size: 0.88em; padding: 11px; border-radius: 3px; } cdsr>bl>bd>div>d>ul>li:hover { background: var(--b); } cdsr>bl>bd>div>d>ul>li>div { color: var(--a); font-weight: 500; } cdsr>bl>bd>div>d>ul>li>d { border-bottom: solid 1px var(--b); width: -webkit-fill-available; padding: 0px 0px 5px 0px; } cdsr.Marrier>bl>bd>div>d>ul { display: block; } cdsr>bl>bd>div>d>div>b>ul { display: none; background: var(--bt); position: absolute; top: 27px; left: 30%; z-index: 999; box-shadow: 0px 0px 2px 0px; border-radius: 4px; padding: 4px; } cdsr>bl>bd>div>d>div>b>ul>input { border-radius: 6px; padding: 6px; min-width: 316px; box-shadow: 0px 0px 6px 0px var(--a); border: solid 1px var(--a); } cdsr>bl>bd>div>d>div>b>ul>li>div { display: block; font-size: 0.88em; } cdsr>bl>bd>div>d>div>b>ul>li>i { display: flex; width: 18px; height: 25px; } cdsr>bl>bd>div>d>div>b>ul>li { display: flex; align-items: center; gap: 6px; padding: 4px; margin-top: 11px; border-radius: 5px; } cdsr>bl>bd>div>d>div>b>ul>li>div>d { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); } cdsr>bl>bd>div>d>div>b>ul>li:hover { background: var(--b); } cdsr.Owner>bl>bd>div>d>div>b>ul { display: block; } cdsr>bl>bd>div>d>div>b>i:nth-child(3) { display: flex; width: 26px; height: 29px; background: var(--aat); border-radius: unset; } cdsr>bl>bd>div>d>btn { display: none; position: absolute; top: 55px; left: 25%; z-index: 99999; width: -webkit-fill-available; max-width: 365px; background: var(--b-t88); border-radius: 9px; box-shadow: 0px 0px 5px 0px; padding: 8px; } cdsr>bl>bd>div>d>btn>ul>li { display: flex; padding: 10px; font-size: 0.92em; } cdsr>bl>bd>div>d>btn>ul { display: block; padding: 0px 0px 0px 3px; overflow: scroll; max-height: 261px; } cdsr>bl>bd>div>d>btn>li { display: flex; font-weight: 500; font-size: 0.92em; color: var(--a); margin-left: 11px; border-top: solid 1px var(--aat); padding: 5px; } cdsr.Foller>bl>bd>div>d>btn { display: block; } cdsr>bl>bd>div>d>div>btn { display: none; position: absolute; left: 25%; background: var(--b-t88); z-index: 99999; box-shadow: 0px 0px 5px 0px; border-radius: 5px; padding: 4px; top: 48px; width: -webkit-fill-available; max-width: 375px; } cdsr>bl>bd>div>d>div>btn>ul { display: block; padding: 1px; overflow: scroll; max-height: 209px; } cdsr>bl>bd>div>d>div>btn>input { border-radius: 5px; padding: 6px; border: solid 1px var(--a); width: -webkit-fill-available; } cdsr>bl>bd>div>d>div>btn>ul>li>i { display: flex; width: 13px; height: 18px; } cdsr>bl>bd>div>d>div>btn>ul>li { display: flex; gap: 1px; padding: 7px; } cdsr>bl>bd>div>d>div>btn>ul>li>t { display: flex; margin-left: 11px; } cdsr>bl>bd>div>d>div>btn>ul>li>d { display: flex; font-size: 0.92em; font-weight: 600; } cdsr.Employee>bl>bd>div>d>div>btn { display: block; } cdsr>bl>bd>div>d>t:nth-child(3) { display: flex; font-size: 0.88em; color: var(--a2); } cdsr>bl>bd>div>d>b { display: flex; border: solid 1px var(--bor); padding: 7px; min-width: 366px; border-radius: 5px; font-weight: 400; font-size: 0.88em; } cdsr>bl>bd>div>d>div>t { display: flex; margin-left: 9px; } cdsr>bl>bd>div>d>t:nth-child(3) { display: flex; position: absolute; left: 30%; } cdsr>bl>ft { display: block; font-size: 0.93em; font-weight: 600; padding: 17px; } cdsr>bl>ft>div { display: flex; font-weight: 400; color: var(--a2); padding: 17px; align-items: center; gap: 22px; } cdsr>bl>ft>div>input { display: flex; border: solid 1px var(--bor); padding: 9px; max-width: 781px; width: -webkit-fill-available; border-radius: 5px; margin-top: unset; } cdsr>bl>ft>div>input:focus { border: solid 1px var(--a); box-shadow: 0px 0px 4px 0px var(--a); } cdsr>bl>ft>div>input:hover { border: solid 1px var(--cbg1); } cdsr>bl>bd>div>d>dealtype { display: none; position: absolute; background: var(--b-t88); box-shadow: 0px 0px 4px 0px; padding: 11px; z-index: 9999; left: 26%; top: 83%; max-width: 355px; width: -webkit-fill-available; border-radius: 6px; } cdsr>bl>bd>div>d>dealtype>li>i { display: flex; width: 11px; height: 17px; } cdsr>bl>bd>div>d>dealtype>li>d { display: flex; font-weight: 600; } cdsr>bl>bd>div>d>dealtype>li>t { display: flex; position: relative; left: 20px; } cdsr>bl>bd>div>d>dealtype>li { display: flex; font-size: 0.88em; gap: 8px; padding: 6px; border-radius: 4px; } cdsr>bl>bd>div>d>dealtype>li:hover { background: var(--b); } cdsr.Business>bl>bd>div>d>dealtype { display: block; } @media (max-width: 999px){ cdsr>bl>bd>div>d { display: flex; padding: 11px; gap: 22px; align-items: center; position: relative; } cdsr>bl>bd>div>d>div { display: flex; border: solid 1px var(--bor); align-items: center; border-radius: 5px; font-size: 0.94em; justify-content: space-between; min-width: 156px; } cdsr>bl>bd { display: block; padding: 11px; overflow: scroll; max-height: 566px; } cdsr>bl>bd>div>d>t:nth-child(3) { display: flex; position: absolute; left: 51%; } cdsr>bl>bd>div>d>b { display: flex; border: solid 1px var(--bor); padding: 7px; min-width: 143px; border-radius: 5px; font-weight: 400; font-size: 0.88em; } cdsr>bl>bd>div>d { display: flex; padding: 11px; gap: 22px; align-items: center; position: relative; justify-content: end; } cdsr>bl>bd>div>d>input { border-radius: 5px; padding: 7px; min-width: 141px; max-width: 41px; } cdsr>bl>hd>div { display: flex; align-items: center; gap: 2px; } cdsr>bl>bd>div>d>t { display: flex; font-size: 0.94em; position: absolute; left: 50%; bottom: 29%; } cdsr>bl>bd>div>d>div>btn>input { border-radius: 5px; padding: 6px; border: solid 1px var(--a); min-width: 210px; } cdsr>bl>ft>div { display: flex; font-weight: 400; color: var(--a2); padding: 17px; align-items: center; gap: 7px; } cdsr>bl>bd>div>d>div>b>ul>input { border-radius: 6px; padding: 6px; min-width: 205px; box-shadow: 0px 0px 6px 0px var(--a); border: solid 1px var(--a); } cdsr>bl>ft>div>input { display: flex; border: solid 1px var(--bor); padding: 6px; max-width: 781px; width: -webkit-fill-available; border-radius: 5px; margin-top: unset; } } /*componet= Deal_AboutContact*/ dera>bl { display: block; background: var(--b-t95); box-shadow: 0 0 1px 0px; border: solid 1px var(--bc); padding: 11px; margin-top: var(--mr); border-radius: 11px; } dera>bl>hd { display: flex; font-size: 0.88em; font-weight: 600; } dera>bl>bd { display: flex; } dera>bl>bd>d { display: flex; } dera>bl>bd>d>i { display: flex; width: 30px; height: 30px; background: var(--b-t88); box-shadow: 0 0 2px 0; border-radius: 15px; margin-top: 6px; } dera>bl>bd>d>div>t { display: flex; font-size: 0.88em; font-weight: 500; margin-top: 3px; } dera>bl>bd>d>div { display: block; align-items: center; margin-left: 11px; } dera>bl>bd>d>div>div { display: flex; font-size: 0.88em; gap: 11px; margin-top: 7px; } dera>bl>bd>d>div>div>i { display: flex; width: 14px; height: 14px; } /*componet= Dealdeals*/ drta>bl { display: block; background: var(--b-t88); box-shadow: 0 0 1px 0px; padding: 11px; border: solid 1px var(--bg); border-radius: 11px; margin-top: 11px; } drta>bl>hd { display: flex; font-size: 0.88em; align-items: center; font-weight: 600; border-bottom: solid 1px var(--c0); padding: 2px 0px 6px 0; } drta>bl>hd>i { display: flex; width: 16px; height: 11px; } drta>bl>bd { display: block;margin-top: var(--mr); align-items: center; } drta>bl>bd>div { display: flex; margin-left: 4%; gap: 3%; } drta>bl>bd>t { display: flex; font-size: 0.88em; font-weight: 600; } drta>bl>bd>div>div>d { display: flex; font-size: 0.88em; gap: 9%; margin-top: 3%; align-items: center; justify-content: flex-end; } drta>bl>bd>div>div>d>t:nth-child(1) { display: flex; font-size: 0.88em; color: var(--a2); } drta>bl>bd>div>div>b { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); margin-left: 8%; gap: 8%; margin-top: 11px; } drta>bl>bd>div>div>b>div>t { display: flex; font-size: 0.88em; color: var(--c); margin-top: 4px; } drta>bl>bd>div>b>div { display: block; } drta>bl>bd>div>div>d>div { display: flex; color: var(--a); width: -webkit-fill-available; max-width: 277px; padding: 5px; border-radius: 8px; justify-content: space-between; position: relative; right: 11px; } drta>bl>bd>div>div>d>t:nth-child(2) { display: flex; padding: 4px; min-width: 288px; border-radius: 7px; justify-content: space-between; } drta>bl>bd>div>div>d>t>i { display: flex; opacity: 0; visibility: visible; width: 0; height: 0; } drta>bl>bd>div>div { display: grid; width: -webkit-fill-available; max-width: 438px; } drta>bl>bd>div>div>div { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); gap: 11%; margin-top: 4%; margin-left: 9%; } drta>bl>bd>div>div>div>d { display: block; } drta>bl>bd>div>div>div>d>t { display: flex; font-size: 0.88em; color: var(--b1); margin-top: 4px; } drta>bl>ft { display: block; font-size: 0.88em; margin-top: 4%; } drta>bl>ft>t { display: flex; font-weight: 600; } drta>bl>ft>div { display: flex; gap: 4%; color: var(--a2); margin-top: 2%; margin-left: 3%; align-items: center; } drta>bl>ft>div>b>t:hover { box-shadow: 0 0 0 1px var(--bor); } drta>bl>ft>div>b>t { display: flex; min-width: 499px; padding: 4px; border-radius: 6px; justify-content: space-between; } drta>bl>ft>div>b { display: flex; } drta>bl>ft>div>b>t>i { display: none; width: 0; visibility: visible; height: 0; opacity: 0; } drta>bl>ft>div>b>t>i:hover { display: block; opacity: 1; visibility: visible; width: 22px; height: 12px; } drta>bl>ft>div>t { display: flex; margin-top: 8px; } drta>bl>bd>div>div>d>t:nth-child(2):hover { box-shadow: 0 0 0 1px var(--c0); } drta>bl>bd>div>div>d>div:hover { box-shadow: 0 0 0 1px var(--bor); } drta>bl>bd>div>div>d>t:hover>i { display: block; opacity: 1; width: 20px; height: 16px; } drta>bl>bd>div>div>d>div>i { display: flex; opacity: 0; visibility: visible; width: 0; height: 0; } drta>bl>bd>div>div>d>div:hover>i { display: block; opacity: 1; width: 20px; height: 16px; } @media (max-width: 999px){ drta>bl>ft { display: block; font-size: 0.88em; margin-top: 11px; } drta>bl>bd>div>div { display: grid; } drta>bl>bd>div>div>d>t:nth-child(1) { display: flex; font-size: 0.88em; color: var(--a2); justify-content: end; } drta>bl>bd>div>div>d { display: grid; font-size: 0.88em; gap: 11px; align-items: center; justify-content: flex-end; grid-template-columns: 50% 50%; margin: 0; } drta>bl>bd>div>div>d>div { display: flex; color: var(--a); width: -webkit-fill-available; max-width: 277px; padding: 5px; border-radius: 8px; justify-content: space-between; } drta>bl>bd>div>div>b { display: flex; font-size: 0.88em; font-weight: 400; color: var(--a2); margin-top: 11px; gap: 4px; justify-content: end; } drta>bl>bd>div>div>d>t:nth-child(2) { display: flex; padding: 4px; border-radius: 7px; justify-content: flex-start; } drta>bl>bd>div>div>b>div { display: block; position: relative; left: 12px; } drta>bl>bd>div>div { display: grid; justify-content: center; } } /*componet=Dealheader*/ deko>bl { display: block; } deko>bl>hd { display: flex; background: var(--b-t95); box-shadow: 0 0 4px 0; align-items: center; justify-content: space-between; padding: 4px; } deko>bl>hd>d { display: flex; align-items: center; gap: 7px; } deko>bl>hd>d>i { height: 17px; width: 17px; } deko>bl>hd>d>i:hover { background: var(--bor); padding: 4px; border-radius: 19px; } deko>bl>hd>d>t { display: flex; font-size: 0.99em; font-weight: 600; font-family: sans-serif; } deko>bl>hd>d>t:nth-child(3) { display: flex; font-size: 0.88em; font-weight: 500; } deko>bl>hd>d:nth-child(2) { display: flex; align-items: center; gap: 8px; } deko>bl>hd>d:nth-child(2)>t { display: flex; background: var(--a); padding: 5px; font-size: 0.99em; border-radius: 6px; color: var(--b); justify-content: unset; } deko>bl>hd>d:nth-child(2)>t:nth-child(2) { display: flex; background: var(--b); box-shadow: 0px 0px 2px 0px; color: var(--b1); font-size: 0.88em; border: solid 1px var(--b); max-width: 45px; padding: 5px; justify-content: center; } deko>bl>hd>d:nth-child(2)>i:nth-child(3) { display: flex; background: var(--b); border: solid 1px var(--bg); box-shadow: 0 0 4px 0px; border-radius: 6px; width: 44px; padding: 4px; height: 17px; } deko>bl>hd>d:nth-child(2)>ul { display: none; box-shadow: 0 0 6px 0; border-radius: 9px; position: absolute; top: 30px; background: var(--b); padding: 7px; } deko>bl>hd>d>ul.Clone { display: block; } deko>bl>hd>d:nth-child(2)>ul>li { display: block; font-size: 0.88em; padding: 5px; border-radius: 5px; margin-top: 4px; } deko>bl>hd>d:nth-child(2)>ul>li:hover { background: rgb(153 175 217 / 22%); } /*component=DealsFilter*/ daas>bl { display: block; background: var(--b-t88); width: fit-content; border: solid 1px var(--bor); padding: 11px; border-radius: 11px; box-shadow: 0 0 1px 0; } daas>bl>hd { display: block; } daas>bl>hd>t { display: flex; font-size: 0.88em; font-weight: 600; } input { height: auto; padding: 9px; min-width: 233px; border: solid 1px var(--bor); margin-top: 11px; } daas>bl>hd>div>i { display: flex; width: 16px; height: 16px; } daas>bl>hd>div { display: flex; font-size: 0.88em; gap: 6px; align-items: center; margin-top: 11px; padding: 8px; } daas>bl>hd>sl { display: flex; } daas sl { display: flex; border-radius: 11px; margin-bottom: 11px; position: relative; overflow: hidden; width: 100%; align-items: center; gap: 9px; height: unset; background: url(); font-size: 0.88em; } daas bl hd sl input { width: 20px; display: block; height: 14px; margin: 0px; min-width: unset; } daas>bl>hd>div:hover { background: var(--aat); } daas>bl>bd { display: block; max-height: 750px; overflow: scroll; } daas>bl>bd>div>i { display: flex; width: 15px; height: 15px; } daas>bl>bd>div:hover { background: var(--aat); } daas>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; padding: 6px; } daas>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; } daas bl bd sl { display: flex; width: unset; padding: 2px; gap: 11px; } daas bl bd sl input { display: block; margin: 0; width: unset; min-width: unset; } /*component DealsHeader*/ dccs>bl { display: flex; padding: 11px; background: var(--b-t88); } dccs>bl>hd { display: flex; align-items: center;} dccs>bl>hd>div { display: flex; align-items: center;gap: 11px; } dccs>bl>hd>div>i { display: flex; width: 27px; height: 15px; background: var(--bor); box-shadow: 0 0 9px 0; padding: 7px; } dccs>bl>hd>div>d { display: flex; font-size: 0.88em; font-weight: 500; border: solid 1px var(--bor); border-radius: 5px; padding: 5px; gap: 10px; align-items: center; } dccs>bl>hd>div>d>i { display: flex; width: 12px; height: 16px; } dccs>bl>hd>div:nth-child(2) { display: flex; } dccs>bl>hd>div:nth-child(2)>b { display: flex; border: solid 1px var(--bor); padding: 3px; border-radius: 6px; gap: 11px; } dccs>bl>hd>div:nth-child(2)>b>i { display: flex; width: 18px; height: 16px; padding: 3px; } dccs>bl>hd { display: flex; align-items: center; justify-content: space-between; width: -webkit-fill-available; } dccs>bl>hd>div:nth-child(2)>d>i { display: flex; background: var(--a); padding: 6px; border-radius: 0px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } dccs>bl>hd>div:nth-child(2)>d>t { display: flex; background: var(--a); color: var(--b-t88); padding: 5px; min-width: 82px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; } dccs>bl>hd>div:nth-child(2)>d { display: flex; gap: 1px; } dccs>bl>hd>div:nth-child(2)>d { display: flex; gap: 1px; padding: 2px; border: unset; } dccs>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; gap: 2px; border: solid 1px var(--bor); padding: 1px; background: var(--b-t22); box-shadow: 0px 0px 11px 0px var(--bor); } dccs>bl>hd>div:nth-child(2)>d:nth-child(3)>t { display: flex; background: url(); color: unset; min-width: unset; } dccs>bl>hd>div:nth-child(2)>d:nth-child(3)>i { display: flex; background: url(); } dccs>bl>hd>div:nth-child(2)>d:nth-child(3) { display: flex; gap: 2px; border: solid 1px var(--bor); padding: 1px; } dccs>bl>hd>div:nth-child(2)>d>ul { display: none; position: absolute; top: 31px; background: var(--b-t88); z-index: 9999; box-shadow: 0 0 3px 0; border-radius: 7px; padding: 7px; } dccs>bl>hd>div:nth-child(2)>d>ul>li:hover { background: var(--b); } dccs>bl>hd>div:nth-child(2)>d>ul>li { display: flex; font-weight: 400; font-size: 0.99em; margin-top: 3px; padding: 4px; border-radius: 5px; } dccs>bl>hd>div:nth-child(2)>d:nth-child(3)>btn { display: flex; position: absolute; top: 30px; right: 7px; } dccs>bl>hd>div:nth-child(2)>d:nth-child(3)>btn>ul>li:hover { background: var(--b); } dccs>bl>hd>div:nth-child(2)>d:nth-child(3)>btn>ul>li { display: flex; padding: 5px; width: max-content; border-radius: 4px; } dccs>bl>hd>div:nth-child(2)>d:nth-child(3)>btn>ul { display: none; font-size: 0.99em; font-weight: 400; background: var(--b-t88); padding: 10px; box-shadow: 0 0 4px 0; border-radius: 6px; width: auto; } dccs>bl>hd>div:nth-child(2)>b>ul { display: none; position: absolute; top: 33px; background: var(--b-t88); box-shadow: 0 0 3px 0; border-radius: 8px; padding: 11px; font-weight: 400; font-size: 0.88em; } dccs>bl>hd>div:nth-child(2)>b>ul>li { display: flex; gap: 11px; padding: 5px; border-radius: 5px; } dccs>bl>hd>div:nth-child(2)>b>ul>li>i { display: flex; width: 13px; } dccs>bl>hd>div:nth-child(2)>b>ul>li:hover { background: var(--b); } dccs>bl>hd>div:nth-child(2)>b>ul>li>d { display: flex; font-weight: 600; } dccs>bl>hd>div:nth-child(1)>d>ul { display: none; background: var(--b-t88); box-shadow: 0 0 4px 0; border-radius: 11px; padding: 9px; position: absolute; top: 41px; } dccs.View>bl>hd>div:nth-child(2)>b>ul { display: block; } dccs>bl>hd>div>d>ul>li>i { display: flex; width: 12px; height: 11px; } dccs>bl>hd>div>d>ul>li { display: flex; font-size: 0.88em; gap: 2px; padding: 6px; border-radius: 5px; } dccs>bl>hd>div>d>ul>li>t { display: flex; font-weight: 400; margin-left: 11px; } dccs>bl>hd>div>d>ul>li>d:nth-child(1) { display: flex; margin-left: 11px; font-weight: 400; border-bottom: solid 1px var(--bor); width: -webkit-fill-available; } dccs>bl>hd>div>d>ul>li>div { display: flex; margin-left: 11px; color: var(--a); font-weight: 400; } dccs.views >bl>hd>div:nth-child(1)>d>ul { display: block; } dccs>bl>hd>div>d>ul>li:hover { background: var(--b); } dccs.Import bl>hd>div:nth-child(2)>d>ul { display: block; } dccs.Export bl>hd>div:nth-child(2)>d:nth-child(3)>btn>ul { display: block; } @media (max-width: 999px){ dccs>bl>hd>div>d { display: flex; font-size: 0.77em; font-weight: 500; border: solid 1px var(--bor); border-radius: 5px; padding: 5px; gap: 2px; min-width: 66px; align-items: center; } deer>bl { display: block; margin-left: 11px; overflow: scroll; margin-top: var(--mr); } dccs>bl>hd>div { display: flex; align-items: center; gap: 4px; } dccs>bl>hd>div:nth-child(2)>d>i { display: flex; background: var(--a); padding: 5px; border-radius: 0px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } dccs>bl>hd>div:nth-child(2)>d>t { display: flex; background: var(--a); color: var(--b-t88); padding: 5px; min-width: 82px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } }/*component DealsMenu*/ deea>bl { display: block; } deea>bl>hd { display: flex; align-items: center; justify-content: space-between; padding: 7px; } deea>bl>hd>d>i { display: flex; width: 18px; height: 18px; border-radius: 11px; } deea>bl>hd>d>i:hover { background: var(--b-t88); box-shadow: 0 0 4px 0; } deea>bl>hd>d { display: flex; font-size: 0.88em; font-weight: 600; padding: 11px; gap: 8px; align-items: center; } deea>bl>hd>div { display: flex; font-size: 0.88em; align-items: center; gap: 11px; } deea>bl>hd>div>b { display: flex; font-weight: 400; border: solid 1px var(--c0); align-items: center; height: fit-content; padding: 4px; background: var(--bc); gap: 8px; border-radius: 5px; } deea>bl>hd>div>d>i { display: flex; width: 13px; height: 13px; } deea>bl>hd>div>b>i { display: flex; height: 10px; width: 12px; } deea>bl>hd>div>d { display: flex; height: fit-content; border: solid 1px var(--bor); background: var(--b-t); padding: 3px; gap: 9px; border-radius: 4px;align-items: center; } deea>bl>hd>div>d>ul { display: none; position: absolute; top: 29px; right: 11px; background: var(--b-t88); box-shadow: 0 0 8px 0; border-radius: 8px; padding: 4px; } input { outline: 0; display: block; max-width: 100%; height: auto; background: var(--b-t77); color: var(--c); padding: 6px; border: solid 1px var(--bor); } deea>bl>hd>div>d li { display: flex; padding: 6px; border-radius: 8px; gap: 4px; align-items: center; } deea>bl>hd>div>d li>i { display: flex; width: 13px; height: 10px; } deea>bl>hd>div>d li>t { display: flex; margin-left: 11px; } deea>bl>hd>div>d>ul>li:hover { background: var(--b-t); } deea>bl>hd>div>d li { display: flex; padding: 6px; border-radius: 8px; } deea>bl>hd>div>d>ul>li>div { display: flex; font-weight: 500; } deea>bl>hd>div d { max-height: 244px; overflow: scroll; background: var(--b-t88); } deea.Account bl>hd>div>d>ul { display: block; }/*componet=Deals_TaskList*/ cllo>bl{ display: block; background: var(--b-t95); border-radius: 8px; margin-top: var(--mr); padding: 8px; font-size: 0.96em; } cllo>bl>hd { display: block; font-size: 0.96em; } cllo>bl>hd>t { display: flex; font-size: 0.89em; font-weight: 600; padding: 2px; align-items: center; justify-content: space-between; } cllo>bl:hover>hd>t>input { visibility: visible; opacity: 1; } cllo>bl:hover>hd>t { visibility: visible; opacity: 1; } cllo>bl:hover>hd>t { color: var(--a); } cllo>bl>bd>d { display: flex; font-size: 0.89em; padding: 2px; } cllo>bl>bd>div { display: flex; font-size: 0.89em; padding: 2px; } cllo>bl:hover>bd>div { color: var(--a); } cllo>bl>ft>b { display: flex; color: var(--cred); font-weight: 400; font-size: 0.89em; padding: 2px; justify-content: space-between; } cllo>bl>hd>t>input { width: unset; visibility: unset; opacity: 0; } cllo>bl>bl:hover>t>input { opacity: 1; visibility: visible; } cllo>bl>hd>b { display: flex; color: var(--cred); font-weight: 400; font-size: 0.89em; padding: 2px; justify-content: space-between; align-items: center; } cllo>bl:hover>ft>b>i { visibility: visible; opacity: 1; } cllo>bl>ft>b>i { display: flex; width: 15px; visibility: unset; opacity: 0; } @media (max-width: 999px){ } /*componet=Deals_TaskLists*/ deer>bl { display: block; margin-left: 11px; } deer>bl>hd { display: block; background: var(--b-t52); padding: 11px; border-top: solid 4px var(--b-t52); } deer>bl>hd>div { display: flex; font-size: 0.88em; gap: 11px; min-width: 286px; align-items: center; justify-content: space-between; } deer>bl>hd>div>b>d { display: flex; background: var(--b-t52); min-width: 18px; border-radius: 11px; max-height: 18px; justify-content: center; align-items: center; } deer>bl>hd>div>d>d { display: flex; background: var(--b-t52); padding: 5px; border-radius: 11px; max-height: 9px; align-items: center; } deer>bl>hd>div>b { display: flex; font-weight: 400; } deer>bl>hd>div:nth-child(2) { display: flex; font-weight: 600; font-size: 0.95em; } deer>bl>hd>div>b>b { display: flex; font-weight: 400; } deer input { outline: 0; display: block; min-width: unset; height: auto; background: var(--b-t77); color: var(--c); padding: 6px; border: solid 1px var(--bor); } deer>bl>hd>div>t { display: flex; visibility: unset; opacity: 0; } deer>bl>hd:hover>div>t { visibility: visible; opacity: 1;} /*component Document Toolbar*/ doce>bl { display: flex; align-items: center; padding: 11px; justify-content: space-between; } doce>bl>hd { display: flex; align-items: center; } doce>bl>hd>i { display: flex; width: 31px; height: 31px; padding: 3px; border-radius: 18px; } doce>bl>hd>i:hover { background: var(--a); } doce>bl>hd>div>d { display: flex; font-size: 0.82em; color: var(--b-t77); background: var(--a); padding: 3px; height: fit-content; gap: 3px; border-radius: 2px; justify-content: center; } doce>bl>hd>div>i { display: flex; width: 28px; height: 28px; border-radius: 15px; padding: 3px; } doce>bl>hd>div>d>i { display: flex; width: 18px; height: 17px; filter: invert(1); } doce>bl>hd>div { display: flex; } doce>bl>hd>div>t { display: flex; font-size: 0.89em; } doce>bl>hd>div>div { display: flex; color: var(--a2); font-size: 0.88em; gap: 5px; } doce>bl>hd>div>div>t:hover { color: var(--a); border-bottom: solid 1px; } doce>bl>hd>div>b { background: #fe9130; padding: 3px; font-size: 0.83em; font-weight: 400; color: var(--b-t); border-radius: 2px; } doce>bl>bd { display: flex; gap: 10px; } doce>bl>bd>div { display: flex; border: solid 1px var(--bor); padding: 3px; border-bottom: solid 2px var(--a); font-size: 0.82em; gap: 3px; align-items: center; } doce>bl>bd>div>i { display: flex; width: 16px; height: 19px; } doce>bl>bd>div:hover { border: solid 1px var(--a); } doce>bl>bd>i { display: flex; border: solid 1px var(--bor); border-radius: 2px; padding: 4px; } doce>bl>bd>d { display: flex; font-size: 0.84em; color: var(--a); border: solid 1px var(--a); align-items: center; gap: 8px; justify-content: center; } doce>bl>hd>i>svg { height: 29px; } doce>bl>bd>d>i { display: flex; width: 15px; height: 27px; border-left: solid 1px; border-radius: 2px; } doce>bl>bd>i:hover { border: solid 1px var(--a); } doce>bl>bd>i:nth-child(4) { display: flex; border: unset; background: var(--a2); } doce>bl>bd>i:nth-child(4):hover { border: unset; } doce>bl>bd>i:nth-child(6) { display: flex; background: var(--b1); height: 18px; }doce>bl>hd>div>t:hover { background: var(--b-t77); border: solid 1px var(--bor); } doce>bl>bd>div>ul>li>div { display: block; } doce>bl>bd>div>ul>li { display: block; font-size: 0.99em; padding: 6px; border-radius: 1px; } doce>bl>bd>div>ul { display: none; position: absolute; top: 34px; background: var(--b-t77); padding: 13px; z-index: 99999999999999; width: -webkit-fill-available; max-width: 226px; border-radius: 7px; } doce.COMPOSE>bl>bd>div>ul { display: block; } doce>bl>bd>div>ul>li:hover { background: var(--at); } doce>bl>bd>div>ul>li>div>t { display: flex; font-size: 0.88em; } doce>bl>bd>div>ul>li>div>b { color: var(--bor); font-size: 0.88em; font-weight: 400; display: flex; width: -webkit-fill-available; max-width: 246px; } doce>bl>bd>div>ul>li:nth-child(1) { display: flex; border-left: solid 3px var(--a); background: var(--at); } doce>bl>bd>div>ul>li>b { display: flex; color: var(--bor); font-weight: 400; width: -webkit-fill-available; max-width: 246px; } doce>bl>bd>d>btn { display: none; position: absolute; top: 44px; right: 100px; border: solid 1px var(--bor); background: var(--b-t88); border-radius: 3px; width: -webkit-fill-available; max-width: 335px; } doce>bl>bd>d>btn>ul { display: block; padding: 1px; } doce>bl>bd>d>btn>ul>li:nth-child(1) { display: flex; border-bottom: solid 1px var(--bor); background: var(--bc); gap: 9px; } doce>bl>bd>d>btn>ul>li { display: flex; font-size: 0.99em; color: var(--b1); } doce>bl>bd>d>btn>ul>li>i { display: flex; width: 21px; height: 24px; } doce>bl>bd>d>btn>ul>li>div>t { display: flex; } doce>bl>bd>d>btn>ul>li>div>t:nth-child(1) { display: flex; font-size: 1.1em; font-weight: 500; } doce>bl>bd>d>btn>ul>li>div>d { display: flex; color: var(--green); } doce>bl>bd>d>btn>ul>li { display: flex; font-size: 0.99em; color: var(--b1); gap: 9px; padding: 2px; align-items: center; } doce>bl>bd>d>btn>ul>li>div { display: block; } doce>bl>bd>d>btn>ul>li:nth-child(1)>i { display: flex; border: solid 1px var(--green); border-radius: 20px; width: 23px; height: 24px; } doce>bl>bd>d>btn>ul>li:nth-child(4) { display: flex; border-bottom: solid 1px var(--bor); } doce.Owner>bl>bd>d>btn { display: block; } doce>bl>bd>d>btn>ul>li:hover { background: var(--aat); } doce>bl>bd>d>btn>ul>li:nth-child(1):hover { background: url(); } /*component Document_EditorSideba*/ cdss>bl { display: block; background: var(--bg); width: fit-content; box-shadow: 0 0 3px 0; } cdss>bl>hd { display: block; color: var(--a1); font-weight: 600; font-size: 0.99em; padding: 9px; } cdss>bl>hd>div { display: flex; padding: 3px; position: relative; padding: 5px; } cdss>bl>hd>div>d { display: flex; } cdss>bl>hd>div>d>i { display: flex; width: 18px; padding: 3px; border: solid 1px var(--bor); border-radius: 2px; filter: saturate(0.5); background: var(--b-t88); } cdss>bl>hd>div>b { display: flex; position: relative; } cdss>bl>hd>div>d>i { display: flex; width: 18px; padding: 3px; border: solid 1px var(--bor); border-radius: 2px; filter: saturate(0.5); background: var(--b-t22); } cdss>bl>hd>div>b>i:hover { border: solid 1px var(--a); } cdss>bl>hd>div>b>i { display: flex; width: 18px; padding: 3px; border: solid 1px var(--bor); border-radius: 2px; filter: saturate(0.5); background: var(--b-t88); } cdss>bl>hd>div>b>ul { display: none; position: absolute; background: var(--b-t88); top: 16px; font-weight: 400; padding: 0px; width: max-content; border-radius: 3px; box-shadow: 0px 0px 1px 0px; z-index: 99999; } cdss>bl>hd>div>b>ul>li { display: flex; padding: 5px; font-size: 0.89em; } cdss>bl>hd>div>b>ul>li:hover { background: var(--at); } cdss.Duplicate>bl>hd>div>b>ul { display: block; } cdss>bl>hd>div>dv { display: flex; font-size: 0.88em; font-weight: 400; border: solid 1px var(--bor); background: var(--b-t88); padding: 4px; gap: 6px; } cdss>bl>hd>div>dv>i { display: flex; width: 12px; height: 20px; } cdss>bl>hd>div>dv>btn { display: none; position: absolute; background: var(--b-t95); z-index: 99999; top: 30px; box-shadow: 0 0 1px 0; border-radius: 4px; } cdss>bl>hd>div>dv>btn>ul>li>t { display: flex; color: var(--cg); font-size: 0.99em; width: max-content; } cdss>bl>hd>div>dv>btn>ul>li>b { display: flex; font-size: 0.99em; justify-content: center; position: relative; top: 22px; } cdss>bl>hd>div>dv>btn>ul>li>d { display: flex; color: var(--a2); max-width: 266px; } cdss>bl>hd>div>dv>btn>ul>li { display: grid; min-height: 99px; justify-content: center; } cdss>bl>hd>div>dv>btn>ul { display: block; padding: 9px; } cdss>bl>hd>div>dv>btn>ul>li:nth-child(1) { display: flex; border-bottom: solid 1px var(--bor); padding: 3px; gap: 8px; min-height: unset; align-items: center; } cdss>bl>hd>div>dv>btn>ul>li:nth-child(1)>i { display: flex; width: 19px; height: 24px; } cdss>bl>hd>div>dv:hover { border: solid 1px var(--a); } cdss.selection>bl>hd>div>dv>btn { display: block; } cdss>bl>hd>div>b>btn { display: none; position: absolute; left: 54px; top: 14px; background: var(--b-t88); box-shadow: 0 0 1px 0; z-index: 99999; } cdss>bl>hd>div>b>btn>ul { display: block; font-size: 0.99em; padding: 0px; font-weight: 400; } cdss>bl>hd>div>b>btn>ul>li { display: flex; padding: 4px; } cdss>bl>hd>div>b>btn>ul>li:hover { background: var(--at); } cdss.Replace>bl>hd>div>b>btn { display: block; } cdss>bl>hd>div>t { display: flex; color: var(--a2); font-size: 0.95em; } cdss>bl>hd>div>span { display: flex; font-size: 0.99em; font-weight: 400; border: solid 1px var(--bor); background: var(--b-t77); padding: 6px; justify-content: space-between; width: -webkit-fill-available; } cdss>bl>hd>div>span>i { display: flex; width: 14px; height: 17px; } cdss>bl>hd>div>span { display: flex; font-size: 0.99em; font-weight: 400; border: solid 1px var(--bor); background: var(--b-t77); padding: 6px; justify-content: space-between; width: -webkit-fill-available; } select { margin: 0; width: 26px; height: 22px; border: unset; } cdss>bl>bd { display: block; padding: 9px; } cdss>bl>bd>div { display: flex; gap: 12px; padding: 5px; } cdss>bl>bd>div>t { font-size: 0.97em; font-weight: 600; color: var(--a2); } cdss>bl>bd>div>d { display: flex; font-size: 0.95em; border: solid 1px var(--bor); padding: 2px; background: var(--b-t88); justify-content: space-between; max-width: 122px; width: -webkit-fill-available; } cdss>bl>bd>div>d>i { display: flex; width: 22px; height: 18px; } cdss>bl>bd>div>dv { display: flex; } cdss>bl>bd>div>dv>d { display: flex; border: solid 1px var(--bor); padding: 2px; background: var(--b-t88); position: relative; } cdss>bl>bd>div>dv>d>i { display: flex; width: 21px; height: 17px; } cdss>bl>bd>div>dv>i { display: flex; width: 15px; height: 13px; border: solid 1px var(--bor); border-radius: unset; padding: 6px; background: var(--b-t77); } cdss>bl>bd>div>dv>i:hover { border: solid 1px var(--a); } cdss>bl>bd>div>dv>d:hover { border: solid 1px var(--a); } cdss>bl>bd>div>b { display: flex; } cdss>bl>bd>div>b>i { display: flex; width: 21px; height: 18px; padding: 3px; border: solid 1px var(--bor); border-radius: unset; background: var(--b-t88); } cdss>bl>bd>div>b>i:hover { border: solid 1px var(--a); } cdss>bl>bd>div>d:hover { border: solid 1px var(--a); } cdss>bl>bd>div>t:nth-child(3) { display: flex; font-size: 0.88em; color: unset; font-weight: 400; border: solid 1px var(--bor); padding: 1px; background: var(--b-t88); align-items: center; } cdss>bl>ft>div>t { display: flex; color: var(--a2); font-size: 0.95em; } cdss>bl>ft { display: block; padding: 11px; font-weight: 600; } cdss>bl>ft>div>dv>i { display: flex; width: 15px; height: 13px; border: solid 1px var(--bor); border-radius: unset; padding: 6px; background: var(--b-t77); } cdss>bl>ft>div { display: flex; padding: 2px; gap: 9px; } cdss>bl>ft>div>dv { display: flex; } cdss>bl>ft>div>dv>i:hover { border: solid 1px var(--a); } cdss>bl>ft>div>d { display: flex; } cdss>bl>ft>div>d>i { display: flex; border: unset; } cdss>bl>ft>div>dv>span { display: flex; } cdss>bl>ft>div>dv>span>i { display: flex; border: solid 1px var(--bor); } cdss>bl>ft>div>dv>span>i:nth-child(2) { display: flex; width: 15px; } cdss>bl>ft>div>dv>span>i:nth-child(2) { display: flex; width: 15px; border-radius: unset; } cdss>bl>ft>div>span { display: flex; } cdss>bl>ft>div>span>i { display: flex; width: 25px; } cdss>bl>ft>div>d { display: flex; border: solid 1px var(--bor); padding: 0px; } cdss>bl>ft>div>d>i { display: flex; width: 25px; height: 24px; } cdss>bl>ft>div>span>i { display: flex; border: solid 1px var(--bor); border-radius: unset; height: 24px; width: 27px; background: var(--b-t77); } cdss>bl>ft>div>dv>span>i:hover { border: solid 1px var(--a); } cdss>bl>ft>div>d { display: flex; border: solid 1px var(--bor); padding: 0px; height: fit-content; font-weight: 400; font-size: 0.88em; align-items: center; background: var(--b-t88); } cdss>bl>ft>div>dv>span>i { display: flex; border: solid 1px var(--bor); border-radius: unset; width: 28px; height: 24px; background: var(--b-t88); } cdss>bl>ft>div>span>i:nth-child(2) { display: flex; width: 14px; } cdss>bl>ft>div>i { display: flex; width: 27px; border: solid 1px var(--bor); height: 24px; border-radius: unset; background: var(--b-t88); } cdss>bl>ft>div>i:hover { border: solid 1px var(--a); } cdss>bl>ft>div>d:hover { border: solid 1px var(--a); } cdss>bl>ft>div>span>i:hover { border: solid 1px var(--a); } cdss>bl>ft>d { display: flex; font-size: 0.88em; font-weight: 400; justify-content: end; padding: 13px; } cdss>bl>ft>d>t { display: flex; border: solid 1px var(--bor); padding: 4px; background: var(--b-t88); max-width: 43px; width: -webkit-fill-available; justify-content: center; } cdss>bl>ft>d>t:hover { border: solid 1px var(--a); } cdss btn>ul>li:hover { background: var(--aat); } cdss bd>div>dv>d>btn { display: none; position: absolute; background: var(--b-t88); z-index: 9999; top: 28px; box-shadow: 0 0 4px 0; } cdss bd>div>dv>d>btn>ul { display: block; padding: 0px; } cdss bd>div>dv>d>btn>ul>li { display: flex; padding: 7px; font-size: 0.88em; } cdss bd>div>dv>d>btn>ul>li { display: flex; padding: 4px; font-size: 0.88em; width: -webkit-fill-available; min-width: 42px; } /*component Document_StylePanel*/ ceer>bl { display: block; width: fit-content; } ceer>bl>hd { display: block; } ceer>bl>hd>i { display: flex; width: 48px; height: 29px; background: var(--a); border-radius: unset; padding: 8px; } ceer>bl>bd>d>i { display: flex; width: 19px; height: 30px; } ceer>bl>bd>d { display: block; font-size: 0.7em; background: var(--b1); width: fit-content; color: var(--b-t77); padding: 4px; border-left: solid 4px var(--a); border-bottom: solid 1px var(--b-t50); } ceer>bl>bd>d>i { display: flex; width: 36px; height: 30px; filter: contrast(0.5); } ceer>bl>bd { display: block; background: #33373a; width: fit-content; padding: 3px; } ceer>bl>bd>div { display: block; font-size: 0.7em; border-bottom: solid 1px var(--a2); padding: 0px 0px 5px 0px; color: var(--b-t77); } ceer>bl>bd>div>i { display: flex; width: 41px; height: 46px; } ceer>bl>bd>div { display: block; font-size: 0.7em; } ceer>bl>bd>div>i>svg { filter: invert(1); } ceer>bl>bd>d>i>svg { filter: invert(1); } ceer>bl>bd>div>t { display: flex; justify-content: center; } ceer>bl>bd>div>b>t { display: flex; justify-content: center; } ceer>bl>bd>div>b { display: block; } ceer>bl>bd>div { display: block; font-size: 0.7em; border-bottom: solid 1px var(--a2); padding: 0px 0px 5px 0px; } ceer>bl>bd>div:hover { background: var(--b1); } /*componet=Documents*/ cdse>bl { display: block; border: solid 1px var(--aat); border-radius: 15px; position: relative; margin: 2px 11px; height: calc(-35px + 84vh); background: var(--b-t88); } cdse>bl>hd { display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--b); } cdse>bl>hd>div { display: flex; padding: 6px; align-items: center; } 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; gap: 22px; padding: 3px; align-items: center; } 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; max-height: 20px; align-items: center; } 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: -webkit-fill-available; } cdse>bl>bd>d { display: block; margin: auto; } 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; } cdse>bl>ft>d>t { font-size: 0.77em; } cdse>bl>ft>d>t:nth-child(2) { font-size: 0.77em; position: relative; left: 9px; } cdse>bl>hd>d>ul:nth-child(6) { display: block; position: absolute; right: 47px; visibility: hidden; opacity: 0; } cdse>bl>hd>d>ul:nth-child(6)>li:hover { background: var(--bc); } cdse>bl>hd>d>ul:nth-child(6)>li:nth-child(1) { display: flex; } cdse>bl>hd>d>ul:nth-child(6)>t { font-size: 0.77em; color: var(--bor); } cdse>bl>hd>d>ul:nth-child(6)>li>t { display: flex; max-width: 77px; font-size: 0.99em; } cdse>bl>hd>d>ul:nth-child(6)>li:nth-child(4) { display: flex; gap: 3px; justify-content: unset; padding: 4px; } cdse>bl>hd>d>ul>li { display: flex; padding: 4px; position: relative; font-size: 0.88em; font-family: sans-serif; gap: 8px; justify-content: unset; } ul.VIEW { opacity: 0; } cdse.view d>ul:nth-child(6) { display: block; } cdse>bl>hd>d>ul:nth-child(6).VIEW { visibility: unset; opacity: 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 { display: none; background: var(--b-t88); position: absolute; top: 102px; right: 71px; z-index: 999999999999; border-right: solid 1px var(--b); border-left: solid 1px var(--b); border-bottom: solid 1px var(--b); overflow: scroll; height: calc(-41px + 71vh); } dasc.Details { display: block; } cdse>bl { display: block; border: solid 1px var(--aat); border-radius: 15px; position: relative; margin: 2px 11px; height: calc(-19px + 84vh); background: var(--b-t88); } dasc>bl>hd { display: block; max-width: 295px; padding: 11px; } dasc>bl>hd>div:nth-child(1) { display: flex; justify-content: space-between; } dasc>bl>hd>div>t { display: flex; max-width: 562px; font-size: 0.99em; } dasc>bl>hd>div>i:nth-child(1) { display: flex; height: 17px; width: 17px; padding: 6px; background: var(--a2); border-radius: 1px; } dasc>bl>hd>div>i:hover { background: var(--bc); } dasc>bl>hd>d>i:nth-child(1)>svg { fill: var(--green); } dasc>bl>hd>d>i:nth-child(1) { height: 22px; width: 22px; } dasc>bl>hd>d { display: flex; align-items: anchor-center; font-size: 0.77em; gap: 11px; margin-top: var(--mr); } dasc>bl>hd>div:nth-child(3) { display: flex; font-size: 0.77em; margin-top: var(--mr); border-bottom: solid 1px var(--b); padding: 5px 0px 7px 0; } dasc>bl>hd>div>t { display: flex; max-width: 562px; font-size: 0.66em; } dasc>bl>hd>div:nth-child(5) { display: block; align-items: center; margin-top: var(--mr); border-bottom: solid 1px var(--b); padding: 5px 0 9px 0; } dasc>bl>hd>div:nth-child(1)>i { width: 24px; height: 24px; padding: 5px; } 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: flex; max-width: 62px; gap: 3px; align-items: center; } 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: var(--mr); } 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: var(--mr); gap: 6px; align-items: center; font-size: 0.77em; } dasc>bl>hd>div:nth-child(7)>d>i { display: flex; width: 15px; height: 15px; } dasc>bl>hd>div:nth-child(4) { display: flex; border-bottom: solid 1px var(--b); margin-top: var(--mr); padding: 2px 0px 9px 0; } dasc>bl>hd>div:nth-child(4)>d { display: block; } dasc>bl>hd>div:nth-child(4)>d>t { display: flex; font-size: 0.66em; } dasc>bl>hd>div:nth-child(4)>d>t:nth-child(2) { font-size: 0.88em; font-weight: 600; } dasc>bl>hd>div:nth-child(1)>i { width: 24px; padding: 5px; } dasc>bl>hd>div:nth-child(5)>d>t:nth-child(2) { font-size: 0.77em; font-weight: 400; } dasc>bl>bd { display: block; padding: 11px; } dasc>bl>bd>div { display: block; margin-top: var(--mr); } dasc>bl>bd>div>d { display: flex; color: var(--a); font-size: 0.77em; justify-content: space-between; margin-top: var(--mr); align-items: center; } dasc>bl>bd>div>d>i { width: 19px; } dasc>bl>bd>div>t { font-size: 0.77em; } dasc>bl>bd>div>d>i:hover { background: var(--bc); padding: 5px; } dasc>bl>bd>div>d>t { border-bottom: solid 1px var(--a); } dasc>bl>bd>div:nth-child(2) { display: block; font-size: 0.88em; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2) { display: flex; margin-top: var(--mr); gap: 8px; align-items: center; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>div:nth-child(1) { display: flex; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>d { display: flex; width: max-content; align-items: center; gap: 10px; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>d>i { height: 14px; width: 14px; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>d>t { display: flex; font-size: 0.99em; color: var(--a2); font-weight: 400; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>div:nth-child(1):hover { background: var(--bc); padding: 5px; border-radius: 5px; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>i { width: 10px; } dasc>bl>bd>div:nth-child(2)>div>t:nth-child(5):hover { background: var(--bc); border-radius: 5px; } dasc>bl>bd>div:nth-child(2)>div>t:nth-child(5) { padding: 5px; border-radius: 5px; font-size: 0.88em; } dasc>bl>bd>d { display: block; border-bottom: solid 1px var(--b-t); padding: 11px 0px 12px 0; } dasc>bl>bd>d>t { display: flex; font-size: 0.66em; } dasc>bl>bd>d>t:nth-child(2) { display: flex; font-size: 0.77em; margin-top: 6px; border-bottom: dotted 1px; width: fit-content; } dasc>bl>ft { display: block; margin-top: var(--mr); padding: 11px; } dasc>bl>ft>div { display: block; margin-top: var(--mr); } dasc>bl>ft>div>d { display: block; } dasc>bl>ft>div>d>t { display: flex; font-size: 0.66em; } dasc>bl>ft>div>d>t:nth-child(2) { font-size: 0.77em; margin-top: 5px; } dasc>bl>ft>b { display: block; margin-top: var(--mr); padding: 11px 0 0 0; } dasc>bl>ft>div:nth-child(2)>t { display: flex; font-size: 0.66em; font-family: sans-serif; } dasc>bl>ft>div:nth-child(2)>t:nth-child(2) { font-size: 0.77em; margin-top: 6px; } dasc>bl>ft>d { display: block; margin-top: var(--mr); } dasc>bl>ft>d>t { display: flex; font-size: 0.77em; font-family: system-ui; } dasc>bl>ft>d>t:nth-child(2) { font-size: 0.88em; margin-top: 2px; } dasc>bl>ft>d>t:nth-child(3) { margin-top: var(--mr); } dasc>bl>ft>b { display: block; margin-top: var(--mr); } dasc>bl>ft>b>div { display: flex; align-items: center; } dasc>bl>ft>b>div>t { font-size: 0.77em; font-weight: 400; } dasc>bl>ft>b>t { font-size: 0.88em; font-weight: 400; } dasc>bl>ft>d>div { display: flex; font-size: 0.77em; } dasc>bl>hd>div>t:nth-child(1) { font-size: 0.99em; font-weight: 500; } dasc>bl>hd>div:nth-child(5)>t:nth-child(1) { display: flex; font-size: 0.66em; font-weight: 400; } dasc>bl>bd>div:nth-child(2)>div:nth-child(2)>i:nth-child(3):hover { background: var(--bc); padding: 8px; width: 7px; height: 10px; } /*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=IntegrationCard*/ prcs>bl { display: block; padding: 11px; } prcs>bl>bd>t { display: flex; font-size: 1.20em; font-weight: 600; font-family: sans-serif; justify-content: center; padding: 11px; align-items: center; } prcs>bl>bd { display: block; } prcs>bl>bd>b { display: flex; font-weight: 400; font-size: 0.88em; } prcs>bl>bd>b { display: flex; font-weight: 400; font-size: 0.88em; justify-content: center; padding: 2px; } prcs>bl>hd>i { display: flex; height: 195px; width: 383px; } /*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; } cfme { display: block; position: relative; margin: 4%; bottom: 35px; } cfme>bl d>f { width: min-content; white-space: nowrap; align-items: center; gap: 8px; } cfme>bl f>sl { display: block; height: 22px; margin: 0; } cfme>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cfme>bl div>input { height: 14px; width: 14px;min-width: unset; } cfme>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cfme>bl { display: block; align-items: center; border: solid 1px var(--bor); background: var(--bt); border-radius: 8px 8px 0px 0px; } cfme>bl th>d { display: flex; align-items: center; gap: 5px; } cfme>bl th>d { display: flex; align-items: center; gap: 5px; justify-content: space-between; border-right: solid 1px var(--bor); } cfme>bl sl>select { background: var(--b); padding: 2px; align-items: center; border: solid 1px var(--bor); border-radius: 11px; } cfme>bl sl>select { background: var(--b); padding: 2px; align-items: center; border: solid 1px var(--bor); border-radius: 11px; margin-top: -4px; } cfme>bl { display: block; align-items: center; border: solid 1px var(--bor); background: var(--bt); border-radius: 8px 8px 0px 0px; } cfme>bl bd { display: flex; align-items: center; justify-content: space-between; gap: 11px; } cfme>bl>bd>input { height: auto; display: block; min-width: unset;width: unset; } cfme>bl>bd>inpu { height: auto; padding: 9px; min-width: 233px; border: solid 1px var(--bor); margin-top: 11px; min-width: unset; width: unset; } cfme>bl>bd>input { height: auto; padding: 9px; min-width: 0px; border: solid 1px var(--bor); margin-top: 11px; } cfme>bl>bd>table tr {background: unset;border-bottom: solid 1px var(--bc);align-items: center;} cfme>bl>bd>table td:nth-child(3) {padding: .6rem .5rem;overflow-wrap: break-word;text-align: -webkit-match-parent;height: 25px;display: flex;align-items: center;width: max-content; } /*componet=ModalDialog*/ dsav.Zia { display: block; } dsav { display: none; border-radius: 11px; position: absolute; z-index: 999; top: 100px; right: 80px; background: var(--b-t44); max-width: 53%; padding: 11px; box-shadow: 0px 0px 35px 59px var(--bor); } dsav>bl>hd { display: flex; justify-content: space-between; width: auto; padding: 0 0 11px 0; } dsav>bl>hd>t { display: flex; max-width: 235px; font-size: 0.99em; font-weight: 500; } dsav>bl>hd>i { display: flex; width: 17px; } dsav>bl>bd { display: block; font-size: 0.66em; margin-top: var(--mr); padding: 0 0 11px 0; } dsav>bl>bd>t:nth-child(2) { color: var(--a); } dsav>bl>ft { display: flex; justify-content: end; gap: 12px; margin-top: var(--mr); } dsav>bl>ft>t { display: flex; padding: 4px; border: solid 1px var(--bc); border-radius: 4px; } dsav>bl>ft>t:hover { background: var(--bc); } dsav>bl>ft>t:nth-child(2) { display: flex; border: solid 1px var(--aa); color: var(--b); background: var(--green); padding: 3px; max-height: 22px; font-size: 0.88em; box-shadow: 0 0 4px 0px var(--a); } /*componet=ProjectManagements*/ proe>bl { display: flex; background: var(--b-t77); border: solid 1px var(--aat); padding: 11px; border-radius: 11px; min-height: 827px; align-items: center; flex-direction: column; justify-content: center; } proe>bl>hd { display: grid; align-items: center; justify-content: center; padding: 11px; } proe>bl>hd>d { display: block; font-size: 0.88em; margin-top: 1px; } proe>bl>hd>d>b { display: flex; font-size: 0.99em; font-weight: 400; justify-content: center; } proe>bl>hd>t { display: flex; font-size: 1.15em; font-weight: 600; font-family: sans-serif; } proe>bl>bd { display: flex; gap: 22px; justify-content: space-around; padding: 11px; } proe>bl>ft { display: flex; align-items: center; gap: 11px; justify-content: center; width: -webkit-fill-available; padding: 11px; } proe>bl>ft>div { display: flex; font-size: 0.99em; font-weight: 600; color: var(--b-t95); background: var(--a); padding: 6px; border-radius: 5px; box-shadow: 0px 0px 0px 0px var(--bor); width: -webkit-fill-available; max-width: 100px; justify-content: center; } proe>bl>hd>d>t { display: flex; justify-content: center; padding: 11px; } proe>bl>ft>t:hover { border-bottom: solid 1px var(--a2); } proe>bl>hd>d>t { display: flex; justify-content: center; } proe>bl>ft>t { display: flex; color: var(--a2); font-size: 0.88em; } /*StatusBadge*/ cdhn bl hd btn i svg { display: block; height: 14px; padding: 11px; margin-top: var(--mr); } cdhn>bl>hd>d>btn>i { display: grid; max-width: 30%; margin-top: var(--mr); } cdhn>bl { display: block; padding: 11px; margin: 11px; background: var(--bt); border-radius: 11px; } cdhn>bl>hd { display: block; } cdhn>bl>hd h3 { display: block; font-size: 1em; font-weight: 500; margin: 11px 0; } cdhn>bl>hd d { display: flex; align-items: center; border: solid 1px var(--bc); border-radius: 6px; height: auto; width: -webkit-fill-available; max-width: 337px; margin-bottom: 11px; height: 34px; } cdhn>bl>hd d i { width: 22px; height: 22px; padding-left: 11px; } pciu.ul { display: flex; background: var(--bt); width: fit-content; border-radius: 11px; } pciu>bl bd { display: grid; } pciu>bl bd li { display: flex; align-items: center; gap: 12px; } /*Task*/ chtc>bl { display: grid; background: var(--bt); margin: 2px; gap: 11px; } chtc>bl>hd name { font-weight: 600; display: block; } /*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; } @media(max-width:999px){ ctac bl { margin: 7px; width: -webkit-fill-available; display: flex; } ctac>bl>hd>div i { height: 16px; width: 16px; } ctac>bl>hd>div t { display: flex; width: max-content; font-size: 0.88em; } ctac>bl>ft>btns>d h2 { color: var(--bt); font-size: 0.77em; display: flex; width: max-content;} ctac>bl>ft>btns h3 { display: flex; padding: 9px 21px; border: solid 1px var(--bor); border-radius: 5px; background: var(--b); } ctac>bl>ft>btns>h3 t { font-size: 12px; } } /*TaskActivity*/ cavc>bl { display: grid; grid-template-columns: 22px auto; padding: var(--pd); margin: 4px 0; position: relative; border-radius: 7px; } cavc>bl hd>input { margin: 4px; height: 14px; width: 14px; } cavc>bl name { font-size: 0.88em; line-height: 1; font-weight: 500; color: var(--aa); } cavc>bl ft { grid-column-start: 2; } cavc>bl time { font-size: 0.77em; } cavc { height: 0; opacity: 0; transition: 444ms; inset: 0; } .TaskActivity cavc { opacity: 1; height: -webkit-fill-available;} cavc>bl { display: grid; grid-template-columns: 22px auto; padding: var(--pd); margin: 4px 0; position: relative; border-radius: 7px; } /*TaskDetails*/ cdac>bl { display: block; align-items: center; padding: 11px; margin: 11px; background: var(--bt); border: solid 1px var(--bor); border-radius: 6px; } cdac>bl>hd { display: flex; padding: 11px; border-bottom: solid 1px var(--bor); width: -webkit-fill-available; } cdac>bl>bd { max-width: 823px; justify-content: center; display: grid; } cdac>bl>bd>d { display: grid; gap: 11px; grid-template-columns: 206px auto; padding-bottom: 22px; } cdac>bl>bd>d h4 { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } cdac>bl>bd>d h2 { font-size: 0.99em; font-weight: 400; } cdac>bl>bd>d h3 { font-size: 0.99em; font-weight: 400; color: var(--a); } /*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: 8px 11px; background: var(--bc); border: solid 1px var(--bc); max-width: 19px; border-radius: 3px; } 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; } chme>bl hd btn i svg { display: block; height: 19px; padding: 0; margin-top: auto; } chme>bl { display: flex; justify-content: space-between; height: -webkit-fill-available; align-items: center; background: var(--bt); padding: 11px; } /*TaskInformation*/ cknc>bl { display: block; align-items: center; padding: var(--pd); background: var(--bt); max-width: 860px; margin: 11px; } cknc>bl>hd { display: flex; align-items: center; background: var(--bt); } cknc>bl>hd>t { font-size: 0.88em; font-weight: 600; } cknc>bl>bd { display: block; padding: var(--pd); } cknc>bl>bd>d { display: grid; align-items: center; padding: var(--pd); width: -webkit-fill-available; border-bottom: solid 1px var(--bor); grid-template-columns: 50% 50%; margin: 11px; } cknc>bl>bd>d>lable>t { font-size: 0.99em; color: var(--cbg1); } cknc>bl>bd>d>h2>t { font-size: 0.66em; color: var(--cbg1); font-weight: 400; } cknc>bl>bd>d btns { display: flex; align-items: center; } cknc>bl>bd>d i { height: 23px; width: 23px; } cknc>bl>bd>d sl { display: block; margin: 0; background: transparent; border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } cknc>bl>bd>d>sl select { margin: 0; width: 78px; height: 32px; color: var(--cbg1); font-weight: 500; font-size: 0.88em; border: none; } cknc>bl d>dv { display: grid; grid-template-columns: auto max-content; align-items: center; position: relative; } cknc>bl d>dv name { font-size: 0.88em; font-weight: 400; color: var(--cbg1); } cknc>bl>ft div { display: block; align-items: center; padding: var(--pd); } cknc>bl>ft>div a { display: block; padding: 11px; } cknc>bl>ft>div>a t { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } cknc>bl>ft>div b { padding: 11px; } cknc>bl>bd>d>h2>t>input { border: unset; } /*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; } ckst>bl { display: grid; height: 83vh; grid-template-rows: 0 auto 0; background: var(--b); } ckst>bl bd { display: grid; /* background: violet; */ } /*component:TaskMenu*/ cmnu>bl { display: flex; padding: 11px; justify-content: space-between; background: var(--b); } cmnu>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 { display: block; margin: 0; background: var(--b-t44); border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } select { border: solid 2px var(--bc); border-radius: 6px; margin: 0; width: 63px; height: 34px; background: var(--bt); } /*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; } cntc>bl { display: block; background: var(--bt); } cdac>bl { display: block; align-items: center; padding: 11px; margin: 11px; background: var(--bt); border: solid 1px var(--bor); border-radius: 6px; } /*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>btns btn { display: block; text-align: center; padding: 7px 22px; border-radius: 33px; font-size: 0.88em; } ctoc>bl hd>btns btn.this { background: var(--aat); box-shadow: 0 0 0 1px var(--a); } ctoc>bl hd>btns { border: solid 1px var(--bor); display: flex; background: var( --bt); padding: 4px; border-radius: 33px; } ctoc>bl hd>btns btn { display: block; text-align: center; padding: 7px 22px; border-radius: 33px; font-size: 0.88em; } ctoc>bl hd>btns { border: solid 1px var(--bor); display: flex; background: var( --bt); padding: 4px; border-radius: 33px; } ctoc>bl hd i { height: 26px; width: 26px; border: solid 2px var(--bor); border-radius: 11px; } 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>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; } ctwc>bl>hd>div>d h4 { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } ctwc>bl>hd>div>d h2 { font-size: 0.99em; font-weight: 400; } ctwc>bl>hd { display: flex; justify-content: center; max-width: 520px; padding: 11px; } ctwc bl { display: grid; padding: 11px; margin: 11px; border: solid 1px var(--bor); width: -webkit-fill-available; border-radius: 6px; background: var(--bt); } ctwc>bl>hd div { padding: 11px; } ctwc>bl>hd>div>d t { font-size: 0.99em; color: var(--a); } ctwc>bl>hd>div>d t:nth-child(2) { color: var(--c); } /*TaskReminder*/ croc>bl { display: block; padding: var(--pd2); margin: var(--mr); align-items: center; max-width: 473px; background: var(--bt); box-shadow: 0 1px 7px 0px var(--bor); border: solid 1px var(--bor); } croc>bl div { display: flex; align-items: center; gap: 3px; } croc>bl div>dv>cc { font-size: 0.99em; color: var(--cbg1); } croc>bl div>dv>date { font-size: 0.99em; padding: 2px; background: var(--b-t); } croc>bl>bd d { display: flex; align-items: center; padding: var(--pd); width: -webkit-fill-available; border-bottom: solid 1px var(--bor); margin: var(--mr); } croc>bl>bd d>sl { display: flex; margin: 0; background: transparent; border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; justify-content: space-around; } croc>bl>bd d>sl>select { margin: 0; width: 78px; height: 32px; color: var(--cbg1); font-weight: 500; font-size: 0.88em; border: none; } croc>bl>ft btns { display: flex; align-items: center; justify-content: end; gap: 5px; padding: var(--pd2); margin: var(--mr2); } croc>bl>ft btns>btn { display: flex; background: var(--b-t); padding: 4px 10px; border: solid 1px var(--bor); border-radius: 4px; } croc>bl>ft btns>btn:nth-child(2) { display: flex; background: var(--aa); padding: 4px 12px; border: solid 1px var(--aa); border-radius: 4px; } croc>bl>ft>btns>btn:nth-child(2)>t { color: var(--bt); } croc { position: absolute; top: 60%; width: -webkit-fill-available; max-width: 666px; transition: 0.33s; transform: translateY(-11px); opacity: 0; visibility: hidden; } .cldr croc { visibility: visible; transform: translateY(0); opacity: 1; } /*TaskSmenu*/ csmh>bl { display: block; background: var(--b-t88); width: max-content; border: solid 1px var(--bor); padding: 11px; border-radius: 11px; box-shadow: 0 0 1px 0; margin: 22px; } csmh>bl>hd { display: block; } csmh>bl>hd>t { display: flex; font-size: 0.88em; font-weight: 600; } input { height: auto; padding: 9px; min-width: 233px; border: solid 1px var(--bor); margin-top: 11px; } csmh>bl>hd>div>i { display: flex; width: 16px; height: 16px; } csmh>bl>hd>div { display: flex; font-size: 0.88em; gap: 6px; align-items: center; margin-top: 11px; padding: 8px; } csmh>bl>hd>sl { display: flex; } csmh sl { display: flex; border-radius: 11px; margin-bottom: 11px; position: relative; overflow: hidden; width: 100%; align-items: center; gap: 9px; height: unset; background: url(); font-size: 0.88em; } csmh bl hd sl input { width: 20px; display: block; height: 14px; margin: 0px; min-width: unset; } csmh>bl>hd>div:hover { background: var(--aat); } csmh>bl>bd { display: block; max-height: 850px; overflow: scroll; padding: 11px; } csmh>bl>bd>div>i { display: flex; width: 15px; height: 15px; } csmh>bl>bd>div:hover { background: var(--aat); } csmh>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; padding: 6px; } csmh>bl>bd>div { display: flex; align-items: center; font-size: 0.88em; font-weight: 600; gap: 11px; } csmh bl bd sl { display: flex; width: unset; padding: 2px; gap: 11px; } csmh bl bd sl input { display: block; margin: 0; width: unset; min-width: unset; } /*TaskUpdate*/ ctuc>bl { display: block; align-items: center; padding: var(--pd); background: var(--bt); max-width: 860px; margin: 11px; } ctuc>bl>hd { display: flex; align-items: center; background: var(--bt); } ctuc>bl>hd>t { font-size: 0.88em; font-weight: 600; } ctuc>bl>bd { display: block; padding: var(--pd); } ctuc>bl>bd>d { display: grid; align-items: center; padding: var(--pd); width: -webkit-fill-available; border-bottom: solid 1px var(--bor); grid-template-columns: 50% 50%; margin: 11px; } ctuc>bl>bd>d>lable>t { font-size: 0.99em; color: var(--cbg1); } ctuc>bl>bd>d>h2>t { font-size: 0.66em; color: var(--cbg1); font-weight: 400; } ctuc>bl>bd>d btns { display: flex; align-items: center; } ctuc>bl>bd>d i { height: 23px; width: 23px; } ctuc>bl>bd>d sl { display: block; margin: 0; background: transparent; border: none; height: auto; padding: 0; position: unset; border-radius: 0; overflow: unset; } ctuc>bl>bd>d>sl select { margin: 0; width: 78px; height: 32px; color: var(--cbg1); font-weight: 500; font-size: 0.88em; border: none; } ctuc>bl d>dv { display: grid; grid-template-columns: auto max-content; align-items: center; position: relative; gap: 11px; } ctuc>bl d>dv name { font-size: 0.88em; font-weight: 400; color: var(--cbg1); } ctuc>bl>ft div { display: block; align-items: center; padding: var(--pd); } ctuc>bl>ft>div a { display: block; padding: 11px; } ctuc>bl>ft>div>a t { font-size: 0.99em; font-weight: 400; color: var(--cbg1); } ctuc>bl>ft>div b { padding: 11px; } ctuc>bl>bd>d>h2>t>input { border: unset; } center; padding: var(--pd); background: var(--bt); margin: 11px 0; } ms: center; } ems: center; border: solid 1px var(--bc); padding: 6px; } 22px; padding-left: 11px; display: block; } h: auto; height: auto; border: none; background: unset; } /*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); margin: 6px; justify-content: center; } catc>bl { display: block; align-items: center; padding: 11px; background: var(--bt); border: solid 1px var(--bor); margin: 11px; border-radius: 6px; } catc>bl>bd t { font-size: 0.99em; color: var(--cbg1); font-weight: 400; } /*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_OpenActivities*/ /*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: 2px 7px; 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; padding: var(--pd); } 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); } cusc>bl>bd dv { display: flex; padding: var(--pd); gap: 11px; } cusc>bl>bd>dv t { font-size: 0.88em; font-weight: 500; } cusc>bl>bd>dv t.this { color: var(--cbg1); font-size: 0.99em; font-weight: 400; } cusc>bl>bd>dv { display: flex; padding: var(--pd); gap: 11px; } cusc>bl>bd>d { display: flex; align-items: center; } copc>bl>bd d { display: grid; } /*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; } cdtc>bl bd { display: grid; } cdtc>bl { padding: 11px; margin-top: 11px; } name { font-weight: 600; display: block; } name { font-weight: 600; display: block; } cdtc>bl hd { display: block; align-items: center; gap: 11px; justify-content: space-between; } cdtc>bl bd { display: grid; } /*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*/