.table {
  display: table; }

.table-full {
  display: table;
  width: 100%; }

.row {
  display: table-row; }

.cell {
  display: table-cell; }

.inline {
  display: inline-block;
  vertical-align: middle; }

/*DROPDOWN LIST*/
/*Dropdown default style clearing*/
select.transparent {
  /*Removes default arrow from firefox*/
  text-indent: 0.01px;
  text-overflow: "";
  border: none;
  /*Resets Chrome/Safari and allows styling*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select.transparent::-ms-expand {
  /*Resets IE 10 & 11 styling*/
  display: none; }

/*Dropdown styling*/
select.transparent {
  color: #FFFFFF;
  outline: none;
  border: 1px solid #FFFFFF;
  padding: 0rem 2rem 0rem .4rem;
  background: url(Icons/caret-down_#FFFFFF.svg);
  background-color: transparent;
  background-position: center right .5rem;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  vertical-align: middle; }

select.transparent option {
  color: #555555; }

select.transparent:hover {
  cursor: pointer; }

/*MULTISELECT DROPDOWN LIST*/
.ddl-multi {
  display: inline-flex;
  font-size: 8pt;
  outline: none; }

.ddl-outer {
  display: table;
  border-spacing: 0px;
  width: 100%;
  border: 1px solid #BFBFBF;
  outline: none; }

.ddl-outer, .ddl-btn {
  height: 26px; }

.ddl-focus {
  border-color: #3ba3db; }

.ddl-input {
  display: table-cell; }

.ddl-btn {
  width: 1%;
  display: table-cell;
  font-size: 0.7pc;
  border-left: 1px solid #BFBFBF;
  vertical-align: middle;
  outline: none; }

.ddl-btn-icon {
  padding: 4px 7px 0px 7px; }

.ddl-content {
  position: absolute;
  top: 27px;
  left: 0px;
  min-width: 170px;
  display: inline-block;
  border: 1px solid #3ba3db;
  background-color: #FFFFFF;
  outline: none;
  z-index: 100; }

.ddl-btn, .ddl-btn-icon {
  cursor: pointer; }

.ddl-btn:focus,
.ddl-btn:focus .ddl-btn-icon {
  color: #FFFFFF;
  background-color: #3ba3db; }

.ddl-selectbox {
  vertical-align: middle;
  background-color: #DDDDDD;
  display: inline-block;
  padding: 2px 5px 2px 5px;
  text-align: left;
  outline: none;
  margin: 2px; }

.ddl-selectbox-left {
  display: table-cell;
  vertical-align: middle;
  padding-right: 4px;
  width: 90%;
  word-break: break-all; }

.ddl-selectbox-right {
  width: 10%;
  display: table-cell;
  margin-left: 10px;
  font-size: 0.7pc;
  font-weight: 900;
  outline: none;
  text-align: center;
  vertical-align: middle; }

.ddl-selectbox-left, .ddl-selectbox-right {
  height: 18px; }

.ddl-selectbox:hover,
.ddl-selectbox:hover .ddl-selectbox-left,
.ddl-selectbox:hover .ddl-selectbox-right {
  color: #FFFFFF;
  background-color: #3ba3db;
  cursor: pointer; }

/*LEAFLET MAP STYLES*/
.leafletMap-outer {
  display: inline-block;
  background-color: #fdfdfd;
  border: 1px solid #3ba3db;
  padding: 4px; }

.leafletMap {
  min-width: 450px;
  min-height: 250px; }

/*FADEIN KEYFRAMES*/
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* LINK STYLING */
a {
  border: none;
  border-bottom: 1px solid transparent;
  text-decoration: none; }

a.nostyle:hover {
  border: none;
  text-decoration: none; }

a:hover {
  border-bottom: 1px solid #3ba3db;
  color: #3ba3db; }

a.big {
  font-size: 1.4rem; }

/*a:not(.taggleLink):not(.nostyle)[href^="http"]::after, a:not(.taggleLink):not(.nostyle)[href^="https"]::after {
        font-family: "Segoe MDL2 Assets";
        content: '\e2B4';
        padding-left: 0.35rem;
        position: relative;
        top: 0.1rem;
    }*/
a.info::before {
  content: 'i';
  position: relative;
  left: 0.45rem;
  bottom: 0.08rem; }

a.info {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 1px solid #3ba3db;
  position: relative;
  left: -0.5rem;
  vertical-align: middle;
  margin: 0rem 0.8rem;
  background-color: transparent; }

a.info:hover {
  color: #FFFFFF;
  background-color: #3ba3db; }

a.share {
  width: 0.8rem;
  height: 0.8rem;
  /*background-image: url("http://vs-dev2008/Development/Daniel/Telemex/Images/Icons/shareBlue.png");*/
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #3ba3db;
  vertical-align: middle;
  margin: 0rem 0.8rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-origin: content-box;
  padding: 0.3rem;
  padding-left: 0.25rem;
  padding-right: 0.35rem;
  background-color: transparent; }

a.share:hover {
  /*background-image: url("http://vs-dev2008/Development/Daniel/Telemex/Images/Icons/shareWhite.png");*/
  background-color: #3ba3db; }

a.info-custom {
  border: 1px solid #3ba3db;
  border-radius: 50%;
  padding: 0.2rem;
  font-size: 0.7rem;
  background-color: transparent;
  color: #3ba3db; }

a.info-custom:hover {
  background-color: #3ba3db;
  color: #FFFFFF; }

a.share + a.share, a.info + a.info, a.share + a.info, a.info + a.share, a.info + a.info-custom, a.share + a.info-custom, a.info-custom + a.info-custom, a.info-custom + a.info, a.info-custom + a.share {
  margin-left: -1rem; }