.icon-confirma {
    font-size: 35px;
    margin-top: 10px;
    color: orange;
}
.w-100 {
    width: 100%;
    height: auto;
}
.m-2px>li {
    margin:2px 2px!important;
}
.modal_vermaterial {
    margin: auto;
    width: auto;
    height: 85%;
    min-height:75%;
    min-width:60%
}
.radiocuest {
    margin-right: 10px!important;
}
.pregunta {
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 10px;
}

.opciones {
    list-style: none;
    padding: 0;
}

.opcion {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right:10px;
}
.certificado {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    /*border: 5px solid rgb(31,58,147);*/
    padding: 5px;
    background-color: rgb(31,58,147);
}
.bodycertificado {
    background: rgb(254,254,254);
}
.logo-certificado {
    /*background-color:rgb(31,58,147)!important;*//* #1F3A93 !important;*/
    /*position: fixed;
    border-radius: 50% !important;*/
    max-width:100%
}
.logo-default {
    max-width:100%
}
.nombre-curso {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.nombre-estudiante {
    font-size: 18px;
    margin-bottom: 30px;
}

.fecha-cert {
    font-size: 16px;
    /*margin-bottom: 0px;*/
}
.displayFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.trans5 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.imgPublicacionCal {
    width: 100%;
    height: 100%;
}

#infoWrap {
    width: 60%;
    height: 40%;
    background: #fff;
}
#contentWrap {
    position: relative;
    width: 100%;
    height: 60%;
    background: #E6E6E6;
    overflow: hidden;
}
#popupWrap {
    width: 100%;
    height: 90%;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#contentWrapPub {
    position: relative;
    width: 40%;
    height: 100%;
    overflow: hidden;
}

#infoWrapPub {
    width: 60%;
    height: 100%;
}

.caption {
    margin-left: 5px;
}

.lbl-new {
    font-size: x-small;
    color: white;
    background: green;
    border: 1px solid green;
    padding: 1px;
    border-radius: 5px !important;
}


@media (min-width: 800px) {
    #closeWrap > a:hover > span {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    .buttonHover:hover > div:nth-child(2) {
        width: 100%;
    }

    .buttonHover:hover > p {
        color: #4098D5;
    }
}

@media (min-width: 1000px) {
    #popupWrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #contentWrap {
        width: 60%;
        height: 100%;
    }

    #infoWrap {
        width: 40%;
        height: 100%;
    }
}


.marca-de-agua img {
    padding: 0;
    width: 100%;
    height: auto;
    opacity: 0.7;
}
.marca-de-agua video {
    padding: 0;
    width: 100%;
    /*height: auto;*/
    opacity: 0.7;
}
.marca-de-agua-preview iframe {
    opacity: 0.7;
}
.marca-de-agua-pilar img {
    padding: 0;
    width: 100%;
    opacity: 0.7;
}
.marca-de-agua-calendar img {
    padding: 0;
    opacity: 0.7;
}
.marca-de-agua-calendar video {
    padding: 0;
    opacity: 0.7;
}

.marca-de-agua-pilar video {
    padding: 0;
    width: 100%;
    opacity: 0.7;
}
.marca-de-agua-sm img {
    padding: 0;
    width: 100%;
    height: auto;
    opacity: 0.7;
}
.marca-de-agua-md img {
    padding: 0;
    width: 100%;
    height: auto;
    opacity: 0.7;
}

.marca-de-agua-md video {
    padding: 0;
    width: 100%;
    height: auto;
    opacity: 0.7;
}
.marca-de-agua-lg img {
    padding: 0;
    width: 100%;
    height: auto;
    opacity: 0.7;
}
.marca-de-agua-lg video {
    padding: 0;
    width: 100%;
    height: auto;
    opacity: 0.7;
}
/* Fin Marca de agua */

.page-logo {
    background-color: #1F3A93 !important;
    margin-left: 0px !important;
    width: 125px !important;
    padding-left: 35px !important;
}
.page-logo-sd {
    /*margin: 0px 30% 0px 0px !important;*/
    margin-left: 30% !important;
    margin-top: 0px !important;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.fb-button {
    color: #FFF;
    display: inline-block;
    text-decoration: none;
}

.fb-button {
    background: #5F78AB;
    /*background-image: url('http://static.ak.fbcdn.net/rsrc.php/v2/yf/r/S-DbSHszr4D.png');*/ /*COPY TO YOUR OWN IMAGE STORE*/
    background-repeat: no-repeat;
    background-position: -1px -81px;
    border-top: 1px solid #29447E;
    border-right: 1px solid #29447E;
    border-bottom: 1px solid #1A356E;
    border-left: 1px solid #29447E;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8A9CC2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8A9CC2;
    cursor: pointer;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    /*font-weight: bold;*/
    height: 23px;
    line-height: 23px;
    padding: 0px 5px 0px 30px;
    text-align: center;
}



.login-logo-right {
    width: 400px;
    margin-left: -15px;
    margin-top: -70px;
    margin-bottom: 20px;
}

.btn {
    border-radius: 4px !important;
}

.btnredsocialheader {
    border-radius: 4px !important;
    margin-top: 7px;
    /*font-size: 15px;*/
    line-height: 0px;
    padding: 0px;
    /*height: 40px;*/
}

.zoomincursor {
    cursor: zoom-in !important;
}

.dashboardtitle {
    margin: 15px 0px 40px 10px;
    font-size: 35px;
}

.liredessocialesheader {
    padding-right: 15px;
}

.label-edit {
    font-size: 12px;
}

.pagination a {
    border-radius: 4px !important;
}


.btnsearch {
    border-radius: 0px 4px 4px 0px !important;
}

.inputsearch {
    border-radius: 4px 0px 0px 4px !important;
    float: right !important;
}

.input-pub {
    margin: 0px 0px 10px 10px !important;
    padding-top: 0px !important;    
}
.li-pub {
    border-bottom: none !important;
    float: none !important;
}
.select2-search__field {
    border-radius: 0px 4px 4px 0px !important;
}

.redsocial {
    font-size: 25px;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.redsocial2 {
    font-size: 15px;
    margin-left: 5px;
}

.redsocial a {
    text-decoration: none;
}

.redsocialheader {
    font-size: 40px;
    margin-top: 13px;
}

.redsocialheadergris {
    font-size: 27px;
    margin-top: 13px;
}

.img-redessocial-tab {
    width: 150px;
}

.alert-success {
    color:#1F3A93;
}

.login-bg-vwsb {
}

#loginEmail {
    margin-top: 60px !important;
}
#loginFB {
    margin-top: 0px !important;
}

.login-content {
    margin-top: 20% !important;
}
.login-content p {
    font-size: 13px !important;
}
.login-form .form-control {
    margin-bottom: 10px !important;    
}

.logo-sb-header {
    margin-top: 10px; /*-80px;*/
    /*margin-left: 15px; 
    padding-left: 0px !important;*/
    width: 180px;
}

.title-conce-header {
    margin-left: 60px;
}

.title-center-1 {
    text-align: center !important;
    font-size: 24px !important;
}

.title-center-2 {
    text-align: center !important;
    font-size: 14px !important;
}

.carpetanivel {
    background-color:#1F3A93 !important;
    height: 220px !important;
}

.copyconsultapublicaciones {
    font-size: 12px !important;
}

.textconsultapublicaciones {
    font-size: 12px !important;
}
.centrarvertical {
    vertical-align: middle !important;
}
.textconsultapublicaciones2 {
    font-size: 10px !important;
}

.font-black-vw {
    color: #1d1f20 !important;
}

.font-orange-vw {
    color: #B22020 !important;
}

.header-actions-vw {
    margin-top: 15px !important;
}

.header-table-blue-vw {
    color: #FFFFFF;
    background-color:#1F3A93; /* Azul VW */
    border-color:#1F3A93;
}
.header-table-ranking-semaforo-Rojo {
    color: #FFFFFF;
    background-color: red; /* Azul VW */
    border-color: red;
}
.header-table-ranking-semaforo-Amarillo {
    color: #FFFFFF;
    background-color: #FFD447; /* Azul VW */
    border-color: #FFD447;
}
.header-table-ranking-semaforo-Verde {
    color: #FFFFFF;
    background-color: green; /* Azul VW */
    border-color: green;
}
.portlet-title {
    margin-top: 0px !important;
}

.portlet-title-2 {
    margin-top: 20px !important;
}

.desc {
    font-size: 20px !important;
}

.step-thin a {
    text-shadow: none;
    color: #808890;
}

.eventCalender {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #1d1f20 !important;
}

.eventCalenderActivo {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #26C281 !important;
}

.eventCalenderBorrador {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #525E64 !important;
}

.eventCalenderFinalizado {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #555555 !important;
}

.eventCalenderPausado {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #EF4836 !important;
}

.eventCalenderProgramado {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #4B77BE !important;
}

.eventCalenderPublicado {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #26C281 !important;
}

.eventCalenderRechazado {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #E7505A !important;
}

.eventCalenderSugerido {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #E87E04 !important;
}

.eventCalenderBranding {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid#1F3A93 !important;
}

.eventCalenderSellBranding {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #26C281 !important;
}

.eventCalenderVWLovers {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #26C281 !important;
}

.eventCalenderHeritage {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #32C5D2 !important;
}

.eventCalenderTecnologia {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #8E44AD !important;
}

.eventCalenderVWConnect {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #E87E04 !important;
}

.eventCalenderLineasNegocios {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #F7CA18 !important;
}

.eventCalenderLanzamiento {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #5E738B !important;
}

.eventCalenderTemporalidad {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #5E738B !important;
}

.eventCalenderMarketingRegional {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #4C87B9 !important;
}

.eventCalenderMisMateriales {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #5E738B !important;
}

.eventCalenderEspeciales {
    color: #1d1f20 !important;
    background-color: transparent !important;
    border-top: 5px solid #E08283 !important;
}

.checkboxCal {
    margin-top: -13px;
    margin-left: 0px;
    z-index: 999;
}

.fb_reaccionesicons {
    height: 20px;
    width: 20px;
    /*background: url('/assets/img/redessociales/fb/like.png') no-repeat;*/
}

.fb_reaccionesicons_like {
    height: 32px;
    width: 32px;
    background-image: url('~/assets/img/redessociales/fb/like.png');
}

.modelo-post {
    font-size: 24px;
    height: 24px;
}

.medalla-vw {
    height: auto;
    width: 90px;
}

.medalla-vw-mini {
    height: auto;
    width: 25px;
}

.medalla-posicion {
    font-size: 50px;
}

.ultimo-cambio {
    font-size: 12px;
}

.comment-principal {
    font-size: 14px;
}

.c-date {
    font-size: 11px;
}

.rowDetailPub {
    border-bottom: #808890;
    margin-bottom: 20px;
    border-bottom-style: dotted;
}

#userData {
    font-size: 11px !important;
    font-weight: normal !important;
}

#FBLogout {
    margin-left: 10px !important;
}

.btnAgregarcal {
    font-size: 10px !important;
    margin-top: 5px !important;
}

.copa-vw {
    margin-left: 0px;
    margin-top: -31px;
}

img.bn {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

img.bn:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.carousel-title-item {
    font: 700 14px/21px "Open Sans", sans-serif;
    color: #474747;
    margin-top: 0px;
}

.carousel-count-item {
    font-size: 22px;
    height: 26px;
}

.fb-fuente {
    font-size: 12px;
}

.terminos {
    font-size: 12px;
    text-align: justify;
    text-justify: inter-word;
    margin-top: 4px !important;
}

.noleida {
    background-color: lightcyan;
}

.icon-kpi-vw {
    width: 50px;
    margin-right: 15px;
    margin-top: -30px;
}

#floater {
    top: 0px;
    right: 0px;
    width: auto;
    height: auto;
    /*position: fixed;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: 50px;*/
    /*
        position: absolute;
    top: 100px;
    right: 1px;
    width: auto;
    height: 50px;
      -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    z-index: 1;

    */
}

.wrapper {
    height: auto;
    width: auto;
    margin: .2%;
    margin-top: 10%;
}

.wrapperchat {
    height: auto;
    width: auto;
    margin-top: 9%;
    margin-right: -41%;
}

.label {
    display: inline-block;
    width: 1em;
}

.contents, .contents .inner {
    display: inline-block;
}

.contents {
    white-space: nowrap;
    margin-right: -1em;
    padding-right: 1em;
    text-align: right;
}

.contents .inner {
    width: 0%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: width 500ms ease-in, opacity 1s ease-out;
    -moz-transition: width 500ms ease-in, opacity 1s ease-out;
    -o-transition: width 500ms ease-in, opacity 1s ease-out;
    transition: width 500ms ease-in, opacity 1s ease-out;
}

.wrapper:hover .contents .inner {
    opacity: 1;
    width: 100%;
}

.listaSinbullet {
    list-style: none;
}

#totalCheckPublicar {
    font-size: inherit;
}

.tabdashboard {
    display: block !important;
}

.tabdashboard_resp {
    display: none !important;
}

.rankingConcesionario {
    width: 400px;
}

.rankingPuntos {
    width: 90px;
}

.rankingNotas {
    margin-top: 40px;
}

.rankingVermas {
    margin-top: 40px;
}

.image-vw {
    width: 100%;
    height: auto;
    margin-top: 5px !important;
}

.video-vw {
    width: 100%;
    margin-top: 5px !important;
    /*height: 80px*/
}

#mejoresPubDiv {
    display: block;
    margin-top: 25px;
}

.dashboardMes {
    font-size: 24px;
    margin-top: 10px;
}

.calendarioDivChek {
    margin-top: 34px;
    border: 1px dotted gray;
    border-radius: 5px !important;
    border-radius: 50px 20px;
    display: block;
}

.btnCalendarioEnviarDiv {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    width: 100%;
}

.btnCalendarioEnviar {
    font-size: 12px;
    width: 100%;
}

.calendarioChekc {
    font-size: 12px;
}

.calendarioTotalEnviar {
    font-size: inherit;
}
.row-footer {
    margin-left: 0px;
    margin-right: 0px;
}
.portlet-calendario {
    margin-bottom: 10px;
    border-radius: 0px !important;
    border-top: 1px dotted gray; /*    border-top: 1px solid #c3cee0;*/
}
.form-calendario {
    padding-top: 0px; 
    margin-bottom: 0px;    
}
.portlet-title-calendario {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    min-height: 0px !important;
}
.portlet-body-calendario {
    padding-top: 0px !important;
}
.panel-group-calendario {
    margin-bottom: 0px !important;
    margin-left: -10px !important;
}
.tools-calendario {
    padding: 0px 0 0px !important;
}

#labelCalPub {
    display: block;
}

#labelCalFil {
    display: block;
}

#sugeridosTexto2 {
    font-size: 18px !important;
}
/*Loader Div*/
.loader-div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FBFCFE;
    top: 0;
    left: 0;
    z-index: 999;
    opacity:0.3;
}
/* Loader */
.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
    position: fixed;
    background: transparent;
    top: 0;
    left: 0;
    z-index: 999;
}
.loader_show {
    display: flex !important;
}

.loader_hidden {
    display: none !important;
}
.arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #1F3A93; /*#3f98d4;*/
    border-radius: 100% !important;
}

.arrow_20 {
    -webkit-transform: rotate(360deg) translateX(30px);
    transform: rotate(360deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in 1s infinite;
    animation: fade 1s ease-in 1s infinite;
}

.arrow_19 {
    -webkit-transform: rotate(342deg) translateX(30px);
    transform: rotate(342deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .95s infinite;
    animation: fade 1s ease-in .95s infinite;
}

.arrow_18 {
    -webkit-transform: rotate(324deg) translateX(30px);
    transform: rotate(324deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .9s infinite;
    animation: fade 1s ease-in .9s infinite;
}

.arrow_17 {
    -webkit-transform: rotate(306deg) translateX(30px);
    transform: rotate(306deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .85s infinite;
    animation: fade 1s ease-in .85s infinite;
}

.arrow_16 {
    -webkit-transform: rotate(288deg) translateX(30px);
    transform: rotate(288deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .8s infinite;
    animation: fade 1s ease-in .8s infinite;
}

.arrow_15 {
    -webkit-transform: rotate(270deg) translateX(30px);
    transform: rotate(270deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .75s infinite;
    animation: fade 1s ease-in .75s infinite;
}

.arrow_14 {
    -webkit-transform: rotate(252deg) translateX(30px);
    transform: rotate(252deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .7s infinite;
    animation: fade 1s ease-in .7s infinite;
}

.arrow_13 {
    -webkit-transform: rotate(234deg) translateX(30px);
    transform: rotate(234deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .65s infinite;
    animation: fade 1s ease-in .65s infinite;
}

.arrow_12 {
    -webkit-transform: rotate(216deg) translateX(30px);
    transform: rotate(216deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .6s infinite;
    animation: fade 1s ease-in .6s infinite;
}

.arrow_11 {
    -webkit-transform: rotate(198deg) translateX(30px);
    transform: rotate(198deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .55s infinite;
    animation: fade 1s ease-in .55s infinite;
}

.arrow_10 {
    -webkit-transform: rotate(180deg) translateX(30px);
    transform: rotate(180deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .5s infinite;
    animation: fade 1s ease-in .5s infinite;
}

.arrow_9 {
    -webkit-transform: rotate(162deg) translateX(30px);
    transform: rotate(162deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .45s infinite;
    animation: fade 1s ease-in .45s infinite;
}

.arrow_8 {
    -webkit-transform: rotate(144deg) translateX(30px);
    transform: rotate(144deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .4s infinite;
    animation: fade 1s ease-in .4s infinite;
}

.arrow_7 {
    -webkit-transform: rotate(126deg) translateX(30px);
    transform: rotate(126deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .35s infinite;
    animation: fade 1s ease-in .35s infinite;
}

.arrow_6 {
    -webkit-transform: rotate(108deg) translateX(30px);
    transform: rotate(108deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .3s infinite;
    animation: fade 1s ease-in .3s infinite;
}

.arrow_5 {
    -webkit-transform: rotate(90deg) translateX(30px);
    transform: rotate(90deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .25s infinite;
    animation: fade 1s ease-in .25s infinite;
}

.arrow_4 {
    -webkit-transform: rotate(72deg) translateX(30px);
    transform: rotate(72deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .2s infinite;
    animation: fade 1s ease-in .2s infinite;
}

.arrow_3 {
    -webkit-transform: rotate(54deg) translateX(30px);
    transform: rotate(54deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .15s infinite;
    animation: fade 1s ease-in .15s infinite;
}

.arrow_2 {
    -webkit-transform: rotate(36deg) translateX(30px);
    transform: rotate(36deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in .1s infinite;
    animation: fade 1s ease-in .1s infinite;
}

.arrow_1 {
    -webkit-transform: rotate(18deg) translateX(30px);
    transform: rotate(18deg) translateX(30px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: fade 1s ease-in 50ms infinite;
    animation: fade 1s ease-in 50ms infinite;
}
@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

@-ms-keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

@-o-keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

.calendarioPublicacionestitle {
    font-size: 18px;
}

/* AZUL BOTONES 
    NORMAL#1F3A93 */
/* AZUL BOTONES OVER #0068AA */
/* GRIS #808890 #a0a9b4 */
/*+++++++++++++++++++++++++++++++++++++++++++MEDIAS QUERYS++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* #### Desktops #### */
@media screen and (min-width: 1024px) {
    .list-thumb img {
        width: 75%!important;
    }
    .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content {
        padding-left: 25% !important;
    }
    .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-datetime {
        padding-left: 25% !important;
    }
    #wrapper {
        /*  border: 2px solid DeepPink; */
    }

    .login-logo-right {
        display: block;
    }

    .image-vw {
        width: 75% !important;
        margin: 0 auto;
    }

    .video-vw {
        width: 95% !important;
        margin: 0 auto;
    }

    .btnCalendarioEnviar {
        font-size: 14px !important;
        width: 100% !important;
    }

    .btnCalendarioAplicarFiltros {
        font-size: 13px !important;
        width: 100% !important;
    }

    .calendarioTotalEnviar {
        font-size: inherit;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #wrapper {
        /* border: 2px solid Red; */
    }

    .login-logo-right {
        display: block;
        width: 50%;
        margin-top: -30px;
        margin-left: -2px;
    }

    .logo-sb-header {
        margin-right: 0px;
    }

    .terminos {
        font-size: 10px;
    }

    .rankingPuntos {
        font-size: 10px;
    }

    .rankingNotas {
        margin-top: 50px;
    }

    .table td, .table th {
        font-size: 8px;
    }

    .image-vw {
        width: 60% !important;
        margin: 0 auto;
    }

    .video-vw {
        width: 60% !important;
        margin: 0 auto;
    }

    #mejoresPubDiv {
        display: none;
    }

    .btnCalendarioEnviar {
        font-size: 14px !important;
        width: 80% !important;
    }

    .calendarioTotalEnviar {
        font-size: 16px;
    }

    .calendarioChekc {
        font-size: 10px !important;
    }

}

@media screen and (min-width: 20px) and (max-width: 767px) {
    #wrapper {
        /*      border: 2px solid chocolate;*/
        width: 100%;
    }

    .login-logo-right {
        display: block;
        width: 50%;
        margin-top: -30px;
        margin-left: -2px;
    }

    .logo-sb-header {
        width: 130px;
        margin-top: 17px;
    }


    .tabdashboard {
        display: none !important;
    }

    .tabdashboard_resp {
        display: block !important;
    }

    .img-redessocial-tab {
        width: 45px;
    }

    .terminos {
        font-size: 10px;
    }

    .rankingPuntos {
        font-size: 10px;
    }

    .rankingNotas {
        margin-top: 50px;
    }

    .table td, .table th {
        font-size: 8px;
    }

    .image-vw {
        width: 40% !important;
        margin: 0 auto;
    }

    .video-vw {
        width: 40% !important;
        margin: 0 auto;
    }

    #mejoresPubDiv {
        display: none;
    }

    .btnCalendarioEnviar {
        font-size: 10px !important;
        width: 80% !important;
    }

    .calendarioDivChek {
        display: flex;  
        margin-bottom: 45px;
    }

    .page-content-wrapper .page-content {
        padding: 20px 10px 10px 10px !important;
        overflow: unset;
    }

    .btnCalendarioEnviarDiv {
        margin-left: -10px;
    }

    #labelCalPub {
        display: none;
    }
    #labelCalFil {
        display: none;
    }

    .portlet-title-calendario {
        margin-top: 5px;
        margin-left: 25px;
    }

    .portlet-calendario {
        border-top: 0px;
    }
    .row-footer {
        display: none;
    }
}
/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #wrapper {
        /*   border: 2px solid GreenYellow; */
        width: 100%;
    }

    .login-logo-right {
        display: block;
        width: 80%;
        margin-top: -30px;
    }

    .logo-sb-header {
      /*  margin-top: 12px;
        width: 50%;*/
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #wrapper {
        /*border: 2px solid orchid;*/
        width: 100%;
    }

    .login-logo-right {
        display: block;
        width: 50%;
        margin-top: -30px;
        margin-left: -2px;
    }

    .logo-sb-header {
        /*
        margin-top: -78px;
        width: 75%;
            */
    }
}
/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px) {
    #wrapper {
        /*  border: 2px solid blueviolet;*/
        width: 100%;
    }

    .login-logo-right {
        display: block;
        width: 50%;
        margin-top: -30px;
        margin-left: -2px;
    }

    .logo-sb-header {
        /*
        margin-top: 10px;
        width: 60%;
            */
    }
}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    #wrapper {
        /* border: 2px solid forestgreen; */
        width: 100%;
    }

    .login-logo-right {
        display: block;
        width: 80%;
        margin-top: -30px;
    }

    .logo-sb-header {
        /*
        margin-top: 10px;
        width: 60%;
            */
    }

    .dashboardMes {
        font-size: 22px;
        margin-top: 30px;
    }

}
/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    #wrapper {
        /* border: 2px solid LightBlue; */
        width: 100%;
    }

    .login-logo-right {
        display: block;
        width: 50%;
        margin-top: -30px;
        margin-left: -2px;
    }

    .logo-sb-header {
        /*
        margin-top: 10px;
        width: 60%;
            */
    }
}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 350px) and (orientation: portrait) {
    #wrapper {
        /* border: 2px solid orange;*/
        width: 100%;
    }

    .logo-sb-header {
        /*
        margin-top: 10px;
        width: 60%;
            */
    }
}

@media screen and (max-device-width: 350px) and (orientation: landscape) {
    #wrapper {
        /*   border: 2px solid brown; */
        width: 100%;
    }

    .logo-sb-header {
        /*
        margin-top: 10px;
        width: 60%;
            */
    }
}

/* Tik tok icon */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?c1x0mu');
    src: url('fonts/icomoon.eot?c1x0mu#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?c1x0mu') format('truetype'), url('fonts/icomoon.woff?c1x0mu') format('woff'), url('fonts/icomoon.svg?c1x0mu#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="iconmoon-"], [class*=" iconmoon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: black;
}

.iconmoon-tiktok:before {
    content: "\e900";
}

.semaforousoherramienta li {
    vertical-align: top;
    display: inline;
    font-size: 1.2em;
    padding: 1.0em;
}

.semaforousoherramienta ul li::before {
    content: "\220E"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    font-weight: bold; /* If you want it to be bold */
    /*display: inline-block; Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.semaforousoherramienta span {
    color: black;
    font-size: small;
    /* font-weight:bold;*/
}

.verde {
    color: #468944 !important;
}

.amarillo {
    color: #FFD100 !important;
}

.rojo {
    color: #c82e2d !important; /*#E4002C;*/
}

.azul {
    color: #1F3A93 !important;
}

.gris {
    color: gray !important;
}

.negro {
    color: black !important;
}

.grisclaro {
    color: lightgray !important;
}

.right {
    float: right !important;
}

.hide {
    display: none !important;
}