WebSVN – LeadersLinked - Antes de SPA – Autoría – /public/look-and-field/settings/_styles.scss

Rev	Autor	Línea Nro.	Línea
5363	stevensc	1	`.overlay:before {`
		2	`content: "";`
		3	`position: absolute;`
		4	`top: 0;`
		5	`left: 0;`
		6	`width: 100%;`
		7	`height: 100%;`
		8	`background-color: rgba(0, 0, 0, 0.75);`
		9	`z-index: 99;`
		10	`}`
		11
		12	`/* ========== login_register ========== */`
		13
		14	`.break-ellipsis {`
		15	`max-width: 15ch;`
		16	`text-overflow: ellipsis;`
		17	`white-space: nowrap;`
		18	`overflow: hidden;`
		19	`}`
		20
		21	`.user-account {`
		22	`border-left: 1px solid #dd3e2b;`
		23	`border-right: 1px solid #dd3e2b;`
		24	`box-sizing: border-box;`
		25	`position: relative;`
		26	`padding: 0 1rem;`
		27	`}`
		28
		29	`/* =================== main-section ================= */`
		30
		31	`main {`
		32	`width: 100%;`
		33
		34	`@media (min-width: 768px) {`
		35	`padding: 0 1rem;`
		36	`}`
		37
		38	`@media (min-width: 1024px) {`
		39	`padding: 0 5%;`
		40	`}`
		41	`}`
		42
		43	`.members-container {`
		44	`display: flex;`
		45	`flex-direction: column;`
		46	`gap: 0.5rem;`
		47	`align-items: center;`
		48	`justify-content: center;`
		49	`}`
		50
		51	`.empty-section {`
		52	`display: grid;`
		53	`place-items: center;`
		54	`height: 100%;`
		55	`min-height: 50vmin;`
		56	`width: 100%;`
		57	`}`
		58
		59	`.notification-list {`
		60	`display: flex;`
		61	`flex-direction: column;`
		62	`gap: 1rem;`
		63	`padding: 1rem;`
		64	`background: var(--bg-color);`
		65	`border-radius: var(--border-radius);`
		66	`box-shadow: var(--light-shadow);`
		67	`border: 1px solid var(--border-primary);`
		68
		69	`.notification-header {`
		70	`display: flex;`
		71	`align-items: center;`
		72	`justify-content: space-between;`
		73	`position: relative;`
		74	`}`
		75
		76	`ul {`
		77	`display: flex;`
		78	`flex-direction: column;`
		79	`gap: 1rem;`
		80
		81	`.notification-item {`
		82	`display: flex;`
		83	`flex-direction: column;`
		84	`justify-content: center;`
		85	`gap: 0.5rem;`
		86
		87	`a,`
		88	`span {`
		89	`color: $font-color;`
		90	`}`
		91
		92	`a {`
		93	`position: relative;`
		94
		95	`&::before {`
		96	`content: "";`
		97	`width: 15px;`
		98	`height: 15px;`
		99	`border-radius: 100px;`
		100	`background-color: var(--background-gray);`
		101	`position: absolute;`
		102	`top: 50%;`
		103	`left: -1.2rem;`
		104	`transform: translateY(-50%);`
		105	`}`
		106	`}`
		107	`}`
		108	`}`
		109	`}`
		110
		111	`.full-width {`
		112	`float: left;`
		113	`width: 100%;`
		114	`background-color: #fff;`
		115	`margin-bottom: 20px;`
		116	`}`
		117
		118	`/* ============= Suggestions ============ */`
		119
		120	`.sd-title {`
		121	`width: 100%;`
		122	`position: relative;`
		123	`display: grid;`
		124	`background-color: transparent;`
		125	`padding: 0 5px 20px;`
		126
		127	`h3,`
		128	`a,`
		129	`label {`
		130	`color: $title-color;`
		131	`}`
		132
		133	`h4 {`
		134	`margin-bottom: 5px;`
		135	`font-size: 16px;`
		136	`font-weight: 600;`
		137	`line-height: 24px;`
		138	`}`
		139
		140	`h3 {`
		141	`font-size: 1.1rem;`
		142	`font-weight: 700;`
		143	`}`
		144
		145	`a,`
		146	`label {`
		147	`font-size: 1rem;`
		148	`font-weight: 600;`
		149	`cursor: pointer;`
		150	`}`
		151
		152	`i {`
		153	`color: $icons-color;`
		154	`font-size: 24px;`
		155	`position: absolute;`
		156	`right: 5px;`
		157	`top: 18px;`
		158	`}`
		159	`}`
		160
		161	`.suggestion-usd {`
		162	`width: 100%;`
		163	`padding: 15px 20px;`
		164
		165	`img {`
		166	`border-radius: 100px;`
		167	`background: #fff;`
		168	`}`
		169
		170	`&>span {`
		171	`margin-top: 4px;`
		172	`position: relative;`
		173	`margin-left: 1rem;`
		174
		175	`i {`
		176	`color: #b2b2b2;`
		177	`width: 25px;`
		178	`height: 25px;`
		179	`border-radius: 3px;`
		180	`cursor: pointer;`
		181	`text-align: center;`
		182	`display: flex;`
		183	`justify-content: center;`
		184	`align-items: center;`
		185
		186	`&:hover {`
		187	`background-color: #0961bf !important;`
		188	`color: #fff;`
		189	`border-radius: 3px;`
		190	`}`
		191	`}`
		192	`}`
		193	`}`
		194
		195	`.sgt-text {`
		196	`padding-left: 10px;`
		197
		198	`h4 {`
		199	`color: $font-color;`
		200	`font-size: 14px;`
		201	`font-weight: 400;`
		202	`margin-bottom: 4px;`
		203	`}`
		204
		205	`span {`
		206	`color: #686868;`
		207	`font-size: 14px;`
		208	`}`
		209	`}`
		210
		211	`.icon-button {`
		212	`color: #b2b2b2;`
		213	`width: 25px;`
		214	`height: 25px;`
		215	`border-radius: 3px;`
		216	`cursor: pointer;`
		217	`text-align: center;`
		218	`display: flex !important;`
		219	`justify-content: center;`
		220	`align-items: center;`
		221
		222	`&:hover {`
		223	`background-color: #0961bf !important;`
		224	`color: #fff;`
		225	`}`
		226	`}`
		227
		228	`/* =================== main-ws-sec ================== */`
		229
		230	`.main-ws-sec {`
		231	`width: 100%;`
		232	`}`
		233
		234	`/* ================ posts-section ================== */`
		235
		236	`.posts-section {`
		237	`width: 100%;`
		238	`display: flex;`
		239	`flex-direction: column;`
		240	`gap: 0.5rem;`
6335	stevensc	241	`position: relative;`
5363	stevensc	242	`}`
		243
		244	`.post-bar {`
		245	`display: flex;`
		246	`flex-direction: column;`
		247	`padding: 1rem;`
		248	`width: 100%;`
		249	`border-radius: $border-radius;`
		250	`border-bottom: solid 1px $border-primary;`
		251	`border-top: solid 1px $border-primary;`
		252	`box-shadow: $light-shadow;`
		253	`background-color: $bg-color;`
		254	`gap: 0.5rem;`
		255	`box-shadow: $shadow;`
		256	`}`
		257
		258	`.post_topbar {`
		259	`width: 100%;`
		260	`position: relative;`
		261	`display: flex;`
		262	`justify-content: space-between;`
		263	`color: $subtitle-color;`
		264	`}`
		265
5931	stevensc	266	`.header-options {`
5923	stevensc	267	`position: absolute;`
		268	`right: 1rem;`
		269	`top: 50%;`
		270	`transform: translateY(-50%);`
		271	`z-index: 100;`
		272	`}`
		273
5363	stevensc	274	`.feed-options,`
		275	`.comments-options {`
		276	`display: none;`
		277	`position: absolute;`
5931	stevensc	278	`top: 100%;`
6362	stevensc	279	`right: 0.5rem;`
5363	stevensc	280	`z-index: 100;`
		281	`height: fit-content;`
		282	`min-width: 150px;`
		283	`padding: 0.5rem;`
		284	`background-color: $bg-color;`
		285	`border: 1px solid $border-primary;`
		286	`border-radius: $border-radius;`
		287	`border-start-end-radius: 0;`
		288	`box-shadow: $shadow;`
		289
		290	`&.active {`
		291	`display: block;`
		292	`}`
		293
5931	stevensc	294	`.option-btn {`
5363	stevensc	295	`cursor: pointer;`
		296	`color: $font-color;`
5932	stevensc	297	`white-space: nowrap;`
		298	`transition: all 0.2s;`
5363	stevensc	299	`width: 100%;`
		300
		301	`&:hover {`
5931	stevensc	302	`text-shadow: 0 0 1px $font-color;`
5363	stevensc	303	`}`
		304	`}`
		305	`}`
		306
		307	`.comments-options {`
		308	`top: 15px;`
		309	`}`
		310
		311	`.usy-dt {`
		312	`display: flex;`
		313	`gap: 0.5rem;`
		314
		315	`img {`
		316	`border-radius: 100px;`
		317	`background-color: #fff;`
		318	`}`
		319	`}`
		320
		321	`.ed-opts {`
		322	`position: relative;`
		323
		324	`&>a {`
		325	`color: #b2b2b2;`
		326	`font-size: 24px;`
		327	`position: relative;`
		328
		329	`&:hover {`
		330	`color: #e44d3a;`
		331	`}`
		332	`}`
		333	`}`
		334
		335	`.ed-options {`
		336	`position: absolute;`
		337	`top: 100%;`
		338	`right: 0;`
		339	`width: 130px;`
		340	`background-color: $bg-color;`
		341	`box-shadow: $light-shadow;`
		342	`padding: 20px;`
		343	`visibility: hidden;`
		344	`z-index: 5;`
		345
		346	`&.active {`
		347	`visibility: visible;`
		348	`}`
		349
		350	`li {`
		351	`width: 100%;`
		352	`margin-bottom: 15px;`
		353
		354	`&:last-child {`
		355	`margin-bottom: 0;`
		356	`}`
		357
		358	`a {`
		359	`color: #686868;`
		360	`font-size: 14px;`
		361	`font-weight: 600;`
		362	`}`
		363	`}`
		364	`}`
		365
		366	`.usy-name {`
		367	`display: flex;`
		368	`flex-direction: column;`
		369	`justify-content: center;`
		370
		371	`h3 {`
		372	`color: $subtitle-color;`
		373	`font-size: 18px;`
		374	`text-transform: capitalize;`
		375	`font-weight: 600;`
		376	`}`
		377
		378	`span {`
		379	`color: $subtitle-color;`
		380	`font-size: 14px;`
5706	stevensc	381	`display: flex;`
		382	`align-items: center;`
		383	`gap: 0.5rem;`
5363	stevensc	384	`}`
		385
		386	`img {`
		387	`margin-top: 4px;`
		388	`margin-right: 6px;`
		389	`}`
		390	`}`
		391
		392	`.job_descp {`
		393	`width: 100%;`
		394	`display: grid;`
		395	`gap: 0.5rem;`
		396
		397	`h3 {`
		398	`color: $subtitle-color;`
		399	`font-size: 16px;`
		400	`font-weight: 600;`
		401	`}`
		402
		403	`&>p {`
		404	`color: $font-color;`
		405	`font-size: 15px;`
		406	`line-height: 24px;`
		407	`}`
		408
		409	`video,`
		410	`img {`
		411	`width: 100%;`
		412	`max-height: 500px;`
		413	`border-radius: $border-radius;`
		414	`object-fit: cover;`
		415	`background-color: $white;`
		416	`}`
		417	`}`
		418
		419	`.inmail_contacts {`
		420	`max-height: 80vh;`
		421	`display: grid;`
		422	`grid-template-rows: auto 1fr;`
		423	`}`
		424
		425	`.reactions-list {`
		426	`width: 100%;`
		427	`display: flex;`
		428	`align-items: center;`
		429	`justify-content: space-around;`
		430	`padding-bottom: 10px;`
		431	`border-bottom: 1px solid #cdd2e1;`
		432
		433	`li a,`
		434	`li button {`
		435	`color: $subtitle-color;`
		436	`font-size: 1rem;`
		437	`}`
		438
		439	`@media (min-width: 768px) {`
		440	`justify-content: flex-start;`
		441	`gap: 1.5rem;`
		442
		443	`li a,`
		444	`li button {`
		445	`font-size: 1rem;`
		446	`}`
		447	`}`
		448	`}`
		449
		450	`.img-icon {`
		451	`height: 1rem;`
		452	`width: 1rem;`
		453
		454	`&.lg {`
		455	`height: 1.5rem;`
		456	`width: 1.5rem;`
		457	`}`
		458
		459	`&.options {`
		460	`height: 1.5rem;`
		461	`width: auto;`
		462	`}`
		463
		464	`&.options-sm {`
		465	`height: 1rem;`
		466	`width: auto;`
		467	`}`
		468
		469	`&.options-lg {`
		470	`height: 1.5rem;`
		471	`width: auto;`
		472	`}`
		473	`}`
		474
		475	`.like-com {`
		476	`width: 100%;`
		477	`display: flex;`
		478	`justify-content: space-around;`
		479	`gap: 1rem;`
		480
		481	`li {`
		482	`color: $font-color;`
		483
		484	`a {`
		485	`color: $subtitle-color;`
		486
		487	`&:hover,`
		488	`&.active {`
		489	`color: #e44d3a;`
		490	`}`
		491
		492	`i {`
		493	`margin-right: 2px;`
		494	`font-size: 14px;`
		495	`position: relative;`
		496	`top: 2px;`
		497	`}`
		498	`}`
		499
		500	`span {`
		501	`color: #ffffff;`
		502	`font-size: 13px;`
		503	`width: 30px;`
		504	`height: 30px;`
		505	`line-height: 30px;`
		506	`border-radius: 30px;`
		507	`text-align: center;`
		508	`font-weight: 600;`
		509	`margin-left: -25px;`
		510	`}`
		511
		512	`.com {`
		513	`position: relative;`
		514
		515	`img {`
		516	`margin-right: 10px;`
		517	`}`
		518	`}`
		519	`}`
		520	`}`
		521
		522	`.comment {`
		523	`display: table-cell;`
		524	`vertical-align: top;`
		525	`width: 100%;`
		526	`padding-left: 10px;`
		527
		528	`h3 {`
5706	stevensc	529	`color: #000000;`
		530	`font-size: 16px;`
5363	stevensc	531	`font-weight: 600;`
5706	stevensc	532	`margin-bottom: 10px;`
5363	stevensc	533	`}`
		534
		535	`span {`
5706	stevensc	536	`color: #b2b2b2;`
5363	stevensc	537	`font-size: 14px;`
5706	stevensc	538	`display: block;`
		539	`margin-bottom: 14px;`
5363	stevensc	540	`}`
		541
		542	`p {`
5706	stevensc	543	`color: #686868;`
		544	`font-size: 14px;`
		545	`margin-bottom: 10px;`
		546	`line-height: 20px;`
5363	stevensc	547	`}`
		548
5706	stevensc	549	`&>a {`
		550	`display: inline-block;`
		551	`color: #b2b2b2;`
		552	`font-size: 14px;`
		553	`font-weight: 600;`
5363	stevensc	554
5706	stevensc	555	`&.active,`
		556	`&:hover {`
		557	`color: #e44d3a;`
5363	stevensc	558
5706	stevensc	559	`i {`
		560	`font-weight: 600;`
		561	`margin-right: 6px;`
		562	`}`
		563	`}`
		564	`}`
5363	stevensc	565	`}`
		566
5706	stevensc	567	`.process-comm {`
5363	stevensc	568	`width: 100%;`
		569	`text-align: center;`
5706	stevensc	570	`padding-top: 40px;`
5363	stevensc	571	`}`
		572
		573	`::-webkit-input-placeholder {`
		574	`/* Chrome/Opera/Safari */`
		575	`color: #b2b2b2;`
		576	`}`
		577
		578	`::-moz-placeholder {`
		579	`/* Firefox 19+ */`
		580	`color: #b2b2b2;`
		581	`}`
		582
		583	`:-ms-input-placeholder {`
		584	`/* IE 10+ */`
		585	`color: #b2b2b2;`
		586	`}`
		587
		588	`:-moz-placeholder {`
		589	`/* Firefox 18- */`
		590	`color: #b2b2b2;`
		591	`}`
		592
		593	`select {`
5706	stevensc	594	`appearance: none;`
		595	`appearance: none;`
5363	stevensc	596	`}`
		597
		598	`/* ================= sign-in ================ */`
		599
		600	`.sign-in {`
		601	`background-color: #e75348;`
		602	`}`
		603
		604	`.sign-in-page {`
		605	`width: 100%;`
		606	`padding: 2rem 1rem;`
		607
		608	`.row {`
		609	`row-gap: 1rem;`
		610	`}`
		611
		612	`@media (min-width: 768px) {`
		613	`padding: 2rem 0 0;`
		614	`}`
		615	`}`
		616
		617	`.signin-popup {`
		618	`margin: 0 auto;`
		619	`position: relative;`
		620	`}`
		621
		622	`.signin-popup:before {`
		623	`content: "";`
		624	`position: absolute;`
		625	`top: -16px;`
		626	`left: 56px;`
		627	`width: 30px;`
		628	`height: 30px;`
		629	`background-color: #fff;`
		630	`-webkit-border-radius: 100px;`
		631	`-moz-border-radius: 100px;`
		632	`-ms-border-radius: 100px;`
		633	`-o-border-radius: 100px;`
		634	`border-radius: 100px;`
		635	`}`
		636
		637	`.signin-popup:after {`
		638	`content: "";`
		639	`position: absolute;`
		640	`top: -37px;`
		641	`left: 43px;`
		642	`width: 20px;`
		643	`height: 20px;`
		644	`background-color: #fff;`
		645	`border-radius: 100px;`
		646	`}`
		647
		648	`.signin-pop {`
		649	`width: 100%;`
		650	`position: relative;`
6689	stevensc	651	`margin-top: 2rem;`
5363	stevensc	652	`}`
		653
		654	`.signin-pop:before {`
		655	`content: "";`
		656	`position: absolute;`
		657	`top: 0;`
		658	`left: 50%;`
		659	`-webkit-transform: translateX(-50%);`
		660	`-moz-transform: translateX(-50%);`
		661	`-ms-transform: translateX(-50%);`
		662	`-o-transform: translateX(-50%);`
		663	`transform: translateX(-50%);`
		664	`height: 100%;`
		665	`width: 1px;`
		666	`background-color: #f0f0f0;`
		667	`}`
		668
		669	`.cmp-info {`
		670	`width: 100%;`
		671	`display: grid;`
		672	`place-items: center;`
		673	`height: 100%;`
		674
		675	`.cm-logo {`
		676	`display: flex;`
		677	`flex-direction: column;`
		678	`align-items: center;`
		679	`justify-content: center;`
		680	`padding: 0;`
		681	`width: 100%;`
		682
		683	`img {`
		684	`margin-bottom: 0.5rem;`
		685	`width: 100%;`
		686	`object-fit: scale-down;`
		687	`}`
		688	`}`
		689
		690	`@media (min-width: 721px) {`
		691	`.cm-logo {`
		692	`padding: 0 3rem;`
		693	`}`
		694	`}`
		695	`}`
		696
		697	`/* =============== login-sec ============= */`
		698
		699	`.login-sec,`
5768	stevensc	700	`.sign_in_sec,`
6690	stevensc	701	`.sign_in_sec form {`
5363	stevensc	702	`display: flex;`
		703	`flex-direction: column;`
		704	`row-gap: 1rem;`
		705	`}`
		706
6690	stevensc	707	`.sign_in_sec form .row {`
		708	`display: flex;`
		709	`flex-direction: column;`
		710	`gap: .5rem;`
		711	`}`
		712
5363	stevensc	713	`.login-sec {`
		714	`width: 100%;`
		715
		716	`@media (min-width: 768px) {`
		717	`padding: 0 3rem;`
		718	`}`
		719	`}`
		720
		721	`.sign-control {`
		722	`width: 100%;`
		723	`margin-bottom: 1.5rem;`
		724	`display: flex;`
		725
		726	`li {`
		727	`display: inline-block;`
		728
		729	`a {`
		730	`font-size: 14px;`
		731	`padding: 7px 10px;`
		732	`background-color: $button-bg-tertiary;`
		733	`}`
		734	`}`
		735	`}`
		736
		737	`.sign_in_sec {`
		738	`width: 100%;`
		739	`display: none;`
		740
		741	`&.current {`
		742	`display: flex;`
		743	`}`
		744
		745	`h3 {`
		746	`font-size: 18px;`
		747	`font-weight: 600;`
		748	`position: relative;`
		749	`width: fit-content;`
		750	`padding-bottom: 0.5rem;`
		751
		752	`&:before {`
		753	`content: "";`
		754	`position: absolute;`
		755	`background-color: #0961bf;`
		756	`bottom: 0;`
		757	`left: 0;`
		758	`width: 100%;`
		759	`height: 2px;`
		760	`}`
		761	`}`
		762
		763	`form {`
		764	`width: 100%;`
		765
		766	`input,`
		767	`input:-webkit-autofill,`
		768	`input:-webkit-autofill:hover,`
		769	`input:-webkit-autofill:focus,`
		770	`select:-webkit-autofill,`
		771	`select {`
		772	`box-shadow: 0 0 0px 1000px $bg-color inset;`
		773	`height: 40px;`
		774	`color: $font-color;`
		775	`background-color: $bg-color !important;`
		776	`border: 1px solid $border-primary;`
		777	`font-size: 14px;`
		778	`padding: 0 15px 0 40px;`
		779	`width: 100%;`
		780	`}`
		781
		782	`select {`
		783	`line-height: 40px;`
		784	`height: 40px;`
		785	`}`
		786
		787	`button {`
		788	`color: $button-text-color-secondary;`
		789	`border: 1px solid $border-primary;`
		790	`font-size: 16px;`
		791	`background-color: $button-bg-secondary;`
		792	`padding: 12px 27px;`
		793	`font-weight: 500;`
		794	`cursor: pointer;`
		795
		796	`&:disabled {`
		797	`background-color: #dddddd;`
		798	`color: #a3a1a1;`
		799	`}`
		800	`}`
		801	`}`
		802	`}`
		803
		804	`.sign_in_sec_button {`
		805	`color: #ffffff;`
		806	`font-size: 16px;`
		807	`background-color: #66a7dd;`
		808	`padding: 12px 27px;`
		809	`border: 0;`
		810	`font-weight: 500;`
		811	`cursor: pointer;`
		812	`}`
		813
		814	`/* ============= sign_in_sec ============= */`
		815
		816	`.sn-field {`
		817	`width: 100%;`
		818	`position: relative;`
		819
		820	`&>i {`
		821	`position: absolute;`
		822	`top: 50%;`
		823	`left: 15px;`
		824	`color: #666666;`
		825	`font-size: 16px;`
		826	`transform: translateY(-50%);`
		827	`}`
		828
		829	`&>span {`
		830	`position: absolute;`
		831	`top: 50%;`
		832	`right: 15px;`
		833	`font-weight: 700;`
		834	`color: #666666;`
		835	`font-size: 15px;`
		836	`-webkit-transform: translateY(-50%);`
		837	`-moz-transform: translateY(-50%);`
		838	`-ms-transform: translateY(-50%);`
		839	`-o-transform: translateY(-50%);`
		840	`transform: translateY(-50%);`
		841	`}`
		842	`}`
		843
		844	`.checky-sec {`
		845	`width: 100%;`
		846	`margin-top: 10px;`
		847	`}`
		848
		849	`.checky-sec.st2 small {`
		850	`font-size: 13px;`
		851	`width: 90%;`
		852	`line-height: 20px;`
		853	`}`
		854
		855	`.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {`
		856	`margin-top: 3px;`
		857	`}`
		858
		859	`.fgt-sec * {`
		860	`cursor: pointer;`
		861	`}`
		862
		863	`.fgt-sec input[type="checkbox"] {`
		864	`display: none;`
		865	`}`
		866
		867	`.fgt-sec label {`
		868	`float: left;`
		869	`}`
		870
		871	`.fgt-sec input[type="checkbox"]+label span {`
		872	`display: inline-block;`
		873	`width: 15px;`
		874	`height: 15px;`
		875	`position: relative;`
		876	`border: 1px solid #d2d2d2;`
		877	`-webkit-border-radius: 100px;`
		878	`-moz-border-radius: 100px;`
		879	`-ms-border-radius: 100px;`
		880	`-o-border-radius: 100px;`
		881	`border-radius: 100px;`
		882	`}`
		883
		884	`.fgt-sec input[type="checkbox"]+label span:before {`
		885	`content: "";`
		886	`width: 7px;`
		887	`height: 7px;`
		888	`-webkit-border-radius: 100px;`
		889	`-moz-border-radius: 100px;`
		890	`-ms-border-radius: 100px;`
		891	`-o-border-radius: 100px;`
		892	`border-radius: 100px;`
		893	`font-size: 8px;`
		894	`color: #ffffff;`
		895	`opacity: 0;`
		896	`visibility: hidden;`
		897	`background-color: #e44d3a;`
		898	`position: absolute;`
		899	`font-family: fontawesome;`
		900	`top: 50%;`
		901	`left: 50%;`
		902	`-webkit-transform: translateX(-50%) translateY(-50%);`
		903	`-moz-transform: translateX(-50%) translateY(-50%);`
		904	`-ms-transform: translateX(-50%) translateY(-50%);`
		905	`-o-transform: translateX(-50%) translateY(-50%);`
		906	`transform: translateX(-50%) translateY(-50%);`
		907	`}`
		908
		909	`.fgt-sec input[type="checkbox"]:checked+label span:before {`
		910	`opacity: 1;`
		911	`visibility: visible;`
		912	`}`
		913
		914	`.fgt-sec small {`
		915	`/* float: left; */`
		916	`color: #000000;`
		917	`font-size: 14px;`
		918	`font-weight: 500;`
		919	`padding-left: 10px;`
		920	`}`
		921
		922	`.checky-sec>a {`
		923	`float: right;`
		924	`color: #000000;`
		925	`font-size: 14px;`
		926	`font-weight: 500;`
		927	`}`
		928
		929	`/* ======= Radio Button Styles ======= */`
		930
		931	`.fgt-sec input[type="radio"] {`
		932	`display: none;`
		933	`}`
		934
		935	`.fgt-sec label {`
		936	`float: left;`
		937	`}`
		938
		939	`.fgt-sec input[type="radio"]+label span {`
		940	`display: inline-block;`
		941	`width: 15px;`
		942	`height: 15px;`
		943	`position: relative;`
		944	`border: 1px solid #d2d2d2;`
		945	`-webkit-border-radius: 100px;`
		946	`-moz-border-radius: 100px;`
		947	`-ms-border-radius: 100px;`
		948	`-o-border-radius: 100px;`
		949	`border-radius: 100px;`
		950	`}`
		951
		952	`.fgt-sec input[type="radio"]+label span:before {`
		953	`content: "";`
		954	`width: 7px;`
		955	`height: 7px;`
		956	`-webkit-border-radius: 100px;`
		957	`-moz-border-radius: 100px;`
		958	`-ms-border-radius: 100px;`
		959	`-o-border-radius: 100px;`
		960	`border-radius: 100px;`
		961	`font-size: 8px;`
		962	`color: #ffffff;`
		963	`opacity: 0;`
		964	`visibility: hidden;`
		965	`background-color: #e44d3a;`
		966	`position: absolute;`
		967	`font-family: fontawesome;`
		968	`top: 49%;`
		969	`left: 49%;`
		970	`-webkit-transform: translateX(-50%) translateY(-50%);`
		971	`-moz-transform: translateX(-50%) translateY(-50%);`
		972	`-ms-transform: translateX(-50%) translateY(-50%);`
		973	`-o-transform: translateX(-50%) translateY(-50%);`
		974	`transform: translateX(-50%) translateY(-50%);`
		975	`}`
		976
		977	`.fgt-sec input[type="radio"]:checked+label span:before {`
		978	`opacity: 1;`
		979	`visibility: visible;`
		980	`}`
		981
		982	`/* =============== signup-tab ============== */`
		983
		984	`.signup-tab {`
		985	`float: left;`
		986	`width: 100%;`
		987	`border: 1px solid #e5e5e5;`
		988	`text-align: center;`
		989	`padding: 15px 0;`
		990	`margin-bottom: 20px;`
		991	`position: relative;`
		992	`margin-top: -30px;`
		993	`}`
		994
		995	`.signup-tab>i {`
		996	`position: absolute;`
		997	`top: 15px;`
		998	`left: 13px;`
		999	`color: #000;`
		1000	`font-size: 14px;`
		1001	`}`
		1002
		1003	`.signup-tab h2 {`
		1004	`color: #000000;`
		1005	`font-size: 14px;`
		1006	`font-weight: 500;`
		1007	`margin-bottom: 15px;`
		1008	`}`
		1009
		1010	`.signup-tab ul {`
		1011	`float: left;`
		1012	`width: 100%;`
		1013	`}`
		1014
		1015	`.signup-tab ul li {`
		1016	`display: inline-block;`
		1017	`margin-right: -4px;`
		1018	`}`
		1019
		1020	`.signup-tab ul li a {`
		1021	`color: #000000;`
		1022	`font-size: 14px;`
		1023	`font-weight: 500;`
		1024	`background-color: #e5e5e5;`
		1025	`padding: 10px 15px;`
		1026	`-webkit-border-radius: 3px 0px 0px 3px;`
		1027	`-moz-border-radius: 3px 0px 0px 3px;`
		1028	`-ms-border-radius: 3px 0px 0px 3px;`
		1029	`-o-border-radius: 3px 0px 0px 3px;`
		1030	`border-radius: 3px 0px 0px 3px;`
		1031	`display: inline-block;`
		1032	`}`
		1033
		1034	`.signup-tab ul li.current a {`
		1035	`background-color: #e44d3a;`
		1036	`color: #fff;`
		1037	`}`
		1038
		1039	`.signup-tab ul li:last-child a {`
		1040	`-webkit-border-radius: 0px 3px 3px 0px;`
		1041	`-moz-border-radius: 0px 3px 3px 0px;`
		1042	`-ms-border-radius: 0px 3px 3px 0px;`
		1043	`-o-border-radius: 0px 3px 3px 0px;`
		1044	`border-radius: 0px 3px 3px 0px;`
		1045	`}`
		1046
		1047	`/* ============ login-resources ============= */`
		1048
		1049	`.login-resources {`
		1050	`h4 {`
		1051	`color: $title-color;`
		1052	`font-size: 14px;`
		1053	`font-weight: 600;`
		1054	`text-transform: uppercase;`
		1055	`}`
		1056
		1057	`&,`
		1058	`ul {`
		1059	`width: 100%;`
		1060	`display: flex;`
		1061	`flex-direction: column;`
		1062	`gap: 1rem;`
		1063
		1064	`li {`
		1065	`width: 100%;`
		1066
		1067	`a {`
		1068	`display: block;`
		1069	`padding: 10px;`
		1070
		1071	`i {`
		1072	`margin-right: 15px;`
		1073	`}`
		1074	`}`
		1075	`}`
		1076	`}`
		1077	`}`
		1078
		1079	`.fb {`
		1080	`background-color: #3b5998;`
		1081	`}`
		1082
		1083	`.tw {`
		1084	`background-color: #4099ff;`
		1085	`}`
		1086
		1087	`.tw .fa-twitter {`
		1088	`color: #fff;`
		1089	`}`
		1090
		1091	`/* =============== footy-sec ============= */`
		1092
		1093	`.footy-sec {`
		1094	`width: 100%;`
		1095	`padding: 2rem 0;`
		1096
		1097	`&.container {`
		1098	`display: flex;`
		1099	`flex-wrap: wrap;`
		1100	`align-items: center;`
		1101	`justify-content: center;`
		1102	`gap: 1rem;`
		1103
		1104	`.row {`
		1105	`gap: 1rem;`
		1106	`width: 94% !important;`
		1107	`display: flex;`
		1108	`justify-content: space-evenly;`
		1109	`}`
		1110	`}`
		1111
		1112	`p {`
		1113	`font-size: 14px;`
		1114	`font-weight: 500;`
		1115	`order: 3;`
		1116
		1117	`img {`
		1118	`padding-right: 5px;`
		1119	`position: relative;`
		1120	`top: 6px;`
		1121	`}`
		1122	`}`
		1123
		1124	`ul {`
		1125	`margin-top: 5px;`
		1126
		1127	`li {`
		1128	`display: inline-block;`
		1129	`padding: 0 10px;`
		1130	`border-right: 1px solid #ffffff;`
		1131
		1132	`&:last-child {`
		1133	`border-right: none;`
		1134	`}`
		1135
		1136	`a {`
		1137	`display: inline-block;`
		1138	`color: #3b5998;`
		1139	`font-size: 14px;`
		1140	`font-weight: 500;`
		1141	`}`
		1142	`}`
		1143	`}`
		1144	`}`
		1145
		1146	`footer {`
		1147	`width: 100%;`
		1148	`display: none;`
		1149
		1150	`a {`
		1151	`color: $font-color;`
		1152	`}`
		1153
		1154	`&.footer-row {`
		1155	`display: grid;`
		1156	`gap: 5px;`
		1157	`grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));`
		1158	`}`
		1159
		1160	`@media (min-width: 768px) {`
		1161	`display: block;`
		1162	`}`
		1163	`}`
		1164
		1165	`.footy-sec.mn {`
		1166	`p {`
		1167	`color: #b2b2b2;`
		1168	`}`
		1169
		1170	`ul {`
		1171	`padding: 30px 0;`
		1172
		1173	`li {`
		1174	`border-color: #b2b2b2;`
		1175
		1176	`a {`
		1177	`color: $subtitle-color;`
		1178
		1179	`&:hover {`
		1180	`color: #e44d3a;`
		1181	`}`
		1182	`}`
		1183	`}`
		1184	`}`
		1185	`}`
		1186
		1187	`.fl-rgt {`
		1188	`max-width: 40px;`
		1189	`display: inline-flex;`
		1190	`}`
		1191
		1192	`/* ================== USER PROFILE =================== */`
		1193
		1194
		1195
		1196	`.cover-sec {`
		1197	`background-color: #fff;`
		1198	`margin-bottom: 1.5rem;`
		1199	`max-height: 280px;`
		1200	`overflow: hidden;`
		1201
		1202	`img {`
		1203	`width: 100%;`
		1204	`}`
		1205
		1206	`&>a {`
		1207	`display: inline-block;`
		1208	`color: #e44d3a;`
		1209	`font-size: 16px;`
		1210	`background-color: #fff;`
		1211	`border: 1px solid #e44d3a;`
		1212	`position: absolute;`
		1213	`top: 30px;`
		1214	`right: 0;`
		1215	`padding: 10px 15px;`
		1216	`font-weight: 600;`
		1217	`margin-right: 15px;`
		1218
		1219	`i {`
		1220	`padding-right: 5px;`
		1221	`}`
		1222	`}`
		1223	`}`
		1224
		1225	`.horizontal-list .row {`
		1226	`display: flex;`
		1227	`flex-wrap: wrap;`
		1228	`align-items: flex-end;`
		1229	`justify-content: center;`
		1230	`gap: 0.5rem;`
		1231
		1232	`.btn {`
		1233	`padding: 0.2rem 0.6rem;`
		1234	`}`
		1235	`}`
		1236
		1237	`/* ============= user_profile ============= */`
		1238
		1239	`.user_profile {`
		1240	`width: 100%;`
		1241	`background-color: $bg-color;`
		1242	`padding: 1rem 0.25rem;`
		1243	`border-radius: $border-radius;`
		1244	`border-top: 1px solid $border-primary;`
		1245	`border-bottom: 1px solid $border-primary;`
		1246	`text-align: center;`
		1247	`box-shadow: $shadow;`
		1248	`display: flex;`
		1249	`flex-direction: column;`
		1250	`justify-content: center;`
		1251	`align-items: center;`
		1252	`gap: 1rem;`
		1253	`position: relative;`
		1254	`padding-top: 120px;`
		1255
		1256	`@media (min-width: 768px) {`
		1257	`padding-top: 1rem;`
		1258	`}`
		1259	`}`
		1260
		1261	`.user-pro-img {`
		1262	`width: 100%;`
		1263	`text-align: center;`
		1264	`position: absolute;`
		1265	`bottom: 50%;`
		1266
		1267	`@media (min-width: 768px) {`
		1268	`bottom: auto;`
		1269	`position: relative;`
		1270	`}`
		1271
		1272	`.add-dp {`
		1273	`position: absolute;`
		1274	`top: 10px;`
		1275	`left: 60%;`
		1276	`}`
		1277
		1278	`img {`
		1279	`width: 160px;`
		1280	`border-radius: 100px;`
		1281	`background: #fff;`
		1282	`box-shadow: $light-shadow;`
		1283	`border: 1px solid $border-primary;`
		1284	`}`
		1285	`}`
		1286
		1287	`.add-dp {`
		1288	`margin: -16px;`
		1289	`padding: 0;`
		1290
		1291	`i {`
		1292	`bottom: 0;`
		1293	`font-size: 14px;`
		1294	`box-shadow: none;`
		1295	`position: relative;`
		1296	`border-radius: 50px;`
		1297	`width: 40px;`
		1298	`height: 40px;`
		1299	`background: #0961bf;`
		1300	`padding: 12px;`
		1301	`color: #ffff;`
		1302	`left: 0;`
		1303	`top: -5px;`
		1304
		1305	`&:hover {`
		1306	`font-size: 14px;`
		1307	`border: 2px solid #fff;`
		1308	`background: #1dac98;`
		1309	`padding: 11px;`
		1310	`}`
		1311	`}`
		1312
		1313	`input[type="file"] {`
		1314	`opacity: 0;`
		1315	`padding: 10px 0px 9px;`
		1316	`display: none;`
		1317	`}`
		1318	`}`
		1319
		1320	`.user_pro_status {`
		1321	`width: 100%;`
		1322	`}`
		1323
		1324	`.flw-hr {`
		1325	`float: left;`
		1326	`width: 100%;`
		1327	`margin-bottom: 30px;`
		1328	`}`
		1329
		1330	`.flw-hr li {`
		1331	`display: inline-block;`
		1332	`margin-right: 17px;`
		1333	`}`
		1334
		1335	`.flw-hr li:last-child {`
		1336	`margin-right: 0;`
		1337	`}`
		1338
		1339	`.flw-hr li a {`
		1340	`display: inline-block;`
		1341	`color: #ffffff;`
		1342	`font-size: 16px;`
		1343	`font-weight: 600;`
		1344	`padding: 11px 15px;`
		1345	`}`
		1346
		1347	`.flw-hr li a i {`
		1348	`padding-right: 5px;`
		1349	`}`
		1350
		1351	`.flww {`
		1352	`background-color: #53d690;`
		1353	`}`
		1354
		1355	`.hre {`
		1356	`background-color: #51a5fb;`
		1357	`}`
		1358
		1359	`/* =============== flw-status ============ */`
		1360
		1361	`.flw-status {`
		1362	`width: 100%;`
		1363	`display: flex;`
		1364	`justify-content: center;`
		1365	`gap: 1rem;`
		1366
		1367	`li {`
		1368	`display: flex;`
		1369	`flex-direction: column;`
		1370	`gap: 0.5rem;`
		1371
		1372	`span,`
		1373	`b {`
		1374	`color: $font-color;`
		1375	`}`
		1376
		1377	`b {`
		1378	`font-weight: 600;`
		1379	`}`
		1380	`}`
		1381	`}`
		1382
		1383	`/* ================== social_links ============= */`
		1384
		1385	`@media (min-width: 721px) {`
		1386	`.group-view-tab {`
		1387	`margin-left: 3.5rem;`
		1388	`}`
		1389
		1390	`.group-view-tab span {`
		1391	`text-overflow: ellipsis;`
		1392	`white-space: nowrap;`
		1393	`overflow: hidden;`
		1394	`}`
		1395	`}`
		1396
		1397	`@media (max-width: 720px) {`
		1398	`.group-view-tab {`
		1399	`margin-left: 3.5rem;`
		1400	`}`
		1401	`}`
		1402
		1403	`.text-decoration-underline {`
		1404	`text-decoration: underline !important;`
		1405	`}`
		1406
		1407	`.ellipsis {`
		1408	`text-overflow: ellipsis;`
		1409	`white-space: nowrap;`
		1410	`overflow: hidden;`
		1411	`}`
		1412
		1413	`.la-globe {`
		1414	`color: #51a5fb;`
		1415	`}`
		1416
		1417	`/* ================= user-tab-sec ============== */`
		1418
		1419	`.notifications-grid {`
		1420	`display: grid;`
		1421	`grid-template-columns: 1fr;`
		1422	`gap: 1rem;`
		1423
5933	stevensc	1424	`.main-left-sidebar {`
		1425	`grid-area: auto;`
		1426	`}`
		1427
		1428	`@media (min-width: 768px) {`
5363	stevensc	1429	`grid-template-columns: 30% 70%;`
		1430	`}`
		1431	`}`
		1432
5950	stevensc	1433	`.skill-tags {`
		1434	`display: flex;`
		1435	`flex-wrap: wrap;`
		1436	`gap: .5rem;`
		1437	`}`
		1438
5363	stevensc	1439	`.show_filters {`
		1440	`display: block;`
		1441	`}`
		1442
		1443	`.hidden_filters {`
		1444	`display: none !important;`
		1445	`}`
		1446
		1447	`@media (min-width: 768px) {`
		1448	`.show_filters {`
		1449	`display: none;`
		1450	`}`
		1451
		1452	`.hidden_filters {`
		1453	`display: block !important;`
		1454	`}`
		1455	`}`
		1456
		1457	`/* ================= user-tab-sec ============== */`
		1458
		1459	`.user-tab-sec {`
		1460	`width: 100%;`
		1461
		1462	`h3 {`
		1463	`color: $title-color;`
		1464	`font-size: 1.5rem;`
		1465	`font-weight: 600;`
		1466	`text-transform: capitalize;`
		1467	`}`
		1468	`}`
		1469
		1470	`.star-descp {`
		1471	`float: left;`
		1472	`width: 100%;`
		1473	`margin-bottom: 10px;`
		1474	`}`
		1475
		1476	`.star-descp ul li {`
		1477	`margin-right: 5px !important;`
		1478	`}`
		1479
		1480	`.star-descp>a {`
		1481	`float: left;`
		1482	`color: #51a5fb;`
		1483	`font-size: 18px;`
		1484	`font-weight: 600;`
		1485	`margin-left: 20px;`
		1486	`text-decoration: underline;`
		1487	`}`
		1488
		1489	`.star-descp>a:hover {`
		1490	`color: #51a5fb;`
		1491	`}`
		1492
		1493	`.star-descp span {`
		1494	`float: left;`
		1495	`color: #686868;`
		1496	`font-size: 18px;`
		1497	`font-weight: 600;`
		1498	`margin-right: 20px;`
		1499	`}`
		1500
		1501	`.star-descp>ul {`
		1502	`float: left;`
		1503	`}`
		1504
		1505	`.star-descp ul li {`
		1506	`display: inline-block;`
		1507	`}`
		1508
		1509	`.star-descp ul li i {`
		1510	`color: #b7ce1f;`
		1511	`font-size: 16px;`
		1512	`}`
		1513
		1514	`.tab-feed {`
		1515	`float: left;`
		1516	`width: 100%;`
		1517	`margin-bottom: 45px;`
		1518	`margin-top: 20px;`
		1519	`}`
		1520
		1521	`.tab-feed ul {`
		1522	`float: left;`
		1523	`width: 100%;`
		1524	`}`
		1525
		1526	`.tab-feed ul li {`
		1527	`display: inline-block;`
		1528	`margin-right: 35px;`
		1529	`text-align: center;`
		1530	`}`
		1531
		1532	`.savetext ul {`
		1533	`border-bottom: none !important;`
		1534	`}`
		1535
		1536	`.tab-feed.st2 ul li {`
		1537	`margin-right: 17px;`
		1538	`}`
		1539
		1540	`.tab-feed ul li:last-child {`
		1541	`margin-right: 0;`
		1542	`}`
		1543
		1544	`.tab-feed ul li.active img {`
		1545	`filter: grayscale(0);`
		1546	`}`
		1547
		1548	`.tab-feed ul li.active span {`
		1549	`color: #e44d3a;`
		1550	`}`
		1551
		1552	`.tab-feed ul li img {`
		1553	`float: none;`
		1554	`margin-bottom: 5px;`
		1555	`filter: grayscale(100%);`
		1556	`}`
		1557
		1558	`.tab-feed ul li span {`
		1559	`display: block;`
		1560	`color: #b2b2b2;`
		1561	`font-weight: 400;`
		1562	`font-size: 16px;`
		1563	`}`
		1564
		1565	`.tab-feed ul li:last-child {`
		1566	`margin-right: 0;`
		1567	`}`
		1568
		1569	`/* ================ message-btn ============= */`
		1570
		1571	`.message-btn a {`
		1572	`display: inline-block;`
		1573	`font-size: 16px;`
		1574	`padding: 12px;`
		1575	`font-weight: 500;`
		1576	`}`
		1577
		1578	`.message-btn a:hover {`
		1579	`color: #fff;`
		1580	`}`
		1581
		1582	`.message-btn a i {`
		1583	`padding-right: 5px;`
		1584	`}`
		1585
		1586	`/* ============== widget-portfolio ============== */`
		1587
		1588	`.wd-heady {`
		1589	`float: left;`
		1590	`width: 100%;`
		1591	`padding: 20px 20px;`
		1592	`border-bottom: 1px solid #e5e5e5;`
		1593	`}`
		1594
		1595	`.wd-heady h3 {`
		1596	`color: #000000;`
		1597	`font-size: 18px;`
		1598	`font-weight: 600;`
		1599	`float: left;`
		1600	`}`
		1601
		1602	`.wd-heady img {`
		1603	`float: right;`
		1604	`}`
		1605
		1606	`.pf-gallery {`
		1607	`float: left;`
		1608	`width: 100%;`
		1609	`padding: 15px 15px;`
		1610	`}`
		1611
		1612	`.pf-gallery ul {`
		1613	`float: left;`
		1614	`width: 100%;`
		1615	`}`
		1616
		1617	`.pf-gallery ul li {`
		1618	`float: left;`
		1619	`width: 33.33%;`
		1620	`padding: 5px;`
		1621	`overflow: hidden;`
		1622	`}`
		1623
		1624	`.pf-gallery ul li:hover {`
		1625	`-webkit-transform: scale(1.2);`
		1626	`-moz-transform: scale(1.2);`
		1627	`-ms-transform: scale(1.2);`
		1628	`-o-transform: scale(1.2);`
		1629	`transform: scale(1.2);`
		1630	`}`
		1631
		1632	`.pf-gallery img {`
		1633	`width: 100%;`
		1634	`}`
		1635
		1636	`.product-feed-tab {`
		1637	`display: flex;`
		1638	`flex-direction: column;`
		1639	`gap: 0.5rem;`
		1640	`}`
		1641
		1642	`.product-feed-tab.current {`
		1643	`display: block;`
		1644	`}`
		1645
		1646	`/* ==================== portfolio-gallery-sec ==================== */`
		1647
		1648	`.row {`
		1649	`margin: 0;`
		1650	`}`
		1651
		1652	`/* ============== overview-box ============= */`
		1653
		1654	`.close-box {`
		1655	`position: absolute;`
		1656	`top: -20px;`
		1657	`right: -20px;`
		1658	`color: #fff;`
		1659	`font-size: 14px;`
		1660	`text-align: center;`
		1661	`width: 22px;`
		1662	`height: 22px;`
		1663	`line-height: 22px;`
		1664	`border: 1px solid #fff;`
		1665	`border-radius: 100px;`
		1666	`font-weight: 600;`
		1667	`}`
		1668
		1669	`.close-box:hover {`
		1670	`color: #fff;`
		1671	`}`
		1672
		1673	`.save {`
		1674	`background-color: #e44d3a;`
		1675	`color: #fff;`
		1676	`border-color: transparent;`
		1677	`}`
		1678
		1679	`.save-add {`
		1680	`background-color: #fff;`
		1681	`padding: 13px 13px !important;`
		1682	`}`
		1683
		1684	`.cancel {`
		1685	`background-color: #fff;`
		1686	`color: #000;`
		1687	`}`
		1688
		1689	`.datepicky {`
		1690	`float: left;`
		1691	`width: 100%;`
		1692	`}`
		1693
		1694	`.no-left-pd {`
		1695	`padding: 0;`
		1696	`}`
		1697
		1698	`.no-righ-pd {`
		1699	`padding-right: 0;`
		1700	`}`
		1701
		1702	`.datefm {`
		1703	`width: 100%;`
		1704	`position: relative;`
		1705
		1706	`i {`
		1707	`position: absolute;`
		1708	`top: 11px;`
		1709	`right: 15px;`
		1710	`font-size: 18px;`
		1711	`color: #b2b2b2;`
		1712	`}`
		1713	`}`
		1714
		1715	`.close-skl {`
		1716	`position: absolute;`
		1717	`top: 10px;`
		1718	`right: 10px;`
		1719	`color: #b2b2b2;`
		1720	`font-size: 14px;`
		1721	`}`
		1722
		1723	`.file-submit {`
		1724	`border: 1px solid #e5e5e5;`
		1725	`position: relative;`
		1726	`padding: 0px;`
		1727	`height: 40px;`
		1728	`margin-bottom: 20px;`
		1729	`border-radius: 3px;`
		1730	`}`
		1731
		1732	`.file-submit [type="file"] {`
		1733	`height: 40px;`
		1734	`overflow: hidden;`
		1735	`width: 100%;`
		1736	`float: left;`
		1737	`position: absolute;`
		1738	`padding: 10px 4px 0px 12px;`
		1739	`font-size: 14px;`
		1740	`opacity: 0;`
		1741	`display: none;`
		1742	`}`
		1743
		1744	`.file-submit [type="file"]+label {`
		1745	`background: #e44d3a;`
		1746	`border: none;`
		1747	`float: left;`
		1748	`border-top-right-radius: 0px;`
		1749	`border-bottom-right-radius: 0px;`
		1750	`border-top-left-radius: 3px;`
		1751	`border-bottom-left-radius: 3px;`
		1752	`color: #fff;`
		1753	`cursor: pointer;`
		1754	`/* display: inline-block; */`
		1755	`font-size: 14px;`
		1756	`font-weight: 500;`
		1757	`outline: none;`
		1758	`padding: 12px 15px;`
		1759	`position: relative;`
		1760	`transition: all 0.3s;`
		1761	`vertical-align: middle;`
		1762	`margin: 0;`
		1763	`}`
		1764
		1765	`.file-submit.nomg {`
		1766	`border: 0;`
		1767	`margin-bottom: 20px;`
		1768	`}`
		1769
		1770	`.file-submit.nomg input {`
		1771	`margin-bottom: 0;`
		1772	`padding-top: 0;`
		1773	`}`
		1774
		1775	`.daty {`
		1776	`float: left;`
		1777	`width: 100%;`
		1778	`position: relative;`
		1779	`}`
		1780
		1781	`.daty>i {`
		1782	`position: absolute;`
		1783	`top: 10px;`
		1784	`right: 15px;`
		1785	`color: #b2b2b2;`
		1786	`font-size: 20px;`
		1787	`}`
		1788
		1789	`a:hover {`
		1790	`color: initial;`
		1791	`}`
		1792
		1793	`.pf-img {`
		1794	`float: left;`
		1795	`width: 100%;`
		1796	`background-color: #f2f2f2;`
		1797	`padding: 15px;`
		1798	`margin-bottom: 20px;`
		1799	`}`
		1800
		1801	`/* ================= billing-method ============== */`
		1802
		1803	`.billing-method {`
		1804	`float: left;`
		1805	`width: 100%;`
		1806	`background-color: #fff;`
		1807	`border-left: 1px solid #e4e4e4;`
		1808	`border-right: 1px solid #e4e4e4;`
		1809	`border-bottom: 1px solid #e4e4e4;`
		1810	`margin-bottom: 20px;`
		1811	`}`
		1812
		1813	`.billing-method ul {`
		1814	`float: left;`
		1815	`width: 100%;`
		1816	`}`
		1817
		1818	`.billing-method ul li {`
		1819	`float: left;`
		1820	`width: 100%;`
		1821	`border-bottom: 1px solid #e5e5e5;`
		1822	`padding: 25px 20px;`
		1823	`}`
		1824
		1825	`.billing-method ul li h3 {`
		1826	`color: #000000;`
		1827	`font-size: 18px;`
		1828	`font-weight: 600;`
		1829	`float: left;`
		1830	`}`
		1831
		1832	`.billing-method ul li a,`
		1833	`.billing-method ul li span {`
		1834	`float: right;`
		1835	`color: #000000;`
		1836	`font-size: 13px;`
		1837	`text-transform: capitalize;`
		1838	`font-weight: 600;`
		1839	`margin-top: 3px;`
		1840	`}`
		1841
		1842	`.billing-method ul li i {`
		1843	`font-size: 13px;`
		1844	`color: #e44d3a;`
		1845	`}`
		1846
		1847	`.lt-sec {`
		1848	`float: left;`
		1849	`width: 100%;`
		1850	`text-align: center;`
		1851	`padding: 30px 0;`
		1852	`}`
		1853
		1854	`.lt-sec img {`
		1855	`float: none;`
		1856	`margin-bottom: 15px;`
		1857	`}`
		1858
		1859	`.lt-sec h4 {`
		1860	`color: #686868;`
		1861	`font-size: 18px;`
		1862	`font-weight: 600;`
		1863	`margin-bottom: 25px;`
		1864	`}`
		1865
		1866	`.lt-sec>a {`
		1867	`display: inline-block;`
		1868	`color: #ffffff;`
		1869	`font-size: 16px;`
		1870	`background-color: #e44d3a;`
		1871	`padding: 10px 25px;`
		1872	`}`
		1873
		1874	`/* ============== add-billing-method ============== */`
		1875
		1876	`.add-billing-method {`
		1877	`float: left;`
		1878	`width: 100%;`
		1879	`background-color: #fff;`
		1880	`border-left: 1px solid #e4e4e4;`
		1881	`border-right: 1px solid #e4e4e4;`
		1882	`border-bottom: 1px solid #e4e4e4;`
		1883	`}`
		1884
		1885	`.add-billing-method h3 {`
		1886	`color: #000000;`
		1887	`font-size: 18px;`
		1888	`font-weight: 600;`
		1889	`padding: 20px 20px;`
		1890	`border-bottom: 1px solid #e5e5e5;`
		1891	`}`
		1892
		1893	`.add-billing-method>h4 {`
		1894	`color: #686868;`
		1895	`font-size: 13px;`
		1896	`font-weight: 500;`
		1897	`padding: 20px 20px;`
		1898	`border-bottom: 1px solid #e5e5e5;`
		1899	`float: left;`
		1900	`width: 100%;`
		1901	`}`
		1902
		1903	`.add-billing-method img {`
		1904	`margin-right: 10px;`
		1905	`}`
		1906
		1907	`.add-billing-method span {`
		1908	`margin-top: 4px;`
		1909	`float: left;`
		1910	`}`
		1911
		1912	`/* ============= payment_methods ============ */`
		1913
		1914	`.payment_methods {`
		1915	`float: left;`
		1916	`width: 100%;`
		1917	`}`
		1918
		1919	`.payment_methods>h4 {`
		1920	`color: #000000;`
		1921	`font-size: 16px;`
		1922	`font-weight: 600;`
		1923	`position: relative;`
		1924	`padding: 25px 20px 25px 45px;`
		1925	`float: left;`
		1926	`width: 100%;`
		1927	`}`
		1928
		1929	`.rowwy {`
		1930	`float: left;`
		1931	`width: 100%;`
		1932	`}`
		1933
		1934	`.pd-left-none {`
		1935	`padding-left: 0;`
		1936	`}`
		1937
		1938	`.pd-right-none {`
		1939	`padding-right: 0;`
		1940	`}`
		1941
		1942	`.payment_methods h4:before {`
		1943	`content: "";`
		1944	`position: absolute;`
		1945	`top: 50%;`
		1946	`-webkit-transform: translateY(-50%);`
		1947	`-moz-transform: translateY(-50%);`
		1948	`-ms-transform: translateY(-50%);`
		1949	`-o-transform: translateY(-50%);`
		1950	`transform: translateY(-50%);`
		1951	`left: 20px;`
		1952	`width: 15px;`
		1953	`height: 15px;`
		1954	`border: 1px solid #e6e6e6;`
		1955	`-webkit-border-radius: 100px;`
		1956	`-moz-border-radius: 100px;`
		1957	`-ms-border-radius: 100px;`
		1958	`-o-border-radius: 100px;`
		1959	`border-radius: 100px;`
		1960	`}`
		1961
		1962	`.payment_methods h4:after {`
		1963	`content: "";`
		1964	`position: absolute;`
		1965	`top: 50%;`
		1966	`-webkit-transform: translateY(-50%);`
		1967	`-moz-transform: translateY(-50%);`
		1968	`-ms-transform: translateY(-50%);`
		1969	`-o-transform: translateY(-50%);`
		1970	`transform: translateY(-50%);`
		1971	`left: 24px;`
		1972	`width: 7px;`
		1973	`height: 7px;`
		1974	`background-color: #e44d3a;`
		1975	`-webkit-border-radius: 100px;`
		1976	`-moz-border-radius: 100px;`
		1977	`-ms-border-radius: 100px;`
		1978	`-o-border-radius: 100px;`
		1979	`border-radius: 100px;`
		1980	`}`
		1981
		1982	`.payment_methods form {`
		1983	`float: left;`
		1984	`width: 100%;`
		1985	`padding-bottom: 30px;`
		1986	`border-bottom: 1px solid #e5e5e5;`
		1987	`}`
		1988
		1989	`.payment_methods form button {`
		1990	`color: #ffffff;`
		1991	`font-size: 16px;`
		1992	`background-color: #e44d3a;`
		1993	`padding: 10px 15px;`
		1994	`border: 0;`
		1995	`cursor: pointer;`
		1996	`}`
		1997
		1998	`.payment_methods form input {`
		1999	`width: 100%;`
		2000	`height: 40px;`
		2001	`border: 1px solid #e5e5e5;`
		2002	`padding: 0 12px;`
		2003	`}`
		2004
		2005	`.cc-head {`
		2006	`float: left;`
		2007	`width: 100%;`
		2008	`margin-bottom: 10px;`
		2009	`}`
		2010
		2011	`.cc-head h5 {`
		2012	`float: left;`
		2013	`color: #000000;`
		2014	`font-size: 16px;`
		2015	`font-weight: 600;`
		2016	`margin-top: 4px;`
		2017	`}`
		2018
		2019	`.cc-head h5 i {`
		2020	`color: #b2b2b2;`
		2021	`font-size: 14px;`
		2022	`}`
		2023
		2024	`.cc-head ul {`
		2025	`float: right;`
		2026	`}`
		2027
		2028	`.cc-head ul li {`
		2029	`display: inline-block;`
		2030	`}`
		2031
		2032	`.inpt-field {`
		2033	`float: left;`
		2034	`width: 100%;`
		2035	`position: relative;`
		2036	`margin-bottom: 20px;`
		2037	`}`
		2038
		2039	`.no-pdd {`
		2040	`padding: 0;`
		2041	`}`
		2042
		2043	`.inpt-field.pd-moree input {`
		2044	`padding-left: 40px !important;`
		2045	`}`
		2046
		2047	`.inpt-field i {`
		2048	`color: #b2b2b2;`
		2049	`font-size: 18px;`
		2050	`position: absolute;`
		2051	`top: 50%;`
		2052	`left: 15px;`
		2053	`transform: translateY(-50%);`
		2054	`}`
		2055
		2056	`/* ============== companies-info ============== */`
		2057
		2058	`.companies-info {`
		2059	`display: flex;`
		2060	`flex-direction: column;`
		2061	`gap: 1rem;`
		2062	`}`
		2063
		2064	`.title {`
		2065	`font-size: 1.1rem;`
		2066	`font-weight: 600;`
		2067	`}`
		2068
		2069	`.company-title {`
		2070	`display: flex;`
		2071	`justify-content: space-between;`
		2072
		2073	`h3 {`
		2074	`color: $title-color;`
		2075	`font-size: 20px;`
		2076	`font-weight: 600;`
		2077	`}`
		2078	`}`
		2079
		2080	`.default-link {`
		2081	`color: #0860bf;`
		2082	`}`
		2083
		2084	`.default-link:hover {`
		2085	`font-weight: bold;`
		2086	`color: #0860bf;`
		2087	`transition: all 0.5s;`
		2088	`}`
		2089
		2090	`.companies-list {`
		2091	`width: 100%;`
		2092	`display: grid;`
		2093	`gap: 0.5rem;`
		2094	`grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));`
		2095	`position: relative;`
		2096	`}`
		2097
		2098	`.company_profile_info {`
		2099	`/* float: left; */`
		2100	`width: 100%;`
		2101	`background-color: #fff;`
		2102	`text-align: center;`
		2103	`border-left: 1px solid #e4e4e4;`
		2104	`border-right: 1px solid #e4e4e4;`
		2105	`border-bottom: 1px solid #e4e4e4;`
		2106	`margin-bottom: 30px;`
		2107	`}`
		2108
		2109	`// INMAIL`
		2110
		2111	`.messages-line {`
		2112	`display: flex;`
		2113	`flex-direction: column-reverse;`
		2114	`flex: 1;`
		2115	`overflow: auto;`
		2116	`}`
		2117
		2118	`// END INMAIL`
		2119
		2120	`.marketplace_card {`
		2121	`background: $bg-color;`
		2122	`border-radius: $border-radius;`
		2123	`display: flex;`
		2124	`flex-direction: column;`
		2125	`max-width: 250px;`
		2126	`overflow: hidden;`
		2127	`transition: all 200ms;`
		2128	`margin: auto;`
		2129
		2130	`img {`
		2131	`object-fit: cover;`
		2132	`aspect-ratio: 4/2.5;`
		2133	`}`
		2134
		2135	`&:hover {`
		2136	`transform: translateY(-1rem);`
		2137	`box-shadow: $light-shadow;`
		2138	`}`
		2139
		2140	`.microlearning-up-info {`
		2141	`display: flex;`
		2142	`flex-direction: column;`
		2143	`gap: .5rem;`
		2144	`padding: 1rem .5rem;`
		2145
		2146	`h3 {`
		2147	`color: $title-color;`
		2148	`font-size: 1.1rem;`
		2149	`font-weight: 600;`
		2150	`}`
		2151
		2152	`h4 {`
		2153	`color: $subtitle-color;`
		2154	`font-size: .9rem;`
		2155	`font-weight: 500;`
		2156	`}`
		2157
		2158	`ul {`
		2159	`display: flex;`
		2160	`gap: 1rem;`
		2161
		2162	`a {`
		2163	`display: inline-block;`
		2164	`padding: 0 12px;`
		2165	`color: $font-color;`
		2166	`height: 35px;`
		2167	`line-height: 35px;`
		2168
		2169	`i {`
		2170	`font-size: 24px;`
		2171	`position: relative;`
		2172	`top: 3px;`
		2173	`}`
		2174	`}`
		2175	`}`
		2176	`}`
		2177	`}`
		2178
		2179	`.company-up-info {`
		2180	`/* float: left; */`
		2181	`width: 100%;`
		2182	`padding: 20px 0;`
		2183	`border-bottom: 1px solid #e5e5e5;`
		2184	`}`
		2185
		2186	`.company-up-info .description {`
		2187	`margin-bottom: 10px;`
		2188	`}`
		2189
		2190	`.company-up-info img {`
		2191	`float: none;`
		2192	`margin-bottom: 10px;`
		2193	`-webkit-border-radius: 100px;`
		2194	`-moz-border-radius: 100px;`
		2195	`-ms-border-radius: 100px;`
		2196	`-o-border-radius: 100px;`
		2197	`border-radius: 100px;`
		2198	`height: 90px;`
		2199	`object-fit: cover;`
		2200	`}`
		2201
		2202	`.company-up-info h3 {`
		2203	`color: #000000;`
		2204	`font-size: 18px;`
		2205	`font-weight: 600;`
		2206	`margin-bottom: 10px;`
		2207	`}`
		2208
		2209	`.company-up-info h4 {`
		2210	`color: #686868;`
		2211	`font-size: 14px;`
		2212	`font-weight: 500;`
		2213	`margin-bottom: 21px;`
		2214	`}`
		2215
		2216	`.company-up-info h6 {`
		2217	`color: #686868;`
		2218	`font-size: 15px;`
		2219	`font-weight: 500;`
		2220	`margin-bottom: 10px;`
		2221	`}`
		2222
		2223	`.company-up-info ul {`
		2224	`/* float: left; */`
		2225	`width: 100%;`
		2226	`}`
		2227
		2228	`.company-up-info ul li {`
		2229	`display: inline-block;`
		2230	`margin-right: 6px;`
		2231	`}`
		2232
		2233	`.company-up-info ul li a i {`
		2234	`font-size: 24px;`
		2235	`position: relative;`
		2236	`top: 3px;`
		2237	`}`
		2238
		2239	`.follow {`
		2240	`background-color: #53d690;`
		2241	`}`
		2242
		2243	`.message-us {`
		2244	`background-color: #e44d3a;`
		2245	`}`
		2246
		2247	`.hire-us {`
		2248	`background-color: #51a5fb;`
		2249	`}`
		2250
		2251	`.company_profile_info .cancelButton {`
		2252	`display: inline-block;`
		2253	`color: #000000;`
		2254	`font-size: 16px;`
		2255	`font-weight: 500;`
		2256	`margin: 18px 0;`
		2257	`}`
		2258
		2259	`/* ============= search-sec ============= */`
		2260
		2261	`.list-col {`
		2262	`display: flex;`
		2263	`gap: 20px;`
		2264	`flex-direction: column;`
		2265	`}`
		2266
		2267	`.search-sec {`
		2268	`width: 100%;`
		2269	`margin-top: 15px;`
		2270	`}`
		2271
		2272	`.search-box {`
		2273	`width: 100%;`
		2274	`position: relative;`
5369	stevensc	2275	`background-color: $bg-color;`
5363	stevensc	2276
		2277	`input,`
		2278	`input:focus {`
		2279	`background: $bg-color;`
		2280	`color: $font-color;`
		2281	`width: 100%;`
		2282	`height: 40px;`
		2283	`padding: 0 15px;`
		2284	`background: var(--background-light-gray);`
6334	stevensc	2285	`color: var(--font-color);`
		2286	`font-weight: 600;`
5363	stevensc	2287	`font-size: 14px;`
		2288	`border: solid 1px $border-primary;`
		2289	`box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);`
		2290	`}`
		2291
		2292	`button {`
		2293	`position: absolute;`
		2294	`top: 0;`
		2295	`right: 0;`
		2296	`border: solid 1px $border-primary;`
		2297	`color: var(--gray);`
		2298	`font-size: 16px;`
		2299	`font-weight: 500;`
		2300	`height: 100%;`
		2301	`padding: 0 28px;`
		2302	`cursor: pointer;`
		2303	`border-radius: 0 4px 4px 0;`
		2304	`}`
		2305	`}`
		2306
		2307	`/* =========== Range Slider ========== */`
		2308
		2309	`.rg-slider {`
		2310	`float: left;`
		2311	`width: 100%;`
		2312	`}`
		2313
		2314	`.slider-container {`
		2315	`width: 100% !important;`
		2316	`padding-top: 50px;`
		2317	`position: relative;`
		2318	`}`
		2319
		2320	`.theme-green .back-bar {`
		2321	`height: 5px;`
		2322	`border: 1px solid #e5e5e5;`
		2323	`-webkit-border-radius: 30px;`
		2324	`-moz-border-radius: 30px;`
		2325	`-ms-border-radius: 30px;`
		2326	`-o-border-radius: 30px;`
		2327	`border-radius: 30px;`
		2328	`}`
		2329
		2330	`.theme-green .back-bar .pointer {`
		2331	`width: 17px;`
		2332	`height: 17px;`
		2333	`-webkit-border-radius: 100px;`
		2334	`-moz-border-radius: 100px;`
		2335	`-ms-border-radius: 100px;`
		2336	`-o-border-radius: 100px;`
		2337	`border-radius: 100px;`
		2338	`background-color: #e44d3a;`
		2339	`border: 2px solid #e3e3e3;`
		2340	`-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);`
		2341	`-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);`
		2342	`-ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);`
		2343	`-o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);`
		2344	`box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);`
		2345	`}`
		2346
		2347	`.theme-green .back-bar .pointer {`
		2348	`top: -7px;`
		2349	`}`
		2350
		2351	`.slider-container .back-bar .pointer-label {`
		2352	`top: -50px;`
		2353	`height: 26px;`
		2354	`background-color: #e5e5e5;`
		2355	`-webkit-border-radius: 30px;`
		2356	`-moz-border-radius: 30px;`
		2357	`-ms-border-radius: 30px;`
		2358	`-o-border-radius: 30px;`
		2359	`border-radius: 30px;`
		2360	`line-height: 26px;`
		2361	`width: 50px;`
		2362	`}`
		2363
		2364	`.pointer-label.low {`
		2365	`left: 0 !important;`
		2366	`}`
		2367
		2368	`.pointer-label.high {`
		2369	`left: 70px !important;`
		2370	`}`
		2371
		2372	`.pointer-label.low:before {`
		2373	`content: "";`
		2374	`position: absolute;`
		2375	`top: 13px;`
		2376	`right: -14px;`
		2377	`width: 8px;`
		2378	`height: 1px;`
		2379	`background-color: #e5e5e5;`
		2380	`}`
		2381
		2382	`.rg-limit {`
		2383	`float: left;`
		2384	`width: 100%;`
		2385	`margin-top: 16px;`
		2386	`}`
		2387
		2388	`.rg-limit h4 {`
		2389	`color: #686868;`
		2390	`font-size: 15px;`
		2391	`font-weight: 600;`
		2392	`float: left;`
		2393	`}`
		2394
		2395	`.rg-limit h4:last-child {`
		2396	`float: right;`
		2397	`}`
		2398
		2399	`/* ============== chatbox-list ============== */`
		2400
		2401	`.ext_share {`
		2402	`display: flex;`
		2403	`position: absolute;`
		2404	`align-items: center;`
5744	stevensc	2405	`padding: .2rem;`
5363	stevensc	2406	`bottom: calc(100% + 0.5rem);`
		2407	`gap: 0.5rem;`
		2408	`left: 50%;`
5744	stevensc	2409	`width: fit-content;`
5363	stevensc	2410	`transform: translateX(-90%);`
		2411	`border-radius: 20px;`
5744	stevensc	2412	`background-color: $bg-color;`
5363	stevensc	2413	`box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 12%), 0px -4px 4px -2px rgb(0 0 0 / 12%);`
		2414
		2415	`&.post {`
		2416	`transform: none;`
		2417	`bottom: 100%;`
		2418	`right: 1.5rem;`
		2419	`z-index: 200;`
		2420	`}`
		2421
		2422	`@media (min-width: 768px) {`
5744	stevensc	2423	`transform: translateX(-50%);`
5363	stevensc	2424	`}`
		2425	`}`
		2426
		2427	`.highlighted {`
		2428	`backdrop-filter: blur(35px);`
		2429	`animation: droping 1s ease infinite;`
		2430	`}`
		2431
		2432	`@keyframes droping {`
		2433	`0% {`
		2434	`box-shadow: 0 0 5px #96bde9;`
		2435	`}`
		2436
		2437	`50% {`
		2438	`box-shadow: 0 0 12px #96bde9;`
		2439	`}`
		2440
		2441	`100% {`
		2442	`box-shadow: 0 0 5px #96bde9;`
		2443	`}`
		2444	`}`
		2445
		2446	`.chat-mg {`
		2447	`display: inline-block;`
		2448	`position: relative;`
		2449	`}`
		2450
		2451	`.chat-mg img {`
		2452	`width: 70px;`
		2453	`height: 70px;`
		2454	`-webkit-border-radius: 100px;`
		2455	`-moz-border-radius: 100px;`
		2456	`-ms-border-radius: 100px;`
		2457	`-o-border-radius: 100px;`
		2458	`border-radius: 100px;`
		2459	`}`
		2460
		2461	`.chat-mg span {`
		2462	`position: absolute;`
		2463	`top: -5px;`
		2464	`right: 10px;`
		2465	`width: 20px;`
		2466	`height: 20px;`
		2467	`background-color: #e44d3a;`
		2468	`text-align: center;`
		2469	`font-size: 12px;`
		2470	`color: #fff;`
		2471	`line-height: 20px;`
		2472	`-webkit-border-radius: 100px;`
		2473	`-moz-border-radius: 100px;`
		2474	`-ms-border-radius: 100px;`
		2475	`-o-border-radius: 100px;`
		2476	`border-radius: 100px;`
		2477	`}`
		2478
		2479	`.chat-mg.bx img {`
		2480	`-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);`
		2481	`-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);`
		2482	`-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);`
		2483	`-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);`
		2484	`box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);`
		2485	`}`
		2486
		2487	`.conversation-box {`
		2488	`position: absolute;`
		2489	`bottom: 132%;`
		2490	`right: 100%;`
		2491	`width: 350px;`
		2492	`background-color: #fff;`
		2493	`-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);`
		2494	`-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);`
		2495	`-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);`
		2496	`-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);`
		2497	`box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);`
		2498	`opacity: 0;`
		2499	`visibility: hidden;`
		2500	`z-index: 0;`
		2501	`}`
		2502
		2503	`.conversation-box.active {`
		2504	`opacity: 1;`
		2505	`visibility: visible;`
		2506	`z-index: 9999;`
		2507	`}`
		2508
		2509	`.conversation-box:before {`
		2510	`content: "";`
		2511	`position: absolute;`
		2512	`bottom: -7px;`
		2513	`right: 26px;`
		2514	`border-top: 15px solid #fff;`
		2515	`border-right: 15px solid transparent;`
		2516	`-webkit-transform: rotate(225deg);`
		2517	`-moz-transform: rotate(225deg);`
		2518	`-ms-transform: rotate(225deg);`
		2519	`-o-transform: rotate(225deg);`
		2520	`transform: rotate(225deg);`
		2521	`}`
		2522
		2523	`.con-title {`
		2524	`float: left;`
		2525	`width: 100%;`
		2526	`background-color: #e44d3a;`
		2527	`padding: 15px 25px;`
		2528	`-webkit-border-radius: 10px 10px 0 0;`
		2529	`-moz-border-radius: 10px 10px 0 0;`
		2530	`-ms-border-radius: 10px 10px 0 0;`
		2531	`-o-border-radius: 10px 10px 0 0;`
		2532	`border-radius: 10px 10px 0 0;`
		2533	`}`
		2534
		2535	`.con-title h3 {`
		2536	`float: left;`
		2537	`color: #ffffff;`
		2538	`font-size: 16px;`
		2539	`font-weight: 600;`
		2540	`}`
		2541
		2542	`.con-title>a {`
		2543	`float: right;`
		2544	`color: #fff;`
		2545	`font-size: 20px;`
		2546	`}`
		2547
		2548	`.chat-list {`
		2549	`float: left;`
		2550	`width: 100%;`
		2551	`min-height: 390px;`
		2552	`}`
		2553
		2554	`.conv-list {`
		2555	`float: left;`
		2556	`width: 100%;`
		2557	`display: table;`
		2558	`padding: 20px 25px;`
		2559	`position: relative;`
		2560	`}`
		2561
		2562	`.conv-list:hover,`
		2563	`.conv-list.active {`
		2564	`background-color: #efefef;`
		2565	`}`
		2566
		2567	`.msg-numbers {`
		2568	`position: absolute;`
		2569	`bottom: 18px;`
		2570	`right: 25px;`
		2571	`width: 25px;`
		2572	`height: 25px;`
		2573	`background-color: #e77667;`
		2574	`text-align: center;`
		2575	`line-height: 25px;`
		2576	`color: #fff;`
		2577	`font-size: 13px;`
		2578	`-webkit-border-radius: 100px;`
		2579	`-moz-border-radius: 100px;`
		2580	`-ms-border-radius: 100px;`
		2581	`-o-border-radius: 100px;`
		2582	`border-radius: 100px;`
		2583	`}`
		2584
		2585	`.usrr-pic {`
		2586	`display: table-cell;`
		2587	`position: relative;`
		2588	`}`
		2589
		2590	`.active-status {`
		2591	`width: 9px;`
		2592	`height: 9px;`
		2593	`border: 2px solid #ecf5fb;`
		2594	`-webkit-border-radius: 100px;`
		2595	`-moz-border-radius: 100px;`
		2596	`-ms-border-radius: 100px;`
		2597	`-o-border-radius: 100px;`
		2598	`border-radius: 100px;`
		2599	`position: absolute;`
		2600	`top: -3px;`
		2601	`right: 0;`
		2602	`}`
		2603
		2604	`.activee {`
		2605	`background-color: #e44d3a;`
		2606	`}`
		2607
		2608	`.usy-info {`
		2609	`display: table-cell;`
		2610	`vertical-align: top;`
		2611	`width: 100%;`
		2612	`padding-left: 15px;`
		2613	`}`
		2614
		2615	`.usy-info h3 {`
		2616	`color: #000000;`
		2617	`font-size: 18px;`
		2618	`font-weight: 600;`
		2619	`margin-bottom: 5px;`
		2620	`}`
		2621
		2622	`.usy-info span {`
		2623	`color: #686868;`
		2624	`font-size: 16px;`
		2625	`float: left;`
		2626	`}`
		2627
		2628	`.usy-info span img {`
		2629	`padding-left: 5px;`
		2630	`float: right;`
		2631	`}`
		2632
		2633	`.ct-time {`
		2634	`position: absolute;`
		2635	`top: 20px;`
		2636	`right: 25px;`
		2637	`}`
		2638
		2639	`.ct-time span {`
		2640	`color: #b2b2b2;`
		2641	`font-size: 14px;`
		2642	`}`
		2643
		2644	`.st-icons {`
		2645	`float: right;`
		2646	`margin-top: 7px;`
		2647	`}`
		2648
		2649	`.st-icons a {`
		2650	`color: #fff;`
		2651	`font-size: 20px;`
		2652	`margin-right: 5px;`
		2653	`}`
		2654
		2655	`.chat-hist {`
		2656	`float: left;`
		2657	`width: 100%;`
		2658	`background-color: #fff;`
		2659	`height: 280px;`
		2660	`}`
		2661
		2662	`.chat-msg {`
		2663	`float: left;`
		2664	`width: 100%;`
		2665	`padding-right: 25px;`
		2666	`margin-bottom: 15px;`
		2667	`}`
		2668
		2669	`.chat-msg p {`
		2670	`color: #ffffff;`
		2671	`font-size: 14px;`
		2672	`background-color: #e44d3a;`
		2673	`line-height: 18px;`
		2674	`-webkit-border-radius: 15px;`
		2675	`-moz-border-radius: 15px;`
		2676	`-ms-border-radius: 15px;`
		2677	`-o-border-radius: 15px;`
		2678	`border-radius: 15px;`
		2679	`padding: 10px 15px;`
		2680	`width: 80%;`
		2681	`float: right;`
		2682	`margin-bottom: 10px;`
		2683	`}`
		2684
		2685	`.mg-3 {`
		2686	`margin-bottom: 3px;`
		2687	`}`
		2688
		2689	`.chat-msg span {`
		2690	`float: right;`
		2691	`color: #b1b1b1;`
		2692	`width: 100%;`
		2693	`font-size: 9px;`
		2694	`text-align: right;`
		2695	`}`
		2696
		2697	`.status-info {`
		2698	`width: 8px;`
		2699	`height: 8px;`
		2700	`background-color: #fff;`
		2701	`-webkit-border-radius: 100px;`
		2702	`-moz-border-radius: 100px;`
		2703	`-ms-border-radius: 100px;`
		2704	`-o-border-radius: 100px;`
		2705	`border-radius: 100px;`
		2706	`display: inline-block;`
		2707	`margin-left: 7px;`
		2708	`}`
		2709
		2710	`.chat-user-info h3 {`
		2711	`margin-top: 7px;`
		2712	`margin-left: 10px;`
		2713	`}`
		2714
		2715	`.date-nd {`
		2716	`float: left;`
		2717	`width: 100%;`
		2718	`text-align: center;`
		2719	`margin-bottom: 20px;`
		2720	`position: relative;`
		2721	`}`
		2722
		2723	`.date-nd:before,`
		2724	`.date-nd:after {`
		2725	`content: "";`
		2726	`position: absolute;`
		2727	`top: 10px;`
		2728	`left: 15px;`
		2729	`width: 92px;`
		2730	`height: 1px;`
		2731	`background-color: #e5e5e5;`
		2732	`}`
		2733
		2734	`.date-nd:after {`
		2735	`left: auto;`
		2736	`right: 15px;`
		2737	`}`
		2738
		2739	`.date-nd span {`
		2740	`color: #b1b1b1;`
		2741	`font-size: 12px;`
		2742	`text-align: center;`
		2743	`}`
		2744
		2745	`.chat-msg.st2 p {`
		2746	`background-color: #efefef;`
		2747	`color: #686868;`
		2748	`float: left;`
		2749	`width: 55%;`
		2750	`}`
		2751
		2752	`.chat-msg.st2 {`
		2753	`padding-left: 25px;`
		2754	`}`
		2755
		2756	`.chat-msg.st2 span {`
		2757	`float: left;`
		2758	`text-align: left;`
		2759	`}`
		2760
		2761	`/* =========== typing-msg =========== */`
		2762
		2763	`.typing-msg {`
		2764	`float: left;`
		2765	`width: 100%;`
		2766	`border-top: 1px solid #e6e6e6;`
		2767	`padding-top: 15px;`
		2768	`}`
		2769
		2770	`.typing-msg form {`
		2771	`float: left;`
		2772	`width: 100%;`
		2773	`position: relative;`
		2774	`}`
		2775
		2776	`.typing-msg form textarea {`
		2777	`width: 100%;`
		2778	`height: 30px;`
		2779	`background-color: #fff;`
		2780	`padding: 0 20px;`
		2781	`color: #b2b2b2;`
		2782	`font-size: 16px;`
		2783	`border: 0;`
		2784	`resize: none;`
		2785	`}`
		2786
		2787	`.typing-msg form button {`
		2788	`color: #e44d3a;`
		2789	`font-size: 18px;`
		2790	`font-weight: 600;`
		2791	`position: absolute;`
		2792	`top: 2px;`
		2793	`right: 20px;`
		2794	`background: none;`
		2795	`border: 0;`
		2796	`cursor: pointer;`
		2797	`}`
		2798
		2799	`.ft-options {`
		2800	`float: left;`
		2801	`width: 100%;`
		2802	`padding: 0 20px 8px 20px;`
		2803	`}`
		2804
		2805	`.ft-options li {`
		2806	`display: inline-block;`
		2807	`margin-right: 15px;`
		2808	`}`
		2809
		2810	`.ft-options li a {`
		2811	`color: #b2b2b2;`
		2812	`font-size: 24px;`
		2813	`display: inline-block;`
		2814	`}`
		2815
		2816	`.mCSB_scrollTools {`
		2817	`right: -5px;`
		2818	`}`
		2819
		2820	`.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {`
		2821	`background-color: #cccccc;`
		2822	`width: 5px;`
		2823	`}`
		2824
		2825	`.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {`
		2826	`opacity: 0;`
		2827	`}`
		2828
		2829	`/* ============ Menu Btn =============*/`
		2830
		2831	`.menu-btn {`
		2832	`float: right;`
		2833	`display: none;`
		2834	`}`
		2835
		2836	`.menu-btn a {`
		2837	`font-size: 24px;`
		2838	`color: #fff;`
		2839	`display: inline-block;`
		2840	`padding-top: 16px;`
		2841	`padding-left: 20px;`
		2842	`}`
		2843
		2844	`/* ============= account-tabs-setting ============ */`
		2845
		2846	`/* .profile-account-setting {} */`
		2847
		2848	`.account-tabs-setting {`
		2849	`width: 100%;`
		2850	`}`
		2851
		2852	`.account-tabs-setting h1 {`
		2853	`font-size: 1rem;`
		2854	`font-weight: 700;`
		2855	`margin: 2rem auto;`
		2856	`text-align: center;`
		2857	`color: $title-color;`
		2858	`}`
		2859
		2860	`.acc-leftbar {`
		2861	`width: 100%;`
		2862	`background-color: $bg-color;`
		2863	`border: 1px solid $border-primary;`
		2864	`border-radius: 10px;`
		2865	`overflow: hidden;`
		2866	`}`
		2867
		2868	`.acc-leftbar .nav-tabs>a {`
		2869	`border-bottom: 1px solid $border-primary;`
		2870	`color: $subtitle-color;`
		2871	`font-size: 16px;`
		2872	`font-weight: 700;`
		2873	`margin: 0 auto;`
		2874	`padding: 1rem 0;`
		2875	`width: 90%;`
		2876	`}`
		2877
		2878	`.nav-tabs {`
		2879	`border-bottom: 0;`
		2880	`}`
		2881
		2882	`.acc-leftbar .nav-tabs>a:last-child {`
		2883	`border-bottom: 0;`
		2884	`}`
		2885
		2886	`.acc-leftbar .nav-tabs>a i {`
		2887	`font-size: 1.5rem;`
		2888	`position: relative;`
		2889	`width: 50px;`
		2890	`height: 50px;`
		2891	`display: inline-flex;`
		2892	`align-items: center;`
		2893	`background-color: $bg-color-secondary;`
		2894	`border-radius: 100px;`
		2895	`justify-content: center;`
		2896	`margin-right: 5px;`
		2897	`}`
		2898
		2899	`.nav-tabs .nav-item.show .nav-link,`
		2900	`.nav-tabs .nav-link.active {`
		2901	`background-color: inherit;`
		2902	`color: #e44d3a;`
		2903	`border-color: inherit;`
		2904	`}`
		2905
		2906	`/* ============= acc-setting ============ */`
		2907
		2908	`.settings-container {`
		2909	`font-weight: normal;`
		2910	`}`
		2911
		2912	`.settings-container h2 {`
		2913	`font-size: 18px;`
		2914	`font-weight: 600;`
		2915	`margin: 0.5rem auto;`
		2916	`color: $subtitle-color;`
		2917	`}`
		2918
		2919	`.acc-setting_content {`
		2920	`padding: 2rem 1rem;`
		2921	`width: 100%;`
		2922	`overflow: hidden;`
		2923	`border-radius: 10px;`
		2924	`background-color: $bg-color;`
		2925	`border: 1px solid $border-primary;`
		2926	`box-shadow: 1px 0 4px var(--background-gray);`
		2927	`}`
		2928
		2929	`.acc-setting {`
		2930	`display: flex;`
		2931	`flex-direction: column;`
		2932	`gap: 1rem;`
		2933	`border-radius: $border-radius;`
		2934	`border: 1px solid $border-primary;`
		2935	`padding: 1rem;`
		2936	`background-color: #fff;`
		2937
		2938	`form {`
		2939	`align-items: flex-start;`
		2940	`display: flex;`
		2941	`flex-direction: column;`
		2942	`gap: 0.5rem;`
		2943	`}`
		2944
		2945	`&>h3 {`
		2946	`color: $subtitle-color;`
		2947	`font-weight: 600;`
		2948	`font-size: 18px;`
		2949	`}`
		2950
		2951	`.notbat {`
		2952	`display: flex;`
		2953	`justify-content: space-between;`
		2954	`border-top: 1px solid $border-primary;`
		2955	`padding: 0.5rem 1rem;`
		2956	`width: 100%;`
		2957
		2958	`&>span {`
		2959	`max-width: 70%;`
		2960	`}`
		2961	`}`
		2962
		2963	`.inputs__container {`
		2964	`display: flex;`
		2965	`width: 100%;`
		2966	`gap: 1rem;`
		2967	`align-items: center;`
		2968	`flex-wrap: wrap;`
		2969	`}`
		2970
		2971	`.cp-field {`
		2972	`width: 100%;`
		2973	`display: flex;`
		2974	`flex-direction: column;`
		2975	`gap: 0.5rem;`
		2976	`align-items: flex-start;`
		2977	`}`
		2978
		2979	`@media (min-width: 768px) {`
		2980	`.cp-field {`
		2981	`flex: 1;`
		2982	`}`
		2983	`}`
		2984	`}`
		2985
		2986	`.toggle-btn {`
		2987	`position: absolute;`
		2988	`top: 35px;`
		2989	`right: 20px;`
		2990	`}`
		2991
		2992	`/* =============== Password Update ============ */`
		2993
		2994	`.cp-field {`
		2995	`h5 {`
		2996	`color: $title-color;`
		2997	`font-size: 16px;`
		2998	`font-weight: 600;`
		2999	`}`
		3000
		3001	`input,`
		3002	`select,`
		3003	`.custom-input {`
		3004	`height: 40px;`
		3005	`padding: 0 40px;`
		3006	`}`
		3007
		3008	`input,`
		3009	`textarea,`
		3010	`select,`
		3011	`.custom-input {`
		3012	`width: 100% !important;`
		3013	`background-color: $bg-color !important;`
		3014	`color: $font-color !important;`
		3015	`box-shadow: 0 0 2px $border-primary !important;`
		3016	`border-radius: 10px !important;`
		3017	`border: none !important;`
		3018	`margin-top: 4px;`
		3019	`}`
		3020
		3021	`textarea {`
		3022	`padding: 20px;`
		3023	`height: 115px;`
		3024	`}`
		3025	`}`
		3026
		3027	`.cpp-fiel {`
		3028	`width: 100%;`
		3029	`position: relative;`
		3030	`}`
		3031
		3032	`.cpp-fiel i {`
		3033	`position: absolute;`
		3034	`top: 12px;`
		3035	`left: 15px;`
		3036	`color: #b2b2b2;`
		3037	`font-size: 16px;`
		3038	`}`
		3039
		3040	`/* =============== notifications-list ============= */`
		3041
		3042	`.notfication-details {`
		3043	`float: left;`
		3044	`width: 100%;`
		3045	`padding: 20px;`
		3046	`border-bottom: 1px solid #e5e5e5;`
		3047	`}`
		3048
		3049	`.notfication-details:last-child {`
		3050	`border-bottom: 0;`
		3051	`}`
		3052
		3053	`.noty-user-img {`
		3054	`float: left;`
		3055	`width: 35px;`
		3056	`}`
		3057
		3058	`.noty-user-img img {`
		3059	`width: 100%;`
		3060	`}`
		3061
		3062	`.notification-info {`
		3063	`float: left;`
		3064	`width: auto;`
		3065	`padding-left: 10px;`
		3066	`}`
		3067
		3068	`.notification-info h3 {`
		3069	`color: #686868;`
		3070	`font-size: 14px;`
		3071	`font-weight: 500;`
		3072	`border: 0;`
		3073	`padding: 0;`
		3074	`margin-bottom: 6px;`
		3075	`}`
		3076
		3077	`.notification-info h3 a {`
		3078	`color: #000000;`
		3079	`font-size: 16px;`
		3080	`font-weight: 600;`
		3081	`display: inline-block;`
		3082	`}`
		3083
		3084	`.notification-info>span {`
		3085	`display: inline-block;`
		3086	`color: #b2b2b2;`
		3087	`font-size: 12px;`
		3088	`font-weight: 600;`
		3089	`}`
		3090
		3091	`/* ============== requests-list ============== */`
		3092
		3093	`.requests-list {`
		3094	`float: left;`
		3095	`width: 100%;`
		3096	`padding-bottom: 0;`
		3097	`}`
		3098
		3099	`.request-details {`
		3100	`float: left;`
		3101	`width: 100%;`
		3102	`padding: 20px;`
		3103	`border-bottom: 1px solid #e5e5e5;`
		3104	`}`
		3105
		3106	`.request-details:last-child {`
		3107	`border-bottom: 0;`
		3108	`}`
		3109
		3110	`.request-info {`
		3111	`float: left;`
		3112	`padding-left: 10px;`
		3113	`}`
		3114
		3115	`.request-info h3 {`
		3116	`color: #000000;`
		3117	`font-size: 14px;`
		3118	`font-weight: 600;`
		3119	`padding: 0;`
		3120	`border: 0;`
		3121	`margin-bottom: 3px;`
		3122	`}`
		3123
		3124	`.request-info span {`
		3125	`color: #686868;`
		3126	`font-size: 12px;`
		3127	`display: inline-block;`
		3128	`}`
		3129
		3130	`.accept-feat {`
		3131	`float: right;`
		3132	`}`
		3133
		3134	`.accept-feat ul li {`
		3135	`display: inline-block;`
		3136	`}`
		3137
		3138	`.accept-feat ul li button {`
		3139	`cursor: pointer;`
		3140	`}`
		3141
		3142	`.accept-req {`
		3143	`color: #ffffff;`
		3144	`font-size: 16px;`
		3145	`background-color: #51a5fb;`
		3146	`height: 30px;`
		3147	`padding: 0 20px;`
		3148	`font-weight: 600;`
		3149	`border: 0;`
		3150	`border: 1px solid #51a5fb;`
		3151	`}`
		3152
		3153	`.close-req {`
		3154	`height: 30px;`
		3155	`width: 30px;`
		3156	`text-align: center;`
		3157	`line-height: 30px;`
		3158	`border: 1px solid #e5e5e5;`
		3159	`background: inherit;`
		3160	`color: #b2b2b2;`
		3161	`margin-left: 7px;`
		3162	`}`
		3163
		3164	`.close-req i {`
		3165	`font-weight: 600;`
		3166	`}`
		3167
		3168	`/* ============= Profile Sattus =========== */`
		3169
		3170	`.profile-bx-details {`
		3171	`float: left;`
		3172	`width: 100%;`
		3173	`padding: 30px 7px 30px 7px;`
		3174	`}`
		3175
		3176	`.profile-bx-details .row .col-lg-3 {`
		3177	`padding: 0 7px;`
		3178	`}`
		3179
		3180	`.profile-bx-info {`
		3181	`float: left;`
		3182	`width: 100%;`
		3183	`background-color: #f2f2f2;`
		3184	`padding: 20px;`
		3185	`border: 1px solid #e5e5e5;`
		3186	`}`
		3187
		3188	`.pro-bx {`
		3189	`float: left;`
		3190	`width: 100%;`
		3191	`border-bottom: 1px solid #e5e5e5;`
		3192	`padding-bottom: 10px;`
		3193	`}`
		3194
		3195	`.bx-info {`
		3196	`float: left;`
		3197	`margin-top: 7px;`
		3198	`padding-left: 10px;`
		3199	`}`
		3200
		3201	`.bx-info h3 {`
		3202	`color: #e44d3a;`
		3203	`font-size: 20px;`
		3204	`font-weight: 600;`
		3205	`margin-bottom: 5px;`
		3206	`}`
		3207
		3208	`.bx-info h5 {`
		3209	`color: #000000;`
		3210	`font-size: 14px;`
		3211	`font-weight: 600;`
		3212	`margin: 0;`
		3213	`padding: 0;`
		3214	`border: 0;`
		3215	`}`
		3216
		3217	`.pd-left-20 {`
		3218	`padding-left: 20px;`
		3219	`padding-right: 0;`
		3220	`}`
		3221
		3222	`.pd-left-15 {`
		3223	`padding-left: 15px;`
		3224	`padding-right: 0;`
		3225	`}`
		3226
		3227	`.pd-left-right {`
		3228	`padding-left: 15px;`
		3229	`padding-right: 20px;`
		3230	`}`
		3231
		3232	`.profile-bx-info>p {`
		3233	`float: left;`
		3234	`width: 100%;`
		3235	`font-size: 14px;`
		3236	`line-height: 20px;`
		3237	`padding-top: 5px;`
		3238	`}`
		3239
		3240	`/* =========== pro-work-status ========= */`
		3241
		3242	`.pro-work-status {`
		3243	`float: left;`
		3244	`width: 100%;`
		3245	`padding: 0 15px;`
		3246	`}`
		3247
		3248	`.pro-work-status h4 {`
		3249	`color: #000000;`
		3250	`font-size: 18px;`
		3251	`font-weight: 600;`
		3252	`margin-bottom: 50px;`
		3253	`}`
		3254
		3255	`/* ============== messages-page ============== */`
		3256
6304	stevensc	3257	`.chat-page {`
		3258	`display: flex;`
		3259	`flex-direction: column;`
		3260	`width: 100%;`
5363	stevensc	3261
6304	stevensc	3262	`@media (min-width: 768px) {`
		3263	`display: grid;`
6336	stevensc	3264	`grid-template-columns: 300px 1fr;`
6304	stevensc	3265	`gap: 1rem;`
		3266	`}`
5363	stevensc	3267	`}`
		3268
		3269	`.msgs-list {`
		3270	`width: 100%;`
		3271	`}`
		3272
		3273	`.inmail_conversations-list {`
		3274	`border-right: 1px solid #3333;`
		3275	`padding-left: 0;`
		3276	`padding-right: 0;`
		3277	`}`
		3278
		3279	`.msg-title {`
		3280	`color: #000000;`
		3281	`font-size: 18px;`
		3282	`font-weight: 600;`
		3283	`}`
		3284
		3285	`.date-chat {`
		3286	`font-size: 0.6rem;`
		3287	`color: var(--gray);`
		3288	`padding-top: 5%;`
		3289	`}`
		3290
		3291	`.messages-list {`
		3292	`overflow-y: scroll;`
		3293
		3294	`li {`
		3295	`cursor: pointer;`
		3296
		3297	`&.active {`
		3298	`background-color: #efefef;`
		3299	`}`
		3300	`}`
		3301	`}`
		3302
		3303	`.text-chat-title {`
		3304	`color: var(--gray) !important;`
		3305	`font-size: 1rem;`
		3306	`}`
		3307
		3308	`.usr-msg-details {`
		3309	`display: flex;`
		3310	`align-items: center;`
		3311	`gap: 0.5rem;`
		3312	`padding: 0.5rem 1rem;`
		3313	`border-radius: $border-radius;`
		3314
		3315	`&:hover,`
		3316	`&.is_selected {`
		3317	`background: $light-gray;`
		3318	`}`
		3319
		3320	`.usr-ms-img {`
		3321	`width: 40px;`
		3322	`height: 40px;`
		3323	`border-radius: 50%;`
		3324	`overflow: hidden;`
		3325
		3326	`img {`
		3327	`object-fit: cover;`
		3328	`}`
		3329	`}`
		3330
		3331	`.usr-mg-info {`
		3332	`h3 {`
		3333	`color: $subtitle-color;`
		3334	`font-size: 18px;`
		3335	`font-weight: 600;`
		3336	`}`
		3337
		3338	`p {`
		3339	`color: $font-color;`
		3340	`font-size: 16px;`
		3341	`}`
		3342	`}`
		3343	`}`
		3344
		3345	`.msg-status {`
		3346	`border-radius: 100px;`
		3347	`background-color: #e44d3a;`
		3348	`position: absolute;`
		3349	`top: -3px;`
		3350	`right: 0;`
		3351	`width: 6px;`
		3352	`height: 6px;`
		3353	`}`
		3354
		3355	`.messages-list ul li.active .msg-status {`
		3356	`border: 2px solid #ecf5fb;`
		3357	`height: 10px;`
		3358	`width: 10px;`
		3359	`}`
		3360
		3361	`.msg-notifc {`
		3362	`position: absolute;`
		3363	`/* bottom: 0;`
		3364	`right: 0; */`
		3365	`width: 25px;`
		3366	`height: 25px;`
		3367	`-webkit-border-radius: 100px;`
		3368	`-moz-border-radius: 100px;`
		3369	`-ms-border-radius: 100px;`
		3370	`-o-border-radius: 100px;`
		3371	`border-radius: 100px;`
		3372	`background-color: #e77667;`
		3373	`text-align: center;`
		3374	`line-height: 25px;`
		3375	`font-size: 13px;`
		3376	`color: #fff;`
		3377	`}`
		3378
		3379	`.posted_time {`
		3380	`position: absolute;`
		3381	`top: 2px;`
		3382	`right: 0;`
		3383	`color: #b2b2b2;`
		3384	`font-size: 14px;`
		3385	`}`
		3386
		3387	`/* =============== main-message-box ============= */`
		3388
		3389	`.main-conversation-box {`
		3390	`width: 100%;`
		3391	`background-color: $bg-color;`
		3392	`position: relative;`
		3393	`height: 80vh;`
		3394	`display: grid;`
		3395	`grid-template-rows: auto 65% auto;`
		3396	`}`
		3397
		3398	`.inmail-conversation-container {`
		3399	`width: 100%;`
		3400	`background-color: $bg-color;`
		3401	`position: relative;`
		3402	`height: 80vh;`
		3403	`gap: 0.5rem;`
		3404	`display: grid;`
		3405	`grid-template-rows: 5% 80% 15%;`
		3406	`}`
		3407
		3408	`@media (min-width: 992px) {`
		3409	`.inmail-conversation-container {`
		3410	`grid-template-rows: 85% 15%;`
		3411	`}`
		3412	`}`
		3413
		3414	`.inmail-conversation-box {`
		3415	`width: 100%;`
		3416	`position: relative;`
		3417	`display: grid;`
		3418	`grid-template-rows: auto 85%;`
		3419	`overflow: hidden;`
		3420	`}`
		3421
		3422	`.message-bar-head {`
		3423	`height: 13vh;`
		3424	`width: 100%;`
		3425	`padding: 20px;`
		3426	`border-bottom: 1px solid $border-primary;`
		3427	`}`
		3428
		3429	`.message-bar-head .usr-msg-details {`
		3430	`width: auto;`
		3431	`}`
		3432
		3433	`.message-bar-head>a {`
		3434	`float: right;`
		3435	`color: #b2b2b2;`
		3436	`font-size: 20px;`
		3437	`padding-top: 15px;`
		3438	`}`
		3439
		3440	`.main-message-box {`
		3441	`display: flex;`
		3442	`width: 100%;`
		3443	`position: relative;`
		3444
		3445	`.message-inner-dt {`
		3446	`width: 100%;`
		3447
		3448	`&>img {`
		3449	`display: inline-block;`
		3450	`width: auto;`
		3451	`max-height: 180px;`
		3452	`}`
		3453
		3454	`&>p {`
		3455	`font-size: 14px;`
		3456	`}`
		3457	`}`
		3458
		3459	`.message-dt {`
		3460	`border-radius: $border-radius;`
		3461	`border-top-left-radius: 0;`
		3462	`width: auto;`
		3463	`padding: 0.5rem;`
		3464	`margin-left: 15px;`
		3465	`background-color: $chat-send;`
		3466	`color: $chat-color;`
		3467	`box-shadow: $white-backdrop;`
		3468	`}`
		3469
		3470	`.messg-usr-img {`
		3471	`margin-left: 20px;`
		3472	`width: 50px;`
		3473	`}`
		3474
		3475	`.message-dt>span {`
		3476	`color: #b2b2b2;`
		3477	`font-size: 14px;`
		3478	`float: left;`
		3479	`width: 100%;`
		3480	`margin-top: 7px;`
		3481	`}`
		3482
		3483	`&.ta-right {`
		3484	`flex-direction: row-reverse;`
		3485	`}`
		3486
		3487	`&.ta-right .messg-usr-img {`
		3488	`margin-left: 0;`
		3489	`margin-right: 20px;`
		3490	`}`
		3491
		3492	`&.ta-right .message-dt {`
		3493	`border-top-left-radius: $border-radius;`
		3494	`border-top-right-radius: 0;`
		3495	`margin-right: 15px;`
		3496	`background-color: $chat-received;`
		3497	`}`
		3498
		3499	`&.ta-right .message-dt>span {`
		3500	`float: right;`
		3501	`width: auto;`
		3502	`}`
		3503	`}`
		3504
		3505	`.messg-usr-img img {`
		3506	`width: 100%;`
		3507	`background: #fff;`
		3508	`border-radius: 100px;`
		3509	`}`
		3510
		3511	`.img-bx {`
		3512	`background-color: #efefef;`
		3513	`padding: 20px;`
		3514	`}`
		3515
		3516	`.message-dt.st3 .message-inner-dt {`
		3517	`&>p {`
		3518	`background-color: #efefef;`
		3519	`color: #686868;`
		3520	`width: auto;`
		3521	`padding: 10px 15px;`
		3522	`float: left;`
		3523	`}`
		3524
		3525	`&>img {`
		3526	`float: right;`
		3527	`position: relative;`
		3528	`top: 3px;`
		3529	`padding-left: 5px;`
		3530	`}`
		3531	`}`
		3532
		3533
		3534	`/* ============== Calendar ============ */`
		3535
		3536	`.calendar-event {`
		3537	`display: flex;`
		3538	`flex-direction: column;`
		3539	`border-radius: $border-radius;`
		3540	`padding: 0.5rem;`
		3541	`}`
		3542
		3543	`/* ============== message-send-area ============ */`
		3544
		3545	`.inmail-submit-btn {`
		3546	`width: 6%;`
		3547	`}`
		3548
		3549	`.chat-header a {`
		3550	`text-decoration: none;`
		3551	`color: var(--dark);`
		3552	`}`
		3553
		3554	`.chat-header h2 {`
		3555	`font-weight: 700;`
		3556	`text-align: center;`
		3557	`}`
		3558
		3559	`.chat_contacts {`
		3560	`background-color: $bg-color;`
		3561	`border-radius: $border-radius;`
		3562	`border: 1px solid $border-primary;`
		3563	`display: flex;`
		3564	`flex-direction: column;`
		3565	`height: 100%;`
		3566	`gap: 0.5rem;`
		3567	`padding: 1rem 0.5rem;`
		3568	`max-height: 80vh;`
6304	stevensc	3569
		3570	`h1 {`
		3571	`font-size: 1.3rem;`
		3572	`}`
		3573
6309	stevensc	3574	`.header {`
		3575	`margin-top: 1rem;`
		3576	`margin-right: .5rem;`
		3577	`}`
6306	stevensc	3578	`}`
6304	stevensc	3579
6306	stevensc	3580	`.tabs {`
		3581	`display: flex;`
		3582	`align-items: center;`
		3583
		3584	`.btn {`
		3585	`flex: 1;`
6307	stevensc	3586	`outline: none;`
		3587	`box-shadow: none;`
6306	stevensc	3588
		3589	`&.active-tab {`
		3590	`border-bottom: 1px solid $border-primary;`
6304	stevensc	3591	`}`
		3592	`}`
5363	stevensc	3593	`}`
		3594
		3595	`.contact__search,`
		3596	`.group__search {`
		3597	`display: flex;`
		3598	`align-items: center;`
		3599	`border-radius: 30px;`
		3600	`height: 1.5rem;`
		3601	`color: gray;`
		3602	`cursor: pointer;`
		3603	`transition: all 0.2s;`
		3604
		3605	`&:hover {`
		3606	`color: #000;`
		3607	`}`
		3608
		3609	`&>input {`
		3610	`display: none;`
		3611	`border: none;`
		3612	`outline: none;`
		3613	`background: none;`
		3614	`}`
		3615
		3616	`&.show {`
		3617	`padding: 0.5rem;`
		3618	`background-color: #eef3f0;`
		3619	`width: -webkit-fill-available;`
		3620
		3621	`&>input {`
		3622	`display: initial;`
		3623	`}`
		3624	`}`
		3625	`}`
		3626
		3627	`.group__search {`
		3628	`flex: initial;`
		3629	`margin: 0 1rem;`
		3630
		3631	`input {`
		3632	`display: initial;`
		3633	`}`
		3634	`}`
		3635
		3636	`/* ============== forum-links ============= */`
		3637
		3638	`.forum-sec {`
		3639	`background-color: #fff;`
		3640	`}`
		3641
		3642	`.forum-links {`
		3643	`float: left;`
		3644	`width: 100%;`
		3645	`}`
		3646
		3647	`.forum-links.active {`
		3648	`opacity: 1;`
		3649	`visibility: visible;`
		3650	`z-index: 9999;`
		3651	`}`
		3652
		3653	`.forum-links ul li {`
		3654	`display: inline-block;`
		3655	`padding: 20px 0;`
		3656	`margin-right: 45px;`
		3657	`border-bottom: 2px solid transparent;`
		3658	`}`
		3659
		3660	`.forum-links ul li.active {`
		3661	`border-color: #e44d3a;`
		3662	`}`
		3663
		3664	`.forum-links ul li.active a {`
		3665	`color: #e44d3a;`
		3666	`}`
		3667
		3668	`.forum-links ul li a {`
		3669	`display: inline-block;`
		3670	`color: #b2b2b2;`
		3671	`font-size: 14px;`
		3672	`font-weight: 600;`
		3673	`}`
		3674
		3675	`.forum-links-btn {`
		3676	`float: left;`
		3677	`width: 100%;`
		3678	`text-align: center;`
		3679	`display: none;`
		3680	`padding: 20px 0;`
		3681	`}`
		3682
		3683	`.forum-links-btn a {`
		3684	`color: #000;`
		3685	`font-size: 30px;`
		3686	`display: inline-block;`
		3687	`}`
		3688
		3689	`/* ================ forum-page =============== */`
		3690
		3691	`.forum-page {`
		3692	`padding: 50px 0;`
		3693	`}`
		3694
		3695	`.forum-questions-sec {`
		3696	`float: left;`
		3697	`width: 100%;`
		3698	`}`
		3699
		3700	`.forum-questions {`
		3701	`float: left;`
		3702	`width: 100%;`
		3703	`background-color: #fff;`
		3704	`}`
		3705
		3706	`.usr-question {`
		3707	`float: left;`
		3708	`width: 100%;`
		3709	`position: relative;`
		3710	`padding: 25px;`
		3711	`border-bottom: 1px solid #e5e5e5;`
		3712	`}`
		3713
		3714	`.usr_img {`
		3715	`float: left;`
		3716	`width: 60px;`
		3717	`}`
		3718
		3719	`.usr_img img {`
		3720	`width: 100%;`
		3721	`-webkit-border-radius: 100px;`
		3722	`-moz-border-radius: 100px;`
		3723	`-ms-border-radius: 100px;`
		3724	`-o-border-radius: 100px;`
		3725	`border-radius: 100px;`
		3726	`}`
		3727
		3728	`/* ============= quest-tags ============ */`
		3729
		3730	`.quest-tags {`
		3731	`float: left;`
		3732	`width: 100%;`
		3733	`margin-top: 20px;`
		3734	`}`
		3735
		3736	`.quest-tags li {`
		3737	`display: inline-block;`
		3738	`margin-right: 10px;`
		3739	`}`
		3740
		3741	`.quest-tags li a {`
		3742	`display: inline-block;`
		3743	`color: #ffffff;`
		3744	`background-color: #53d690;`
		3745	`-webkit-border-radius: 3px;`
		3746	`-moz-border-radius: 3px;`
		3747	`-ms-border-radius: 3px;`
		3748	`-o-border-radius: 3px;`
		3749	`border-radius: 3px;`
		3750	`padding: 7px 25px;`
		3751	`}`
		3752
		3753	`.quest-posted-time {`
		3754	`position: absolute;`
		3755	`bottom: 30px;`
		3756	`right: 20px;`
		3757	`color: #b2b2b2;`
		3758	`font-size: 14px;`
		3759	`}`
		3760
		3761	`.quest-posted-time i {`
		3762	`padding-right: 5px;`
		3763	`}`
		3764
		3765	`.pd-right-none {`
		3766	`padding-right: 0;`
		3767	`}`
		3768
		3769	`/* =========== navigation ============ */`
		3770
		3771	`.pagination {`
		3772	`float: left;`
		3773	`width: 100%;`
		3774	`/* background-color: #fff; */`
		3775	`padding: 13px 25px;`
		3776	`}`
		3777
		3778	`.full-pagi {`
		3779	`float: left;`
		3780	`width: 100%;`
		3781	`padding-right: 0;`
		3782	`text-align: inherit;`
		3783	`margin-top: 20px;`
		3784	`}`
		3785
		3786	`.pagination li {`
		3787	`padding: 0;`
		3788	`margin-right: 10px;`
		3789	`}`
		3790
		3791	`.pagination li .page-link {`
		3792	`/* background-color: #e5e5e5; */`
		3793	`color: #b2b2b2;`
		3794	`}`
		3795
		3796	`.pagination li .page-link.active {`
		3797	`background-color: #e44d3a;`
		3798	`color: #fff;`
		3799	`border-color: transparent;`
		3800	`}`
		3801
		3802	`.pvr {`
		3803	`padding: 0.5rem 30px;`
		3804	`}`
		3805
		3806	`/* ======== next-prev ========*/`
		3807
		3808	`.next-prev {`
		3809	`float: left;`
		3810	`width: 100%;`
		3811	`background-color: #fff;`
		3812	`margin-top: 20px;`
		3813	`padding: 12px 25px;`
		3814	`}`
		3815
		3816	`.next-prev>a {`
		3817	`width: 90px;`
		3818	`height: 35px;`
		3819	`text-align: center;`
		3820	`line-height: 35px;`
		3821	`color: #b2b2b2;`
		3822	`font-size: 14px;`
		3823	`background-color: #e5e5e5;`
		3824	`}`
		3825
		3826	`.next-prev>a:hover {`
		3827	`color: #fff;`
		3828	`background-color: #e44d3a;`
		3829	`}`
		3830
		3831	`.fl-left {`
		3832	`float: left;`
		3833	`}`
		3834
		3835	`.fl-right {`
		3836	`float: right;`
		3837	`}`
		3838
		3839	`/* ========== widget-feat ========= */`
		3840
		3841	`.widget-feat {`
		3842	`padding: 25px 20px;`
		3843	`}`
		3844
		3845	`.widget-feat ul {`
		3846	`float: left;`
		3847	`width: 100%;`
		3848	`}`
		3849
		3850	`.widget-feat ul li {`
		3851	`float: left;`
		3852	`width: 25%;`
		3853	`text-align: center;`
		3854	`}`
		3855
		3856	`.widget-feat ul li i {`
		3857	`display: block;`
		3858	`font-size: 18px;`
		3859	`margin-bottom: 9px;`
		3860	`}`
		3861
		3862	`.widget-feat ul li span {`
		3863	`display: block;`
		3864	`color: #686868;`
		3865	`font-size: 16px;`
		3866	`font-weight: 500;`
		3867	`}`
		3868
		3869	`.widget-feat ul li i.fa-heart {`
		3870	`color: #53d690;`
		3871	`}`
		3872
		3873	`.widget-feat ul li i.fa-comment {`
		3874	`color: #e44d3a;`
		3875	`}`
		3876
		3877	`.widget-feat ul li i.fa-share-alt {`
		3878	`color: #51a5fb;`
		3879	`}`
		3880
		3881	`.widget-feat ul li i.fa-eye {`
		3882	`color: #00b540;`
		3883	`}`
		3884
		3885	`/* =============== ANIMATION LOADER =============== */`
		3886
		3887	`.spinner {`
		3888	`margin: 0 auto 0;`
		3889	`width: 80px;`
		3890	`text-align: center;`
		3891	`height: 80px;`
		3892	`border-radius: 100px;`
		3893	`background-color: #fff;`
		3894	`line-height: 80px;`
		3895	`border: 1px solid #e1e1e1;`
		3896	`cursor: pointer;`
		3897
		3898	`&>div {`
		3899	`width: 15px;`
		3900	`height: 15px;`
		3901	`background-color: #b9b9b9;`
		3902	`border-radius: 100%;`
		3903	`display: inline-block;`
		3904	`-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;`
		3905	`animation: sk-bouncedelay 1.4s infinite ease-in-out both;`
		3906	`}`
		3907
		3908	`.bounce1 {`
		3909	`-webkit-animation-delay: -0.32s;`
		3910	`animation-delay: -0.32s;`
		3911	`}`
		3912
		3913	`.bounce2 {`
		3914	`-webkit-animation-delay: -0.16s;`
		3915	`animation-delay: -0.16s;`
		3916	`}`
		3917
		3918	`@keyframes sk-bouncedelay {`
		3919
		3920	`0%,`
		3921	`80%,`
		3922	`100% {`
		3923	`-webkit-transform: scale(0);`
		3924	`transform: scale(0);`
		3925	`}`
		3926
		3927	`40% {`
		3928	`-webkit-transform: scale(1);`
		3929	`transform: scale(1);`
		3930	`}`
		3931	`}`
		3932	`}`
		3933
		3934
		3935	`.wordpressdevlp {`
		3936	`background-color: #fff;`
		3937	`}`
		3938
		3939	`.bgclr {`
		3940	`background-color: #fff;`
		3941	`margin-bottom: 15px;`
		3942	`}`
		3943
		3944	`.cadidatesbtn {`
		3945	`position: absolute;`
		3946	`left: 0;`
		3947	`padding-top: 5px;`
		3948	`}`
		3949
		3950	`.cadidatesbtn button {`
		3951	`background-color: #e44d3a;`
		3952	`border: none;`
		3953	`margin-top: -3px;`
		3954	`}`
		3955
		3956	`.cadidatesbtn button:hover {`
		3957	`background-color: #e44d3a;`
		3958	`}`
		3959
		3960	`.cadidatesbtn span {`
		3961	`background-color: #bd2e1c;`
		3962	`color: #fff;`
		3963	`margin-right: 10px;`
		3964	`padding: 0.25em 0.5em;`
		3965	`font-weight: 600;`
		3966	`font-size: 12px;`
		3967	`}`
		3968
		3969	`.wordpressdevlp i {`
		3970	`color: #e86554;`
		3971	`font-size: 18px;`
		3972	`font-weight: bold;`
		3973	`padding-right: 5px;`
		3974	`}`
		3975
		3976	`.wordpressdevlp h2 {`
		3977	`font-size: 18px;`
		3978	`font-weight: 600;`
		3979	`}`
		3980
		3981	`.cadidatesbtn i {`
		3982	`color: #b2b2b2;`
		3983	`border: 1px solid #b2b2b2;`
		3984	`font-size: 14px;`
		3985	`text-align: center;`
		3986	`margin-left: 7px;`
		3987	`border-radius: 3px;`
		3988	`padding: 10px;`
		3989	`}`
		3990
		3991	`.cadidatesbtn i:hover {`
		3992	`background-color: #e44d3a;`
		3993	`color: #fff;`
		3994	`border: 1px solid #e44d3a;`
		3995	`}`
		3996
		3997	`.inner {`
		3998	`border-bottom: 2px solid #e5e5e5;`
		3999	`padding-bottom: 10px;`
		4000	`}`
		4001
		4002	`.inner li a:hover {`
		4003	`color: #e44d3a;`
		4004	`border-bottom: 2px solid #e44d3a;`
		4005	`padding-bottom: 9px;`
		4006	`}`
		4007
		4008	`.inner li a {`
		4009	`color: #000000;`
		4010	`}`
		4011
		4012	`.posttext {`
		4013	`position: absolute;`
		4014	`left: 0;`
		4015	`}`
		4016
		4017	`.deatile h3 {`
		4018	`font-size: 14px;`
		4019	`font-weight: bold;`
		4020	`padding-bottom: 5px;`
		4021	`}`
		4022
		4023	`.clrbtn a {`
		4024	`background-color: #e44d3a;`
		4025	`color: #fff;`
		4026	`padding: 5px 10px 5px 10px;`
		4027	`margin-right: 15px;`
		4028	`}`
		4029
		4030	`.transpairentbtn a {`
		4031	`color: #222;`
		4032	`border: 2px solid #f1f1f1;`
		4033	`padding: 5px 10px 5px 10px;`
		4034	`}`
		4035
		4036	`.savetext h3 {`
		4037	`font-size: 14px;`
		4038	`font-weight: bold;`
		4039	`padding-bottom: 5px;`
		4040	`}`
		4041
		4042	`.devepbtn .clrbtn {`
		4043	`padding: 7px 20px;`
		4044	`}`
		4045
		4046	`.devepbtn a {`
		4047	`color: #666666;`
		4048	`border: 1px solid #b2b2b2;`
		4049	`padding: 7px 10px 7px 10px;`
		4050	`border-radius: 3px;`
		4051	`margin-right: 5px;`
		4052	`}`
		4053
		4054	`.devepbtn a:hover i {`
		4055	`color: #fff;`
		4056	`}`
		4057
		4058	`.devepbtn a:hover {`
		4059	`background-color: #e44d3a;`
		4060	`color: #fff;`
		4061	`}`
		4062
		4063	`.rew-reply hr {`
		4064	`margin-left: -20px;`
		4065	`margin-right: -20px;`
		4066	`}`
		4067
		4068	`.rew-reply p {`
		4069	`padding-left: 20px;`
		4070	`}`
		4071
		4072	`.rew-reply ul {`
		4073	`padding-left: 20px;`
		4074	`}`
		4075
		4076	`.devepbtn {`
		4077	`margin-top: 30px;`
		4078	`padding-left: 20px;`
		4079	`}`
		4080
		4081	`.rep-thanks hr {`
		4082	`margin-right: -20px;`
		4083	`margin-left: -20px;`
		4084	`}`
		4085
		4086	`.profilecnd {`
		4087	`margin-bottom: 0px;`
		4088	`}`
		4089
		4090	`.devepbtn i {`
		4091	`color: #b2b2b2;`
		4092	`font-size: 14px;`
		4093	`}`
		4094
		4095	`.appliedinfo {`
		4096	`padding-left: 0;`
		4097	`padding-top: 20px !important;`
		4098	`padding-bottom: 10px;`
		4099	`}`
		4100
		4101	`.epi2 {`
		4102	`padding: 0;`
		4103	`}`
		4104
		4105	`.review a {`
		4106	`line-height: 16px;`
		4107	`font-size: 14px;`
		4108	`text-decoration: none;`
		4109	`font-weight: 500;`
		4110	`margin-left: 15px;`
		4111	`}`
		4112
		4113	`.add-pic-box {`
		4114	`display: inline-block;`
		4115	`color: #e44d3a;`
		4116	`font-size: 16px;`
		4117	`position: absolute;`
		4118	`top: 30px;`
		4119	`right: 0;`
		4120	`font-weight: 600;`
		4121	`margin-right: 0;`
		4122	`width: 100%;`
		4123	`}`
		4124
		4125	`.add-pic-box [type="file"] {`
		4126	`height: 0;`
		4127	`overflow: hidden;`
		4128	`width: 0;`
		4129	`float: left;`
		4130	`}`
		4131
		4132	`.add-pic-box [type="file"]+label {`
		4133	`background: #fff;`
		4134	`border: 2px solid #e44d3a;`
		4135	`border-radius: 3px;`
		4136	`color: #e44d3a;`
		4137	`cursor: pointer;`
		4138	`/* display: inline-block; */`
		4139	`font-size: 15px;`
		4140	`font-weight: 600;`
		4141	`outline: none;`
		4142	`padding: 12px 20px;`
		4143	`position: relative;`
		4144	`transition: all 0.3s;`
		4145	`vertical-align: middle;`
		4146	`margin: 0;`
		4147	`float: right;`
		4148	`text-transform: uppercase;`
		4149	`}`
		4150
		4151	`.add-pic-box [type="file"]+label:hover {`
		4152	`background: #e44d3a;`
		4153	`color: #fff;`
		4154	`}`
		4155
		4156	`.noreview li i {`
		4157	`color: #b2b2b2;`
		4158	`}`
		4159
		4160	`.review-tb {`
		4161	`margin: 0 0 10px;`
		4162	`padding-left: 20px;`
		4163	`}`
		4164
		4165	`.noreview ul li i {`
		4166	`color: #b2b2b2;`
		4167	`}`
		4168
		4169	`.mngdetl {`
		4170	`border-bottom: none;`
		4171	`}`
		4172
		4173	`.post-reply {`
		4174	`padding-top: 0;`
		4175	`padding-bottom: 0;`
		4176	`}`
		4177
		4178	`.activebidbtn i:hover {`
		4179	`background-color: #e44d3a;`
		4180	`color: #fff;`
		4181	`border: none;`
		4182	`}`
		4183
		4184	`.reviewtitle h2 {`
		4185	`font-size: 17px;`
		4186	`font-weight: 600;`
		4187	`}`
		4188
		4189	`.horiline {`
		4190	`width: 118%;`
		4191	`position: relative;`
		4192	`left: -40px;`
		4193	`}`
		4194
		4195	`.tahnks {`
		4196	`font-weight: 500;`
		4197	`margin-top: 5px;`
		4198	`}`
		4199
		4200	`/about-page/`
		4201
		4202	`.banner span {`
		4203	`position: absolute;`
		4204	`display: flex;`
		4205	`background-color: #222;`
		4206	`width: 100%;`
		4207	`opacity: 0.9;`
		4208	`justify-content: center;`
		4209	`padding: 10px;`
		4210	`margin-top: 0;`
		4211	`color: #fff;`
		4212	`}`
		4213
		4214	`.innertitle {`
		4215	`margin-top: 130px;`
		4216	`}`
		4217
		4218	`.Company-overview {`
		4219	`padding-bottom: 50px;`
		4220	`}`
		4221
		4222	`.bennertext {`
		4223	`position: absolute;`
		4224	`left: 20%;`
		4225	`right: 20%;`
		4226	`text-align: center;`
		4227	`}`
		4228
		4229	`.bannerimage img {`
		4230	`height: 100%;`
		4231	`}`
		4232
		4233	`.innertitle h2 {`
		4234	`color: #fff;`
		4235	`font-size: 30px;`
		4236	`line-height: 32px;`
		4237	`font-weight: 600;`
		4238	`margin-bottom: 20px;`
		4239	`}`
		4240
		4241	`.innertitle p {`
		4242	`color: #fff;`
		4243	`font-size: 16px;`
		4244	`}`
		4245
		4246	`.Company-overview h2 {`
		4247	`padding-top: 100px;`
		4248	`font-size: 24px;`
		4249	`font-weight: 600;`
		4250	`padding-bottom: 12px;`
		4251	`}`
		4252
		4253	`.Company-overview p {`
		4254	`font-size: 15px;`
		4255	`font-weight: 500;`
		4256	`}`
		4257
		4258	`.Company-overview img {`
		4259	`float: right;`
		4260	`padding-top: 25px;`
		4261	`}`
		4262
		4263	`.blog {`
		4264	`text-align: center;`
		4265	`display: inline-block;`
		4266	`margin-bottom: 50px;`
		4267	`}`
		4268
		4269	`.blog img {`
		4270	`padding-bottom: 30px;`
		4271	`}`
		4272
		4273	`.blog h2 {`
		4274	`font-size: 18px;`
		4275	`font-weight: 600;`
		4276	`padding-bottom: 30px;`
		4277	`}`
		4278
		4279	`.blog a {`
		4280	`background-color: #ff4500;`
		4281	`color: #fff;`
		4282	`padding: 7px 25px 7px 25px;`
		4283	`border-radius: 3px;`
		4284	`font-size: 16px;`
		4285	`font-weight: 500;`
		4286	`}`
		4287
		4288	`.services {`
		4289	`padding-top: 80px;`
		4290	`padding-bottom: 80px;`
		4291	`}`
		4292
		4293	`.video {`
		4294	`padding-bottom: 40px;`
		4295	`}`
		4296
		4297	`.search-container {`
		4298	`text-align: center;`
		4299	`}`
		4300
		4301	`.search-container input[type="text"] {`
		4302	`padding: 6px 15px;`
		4303	`margin-top: 8px;`
		4304	`font-size: 17px;`
		4305	`border: none;`
		4306	`height: 50px;`
		4307	`width: 50%;`
		4308	`margin-bottom: 25px;`
		4309	`border-top-left-radius: 3px;`
		4310	`border-top-right-radius: 0px;`
		4311	`border-bottom-left-radius: 3px;`
		4312	`border-bottom-right-radius: 0px;`
		4313	`}`
		4314
		4315	`.searchtitle {`
		4316	`text-align: center;`
		4317	`}`
		4318
		4319	`.searchtitle h2 {`
		4320	`color: #fff;`
		4321	`font-size: 30px;`
		4322	`font-weight: 400;`
		4323	`padding-bottom: 10px;`
		4324	`}`
		4325
		4326	`.search-container button {`
		4327	`padding: 8px 10px;`
		4328	`text-align: center;`
		4329	`margin-top: 8px;`
		4330	`margin-left: -3px;`
		4331	`margin-right: 18px;`
		4332	`background: #efefef;`
		4333	`font-size: 17px;`
		4334	`border: none;`
		4335	`cursor: pointer;`
		4336	`height: 50px;`
		4337	`width: 6%;`
		4338	`border-bottom-right-radius: 3px;`
		4339	`border-top-right-radius: 3px;`
		4340	`}`
		4341
		4342	`.topsearch i {`
		4343	`color: #e44d3a;`
		4344	`}`
		4345
		4346	`.dropdown-toggle::after {`
		4347	`position: absolute;`
		4348	`right: 15px;`
		4349	`color: #b2b2b2;`
		4350	`top: 7px;`
		4351	`}`
		4352
		4353	`.help-paddy {`
		4354	`padding: 0 !important;`
		4355	`}`
		4356
		4357	`.paddy {`
		4358	`padding: 20px;`
		4359	`float: left;`
		4360	`}`
		4361
		4362	`.dropdown-menu {`
		4363	`position: absolute;`
		4364	`top: 100%;`
		4365	`left: 0;`
		4366	`z-index: 1000;`
		4367	`display: none;`
		4368	`float: left;`
		4369	`min-width: 10rem;`
		4370	`padding: 0.5rem 0;`
		4371	`margin: 0.125rem 0 0;`
		4372	`font-size: 1rem;`
		4373	`color: #212529;`
		4374	`text-align: left;`
		4375	`list-style: none;`
		4376	`background-color: #fff;`
		4377	`width: 100%;`
		4378	`background-clip: padding-box;`
		4379	`border: none;`
		4380	`border-radius: 0.25rem;`
		4381	`}`
		4382
		4383	`.radio-form p {`
		4384	`display: -webkit-inline-box;`
		4385	`}`
		4386
		4387	`.dropdown a {`
		4388	`color: #000000;`
		4389	`font-size: 16px;`
		4390	`font-weight: 400;`
		4391	`padding: 0 20px;`
		4392	`}`
		4393
		4394	`.accountnone {`
		4395	`border: none;`
		4396	`}`
		4397
		4398	`.helpforum {`
		4399	`background-color: #fff;`
		4400	`padding: 15px 0;`
		4401	`box-shadow: 0px 2px #c6c6c6;`
		4402	`}`
		4403
		4404	`.helpforum h3 {`
		4405	`font-size: 18px;`
		4406	`font-weight: 600;`
		4407	`}`
		4408
		4409	`.helpforum a {`
		4410	`background-color: #e44d3a;`
		4411	`color: #fff;`
		4412	`padding: 10px 15px 10px 15px;`
		4413	`line-height: 4;`
		4414	`border-radius: 3px;`
		4415	`}`
		4416
		4417	`.helpforum p {`
		4418	`line-height: 3;`
		4419	`}`
		4420
		4421	`.actionstitle h3 {`
		4422	`font-size: 18px;`
		4423	`font-weight: 400;`
		4424	`color: #000;`
		4425	`padding-top: 30px;`
		4426	`}`
		4427
		4428	`.actionstitle img {`
		4429	`padding-right: 10px;`
		4430	`}`
		4431
		4432	`.actionstext a {`
		4433	`font-size: 16px;`
		4434	`font-weight: 500;`
		4435	`color: #e44d3a;`
		4436	`line-height: 2;`
		4437	`display: block;`
		4438	`}`
		4439
		4440	`.helpform {`
		4441	`text-align: center;`
		4442	`padding-top: 70px;`
		4443	`}`
		4444
		4445	`.helpform h3 {`
		4446	`font-size: 18px;`
		4447	`font-weight: 400;`
		4448	`color: #e44d3a;`
		4449	`margin-bottom: 10px;`
		4450	`}`
		4451
		4452	`.helpform a {`
		4453	`background-color: #e44d3a;`
		4454	`color: #fff;`
		4455	`padding: 10px 15px 10px 15px;`
		4456	`border-radius: 3px;`
		4457	`}`
		4458
		4459	`.helpform p {`
		4460	`margin-bottom: 30px;`
		4461	`}`
		4462
		4463	`.helpform img {`
		4464	`float: unset;`
		4465	`padding-bottom: 10px;`
		4466	`}`
		4467
		4468	`.bookingsideber h3 {`
		4469	`color: #000;`
		4470	`}`
		4471
		4472	`.bookingsideber h3:active {`
		4473	`color: #e44d3a;`
		4474	`}`
		4475
		4476	`.helpforum h4 {`
		4477	`font-size: 16px;`
		4478	`font-weight: 600;`
		4479	`}`
		4480
		4481	`.bloktext {`
		4482	`padding-left: 25px;`
		4483	`}`
		4484
		4485	`.privacy {`
		4486	`background-color: #fff;`
		4487	`height: 850px;`
		4488	`}`
		4489
		4490	`.privacydropd .dropdown-toggle::after {`
		4491	`float: right;`
		4492	`vertical-align: 0.255em;`
		4493	`}`
		4494
		4495	`/* .checkbox {} */`
		4496
		4497	`.form-check {`
		4498	`padding-left: 0;`
		4499	`}`
		4500
		4501	`.btns a {`
		4502	`color: #000;`
		4503	`border: 1px solid #e5e5e5;`
		4504	`padding: 10px 25px 10px 25px;`
		4505	`margin-left: 15px;`
		4506	`border-radius: 5px;`
		4507	`font-weight: 600;`
		4508	`}`
		4509
		4510	`.btns {`
		4511	`padding-top: 20px;`
		4512	`}`
		4513
		4514	`.btns a:hover {`
		4515	`background-color: #e44d3a;`
		4516	`color: #fff;`
		4517	`}`
		4518
		4519	`.privacy h3 {`
		4520	`font-size: 18px;`
		4521	`font-weight: 600;`
		4522	`padding-top: 18px;`
		4523	`margin-bottom: 10px;`
		4524	`}`
		4525
		4526	`.privacy p {`
		4527	`padding-top: 0px;`
		4528	`display: inline-block;`
		4529	`}`
		4530
		4531	`.form-group {`
		4532	`margin-bottom: 1rem;`
		4533	`padding-top: 0px;`
		4534	`}`
		4535
		4536	`.privacy i {`
		4537	`float: right;`
		4538	`color: #e44d3a;`
		4539	`font-size: 20px;`
		4540	`font-weight: 600;`
		4541	`}`
		4542
		4543	`.dropdown-menu input {`
		4544	`margin-right: 10px;`
		4545	`margin-top: 15px;`
		4546	`}`
		4547
		4548	`.dropdown-menu a {`
		4549	`padding: 10px 0 10px 40px;`
		4550	`margin-bottom: 10px;`
		4551	`}`
		4552
		4553	`.dropdown-menu form {`
		4554	`margin-bottom: 10px;`
		4555	`margin-top: 10px;`
		4556	`}`
		4557
		4558	`.privacydropd p {`
		4559	`margin-left: 20px;`
		4560	`margin-top: 5px;`
		4561	`}`
		4562
		4563	`.privabtns {`
		4564	`margin-top: 20px;`
		4565	`}`
		4566
		4567	`.privabtns {`
		4568	`padding-bottom: 15px;`
		4569	`}`
		4570
		4571	`.privabtns a {`
		4572	`margin-right: 15px;`
		4573	`padding: 8px 25px;`
		4574	`color: #000000;`
		4575	`border: 1px solid #e5e5e5;`
		4576	`}`
		4577
		4578	`.privabtns a:hover {`
		4579	`color: #fff;`
		4580	`background-color: #e44d3a;`
		4581	`}`
		4582
		4583	`.privac {`
		4584	`background-color: #fff;`
		4585	`height: 560px;`
		4586	`padding-top: 20px;`
		4587	`}`
		4588
		4589	`.privac h3 {`
		4590	`font-size: 18px;`
		4591	`font-weight: 600;`
		4592	`}`
		4593
		4594	`.bids-detail ul {`
		4595	`display: -webkit-inline-box;`
		4596	`}`
		4597
		4598	`.bids-detail ul li {`
		4599	`margin-right: 30px;`
		4600	`}`
		4601
		4602	`.bids-detail h3 {`
		4603	`font-size: 16px;`
		4604	`font-weight: 400;`
		4605	`}`
		4606
		4607	`.bids-detail {`
		4608	`background-color: #fff;`
		4609	`padding: 20px;`
		4610	`margin-bottom: 25px;`
		4611	`box-shadow: 0px 2px #e4e4e4;`
		4612	`}`
		4613
		4614	`.dropdown-menu.show {`
		4615	`display: contents;`
		4616	`}`
		4617
		4618	`.postpaid:checked:after {`
		4619	`content: "\f17b";`
		4620	`font: normal normal normal 16px/1 "LineAwesome";`
		4621	`font-weight: 600;`
		4622	`border: 1px solid #fff;`
		4623	`color: #ffffff;`
		4624	`text-align: center;`
		4625	`font-size: 12px;`
		4626	`width: 100%;`
		4627	`height: 100%;`
		4628	`background: #e44d3a;`
		4629	`display: block;`
		4630	`border-radius: 50%;`
		4631	`padding-top: 3px;`
		4632	`}`
		4633
		4634	`.postpaid:focus {`
		4635	`border: 1px solid #fff;`
		4636	`width: 25px;`
		4637	`height: 25px;`
		4638	`}`
		4639
		4640	`.postpaid {`
5706	stevensc	4641	`appearance: none;`
5363	stevensc	4642	`content: "";`
		4643	`width: 20px;`
		4644	`height: 20px;`
		4645	`border-radius: 50%;`
		4646	`border: 1px solid #5e5e5e;`
		4647	`outline: 0;`
		4648	`margin-right: 5px;`
		4649	`}`
		4650
		4651	`/* .main-ws-sec .job-status-bar {} */`
		4652
		4653	`.main-ws-sec .btm-line {`
		4654	`padding-bottom: 20px !important;`
		4655	`border-bottom: 1px solid #e5e5e5 !important;`
		4656	`margin-bottom: 20px;`
		4657	`}`
		4658
		4659	`.job-status-bar hr {`
		4660	`margin: 0 -40px;`
		4661	`}`
		4662
		4663	`.reply-area {`
		4664	`padding-left: 55px;`
		4665	`}`
		4666
		4667	`.reply-rply1 {`
		4668	`margin: 24px 0;`
		4669	`}`
		4670
		4671	`.reply-area p {`
		4672	`padding-bottom: 10px;`
		4673	`}`
		4674
		4675	`.reply-area span {`
		4676	`cursor: pointer;`
		4677	`}`
		4678
		4679	`.reply-area span:hover {`
		4680	`color: #e44d3a;`
		4681	`}`
		4682
		4683	`.reply-area i {`
		4684	`font-size: 16px;`
		4685	`font-weight: 600;`
		4686	`padding-right: 8px;`
		4687	`}`
		4688
		4689	`.comment-area .la-plus-circle {`
		4690	`display: block;`
		4691	`text-align: center;`
		4692	`font-size: 40px;`
		4693	`color: #b2b2b2;`
		4694	`}`
		4695
		4696	`.reply-area span {`
		4697	`padding-top: 5px;`
		4698	`color: #b2b2b2;`
		4699	`}`
		4700
		4701	`.comt span {`
		4702	`font-size: 16px;`
		4703	`color: #666666;`
		4704	`}`
		4705
		4706	`.comt i {`
		4707	`padding-right: 8px;`
		4708	`}`
		4709
		4710	`.postcomment .form-control {`
		4711	`width: 112%;`
		4712	`margin-left: -50px;`
		4713	`background-color: #efefef;`
		4714	`border-radius: 3px;`
		4715	`}`
		4716
		4717	`.postcomment a {`
		4718	`background-color: #e44d3a;`
		4719	`color: #fff;`
		4720	`padding: 9px 25px 8px 25px;`
		4721	`line-height: 37px;`
		4722	`border-radius: 3px;`
		4723	`}`
		4724
		4725	`.postcomment {`
		4726	`padding-top: 30px;`
		4727	`}`
		4728
		4729	`.widget-projectid {`
		4730	`padding: 15px;`
		4731	`}`
		4732
		4733	`.widget-projectid h3 {`
		4734	`padding-bottom: 7px;`
		4735	`font-size: 14px;`
		4736	`font-weight: 600;`
		4737	`}`
		4738
		4739	`.paymethd p {`
		4740	`color: #e44d3a;`
		4741	`}`
		4742
		4743	`.copylink p {`
		4744	`background-color: #efefef;`
		4745	`padding: 7px 0 8px 10px;`
		4746	`}`
		4747
		4748	`.copylink a {`
		4749	`background-color: #e44d3a;`
		4750	`color: #fff;`
		4751	`padding: 10px 15px 10px 15px;`
		4752	`border-radius: 4px;`
		4753	`}`
		4754
		4755	`.copylink span {`
		4756	`padding: 30px 0 20px;`
		4757	`}`
		4758
		4759	`.copylink i {`
		4760	`float: unset;`
		4761	`position: unset;`
		4762	`}`
		4763
		4764	`.copylink .la-facebook {`
		4765	`background-color: #3b5998;`
		4766	`color: #fff;`
		4767	`}`
		4768
		4769	`.copylink .la-twitter {`
		4770	`color: #1da1f2;`
		4771	`}`
		4772
		4773	`.copylink .la-pinterest-p {`
		4774	`background-color: #fff;`
		4775	`color: #c11628;`
		4776	`border-radius: 50%;`
		4777	`}`
		4778
		4779	`.copylink img {`
		4780	`padding-right: 10px;`
		4781	`}`
		4782
		4783	`.freelancerbiding {`
		4784	`background-color: #fff;`
		4785	`padding-top: 20px;`
		4786	`}`
		4787
		4788	`.freelancerbiding h3 {`
		4789	`font-size: 18px;`
		4790	`font-weight: 400;`
		4791	`}`
		4792
		4793	`.repcent {`
		4794	`text-align: left;`
		4795	`}`
		4796
		4797	`.bidrit {`
		4798	`float: right;`
		4799	`}`
		4800
		4801	`.repcent i {`
		4802	`padding-left: 5px;`
		4803	`}`
		4804
		4805	`.star {`
		4806	`display: inline-flex;`
		4807	`padding: 5px 0;`
		4808	`}`
		4809
		4810	`.star li i {`
		4811	`color: #bfd337;`
		4812	`}`
		4813
		4814	`.repcent span {`
		4815	`color: #51a5fb;`
		4816	`}`
		4817
		4818	`.repcent p {`
		4819	`padding-left: 7px;`
		4820	`}`
		4821
		4822	`.noreview ul li i {`
		4823	`color: #b2b2b2;`
		4824	`}`
		4825
		4826	`.paymethd .star li i {`
		4827	`position: unset;`
		4828	`font-size: 14px;`
		4829	`}`
		4830
		4831	`.paymethd .star a {`
		4832	`color: #51a5fb;`
		4833	`padding-left: 12px;`
		4834	`}`
		4835
		4836	`.notice {`
		4837	`background-color: #ddf3ff;`
		4838	`padding: 15px;`
		4839	`}`
		4840
		4841	`.notice span {`
		4842	`font-weight: 500;`
		4843	`padding-right: 5px;`
		4844	`}`
		4845
		4846	`.delivery .input-group select {`
		4847	`width: 150px;`
		4848	`height: 50px !important;`
		4849	`font-size: 19px;`
		4850	`border: 1px solid #e5e5e5;`
		4851	`border-radius: 3px;`
		4852	`}`
		4853
		4854	`.place-bid-btn {`
		4855	`font-size: 15px;`
		4856	`font-weight: 500;`
		4857	`color: #fff !important;`
		4858	`background-color: #e44d3a !important;`
		4859	`border: none;`
		4860	`padding: 10px;`
		4861	`border: 1px solid #e44d3a;`
		4862	`border-radius: 3px;`
		4863	`}`
		4864
		4865	`.usy-dt .reply {`
		4866	`margin: 3px 0 0 10px;`
		4867	`width: 360px;`
		4868	`height: 40px;`
		4869	`background-color: #efefef;`
		4870	`border: 1px solid #e5e5e5;`
		4871	`padding-left: 10px;`
		4872	`border-radius: 3px;`
		4873	`}`
		4874
		4875	`.replybtn {`
		4876	`background-color: #e44d3a;`
		4877	`color: #fff;`
		4878	`padding: 10px;`
		4879	`margin-left: 15px;`
		4880	`border-radius: 3px;`
		4881	`}`
		4882
		4883	`.replybtn:hover {`
		4884	`color: #fff;`
		4885	`}`
		4886
		4887	`.rewivew ul li {`
		4888	`margin-right: 5px !important;`
		4889	`}`
		4890
		4891	`.security hr {`
		4892	`margin-right: -15px;`
		4893	`margin-left: -15px;`
		4894	`}`
		4895
		4896	`.privacy .la-check {`
		4897	`float: left;`
		4898	`font-size: 12px;`
		4899	`margin: 5px 5px 0 0;`
		4900	`padding: 3px;`
		4901	`background-color: #e44d3a;`
		4902	`color: #fff;`
		4903	`border-radius: 50%;`
		4904	`}`
		4905
		4906	`ul#myTab {`
		4907	`border-bottom: 1px solid #e5e5e5;`
		4908	`}`
		4909
		4910	`.nav-tabs .nav-link {`
		4911	`border: none;`
		4912	`}`
		4913
		4914	`.noborder {`
		4915	`border-bottom: none;`
		4916	`}`
		4917
		4918	`.manbids {`
		4919	`margin-bottom: 0 !important;`
		4920	`}`
		4921
		4922	`.noreply {`
		4923	`padding-top: 30px;`
		4924	`}`
		4925
		4926	`#my-bids .nav-tabs {`
		4927	`margin-bottom: 20px;`
		4928	`margin-top: 7px;`
		4929	`padding-bottom: 0;`
		4930	`}`
		4931
		4932	`#my-bids ul {`
		4933	`margin-bottom: 15px;`
		4934	`margin-top: 7px;`
		4935	`padding-bottom: 0;`
		4936	`}`
		4937
		4938	`.savedjob-info p {`
		4939	`color: #666666;`
		4940	`margin-top: 5px;`
		4941	`}`
		4942
		4943	`#my-bids ul li a {`
		4944	`color: #000000;`
		4945	`font-size: 16px;`
		4946	`font-weight: 500;`
		4947	`}`
		4948
		4949	`#my-bids li a:hover {`
		4950	`color: #e44d3a;`
		4951	`}`
		4952
		4953	`#saved-jobs ul {`
		4954	`margin-bottom: 20px;`
		4955	`}`
		4956
		4957	`#saved-jobs ul li a {`
		4958	`color: #000000;`
		4959	`font-size: 16px;`
		4960	`font-weight: 500;`
		4961	`}`
		4962
		4963	`#saved-jobs li a:hover {`
		4964	`color: #e44d3a;`
		4965	`}`
		4966
		4967	`.wordpressdevlp h2 {`
		4968	`font-size: 18px;`
		4969	`font-weight: 600;`
		4970	`margin-bottom: 15px;`
		4971	`}`
		4972
		4973	`#saved-jobs .nav-tabs .nav-item.show .nav-link,`
		4974	`#saved-jobs .nav-tabs .nav-link.active {`
		4975	`background-color: inherit;`
		4976	`color: #e44d3a !important;`
		4977	`padding-bottom: 9px;`
		4978	`border-bottom: 2px solid #e44d3a !important;`
		4979	`}`
		4980
		4981	`#my-bids .nav-tabs .nav-item.show .nav-link,`
		4982	`#my-bids .nav-tabs .nav-link.active {`
		4983	`background-color: inherit;`
		4984	`color: #e44d3a !important;`
		4985	`padding-bottom: 9px;`
		4986	`border-bottom: 2px solid #e44d3a !important;`
		4987	`}`
		4988
		4989	`.descptab li img {`
		4990	`float: left !important;`
		4991	`filter: inherit !important;`
		4992	`}`
		4993
		4994	`.bklink {`
		4995	`border-bottom: none !important;`
		4996	`width: unset !important;`
		4997	`float: right !important;`
		4998	`}`
		4999
		5000	`.bklik {`
		5001	`border-bottom: none !important;`
		5002	`}`
		5003
		5004	`/////////////////////////////////////////My css//////////////////////////////// ///////////////////////////////////////////////////////////////////////////////`
		5005
		5006	`.savedjob-info li {`
		5007	`display: inline-block;`
		5008	`padding-left: 25px;`
		5009	`}`
		5010
		5011	`.savedjob-info h3 {`
		5012	`font-size: 14px;`
		5013	`font-weight: 500;`
		5014	`}`
		5015
		5016	`.settingjb ul li {`
		5017	`margin-right: 25px !important;`
		5018	`}`
		5019
		5020	`.mangebid li {`
		5021	`padding-left: 0;`
		5022	`padding-right: 20px;`
		5023	`padding-top: 10px;`
		5024	`}`
		5025
		5026	`.bk-links.bklink li {`
		5027	`padding-right: 0;`
		5028	`}`
		5029
		5030	`.bidsbtn {`
		5031	`position: relative;`
		5032	`}`
		5033
		5034	`.biddersinfo li {`
		5035	`padding-left: 0;`
		5036	`padding-right: 20px;`
		5037	`}`
		5038
		5039	`#review {`
		5040	`background-color: #fff;`
		5041	`margin-bottom: 40px;`
		5042	`}`
		5043
		5044	`.starreview {`
		5045	`padding-left: 20px;`
		5046	`}`
		5047
		5048	`.replytext {`
		5049	`padding-bottom: 20px;`
		5050	`}`
		5051
		5052	`.starrevi {`
		5053	`padding-left: 20px;`
		5054	`}`
		5055
		5056	`.apply-jobbox {`
		5057	`text-align: center;`
		5058	`}`
		5059
		5060	`.apply-jobbox form input {`
		5061	`width: 100%;`
		5062	`margin-top: 20px;`
		5063	`padding: 10px;`
		5064	`color: #222;`
		5065	`border: 1px solid #e5e5e5;`
		5066	`border-radius: 3px;`
		5067	`font-size: 14px;`
		5068	`}`
		5069
		5070	`.apply-jobbox h3 {`
		5071	`margin: 20px 0;`
		5072	`}`
		5073
		5074	`.select-files {`
		5075	`border: 1px solid #e5e5e5;`
		5076	`margin-top: 20px;`
		5077	`padding: 30px;`
		5078	`background: #efefef;`
		5079	`}`
		5080
		5081	`.select-files button {`
		5082	`margin-bottom: 20px;`
		5083	`background-color: transparent;`
		5084	`border: 1px solid #e5e5e5;`
		5085	`padding: 10px 15px 10px 15px;`
		5086	`border-radius: 5px;`
		5087	`font-weight: 600;`
		5088	`}`
		5089
		5090	`.select-files button:hover {`
		5091	`background-color: #e44d3a;`
		5092	`color: #fff;`
		5093	`}`
		5094
		5095	`.close {`
		5096	`position: absolute;`
		5097	`right: 0px;`
		5098	`top: 0px;`
		5099	`color: #929292;`
		5100	`border: 1px solid;`
		5101	`border-radius: 50%;`
		5102	`height: 30px;`
		5103	`width: 30px;`
		5104	`}`
		5105
		5106	`.mapouter iframe {`
		5107	`width: 100%;`
		5108	`height: 400px;`
		5109	`}`
		5110
		5111	`.mapouter {`
		5112	`position: relative;`
		5113	`text-align: right;`
		5114	`height: 500px;`
		5115	`width: 100%;`
		5116	`}`
		5117
		5118	`.gmap_canvas {`
		5119	`overflow: hidden;`
		5120	`background: none !important;`
		5121	`}`
		5122
		5123	`.video-iframe {`
		5124	`width: 100%;`
		5125	`height: 400px;`
		5126	`}`
		5127
		5128	`.custom-file-input {`
		5129	`color: transparent;`
		5130	`opacity: 1;`
		5131	`/* margin-left: 140px; */`
		5132	`margin-bottom: 10px;`
		5133	`}`
		5134
		5135	`.custom-file-input::-webkit-file-upload-button {`
		5136	`visibility: hidden;`
		5137	`}`
		5138
		5139	`.custom-file-input::before {`
		5140	`content: "Select Files";`
		5141	`color: #fff;`
		5142	`display: inline-block;`
		5143	`border: 1px solid #e5e5e5;`
		5144	`border-radius: 3px;`
		5145	`background: #e44d3a;`
		5146	`font-weight: 500;`
		5147	`padding: 10px 15px;`
		5148	`outline: none;`
		5149	`white-space: nowrap;`
5706	stevensc	5150	`user-select: none;`
5363	stevensc	5151	`cursor: pointer;`
		5152	`}`
		5153
		5154	`.custom-file-input:hover::before {`
		5155	`background-color: #e44d3a;`
		5156	`color: #fff;`
		5157	`}`
		5158
		5159	`.custom-file-input:active {`
		5160	`outline: 0;`
		5161	`}`
		5162
		5163	`.custom-file-input:active::before {`
		5164	`background: #e44d3a;`
		5165	`color: #fff;`
		5166	`}`
		5167
		5168	`.bids-time {`
		5169	`float: right;`
		5170	`}`
		5171
		5172	`.saved-post {`
		5173	`padding: 0;`
		5174	`}`
		5175
		5176	`.saved-post p {`
		5177	`padding-bottom: 20px;`
		5178	`}`
		5179
		5180	`.saved-info li {`
		5181	`padding-right: 25px;`
		5182	`padding-left: 0;`
		5183	`}`
		5184
		5185	`.saved-btn {`
		5186	`padding: 0;`
		5187	`margin-bottom: -12px;`
		5188	`}`
		5189
		5190	`.applied-post {`
		5191	`padding: 0;`
		5192	`}`
		5193
		5194	`.post-bid {`
		5195	`padding: 0 !important;`
		5196	`}`
		5197
		5198	`.bidsbtn {`
		5199	`padding-top: 0 !important;`
		5200	`}`
		5201
		5202	`.active-bids {`
		5203	`padding: 0;`
		5204	`}`
		5205
		5206	`.activ-bidinfo li {`
		5207	`padding-top: 10px;`
		5208	`padding-left: 0;`
		5209	`padding-right: 25px;`
		5210	`}`
		5211
		5212	`.activebtn {`
		5213	`padding-left: 0;`
		5214	`}`
		5215
		5216	`.p-all {`
		5217	`padding: 0px;`
		5218	`float: left;`
		5219	`width: 100%;`
		5220	`position: relative;`
		5221	`}`
		5222
		5223	`.toggle-btn .custom-switch .custom-control-label::before {`
		5224	`left: -2.25rem;`
		5225	`width: 70px;`
		5226	`pointer-events: all;`
		5227	`border-radius: 100px;`
		5228	`height: 30px;`
		5229	`top: -1px;`
		5230	`box-shadow: none;`
		5231	`}`
		5232
		5233	`.toggle-btn .custom-control-label::before {`
		5234	`position: absolute;`
		5235	`top: 0.25rem;`
		5236	`left: -1.5rem;`
		5237	`display: block;`
		5238	`width: 1rem;`
		5239	`height: 1rem;`
		5240	`pointer-events: none;`
		5241	`content: "";`
		5242	`background-color: #fff;`
		5243	`border: #e1e1e1 solid 2px;`
		5244	`}`
		5245
		5246	`.custom-control-input:checked~.custom-control-label::before {`
		5247	`color: #fff;`
		5248	`border-color: #e44d3a;`
		5249	`background-color: #e44d3a;`
		5250	`box-shadow: none;`
		5251	`outline: none;`
		5252	`}`
		5253
		5254	`.toggle-btn .custom-switch .custom-control-label::after {`
		5255	`top: calc(-1px + 2px);`
		5256	`left: calc(-36px + 2px);`
		5257	`width: calc(30px - 4px);`
		5258	`height: calc(30px - 4px);`
		5259	`background-color: #e1e1e1;`
		5260	`border-radius: 100%;`
		5261	`transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,`
		5262	`-webkit-transform 0.15s ease-in-out;`
		5263	`transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,`
		5264	`box-shadow 0.15s ease-in-out;`
		5265	`transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,`
		5266	`box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;`
		5267	`}`
		5268
		5269	`.toggle-btn .custom-control-label::after {`
		5270	`position: absolute;`
		5271	`top: 0.25rem;`
		5272	`left: -1.5rem;`
		5273	`display: block;`
		5274	`width: 0;`
		5275	`height: 0;`
		5276	`content: "";`
		5277	`background: no-repeat 50%/50% 50%;`
		5278	`}`
		5279
		5280	`.toggle-btn .custom-control-label {`
		5281	`position: initial;`
		5282	`margin-bottom: 0;`
		5283	`vertical-align: top;`
		5284	`}`
		5285
		5286	`.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {`
		5287	`background-color: #fff;`
		5288	`-webkit-transform: translateX(2.5rem);`
		5289	`transform: translateX(2.5rem);`
		5290	`}`
		5291
		5292	`.custom-control-label {`
		5293	`position: relative;`
		5294	`margin-bottom: 0;`
		5295	`vertical-align: top;`
		5296	`line-height: 24px;`
		5297	`font-size: 14px;`
		5298	`color: #666666;`
		5299	`}`
		5300
		5301	`.small-text-children p,`
		5302	`.small-text-children span {`
		5303	`font-size: 0.8rem;`
		5304	`}`
		5305
		5306	`.search-item-selected {`
		5307	`padding: 1px 10px;`
		5308	`background: var(--background-gray);`
		5309	`line-height: 1;`
		5310	`border-radius: 10px;`
		5311	`font-weight: bold;`
		5312	`}`
		5313
		5314	`.row .sc-dkzDqf {`
		5315	`margin: 0 auto;`
		5316	`}`
		5317
		5318	`.test-section .title,`
		5319	`.test-section .description {`
		5320	`margin-bottom: 10px;`
		5321	`}`
		5322
		5323	`.test-section .btn-danger {`
		5324	`margin-right: 10px;`
		5325	`}`
		5326
		5327	`.test-section .panel-body {`
		5328	`padding: 20px 0px;`
		5329	`}`
		5330
		5331	`.test-section .panel {`
		5332	`margin-top: 20px;`
		5333	`padding-bottom: 10px;`
		5334	`}`
		5335
		5336	`.test-section .np-padding {`
		5337	`padding: 0px;`
		5338	`}`
		5339
		5340	`.test-section .checkbox {`
		5341	`display: flex;`
		5342	`margin: 20px 0px;`
		5343	`}`
		5344
		5345	`.test-section .option {`
		5346	`margin-left: 10px;`
		5347	`}`
		5348
		5349	`.checkbox input[type="checkbox"],`
		5350	`input[type="radio"] {`
		5351	`margin-top: 5px !important;`
		5352	`}`
		5353
		5354	`.test-section h6 {`
		5355	`margin-bottom: 10px;`
		5356	`color: #0860bf;`
		5357	`}`
		5358
		5359	`.wizard {`
		5360	`display: flex;`
		5361	`margin-top: 10px;`
		5362	`}`
		5363
		5364	`.wizard li {`
		5365	`width: 50%;`
		5366	`display: inline-block;`
		5367	`}`
		5368
		5369	`.btn-secondary:disabled,`
		5370	`.btn-primary:disabled {`
		5371	`cursor: no-drop;`
		5372	`}`
		5373
		5374	`.test-section .btn-primary {`
		5375	`margin-left: 10px;`
		5376	`}`
		5377
		5378	`.previous {`
		5379	`text-align: left;`
		5380	`}`
		5381
		5382	`.next {`
		5383	`text-align: right;`
		5384	`}`
		5385
		5386	`.test-section .close {`
		5387	`border: none !important;`
		5388	`border-radius: 0px !important;`
		5389	`}`
		5390
		5391	`.ratin-range {`
		5392	`display: block;`
		5393	`}`
		5394
		5395	`.ratin-range li {`
		5396	`display: inline-block;`
		5397	`width: 6%;`
		5398	`}`
		5399
		5400	`.ratin-range li .option {`
		5401	`margin-top: 2px !important;`
		5402	`}`
		5403
		5404	`#react-self-evaluation .company-up-info ul {`
		5405	`width: 100%;`
		5406	`position: absolute;`
		5407	`float: left;`
		5408	`left: 0px;`
		5409	`bottom: 4vw;`
		5410	`}`
		5411
		5412	`#react-self-evaluation .company-up-info {`
		5413	`padding: 30px 10px;`
		5414	`min-height: 20vw;`
		5415	`border: 1px solid #e5e5e5;`
		5416	`}`
		5417
		5418	`#react-self-evaluation .company-up-info h3 {`
		5419	`width: 90%;`
		5420	`margin: 5px auto;`
		5421	`}`
		5422
		5423	`// Alert notification`
		5424	`.alert-danger {`
		5425	`background-color: $danger !important;`
		5426
		5427	`&:hover {`
		5428	`background-color: $danger-hover !important;`
		5429	`}`
		5430	`}`

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/look-and-field/settings/_styles.scss – Rev 6753