
/* Global Styles */

/* ------------------------------- */

 body {
 /*   background: rgb(98, 120, 141) none repeat scroll 0% 0%; */
 background:#edf2fa;
}

/* Wrappers */
    #registro-eventos,#historial_emp { list-style-type: none; margin: 0; padding: 0; }
    #registro-eventos li,#historial_emp li { padding: 5px 10px; }
    #registro-eventos li:nth-child(odd),#historial_emp li:nth-child(odd) { background: #eee; }
.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1041;
  padding-top: 20%;
    background-color:#000;
    filter: Alpha(Opacity=0.65);
    opacity: .65;
}

#procesando-2{
    position: fixed;
    width: 100%;
    top: 20%;
    z-index: 1042;
}

/* ------------------------------- */
.fila_elegida {
}
.fila_elegida td{
    background-color: #A9D0F5 !important;
}
 #wrapper {
    width: 100%;
    margin-top: 55px!important; 
    /* background-color:#E0E6F8; */ 
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    /* background-color:#E0E6F8; */
}

.pie_pagina p{
    font-size: 14px;
    /*text-shadow: 0.5px 0.5px 0.5px #fff;*/
}


.pie_pagina{
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    width: 80%;
}
.pie_pagina hr{border-color: #27A6BE;}
    

.navbar-static-side ul li {
    border-bottom:1px solid #000000 !important;
}

/* Navigation */

/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */

 .navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    /*margin-right: 15px;*/
}

.navbar-top-links li a {
    /*padding: 20px;*/
    /*min-height: 50px;*/
}

.navbar-top-links .dropdown-menu li {
    display: block;
    padding: 1px 2px 1px 2px;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 3px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.arrow:before {
    content: "\e086";
}

.active > a > .arrow:before {
    content: "\e095";
}
.nav-second-level li{background-color: #E0ECF8;}
.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li{
    padding-left: 5px !important;
}
.nav-third-level li{background-color:#f5f9fd;}
.nav-third-level li{
    padding-left: 10px !important;
}
.sub-menu{cursor: pointer;}
@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/* Buttons */

/* ------------------------------- font-size: 20px;*/
.btn{
}
.hoja .panel-heading .btn,.panel-heading a,.aceptar i{font-size: 20px !important;}/*.items tr td a,*/
 .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

 .chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 280px;
    overflow-y: scroll;
}
.panel-body .panel {
    box-shadow:none;
}
/* Login Page */

 .login-panel {
    margin-top: 15%;
}
.body-Backcolor {
    background-color:#000;
}
.logo-margin {
    margin-top:100px;
}

/* Flot Chart Containers */

 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

 table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}


/* SWITCH CSS3- activado o desactivado*/
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #428BCA; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
.ruta{float: right;}
.lupita-wpr{ position: relative;}
.lupita-wpr input,.lupita-wpr textarea{padding-right: 5px;}
.lupita { display: block; text-decoration: none; position: absolute;  font-weight: bold; padding: 0px 3px;  top: -6px; right:0;font-size: 11px; }
textarea{width:100%; border:0px none; resize: none;background-color: transparent;}
textarea:nth-child(2n+1){background-color: transparent;}
tr.select td{background:#FCF6AF !important;}
.si_sucu,.si_conta{display: none;}
.detalles_empresa{text-align:center; vertical-align: top;}
.accion-factura{width: 20px;}
.iframe_maestros{width: 100%; height:400px;}
iframe{width: 100%;height: 100%;}
iframe #maestros #page-wrapper{margin:0px 0px 0px 0px;}
object{padding-left: -250px;}
.ref_otro{float: right;width:65% !important;}
/*
div{
appearance:button;
-moz-appearance:button; // Firefox
-webkit-appearance:button; // Safari and Chrome
    margin: 0;
}
*/
.sin_espacio td{padding: 0 !important;}
.sin_espacio td input{margin: 0 !important; padding: 0 !important;}
.paginado{display: inline-block;margin:0; height: 20px; float: left;}
.paginado ul {border:0; text-align: center; padding:0;display: block; }
.paginado li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ display: inline; }
.paginado a { border:solid 1px #9aafe5; margin-right:2px; }
.paginado .previous-off,
.paginado .next-off{ border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
.paginado .next a,
.paginado .previous a{ font-weight:bold; }
.paginado .active{ background:#2e6ab1; color:#FFFFFF; font-weight:bold; padding:4px 6px; /* savers */ margin-right:2px; }
.paginado a:link,
.paginado a:visited{ color:#0e509e; display:table-cell; padding:3px 6px; text-decoration:none;}
.paginado a:hover{border:solid 1px #0e509e;}
.paginado .input-group{width: 150px;}
.paginado .btn{width: 35px !important; vertical-align: top; display: table-cell; float: none;}
.paginado input{width: 100px !important; text-align: center; display: table-cell;}
#botonera_documentos .btn{vertical-align: top;}
#documento_guardado{position:relative;}
#identity{}
#maestros_sucursales span{}
.super_capa{
    background: #333;
    position: absolute;
    z-index: 444;
    width: 100%;
    height: 100%;
    width: 0 auto;
    opacity: 0.2;
    filter:  alpha(opacity=20);
}
.mega_class{position: relative;}
.super_referencia{
    background: #FFF;
    position: absolute;
    z-index: 445;
    width: 100%;
    height: 100px;
    width: 0 auto;
    display: none;
}
time{display: block;text-align: right;}
/*time input,time label{}*/
/*
.time{position:relative; display: block; text-align: right; height: 30px;}
.time>select{position:absolute; display:none; margin-left: 0; width: 35px; font-size: 10px;}
.time>select:nth-of-type(2){margin-left:35px;width:70px;}
.time>select:nth-of-type(3){margin-left:95px;width: 50px;}
.time input{display:inline-block;}
.time:hover>select{display: inline-block;}
.time .success{border: 1px green solid;}
.time .error{border: 1px red solid; background-color:#FA5858;}
*/
.time{
    position: absolute;
    z-index: 1051;
    border-radius: 25px;
    padding: 5px;
    background-color: #428BCA;
    border-color: #357EBD;
    vertical-align: top;
}
.time select{
    vertical-align: top;
}
.ui-datepicker{ z-index: 9999 !important;}
#page-wrapper{display: none;}
.table > tbody > tr > td{padding: 1px !important;}
td{min-height: 20px;}
.modal-body {padding: 0 !important;}
.modal-footer {padding: 3px 4px 4px;margin-top:6px;}
#page-wrapper{margin-top: 75px !important;}
.form-control {height: auto;}
#hoja .form-control{min-width: 80px; min-height:15px}
#page-wrapper {margin: 70px 0 0 0 !important;}
.navbar-static-side {width: 100%; max-width: 300px; position: inherit !important;}
.cabecera{border:1px red solid; padding:1px;text-align:center; margin:0;}
.hoja{max-width: 792px; margin: 0 auto}
.td-max{max-width: 300px;}

.arti_{display: none;background: #F7F8E0; padding: 5px 5px 0 5px;}
.panel-info{}
.col-md-2 > #memorias{width: 100%;}
/*#ayudas>*/
/*
#ayudas li{display: table;}
.arti_:nth-child(2){margin-left: 10px;}
.arti_:nth-child(3){margin-left: 20px;}
.arti_:nth-child(4){margin-left: 30px;}
*/
.arti_visible{display: block;}
#membrete{
    display: inline-block;
    margin-left: 3%;
}
.navbar-collapse{
    max-height: 440px
}
#ayuda{
    text-align: right;
    padding-top: 10px;
    display: inline-block;
    margin-left: 3%;
}
#ayuda input{
    display: inline-block;
    margin: 0;
}
#ayuda span{display: inline-block; color:#FFF;}
#ayuda div{margin: 0; padding: 0;}
#navegador_link{margin: 0px; position: absolute; text-align: left; background-color: #fff;list-style:none;margin-top: 0;}
#navegador_link li {margin-left: -38px;}
#navegador_link a{
 color:#333;
}
.minimizar_ayuda{
    font-size: 20px;
    padding: 0;
    margin: 0;
    width: 10%;
    display: inline-block;
}
.encima{background: rgba(111, 190, 253, 0.22) none repeat scroll 0% 0% !important;}
body .ui-autocomplete{z-index: 9999999 !important;}
.star212{color:#F3F781; text-shadow: 1px 1px 1px #000;}
.hidden{display: none;}
.cubos{position: relative;width: 80px; height: 70px; display: inline-block; padding: 5px; text-align: center; vertical-align: top;background: #F9F9F9;margin-bottom: 5px;margin-right: 5px;}
.cubos a i{display: block;}
.cubos span{position: absolute; top: 15px; right: 15px;}
.cubos_meses{height: 65px;}
.cubos_meses a{color:#084B8A; text-shadow: 5px 5px 5px #000;}
.cubos_meses span{font-size:15px; top: 40px; right: 50px; color:#fff; text-shadow: 5px 5px 5px #000;}
.cubos_meses span:hover{color:#000;}
.cubos_meses_off a{color:#666;}
#map {
    background: url(./img/original/flexwin_logo_10197699-8.png) no-repeat top left;
  border: 1px solid #DDD;
margin: -4px auto 0 auto;
  height: 250px;
  width: 250px;
  margin: 0;
  -webkit-box-shadow: #AAA 0px 0px 15px;
  display: none;
  padding: 28px 0 32px;
    overflow: hidden;
  position: relative !important;
  z-index: 1;
}
.input-positioned{
    display: none;
}
#legend {
  font-size: 12px;
  font-style: italic;
}
.fixed-centro{
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
}
#display{
    position: fixed;
    padding-left: 20%;
    padding-right: 20%;
    bottom: 0;
    right:auto;
    left: auto;
    z-index: 9999;
    width: 100%;
    opacity: 0.9;
    text-align: center;
}
.derecha{float: right;}
.adicional input{ margin-right: 0; max-width: 140px; float: right;}
td,th,h1,h2,h3,h4,h5,h6,a,a > span,p,b,span,input,textarea,button,label,li{font-size: 10px;}
.grupos{padding: 5px; border-radius:5px; margin: 5px 5px 0 0; display: inline-block; background: #81BEF7; cursor: pointer;}
.grupos:hover{background: #2E9AFE;}
.numero_fila{width: 17px;vertical-align: top;display: inline-block; text-align: center;}
.numero{max-width: 100px;}
.menu_arti{width: 24px; display: inline-block; position: absolute;left: -25px;background: white}
.arti_similar,.arti_delete{text-align: center;}
.arti_similar{background: #CEF6CE;}
.arti_similar:hover{background:#58FA58;}
.arti_delete{background: #F6CECE;}
.arti_delete:hover{background: #FA8258;}
.imprimir{text-align: right;}
#counter{
    position: absolute;
    right: 10px;
    font-size: 11px;
    font-weight: bold;
    color: rgb(153, 153, 153);
}
#counter b{color: red;}

.timeline-badge{
    display: inline-block;
    top: 16px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
}
.trans_input{background: transparent none repeat scroll 0% 0%;
border: medium none;}
.red{background: red}
.letra_red{color:red;}
.letra_lead{color:#333333}
.blue{background: blue}
.green{background: green}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.caja-color{width:10px !important; height:10px !important; border-radius: 50%; display:inline-block}
.modal{overflow:hidden}
.modal-header{cursor: move;}
.panel{
	/*box-shadow: 0 1px 5px #333;*/
	box-shadow: 0 4px 8px #3778B1 !important;
}
.modal-body .panel{
	/*box-shadow: 0 1px 1px #333 !important; */
	box-shadow: 0 4px 8px #3778B1 !important;
	}


    /*



ALERTIFY



    */


    /**
 * alertifyjs 1.8.0 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2016 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dialog {
  background-color: white;
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.alertify .ajs-header {
  color: black;
  font-weight: bold;
  background-color: #E0ECF8;
  border-bottom: #eee 1px solid;
  border-radius: 2px 2px 0 0;
}
.alertify .ajs-body {
  color: black;
}
.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #CCC;
}
.alertify .ajs-body .ajs-content{
    font-size: 14px;
}
.alertify .ajs-body .ajs-content p {
  margin: 0;
}
.alertify .ajs-footer {
  background: #fbfbfb;
  border-top: #eee 1px solid;
  border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #3593D2;
}
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}

.checked{margin:0; padding: 0; font-weight:bolder}
.checked_visto{color:green}
.checked_resp{color:blue}
.checked_entre{color:black}
.minimizar{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    float: right;
    vertical-align: top;
    font-size: 10px !important;
}
.navbar-top-links li a{
    font-size: 20px;
}
.dropdown-menu li a{
    font-size: 10px;
}
.dias_calendario,.calendario_control{
    width: 175px;
    display: block;
    padding: 0;
    margin: 0;
}
.calendario_control li{
    width: 23px;
}
.calendario_control li input{
    width: 75px;
    margin: 0;
    border: none;
}
.dias_calendario .dias{
    color:green;
}
.dias_calendario .diasf{
    color:red;
}
.dias_calendario li{
    display: inline-block;
    width: 23px;
    height: 21px;
    border: 1px #333 solid;
    padding: 1px;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
}
.tab-content{
    min-height: 100px;
}
#alertas{list-style:none;margin-left: -10px; vertical-align: top}
#alertas li{width: 100%;display: block;}
#alertas li a{width: 100%;}
#borradores{
    max-height: 500px;
    overflow: scroll;
    overflow-x:hidden;
}
.totales{text-align: right !important;}
.alert-btn{
    padding: 1px;
    font-size: 10px;
    vertical-align: top;
    margin: 0;
    margin-left: -10px;
    background-color: #FFF;
    color: #428bca;
}
/*








*/
/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
    position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
    display: block
}

/* make the TH elements pretty */


/* make the A elements pretty. makes for nice clickable headers                */


/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */


/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
    display: block;
    height: 110px;
    overflow: auto;
    width: 100%;
    padding: 0;
}
html > body tbody.scrollContent p{
    padding: 0;
}
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
}

tbody.scrollContent tr.alternateRow td {
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
    width: 30px
}

html>body thead.fixedHeader th + th {
    width: 230px
}

html>body thead.fixedHeader th + th + th {
    width: 70px
}
html>body thead.fixedHeader th + th + th + th{
    width: 100px
}
html>body thead.fixedHeader th + th + th + th + th{
    width: 50px
}
html>body thead.fixedHeader th + th + th + th + th +th{
    width: 116px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
    width: 30px
}

html>body tbody.scrollContent td + td {
    width: 222px
}

html>body tbody.scrollContent td + td + td {
    width: 70px
}
html>body tbody.scrollContent td + td + td + td {
    width: 98px
}
html>body tbody.scrollContent td + td + td + td + td {
    width: 49px
}
html>body tbody.scrollContent td + td + td + td + td + td{
    width: 96px
}

/* Form Wizards */
.wizard-steps {
    border-bottom: 1px solid #eaedf1;
    margin-bottom: 20px;
}

.form-bordered .wizard-steps {
    margin-bottom: 0;
}

.wizard-steps .row {
    margin: 0;
}

.wizard-steps .row div {
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
}

.form-bordered .wizard-steps .row div {
    padding-top: 10px;
}

.wizard-steps span {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #1bbae1;
    border-radius: 50px;
}

.wizard-steps div.done span,
.wizard-steps div.active span {
    background-color: #1bbae1;
    color: #ffffff;
}

.wizard-steps div.done span {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.wizard-steps div.active span {
    opacity: 1;
    filter: alpha(opacity=100);
}
.aprobado{color:green;}
.ob_externo{overflow:hidden !important;}

.totales input{text-align: right;}
/*
==============================================
pulseSlow
==============================================
*/
.pulse {
  -webkit-animation: pulse infinite alternate linear 0.9s;
  -moz-animation: pulse infinite alternate linear 0.9s;
  -ms-animation: pulse infinite alternate linear 0.9s;
  -o-animation: pulse infinite alternate linear 0.9s;
  animation: pulse infinite alternate linear 0.9s;
  opacity: 1 !important;
  visibility: visible !important;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.05);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.05);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(1.05);
  }
}
@-moz-keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.pulse-slow {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-animation: pulseSlow infinite alternate 1s ease-in-out;
  -moz-animation: pulseSlow infinite alternate 1s ease-in-out;
  -ms-animation: pulseSlow infinite alternate 1s ease-in-out;
  -o-animation: pulseSlow infinite alternate 1s ease-in-out;
  animation: pulseSlow infinite alternate 1s ease-in-out;
}
@-webkit-keyframes pulseSlow {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.85);
    opacity: 0.5;
  }
}
@-moz-keyframes pulseSlow {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0.85);
    opacity: 0.5;
  }
}
@-ms-keyframes pulseSlow {
  0% {
    -ms-transform: scale(1);
    opacity: 1;
  }
  100% {
    -ms-transform: scale(0.85);
    opacity: 0.5;
  }
}
@-o-keyframes pulseSlow {
  0% {
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(0.85);
    opacity: 0.5;
  }
}
@-moz-keyframes pulseSlow {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.85);
    opacity: 0.5;
  }
}
@-webkit-keyframes pulseSlow {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.85);
    opacity: 0.5;
  }
}
@-o-keyframes pulseSlow {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.85);
    opacity: 0.5;
  }
}
@keyframes pulseSlow {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.85);
    opacity: 0.5;
  }
}

#html_productos input{
    width: 100%;
}




.fila_elegida{
    background-color: #A9D0F5 !important;
}
.l-thumbnail{
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.l-thumbnail li{
    display: block;
    width: 100%;
    height: 70px;
    vertical-align:top;
    position: relative;
    text-align: left;
    background: rgb(98, 120, 141) none repeat scroll 0% 0%;
    margin-bottom: 2%;
}
.l-thumbnail li .btn{
    padding: 3px 6px;
}
.a-thumbnail{
    position: relative;
    display: inline-block;
    bottom: 0;
    text-align: right;
    opacity: 0.9;
    width: 80%;
    height:100%;
    vertical-align: top;
    padding: 2%;
    padding-top: 15px;
    /*
    filter: alpha(opacity=90);
    -webkit-box-shadow: 0px -4px 21px -1px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px -4px 21px -1px rgba(0,0,0,0.44);
    box-shadow: 0px -4px 21px -1px rgba(0,0,0,0.44);
    */
}
.img-thumbnail{
    border: none;
    height:100%;
    width: 20%;
    border-radius: 0;
}
.titulo-thumbnail{
    position: relative;
    display: inline-block;
    margin: 0;
    left: 0;
    background: white;/*#3276b1*/
    width: 50%;
    padding: 1px;
    text-align: center;
    color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    vertical-align:middle;
}

.iconos-listado {
    width: 100%;
    height:500px;
    line-height: 2em;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    overflow: scroll;
    overflow-x: hidden;
    text-indent: 1em;
}

.iconos-listado li {
    border-top: 1px solid #ccc;
    display: block;
}




#ayudas_input{width:80%;}
#membrete{vertical-align: top;padding: 5px 5px;}
.img_perfil{
    width: 40px; height: 40px; 
    display: inline-block;
    border: 2px #FFF solid;
    background: #FFF;
    vertical-align: top;
}
.nombre_perfils,
.nombre_perfil{display: inline-block;}


.isprint{display: none;}


#n_1,
#n_2,
#n_3,
#n_4,
#n_5,
#n_6,
#n_7,
#n_8,
#n_9,
#n_10,
#n_11,
#n_12,
#n_13,
#n_14,
#n_15{
  position: absolute;
  left: -1000em;
}



.n_1,
.n_2,
.n_3,
.n_4,
.n_5,
.n_6,
.n_7,
.n_8,
.n_9,
.n_10,
.n_11,
.n_12,
.n_13,
.n_14,
.n_15{
  border:1px #999 solid;
}
.check + label { color:#999;}
.check:checked + label { color:#011836;}


.close span{
    font-size: 30px;
}

    .celu{display:none;}
    .botonera{float: right;}
@media only screen and (max-width: 680px) {
    .alertify .ajs-body .ajs-content{padding:5px !important}
    .input-group{
        text-align: center;
    }
    .input-group-addon{
        display: inline-block;
        width: 90%;
        border: none;
    }
    .alertify,
    .alertify-logs {
        width: 90%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .alertify {
        left: 5%;
        margin: 0;
    }
    .meta{
        float: none !important;
    }
    #html_detalles table td, #html_detalles table th,#html_clientes table td, #html_clientes table th{
        padding: 1px;
        vertical-align: top;
        display:block;
    }
    .celu{display: none;}
    .navbar-brand {
        max-width: 225px;
        margin-top: 5px;
    }
    .navbar-top-links .dropdown{
        color:#FFFFFF;
        display: block;
    }
    .cubos {
        width: 60px;
        height: 60px;
        margin-bottom: 4px;
        margin-right: 3px;
    }
    .cubos span,.ruta,.botonera{display: none;}
    .panel-heading {padding: 0px;}
    .input-group-addon {display: block; width: 100%;}
    .input-group-addon i{display: none}
    .input-group-addon button i{display: inherit;}
    .input-group-addon {padding: 0 2px; text-align: left;}
    .input-group label{display: block;}
    .logo{width: 50px;}
}

/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
@media (min-width:768px) {
    .alertify .ajs-body .ajs-content{padding:5px !important}
    .detalles_empresa{display: inline-block;width: 40%;}
    .cabecera{width: 200px; float: right;}
    .membrete{display:inline-block;width: 50%;text-align: right;}
    .adicional{float: right;width:100%;}
    .btn{padding: 1px 2px;}
    #avanzado{font-size: 8px;}
    .input-group-addon{text-align: left;}
}
/* Dispositivos medianos (ordenadores, anchura mayor o igual a 992px) */
@media (min-width:992px){
    .membrete{width: 55%}
    .panel-heading {padding: 2px;}
    .input-group-addon {padding: 0 2px;text-align: left;}
}
/* Dispositivos grandes (ordenadores, anchura mayor o igual a 1200px) */
@media (min-width: 1200px){
    .membrete{width: 59%}
}
@media (max-width: 1200px){
    .logo{max-width:200px;}
    /*#detalles{display: none;}*/
}