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

.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: .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: .4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0
}

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

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

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

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

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

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

.borderYellowish{
  border-color: #dfe58d;
  border-width: 2px;
}
button.borderYellowish:hover{
  color: #dfe58d !important;
}

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

button.borderGreenish:hover{
  color: #dfe58d !important;
  border-color: #dfe58d;
}
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-text{
  color: #116155; 
  font-weight: bold;
  font-size: 1.5rem;
}

/* 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: #e1e0db; */
  background-color: #264d45 !important;
  border: 1px solid black;
  color: #dfe58d;
}
.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);
}