@font-face {
    font-family: 'plakapong';
    src: url('./font/plakapong.eot?3968089');
    src: url('./font/plakapong.eot?3968089#iefix') format('embedded-opentype'),
         url('./font/plakapong.woff?3968089') format('woff'),
         url('./font/plakapong.ttf?3968089') format('truetype'),
         url('./font/plakapong.svg?3968089#plakapong') format('svg');
    font-weight: normal;
    font-style: normal;
  }
   
   
.pons-icon {
    font-family: "plakapong";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 230%;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
body {
    background: white;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.vs__dropdown-toggle {
    border-color: #2a737f !important;
}
.vs__dropdown-toggle {
    background: white !important;
}
.ponsrenovaciones .content,
.ponsmodalidad .content {
    max-height: 65vh;
}

.informes .ponsmodalidad .content {
    max-height: 73vh;
}

.ponsrenovaciones.maximize .content,
.ponsmodalidad.maximize .content {
    height: auto;
}

.plk-basic-chart,
.plk-basic-table {
    /* border: solid 1px #2a737f; */
    border-radius: 10px;
    background: white;
    /*padding: 15px;
     -webkit-box-shadow: 3px 3px 11px 0px rgba(56,102,109,1);
    -moz-box-shadow: 3px 3px 11px 0px rgba(56,102,109,1);
    box-shadow: 3px 3px 11px 0px rgba(56,102,109,1); */
}
.component .fas {
    color: #2A737F !important;
}
.menu .items {
    width: 45px !important;
}
.menu .btn:hover {
    background: none;
    color: black;
}
.menu .btn {
    border: 0px;
    padding: 0 26px;
    color: #2A737F;
    text-align: left;
}
@media (min-width: 551px) {
    .left-position {
        margin-left: 2%;
    }
    .offset-filter {
        margin-left: 4%;
    }
    #app.index .page {
        padding-top: 10vh;
    }
}

#app.index {
    background-image: url('https://ponsip.com/sites/default/files/background-image-block/fondo-servicios-opti.jpg');
}
#app.index .page {
    background: #00000038;
    min-height: 100vh;
}
.container-login {
    background: none !important;
}
.login-form-btn {
    background: #007a83 !important;
}
.input:focus {
    border-color: #007a83 !important;
}
.focus-input,
.input:focus + .focus-input + .symbol-input {
    color: #007a83 !important;
}
.ponsrenovaciones th:last-child,
.ponsrenovaciones td:last-child {
    display: none;
}
.component .title {
    font-weight: 600;
    color: #2A737F;
}
.first-page-element {
    margin-top: calc(55px + 3rem) !important
}

.signos a.signos,
.invenciones a.invenciones,
.informes a.informes,
.consultoria a.consultoria,
.juridica a.juridica,
.analisis a.analisis,
.signos a.signos .pons-icon,
.invenciones a.invenciones .pons-icon,
.informes a.informes .pons-icon,
.consultoria a.consultoria .pons-icon,
.juridica a.juridica .pons-icon,
.analisis a.analisis .pons-icon {
    color: #1d7480;
}

.sumarizeview .filter.fas.fa-filter {
    display: none;
}

.vl-map {
    height: 75vh !important;
}
.invenciones .vl-map,
.signos .vl-map {
    height: 50vh !important;
}