::-webkit-search-cancel-button,
::-ms-clear {
  display: none !important;
}

body {
  color: #102263; /* 000A2D */
}

div#app {
	min-height: 100%;
	height: auto !important;
}

/* main, div#app, body {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
} */

.btn-primary-blue {
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.btn-primary-blue:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

/* SCROLLBAR */
.scroller {
	overflow-y: scroll;
	scrollbar-color: #0A4C95 #C2D2E4;
}

/* width */
::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-button:single-button {
	/*background-color: #0A4C95;*/
	display: block;
	height: 20px;
	width: 16px;
  }


::-webkit-scrollbar-button:end:increment {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwNC4zMDggNDA0LjMwOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA0LjMwOCA0MDQuMzA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTAsMTAxLjA4aDQwNC4zMDhMMjAyLjE1MSwzMDMuMjI5TDAsMTAxLjA4eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
 

::-webkit-scrollbar-button:start:decrement {
   background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI1NSAyNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NSAyNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJyb3ctZHJvcC11cCI+CgkJPHBvbHlnb24gcG9pbnRzPSIwLDE5MS4yNSAxMjcuNSw2My43NSAyNTUsMTkxLjI1ICAgIiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

/* Track */
::-webkit-scrollbar-track {
  background: #102263;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffa73f;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffa73f;
}
/* END SCROLLBAR */

.navbar {
  background-color: #c4c4c4;
  /* height: 88%; */
}

.nav-item {
  display: flex;
  align-items: center;
}

.nav-item.active {
  border-bottom: 2px solid #ffa73f;
}

main {
  margin-top: 0%;
}
.space{
	height: 4rem;
}
footer {
  z-index: 1;
  position: fixed;
  background-color: #c4c4c4;
  height: 4rem;
  bottom: 0 !important;
  width: 100%;
}

/* BUTTON AND INPUT */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary {
  color: #ffffff;
  background-color: #ffa73f;
  border-color: #ffa73f;
}
.btn-primary:hover {
    color: #fff;
    background-color: #f7ac50;
    border-color: #e8a14a;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ffa73f;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 169, 63, 0.44);
}
/* END BUTTON AND INPUT */

/* CARD DIV A SECTION */
/* in homepage */
.list-group.companyContact {
  /* height: 40% !important; */
 /* max-height: 40% !important;
  overflow-y: auto; */
}

.companyShow .companyContact {
	/* max-height: 50% !important; */
}

.list-group-item:first-child {
  border-top-right-radius: 0rem;
  border-top-left-radius: 0rem;
}

.list-group-item {
  border: none;
}

.list-group.companyContact a:nth-of-type(odd) {
  background-color: #ededed;
}
.list-group .list-group-item:nth-of-type(odd) {
  background-color: #ededed;
}

.list-group.companyContact a:hover,
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, a:focus {
  background-color: rgba(255, 169, 63, 0.644);
}
/* END CARD DIV A SECTION */

/* AVATAR SECTION */
.md-avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.md-avatar.size-1 {
  width: 40px;
  height: 40px;
}

.md-avatar.size-2 {
  width: 70px;
  height: 70px;
}

.md-avatar.size-3 {
  width: 90px;
  height: 90px;
}

.md-avatar.size-4 {
  width: 110px;
  height: 110px;
}

.md-avatar.size-5 {
  width: 150px;
  height: 150px;
}
/* END AVATAR SECTION */

.companyName {
  padding: 3% 0 3% 0;
  display: flex;
  justify-content: space-evenly;
}

.avatarCompanyInfo {
	margin-right: 5%;
}

.companyInfo {
  display: flex;
  justify-content: space-around;
  flex-flow: column wrap;
}

/* TABLE PAGINATION */
.card .card-header.with-border .box-tools {
	float: right;
	display: flex;
	flex-direction: row;
}

.nochange {
  text-decoration: none;
  color: initial;
  background-color: transparent !important;
}
.nochange:hover {
  color: initial;
  background-color: transparent !important;
  text-decoration: none;
}
.select2-container--open {
	color: #495057;
	background-color: #fff;
	border-color: #ffa73f;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(255, 169, 63, 0.44);
}
.select2-container--bootstrap4.select2-container--focus .select2-selection {
	border-color: #ffa73f;
	box-shadow: 0 0 0 0.2rem #ffc90003;
}

.forSearch .input-group-append {
	margin-left: -50px;
}

/*ul.step-anchor {
	justify-content: space-around;
}
.sw-theme-circles > ul.step-anchor > li.active > a {
	border-color: #ffa73f;
	color: #003c7f;
	background: #ffa73f;
}
.sw-theme-circles > ul.step-anchor > li.active > a > small {
	color: #102263;
}*/
/*.sw-toolbar.sw-toolbar-bottom {
	display: flex;
	justify-content: space-between !important;
}*/

#form-step-0, #form-step-1 {
	padding: 1%;
}

#form-new-company .form-actions {
	padding-top: 2%;
}
/* 
.noClick{
	pointer-events: none;
	cursor: default;
}

.clickYes {
  pointer-events: none;
	cursor: default;
}

.noClick.active {
	background-color: #ffd9b1 !important;
}
.noClick.completeTab {
	background-color: #b9ffb1 !important;
} */

.btn-group > .btn:not(:first-child) {
	margin-left: 4px;
}

.btn-group > .btn {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.select2-container--bootstrap4 .select2-selection--multiple {
    height: auto !important;
}

/* .noClickOnly {
	cursor: default !important;
} */