WebSVN – LeadersLinked - Antes de SPA – Autoría – /react-webpack/app/styles/_styles.scss

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

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/app/styles/_styles.scss – Rev 6688