/* div.marker-cluster-medium,
.marker-cluster-small {
  background-color: rgba(12, 77, 162, 0.8);
  color: #fff;
  font-weight: bold;

 
} */

body {
  background-color: #F5F7F9;
}


/* For the scrollbar track (background) */
::-webkit-scrollbar {
  width: 10px;
  /* width of the scrollbar */
}

/* For the scrollbar handle */
::-webkit-scrollbar-thumb {
  background: #8F9CA2;
  /* color of the scroll thumb */
  border-radius: 5px;
  /* roundness of the scroll thumb */
}

/* For the scrollbar handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* color of the scroll thumb when hovering */
}

/* For the scrollbar track on hover */
::-webkit-scrollbar-track {
  background: #EDEFF1;
  /* color of the track */
}


@font-face {
  font-family: "Material Design Icons";
  src: url("../images/tp/fontello.eot");
  src: url("../images/tp/fontello.eot") format("embedded-opentype"),
    url("../images/tp/fontello.woff2") format("woff2"),
    url("../images/tp/fontello.woff") format("woff"),
    url("../images/tp/fontello.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/* '' */
.mdi-search:before {
  content: '\e801';
}

.mdi-close-circle:before {
  content: '\e802';
}

/* '' */
.mdi-reset:before {
  content: '\e803';
}

/* '' */
/* '' */

.marker-cluster-small div,
.marker-cluster-medium div {
  background-color: transparent;
}

.state-filter input {
  height: 42px;
  outline: none !important;
  border: none;
  cursor: pointer;
  box-shadow: none !important;
}

.state-filter input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Add this to disable browser's autocomplete dropdown */
.state-filter input:-webkit-autofill,
.state-filter input:-webkit-autofill:hover,
.state-filter input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
}


.state-filter input::placeholder {
  color: #455A64;
  font-weight: 300;
}



/* iconos generated from a custom bundle: https://fontello.com/*/
.mdi-down-dir:before {
  margin-top: 12px;
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4.59785L10.6 -0.00214774L12 1.39785L6 7.39785L-6.11959e-08 1.39785L1.4 -0.00214814L6 4.59785Z' fill='%23455A64'/%3E%3C/svg%3E");
}


.search-filter input {
  height: 42px;
  outline: none !important;
  border: none;
  border-radius: 3px !important;
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #D1D5D8;
}

.search-filter input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.search-filter .icon {
  margin-top: 5px;
  color: #455A64 !important;
}

.search-filter input::placeholder {
  color: #455A64;
  font-weight: 300;
}

.custom-tag {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px !important;
  line-height: 100%;
  margin-bottom: 0.25rem;
  color: #455A64 !important;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #D1D5D8
}

.custom-tag.active {
  color: #3593FF !important;
  background-color: #D7E9FF !important;
  position: relative;
}

.custom-tag.active:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.39571L4.75 9.64571L1 5.89571' stroke='%233593FF' stroke-width='1.58723'/%3E%3C/svg%3E");
  width: 14px;
  height: 11px;
  display: inline-block;
  margin-right: 5px;
  margin-top: -3px;
  vertical-align: middle;
}


.list-item-outer .custom-tag {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid #37474F !important;
  color: #37474F !important;
  padding: 6px 6px;
}

.remote-filter-container a.active:hover {
  color: white
}


.inactive-card {
  background-color: #EDEFF1 !important;
}

.active-card .custom-tag{
  background-color: #3593FF !important;
  color: white !important;
  border: none !important;
  font-weight:600 !important;
}


#filters-container {
  border-radius: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D1D5D8 !important;
  margin-bottom: 20px;
}

#bottom-part {

  padding-bottom: 2rem;
  border-top: none;
}

#training-providers div.tooltip-content {
  z-index: 2000;
}

#training-providers {
  padding-left: 0rem;
  padding-right: 0rem;
  color: #37474f;


}

#training-providers .list-item-outer {
  cursor: pointer;
}

#map-container {}

.has-border-custom {
  border: 1px $warning solid;
}

.box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, .1),
    0 0 0 1px rgba(10, 10, 10, .02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}

#search {
  height: 34px;
  outline: 0;
  padding: 0 10px 0 10px;
  border: 1px solid #CFD8DC;
  border-radius: 2px;
  color: #aeaeae !important;
  font-family: 'Roboto';
  font-size: 12px;
  background: url(../images/mglass_03.png) no-repeat;
  background-position: calc(100% - 20px) 6px;
  background-color: #FFF;
  display: inline-block;
  width: 180px;
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input[type=search] {
  -webkit-appearance: inherit !important;
  -moz-box-sizing: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
}

.title1 {
  font-size: 11px;
  font-weight: 600;
  color: #5f6569;
  line-height: 120%;
  padding-bottom: 0.5em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sub {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 15px;
}

.sub.str {
  font-weight: 500;
}

input:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
  border: none;
}

.right-side-fields .field-body {
  margin-top: 0.5rem
}

a.institution-link {
  color: #5A9DEE
}

a:visited.institution-link {
  color: #5A9DEE
}

/* Override marker cluster colors */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  background-color: rgba(20, 42, 67, 0.6) !important;
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
  background-color: rgba(20, 42, 67, 0.8) !important;
  color: #fff;
}

/* For IE8+ support */
.leaflet-oldie .marker-cluster-small,
.leaflet-oldie .marker-cluster-medium,
.leaflet-oldie .marker-cluster-large {
  background-color: rgb(20, 42, 67) !important;
}

.leaflet-oldie .marker-cluster-small div,
.leaflet-oldie .marker-cluster-medium div,
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(20, 42, 67) !important;
  color: #fff;
}