/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13/06/2019, 05:10:50 PM
    Author     : mauro
*/

.espacioPie{
    height: calc(2vh);
}

#manito{
    position: absolute;
    z-index: 100000000;
    top: 0%;
    left: 10.5%;
    right: 50px;
    width: 65px;
/*    display: none;     */
/*    left: 9%;
    top: 61%;*/
}

/*@media (min-width:1919px) and (max-width:1920px){*/
    
    .tile {
      position: relative;
      background: rgba(34, 45, 50, 0.4588235294117647);
      border-radius: 3px;
      padding: 0px 20px 0px 20px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .tile h2 {
        color: white;
    }    
    
    .frame{
        /*margin-top: 1.7%;*/
        min-height: calc(99.5vh);
        margin-left: 8.5%;
        padding: 0px;
        /*padding-top: 1%;*/
        width: 91.5%;
        background-color: #222d32;
        -webkit-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
        border: 0px;
        -webkit-user-select: none;        
        -ms-user-select : none;
        -moz-user-select : none;
    }   
    #fluid{
        width: 108%;
    }      
    
  /*recordatorio*/
  
    #nRec{
      display: none;
      position: fixed;
      top: calc(0.5vh);
      height: 22px;
      background-color: red;
      /* left: 95%; */
      width: 22px;
      border-radius: 13px;
      color: white;
      z-index: -1;
      text-align: center;
      padding: 2px;      
    }
  
    #textRec{
        position: absolute;
        top: calc(5vh);
        height: 100%;
        background-color: rgba(56, 67, 78, 0.67);
        left: 83%;
        width: 18%;
        color: white;
        z-index: 15;
        text-align: center;
        padding: 2px;
        display: none; 
        padding-top: calc(1vh);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        overflow-y: scroll;
        padding-right: 6px;
    }
    
    #CuoPend{
        display: none; 
        position: absolute;
        top: calc(8vh);
        height: 50%;
/*        background-color: rgba(56, 67, 78, 0.67);*/
        right: -4px;
        width: 33%;
        color: white;
        z-index: 15;
        text-align: center;
        padding: 2px;        
        padding-top: calc(1vh);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        overflow-y: scroll;
        padding-right: 6px;
    }    
    
    #textRec #record{
        padding: 4%;
        background-color: rgba(136, 150, 150, 0.78);
        min-height: calc(50vh);
    }
    #textRec h3{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0px;
    }
    #textRec button{
        width: 50%;
        font-size: 13px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    }
    #textRec .row:hover{
        background-color: rgba(94, 107, 107, 0.84)!IMPORTANT;
    }  
    #textRec .card-body{
        padding: 2px;
        height: calc(45vh);
    }  
    #textRec .card-body textArea{
        height: calc(33vh);
        margin-top: 5%;
        width: 90%;
    }      
    
    #home{
        cursor: pointer;
        padding-top: 50px;
        background: #F7F7F7;
        overflow-y: scroll;    
        height: 885px;
    }
    #tbrec .tds{
        display:none;
        z-index: 15;
        position:absolute;
        width: 95%;
        left: 0px;
    }

    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #integration-list {
      width: 100%;
      margin: 0 auto;
      display: table;
    }
    #integration-list ul {
      padding: 0;
      margin: 20px 0;
      color: #555;
    }
    #integration-list ul > li {
      list-style: none;
      border-top: 1px solid #ddd;
      display: block;
      padding: 15px;
      overflow: hidden;
    }
    #integration-list ul:last-child {
      border-bottom: 1px solid #ddd;
    }
    #integration-list ul > li:hover {
      background: #efefef;
    }
    .expand {
      display: block;
      text-decoration: none;
      color: #555;
      cursor: pointer;
    }
    .expand h2 {
      width: 85%;
      float: left;
    }
    h2 {
      font-size: 18px;
      font-weight: 400;
    }
    #left, #right {
      display: table;
    }
    #sup {
      display: table-cell;
      vertical-align: middle;
      width: 80%;
    }
    .detail a {
      text-decoration: none;
      color: #C0392B;
      border: 1px solid #C0392B;
      padding: 6px 10px 5px;
      font-size: 13px;
      margin-right: 7px;
    }
    .detail {
      margin: 10px 0 10px 0px;
      display: none;
      line-height: 22px;
      height: 150px;
    }
    .detail span {
      margin: 0;
    }
    .right-arrow {
      width: 10px;
      float: right;
      font-weight: bold;
      font-size: 20px;
    }
    .accordion .panel {
      margin-bottom: 5px;
      border-radius: 0;
      border-bottom: 1px solid #efefef;
    }
    .accordion .panel-heading {
      background: #F2F5F7;
      padding: 13px;
      width: 100%;
      display: block;
    }
    .accordion .panel:hover {
      background: #F2F5F7;
    }    
    
    #nuf{
        font-size: 26px !important;
    }
    #torta {
        height: calc(30vh);
    }  
    #data {
        height: calc(30vh);
    }    
    .tablita{
        font-size: 13px !important;
    }    
    #mv{
        width: 50%;
        float: right;
        margin-right: 10%;
    }
    #mc{
        width: 50%;
        float: right;
        margin-right: 10%;
    }
    #info2 .col-2{
        margin-left: -5%;
    }    
    .x_panel {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      padding: 10px 17px;
      display: inline-block;
      background: #fff;
      border: 1px solid #E6E9ED;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
      opacity: 1;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    }

    .x_panel i {
        font-size: 20px;
    }
    .x_title {
      border-bottom: 2px solid #E6E9ED;
      padding: 1px 5px 6px;
      background-color: #10516c;
    }
    .x_title .filter {
      width: 40%;
      float: right;
    }
    .x_title h2 {
      margin: 5px 0 6px;
      float: left;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .x_title h2 small {
      margin-left: 10px;
    }
    .x_title span {
      color: #BDBDBD;
    }
    .x_content {
      padding: 0 5px 6px;
      position: relative;
      width: 100%;
      float: left;
      clear: both;
    }
    .x_content h4 {
      font-size: 16px;
      font-weight: 500;
    }    

    /** top tiles  */
    .tile_count {
      margin-bottom: 20px;
      margin-top: 20px;
    }
    .tile_count .tile_stats_count {
      border-bottom: 1px solid #D9DEE4;
      padding: 0 10px 0 20px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

      footer {
        margin-left: 230px;
      }
      
      .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px;
      }
      
    .tile_count .tile_stats_count:before {
      content:"";
      position: absolute;
      left: 0;
      height: 65px;
      border-left: 2px solid #ADB2B5;
      margin-top: 10px;
    }
      .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
      }
    .tile_count .tile_stats_count .count {
      font-size: 25px;
      line-height: 47px;
      font-weight: 600;
    }
      .tile_count .tile_stats_count .count {
        font-size: 32px;
      }
    .tile_count .tile_stats_count span {
      font-size: 13px;
    }

    .tile_count .tile_stats_count .count_bottom i {
      width: 12px;
    }
    /** /top tiles **/   
    
    .top_tiles {
        margin-bottom: 0
    }
    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold
    }

    .tile-stats {
        position: relative;
        display: block;
        margin-bottom: 12px;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        background: #FFF;
        transition: all 300ms ease-in-out;
        height: 150px;
    }
    .tile-stats:hover .icon i {
        animation-name: transformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, 0.41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: transformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: transformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }
    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 5%;
        z-index: 1
    }
    .tile-stats .icon2 {
        position: absolute;
        right: 2%;
        top: 5px;
        z-index: 15;
    }

    .tile-stats table{
        text-align: center;
        margin-top: 3%;
        /*line-height: 5px;*/
    }

    .tile-stats table thead{
        background-color: #10516c;
        color: white;
    }

    .tile-stats .card{
        line-height: 10px;
    }

    .tile-stats .card-header{
        padding: 3px;
    }

    .tile-stats .card-body{
        padding: 3px;
    }

    .tile-stats input{
        text-align: center;
        font-size: 14px;
    }

    .tile-stats select{
        width: 55%;
        float: right;
    }

    .tile-stats .icon i {
        margin: 0;
        margin-bottom: 3px;
        font-size: 40px;
        line-height: 0;
        vertical-align: bottom;
        padding: 0
    }
    .tile-stats .count {
        font-size: 25px;
        font-weight: bold;
        line-height: 1.65857;
    }
    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0;
        margin-bottom: 4%;    
    }
    .tile-stats h3 {
        color: #BAB8B8
    }
    .tile-stats p {
        margin-top: 5px;
        font-size: 12px
    }
    .tile-stats>.dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }

    ul.to_do {
        padding: 0
    }
    ul.to_do li {
        background: #f3f3f3;
        border-radius: 3px;
        position: relative;
        padding: 7px;
        margin-bottom: 5px;
        list-style: none
    }
    ul.to_do p {
        margin: 0
    }
    .ff{
        background-color: #f7f7f7;
        color: #f7f7f7;   
    }   
    
    .nofond{
        margin: 0px;
        margin-top: -2px;
        margin-left: -2px;
        width: 101%;
        height: 101%;
        position: fixed;
        /*opacity: 0.9;*/
        background-color: #0000006b;
        top: 0px;
        z-index: 1500;
        display: none;    
    }
    
    .degree{
        margin: 0px;
        margin-top: -2px;
        margin-left: -2px;
        width: 101%;
        height: 101%;
        position: fixed;
        opacity: 0.9;
        background: linear-gradient(to left, #10516c 40%, #082433 100%);        
        top: 0px;
        z-index: 1500;
        display: none;    
    }

    .rotar{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #E6E9ED;
    -webkit-box-shadow: 0px 0px 15px 15px #E6E9ED;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    animation: spin .35s linear;
    }
    
    .chat-bubble { 
        background-color:#EDEDED;
        border:2px solid #666666;   
        font-size:35px;   
        line-height:1.3em;  
        padding: 10px;
        position: absolute;
        text-align: center;
        width: 40%;  
        -moz-border-radius:10px;  
        -webkit-border-radius:10px;   
        -moz-box-shadow:0 0 5px #888888;   
        -webkit-box-shadow:0 0 5px #888888; 
        display: none;
     } 
    .chat-bubble-arrow-border {   
        border-color: #666666 transparent transparent transparent; 
        border-style: solid;   
        border-width: 10px;   
        height:0;   
        width:0;   
        position:absolute;     
        bottom:-22px;   
        left:30px; 
    } 
    .chat-bubble-arrow {   
        border-color: #EDEDED transparent transparent transparent; 
        border-style: solid;  
        border-width: 10px;  
        height:0;  
        width:0;   
        position:absolute;   
        bottom:-19px;   
        left:30px; 
    }
    /* IE6 */
    .chat-bubble-arrow {
        _border-left-color: pink;
        _border-bottom-color: pink;
        _border-right-color: pink;
        _filter: chroma(color=pink);
    }          
    
    legend {
      padding-bottom: 7px;
    }
    .demo-placeholder {
      height: 280px;
    }

    .panel_toolbox {
        float: right;
    }
    .panel_toolbox>li {
        float: left;
        cursor: pointer
    }
    .panel_toolbox>li>a {
        padding: 5px;
        color: #C5C7CB;
        font-size: 14px
    }
    
    .fixed_height_320 {
        height: 320px
    }
/*    .fixed_height_355 {
        height: 355px
    }*/
    .fixed_height_200 {
        height: 200px
    }
    .fixed_height_250 {
        height: 250px
    }
    .alto2{
        height: calc(53vh);
    }
    .alto1{
        height: calc(83vh)
    }
    #tab-1{
        height: calc(35vh);
    }
    #tab-2{
        height: calc(35vh);
    }
/*}*/

@media (min-width:1901px) and (max-width:2560px){
    .fixed_height_355 {
        height: 435px;
    }    
    #listaIns p, #listaShow p, #listaMov p{
        color: black !important;
        text-orientation:upright !important;
        writing-mode: vertical-rl !important;
        margin-left: 5% !important;
        font-size: 11px;
    }    
}

@media (min-width:1367px) and (max-width:1900px){
    
    #listaIns p, #listaShow p, #listaMov p{
        color: black !important;
        text-orientation:upright !important;
        writing-mode: vertical-rl !important;
        margin-left: 5% !important;
        font-size: 11px;
    }    
    
    .tile {
      position: relative;
      background: rgba(34, 45, 50, 0.4588235294117647);
      border-radius: 3px;
      padding: 0px 20px 0px 20px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .tile h2 {
        color: white;
    }      
    
    .frame{
        /*margin-top: 1.7%;*/
        min-height: calc(99.5vh);
        margin-left: 8.5%;
        padding: 0px;
        /*padding-top: 1%;*/
        width: 91.5%;
        background-color: #222d32;
        -webkit-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
        border: 0px;
        -webkit-user-select: none;        
        -ms-user-select : none;
        -moz-user-select : none;
    }   
    #fluid{
        width: 108%;
    }      
    
  /*recordatorio*/
  
    #nRec{
      display: none;
      position: fixed;
      top: calc(0.5vh);
      height: 22px;
      background-color: red;
      /* left: 95%; */
      width: 22px;
      border-radius: 13px;
      color: white;
      z-index: -1;
      text-align: center;
      padding: 2px;      
    }
  
    #textRec{
        position: absolute;
        top: calc(5vh);
        height: 100%;
        background-color: rgba(56, 67, 78, 0.67);
        left: 83%;
        width: 18%;
        color: white;
        z-index: 15;
        text-align: center;
        padding: 2px;
        display: none; 
        padding-top: calc(1vh);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        overflow-y: scroll;
        padding-right: 6px;
    }
    #textRec .row{
        padding: 4%;
        background-color: rgba(136, 150, 150, 0.78);
        min-height: calc(50vh);
    }
    #textRec h3{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0px;
    }
    #textRec button{
        width: 50%;
        font-size: 13px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    }
    #textRec .row:hover{
        background-color: rgba(94, 107, 107, 0.84)!IMPORTANT;
    }  
    #textRec .card-body{
        padding: 2px;
        height: calc(45vh);
    }  
    #textRec .card-body textArea{
        height: calc(33vh);
        margin-top: 5%;
        width: 90%;
    }      
    
    #home{
        cursor: pointer;
        padding-top: 50px;
        background: #F7F7F7;
        overflow-y: scroll;    
        height: 885px;
    }
    #tbrec .tds{
        display:none;
        z-index: 15;
        position:absolute;
        width: 95%;
        left: 0px;
    }   
    
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #integration-list {
      width: 100%;
      margin: 0 auto;
      display: table;
    }
    #integration-list ul {
      padding: 0;
      margin: 20px 0;
      color: #555;
    }
    #integration-list ul > li {
      list-style: none;
      border-top: 1px solid #ddd;
      display: block;
      padding: 15px;
      overflow: hidden;
    }
    #integration-list ul:last-child {
      border-bottom: 1px solid #ddd;
    }
    #integration-list ul > li:hover {
      background: #efefef;
    }
    .expand {
      display: block;
      text-decoration: none;
      color: #555;
      cursor: pointer;
    }
    .expand h2 {
      width: 85%;
      float: left;
    }
    h2 {
      font-size: 18px;
      font-weight: 400;
    }
    #left, #right {
      display: table;
    }
    #sup {
      display: table-cell;
      vertical-align: middle;
      width: 80%;
    }
    .detail a {
      text-decoration: none;
      color: #C0392B;
      border: 1px solid #C0392B;
      padding: 6px 10px 5px;
      font-size: 13px;
      margin-right: 7px;
    }
    .detail {
      margin: 10px 0 10px 0px;
      display: none;
      line-height: 22px;
      height: 150px;
    }
    .detail span {
      margin: 0;
    }
    .right-arrow {
      width: 10px;
      float: right;
      font-weight: bold;
      font-size: 20px;
    }
    .accordion .panel {
      margin-bottom: 5px;
      border-radius: 0;
      border-bottom: 1px solid #efefef;
    }
    .accordion .panel-heading {
      background: #F2F5F7;
      padding: 13px;
      width: 100%;
      display: block;
    }
    .accordion .panel:hover {
      background: #F2F5F7;
    }    
    
    #nuf{
        font-size: 26px !important;
    }
    #torta {
        height: calc(29vh);
    }  
    #data {
        height: calc(28vh);
    }    
    .tablita{
        font-size: 13px !important;
    }    
    #mv{
        width: 50%;
        float: right;
        margin-right: 10%;
    }
    #mc{
        width: 50%;
        float: right;
        margin-right: 10%;
    }
    #info2 .col-2{
        margin-left: -5%;
    }    
    .x_panel {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      padding: 10px 17px;
      display: inline-block;
      background: #fff;
      border: 1px solid #E6E9ED;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
      opacity: 1;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    }

    .x_panel i {
        font-size: 20px;
    }
    .x_title {
      border-bottom: 2px solid #E6E9ED;
      padding: 1px 5px 6px;
      background-color: #10516c;
    }
    .x_title .filter {
      width: 40%;
      float: right;
    }
    .x_title h2 {
      margin: 5px 0 6px;
      float: left;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .x_title h2 small {
      margin-left: 10px;
    }
    .x_title span {
      color: #BDBDBD;
    }
    .x_content {
      padding: 0 5px 6px;
      position: relative;
      width: 100%;
      float: left;
      clear: both;
    }
    .x_content h4 {
      font-size: 16px;
      font-weight: 500;
    }    

    /** top tiles  */
    .tile_count {
      margin-bottom: 20px;
      margin-top: 20px;
    }
    .tile_count .tile_stats_count {
      border-bottom: 1px solid #D9DEE4;
      padding: 0 10px 0 20px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

      footer {
        margin-left: 230px;
      }
      
      .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px;
      }
      
    .tile_count .tile_stats_count:before {
      content:"";
      position: absolute;
      left: 0;
      height: 65px;
      border-left: 2px solid #ADB2B5;
      margin-top: 10px;
    }
      .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
      }
    .tile_count .tile_stats_count .count {
      font-size: 25px;
      line-height: 47px;
      font-weight: 600;
    }
      .tile_count .tile_stats_count .count {
        font-size: 32px;
      }
    .tile_count .tile_stats_count span {
      font-size: 13px;
    }

    .tile_count .tile_stats_count .count_bottom i {
      width: 12px;
    }
    /** /top tiles **/   
    
    .top_tiles {
        margin-bottom: 0
    }
    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold
    }

    .tile-stats {
        position: relative;
        display: block;
        margin-bottom: 12px;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        background: #FFF;
        transition: all 300ms ease-in-out;
        height: 150px;
    }
    .tile-stats:hover .icon i {
        animation-name: transformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, 0.41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: transformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: transformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }
    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 5%;
        z-index: 1
    }
    .tile-stats .icon2 {
        position: absolute;
        right: 2%;
        top: 5px;
        z-index: 15;
    }

    .tile-stats table{
        text-align: center;
        margin-top: 3%;
        /*line-height: 5px;*/
    }

    .tile-stats table thead{
        background-color: #10516c;
        color: white;
    }

    .tile-stats .card{
        line-height: 10px;
    }

    .tile-stats .card-header{
        padding: 3px;
    }

    .tile-stats .card-body{
        padding: 3px;
    }

    .tile-stats input{
        text-align: center;
        font-size: 14px;
    }

    .tile-stats select{
        width: 55%;
        float: right;
    }

    .tile-stats .icon i {
        margin: 0;
        margin-bottom: 3px;
        font-size: 40px;
        line-height: 0;
        vertical-align: bottom;
        padding: 0
    }
    .tile-stats .count {
        font-size: 25px;
        font-weight: bold;
        line-height: 1.65857;
    }
    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0;
        margin-bottom: 4%;    
    }
    .tile-stats h3 {
        color: #BAB8B8
    }
    .tile-stats p {
        margin-top: 5px;
        font-size: 12px
    }
    .tile-stats>.dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }

    ul.to_do {
        padding: 0
    }
    ul.to_do li {
        background: #f3f3f3;
        border-radius: 3px;
        position: relative;
        padding: 7px;
        margin-bottom: 5px;
        list-style: none
    }
    ul.to_do p {
        margin: 0
    }
    .ff{
        background-color: #f7f7f7;
        color: #f7f7f7;   
    }   
    
    .nofond{
        margin: 0px;
        margin-top: -2px;
        margin-left: -2px;
        width: 101%;
        height: 101%;
        position: fixed;
        /*opacity: 0.9;*/
        background-color: #0000006b;
        top: 0px;
        z-index: 1500;
        display: none;    
    }
    
    .degree{
        margin: 0px;
        margin-top: -2px;
        margin-left: -2px;
        width: 101%;
        height: 101%;
        position: fixed;
        opacity: 0.9;
        background: linear-gradient(to left, #10516c 40%, #082433 100%);        
        top: 0px;
        z-index: 1500;
        display: none;    
    }

/*    #expercito{
        position: absolute;
        width: 8%;
        display: none;  
    }
    
   .position1{
        margin-top: 8%;
        margin-left: 2%;
    }
    
    .position2{
        margin-top: 13%;
        margin-left: 12%;
    }

    #flecha{
        position: absolute;
        width: 4%;
        display: none;  
    }
    
    .flepos1{
        margin-left: 8%;
        margin-top: 16%;  
    }*/

    .rotar{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #E6E9ED;
    -webkit-box-shadow: 0px 0px 15px 15px #E6E9ED;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    animation: spin .35s linear;
    }
    
/*    #chatcito div{
        font-size: 18px;
    }

    .chatpos1{
        margin: -15% auto auto 11%;
        margin-top: 2%;
    }
    
    .chapos2{
        margin-top: 8%;
        margin-left: 18%;        
    }*/
    
    .chat-bubble { 
        background-color:#EDEDED;
        border:2px solid #666666;   
        font-size:35px;   
        line-height:1.3em;  
        padding: 10px;
        position: absolute;
        text-align: center;
        width: 50%;  
        -moz-border-radius:10px;  
        -webkit-border-radius:10px;   
        -moz-box-shadow:0 0 5px #888888;   
        -webkit-box-shadow:0 0 5px #888888; 
        display: none;
     } 
    .chat-bubble-arrow-border {   
        border-color: #666666 transparent transparent transparent; 
        border-style: solid;   
        border-width: 10px;   
        height:0;   
        width:0;   
        position:absolute;     
        bottom:-22px;   
        left:30px; 
    } 
    .chat-bubble-arrow {   
        border-color: #EDEDED transparent transparent transparent; 
        border-style: solid;  
        border-width: 10px;  
        height:0;  
        width:0;   
        position:absolute;   
        bottom:-19px;   
        left:30px; 
    }
    /* IE6 */
    .chat-bubble-arrow {
        _border-left-color: pink;
        _border-bottom-color: pink;
        _border-right-color: pink;
        _filter: chroma(color=pink);
    }           
    
    legend {
      padding-bottom: 7px;
    }
    .demo-placeholder {
      height: 280px;
    }

    .panel_toolbox {
        float: right;
    }
    .panel_toolbox>li {
        float: left;
        cursor: pointer
    }
    .panel_toolbox>li>a {
        padding: 5px;
        color: #C5C7CB;
        font-size: 14px
    }
    
    .fixed_height_320 {
        height: 320px
    }
    .fixed_height_355 {
        height: 355px
    }
    .fixed_height_200 {
        height: 200px
    }
    .fixed_height_250 {
        height: 250px
    }    
    .alto2{
        height: calc(53vh);
    }
    .alto1{
        height: calc(83vh)
    }
    #tab-1{
        height: calc(35vh);
    }
    #tab-2{
        height: calc(35vh);
    }    
}    

@media (min-width:1368px) and (max-width:1440px){
    #fluid{
        width: 104%;
    } 
}

@media (max-width:1366px){
    
    #manito{
        position: absolute;
        z-index: 100000000;
        top: 0%;
        left: 13.5%;
        right: 50px;
        width: 65px;
    /*    display: none;     */
    /*    left: 9%;
        top: 61%;*/
    }
    
    #listaIns p, #listaShow p, #listaMov p{
        color: black !important;
        text-orientation:upright !important;
        writing-mode: vertical-rl !important;
        margin-left: 5% !important;
        font-size: 8px;
    }    
    
    .tile {
      position: relative;
      background: rgba(34, 45, 50, 0.4588235294117647);
      border-radius: 3px;
      padding: 0px 20px 0px 20px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .tile h2 {
        color: white;
    }      
    
    #tit{
        font-size: 1.50rem;
    }
    
    #home td{
        font-size: 11px;
    }
    
    #home td label{
        font-size: 11px;
    }
    
    .frame{
        /*margin-top: 1.7%;*/
        min-height: calc(92vh);
        margin-left: 8.5%;
        padding: 0px;
        /*padding-top: 1%;*/
        width: 91.5%;
        background-color: #222d32;
        -webkit-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
        border: 0px;
        -webkit-user-select: none;        
        -ms-user-select : none;
        -moz-user-select : none;
    }   
    #fluid{
        width: 100%;
    }    
  /*recordatorio*/
  
    #nRec{
      display: none;
      position: fixed;
      top: calc(0.5vh);
      height: 22px;
      background-color: red;
      /* left: 95%; */
      width: 22px;
      border-radius: 13px;
      color: white;
      z-index: -1;
      text-align: center;
      padding: 2px;      
    }
  
    #textRec{
        position: absolute;
        top: calc(6vh);
        height: 100%;
        background-color: rgba(56, 67, 78, 0.67);
        left: 79%;
        width: 23%;
        color: white;
        z-index: 15;
        text-align: center;
        padding: 2px;
        display: none; 
        padding-top: calc(1vh);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        overflow-y: scroll;
        padding-right: 6px;
    }
    #textRec .row{
        padding: 4%;
        background-color: rgba(136, 150, 150, 0.78);
        min-height: calc(50vh);
    }
    #textRec h3{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0px;
    }
    #textRec button{
        width: 50%;
        font-size: 13px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    }
    #textRec .row:hover{
        background-color: rgba(94, 107, 107, 0.84)!IMPORTANT;
    }  
    #textRec .card-body{
        padding: 2px;
        height: calc(45vh);
    }  
    #textRec .card-body textArea{
        height: calc(33vh);
        margin-top: 5%;
        width: 90%;
    }      
    
    #home{
        cursor: pointer;
        padding-top: 50px;
        background: #F7F7F7;
        overflow-y: scroll;    
        height: 645px;
    }
    #tbrec .tds{
        display:none;
        z-index: 15;
        position:absolute;
        width: 95%;
        left: 0px;
    }    
    
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #integration-list {
      width: 100%;
      margin: 0 auto;
      display: table;
    }
    #integration-list ul {
      padding: 0;
      margin: 20px 0;
      color: #555;
    }
    #integration-list ul > li {
      list-style: none;
      border-top: 1px solid #ddd;
      display: block;
      padding: 15px;
      overflow: hidden;
    }
    #integration-list ul:last-child {
      border-bottom: 1px solid #ddd;
    }
    #integration-list ul > li:hover {
      background: #efefef;
    }
    .expand {
      display: block;
      text-decoration: none;
      color: #555;
      cursor: pointer;
    }
    .expand h2 {
      width: 85%;
      float: left;
    }
    h2 {
      font-size: 18px;
      font-weight: 400;
    }
    #left, #right {
      display: table;
    }
    #sup {
      display: table-cell;
      vertical-align: middle;
      width: 80%;
    }
    .detail a {
      text-decoration: none;
      color: #C0392B;
      border: 1px solid #C0392B;
      padding: 6px 10px 5px;
      font-size: 13px;
      margin-right: 7px;
    }
    .detail {
      margin: 10px 0 10px 0px;
      display: none;
      line-height: 22px;
      height: 150px;
    }
    .detail span {
      margin: 0;
    }
    .right-arrow {
      width: 10px;
      float: right;
      font-weight: bold;
      font-size: 20px;
    }
    .accordion .panel {
      margin-bottom: 5px;
      border-radius: 0;
      border-bottom: 1px solid #efefef;
    }
    .accordion .panel-heading {
      background: #F2F5F7;
      padding: 13px;
      width: 100%;
      display: block;
    }
    .accordion .panel:hover {
      background: #F2F5F7;
    }

        #nuf{
        font-size: 18px !important;
    }    
    #torta {
        height: calc(23vh);
    }  
    #data {
        height: calc(41vh);
    }      
    .tablita{
        font-size: 10px !important;
    }
    #mv{
        width: 50%;
        float: right;
        margin-right: 1%;
    }
    #mc{
        width: 50%;
        float: right;
        margin-right: 1%;
    } 

    .x_panel {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      padding: 3px 17px;
      display: inline-block;
      background: #fff;
      border: 1px solid #E6E9ED;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
      opacity: 1;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    }
    
    .x_panel .card{
        width: 135%;
        margin-left: -30px;        
    }

    .x_panel i {
        font-size: 20px;
    }
    .x_title {
      border-bottom: 2px solid #E6E9ED;
      padding: 1px 5px 0px;
      /*margin-bottom: 10px;*/
      background-color: #10516c;
    }
    .x_title .filter {
      width: 40%;
      float: right;
    }
    .x_title h2 {
      margin: 5px 0 6px;
      float: left;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .x_title h2 small {
      margin-left: 10px;
    }
    .x_title span {
      color: #BDBDBD;
    }
    .x_content {
      padding: 0 5px 6px;
      position: relative;
      width: 100%;
      float: left;
      clear: both;
      /*margin-top: 5px;*/
    }
    .x_content h4 {
      font-size: 16px;
      font-weight: 500;
    }    
    
    /** top tiles  */
    .tile_count {
      margin-bottom: 15px;
      margin-top: 15px;
    }
    .tile_count .tile_stats_count {
      border-bottom: 1px solid #D9DEE4;
      padding: 0 5px 0 10px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

      footer {
        margin-left: 230px;
      }

      .tile_count .tile_stats_count {
        margin-bottom: 5px;
        border-bottom: 0;
        padding-bottom: 10px;
      }
    .tile_count .tile_stats_count:before {
      content:"";
      position: absolute;
      left: 0;
      height: 65px;
      border-left: 2px solid #ADB2B5;
      margin-top: 5px;
    }
      .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
      }
    .tile_count .tile_stats_count .count {
      font-size: 20px;
      line-height: 40px;
      font-weight: 600;
    }

    .tile_count .tile_stats_count span {
      font-size: 11px;
    }
    .tile_count .tile_stats_count .count_top {
      font-size: 11px;
    }
  
    .tile_count .tile_stats_count .count_bottom i {
      width: 10px;
    }
    /** /top tiles **/
    
    .top_tiles {
        margin-bottom: 0
    }
    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold
    }

    .tile-stats {
        position: relative;
        display: block;
        margin-bottom: 12px;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        background: #FFF;
        transition: all 300ms ease-in-out;
        height: 114px;
    }
    .tile-stats:hover .icon i {
        animation-name: transformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, 0.41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: transformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: transformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }
    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 1%;
        z-index: 1
    }
    .tile-stats .icon2 {
        position: absolute;
        right: 2%;
        top: 5px;
        z-index: 15;
    }

    .tile-stats table{
        text-align: center;
        margin-top: 3%;
        /*line-height: 5px;*/
    }

    .tile-stats table thead{
        background-color: #10516c;
        color: white;
    }

    .tile-stats .card{
        line-height: 10px;
    }

    .tile-stats .card-header{
        padding: 3px;
    }

    .tile-stats .card-body{
        padding: 3px;
    }

    .tile-stats input{
        text-align: center;
        font-size: 14px;
    }

    .tile-stats select{
        width: 55%;
        float: right;
    }

    .tile-stats .icon i {
        margin: 0;
        margin-bottom: 3px;
        font-size: 30px;
        line-height: 0;
        vertical-align: bottom;
        padding: 0
    }
    .tile-stats .count {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.65857;
    }
    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0;
        margin-bottom: 4%;    
    }
    .tile-stats h3 {
        color: #BAB8B8
    }
    .tile-stats p {
        margin-top: 5px;
        font-size: 11px
    }
    #info1 .table td{
        padding:5px;
    }
    #info2 .col-2{
        margin-left: -10%;
    }
    #buscar{
        width: 110%;
        margin-left: -25%;        
    }
    #info3 .card-header{
        font-size:10px;
    }
    .tile-stats>.dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }

    ul.to_do {
        padding: 0
    }
    ul.to_do li {
        background: #f3f3f3;
        border-radius: 3px;
        position: relative;
        padding: 7px;
        margin-bottom: 5px;
        list-style: none
    }
    ul.to_do p {
        margin: 0
    }
    .ff{
        background-color: #f7f7f7;
        color: #f7f7f7;   
    }    

    .rotar{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #E6E9ED;
    -webkit-box-shadow: 0px 0px 15px 15px #E6E9ED;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    animation: spin .35s linear;
    }

    .chat-bubble { 
        background-color:#EDEDED;
        border:2px solid #666666;   
        font-size:35px;   
        line-height:1.3em;  
        margin: -15% auto auto 11%;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50%;  
        -moz-border-radius:10px;  
        -webkit-border-radius:10px;   
        -moz-box-shadow:0 0 5px #888888;   
        -webkit-box-shadow:0 0 5px #888888; 
        display: none;
     } 
    .chat-bubble-arrow-border {   
        border-color: #666666 transparent transparent transparent; 
        border-style: solid;   
        border-width: 10px;   
        height:0;   
        width:0;   
        position:absolute;     
        bottom:-22px;   
        left:30px; 
    } 
    .chat-bubble-arrow {   
        border-color: #EDEDED transparent transparent transparent; 
        border-style: solid;  
        border-width: 10px;  
        height:0;  
        width:0;   
        position:absolute;   
        bottom:-19px;   
        left:30px; 
    }
    /* IE6 */
    .chat-bubble-arrow {
        _border-left-color: pink;
        _border-bottom-color: pink;
        _border-right-color: pink;
        _filter: chroma(color=pink);
    }  
    
    legend {
      padding-bottom: 7px;
    }
    .demo-placeholder {
      height: 280px;
    }

    .panel_toolbox {
        float: right;
    }
    .panel_toolbox>li {
        float: left;
        cursor: pointer
    }
    .panel_toolbox>li>a {
        padding: 5px;
        color: #C5C7CB;
        font-size: 14px
    }
    
    .fixed_height_320 {
        height: 320px
    }
    .fixed_height_355 {
/*        height: 355px*/
        height: 240px
    }
    .fixed_height_200 {
        height: 200px
    }
    .fixed_height_250 {
        height: 250px
    }      
    #myChart{
        height: 276px
    }
    .alto2{
        height: calc(70vh);
    }
    .alto1{
        height: calc(83vh);
    }
    #tab-1{
        height: calc(42vh);
    }
    #tab-2{
        height: calc(42vh);
    }    
}    
@media (max-width:1600px){
    #nuf{
        font-size: 18px !important;
    } 
}

@media (max-width:1280px){
    
    #listaIns p, #listaShow p, #listaMov p{
        color: black !important;
        text-orientation:upright !important;
        writing-mode: vertical-rl !important;
        margin-left: 5% !important;
        font-size: 9px;
    }    
    
    #myChart{
        height: 263px
    }
    
    .tile {
      position: relative;
      background: rgba(34, 45, 50, 0.4588235294117647);
      border-radius: 3px;
      padding: 0px 20px 0px 20px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .tile h2 {
        color: white;
    }      
    
    .frame{
        /*margin-top: 1.7%;*/
        min-height: calc(92vh);
        margin-left: 8.5%;
        padding: 0px;
        /*padding-top: 1%;*/
        width: 91.5%;
        background-color: #222d32;
        -webkit-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
        border: 0px;
        -webkit-user-select: none;        
        -ms-user-select : none;
        -moz-user-select : none;
    }   
    #fluid{
        width: 100%;
    }    
  /*recordatorio*/
  
    #nRec{
      display: none;
      position: fixed;
      top: calc(0.5vh);
      height: 22px;
      background-color: red;
      /* left: 95%; */
      width: 22px;
      border-radius: 13px;
      color: white;
      z-index: -1;
      text-align: center;
      padding: 2px;      
    }
  
    #textRec{
        position: absolute;
        top: calc(7vh);
        height: 100%;
        background-color: rgba(56, 67, 78, 0.67);
        left: 77%;
        width: 25%;
        color: white;
        z-index: 15;
        text-align: center;
        padding: 2px;
        display: none; 
        padding-top: calc(1vh);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        overflow-y: scroll;
        padding-right: 6px;
    }
    #textRec .row{
        padding: 4%;
        background-color: rgba(136, 150, 150, 0.78);
        min-height: calc(50vh);
    }
    #textRec h3{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0px;
    }
    #textRec button{
        width: 50%;
        font-size: 13px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    }
    #textRec .row:hover{
        background-color: rgba(94, 107, 107, 0.84)!IMPORTANT;
    }  
    #textRec .card-body{
        padding: 2px;
        height: calc(48vh);
    }  
    #textRec .card-body textArea{
        height: calc(33vh);
        margin-top: 5%;
        width: 90%;
    }      
    
    #home{
        cursor: pointer;
        padding-top: 50px;
        background: #F7F7F7;
        overflow-y: scroll;    
        height: 600px;
    }
    #tbrec .tds{
        display:none;
        z-index: 15;
        position:absolute;
        width: 95%;
        left: 0px;
    }    
    
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #integration-list {
      width: 100%;
      margin: 0 auto;
      display: table;
    }
    #integration-list ul {
      padding: 0;
      margin: 20px 0;
      color: #555;
    }
    #integration-list ul > li {
      list-style: none;
      border-top: 1px solid #ddd;
      display: block;
      padding: 15px;
      overflow: hidden;
    }
    #integration-list ul:last-child {
      border-bottom: 1px solid #ddd;
    }
    #integration-list ul > li:hover {
      background: #efefef;
    }
    .expand {
      display: block;
      text-decoration: none;
      color: #555;
      cursor: pointer;
    }
    .expand h2 {
      width: 85%;
      float: left;
    }
    h2 {
      font-size: 18px;
      font-weight: 400;
    }
    #left, #right {
      display: table;
    }
    #sup {
      display: table-cell;
      vertical-align: middle;
      width: 80%;
    }
    .detail a {
      text-decoration: none;
      color: #C0392B;
      border: 1px solid #C0392B;
      padding: 6px 10px 5px;
      font-size: 13px;
      margin-right: 7px;
    }
    .detail {
      margin: 10px 0 10px 0px;
      display: none;
      line-height: 22px;
      height: 150px;
    }
    .detail span {
      margin: 0;
    }
    .right-arrow {
      width: 10px;
      float: right;
      font-weight: bold;
      font-size: 20px;
    }
    .accordion .panel {
      margin-bottom: 5px;
      border-radius: 0;
      border-bottom: 1px solid #efefef;
    }
    .accordion .panel-heading {
      background: #F2F5F7;
      padding: 13px;
      width: 100%;
      display: block;
    }
    .accordion .panel:hover {
      background: #F2F5F7;
    }
    
    #nuf{
        font-size: 18px !important;
    }    
    #torta {
        height: calc(30vh);
    }  
    #data {
        height: calc(41vh);
    }      
    .tablita{
        font-size: 10px !important;
    }
    #mv{
        width: 50%;
        float: right;
        margin-right: 1%;
    }
    #mc{
        width: 50%;
        float: right;
        margin-right: 1%;
    } 

    .x_panel {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      padding: 7px 10px;
      display: inline-block;
      background: #fff;
      border: 1px solid #E6E9ED;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
      opacity: 1;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    }
    
    .x_panel .card{
        width: 135%;
        margin-left: -30px;        
    }

    .x_panel i {
        font-size: 20px;
    }
    .x_title {
      border-bottom: 2px solid #E6E9ED;
      padding: 1px 5px 0px;
      /*margin-bottom: 10px;*/
      background-color: #10516c;
    }
    .x_title .filter {
      width: 40%;
      float: right;
    }
    .x_title h2 {
      margin: 5px 0 6px;
      float: left;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .x_title h2 small {
      margin-left: 10px;
    }
    .x_title span {
      color: #BDBDBD;
    }
    .x_content {
      padding: 0 5px 6px;
      position: relative;
      width: 100%;
      float: left;
      clear: both;
      /*margin-top: 5px;*/
    }
    .x_content h4 {
      font-size: 16px;
      font-weight: 500;
    }    
    
    /** top tiles  */
    .tile_count {
      margin-bottom: 15px;
      margin-top: 0px;
    }
    .tile_count .tile_stats_count {
      border-bottom: 1px solid #D9DEE4;
      padding: 0 5px 0 10px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

      footer {
        margin-left: 230px;
      }

      .tile_count .tile_stats_count {
        margin-bottom: 5px;
        border-bottom: 0;
        padding-bottom: 10px;
      }
    .tile_count .tile_stats_count:before {
      content:"";
      position: absolute;
      left: 0;
      height: 65px;
      border-left: 2px solid #ADB2B5;
      margin-top: 5px;
    }
      .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
      }
    .tile_count .tile_stats_count .count {
      font-size: 20px;
      line-height: 40px;
      font-weight: 600;
    }

    .tile_count .tile_stats_count span {
      font-size: 11px;
    }
    .tile_count .tile_stats_count .count_top {
      font-size: 11px;
    }
  
    .tile_count .tile_stats_count .count_bottom i {
      width: 10px;
    }
    /** /top tiles **/
    
    .top_tiles {
        margin-bottom: 0
    }
    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold
    }

    .tile-stats {
        position: relative;
        display: block;
        margin-bottom: 12px;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        background: #FFF;
        transition: all 300ms ease-in-out;
        height: 114px;
    }
    .tile-stats:hover .icon i {
        animation-name: transformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, 0.41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: transformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: transformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }
    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 1%;
        z-index: 1
    }
    .tile-stats .icon2 {
        position: absolute;
        right: 2%;
        top: 5px;
        z-index: 15;
    }

    .tile-stats table{
        text-align: center;
        margin-top: 3%;
        /*line-height: 5px;*/
    }

    .tile-stats table thead{
        background-color: #10516c;
        color: white;
    }

    .tile-stats .card{
        line-height: 10px;
    }

    .tile-stats .card-header{
        padding: 3px;
    }

    .tile-stats .card-body{
        padding: 3px;
    }

    .tile-stats input{
        text-align: center;
        font-size: 14px;
    }

    .tile-stats select{
        width: 55%;
        float: right;
    }

    .tile-stats .icon i {
        margin: 0;
        margin-bottom: 3px;
        font-size: 30px;
        line-height: 0;
        vertical-align: bottom;
        padding: 0
    }
    .tile-stats .count {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.65857;
    }
    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0;
        margin-bottom: 4%;    
    }
    .tile-stats h3 {
        color: #BAB8B8
    }
    .tile-stats p {
        margin-top: 5px;
        font-size: 11px
    }
    #info1 .table td{
        padding:5px;
    }
    #info2 .col-2{
        margin-left: -10%;
    }
    #buscar{
        width: 110%;
        margin-left: -25%;        
    }
    #info3 .card-header{
        font-size:10px;
    }
    .tile-stats>.dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }

    ul.to_do {
        padding: 0
    }
    ul.to_do li {
        background: #f3f3f3;
        border-radius: 3px;
        position: relative;
        padding: 7px;
        margin-bottom: 5px;
        list-style: none
    }
    ul.to_do p {
        margin: 0
    }
    .ff{
        background-color: #f7f7f7;
        color: #f7f7f7;   
    }    
    
    .rotar{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #E6E9ED;
    -webkit-box-shadow: 0px 0px 15px 15px #E6E9ED;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    animation: spin .35s linear;
    }

    .chat-bubble { 
        background-color:#EDEDED;
        border:2px solid #666666;   
        font-size:35px;   
        line-height:1.3em;  
    /*    margin:10px auto;   */
        margin: -15% auto auto 11%;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50%;  
        -moz-border-radius:10px;  
        -webkit-border-radius:10px;   
        -moz-box-shadow:0 0 5px #888888;   
        -webkit-box-shadow:0 0 5px #888888; 
        display: none;
     } 
    .chat-bubble-arrow-border {   
        border-color: #666666 transparent transparent transparent; 
        border-style: solid;   
        border-width: 10px;   
        height:0;   
        width:0;   
        position:absolute;     
        bottom:-22px;   
        left:30px; 
    } 
    .chat-bubble-arrow {   
        border-color: #EDEDED transparent transparent transparent; 
        border-style: solid;  
        border-width: 10px;  
        height:0;  
        width:0;   
        position:absolute;   
        bottom:-19px;   
        left:30px; 
    }
    /* IE6 */
    .chat-bubble-arrow {
        _border-left-color: pink;
        _border-bottom-color: pink;
        _border-right-color: pink;
        _filter: chroma(color=pink);
    }      
    
    legend {
      padding-bottom: 7px;
    }
    .demo-placeholder {
      height: 280px;
    }

    .panel_toolbox {
        float: right;
    }
    .panel_toolbox>li {
        float: left;
        cursor: pointer
    }
    .panel_toolbox>li>a {
        padding: 5px;
        color: #C5C7CB;
        font-size: 14px
    }
    
    .fixed_height_320 {
        height: 320px
    }
    .fixed_height_355 {
        height: 225px
    }
    .fixed_height_200 {
        height: 200px
    }
    .fixed_height_250 {
        height: 250px
    }   
    .espacioPie{
        height: calc(0vh);
    }
    .alto2{
        height: calc(70vh);
    }
    .alto1{
        height: calc(83vh);
    }
    #tab-1{
        height: calc(42vh);
    }
    #tab-2{
        height: calc(42vh);
    }    
}   
    

@media (min-width:768px) {
  .tile_count .tile_stats_count .count {
    font-size: 22px;
  }
}
@media (min-width:1367px) {
  .tile_count .tile_stats_count .count {
    font-size: 24px;
  }
}

@media (min-width:1368px) and (max-width:1440px){
    
    #listaIns p, #listaShow p, #listaMov p{
        color: black !important;
        text-orientation:upright !important;
        writing-mode: vertical-rl !important;
        margin-left: 5% !important;
        font-size: 8px;
    }    
    
    .tile {
      position: relative;
      background: rgba(34, 45, 50, 0.4588235294117647);
      border-radius: 3px;
      padding: 0px 20px 0px 20px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .tile h2 {
        color: white;
    }      
    
    #tit{
        font-size: 1.50rem;
    }
    
    #home td{
        font-size: 11px;
    }
    
    #home td label{
        font-size: 11px;
    }
    
    .frame{
        /*margin-top: 1.7%;*/
        min-height: calc(92vh);
        margin-left: 8.5%;
        padding: 0px;
        /*padding-top: 1%;*/
        width: 91.5%;
        background-color: #222d32;
        -webkit-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
        border: 0px;
        -webkit-user-select: none;        
        -ms-user-select : none;
        -moz-user-select : none;
    }   
    #fluid{
        width: 100%;
    }    
  /*recordatorio*/
  
    #nRec{
      display: none;
      position: fixed;
      top: calc(0.5vh);
      height: 22px;
      background-color: red;
      /* left: 95%; */
      width: 22px;
      border-radius: 13px;
      color: white;
      z-index: -1;
      text-align: center;
      padding: 2px;      
    }
  
    #textRec{
        position: absolute;
        top: calc(6vh);
        height: 100%;
        background-color: rgba(56, 67, 78, 0.67);
        left: 79%;
        width: 23%;
        color: white;
        z-index: 15;
        text-align: center;
        padding: 2px;
        display: none; 
        padding-top: calc(1vh);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        overflow-y: scroll;
        padding-right: 6px;
    }
    #textRec .row{
        padding: 4%;
        background-color: rgba(136, 150, 150, 0.78);
        min-height: calc(50vh);
    }
    #textRec h3{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0px;
    }
    #textRec button{
        width: 50%;
        font-size: 13px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    }
    #textRec .row:hover{
        background-color: rgba(94, 107, 107, 0.84)!IMPORTANT;
    }  
    #textRec .card-body{
        padding: 2px;
        height: calc(45vh);
    }  
    #textRec .card-body textArea{
        height: calc(33vh);
        margin-top: 5%;
        width: 90%;
    }      
    
    #home{
        cursor: pointer;
        padding-top: 50px;
        background: #F7F7F7;
        overflow-y: scroll;    
        height: 713px;
    }
    #tbrec .tds{
        display:none;
        z-index: 15;
        position:absolute;
        width: 95%;
        left: 0px;
    }    
    
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #integration-list {
      width: 100%;
      margin: 0 auto;
      display: table;
    }
    #integration-list ul {
      padding: 0;
      margin: 20px 0;
      color: #555;
    }
    #integration-list ul > li {
      list-style: none;
      border-top: 1px solid #ddd;
      display: block;
      padding: 15px;
      overflow: hidden;
    }
    #integration-list ul:last-child {
      border-bottom: 1px solid #ddd;
    }
    #integration-list ul > li:hover {
      background: #efefef;
    }
    .expand {
      display: block;
      text-decoration: none;
      color: #555;
      cursor: pointer;
    }
    .expand h2 {
      width: 85%;
      float: left;
    }
    h2 {
      font-size: 18px;
      font-weight: 400;
    }
    #left, #right {
      display: table;
    }
    #sup {
      display: table-cell;
      vertical-align: middle;
      width: 80%;
    }
    .detail a {
      text-decoration: none;
      color: #C0392B;
      border: 1px solid #C0392B;
      padding: 6px 10px 5px;
      font-size: 13px;
      margin-right: 7px;
    }
    .detail {
      margin: 10px 0 10px 0px;
      display: none;
      line-height: 22px;
      height: 150px;
    }
    .detail span {
      margin: 0;
    }
    .right-arrow {
      width: 10px;
      float: right;
      font-weight: bold;
      font-size: 20px;
    }
    .accordion .panel {
      margin-bottom: 5px;
      border-radius: 0;
      border-bottom: 1px solid #efefef;
    }
    .accordion .panel-heading {
      background: #F2F5F7;
      padding: 13px;
      width: 100%;
      display: block;
    }
    .accordion .panel:hover {
      background: #F2F5F7;
    }

        #nuf{
        font-size: 18px !important;
    }    
    #torta {
        height: calc(23vh);
    }  
    #data {
        height: calc(41vh);
    }      
    .tablita{
        font-size: 10px !important;
    }
    #mv{
        width: 50%;
        float: right;
        margin-right: 1%;
    }
    #mc{
        width: 50%;
        float: right;
        margin-right: 1%;
    } 

    .x_panel {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      padding: 3px 17px;
      display: inline-block;
      background: #fff;
      border: 1px solid #E6E9ED;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
      opacity: 1;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    }
    
    .x_panel .card{
        width: 135%;
        margin-left: -30px;        
    }

    .x_panel i {
        font-size: 20px;
    }
    .x_title {
      border-bottom: 2px solid #E6E9ED;
      padding: 1px 5px 0px;
      /*margin-bottom: 10px;*/
      background-color: #10516c;
    }
    .x_title .filter {
      width: 40%;
      float: right;
    }
    .x_title h2 {
      margin: 5px 0 6px;
      float: left;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .x_title h2 small {
      margin-left: 10px;
    }
    .x_title span {
      color: #BDBDBD;
    }
    .x_content {
      padding: 0 5px 6px;
      position: relative;
      width: 100%;
      float: left;
      clear: both;
      /*margin-top: 5px;*/
    }
    .x_content h4 {
      font-size: 16px;
      font-weight: 500;
    }    
    
    /** top tiles  */
    .tile_count {
      margin-bottom: 15px;
      margin-top: 15px;
    }
    .tile_count .tile_stats_count {
      border-bottom: 1px solid #D9DEE4;
      padding: 0 5px 0 10px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

      footer {
        margin-left: 230px;
      }

      .tile_count .tile_stats_count {
        margin-bottom: 5px;
        border-bottom: 0;
        padding-bottom: 10px;
      }
    .tile_count .tile_stats_count:before {
      content:"";
      position: absolute;
      left: 0;
      height: 65px;
      border-left: 2px solid #ADB2B5;
      margin-top: 5px;
    }
      .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
      }
    .tile_count .tile_stats_count .count {
      font-size: 20px;
      line-height: 40px;
      font-weight: 600;
    }

    .tile_count .tile_stats_count span {
      font-size: 11px;
    }
    .tile_count .tile_stats_count .count_top {
      font-size: 11px;
    }
  
    .tile_count .tile_stats_count .count_bottom i {
      width: 10px;
    }
    /** /top tiles **/
    
    .top_tiles {
        margin-bottom: 0
    }
    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold
    }

    .tile-stats {
        position: relative;
        display: block;
        margin-bottom: 12px;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        background: #FFF;
        transition: all 300ms ease-in-out;
        height: 114px;
    }
    .tile-stats:hover .icon i {
        animation-name: transformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, 0.41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: transformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: transformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }
    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 1%;
        z-index: 1
    }
    .tile-stats .icon2 {
        position: absolute;
        right: 2%;
        top: 5px;
        z-index: 15;
    }

    .tile-stats table{
        text-align: center;
        margin-top: 3%;
        /*line-height: 5px;*/
    }

    .tile-stats table thead{
        background-color: #10516c;
        color: white;
    }

    .tile-stats .card{
        line-height: 10px;
    }

    .tile-stats .card-header{
        padding: 3px;
    }

    .tile-stats .card-body{
        padding: 3px;
    }

    .tile-stats input{
        text-align: center;
        font-size: 14px;
    }

    .tile-stats select{
        width: 55%;
        float: right;
    }

    .tile-stats .icon i {
        margin: 0;
        margin-bottom: 3px;
        font-size: 30px;
        line-height: 0;
        vertical-align: bottom;
        padding: 0
    }
    .tile-stats .count {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.65857;
    }
    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0;
        margin-bottom: 4%;    
    }
    .tile-stats h3 {
        color: #BAB8B8
    }
    .tile-stats p {
        margin-top: 5px;
        font-size: 11px
    }
    #info1 .table td{
        padding:5px;
    }
    #info2 .col-2{
        margin-left: -10%;
    }
    #buscar{
        width: 110%;
        margin-left: -25%;        
    }
    #info3 .card-header{
        font-size:10px;
    }
    .tile-stats>.dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }
    .tile-stats>.dash-box-footer:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.15)
    }

    ul.to_do {
        padding: 0
    }
    ul.to_do li {
        background: #f3f3f3;
        border-radius: 3px;
        position: relative;
        padding: 7px;
        margin-bottom: 5px;
        list-style: none
    }
    ul.to_do p {
        margin: 0
    }
    .ff{
        background-color: #f7f7f7;
        color: #f7f7f7;   
    }    

    .rotar{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #E6E9ED;
    -webkit-box-shadow: 0px 0px 15px 15px #E6E9ED;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    animation: spin .35s linear;
    }

    .chat-bubble { 
        background-color:#EDEDED;
        border:2px solid #666666;   
        font-size:35px;   
        line-height:1.3em;  
        margin: -15% auto auto 11%;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50%;  
        -moz-border-radius:10px;  
        -webkit-border-radius:10px;   
        -moz-box-shadow:0 0 5px #888888;   
        -webkit-box-shadow:0 0 5px #888888; 
        display: none;
     } 
    .chat-bubble-arrow-border {   
        border-color: #666666 transparent transparent transparent; 
        border-style: solid;   
        border-width: 10px;   
        height:0;   
        width:0;   
        position:absolute;     
        bottom:-22px;   
        left:30px; 
    } 
    .chat-bubble-arrow {   
        border-color: #EDEDED transparent transparent transparent; 
        border-style: solid;  
        border-width: 10px;  
        height:0;  
        width:0;   
        position:absolute;   
        bottom:-19px;   
        left:30px; 
    }
    /* IE6 */
    .chat-bubble-arrow {
        _border-left-color: pink;
        _border-bottom-color: pink;
        _border-right-color: pink;
        _filter: chroma(color=pink);
    }  
    
    legend {
      padding-bottom: 7px;
    }
    .demo-placeholder {
      height: 280px;
    }

    .panel_toolbox {
        float: right;
    }
    .panel_toolbox>li {
        float: left;
        cursor: pointer
    }
    .panel_toolbox>li>a {
        padding: 5px;
        color: #C5C7CB;
        font-size: 14px
    }
    
    .fixed_height_320 {
        height: 320px
    }
    .fixed_height_355 {
/*        height: 355px*/
        height: 240px
    }
    .fixed_height_200 {
        height: 200px
    }
    .fixed_height_250 {
        height: 250px
    }      
    #myChart{
        height: 276px
    }
    .alto2{
        height: calc(70vh);
    }
    .alto1{
        height: calc(83vh);
    }
    #tab-1{
        height: calc(42vh);
    }
    #tab-2{
        height: calc(42vh);
    }    
} 

#coment{
    font-size: 18px;
}
#btnok{
    display: none;
}

#hole {
    position: absolute;
    z-index: 100000000;
    top: -24%;
    left: 7.5%;
    right: 50px;
    width: 40%;
    height: calc(40vh);
    /* box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);*/
}

#guide{
    margin: 0px;
    width: 101%;
    height: 101%;
    position: absolute;
    z-index: 8;
    top: 0px;
    z-index: 1500;
    display: none;  
}

.bokeh{
    opacity: 0.9;
    background-color: #000000d6;  
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);
}   

#expercito{
    position: absolute;
    width: 160px;
    display: none;
    top: 15%;
    left: 12%;
}



#chatcito{
    position: absolute;
    left: 20%;
}

#torta .highcharts-background {
    fill: #ffffff00;
}
#mostrarVideo{
    width: 60%;
    left: 20%;
    margin-top: 3%;
    position: absolute;
    z-index: 1;
     display: none;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cargarNew{
    position: absolute;
    top: calc(6vh);
    height: 100%;
    background-color: rgba(56, 67, 78, 0.67);
    left: 66%;
    width: 35%;
    color: white;
    z-index: 15;
    text-align: center;
    padding: 2px;
    display: none;
    padding-top: calc(1vh);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    overflow-y: scroll;
    padding-right: 6px;
}
.newArchvo{
    background-color: #c1e9f5;
    position: absolute;
    color: #CCC;
    font: 13px Verdana, Helvetica, sans-serif;
    text-align: left;
    display: block;
    cursor: pointer;
    left: 98%;
    display: none;
    width: 10%;
    height: 12% !important;
    padding: 15px 0px;
    position: fixed;
    z-index: 99;
    border: 1px solid #424141;
    border-radius: 12px 0px 0px 12px;
    box-shadow: 2px 2px 5px #333;
}
.newArchvo2{
    background-color: #c1e9f5;
    position: absolute;
    color: #CCC;
    font: 13px Verdana, Helvetica, sans-serif;
    text-align: left;
    display: block;
    cursor: pointer;
    left: 98%;
    display: none;
    width: 10%;
    height: 15% !important;
    padding: 15px 0px;
    position: fixed;
    z-index: 99;
    border: 1px solid #424141;
    border-radius: 12px 0px 0px 12px;
    box-shadow: 2px 2px 5px #333;
}
.newArchvo3{
    background-color: #c1e9f5;
    position: absolute;
    color: #CCC;
    font: 13px Verdana, Helvetica, sans-serif;
    text-align: left;
    display: block;
    cursor: pointer;
    left: 98%;
    display: none;
    width: 10%;
    height: 19% !important;
    padding: 15px 0px;
    position: fixed;
    z-index: 99;
    border: 1px solid #424141;
    border-radius: 12px 0px 0px 12px;
    box-shadow: 2px 2px 5px #333;
}

.asicar{
    font-size: 11px;
    padding: 2px;
    height: 22px !IMPORTANT;
}

.tblasi{
    margin-bottom:0px;
}
.tblasi td{
    border-top: none;
    font-size: 12px;
    padding: 3px;
    overflow-x: hidden;
}
.tblasi th{
    padding: 3px;
}

#insSucu,#insTimb,#insTimbProv{
    height: 15% !important;
}

#insCli{
    height: 13.5% !important;
}

#insPrv{
    height: 16% !important;
}

/*#listaIns p, #listaShow p, #listaMov p{
    color: black !important;
    text-orientation:upright !important;
    writing-mode: vertical-rl !important;
    margin-left: 5% !important;
    font-size: 11px;
}*/

.tab-primary li{
    border: 1px solid #dcd9d9;
    background: #f2f2f3;
    font-weight: normal;
}
.tab-primary{
    background: #f7f7f7;
}
.tab-primary a{
    color: #000;
}
.tab-sel{
    background:#14aabd !IMPORTANT;
    border: 1px solid #5f5d5d !IMPORTANT;
}
.tab-sel a{
    color: white;
}

@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 12px !IMPORTANT;
  }
  #nuf{
      font-size: 12px !IMPORTANT;
  }
  #home td {
        font-size: 9px;
    }
    #tit {
        font-size: 1rem;
    }
    #mm{
        font-size: 7px !IMPORTANT;
    }
    #nombreServ{
        display: none;
    }
    .fixed_height_355 {
        height: 157px;
    }
    #salTit{
        font-size: 7px;
    }
    #torta {
        height: calc(23vh);
    }
    #torta tspan{
        font-size: 7px;
    }
    #myChart {
        height: 190px;
    }
    .tile-stats .count {
        font-size: 12px;
    }
    .tile-stats .icon {
    width: 10px;
    height: 10px;
    }
    .tile-stats .icon i {
        margin-bottom: 6px;
        font-size: 18px;
    }
    .tile-stats p {
        font-size: 7px;
    }
    .x_title h2 {
        font-size: 12px;
    }
    .tile-stats input {
        font-size: 8px;
    }
    #selF, #selN{
        width: 100%;
        font-size: 7px;
        padding: 1px;
    }
    #btnbus{
        width: 26px;
        height: 25px;
        padding: 1px;
    }
    #insCuenta{
        top: 11%!IMPORTANT;
        height: 12% !important;
    }
    #insSucu{
        top: 22%!IMPORTANT;
        height: 15% !important;
    }
    #insCentro{
        top: 36%!IMPORTANT;
        height: 12% !important;
    }
    #insMoneda{
        top: 47%!IMPORTANT;
        height: 12% !important;
    }
    #listaIns p, #listaShow p, #listaMov p {
        font-size: 7px;
    }
    .newArchvo{
        padding: 8px 0px;
    }
}