#tarifas-publicidad .header-switcher-banner > ul {margin-bottom: 30px;}
#tarifas-publicidad .header-switcher-banner > ul > li > a {
  font-weight: 600;
  position: relative;
  padding: 8px 20px;
  border-radius: 5px;
}
#tarifas-publicidad .header-switcher-banner > ul > li.uk-active > a {background-color: #ff0305;}
#tarifas-publicidad .header-switcher-banner > ul > li.uk-active > a:after {
  content: "";
  position: absolute;
  border-top: 7px solid #ff0305;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  left: calc(50% - 7px);
  bottom: -6px;
}
.navigator-dinamic *{
	transition:all 0.4s ease-in-out 0s;
	-moz-transition:all 0.4s ease-in-out 0s;
	-ms-transition:all 0.4s ease-in-out 0s;
	-o-transition:all 0.4s ease-in-out 0s;
	-webkit-transition:all 0.4s ease-in-out 0s;
}
.navigator-dinamic {
  background-color: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 10px 10px 12px -4px rgba(0,0,0,.2);
}
.navigator-dinamic .navigator-header {background-color: #dedede;}
.navigator-dinamic .navigator-header > .navigator-icons {padding: 10px 10px;}
.navigator-dinamic .navigator-header .navigator-head-search {padding: 5px 10px;}
.navigator-dinamic .navigator-header .navigator-head-search .navigator-search {
  background-color: #f3f3f3;
  width: calc(100% - 100px);
  padding: 5px 10px;
  border-radius: 3px;
}
.navigator-dinamic .navigator-header .navigator-head-search .navigator-search:after {
  content: "https://carrosrd.com";
  font-size: 12px;
  color: #838383;
}
.navigator-dinamic .navigator-header .navigator-head-search i {color: #8c8c8e;}
.navigator-dinamic .navigator-header > .navigator-icons::after, 
.navigator-dinamic .navigator-header > .navigator-icons::before, 
.navigator-dinamic .navigator-header > .navigator-icons > span::after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 5px;
  margin-right: 5px;
}
.navigator-dinamic .navigator-header > .navigator-icons::after {background-color: #32b83b;}
.navigator-dinamic .navigator-header > .navigator-icons::before {background-color: #e44b3b;}
.navigator-dinamic .navigator-header > .navigator-icons > span::after {background-color: #efcb1b;}
.navigator-dinamic > .navigator-container {background-color: #f3f3f3;position: relative;}
.navigator-dinamic > .navigator-container .navigator-container-header {
  background-color: #000;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.navigator-dinamic > .navigator-container .navigator-container-header > img {width: 110px;}
.navigator-dinamic > .navigator-container .navigator-container-header .navigator-container-header-menu > span {
  display: inline-block;
  width: 30px;
  height: 5px;
  background-color: #fff;
  margin-left: 10px;
}

.navigator-dinamic > .navigator-container .navigator-banner-top,
.navigator-dinamic > .navigator-container .navigator-banner-center,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-top,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-bottom,
.navigator-dinamic > .navigator-container .navigator-popup > div{
    background-color: #ff0305;
    width: 70%;
    height: 35px;
    margin: 0 auto;
	line-height: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#navigator.interior .navigator-dinamic > .navigator-container .navigator-banner-top{width:70%;}
#navigator.backend .navigator-dinamic > .navigator-container .navigator-banner-top{width:55%;}
#navigator.interior .navigator-dinamic > .navigator-container .navigator-banner-top::after,
.navigator-dinamic > .navigator-container .navigator-banner-top::after {content: "Banner Superior (970x90)";}

#navigator.backend .navigator-dinamic > .navigator-container .navigator-banner-top::after {content: "Banner Superior (728x90)";}
.navigator-dinamic > .navigator-container .navigator-banner-center::after {content: "Banner Central (970x90)";}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-top::after{content: "Banner Superior Derecho (300x250)";padding: 0 10px;}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-bottom::after{content: "Banner Inferior Derecho (300x250)";padding: 0 10px;}
.navigator-dinamic > .navigator-container .navigator-popup > div::after{content: "Banner Portada Falsa (600x600)";padding: 0 20px;}
.navigator-dinamic > .navigator-container .navigator-header-home {
    padding: 10px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

#navigator:not(.portada):not(.portada-falsa) .navigator-dinamic > .navigator-container .navigator-header-home,
#navigator:not(.portada):not(.portada-falsa) .navigator-dinamic > .navigator-container .navigator-banner-center,
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-top, 
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-bottom,
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:nth-child(n+6),
#navigator.interior .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:nth-child(n+6),
#navigator.portada-falsa .navigator-dinamic > .navigator-container .navigator-container-full,
.banners-movil .portada .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar > .navigator-container-search-right-top, 
.banners-movil .portada .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar > .navigator-container-search-right-center{
	opacity:0;
	height: 0;
	min-height:0;
	padding: 0; 
	margin: 0;
}
.navigator-dinamic > .navigator-container .navigator-header-home > span,
.navigator-dinamic > .navigator-container .navigator-header-destacado > span,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span{
    background-color: #d8d8d8;
    color: #767676;
    display: flex;
    align-content: center;
    justify-content: center;
    min-height: 40px;
    align-items: center;
    float: left;
    margin: 5px;
    position: relative;
}
.navigator-dinamic > .navigator-container .navigator-header-home > span::after,
.navigator-dinamic > .navigator-container .navigator-header-destacado > span::after,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span::after{
    content: "\f03e";
    font-family: 'FontAwesome';
}
.navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(-n+2) {
    width: calc(50% - 10px);
    font-size: 36px;
    height: 70px;
    margin-bottom: 15px;
}
.navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(n+3):nth-child(-n+6) {
    width: calc(25% - 10px);
    height: 60px;
    margin-bottom: 15px;
}

.navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(3)::before,
.navigator-dinamic > .navigator-container .navigator-header-destacado > span:first-child::before,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:first-child::before {
    position: absolute;
    font-size: 8px;
    font-weight: bold;
    right: 0;
    left: 0;
    top: -17px;
	white-space:nowrap
}
.navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(3)::before{content: "CARROS DESTACADOS";}
.navigator-dinamic > .navigator-container .navigator-header-destacado> span:first-child::before {content: "DEALERS DESTACADOS";}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:first-child::before{content: "CARROS RECIENTES";}
.navigator-dinamic > .navigator-container .navigator-header-destacado > span{width: calc(16.66% - 10px);}
.navigator-dinamic > .navigator-container .navigator-container-full {
  padding: 10px;
  margin-top: 10px;
}
.navigator-dinamic > .navigator-container .navigator-header-destacado > span{background-color: #ff0305;}
.navigator-dinamic > .navigator-container .navigator-header-destacado > span::after{color:#fff;}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent {width: 75%;}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar {width: 25%;}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span {width: calc(33% - 10px);height: 90px;}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .navigator-container-search-right-top,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .navigator-container-search-right-center{
    background-color: #d8d8d8;
    padding: 20px;
    margin-top: 5px;
}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .navigator-container-search-right-center{margin-top: 10px;}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .navigator-container-search-right-top::after {
    content: "";
    background-color: #fff;
    display: block;
    height: 15px;
    border-radius: 5px;
}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-top,
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-bottom{
    height: 110px;
    margin-top: 10px;
	width: 100%;
}
.navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .navigator-container-search-right-center::after, .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .navigator-container-search-right-center::before {
    content: "";
    display: block;
    background-color: #fff;
    height: 20px;
    margin-bottom: 5px;
}
.navigator-dinamic .navigator-header .navigator-head-search > div:first-child {white-space: nowrap;}
.navigator-dinamic > .navigator-container .navigator-popup {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
	opacity: 0;
}
.navigator-dinamic > .navigator-container .navigator-popup > div{opacity:0;}
#navigator.portada-falsa .navigator-dinamic > .navigator-container .navigator-popup{opacity:1;}
#navigator.portada-falsa .navigator-dinamic > .navigator-container .navigator-popup > div{opacity:1}
.navigator-dinamic > .navigator-container .navigator-popup > div {
    width: 250px;
	max-width: 80%;
    height: 250px;
	position:relative;
	opacity:0;
}
.navigator-dinamic > .navigator-container .navigator-popup > div::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    font-size: 12px;
    top: 9px;
    line-height: 0;
}
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full{flex-direction: row-reverse;}
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:first-child::before {content: "MIS CARROS";}
#navigator.interior .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span,
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span {
    width: calc(100% - 15px);
    height: 70px;
    justify-content: left;
    display: flex;
}
#navigator.interior .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span::after,
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span::after {
    background-color: #bfbfbf;
    width: 20%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#navigator.backend .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:first-child::before{content: "MIS CARROS";}
#navigator.interior .navigator-dinamic > .navigator-container .navigator-container-full .navigator-leftcontent > span:first-child::before{content: "Dealers de Carros Nuevos y Usados";}
#navigator.interior .navigator-dinamic .navigator-header .navigator-head-search .navigator-search:after {content: "https://www.carrosrd.com/dealers";}
#navigator.backend .navigator-dinamic .navigator-header .navigator-head-search .navigator-search:after {content: "https://www.carrosrd.com/miscarros";}

#navigator .navigator-dinamic.modal .active{position:relative; z-index:10;}
#navigator .navigator-dinamic.modal .navigator-container .navigator-popup{opacity:1;}
#navigator .navigator-dinamic.modal .navigator-container .navigator-popup > div{display:none;}

#tarifas-publicidad .switcher-planes #planes .uk-table thead,
#tarifas-publicidad .switcher-planes #planes .uk-table tr.header{
  border-bottom: 3px solid #ff0305;

}
#tarifas-publicidad .switcher-planes #planes .uk-table tr.header > td {
    font-weight: bold;
}
#tarifas-publicidad .switcher-planes #planes .uk-table tbody > tr {
  border-bottom: 1px dashed #949494;
}
#tarifas-publicidad .switcher-planes #planes .uk-table tbody > tr.noline {
    border-bottom: none;
}
#tarifas-publicidad .switcher-planes #planes .uk-table tbody > tr.noline > td {
    padding-bottom: 0;
}
#tarifas-publicidad .switcher-planes #planes .uk-table tbody > tr.add > td {
    background-color: #f4f4f4;
}

#tarifas-publicidad .switcher-planes #planes .uk-table tbody > tr > td{cursor:pointer;}

#tarifas-publicidad .toogle-switch {
  margin-top: 30px;
}
#tarifas-publicidad .toogle-switch a,
#tarifas-publicidad .toogle-switch > div .uk-panel > i{
  color: #ff0305;
}
#tarifas-publicidad .toogle-switch > div {
  padding: 20px;
  border-radius: 10px;
}
#tarifas-publicidad .toogle-switch > div .uk-panel {
}
#tarifas-publicidad .toogle-switch > div .uk-panel > i {
  margin-right: 10px;
}
#tarifas-publicidad .toogle-switch > div:not(.uk-hidden) + p {
    display: none;
}

/* Movil */
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-header .navigator-container-header-menu,
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-top {
  display: none;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-banner-top,
.banners-movil #navigator.interior .navigator-dinamic > .navigator-container .navigator-banner-top,
.banners-movil #navigator.backend .navigator-dinamic > .navigator-container .navigator-banner-top{width:80%;}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-header > img {
  margin: 0 auto;
  width: 140px;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-header::after {
  content: "\f0c9";
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-header::after, .banners-movil .navigator-dinamic > .navigator-container .navigator-container-header::before {
  color: #fff;
  font-family: "FontAwesome";
  font-size: 20px;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-header::before {
  content: "\f002";
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search .navigator-search::before {
  content: "\f01e";
  font-family: "FontAwesome";
  float: right;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search .navigator-search {
  background-color: #e3e3e3;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search {
  display: block;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search > div:first-child {
  text-align: right;
  padding: 5px;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search > i,
.banners-movil .navigator-dinamic .navigator-header > .navigator-icons {
  display: none;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search > div:first-child:after {
  content: "9:41";
  float: left;
  font-weight: 600;
  font-size: 12px;
}
#tarifas-publicidad .toogle-switch > p > a {
    background-color: #eee;
    color: #444;
    font-weight: 600;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 5px;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search > div:first-child > .uk-icon-refresh:before {
  content: "\f241";
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search i,
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search .navigator-search,
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search .navigator-search::after{
  color: #333;
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search > div:first-child > .uk-icon-arrow-right:before {
  content: "\f1eb";
}
.banners-movil .navigator-dinamic .navigator-header .navigator-head-search > div:first-child > .uk-icon-arrow-left:before {
  content: "\f012";
}
.banners-movil .navigator-dinamic .navigator-header {
  background-color: #f6f6f6;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(-n+3) {
  width: calc(100% - 10px);
  margin-bottom: 0;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(3) {
  margin-top: 20px;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-header-home > span:nth-child(n+4):nth-child(-n+6),
.banners-movil .navigator-dinamic > .navigator-container .navigator-header-home .navigator-header-destacado > span:nth-child(n+3):nth-child(-n+6),
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full > .navigator-leftcontent > span:nth-child(n+3):nth-child(-n+12) {
  display: none !important;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-header-home .navigator-header-destacado {
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-header-home .navigator-header-destacado > span {
  width: calc(50% - 10px);
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full {
  display: block;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full > .navigator-leftcontent {
  width: 100%;
  display: inline-block;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full > .navigator-sidebar {
  width: 100%;
}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full > .navigator-leftcontent > span {
  width: calc(100% - 10px);
}

.banners-movil .navigator-dinamic > .navigator-container .navigator-banner-top::after,
.banners-movil #navigator.interior .navigator-dinamic > .navigator-container .navigator-banner-top::after,
.banners-movil #navigator.backend .navigator-dinamic > .navigator-container .navigator-banner-top::after{content: "Banner Superior (320x50)";}

.banners-movil .navigator-dinamic > .navigator-container .navigator-banner-center::after {content: "Banner Central (320x50)";}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-top::after{content: "Banner Superior Derecho (300x250)";padding: 0 10px;}
.banners-movil .navigator-dinamic > .navigator-container .navigator-container-full .navigator-sidebar .banner-right-bottom::after{content: "Banners Inferior (300x250)";padding: 0 10px;}
.banners-movil .navigator-dinamic > .navigator-container .navigator-popup > div::after{content: "Banner Portada Falsa (600x600)";}

@media screen and (max-width: 850px) {
	.switcher-planes .uk-switcher{padding-left: 0; padding-right:0;}
}


.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 100px;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 70%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #ff0305;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 7px;
  text-anchor: middle;
}

.m-only {
  display: none;
}

@media screen and (max-width: 680px) {
	.m-only { display: block }
}