@font-face {
    font-family: muli-regular;
    src: url("../../fonts/muli/Muli-Regular.ttf");
}

@font-face {
    font-family: muli-bold;
    src: url("../../fonts/muli/Muli-Bold.ttf");
}

body{
    font-family: muli-regular;
    overflow-x: hidden!important;
    padding-top: 110px!important;
    color: #3a3a3a!important;
    font-size: 12px!important;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url('../../images/loader.gif') center no-repeat #fff;
}
.topbar{
	background: linear-gradient(to right, #2b326b 0%, #16082a 100%)!important;
}
.notify .point{
	color: #4478F7!important;
	background-color: #4478F7!important;
}
.btn-success{
	background-color: #000033!important;
	border: 1px solid #000033!important;
}
.btn-success-pagos{
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-success-pagos:hover{
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-ok{
	background-color: #55ce63!important;
	border: 1px solid #55ce63!important;
	color: #FFFFFF;
}
.sidebar-nav > ul > li.active > a{
	color: #4478f6!important;
}
/*.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li:hover > a i{
	color: #4478f6!important;
}*/
.text-themecolor{
	color: #4478f6!important;
}
form div.required label.control-label:after {
  content:" * ";
  color:red;
}
.content-box{
	background-color: #FFFFFF!important;
	padding: 20px;
	border-radius: 15px;
	/*box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);*/
	position: relative;
	margin-top: 10px;
	margin-bottom: 40px;
}
.content-box-crm{
	background-color: transparent;!important;
	padding: 0px!important;
	position: relative;
	margin-top: 10px;
}
.content-box-crm h1{
	font-size: 16px;
	line-height: normal;
	color: #0080FF!important;
	font-size: 25px;
}
.content-box-crm h2{
	font-size: 14px;
	line-height: normal;
	color: #0279FA!important;
}
.content-box-crm h3, .content-box-crm h4{
	font-size: 13px;
	line-height: normal;
}
.content-box h1, .content-box h2, .content-box h3, .content-box h4{
	font-size: 16px;
	line-height: normal;
	color: #0080FF!important;
	font-size: 18px;
}
.content-box-crm .total-fase{
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.content-box-modules{
	background:rgb(255,255,255);  
    background: transparent\4;  
    background:rgba(255,255,255,0.4);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF);  

/*	background-color: #FFFFFF!important;
*/	padding: 20px;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(63,63,68,0.05),0 1px 3px 0 rgba(63,63,68,0.15);
	position: relative;
	margin-top: 10px;
}
.content-box-modules h1, .content-box-modules h2{
	font-size: 16px;
}
.new-item-button{
	/*position: absolute;*/
	float: right;
	top:20px;
	right: 20px;
	margin-left: 5px; 
	margin-bottom: 0px;
}
.new-item-button-view-all{
	/*position: absolute;*/
	margin-right: 5px;
}
.breadcrumb > li + li:before {
    color: #ccc;
    content: ">";
    padding: 0 5px;
}
.help-block{
	color: red;
}
.file-preview-image{
	width: 220px;
}
.btn-group{
	/*border: 1px solid #0968DD;
	border-radius: 4px;*/
}
.btn-group a{
	font-size: 15px!important;
}
.dropdown-menu-right{
	padding: 20px!important;
	width: 200px!important;
}
table .dropdown-menu-right li{
	margin-bottom: 10px!important;
}
.module-box{
	padding: 2px;
	text-align: center;
/*	margin-right: 20px;*/
}
.module-box a{
	color: #90a4ae !important;
}
.module-box a.active{
	color: #FFFFFF !important;
}
.module-box a:hover{
	color: #FFFFFF !important;
}
.pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #4478F7;
    background-color: #fff;
    border: 1px solid #4478F7;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #4478F7!important;
	color: #FFFFFF!important;
	border-color: transparent!important;
}
.pagination li.prev span {
    position: relative;
    display: block;
   	padding: .5rem .75rem;
   	/*border: 1px solid #4478F7;*/
}
.pagination li.prev {
    position: relative;
    display: block;
   	/*padding: .5rem .75rem;*/
}
.pagination li.next span {
    position: relative;
    display: block;
   	padding: .5rem .5rem;
   	/*border: 1px solid #4478F7;*/
}
.pagination li.next {
    position: relative;
    display: block;
   	/*padding: .5rem .75rem;*/
}
.hidden{
	display: none;
}
.error{
	color: red;
}
.modal-header{
	background-color: #1C2BAB!important;
}
.modal-header .modal-title{
	color: #FFFFFF!important;
	float: left!important;
	position: absolute!important;
}
.modal-header .close{
	color: #FFFFFF!important;
}
.box-invoice-total td, .box-invoice-total th{
	font-size: 22px!important;
	text-align: right!important;
}
.box-invoice-total .invoice-total{
	font-weight: bold!important;
}
.modal-dialog, .modal-lg{
	max-width: 1000px!important;
}
.bootstrap-dialog .modal-dialog, .modal-lg{
	padding-top: 3%!important;
}
.popover-title{
	background-color: #1C2BAB!important;
	color: #FFFFFF!important;
	padding: 10px!important;
}
.popover-title .close{
	color: #FFFFFF!important;
}
.kv-editable-parent{
	padding: 10px!important;
}
.popover-x.right > .arrow{
	left: -16px!important;
}
.token{
	background-color: #000!important;
	color: #FFFFFF!important;
}
.loader{
	display: none;
}
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
	background:#1C2BAB !important;
}
.card-no-border .sidebar-nav > ul > li > a.active{
	background:#17092b!important;
}
.sidebar-nav > ul > li > a.active{
	color: #FFFFFF!important;
}
.sidebar-nav ul li a{
	color: #FFFFFF!important;
}
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i{
	color: #FFFFFF!important;
}
.sidebar-nav > ul > li > a i, .sidebar-nav > ul > li > a:hover i{
	color: #FFFFFF!important;
}
.sidebar-nav > ul li .dropdown-menu li a{
	color:#17092b!important;
}
.navbar{
	padding: 0!important;
}
.navbar-expand-md .navbar-nav .dropdown-menu{
	background-color: #1C2BAB!important;
	border-radius: 5px;
	width: 300px!important;
	border-color: transparent!important;
}
.navbar-expand-md .navbar-nav .dropdown-menu ul{
	list-style-type: none!important;
}
.navbar-expand-md .navbar-nav .dropdown-menu li a{
	font-size: 13px!important;
}

.navbar-expand-md .navbar-nav .dropdown-menu li a:hover{
	color: #FFFFFF!important;
}
ul.dropdown-user{
	margin-left: 0px!important;
}
ul.dropdown-user li a{
	color: #FFFFFF!important;
	font-size: 12px;
}
ul.dropdown-user li a:hover{
	color: #1C2BAB!important;
	/*background-color: #FFFFFF!important*/
}
ul.dropdown-user li .dw-user-box .u-text h4{
	color: #FFFFFF!important;
}
.text-muted{
	font-size: 14px;
	color: #FFFFFF!important;
}
.sweet-alert .text-muted{
	font-size: 14px;
	color: #000000!important;
}
.card-body .text-muted{
	color: #000000!important;
}
.btn, .btn-group .btn{
	border-radius: 5px!important;
	font-size: 12px!important;
}
.btn-primary{
	background-color: #4478F7!important;
	border-color: #4478F7!important;
}
.btn-default{
	background-color: #1C2BAB!important;
	border-color: #1C2BAB!important;
	color: #FFFFFF!important;
}
.card-body{
	background-color:#FFFFFF !important; 
}
.card-outline-info .card-header, .card-header{
	background: #0080ff !important;
	border-color: #0080ff !important;
	color: #FFFFFF!important;
	font-size: 14px;
}
.kv-panel-after{
	border-top: 1px solid #FFFFFF;
}
.panel-detalle-pago{
	min-height: 300px!important;
	position: relative;
}
.tpv_editables{
	width: 60px!important;
}
.indicador-titulo{
	display: block;
	position: relative;
	width: 100%;
	margin-left: 10px;
}
.field-empresas-firma_electronica{
    margin-bottom: 0px!important;
}
.payment-modal .modal-header{
	height: 75px!important;
	position: relative;
	text-align: center;
	padding: 0!important;
}
.payment-modal .modal-header h4{
	/*text-align: center!important;
	width: 100%!important;
	color: #1C2BAB!important;*/
	background-image: url("../images/loader_tpv.gif");
	background-repeat: no-repeat!important;
	height: 75px!important;
	background-size:55px 55px!important;
	color: transparent!important;
	width: 100%!important;
	background-position: center!important; 
}
.payment-modal{
	max-width: 400px!important;
}
.payment-modal .close{
	display: none!important;
}
.payment-modal .modal-footer{
	/*padding: 0!important;
	text-align: center!important;*/
}


.payment-modal .modal-header{
    background-color: #FFFFFF!important;
    color: #1C2BAB!important;
}
.payment-modal .modal-header .close{
    color: #000!important;
}
.payment-modal .form-group{
    margin-bottom: 0px!important;
}
.payment-modal .form-control-client {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #d9d9d9!important;
    border-left: 0px solid transparent!important;
    box-shadow: none;
    font-size: 15px; 
    padding-left: 10px;
}
.payment-modal .input-group-addon{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 13px;
    padding-right: 12px;
    padding-top: 5px;
    border-top: 1px solid #d9d9d9!important;
    border-left: 1px solid #d9d9d9!important;
    border-bottom: 1px solid #d9d9d9!important;
    background-color: #FFFFFF!important;
    color: #158CBA!important;
    border: transparent;
}

/*Formulario express*/
.payment-modal-express .modal-header{
	height: 75px!important;
	position: relative;
	text-align: center;
	padding: 0!important;
}
.payment-modal-express .modal-header h4{
	/*text-align: center!important;
	width: 100%!important;
	color: #1C2BAB!important;*/
	background-image: url("../images/loader_tpv.gif");
	background-repeat: no-repeat!important;
	height: 75px!important;
	background-size:55px 55px!important;
	color: transparent!important;
	width: 100%!important;
	background-position: center!important; 
}
.payment-modal-express{
	/*max-width: 400px!important;*/
}
.payment-modal-express .close{
	display: none!important;
}
.payment-modal .modal-footer{
	/*padding: 0!important;
	text-align: center!important;*/
}


.payment-modal-express .modal-header{
    background-color: #FFFFFF!important;
    color: #1C2BAB!important;
}
.payment-modal-express .modal-header .close{
    color: #000!important;
}
.payment-modal-express .form-group{
    margin-bottom: 0px!important;
}
.payment-modal-express .form-control-client {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #d9d9d9!important;
    border-left: 0px solid transparent!important;
    box-shadow: none;
    font-size: 15px; 
    padding-left: 10px;
}
.payment-modal-express .input-group-addon{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 13px;
    padding-right: 12px;
    padding-top: 5px;
    border-top: 1px solid #d9d9d9!important;
    border-left: 1px solid #d9d9d9!important;
    border-bottom: 1px solid #d9d9d9!important;
    background-color: #FFFFFF!important;
    color: #158CBA!important;
    border: transparent;
}
/*Formulario express*/


.intl-tel-input { width: 100%!important; }
.text-danger{
    font-size: 11px!important;
    margin-bottom: 8!important;
}
.field-pagosrecurrentes-numero_cobros, .field-pagosrecurrentes-reintentos{
	margin-bottom: 0!important;
}
.topbar .top-navbar{
	max-width: 100%!important;
}
.page-wrapper, .page-wrapper-tpv{
	padding-top: 0px!important;
	background-color: transparent!important;
}
.page-wrapper-modules{
	padding-top: 60px;
	color: #000000!important;
	/*background-color: #f2f7f8!important;*/
}
.menu_principal{
	background: #0080ff!important;
	padding: 10px;
    /*position: fixed;*/
}
.kv-sidenav .active > ul{
	background-color: transparent!important;
}
.kv-sidenav .active > a, .kv-sidenav li  a:hover{
	background-color: #1C133C!important;
}
.kv-sidenav li a{
	border-bottom: transparent!important;
}
.container-fluid{
	padding: 10px 20px;
}
.page-titles{
	padding-bottom: 0!important;
}
.mini-sidebar .left-sidebar{
	width: 160px!important;
}

@media (max-width: 990) {
  
	.mini-sidebar .page-wrapper{
		margin-left: 0px!important;	
	}
  
}
@media (min-width: 768px) {
  
	.mini-sidebar .page-wrapper{
		/*margin-left: 160px!important;	*/
	}
  
}
/*@media (min-width: 990) and (max-width: 1168px) {
  
	.mini-sidebar .page-wrapper{
		margin-left: 160px!important;	
	}
  
}*/


.bg-dark {
    /*background: linear-gradient(-47deg, #CDCDCD 0%, #002cbb 100%) !important*/
    background-color: #002cbb!important;
}

.submenu-modules{
	flex-direction: row!important;
}

.menu_principal a{
	color: #FFFFFF!important;
	padding: 5px!important;
	font-size: 12.5px!important;
}
.menu_principal .submenu-modules .dropdown-menu{
	background-color: #1C2BAB !important;
	border-radius: 5px;
	width: 300px !important;
	border-color: transparent !important;
}
.menu_principal > .navbar-expand-md .navbar-nav .dropdown-menu{
	border-radius: 2px!important;
}

.table-bordered{
	border: none!important;
}
.table-striped tbody tr:nth-of-type(2n+1){
	
}
.form-control{
	font-size: 12px!important;
	/*border: 1px solid #cfcfcf;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-radius: 0px!important;
	height: 20px!important;*/
}
.bootstrap-tagsinput{
	width: 100%;
	min-height: 36px;
}
.font-light{
	font-size: 28px!important;
}
.btn-squared-default
{
    background-color: #01184F!important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
    font-size: 11px!important;
    margin: 8px;
    padding: 0!important;
    padding-top: 10px!important;
    border-radius: 5px!important;
}

.btn-squared-default:hover
{
    border: 1px solid white;
    background-color: #010D26!important;
    /*font-weight: 800;*/
}

.btn-squared-default-mini
{
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    font-size: 11px!important;
    margin: 8px;
    padding: 0!important;
    padding-top: 5px!important;
}

.btn-squared-default-mini:hover
{
    border: 1px solid white;
    /*font-weight: 800;*/
}

.btn-squared-default-mini-modulos
{
    background-color: transparent!important;
    width: 65px !important;
    height: 62px !important;
    min-width: 55px !important;
    min-height: 62px !important;
    max-width: 65px !important;
    max-height: 62px !important;
    font-size: 10px!important;
    margin: 3px;
    padding: 0!important;
    padding-top: 5px!important;
    border-color: transparent!important;
}

.active-module{
	background-color: #0080ff!important;
}

.modulo-title{
	color: #FFFFFF!important;
	float: right;
	/*font-weight: bold;*/
	font-size: 13px;
}

.btn-squared-default-mini-modulos:hover
{
    border: 1px solid white;
    /*font-weight: 800;*/
}

.btn-squared-default-register-modulos{
	background-color: #1C2BAB!important;
    width: 65px !important;
    height: 5px !important;
    min-width: 65px !important;
    min-height: 65px !important;
    max-width: 65px !important;
    max-height: 65px !important;
    font-size: 11px!important;
    margin: 4px;
    padding: 0!important;
    padding-top: 5px!important;
}

.bd-placeholder-img{
	position: relative;

}
.logo-listado-modulos{
    width: 140px;
    position: absolute;
    /*top: 0px!important;
    left:0px!important;*/
    top: 45%;
  left: 15%;
}
.marcas-listado-tarjetas{
    width: 160px;
    position: absolute;
    /*top: 0px!important;
    left:0px!important;*/
    top: 55%;
  left: 10%;
}
.user-icon{
	color: #FFFFFF!important;
}
.listado-modulos{
	text-align: center;
	background-color: #FFFFFF!important;
	padding: 15px;
	border-radius: 15px;
	min-height: 400px!important;
}
.listado-modulos-registro{
	text-align: center;
	background-color: #FFFFFF!important;
	padding: 15px;
	border-radius: 15px;
	height: 560px!important;
}
.list-inline-item:not(:last-child){
	margin-right: 0!important;
}
.panel-modulo{
	background-color: #0a093d !important;
	min-height: 480px;
	margin-top: 15px;
	border-radius: 25px!important;
}
.text-primary {
    color: #FFFFFF !important;
}
.footer{
	background-color: #FFFFFF !important;
	color: #002CBB;
	position: fixed!important;
	padding: 5px 15px;
	z-index: 1000;
}
.footer a{
	margin-top: 50px;
	color: #002CBB!important;
	font-family: muli-bold;
}
.box-footer{
	margin-top: auto;
	margin-bottom: auto;
}
.table td, .table th{
	padding: .35rem!important;
}
.kv-page-summary-container{
	font-size: 14px!important;
}
.badge-primary{
	width: 100%!important;
	background-color: #4478F7!important;
}
.app-modules{
	max-width: 960px!important;
	/*background-color: #000!important;*/
	position: relative!important;
	margin-left: auto!important;
	margin-right: auto!important;
	min-height: 500px!important;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	background-color: #1C2BAB!important;
}
.carousel-indicators li{
	background-color:#1C2BAB!important;
}
.kv-grid-table tbody tr:hover{
	/*background-color: #4478F7 !important;
	color: #FFFFFF!important;*/
}
.modal-backdrop.fade{
	/*opacity:0.3!important;*/
}
.fade:not(.show){
	opacity: 1!important;
	background:rgb(0,0,0);  
    background: transparent\3;  
    background:rgba(0,0,0,0.3);  
}
.registro-titulo{
	font-size: 14px!important;
}
.registro h2{
	color: #1C2BAB !important;
}
.registro-titulo-principal{
	color: #FFFFFF;
	font-size: 18px;
}
.listado-planes h2{
	position: relative!important;
	font-size: 56px!important;
	margin: 20px 0 10px!important;
	font-weight: 500!important;
	line-height: 36px!important;
}
.img-soporte{
	text-align: center;
	padding: 20px;
	background-color: transparent!important;
}
.btn-con-respuesta{
	color: #fff!important;
	background-color: #218838!important;
	border-color: #1e7e34!important;
}
.btn-sin-respuesta{
	color: #fff!important;
	background-color: #c82333!important;
	border-color: #c82333!important;
}
.respuesta-abitmedia{
	background-color: #1C2BAB !important; 
	padding: 20px; 
	color: #FFFFFF!important;
	margin-bottom: 20px;
}
.respuestas-soporte h3{
	color: #FFFFFF!important;
	margin-bottom: 10px;
}
.pregunta-cliente{
	background-color: #EBF1F7 !important; 
	padding: 20px; 
	color: #000000!important;
	margin-bottom: 20px;
}
.pregunta-cliente h3{
	color: #000!important;
}
.btn-con-respuesta-soporte{
	color: #fff!important;
	background-color: #ffbc34!important;
	border-color: #ffbc34!important;	
}
.uploadimage-btngroup .rotate, .uploadimage-btngroup .crop{
	display: none!important;
}
.consultar_mensaje_rechazo{
	cursor: pointer;
}
thead, .transacciones-tarjetas-index table thead{
	background-color: #002CBB!important;
	color: #FFFFFF;
}
.transacciones-tarjetas-index .table-striped thead tr, .tipos-comprobantes-index .table-striped thead tr{
	background-color: #0080FF!important;
	color: #FFFFFF;
}
thead a{
	color: #FFFFFF!important;
}
.transacciones-tarjetas-index .summary{
	display: none!important;
}
.transacciones-tarjetas-index{
	margin-bottom: 80px;
}
#dataComponentes tbody .page-row{
	display: block;
	width: 100%!important;
	float: left;
}
.kv-expand-detail-row{
	background-color: #C2C2C2!important;
}
#dataComponentes tr .card{
	margin-bottom: 0px!important;
	cursor: move!important;
}
#dataFront td, .table th{
	padding: 0!important;
}
.tiendamaker-component .fas{
	cursor: move!important;
}