:root {
    --max-w: 1280px;
}

.btn-app {
    border-radius: var(--rounded-2) !important;
    padding: var(--size-4) var(--size-default) !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
    border: none !important;
    justify-content: center;
    gap: var(--size-2);
    white-space: nowrap;
}
.btn-app svg {
    width: var(--size-default);
}
.btn-app--border {
    background-color: var(--shadow-900) !important;
    color: #fff !important;
    border: 1px solid var(--shadow-700) !important;
}
.btn-app--confirm {
    background-color: var(--confirm-50) !important;
    color: var(--confirm-900) !important;
}
.btn-app--primary {
    background: var(--primary-gradient) !important;
    color: #fff !important;
}
.btn-app--white {
    background-color: rgba(255,255,255,0.3) !important;
    color: #fff !important;
}

.grid-actions {
    display: flex;
    justify-content: flex-end;
    gap: var(--size-4);
}

.private-panel #Header {
	display: none;
}

#user-registration.vertical {
    display: grid;
    grid-template-columns: 300px 1fr;
}

#user-registration.vertical .user-registration-MyAccount-navigation {
    width: 100%;
    background: var(--shadow-900) !important;
    padding: var(--size-7);
}

#user-registration.vertical .user-registration-MyAccount-content {
    width: 100%;
    background: var(--shadow-800);
    padding: var(--size-10);
    min-height: 100vh;
}
#user-registration .user-registration-MyAccount-navigation ul {
    gap: var(--size-5);
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    border: none !important;
    transition: background-color .3s ease-in-out;
    border-radius: var(--rounded-2);
    display: flex;
    align-items: center;
    gap: var(--size-6);
    font-weight: 500 !important;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a::before {
    width: 24px;
    height: 24px;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:first-child a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-trello'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Crect x='7' y='7' width='3' height='9'%3E%3C/rect%3E%3Crect x='14' y='7' width='3' height='5'%3E%3C/rect%3E%3C/svg%3E");
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:nth-child(2) a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-sidebar'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='9' y1='3' x2='9' y2='21'%3E%3C/line%3E%3C/svg%3E");
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:nth-child(3) a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='16'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='16' y2='12'%3E%3C/line%3E%3C/svg%3E");
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:nth-child(4) a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-users'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:nth-child(5) a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-unlock'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'%3E%3C/path%3E%3C/svg%3E");
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:last-child {
    margin-top: var(--size-12);
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:last-child a {
    background-color: rgba(239, 68, 68, 0.15);
    color: var(--danger-500) !important;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:last-child a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E71414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-log-out'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3Cpolyline points='16 17 21 12 16 7'%3E%3C/polyline%3E%3Cline x1='21' y1='12' x2='9' y2='12'%3E%3C/line%3E%3C/svg%3E");
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a:hover {
    background-color: var(--shadow-800);
    opacity: 1 !important;
}

#user-registration p,
#user-registration a {
    color: white !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

#user-registration,
.ur-frontend-form {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
    border: none !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

#user-registration.user-registration.vertical {
    max-width: 100% !important;
}

.task-manager,
.navigation-section {
    width: 100%;
    margin: 0 auto;
}

#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background: var(--primary-gradient);
    border-radius: var(--rounded-2);
    border: none;
}
#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:not(.is-active) a {
    opacity: .7;
}
#user-registration .user-registration-MyAccount-content h2 {
    font-size: var(--size-10) !important;
    margin-bottom: 0 !important;
    color: white !important;
    text-align: left;
    padding-bottom: 10px;
}

#user-registration .user-registration-MyAccount-content .grid-item .item-wrapper p,
#user-registration .user-registration-MyAccount-content .grid-item .item-wrapper a {
    color: #fff !important;
    line-height: 1;
    font-size: var(--size-5) !important;
}

#user-registration table {
    border: none !important;
}
#user-registration table th {
    box-shadow: none !important;
    border: none;
}
#user-registration table td {
    box-shadow: none;
    border: none;
    font-weight: bold;
    font-size: var(--size-5);
    color: #fff;
}

#user-registration label {
    text-align: left;
    font-weight: bold;
    font-size: var(--size-4);
    text-transform: uppercase;
}

#user-registration .select2-container--default .select2-selection--single {
    border: none;
    background-color: var(--shadow-900);
    padding: var(--size-4);
    height: auto;
}
#user-registration .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    text-align: left;
    color: #fff;
}
#user-registration .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
}
#user-registration .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    right: var(--size-4);
}
#user-registration .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}
.private-panel .select2-dropdown {
    background-color: var(--shadow-900);
    border: none;
    padding: var(--size-5);
}
.private-panel .select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: var(--rounded-1);
    background-color: var(--shadow-700);
    border: none;
    padding: var(--size-3) var(--size-3);
}
.private-panel .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 2px solid var(--primary-500);
    background-color: var(--shadow-900) !important;
}
.private-panel .select2-search--dropdown {
    padding: 0;
}

.private-panel .select2-container--default .select2-results__option--highlighted[aria-selected],
.private-panel .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--primary-gradient);
}

.private-panel .select2-results__option[aria-selected],
.private-panel .select2-results__option[data-selected] {
    color: #fff;
}
.private-panel .select2-dropdown .select2-results__option:not(:last-child) {
    border-bottom: 1px solid var(--shadow-800);
    margin-bottom: var(--size-3);
}
.private-panel .select2-dropdown .select2-results__option {
    border-radius: var(--rounded-2);
}

.private-panel .select2-container {
    width: 100% !important;
}

.private-panel h3 {
    text-align: left;
    font-size: var(--size-7) !important;
}

/*.private-panel input[type="date"],
.private-panel input[type="email"],
.private-panel input[type="number"],
.private-panel input[type="password"],
.private-panel input[type="search"],
.private-panel input[type="tel"],
.private-panel input[type="text"],
.private-panel input[type="url"],
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password],
select {
    border-radius: var(--rounded-2);
    background: var(--shadow-900);
    color: #fff;
    padding: var(--size-default) var(--size-4);
    width: 100%;
    border: none;
    margin-bottom: 0;
}
.private-panel input[type="date"]:focus,
.private-panel input[type="email"]:focus,
.private-panel input[type="number"]:focus,
.private-panel input[type="password"]:focus,
.private-panel input[type="search"]:focus,
.private-panel input[type="tel"]:focus,
.private-panel input[type="text"]:focus,
.private-panel input[type="url"]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password]:focus {
    outline: 2px solid var(--primary-500);
}

.private-panel input[type="date"]::placeholder,
.private-panel input[type="email"]::placeholder,
.private-panel input[type="number"]::placeholder,
.private-panel input[type="password"]::placeholder,
.private-panel input[type="search"]::placeholder,
.private-panel input[type="tel"]::placeholder,
.private-panel input[type="text"]::placeholder,
.private-panel input[type="url"]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password]::placeholder {
    color: rgba(255,255,255,0.6);
    font-size: var(--size-default);
}
.ur-frontend-form input[type=submit] {
    border-radius: var(--rounded-2) !important;
    padding: var(--size-6) var(--size-default) !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
    border: none !important;
    justify-content: center;
    background: var(--primary-gradient) !important;
    width: 100%;
    margin-top: var(--size-default) !important;
}*/

.select2-container--default .select2-selection--multiple {
    border: none;
    padding: 0;
    background-color: transparent;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 100%;
}
.select2-container--default .select2-selection--multiple input {
    border-radius: var(--rounded-2) !important;
    background: var(--shadow-900) !important;
    color: #fff !important;
    padding: var(--size-default) var(--size-4) !important;
    width: 100% !important;
    border: none !important;
    margin: 0 !important;
}
.select2-container--default .select2-selection--multiple input:focus {
    outline: 2px solid var(--primary-500);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.page-title-section {
    margin-bottom: var(--size-10)
}

.task-manager .selectors {
    display: flex;
    flex-wrap: wrap;
    gap: var(--size-default);
    width: 100%;
    margin-bottom: var(--size-8);
}
.task-manager .selectors .block {
    float: none;
    width: auto;
    min-width: 300px;
}

.tasks-resume {
    padding: var(--size-6);
    border-radius: var(--rounded-3);
    background: var(--shadow-900);
    margin-bottom: var(--size-8);
}
.tasks-resume thead th {
    text-transform: uppercase !important;
    font-size: var(--size-4) !important;
    color: #fff !important;
}

.tasks-resume tbody tr:not(:last-child) {
    background-color: var(--shadow-900);
    margin-bottom: var(--size-3);
    border-bottom: 1px solid var(--shadow-800);
}
.tasks-resume tbody tr th {
    border-radius: var(--rounded-3) 0 0 var(--rounded-3);
    text-transform: uppercase !important;
    font-size: var(--size-5) !important;
    color: #fff !important;
    text-align: left;
    padding: var(--size-6);
}
.tasks-resume tbody tr td:last-child {
    border-radius: 0 var(--rounded-3) var(--rounded-3) 0;
}
.tasks-resume tbody tr td {
    font-weight: bold;
}

.section-tasks {
    padding: var(--size-6);
    border-radius: var(--rounded-3);
    background: var(--shadow-900);
}

.recurso.grid-item {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0px !important;
}

.recurso.grid-item.task {
	flex-wrap: nowrap;
    display: flex;
    margin: 0 !important;
    background: var(--shadow-900) !important;
    border-radius: var(--rounded-2);
    border: 1px solid var(--shadow-800);
    border-left: 2px solid;
    padding: var(--size-5);
    min-height: 100px;
    margin-bottom: var(--size-3) !important;
}

.recurso.opened .item-wrapper{
    background-color: #dbf9ff;
}

.user-data__type {
    display: inline-flex;
    border-radius: var(--rounded-1);
    padding: var(--size-2) var(--size-2);
    font-size: var(--size-3);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.recurso.grid-item.opened {
    border-left-color: var(--confirm-500);
}
.recurso.grid-item.opened .user-data__type {
    color: var(--confirm-900);
    background: var(--confirm-50);
}

.recurso.grid-item.reviewed {
    border-left-color: var(--warning-500);
}
.recurso.grid-item.reviewed .user-data__type {
    color: var(--warning-900);
    background: var(--warning-50);
}

.recurso.grid-item.closed {
    border-left-color: var(--danger-500);
}
.recurso.grid-item.closed .user-data__type {
    color: var(--danger-900);
    background: var(--danger-50);
}

.grid-actions .btn.btn-default{
    background-color: #15161a;
    color: white;
}
.grid-actions .btn.btn-default:hover{
    cursor: pointer;
    background-color: #808080;
}
.recurso.grid-item.reviewed .grid-actions,
.recurso.grid-item.closed .grid-actions {
	/*display: none;*/
}

.recurso.opened .item-wrapper {
	background-color: transparent;
}

.layout-tasks {
    display: flex;
    flex-direction: column;
    height: auto !important;
    gap: var(--size-4);
}

.intro-task>div {
	font-size: var(--size-default);
    color: #fff;
    width: 100%;
}

.intro-task>div>span {
    display: flex;
    align-items: center;
    gap: var(--size-3);
    font-size: var(--size-5);
}
.intro-task>div>span svg {
    width: 18px;
}

.intro-task .user-task {
	background: #ffffff52;
	border-left: 1px solid var(--border-table);
	width: 30% !important;

}

.user-task p {
	line-height: 1;
	margin-bottom: 0px;

}

.grid-actions.response_received {
	flex-wrap: wrap;
}

#user-registration .grid-actions.response_received>p {
	width: 100%;
	margin-bottom: 0px;
	border-top: 1px solid black;
	padding: 5px 10px;
	font-weight: 600;
	background: #000;
	font-size: 13px !important;
}

.select2-results__option[aria-selected],
.select2-results__option[data-selected] {
	color: black;
	font-size: 15px;
}

.tasks-header {
    display: flex;
    margin-bottom: var(--size-4);
    width: 80%;
    padding: 0 var(--size-default);
}
.tasks-header span {
    display: block;
    font-size: var(--size-4);
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.layout-projects {
    position: relative;
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(22rem,1fr));
    gap: var(--size-default);
}
.recurso.grid-item.project {
    flex-direction: column;
    width: 100%;
    background: var(--shadow-900);
    border-radius: var(--rounded-4);
    overflow: hidden;
    padding: var(--size-10) var(--size-6) var(--size-6) var(--size-6);
}
.recurso.grid-item.project .grid-actions {
    width: 100%;
    background: transparent;
}
.recurso.project .title {
    text-align: left !important;
    margin: var(--size-8) 0 !important;
}
.recurso.grid-item.project img {
    width: 180px;
}

#user-registration.vertical .user-registration-message {
    grid-column: 2;
}

.acf-editor-wrap .wp-editor-container {
    border: none;
}
.private-panel .wp-editor-container textarea.wp-editor-area,
.quicktags-toolbar {
    background: var(--shadow-900) !important;
    border: none !important;
}

.private-panel .ui-widget-content {
    background: var(--shadow-900);
    border: 1px solid var(--shadow-800);
}

.ui-datepicker table tr td {
    border-color: var(--shadow-800);
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: var(--shadow-900);
    color: #fff;
    font-weight: bold;
    border: none !important;
    text-align: center;
    border-radius: var(--rounded-2);
}
.ui-datepicker table tr:hover td a {
    color: #fff !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
    background: var(--primary-gradient);
}
.ui-datepicker .ui-datepicker-header {
    background: var(--shadow-900);
    color: #fff;
    border: none;
}
.private-panel .ui-widget-content {
    border: none !important;
    padding: var(--size-4);
    box-sizing: border-box;
}
.ui-datepicker table tr td {
    border: none !important;
}
.ui-datepicker table {
    border: none !important;
}