/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/*
Theme Name: SolidGigs 6.0 - New
Theme URI: https://solidgigs.com/
Author: Millo Media
Description: SolidGigs 6.0 WordPress Theme
Version: 6.0
*/

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {margin:0px;}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

textarea {    padding: 9px;
    box-sizing: border-box;
    color: #545454;}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* ========================================== SG CSS ================================================================================================ */




/* ========================================== SG CSS ================================================================================================ */




/* ========================================== SG CSS ================================================================================================ */




/* ========================================== SG CSS ================================================================================================ */

@font-face {
    font-family: 'Globa';
    src: url('https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/inc/fonts/globa/globa-black-webfont.woff') format('woff');  }

body {background: #F9F9F9; font-family: "Work Sans", sans-serif;} 
	h1, h2, h3, h4, h5, h6 {color: #222; font-family: 'Globa', Serif}


p {line-height: 1.8em;}








	.icon {
  height: 1em;
  vertical-align: middle; 
}
	
.sg-text-right {text-align: right;}

.sg-white-box {background: #fff;
    box-shadow: 0px 0px 18px 0px rgba(55, 59, 66, 0.05);border-radius: 9px; padding: 27px;}

.sg-med-box {max-width: 500px}

.sg-centered-box {margin:auto;}

.sg-centered-text {text-align: center;}

.sg-module {margin:10vh auto 0 auto; max-width: 400px; text-align: center; box-sizing: border-box;}

.sg-page-narrow {width: calc(100% - 18px); max-width: 800px; margin: auto; box-sizing: border-box;}

.sg-page-wide {width: calc(100% - 18px); max-width: 1200px; margin: auto; box-sizing: border-box;}



input[type="text"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    color: #959FB3;
	font-style: italic;/* Change the color of the placeholder text */ /* Style the font, e.g., italic */
    /* Add more styles as needed */
}

.red-button {
    display: block;
    padding: 9px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #fff;
    color: #B44D4D;}

.red-button:hover {border: 1px solid #B44D4D; cursor: pointer;}

header {
    padding: 18px 0px;
    box-sizing: border-box;
}	header img.logo { height: 27px;}

	.wrapper {display:flex; width: calc(100% - 18px); margin: auto; max-width: 1440px;} 
	header .wrapper {justify-content: space-between; align-items: center;}	
	header .wrapper .profile {display: flex;  align-items: center; font-size: 14px;}
	header .wrapper .profile img {border-radius: 100%; height: 27px; width: 27px; margin-left: 9px;}
header .wrapper .profile p {padding: 0px; margin:0px;}
header .wrapper .profile a {text-decoration: none; color: inherit;}
header .wrapper .profile:hover a {text-decoration: underline;}
header .wrapper .profile:hover img {box-shadow: 0px 0px 6px 3px #e1e3e9;}
 .folders {
    background: #fff;
    z-index: 9999;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 9px;
    border-radius: 9px 9px 0 0;
    height: 50px;
}
	
	.folders ul {list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex; width: 100%;}
	
	.folders ul li a {
		font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 18px 27px 14px;
    display: block;
    text-decoration: none;
    color: #545454;
    border-bottom: #fff solid 4px;
	}

.folders ul li a img.icon {height: 1.2em; opacity: .8; margin-right: 4px;}
.folders ul li a.active img.icon {}

/* ////// TOOL TIPS ///////*/

[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: .9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 9px 9px;
  border-radius: 3px;
  background: #222222;
  color: #FFFFFF;
  z-index: 99;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #222222;
}
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}
[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
          transform: translate(-50%, -4px);
}
[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #222222;
}
[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
}
[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #222222;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
          transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #222222;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
}
[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}


/* ////// END TOOL TIPS ///// */

.mobile_menu_toggle_button {display: none;} 

.folders ul li:last-child {margin-left: auto; overflow: hidden;}

.folders ul li:last-child a span {display:none;;}


.folders ul li a:hover {border-bottom: 4px solid #e9edf3; cursor: pointer; color: #222;}	

	.folders ul li a.active {border-bottom: #ffbd30 solid 4px; color: #222}

.folders ul li a:not(._matched) span.count {
   
    position: relative;
    top: -6px;
    left: 5px;
	font-weight: normal;
	font-size: 10px;
}

.folders ul li a._matched span.count {
    color: #545454;
    border-radius: 50px;
    display: inline;
    min-width: 1em;
    text-align: center;
    padding: 0;
    margin-left: 3px;
    font-size: 10px;
    font-weight: normal;
    position: relative;
    top: -5px;
}

.gig-panel {height: calc(100vh - 50px - 80px - 18px);}
	
	.sidebar, .main, .folders {background: #fff;   box-shadow: 0px 0px 18px 0px rgba(55, 59, 66, 0.05);}

.sidebar_placeholder {color: #959FB3;
    text-align: center;
    line-height: 1.8em;
    font-size: 14px;
    padding: 250px 0;}

/* For .sidebar */
.sidebar::-webkit-scrollbar {
  width: 3px;
}

.sidebar::-webkit-scrollbar-track {
  background-color: #eceef4;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #d8dce9;
}

.sidebar {
  scrollbar-width: thin;
  scrollbar-color: #e7e7e7 #f9f9f9;
}

.sidebar {
  -ms-overflow-style: none; /* Hides the scrollbar */
}

/* For .main when hovering over it */
.main::-webkit-scrollbar {
  width: 5px;
}

.main::-webkit-scrollbar-track {
  background-color: #fff;
}

.main:hover::-webkit-scrollbar-track {
  background-color: #eceef4;
}

.main:hover::-webkit-scrollbar-thumb {
  background-color: #d8dce9;
}

.main:hover {
  scrollbar-width: thin;
  scrollbar-color: #e7e7e7 #f9f9f9;
}

.main:hover {
  -ms-overflow-style: none; /* Hides the scrollbar */
}


	.sidebar {flex: 0 0 40%; max-width: 40%; box-sizing: border-box; margin-right: 9px; border-radius: 0 0 0 9px; overflow-y: scroll;}

#load-more-button {
    padding: 18px 27px;
    text-align: center;
    /*background: #f5f5f5;*/
}

#load-more-button span {
    color: #545454;
    padding: 9px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

#load-more-button span:hover {
color: 	#ffbd30; cursor: pointer;
}


.sidebar p.no_results {
    padding: 27px;
    text-align: center;
}

.sidebar p.no_results a {
   color: #ffbd30;
}

.sidebar p.no_results a:hover {
   text-decoration: none;
}
	.sidebar ul {
   list-style-type: none;
    padding: 0;
		margin: 0 ;
}
	.sidebar ul li {border-bottom: 1px solid #e9edf3; position: relative;}

.sidebar ul li.empty-list {
    display: flex;
justify-content: center;    align-items: center;
    color: #545454;
    text-decoration: none;
    position: relative;
	padding: 54px 108px;
    text-align: center;
    border-bottom: 0px;
    line-height: 1.5em;
}


	.sidebar ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 27px 18px 27px;
    color: #545454;
    text-decoration: none;
		position: relative;

}

.sidebar ul li.empty-list a {display: inline;
    padding: 0px;
    color: var(--color-primary);
    text-decoration: underline;
    position: static;}

.sidebar ul li.active div.li_actions a {background: #ffde99;}

.sidebar ul li div.li_actions a img {
    height: 14px;
}

.li_actions {
	display: none;
    position: absolute;
    top: 9px;
    right: 18px;
    overflow: hidden;
    align-items: center;
    vertical-align: middle;
}

.sidebar ul li:hover div.li_actions {display: flex;}
.sidebar ul li:hover .date, .sidebar ul li:hover .budget {display:none;}

.sidebar ul li a.move_folder_button {
    box-sizing: border-box;
    border-radius: 100%;
    padding: 12px;
}



.sidebar ul li a:hover {box-shadow: none;}


			.sidebar > ul > li > a:not(.active):hover {box-shadow: 0 0 5px rgb(220, 220, 220)}

.sidebar ul li.empty-list a:hover {box-shadow: none; text-decoration: none;}

.sidebar ul li a.active {background: #ffde99; color: #222; cursor: pointer;}
		.sidebar > ul > li > a.viewed:not(.active) { color: #afafaf; background: #F9F9F9;}
	.sidebar ul li a.active + .li_actions a {
    background: none;
}

.sidebar ul li a.move_folder_button:hover, 	.sidebar ul li a.active + .li_actions a.move_folder_button:hover  {
  background: rgba(0, 0, 0, 0.1); box-shadow: none !important;
}
	
	
	.sidebar ul li a span.title {
		display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
		width: 70%;
    box-sizing: border-box;

}
.sidebar ul li a span.budget{
  font-size: 12px;
  color: #959FB3;
}

.sidebar ul li a.active span.budget {
	color: #222;
}
	
	
	
	.main {flex: 1; width: 100%; border-radius: 0 0 9px 0; padding: 27px; position: relative; overflow-x: hidden; overflow-y: scroll; scrollbar-width: thin;}

.single-gigs .main {
	border-radius: 9px 9px 9px 9px;
	border-bottom-left-radius: 9px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	border-top-right-radius: 9px;
	overflow: hidden;
	margin-bottom: 50px;
}

.single-filter main {margin-bottom: 50px;}

/* width */
.main:hover ::-webkit-scrollbar {
  width: 9px; /* width of the scrollbar */
}

.main:hover  ::-webkit-scrollbar:hover {
	width: 20px;
}


/* Track */
.main:hover  ::-webkit-scrollbar-track {
  background: #f1f1f1; /* color of the track */
	border-radius: 50px;
}

/* Handle */
.main:hover  ::-webkit-scrollbar-thumb {
  background: #edf0f5; /* color of the scrollbar handle */
}

/* Handle on hover */
.main:hover  ::-webkit-scrollbar-thumb:hover {
  background: #545454; /* color of the scrollbar handle on hover */
}


.spinner {
    display: none; 
    background: #fff;
    height: 100%;
    width: calc(100% - 55px);
    position: absolute;
    z-index: 999;
}

.spinner h2, .spinner .more-actions p, .spinner .description p, .main .spinner .actions ul li:first-child a, .main .spinner .actions ul li a, .spinner span.budget, .spinner span.date, .spinner h2:hover, .spinner .more-actions p:hover, .spinner .description p:hover, .main .spinner .actions ul li:first-child a:hover, .main .spinner .actions ul li a:hover, .spinner span.budget:hover, .spinner span.date:hover, .spinner .details p {
    background: #f2f5f9;
    border-radius: 50px !important;
    text-align: center;
    color: #f2f5f9;
    border: 0px !important;
    min-height: 18px;
    min-width: 18px;
	  opacity: 0; /* Initially hidden */
  animation: fadeInOut 2s ease-in-out infinite; /* Animation definition */
}
.spinner h2 {width: 50%;}
.spinner .description p {
    height: 20px;
    font-size: 10px;
}
.spinner .description p:nth-child(3n) {
    width: 60%;
}

/* Define the spinning animation */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes fadeInOut {
  0% { opacity: .8; } /* Fade out initially */
  50% { opacity: .2; } /* Fade in */
  100% { opacity: .8; } /* Fade out at the end */
}

/* Apply the animation to your icon or element */
/*.spinner img {
	width: 27px;
    margin: 150px auto;
    display: block;
    filter: invert(75%) sepia(80%) saturate(535%) hue-rotate(331deg) brightness(103%) contrast(104%);
  /* Set the duration of the animation */
  /*animation: spin 2s infinite linear;
  /* Use the 'linear' timing function for a consistent spin */
/*}*/



.sidebar ul li.in-feed-reminder {
    background: var(--color-info);
    padding: 18px 27px 17px;
    font-size: 14px;
    color: var(--color-info-soft);
    position: sticky;
    border: 0px;
}

.main .main-placeholder {
    text-align: center;
    
    padding: 250px 0;}

.main .main-placeholder h2 {}

.main .main-placeholder .onboard-warning {
    background: var(--color-primary-soft);
    border-radius: 8px;
    max-width: 600px;
    margin: auto;
    padding: 27px 18px 18px;
    box-sizing: border-box;
}



.main h2 {
    font-weight: 600;
    line-height: 1.6em;
    display: flex;
}

a.visit_link {
    position: relative;
    top: 17px;
    left: 10px;
}

.main .description h2 {font-size: 18px; line-height: 1em;}

	.main h2 a img {height: 14px;
    opacity: .5;
    position: relative;
    top: -7px;}
.main .main-placeholder strong {color: #545454; font-size: 16px;}

	.main h2 a:hover img {opacity: 1; }
	
	.main .desc_and_details {display: flex; margin-top: 18px;}
	.main .desc_and_details .description {flex: 0 0 70%; box-sizing: border-box; padding-right: 27px;
    margin-right: 27px;
    border-right: 1px solid #e9edf3;}

.main .desc_and_details .description .more-actions p {
    padding: 6px 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

.report {
    max-width: 550px;
}

.report input[type=email]{
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
	    width: 100%;
    max-width: 500px;
    /* height: 50px; */
    line-height: 1.8em;
    box-sizing: border-box;
}

.report form textarea {
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    max-width: 500px;
    height: 150px;
    line-height: 1.8em;
}

.report button {
    display: block;
    padding: 12px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    background: #ffbd30;
    border: 1px solid #ffbd30;
    color: #222;
    width: 100%;
    max-width: 250px;
    clear: both;
}

.report button:hover {
    cursor: pointer;
    background: #f0b22f;
}

.main .desc_and_details .description .more-actions p:hover {cursor: pointer;  border: 1px solid #222;}

#respond {display:none;}

textarea#comment {
    padding: 18px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: calc(100% - 50px);
    max-width: 500px;
    height: 150px;
    line-height: 1.8em;}

textarea#comment:focus {border: 1px solid #222; outline: none;}

h3#reply-title:after {
    display: block;
    content: "*Notes are only visible to you and your gig-hunting team. Notes are not support tickets. Use notes to add important information about the gig.";font-weight: normal;
    font-size: 13px;
    max-width: 500px;
    line-height: 1.3em;
    margin: 9px 0;
    font-style: italic;
}

.saved-note{padding: 18px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin: 9px 0px;
    font-size: 14px;
    text-decoration: none;
    width: calc(100% - 50px);
    max-width: 500px;
    line-height: 1.8em;}

.comment-meta {
    font-size: 12px;
    color: #959FB3;
}

.form-submit input {
    display: block;
    padding: 9px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    background: #ffbd30;
    border: 1px solid #ffbd30;
    color: #222;
}

.form-submit input:hover {
   cursor: pointer;
}



	.main .desc_and_details .details {flex: 0 0 30%; box-sizing: border-box;}
	.main .details ul {list-style:none; margin:0px; padding: 0px;}
	.main .details li {
		line-height: 1.8em;
		margin: 0px;
    padding: 5px 0px;
    border-radius: 4px;
    
    font-size: 12px;
		    display: flex;
    align-items: center;
}
	.main li.usonly {background: #fff7e6;}
	.skills ul {margin:9px 0 0 0; padding:0; list-style: none;}
	.skills ul li {
    display: inline-block;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #e9edf3;
    margin: 0 3px 6px 0;
    border-radius: 4px;
    color: #545454;
}
	.main li .icon {margin-right: 5px;}
	.main .description {color: #222; font-size: 14px; line-height: 1.8em;}
	.main .description p {margin-top: 9px;}
	.main .actions {display: flex;
    align-items: center;}
	.main .actions ul {list-style:none; margin:0; padding:0; display: flex; margin-right: 9px;}
	.main .actions ul li a {
    display: block;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-control);
    margin-right: var(--space-1);
    font-size: var(--text-base);
    padding: 0.425em .75em;
    min-width: 3em;
    display: flex;
}
	.main .actions ul li a:hover {border: 1px solid #222; cursor: pointer;}
	.main .actions ul li a img {height: 16px;}

.main .actions ul li:first-child a {border: 0px;}

.main .actions ul li a.current_folder {
    background: #242c3d;
    border: 1px solid #242c3d;
}

.main .actions ul li a.current_folder img {
filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(314deg) brightness(104%) contrast(101%);
}



.onboarding_message {
    padding: 9px;
    text-align: left;
    background: #edf3ff;
    font-size: 14px;
	border-radius: 5px;
}


/*--------===========-----------=========--------===========-----------=========--------===========-------
FILTERS --- FILTERS --- FILTERS --- FILTERS --- FILTERS --- FILTERS --- FILTERS --- FILTERS --- FILTERS --- */

.filter {
	width: 100%;
	max-width: 600px;
	margin:auto;
	border-radius: 9px;
    padding: 27px;
    background: #fff;
}

.filter form, .sg-account-page form {font-size: 14px;}
.filter form fieldset , .sg-account-page form fieldset {border:0px; outline: 0px; padding: 0px; margin: 0px; margin-bottom: 27px;}

.filter form fieldset.inactive {
    opacity: .3;
}

.filter form fieldset.inactive input[type='number'] {
    background: #e9edf3;
    color: #e9edf3;
}

.filter form .small, .p404 .small {
    display:block; 
	font-size: 12px;
    margin: 3px 0;
    color: #959FB3;
	line-height: 1.2em;
}
.filter form .textright {text-align: right;}
.filter form fieldset legend, .sg-account-page form fieldset legend
 {
    border-bottom: 1px solid var(--color-border);
    display: flex;
gap: var(--space-1);
    width: 100%;
    padding-bottom: var(--space-1);
}

.filter form fieldset legend:after {
    content: "?";
    font-family: var(--font-body);
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    border: 1px solid var(--color-border-strong);
    border-radius: 50%;
    height: var(--space-4);
    width: var(--space-4);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter form fieldset legend:hover:after {
 border-color: var(--color-primary);
	color: var(--color-primary);
}

.filter form input {font-size: 14px;}

.filter form h2 input[type='text'] {outline: 0px; border: 1px solid #fff; border-bottom: 1px solid #959FB3; line-height: 1em; width: 100%; box-sizing: border-box; padding: 4px; font-size: 27px; border-radius: 0px; }

.filter form .error {
    background: #ffede9 !important;
    border-bottom: 0px;
    color: #c63915;
    padding: 9px;
    border-radius: 4px;
}

.title_error, .sources_error, .kw_bw_error, .country_error, .us_resident_error, .project_types_error, .fixedmin_error, .hourlymin_error, .currency_error, .kw_error, .bw_error {display:none;}





.filter form h2 input:hover {border-bottom: 1px solid #222}
.filter form h2 input:focus {border: 1px solid #ffbd30; border-radius: 4px;}

.filter fieldset.keywords>div {margin-bottom:9px;}

.filter fieldset.keywords>div div:nth-child(2){width: calc(100% - 90px);}

.filter fieldset.keywords .kws,  .filter fieldset.keywords .negkws{
    border-radius: 9px 0 0 9px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 5px;
    margin-right: 9px;
}

fieldset.keywords .kws { background: #e9f9e0;}

fieldset.keywords .negkws{ background: #fff0f0;}

.filter form textarea  {
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    max-width: 600px;
    height: 50px;
    line-height: 1.8em;
}






.filter form input[type='number']{    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 200px;
    max-width: 500px;
    /* height: 50px; */
    line-height: 1.8em;
    box-sizing: border-box;}

.filter form input[type='text']{    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 200px;
    max-width: 500px;
    /* height: 50px; */
    line-height: 1.8em;
    box-sizing: border-box;}

.filter form textarea:focus, .filter form input[type='number']:focus  {border: 1px solid #222; outline: none;}







.filter .checkbox-container div.checkbox_group {
  column-count: 3; /* Adjust the number of columns as needed */
  column-gap: 20px; /* Gap between columns */
}

.filter form p.explanation {
    display:none;
	margin-top: 0px;
    font-size: 13px;
    color: #222;
    background: var(--color-info-soft);    padding: 9px;
    border-radius: 4px;
    line-height: 1.5em;
}

.filter form .checkbox-container label, .filter form .radio-container label {
font-size: 14px;
    font-weight: normal;
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}

/*.filter form label[data-dollar]:after { content: attr(data-dollar)}*/


/* Styling for checkboxes */
.checkbox-container label input[type="checkbox"] {
  /* Hide the default checkbox */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Provide custom checkbox styles */
  width: 18px;
  height: 18px;
  border: 1px solid #e9edf3;
  border-radius: 3px;
  margin-right: 5px; /* Add some spacing between checkbox and label text */
}

.checkbox-container input[type="checkbox"]:checked {
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/img/icons/check-solid.svg) var(--color-primary);
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--color-primary);
}


.filter form select {padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 200px;
    max-width: 500px;
    line-height: 1.8em;
    box-sizing: border-box;}

.filter .success-message, .rcp_success span, .success-message {
    background: #e9f9e0;
    padding: 9px;
    font-size: 14px;
    border-radius: 4px;
    color: #222222;
}

.filter .error-message, .rcp_error span, .error-message {
   border: 1px solid #e23766;
    background: #ffe7ef;
    padding: 9px;
    font-size: 14px;
    border-radius: 4px;
    color: #222222;
    display: block;
    margin: 9px 0;
    text-align: center;
    line-height: 1.3em;
}

.reset-button {text-decoration: underline;}
.reset-button:hover {text-decoration: none; color: #b44d4d; cursor: pointer;}

/* LOGIN PAGE */
.sg-login-logo a img {
    width: 50px;
    display: block;
    margin: 18px auto;
    padding: 5vh 0 0 0;
    opacity: 0.2;
}

.sg-login-logo a img:hover {
    opacity: 1;
    filter: invert(79%) sepia(62%) saturate(1925%) hue-rotate( 355deg) brightness(100%) contrast(104%);
    cursor: pointer;
}
.sg-login-module form fieldset {border:0px; outline: 0px;}
.sg-login-module form input[type='text'], .sg-login-module form input[type='email'], .sg-login-module form input[type='password'] {
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;

	text-align: center;
    line-height: 1.8em;
    box-sizing: border-box;
}

.sg-login-module form input[type='text']:focus, .sg-login-module form input[type='email']:focus, .sg-login-module form input[type='password']:focus {
    border: 1px solid #222;
    outline: none;

}

.sg-login-module form label {
    font-size: 15px;
    color: #545454;
    margin: 18px 0 9px 0;
}
.sg-login-module form .rcp_login_data p:nth-child(2) {position: relative;}
span.eye {display:none}
.sg-login-module form .rcp_login_data p:nth-child(2):hover span.eye {
    display: block;
    position: absolute;
    font-size: 10px;
    text-transform: uppercase;
    right: 13px;
    top: 60%;
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/img/icons/eye-regular.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    opacity: .25;
}

.sg-login-module form .rcp_login_data p:nth-child(2):after:hover {text-decoration: underline;}

.sg-login-module form input[type='submit'] {
    display: block;
    padding: 12px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    background: #ffbd30;
    border: 1px solid #ffbd30;
    color: #222;
    width: 100%;
    margin: 18px auto 0px;
    clear: both;
}

.sg-login-module form input[type='submit']:active {
    position: relative;
    top: 2px;
}

.sg-login-module form input[type='submit']:hover {
    cursor: pointer;
    background: #f0b22f;
}

.sg-login-module .rcp_form  input[type="checkbox"] {
    float: left;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #e9edf3;
    border-radius: 3px;
    margin: 0 5px 0 0;
	   top: -2px;
    position: relative;
}

.sg-login-remember-reset {
    display: flex;
    justify-content: space-between;
	padding-top: 9px;
	    color: #959FB3;
   font-size: 13px;
}

.sg-login-remember-reset a, .sg-login-module form .sg-login-remember-reset label {    color: #959FB3;
   font-size: 13px;}

.sg-login-remember-reset a:hover { text-decoration: none;}




.sg-login-module input[type="checkbox"]:checked {
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/img/icons/check-solid.svg) #ffbd30;
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ffbd30;
}

.sg-login-module .rcp_form .sg-login-remember-reset label {
    text-align: left;
    margin: 0px;
 
 
}

.sg-login-sign-up {font-size: 13px; margin-top: 27px; color: #959FB3;}
.sg-login-sign-up a {color: #ffbd30;}

.sg_error_messages p.rcp_error {   
  }

/* REGISTER PAGE */

p#rcp_user_login_wrap {margin: 0; display: none;}

@keyframes pulse {
  0%, 100% {
    margin-top: 0px;
  }
  50% {
        margin-top: 12px;
  }
}

form .blockUI.blockOverlay {
	background: var(--color-muted) !important;
    border-radius: 8px;
}

.blockUI.blockMsg.blockElement:before {
    content: "One Moment";
    color: #fff;
    display: block;
    font-size: 16px;
}

.blockUI.blockMsg.blockElement {
    opacity: 1 !important;
    letter-spacing: normal !important;
    font-size: 0px;
	    animation: pulse 1.5s ease-in-out infinite !important;

}




.sg_register {max-width: 500px; margin: 0 auto 54px;}
.sg_register h1, .sg_register h2 {text-align: center;}

.sg_register form p {margin: 0px;}
.sg_register form fieldset {outline: 0px; border: 0px; padding: 0px; margin: 0 0 18px 0;}

.sg_register form input[type='text'], .sg_register form input[type='email'], .sg_register form input[type='password'] {
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    line-height: 1.8em;
    box-sizing: border-box;
	text-align: left;
}

.sg_register form #rcp_password_again_wrap, .sg_register form #rcp_user_login_wrap {display:none;}

#rcp-card-element {
    padding: 15px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    line-height: 1.8em;
    box-sizing: border-box;
    text-align: left;
}

.sg_register form input[type='text']:focus, .sg_register form input[type='email']:focus, .sg_register form input[type='password']:focus {
    border: 1px solid #222;
    outline: none;

}

.sg_register form label {
    font-size: 15px;
    color: #545454;
    padding: 12px 0 0px 0;
    display: block;
}

.sg_register form .rcp-gateway-saved-payment-methods label {display: flex; padding: 9px;
    text-align: left; text-transform: capitalize; gap: 5px;}

#rcp_card_name_wrap, #rcp_card_wrap {line-height: 1.8em;}

#rcp_subscription_levels {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0px;
    flex-direction: column;
}

#rcp_subscription_levels li {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e9edf3;
    padding: 9px;
    position: relative;
    display: flex;
    align-items: center;
	margin-bottom: 9px;
}

span.sg_save {
 position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px 7px 4px 9px;
    background: #99df71;
    font-size: 12px;
    margin: 9px 0px;
    border-radius: 50px 0 0 50px;
}

span.sg_save.sg_lifetime_left {background: #222; color: #fafafa;}



#rcp_subscription_levels li input[type='radio'], .rcp-gateway-saved-payment-methods li input[type='radio'] {
 
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #e9edf3;
    border-radius: 50%;
    margin-right: 9px;
}

#rcp_subscription_levels li input[type="radio"]:checked, .rcp-gateway-saved-payment-methods li input[type="radio"]:checked {
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/img/icons/check-solid.svg) #ffbd30;
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ffbd30;
}

.sg_register form .rcp_subscription_level label {
    display: flex;
    align-items: center;
    padding: 0px;
}

.sg_register form .rcp_subscription_level label span {
    margin-right: 5px;
}

span.rcp_price {
    min-width: 100px;
    text-align: left;
}

#rcp_subscription_levels span.price {
    font-size: 36px;
    font-weight: bold;
    color: #fbbd30;
    font-family: 'Globa', 'Work Sans', sans-serif;
}



#rcp_subscription_levels span.dollar_sign, #rcp_subscription_levels span.per_month {
    font-size: 14px;
    vertical-align: super;
    font-weight: normal;margin-right: 0px

}

#rcp_subscription_levels .rcp_subscription_level_name {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #545454;
	display: none;

    min-width: 75px;
    text-align: left;
display:none;
	
}

#rcp_subscription_levels span.rcp_level_duration {
    font-size: 12px;
    display: block;
    text-align: left;
}

#rcp_subscription_levels input[type="radio"]:not(:checked) + label * {
    color: #abb3c3;
}

#rcp_subscription_levels input[type="radio"]:not(:checked) + label:hover *, #rcp_subscription_levels input[type="radio"]:not(:checked):hover + label * {
    color: inherit;
	cursor: pointer;
}

#rcp_subscription_levels input[type="radio"]:not(:checked):hover {border: 1px solid #545454; 	cursor: pointer;}

ul.rcp-gateway-saved-payment-methods {
    list-style: none;
    padding: 0;
}


ul.rcp-gateway-saved-payment-methods li {text-align: center;border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 9px; display:block; padding: 9px;}
ul.rcp-gateway-saved-payment-methods li.current-card {border: 1px solid #000;}

#rcp_discount_code_wrap {display:none;}

.rcp_discount_invalid {
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/img/icons/triangle-exclamation-solid.png) center right no-repeat;
    background-size: 20%;
    padding-right: 18px;
}

.rcp_discount_valid {
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0/img/icons/circle-check-solid.png) center right no-repeat;
    background-size: 20%;
    padding-right: 18px;
}

.sg_register span.rcp_discount_code_field_wrap {
    display: flex;
}

.sg_register button#rcp_apply_discount {
    border: 1px solid #fbbd30;
    background: #fff;
    color: #fbbd30;
    border-radius: 4px;
    padding: 0 27px;
}

.sg_register button#rcp_apply_discount:hover {
    background: #fbbd30;
    color: #222;
	cursor: pointer;
}

a.discount_code {
    font-size: 10px;
    color: var(--color-muted);
    margin: 0px;
    margin-left: auto;
    font-weight: normal;
    font-family: var(--font-mono);
}

p#rcp_agree_to_terms_wrap {
    display: flex;
}

.match-info-table tbody tr:nth-child(even), .match-info-table thead {
    background: none;
}

.match-info-table tbody td, .match-info-table thead th {
    padding: var(--space-1);
}




#rcp_agree_to_terms_wrap label {
    font-size: 14px;
    font-weight: normal;
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    line-height: 1em;
}

#rcp_agree_to_terms_wrap label span {
    font-size: 12px;
    position: relative;
    top: 1px;
    color: #545454;
}

#rcp_agree_to_terms_wrap label span a {
    color: #545454;
}


.rcp_form input[type=checkbox] {
   
    margin: 0px 5px 0px 0px !important;
}



.sg_register p.p-margin {margin: 9px 0; text-align: center;}

.sg_register input#rcp_submit, .sg-account-page input.rcp_submit,  .sg-account-page input.rcp-button{
    display: block;
    padding: 12px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    background: #ffbd30;
    border: 1px solid #ffbd30;
    color: #222;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 18px;
    clear: both;
	text-align: center;
}

.sg_register input#rcp_submit:hover, .sg-account-page input.rcp_submit:hover {
    cursor: pointer;
    background: #f0b22f;
}

.sg_register input[type='submit']:active, .sg-account-page input.rcp_submit:active {
    position: relative;
    top: 2px;
}
.sg_register table {font-size: 12px; width: 100%; color: #959FB3}
.sg_register tr {
    height: 20px; font-weight: normal;
}
.sg_register table th, .sg_register table td {text-align: right; font-weight: normal;}
.sg_register table th:first-child, .sg_register table tr:first-child, .sg_register table td:first-child {text-align: left; font-weight: normal;}

.rcp_registration_total {
    border-top: 1px solid #e9edf3;
    padding-top: 18px;
    margin-top: 27px;
}

.rcp_registration_total_details tr {
    border-bottom: 0px solid #fff !important;
	padding-block: 0px !important;
}

/*SUCCESS PAGE */
.sg-module.sg-onboarding-module {max-width: 600px; margin: 18px auto; padding: 9px;}
.sg-onboarding-module .sg-login-logo a img {}
a.sg_button_onboarding_back {
    color: #545454;
    text-decoration: none;
}
.sg-onboarding-module form input[type='number'] {    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 200px;
    max-width: 500px;
    /* height: 50px; */
    line-height: 1.8em;
    box-sizing: border-box;}

.sg-onboarding-module form textarea {
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    max-width: 600px;
    height: 250px;
    line-height: 1.8em;
}

.sg-onboarding-module form textarea:focus, .sg-onboarding-module form input[type="number"]:focus, .sg-onboarding-module form input[type="text"]:focus {
    border: 1px solid #222;
    outline: none;
}

.sg-loading {
    background: url(https://app.solidgigs.com/wp-content/themes/solidgigs-5-0-new/img/icons/sg-loader-6-0.gif) center center / 18px no-repeat var(--color-primary) !important;
    text-indent: -999999px;
}

.fade-slide-up {
    opacity: 0;
    transform: translateY(12px);
    animation: fadeSlideUp .8s cubic-bezier(.22,.61,.36,1) forwards;
}

.fade-slide-reverse {
    animation: fadeSlideUp .8s ease-out reverse forwards;
}

				@keyframes fadeSlideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sg-button-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;

    margin-bottom: 9px;
	align-items: center;
}

.sg-button-container .sg_button {
    text-align: center;
    margin: 0;
    width: auto;
    padding: 12px 27px;
}

.sg-button-container .save_and_continue {
    margin-left: auto;
    margin-bottom: 0;
}



/*ACCOUNT PAGE */
.rcp_success {text-align: center;}
.sg-account-page a {color: #f0b22f; text-decoration: underline;}
.sg-account-page a:hover {text-decoration: none;}
.sg-account-page .small {  display:block; 
	font-size: 12px;
    margin: 3px 0;
    color: #959FB3;}
.sg-account-page .sg-profile-container {position: relative; width: 80px; margin: auto;}

.sg-account-page .profile {width: 80px; border-radius: 100%; }
.sg-account-page .profile:hover, .sg-account-page .profile:hover ~ span  {cursor: pointer;}

.sg-account-page .profile ~ span {display:none;}

.sg-account-page .profile:hover ~ span {
    position: absolute;
    left: 0px;
    font-size: 12px;
    background: rgb(245,245,245);
    background: linear-gradient(180deg, rgba(245,245,245,0) 0%, rgba(0,0,0,.5) 150%);
    display: block;
    height: 14px;
    top: 0;
    padding: 50px 0 15px 0;
    width: 80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
}
.sg-account-page form {max-width: 400px; margin: auto;}

.sg-account-page form input {    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    line-height: 1.8em;
    box-sizing: border-box;
    text-align: left;
}

.sg-account-page form textarea {
    padding: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    line-height: 1.8em;
    box-sizing: border-box;
    text-align: left;
    line-height: 1.3em;
    color: #222;
}

.sg-account-page .sg-large-box .sg-account-main {
    flex-grow: 1;
    position: relative;
    padding-bottom: 50px;
}

.sg-account-page form input[type='text']:hover, .sg-account-page form input[type='email']:hover, .sg-account-page form input[type='password']:hover, .sg-account-page form textarea:hover {
	    border: 1px solid #222;

}


.sg-account-page form input[type='text']:focus, .sg-account-page form input[type='email']:focus, .sg-account-page form input[type='password']:focus, .sg-account-page form textarea:focus {
    border: 1px solid #ffbd30;
    outline: none;
}

.sg-account-page .sg-large-box {display: flex;}

.sg-account-page .sg-large-box .sg-account-sidebar {
    min-width: 200px;
    border-right: 1px solid #e9edf3;
    margin-right: 27px;
}

.sg-account-page .sg-large-box .sg-account-main{flex-grow: 1; /* Fill remaining space */}

.sg-account-page .sg-account-sidebar h1 {font-size: 15px;
    color: #545454;
    text-transform: uppercase;
    margin-bottom: 18px;}

.sg-account-page .sg-account-sidebar ul {margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;}

.sg-account-page .sg-account-sidebar ul li a {display: block;
    padding: 12px 12px 12px 0;
    text-decoration: none; color: inherit; font-size: 14px; letter-spacing: .5px;}

.sg-account-page .sg-account-sidebar ul li a:hover {
    background: #f8fbff;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    left: -10px;
}

.sg-account-page .sg-account-sidebar ul li a.active {
    background: #e2e8f5;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    left: -10px;
	border-radius: 4px;
}


.sg-account-page table {
    border: 1px solid #e2e8f5;
    border-radius: 4px;
border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    text-align: left;
    margin: 9px 0;
	
}

.sg-account-page table thead {
    background: #F9F9F9;
}

	.sg-account-page table tr:not(:first-child) {
    border-top: 1px solid #e2e8f5;
}

.sg-account-page table tr th {font-weight: normal;}

.sg-account-page table th {
padding: 18px;
}

.sg-account-page table td {
padding: 0 18px;
}

.sg-account-page .sg-no-membership, .sg-account-page .sg-no-payments {
    padding: 54px 0px;
    text-align: center;
    width: 100%;
}

.sg-account-main .card_illustration {
    display: block;
    background: #8ac5ed;
    border-radius: 8px;
    height: 200px;
    box-sizing: border-box;
    max-height: 200px;
    color: #fff;
    font-size: 20px;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    text-shadow: 1px 1px #0e344d;
}

.sg-account-main button {
    background: #ffbd30;
    border: 0px;
    border-radius: 4px;
    padding: 9px;
    margin: 5px 0;
}

.sg-account-main button:hover {
	background: #f0b22f;
}

.sg-account-main .rcp_sub_details_cancel button {
    border: #e2e2e2 1px solid;
    background: #fff;
    color: #888;
    font-size: 12px;
    padding: 10px 13px 8px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sg-account-main .rcp_sub_details_cancel button:hover {
    border: #CC0D2B 1px solid;
    color: #ffffff;
	background: #f02c4a;
}

.sg-account-main .rcp_sub_details_cancel button:active {
    transform: translateY(2px);
}

.status {margin: 0px; text-transform: capitalize;}

.status:before {
content: "•";
    font-size: 45px;
    position: relative;
    top: 11px;
}

.status_active:before {color: #99df71;}
.status_expired:before, .status_cancelled:before {color: #f02c4a;}
.status_pending:before {color: #70b6e3}


/* Match Info Table Styles */
.match-info-container {
        border-radius: 4px;
    margin: 10px 0 18px;
}

.match-info-table-container {
    border: 1px solid #222;
    padding: 9px;
    border-radius: 4px;
    margin-top: 9px;
}

.match-info-table {
   width: 100%;
    border-collapse: collapse;
    font-size: 13px;
	
}

.match-info-table thead tr {
    border-bottom: 2px solid #ddd;
}

.match-info-table thead th {
    text-align: left;
}

.match-info-table tbody tr:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.match-info-icon {
    height: 0.8em;
    border-radius: 50%;
    padding: 3px;
    aspect-ratio: 1 / 1;
	vertical-align: middle;
}

.match-info-icon.success {
    background: #7fdfac;
}

.match-info-icon.fail {
    background: #df7f9a;
}


.placeholder_blur {filter: blur(4px);}

.description {position: relative;}

.blur_popup_module {
    display: block;
    position: absolute;
    top: 62px;
    background: #fff;
    border: 1px solid #222;
    border-radius: 4px;
    padding: 27px 27px 9px 27px;
    left: calc(50% - 250px - 50px);
    max-width: 500px;
    width: 50%;
}

.blur_popup_module {
  pointer-events: auto;
  z-index: 1000;
}

.disabled-ui {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}

.main .description .blur_popup_module h2 {
    font-size: 31px;
    text-align: center;
    margin-bottom: 9px;
}

.main .description .blur_popup_module h3 {
	
	    text-align: center;
	margin-bottom: 9px;

}

#sg-embedded-subscribe-form {margin:auto;}

#sg-embedded-subscribe-form a.button {
    display: inline-block;
    padding: 9px 18px;
    border-radius: 4px;
    text-decoration: none;
    max-height: 16px;
    background: #ffbd30;
    border: 1px solid #ffbd30;
    color: #191919;
    font-size: 15px;
}

#sg-embedded-subscribe-form a.button:hover, #sg-embedded-subscribe-form input[type=submit]:hover {
    background: #f0b22f;
}

#sg-embedded-subscribe-form a.button:active,#sg-embedded-subscribe-form input[type=submit]:active {
    position: relative;
    top: 2px;
}

#sg-embedded-subscribe-form input {
    height: 45px;
    border-radius: 4px;
    outline: 0px;
    border: 0px;
    width: 100%;
    max-width: 360px;
    display: block;
    margin-bottom: 9px;
	    box-sizing: border-box;
	text-align: center;
	margin: 0 auto 9px;
}

#sg-embedded-subscribe-form input[type='text'],
#sg-embedded-subscribe-form input[type='email'] {
  border: 1px solid #626262;
}

#sg-embedded-subscribe-form input[type='text']:hover,
#sg-embedded-subscribe-form input[type='text']:focus,
#sg-embedded-subscribe-form input[type='email']:hover,
#sg-embedded-subscribe-form input[type='email']:focus {
  border: 1px solid #ffbd30;
}

#sg-embedded-subscribe-form input[type='text']:focus,
#sg-embedded-subscribe-form input[type='email']:focus {
  box-shadow: 0 0 10px rgba(255, 189, 48, 0.5);
}

#sg-embedded-subscribe-form input[type='text']:focus::placeholder,
#sg-embedded-subscribe-form input[type='email']:focus::placeholder {
  color: transparent;
}
#sg-embedded-subscribe-form input[type=submit] {
    border-radius: 4px;
    background-color: #ffbd30;
	color: #222;
}

p.small {
    font-size: 12px;
}

.blur_popup_module p.small {text-align: center;}

.blur_popup_module .already_have_account {
    text-align: center;
    color: #777;
    border-top: #d2d2d2 solid 1px;
    padding-top: 9px;
    margin-top: 27px !important;
}
.blur_popup_module .already_have_account a { color: #777}


.blur_popup_module p.social-proof img {width: 132px; margin-right: 5px;}
.blur_popup_module p.social-proof {
    display: flex;
    align-items: center;
	justify-content: center;
}

.not-member {}



@media (max-width: 800px) {
	
	header {
    padding: 9px 0;
		height: auto;}
	
	.sidebar ul li:hover div.li_actions {display: none;}
.sidebar ul li:hover .date, .sidebar ul li:hover .budget {display: inherit;}
	
	[data-tooltip]:hover:before, [data-tooltip]:hover:after {
    display: block;
    opacity: 0;
}

	.gig-panel {display:block;}
	
	.sidebar {max-width: none; margin-right: 0px; border-radius: 0 0 9px 9px; height: 100%;}
	
	.gig-panel .main {display:none;}
	
.folders, .sg-account-sidebar {
	
    z-index: 9999;
    position: absolute;
    padding: 0;
    box-sizing: border-box;
    border-radius: 9px 9px 0 0;
    height: 100vh;
    margin: 0px;
    top: 0px;
    left: -100%;
    width: 80%;
	background: #fff;
}
	
	.sg-account-page .sg-large-box .sg-account-sidebar {
    border-radius: 0px;
    padding: 18px;
    margin: 0px;
    margin-right: 0px;
}
	
.folders ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    z-index: 9999999;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
	
	.folders ul li a {font-size: 14px; border: 0px; border-left: 4px #fff solid;     padding: 18px 27px;}

	
	.folders ul li a:hover {
border: 0px;
		border-left: #e9edf3 solid 4px;
		cursor: pointer;
    color: #222;
		background: #fbfcff;
}
		.folders ul li a.active {
		background: #fff3db;
			border:0px;
    border-left: #ffbd30 solid 4px;
    color: #222;

}
	
	
	
	.sidebar {border-radius: 9px;}
	
	.mobile_menu_toggle_button {
    margin: 18px 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #545454;
    display: flex;
    align-items: center;
		justify-content: center;
}
	
	.folders .mobile_menu_toggle_button, .sg-account-sidebar .mobile_menu_toggle_button {justify-content: right;
    margin-right: 18px;}
	
	.folders ul li:last-child {
    margin-left: 0px;
		border-top: 1px solid #e9edf3;
}
	
	.folders ul li:last-child a span {display:inline;}
	
	.mobile_menu_toggle_button img {
	margin-left: 9px;	
		opacity: .7;
	}
	.overlay {
		display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: all;
    z-index: 99;
}
	
	.main .actions ul {
    flex-wrap: wrap;
		margin: 18px 0px;
}
	
	.main .actions ul li:first-child a {
   
    width: auto;
    display: inline-block;
    margin-bottom: 6px;
}
	
	
	.filter .checkbox-container div.checkbox_group {column-count: 2; column-gap: 9px;}
	
	
.sidebar_placeholder {padding:0px;}
	
	
	.single-gigs .main .desc_and_details {
    display: flex;
    flex-direction: column;
}
	
	.single-gigs .main .desc_and_details .description {
    padding-right: 0;
    margin-right: 0;
    border-right: 0px;
}
	
		.single-gigs .main .desc_and_details .details {
margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e9edf3;
}
	.more-actions span {
    text-align: center;
    display: block;
    clear: both;
    font-size: 10px;
}
	
	.single-gigs .main .details li {
    line-height: 1.8em;
    margin: 0px;
		padding: 0px;}
	
	.single-gigs .main .actions {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
}
	
	.single-gigs .main .actions p {text-align: left; margin:0px; font-size: 14px;
    width: 100%;
}
	
	.single-gigs .actions ul li:first-child {width: 100%;}
	
	.single-gigs h2 {font-size: 20px; line-height: 1.4em;}
	
	.single-gigs h2 a{ position: absolute; top: 12px; right: 9px; } 
	.single-gigs .main .desc_and_details .description .more-actions p {display:block; clear: both; margin: 4px 0px;}
	
	/*MOBILE ACCOUNT PAGE */
	.sg-account-page .sg-large-box {display: flex;    flex-direction: column;}
	.sg-account-page .sg-large-box .mobile_menu_toggle_button {
    margin: 0 0 18px 0;
		
}
	.sg-account-page .rcp-table-wrapper {

	margin-top: 18px;
		overflow: hidden;
}
	
	.sg-account-page table tr {display: flex;
    flex-direction: column;}
	
	.sg-account-page .hide-mobile {display:none;}
	.sg-account-page table tr td {display:block; padding: 9px 18px;}
	.sg-account-page td:not([data-title='Actions']):before {  content: attr(data-title) ": ";
 font-weight: bold;}
	
	
	.blur_popup_module {
    left: 0;
    width: 80%;
    top: 0;
}
	
	.blur_popup_module p.social-proof {flex-direction: column;}
	
}


@media (max-width: 500px) {
	
	/*MOBILE REGISTER PAGE*/
	
	.sg_register form .rcp_subscription_level label {
    display: flex;
    padding: 0px;
    /*flex-direction: column;*/
    align-items: center;
}
	
	
	#rcp_subscription_levels .rcp_subscription_level_name, span.rcp_price {
	min-width: 0px;}

}