@charset "utf-8";

/* CSS ARGO */

html,
body {
    font-size: 12px;
}

.btn,
.form-control,
.chosen-container .chosen-single,
.chosen-container .chosen-choices,
.dataTable {
    font-size: 14px;
}

h3,
.h3 {
    font-size: 21px;
}

.btn-lg, .btn-group-lg>.btn {
    font-size: 18px;
}

*::-moz-selection {
    background: #26B99A;
    color: #FFF;
}

*::selection {
    background: #26B99A;
    color: #FFF;
}

html,
body {
    height: 100%;
    width: 100%;
    position: relative;
}

.label_btn{
    display: block;
    height: 20px;
}

.badge {
    color: #ffffff !important;
    font-weight: normal;
    font-style: italic;
    background-color: #607D8B;
    padding: 5px 15px;
    border-radius: 50px;
}

.btn-table {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none !important;
    border-radius: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 10px;
}

.plani {
    margin-bottom: 100px;
}

#form_load_res {
    max-width: 180px;
    margin-top: 5px;
    margin-right: -5px;
    padding-bottom: 0px;
}

#form_load_res .input-group {
    margin: 0 !important;
}


#select_modo_detalle {
    margin-top: 0;
    margin-bottom: 20px;
}

#select_modo_detalle .btn {
    font-size: 12px;
}

.modal-header .llave {
    font-size: 12px;
    margin-left: 30px;
    margin-bottom: 0;
    margin-top: 4px;
}

.modal-header .llave .btn {
    font-size: 12px;
    padding: 4px 10px;
    background-color: rgba(124, 124, 124, 0.17) !important;
    color: #888 !important;
}

.modal-header .llave .btn:hover {
    background-color: rgba(26, 187, 156, 0.25) !important;
    color: rgba(0, 0, 0, 0.59) !important;
}

.modal-header .llave .btn.active {
    background-color: #1abb9c !important;
    color: #fff !important;
}

.modal-header .llave .form-group {
    margin-bottom: 0;
}

.modal-header .btn-group {
    margin-top: -8px;
    margin-left: 5px;
}


.plani .planificador {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    background-color: #fff;
    margin-top: -20px;
}

.planificador thead,
.planificador tbody,
.planificador tr,
.planificador th,
.planificador td {
    box-shadow: inset -15px -15px 35px -30px #000;
    box-shadow: inset -15px -15px 1px -15px rgba(0, 0, 0, 0.5);
}

.planificador th,
.planificador td {
    padding: 10px;
}

.planificador th {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 12px;
}

.planificador .is_stuck {
    box-shadow: 0px 4px 30px -10px #000;
    z-index: 10;
}

.planificador .is_stuck tr {
    width: 100%;
}


.planificador th:first-child {
    text-align: left;
}

.planificador td {
    background-color: #fff;
}

.planificador th,
.planificador td {
    width: 14%;
}

.planificador th:first-child,
.planificador td:first-child {
    width: 2%;
}

.planificador thead,
.planificador .no_sticky {
    background-color: rgba(40, 60, 80, 1);
    color: #fff;
}

.planificador td:first-child {
    background-color: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
}

.planificador .sticky {
    opacity: 0;
}

.planificador .is_stuck {
    opacity: 1;
}

.info_date .text-left {
    float: left !important;
}

.info_date .text-right {
    float: right !important;
}



.controls a {
    border-radius: 0;
    margin: 5px -3px;
    padding: 5px 15px;
}

.controls a:first-child {
    border-radius: 5px 0 0 5px;
}

.controls a:last-child {
    border-radius: 0 5px 5px 0;
}

.controls a figure {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    border-radius: 100%;
}

.controls a.active figure {
    display: none;
}

.space {
    display: block;
    margin: 10px 0;
}

.plani h5 {
    color: rgba(0, 0, 0, 0.3);
}

.plani span.info {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.plani .form-group label {
    display: none !important;
}

.plani form.load_plani {
    float: right;
    max-width: 50%;
}

.plani form.load_plani .form-group {
    margin: 0 15px;
    margin-top: 3px;
}

.plani form.load_plani .form-group input {
    border-radius: 5px 0 0 5px;
}

.plani form.load_plani .input-group-addon {
    border-radius: 0 5px 5px 0 !important;
}

/*.is_stuck{
	display:table;
}*/

.planificador .btn-reservar {
    color: #ccc;
    border-color: #ccc;
    text-transform: uppercase;
    font-size: 10px;
}




h2.StepTitle {
    background-color: #34495E;
    margin: 20px -15px;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
}

.wizard h3:first-child {
    margin-top: 0;
}


.steps .step {
    display: none;
}

.steps .step.selected {
    display: block;
}

.wizard .jumbotron {
    padding: 20px !important;
    border: 2px solid rgb(38, 185, 154);
    background-color: transparent;
    margin-bottom: 10px;
}





.wizard_horizontal ul.wizard_steps li.disabled a .step_no,
.wizard_horizontal ul.wizard_steps li.disabled a:before {
    background: #ccc;
}


.wizard_horizontal ul.wizard_steps li.done a .step_no,
.wizard_horizontal ul.wizard_steps li.done a:before {
    background: #1ABB9C;
}

.wizard_horizontal ul.wizard_steps li.selected a .step_no,
.wizard_horizontal ul.wizard_steps li.selected a:before {
    background: #34495E;
}


.wizard_horizontal ul.wizard_steps {
    padding: 0;
}

.wizard .modal-footer {
    text-align: center;
}

.wizard .modal-footer button {
    margin: -2px !important;
    border-radius: 0;
}

.wizard .modal-footer button:first-child {
    border-radius: 5px 0 0 5px;
}

.wizard .modal-footer button:last-child {
    border-radius: 0 5px 5px 0;
}

#guardar_reserva {
    display: none;
    padding: 20px 40px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#msg_guardar_reserva {
    display: block;
    color: #ed0000;
    font-size: 15px;
    border-color: #b90000;
}


.planificador td,
.planificador td * {
    transition: .2s;
}


.planificador td .btn-reservar {
    background-color: transparent;
}

.planificador td.reservacion {
    padding: 15px;
    position: relative;
    cursor: pointer;
    background-color: rgba(238, 238, 238, 0.4);
}

.planificador td.reservacion h5 {
    font-size: 12px;
    color: #555;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 10px;
    text-align: left;
    margin-top: 25px;
}

.planificador td.reservacion h5 .btn {
    margin-right: 10px;
}

.planificador td.reservacion label {
    background-color: transparent;
    color: rgba(119, 119, 119, 0.6);
    font-size: 16px;
}

.planificador td.reservacion .badge {
    background-color: rgba(119, 119, 119, 0.6);
}


.planificador td.selected {
    /*transform: scale(1.07);*/
    z-index: 1;
    box-shadow: 0px 10px 40px -20px #000;
}

.planificador td.selected::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.planificador td.selected h5 {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

.planificador td.selected label {
    color: rgba(255, 255, 255, 0.5);
}

.planificador td.selected .badge {
    background-color: rgba(255, 255, 255, 0.5);
}

.planificador td.selected h5 .btn {
    background-color: rgba(255, 255, 255, 0.5);
}

.planificador td.selected h5 .btn {
    border-color: #fff;
}

.planificador td.selected h5 .btn i {
    color: #fff;
}

.planificador td.reservacion .info label * {
    font-size: 12px;
}

.wizard #tarifas {
    margin-bottom: 15px;
}

.wizard #tarifas .tarifa {
    border-left: 1px solid #ccc;
    margin: 3px 0;
    width: auto;
    padding: 2px 10px;
    display: inline-block;
    font-size: 12px;
}

.wizard #tarifas .tarifa:first-child {
    border: 0;
}



.info_res * {
    transition: .2s !important;
    -webkit-transition: .2s !important;
    -moz-transition: .2s !important;
}


.info_res {
    padding: 15px 25px;
    margin-right: 10px;
    background-color: #34495e;
    /*
	background: -moz-linear-gradient(top, #26b99a 0%, #223445 100%);
	background: -webkit-linear-gradient(top, #26b99a 0%,#223445 100%);
	background: linear-gradient(to bottom, #26b99a 0%,#223445 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b99a', endColorstr='#223445',GradientType=0 );
	*/
}

.info_res article {
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 -10px;
    padding: 10px;
    color: #fff;
}

.info_res article.entrada:hover,
.info_res article.salida:hover,
.info_res article.colones:hover,
.info_res article.dolares:hover,
.info_res .fast article:hover {
    background-color: #1abb9c !important;
}

.info_res>.row {
    margin-bottom: 10px;
}


.info_res .observaciones {
    background-color: rgba(255, 255, 255, 0.4);
}


.info_res .entrada,
.info_res .salida {
    color: #fff;
}

.info_res .entrada h2,
.info_res .salida h2 {
    border: 0;
    padding-bottom: 0;
}

.info_res .entrada h2::after,
.info_res .salida h2::after {
    content: "";
    width: 10%;
    height: 2px;
    background-color: #fff;
    display: block;
    margin-top: 6px;
}

.info_res .entrada {
    background-color: rgba(0, 0, 0, 0.4);
}

.info_res .salida {
    background-color: rgba(0, 0, 0, 0.6);
}

.info_res .sale {
    margin: 5px 0;
    padding: 0;
}

.queda {
    font-size: 18px;
    margin-top: -5px !important;
    margin-right: 5px;
}

.sale.presente {
    background-color: rgba(223, 31, 0, 0.7);
}

.sale.futuro {
    background-color: rgba(26, 187, 156, 0.5);
}

.info_res .sale .desc {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 10px;
}

.info_res .sale .sale_info {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
}


.info_res .fast {
    margin: 10px -15px;
}

.info_res .fast article {
    margin: 0 -5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-size: 25px;
}

.info_res .fast .desc {
    background-color: rgba(0, 0, 0, 0.36);
    display: block;
    margin: -10px;
    margin-top: 10px;
    padding: 5px;
    font-size: 10px;
}

.info_res .fast .danger {
    background-color: #D93600;
}



.info_res .status article {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.info_res .status .dolares {
    background-color: rgba(0, 0, 0, 0.3);
}


.info_res .status .desc {
    text-align: right;
    font-size: 10px;
}


.info_res .status .desc {
    text-align: right;
    font-size: 10px;
}


.info_res .status .precio_inicial {
    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.5);
}

.info_res .status .precio_inicial>span {
    font-size: 10px;
}

.info_res .status .precio_final {
    font-size: 24px;
}


.info_res .btns {
    margin: 0px -25px;
    padding: 0 5px;
    margin-top: 20px;
    border-top: 1px solid;
    padding-top: 20px;
}

.factura .info_res .btns {
    border-top: 0;
    margin: -20px -50px;
}

.info_res .btns .btn {
    font-size: 14px;
    width: 100%;
    padding: 10px;
    border: 2px solid #fff;
    background-color: #fff;
    color: #34495e;
}

.info_res .btns .btn i {
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
    color: #34495e;
}

.info_res .btns .btn:hover {
    background-color: transparent;
    color: #fff;
}

.info_res .btns .btn:hover i {
    color: #fff;
}


.info_res .btns .btn-print {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.info_res .btns .btn-print i {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: -10px 5px;
}

tr.new {
    color: #26b99a;
}

.pagos .info_res {
    margin: 0px -25px;
    margin-bottom: -25px;
    padding: 20px 40px;
    background-color: rgba(0, 0, 0, 0.05);
}


.pagos .info_res .btns .btn {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.06);
    background-color: #26b99a;
    margin: 10px 0;
    white-space: normal;
}

.pagos .info_res .btns .btn i {
    color: #fff;
}

.pagos .info_res .btns .btn:hover {
    background-color: transparent;
    color: #34495e;
    border-color: #34495e;
}

.pagos .info_res .btns .btn:hover i {
    color: #34495e;
}




.info_res .btns .btns_factura .btn {
    margin: 10px;
    width: auto;
    max-width: 100px;
}

.info_res .btns .btns_factura.btns_blue .btn {
    background-color: #1aa7bb;
}

.info_res .btns .btns_factura.btns_blue .btn:hover {
    background-color: transparent;
}


.pagos .switchery {
    width: 32px;
    height: 20px;
}

.pagos .switchery>small {
    width: 20px;
    height: 20px;
}

td .form-group .btn {
    margin-bottom: 0;
}

td .switch {
    margin: 0;
    margin-top: 5px;
}

td .switch span {
    margin: 0;
}

td input[type=checkbox] {
    width: 25px;
    height: 25px;
}

.pagos .calculator {
    font-size: 18px !important;
    color: #34495e;
    background-color: rgba(42, 63, 84, 0.1);
}



.shadow-left blockquote {
    margin-bottom: 0px;
}


#add_detalle {
    padding: 20px;
    border: 2px solid;
    position: relative;
    z-index: 100;
    border-radius: 10px;
}

#admin_factura {
    padding: 0 30px;
    background-color: #ffffff;
    margin: 0 -10px;
    margin-right: 10px;
    border-right: 1px solid #e5e5e5;
}


body .container.body .right_col {
    background-color: #f0f4f9;
}

.nav_menu {
    background-color: transparent;
}


.form-control {
    border-radius: 4px;
}

.btn:not(.btns_factura .btn, .input-group-btn .btn) {
    border-radius: 50px;
    padding: 6px 10px;
}

.x_panel {
    border-radius: 10px;
    box-shadow: 0px 0px 20px -10px #00000030;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.btn-group .btn {
    padding: 8px 10px;
}

.paso {
    border: 0;
    padding: 10px 20px;
    color: #fff;
    background-color: #26b99a;
    font-weight: normal;
    font-size: 15px;
    margin: -3px -10px;
    margin-bottom: -15px;
    border-radius: 5px;
    text-transform: uppercase;
}

.paso .btn.help {
    border: 0;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 5px 10px;
    margin: 0;
}

.paso .btn.help:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.paso figure {
    display: inline-block;
    background-color: #00000057;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    width: 26px;
    height: 26px;
    padding-top: 2px;
}

.paso .modal {
    color: #73879C;
}


.factura .info_res {
    background-color: transparent;
    margin: 0;
}

.factura .info_res .btns .btn {
    font-size: 10px;
}

.factura .info_res .btns .alert .btn {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.factura .info_res .btns .alert .btn:hover {
    background-color: #fff !important;
    border-color: #fff;
}



.wizard_horizontal ul.wizard_steps * {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}

.wizard_horizontal ul.wizard_steps li {
    cursor: default;
}

.wizard_horizontal ul.wizard_steps li.done {
    cursor: pointer;
}

ul.bar_tabs {
    background: transparent;
    padding: 0;
}

ul.bar_tabs>li {
    border: 0 !important;
    color: #333 !important;
    margin-top: -17px;
    margin-left: 8px;
    background: transparent !important;
    border-radius: 0 !important;
}

ul.bar_tabs>li a {
    padding: 10px 17px;
    background: transparent;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0;
}

ul.bar_tabs>li.active a {
    border-bottom: none !important;
    border-color: #26b99a !important;
    color: #26b99a !important;
}

ul.bar_tabs>li a:hover {
    border-color: #000;
    color: #000;
    background-color: #fff;
}

ul.bar_tabs>li.active {
    border-right: 1px solid #E6E9ED;
    border-top: 0;
    margin-top: -17px;
}




.w_panel h6 {
    background-color: #3ac0a3;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 0;
}

.w_content {
    padding: 15px;
    border: 1px solid #3ac0a3;
    border-top: 0;
    margin-bottom: 12px;
    margin-top: 0px;
}

.wizard.update {
    margin: 10px -10px;
    margin-right: -15px;
}

.planificador th.today {
    background-color: rgba(0, 0, 0, 0.4);
}

.planificador td.today .btn-reservar {
    color: #555;
    border-color: #555;
}


.wizard .step,
.planificador td.reservacion * {
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
}

#check_reservacion h4 {
    margin-top: 10px;
}

#check_reservacion .label {
    display: block;
    white-space: normal;
    line-height: 15px;
    font-size: 10px;
    padding: 10px;
    margin: 0 -3px;
    margin-left: -13px;
}

.past .btn-reservar {
    display: none;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: rgba(153, 153, 153, 0.3) !important;
    text-decoration: none !important;
}


.id_res {
    display: none;
    position: absolute;
    top: 6px;
    right: 0px;
    font-size: 10px;
    padding: 3px 5px;
    padding-right: 18px;
    line-height: unset;
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
    text-align: right;
    border-radius: 3px 0px 0px 3px;
}

.selected .id_res {
    display: block;
}


.planificador td.reservacion .important_data {
    margin: 0;
    position: absolute;
    top: 0px;
    left: 10px;
    text-align: left;
}

.planificador td.reservacion .important_data label {
    padding: 4px;
    border-radius: 0 0 3px 3px;
    color: #777;
    display: inline-block;
    margin-right: 3px;
    border: 1px solid;
    border-top: 0;
    font-size: 12px;
}

.planificador td.reservacion.selected .important_data label {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

blockquote p {
    margin: 0;
}

blockquote hr {
    margin: 10px 0;
}

.no_edit_res {
    border: 3px solid #3fc1a5;
    background-color: transparent;
    margin: 20px;
    color: #3fc1a5;
}


.navbar-nav .open .dropdown-menu.msg_list {
    width: 200px;
    text-align: right;
    padding: 5px;
}

ul.msg_list li {
    margin: 2px 0;
    width: 100% !important;
    padding: 0 !important;
}

ul.msg_list li a {
    padding: 10px !important;
    padding-right: 20px !important;
    border-right: 3px solid;
}

ul.msg_list li a:hover {
    background-color: rgba(144, 144, 144, 0.2);
}

.dropdown-menu.msg_list span {
    display: block;
}



.entrada h5,
.salida h5 {
    font-size: 12px;
}

.cliente_titulo {
    font-weight: bold;
    color: #1abb9c;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wizard_horizontal ul.wizard_steps li {
    width: 30%;
}

.wizard_horizontal ul.wizard_steps li:hover {
    display: table-cell;
}


.confirm_delete {
    display: none;
    position: absolute;
    background-color: #e50f00;
    color: #fff;
    padding: 10px;
    padding-top: 50px;
    bottom: 0;
    right: 45px;
    box-shadow: 0px 5px 20px -5px #000;
    margin: 0 -40px;
    z-index: 10000;
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
}

.confirm_delete .close {
    width: auto !important;
    margin: 0;
    padding: 5px 10px !important;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.5;
}

.confirm_delete .btn i {
    display: inline-block !important;
    font-size: initial !important;
}

.info_res .switch .switchery {
    display: block;
    margin-bottom: 10px;
    margin-top: -10px;
}


.llave .btn {
    width: auto !important;
    border: 0 !important;
    background-color: rgba(255, 255, 255, 0.17) !important;
    color: #fff !important;
}

.llave .btn:hover {
    background-color: #fff !important;
    color: #34495e !important;
}

.llave .btn.active {
    background-color: #1abb9c !important;
    color: #fff !important;
}


#s_servicio {
    padding: 18px;
}

.form-control-feedback.right {
    margin-right: -10px;
}

.pagos .btn-default.active,
.pagos .btn-default:active {
    color: #fff;
    background-color: #3fc1a5;
    border-color: #0000003d;
}



.pagos .form-group {
    margin-bottom: 6px;
    margin-top: 5px;
}

#table_pagos .form-group label {
    font-size: 12px;
}

#add_detalle .table-bordered th {
    background-color: #f0f4f9;
    color: #2a3f54;
}

.pagos h2 {
    margin: 30px -10px;
    background-color: #2a3f54;
    padding: 15px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    border: 0;
    margin-top: 0;
}

.btn-save {
    margin: 10px 0px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #CFD8DC;
}

.pagos table th.total {
    font-weight: bold;
    color: #ca1c18;
    font-size: 15px;
    padding: 10px;
}

.pagos table td.total {
    color: #000000;
    font-weight: bold;
}


.pagos table td.saldo {
    color: #E53935;
    font-weight: bold;
}


.pagos #saldo_hospedaje {
    background-color: #fff;
    color: #3fc0a5;
    font-size: 35px;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    height: 55px;
}


.pagos h2>span {
    margin-top: 8px;
}


.total_servicios {
    background-color: #2a3f5421;
    margin-top: -30px;
    margin-bottom: 20px;
}


.total_servicios .info {
    padding: 16px;
    font-size: 16px;
}

.total_servicios .info>span {
    font-size: 20px;
}

.pagos .totales {
    padding: 25px;
    background-color: rgba(227, 230, 233, 0.5);
}

.final_row td {
    font-weight: bold;
    border-top: 3px solid rgba(42, 63, 84, 0.3) !important;
    padding-top: 15px !important;
}


#table_pagos th {
    font-size: 10px;
}

.scrollableX {
    overflow-x: auto;
    padding-bottom: 10px;
}


.controls_plani {
    padding: 3px;
}


.titulo_anulacion {
    margin: 30px -17px !important;
    padding: 20px 47px !important;
    background-color: #c15351 !important;
}

.btns_factura .row:first-child .titulo_anulacion {
    margin-top: -35px !important;
}


.btn-ellipsis {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}


.flex {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.flex .element {
    flex: 1 1 200px;
}


blockquote ul {
    padding-left: 10px;
}


article {
    margin-top: 30px;
    margin-bottom: 10px;
}


hr {
    width: 100%;
}

.btn-argo {
    border: 2px solid #23527c;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
}

.btn-argo i.fa {
    font-size: 14px;
}

.btn-argo:hover {
    background-color: #23527c;
    color: #fff;
}

.btn-CollapseDetalleMensaje {
    color: #fff;
    font-style: italic;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.btn-CollapseDetalleMensaje:hover,
.btn-CollapseDetalleMensaje:focus {
    color: #000;
    background-color: #fff;
}

#CollapseDetalleMensaje {
    padding-top: 20px;
}

.DetalleMensaje .list-group-item {
    background-color: #00000040;
    border-color: #00000040;
}

.DetalleMensaje .list-group-item:hover {
    background-color: #00000090;
}

#tab-tools-content {
    padding-top: 20px;
}

#table_products .registro_medicamento {
    font-style: italic;
    font-size: 12px;
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
}

.loading_info_producto {
    position: absolute;
    bottom: -15px;
    left: 25px;
}

#table_filter_products_wrapper .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 4px;
}

.s3 .alert.alert-default {
    background-color: #f2f2f2;
    border-color: #ccc;
}

.section_codigo_producto {
    border: 1px solid transparent;
}

.temp_subtotales {
    font-size: 16px;
}


.red {
    color: rgb(130, 3, 3) !important;
}



.nav_menu .label-default {
    background-color: #dadada;
    color: #777777;
    padding: 6px 10px;
}


.table_totals_rpt .detail {
    display: table-cell;
    margin: 0;
    padding: 0;
    line-height: normal;
    height: auto;
}

.table_totals_rpt .detail .close-detail {
    padding: 2px 10px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    margin-bottom: 27px;
    display: inline-block;
}

.table_totals_rpt .detail .close-detail:hover {
    background-color: #5bc0de;
    color: #fff;
}

.table_totals_rpt .detail .content {
    display: none;
    position: absolute;
    background-color: #2a3f54;
    color: #e5e5e5;
    z-index: 1;
    top: -15px;
    left: 0;
    padding: 20px;
    width: 400px;
    font-size: 12px;
    text-align: right;
    line-height: 20px;
    box-shadow: 0px 0px 30px -20px #000;
}

.table_totals_rpt .detail .row:hover {
    color: #5bc0de;
}

.table_totals_rpt .detail .content::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #2a3f54 transparent transparent;
}

.table_totals_rpt .detail .title {
    float: left;
    color: #ffffff73;
    font-size: 16px;
}

.table_totals_rpt .detail hr {
    margin: 10px 0;
    border-color: #ffffff47;
}

.table_totals_rpt tr {
    border-bottom: 1px solid #00000050;
}



.main-alert {
    margin: -10px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}


textarea#descripcion {
    height: 70px;
}


.alert-search {
    margin: 0px !important;
    margin-bottom: 20px !important;
    border: 1px solid #c9723d;
    background-color: #eef2f7;
}


.lds-ellipsis.min {
    height: 10px;
    transform: scale(0.6) translateY(2px) translateX(-15px);
}

.lds-ellipsis.min div {
    top: 0px;
}


#notificaciones {
    background-color: #394f65;
    margin-top: -10px;
    margin-bottom: 15px;
    color: #fff;
    padding: 20px;
}


#notificaciones h3 {
    color: #fff;
    text-transform: uppercase;
}

#notificaciones .notificacion {
    padding: 20px;
    margin: 10px 0;
    background-color: #00897B;
    color: #fff;
}

.notificacion h5 {
    color: #fff;
    background-color: #009688;
    margin: -20px;
    padding: 10px 20px;
    margin-bottom: 0px;
}

.notificacion .descripcion {
    margin: 15px 0;
}

.notificacion .btn.btn-default {
    border: 0;
    margin: 0;
}


#notificaciones .notificacion.danger {
    background-color: #a20001;
}

#notificaciones .notificacion.danger h5 {
    background-color: #c90e0f;
}




.input-group {
    margin-bottom: -1px;
}


#manual_descripcion {
    min-height: 125px;
}


#siteseal {
    margin: 0;
    margin-bottom: 20px;
    display: inline-block;
}


.table_totals_rpt {
    margin: 10px;
}


.left_col {
    z-index: 100 !important;
}


.alert {
    position: relative;
}

.cancel_argo {
    position: absolute;
    top: -17px;
    right: 10px;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    padding: 6px;
}

.label {
    display: inline-block !important;
}


.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #26b99a;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}


.sidebar-footer::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 26px;
    top: -25px;
    left: 0;
    background: rgba(42, 63, 84, 0);
    background: -moz-linear-gradient(top, rgba(42, 63, 84, 0) 0%, rgba(42, 63, 84, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42, 63, 84, 0)), color-stop(100%, rgba(42, 63, 84, 1)));
    background: -webkit-linear-gradient(top, rgba(42, 63, 84, 0) 0%, rgba(42, 63, 84, 1) 100%);
    background: -o-linear-gradient(top, rgba(42, 63, 84, 0) 0%, rgba(42, 63, 84, 1) 100%);
    background: -ms-linear-gradient(top, rgba(42, 63, 84, 0) 0%, rgba(42, 63, 84, 1) 100%);
    background: linear-gradient(to bottom, rgba(42, 63, 84, 0) 0%, rgba(42, 63, 84, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a3f54', endColorstr='#2a3f54', GradientType=0);
}


.nav_title {
    border: 0;
}





#monto_total,
#sub_total,
#descuento_total,
#imp_total,
#cargos_total,
#total {
    color: #ca1c18;
    font-size: 16px;
    padding: 16px 10px;
}

tfoot {
    background-color: #fcfcfc;
}



.sidebar-footer a {
    padding: 10px;
}

.waiting {
    display: none;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: 0px !important;
}


.pagination>li>a {
    color: #555 !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
    z-index: 2;
    color: #ffffff !important;
    background-color: #1abb9c !important;
    border-color: #1abb9c !important;
}

.pagination>li.disabled>a {
    color: #888 !important;
    background-color: #eee !important;
    border-color: #eee !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #34495e !important;
    border-color: #34495e !important;
    color: #fff !important;
}

/*.form-control.date {
    margin-bottom: -4px;
}*/

.top_nav .navbar-right {
    width: auto !important;
}

#body_install .main_container {
    margin: 20px;
}

#body_install .title h3 {
    padding-left: 20px;
}

#body_install .install_panel {
    padding: 10px 20px;
}

.data {
    font-weight: normal;
    width: 100%;
}

.data b {
    font-size: 16px;
    display: inline-block;
    margin: 0 5px;
}

.data-default b {
    color: #9E9E9E;
}

.data-primary b {
    color: #337ab7;
}

.data-info b {
    color: #5bc0de;
}

.data-success b {
    color: #3c763d;
}

.data-warning b {
    color: #f0ad4e;
}

.data-danger b {
    color: #d9534f;
}

.data-argo b {
    color: #1abb9c;
}

.scrollable {
    overflow-x: auto;
}

.btn {
    text-transform: capitalize;
}

.nav_title,
.site_title {
    height: auto;
}

.site_title {
    background-color: rgba(0, 0, 0, 0.18);
    text-align: center;
    padding: 0;
}

.logo {
    width: 100%;
    max-width: 150px;
    margin: 30px;
    display: inline-block;
}

.logo_footer {
    max-width: 70px;
    margin-left: 15px;
}

#logo_sm {
    max-width: 40px;
    margin: 15px;
}


.nav-md #logo_sm,
.nav-sm #logo_md {
    display: none;
}

.sidebar-footer a:hover {
    background: #1abb9c;
    color: #fff;
}

.nav.side-menu>li.active>a {
    box-shadow: 0 0 0;
    background: rgba(0, 0, 0, 0.23);
    color: #1abb9c;
}

.nav.side-menu>li:hover>a {
    color: #1abb9c !important;
}

.profile.clearfix {
    padding-bottom: 30px;
}

.menu_section h3 {
    text-shadow: none;
    color: #ffffff45;
    font-weight: normal;
    border-bottom: 1px solid #ffffff1a;
    padding: 10px 15px;
}

.client {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.user-profile img {
    height: 100%;
    width: auto;
    max-height: 29px !important;
    border: 5px solid #fff;
    border-radius: 3px;
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.switch {
    margin: 10px 0;
}

.nav>li>a {
    padding: 10px 15px;
}

.nav.side-menu>li>a {
    margin-bottom: 0px;
}

footer {
    margin: 0;
    background-color: transparent;
    border-top: 1px solid;
    margin-top: 100px;
    padding-bottom: 30px;
    border-color: #ccc;
}

.alert {
    margin: 20px 10px;
    margin-top: 60px;
}

.x_content .alert {
    margin-top: 20px;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info {
    width: auto;
}

.switch span {
    margin-right: 5px;
}


.nav_menu {
    position: relative;
    z-index: 500;
}

.nav-sm .container.body .col-md-3.left_col {
    z-index: auto;
}

.nav-sm .nav.side-menu li a {
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-control:focus,
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    border-color: #26b999be !important;
}

.left_col {
    position: relative !important;
}

.nav-sm footer {
    margin-left: 0px;
    text-align: center;
}

.switch label {
    cursor: pointer;
    text-transform: capitalize;
    white-space: normal !important;
}

.switch label:hover,
.switch label:focus {
    color: #26b99a;
}

.title h3 {
    display: inline-block;
    padding-left: 2px;
}

.menu_section {
    margin-top: 30px;
}

blockquote {
    font-size: 12px;
    text-align: justify;
    padding: 10px 15px;
}

h2 {
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.colorpicker-element .add-on i,
.colorpicker-element .input-group-addon i {
    border: 1px solid #999;
}

.modal-content {
    border-radius: 10px;
    border: 0;
}

#modal_reservacion .modal-lg {
    width: 95%;
    /*margin: 50px;*/
}

#modal_reservacion .navbar {
    border-radius: 0;
    border: 0;
    margin: -15px;
    margin-bottom: 20px;
}

#modal_reservacion .navbar a:focus,
#modal_reservacion .navbar a:hover {
    background-color: rgba(218, 218, 218, 0.5);
}


#modal_reservacion .navbar .active a,
#modal_reservacion .navbar .active a:focus,
#modal_reservacion .navbar .active a:hover {
    background-color: rgba(38, 185, 154, .88);
    color: #fff !important;
}


#modal_reservacion .nav-tabs a {
    border: 0;
    margin-bottom: 5px;
}


#modal_reservacion .nav-tabs a:focus,
#modal_reservacion .nav-tabs a:hover {
    background-color: rgba(218, 218, 218, 0.5);
}

#modal_reservacion .nav-tabs .active a,
#modal_reservacion .nav-tabs .active a:focus,
#modal_reservacion .nav-tabs .active a:hover {
    background-color: rgba(38, 185, 154, .88);
    color: #fff !important;
}

#modal_reservacion * {
    transition: .2s;
}

#body_factura .modal-header .close {
    display: none !important;
}

.tab-pane h3 {
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.tab-pane h3::after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #3fc0a5;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.tab-pane i.lg {
    background-color: #3fc0a5;
    color: #fff;
    padding: 11px;
    margin-right: 5px;
    font-size: 20px;
    border-radius: 100%;
}



#consumos .consumo {
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: -2px;
}

#consumos .consumo article {
    border: 2px solid rgba(204, 204, 204, 0.43);
    margin: 5px;
    padding: 5px 15px;
    cursor: pointer;
    height: 150px;
    position: relative;
}

#consumos .consumo article:hover {
    background-color: #2a3f54;
    border-color: transparent;
    color: #fff;
}

#consumos .consumo article.active {
    background-color: #3fc0a5;
    border-color: transparent;
    color: #fff;
}

#consumos .consumo blockquote {
    border: 0;
    border-bottom: 1px dashed rgba(204, 204, 204, 0.6);
    padding: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

#consumos .consumo h4 {
    font-size: 14px;
}


#consumos .consumo article form {
    display: none;
}


#consumos .consumo:hover form,
#consumos .consumo:focus form {
    display: block;
}


#consumos .totals {
    background-color: #2a3f54;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.shadow-left {
    box-shadow: -12px 0px 20px -22px #000;
}

#consumos .consumo article .descripcion {
    position: absolute;
    top: -2px;
    right: -81%;
    width: 80%;
    background-color: #607D8B;
    color: #fff;
    z-index: 1;
    padding: 20px;
    font-size: 12px;
    display: none;
}


#consumos .consumo:hover .descripcion,
#consumos .consumo:focus .descripcion {
    display: block;
}

#consumos .consumo article .descripcion .triangulo {
    position: absolute;
    top: 10px;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #607d8b;
    border-bottom: 15px solid transparent;
}

.grid_consumos {
    padding-right: 20px;
}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    border: 0;
    box-shadow: none;
    cursor: not-allowed;
}


.has-error {
    border: 2px solid #e74c3c;
    background-color: #fceae9;
    box-shadow: 0 0 8px rgba(231, 76, 60, 0.6);
    transition: all 0.3s ease;
}

.has-error label,
.has-error .help-block,
.has-error .control-label {
    color: #e74c3c;
    font-weight: bold;
}

.has-error:focus {
    border-color: #c0392b;
    box-shadow: 0 0 10px rgba(192, 57, 43, 0.8);
}

.has-error {
    animation: shake 0.3s;
}



.has-success {
    border-color: #008440;
    box-shadow: 0px 0px 20px -5px #008440;
}


.msg_list .text-center {
    padding: 15px;
}


.nav-sm .main_menu .label {
    display: block;
    width: 100%;
}


.nav-sm .nav.side-menu {
    margin-bottom: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 10px 20px -13px #000;
}

#logo_empresa {
    max-height: 40px;
    margin: 5px;
    border-radius: 3px;
    margin-left: -15px;
    margin-top: 6px;
}

.under_construction {
    display: none !important;
}


.table_totals_rpt td {
    padding: 5px 15px;
    font-size: 14px;
}

.rpt .nav li a {
    margin: 5px;
    padding: 5px 15px;
    border-radius: 3px;
    background-color: transparent;
    color: #26b99a !important;
    border: 2px solid #26b99a;
}

.rpt .nav li a:hover {
    background-color: #26b99a;
    color: #fff !important;
}


.totals_rpt {
    background-color: #607D8B;
    margin: 0;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
    color: #fff;
}

#body_rpt .x_title {
    border-bottom: 0;
    margin-bottom: 0;
}

.icon_special i {
    font-size: 16px !important;
    margin: 0;
    width: auto !important;
    padding: 0;
    margin-right: 5px;
    vertical-align: bottom;
}

.nav-sm .nav.side-menu li a.icon_special i {
    width: auto !important;
    font-size: 12px !important;
    margin-bottom: 0;
}


.tb_impuestos td label {
    font-weight: normal;
    width: 100%;
}

.tb_impuestos tr {
    border-bottom: 1px solid #ccc;
}

.tb_impuestos td {
    padding: 10px;
}

.tb_impuestos td:last-child {
    background-color: #f9f9f9;
    font-weight: bold;
}

.tb_impuestos .switchery {
    width: 40px;
    height: 25px;
}

.tb_impuestos .switchery>small {
    width: 24px;
    height: 24px;
}

.chosen-container,
.chosen-container * {
    transition: 0s !important;
}

.chosen-container {
    width: 100% !important;
}

.decora {
    display: block;
    text-align: center;
    position: relative;
}

.decora span:first-child {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #f5f4f4;
    left: 0;
    top: 50%;
}

.decora span:last-child {
    background-color: #fff;
    display: inline-block;
    padding: 15px;
    position: relative;
}


#receptor_nuevo {
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #f9f9f9;
}


#envio_factura {
    position: relative;
}


#result_envio_factura::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 10px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #9caab9;
    border-left: 20px solid transparent;
}

#result_envio_factura {
    position: absolute;
    border: 2px solid #9caab9;
    padding: 10px 20px;
    border-radius: 3px;
    right: 10px;
    top: 120px;
    width: 160px;
    font-size: 12px;
    font-style: italic;
    line-height: 14px;
}





.add_servicio .switchery {
    width: 25px;
    height: 15px;
    border: 0;
}

.add_servicio .switchery>small {
    width: 15px;
    height: 15px;
}

.add_servicio .switch label {
    font-size: 10px;
}


#exento_form {
    background-color: #e5e6e8;
    padding: 20px;
    margin: 0 -25px;
    margin-top: -25px;
    margin-bottom: 25px;
}

.btn_delete {
    background-color: #d03232 !important;
}

.btn_delete:hover {
    background-color: transparent !important;
}


.blur {
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
    -webkit-filter: blur(3px);
    filter: blur(3px);
}


#super_overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000000000000;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: none;
}


#super_overlay .container {
    margin: 0px auto;
    max-width: 600px;
}

#super_overlay .alert-default {
    color: #26b99a;
    background-color: rgba(0, 0, 0, 0.3);
}



.main_container,
.container {
    word-wrap: break-word;
}

table .label {
    display: inline-block;
}

.complete {
    margin: 10px 0px;
    font-size: 12px;
    float: left;
    border-radius: 0px;
}

.copy .result {
    line-height: 0;
}

.table_totals_rpt td {
    position: relative;
}

button.btn.btn-xs.btn-primary.copy {
    padding: 5px;
    border: 0;
    display: inline;
    margin: 0 10px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

button.btn.btn-xs.btn-primary.copy * {
    font-size: 12px !important;
}

.info_res .btns .btns_factura .btn.copy {
    margin: 0 !important;
    margin-bottom: 10px !important;
    max-width: none !important;
    padding: 5px !important;
    border: 2px solid #26b99a !important;
}


.daterangepicker.show-calendar .calendar {
    display: inline-block;
    float: none;
}

.daterangepicker.show-calendar.single .calendar {
    display: block;
    float: inherit;
}

.factura .info_res .btns {
    margin-bottom: 40px;
}

#load_adding .lds-ellipsis {
    height: 45px !important;
    margin-top: -10px !important;
}

label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.consecutivo {
    font-size: 16px;
}

.consecutivo span:last-child {
    font-weight: bold;

}

.tile_count {
    margin: 0;
    margin-top: -20px;
}

.tile_count .tile_stats_count {
    padding: 0px;
}

.tile_count .tile_stats_count span {
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

.tile_count .count_top {
    text-align: right;
}







.iva .btn-group {
    width: 100%;
}

.iva .form-group .btn {
    margin-bottom: inherit;
    border-radius: 0 !important;
    text-align: left;
}

.impuestos_section .form-group .btn.active,
.impuestos_section .form-group .btn:active {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}




.desc_detalle th {
    padding-right: 10px;
}



.loading {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
}

.loading span {
    background-color: #26b99a;
    border-radius: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    animation: loading_circle 2s linear infinite;
    transition: .2s;
}










.fa.sub_icon {
    width: 18px;
    transform: scale(0.7);
    margin-left: -8px;
    margin-right: 8px;
}






#detalle_inventario,
#detalle_manual,
.info_producto,
.loading_info_producto {
    display: none;
}





blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    display: none !important;
}


#archivos_incorrectos {
    margin-bottom: 20px;
}

#archivos_incorrectos h4 {
    color: #b00;
    margin-bottom: 20px;
}

#archivos_incorrectos ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#archivos_incorrectos li {
    background-color: #fee;
    padding: 10px;
    display: block;
    margin: 10px 0;
    color: #000000bd;
}

#archivos_incorrectos h6 {
    margin: 0;
    font-weight: bold;
}

#archivos_incorrectos p {
    margin: 0;
    font-style: italic;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 15px;
    background: #172d44;
    background: linear-gradient(to bottom, #1abb9c, #172d44);
}

.dropzone .dz-preview.error .dz-image {
    background: #3d0101;
    background: linear-gradient(to bottom, #da2424, #3d0101);
}

.dropzone {
    min-height: 150px;
    border: 2px solid #1abb9c;
    border-radius: 15px;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    color: #172d44;
}

#recepcion_multiple .chosen-container-single .chosen-single {
    border: 2px solid #1abb9c;
}



.text-dark {
    color: #000;
}

#alert_status_factura {
    margin: 0;
    margin-bottom: 30px;
    padding: 20px;
}

a.user-profile.dropdown-toggle {
    max-width: 210px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
}

#test-notification-bar {
    margin: 0;
    border-radius: 0;
    font-size: 10px;
    padding: 5px 20px;
    position: fixed;
    z-index: 100000;
    bottom: 0;
    width: 100%;
    right: 0;
    text-align: center;
    box-shadow: 0px 0px 20px 10px #00000082;
}

#menu-steps {
    display: none;
    font-size: 12px;
}

#menu-steps .menu {
    margin-bottom: 20px;
}

header#menu-steps nav {
    background: #fff;
    border-radius: 50px;
}

header#menu-steps nav ul {
    list-style: none;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
    display: flex;
    /* Convertir en un contenedor flex */
    justify-content: center;
    /* Centrar horizontalmente los elementos */
}

header#menu-steps nav ul li a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    color: #172d44;
}

header#menu-steps nav ul li a:hover,
header#menu-steps nav ul li a.active {
    background: #26b99a;
    color: #ffffff;
}


/* --- Clase que agregaremos cuando el usuario haga scroll --- */
#menu-steps .menu-fixed {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    backdrop-filter: blur(5px);
    background-color: transparent;
    box-shadow: 0px 0px 40px -15px #000;
    border-radius: 50px;
    margin: 10px;
    border: 1px solid #ffffff8c;
}





.btns_actions {
    text-align: left;
}

.btns_actions .argo-btn-container {
    width: calc(100%/3);
    padding: 10px;
}

.btns_actions .argo-btn-container form {
    display: block;
    width: 100%;
}


.btns_actions .argo-btn {
    float: left;
    width: 100%;
    border-radius: 5px;
    white-space: nowrap;
    /* Evita el salto de línea */
    overflow: hidden;
    /* Oculta el desbordamiento del contenido */
    text-overflow: ellipsis;
    padding: 10px;
}

.btns_actions .form-group .btn {
    margin-bottom: 0px;
}

.btns_actions .form-group label {
    margin-bottom: -5px;
    margin-inline-end: 10px;
}

.btns_actions .form-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}


.nav-md .container.body .right_col {
    min-height: 100vh;
}

ul.bar_tabs {
    background: transparent;
    padding: 0;
    height: auto;
    padding-bottom: 5px;
    margin: 10px 0;
    margin-bottom: 0;
}

ul.bar_tabs>li {
    margin-top: 0px !important;
}

.title h3 {
    padding-left: 2px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


/****************** RWD *******************/


@media screen and (max-width: 991px) {
    .right_col {
        padding: 20px !important;
    }
}


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

    /* Mostrar el menú solo en pantallas pequeñas */
    #menu-steps {
        display: block;
    }

    #notificaciones {
        padding-top: 110px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .table_totals_rpt {
        border: 0;
        margin: -1px;
        display: contents;
    }

    .table_totals_rpt .detail {
        position: inherit;
    }

    .table_totals_rpt .detail .content {
        width: 100%;
    }

}

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

    .temp_subtotales {
        font-size: 12px;
        font-weight: bold;
        color: #3fc0a5;
    }

}

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

    .dropzone .dz-preview {
        margin: 5px;
    }

}



/****************** ANIMATIONS *******************/


@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

@keyframes shake {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0px);
    }
}


@keyframes loading_circle {

    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }

}

@keyframes loading {

    0% {
        transform: scale(0.7) rotate(0deg);
    }

    100% {
        transform: scale(0.7) rotate(360deg);
    }

}