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

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

Proyectos de Subversion LeadersLinked - Antes de SPA

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