/* General */
.body{
	background-color:#ffffff !important;
}

.page-content{
	background-color:#f2f2f2;
}

@media (max-width: 1920px){
	div.number, div.desc{
		/* padding: 5% !important; */
	}
}

div.number, div.desc{
	max-width: 85%;
}

@media (max-width: 1200px){
	div.number, div.desc{
		/* padding: 5% !important; */
	}
}

@media (max-width: 480px){
	div.number, div.desc{
		padding: 3% !important;
	}
	.page-header.navbar .top-menu{
		background-color: #fff;
	}
}

@media (max-width: 520px) {
	select {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 12px !important;
		padding: 5px !important;
		height: auto !important;
		text-overflow: ellipsis !important;
	}
}

/* Header */
/* .page-header.navbar{
	background: linear-gradient(to right, #00b4db, #0083b0) !important;
} */

.tabbable-custom > .nav-tabs > li.active {
    border-top: 3px solid #337ab7;
    margin-top: 0;
    position: relative;
}



@media (max-width: 480px){
	.page-header.navbar .top-menu{
	background-color: #fff;
	}
	body {
		background: #FFFFFF !important;
	}
} 

/* Flecha submenu */
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after{
	border-bottom-color:#fff;
}

/* Header:hover */
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle:hover{
	background-color: #fff;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover{
	background-color: #fff;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{
	background-color: #fff;
}



.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
	background:#fff;
}

/* Header text */
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a{
	color:#b3b3b3;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3{
	color:#383838;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a{
	color:#383838
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external:hover > a{
	color:#383838
}

/* Header icons */
@media (max-width: 992px){
	.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
	font-size:14px !important;
}
}



/* Header icons */
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i{
	color: #fff;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{
	color: #fff;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle>i{
	color: #fff;
}



.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover>i{
	color: rgba(53,153,220,1);
}




/* Responsive menu */
@media only screen and (max-height: 600px){
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
    font-size: 11px !important;
}}

/* Quick Nav */
@media only screen and (min-width: 992px){
.quick-nav{
	margin-top:350px !important;
	margin-right:10px !important;
}}

@media only screen and (max-width: 993px){
.quick-nav{
	top:90% !important;
	margin-right:10px !important;
}
}

.quick-nav-trigger{
	background-color: #0083b0 !important;
}

.tile{
	border-radius:5px !important;
}

.quick-nav .quick-nav-bg{
	background: #0083b0;
}

.btn-circle {
	margin:5px;
}

/* Scroll to Top */
@media (min-width: 992px){
.scroll-to-top {
    right: 70px;
    bottom: 17px;
}}

@media (min-width: 1500px){
.scroll-to-top {
    right: 25px !important;
    bottom: 40px;
}}

@media (max-width: 992px){
.scroll-to-top {
    right: 75px;
    bottom: 5%;
}}

.scroll-to-top>i{
	color: #0083b0 !important;
}

/* Sidebar */
.page-sidebar .page-sidebar-menu{
	box-shadow:1px -6px 6px #dbdbdb;
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{
	background-color:#fff ;
}

.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a{
	background-color:#f7F7F7 ;
}

.page-sidebar .ul .sub-menu{
	background:#fff !important;
}

.page-sidebar .page-sidebar-menu>li>a{
	border-top: 0px !important
}

.page-sidebar .page-sidebar-menu>li.active>a{
	background:#F7F7F7 ;
	color: #b3b3b3 ;
}

.page-sidebar .page-sidebar-menu>li.active>a:hover{
	background:#F7F7F7 ;
	color:#b3b3b3  ;
}

/* Sidebar Sub-menu */
.page-sidebar .page-sidebar-menu .sub-menu>li>a{
	background:#fff !important;
}

.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a{
	background:#F7F7F7 !important;
}

.page-sidebar .page-sidebar-menu .sub-menu{
	box-shadow:3px 1px 3px #dbdbdb;
}

/* Sidebar Sub-menu color */
@media (min-width: 992px){
.page-sidebar-menu-hover-submenu li:hover>.sub-menu{
	background:#fff !important;
}

.page-sidebar-menu-hover-submenu li:hover a>.arrow{
	border-right:8px solid #fff;
}}

.page-sidebar .page-sidebar-menu .sub-menu>li.active>a{
	background:#F7F7F7 !important;
}

/* Sidebar icons*/


.fa-truck .fa-bank .fa-book{
  color: white;
  font-size: 1.5em;
}



/* Sidebar text */
.page-sidebar .page-sidebar-menu>li>a{
	color:#555555;
}

.page-sidebar .page-sidebar-menu .sub-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a{
	color:#555555;
}

.page-sidebar .page-sidebar-menu>li.heading>h3{
	color:#555555;
	font-weight:600;
}

/* Hamburguer icon*/
.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:before, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:hover:after {
	background: #fff;
}

.page-header.navbar .menu-toggler{
	opacity:1 !important;
}

.page-header.navbar .menu-toggler>span{
	top:-4px;
}

/* Sidebar text*/
.nav-item{
	border-top:0px !important;
}

/* Color Dasboards */
.dashboard-stat{
	border-radius: 5px !important;
	margin-bottom: 10px !important;
    margin-top: 10px !important;
	box-shadow: 2px 2px  8px #dbdbdb;
}

@media (max-width: 992px){
	.dashboard-stat .details .number {
	    font-size: 18px !important;
	    line-height: 20px !important;
	    display: contain;
	    max-width: 15ch !important;
		
	}
}

.dashboard-stat .details .number{
	font-size:20px;
	line-height: 22px !important;
	margin-left: 10px !important;
	display: contain;
}

.dashboard-stat .details .desc{
	font-size:14px;
	font-weight:600;
	max-width: 20ch;
}

.dashboard-stat.dashboard-stat-v2 .visual{
	padding-top: 40px;
}

/* Iconos dashboard */

.dashboard-stat .visual>i {
	margin-left:-35px;
	font-size:110px;
	line-height:110px;
	opacity:0.3 !important;
} 

.visual>i, .desc, .number{
	color: #ffffff !important;
}

/* Gradientes */

.dashboard-stat.red{
	background-image: linear-gradient(45deg, rgba(246,167,172,1) 0%, rgba(231,80,90,1) 100%);
}

.dashboard-stat.green{
	background-image: linear-gradient(45deg, rgba(192,243,247,1) 0%, rgba(50,197,210,1) 100%);
}

.dashboard-stat.blue-dark{
	background-image: linear-gradient(45deg, rgba(165,204,247,1) 0%, rgba(94,115,139,1) 100%);
}

.dashboard-stat.blue{
	background-image: linear-gradient(45deg, rgba(143,205,247,1) 0%, rgba(53,152,220,1) 100%);
}

.dashboard-stat.green-turquoise {
	background-image:   linear-gradient(45deg, rgba(173,250,235,1) 0%, rgba(54,215,183,1) 100%);
}

.dashboard-stat.yellow-casablanca {
	background-image: linear-gradient(45deg, rgba(254,206,188,1) 0%, rgba(242,120,75,1) 100%);
}

.dashboard-stat.purple {
	background-image:   linear-gradient(45deg, rgba(224,164,249,1) 0%, rgba(142,68,173,1) 100%);
}

.dashboard-stat.purple-soft {
	background-image: linear-gradient(45deg, rgba(207,185,249,1) 0%, rgba(136,119,169,1) 100%);
}

.dashboard-stat.yellow {
	background-image:  linear-gradient(45deg, rgba(247,226,174,1) 0%, rgba(196,159,71,1) 100%);
}

.dashboard-stat.red-haze {
	background-image:   linear-gradient(45deg, rgba(245,179,172,1) 0%, rgba(243,106,90,1) 100%);
}

.dashboard-stat.default{
	background-image: linear-gradient(45deg, rgba(225,229,236,1) 0%, rgba(146,147,150,1) 100%);
}

.dashboard-stat.dark{
	background-image: linear-gradient(45deg, rgba(204,230,255,1) 0%, rgba(47,53,59,1) 100%);
}

.dashboard-stat.red-soft{
	background-image: linear-gradient(45deg, rgba(247,191,191,1) 0%, rgba(208,84,84,1) 100%);
}

.dashboard-stat.blue-madison{
	background-image: linear-gradient(45deg, rgba(189,222,250,1) 0%, rgba(87,142,190,1) 100%);
}

.dashboard-stat.blue-chambray{
	background-image: linear-gradient(45deg, rgba(178,217,255,1) 0%, rgba(44,62,80,1) 100%);
}

.dashboard-stat.blue-ebonyclay{
	background-image: linear-gradient(45deg, rgba(182,214,244,1) 0%, rgba(34,49,63,1) 100%);
}

.dashboard-stat.blue-hoki{
	background-image: linear-gradient(45deg, rgba(158,199,250,1) 0%, rgba(103,128,159,1) 100%);
}

.dashboard-stat.blue-steel{
	background-image:  linear-gradient(45deg, rgba(150,188,249,1) 0%, rgba(75,119,190,1) 100%);
}

.dashboard-stat.blue-soft{
	background-image: linear-gradient(45deg, rgba(144,198,245,1) 0%, rgba(76,135,185,1) 100%);
}

.dashboard-stat.blue-sharp{
	background-image: linear-gradient(45deg, rgba(154,202,244,1) 0%, rgba(92,155,209,1) 100%);
}

.dashboard-stat.blue-oleo{
	background-image: linear-gradient(45deg, rgba(202,223,255,1) 0%, rgba(148,160,178,1) 100%);
}

.dashboard-stat.green-meadow{
	background-image: linear-gradient(45deg, rgba(179,244,230,1) 0%, rgba(27,188,155,1) 100%);
}

.dashboard-stat.green-seagreen{
	background-image: linear-gradient(45deg, rgba(154,244,239,1) 0%, rgba(27,163,156,1) 100%);
}

.dashboard-stat.green-haze{
	background-image: linear-gradient(45deg, rgba(93,252,241,1) 0%, rgba(68,182,174,1) 100%) ;
}

.dashboard-stat.green-jungle{
	background-image:  linear-gradient(45deg, rgba(145,251,207,1) 0%, rgba(38,194,129,1) 100%);
}

.dashboard-stat.green-soft{
	background-image:linear-gradient(45deg, rgba(146,252,246,1) 0%, rgba(63,171,164,1) 100%);
}

.dashboard-stat.green-sharp{
	background-image: linear-gradient(45deg, rgba(131,237,246,1) 0%, rgba(42,180,192,1) 100%);
}

.dashboard-stat.green-dark{
	background-image:  linear-gradient(45deg, rgba(164,250,236,1) 0%, rgba(77,179,162,1) 100%) ;
}

.dashboard-stat.green-steel{
	background-image:  linear-gradient(45deg, rgba(164,250,236,1) 0%, rgba(77,179,162,1) 100%) ;
}

.dashboard-stat.grey-cascade{
	background-image:  linear-gradient(45deg, rgba(212,248,250,1) 0%, rgba(149,165,166,1) 100%) ;
}

.dashboard-stat.grey-mint{
	background: linear-gradient(45deg, rgba(187,193,195,1) 0%, rgba(82,94,100,1));
}

.dashboard-stat.grey-salsa{
	background: linear-gradient(45deg, rgba(212,217,223,1) 0%, rgba(112,130,158,1)) !important; 
}

.dashboard-stat.grey-silver{
	background: linear-gradient(45deg, rgba(218,205,205,1) 0%, rgba(108,108,108,1)) !important;
}

.dashboard-stat.grey-salt{
	background: linear-gradient(45deg, rgba(186,204,215,1) 0%, rgba(88,106,117,1)); 
}

.dashboard-stat.grey-gallery{
	background: linear-gradient(45deg, rgba(191,191,191,1) 0%, rgba(85,85,85,1));
}

.dashboard-stat.red-pink{
	background-image: linear-gradient(45deg, rgba(255,198,244,1) 0%, rgba(224,130,131,1) 100%) ;
}

.dashboard-stat.red-sunglo{
	background-image: linear-gradient(45deg, rgba(249,184,184,1) 0%, rgba(226,106,106,1) 100%);
}

.dashboard-stat.red-intense{
	background-image: linear-gradient(45deg, rgba(252,175,174,1) 0%, rgba(227,91,90,1) 100%);
}

.dashboard-stat.red-thunderbird{
	background-image: linear-gradient(45deg, rgba(250,161,159,1) 0%, rgba(217,30,24,1) 100%);
}

.dashboard-stat.red-flamingo{
	background-image: linear-gradient(45deg, rgba(245,168,159,1) 0%, rgba(239,72,54,1) 100%);
}

.dashboard-stat.red-mint{
	background-image: linear-gradient(45deg, rgba(245,168,159,1) 0%, rgba(239,72,54,1) 100%);
}

.dashboard-stat.yellow{
	background-image: linear-gradient(45deg, rgba(246,223,169,1) 0%, rgba(196,159,71,1) 100%);
}

.dashboard-stat.yellow-gold{
	background-image: linear-gradient(45deg, rgba(246,207,162,1) 0%, rgba(232,126,4,1) 100%);
}

.dashboard-stat.yellow-crusta{
	background-image: linear-gradient(45deg, rgba(244,226,157,1) 0%, rgba(243,194,0,1) 100%);
}

.dashboard-stat.yellow-lemon{
	background-image: linear-gradient(45deg, rgba(238,221,151,1) 0%, rgba(247,202,24,1) 100%);
}

.dashboard-stat.yellow-saffron{
	background-image: linear-gradient(45deg, rgba(244,227,160,1) 0%, rgba(244,208,63,1) 100%);
}

.dashboard-stat.yellow-soft{
	background-image: linear-gradient(45deg, rgba(244,249,161,1) 0%, rgba(200,208,70,1) 100%);
}

.dashboard-stat.yellow-haze{
	background-image: linear-gradient(45deg, rgba(254,249,179,1) 0%, rgba(197,191,102,1) 100%);
}

.dashboard-stat.yellow-mint{
	background-image: linear-gradient(45deg, rgba(244,234,174,1) 0%, rgba(197,185,107,1) 100%);
}

.dashboard-stat.purple-plum{
	background-image: linear-gradient(45deg, rgba(209,187,247,1) 0%, rgba(135,117,167,1) 100%);
}

.dashboard-stat.purple-medium{
	background-image: linear-gradient(45deg, rgba(227,177,249,1) 0%, rgba(191,85,236,1) 100%);
}

.dashboard-stat.purple-studio{
	background-image: linear-gradient(45deg, rgba(215,159,238,1) 0%, rgba(142,68,173,1) 100%);
}

.dashboard-stat.purple-wisteria{
	background-image: linear-gradient(45deg, rgba(222,168,244,1) 0%, rgba(155,89,182,1) 100%);
}

.dashboard-stat.purple-seance{
	background-image: linear-gradient(45deg, rgba(227,156,240,1) 0%, rgba(154,18,179,1) 100%);
}

.dashboard-stat.purple-intense{
	background-image: linear-gradient(45deg, rgba(209,187,247,1) 0%, rgba(135,117,167,1) 100%);
}

.dashboard-stat.purple-sharp{
	background-image: linear-gradient(45deg, rgba(203,180,245,1) 0%, rgba(121,103,153,1) 100%);
}

.dashboard-stat.brown-soft{
	background-image: linear-gradient(255deg, rgba(247,191,157,1) 0%, rgba(206,138,97,1) 100%);
}

.dashboard-stat.pink{
	background-image: linear-gradient(255deg, #fcc0c4 0%, #f9a59a 100%);
}

.dashboard-stat.red-orange{
	background-image: linear-gradient(255deg, #fc8a7a 0%, #fa5f49 100%);
}

.dashboard-stat.orange-light{
	background-image: linear-gradient(90deg, rgba(232,168,51,1) 35%, rgba(252,214,143,1) 100%);
}

/* Dashboard Animations */
@keyframes dashboardFadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.dashboard-stat {
	animation: dashboardFadeInUp 0.5s ease forwards;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.dashboard-stat:nth-child(1) { animation-delay: 0.05s; }
.dashboard-stat:nth-child(2) { animation-delay: 0.1s; }
.dashboard-stat:nth-child(3) { animation-delay: 0.15s; }
.dashboard-stat:nth-child(4) { animation-delay: 0.2s; }
.dashboard-stat:nth-child(5) { animation-delay: 0.25s; }
.dashboard-stat:nth-child(6) { animation-delay: 0.3s; }
.dashboard-stat:nth-child(7) { animation-delay: 0.35s; }
.dashboard-stat:nth-child(8) { animation-delay: 0.4s; }

.dashboard-stat:hover {
	transform: translateY(-5px) scale(1.02);
	box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}

.dashboard-stat .visual > i {
	transition: all 0.3s ease;
}

.dashboard-stat:hover .visual > i {
	opacity: 0.5 !important;
	transform: scale(1.1);
}

/* Portlet animations */
@keyframes portletFadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.portlet.light.bordered {
	animation: portletFadeIn 0.4s ease forwards;
}

/* Tile badges */
.tile-badge {
	position: absolute;
	top: -8px;
	right: -8px;
	background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	min-width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(255, 65, 108, 0.4);
	z-index: 10;
	animation: badgePulse 2s infinite;
}

@keyframes badgePulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

/* Featured tiles (larger) */
.dashboard-stat.dashboard-stat-featured {
	min-height: 140px;
}

.dashboard-stat.dashboard-stat-featured .details .number {
	font-size: 24px;
}

.dashboard-stat.dashboard-stat-featured .details .desc {
	font-size: 15px;
}

.dashboard-stat.dashboard-stat-featured .visual > i {
	font-size: 130px;
}

/* Dashboard search tabs - mismo color que sidebar */
.portlet-title.tabbable-line .nav-tabs > li > a {
	color: #555555;
}

.portlet-title.tabbable-line .nav-tabs > li > a > i {
	color: #555555;
	margin-right: 5px;
}

.portlet-title.tabbable-line .nav-tabs > li.active > a,
.portlet-title.tabbable-line .nav-tabs > li.active > a > i {
	color: var(--color-seleccion, #0083b0);
}

.portlet-title.tabbable-line .nav-tabs > li > a:hover,
.portlet-title.tabbable-line .nav-tabs > li > a:hover > i {
	color: var(--color-seleccion, #0083b0);
}

/* Portlets */

.portlet.box{
	border:1px solid #F7F7F7 !important;
	border-radius:3px !important;
	box-shadow:3px 3px 8px #dbdbdb;
}

.portlet.light.bordered{
	border:1px solid #F7F7F7 !important;
	border-radius:3px !important;
	box-shadow:3px 3px 8px #dbdbdb;
}

.portlet.light.bordered>.portlet-title{
	border-bottom:solid 1px #668595 !important;
}

/* Portlets titles */
.portlet.red, .portlet.box.red>.portlet-title, .portlet>.portlet-body.red{
	background: linear-gradient(255deg, rgba(246,167,172,1) 0%, rgba(231,80,90,1) 100%);
}

.portlet.green, .portlet.box.green>.portlet-title, .portlet>.portlet-body.green{
	background: linear-gradient(255deg, rgba(192,243,247,1) 0%, rgba(50,197,210,1) 100%);
}

.portlet.blue-dark, .portlet.box.blue-dark>.portlet-title, .portlet>.portlet-body.blue-dark{
	background: linear-gradient(255deg, rgba(165,204,247,1) 0%, rgba(94,115,139,1) 100%);
}

.portlet.box>.portlet-title>.caption, .portlet.box>.portlet-title>.caption>i {
	color: #FFFFFF;
	font-size: medium;
}



.portlet.blue, .portlet.box.blue>.portlet-title, .portlet>.portlet-body.blue{
	background: linear-gradient(255deg, rgba(143,205,247,1) 0%, rgba(53,152,220,1) 100%);

}

.portlet.green-turquoise, .portlet.box.green-turquoise>.portlet-title, .portlet>.portlet-body.green-turquoise{
	background:  linear-gradient(255deg, rgba(173,250,235,1) 0%, rgba(54,215,183,1) 100%);
}

.portlet.yellow-casablanca, .portlet.box.yellow-casablanca>.portlet-title, .portlet>.portlet-body.yellow-casablanca{
	background: linear-gradient(255deg, rgba(254,206,188,1) 0%, rgba(242,120,75,1) 100%);
}

.portlet.purple, .portlet.box.purple>.portlet-title, .portlet>.portlet-body.purple{
	background:   linear-gradient(255deg, rgba(224,164,249,1) 0%, rgba(142,68,173,1) 100%);
}

.portlet.purple-soft, .portlet.box.purple-soft>.portlet-title, .portlet>.portlet-body.purple-soft{
	background:  linear-gradient(255deg, rgba(207,185,249,1) 0%, rgba(136,119,169,1) 100%);
}

.portlet.yellow, .portlet.box.yellow>.portlet-title, .portlet>.portlet-body.yellow{
	background:  linear-gradient(255deg, rgba(247,226,174,1) 0%, rgba(196,159,71,1) 100%);
}

.portlet.red-haze, .portlet.box.red-haze>.portlet-title, .portlet>.portlet-body.red-haze{
	background:  linear-gradient(255deg, rgba(245,179,172,1) 0%, rgba(243,106,90,1) 100%);
}

.portlet.default, .portlet.box.default>.portlet-title, .portlet>.portlet-body.default{
	background: linear-gradient(255deg, rgba(225,229,236,1) 0%, rgba(146,147,150,1) 100%);
}

.portlet.dark, .portlet.box.dark>.portlet-title, .portlet>.portlet-body.dark{
	background:  linear-gradient(255deg, rgba(204,230,255,1) 0%, rgba(47,53,59,1) 100%);
}

.portlet.red-soft, .portlet.box.red-soft>.portlet-title, .portlet>.portlet-body.red-soft{
	background: linear-gradient(255deg, rgba(247,191,191,1) 0%, rgba(208,84,84,1) 100%);
}

.portlet.blue-madison, .portlet.box.blue-madison>.portlet-title, .portlet>.portlet-body.blue-madison{
	background: linear-gradient(255deg, rgba(189,222,250,1) 0%, rgba(87,142,190,1) 100%);
}

.portlet.blue-chambray, .portlet.box.blue-chambray>.portlet-title, .portlet>.portlet-body.blue-chambray{
	background: linear-gradient(255deg, rgba(178,217,255,1) 0%, rgba(44,62,80,1) 100%);
}

.portlet.blue-ebonyclay, .portlet.box.blue-ebonyclay>.portlet-title, .portlet>.portlet-body.blue-ebonyclay{
	background: linear-gradient(255deg, rgba(182,214,244,1) 0%, rgba(34,49,63,1) 100%);
}

.portlet.blue-hoki, .portlet.box.blue-hoki>.portlet-title, .portlet>.portlet-body.blue-hoki{
	background: linear-gradient(255deg, rgba(158,199,250,1) 0%, rgba(103,128,159,1) 100%);
}

.portlet.blue-steel, .portlet.box.blue-steel>.portlet-title, .portlet>.portlet-body.blue-steel{
	background: linear-gradient(255deg, rgba(150,188,249,1) 0%, rgba(75,119,190,1) 100%);
}

.portlet.blue-soft, .portlet.box.blue-soft>.portlet-title, .portlet>.portlet-body.blue-soft{
	background: linear-gradient(255deg, rgba(144,198,245,1) 0%, rgba(76,135,185,1) 100%);
}

.portlet.blue-sharp, .portlet.box.blue-sharp>.portlet-title, .portlet>.portlet-body.blue-sharp{
	background: linear-gradient(255deg, rgba(154,202,244,1) 0%, rgba(92,155,209,1) 100%);
}

.portlet.blue-oleo, .portlet.box.blue-oleo>.portlet-title, .portlet>.portlet-body.blue-oleo{
	background: linear-gradient(255deg, rgba(202,223,255,1) 0%, rgba(148,160,178,1) 100%);
}

.portlet.green-meadow, .portlet.box.green-meadow>.portlet-title, .portlet>.portlet-body.green-meadow{
	background:linear-gradient(255deg, rgba(179,244,230,1) 0%, rgba(27,188,155,1) 100%);
}

.portlet.green-seagreen, .portlet.box.green-seagreen>.portlet-title, .portlet>.portlet-body.green-seagreen{
	background:linear-gradient(255deg, rgba(154,244,239,1) 0%, rgba(27,163,156,1) 100%);
}

.portlet.green-haze, .portlet.box.green-haze>.portlet-title, .portlet>.portlet-body.green-haze{
	background:linear-gradient(255deg, rgba(93,252,241,1) 0%, rgba(68,182,174,1) 100%) ;
}

.portlet.green-jungle, .portlet.box.green-jungle>.portlet-title, .portlet>.portlet-body.green-jungle{
	background: linear-gradient(255deg, rgba(145,251,207,1) 0%, rgba(38,194,129,1) 100%);
}

.portlet.green-soft, .portlet.box.green-soft>.portlet-title, .portlet>.portlet-body.green-soft{
	background:linear-gradient(255deg, rgba(146,252,246,1) 0%, rgba(63,171,164,1) 100%);
}

.portlet.green-sharp, .portlet.box.green-sharp>.portlet-title, .portlet>.portlet-body.green-sharp{
	background: linear-gradient(255deg, rgba(131,237,246,1) 0%, rgba(42,180,192,1) 100%);
}

.portlet.green-dark, .portlet.box.green-dark>.portlet-title, .portlet>.portlet-body.green-dark{
	background:  linear-gradient(255deg, rgba(164,250,236,1) 0%, rgba(77,179,162,1) 100%) ;
}

.portlet.green-steel, .portlet.box.green-steel>.portlet-title, .portlet>.portlet-body.green-steel{
	background: linear-gradient(255deg, rgba(164,250,236,1) 0%, rgba(77,179,162,1) 100%);
}

.portlet.grey-cascade, .portlet.box.grey-cascade>.portlet-title, .portlet>.portlet-body.grey-cascade{
	background: linear-gradient(255deg, rgba(212,248,250,1) 0%, rgba(149,165,166,1) 100%);
}

.portlet.grey-mint, .portlet.box.grey-mint>.portlet-title, .portlet>.portlet-body.grey-mint{
	background: linear-gradient(255deg, rgba(187,193,195,1) 0%, rgba(82,94,100,1) 100%);
}

.portlet.grey-salsa, .portlet.box.grey-salsa>.portlet-title, .portlet>.portlet-body.grey-salsa{
	background: linear-gradient(255deg, rgba(212,217,223,1) 0%, rgba(112,130,158,1) 100%) !important; 
}

.portlet.grey-silver, .portlet.box.grey-silver>.portlet-title, .portlet>.portlet-body.grey-silver{
	background: linear-gradient(255deg, rgba(218,205,205,1) 0%, rgba(108,108,108,1) 100%) !important;
}

.portlet.grey-salt, .portlet.box.grey-salt>.portlet-title, .portlet>.portlet-body.grey-salt{
	background: linear-gradient(255deg, rgba(186,204,215,1) 0%, rgba(88,106,117,1) 100%) !important; 
}

.portlet.grey-gallery, .portlet.box.grey-gallery>.portlet-title, .portlet>.portlet-body.grey-gallery{
	background: linear-gradient(255deg, rgba(191,191,191,1) 0%, rgba(85,85,85,1) 100%);
}

.portlet.red-pink, .portlet.box.red-pink>.portlet-title, .portlet>.portlet-body.red-pink{
	background: linear-gradient(255deg, rgba(255,198,244,1) 0%, rgba(224,130,131,1) 100%) ;
}

.portlet.red-sunglo, .portlet.box.red-sunglo>.portlet-title, .portlet>.portlet-body.red-sunglo{
	background: linear-gradient(255deg, rgba(249,184,184,1) 0%, rgba(226,106,106,1) 100%);
}

.portlet.red-intense, .portlet.box.red-intense>.portlet-title, .portlet>.portlet-body.red-intense{
	background:linear-gradient(255deg, rgba(252,175,174,1) 0%, rgba(227,91,90,1) 100%);
}

.portlet.red-thunderbird, .portlet.box.red-thunderbird>.portlet-title, .portlet>.portlet-body.red-thunderbird{
	background: linear-gradient(255deg, rgba(250,161,159,1) 0%, rgba(217,30,24,1) 100%);
}

.portlet.red-flamingo, .portlet.box.red-flamingo>.portlet-title, .portlet>.portlet-body.red-flamingo{
	background: linear-gradient(255deg, rgba(245,168,159,1) 0%, rgba(239,72,54,1) 100%);
}

.portlet.red-mint, .portlet.box.red-mint>.portlet-title, .portlet>.portlet-body.red-mint{
	background: linear-gradient(255deg, rgba(245,168,159,1) 0%, rgba(239,72,54,1) 100%);
}

.portlet.yellow, .portlet.box.yellow>.portlet-title, .portlet>.portlet-body.yellow{
	background: linear-gradient(255deg, rgba(246,223,169,1) 0%, rgba(196,159,71,1) 100%);
}

.portlet.yellow-gold, .portlet.box.yellow-gold>.portlet-title, .portlet>.portlet-body.yellow-gold{
	background:linear-gradient(255deg, rgba(246,207,162,1) 0%, rgba(232,126,4,1) 100%);
}

.portlet.yellow-crusta, .portlet.box.yellow-crusta>.portlet-title, .portlet>.portlet-body.yellow-crusta{
	background: linear-gradient(255deg, rgba(244,226,157,1) 0%, rgba(243,194,0,1) 100%);
}

.portlet.yellow-lemon, .portlet.box.yellow-lemon>.portlet-title, .portlet>.portlet-body.yellow-lemon{
	background: linear-gradient(255deg, rgba(238,221,151,1) 0%, rgba(247,202,24,1) 100%);
}

.portlet.yellow-saffron, .portlet.box.yellow-saffron>.portlet-title, .portlet>.portlet-body.yellow-saffron{
	background: linear-gradient(255deg, rgba(244,227,160,1) 0%, rgba(244,208,63,1) 100%);
}

.portlet.yellow-soft, .portlet.box.yellow-soft>.portlet-title, .portlet>.portlet-body.yellow-soft{
	background: linear-gradient(255deg, rgba(244,249,161,1) 0%, rgba(200,208,70,1) 100%);
}

.portlet.yellow-haze, .portlet.box.yellow-haze>.portlet-title, .portlet>.portlet-body.yellow-haze{
	background: linear-gradient(255deg, rgba(254,249,179,1) 0%, rgba(197,191,102,1) 100%);
}

.portlet.yellow-mint, .portlet.box.yellow-mint>.portlet-title, .portlet>.portlet-body.yellow-mint{
	background: linear-gradient(255deg, rgba(244,234,174,1) 0%, rgba(197,185,107,1) 100%);
}

.portlet.purple-plum, .portlet.box.purple-plum>.portlet-title, .portlet>.portlet-body.purple-plum{
	background: linear-gradient(255deg, rgba(209,187,247,1) 0%, rgba(135,117,167,1) 100%);
}

.portlet.purple-medium, .portlet.box.purple-medium>.portlet-title, .portlet>.portlet-body.purple-medium{
	background: linear-gradient(255deg, rgba(227,177,249,1) 0%, rgba(191,85,236,1) 100%);
}

.portlet.purple-studio, .portlet.box.purple-studio>.portlet-title, .portlet>.portlet-body.purple-studio{
	background: linear-gradient(255deg, rgba(215,159,238,1) 0%, rgba(142,68,173,1) 100%);
}

.portlet.purple-wisteria, .portlet.box.purple-wisteria>.portlet-title, .portlet>.portlet-body.purple-wisteria{
	background: linear-gradient(255deg, rgba(222,168,244,1) 0%, rgba(155,89,182,1) 100%);
}

.portlet.purple-seance, .portlet.box.purple-seance>.portlet-title, .portlet>.portlet-body.purple-seance{
	background: linear-gradient(255deg, rgba(227,156,240,1) 0%, rgba(154,18,179,1) 100%);
}

.portlet.purple-intense, .portlet.box.purple-intense>.portlet-title, .portlet>.portlet-body.purple-intense{
	background: linear-gradient(255deg, rgba(209,187,247,1) 0%, rgba(135,117,167,1) 100%);
}

.portlet.purple-sharp, .portlet.box.purple-sharp>.portlet-title, .portlet>.portlet-body.purple-sharp{
	background: linear-gradient(255deg, rgba(203,180,245,1) 0%, rgba(121,103,153,1) 100%);
}

.portlet.brown-soft, .portlet.box.brown-soft>.portlet-title, .portlet>.portlet-body.brown-soft{
	background: linear-gradient(255deg, rgba(247,191,157,1) 0%, rgba(206,138,97,1) 100%);
}

.portlet.pink, .portlet.box.pink>.portlet-title, .portlet>.portlet-body.pink{
	background: linear-gradient(255deg, #fcc0c4 0%, #f9a59a 100%);
}

.portlet.red-orange, .portlet.box.red-orange>.portlet-title, .portlet>.portlet-body.red-orange{
	background: linear-gradient(255deg, #fc8a7a 0%, #fa5f49 100%);
}

.portlet.orange-light, .portlet.box.orange-light>.portlet-title, .portlet>.portlet-body.orange-light{
	background: linear-gradient(90deg, rgba(232,168,51,1) 35%, rgba(252,214,143,1) 100%);
}

.portlet.blue-light, .portlet.box.blue-light>.portlet-title, .portlet>.portlet-body.blue-light{
	background: linear-gradient(255deg, rgba(173,216,230,1) 0%, rgba(94,190,221,1) 100%);
}

/* Subrayados tabs */
.tabbable-line>.nav-tabs>li.active {
	border-bottom: 4px solid #0083b0 !important;
}

.tabbable-line>.nav-tabs>li.active:hover {
	border-bottom: 4px solid #0083b0 !important;
}

.tabbable-line>.nav-tabs>li:hover {
	border-bottom: 4px solid #00b4db !important;
}

/* Font */
.font-green{
	color: #00b4db !important;
}

.font-yellow{
	color: #FFD600 !important;
}

.report-div{
	font-weight: 400 !important;
}

/* Calendar */
.portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
	border-color:#0083b0
}

.portlet.calendar .fc-widget-header{
	background-color: #0083b0 !important;
	color:#fff ;
}

.fc-unthemed td{
	color: #a6a6a6;
}

.portlet.calendar .fc-toolbar h2 {
    color: #0083b0;
    font-size: 18px;
    font-weight: 600;
}

/* Footer */
.page-footer{
	background-color: #0083b0 !important;
}

.page-footer-inner{
	color: #fff !important;
	/*background-color: #0083b0 !important;*/
}

@media (max-width: 768px){
	.page-footer{
		padding-top: 0px !important;
		text-align: center;
	}
	.page-footer-inner{
		display: block !important;
		float: none !important;
	}
}

/* Report Div */
.report-div{
	margin:0px !important;
	padding: 15px !important;
}

.report-div .p{
	margin:0px !important;
}

.note p {
	overflow-wrap: break-word;
}

.form-wizard .steps>li>a.step .number{
	padding: 3px 5px 13px;
	height: 25px;
    width: 25px;
}

.form-wizard .steps>li.active>a.step .number {
    background-color: #043852;
    color: #fff;
    font-size:14px
}

.form-wizard .steps>li.done>a.step .number {
    background-color:#36c6d3   ;
    color: #fff;
    font-size:14px
}

.form-wizard .steps>li>a.step>.desc{
	font-size:16px
}

@media (max-width: 1000px){
	.form-wizard .steps>li>a.step .number{
	padding: 3px 3px 2px;
	height: 22px !important;
    width: 22px !important;
}

.form-wizard .steps>li.done>a.step .desc i {
	font-size:11px;
}

.form-wizard .steps>li.active>a.step .number {
    background-color: #043852;
    color: #fff;
    font-size:11px
}

.form-wizard .steps>li.done>a.step .number {
    background-color:#36c6d3   ;
    color: #fff;
    font-size:11px
}

.form-wizard .steps>li>a.step>.number {
    font-size:11px
}

.form-wizard .steps>li>a.step>.desc{
	font-size:11px
}

.dashboard-stat .details .number {
    font-size: 20px !important;
}

.nav>li>a {
    padding: 8px 3px;
}}

@media (max-width: 800px){
.dashboard-stat .details .desc {
    font-size: 10px;
    }

.dashboard-stat.dashboard-stat-v2 .visual{
	opacity:0;
} 

}

.progress-bar-success {
    background-color: #36c6d3 ;
}

.note p{
	font-size:16px;
	overflow-wrap: break-word;
}

@media (max-width: 800px){
.form-wizard .steps>li>a.step>.number {
    text-align: center!important;
    padding: 5px 7px 6px;
    margin-right: 2px;
    height: 35px;
    width: 35px;;
}
}

/*Tiles*/
.bg-red{
	background: linear-gradient(255deg, rgba(246,167,172,1) 0%, rgba(231,80,90,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green{
	background: linear-gradient(255deg, rgba(192,243,247,1) 0%, rgba(50,197,210,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-dark{
	background: linear-gradient(255deg, rgba(165,204,247,1) 0%, rgba(94,115,139,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue{
	background: linear-gradient(255deg, rgba(143,205,247,1) 0%, rgba(53,152,220,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-turquoise {
	background: linear-gradient(255deg, rgba(173,250,235,1) 0%, rgba(54,215,183,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-casablanca {
	background: linear-gradient(255deg, rgba(254,206,188,1) 0%, rgba(242,120,75,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple {
	background: linear-gradient(255deg, rgba(224,164,249,1) 0%, rgba(142,68,173,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-soft {
	background: linear-gradient(255deg, rgba(207,185,249,1) 0%, rgba(136,119,169,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow {
	background: linear-gradient(255deg, rgba(247,226,174,1) 0%, rgba(196,159,71,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-haze {
	background:  linear-gradient(255deg, rgba(245,179,172,1) 0%, rgba(243,106,90,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-default{
	background: linear-gradient(255deg, rgba(225,229,236,1) 0%, rgba(146,147,150,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-dark{
	background: linear-gradient(255deg, rgba(204,230,255,1) 0%, rgba(47,53,59,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-soft{
	background: linear-gradient(255deg, rgba(247,191,191,1) 0%, rgba(208,84,84,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-madison{
	background: linear-gradient(255deg, rgba(189,222,250,1) 0%, rgba(87,142,190,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-chambray{
	background: linear-gradient(255deg, rgba(178,217,255,1) 0%, rgba(44,62,80,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-ebonyclay{
	background: linear-gradient(255deg, rgba(182,214,244,1) 0%, rgba(34,49,63,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-hoki{
	background: linear-gradient(255deg, rgba(158,199,250,1) 0%, rgba(103,128,159,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-steel{
	background: linear-gradient(255deg, rgba(150,188,249,1) 0%, rgba(75,119,190,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-soft{
	background: linear-gradient(255deg, rgba(144,198,245,1) 0%, rgba(76,135,185,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-sharp{
	background: linear-gradient(255deg, rgba(154,202,244,1) 0%, rgba(92,155,209,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-blue-oleo{
	background: linear-gradient(255deg, rgba(202,223,255,1) 0%, rgba(148,160,178,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-meadow{
	background: linear-gradient(255deg, rgba(179,244,230,1) 0%, rgba(27,188,155,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-seagreen{
	background: linear-gradient(255deg, rgba(154,244,239,1) 0%, rgba(27,163,156,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-haze{
	background: linear-gradient(255deg, rgba(93,252,241,1) 0%, rgba(68,182,174,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-jungle{
	background: linear-gradient(255deg, rgba(145,251,207,1) 0%, rgba(38,194,129,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-soft{
	background: linear-gradient(255deg, rgba(146,252,246,1) 0%, rgba(63,171,164,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-sharp{
	background: linear-gradient(255deg, rgba(131,237,246,1) 0%, rgba(42,180,192,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-dark{
	background: linear-gradient(255deg, rgba(164,250,236,1) 0%, rgba(77,179,162,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-green-steel{
	background: linear-gradient(255deg, rgba(164,250,236,1) 0%, rgba(77,179,162,1) 100%)  !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-grey-cascade{
	background: linear-gradient(255deg, rgba(212,248,250,1) 0%, rgba(149,165,166,1) 100%)  !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-grey-mint{
	background: linear-gradient(255deg, rgba(187,193,195,1) 0%, rgba(82,94,100,1) 100%);
	border: 0px solid transparent !important;
	box-shadow: 2px 2px 5px #dbdbdb; 
}

.bg-grey-salsa{
	background: linear-gradient(255deg, rgba(212,217,223,1) 0%, rgba(112,130,158,1) 100%) !important; 
	border: 0px solid transparent !important;
	box-shadow: 2px 2px 5px #dbdbdb;
}

.bg-grey-silver{
	background: linear-gradient(255deg, rgba(218,205,205,1) 0%, rgba(108,108,108,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px 5px #dbdbdb;
}

.bg-grey-salt{
	background: linear-gradient(255deg, rgba(186,204,215,1) 0%, rgba(88,106,117,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px 5px #dbdbdb; 
}

.bg-grey-gallery{
	background: linear-gradient(255deg, rgba(191,191,191,1) 0%, rgba(85,85,85,1) 100%); 
	border: 0px solid transparent !important;
	box-shadow: 2px 2px 5px #dbdbdb;
}

.bg-red-pink{
	background: linear-gradient(255deg, rgba(255,198,244,1) 0%, rgba(224,130,131,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-sunglo{
	background: linear-gradient(255deg, rgba(249,184,184,1) 0%, rgba(226,106,106,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-intense{
	background: linear-gradient(255deg, rgba(252,175,174,1) 0%, rgba(227,91,90,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-thunderbird{
	background: linear-gradient(255deg, rgba(250,161,159,1) 0%, rgba(217,30,24,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-flamingo{
	background: linear-gradient(255deg, rgba(245,168,159,1) 0%, rgba(239,72,54,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-mint{
	background: linear-gradient(255deg, rgba(245,168,159,1) 0%, rgba(239,72,54,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow{
	background: linear-gradient(255deg, rgba(246,223,169,1) 0%, rgba(196,159,71,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-gold{
	background: linear-gradient(255deg, rgba(246,207,162,1) 0%, rgba(232,126,4,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-crusta{
	background: linear-gradient(255deg, rgba(244,226,157,1) 0%, rgba(243,194,0,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-lemon{
	background: linear-gradient(255deg, rgba(238,221,151,1) 0%, rgba(247,202,24,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-saffron{
	background: linear-gradient(255deg, rgba(244,227,160,1) 0%, rgba(244,208,63,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-soft{
	background: linear-gradient(255deg, rgba(244,249,161,1) 0%, rgba(200,208,70,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-haze{
	background: linear-gradient(255deg, rgba(254,249,179,1) 0%, rgba(197,191,102,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-yellow-mint{
	background: linear-gradient(255deg, rgba(244,234,174,1) 0%, rgba(197,185,107,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-plum{
	background: linear-gradient(255deg, rgba(209,187,247,1) 0%, rgba(135,117,167,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-medium{
	background: linear-gradient(255deg, rgba(227,177,249,1) 0%, rgba(191,85,236,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-studio{
	background:  linear-gradient(255deg, rgba(215,159,238,1) 0%, rgba(142,68,173,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-wisteria{
	background: linear-gradient(255deg, rgba(222,168,244,1) 0%, rgba(155,89,182,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-seance{
	background: linear-gradient(255deg, rgba(227,156,240,1) 0%, rgba(154,18,179,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-intense{
	background: linear-gradient(255deg, rgba(209,187,247,1) 0%, rgba(135,117,167,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-purple-sharp{
	background: linear-gradient(255deg, rgba(203,180,245,1) 0%, rgba(121,103,153,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-brown-soft{
	background: linear-gradient(255deg, rgba(247,191,157,1) 0%, rgba(206,138,97,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-pink{
	background: linear-gradient(255deg, #f6b6ba 0%, #f9a59a 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-red-orange{
	background: linear-gradient(255deg, #f78e80 0%, #fa5f49 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.bg-orange-light{
	background: linear-gradient(90deg, rgba(232,168,51,1) 35%, rgba(252,214,143,1) 100%) !important;
	border: 0px solid transparent !important;
	box-shadow: 2px 2px  5px #dbdbdb;
}

.login-logo {
    height: 120 !important;
}

@media only screen and (max-width: 992px){
.user-login-5 .login-logo.login-6{
    position: relative;
    margin: 0 0 40px;
    height: 60px !important;
}}

/* Sidebar_menu_metronic */
@media (min-width: 999px){
	.recurso-oculto{
		display: none;
	}
}

/* Forms Grocery Crud */
@media (max-width: 510px){
	textarea{
		width: 306px !important;
	}
}
@media (max-width: 992px){
	textarea{
		width: 510px;
	}
}

/*Grocery*/

.page-bar {
	padding: 0 !important;
	background-color: #f1f4f7  !important;
	margin-bottom: 25px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
   margin: -40px -8px 0 !important;
}
.page-content-white .page-bar .page-breadcrumb {
	padding: 11px 11px;
}
@media only screen and (min-width : 480px){
	.quick-nav {
		position: fixed;
		z-index: 10103;
		top: 70%;
		right: 5px;
		margin-top: -230px;
		pointer-events: none;
	}        
}

@media only screen and (min-width : 992px){
	.quick-nav {
		position: fixed;
		z-index: 10103;
		top: 35%;
		right: 5px;
		margin-top: -230px;
		pointer-events: none;
	}
	 
}

@media  only screen and (max-width: 520px){
	 td{
	 font-size: 11px !important;
	 }
	 th{
	 font-size: 11px !important;
	 }
	 
	  .note.note-success{
		font-size: 10px !important;
	  }  
	  
	  body {                   
			font-size: 11px;
	  }
	  .portlet > .portlet-title > .caption {                  
			font-size: 11px;
			line-height: 18px;
			padding: 10px 0;
		}  
	  .page-footer {
			font-size: 10px;
		} 
		
	   .form-control {
			width: 100%;
			height: 18px;
			padding-top: 5%;
			padding-bottom: 5%;
	   }
	   
	   .portlet.light > .portlet-title > .caption > .caption-subject {
			font-size: 12px;
		}
		.page-title {
			font-size: 16px !important;
		}
	}

.quick-nav-trigger {           
	height: 45px;
	width: 45px;            
}
.quick-nav  .quick-nav-bg {            
	width: 45px;
	height: 45px;
}      
.clear-search {
position: absolute;
margin-left: -18px;
margin-top: 10px;
cursor: pointer;
}
.clear-all-search {
cursor: pointer;
margin-left: -11px;
margin-top: 3px;
position: absolute;
}

.clear-search:hover, .clear-all-search:hover {
color: #555 !important;
}

.searchable-input.value-not-empty {
border-color: #444;
border-style: dashed;
}
.column-with-ordering > div {
float: left;   
}
.column-with-ordering > i {
float: right;   
}
.column-with-ordering {
cursor: pointer;
}
.column-with-ordering:hover {
background: #EDEDED !important;
color: #000 !important;
}
.column-with-ordering>div::selection {
background: transparent !important;
}
.column-with-ordering>div::-moz-selection {
background: transparent !important;
}
.only-mobiles {
display: none;
}
.search-button {
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;
width: 40px;
text-align: left;
outline: none !important;
}
.search-button input.search-input {
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;

width:0px;
border: none !important;
background: transparent;
}
.search-button input.search-input-big {
width: 140px;
}
.search-button-big {
width: 180px;
background: white;
}
.search-button-big:hover, .search-button-big:focus, .search-button-big:active {
background: white !important;
}
.header-tools {
padding: 5px 5px 10px 5px;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
span.page-number-input-container {
padding: 4px 10px !important;
}
span.page-number-input-container .page-number-input {
height: 24px !important;
width: 50px !important;
padding: 2px 3px !important;
}

@media (max-width:350px) {
.table-container table tr th:nth-child(3),
.table-container table tr td:nth-child(4)
{
display:none;
}
}
@media (max-width:480px) {
.table-container table tr th:nth-child(4),
.table-container table tr th:nth-child(5),
.table-container table tr th:nth-child(6),
.table-container table tr th:nth-child(7),
.table-container table tr th:nth-child(8),
.table-container table tr th:nth-child(9),
.table-container table tr th:nth-child(10)
.table-container table tr td:nth-child(5),
.table-container table tr td:nth-child(6),
.table-container table tr td:nth-child(7),
.table-container table tr td:nth-child(8),
.table-container table tr td:nth-child(9),
.table-container table tr td:nth-child(10)
{
display:none;
}

.table-container table tr td:nth-child(2) select,
.table-container table tr td:nth-child(1) input[type="checkbox"],
.delete-selected{
display: none;
}

.table-container table tr td:nth-child(1) {
padding: 0px;
}

table tbody tr td:nth-child(1) {
border-right: none !important;
}

.pagination .page-number
{
display:none;
}

.only-desktops {
display: none;
}
.only-mobiles {
display: block !important;
}
}

@media (max-width:560px) {
.table-container table tr th:nth-child(4),
.table-container table tr th:nth-child(5),
.table-container table tr th:nth-child(6),
.table-container table tr th:nth-child(7),
.table-container table tr th:nth-child(8),
.table-container table tr th:nth-child(9),
.table-container table tr th:nth-child(10)
.table-container table tr td:nth-child(5),
.table-container table tr td:nth-child(6),
.table-container table tr td:nth-child(7),
.table-container table tr td:nth-child(8),
.table-container table tr td:nth-child(9),
.table-container table tr td:nth-child(10)
{
display:none;
}

.pagination .page-number
{
display:none;
}
}

@media (max-width:700px) {
.table-container table tr th:nth-child(5),
.table-container table tr th:nth-child(6),
.table-container table tr th:nth-child(7),
.table-container table tr th:nth-child(8),
.table-container table tr th:nth-child(9),
.table-container table tr th:nth-child(10)
.table-container table tr td:nth-child(6),
.table-container table tr td:nth-child(7),
.table-container table tr td:nth-child(8),
.table-container table tr td:nth-child(9),
.table-container table tr td:nth-child(10)
{
display:none;
}

.pagination .page-number
{
display:none;
}
}

@media (max-width:960px) {
.table-container table tr th:nth-child(6),
.table-container table tr th:nth-child(7),
.table-container table tr th:nth-child(8),
.table-container table tr th:nth-child(9),
.table-container table tr th:nth-child(10)
.table-container table tr td:nth-child(7),
.table-container table tr td:nth-child(8),
.table-container table tr td:nth-child(9),
.table-container table tr td:nth-child(10)
{
display:none;
}

.pagination .page-number
{
display:none;
}
}

/*Corrección para textarea en formularios, fuera de grocery crud*/
@media (max-width: 510px){
	.textarea{
		width: 100% !important;
	}
}

.textarea{
	resize: vertical !important;
}

.fa fa-eye{
	cursor: pointer
}

/* Buscador del menú lateral — alineado a Metronic tema light (sidebar #fff, bordes #F0F5F7).
   Colores de íconos / hover / foco desde estética del cliente en metronic.php (menu_font_color, color_seleccion).
   El layout global usa .form-control { min-width: 8em }; el input fuerza min-width: 0. */
.page-sidebar-menu > li.sidebar-menu-search-item {
	list-style: none;
	padding: 12px 14px 10px;
	margin: 0;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #f0f5f7;
}

.page-sidebar .page-sidebar-menu > li.sidebar-menu-search-item {
	border-left: 0;
	border-right: 0;
}

.sidebar-menu-search-inner {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Contenedor único tipo “portlet” Metronic: superficie blanca, borde suave, sombra mínima */
.sidebar-menu-search-combined {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	border: 1px solid #e6e9ec;
	border-radius: 4px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(44, 53, 64, 0.06);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 38px;
	min-width: 38px;
	flex: 0 0 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-right: 1px solid #f0f5f7;
	border-radius: 0;
	background: #ffffff;
	opacity: 1;
	transition: background-color 0.15s ease;
}

/* Hover por defecto (si no hay color_seleccion inyectado) = mismo gris que ítem abierto del menú light */
.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler:hover {
	background: #f1f1f1;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler > span,
.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler > span:before,
.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler > span:after {
	background: #7c8793 !important;
	top: 0;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler > span {
	position: relative;
	top: 0 !important;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler > span:before {
	top: 5px !important;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler > span:after {
	top: -5px !important;
}

.page-sidebar-menu .sidebar-menu-search-inner .input-icon.sidebar-menu-search-field {
	position: relative;
	left: 0;
	right: auto;
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	background: #ffffff;
}

.page-sidebar-menu .sidebar-menu-search-inner .input-icon.sidebar-menu-search-field > i.fa {
	color: #a6adb6;
	margin: 10px 2px 4px 10px;
	font-size: 14px;
}

.page-sidebar-menu .sidebar-menu-search-input {
	min-width: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding-left: 33px !important;
	padding-right: 10px !important;
	background: transparent;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	color: #555555;
	height: 32px;
	font-size: 13px;
	font-weight: 400;
}

.page-sidebar-menu .sidebar-menu-search-input::placeholder {
	color: #a6adb6;
	opacity: 1;
}

.page-sidebar-menu .sidebar-menu-search-input:focus {
	outline: 0;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent;
	color: #555555;
}

/* Foco si no hay color_seleccion en BD (Metronic accent suave) */
.page-sidebar-menu .sidebar-menu-search-combined:focus-within {
	border-color: #c5cdd6;
	box-shadow: 0 1px 3px rgba(44, 53, 64, 0.08), 0 0 0 2px rgba(91, 155, 209, 0.12);
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.sidebar-menu-search-item {
	padding-left: 5px;
	padding-right: 5px;
}

.page-sidebar-closed .page-sidebar .sidebar-menu-search-combined {
	flex-direction: column;
	box-shadow: 0 1px 2px rgba(44, 53, 64, 0.05);
}

.page-sidebar-closed .page-sidebar .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler {
	width: 100%;
	min-width: 0;
	flex: 0 0 36px;
	border-right: 0;
	border-bottom: 1px solid #f0f5f7;
}

.page-sidebar-closed .page-sidebar .sidebar-menu-search-combined .sidebar-menu-search-field {
	width: 100%;
	flex: 1 1 auto;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-menu-search-combined {
	flex-direction: row;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-menu-search-combined .sidebar-menu-embedded-toggler.sidebar-toggler {
	width: 38px;
	min-width: 38px;
	flex: 0 0 38px;
	border-right: 1px solid #f0f5f7;
	border-bottom: 0;
}

/* Limpiar filtro: solo ícono, integrado en la barra (evita texto truncado en sidebar estrecho) */
.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-filter-clear {
	flex: 0 0 34px;
	width: 34px;
	min-width: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 1px solid #f0f5f7;
	border-radius: 0;
	background: #ffffff;
	color: inherit;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	min-height: 32px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-filter-clear .fa {
	font-size: 14px;
	line-height: 1;
	color: #a6adb6;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-filter-clear:hover,
.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-filter-clear:focus {
	outline: none;
	background: #f1f1f1;
}

.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-filter-clear:hover .fa,
.page-sidebar-menu .sidebar-menu-search-combined .sidebar-menu-filter-clear:focus .fa {
	color: #7c8793;
}

.page-sidebar-closed .page-sidebar .sidebar-menu-search-combined .sidebar-menu-filter-clear {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
	min-height: 34px;
	border-left: 0;
	border-top: 1px solid #f0f5f7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-menu-search-combined .sidebar-menu-filter-clear {
	width: 34px;
	min-width: 34px;
	min-height: 32px;
	border-left: 1px solid #f0f5f7;
	border-top: 0;
	align-self: stretch;
}

/* Búsqueda rápida global: por encima de quick-nav (~10103), select2, daterangepicker y composición de inputs nativos (type="date"). */
#wam-global-search-modal.modal {
	z-index: 200000 !important;
}
body.wam-global-search-modal-open .modal-backdrop {
	z-index: 199990 !important;
}
body.wam-global-search-modal-open .ui-autocomplete {
	z-index: 200050 !important;
}

/**
 * Pegar ubicación (WhatsApp / Google Maps): acción auxiliar junto al input de dirección.
 */
.crm-geo-btn-pegar {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-right: 6px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	color: #4b77be !important;
	background: #fff;
	border: 1px solid #c2d4ee;
	border-radius: 3px;
	box-shadow: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.crm-geo-btn-pegar:hover,
.crm-geo-btn-pegar:focus {
	color: #2c5282 !important;
	background: #eaf1fb;
	border-color: #7baad6;
	outline: none;
	box-shadow: none;
}

.crm-geo-btn-pegar:active {
	background: #dce8f5;
	box-shadow: none;
}

.crm-geo-btn-pegar .fa-map-pin {
	font-size: 12px;
	flex-shrink: 0;
}

.crm-geo-btn-pegar .crm-geo-btn-pegar__label {
	white-space: nowrap;
}

/* Remito ventas: «Pegar ubicación» (izquierda) + input dentro de celda con flip-scroll / table-responsive */
.crm-ventas-remitos-domicilio-toolbar {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
}
.crm-ventas-remitos-domicilio-toolbar .form-control {
	flex: 1 1 220px;
	min-width: 0;
}
.crm-ventas-remitos-domicilio-toolbar .crm-geo-btn-pegar {
	margin-right: 0;
	flex: 0 0 auto;
	order: -1;
}

/* Datos de entrega (remito ventas): más ancho domicilio, proveedor ~ la mitad del espacio que tomaba la columna */
#tabla_datos_entrega.crm-ventas-remitos-datos-entrega-layout {
	table-layout: fixed;
	width: 100%;
}
#tabla_datos_entrega.crm-ventas-remitos-datos-entrega-layout .crm-ventas-remitos-col-domicilio {
	width: 30%;
	min-width: 0;
	word-wrap: break-word;
	vertical-align: middle;
}
#tabla_datos_entrega.crm-ventas-remitos-datos-entrega-layout .crm-ventas-remitos-col-proveedor {
	width: 10%;
	min-width: 0;
	vertical-align: middle;
}
#tabla_datos_entrega.crm-ventas-remitos-datos-entrega-layout .crm-ventas-remitos-col-proveedor select,
#tabla_datos_entrega.crm-ventas-remitos-datos-entrega-layout .crm-ventas-remitos-col-proveedor .form-control {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

@media (max-width: 480px) {
	.crm-ventas-remitos-domicilio-toolbar {
		flex-wrap: wrap;
	}
	.crm-ventas-remitos-domicilio-toolbar .crm-geo-btn-pegar {
		order: 0;
		width: 100%;
	}
}

/* Ocultar spinners nativos en inputs numéricos (complemento a wam_prevent_number_input_wheel.js) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}