body.vertical-layout.vertical-menu.menu-expanded .content {
    margin-left: 0px !important;
}
.modal-dialog {
    max-width: 800px !important;
}
.form-error{
 color: #ff0000;
 /* margin-left:2%; */
}
.cerrar-menu{
    width: 100%;
    text-align: right;
}
.navbar-header .navbar-brand{
    padding: 5px 0 !important;
}
.navbar-header .close-navbar{
    padding: 5px 0px 0px 0px !important;
}
.logo-menu-pc{
    width: 60%;
}
.logo-menu{
    width: 100%;
}
.card {
    padding: 1% 0 1% 0 !important;
}
h5{
    font-size: 14px !important;
}
body.vertical-layout[data-color=bg-chartbg] .navbar-container {
    background-color: #e4b223 !important;
}
.sub_menu {
    padding: 1.0rem !important;
}
.navbar-semi-light {
    background: #e4b223 !important;
}
.tox-tinymce{
    height: 500px !important;
}
.tox .tox-editor-header {
    z-index: 0 !important;
}
.modal-header
{
    background: #008ca8;
    color: #fff;
}
.modal-header span
{
    color: #fff;
}
.navbar-semi-light{
    z-index:+100;
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu{
    z-index:+2;
    display:none;
}

/* Detalle de grupo */

.grupo_img {
    width:100%;
    float:left;
}
.grupo_titulo {
    background: #f8f8f8;
    padding: 2%;
    text-align: center;
}
.grupo_sub_titulo {
    padding: 2%;
    border-bottom:1px solid #ddd;
}

/* Texto tamaño */
.font-13{
    font-size: 13px;
}


/* Alertas */

.alert-exito {
    background: #33c119;
}
.alert-error {

    background: #ec1f1f;
}

.alert-error, .alert-exito {
    width: 100%;
    font-size:14px;
    text-align: center;
    color: #fff;
    padding: 1% 5% 1% 5%;
    position: fixed !important;
    margin:0px;
    bottom: 9%;
    z-index: +1599;
}
/* Fin alertas */

.div_respuesta_compra{
    text-align: center; 
    font-size:13px; 
    margin-bottom:2%; 
    background:#fffc00; 
    color: #000; 
    padding: 2%;
    display:none;
}

.navbar-header{
    height: auto !important;
}
.navbar-header .navbar-brand .brand-text {
    font-size: 1.3rem !important;
}
.main-menu.menu-light .navigation li a span {
    font-size: 12px !important;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    width: 300px !important;
    overflow: hidden;
}
.div_empresa_opcion{
    width: 20%;
    float: left;
    text-align:center;
}
.borde-inferior{
  border-bottom: 1px #A9D0F5 solid; 
  margin-bottom: 5%;
}
.modal{
     padding-right: 0px !important;   
}
.modal-chico {
    max-width: 350px !important;
}

.div_mensaje_pago_pendiente {
    background: #ff0000;
    color: #fff;
    padding: 1% 2% 1% 2%;
}
.div_mensaje_pago_realizado {
    background: #0C3;
    color: #fff;
    padding: 1% 2% 1% 2%;
    margin-bottom: 2%;
}

.div_cabecera_pagos {
    background: #e7ebf3;
    color: #000;
    padding: 2%;
    border: 1px solid #000;
}


/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.div_pagos_proximos{
    border: 1px solid #84e3c5;
    padding: 2% 3% 2% 3%;
    font-size: 12px;
}
.div_pagos_atrasado{
    border: 1px solid #ff0000;
    padding: 2% 3% 2% 3%;
}
.div_opciones{
    width: 23.5%;
    height: 75%;
    float: right;
    position: fixed;
    overflow-y: scroll;
}
.footer{
    margin-left: 0px !important;
}

@media only screen and (max-width: 1068px) {

    .div_opciones{
        width: 100%;
        height: auto;
        float: right;
        position: relative;
        overflow-y: visible;
    }
}

@media only screen and (max-width: 768px) {

    .div_opciones{
        width: 100%;
        height: auto;
        float: right;
        position: relative;
        overflow-y: visible;
    }
    .logo-pc{
        display:none;
    }
    .proceso-opcion{
        width: 48%;
        margin: 0 1% 0 1%;
        text-align: left;
        float: left;
    }    
    .card {
        padding: 5% 0 5% 0 !important;
    }    
    .navbar-expand-md .navbar-nav .dropdown-menu {
        width: 96% !important;
    }
    .card-body {
        padding: 0rem 1.5rem 0rem 1.5rem !important;
    } 

    
    
}