/* CSS Document */

.text-lowercase {text-transform:lowercase;}

.icon-box-shadow {
		padding: 3.4rem 0 2.6rem;
		background-color: #fff;
		border-radius: 1rem;
		box-shadow: 0 2rem 3rem rgba(0,0,0,0.05),0 0 5px rgba(0,0,0,0.05);
		transition: transform 0.3s;
		min-height: 330px;
	}

.list-text-size-2 {font-size: 1.6rem; line-height: 1.90;}
				  
.payments > p {margin: 3px;}
.payments > blockquote {margin-left: 20px;}
.btn-categories-helper {opacity:0.90}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

/*Cambios Header*/
.header-transparent {
    background: #fff;
}

.header-transparent .fixed {
    background: #fff;
}


.menu > li.active > a:not(.menu-title),
.menu > li:hover > a:not(.menu-title) {
    color: #222;
}

.menu > li > a {
    color: #222;
}

.call i {
    color: #222;
}

.header-middle {
    color: #222;

}


/*Cambios Header Mobile*/
.mobile-menu-toggle {
    color: #222;
}

.section-desc {text-align:justify}

.label-error {
	margin-top: 8px;
	font-weight: 600;
	color: #2D71B5;
}

.text-color {
	color: #2D71B5;
}

.text-gray-light {
	color: #f4f4f4;
}

.bg-gray-light {
	background-color: #f4f4f4;
}

.text-success {
	color: #3c763d;
}

.text-green {
	color: #096 !important;
}

.text-danger {
    color: #a94442 !important
}


/*Producto Sin Stock*/

.imageDisabled {
filter: grayscale(100%); /* Standard */
-webkit-filter: grayscale(100%); /* Webkit */
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); /* Firefox4-34*/
filter: gray;  /* IE6-9 */
-webkit-filter: grayscale(1); /* Old WebKit */
}

.toolbox-sort {
	padding-left: 32px;
	}


.header-search-results {
    position:fixed;
    z-index: 100;
    margin-top: 33px;
	width:100%;
	max-width: 1144px;
	height:auto;
	max-height:600px;
	opacity: 0.99;
}

.header-search-results-container {
	overflow: auto;
	overflow-x: hidden;	
	background-color:#f4f4f4;
	border: 14px solid #ffffff;
	-webkit-box-shadow: -3px 13px 23px -8px rgba(26,22,26,0.74);
	-moz-box-shadow: -3px 13px 23px -8px rgba(26,22,26,0.74);
	box-shadow: -3px 13px 23px -8px rgba(26,22,26,0.74);
	padding:25px;

	}
.result-text-secondary{
	font-size:12px;
	color:#999;
	}

button.header-search-button {
	top: -25px;
	display: none;
}

/*Calendario Datepicker*/
	.datepicker table tr td.active:active,
	.datepicker table tr td.active.highlighted:active,
	.datepicker table tr td.active.active,
	.datepicker table tr td.active.highlighted.active {
	  color: #fff;
	  background-color: #2D71B5;
	  border-color: #2D71B5;
}
	.datepicker table tr td.active:active:hover,
	.datepicker table tr td.active.highlighted:active:hover,
	.datepicker table tr td.active.active:hover,
	.datepicker table tr td.active.highlighted.active:hover,
	.datepicker table tr td.active:active:focus,
	.datepicker table tr td.active.highlighted:active:focus,
	.datepicker table tr td.active.active:focus,
	.datepicker table tr td.active.highlighted.active:focus,
	.datepicker table tr td.active:active.focus,
	.datepicker table tr td.active.highlighted:active.focus,
	.datepicker table tr td.active.active.focus,
	.datepicker table tr td.active.highlighted.active.focus {
	color: #fff;
	background-color: #2D71B5;
	border-color: #2D71B5;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #2D71B5;
  border-color: #2D71B5;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #2D71B5;
  border-color: #122b40;
}

.btn-gradient {
    position: relative;
    color: #fff;
    background: linear-gradient(135deg,#edf7fa,#cee3ea);
    border: none;
    transition: background 0.25s,color 0.25s,border 0.25s
}

.btn-gradient:hover {
    color: #fff
}

.btn-gradient:after {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    right: 0;
    bottom: -50%;
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 80%);
    transform: skewX(-45deg) translateX(-100%);
    transition: transform 0.8s
}

.btn-gradient:hover:after {
    transform: skewX(-45deg) translateX(100%)
}

.btn-gra-default {
    color: #222
}

.btn-gra-default:hover {
    color: #222
}

.btn-gra-blue {
    background: linear-gradient(135deg,#3b8df1,#5449ff)
}

.btn-gra-orange {
    background: linear-gradient(135deg,#ffa35f,#e95454)
}

.btn-gra-pink {
    background: linear-gradient(135deg,#f85283,#b33c9e)
}

.btn-gra-green {
    background: linear-gradient(135deg,#25D366,#87cf47)
}

.btn-gra-dark {
    background: linear-gradient(135deg,#555555,#222222)
}

.LogoWebPay:hover { opacity: 50%; } 

.accordion {
    overflow: hidden
}

.accordion .collapsed,
.accordion .expanding {
    display: none
}

.card-header {
    text-transform: capitalize;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    color: #222
}

.card-header a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.8rem 0.5rem
}

.card-header a:hover {
    color: #26c
}

.card-header a:hover span {
    color: #26c
}

.card-header a:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5rem;
    font-family: "riode";
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #222
}

.card-header .collapse {
    color: #26c
}

.expand:after {
    content: ""
}

.collapse:after {
    content: ""
}

.card-body {
    padding: 1.3rem 0.5rem
}

.card {
    background-color: transparent
}

.accordion-simple .card {
    border-top: 1px solid #e1e1e1
}

.accordion-gutter-md .card:not(:last-child) {
    margin-bottom: 10px
}

.accordion-gutter-sm .card:not(:last-child) {
    margin-bottom: 2px
}

.accordion-plus .expand:after {
    content: ""
}

.accordion-plus .collapse:after {
    content: ""
}

.accordion-boxed .card-body,
.accordion-boxed .card-header a {
    padding-left: 2rem;
    padding-right: 2rem
}

.accordion-boxed .card-header a:after {
    right: 2.3rem
}

.accordion-border .card {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #e1e1e1
}

.accordion-border .card:last-child {
    border-bottom: 1px solid #e1e1e1
}

.accordion-background .card {
    background-color: #fff;
    border-color: #fff
}

.accordion-dropshadow {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12)
}

.accordion-dropshadow .card {
    background-color: #fff;
    border-color: #fff
}

.accordion-icon .card-header i {
    margin-right: 1.5rem;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 0
}

.accordion-card-bg .card {
    border: 1px solid #f2f3f5
}

.accordion-card-bg .card-header a {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    background-color: #f2f3f5
}

.accordion-card-bg.accordion-primary .card {
    border: 0;
    background-color: #f2f3f5
}

.accordion-card-bg.accordion-primary .card-header a {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    background-color: #37c;
    color: #fff
}

.accordion-card-bg.accordion-primary .card-header a:after {
    color: #fff
}

.accordion-color .collapse {
    color: #26c
}

.accordion-card-border .card {
    border: 1px solid #dae1e5
}