.content-wrapper .form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto; 
}
h4 .small {
	color: #fff;
}
.treeview-menu>li>a {
    overflow: hidden;
    text-overflow: ellipsis;
}
.jumbotron {
    background-color: #d6d6d6;
    margin-top: 15px;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.navbar-nav>.user-menu .user-image {
    margin-bottom: 12px;
    margin-right: -2px;
}
.skin-blue .main-header .navbar .nav>li>a {
    height: 50px;
}
.login {
    margin-top: 100px;
}
.small-box>.small-box-header {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: rgba(0,0,0,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}
.small-box .icon_with_header {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    font-size: 11vmin;
    color: rgba(0,0,0,0.15);
}
.bg-kpi {
    background-color: #ffffff !important;
    color: #000 !important;
}
.bg-kpi-txt-orange {
  color: #ff7701 !important;
}
.bg-kpi-txt-success {
  color: #008d4c !important;
}
.bg-kpi-txt-danger {
  color: #d33724 !important;
}
.small-box>.small-box-footer {
  color: #000;
}
.kpi_lbl {
    color: #000;
    font-size: 40%;
}
.small-box h3 {
    font-weight: normal;
    font-size: 6.0vmin;
}


/* produccion mes tabla 1 */
.bg-tit-prod1 {
    color: #fff;
    background-color: #00c0ef;
}
.bg-tit2-prod1 {
    color: #fff;
    background-color: #00c0ef;
}
.bg-det-prod1 {
    color: #000;
    background-color: #99daea;
}


/* produccion mes tabla 2 */
.bg-tit-prod2 {
    color: #000;
    background-color: #32ecd9;
}
.bg-tit2-prod2 {
    color: #000;
    background-color: #32ecd9;
}
.bg-det-prod2 {
    color: #000;
    background-color: #eafff7;
}


/* produccion año tabla 1 */
.bg-tit-prod1-a {
    color: #fff;
    background-color: #f39c12;
}
.bg-tit2-prod1-a {
    color: #fff;
    background-color: #f39c12;
}
.bg-det-prod1-a {
    color: #000;
    background-color: #ead8bc;
}


/* produccion ano tabla 2 */
.bg-tit-prod2-a {
    color: #000;
    background-color: #f9e83f;
}
.bg-tit2-prod2-a {
    color: #000;
    background-color: #f9e83f;
}
.bg-det-prod2-a {
    color: #000;
    background-color: #fffbef;
}


/* compras */
.bg-tit-comp1 {
    color: #fff;
    background-color: #dd4b39;
}
.bg-tit-comp2 {
    color: #fff;
    background-color: #00a65a;
}

/* combustible */
.bg-tit-comb1 {
    color: #fff;
    background-color: #0073b7;
}
.bg-tit-comb2 {
    color: #000;
    background-color: #f58b54;
}

/* carros cargados */
.bg-tit-carcarg1 {
    color: #fff;
    background-color: #39cccc;
}
.bg-det-carcarg1 {
    color: #000;
    background-color: #f3ffff;
}

/* carros cargados */
.bg-tit-cartran1 {
    color: #fff;
    background-color: #ee4266;
}
.bg-det-cartran1 {
    color: #000;
    background-color: #ffeef2;
}


.text-carcarg {
    color: #39cccc !important;
}
.text-produc {
    color: #00c0ef !important;
}
.text-compras {
    color: #dd4b39 !important;
}
.text-combus {
    color: #0073b7 !important;
}


.bg-verde-light {
    background-color: #39cccc !important;
    color: #fff !important;
}
.bg-rojo-light {
    background-color: #ee4266 !important;
    color: #fff !important;
}
.bg-oliva-light {
    background-color: #987617 !important;
    color: #fff !important;
}
.bg-choco { /*, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {*/
    background-color: #f58b54 !important;
    color: #fff !important;
}

#text {
    MARGIN: 50px auto; WIDTH: 500px;
}
.hotspot {
    BORDER-BOTTOM: #900 1px dotted; PADDING-BOTTOM: 1px; COLOR: #900; CURSOR: pointer;
}
#tt {
    POSITION: absolute; DISPLAY: block; BACKGROUND: url(../img/tt_left.gif) no-repeat left top; z-index: 10000;
}
#tttop {
    DISPLAY: block; BACKGROUND: url(../img/tt_top.gif) no-repeat right top; HEIGHT: 5px; MARGIN-LEFT: 5px; OVERFLOW: hidden;
}
#ttcont {
    PADDING-BOTTOM: 3px; PADDING-LEFT: 7px; PADDING-RIGHT: 12px; DISPLAY: block; BACKGROUND: #666; COLOR: #fff; MARGIN-LEFT: 5px; PADDING-TOP: 2px; font-size: 12px;
}
#ttbot {
    DISPLAY: block; BACKGROUND: url(../img/tt_bottom.gif) no-repeat right top; HEIGHT: 5px; MARGIN-LEFT: 5px; OVERFLOW: hidden;
}

.sect {
    min-height: calc(107vh - 167px);
    width: 100%;
    background-size: cover; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.sectblank {
    height: 51px;
    width: 100%;
    background: #ffffff;
}

.sect-passengers {background-image: url("../img/trainpass-640.jpg");}


@media screen and (max-width:480px){
    .sect1 {background-image: url("../img/train-640.jpg");}
    .sect-ctrlpatios {background-image: url("../img/railroad-640.jpg");}
    .sect-railway {background-image: url("../img/railway-640.jpg");}
    .sect-presupuesto {background-image: url("../img/calculator-640.jpg");}
    .sect-tiempos {background-image: url("../img/pocket-watch-640.jpg");}
    .sect-velocidad {background-image: url("../img/speed-640.jpg");}
    .sect-velocidad2 {background-image: url("../img/speed-640.jpg");}
    .sect-comite {background-image: url("../img/invoice-640.jpg");}
    .sect-contrato {background-image: url("../img/contrato-640.jpg");}
    .home-sistemas {background: url("../img/matrix-640.jpg") no-repeat center center fixed;}
}

@media screen and (max-width:1000px){
    .sect1 {background-image: url("../img/train-1280.jpg");}
    .sect-ctrlpatios {background-image: url("../img/railroad-1280.jpg");}
    .sect-railway {background-image: url("../img/railway-1280.jpg");}
    .sect-presupuesto {background-image: url("../img/calculator-1280.jpg");}
    .sect-tiempos {background-image: url("../img/pocket-watch-1280.jpg");}
    .sect-velocidad {background-image: url("../img/speed-1280.jpg");}
    .sect-velocidad2 {background-image: url("../img/speed-1280.jpg");}
    .sect-comite {background-image: url("../img/invoice-1280.jpg");}
    .sect-contrato {background-image: url("../img/contrato-1280.jpg");}
    .home-sistemas {background: url("../img/matrix-1280.jpg") no-repeat center center fixed;}
}

@media screen and (min-width:1001px){
    .sect1 {background-image: url("../img/train-1920.jpg");}
    .sect-ctrlpatios {background-image: url("../img/railroad-1920.jpg");}
    .sect-railway {background-image: url("../img/railway-1920.jpg");}
    .sect-presupuesto {background-image: url("../img/calculator-1920.jpg");}
    .sect-tiempos {background-image: url("../img/pocket-watch-1280.jpg");}
    .sect-velocidad {background-image: url("../img/speed-1920.jpg");}
    .sect-velocidad2 {background-image: url("../img/speed-1920.jpg");}
    .sect-comite {background-image: url("../img/invoice-1920.jpg");}
    .sect-contrato {background-image: url("../img/contrato-1920.jpg");}
    .home-sistemas {background: url("../img/matrix-1920.jpg") no-repeat center center fixed;}
}

@media print {
 @page {                
    size: A4;
    margin: 10mm;
  }

  html, body {
    width: 1024px;
  }

  body {
    margin: 0 auto;
    line-height: 1em;
    word-spacing:1px;
    letter-spacing:0.2px;
    font: 14px "Source Sans Pro", "Helvetica Neue", Tahoma;
    background:white;
    color:black;
    width: 80%;
    float: none;
  }
  .rows-print-as-pages {
    page-break-after: always;
  }
  /* avoid page-breaks inside a listingContainer*/
  .listingContainer{
    page-break-inside: avoid;
  }

  h1 {
    font: 28px "Source Sans Pro", "Helvetica Neue", Tahoma;
  }

  h2 {
    font: 24px "Source Sans Pro", "Helvetica Neue", Tahoma;
  }

  h3 {
    font: 20px "Source Sans Pro", "Helvetica Neue", Tahoma;
  }

  /* Improve colour contrast of links */
  a:link, a:visited {
    color: #781351
  }

  /* URL */
  a:link, a:visited {
    background: transparent;
    color:#333;
    text-decoration:none;
  }

  a[href]:after {
    content: "" !important;
  }

  a[href^="http://"] {
    color:#000;
  }

  #header {
    height:75px;
    font-size: 24pt;
    color:black
  }
}

.SubSect {
    width: 100%;
    background-color: #f8f8f8;
    padding-bottom: 20px;
}
.btn-landing {
    border-radius: 9px;
    font-family: 'Oswald', sans-serif;
    color: #03A9F4;
    font-size: 135%;
    padding: 10px 20px;
    border: solid #03A9F4 3px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 50px;
}
.intro .inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: none;
}
.intro {
    min-height: calc(107vh - 167px);
    width: 100%;
    margin: auto;
    text-align: center;
    display: table;
    top: 0;
    background-size: cover;
}

.content-page {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.intro-page {
    padding-bottom: 170px;
    min-height: calc(107vh - 167px);
    background-color: #221c5a;
    /*background-image: url("../img/railroad-1920.jpg");*/
    background-repeat: repeat;
    background-position: center top;
    background-size: cover;
    z-index: 10;
}
.content-1170 {
    width: 1170px;
}

.center-text {
    text-align: center !important;
}
.center-relative {
    margin-left: auto;
    margin-right: auto;
}
.block {
    display: block;
}
#kpi-db-tonsxcli-graph,
#line-chart,
#bar-chart,
#stacked,
#pie-chart{
  min-height: 250px;
}

/** SPINNER CREATION **/

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/** MODAL STYLING **/

.modal-content-loadme {
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}
/*
.modal-backdrop.show {
  opacity: 0.75;
}
*/
.loader-txt {
  p {
    font-size: 13px;
    color: #666;
    small {
      font-size: 11.5px;
      color: #999;
    }
  }
}

.notifications-itm .label {
    position: relative;
    top: -10px;
    right: 0px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.dataTables_filter {
  float: right;
}

.modalOP {
    position: relative;
    overflow-y: auto;
    min-height: fit-content;
    min-width: : fit-content;
    padding: 15px;
}
#modalDiagOP {
    width: 80%;
    min-height: calc(100vh - 150px);;
}
#f1 {
    width: 100%;
    min-height: calc(100vh - 150px);;
}
.sidebar-menu>li>a {
    padding: 5px 5px 5px 15px;
}