body {
	font: 12px/1.2 'Inter', sans-serif;
}

.ib{
	display: inline-block;
}

.dropheader{
	display: inline-block !important;
	margin-top: 10px;
}
.variation_images{
	/*color: transparent;*/
	max-width: 100%;
}
.help-block{
	font-size: 13px;
}
.table_opening_special>tbody>tr>td{
	border-top: none !important;
	padding: 0px !important;
}

.variation_row2{
	clear: both;
	/*display: block;*/
}

.variation_value_table {
	width: 100%;
}

.header_table_pricing{
	display: none;
}

.color-link-blue{
	color: #326a9b;
}

body{
	font-size: 15px !important;
}

label .error{
	font-size: 14px !important;
	font-weight: 500;
	display: block;
	margin-top: 5px;
}

.btnspecial{
	    background: #eeeded;
    color: #616161;
}



.cincuenta{
	width: 48%;
	display: inline-block;
}

.btn-videotutorial{

    width: auto;
    float: right;
}

.dropheader .dropdown-item{
	display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropheader .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

code{
	color: #0e120e;
	background-color: #f3f9f2;

}

label {
	font-weight: 600;
}

.wizard > .steps > ul > li{
	width: 50% !important;
}

.form-group .select2, .input-group {
	width: 100% !important;
}

.specialgroup .select2, .specialgroup input{
	width: 50% !important;
}

.text-left{
	text-align: left !important;
}

.input-number{
	max-width: 130px !important;
	min-width: 130px !important;
	margin: 0 auto;
}

.ui-menu .ui-menu-item {
    border: 1px solid #ededed;
    }

.input-group .input-group-addon, .input-group select, .input-group .select2, .input-group input, select, input, .form-group .select2, .form-group input, .form-group select, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single, .input-group-btn button, .form-group textarea, .form-group .select2, .form-group select, .form-group file{
	border: none;
}



.input-group .select2-container--default, .input-group .select2-selection--single, .input-group select, .input-group textarea, .input-group input, .input-group .select2{
	border: none !important;
}

.input-group, .select2-container--default .select2-selection--single, .form-group textarea, .form-group select, .form-group input, .form-group .select2{
	border: 1px solid #d2d6de;
	border-radius: 5px;
}

.input-group .input-group-addon {
    border-right: 1px solid #d2d6de !important;
}

.input-group-btn button{
	border-left: 1px solid #d2d6de !important;
}

.small, small{
	font-size: 90%;
}

#toast-container{
	margin-top: 10px;
}

.sidebar-menu .treeview-menu>li>a{
	font-size: 15px !important;
}

.skin-blue .sidebar-menu>li>a{
	font-size: 16px !important;
}

.wizard > .content{
	min-height: 20em !important;
}

.sidebar-menu>li>a>.fa{
	font-size: 18px;
}

.btn-app{
	font-size: 14px;
}

.btn-custom-app {
    width: 16%;
    margin: 0 0 10px 0px;
}

.si-print{
	display: none;
}

@media print {
	.si-print{
		display: inline-block !important;
	}
	table.hide-first tr td:first-child, table.hide-first tr th:first-child, table.hide-second tr td:first-child, table.hide-second tr th:first-child{
		display:none;
	}


	table.hide-second tr td:nth-child(2), table.hide-second tr th:nth-child(2){
		display:none;
	}

	table.hide-first tfoot, table.hide-second tfoot{
		display: none;
	}

}

.bold{
	font-weight: bold;
}

.slim{
	margin-top: 10px;
	margin-bottom: 10px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    height: 230px;
    overflow: scroll;
    overflow-x: hidden;
}

.explicacionesafip img{
	margin: 0 auto;
}

.bg-orange{
	    background-color: #f5af41 !important;
    border-color: #f5af41 !important;
}

.afilter{
	color: #444;
}

.text-default{
	color: #ccc;
}

fieldset legend{
	margin-bottom: 0px;
}


.obligatory{
	color: #e97f7f;
}

.hide2{
	display: none;
}
.mb0{
	margin-bottom: 0px;
}

.treeview-menu>li>a>.fa{
	display: none;
}
.treeview-menu>hr{
border-top: 1px solid #5f5f5f !important;
}

.well-sm{
	font-weight: 500;
}

.widget-user-2 .widget-user-desc{
	margin-left: 0px;
}

.img-user-sidebar{
	width: 100%;
	height: auto;
}

.btn-transparent{
	background: transparent !important;
	color: white;
}

.sinstock{
	position: absolute;
	top: 2px;
	left: 2px;
	font-size: 8px;
}

.btn-transparent:hover{

	color: white;
}

/*.widget-user .widget-user-image{
	top: -30px;
}*/

/*.btn-new{
	background-color: #00a65a !important;
    border-color: #008d4c !important;
    color: white;
}*/

.btn-app{
	 z-index: 999;
}

.modal-dialog{
	z-index: 9999;
}

/*.widget-user .box-footer{
	padding-top: 0px;
}*/

.tipo-titulo{
	margin: 0px;
	margin-top: 3px;
}

.btn-success, #toast-container .toast-success{
	background-color: #78cd51 !important;
	border-color: #78cd51 !important;
}

.box.box-success{
	border-top-color: #78cd51 !important;
}

.subscriptionwarning{
	bottom: 0px;
    z-index: 999999;
    margin: 0 auto;
    width: 100%;
    left: 0;
    background: #ecb403 !important;
	text-align: center;
	position: fixed;
}

.demodanger{
	background-color: #439cc0 !important;
	border-color: #e05d4c !important;
	text-align: center;
	color: white;
	font-size: 16px;
	padding: 12px;
}

.demodanger a{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

.btn-danger, .bg-red, #toast-container .toast-danger{
	background-color: #e05d4c !important;
	border-color: #e05d4c !important;
}

.alert-danger{
	background-color: #e05d4c !important;
	border-color: #e05d4c !important;
}

.box.box-danger{
	border-top-color: #e05d4c !important;
}

.bg-aqua{
	background-color: #93e4f8 !important;
	border-color: #93e4f8 !important;
}

.btn-info{
	background-color: #5496cf !important;
	border-color: #5496cf !important;
}

.alert-info{
	background-color: #5496cf !important;
	border-color: #5496cf !important;
}

.box.box-info{
	border-top-color: #5496cf !important;
}

.box.box-solid.box-info>.box-header{
	background-color: #5496cf !important;
}

.btn-warning, #toast-container .toast-warning{
	background-color: #f5af41 !important;
	border-color: #f5af41 !important;
}



/*.alert-warning{
	background-color: #f5af41 !important;
	border-color: #f5af41 !important;
}*/

.box.box-warning{
	border-top-color: #f5af41 !important;
}

.callout.callout-warning{
	background-color: #f5af41 !important;
}



.light-mode  .bg-gray{
	background-color: #f4f5fb !important;
}

.dark-mode  .bg-gray{
	background-color: #1d286a !important;
}

/*
.dark-mode .pagination>li.disabled{
	border-color: #1d286a !important;
	background-color: #1d286a !important;
	color: #edf0f5 !important;
}

.dark-mode  .pagination>li {
	border-color: #1d286a !important;
	background-color: #1d286a !important;
	color: #edf0f5 !important;
}

.dark-mode  .pagination>li.active{
	background-color: #6975bb !important;
}
*/
.dark-mode .table-head-blue thead{
	background: #1d286a !important;
    color: white;
}

.dark-mode #date_service_range, #transaction_date,.dark-mode  #sell_list_filter_date_range{
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

/*.btn-new{
	background-color: #6cb848 !important;
	border-color: #6cb848 !important;
}*/

.box.box-solid.box-info{
	border: none;
}

/*.widget-user .widget-user-image{

	display: inline-block;
}*/

.add-product-price-table th {
    background-color: #cacaca;
    color: black;
}

.table-th-green th {
    background-color: #cacaca;
    color: black;
}

.title-report{
	margin-top: 5px;
}

.w100{
	width: 100%;
}

.margin0{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
}

.imgproduct{
	height: 50px;
	width: 50px;
	overflow: hidden;
}

.thumbnail{
	width: 100%;
	height: 120px;
}

.image-container{
	height: 95px;
}

.image-container2{
	height: 150px;
}

.user-header{
	height: 150px !important;
}

.imgproduct img, .thumbnail img, .image-container img, .image-container2 img, .user-header img{
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
	    object-position: center;
}

.main-header .navbar-custom-menu a {
	/*color: white !important;*/
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{
	color: #666666 !important;
}

@media (max-width:768px) {
	.skin-blue .main-header .logo, .imagendeperfil{
		display: none;
	}

	/*.widget-user .widget-user-image{
		top: -70px;
	}*/
	.main-sidebar{
		padding-top: 50px !important;
	}
	section.withtools{
		padding-top: 0px;
	}

	.mt-phone{
		margin-top: 15px;
	}

	.pos-tab-container .pos-tab{
		clear: both;
	}

	.col-xs-hidden{
		display: none;
	}
}

@media (min-width:769px) {
	.col-sm-hidden{
		display: none;
	}
}

@media (max-width:769px) {
	.colnro1{
		width: 200px;
	}
	.colnro4{
		width: 100px;
	}

	.colnro2, .colnro3{
		width: 300px;
	}

	.prices_xs_forced{
		width: 900px;
	}

	.max100withscroll{
		height: 100%;
		overflow-x: scroll;
	}
}

.color-black{
	color: black !important;
}

.color-success{
	color: #658a62;
}

.color-error{
	color: #e97f7f;
}

.color-info{
	color: #4c83b7;
}

.color-default{
	color: #6f6f6f;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    border-left-color: #234999;
}

.skin-blue .main-header .navbar{
	background: #1e1e1e;
}

.skin-blue .main-header .logo{
	background: #1e1e1e;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #1e1e1e;
}

.skin-blue .main-header .logo {
  background-color: #1e1e1e;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-blue .main-header .logo:hover {
  background-color: #111;
}

.skin-blue .main-header li.user-header {
  background-color: #1e1e1e;
}

.pos_product_div{
	min-height: 10vh;
    max-height: 30vh;
}

.bg-light-grey{
	background: #7a7a7a;
	color: white;
}



.popover-navigation button{
	width: 48%;
}

.popover-navigation button:nth-child(3){
	width: 100%;
	margin-top: 10px;
}

.tour .popover-content {
    padding: 18px 14px 5px 14px;
}

.box.box-solid.box-info>.box-dela, .btn-dela{
	background-color: #234999 !important;
}



.rowspecialprices{
	margin-left: 0px;
	margin-right: 0px;
}
.rowspecialprices>.coltr{
	/*border: 1px solid #ccc;*/
	border-bottom: none;
	overflow: hidden;
}

.rowspecialprices>.coltr h4{

	font-weight: bold;
}

.rowspecialprices>.col-lg-2>.col-md-6, .rowspecialprices>.col-lg-4>.col-md-4{
	padding-left: 0px;
	padding-right: 0px;
}

/*.rowspecialprices>.coltr:first-child{
	border-left: none;
}

.rowspecialprices>.coltr:last-child{
	border-right: none;
}*/


.boxresume .lead{
	margin-bottom: 0px;
}

.boxresume strong{
	margin-top: 5px;
	display: inline-block;
}

.table-head-blue thead{
	background: #f4f5fb !important;
	color: white;
}




.align-center{
	margin: 0 auto;
}

.btn-separate a, .btn-separate button{
	margin: 5px 2px 0px 0px;
}

.btn-facturar{
	width: 50%;
    clear: both;
    margin: 0 auto !important;
    display: block;
    margin-top: 3px;
}

.video-thumbnail-auth{
	margin-top: 20px;
}

.video-thumbnail-auth .lead{
	margin-bottom: 10px;
}

#date_service_range, #transaction_date, #sell_list_filter_date_range{
	background-color: #fff;
}

#dataservicio{
	display: none;
}


#document{
	max-width: 100%;
}

/*.input-group-addon-right{
	border-right: none !important;
	border-left: 1px solid #d2d6de !important;
}*/

/* .exchange-input-group{
	width: auto !important;
    max-width: 180px;
} */

.exchange-input{
	max-width: 60px;
}

.box.box-solid.box-info>.box-header{
	background-color: #234999 !important;
}

.bg-blue {
    background-color: #234999 !important;
}

.box.box-solid.box-info>.box-dela, .btn-dela{
	border-color: #3e5b97 !important;
}


.withvideo{
	display: inline-block;
}

@media (max-width:768px) {
	.withvideo{
		margin-bottom: 15px !important;
	}
}

@media (max-width:991px) {
	.headerpos .navbar-custom-menu a, .headerpos .navbar-custom-menu button{
		display: block !important;
	}

	#btnCalculator{
		display: none !important;
	}
}



.infomessage{
	background-color: #afc95d !important;
}


.title-common{
	font-size: 16px;
	font-weight: bold;
}

.spetialcolauth:before{
	display: none !important;
}

.bg-light-red{
	background: red;
}



.app-sidebar__user .user-pic{
	height: 140px;
}

.app-sidebar__user .user-pic img{
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
	object-position: center;
}


.sidenav-toggled .app-sidebar__user .user-pic{
	height: 60px;
}

.sidenav-toggled .app-sidebar__user .user-pic img{
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
	object-position: center;
}


.light-mode  .margin0{
	border-top-color: #bdc6ff;
}

.dark-mode  .margin0{
	border-top-color: rgba(255, 255, 255, 0.07);
}

.breadcrumbbreadcrumb-item input{
	margin-top: 5px;
    margin-right: 3px;
}

.box-default{
	background-color: #d2d6de  !important;
}

.box-info{
	background-color: #234999 !important;
}

.box-warning{
	background-color: #ecb403 !important;

}


.withvideo{
	margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 2.5rem;
	position: relative;
	font-family: 'Roboto', sans-serif;
	color: inherit;
}

.tipo-titulo{
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
    line-height: 1.1;
}

.widget-user .card-body{
	padding: 12px !important;
}

.widget-user-image{
	display: inline;
}

.btn-new{
	color: #4454c3 !important;
    background-color: transparent;
    background-image: none;
    border-color: #4454c3;
    box-shadow: 0 0px 10px -5px rgba(68, 84, 195, 0.5);
    padding: 0px 10px 2px 5px;
    margin-bottom: 5px;
    font-size: 14px;
    margin-left: 5px;
}



.btn-new i.fa{
	margin-top: 4px;
}

.btn-new:hover {
    color: #fff !important;
    background-color: #4454c3;
    border-color: #4454c3;
}

.btn-add-new{
	color: #24a46d !important;
	border-color: #24a46d;
    box-shadow: 0 0px 10px -5px rgba(45,206,137, 0.5);
}

.btn-add-new:hover {
    color: #fff !important;
    background-color: #24a46d;
    border-color: #24a46d;
}

.btn-app-danger{
	color: #dc0441 !important;
	border-color: #dc0441;
    box-shadow: 0 0px 10px -5px rgba(45,206,137, 0.5);
}

.btn-app-danger:hover {
    color: #fff !important;
    background-color: #dc0441;
    border-color: #dc0441;
}

.widget-user{
	margin-top: 5px;
}

.card-filter .card-body{
	padding: 12px 1.5rem !important ;
}

.btn-group-xs > .btn, .btn-xs {
	padding: 7px 4px;
    /* font-size: .875rem; */
    line-height: .5;
    border-radius: .2rem;
    font-size: 11px !important;
}

.btn-xs i{

	font-size: 11px !important;
	line-height: .5;
}


.table .label {
    display: inline-block;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	border-radius: 7px;
	color: white;
	opacity: 0.8;
}


table.dataTable{
	font-size: 14px !important;
}

table .dropdown-menu{
	font-size: 14px !important;
}

table .dropdown-menu>li>a{
	padding: 0.4rem 1rem;
}


table.dataTable td{
	padding: 0.75rem 0.75rem 0.2rem 0.75rem;
}

.row.margin-bottom-12{
	width: 100%;
}

div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
	width: 100%;
}
/*
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
	display: inline-flex;
}

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

.pagination>li:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.pagination>li {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #eff0f6;
    color: #424e79;
    box-shadow: none;
}

.pagination>li.active  {
    z-index: 1;

    background-color: #4454c3;
    border-color: #4454c3;
}
.pagination>li.active a {
	color: #fff;
}

.pagination>li.disabled  {
    color: #ced4da;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #eff0f6;
}

.pagination>li.disabled a {
	color: #ced4da;
}
*/
.default-sidebar .app-sidebar-help a.color-white{
	color: white !important;
}

.input-group{
	display: table;
}

.input-group-prepend, .input-group-append{
	display: table-cell !important;
	width: 1%;
}

.input-group-prepend>.btn, .input-group-append>.btn, .input-group-btn>.btn{
	border-color: transparent !important;
	border: none;
}

.input-group-prepend .fa{
	padding: 0.375rem 1em;
}

#search_product{
	width: 100%;
}

/* Ajustes responsive para el buscador de productos en móvil */
@media (max-width: 768px) {
    #search_product {
        font-size: 16px !important; /* Previene zoom automático en iOS */
    }
    
    .input-group {
        width: 100% !important;
    }
    
    .input-group .form-control {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    
    /* Ajustar tamaño de los iconos y botones en móvil */
    .input-group-prepend .fa,
    .input-group-append .btn {
        padding: 0.375rem 0.5rem !important;
    }
}

.clearfix{
	clear: both !important;
	display: flex;
	width: 100%;
}

label{
    margin-bottom: .375rem;
    font-weight: 500 !important;
    font-size: 0.875rem;
}

.input-group .form-control{
	width: 100%;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	padding-left: 10px !important;
}

.h2small{
	font-size: 1.5rem;
}

.card-custom-icon.fa{
	text-align: center;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	padding-top: 2px;
}



.opacity-6{
	opacity: 0.2;
}
.opacity-7{
	opacity: 0.7;
}

.input-group-btn {
    position: relative;
    font-size: 0;
	white-space: nowrap;
	display: table-cell;
	padding-bottom: 2px;
	padding-bottom: 2px;
    max-width: 28px;
    padding: 0px;
	margin: 0px;
	text-align: center;
}

.input-group-btn button {
    border-left: 1px solid #d2d6de !important;
}



.pace .pace-progress{
	z-index: 99999;
	background: #d2d6e4 ;
}

.btn-modal-small{
	border: none !important;
}

hr{
	margin-top: 0px;
	margin-bottom: 0px;
}

hr:not(.margin0){
	border-top-color: #bdc6ff;
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}

div.dataTables_wrapper div.dataTables_length select{
	height: 30px !important;
    padding: 0;
    width: auto;
	margin: 0px 5px;
	width: 50px;
}

table.dataTable{
	min-width: 100%;
}

.file-caption-main .file-caption{
	display: table-cell;
    padding: 0px;
    margin: 0px;
    border: none;
}

.file-caption-main .input-group-btn{
	display: table;
	padding: 0px;
    margin: 0px;
    border: none;
}

.input-group-btn button{
	padding: 0px 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    top: 0px !important;
    vertical-align: baseline;
    max-width: 25px;
}

#jquery-steps{
	display: block;
}

.bgtxt{
	font-family: 'Roboto', sans-serif;
	font-size: 2rem !important;
	line-height: 1.1;
	font-weight: 600 !important;
}

.text-title-package{
	font-size: 17px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.dt-button,ul.dt-button-collection{
	background: #b9c0f2 !important;
}

.dt-button.buttons-columnVisibility.active{
	background: #fff !important;
}

.alert p {
	margin-bottom: 0px;
	font-size: 15px !important;
	line-height: 1.5;
}

.alert h4,
.alert h5 {
	font-size: 16px !important;
	font-weight: 600;
	margin-bottom: 8px;
}

.alert ul {
	font-size: 15px !important;
	margin-bottom: 0;
	padding-left: 20px;
}

.alert li {
	font-size: 15px !important;
	line-height: 1.5;
}

.form100{
	width: 100%;
	display: block;
}

.page-rightheader .breadcrumb{
	margin: 0 auto;
	height: 35px;
}

.icon-dropshadow-indigo{
	color: rgba(101,116,205, 0.4) !important;
}

.pos-content{
	margin: 0 !important;
    padding: 0 !important;
	padding-bottom: 30px;
}

.horizontalMenucontainer .app-header{
	height: 75px;
    padding: 12px 0 0 !important;
}

.header-brand-img{
	height: 29px;
    line-height: normal;
    vertical-align: middle;
}
.header-brand-img2{
	margin-top: 13px;
	height: 25px;
	line-height: normal;
	vertical-align: middle;
}

.mobile-logo {
	display: block !important;
	height: 45px;
	min-width: 38px;
}
.desktop-logo {
	display: none !important;
}

@media (min-width: 992px) {
	.mobile-logo {
		display: none !important;
	}
	.desktop-logo {
		display: block !important;
	}
}

/* .pos-content{
	padding-top: 40px !important;

} */

 /* .pos-content{
	padding-left: 30px !important;
    padding-right: 30px !important;
} */

.coltr h4{
	width: 100%;
	padding: 10px 0px 0px 10px;
}

.highcharts-background{
	fill: transparent !important;
}


.slide-menu a:before{
	content: "\e92f";
	font-family: "feather" !important;
}

table.dataTable thead .sorting_desc:after{
	content: "\e92d";
	font-family: "feather" !important;

}

table.dataTable thead .sorting_asc:after{
	content: "\e930";
	font-family: "feather" !important;

}

table.dataTable thead .sorting:after{
	content: "\e965";
	font-family: "feather" !important;
}

.page-header{
	margin: 0px !important;
	min-width: auto;
}

.breadcrumb-item+.breadcrumb-item::before{
	content: "|";
}

.breadcrumb-item.active a{
	color: #424e79;
	cursor:unset;
}

.drop-bread{
	border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #8e98db;
}

.hide{
	display: none !important;
}

.table_opening_special thead th{
	font-size: 13px;
	padding: 2px 0px;
	border: none;
}

.title-setting{
	font-size: 17px;
	margin-top: 15px;
}

.brr10{
	border-radius: 10px;
	overflow: hidden;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.label.bg-gray{
	color: black;
}

.pulse.blue{
	background: #8e98db;
	box-shadow: 0 0 0 rgba(142,152,219,.9)
}

.pulse.blue{
	animation: pulseBlue 2s infinite;
}

@-webkit-keyframes pulseBlue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(142,152,219, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(142,152,219, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(142,152,219, 0);
    }
}

@keyframes pulseBlue {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(142,152,219, 0.9);
        box-shadow: 0 0 0 0 rgba(142,152,219, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(142,152,219, 0);
        box-shadow: 0 0 0 10px rgba(142,152,219, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(142,152,219, 0);
        box-shadow: 0 0 0 0 rgba(142,152,219, 0);
    }
}

.list-icons i{
	font-size: 35px;
}

.title-report{
	font-size: 20px;
}

.fc button{
	color: black;
}


.tooltip.show{
	/* position: fixed !important; */
	top: 0 !important;
	left: 0 !important;
	z-index: 99999999;
}

.form-control-auth{
	background-color: transparent !important;
  }


  .divider-vertical{
	width: 1px;
    background: #8e98dbba;
    height: 25px;
    margin-top: 12px;
  }


.restart_acount{
	cursor: pointer;
	background: #a3b3d5  !important;

}

.restart_acount .side-menu__label{
	color: white !important;
}


.alert-infoHome{
	background-color: #a3b3d552   !important;
    border-color: #a3b3d552   !important;
}

.form-group textarea#custom_field1{
	height: 40px;
}
.restartDanger{
	background-color: #e05d4c !important;
}
.logo50Presu{
	width: 100;
	text-align: right;
}
.logo50Presu img{
	width: auto;
	height: auto;
	max-height: 80px;
	max-width: 150px;
}

.imgCatalogue{
    height: 280px;
    display: block;
}


.imgCatalogue img{
	object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    object-position: center;
}

.thumbnailC{
	min-height: 400px;
	max-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.thumbnailC img{
	object-fit: contain;
    width: 100% !important;
    height: 100% !important;
}

.attachment-block .attachment-img{
	object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    object-position: center;
}

.attachment-block .attachment-pushed{
	margin-left: 15px;
}

#qrcode i{
	font-size: 35px;
}

.cataloguelink {
	display: inline-block;
	margin: 0;
	max-width: 100px;
	padding: 0;
}

.cataloguelink img,
.cataloguelink canvas {
	max-width: 100%;
}


.mw20{
	min-width: 85px !important;
}

.spanInvoice{
	width: 100%; padding-right: .75rem;
           padding-left: .75rem;
}

.ticket .table-info{
	background-color: transparent !important;
}

.fs12{
	font-size: 12px;
}
.link-cursor {
	cursor: pointer;
}

@media (max-width:768px) {
	.btn-initial-setup {
		font-size: 1.3rem;
	}
}

.dataTables_scroll {
	width: 100%;
}

div.dt-container div.dt-paging {
	float: right;
}

div.dt-container div.dt-info {
	float: left;
	flex: auto;
}

select[aria-readonly="true"] {
	pointer-events: none;
	opacity: 0.30;
}
.center-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
  }
  .center-buttons button,
  .center-buttons a {
	margin: 0 1px; /* Ajustar el margen */
  }
  .align-buttons {
	margin-top: 1px; /* Ajustar el margen superior */
  }
  .app-header {
	padding: 0 1px; /* Ajustar el padding */
  }

  .total-amount-label {
	  text-align: center;
	  margin-top: 25px;
	  font-size: 25px;
  }







/* ESTILOS DASHBOARD */

.btn-secondary-small {
	background: #6B8BF3;
	color: white;
	padding: 10px 30px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	transition: all .2s ease-in;
}

.btn-secondary-small:hover {
	background: #4454C3;
	color: white;
}

select.form-control {
	border: 0;
	background: #FBFBFB;
	font-size: 12px;
	color: #939393;
	padding-right: 20px;
}

.container {
	width: calc(100% - 40px);
	max-width: 1440px !important;
}

.horizontal-mainwrapper.container {
	width: calc(100% - 65px);
}

/* Menú horizontal con flechas */

.horizontal-mainwrapper {
	position: relative;
}

.slide-left,
.slide-right {
	display: none;
}

.alert {
	font-size: 15px !important;
	border: 0;
	background-color: #4454C333 !important;
	opacity: 1;
	color: #4454C3;
	line-height: 1.5;
	padding: 12px 18px;
}

.alert .close {
	opacity: 1;
	color: #4454C3;
	font-weight: 200;
	font-size: 21px;
	margin-top: -2px;
}

.header-icon {
	fill: #6B8BF3;
}

.header-whatsapp {
	color: #25D366;
    font-size: 22px;
	margin-top: 14px;
}

.header-notify .pulse {
	background: #FF5B51;
	top: 7px;
	left: 14px;
	border: 1px solid white; 
	width: 8px;
	height: 8px;
}

.top-header-btn {
	height: 43px; 
	background: #4454c3; 
	color: #fff;
	margin-top: 4px; 
	margin-right: 10px;
}

.top-header-btn--text {
	display: inline-block; 
	padding-top: 3px; 
	color: white;
}

.hor-icon {
	fill: #ebedfd;
	height: 22px;
	margin-right: 4px;
    margin-left: 4px;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
	box-shadow: .125rem .063rem .5rem #00000010;
}

.horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu {
	background-color: white;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li{
	display: block !important;
}


.nav-tabs {
	border: none !important;
	margin-bottom: 20px;
}

.nav-tabs .nav-item {
	border: 0;
}

.nav-tabs .nav-link {
	font: 500 16px/1.2 'Inter', sans-serif;
	color: #171B1E;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	background: none !important;
	padding: 5px 5px;
	border-radius: 0;
	margin: 0 10px;
}

.nav-tabs .nav-link:hover {
	color: #6B8BF3 !important;
}

.nav-tabs .nav-link.active {
	color: #6B8BF3;
	border-bottom: 2px solid  #6B8BF3 !important;
	background: none !important;
}

.card {
	box-shadow: 0px 4px 4px 0px #0000000A;
}

.card.card-purple {
	background: linear-gradient(180deg, rgba(107, 139, 243, 0) 0%, rgba(107, 139, 243, 0.1) 100%),
	white;
}

.card.card-green {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(49, 206, 139, 0.1) 100%),
	white;
}

.card.card-yellow {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 223, 142, 0.1) 100%),
	white;
}

.card.card-red {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 91, 81, 0.1) 100%),
	white;
}

.card-title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.card-title {
	font: 400 19px/1.2 'Inter', sans-serif;
	color: #717579;
	letter-spacing: 0;
}

.card-subtitle {
	font: 400 16px/1.1 'Inter', sans-serif;
	color: #717579;
	letter-spacing: 0;
	margin: 0;
}

.card-number {
	font: 600 24px/1.2 'Inter', sans-serif;
	color: #3B3B3B;
	letter-spacing: 0;
	height: 10px;
}

#circle-progress {
    width: 32px;
    height: 32px;
}

.tasks-list {
	padding: 0;
	margin: 20px 0 0;
}

.tasks-item {
	display: flex;
	gap: 10px;	
	color: #939393;
	padding: 0;
	margin: 0;
	height: 30px;
}

.task-icon {
	width: 30px;
	height: 20px;
	text-align: center;
	color: #D7D7D7;
	position: relative;
}

.task-icon::after {
	content: '';
	position: absolute;
	top: 2px;
	right: -3px;
	display: block;
	height: 14px;
	width: 1px;
	background: #F5F5F5;
}

.task-title {
	font: 400 14px/1.2 'Inter', sans-serif;
	margin: 0;
}

.task-number {
	font-weight: 700;
	padding-left: 4px;
}

.tasks-item.active .task-title {
	font-weight: 700;
	color: #6B8BF3;
}

table.new-table {
	font: 700 14px/1.1 'Inter', sans-serif !important;
	color: #3B3B3B;
}

table.new-table th {
	border: 0;
	font: 400 10px/1.1 'Inter', sans-serif !important;
	color: #939393;
	text-transform: uppercase;
}

table.new-table td.bg-gray {
	background: #FBFBFB !important;
	border-bottom: 5px solid white;
	color: #3B3B3B;
	padding: 7px 12px;
}

.card-accounts table.new-table td.bg-gray {
	background: #FBFBFB !important;
	border-bottom: 14px solid white;
	color: #3B3B3B;
	padding: 8px 12px;
}

table.new-table td.bg-total {
	background: #6B8BF333;
	color: #4454C3;
	text-transform: uppercase;
	padding: 8px 12px;
}

table.new-table p.small {
	font: 400 10px/1.1 'Inter', sans-serif;
	color: #717579;
}

table.new-table td {
	font-size: 14px;
	font-weight: 700;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #FBFBFB !important;
}

.table-results {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #717579;
}

.table-pag {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #717579;
	gap: 8px;
}

.table-pag a {
	color: #717579;
}

.table-pag span {
	
}

p.table-text {
	font-size: 14px;
	color: #3B3B3B;
}

.card-qr {
	background: linear-gradient(212.43deg, #6B8BF3 19.43%, #2D3969 87.63%);
	color: white;
}

.card-qr .card-title {
	color: white;
	margin: 0;
}

.card-qr p {
	font-size: 13px;
	line-height: 1.6;
}

.card-qr a,
.card-qr a:hover {
	color: white !important;
}

.qr-code {
	border-radius: 10px;
	overflow: hidden;
	color: black;
}

.news-list {
	max-height: 100px;
	overflow: auto;
	padding: 5px 16px 5px 0;
}

.news-item {
	display: flex;
	gap: 10px;
	font: 400 14px/1.3 'Inter', sans-serif;
	color: #717579;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #EEEEEE;
}

.news-item:last-of-type {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.news-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #6B8BF31A;
	border-radius: 8px;
	min-width: 30px;
	height: 30px;
}

.news-icon svg {
	max-width: 24px;
}

.news-right {
	text-align: right;
}

.news-date {
	font: 400 12px/1 'Inter', sans-serif;
	color: #D7D7D7;
	white-space: nowrap;
	margin-bottom: 5px;
}

.news-close {
	font: 200 20px/1 'Inter', sans-serif;
	color: #D7D7D7;
}

.resumen-col {
	border-right: 1px solid #F5F5F5;
	padding-left: 20px;
}

.resumen-col:last-of-type {
	border: 0;
}

.blog-item {
	display: flex;
	gap: 15px;
}

.blog-img {
	overflow: hidden;
	height: 130px;
	min-width: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	float: left;
}

.blog-img img {
	height: 130px;
	width: 130px;
	object-fit: cover;
}

.blog-title {
	font: 500 16px/1.1 'Inter', sans-serif;
	color: #171B1E;
	margin-bottom: 5px;
}

.blog-text {
	font: 400 14px/1.25 'Inter', sans-serif;
	color: #717579;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3; 
	line-clamp: 3; 
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.blog-footer {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 15px;
	border-top: 1px solid #eee;
	padding-top: 12px;
}

.blog-info {
	flex-grow: 1;
}

.blog-author-name {
	font: 400 12px/1.3 'Inter', sans-serif;
	color: #717579;
}

.blog-date {
	font: 400 12px/1.3 'Inter', sans-serif;
	color: #D7D7D7;
}
.blog-author-img {
	overflow: hidden;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	float: left;
	margin-right: 10px;
}

.blog-author-img img{
	height: 30px;
	width: 30px;
	object-fit: cover;
}

.blog-reactions {
	display: flex;
	justify-content: end;
	gap: 5px;
	min-width: 100px;
}

.blog-icon {
	height: 26px;
	width: 26px;
	border-radius: 8px;
	background: #6B8BF31A;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .2s ease-in;
}

.blog-icon:hover {
	background: #6B8BF340;
}

@media (max-width: 1279px) {
	.resumen-col:nth-child(2n) {
		border: 0;
	}
}

@media (min-width: 992px) {
	.horizontalMenu {
		overflow: hidden;
		height: 50px !important;
	}

	.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
		top: 47px;
	}

	.horizontal-main {
		height: 50px;
	}

	.hor-menu .horizontalMenu > ul.horizontalMenu-list {
		overflow-x: visible !important;
	}

	.hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
		border: 0 !important;
		padding: 12px 15px !important;
	}

	.slide-left,
	.slide-right {
		position: absolute;
		top: 6px;
		padding: .375rem;
		color: var(--custom-white);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		cursor: pointer;
		border: 1px solid #eff0f6;
		border-radius: 3.125rem;
		background: white;
		display: none;
	}

	.slide-left {
		left: -25px;
	}

	.slide-right {
		right: -25px;
	}
}

.ui-autocomplete {
    width: 516px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
}

/* Estilos responsive para móvil */
@media (max-width: 768px) {
    /* Contenedor del input debe tener posición relativa */
    .form-group {
        position: relative !important;
    }
    
    .form-group .input-group {
        position: relative !important;
    }
    
    /* Dropdown posicionado debajo del input-group sin taparlo */
    .form-group .ui-autocomplete {
        position: absolute !important;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        box-sizing: border-box !important;
        transform: none !important;
    }
    
    /* Calcular posición desde el input-group */
    .form-group .input-group + .ui-autocomplete,
    .form-group .ui-autocomplete:not(.input-group) {
        top: 100% !important;
        margin-top: 4px !important;
    }
    
    /* Si el dropdown está después del input-group, calcular desde ahí */
    .form-group .input-group ~ .ui-autocomplete {
        position: absolute !important;
        top: calc(100% + 4px) !important;
    }
    
    /* Asegurar que no se desborde del viewport */
    .form-group .ui-autocomplete {
        max-width: calc(100vw - 20px) !important;
    }
    
    /* Asegurar que el input-group se vea bien en móvil */
    #search_product {
        font-size: 16px !important; /* Evita zoom en iOS */
    }
    
/* Mejorar tamaño de fuente en formularios de usuario */
#user_add_form .form-group label,
#user_edit_form .form-group label {
    font-size: 14px !important;
    font-weight: 500;
}

#user_add_form .form-control,
#user_edit_form .form-control {
    font-size: 14px !important;
}

#user_add_form .help-block,
#user_edit_form .help-block {
    font-size: 13px !important;
}

/* Toastr notifications - Tamaños aumentados significativamente para mejor visibilidad */
#toast-container {
    font-size: 20px !important;
}

#toast-container > div {
    font-size: 20px !important;
    padding: 25px 35px 25px 60px !important;
    min-height: 80px !important;
    width: 400px !important;
    max-width: 90vw !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
}

#toast-container > div.rtl {
    padding: 25px 60px 25px 35px !important;
}

#toast-container .toast-title {
    font-size: 22px !important;
    font-weight: 600;
    margin-bottom: 10px;
}

#toast-container .toast-message {
    font-size: 20px !important;
    line-height: 1.8;
    font-weight: 500;
}

#toast-container .toast-close-button {
    font-size: 28px !important;
    font-weight: bold;
    opacity: 0.8;
    right: -0.3em !important;
    top: -0.3em !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
    width: 400px !important;
    max-width: 90vw !important;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96% !important;
    max-width: 96% !important;
}
    
    /* Ajustar botones del input-group en móvil */
    .input-group-append .btn {
        padding: 0.375rem 0.5rem !important;
        min-width: 40px !important;
    }
    
    .input-group-prepend .fa {
        padding: 0.375rem 0.75rem !important;
    }
}

/* Responsive adjustments for payment modal */
.payment-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.payment-table {
    width: 100%;
    min-width: 600px;
}

.payment-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
}

.payment-actions .btn {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.payment-actions .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.payment-actions .btn i {
    font-size: 13px;
    line-height: 1;
    margin: 0;
}

.payment-actions .btn.btn-xs {
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 1;
}

/* Asegurar que todos los botones de acciones tengan el mismo estilo */
.payment-actions .btn-primary,
.payment-actions .btn-info,
.payment-actions .btn-danger,
.payment-actions .btn-secondary,
.payment-actions .btn-success,
.payment-actions .btn-warning {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

/* Asegurar que los enlaces dentro de payment-actions también tengan el mismo estilo */
.payment-actions a.btn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-decoration: none;
}

.notification-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.notification-buttons .btn {
    margin: 0;
}

@media (max-width: 768px) {
    .modal-dialog.modal-lg {
        max-width: 95%;
        margin: 10px auto;
    }
    
    .invoice-info .invoice-col {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }
    
    .invoice-info .invoice-col:last-child {
        border-bottom: none;
    }
    
    .modal-body {
        padding: 15px;
    }
    
    .modal-header {
        padding: 15px;
    }
    
    .modal-title {
        font-size: 14px;
        line-height: 1.4;
        padding-right: 30px;
    }
    
    .payment-table {
        font-size: 12px;
    }
    
    .payment-table th,
    .payment-table td {
        padding: 8px 6px;
        vertical-align: middle;
    }
    
    .payment-table .payment-account-col {
        min-width: 120px;
    }
    
    .payment-table .actions-col {
        min-width: 200px;
    }
    
    .payment-actions {
        gap: 4px;
    }
    
    .payment-actions .btn {
        width: 30px;
        height: 30px;
        padding: 0;
    }
    
    .payment-actions .btn.btn-xs {
        width: 30px;
        height: 30px;
        padding: 0;
    }
    
    .payment-actions .btn-primary,
    .payment-actions .btn-info,
    .payment-actions .btn-danger,
    .payment-actions .btn-secondary,
    .payment-actions .btn-success,
    .payment-actions .btn-warning,
    .payment-actions a.btn {
        width: 30px;
        height: 30px;
        padding: 0;
    }
    
    .payment-actions .btn i {
        font-size: 12px;
    }
    
    .modal-footer {
        padding: 10px 15px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }
    
    .modal-footer .btn {
        font-size: 13px;
        padding: 8px 16px;
        margin: 0;
        flex: 0 0 auto;
    }
}

@media (max-width: 576px) {
    .modal-dialog.modal-lg {
        max-width: 100%;
        margin: 0;
    }
    
    .modal-content {
        border-radius: 0;
        min-height: 100vh;
        max-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    
    .modal-body {
        overflow-y: auto;
        flex: 1;
        padding: 12px;
    }
    
    .modal-header {
        padding: 12px;
        flex-shrink: 0;
    }
    
    .modal-footer {
        padding: 10px 12px;
        flex-shrink: 0;
        border-top: 1px solid #dee2e6;
    }
    
    .modal-title {
        font-size: 13px;
        line-height: 1.3;
    }
    
    .payment-table {
        font-size: 11px;
        min-width: 550px;
    }
    
    .payment-table th,
    .payment-table td {
        font-size: 11px;
        padding: 6px 4px;
    }
    
    .payment-table .actions-col {
        min-width: 180px;
    }
    
    .payment-actions {
        gap: 3px;
    }
    
    .payment-actions .btn {
        width: 28px;
        height: 28px;
        padding: 0;
    }
    
    .payment-actions .btn.btn-xs {
        width: 28px;
        height: 28px;
        padding: 0;
    }
    
    .payment-actions .btn-primary,
    .payment-actions .btn-info,
    .payment-actions .btn-danger,
    .payment-actions .btn-secondary,
    .payment-actions .btn-success,
    .payment-actions .btn-warning,
    .payment-actions a.btn {
        width: 28px;
        height: 28px;
        padding: 0;
    }
    
    .payment-actions .btn i {
        font-size: 11px;
    }
    
    .modal-footer .btn {
        font-size: 12px;
        padding: 6px 12px;
        width: 100%;
        margin-bottom: 5px;
    }
    
    .modal-footer .btn:last-child {
        margin-bottom: 0;
    }
    
    .invoice-info .invoice-col {
        font-size: 12px;
    }
    
    .notification-buttons {
        flex-direction: column;
    }
    
    .notification-buttons .btn {
        width: 100%;
        margin-bottom: 8px;
    }
    
    .notification-buttons .btn:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .payment-table {
        min-width: 500px;
    }
    
    .payment-table .payment-account-col {
        display: none;
    }
    
    .payment-table .actions-col {
        min-width: 150px;
    }
    
    .payment-actions .btn {
        min-width: 26px;
        padding: 2px 4px;
    }
}