/* Global Styles */
body {
    margin-top: 50px;
    background-color: #222;
    zoom: 100% !important;
}

.div-resize {
    zoom: 90%;
}

.fix-wrapper-map {
    padding-left: 45px !important;
}

.padding-cero {
    padding: 0px !important;
}

@media(min-width: 768px) {
    body {
        margin-top: 50px;
    }
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.menu_text_span {
    display: none;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 50px;
    }

    #page-wrapper {
        padding: 10px;
    }
}

/* Top Navigation */
.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */
@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 50px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        overflow-x: hidden;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

.menu-navbar-item-a-tooltip {
    position: absolute;
    display: none;
    top: 50px;
    height: 50px;
    padding: 16px;
    z-index: 1000;
    background: #aaa;
    color: #fff;
    margin-left: 50px;
    margin-top: 1px;
}

/* Flot Chart Containers */
.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */
.huge {
    font-size: 25px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

/* Elimina bordes sobre elementos en Chrome */
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus,
textarea
{ 
    outline: none;
}

/* Retoques */
.auto-width-td {
    width: 1px;
    white-space: nowrap;
}

.no-wrap-spaces {
    white-space: nowrap;
}

.bootstrap-table .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}

.fixed-table-body thead th .th-inner {
    box-sizing: border-box;
    text-align: center;
}

.navbar-iso {
    float: left;
    margin-left: 13px;
    margin-right: 10px;
    margin-top: -4px;
    max-width: 50%;
}

.navbar-version {
    float: left;
    margin-top: 15px;
    color: #fff;
}

.h1, h1 {
    font-size: 26px;
}

ul.user-dropdown {
    width: 100%;
}

.page-header {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

input[type=checkbox], input[type=radio] {
    margin: 9px 0 0;
}

@media(max-width: 767px) {
    #version-li {
        display: none;
    }
    #nombre-barra {
        display: none;   
    }
    .page-header {
        margin-top: 65px;
    }
    .main_alert_boxes {
        margin-top: 70px !important;
        margin-bottom: -50px;
    }
    .menu_text_span {
        display: unset;    
    }
}

@media(max-width: 720px) {
    #version-li {
        display: none;
    }
    #nombre-barra {
        display: none;   
    }
    #mayorista-barra {
        display: none;   
    }
    .page-header {
        margin-top: 65px;
    }
    .main_alert_boxes {
        margin-top: 70px !important;
        margin-bottom: -50px;
    }
}

@media(max-width: 540px) {
    #version-li {
        display: none;
    }
    #nombre-barra {
        display: none;   
    }
    #mayorista-barra {
        display: none;   
    }
    #version-barra {
        display: none;   
    }
    .page-header {
        margin-top: 65px;
    }
    .main_alert_boxes {
        margin-top: 70px !important;
        margin-bottom: -50px;
    }
}

html {
    background-color: #fff;
    height: 100%;
}

body {
    height: calc(100% - 50px);
}

.login-body {
    height: calc(100% - 65px);
}

#wrapper, #page-wrapper {
    height: 100%;
}

.icon-white {
    color: white;
}

.color-orange {
    color: orange;
}

#div_errores, #div_problema_refresh, #div_warning, #div_warning2, #div_warning3, #div_errores_2, #div_despachoNoAutonomo, #div_eventosDespachadosYPendientes {
    display: none;
}

#div_errores_popup {
    display: none;
}

#div_mensajes {
    display: none;
}

#div_prog_noExisteProgramacion {
    display: none;
}

#div_prog_noExisteProgramacionXVM {
    display: none;
}

#div_prog_botones {
    display: none;
}

#div_prog_params {
    display: none;
}

#div_alerta_auto_aprender {
    display: none;
}

#cuenta-alertas {
    display: none;
}

.button_recepcion_play {
    display: none;
}

#panelComplementos {
    display: none;
}

.div_codPaneles {
    display: none;
}

table .label {
    padding: 5px;
}

.display-block {
    display: block;
}

.programacion-cuenta {
    display: none;
}

.container-fluid {
    background-color: #fff;
    padding-bottom: 20px;
}

.botones-configuracion {
    text-align: left;
    margin-bottom: 10px;
}

.botones-programacion {
    text-align: left;
    margin-bottom: 10px;
}

.common_table th, .common_table td {
    vertical-align: middle !important;
}

.fixed-table-toolbar .bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    margin-top: 0px;
}

.paquete-repetido {
    color: #aaa;
}

.evento-no-enviado {
    color: #aaa;
}

.paquete-error-reenvio {
    color: #FF4D4D;
}

#total-cuentas-label {
    margin: 0px;
}

#total-rvs-label {
    margin: 0px;
}

.data_small_font {
    font-size: 12px;
}

.inside_panel_table .fixed-table-container {
    border: 0px;
}

.paqueteDetailTextArea {
    width: 100%;
    resize: none;
    word-break: break-all;
    border: 1px solid #ddd;
    min-width: 200px;
}

.observacionesDetailTextArea {
    width: 100%;
    resize: none;
    word-break: break-all;
    border: 1px solid #ddd;
    min-width: 300px;
}
#apagar {
    margin-right: 4px;
}

.ocultar-row-form {
    display: none;
}

.row-no-border-bottom th, .row-no-border-bottom td {
    border-bottom: 0px !important;
}

.invisible {
    display: none;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.no-margin-right {
    margin-right: 0px;
}

#version-li {
	margin-left: 15px;
	margin-right: 15px;
}

#usuario-li {
	float: right;
}

.bootstrap-table .table {
    border-bottom: 0px !important;
}

#consultasHistorico_table {
	margin-bottom: 1px !important;
}

#span_comando_pendiente {
	font-size: 12px;
}

#div_comando_pendiente {
	padding-top: 10px;
	padding-bottom: 10px;
}

#span_programacion_pendiente {
    font-size: 12px;
}

#div_programacion_pendiente {
    padding-top: 10px;
    padding-bottom: 10px;
}

.programacion-pendiente {
	color: orange;
}

.prog_param_subtext {
    font-weight: normal;
    font-style: italic;
    font-size: 8pt;
}

.cabecera_tabla {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    font-size: 14px;
    padding-left: 15px !important;
}

.prog_tab_title {
    font-size: 14px;
}

.panel-title {
    font-size: 14px !important;
}

.main_alert_boxes {
    margin-top: 15px;
    display: none;
}

.nav-tabs-margin-bottom {
    margin-bottom: 10px;
}

.highlight {
    background-color: yellow;
}

.btn-table {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: transparent;
    color: #555;
    font-size: 12px;
}

.btn-app {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: transparent;
    color: #555;
}

.remove-col-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#exportarConsultaHistoricoButton {
    margin-bottom: 10px;
}

#div_ocupedErrorMessage {
    display: none;
}

.small-modal .form-group {
    margin-bottom: 10px;
}

.small-modal label {
    font-style: normal;
}

#form-group-controlfaltatest-row {
    min-height: 34px;
}

#form-group-controlfaltatestSMS-row {
    min-height: 34px;
}

#tableComplementos {
    border-collapse: separate;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

#div_errorParametrosSinAplicar {
    display: none;
}

.badge-success {
    background-color: #5cb85c;
}

.badge-warning {
    background-color: #f0ad4e;
}

.badge-danger {
    background-color: #d9534f;
}

.badge-min-width {
    min-width: 97px;
}

.list-group-item input[type=radio] {
    margin-top: 0px;
}

#tableComplementos-scrollDiv {
    width: inherit;
    overflow: auto;
}

.list-complemento-no-overflow {
    display: inline;
    overflow-wrap: break-word;
}

.no-padding-rigth {
    padding-right: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.rowProgWidget {
    margin-top: 10px;
    margin-bottom: 10px;
}

.showOn_SMS, .showOn_SMPP, .showOn_Reenvio, .showOn_Router, .showOn_TCP {
    display: none;
}

.dato-deshabilitado {
    background-color: #eee;
    text-decoration: line-through;
}

.ml-pull-right {
	margin-left: 0.6em !important;
}

.fs_14 {
  font-size: 14px;
}

.fixed-table-container tbody td {
    border-left: 1px solid #ddd !important;
}

.inside_panel_table .fixed-table-container tbody td {
	border: 0px !important;
}

.extra-border {
	border-left: 1px solid #ddd !important;
	border-collapse: collapse !important;
}

#tvButton {
	display: none;
}

.btn-table-rm {
    margin-right:4px;
}

.left-align-td {
    text-align: left !important;
}

#map {
    height: 80%;
    margin-left: 15px;
    margin-right: 15px;
}

#localizarButton {
    margin-right:5px;
}

#ruleButton {
    margin-right:5px;
}

.table-map-inner {
  width: 180px;
  font-size: 9px;
  color: #1d3b7b;
  margin-bottom: 0px;
}


.table-map-inner-adjust td {
    max-width: 100px;
    word-wrap: break-word;
}

.table-wrapper-scroll-y {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.gm-style-iw {
   width: 200px !important;
   top: 15px !important; // move the infowindow 15px down
   left: 0 !important;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   border: 1px solid rgba(72, 181, 233, 0.6);
   border-radius: 2px 2px 0 0;
}

.fa-map-marker-edit {
	width: 90% !important;
}

.clock {
    font-style: italic;
    padding-right: 20px;
    padding-left: 0px;
    padding-top: 15px;
    border-left-color: blue;
    border-left-width: 7px;
}

.error-map-image {
    margin-left: 20px;
}

.gm-style .gm-style-iw {
    font-weight: 400 !important;
}

.gm-style .gm-style-iw-c {
    padding: 0px !important;
}

.gm-style .gm-style-iw-d::-webkit-scrollbar {
    width: 0px !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px !important;
}

.pieLabel {
    font-weight: 700;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.console-style {
    padding-top: 25px;
}

.bottom-console-style {
    padding-top: 5px;
    padding-left: initial;
}

.bottom-button-console-style {
    padding-top: 22px;
}

.blue-border textarea {
    border: 1px solid #65eefb;
}

.blue-border .form-control:focus {
    border: 1px solid #65eefb;
    box-shadow: 0 0 0 0.2rem rgba(186, 104, 200, .25);
}

#enviarConsole {
    width: 100%;
}

#cancelarConsole {
    width: 100%;
}

#exportarConsole {
    width: 100%;
}

#fotaConsole {
    width: 100%;
}

.no-border-bottom {
    border-bottom: 0px;
}

#comando_descripcion {
    font-size: 11px;
    color: orange;
    font-style: italic;
    font-weight: bold;
}

.comando_shrt_descripcion_1 {
    font-size: 12px;
    color: red;
    font-style: italic;
    font-weight: bold;
}

.comando_shrt_descripcion_2 {
    font-size: 12px;
    color: orange;
    font-style: italic;
    font-weight: bold;
}

.modal-content .pull-right.search {
    margin-top: 10px;
    padding-right: 10px;
}

table#table_detailSchedu_cuentasImpactadas {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

table#table_detailSchedu_cuentasImpactadas tr{
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

table#table_schedu_cuentasImpactadas, table#table_pendientes, table#table_despachados{
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

table#table_schedu_cuentasImpactadas, table#table_pendientes, table#table_despachados tr{
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.modal-content span.pagination-info {
    padding-left: 10px;
}

.modal-content ul.pagination {
    padding-right: 10px;
}

#div_sel_mm {
    background: #21201e;
    padding-top: 10px;
    height: 50px;
    margin-right: -15px !important;
    float: left!important;
}

.pac-container {
  z-index: 1060;
  margin-left: -60px;
  margin-top: -15px;
}

#ocity-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 140px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
  position: absolute;
  z-index: 10000000
}

#ocity-input:focus {
  border-color: #4d90fe;
}

.ocity-container {
  font-family: Roboto;
  z-index: 10000;
  display: block !important;
}

.status-ok {
    color: green;
}

.status-warn {
    color: orange;
}

.status-div {
    border: solid;
    border-block-width: 1px;
    margin-left: -1px !important;
    margin-right: 1px !important;
}

#panelEstadoRvs {
    display: none;
}

#eventosPendientes_minorista div.pull-left.pagination-detail {
    padding-left: 10px;
}

#eventosPendientes_minorista div.pull-right.pagination {
    padding-right: 10px;
}

#eventosDespachados_minorista div.pull-left.pagination-detail {
    padding-left: 10px;
}

#eventosDespachados_minorista div.pull-right.pagination {
    padding-right: 10px;
}

.claveImpresorToolTip {
  height: 0em;
}

#header-main {
    float: none !important;
}

#hamburguer-menu {
    margin-right: 6px;
}

#codProveedor {
    font-size: 17px;
}

#div_codProveedor {
    padding-top: 5px;
    padding-left: 10px;
    font-style: italic;
}

#div_despachoDelegado, #div_despachoLocal, #div_eventosDespachadosYPendientes {
    display: none;
}

#exportarButton, #importarButton {
    margin-bottom: 10px;
}

#div-xvm {
    display: none;
}

.combo-panels {
    display: none;
}