.fw-event2 {
	color: #116bab;
	font-weight: bold;
}
.fw-event0 {
	background:#e3e3e3;
}
.fw-event1 {
	background:#FFF;
}
table.fw-items_list tr.fw-eventA{
	background: #a7d4fb;
}
table.fw-items_list td, table.fw-items_list th {
	/*	padding: 0 5px;*/
	padding: 4px 5px;
}
.fw-form_buttons {
	text-align: right;
}
table.fw-items_list {
	border: #e3e3e3 solid 1px;
	color: #223344;
	/*margin-top: 10px;*/
	clear: both;
}
/*table.fw-items_list td, table.fw-items_list th {*/
table.fw-items_list th {
	height: 27px;
	font-family: Arial, Helvatica, sans-serif;
}
table.fw-items_list td a {
	/*	color: #00418d; */
}
table.fw-items_list td a:hover {
	text-decoration: underline;
}
table.fw-items_list tr.fw-event2 {
	color: #116bab;
	font-weight: bold;
}
table.fw-items_list tr.fw-event0 {
	background-color:#e3e3e3;
}
table.fw-items_list tr.fw-event1 {
	background-color:#FFF;
}
table.fw-items_list tr.fw-eventA{
	background: #a7d4fb;
}
th, .fw-form_list_head {
	font-weight: bold;
	text-align: center;
	/*	background: #2b2b2b url(im/bg_th.gif); */
	/*	color: #FFF; */
}
th.fw-form_list_head a {
	color: #FFF;
}
.fw-form_item .fw-form_head_r {
	color: #00418d;
	font-weight: bold;
	vertical-align: top;
	/*min-height: 30px;*/
}
.fw-form_item .fw-form_head {
	color: #00418d;
	vertical-align: top;
	/*height: 24px;*/
}
.fw-form_item td {
	vertical-align: top;
}
table.fw-display_item td, table.fw-display_item td.fw-form_head {
	background: none;
}
table.fw-display_item td.fw-form_head_r, table.item_form td.fw-form_head_r, table.fw-items_list .fw-form_head_r {
	/* background: none; for bankacc on legal entity */
	font-weight: bold;
	color: #A00;
}
.fw-multi-table-req{
	color: #A00;
}
div.fw-form_list_header {
	color: #006;
	font-weight: bold;
	position: relative;
	font-size: 11px;
}
div.fw-form_list_header a {
	color: #5E5753;
	font-weight: bold;
}
div.fw-form_list_header_option {
	position: absolute;
	right: 0;
	top: 0;
}
.fw-list_empty {
	padding: 10px;
}
.fw-info_action {
	background: #EEF7FF url('../../im/info.png') no-repeat 3px 6px;
	width: auto;
	line-height: 30px;
	border: 1px #A7D4FB solid;
	padding-left: 25px;
	padding-right: 10px;
	font-weight: bold;
	color: #1D6FD1;
	margin-bottom: 10px;
}
.fw-info_action a {
	color: #0075FF;
}
.fw-info_action a:hover {
	text-decoration: underline;
}
.fw-info_loading {
	background: #DBFFCF url('../../im/loading.gif') no-repeat 3px 6px;
	width: auto;
	line-height: 30px;
	border: 1px #2D9F09 solid;
	padding-left: 25px;
	padding-right: 10px;
	font-weight: bold;
	color: #204F0F;
	margin-bottom: 10px;
}
.fw-info_priority {
	background: #FFDFDF url('../../im/priority1.png') no-repeat 3px 6px;
	width: 30px;
	line-height: 30px;
	border: 1px #5F0000 solid;
	padding-left: 25px;
	padding-right: 20px;
	font-weight: bold;
	color: #900;
	margin-bottom: 10px;
}
.fw-info_error {
	/*	background: #FFE5DF url('../../im/alert.png') no-repeat 3px 6px;
        border: 1px #F28C76 solid; */
	width: auto;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 10px;
	font-weight: bold;
	/*	color: #A00; */
	margin: 10px 0;
}
.fw-search_field {
	color: #474646;
	padding-right: 2px;
	display: inline-block;
}
.fw-search_field.hide {
	display: none;
}
.fw-search_field div:(.chosen-container){
	/*float: right;*/
	display: inline;
}

.chosen-container .chosen-results li.no-results.add_option {
	cursor: pointer;
}

.chosen-container .chosen-results li.no-results.add_option:hover {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff;
}

table.fw_form td {
	vertical-align: top;
}

.fw_verify_items td {
	background: #E78E8E;
}
.fw-pages{
}

.fw-pages a {
	padding: 0 5px;
}
.fw-pages span {
	padding: 0 2px;
}
/* popup */
div.popup {
	position: absolute;
	top: 100px;
	left: 200px;
}
div.popup div.popHead {
	position: relative;
	height: 23px;
	line-height: 23px;
	cursor: move;
	padding-left: 4px;
	padding-right: 3px;
	font-weight: bold;
}
div.popup div.popHead img.close {
	position: absolute;
	top: 3px;
	right: 3px;
}
div.popup div.popContent {
	background: #FFF;
	padding: 4px;
	color: #2f4a57;
}
div.popup div.popContent a {
	/*	color: #2f4a57; */
}
div.popupHeader, .hideMe {
	display: none;
}
.close_popup {
	float: right;
	margin-top: 2px;
	margin-left: 3px;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}

/* table sorter */
table.tablesorter {
	margin-bottom: 20px;
}
table.tablesorter tr {
	background-color: #e7f0f3;
}
table.tablesorter tr.odd td {
	background-color:#FFFFFF;
}
table.tablesorter tr.even td {
	background-color: #E3E3E3;
}
table.tablesorter a {
	color: #A00;
}
table.tablesorter a:hover {
	text-decoration: underline;
}
table.tablesorter th.sortableColumn {
	padding-right: 12px;
	cursor: pointer;
	/*	background-position: right center;
        background-repeat: no-repeat;
        background-image: url('im/sort_bg.gif'); */
}
table.tablesorter th.headerSortUp {
	/*	background-image: url('im/sort_asc.gif'); */
}
table.tablesorter th.headerSortDown {
	/*	background-image: url('im/sort_desc.gif'); */
}
div#tab_menu_search {
	margin-top: 30px;
}
div#companytable table.fw-items_list {
	width: 500px;
}

div#contacttable table.fw-items_list {
	width: 600px;
}
#ui-datepicker-div {
	z-index: 9999999;
	display: none;
}
.quickSearchPopup{
	position: absolute;
	background: white;
	width: 200px;
	border: 1px solid;
	z-index: 2000;
	color: #474646;
}
.hidden {
	position:absolute;
	top:0;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}
input.blur, textarea.blur{
	color: #999;
}
.fw-point {
	cursor: pointer;
}
.fw-center {
	text-align:center;
}

table.fw-items_list tr.fw-highlight_row, .fw-highlight_row td, li.fw-highlight_row, table.fw-items_list tr.fw-highlight_row_report {
	background: #EFEFC2;
	color: #223344;
}
.fw-tr_selected td{
	background: #DFFFE3;
}
.fw-tab-index {
	border: 1px solid #FFF;
	float: right;
	font-weight: normal;
	height: 20px;
	margin-right: 2px;
	margin-top: 3px;
	width: 4px;
}
.fw-field-slide-status {
	display: block;
	color: #FFF;
	width: 40.5px;
	text-align: center;
}
.fw-group-icon-fix a.ui-state-default, .fw-group-icon-fix a.ui-state-focus{
	background: none;
	border: none;
}

.ui-state-focus:hover, .ui-state-focus {
	/*font-weight: normal;*/
	outline: none;
}

tr.ui-state-default-black {
	background: #000;
}

tr.ui-state-default-black th.fw-form_head{
	color: #FFF;
}

tr.ui-state-default-black th.fw-form_head_r{
	color: #F00;
}

img.remove {
	cursor: pointer;
}

.fw-display-minicolors {
	display: block;
}

.search_result_options input, .search_result_options select, .search_result_options span, .search_result_name input{
	display: none;
}

#fw_manage_search_result_order li, #fw_manage_search_result_order2 li {
	padding: 5px 0px;
	overflow: hidden;
	min-height: 23px;
}

li.group_order_form {
	padding: 5px 0px;
	min-height: 23px;
}

#fw_manage_search_result_order li div, #fw_manage_search_result_order2 li div {
	float: left;
	margin-left: 5px;
}

.manage_grid_title {
	font-weight: bold;
	background: #FFF !important;
}
.entity_filter_by {
	display: inline;
}
.entity_filter_by span {
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #666;
}
.entity_filter_by span.last {
	border-right: 0;
}
.entity_filter_by span.bold {
	font-weight: bold;
}

div.fw-autocomplete {
	border: 1px solid #D0D0D1; border-radius: 3px 3px 3px 3px;
}
div.fw-autocomplete input{
	border: none;
}
.fw_re-action_area {
	margin-left: 5px;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

div#fw_notify_msg > p {
	text-align: left;
}
ul.ui-autocomplete {
	z-index: 99999;
}
a.ui-button-text-icon {
	height: 24px;
	padding: 0 2px;
}
a.ui-button-text-icon > span.ui-icon {
	display: inline-block;
	position: relative;
	top: 4px;
}
a.ui-button-text-icon > span.ui-button-text {
	display: inline-block;
	padding: 0 4px;
}
span.grid_icon {
	position: relative;
	cursor: pointer;
}
li.search-field.fw-highlight_row {
	background-color: transparent;
}
/* li.search-field{
	width:100%;
} */
/* .chosen-search-input{
	width:100% !important;
} */
ul.ui-autocomplete li.ui-state-focus {
	font-weight: normal;
}
.mobile_box {
	line-height: 24px;
}
.mobile_box h3 {
	margin-top: 20px;
}
.mobile_box img {
	display: block;
	margin: auto;
}
.mobile_b_app span, .mobile_b_help span , .company_doc_download span{
	display: block;
	margin: 15px 0;
}
.mobile_b_app div {
	margin: 5px 0 5px 10px;
	float: left;
}
.mobile_b_help div, .company_doc_download div {
	margin: 5px 10px 10px 10px;
	float: left;
	width: 40%;
}
.mobile_b_help div a, .company_doc_download div a {
	color: #114477;
}
.mobile_b_help div i, .company_doc_download div i {
	vertical-align: -20%;
	margin-right: 5px;
	font-size: 30px;
}

.dl_app {
	border: 1px solid darkgrey;
	padding: 4px 10px 4px 10px;
	border-radius: 5px;
	height: 32px;
}
.alt_login {
	text-align: center;
}

.alt_login .h-title {
	color: var(--light-neutral-neutral-80, #879A94);
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	/* 100% */
	letter-spacing: 0.56px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin: 24px 0;
  }
  
.alt_login .h-title::before,
.alt_login .h-title::after {
	flex: 1;
	content: '';
	padding: 1px;
	background: #D2D9D7;
	margin: 5px;
}

.alt_login .h-title span {
	background: #fff;
	padding: 0 4px;
}

.alt_login .sso_alt img {
	/* margin: 15px auto 0 auto; */
	/*border: 1px solid lightgray;*/
	/*border: 1px solid #EB3C00;*/
	/* border-radius: 5px; */
	/* -webkit-border-radius: 5px; */
	/*height: 40px;*/
	display: block;
}

.tab_groups {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tab_groups button{
	font-size: 14px;
}

#entity_order {
	padding: 10px;
}

#entity_order li {
	cursor: move;
	margin: 4px;
	background:#FFF;
	padding: 3px;
}

/* #update_license {
	margin-top: 50px;
} */
tr.ui-state-default th.highcharts-texttext {
	text-align: center;
}

th.highcharts-texttext {
	text-align: left;
	max-width: 450px;
}

.highcharts-legend-item.highcharts-line-series text, .highcharts-legend-item.highcharts-column-series text {
	font-weight: 700;
}
i.opt.non_click {  cursor: context-menu; }
i.opt { margin: 2px 3px 2px 3px; font-size: 16px; cursor: pointer; }
i.opt-n { margin: 2px 3px 2px 3px; font-size: 16px; cursor: default; }
.show_options i.opt { margin: 0 5px; font-size: 16px; }
.show_options i.opt.fa-arrows-rotate { cursor: auto; }
.approve_first i.opt, .approve_second i.opt { cursor: auto; }
i.fa-save, i.fa-square-list { color: #2D9CDB; }
.icon i{ cursor: auto; }
.daily_focus_per_day i.opt{ cursor: auto; }
.fa-solid.fa-circle-question { color: #2F80ED;	margin-right: 0;}
.fa-solid.fa-bolt { color: #F6BD0C; }
.fa-duotone.fa-pen{--fa-primary-color: #f2c94d; --fa-secondary-color: #ea514d; --fa-secondary-opacity: 1;}
.fa-solid.fa-trash-can { color: #F61212;/*width: 12px;*/ }
.fa-duotone.fa-arrows-rotate { --fa-primary-color: #FF7D3B; --fa-secondary-color: #4F4F4F; --fa-secondary-opacity: 1;}
.fa-duotone.fa-arrow-up-right-from-square { --fa-primary-color: #30c653; --fa-secondary-color: #d0d0d0; --fa-secondary-opacity: 1; }
.ulist .fa-duotone.fa-arrow-up-right-from-square { vertical-align: super; }
.fa-duotone.fa-file-lines  { --fa-primary-color: #0d4aad; --fa-secondary-color: #73aeff; --fa-secondary-opacity: 1;}
.fa-duotone.fa-copy  { --fa-primary-color: #2f80ed; --fa-secondary-color: #a9a9a9; --fa-secondary-opacity: 1; }
.fa-solid.fa-circle-info { color: #2f80ed;}
.fa-solid.fa-gear { color: #505050; }
.fa-duotone.fa-image { --fa-primary-color: #6fcf97; --fa-secondary-color: #2f80ed; --fa-secondary-opacity: 1;}
.fa-duotone.fa-file-pdf { --fa-primary-color: #f61212; --fa-secondary-color: #ff9090; --fa-secondary-opacity: 1;}
.fa-solid.fa-paperclip-vertical {color: #2f80ed;}
.fa-duotone.fa-user, .fw-btn.user { --fa-primary-color: #2f80ed; --fa-secondary-color: #f2c94d; --fa-secondary-opacity: 1; }
.fa-duotone.fa-calendar-day{--fa-primary-color: #ea514d; --fa-secondary-color: #9d9d9d; --fa-secondary-opacity: 1;}
.fa-duotone.fa-users-medical { --fa-primary-color: #30c653; --fa-secondary-color: #2f80ed; --fa-secondary-opacity: 1; }
.fa-duotone.fa-trophy{--fa-primary-color: #dfc443; --fa-secondary-color: #c28816; --fa-secondary-opacity: 1;}
.fa-solid.fa-envelope { color: #2f80ed; }
.fa-duotone.fa-gift{--fa-primary-color: #f40e03; --fa-secondary-color: #becfcf; --fa-secondary-opacity: 1;}
.fa-duotone.fa-user-slash { --fa-primary-color: #f61211; --fa-secondary-color: #828282; --fa-secondary-opacity: 1; }
.fa-solid.fa-money-check-dollar{color: #229653;}
.fa-duotone.fa-diagram-subtask { --fa-primary-color: #2f80ed; --fa-secondary-color: #acccf8; --fa-secondary-opacity: 1; }
.fa-duotone.fa-file-arrow-down {--fa-primary-color: #21953e; --fa-secondary-color: #86d98e; --fa-secondary-opacity: 1;}
.fa-solid.fa-key { color: #e1a200; }
.fa-solid.fa-circle-check { color: #30c653; }
.fa-solid.fa-circle-exclamation { color: #fb983a; }
.fa-solid.fa-circle-plus { color: #30c653; }
.fa-duotone.fa-file-spreadsheet{--fa-primary-color: #258d00; --fa-secondary-color: #91cd7c; --fa-secondary-opacity: 1;}
.fa-duotone.fa-circle-pause{--fa-primary-color: #d6a100; --fa-secondary-color: #fee3a9; --fa-secondary-opacity: 1;}
.fa-duotone.fa-globe { --fa-primary-color: #2f80ed; --fa-secondary-color: #acccf8; --fa-secondary-opacity: 1; }
.fa-duotone.fa-circle-minus{--fa-primary-color: #ffffff; --fa-secondary-color: #999999; --fa-secondary-opacity: 1;}
.fa-duotone.fa-circle-check{--fa-primary-color: #21953e; --fa-secondary-color: #86d98e; --fa-secondary-opacity: 1;}
.fa-duotone.fa-circle-xmark{--fa-primary-color: #c80b01; --fa-secondary-color: #f48282; --fa-secondary-opacity: 1;}
.fa-solid.fa-folder-open { color: #2f80ed; }
.fa-solid.fa-passport, .note_icon_immigration { color: #2f7fea; }
.fa-solid.fa-note-sticky, .note_icon_note { color: #f2c94d; }
.fa-regular.fa-clock { color: #505050; }
.fa-duotone.fa-clock { --fa-primary-color: #fee600; --fa-secondary-color: #d6a100; --fa-secondary-opacity: 1; }
.fa-duotone.fa-download { --fa-primary-color: #30c653; --fa-secondary-color: #828282; --fa-secondary-opacity: 1; }
.fa-duotone.fa-book-user { --fa-primary-color: #b27453; --fa-secondary-color: #dbbf63; --fa-secondary-opacity: 1; }
.fa-solid.fa-user, .entity_icon_user { color: #29ae5f; }
.fa-duotone.fa-file-circle-check { --fa-primary-color: #21953e; --fa-secondary-color: #86d98e; --fa-secondary-opacity: 1; }
.fa-duotone.fa-file-circle-xmark { --fa-primary-color: #c80b01; --fa-secondary-color: #f48282; --fa-secondary-opacity: 1; }
.fa-solid.fa-sort { color: #505050; }
.fa-duotone.fa-wand-magic-sparkles { --fa-primary-color: #4f4f4f; --fa-secondary-color: #ffb728; --fa-secondary-opacity: 1; }
.fa-solid.fa-arrow-rotate-left { color: #86c814; }
.fa-duotone.fa-user-tie{--fa-primary-color: #2d5faa; --fa-secondary-color: #f2c94d; --fa-secondary-opacity: 1;}
.fa-duotone.fa-file-magnifying-glass { --fa-primary-color: #2d9cdb; --fa-secondary-color: #d0d0d0; --fa-secondary-opacity: 1; }
.fa-duotone.fa-solid.fa-print { --fa-primary-color: #0d4aad; ; --fa-secondary-color: #73aeff; --fa-secondary-opacity: 1; }
.fa-solid.fa-badge-check { color: #00C653; }
.fa-duotone.fa-comment-lines { --fa-primary-color: #ffffff; --fa-secondary-color: #2F92ED; --fa-secondary-opacity: 1; }
.fa-duotone.fa-file-magnifying-glass { --fa-primary-color: #2d9cdb; --fa-secondary-color: #d0d0d0; --fa-secondary-opacity: 1; }
.fa-regular.fa-hourglass-half { color: #f2994b; }
.fa-solid.fa-check-double { color: #30c653; }
.fa-duotone.fa-money-bill-transfer { --fa-primary-color: #2f80ed; --fa-secondary-color: #229653; --fa-secondary-opacity: 1; }
.fa-solid.fa-circle-xmark { color: #f61211; }
.fa-duotone.fa-comment-dollar { --fa-primary-color: #478d00; --fa-secondary-color: #c0e29e; --fa-secondary-opacity: 1; }
.fa-solid.fa-person-walking-dashed-line-arrow-right { color: #00c653; }
.fa-solid.fa-star, .fa-regular.fa-star { color: #f8d41d; }
.fa-duotone.fa-notes { --fa-primary-color: #f61212; --fa-secondary-color: #f2c94c; --fa-secondary-opacity: 1; }
.fa-regular.fa-circle-info { color: #166ab5; }
.fa-duotone.fa-right-to-bracket { --fa-primary-color: #00c653; --fa-secondary-color: #b1b1b1; --fa-secondary-opacity: 1; }
.fa-kit-duotone.fa-duotone-solid-file-magnifying-glass { --fa-primary-color: #176eac; --fa-secondary-color: #78beff; --fa-secondary-opacity: 1; }
.fa-solid.fa-memo { color: #2f92ed; }
.fa-kit-duotone.fa-duotone-solid-memo-circle-dollar { --fa-primary-color: #468c02; --fa-secondary-color: #2f92ed; --fa-secondary-opacity: 1; }
.icon-big { font-size: 26px; }
.fa-regular.fa-flag { color: #74C0FC; }
.fa-kit-duotone.fa-duotone-solid-note-sticky-circle-exclamation { --fa-primary-color: #c80b01; --fa-secondary-color: #f2c94d; --fa-secondary-opacity: 1; }
/*note icon*/
.fa_class_note_icon {
	font-family: 'Font Awesome 7 Pro';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}
/*solid*/
.note_icon_immigration, .note_icon_note {
	font-weight: 900;
}
.note_icon_immigration::before {
	content: "\f5ab";
}

.note_icon_note::before {
	content: "\f249";
}

/*entity icon*/
.entity_icon_user::before {
  content: "\f007";
}
/*solid*/
.entity_icon_user {
	font-weight: 900;
}

.daterangepicker.show-calendar.show-today-btn .drp-buttons {
	display: block;
}
.resize-vertical {
	resize: vertical;
}
.table_calendar_grid h2 {
	font-size: 1.3em;
	font-weight: bold;
	}
.table_calendar_grid td{
	padding: 0 2px;
}
.table_calendar_grid td.calendar_blank{
	border: 1px solid #D0D0D1; background: #F1F1F1;
}
.table_calendar_grid td.calendar_sum{
	vertical-align: top; text-align:right; border: 1px solid #D0D0D1; background: #F1F1F1;
}
.table_calendar_grid td.calendar_target{
	text-align:left; border: 1px solid #D0D0D1; background: #F1F1F1; padding:5px 2px 2px 10px;vertical-align: top;
}
.table_calendar_grid td.calendar_sum_month {
	text-align:left; border: 1px solid #D0D0D1; background: #F1F1F1; padding:5px 2px 2px 10px;
}
.table_calendar_grid td.calendar_target span{
	color: #000000;
}
.table_calendar_grid td.calendar_target div{
	display: block;
	line-height: 18px;
}
.table_calendar_grid td.calendar_sum_month div.calendar_billable{
	display: block;
	color: #00AF00;
}
.table_calendar_grid td.calendar_sum_month div.calendar_fixed_fee{
	display: block;
	color: #ff7f00;
}
.table_calendar_grid td.calendar_sum_month div.calendar_non_bill{
	display: block;
	color: #AF0000;
}
.table_calendar_grid td.calendar_sum_month div.calendar_none_charge{
	display: block;
	color: #0000AF;
}
.table_calendar_grid td.calendar_sum_month div.calendar_missing{
	display: block;
	color: #000000;
}
.table_calendar_grid td.calendar_normal {
	vertical-align: top;
	border: 1px solid #D0D0D1;
	line-height: 14px;
}
.table_calendar_grid td.calendar_hover {
	cursor: pointer;
}
.table_calendar_grid td.calendar_today {
	background: #F8F7A5;
}
.table_calendar_grid td.calendar_holiday {
	background: #FFDFE6;
}
.table_calendar_grid .calendar_day_show{
	float:left; 
	line-height:18px;
	font-weight: bold;
}
.table_calendar_grid .calendar_week_show{
	float:left; 
	font-weight: bold;
	line-height:18px;
}
.calendar-date-select-container{
	text-align:center;
	height: 24px;
	line-height: 25px;
	margin-bottom:5px;
}

.calendar-date-select{
	cursor: default;
	font-size: 14px;
	border: none !important;
}
.text-upper {
	text-transform: uppercase;
}
#add_new_request .ui-icon-circle-plus::before{
	top: -3px;
}


div.login_box,
.unauth-card {
  height: 340px;
  width: 400px;
  /*	background: url('im/login_side_bg.png'); */
  background: #fff;
  padding: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 1px 1px 4px #555;
  -webkit-box-shadow: 1px 1px 4px #555;
  box-shadow: 1px 1px 4px #555;
  margin: 70px auto 0 auto;
  position: relative;
}

.unauth-card .unauth-card-header {
  margin-bottom: 15px;
}

div.forget_box_top {
  width: 100%;
  /*	padding: 10px 0 10px 0; */
  background: #fff;
}

.forget_token_header {
  font-size: 20px;
  text-align: left;
  color: #0F3628;
  font-family: Rubik;
  font-weight: 500;
  line-height: 24px;
}

div.login_box .ui-state-highlight,
.unauth-card .ui-state-highlight {
  background-color: #E6EFFF;
  background-image: none;
  color: #0F6EEB;
  border: none;
}

div.login_box #token_html select,
.unauth-card #token_html select {
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #ecf2f7;
  box-sizing: border-box;
  color: gray;
  border: none;
}

div.login_box #token_html select.selected,
.unauth-card #token_html select.selected {
  color: #000;
}

div.login_box #token_html select option,
.unauth-card #token_html select option {
  background-color: #fff;
  color: #000;
}

div.login_box #token_html select option[value="0"],
.unauth-card #token_html select option[value="0"] {
  color: gray;
}

.forget-info {
  min-width: 400px;
  min-height: 80px;
  margin: 16px 0;
  padding: 8px;
  border-radius: 4px;
  background-color: #E6EFFF;
  display: flex;
  color: #0F6EEB;
  align-items: center;
}

#popupContent {
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
  }
  
  #popupContent [class^="bg-element-"] {
	border-radius: 50%;
	background: radial-gradient(18.1% 18.1% at 70.63% 26.87%, rgba(240, 242, 242, 0.80) 0%, rgba(240, 242, 242, 0.20) 100%), linear-gradient(345deg, rgba(165, 235, 18, 0.15) 35.93%, rgba(90, 211, 56, 0.15) 65.66%, rgba(41, 169, 40, 0.15) 99.34%);
	filter: blur(4px);
	display: block;
	position: absolute;
  }
  
  #popupContent .bg-element-one {
	width: 320px;
	height: 320px;
	left: -20%;
	top: 2%;
	/* z-index: -999; */
  }
  
  #popupContent .bg-element-two {
	width: 200px;
	height: 200px;
	right: -10%;
	bottom: 10%;
	/* z-index: -999; */
  }
  

.login_box,
.unauth-card {
	font-family: Rubik, Arial, Helvatica, sans-serif;
	height: unset !important;
	margin: 0 !important;
	padding: 40px !important;
	border-radius: 8px;
	border-top: 5px solid var(--dark-neutral-neutral-700, #0f3628);
	background: #fff;
	box-shadow: 0px 4px 8px 0px rgba(60, 91, 81, 0.16);
}

.unauth-card .unauth-card-header {
  margin-bottom: 15px;
}

div.forget_box_top {
  width: 100%;
  /*	padding: 10px 0 10px 0; */
  background: #fff;
}

.forget_token_header {
  font-size: 20px;
  text-align: left;
  color: #0F3628;
  font-family: Rubik;
  font-weight: 500;
  line-height: 24px;
}

div.login_box .ui-state-highlight,
.unauth-card .ui-state-highlight {
  background-color: #E6EFFF;
  background-image: none;
  color: #0F6EEB;
  border: none;
}

div.login_box #token_html select,
.unauth-card #token_html select {
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #ecf2f7;
  box-sizing: border-box;
  color: gray;
  border: none;
}

div.login_box #token_html select.selected,
.unauth-card #token_html select.selected {
  color: #000;
}

div.login_box #token_html select option,
.unauth-card #token_html select option {
  background-color: #fff;
  color: #000;
}

div.login_box #token_html select option[value="0"],
.unauth-card #token_html select option[value="0"] {
  color: gray;
}

.form-header {
	display: flex;
	justify-content: center;
  }
  
.form-header .login-logo-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-header .vl {
	border-left: 1px solid #c5c5c5;
	height: 38px;
	margin-right: 12px;
	margin-left: 5px;
}

.login-logo-wrap {
	height: 50px;
	margin-bottom: 5px;
}

.project-name {
	color: #0F3628;
	font-feature-settings: Rubik, 'liga' off, 'clig' off;
	/* Web/Heading/600 */
	text-align: center;
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	/* 133.333% */
}

h2.project-name {
	font-size: 20px;
	line-height: 28px;
	text-align: left;
}


div.login_box h2.page-name {
	color: #0F3628;
	font-feature-settings: 'liga' off, 'clig' off;
	/* Web/Heading/600 */
	text-align: left;
	font-weight: 500;
	font-family: Rubik;
	font-weight: 500;
	font-size: 20px;
	line-height: 42px;
	letter-spacing: 0px;

}


.form-wrap {
	margin: 16px 0;
	font-size: 14px;
}

.form-wrap .input {
	min-height: 45px;
}

.form-wrap label {
	display: flex;
	height: 24px;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	color: var(--dark-neutral-neutral-700, #0f3628);
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.form-wrap input[type=text],
.form-wrap input[type=password] {
	width: 100%;
	padding: 12px 16px 12px 40px;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	background: #ecf2f7;
	box-sizing: border-box;
	border: 2px solid transparent;
}

.form-wrap input[type=text]:hover,
.form-wrap input[type=password]:hover {
	box-shadow: none;
	border: 2px solid transparent;
}

.form-wrap input[type=text]:focus+i,
.form-wrap input[type=password]:focus+i {
	color: #17ad49;
}

.form-wrap input[type=text]:focus,
.form-wrap input[type=password]:focus {
	background-color: #fff;
	color: #00291b;
	border: 2px solid #17ad49;
	box-shadow: none;
}

.form-wrap .input {
	position: relative;
	display: flex;
}

.form-wrap .input i {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-40%);
	color: #879a94;
}

.btn-block {
	margin-top: 24px;
}

.btn-block .button {
	padding: 16px;
	width: 100%;
	text-align: center;
	margin: 0;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
}

.btn-block .login_btn,
.button {
	color: var(--light-neutral-neutral-0, #fff);
	cursor: pointer;
	text-transform: capitalize;
	border-radius: 4px;
	background: var(--green-green-300, #17ad49);
}

.sso_alt {
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 4px;
	border: 1px solid var(--light-neutral-neutral-20, #e1e6e4);
	background: var(--light-neutral-neutral-0, #fff);
}
.sso_alt {
	font-family: Rubik;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #4b685e;
}
.sso_alt:hover {
	color: #4b685e;
	text-decoration: none;
}
.sso_alt:not(:first-child) {
	margin-top: 8px;
}

table td.login_form_hd.sel_app{
	color: #000;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Rubik;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}

table td.sel_app > ul.app_list > li > img{
	border-radius: 8px;
}

table td.sel_app > ul.app_list > li{
	border-radius: 8px;
	border: 1px solid #D9DEDE;
	padding: 16px;
	font-weight: 500;
	color: #5D6C6B;
}
.btn-block.btn-logout{
	color: #158039;
	border: 1px solid #158039;
	cursor: pointer;
	text-transform: capitalize;
	border-radius: 4px;
	background: #fff;
	padding: 16px 8px;
	display: block;
	font-weight: 500;
	font-family: Rubik;
	text-decoration: none;
}
.login_box .custom-radio-label{
	padding-left: 20px;
}
.login_box .custom-radio-container{
	width: 100%;
}
.login_box .input_align_v{
	padding: 8px;
	border-radius: 8px;
}
.login_box .input_align_v:hover{
	background: var(--secondary-color);
}

.login_bg {
	/*background: url('im/calendar.png');*/
	padding: 10px 10px 0 10px;
}