@charset "UTF-8";
/*================================================================================
	Item Name: Verifact - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.pagination {
  --bs-pagination-active-bg: #116155;
  --bs-pagination-active-border-color: #116155;
}

.label-text-green {
  color: #116155 !important;
}

.form-control {
  display: block;
  width: 100%;
  height: 2.714rem;
  padding: 0.438rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #6e6b7b;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d8d6de;
  border-radius: 0.357rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #ffffff;
  transition: none;
}
.nav-link:active {
  color: #ffffff;
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

/*.nav-link:hover, .nav-link:focus {*/
/*  color: var(--bs-nav-link-hover-color);*/
/*}*/
.form-group {
  margin-bottom: 1rem;
}

.good_validate {
  border-color: rgba(36, 155, 32, 0.4901960784) !important;
}

.bad_validate {
  border-color: red !important;
}

.datatable-header tr th,
.datatable-header thead tr th {
  background-color: #ffffff !important;
  color: #000000 !important;
  font-weight: bold;
  text-align: center;
}
.datatable-header tr td {
  background-color: #ffffff !important;
  color: #000000 !important;
  text-align: center;
}

.datatable-header {
  width: 100% !important;
}

.no-background-card {
  background: none;
  box-shadow: none;
}

.label-text-yellow {
  color: #dfe58d;
  font-weight: bold;
  font-size: 1.5rem;
}

.title_text p {
  font-size: 2.5rem;
}

.page-title-text-15 {
  font-size: 1.5em;
  color: #116155;
}

.user-page-title-text-15 {
  font-size: 1.5em;
}

.eight-two-vm_width {
  max-width: 82vw;
}

.card .nav.nav-tabs {
  margin-right: 0;
  margin-left: 0;
}

.input-bold {
  font-weight: bold;
  border: 2px solid #116155;
}

.form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #264d45;
  opacity: 1;
  /* Firefox */
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder,
.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #264d45;
  opacity: 1;
  /* Firefox */
}
.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #264d45;
}
.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #264d45;
}
.form-control.selectBox {
  color: rgb(255, 255, 255);
}
.form-control input {
  color: #fff;
}

.datepicker {
  z-index: 20000000 !important;
}

.modal-size-55-p {
  min-width: 55%;
}

.modal-size-75-p {
  min-width: 75%;
}

.modal-size-35-p {
  min-width: 35%;
}

.title_header-display {
  color: #19564c;
  font-size: 1.5rem;
}

.title_label-display {
  color: #264d45;
  font-size: 1.3rem;
}

.dropdown_datatable {
  background-color: #264d45;
  /* Green */
  font-size: 1.2rem;
}
.dropdown_datatable .datatable_item {
  background-color: #264d45;
  color: #dfe58d;
}

.dropdown_datatable .datatable_item > a {
  display: block !important;
  text-align: center !important;
  background-color: #264d45;
}
.dropdown_datatable .datatable_item a:hover {
  background-color: #dfe58d;
  color: #264d45;
}

.backArrow:hover {
  color: white;
}

.error-message-display {
  color: #a25c3e;
  background-color: #fffafa;
  border-color: #a25c3e;
  font-family: sans-serif;
  font-size: 1em;
}
.error-message-display ul {
  list-style: none;
}

.success-message-display {
  color: #1cab26;
  border-color: #195522;
  font-family: arial, serif;
  font-size: 1em;
  text-align: center;
}

.ui-autocomplete {
  background-color: #ffffff;
}
.ui-autocomplete > li.ui-state-focus {
  background-color: inherit;
}

.stepper-horizontal {
  display: table;
  width: 100%;
  margin: 0 auto;
}
.stepper-horizontal .step {
  display: table-cell;
  position: relative;
  padding: 1.5rem;
  z-index: 2;
  width: 25%;
}
.stepper-horizontal .step:last-child .step-bar-left,
.stepper-horizontal .step:last-child .step-bar-right {
  display: none;
}
.stepper-horizontal .step .step-circle {
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: 600;
  z-index: 2;
  border: 2px solid #d9e2ec;
}
.stepper-horizontal .step.done .step-circle {
  background-color: #199473;
  border: 2px solid #199473;
  color: #fff;
}
.stepper-horizontal .step.done .step-circle:before {
  font-family: "Font Awesome 6 Free", serif;
  font-weight: 100;
  content: "\f00c";
}
.stepper-horizontal .step.done .step-circle * {
  display: none;
}
.stepper-horizontal .step.done .step-title {
  color: #102a43;
}
.stepper-horizontal .step.editing .step-circle {
  background: #fff;
  border-color: #199473;
  color: #199473;
}
.stepper-horizontal .step.editing .step-title {
  color: #199473;
  text-decoration: underline;
}
.stepper-horizontal .step .step-title {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: #829ab1;
}
.stepper-horizontal .step .step-optional {
  text-align: center;
  color: #829ab1;
  font-size: 0.75rem;
  font-style: italic;
}
.stepper-horizontal .step .step-bar-left,
.stepper-horizontal .step .step-bar-right {
  position: absolute;
  top: calc(2rem + 5px);
  height: 5px;
  background-color: #d9e2ec;
  border: solid #d9e2ec;
  border-width: 2px 0;
}
.stepper-horizontal .step .step-bar-left {
  width: calc(100% - 2rem);
  left: 50%;
  margin-left: 1rem;
  z-index: -1;
}
.stepper-horizontal .step .step-bar-right {
  width: 0;
  left: 50%;
  margin-left: 1rem;
  z-index: -1;
  transition: width 500ms ease-in-out;
}
.stepper-horizontal .step.done .step-bar-right {
  background-color: #199473;
  border-color: #199473;
  z-index: 3;
  width: calc(100% - 2rem);
}

.white_text {
  color: #fff;
  font-size: 1em;
}

.round_input {
  color: #264d45;
  background-color: #fff;
  border-radius: 1.25rem;
  font-weight: bold;
}
.round_input:focus {
  border-color: #264d45 !important;
}
.round_input ::-moz-placeholder {
  color: #264d45;
  color: #264d45;
}
.round_input :-ms-input-placeholder {
  color: #264d45;
}
.round_input ::-ms-input-placeholder {
  color: #264d45;
}
.round_input :-ms-input-placeholder,
.round_input ::placeholder {
  color: #264d45;
}

.borderBlue {
  border-color: #54c6e0;
  border-width: 2px;
}

.borderYellowish {
  border-color: #dfe58d;
  border-width: 2px;
}

a.borderYellowish:hover {
  color: #116155 !important;
  border-color: #264d45;
  background-color: #dfe58d;
}

button.borderYellowish:hover {
  color: #116155 !important;
  border-color: #264d45;
  background-color: #dfe58d;
}

.borderGreenish {
  border-color: #116155;
  border-width: 2px;
}

.button-radius-175 {
  border-radius: 1.75rem;
}

.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {
  border-color: #116155 !important;
  border-width: 2px !important;
  border-radius: 1.75rem !important;
}

button.borderGreenish {
  background-color: #116155;
  color: #dfe58d;
}
button.borderGreenish:hover {
  background-color: #dfe58d;
  color: #116155 !important;
  border-color: #dfe58d;
}

a.borderGreenish:hover {
  color: #116155 !important;
  border-color: #dfe58d;
}

.title_text p {
  font-size: 2.5rem;
  color: #fff;
}

.label-text {
  color: #dfe58d !important;
}

.small-yellow-text {
  color: #dfe58d;
}

.extraPadLarge {
  padding-left: 1rem !important;
}

/*.feather, [data-feather] {*/
/*  color: #264d45 !important;*/
/*}*/

@media only screen and (max-width: 425px) {
  /*Small smartphones [325px -> 425px]*/
  .title_text p {
    font-size: 2rem;
  }
  .extraPadLarge {
    padding-left: 2rem !important;
  }
}
@media (orientation: landscape) {
  .title_text p {
    font-size: 2rem !important;
  }
}
#profileMenu {
  border: 2px solid #dfe58d;
  border-radius: 0;
  background-color: #264d45;
  z-index: 3;
  margin-right: 2.75rem;
  margin-top: -1.25rem;
}

.profileLinks {
  color: #dfe58d;
  text-decoration: none !important;
  font-size: 1.25rem;
}
.profileLinks:hover {
  color: white;
}

.profile_style {
  position: relative;
  z-index: 2;
  /*height: 100%;*/
  cursor: pointer;
}

.submit_btn {
  border-radius: 1.75rem;
  background-color: #264d45;
  color: white !important;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none !important;
}

.powered_by_verifact_logo {
  padding-left: 5px;
  margin-bottom: 4px;
}

.backArrow {
  width: 48px;
  height: 48px;
  color: #116155;
}

.userBackArrow {
  width: 48px;
  height: 48px;
  color: #116155;
}

.userBackArrow:hover {
  color: #dfe58d;
}

.green-color {
  color: #116155;
}

.label-text {
  color: #116155;
  font-weight: bold;
  font-size: 1.5rem;
}

.label-text-green {
  font-weight: bold;
  font-size: 1.5rem;
}

.listOfOpenOrders .list-group .list-group-item {
  background-color: #dfe58d !important;
}
.listOfOpenOrders div a {
  background-color: inherit !important;
}
.listOfOpenOrders div a:not(:last-child) {
  border-bottom: 1px solid #116155;
}
.listOfOpenOrders a div h5 {
  color: #116155 !important;
  font-weight: bold;
}
.listOfOpenOrders .list-group .list-group-item:hover {
  background-color: #f8f8f8 !important;
}

/* Admin page */
.userTitle {
  margin-top: 1rem;
  font-size: 2rem;
  color: #264d45;
}

.topLogos {
  max-width: 5rem;
  max-height: 5rem;
}

#layout-menu {
  background-color: #264d45 !important;
}

.navbar-toggler {
  width: 100%;
  text-align: left;
  background-color: #264d45;
}

.nav-item {
  padding: 0 !important;
}
.nav-item:not(:last-child) {
  border-bottom: 2px solid #dfe58d !important;
}

/* .nav-item:hover{
  width: 100%;
  text-align: left;
} */
.nav-tabs .nav-link {
  color: #6e6b7b !important;
  border-bottom: 2px solid #dfe58d !important;
}
.nav-tabs .nav-link:after {
  border-bottom: 2px solid #264d45 !important;
}

.nav .nav-item a.nav-link:hover {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

.nav-tabs .nav-item a:hover {
  color: #264d45 !important;
  background-color: #dfe58d !important;
  border-bottom: 2px solid #264d45 !important;
}
.nav-tabs .nav-item a:active {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

.nav .nav-item a.nav-link.active {
  background-color: #264d45 !important;
  color: #dfe58d !important;
  border-bottom: 2px solid #264d45 !important;
}

.menu-vertical .menu-inner > .menu-item .menu-link {
  background-color: #264d45;
  color: #dfe58d;
  font-weight: bold;
  padding: 0.95rem !important;
  border-bottom: 2px solid #dfe58d !important;
}

.menu-vertical .menu-inner > .menu-item .menu-link {
  margin: 0;
  border-radius: 0;
}

.menu-vertical .menu-inner > .menu-item .menu-link:after {
  border-bottom: 2px solid #264d45 !important;
}

.menu-vertical .menu-inner > .menu-item a.nav-link:hover {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

.menu-vertical .menu-inner > .menu-item a:hover {
  color: #264d45 !important;
  background-color: #dfe58d !important;
  border-bottom: 2px solid #264d45 !important;
}
.menu-vertical .menu-inner > .menu-item a:active {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

.menu-vertical .menu-inner > .menu-item a.active {
  border-bottom: 2px solid #dfe58d !important;
}

/* active menu */
.menuSelected {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

.nav .wrap-border {
  /* border-color: #dfe58d !important; */
  background-color: #264d45 !important;
}
.nav li a {
  background-color: #264d45;
  color: #dfe58d;
  font-weight: bold;
  padding: 0.5rem !important;
}
.nav .dropdown-divider {
  border-top-color: #dfe58d !important;
  border-width: 2px;
}

/* Admin Tables */
#table_container {
  border: 1px solid black;
}

.table_container_border {
  border: 1px solid black;
}
.table_container_border thead tr th {
  background-color: #e1e0db;
  border: 1px solid black;
}
.table_container_border tbody tr td {
  border: 1px solid black;
}

.responsive-text-th {
  font-size: 1.15rem !important;
}

.responsive-text-td {
  font-size: 1.15rem !important;
  font-weight: bolder !important;
}

.adminTables a {
  text-decoration: none;
  color: inherit;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
}

.adminTables .feather,
[data-feather] {
  height: 1.5rem !important;
  width: 1.5rem !important;
  display: inline-block;
  color: #116155;
}

/* Admin -> Buyer Table -> Add */
.add_btn {
  border-radius: 0.5rem;
  background-color: #264d45;
  color: #dfe58d !important;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none !important;
  margin-bottom: 0.5rem;
}

.add_btn:hover {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

/* Add Buyer -> Table */
.modalBodyStyle tbody tr td {
  border: 1px solid black;
}

/* Admin -> Modal */
.text-green {
  color: #264d45;
}

.text-size-big {
  font-size: 1.5rem;
}

@media only screen and (max-width: 425px) {
  .navbar-toggler {
    border: 2px solid #dfe58d;
  }
  .policy_statement_table{
    max-width: 44% !important;
    display: grid;
  }
}
@media only screen and (min-width: 640px) {
  .navbar-toggler {
    border: none;
  }
}
@media only screen and (max-width: 990px) {
  /* for small and medium screen keep the card block (bootstrap d-flex change it to flex on bigger screen)*/
  #mainCardBody {
    display: block !important;
  }
}
@media only screen and (min-width: 991px) {
  .table-responsive {
    width: 97% !important;
  }
}
.container {
  max-width: 100% !important;
}

.backgroundInherit {
  background-color: inherit !important;
  box-shadow: none !important;
}

.text-green {
  color: #264d45;
}

.card-title {
  font-size: 1.5rem !important;
}

.labelText {
  font-size: 1.25rem !important;
}

.inputFieldLeftMargin {
  margin-left: 0.5rem !important;
}

select.form-control:not([multiple="multiple"]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23116155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='12 18 24 30 36 18'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: calc(100% - 12px) -5px, calc(100% - 20px) 13px, 100% 0;
  background-size: 45px 45px, 18px 14px;
  background-repeat: no-repeat;
  background-color: #f0f0ef;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1.5rem;
}

.borderNoRight {
  border-right: none;
  border-width: 2px;
}

#modalDivLoading {
  display: none;
}

#divLoader {
  display: none;
}
#divLoader.show,
#modalDivLoading.show {
  display: block;
  position: fixed;
  z-index: 100;
  background-image: url(../images/icons/spinner.gif);
  background-color: #666;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

/********************************/
/********************************/
/* Vessel Registration Page*/
.admin_verifact_logo {
  width: 4rem;
}

.topGreenSection {
  background-color: #264d45;
}

.bs-stepper .bs-stepper-header {
  padding: 1rem 1rem !important;
}

/* Vertical Form */
.vertical-wizard {
  max-width: 1250px;
}

.vertical-form-wizard {
  border: 2px solid #264d45;
  min-width: 65vw;
}

.bs-stepper-box {
  background-color: #dfe58d !important;
  color: #264d45 !important;
}

.step.active .step-trigger .bs-stepper-box {
  box-shadow: 4px 5px 6px 0 rgba(5, 47, 16, 0.93) !important;
}

.bs-stepper-title {
  color: rgba(38, 77, 69, 0.7176470588) !important;
  font-size: 0.85rem !important;
}

.step.active .step-trigger .bs-stepper-label .bs-stepper-title {
  font-size: 1.15rem !important;
  color: #264d45 !important;
}

.bs-stepper.vertical .bs-stepper-header {
  border-right: 1px solid #116155;
}

.bs-stepper-content {
  background-color: rgba(240, 240, 239, 0.2196078431);
}

.form_step_title {
  color: #116155;
  font-weight: bold;
  font-size: 1.35rem;
  text-transform: uppercase;
  -webkit-text-decoration-skip: ink;
  padding-left: 1rem;
}

.form-h {
  color: #3a6960;
  font-weight: 600;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 0.85rem;
  margin-bottom: 0;
}

.form-label {
  color: #3a6960;
  font-weight: 600;
  font-size: 1rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 0.85rem;
  margin-bottom: 0;
}

.form-control {
  padding: 0.25rem 1rem !important;
}

.step {
  pointer-events: none;
}

/* Next Button (feather btn)*/
/*.feather, [data-feather] {*/
/*  height: 2rem !important;*/
/*  width: 2rem !important;*/
/*  display: inline-block;*/
/*  color: #264d45;*/
/*}*/

.btn-primary {
  border-color: #dfe58d !important;
  background-color: #264d45 !important;
  color: #fff !important;
}
.btn-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #264d45 !important;
}

.addButton {
  color: #116155 !important;
  background-color: #f0f3c7;
  border-color: #116155;
}
.addButton:hover {
  color: #fff !important;
  border-color: #dce473;
  background-color: #264d45;
}

.error-small {
  font-size: 0.75rem;
  color: red;
  padding-left: 1rem;
  margin-bottom: 0;
}

.error-div {
  color: red;
  font-weight: bold;
  white-space: pre-line;
}

hr {
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
  border-color: rgba(17, 97, 85, 0.2392156863) !important;
}

.removeButton button {
  /* width: 33%; */
  margin-top: 0.5rem;
}

/* autocomplete dropdown */
.ui-widget-content {
  /* max-width: 910px !important; */
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  background-color: #f7f8ea !important;
  font-weight: bold !important;
  color: #264d45 !important;
}

/* Mandatory Details */
.mandatoryDetails,
.gdstDetails {
  color: #3a6960;
  font-weight: 600;
  font-size: 1.25rem;
  max-width: 100%;
  padding-left: 1rem;
  margin-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
}

/* Optional Details */
.optionalDetails {
  margin-top: 1.5rem !important;
  color: #3a6960;
  font-weight: 600;
  font-size: 1.25rem;
  max-width: 100%;
  padding-left: 1rem;
  margin-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
}

.detailsBeforeSubmitContainer {
  padding-left: 2rem;
  font-size: 0.95rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, 0.801);
}

.results span {
  font-size: 0.85rem;
  color: #666;
  padding-bottom: 0.1rem;
}

/* captcha */
#ContactCaptcha_CaptchaImageDiv a[style] {
  display: none !important;
}

.captchaInput {
  padding: 1.5rem 1rem !important;
  width: 230px !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  background-color: #fff !important;
}

/* CUSTOM WIDTHS */
.w-10,
.w-xs-10 {
  width: 10% !important;
}

.w-15,
.w-xs-15 {
  width: 15% !important;
}

.w-20,
.w-xs-20 {
  width: 20% !important;
}

.w-30,
.w-xs-30 {
  width: 30% !important;
}

/* BREAKPOINTS */
/* SM breakpoint */
@media (min-width: 576px) {
  /* CUSTOM WIDTHS */
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
}
@media (max-width: 767px) {
  .bs-stepper.vertical .bs-stepper-header {
    border-right: none;
    border-bottom: 1px solid #116155;
  }
}
/* MD breakpoint*/
@media (min-width: 768px) {
  /* CUSTOM WIDTHS */
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
}
/* LG breakpoint */
@media (min-width: 992px) {
  /* CUSTOM WIDTHS */
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
}
/* collapse menu */
.panel-default {
  background-color: #f0eef0;
}
.panel-default > .panel-heading {
  color: #116155;
  background-color: #dce473;
  border-color: #116155;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panel-default > .panel-heading a {
  display: block;
  padding: 10px 15px;
  font-weight: bold;
  color: #116155;
}
.panel-default > .panel-heading a:hover {
  color: #116155 !important;
}
.panel-default > .panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: -webkit-transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
}
.panel-default > .panel-heading a[aria-expanded="true"] {
  background-color: #116155;
  color: #dce473;
  font-weight: bold;
}
.panel-default > .panel-heading a[aria-expanded="true"]:hover {
  background-color: #116155 !important;
  color: #ffffff !important;
}
.panel-default > .panel-heading a[aria-expanded="true"]:after {
  content: "−";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-default > .panel-heading a[aria-expanded="false"] {
  background-color: #116155;
  color: #dce473;
  font-weight: bold;
}
.panel-default > .panel-heading a[aria-expanded="false"]:hover {
  background-color: #116155 !important;
  color: #ffffff !important;
}
.panel-default > .panel-heading a[aria-expanded="false"]:after {
  content: "+";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}
.accordion-option .title {
  font-size: 25px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}
.accordion-option .toggle-accordion {
  float: right;
  font-size: 18px;
  color: #116155;
}
.accordion-option .toggle-accordion:before {
  content: "Expand All";
}
.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}

.extraInfoLabel {
  font-size: 12px;
  font-weight: bold;
  color: #116155;
  padding-left: 2rem;
}

.fip_div_style {
  border: 1px solid #116155;
  margin: 0.19rem;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 1.25rem;
}

/* Modal */
.modal .modal-registration {
  /* height: 90vh !important; */
}

.modal-open .modal-registration {
  overflow-y: hidden !important;
}

.modal-registration-dialog {
  /* top: 5vh !important; */
  overflow-y: initial !important;
}

.modal .modal-registration.modal-header {
  background-color: #116155;
  color: #dce473;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.modal .modal-registration.modal-body {
  height: 80vh !important;
  overflow-y: auto !important;
  border: 1px solid #264d45;
  padding: 1rem;
}
.modal .modal-registration.modal-body h4,
.modal .modal-registration.modal-body h3 {
  color: #116155;
}

.modal .modal-registration.modal-body a {
  color: #6f6b7d;
  text-decoration: underline;
}
.modal .modal-registration.modal-body a:hover {
  color: #6f6b7d;
  text-decoration: none;
}

.modalCloseButton {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding: 0.65rem !important;
  border: 1px solid transparent !important;
  border-radius: 0.358rem;
  border-color: #dfe58d !important;
  background-color: #264d45 !important;
  color: #fff !important;
  opacity: 1 !important;
}
.modalCloseButton:hover {
  border-color: #264d45 !important;
  background-color: #dfe58d !important;
  color: #264d45 !important;
  opacity: 1 !important;
}

.modal .modal-registration.modal-footer {
  background-color: #116155;
  color: #dce473;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.listNoDot {
  list-style-type: none;
}

.font-bold {
  font-weight: 600 !important;
  margin-bottom: 0.5rem !important;
}

.labelMessage {
  color: #116155;
  font-size: 1.2rem;
  padding: 1rem 2rem;
}

.circledNumber {
  font-size: 1.25rem;
}

.modalLink {
  color: #116155;
  font-size: 1.15rem;
  font-weight: bold;
}
.modalLink:hover,
.modalLink:visited {
  color: #264d45;
}

.btn-success {
  background-color: #116155 !important;
  border-color: #116155 !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.filter-option-inner-inner {
  padding-bottom: 2px;
}

.removeButtonStyle {
  padding-left: 1.85rem;
}

.dropdown-toggle {
  max-width: 50vw !important;
}

/* remove file buttons */
.btn-clear-file {
  border-radius: 1.25rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none !important;
  border-color: #dfe58d !important;
  border-width: 2px !important;
  color: rgb(38, 77, 69) !important;
  padding: 0 1rem;
}

/* popover for FIP */
.list-unstyled {
  list-style-type: disc;
  margin: 0;
  padding: 0 0 0 1.5em;
}

.popover-content {
  background-color: #fff;
  border: 2px solid #dfe58d;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(38, 77, 69, 0.15) !important;
  padding: 0.5rem;
  position: absolute;
  z-index: 1;
}
.popover-content .popover-close {
  margin: 0.5rem;
  background-color: #116155;
  color: #dfe58d;
  font-weight: bold;
}

.popover-text {
  text-decoration: underline;
}

.finger-pointer {
  color: #116155;
}

/* Set a white background color for Flatpickr calendar */
.flatpickr-calendar {
  background-color: #fff;
}

/* flatpickr registration */
.flatpickr-registration[readonly] {
  opacity: 0.5 !important;
}

/* flatpickr data input */
.flatpickr-data-input[readonly] {
  opacity: 0.5 !important;
}

.ui-autocomplete {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  cursor: default;
  background-color: #fff;
  padding: 3px;
  border: 1px solid #ccc;
}

.arial-font {
  font-family: Arial, Helvetica, sans-serif;
}

.datatable-header tr th {
  background-color: #ffffff !important;
  color: #000000 !important;
  font-weight: bold;
  text-align: center;
}

.datatable-header tr td {
  background-color: #ffffff !important;
  color: #000000 !important;
  text-align: center;
}

.input-grey-color {
  background-color: #f0f0ef;
}

.profile_style {
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 75px;
  max-height: 75px;
  cursor: pointer;
}

.eight-two-vm_width {
  max-width: 82vw;
}

.page-title-text-15 {
  font-size: 1.5em;
  color: #116155;
}

.ui-autocomplete > li.ui-state-focus {
  background-color: #ff6c00;
}

#modalDivLoading,
#divLoader,
.modalLoading {
  display: none;
}

.hideModal {
  display: none;
}

.showModal {
  display: block;
  position: fixed;
  z-index: 100;
  background-image: url(../images/icons/spinner.gif);
  background-color: #666;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

#divLoader.show,
#modalDivLoading.show,
.modalLoading.show {
  display: block;
  position: fixed;
  z-index: 100;
  background-image: url(../images/icons/spinner.gif);
  background-color: #666;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.white_text {
  color: #fff;
  font-size: 1em;
}

.point5-padding {
  padding: 0.5rem;
}

.user-table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #f0ffea;
}

.user-table-striped > tbody > tr:nth-child(even) > td {
  background-color: #ffffff;
}

.green_round_input {
  border: 2px solid #116155;
  color: #ffffff;
  background-color: #264d45;
  border-radius: 2rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.round_border_input {
  border: 2px solid #116155;
  border-radius: 2rem;
}

.white_input_text {
  border: 2px solid #116155;
  color: #000000;
  background-color: #ffffff;
  border-radius: 2rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.round_input {
  border: 2px solid #116155;
  color: #000000;
  border-radius: 2rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.round_btn {
  border: 2px solid #116155;
  color: #fff;
  background-color: #264d45;
  border-radius: 2rem;
  font-weight: bold;
  font-size: 1.2rem;
}

button.round_btn:hover {
  color: #b5abab !important;
}

.round_input :-ms-input-placeholder {
  color: #264d45;
}

.round_input ::placeholder {
  color: #264d45;
}

.borderGreenish[readonly] {
  background-color: #ffffff;
  opacity: 1;
  color: #000;
}

a.borderGreenish {
  color: #fff;
}

a.borderGreenish:hover {
  color: #dfe58d !important;
  border-color: #dfe58d;
}

.backgroundColorBlue {
  background-color: #262761;
}

.login_circle_logo {
  max-width: 35%;
}

.circle_logo_image {
  max-width: 15%;
  float: left;
}

.circle_profile_image {
  max-width: 15%;
  float: right;
}

.submit_btn {
  border-radius: 1.75rem;
  background-color: #264d45;
  color: white !important;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none !important;
}

.powered_by_verifact_logo {
  padding-left: 5px;
  margin-bottom: 4px;
}

.backArrow {
  width: 3.5rem;
  height: 3.5rem;
  color: #264d45;
}

.label-display {
  font-size: large;
  color: #dfe58d;
}

.input-bold {
  font-weight: bold;
  border: 2px solid #116155;
}

.removeButton button {
  /* width: 33%; */
  margin-top: 0.5rem;
}

.modal-size-55-p {
  min-width: 55%;
}

.modal-size-75-p {
  min-width: 75%;
}

.modal-size-35-p {
  min-width: 35%;
}

.datepicker {
  z-index: 20000000 !important;
}

.button-radius-175 {
  border-radius: 1.75rem;
}

.table-title-display {
  font-size: 2em;
  color: #116155;
}

.select-input {
  background-color: #29245c;
  border-radius: 1rem;
}

/* overwrite the Select's arrow (background) */
/* info: must URL encode the data URL contents, which means converting any hash characters in the data URL to %23 */
select.form-control:not([multiple="multiple"]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23116155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='12 18 24 30 36 18'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: calc(100% - 12px) -5px, calc(100% - 20px) 13px, 100% 0;
  background-size: 45px 45px, 18px 14px;
  background-repeat: no-repeat;
  background-color: #f0f0ef;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1.5rem;
}

.listOfOpenOrders .list-group .list-group-item {
  background-color: #dfe58d !important;
}

.listOfOpenOrders div a {
  background-color: inherit !important;
}

.listOfOpenOrders div a:not(:last-child) {
  border-bottom: 1px solid #116155;
}

.listOfOpenOrders a div h5 {
  color: #116155 !important;
  font-weight: bold;
}

.listOfOpenOrders .list-group .list-group-item:hover {
  background-color: #f8f8f8 !important;
}

/* ------------------- */
/* Administrator Pages */
/* ------------------- */

/* Administrator Page - Dropdown Profile/Logout */
.dropdown {
  position: relative;
  display: inline-block;
}

#profileMenu {
  border: 2px solid #dfe58d;
  border-radius: 0;
  background-color: #264d45;
  z-index: 3;
  margin-right: 2.75rem;
  margin-top: -1.25rem;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.show {
  display: block;
}

.rightTopUl {
  list-style-type: none;
}

.profileLinks {
  color: #dfe58d;
  text-decoration: none !important;
  font-size: 1.25rem;
}

.profileLinks:hover {
  color: white;
}

/* Administrator - Dashboard Page */
.admin_verifact_logo {
  width: 4rem;
}

.userTitle {
  margin-top: 1rem;
  font-size: 2rem;
  color: #264d45;
}

.topLogos {
  max-width: 5rem;
  max-height: 5rem;
}

.navbar-toggler {
  width: 100%;
  text-align: left;
  background-color: #264d45;
}

.nav-item {
  padding: 0 !important;
}

.nav-item:not(:last-child) {
  border-bottom: 2px solid #dfe58d !important;
}

nav li a:hover {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

/* active menu */
.menuSelected {
  color: #264d45 !important;
  background-color: #dfe58d !important;
}

/* icons -> svg */
/* .feather, [data-feather] {
  height: 3rem !important;
  width: 3rem !important;
  display: inline-block;
  color: #116155;
} */
nav .wrap-border {
  /* border-color: #dfe58d !important; */
  background-color: #264d45 !important;
}

nav li a {
  background-color: #264d45;
  color: #dfe58d;
  font-weight: bold;
  padding: 0.95rem !important;
}

nav .dropdown-divider {
  border-top-color: #dfe58d !important;
  border-width: 2px;
}

/* Administrator - All Page/Tables (except Results page table)*/
#table_container {
  border: 1px solid black;
}

.table_container_border {
  border: 1px solid black;
}

.table_container_border thead tr th {
  background-color: #e1e0db;
  border: 1px solid black;
}

.table_container_border tbody tr td {
  border: 1px solid black;
}

.responsive-text-th {
  font-size: 1.15rem !important;
}

.responsive-text-td {
  font-size: 1.15rem !important;
  font-weight: bolder !important;
}

.adminTables a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
}

.adminTables .feather,
[data-feather] {
  height: 1.5rem !important;
  width: 1.5rem !important;
  display: inline-block;
  color: #116155;
}

#table_wrapper {
  display: block !important;
}

/* Administrator - Buyer Page / Add Button */
.add_btn {
  border-radius: 0.5rem;
  background-color: #264d45;
  color: #dfe58d !important;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none !important;
  margin-bottom: 0.5rem;
}

/* Administrator -> Modal */
.text-green {
  color: #264d45;
}

.text-size-big {
  font-size: 1.5rem;
}

.text-size-mid {
  font-size: 1.25rem;
}

/* Administrator / Results */
/* Orders table */
.table-orders {
  border: 1px solid black;
  background-color: #264d45;
  color: #dfe58d;
}

.table-orders thead tr th {
  background-color: #264d45 !important;
  border: 1px solid black;
  color: #dfe58d;
  font-weight: bold;
}

.table-orders tbody tr td {
  border: 1px solid black;
  background-color: #dfe58d;
  color: #264d45;
}

/* Administrator / Entity Management */
/* Card */
#entity_management_card {
  background: inherit;
}

#entity_management_card .card-title {
  color: #264d45;
  font-weight: bold;
}

/* Tab panes */
#entity_management_tabs_ul {
  margin-bottom: 0;
}

#entity_management_tabs_ul .nav-item {
  border-bottom: 3px solid #264d45 !important;
}

#entity_management_tabs_ul .nav-link {
  font-weight: bold;
  font-size: 1.25rem;
  color: #264d45;
}

#entity_management_tabs_ul .nav-link.active {
  background-color: #264d45 !important;
  color: #dfe58d !important;
  border-radius: 10px 10px 0 0;
}

#entity_management_tabs_ul .nav-link::after {
  background: none !important;
}

#entity_management_card .table-responsive {
  width: 100% !important;
}

#entity_management_card .table-responsive th {
  background-color: #264d45;
  color: #dfe58d !important;
  border-color: #264d45;
}

#entity_management_card .table-responsive tr td {
  border: 1px solid rgb(105, 104, 104);
}

#entity_management_card .card {
  padding: 1rem;
  border-bottom: 2px solid #264d45;
  border-right: 2px solid #264d45;
  border-left: 2px solid #264d45;
  border-radius: 0;
}

#entity_management_card .feather,
[data-feather] {
  height: 1.5rem !important;
  width: 1.5rem !important;
  display: inline-block;
  color: #116155;
}

/* Media Queries */
@media only screen and (max-width: 425px) {
  /*Small smartphones [325px -> 425px]*/
  .circle_logo_image {
    max-width: 20%;
  }

  .circle_profile_image {
    max-width: 20%;
  }

  .navbar-toggler {
    border: 2px solid #dfe58d;
  }
}

@media only screen and (min-width: 640px) {
  .navbar-toggler {
    border: none;
  }

  .circle_logo_image {
    max-width: 10%;
    float: left;
  }

  .circle_profile_image {
    max-width: 10%;
    float: right;
  }
}

@media only screen and (max-width: 990px) {
  /* for small and medium screen keep the card block (bootstrap d-flex change it to flex on bigger screen)*/
  #mainCardBody {
    display: block !important;
  }
}

@media only screen and (min-width: 991px) {
  .circle_logo_image {
    max-width: 4%;
  }

  .circle_profile_image {
    max-width: 4%;
  }

  .table-responsive {
    width: 98% !important;
  }
}

.btn-green {
  color: #fff;
  background-color: #262761;
  border-color: #262761;
}

.btn-green:hover {
  color: #fff;
  background-color: #1b1c46;
  border-color: #18183c;
}

.btn-green:focus,
.btn-green.focus {
  color: #fff;
  background-color: #1b1c46;
  border-color: #18183c;
  box-shadow: 0 0 0 0.2rem rgba(71, 71, 121, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
  color: #fff;
  background-color: #262761;
  border-color: #262761;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #18183c;
  border-color: #141533;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(71, 71, 121, 0.5);
}

/* Admin Tests */

.testContainer {
  padding-bottom: 5rem;
}

.addShadow {
  border-color: rgba(193, 201, 191, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(193, 201, 191, 0.8);
  outline: 0 none;
}

.backArrow {
  width: 3.5rem;
  height: 3.5rem;
  color: #264d45;
}

.backArrow:hover {
  color: #dfe58d;
}

input[type="radio"] {
  transform: scale(1.75);
}

.container > row {
  max-width: 100vw !important;
}

#wrapper {
  max-width: 100vw !important;
}

/* Sidebar */
#sidebar-wrapper {
  z-index: 1;
  position: absolute;
  width: 0;
  overflow-y: hidden;
  background: #264d45;
  transition: all 0.2s;
  display: flex;
  align-items: start;
}
/* Main Content */
#page-content-wrapper {
  width: 100%;
  position: absolute;
  transition: all 0.2s;
}

#menu-toggle {
  transition: all 0.2s;
  font-size: 1.5em;
}
/* Change the width of the sidebar to display it*/
#wrapper.menuDisplayed #sidebar-wrapper {
  width: 250px;
}

#wrapper.menuDisplayed #page-content-wrapper {
  padding-left: 250px;
}

/* Sidebar styling */
.sidebar-nav {
  list-style: none;
  transition: all 0.2s;
  width: 100%;
  text-align: left;
}

.sidebar-nav li {
  line-height: 40px;
  width: 100%;
  transition: all 0.2s;
  padding: 10px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #dfe58d;
}

.policy_statement_table{
  max-width: 74% !important;
  display: grid;
}