@font-face {
  font-family: custom_font;
  src: url(res/fonts/font.woff);
}

body {
	font-family: custom_font;
	background-color: #484472;
	color: white;
}

.access_deny_msg {
	text-align: center;
	padding-top: 50px;
}

.app {
	display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.wholeApp {
	flex: 1;
}

.txt_info {
	font-weight: normal !important;
}

.tooltips {
	font-weight: normal !important;
	color: royalblue;
}

footer {
	margin-top: -10px;
	padding-top: 10px;
	background-color: white;
}

.hide_it {
	display: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  text-align: left;
  padding: 8px;
}

th {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

td {
	border-bottom: 1px solid #ddd;
}

.search_results tr:nth-child(odd) {
	background-color: #eee;
}

.longTableRow {
	width: 70%;
}

.upload_table {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mou_table {
	margin-bottom: 20px;
	border-top: hidden !important;
}

.mou_table_part1 {
	width: 70%;
}

.mou_table_part2 {
	width: 30%;
	text-align: center;
}

.uploaded_true {
	color:  green;
}

.uploaded_false {
	color:  red;
}

.title_logo {
	margin-top: 4%;
	margin-bottom: 20px;
}

.title_2 {
	margin-bottom: 20px;
	font-weight: bold;
}

.title_3 {
	padding-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.search_title {
	display: flex;
}

.btn_sel, .btn_regis1, .btn_regis2, .btn_back, .btn_sel_stacked, .btn_back_in_app, .btn_inside, .btn_inside_clickable, .btn_inside_clickable_edit, .btn_inside_long, .btn_edit_sub_inside, .btn_edit, .btn_edit_company, .btn_edit_sub, .btn_edit_sub_long, .btn_edit_sub_very_long, .btn_edit_sub_very_very_long, .btn_edit_sub_very_very_ultra_long, .btn_edit_confirm, .btn_edit_cancel, .btn_confirm_confirm, .btn_confirm_confirm_msg, .btn_confirm_cancel, .btn_confirm_cancel_msg, .btn_download_all{
	margin-top: 20px;
	margin-bottom: 20px;
	border: none;
  	color: white;
  	padding: 10px 24px;
  	border-radius: 8px;
}

.btn_inside_new_margin {
	margin-left: auto;
	margin-right: auto;
}

.btn_fax {
	background-color: hotpink;
	padding: 3px 3px;
	border: none;
  color: white;
  border-radius: 8px;
  margin-right: 1px;
}

.btn_fax_ico {
	cursor: pointer;
	margin-left: 5px;
}

.btn_download, .btn_approve_doc, .btn_delete_doc, .btn_locked_doc, .btn_user_blue, .btn_user_red {
	border: none;
  color: white;
  border-radius: 8px;
  padding: 6px 12px;
}

.btn_doc_pad {
	width: 30px;
}

.btn_upload::-webkit-file-upload-button {
  visibility: hidden;
}

.btn_upload {
	color: transparent;
	width: 90px;
}

.btn_back_pwd {
	background-color: grey !important;
}

.btn_upload::before {
	cursor: pointer;
	content: 'UPLOAD';
  display: inline-block;
  background-color: #0f71cc;
  color: white;
  border-radius: 8px;
  padding: 6px 12px;
}

.btn_upload_wf::before {
	background-color: mediumpurple !important;
}

.btn_toggle_on {
	background-color: mediumpurple;
  color: white;
  padding: 6px 12px;
}

.btn_toggle_off {
	background-color: white;
	color: black;
	padding: 6px 12px;
}

.btn_toggle_off, .btn_toggle_on, .btn_toggle_off_but_dark {
	border: 2px solid #aaa;
}

.btn_sel, .btn_sel_stacked, .btn_inside, .btn_inside_clickable, .btn_inside_long, .btn_confirm_confirm, .btn_download_all, .btn_user_blue, .btn_confirm_confirm_msg {
	background-color: #0f71cc;
	color: white;
}

.btn_account_report {
	background-color: #8780da;
}

.btn_account_set_access {
	background-color: #1890ff;
}

.btn_account_add_access {
	background-color: #0f71cc;
}

.btn_account_remove_access {
	background-color: #E25151;
}

.btn_account_create_core_team {
	background-color: #625aba;
}

.btn_approve_doc {
	background-color: #0f71cc;
	color: white;
}

.btn_delete_doc, .btn_edit_cancel:hover, .btn_confirm_cancel, .btn_confirm_cancel_msg, .btn_user_red, .btn_edit_cancel_dark:hover {
	background-color: #E25151 !important;
	color: white;
}

.btn_user_back_red {
	background-color: #E25151 !important;
}

.btn_edit_confirm_blue {
	background-color: #1890ff !important;
	border: 2px solid #1890ff !important;
}

.btn_locked_doc {
	background-color: grey;
	color: white;
	cursor: default !important;
}

.btn_sel {
	margin-left: 0px;
}

.btn_regis1 {
	background-color: mediumpurple;
	margin-right: 10px;
}

.btn_regis2 {
	background-color: violet;
	margin-left: 10px;
}

.btn_back, .btn_back_in_app, .btn_edit_confirm, .btn_search, .btn_edit:hover, .btn_edit_sub_inside:hover, .btn_edit_company:hover, .btn_inside_clickable_edit:hover, .btn_download, .btn_edit_sub:hover, .btn_edit_sub_long:hover, .btn_edit_sub_very_long:hover, .btn_edit_sub_very_very_long:hover, .btn_edit_sub_very_very_ultra_long:hover{
	background-color: mediumpurple;
	color:white;
}

.btn_blend {
	padding: 0;
	border: none;
	background: none;
	margin-right: 30px;
}

.btn_edit, .btn_edit_cancel, .btn_edit_sub_inside, .btn_edit_sub, .btn_edit_sub_long, .btn_edit_sub_very_long, .btn_edit_sub_very_very_ultra_long, .btn_edit_sub_very_very_long, .btn_edit_company, .btn_inside_clickable_edit {
	color: mediumpurple;
	background-color: white;
	border: 2px solid mediumpurple;
}

.btn_edit_company {
	margin-left: 40%;
}

.btn_edit_company_mou {
	margin-left: 25% !important;
}

.btn_back_in_app {
	margin-left: 43%;
}

.btn_inside {
	margin-left: 37%;
}

.btn_inside_2 {
	margin-left: 38% !important;
}

.btn_inside_3 {
	margin-left: 40% !important;
}

.btn_inside_auth {
	margin-left: 40% !important;
}

.btn_inside_clickable, .btn_inside_short, .btn_inside_dis_list, .btn_inside_2, .btn_inside_3 {
	background-color: mediumpurple !important;
	border: 2px solid mediumpurple !important;
}

.btn_edit {
	margin-left: 35%;
}

.btn_edit_info_by_admin {
	margin-left: 40% !important;
}

.btn_edit_confirm {
	border: 2px solid mediumpurple;
}

.btn_edit_cancel {
	color: #E25151;
	background-color: white;
	border: 2px solid #E25151;
 }

.btn_edit_cancel_dark, .btn_edit_company_dark, .btn_purple_hover_dark {
	background-color: #323e5a;
 }

.btn_edit_confirm, .btn_confirm_confirm, .btn_edit_sub_inside {
	margin-left: 5%;
}

.btn_edit_cancel, .btn_confirm_cancel {
	margin-left: 64%;
}

.btn_edit_sub {
	margin-left: 40%;
}

.btn_edit_sub_long {
	margin-left: 35%;
}

.btn_edit_sub_very_long {
	margin-left: 30%;
}

.btn_edit_sub_very_very_long {
	margin-left: 25%;
}

.btn_edit_sub_very_very_ultra_long {
	margin-left: 22%;
}

.btn_search {
	width: 20%;
	border: none;
	border-radius: 5px;
	margin-left: 4px;
	padding: 2.5px 2.5px;
}

.btn_grey_out, .btn_grey_out:hover {
	background-color: grey !important;
	color: white !important;
	border: 2px solid grey !important;
}

.btn_grey_out_docgen {
	background-color: grey !important;
	color: white !important;
}

.btn_confirm_cancel_msg, .btn_confirm_confirm_msg {
	margin-left: 40%;
}

.btn_download_all_group {
	margin-left: 25%;
}

.btn_accounts_group {
	margin-left: 20%;
}

.btn_grouplead_group {
	margin-left: 30%;
}

.btn_grouplead_group_view {
	margin-left: 20%;
}

.btn_inside_long {
	margin-left: 25% !important;
}

.btn_inside_long_short {
	margin-left: 21% !important;
}

.btn_inside_long_shorter {
	margin-left: 26% !important;
}

.btn_inside_long_shortt {
	margin-left: 19% !important;
}

.btn_inside_short {
	margin-left: 5% !important;
}

.btn_activate_deactivate {
	width: 100%;
}

.btn_red {
	background-color: red !important;
}

.btn_inside_clickable, .btn_inside_clickable_edit {
	margin-left: auto;
	margin-right: auto;
}

.btn_inside_confirmer {
	margin-left: 45%;
}

.btn_inside_group {
	display: flex;
	justify-content: center;
}

.final_text {
	margin-left: 4px;
}

label {
	text-align: left;
	font-weight: bold;
	margin-bottom: 8px;
}

.txt_box {
	width: 100%;
}

.txt_box_shorter {
	width: 80%;
}

.txt_input_group, .txt_input_big_group {
	width: 60%;
}

.txt_input_big_group {
	border: 1px solid #999;
	border-radius: 5px;
}

.txt_input_sub_group {
	width: 90%;
	margin-left: 10px;
}

.txt_input_group_front {
	width: 55%;
}

.txt_input_group_new_pwd, .txt_input_group_agreement {
	width: 70%;
}

.txt_input_group_agreement {
	font-weight: normal;
}

.txt_box_search {
	width: 70%;
}

.txt_box_date {
	width: 30%;
	margin-left: 5px;
	margin-right: 5px;
}

.select_search {
	width: 80%;
}

.txt_input_group_search {
	width: 40%;
}

.select_group_search {
	width: 30%;
}

.btn_sel_stacked {
	margin-left: 30px;
}

form {
	display: block !important;
	width: 100%;
}

.checkboxLabel {
	margin-left: 4px !important;
}

.front_page {	
	text-align: center;
}

.front_box {
	margin-left: 20%;
	width: 60%;
	background-color: white;
	color: black;
	text-align: center;
	border-radius: 15px;
}

.navbar {
	background-color: #3a375c;
}

.navbar_title {
	margin-left: 20px;
	font-family:inherit;
}

.navbar_right {
	margin-right: 10px;
}

.titler {
	text-align: left;
	margin-left: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: bold;
}

.navbar {
	height: auto;
}

.appbody, .appbody_search {
	background-color: white;
	color: black;
}

.appbody_search {
	height: 90vw;
}

.navbar_item {
	cursor: pointer;
	color: white;
	text-decoration: none;
	padding-left: 30px;
}

.navbar_item:hover {
	color: skyblue;
}

.title_beholder {
	font-weight: bold;
	margin-left: 40px;
	padding-top: 20px;
}

.title_beholder_sub {
	margin-left: 40px;
	margin-bottom: 5px;
	font-weight: normal !important;
	margin-top: 5px;
}

.status_container, .borderless_container, .borderless_container_search {
	padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 10px;
}

.status_container {
	border: 2px solid #888;
  border-radius: 5px;
}

.borderless_container_search {
	display: flex;
	margin-right: 10px;
}

.footer {
	height: 50px;
}

.new_core_user_sections {
	display: inline-flex;
	width: 100%;
}

.left_new_core_user {
	margin-top: 20px;
	margin-left: 10%;
	width: 100%;
}

.right_new_core_user {
	margin-top: 40px;
	width: 100%;
	margin-right: 10%;
}

.search_footer {
	width: 100%;
	background-color: white;
  flex-grow : 1;
}

/*Progressbar Zone begins*/
.Stepper {
  position: relative;
  display: table; 
  width: 100%;
  table-layout: fixed; 
  border-collapse: collapse;
}

.Stepper__step {
  position: relative; 
  display: table-cell;
  text-align: center;
  padding: 0.5rem;
}

.Stepper__indicator {
  position: relative; 
  display: block;
  z-index: 2;
}

.Stepper__label {
	/*Text Under*/
  position: relative; 
  display: block;
  margin: 0.5rem 0;
  color: #cfd7de;
  z-index: 2;
}

.Stepper__info {
	/*Circle*/
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #e3e8ec;
  font-size: 1.25rem;
  line-height: 2.5rem;
  text-align: center;
  color: #fff;
  z-index: 2;
}

.Stepper__panel {
  display: none;
}

.Stepper .Stepper__step:after {
	/*Line*/
  content: " ";
  position: absolute; 
  left: 50%;
  top: 1.75rem;
  width: 100%;
  height: 0.125rem;
  background-color: #e3e8ec;
  z-index: 1;
 }
.Stepper .Stepper__step:last-child:after {
  display: none;
}

.Stepper__info.active {
	background-color: mediumpurple;
    color: white;
    font-weight: bold;
}

.Stepper__label.active {
	color: mediumpurple;
	font-weight: bold;
}

.Stepper .Stepper__step.active:after {
	background-color: mediumpurple;
}
/*Progressbar zone ends*/

.info_box_row {
	display: flex;
	margin-right: 10px;
}

.info_details, .info_details_dropdown, .info_details_address, .info_details_txt, .info_details_txt_address, .info_details_date {
	margin: 10px 10px 10px 10px;
}

.txt_box_info {
	width: 100%;
}

.txt_box_info_dialog {
	width: 70% !important;
}

.new_core_user_txt {
	width: 150% !important;
}

.new_core_user_dropdown {
	width: 400% !important;
}

.new_core_user_dropdown_2 {
	width: 115% !important;
}

.info_details {
	width: auto;
}

.info_details_dropdown {
	width: 20%;
}

.info_details_address {
	width: 60%;
}

.info_details_date {
	width: 50%;
}

.info_details_txt {
	width: 100%;
}

.info_details_txt_address {
	width: 120%;
}

.msg_red {
	color: #e25151;
}

.msg_green {
	color: #13630c;
}

.msg_blue {
	color: #1890ff;
}

.msg_purple {
	color: mediumpurple;
}

.txt_center {
	text-align: center;
}

.txt_box_mou {
	width: 160%;
}

.load_txt {
	text-align: center;
	margin-left: 80%;
}

.input-tag {
  background: white;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 5px 0;
}

.input-tag input {
  border: none;
  width: 100%;
}

.input-tag__tags {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.input-tag__tags li {
  align-items: center;
  background: #85A3BF;
  border-radius: 2px;
  color: white;
  display: flex;
  font-weight: 300;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
}

.input-tag__tags li button {
  align-items: center;
  appearance: none;
  background: #333333;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  padding: 0;
  transform: rotate(45deg);
  width: 15px;
}

.input-tag__tags li.input-tag__tags__input {
  background: none;
  flex-grow: 1;
  padding: 0;
}

.pagination {
	margin-left: 30%;
	margin-bottom: 10px;
}

.pagination_short {
	margin-left: 40% !important;
}

.confirm_box {
	position: absolute;
	left: 25%;
	width: 56%;
	height: 200%;
	background-color: white;
	color: black;
	top: 10%;
	z-index: 8;
	border-radius: 5px;
}

.confirm_box_medium {
	position: absolute;
	left: 25%;
	width: 50%;
	height: 30%;
	background-color: white;
	color: black;
	top: 10%;
	z-index: 8;
	border-radius: 5px;
}

.confirm_box_medium_high {
	position: absolute;
	left: 15%;
	width: 70%;
	height: 55%;
	background-color: white;
	color: black;
	top: 15%;
	z-index: 8;
	border-radius: 5px;
}

.confirm_box_small {
	position: absolute;
	left: 40%;
	width: 26%;
	height: 20%;
	background-color: white;
	color: black;
	top: 10%;
	z-index: 8;
	border-radius: 5px;
}

.confirm_box_overlay {
	background-color: #333;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 300vh;
	opacity: 80%;
	z-index: 8;
	border-radius: 5px;
}

.confirm_box_overlay_edit_profile {
	background-color: #333;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 800vh;
	opacity: 80%;
	z-index: 8;
	border-radius: 5px;
}

.confirm_box_dark {
	background-color: #192030 !important;
}

.confirm_txt {
	margin-left: 20px;
	padding-top: 20px;
	z-index: 8;
}

.confirm_txt_inline {
	margin-left: 20px;
}

.confirm_txt_doc {
	margin-left: 20px;
	padding-top: 20px;
	z-index: 8;
	width: 100%;
}

ol {
  counter-reset: item
}
.agreement_no_list {
  display: block
}
.agreement_no_list:before {
  content: counters(item, ".") ". ";
  counter-increment: item
}

.green_txt_proper {
	color: #509bc6;
}

.red_txt_proper {
	color: #E25151;
}

.dark_body {
	background-color: #323e5a !important;
}

.dark_footer {
	background-color: #323e5a !important;
}

.dark_theme_basic_txt {
	color: white !important;
}

.search_results_but_dark tr:nth-child(odd) {
	background-color: #292e3a;
}

.btn_toggle_off_but_dark {
	background-color: #292e3a;
	color: white;
	padding: 6px 12px;
}

.dark_theme_special_txt, .dark_theme_msg_blue {
	color: #9cb5ff !important;
}

.dark_txt_box_or_dropdown {
	background-color: #192030 !important;
	color: white !important;
	border: 1px solid #aaa;
}