/*DROP DOWN BOX CLASSES*/
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  outline: none;
  /*Ensures icons cannot be highlighted*/
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                            supported by Chrome and Opera */ }

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #6bb5dd;
  color: #FFFFFF;
  min-width: 15rem;
  z-index: 105;
  padding: 1rem;
  text-align: left;
  cursor: default; }
  .dropdown-content.disable-hover {
    display: block; }

.dropdown-content.link {
  cursor: pointer; }

.dropdown-content.paddingRight {
  padding-right: 4rem; }

.dropdown-content.right {
  right: 0px; }

/* Links inside the dropdown */
.dropdown-content a {
  display: block;
  margin-top: .7rem;
  margin-bottom: .7rem;
  cursor: pointer;
  border-bottom: none;
  font-weight: normal;
  color: inherit;
  font-size: 12pt; }

.dropdown-content a:hover {
  text-decoration: underline !important; }

.dropdown-content:not(a) {
  font-size: 14pt; }

/* Show the dropdown menu on hover */
.dropdown:not(.disable-hover):hover .dropdown-content,
.dropdown:not(.disable-hover):focus .dropdown-content {
  display: block; }

.dropdown:not(.disable-hover):not(:hover) .dropdown-content {
  display: none; }

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .btnHeader.dropbtn,
.dropdown:focus .btnHeader.dropbtn {
  background-color: #13638f; }

.dropdown:hover .btnHeader.dropbtn .arrow,
.dropdown:focus .btnHeader.dropbtn .arrow {
  display: none !important; }

.dropdown.light {
  padding: 0px; }

.dropdown.light .dropbtn {
  background-color: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF; }

.dropdown.light .dropbtn:hover,
.dropdown.light .dropbtn:focus {
  background-color: transparent; }

.dropdown.light .dropdown-content {
  background-color: #FFFFFF;
  color: #111111;
  border: 1px solid #9bc9e1;
  padding: 0px; }

.dropdown-select-item {
  cursor: pointer;
  font-size: 10pt;
  padding: 10px; }

.dropdown-select-item:hover {
  background-color: #1d82b9;
  color: #FFFFFF; }