@import url('bootstrap.min.css');
@import url('bootstrap-reset.css');
@import url('jquery-ui-1.13.2.min.css');
/*@import url('default-theme.css');*/
@import url('icons.css');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&display=swap');

/*@font-face {
	font-family: 'Movistar Headline';
	src: url('../fonts/movistarheadline-regular-webfont.eot');
	src: url('../fonts/movistarheadline-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/movistarheadline-regular-webfont.woff2') format('woff2'), url('../fonts/movistarheadline-regular-webfont.woff') format('woff'), url('../fonts/movistarheadline-regular-webfont.ttf') format('truetype'), url('../fonts/movistarheadline-regular-webfont.svg#movistar_headlineregular') format('svg');
	font-weight: normal;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Movistar Text';
	src: url('../fonts/movistartext-regular-webfont.eot');
	src: url('../fonts/movistartext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/movistartext-regular-webfont.woff2') format('woff2'), url('../fonts/movistartext-regular-webfont.woff') format('woff'), url('../fonts/movistartext-regular-webfont.ttf') format('truetype'), url('../fonts/movistartext-regular-webfont.svg#movistar_textregular') format('svg');
	font-weight: normal;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Movistar Text';
	src: url('../fonts/movistartext-bold-webfont.eot');
	src: url('../fonts/movistartext-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/movistartext-bold-webfont.woff2') format('woff2'), url('../fonts/movistartext-bold-webfont.woff') format('woff'), url('../fonts/movistartext-bold-webfont.ttf') format('truetype'), url('../fonts/movistartext-bold-webfont.svg#movistar_textbold') format('svg');
	font-weight: bold;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Movistar Market';
	src: url('../fonts/movistarmarket.eot');
	src: url('../fonts/movistarmarket.eot?#iefix') format('embedded-opentype'), url('../fonts/movistarmarket.woff') format('woff'), url('../fonts/movistarmarket.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-rendering:optimizeLegibility;
}*/

@font-face {
	font-family: 'Telefonica Extra Light';
	src: url('../fonts/extraLight/TelefonicaWeb-ExtraLight.eot');
	src: url('../fonts/extraLight/TelefonicaWeb-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/extraLight/TelefonicaWeb-ExtraLight.woff2') format('woff2'), url('../fonts/extraLight/TelefonicaWeb-ExtraLight.woff') format('woff'), url('../fonts/extraLight/TelefonicaWeb-ExtraLight.ttf') format('truetype'), url('../fonts/extraLight/TelefonicaWeb-ExtraLight.svg#telefonicaweb_extralight') format('svg');
	font-weight: 300;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Telefonica Light';
	src: url('../fonts/light/TelefonicaWeb-Light.eot');
	src: url('../fonts/light/TelefonicaWeb-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/light/TelefonicaWeb-Light.woff2') format('woff2'), url('../fonts/light/TelefonicaWeb-Light.woff') format('woff'), url('../fonts/light/TelefonicaWeb-Light.ttf') format('truetype'), url('../fonts/light/TelefonicaWeb-Light.svg#telefonicaweb_light') format('svg');
	font-weight: 400;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Telefonica Regular';
	src: url('../fonts/regular/TelefonicaWeb-Regular.eot');
	src: url('../fonts/regular/TelefonicaWeb-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/regular/TelefonicaWeb-Regular.woff2') format('woff2'), url('../fonts/regular/TelefonicaWeb-Regular.woff') format('woff'), url('../fonts/regular/TelefonicaWeb-Regular.ttf') format('truetype'), url('../fonts/regular/TelefonicaWeb-Regular.svg#telefonicaweb_regular') format('svg');
	font-weight: 500;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Telefonica Regular Italic';
	src: url('../fonts/regularItalic/TelefonicaWeb-RegularItalic.eot');
	src: url('../fonts/regularItalic/TelefonicaWeb-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/regularItalic/TelefonicaWeb-RegularItalic.woff2') format('woff2'), url('../fonts/regularItalic/TelefonicaWeb-RegularItalic.woff') format('woff'), url('../fonts/regularItalic/TelefonicaWeb-RegularItalic.ttf') format('truetype'), url('../fonts/regularItalic/TelefonicaWeb-RegularItalic.svg#telefonicaweb_regularitalic') format('svg');
	font-weight: 500;
	font-style: italic;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Telefonica Bold';
	src: url('../fonts/bold/TelefonicaWeb-Bold.eot');
	src: url('../fonts/bold/TelefonicaWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/bold/TelefonicaWeb-Bold.woff2') format('woff2'), url('../fonts/bold/TelefonicaWeb-Bold.woff') format('woff'), url('../fonts/bold/TelefonicaWeb-Bold.ttf') format('truetype'), url('../fonts/bold/TelefonicaWeb-Bold#telefonicaweb_bold') format('svg');
	font-weight: 700;
	font-style: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'Telefonica Hand';
	src: url('../fonts/hand/TelefonicaWeb-Hand.eot');
	src: url('../fonts/hand/TelefonicaWeb-Hand.eot?#iefix') format('embedded-opentype'), url('../fonts/hand/TelefonicaWeb-Hand.woff2') format('woff2'), url('../fonts/hand/TelefonicaWeb-Hand.woff') format('woff'), url('../fonts/hand/TelefonicaWeb-Hand.ttf') format('truetype'), url('../fonts/hand/TelefonicaWeb-Hand#telefonicaweb_hand') format('svg');
	font-weight: normal;
	font-style: normal;
	text-rendering:optimizeLegibility;
}


body {
	font-family: 'Maven Pro', sans-serif;
	color: #50535A;
	line-height: 20px;
	overflow-x: hidden;
	font-size: 14px;
	font-weight: 400;
	text-rendering:optimizeLegibility;
}

input,select,textarea {
	font-family: 'Maven Pro', sans-serif;
	color: #767676;
}

a {
	color: #00a9e0;
	text-decoration: none;
}

a:focus, a:active, a:hover {
	outline: none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	text-decoration: none;
	color: #4b9e04;
}

.btn:not(.btn-add):not(.note-btn):focus, .btn:not(.btn-add):not(.note-btn):active, .btn:not(.btn-add):not(.note-btn):hover, .btn-icon-circle:focus, .btn-icon-circle:active, .btn-icon-circle:hover, {
	color: #fff;
}

.tabs-buttons .btn:focus {
	color: inherit;
}

h1,h2,h3,h4,h5 {
	font-family: 'Maven Pro', sans-serif;
}

.note-editable:not(*) ol, .note-editable:not(*) ul, .tabs-default, .ofertas-categorias {
	list-style: none;
}

label {
	font-size: 14px;
	font-weight: 500;
}

b, optgroup, strong {
	font-weight: 500;
}

h1 b,h2 b,h3 b,h4 b,h5 b, p b {
	font-weight: 700;
}

.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-15 {
	width: 20%;
	float: left;
}

.text-center {
	text-align: center !important;
	/*    margin: 0 20px;*/
}

.row {
	position: relative;
}

.m-0 {
	margin: 0px!important;
}

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

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

.disabled {
	cursor: not-allowed;
	pointer-events: none;
	-webkit-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .55;
}

.disabled * {
	pointer-events: none;
}

.m-b-0 {margin-bottom: 0 !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.m-b-50 {margin-bottom: 50px !important;}
.m-b-60 {margin-bottom: 60px !important;}
.m-b-70 {margin-bottom: 70px !important;}
.m-b-80 {margin-bottom: 80px !important;}
.m-b-90 {margin-bottom: 90px !important;}
.m-b-100 {margin-bottom: 100px !important;}

.m-t-0 {margin-top: 0 !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m-t-60 {margin-top: 60px !important;}
.m-t-70 {margin-top: 70px !important;}
.m-t-80 {margin-top: 80px !important;}
.m-t-90 {margin-top: 90px !important;}
.m-t-100 {margin-top: 100px !important;}

.p-b-0 {padding-bottom: 0 !important;}
.p-b-10 {padding-bottom: 10px !important;}
.p-b-20 {padding-bottom: 20px !important;}
.p-b-30 {padding-bottom: 30px !important;}
.p-b-40 {padding-bottom: 40px !important;}
.p-b-50 {padding-bottom: 50px !important;}
.p-b-60 {padding-bottom: 60px !important;}
.p-b-70 {padding-bottom: 70px !important;}
.p-b-80 {padding-bottom: 80px !important;}
.p-b-90 {padding-bottom: 90px !important;}
.p-b-100 {padding-bottom: 100px !important;}

.p-t-0 {padding-top: 0 !important;}
.p-t-10 {padding-top: 10px !important;}
.p-t-20 {padding-top: 20px !important;}
.p-t-30 {padding-top: 30px !important;}
.p-t-40 {padding-top: 40px !important;}
.p-t-50 {padding-top: 50px !important;}
.p-t-60 {padding-top: 60px !important;}
.p-t-70 {padding-top: 70px !important;}
.p-t-80 {padding-top: 80px !important;}
.p-t-90 {padding-top: 90px !important;}
.p-t-100 {padding-top: 100px !important;}

.m-r-0 { margin-right: 0 !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-30 {margin-right: 30px !important;}
.m-r-40 {margin-right: 40px !important;}
.m-r-50 {margin-right: 50px !important;}
.m-r-60 {margin-right: 60px !important;}
.m-r-70 {margin-right: 70px !important;}
.m-r-80 {margin-right: 80px !important;}
.m-r-90 {margin-right: 90px !important;}
.m-r-100 { margin-right: 100px !important;}

.m-l-0 { margin-left: 0 !important;}
.m-l-10 { margin-left: 10px !important;}
.m-l-20 { margin-left: 20px !important;}
.m-l-30 { margin-left: 30px !important;}
.m-l-40 { margin-left: 40px !important;}
.m-l-50 { margin-left: 50px !important;}
.m-l-60 { margin-left: 60px !important;}
.m-l-70 { margin-left: 70px !important;}
.m-l-80 { margin-left: 80px !important;}
.m-l-90 { margin-left: 90px !important;}
.m-l-100 { margin-left: 100px !important;}

.m-x-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.p-x-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*--------------- helpers --------------*/

.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.align-items-center {align-items: center;}
.align-items-stretch {align-items: stretch;}
.justify-center {justify-content: center;}
.justify-content-between {justify-content: space-between;}
.collapse { display: none; }
.flex-grow-1 { flex-grow: 1 !important; }



/*--------------- logo --------------*/

.logo {
	height: 100px;
	line-height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	z-index: 100;
}

.logo a {
	font-size: 22px;
	color: #fff;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	float: none;
	height: 65px;
	overflow: hidden;
}


.logo a i {
	font-size: 24px;
	color: #7cd8a9;
	padding-right: 5px;
}

.logo a .brand-name {
	float: right;
}

.logo a i, .logo a img {
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 80px;
	display: block;
}

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

.float-right {
	align-self: flex-end;
	margin-left: auto
}

.float-left {
	align-self: flex-start;
	margin-right: auto
}

.dark-logo-bg{
	background: #00A9E0;
}

.white-logo-bg {
	background: #fff;
}

.logo.white-logo-bg a {
	color: #32323a;
}

.logo.gray-logo-bg a {
	color: #32323a;
}


/*---------------- backgrounds ---------------------*/


.bg-primary {
	background-color: #55b900 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
	background-color: #3e8600 !important;
}

.bg-primary-opacity {
	background-color: rgba(85, 185, 0, 0.5);
}

.bg-secondary {
	background-color: #00a9e0 !important;
}

a.bg-secondary:focus, a.bg-secondary:hover {
	background-color: #0083ad !important;
}

.bg-purple {
	background-color: #6f42c1 !important;
}

.bg-secondary-opacity {
	background-color: rgba(0, 169, 224, 0.5);
}

a.bg-purple:focus, a.bg-purple:hover {
	background-color: #59339d !important;
}

.bg-success, .progress-bar-success {
	background-color: #5bc500 !important;
}

a.bg-success:focus, a.bg-success:hover {
	background-color: #3e8600 !important;
}

a.bg-purple:focus, a.bg-purple:hover {
	background-color: #4F2798 !important;
}

.bg-info {
	background-color: #00a9e0 !important;
}

a.bg-info:focus, a.bg-info:hover {
	background-color: #0083ad !important;
}

.bg-warning {
	background-color: #fdaf2f !important;
}

a.bg-warning:focus, a.bg-warning:hover {
	background-color: #f79a02 !important;
}

.bg-grey {
	background-color: #b1abab !important;
}

a.bg-grey:focus, a.bg-grey:hover {
	background-color: #948f8f !important;
}

.bg-danger {
	background-color: #f37044 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
	background-color: #f04b14 !important;
	color: white;
}

.bg-light {
	background-color: #f8f9fa !important;
}

a.bg-light:focus, a.bg-light:hover {
	background-color: #dae0e5 !important;
}

.bg-dark {
	background-color: #343a40 !important;
}

a.bg-dark:focus, a.bg-dark:hover {
	background-color: #1d2124 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-light-transparent {
	background-color: rgba(0, 0, 0, .25) !important;
	color: #fff !important;
}

.bg-light-transparent:focus, .bg-light-transparent:hover, .bg-light-transparent:active {
	background-color: rgba(0, 0, 0, .65) !important;
	color: #fff !important;
}

/*---------------- colors ---------------------*/

.tx-primary {
	color: #55b900 !important;
}

.tx-primary::-webkit-input-placeholder {
	color: #55b900 !important;
}
.tx-secondary {
	color: #00a9e0 !important;
}

.tx-secondary::-webkit-input-placeholder {
	color: #00a9e0 !important;
}
.tx-purple {
	color: #6f42c1 !important;
}

.tx-purple::-webkit-input-placeholder {
	color: #6f42c1 !important;
}

a.bg-success:focus, a.bg-success:hover {
	background-color: #3e8600 !important;
}
a.bg-purple:focus, a.bg-purple:hover {
	background-color: #4F2798 !important;
}

.tx-danger {
	color: #f37044 !important;
}

.tx-danger::-webkit-input-placeholder {
	color: #f37044 !important;
}

.tx-green {
	color: #5bc500 !important;
}

.tx-green::-webkit-input-placeholder {
	color: #5bc500 !important;
}

.tx-red {
	color: #e9426d !important;
}

.tx-red::-webkit-input-placeholder {
	color: #e9426d !important;
}

.tx-grey {
	color: #868ba1 !important;
}

.tx-grey::-webkit-input-placeholder {
	color: #868ba1 !important;
}

.tx-white {
	color: #fff !important
}

/*------------------*/

.green-color, .text-success {
	color: #5bc500;
}

.purple-color, .text-primary {
	color: #a979d1;
}

.blue-color, .text-info {
	color: #6bd3f3;
}

.yellow-color, .text-warning {
	color: #ffd200;
}

.red-color, .text-danger {
	color: #e55957;
}

.btn-primary {
	color: #fff !important;
	background-color: #5bc500 !important;
	border-color: #5bc500 !important;
}

a.btn-primary:focus, a.btn-primary:hover {
	background-color: #55b900 !important;
	border-color: #55b900 !important;
	color: #FFFFFF !important;
}

.btn-red {
	background-color: #E9426D !important;
	border-color: #E9426D !important;
	color: #FFFFFF; 
}

a.btn-red:focus, a.btn-red:hover {
	background-color: #d73d64 !important;
	border-color: #d73d64 !important;
	color: #FFFFFF !important;
}

.btn-orange {
	background-color: #eb6839 !important;
	border-color: #eb6839 !important;
	color: #FFFFFF; 
}

a.btn-orange:focus, a.btn-orange:hover {
	background-color: #d96035 !important;
	border-color: #d96035 !important;
	color: #FFFFFF; 
}

.btn-yellow {
	background-color: #f59c00 !important;
	border-color: #f59c00 !important;
	color: #FFFFFF; 
}

a.btn-yellow:focus, a.btn-yellow:hover {
	background-color: #e29000 !important;
	border-color: #e29000 !important;
	color: #FFFFFF; 
}

.btn-purple {
	background-color: #954B97 !important;
	border-color: #954B97 !important;
	color: #FFFFFF; 
}

a.btn-purple:focus, a.btn-purple:hover {
	background-color: #89458b !important;
	border-color: #89458b !important;
	color: #FFFFFF; 
}




/*---------------------  sidebar left -----------------------*/

.sidebar-left {
	width: 240px;
	position: fixed;
	top: 50px;
	left: 0;
	height: calc(100% - 50px);
	padding-bottom: 30px;
	box-sizing: border-box;
}

.sticky-sidebar {
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 100;
}

.sidebar-collapsed .sticky-sidebar {
	overflow-y: visible;
	position: absolute;
}


.sidebar-left-info {
	padding: 0px;
}

.sidebar-left .search-content {
	display: none;
}

.sidebar-left .search-content::after {
	content: '';
	display: block;
	clear: both;
}

.sidebar-left .search-content input {
	padding: 10px;
	width: 90%;
	margin: 20px 10px 20px 12px;
	border-radius: 30px;
	border: none;
}

.sidebar-left .search-content input:focus {
	width: 90%;
}

.desplegable-filtros .btn {
}

.sidebar-left-info .btn-success {
	margin: auto;
	display: block;
	width: 60%;
	font-size: 14px;
}

.noti-arrow {
	margin-right: 15px;
	margin-top: 2px;
	font-weight: normal;
}

.side-navigation {
	margin-bottom: 10px;
}

.navigation-title {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.side-navigation > li > a {
	color: #50535A;
	padding: 12px 0px 12px 20px;
	border-radius: 0;
	font-size: 13px;
	text-transform: uppercase;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/*.side-navigation > li:first-child > a {
		padding-top: 25px;
}
*/
.side-navigation > li > a:hover,
.side-navigation > li > a:active {
	/*background-color: #000;*/
	border-radius: 0;
	-webkit-border-radius: 0;
}

.side-navigation > li.menu-list > a {
	position: relative;
}

.side-navigation li a span {
	-moz-transition: all 0.1s ease-out 0s;
	-webkit-transition: all 0.1s ease-out 0s;
	transition: all 0.1s ease-out 0s;
}

.side-navigation > li.nav-active > ul {
	display: block;
}

.side-navigation > li.menu-list > a:after {
	content: "T";
	display: inline-block;
	font-family: "dripicons-v2" !important;
	padding-right: 10px;
	position: absolute;
	right: 0;
}


.side-navigation > li.nav-active > a:after {
	content: "W";
	display: inline-block;
	font-family: "dripicons-v2" !important;
	padding-right: 10px;
	position: absolute;
	right: 0;
}


.side-navigation > li.menu-list.active > a:after,
.side-navigation > li.nav-active.active > a:after,
.side-navigation > li.nav-active.active > a:after:hover{
	content: "W";
}

.side-navigation li .fa, .side-navigation li .icon {
	font-size: 18px;
	vertical-align: middle;
	margin-right: 10px;
	width: 16px;
	text-align: center;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.side-navigation .child-list {
	list-style: none;
	display: none;
	margin:0;
	padding: 0 0 1px 0;
}

.side-navigation .child-list > li > a {
	color: #50535A;
	font-size: 13px;
	display: block;
	padding: 10px 5px 10px  50px;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease-out;
}

.side-navigation .child-list > li > a:hover,
.side-navigation .child-list > li > a:active,
.side-navigation .child-list > li > a:focus {
	text-decoration: none;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.side-navigation .child-list > li .fa {
	font-size: 12px;
	opacity: 0.5;
	margin-right: 5px;
	text-align: left;
	width: auto;
	vertical-align: baseline;
}

.side-navigation .child-list > li.active > a {
	color: #00A9E0;
}

.side-navigation .child-list ul {
	margin-left: 12px;
	border: 0;
}


.side-navigation .menu-list.active ul {
	display: block;
}

.user-nav {
	margin-bottom: 0;
}

.user-nav  > li > a {
	padding: 10px 20px;
}

.side-navigation .child-list > li > a i {
	display: none;
}


/*-------------------- sidebar collapsed-----------------------*/


.sidebar-collapsed .side-navigation > li.nav-active > a:after,
.sidebar-collapsed .side-navigation > li.menu-list > a:after{
	display: none;
}

.sidebar-collapsed .logo {
	width: 52px !important;
}

.sidebar-collapsed .header-section {
	margin-left: 0px;
}

.sidebar-collapsed .sidebar-left {
	width: 52px !important;
	top: 52px;
}

.sidebar-collapsed .sidebar-left-info {
	padding: 0;
}

h5.left-nav-title {
	color: #7cd8a9;
	margin-left: 20px;
	text-transform: uppercase;
}

.sidebar-collapsed .side-navigation {
	margin: 0px 0 20px 0;
}

.sidebar-collapsed .side-navigation li a {
	text-align: center;
	padding:23px 10px;
	position: relative;
}

.sidebar-collapsed .side-navigation > li.menu-list > a {
	background-image: none;
}

.sidebar-collapsed .side-navigation li a span,
.sidebar-collapsed .sidebar-left .btn-success span {
	position: absolute;
	padding:15px;
	left: 52px;
	top: 20px;
	min-width: 175px;
	text-align: left;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
}

.sidebar-collapsed .side-navigation li a span .badge,
.sidebar-collapsed .side-navigation li a span .label {
	display: none !important;
}

.sidebar-collapsed .side-navigation li.active a span {
	-moz-border-radius: 0;
	-webkit-border-radius:0;
	border-radius:0;
}

.sidebar-collapsed .side-navigation ul,
.sidebar-collapsed .side-navigation .menu-list.nav-active ul{
	display: none;
}

.sidebar-collapsed .side-navigation .menu-list.nav-hover ul,
.sidebar-collapsed .side-navigation li.nav-hover a span{
	display: block;
}


.sidebar-collapsed .side-navigation > li.nav-hover > a,
.sidebar-collapsed .side-navigation > li.nav-hover.active > a,
.sidebar-collapsed .side-navigation li.nav-hover.active a span,
.sidebar-collapsed .side-navigation li.nav-hover a span{
	color: #fff;
}


.sidebar-collapsed .side-navigation li.nav-hover ul {
	display: block;
	position: absolute;
	top: 50px;
	left: 52px;
	margin: 0;
	min-width: 175px;
	z-index: 100;
}

.sidebar-collapsed .side-navigation ul a {
	text-align: left;
	padding: 10px 15px;
}


.sidebar-collapsed .side-navigation li a i {
	margin-right: 0;
}

.sidebar-collapsed .body-content {
	margin-left: 52px;
}

.sidebar-collapsed .sidebar-widget,
.sidebar-collapsed .navigation-title{
	display: none;
}


/*--------------------- header section -----------------------*/


.header-section {
	background: #00A9E0;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.header-section::after {
	clear: both;
	display: block;
	content: '';
}

.toggle-btn {
	width: 30px;
	height: 101%;
	font-size: 14px;
	cursor: pointer;
	float: left;
	text-align: center;
	color: #fff;
	background-color: #5BC500;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	padding: 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/*.toggle-btn:hover,
.notification-menu .dropdown-toggle:hover,
.notification-menu .dropdown-toggle:focus,
.notification-menu .dropdown-toggle:active,
.notification-menu .dropdown-toggle.active,
.notification-menu .open .dropdown-toggle.dropdown-toggle{
		color: #fff;
		background-color: #5ABA47;
}
*/

.toggle-btn i {
	display: block;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg) translateX(-50%);
	position: relative;
	top: 57%;
}

.search-content input {
	box-shadow: none;
	float: right;
	font-size: 14px;
	height: 38px;
	margin: 11px 10px 0 10px;
	width: 100px;
	border-radius: 30px;
	background: #fff;
	border: none;
	box-shadow: none;
	border-color: #eff0f4;
	width: 300px;
}

.welcome-text {
	color: #fff;
	font-size: 19px;
	width: 800px;
}

.welcome-text span {
	float: left;
	margin-right: 5px;
}


/*--------------- Faq ---------------*/

.am-overlay::after {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.header-faq {
	position: relative;
	height: 180px;
	line-height: 180px;
	text-align: center;
	background-image: url(../img/header-faq.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.header-faq h1 {
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.am-terms p {
	margin: 15px 0;
	line-height: 1.3;
	font-size: 14px;
}

.am-faq {
	width: 90%;
	max-width: 1024px;
	margin: 2em auto;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	position: relative;
	box-shadow: none;
	margin-top: -10em;
}

.am-faq:after {
	content: "";
	display: table;
	clear: both; 
}

.form-search {
	position: relative;
}

.form-search button {
	position: absolute;
	top: 15px;
	right: 22px;
	cursor: pointer;
}

.form-search input {
	width: 100%;
	box-sizing: border-box;
	padding: 17px 27px;
	font-size: 18px;
	font-family: inherit;
	font-weight: 100;
	margin: auto;
	display: block;
	border-bottom: 1px solid #CACACA;
	line-height: initial;
	transition:all 0.5s ease;
	margin-bottom: 50px;
}

.form-search input:active, .form-search input:focus  {
	border-bottom: 1px solid #4e72e6;
}

.am-faq-items {
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
}

.am-faq-items.slide-in {
	-webkit-transform: translateZ(0) translateX(0%);
	-moz-transform: translateZ(0) translateX(0%);
	-ms-transform: translateZ(0) translateX(0%);
	-o-transform: translateZ(0) translateX(0%);
	transform: translateZ(0) translateX(0%);
}

.no-js .am-faq-items {
	position: static;
	height: auto;
	width: 100%;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.am-close-panel {
	position: fixed;
	top: 5px;
	right: -100%;
	display: block;
	height: 40px;
	width: 40px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 2;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: right 0.4s;
	-moz-transition: right 0.4s;
	transition: right 0.4s;
}

.am-close-panel::before, .am-close-panel::after {
	position: absolute;
	top: 16px;
	left: 12px;
	display: inline-block;
	height: 3px;
	width: 18px;
	background: #6c7d8e;
}

.am-close-panel::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.am-close-panel::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.am-close-panel.move-left {
	right: 2%;
}

.am-faq-group {
	background-color: white;
	padding: .5em 2em 2em;
	border-radius: 10px;
	box-shadow: 0px 36px 38px -16px rgba(0, 0, 0, 0.15);
}

.am-faq-group.selected {
	display: block;
}

.am-faq-group .am-faq-title {
	background: transparent;
	box-shadow: none;
	margin: 1em 0;
}

.no-touch .am-faq-group .am-faq-title:hover {
	box-shadow: none;
}

.am-faq-group .am-faq-title h2 {
	text-transform: uppercase;
	font-size: 15px;
	color: #bbbbc7;
}

.no-js .am-faq-group {
	display: block;
}

.am-faq-group > li {
	background: #ffffff;
	margin-bottom: 6px;
	border-bottom: 1px solid #e0e0e0;
}

.am-faq-group > li:last-child {
	border-bottom: 0;
}

.am-faq-trigger {
	position: relative;
	display: block;
	margin: 1.6em 0 .4em;
	line-height: 1.2;
	font-size: 20px;
	color: #99cc00;
	text-decoration: none;
}

.am-faq-content p {
	line-height: 1.4;
	color: #6c7d8e;
	font-size: 15px;
}

.am-faq-group.search{
	display: none;
}

#search-faq input{
	font-size: 18px;
	font-weight: 100;
	margin: 0;
	padding: 15px;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #E0E0E0;
	outline: none;
	transition:all 0.5s ease;
}

#search-faq input:focus{
	border: 1px solid #99cc00;
}

#search-faq li{
	border: 0;
	line-height: 0;
}


/*--------------------- sticky header -----------------------*/


.sticky-header .logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 240px;
	height: 65px;
	z-index: 100;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.sticky-header .sidebar-left {
	top: 65px;
	background-color: #fff;
	height: calc(100% - 65px);
	overflow-y: scroll;
}

.sticky-header .sidebar-left::-webkit-scrollbar, .sidebar::-webkit-scrollbar, .modal-scroll .modal-content::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	opacity: .5;
}

.sticky-header .sidebar-left::-webkit-scrollbar-track, .sidebar::-webkit-scrollbar-track, .modal-scroll .modal-content::-webkit-scrollbar-track  {
	background: transparent;
	padding: 5px 0;
	border-radius: 3px;
}

.sticky-header .sidebar-left::-webkit-scrollbar-thumb, .sidebar::-webkit-scrollbar-thumb, .modal-scroll .modal-content::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 5px;
}

.sticky-header .sidebar-left:hover::-webkit-scrollbar-thumb, .sidebar:hover::-webkit-scrollbar-thumb, .modal-scroll .modal-content:hover::-webkit-scrollbar-thumb {
	background: #70C5E0;
}

.sticky-header .header-section {
	position: fixed;
	top: 0;
	left: 240px;
	width: 100%;
	height: 65px;
	z-index: 1000;
}

.sticky-header .body-content {
	padding-top: 65px;
	overflow: hidden;
}

.sticky-header .right-notification {
	margin-right: 240px;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.sticky-header.sidebar-collapsed .header-section {
	left: 52px;
}

.sticky-header.sidebar-collapsed .right-notification {
	margin-right: 52px;
}




/*---------------------------   left notification ---------------------------*/

.notification-menu {
	list-style: none;
	padding-left: 45px;
}

.notification-menu > li{
	position: relative;
	display: inline-block;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.notification-menu > li.open .dropdown-menu{
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.notification-menu .dropdown-toggle {
	padding: 12px 10px;
	border-color: #fff;
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
}

.notification-menu .dropdown-toggle .caret {
	margin-left: 5px;
}

.notification-menu .dropdown-menu {
	margin-top: 0px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top: 1px solid rgba(0,0,0,0);
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.notification-menu .dropdown-menu li {
	display: block;
	margin: 0;
	float: none;
	background: none;
	padding: 15px;
}

.notification-menu .dropdown-usermenu li {
	padding: 0;
}

.notification-menu .dropdown-menu li a {
	color: #fff;
	font-size: 13px;
	padding: 7px 10px;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.notification-menu .dropdown-menu li a:hover {
	background: #f7f7f7;
	color: #2b2b2c;
}


.notification-menu .dropdown-title {
	padding: 0;
	min-width: 300px;
}

.notification-menu .info-number {
	padding: 0px 18px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	background: none;
	color: #8b8b8b;
	border-color: #fff;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	float: left;
}


/*------------------------- notification list --------------------------*/


.notification-list {
	padding:0 15px;
	display: inline-block;
}

.notification-list a {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #cdd6dd;
	color: #2b2b2c;
	text-decoration: none;
	font-size: 14px;
	position: relative;
}

.noti-information .notification-list {
	padding: 0;
	width: 100%;
}

.noti-information .notification-list a,
.noti-information .notification-list .agenda-item {
	padding: 20px;
}

.noti-information .notification-list a:hover,
.noti-information .notification-list .agenda-item:hover {
	background: #fafafa;
}

.notification-list a:first-child,
.notification-list .agenda-item:first-child{
	border-top: none;
}

.noti-information .notification-list a.agenda-item .icon-chevron-right {
	position: absolute;
	top: 50%;
	color: #747474;
	right: 20px;
	transform: translateY(-50%);
}

.notification-list-scroll{
	height: 322px;
	overflow-y: scroll;
}

.notification-list a small {
	color: #bdbdbd;
	padding-left: 5px;
}

.notification-list a span.icon,
.notification-list div span.icon {
	margin-right: 15px;
	font-size: 16px;
	float: left;
}

.title-row {
	position: relative;
}

a.btn-view-all {
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 3px 10px;
	border-radius: 30px;
	text-decoration: none;
	white-space: nowrap;
}

.notification-list p,
.notification-list p small{
	margin: 0;
	padding: 0;
}

.notification-list p small {
	color: #a9a9a9;
}

.notification-list .btn-group a {
	display: inline-block;
	width: auto;
	border-top: 1px solid #cdd6dd !important;
	color: #5BC500;
	text-decoration: none;
	font-size: 18px;
	padding: 4px 15px;
	height: 40px;
	line-height: 34px
}

.task-list .progress {
	margin: 10px 0 0 0px;
	height: 10px;
}

.task-info {
	float: left;
	width: 87%;
}

.noti-information .mail-list .un-read, .noti-information .mail-list .read {
	right: 20px;
}

.notification-list h3 {
	margin-top: 9px;
	margin-bottom: 20px;
}



/*---------------------  mail notification ----------------------*/

.mail-list .single-mail {
	position: relative;
}

.mail-list .un-read,
.mail-list .read {
	position: absolute;
	right: 0px;
	top: 32px;
	font-size: 12px;
	color: #dfdfe2;
}


.notification-list.mail-list a span.icon {
	padding: 3px 10px;
	margin-top: 7px;
}


.not-list span.icon {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 33px;
	font-size: 12px;
	padding: 0!important;
	text-align: center;
}

.not-list span.icon i{
	font-size: 14px;
	position: relative;
	top: 2px;
}


.notification-list.not-list a span.icon {
	margin-top: 5px;
}

/*-------------------------  default-theme css -------------------------*/


.dark-logo-bg{
	background: #00A9E0;
}

.white-logo-bg {
	background: #fff;
}

.logo.white-logo-bg a {
	color: #32323a;
}

.logo.gray-logo-bg a {
	color: #32323a;
}

.sidebar-left .nav > li > a:hover,
.sidebar-left .nav > li > a:focus,
.side-navigation > li.active > a,
.side-navigation > li.active > a:hover,
.side-navigation > li.active > a:focus,
.side-navigation > li.menu-list > a:hover,
.side-navigation > li.nav-active > a,
.side-navigation .child-list,
.sidebar-collapsed .side-navigation > li.nav-hover > a,
.sidebar-collapsed .side-navigation > li.nav-hover.active > a,
.sidebar-collapsed .side-navigation li.nav-hover.active a span,
.sidebar-collapsed .side-navigation li a span,
.sidebar-collapsed .side-navigation li.nav-hover ul{
	background-color: transparent;
}

.side-navigation > li.active > a,
.side-navigation > li.active > a:hover,
.side-navigation > li.active > a:focus,
.side-navigation .child-list > li > a:hover,
.side-navigation .child-list > li > a:active,
.side-navigation .child-list > li > a:focus,
.mega-menu ul li ul li a:hover,
.weather-widget .weather-info .degree ,
.weather-widget .weather-info .degree:after,
.side-navigation > li.nav-active > a,
.side-navigation > li > a:hover, .side-navigation > li > a:active,
.side-navigation > li.nav-active > a:after{
	color: #00A9E0;
}


.r-close-btn:hover {
	background: #7cd8a9;
}


.navigation-title {
	color: rgba(255, 255, 255, 0.5);
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(255,255,255,0.05);
}


.sidebar-widget {
	border-top: 1px solid rgba(255,255,255,0.05);
}


/*-------------------------  yamm css -------------------------*/

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding: 20px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}


/*--------------------   mega-menu --------------------*/

.mega-menu {
	float: left;
	margin:0px 0 0 21px;
	padding: 0 ;
	width: calc(100% - 400px);
}

.mega-menu .navbar-nav {
	height: 60px;
}


.mega-menu .navbar-nav > li > a {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mega-menu ul li a {
	margin-bottom: 15px;
	display: inline-block;
	color:#8b8b8b;
	font-size: 13px;
}

.mega-menu ul ul li a {
	width: 100%;
	margin: 10px 0;
}


.mega-menu .nav .open>a,
.mega-menu .nav .open>a:hover,
.mega-menu .nav .open>a:focus{
	background-color: #fff;
}

.mega-menu ul li a i {
	padding-right: 5px;
	width: 20px;
}

.mega-menu ul li.dropdown a:hover {
	background: none;
}

.mega-menu #main-content {
	margin-left: 0px;
}

.mega-menu .title {
	color:#323232;
	font-size:14px;
	text-transform: none;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.mega-menu .d-title ,
.mega-menu .d-desk {
	display: block;
}

.mega-menu .d-desk {
	color:#aaa;
	font-size: 11px;
}

.custom-nav-img .desk {
	line-height: 25px;
	font-size: 13px;
	color:#8b8b8b;
}

.custom-nav-img {
	position: static;
}

.yamm-content {
	position: relative;
}

.mega-bg {
	background-image: url("../img/mega-menu/corner_image.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	position: absolute;
	right: 0;
	bottom: -5px;
	width:300px;
	height: 130px;
}

.mega-menu .dropdown-menu {
	/*z-index: 11000!important;*/
}

.icon-img {
	float: left;
	margin-right: 10px;
}

.icon-desk {
	display: inline-block;
}

.mega-menu .dropdown-menu {
	box-shadow:none;
	border-radius: 0;
	border-color:#f1f2f7 ;
}

.wide-full {
	width: 77%;
	/*width: auto;*/
}

/*----------------------- right notification ------------------------*/

.right-notification {
	float: right;
	margin-right: 40px;
	height: 60px;
	width: 115px;
}

.right-notification .notification-menu > li > a {
	/*padding-top: 15px;*/
	/*padding-bottom: 16px;*/
}

.right-notification .notification-menu li a {
	height: 53px;
	line-height: 70px;
	padding: 0 15px;
	color: white;
	font-size: 20px;
}

.right-notification .notification-menu li li a {
	height: auto;
	line-height: normal;
	padding: 15px;
}


.right-notification .notification-menu li a:hover{
	color: #0077A0;
}

.right-notification .notification-menu > li > a > img {
	width: 29px;
	height: 29px;
	border-radius: 50%;
	margin-right: 10px;
}


.right-notification .input-group {
	margin-top: 7px;
}


.right-notification .rounded {
	border-radius: 100px;
	background: #f3f3f3;
	border: none;
	box-shadow: none;
}

.right-notification .search .btn-sm,
.right-notification .search .btn-group-sm > .btn {
	font-size: 13px;
	line-height: 1.6;
	outline: none;
}

.right-notification .search input.form-control {
	width: 122px;
}

.right-notification .search .twitter-typeahead {
	float: left;
}

.search .input-group-btn > .btn {
	border: none;
	background: none;
}

.search .input-group {
	background: #f3f3f3;
	border-radius: 100px;

}

.right-notification .notification-menu > li > a > span.fa-angle-down {
	margin-left: 5px;
}

.right-notification .search input.form-control:focus {
	/*width: 130px;*/
}


.right-notification .search input.form-control,
.right-notification .search input.form-control:focus{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


.dropdown-usermenu.purple:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	right: 6%;
	position: absolute;
	top: -6px;
}

.dropdown-usermenu.purple:after {
	border-bottom: 6px solid #9c78cd;
}


.right-notification .notification-menu .dropdown-menu li a:hover {
	background: #f7f7f7;
}


.dropdown-usermenu.purple {
	border-top: 1px solid #9c78cd;
}

.dropdown-usermenu {
	min-width: 230px;
}

.notification-menu .dropdown-menu {
	padding: 0;
}



/*---------------------  body content ----------------------*/

.body-content {
	margin-left: 240px;
	background: #f4f5f7;
	min-height: 980px;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	box-shadow: inset 5px 0px 16px rgba(0, 0, 0, 0.07);
}

.wrapper {
	padding: 20px;
}

.wrapper-lg {
	padding: 30px;
}

.wrapper::after {
	clear: both;
	display: block;
	content: '';
	margin-bottom: 30px;
}

.wrapper.no-pad {
	display: table-cell;
}

/*
.panel-body-md {
	padding: 20px 20px 5px;
}
*/
.panel-body-big {
	padding:30px 30px 15px 30px;
}


/* CUESTIONARIOS */

.img-upload-box {
	background: #f4f5f7;
	height: 240px;
	margin: 10px 0 20px;
	position: relative;
	overflow: hidden;
	padding: 10px 10px 40px;
	border-radius: 4px;
}

[hidden] {
	display: none !important;
}

.img-uploader-box {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: all .2s ease-in-out;
	z-index: 2;
}

.selected .img-uploader-box {
	opacity: 0;
}

.img-uploader-box i {
	background: #00a9e0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	font-size: 21px;
	transition: all .2s linear;
	position: relative;
}

.img-uploader-box:hover {
	border: 1px solid #00a9e0;
	background: rgba(0, 169, 224, 0.2);
	opacity: 1;
}

.img-uploader-box:hover i {
	transform: scale(1.1);
	background: #fff;
	color: #00a9e0;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.2)
}

.img-upload-box-preview {
	height: 100%;
	width: auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 4px;
	overflow: hidden;
}

.img-upload-name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.3);
}

.delete-img {
	z-index: 3;
}

.form-group > .delete-content {
	right: 5px;
}

.custom-check-label {
	background: #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #5bc501;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s linear;
	cursor: pointer;
	margin: 0 10px 0 0;
}

.custom-check-label + label {
	margin-bottom: 0;
}

.img-upload-box .custom-check-label {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
}

.custom-check {
	display: none;
}

.custom-check-label:before {
	content: "\53";
	font-family: 'dripicons-v2';
	color: #5bc501;
	opacity: 0;
	transition: all .2s linear;
}

.custom-check-label:hover:before {
	opacity: 1;
}

.custom-check:checked + .custom-check-label {
	background: #5bc501;
}

.custom-check:checked + .custom-check-label:before {
	color: #fff;
	opacity: 1;
}

.btn-add {
	border-width: 2px;
	font-weight: 500;
}

.collapse {
	display: none;
}

.escala-valor {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	margin: 20px 0;
}

.escala-valor-txt {
	margin: 20px 15px 110px;
}

.escala-valor:before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 20px;
	background: #f4f5f7;
	border-radius: 30px;
	box-shadow: inset rgba(0,0,0,.05) 0 2px 5px;
}

.escala-paso {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f5f7;
	width: 100px;
	box-shadow: inset rgba(0,0,0,.05) 0 2px 5px;
	height: 100px;
	border-radius: 50% !important;
	padding: 10px !important;
	border: none !important;
}

.escala-paso .custom-check-label {
	position: absolute;
	top: 5px;
	left: 5px;
	right: auto;
	z-index: 3;
}

.escala-paso-content {
	background: #fff center center;
	background-size: cover;
	display: flex;
	color: #00a9e0;
	font-size: 18px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	box-shadow: rgba(0,0,0,.1) 0 4px 6px;
	overflow: hidden;
}

.escala-valor-txt {counter-reset: valorTxtCount;}
.escala-valor-txt .escala-paso-content::before {counter-increment: valorTxtCount;content: counter(valorTxtCount);}

.escala-paso-content img {
	width: 100%;
	height: 100%;
}

.escala-paso-texto {
	position: absolute;
	top: 100%;
	margin-top: 10px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	background: #fff;
	width: 125px;
	padding: 5px;
	border-radius: 10px;
	line-height: 1em;
	border-top: 2px solid #00a9e0;
	box-shadow: rgba(0,0,0,.1) 0 3px 6px;
}

.escala-paso-texto textarea {
	text-align: center;
	background: none;
	width: 100%;
	display: block;
	border: none;
	resize: none;
	outline: none;
	box-shadow: none;
	height: 65px;
	display: flex;
	line-height: 1.33em;
	font-size: 13px;
}

.escala-paso-texto:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 10px solid transparent;
	border-bottom-color: #00a9e0;
	content: '';
}

.order-answers {
	padding: 0;
	margin: 0;
	list-style: none;
}

.order-item {
	box-shadow: rgba(0,0,0,.1) 0 2px 5px;
	background: #fff;
	padding: 10px 12px;
	border-radius: 4px;
	margin-bottom: 5px;
	cursor: move;
}

.order-answers li:nth-child(1) .eliminar-opcion,
.order-answers li:nth-child(2) .eliminar-opcion {
	display: none;
}

.order-item:last-child {
	margin-bottom: 20px;
} 

.order-item-content {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.order-item-number {
	font-weight: 500;
	color: #5bc501;
	font-size: 18px;
	width: 25px;
	flex-shrink: 0;
}

.order-item-content i {
	color: #00a9e0;
	margin-right: 10px;
}

.order-item .eliminar-opcion {
	right: 0;
	top: 50%;
	transform: translate(50%,-50%);
}

.order-answers {counter-reset: orderCount;}
.order-item-number::before {counter-increment: orderCount;content: counter(orderCount)".";}

.escala-paso-content .img-upload-box {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border-radius: 50%;
}

.escala-paso-content .img-uploader-box {
	border-radius: 50%;
}

.escala-paso-content .img-uploader-box i {
	width: 32px;
	height: 32px;
	font-size: 16px;
}

.slider-cuestionario {
	max-width: 1024px;
	margin: 0 auto;
}

.panel-cuestionario {
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
	outline: none !important;
	box-shadow: 0 15px 10px -10px rgba(29,49,68,0.08) !important;
}

.panel-cuestionario .panel-heading {
	border: none;
	background: -webkit-linear-gradient(#eceaeb 80%, #E1E0E1) !important;
	background: -o-linear-gradient(#eceaeb 80%, #E1E0E1) !important;
	background: linear-gradient(#eceaeb 80%, #E1E0E1) !important;
	padding: 15px !important;
}

.panel-cuestionario .panel-body {
	padding: 30px;
}

.panel-cuestionario .panel-heading h6 {
	color: #859aab !important;
	margin: 0 !important;
	font-size: 14px !important;
}

.cuestionario-intro {
	margin: 20px 0;
}

.cuestionario-intro i {
	color: #00a9e0;
	font-size: 36px;
	margin: 20px 0 10px;
	display: inline-block;
}

.cuestionario-intro h4 {
	color: #00a9e0;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
}

.cuestionario-intro h4 strong {
	font-weight: 700;
}

.cuestionario-pregunta {
	margin: 20px 0;
}

.cuestionario-pregunta h3 {
	color: #00a9e0;
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 10px;
}

.cuestionario-opciones {
	margin: 40px 0;
}

.cuestionario-opciones .form-group-opcion {
	padding: 10px;
	border: 2px solid #eceaeb;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s linear;
	text-align: left;
	position: relative;
}

.form-group-opcion:hover .custom-check-label::before {
	opacity: 1;
}

.form-group-opcion.selected {
	border-color: #5bc500 !important;
}

.cuestionario-opciones label {
	font-weight: normal;
	font-size: 16px;
}

.cuestionario-multiple-txt .form-group-opcion .opcion-title {
	flex-grow: 1;
	justify-content: flex-start;
	text-align: left;
	cursor: pointer;
}

.cuestionario-multiple-img .form-group-opcion {
	width: 100%;
	padding-top: 56.25%;
	background-size: cover;
	background-position: center center;
}

.cuestionario-multiple-vid .form-group-opcion {
	padding: 0;
	overflow: hidden;
}

.cuestionario-multiple-vid .form-group-opcion video {
	display: block;
}

.cuestionario-multiple-img .custom-check-label, .cuestionario-multiple-vid .custom-check-label {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.cuestionario-orden .form-group-opcion {
	transition: border-color .2s linear;
	background: #fff;
	cursor: move;
}

.cuestionario-orden .form-group-opcion:hover, .cuestionario-orden .form-group-opcion.ui-sortable-helper {
	border-color: #5bc500 !important;
}

.cuestionario-orden .form-group-opcion label {
	cursor: move;
	flex-grow: 1;
	margin: 0;
}

.cuestionario-orden .form-group-opcion i {
	margin-right: 0;
	margin-left: 10px;
}

.cuestionario-escala .escala-paso-content {
	transition: all .2s linear;
}

input:checked + .escala-paso-content {
	box-shadow: #5bc500 0 0 0 5px;
	color: #5bc500;
}

input:checked + .escala-paso-content + .escala-paso-texto {
	border-color: #5bc500;
}

input:checked + .escala-paso-content + .escala-paso-texto:before {
	border-bottom-color: #5bc500;
}

.cuestionario-escala .escala-paso-texto {
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 14px;
}

.cuestionario-nota {
	margin: 30px 0;
	text-align: center;
}

.cuestionario-nota p {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	color: #859aab;
}

.cuestionario-nota h2 {
	font-weight: 700;
	font-size: 48px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cuestionario-nota h2 small {
	font-size: 22px;
	font-weight: 600;
	color: inherit;
}

.panel-cuestionario .progress {
	height: 15px !important;
	background: #eceaeb;
	box-shadow: inset rgba(0,0,0,.05) 0 2px 5px;
}

.panel-cuestionario .progress + p strong {
	margin-bottom: 20px;
}

.panel-cuestionario .progress-bar {
	border-radius: 10px;
}

.cuestionario-detalle {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	max-width: 1024px;
	margin: 0 auto 30px;
}

.cuestionario-detalle table {
	width: 100%;
	text-align: left;
}

.cuestionario-detalle table th,
.cuestionario-detalle table td {
	padding: 15px !important;
	border-top: 1px solid #e1e0e1;
	width: 33.33%;
}

.cuestionario-detalle table thead {
	background: -webkit-linear-gradient(#eceaeb 80%, #E1E0E1);
	background: -o-linear-gradient(#eceaeb 80%, #E1E0E1);
	background: linear-gradient(#eceaeb 80%, #E1E0E1);
	color: #859aab;
}

.cuestionario-detalle td i {
	font-size: 20px;
}

.cuestionario-detalle a.delete-content {
	top: 10px;
	right: 10px;
	z-index: 3;
}

.slick-next.disabled {
	background: #aaa !important;
	border-color: #aaa !important;
	pointer-events: auto;
	cursor: not-allowed !important;
	transition: all .2s linear;
}

.custionario-resultado-correctas {
	padding: 0;
	margin: 0;
}

.custionario-resultado-correctas li {
	background: #fff;
	border-radius: 4px;
	margin: 5px;
	padding: 10px;
	box-shadow: rgba(0,0,0,.08) 0 3px 5px;
	display: flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid rgba(133,154,171,.5);
}

.cuestionario-resultado-order {
	color: #00a9e0 !important;
	margin-right: 10px;
	font-size: 16px;
}

.custionario-resultado-img li {
	padding: 0;
	width: 150px;
	display: inline-block;
	height: 85px;
	background-size: cover;
	background-position: center center;
}

.custionario-resultado-img-escala li {
	height: 85px;
	width: 85px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
}

.table-cuestionario-respuestas {
	margin: 0 -30px;
	width: auto;
	max-width: none;
}

.table-cuestionario-respuestas strong {
	font-weight: 500 !important;
	color: #859aab;
}

.table-cuestionario-respuestas th,
.table-cuestionario-respuestas td {
	padding: 15px !important;
}

.no-right-answer {
	margin: 5px !important;
	font-weight: 700;
}

.panel-cuestionario .btn {
	margin: 5px;
}

/*@media (max-width: 550px) {

	.panel-body-big, .panel-body-md {
		padding:15px 15px 0 15px;
	}
}
*/
/*------------------    page heading  -------------------*/

.page-head {
	padding: 30px 20px;
	position: relative;
}

.page-head .nav-content {
	margin-top: 0;
	font-size: 22px;
	font-weight: 300;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	color: #859AAB;
}

.page-head .nav-content li {
	display: inline-block;
	margin-right: 20px;
}

.page-head .nav-content li a {
	color: #859AAB;
}

.page-head .nav-content li a:hover {
	color: #00a9e0;
}

.page-head .nav-content .active a{
	color: #00a9e0;
	border-bottom: 2px solid #00a9e0; 
}

.page-head .sub-title {
	color: #a3a3a3;
	font-size: 14px;
}

.page-head h3{
	font-size: 25px;
	color: #00a9e0;
	margin: 0;
	line-height: inherit;
}

.state-information {
	position: absolute;
	right: 20px;
	top: 20px;
}

.state-information .state-graph {
	float: right;
	margin-left: 60px;
	text-align: center;
}

.state-information .state-graph .info {
	font-size: 12px;
	color: #555555;
}

.state-graph .chart {
	margin-bottom: 5px;
}


/*---------------------------   Agenda ----------------------------*/

.agenda-visit,
.usability-stat {
	margin: 0px;
	padding-left: 0;
}

.agenda-visit:before,
.usability-stat:before,
.agenda-visit:after,
.usability-stat:after {
	content: "";
	display: block;
	clear: both;
}

.agenda-visit .page-view-label,
.usability-stat .page-view-label {
	margin-top: 18px;
}

.agenda-visit .page-view-label .page-view-value{
	margin-top: 0px;
}


.agenda-visit li {
	padding: 35px 0px;
	margin-left: 4%;
	list-style: none;
	float: left;
	width: 22%;
	text-align: center;
}

.usability-stat li {
	padding: 35px 0px;
	list-style: none;
	float: left;
	width: 20%;
	text-align: center;
}

.agenda-visit li:first-child,
.usability-stat li:first-child {
	width: 10%;
}

.usability-stat li:last-child {
	padding: 0;
}

.label-usability {
	text-align: center;
	margin: 25px 0;
	font-size: 15px;
}

.easy-pie-chart .participacion,
.participacion-i {
	color: #00a9e0;
}

.easy-pie-chart .aprobados,
.aprobados-i {
	color: #5BC500;
}

.easy-pie-chart .desaprobados,
.desaprobados-i {
	color: #CF3A24;
}

.agenda-title {
	display: inline-block;
	color: #555555;
}

.agenda-title i {
	font-size: 20px;
	padding-right: 10px;
}

.agenda-title i,
.agenda-title span {
	float: left;
}

.donut-chart-container {
	height: 180px;
	width: 180px;
	margin: auto;
}

.background-usability {
	color: white;
	text-align: center;
	padding: 15px 0;
	min-height: 225px;
}

.background-usability .page-view-value {
	color: white !important;
}

.background-usability:first-of-type {
	background-color: #005c84;
	border-radius: 3px 0 0 3px;
}

.background-usability:nth-of-type(2) {
	background-color: #00a9e0;
}

.background-usability:nth-of-type(3) {
	background-color: #0096ca;
}

.background-usability:nth-of-type(4) {
	background-color: #1fa5d4;
}

.background-usability:nth-of-type(5) {
	background-color: #39bbe8;
	border-radius: 0 3px 3px 0;
}

.background-usability:last-of-type {
	border-radius: 0 3px 3px 0;
}

.row-pcrc + .row-pcrc {
	margin-top: 30px;
}


.title-pcrc {
	font-weight: bold;
	margin-top: 30px;
}

.volver-filtros {
	margin-top: -58px;
}

.btn-vermas {
	margin-right: 10px;
}

.btn-success:before {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.btn-vermas:first-child {
	margin-right: 0;
}

.reportes-masinfo {
	display: none;
	background: -webkit-linear-gradient(#ddd, #fff 100px);
	background: -o-linear-gradient(#ddd, #fff 100px);
	background: linear-gradient(#ddd, #fff 100px);
	padding: 15px;
	text-align: left;
	line-height: 1em;
	color: #005c84;
	margin: 0 0 -15px;
	position: relative;
}

.reportes-masinfo:before {
	bottom: 0;
	left: 0;
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.reportes-masinfo li {
	margin: 0 0 15px;
}


/*------------------  team member -------------------*/

.post-wrap aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top;
}

.pro-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.team-member .action-set a,
.team-member .team-title a{
	color: #fff;
}

.team-member .action-set,
.team-member .team-title,
.team-member .sub-title {
	display: inline-block;
	width: 100%;
}

.team-title {
	margin: 1em 0; 
}

.team-member .action-set {
	margin-top: 30px;
	margin-bottom: 20px;
}

.team-member .m-name {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
}

.team-member .sub-title {
	font-size: 13px;
	color: rgba(255,255,255,.5);
}

.team-member .call-info {
	margin: 72px 0;
}

.call-info img {
	width: 80px;
	height: 80px;
}

.team-member .call-info a {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
}

.team-member .call-info a:hover {
	background: #fff;
}

.team-member .call-info a i {
	font-size: 14px;
}

.team-member .call-info img {
	width: 100px;
	border-radius: 50%;
	margin:10px;
}

.team-member .status {
	margin: 30px 0;
	display: inline-block;
}

.team-member .status h5 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

.team-member .status span {
	font-size: 13px;
}

.team-list {
	padding: 0;
	margin:0;
	list-style: none;
}

.team-list li div {
	display: inline-block;
	width: 100%;
	padding:14px 10px;
	border-bottom: 1px solid #f3f3f3;
	color: #333;
}

.team-list li:hover {
	background: #fafafa;
}

.team-list li div span {
	display: inline-block;
	margin-right: 5px;
}

.team-list li .thumb-small {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
}

.team-list li .thumb-small .dot {
	width: 12px;
	height: 12px;
	display: inline-block;
	position: absolute;
	background: #e6e6e6;
	border-radius: 50%;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
	border: 2px solid #fff;
}

.team-list li .thumb-small .dot.online {
	background: #5cc617;
}

.team-list li .thumb-small .dot.away {
	background: #ffd200;
}

.team-list li .thumb-small .dot.busy {
	background: #ff6a6a;
}

.team-list li .thumb-small .dot.offline {
	background: #e6e6e6;
}

.team-list li .thumb-small img {
	width: 100%;
	height: auto;
}

.circle {
	border-radius: 50%;
}

.team-list li .name {
	margin-top: 0px;
	display: inline-block;
}

.team-list li.current-position {
	background-color: #00a9e0 !important;
}

.team-list li.current-position .name {
	color: white;
	font-weight: bold;
}

.add-more-member {
	padding: 18px 15px;
}

.add-more-member a, a.light-color {
	color: #bdc1c3;
}

.add-more-member a:hover, a.light-color:hover {
	color: #2b2b2c;
}

a.add-btn {
	padding:4px 10px;
	color: #fff;
	display: inline-block;
	margin-top: -3px;
}

a.add-btn:hover {
	color: #fff;
}

a.add-btn {
	background: #9c78cd;
}

.team-member .call-info a:hover {
	color: #a389d3;
}

.action-tools a {
	color: #c5c5ca;
}

.inbox-list {
	padding: 0;
	margin:0;
	list-style: none;
}

.inbox-list li a {
	display: inline-block;
	width: 100%;
	padding:14px 15px;
	border-bottom: 1px solid #f3f3f3;
	color: #333;
}

.inbox-list li:hover {
	background: #fafafa;
}

.inbox-list li a span {
	display: inline-block;
	margin-right: 10px;
}

.thumb-small {
	width: 50px;
	display: inline-block;
	position: relative;
}

.thumb-small .dot {
	width: 12px;
	height: 12px;
	display: inline-block;
	position: absolute;
	background: #e6e6e6;
	border-radius: 50%;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
	border: 2px solid #fff;
}

.thumb-small .dot.online {
	background: #5cc691;
}

.thumb-small .dot.away {
	background: #ffd200;
}

.thumb-small .dot.busy {
	background: #ff6a6a;
}

.thumb-small .dot.offline {
	background: #e6e6e6;
}

.thumb-small img {
	width: 100%;
	height: auto;
}

.circle {
	border-radius: 50%;
}

.inbox-list li .name {
	margin-top: 15px;
	display: inline-block;
}

.add-more-member {
	padding: 18px 15px;
}

.add-more-member a, a.light-color {
	color: #bdc1c3;
}

.add-more-member a:hover, a.light-color:hover {
	color: #2b2b2c;
}

a.add-btn {
	padding:4px 10px;
	color: #fff;
	display: inline-block;
	margin-top: -3px;
}

a.add-btn:hover {
	color: #fff;
}

a.add-btn {
	background: #9c78cd;
}

.team-member .call-info a:hover {
	color: #a389d3;
}

.action-tools a {
	color: #c5c5ca;
}

/*--- cpu graph ---*/

.cpu-graph {
	padding: 32px 20px;
}

.cpu-graph .c-info {
	margin-top: 40px;
}

.cpu-graph .c-info h3 {
	color: #5dbddb;
	font-size: 16px;
	text-transform: uppercase;
}

.cpu-graph .c-info p {
	color: #b1b5b7;
	font-size: 14px;
	line-height: 25px;
}

.cpu-graph .easy-pie-chart {
	margin-top: 15px;
}

.cpu-graph .easy-pie-chart span {
	background: #90d7ed;
	width: 60px;
	height: 60px;
	line-height: 50px;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	border: 5px solid #e9f7fb;
	text-align: center;
}

/* Reportes Historial de Cursos */

.panel-cursos .data-entrenamiento li h4,
.panel-cursos .data-entrenamiento li p {
	margin: 0;
}

.puntos-curso{
	border-top:1px solid #d2d2d2;
	padding: 15px;
}

.puntos-curso p {
	margin:0;
	font-size: 18px;
}

.nav-cursos {
	text-align: center;
	margin: 25px;
}

.col-md-6 > .nav-cursos {
	margin: 12px 0 0;
	text-align: left;
}

.nav-cursos p {
	display: inline-block;
	padding: 0 20px;
}

.nav-cursos li {
	display: inline-block;
	float: none;
	margin: 0;
	background-color: white;
	font-size: 15px;
}

.nav-cursos li+li {
	margin: 0;
}

.nav-cursos li a {
	color: #5bc500;
	font-weight: 600;
	padding: 10px 20px;
	cursor: pointer;
}

.nav-cursos>li.active>a, .nav-cursos>li.active>a:focus, .nav-cursos>li.active>a:hover {
	color: #fff;
	background-color: #5bc500;
}

.nav-cursos li.toggle-mobile-cursos {
	display: none;
}

.panel-horizontal-entrenamiento:before,
.panel-horizontal-entrenamiento:after {
	content: "";
	display: block;
	clear: both;
}

.panel-horizontal-entrenamiento {
	min-height: 180px;
	clear: both;
}

.panel-horizontal-entrenamiento:before, .panel-horizontal-entrenamiento:after {
	content: '';
	display: table;
	clear: both;
}

.panel-horizontal-entrenamiento.pendiente {
	opacity: 0.5;
}

.panel-horizontal-entrenamiento.pendiente .panel-body .panel-footer .btn {
	color: gray;
	background-color: white;
}

.panel-horizontal-entrenamiento .img-heading {
	float: left;
	width: 25%;
	overflow: hidden;
	height: 210px;
	background-position: center center;
	background-size: cover;
}

.panel-horizontal-entrenamiento .img-heading img {
	border-radius: 3px 0 0 3px;
	width: 120%;
	height: auto !important;
}

.panel-horizontal-entrenamiento .panel-body {
	float: left;
	width: 75%;
}

.panel-horizontal-entrenamiento .panel-body .modulo-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 25px;
}

.panel-horizontal-entrenamiento .panel-body .modulo-title span {
	display: inline-block;
	color: #666 !important;
}

.panel-horizontal-entrenamiento .panel-body .modulo-title small{
	color: #fff;
	text-transform: uppercase;
	padding: 4px 10px 5px;
	background-color: #5BC500;
	border-radius: 3px;
	font-size: 14px;
	float: right;
}

.panel-horizontal-entrenamiento .panel-body .panel-footer {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #c1c1c1;
}

.panel-horizontal-entrenamiento .panel-body .panel-footer .btn {
	color: #fff;
	background: #5BC500;
	border: none;
	border-radius: 3px;
	margin: 10px 0 0;
	transition: all .2s linear;
}

.panel-horizontal-entrenamiento .panel-body .panel-footer .btn:hover {
	color: #5BC500;
	background: #fff;
	box-shadow: #5BC500 0 0 0 2px inset;
}

.entrenamiento-data ul {
	padding: 0;
	margin: 0;
}

.entrenamiento-data ul li {
	display: inline-block;
	font-size: 15px;
	margin-right: 10px;
	color: #858585;
}

.entrenamiento-data ul li strong {
	color: #50535A;
}

.button-video {
	display: block;
	width: 365px;
	height: 245px;
	background-color: #73cd26;
	-webkit-border-radius: 63px 63px 63px 63px/
	108px 108px 72px 72px;
	border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
	position: fixed;
	right: -140px;
	bottom: -130px;
	z-index: 1000;
	-ms-transform: rotate(19deg);
	/* -webkit-transform: rotate(19deg); */
	transform: rotate(19deg);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.button-video:hover {
	right: -125px;
	bottom: -105px;
}

.button-video span {
	-ms-transform: rotate(-19deg);
	/* -webkit-transform: rotate(-19deg); */
	transform: rotate(-19deg);
	display: block;
	padding-top: 54px;
	padding-left: 23px;
	font-size: 30px;
	color: white !important;
}

.video-popup-container {
	position: fixed;
	top: 0;
	z-index: 1000000000;
	background-color: #73cd26;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.video-popup-container video { 
	display: block;
	width: 100%;
	height: auto;
}

.video-popup-container h2 { 
	color: white;
}

.close-video-pop {
	font-size: 3em;
	padding: 1em;
	color: white !important
}

.iframe-simulador {
	width: 100%;
	height: 750px;
	display: block;
	margin: auto;
}
.panel-horizontal-entrenamiento .panel-body .panel-footer
.fullscreen-iframe {
	margin: 0 0 20px;
}

.fullscreen-exit {
	position: fixed;
	top: -80px;
	z-index: 9999992;
	left: 50%;
	margin-left: -137px;
	box-shadow: rgba(0,0,0,.1) 0 0 10px;
	opacity: .5;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.fullscreen-exit-show {
	top: 10px;
}

.fullscreen-exit:hover {
	opacity: 1;
}

.iframe-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999991;
}

.table-descargas select, .table-descargas .form-control, .table-descargas .select2-container {
	margin: 5px 0;
	display: inline-block;
}

/*---------------------------   Profile data  ----------------------------*/

.profile-data {
	padding: 2em 1em;
}

.profile-data img {
	margin: auto;
	display: block;
}

.profile-data ul {
	font-size: 1.5em;
	padding: 1.4em 1em;
}

.profile-data ul li {
	line-height: 1.5;
}

.profile-data .col-md-3 {
	border-right: 1px solid #eaeaea;
}

.profile-numbers {
	background-color: #00a9e0;
	color: white;
	margin-bottom: 2em;
}

.profile-numbers h3{
	margin-top: 0;
}

.profile-numbers p{
	margin-bottom: 0;
}

.profile-numbers .col-md-6{
	padding: 1em;
	border-right: 3px solid #005C84;
}

.profile-numbers .col-md-6:last-child {
	border-right: 0;
}

.panel-profile form {
	margin-bottom: 2em;
}

.panel-profile form:last-child {
	margin-bottom: 0;
}


/*---------------------------   Cursos  ----------------------------*/

.cursos-header, .reportes-header {
	height: 300px;
	width: 100%;
	background: #19d0d6 url(../img/cursos-header.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 4em;
}

.cursos-header h1 {
	margin:0;
	color: white;
	font-weight: 500;
}

.floating-panel {
	margin-top: -11em;
}

.floating-panel-half {
	margin-top: -4em;
}

.floating-panel.floating-report {
	margin-top: -9em;
}

.floating-panel .panel-heading {
	position: relative;
}

.floating-panel .panel-heading .btn {
	text-transform: initial;
	display: inline-block;
	position: relative;
	top: 35px;
	width: auto;
	min-width: 66%;
	box-sizing: border-box;
	margin-top: -30px;
}

.cursos-data {
	list-style: none;
	padding: 0;
	margin: 1em 0 3em;
}

.cursos-data li {
	display: inline-block;
	padding: 0 3em;
}

.cursos-data li:first-child {
	color: #5BC500;
}

.cursos-data li:nth-child(2) {
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	color: #00a9e0;
}

.cursos-data li h4 {
	font-size: 2em;
}

.cursos-data li p {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 1em;
}

.cursos-objetivos {
	padding: 0;
	margin-bottom: 0;
}

.cursos-objetivos li {
	padding-left: 1em; 
	text-indent: -.7em;
}

.cursos-objetivos li:before {
	content: "•";
	color: #00a9e0;
	margin-right: 5px;
}

.cursos-lecciones {
	position: relative;
	padding-left: 36px;
}

.cursos-lecciones:before {
	background-color: #50535A;
	content: "";
	height: 100%;
	left: 15px;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 9;
}

.cursos-lecciones li {
	margin: 30px 0;
	position: relative;
}

.cursos-lecciones li:before {
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 27px;
	width: 27px;
	position: absolute;
	top: 5px;
	left: -34px;
	z-index: 10;
	font-family: "dripicons-v2" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 25px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}

.cursos-lecciones li.lec-ok:before {
	border: 2px solid #5bc500;
	content: "\53";
	color: #5bc500;
}

.cursos-lecciones li.lec-pendent:before {
	border: 2px solid #00a9e0;
	content: "\e01c";
	color: #00a9e0;
}

.cursos-lecciones li p {
	font-size: 16px;
	padding: 7px 0 0;
}

.cursos-lecciones li span {
	font-size: 12px;
	color: #00A9E0;
}

.data-vendedor {
	padding: 0;
	margin: 0;
}

.data-vendedor li {
	display: inline-block;
	width: 24%;
	border-right: 1px solid lightgrey;
}

.data-vendedor li:last-child {
	border-right: 0;
}

.data-vendedor li h3 {
	margin: 0;
	color: #50535A;
	letter-spacing: 0.02em;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0px 15px 15px 15px;
}

.data-vendedor li:first-child h3 {
	padding-left:0px;
}   

.data-vendedor li p {
	text-align: center;
	margin: 0;
	font-size: 2em;
	color: #00a9e0;
}        

.sp-horizontal-timeline {
	opacity: 0;
	margin: 1em auto;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.sp-horizontal-timeline.loaded {
	opacity: 1;
}
.sp-horizontal-timeline .timeline {
	position: relative;
	height: 100px;
	margin: 0 auto;
}
.sp-horizontal-timeline .events-wrapper {
	position: relative;
	height: 100%;
	margin: 0 40px;
	overflow: hidden;
}

.sp-horizontal-timeline .events-wrapper::after, .sp-horizontal-timeline .events-wrapper::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	height: 100%;
	width: 20px;
}
.sp-horizontal-timeline .events-wrapper::before {
	left: 0;
	background-image: -webkit-linear-gradient( left , #ffffff, rgba(248, 248, 248, 0));
	background-image: linear-gradient(to right, #ffffff, rgba(248, 248, 248, 0));
}

.sp-horizontal-timeline .events-wrapper::after {
	right: 0;
	background-image: -webkit-linear-gradient( right , #ffffff, rgba(248, 248, 248, 0));
	background-image: linear-gradient(to left, #ffffff, rgba(248, 248, 248, 0));
}

.sp-horizontal-timeline .events {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 49px;
	height: 2px;
	background: #50535A;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.sp-horizontal-timeline .filling-line {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #5bc500;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.sp-horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	font-size: 1.3rem;
	padding-bottom: 15px;
	color: #383838;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.sp-horizontal-timeline .events a::after {
	content: '';
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -13px;
	height: 27px;
	width: 27px;
	border: 2px solid #50535A;
	background-color: #f8f8f8;
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
	font-family: "dripicons-v2" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 23px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #bfbfbf;
}

.sp-horizontal-timeline .events a.actual::after {
	content: "\e01c";
	border-color: #00a9e0;
	color: #00a9e0;
} 

.sp-horizontal-timeline .events a.terminado::after {
	content: "\53";
	border-color: #5bc500;
	color: #5bc500;
}

.sp-horizontal-timeline .events a.selected {
	pointer-events: none;
}

.sp-horizontal-timeline .events a.selected::after {
	background-color: #fff;
}

.sp-horizontal-timeline .events a.selected.actual::after {
	border-color: #00a9e0;
	color: #00a9e0;
}   

.sp-horizontal-timeline .events a.selected.actual::after {
	border-color: #00a9e0;
	color: #00a9e0;
}

.sp-horizontal-timeline .events a.older-event::after {
	border-color: #5bc500;
}

.sp-timeline-navigation a {
	position: absolute;
	z-index: 1;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 34px;
	width: 34px;
	border-radius: 50%;
	border: 2px solid #00a9e0;
	overflow: hidden;
	font-size: 15px;
	line-height: 33px;
	color: #00a9e0;
	text-align: center;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
}
.sp-timeline-navigation a.prev {
	left: 0;
}

.sp-timeline-navigation a.next {
	right: 0;
}

.sp-timeline-navigation a.inactive {
	cursor: not-allowed;
}

.sp-timeline-navigation a.inactive::after {
	background-position: 0 -16px;
}

.no-touch .sp-timeline-navigation a.inactive:hover {
	border-color: #50535A;
}

.sp-horizontal-timeline .events-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}

.sp-horizontal-timeline .events-content>ol>li {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.sp-horizontal-timeline .events-content>ol>li.selected {
	position: relative;
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sp-horizontal-timeline .events-content>ol>li.enter-right,
.sp-horizontal-timeline .events-content>ol>li.leave-right {
	-webkit-animation-name: sp-enter-right;
	-moz-animation-name: sp-enter-right;
	animation-name: sp-enter-right;
}

.sp-horizontal-timeline .events-content>ol>li.enter-left,
.sp-horizontal-timeline .events-content>ol>li.leave-left {
	-webkit-animation-name: sp-enter-left;
	-moz-animation-name: sp-enter-left;
	animation-name: sp-enter-left;
}

.sp-horizontal-timeline .events-content>ol>li.leave-right,
.sp-horizontal-timeline .events-content>ol>li.leave-left {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	animation-direction: reverse;
}

.sp-horizontal-timeline .events-content>ol>li h3 {
	margin: 40px 0 20px;
	font-size: 26px;
	color: #00a9e0;
	border-top: 1px solid #00a9e0;
	padding: 20px 0 0;
}
.sp-horizontal-timeline .events-content h2 {
	font-weight: bold;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 20px 0 10px;
}
.sp-horizontal-timeline .events-content h2 label {
	font-size: 60%;
}

.sp-horizontal-timeline .events-content em {
	display: block;
	font-size: 16px;
	line-height: 1.6;
	font-style: italic;
}

@-webkit-keyframes sp-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes sp-enter-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}
@keyframes sp-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}
@-webkit-keyframes sp-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes sp-enter-left {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}
@keyframes sp-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}

.filling-line-new {
	height: 2px;
	background: #50535a;
	position: relative;
	top: 49%;
}

/*------------------------------- Reportes --------------------------------*/

.reportes-header {
	height: 300px;
	width: 100%;
	background-image: #1ac9ce url(../img/cursos-header.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 4em;
}

.reportes-header h1 {
	margin:0;
	color: white;
	font-weight: 500;
}

.reportes-header h1 small {
	color: white;
}

.card-icon-header {
	display: block;
	position: absolute;
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
	background-color: #00a9e0;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	z-index: 10;
	color: #fff;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.card-icon-header span {
	display: block;
	padding: 10px;
	font-weight: 700;
}

.card-icon-header i {
	position: relative;
	top: 26%;
}

.report-card-indicadores h2{
	margin: 25px 0 15px;
}

.report-card-indicadores:before, 
.report-card-indicadores:after {
	content: "";
	display: block;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 90px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 0px;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.report-card-indicadores:hover::before {
	height: 28px;
	width: 56px;
}

.report-card-indicadores:hover::after {
	height: 35px;
	width: 70px;
}

.report-card-indicadores:before{
	height: 25px;
	width: 50px;
	background-color: #5ac7eb;
	z-index: 2;
}

.report-card-indicadores:after {
	height: 32px;
	width: 65px;
	background: #a3e0f4;
	background-color: rgba(0, 169, 224, 0.36);
	z-index: 1;
}

.report-indicadores-select {
	position: relative;
}

.report-indicadores-select,
.report-indicadores-select .card-icon-header{
	background-color: #00a9e0;
	color: white;
}

.report-indicadores-select .report-card-indicadores:before {
	background-color: #ffffff;
}

.report-indicadores-select .report-card-indicadores:after {
	background-color: #68cced;
}
.beneficios-container .item:after {
	content: "+";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(50%);
	-ms-transform: translateY(-50%) translateX(50%);
	-o-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
	font-size: 40px;
	right: 0;
}
.beneficios-container {
	margin-top: 30px;
	margin-bottom: 30px;
}
.beneficios-container .item {
	text-align: center;
}
.beneficios-container .item img{
	max-width: 40px;
	margin: 0 auto;
}
.beneficios-container .item:last-child:after {
	content: "";
}
.select-report-container {
	display: inline-block;
	position: relative;
	margin: 25px 0 5px;
	width: 100%;
	background-color: #68cced;
	padding: 8px;
	border-radius: 80px;
}

.select-report-container i {
	position: relative;
	top: 3px;
}

.report-indicadores-select p {
	padding-left: 16px;
}

.icon-estado {
	height: 10px;
	width: 10px;
	background-color: #6c6c6c;
	display: inline-block;
	border-radius: 50%;
}

.icon-estado-rojo {background-color: #C3272B;}

.icon-estado-amarillo {background-color: #E2B13C;}

.icon-estado-verde {background-color: #26A65B;}

.btn-calendar {
	border: none;
	background-color: transparent;
	outline: none;
	display: inline-block;
}

.btn-calendar input {
	border: none;
	background-color: transparent;
	outline: none;
	display: inline-block;
}

.btn-calendar i {
	display: inline-block !important;
	font-size: 20px;
	background-color: #00a9e0;
	width: 45px !important;
	height: 45px !important;
	text-align: center;
	border-radius: 50%;
	border: 4px solid #5ac7eb;
	position: relative;
	top: -11px;
}

.btn-calendar i:before {
	position: relative;
	top: 6px;
}

.select-tienda {
	margin-top: 1em !important;
}

.select-tienda .select2-choice {
	border-radius: 50px;
}

.select2-container.select2-container-multi.form-control {
	height: auto;
}

ul.select2-choices {
	height: 100%;
}

.select2-choice {
	border: none !important;
}

.reportes-meses {
	display: inline-block;
	width: auto;
}

.reportes-meses .form-control {
	background-color: transparent;
	border: 0;
	display: inline-block;
	width: 260px;
	padding: 0;
	margin: 0;
	height: auto;
	font-size: 36px;
	font-weight: bold;
	color: white;
	text-indent: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}

.reportes-meses .add-on {
	margin-top: 0;
}

.list-paises-estado {
	padding: 0;
	margin: 0;
	margin-bottom: 40px;
}

.list-paises-estado li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.list-paises-estado li i.icon-estado-planificado {
	background-color: #5bc500;
}

.list-paises-estado li i.icon-estado-prox-impl {
	background-color: #E2B13C;
}

.list-paises-estado li i.icon-estado-sin-plan {
	background-color: #F4F3F0;
}



/*--------------------------- right side bar ----------------------------*/

.btn-tggl {
	width: 60px;
	height: 60px;
	line-height: 30px;
	font-size: 23px;
	padding: 15px;
	cursor: pointer;
	text-align: center;
	color: #005C84;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.btn-tggl .active:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #5BC500;
	display: block;
	position: absolute;
	top: 15px;
	right: 13px;
}


.sb-slidebar,
.sidebar {
	background-color: #fff !important;
	margin-top: 65px;
	border-left: 1px solid #e9e9e9;
	color: #2b2b2c;
}
.sb-slidebar .side-title,
.sidebar .side-title {
	padding: 10px 0px;
	text-transform: uppercase;
	color: #FF6C60;
}

.right-bar .tab-content {
	padding: 20px;
}

.sb-slidebar .tab-content>.active {
	display: none;
	visibility: hidden;
}

.sb-slidebar.sb-active .tab-content>.active,
.sidebar.sb-active .tab-content>.active {
	display: block;
	visibility: visible;
}

.right-bar .nav-tabs li a,
.right-bar .nav-tabs li a:hover,
.right-bar .nav-tabs li.active a {
	padding: 20px 15px;
	border-radius: 0;
	border: none;
}

.right-bar .nav-tabs li a {
	color: #fff;
	margin-right: 0px;
}

.right-bar .nav-tabs li a:hover,
.right-bar .nav-tabs li.active a {
	color: #2b2b2c;
	background: #fff;
}

.right-bar .nav-tabs {
	background: #2b2b2c;
	color: #fff;
}


/*---------------   chat ----------------*/

.inbox-list {
	position: relative;
	margin-bottom: 20px;
}

.inbox-list h3{
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 5px;
}

.inbox-list h5{
	font-size: 12px;
	color: #a5a5a5;
	margin: 0;
}

.inbox-list .add-people {
	position: absolute;
	right: 0;
	top: 5px;
}

.inbox-list li a {
	display: inline-block;
	width: 100%;
	padding:14px 15px;
	border-bottom: 1px solid #f3f3f3;
	color: #333;
}

.inbox-list li:hover {
	background: #fafafa;
}

.inbox-list li a span {
	display: inline-block;
	margin-right: 10px;
}

.side-title {
	display: table;
	margin: 0 0 10px;
	overflow: hidden;
}
.side-title h2 {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #2b2b2c;
	font-weight: bold;
}

.side-title .title-border-row {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 1px;
	width: 100%;
}

.side-title .title-border {
	height: 1px;
	border-top: 1px solid #e8e8e8;
	position: relative;
	display: block;
	width: 100%;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
}

.inbox-list.inbox-list-side li:hover {
	background: #f3f3f3;
}

.inbox-list.inbox-list-side li .thumb-small {
	width: 30px;
	height: 30px;
}

.inbox-list.inbox-list-side li .thumb-small {
	margin-top: 5px;
}

.inbox-list.inbox-list-side li .thumb-small .dot {
	right: -3px;
	top: 0px;
}

.inbox-list.inbox-list-side li .name,
.inbox-nav li .name {
	margin-top: 0;
	font-size: 16px;
	color: #5bc500;
	font-weight: bold;
	display: block;
	width: 100%;
	text-transform: lowercase;
}

.inbox-nav li .name::first-letter {
	text-transform: uppercase;
}

.inbox-list.inbox-list-side li .date {
	margin-top: 0;
	font-size: 90%;
	color: #666666;
}

.inline small {
	display: block;
	font-size: 90%;
	font-weight: 800;
}

.inbox-list.inbox-list-side {
	margin: 0 -20px 20px -20px;
}

.inbox-list.inbox-list-side li a {
	display: table;
	padding: 10px 20px;
	border: none;
	position: relative;
}

.inbox-list.inbox-list-side li .thumb-small ,
.inbox-list.inbox-list-side li .inline {
	display: table-cell;
	float: none;
	vertical-align: middle;
}

.inbox-list.inbox-list-side li .inline {
	text-align: left;
}

.inbox-list.inbox-list-side li .settings {
	position: absolute;
	right: 10px;
	top: 16px;
}


.right-bar .tab-pane .inbox-list.inbox-list-side:last-child,
.right-bar .tab-pane .aside-widget:last-child {
	padding-bottom: 100px;
}

.right-bar .tab-pane .aside-widget .inbox-list.inbox-list-side:last-child {
	padding-bottom: 0px;
}


.right-bar .tab-pane .aside-widget{
	margin: 0px -20px;
	padding: 0px 20px;
}


.new-inbox-list a {
	background-color: #F0F8FF;
}


/*----------------------------  login page  ------------------------------*/

.login-body {
	background-color: #00a9e0;
}

.login-body .login-logo {
	margin: 0;
	text-align: center;
	background: #00a9e0;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	padding: 50px 0;
}

.form-signin {
	max-width: 330px;
	margin: 50px auto 0;
}

h2.form-heading {
	margin: 0;
	padding:30px 15px;
	text-align: center;
	background: #222224;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
}

.form-signin .checkbox {
	margin-bottom: 14px;
}

.radios {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}

.radios .col-sm-6, .radios .col-lg-6 {
	padding-left: 0;
}

.form-signin .checkbox, .radios label {
	font-weight: normal;
	color: #565658;
}


.form-signin .checkbox input[type="checkbox"],
.radios input[type="radio"]{
	margin-right: 5px;
}

.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
	margin-bottom: 15px;
	border-radius: 4px;
	border: none;
	background: #222224;
	box-shadow: none;
	font-size: 13px;
	color: #fff;
	padding: 12px;
}

.form-signin p {
	/*text-align: center;*/
	color: #b6b6b6;
	font-size: 14px;
}


.form-signin a, .registration, .login-body label {
	color: #565658;
}

.registration a {
	color: #fff;
}


.form-signin a:hover {
	color: #b6b6b6;
}


.login-social-link {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 100%;
}

.login-social-link a {
	color: #fff;
	padding: 10px 38px;
	border-radius: 2px;
	width: 46.5%;
	text-align: center;
}

.login-social-link a:hover {
	color: #fff;
}

.login-social-link a i {
	font-size: 20px;
	padding-right: 10px;
}

.login-social-link a.facebook {
	background: #3b5999;
	margin-right: 22px;
	float:left;
}

.login-social-link a.facebook:hover {
	background: #344f87;
}

.login-social-link a.twitter {
	background: #63c6ff;
	float:left;
}

.login-social-link a.twitter:hover {
	background: #4c98c4;
}


/*----------------------------  modal  ------------------------------*/

.modal-dialog {
	width: auto;
	max-width: 80%;
}

.modal-header .close {
	font-size: 28px;
	margin-top: -2px;
}

.modal-body p {
	color: #333;
}


/*----------------  selfie ------------------*/

.panelSelfie {
	background-color: white;
	padding: 15px 15px 60px 15px;
	margin-bottom: 35px;
	margin-right: 5px;
	max-width: 100%;
	position: relative;
	height: auto;
	width: 630px;
	max-width: 100%;
}

.upperPanel {
	height: 30px;
	background-color: #1381a5;
	margin-right: 5px;
	border-radius: 5px 5px 0 0;
	padding: 5px 15px;
	color: white;
	width: 630px;
	max-width: 100%;
}

.upperPanel a{
	color: #5BC500;
	float: right;
	margin-right: -124px;
}

.upperPanel i{
	color: white;
}

.upperPanel i:hover{
	color: #5BC500;
}

.cameraButton{
	width: 45px;
	height: 45px;
	border-radius: 26px;
	background-color: #5bc500;
	position: relative;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 40;
	clear: both;
}

.cameraButton i {
	color: white;
	text-align: center;
	font-size: 23px;
	top: 9px;
	left: 11px;
	position: relative;
	z-index: 40;
}

.cameraButton1{
	width: 45px;
	height: 45px;
	border-radius: 26px;
	background-color: #5bc500;
	position: relative;
	display: inline;
	position: absolute;
	top: 63%;
	right: 70px;
}

.cameraButton1 i {
	color: white;
	text-align: center;
	font-size: 23px;
	top: 9px;
	left: 11px;
	position: relative;
}

.pendienteBtn{
	background-color: #00a9e0;
	color: white;
	font-size: 10px;
	width: 90px;
	border-radius: 2px;
	text-align: center;
	font-size: 11px;
	float: right;
	margin-right: 40px;
}

.panelSelfieVideo {
	margin-bottom: 35px;
	margin-right: 5px;
	position: relative;
	width: 630px;
	max-width: 100%;
}

.container-fluid .panelSelfieVideo:last-of-class {
	margin-bottom: 60px;
}

.videoBtn {
	background-color: #00a9e0;
	width: 65px;
	height: 65px;
	border-radius: 33px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.selfie .btn{
	background-color: #5bc500;
	border-radius: 2px;
	padding: 10px 50px;
	color: white;
	font-size: 16px;
	margin:10px 0;
	transition: all 0.3s ease-in-out;
}

.selfie .btn:hover,.selfie .btn:active,.selfie .btn:focus{
	background-color: #57b505;
	color: white;
}

.videoBtn i{
	color: white;
	text-align: center;
	font-size: 31px;
	top: 17px;
	left: 19px;
	position: relative;
}

.edicion-video button {
	background-color: #5bc500;
	border-radius: 2px;
	padding: 10px 10px;
	color: white;
	font-size: 16px;
	border:none;
	display: inline-block;
	margin-bottom: 18px;
}

.edicion-video {
	position: relative;
}

.edicion-video button i{
	font-size: 12px;
	padding-right: 5px;
}

.edicion-video button.center{
	width: 50%;
	text-align: center;
	margin: 0 auto;
	display: block;
	background-color: #21A5DF;
}

.edicion-video input{
	border: none;
	border-bottom: 2px solid #21A5DF;
	background-color: transparent;
	width: 100%;
	display: block;
	outline-style: none;
	height: auto;
	padding-left: 0px;
	padding-bottom: 8px;
	font-size: 22px;
}

.edicion-video .nombreSelfie {
	margin-bottom: 20px;
	display: block;
	position: relative;
	margin-top: -4em;
}

.edicion-video .volver {
	top: -64px;
}

button.volver {
	background-color: #5bc500;
	border-radius: 2px;
	padding: 10px 50px;
	color: white;
	font-size: 16px;
	border: none;
	display: block;
	margin-bottom: 18px;
	position: relative;
	top: -136px;
}
button.volver i {
	float: left;
	padding-top: 4px;
}

.escribirConsigna {
	background-color: #f4f5f7;
	margin-top: 20px;
	width: 100%;
	padding-left: 15px;
	padding-top: 10px;
	margin-bottom: 20px;
}

button.enviarVideo {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	display: block;
	background-color: #21A5DF;
	margin-bottom: 15px;
}

.overlayPopUp{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.7);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 8;
}

.popup {
	width: 320px;
	height: auto;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
	background-color: white;
	border-radius: 5px;
	z-index: 15;
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
}

.popUpOpen {
	display:none;
}
.popup-text p{
	font-size: 15px;
	line-height: 1.2em;
	color:#00A9E0;
	text-align: center;
}
.popup-text h2 {
	color:#00A9E0;
	padding-top: 0px;
	margin-top: 10px;

}
.popup-text button {
	width: 100%;
	color: white;
	background-color: #5bc500;
	border: none;
	font-size: 14px;
	border-radius: 2px;
	font-weight: 600;
	margin-top: 20px;
	text-align: center;
}

.popup-content {
	background: white;
	padding: 0px 20px 48px 20px;
	box-sizing: border-box;
}

.imageHeader img{
	display: block;
	margin:0 auto;
	text-align: center;
	margin-top: 50px;
	height: 100px;
}

.popup .closeBtn {
	position: absolute;
	width: 20%;
	height: 60px;
	right: 0px;
	background-color: none;
	border:none;
}
.closeBtn i {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 25px;
	color: #00000;
	z-index: 50;
}

.popup-text {
	color: #663bb6;
	font-size: 18px;
	line-height: 30px;
	font-weight: 100;
	text-align: center;
	transform: translateZ(15px);
	padding-bottom: 7px;
	padding-top: 21px;
	width: 80%;
	margin: 0 auto;
	display: block;
	font-weight: 200;
}

.selfie .form-control{
	width: 49%;
	display: inline-block;
	background-color:#FFFFFF;
	border: none;
	border-bottom: 2px solid #5bc500;
	color: #5bc500;
}
.selfie .form-control:focus{
	background-color:#FFFFFF;
	border:none;
	border-bottom: 2px solid #5bc500;
}

.selfie input[type=checkbox], input[type=radio] {
	border: none;
	background-color: white;
}

.table:not(.table-bordered) > thead > tr > th, .table:not(.table-bordered) > tbody > tr > th, .table:not(.table-bordered) > tfoot > tr > th, .table:not(.table-bordered) > thead > tr > td, .table:not(.table-bordered) > tbody > tr > td, .table:not(.table-bordered) > tfoot > tr > td{
	border:none;
}

td input[type=checkbox] {
	color: red;
	font-style: normal;
	border: none;
	background-color: white;
}

.selfie .card-body p {
	color: white;
	font-size: 15px;
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

.btnVerde {
	background-color: #5bc500;
	border-radius: 2px;
	padding: 5px 50px;
	color: white;
	font-size: 14px;
	margin:10px 0;
	transition: all 0.3s ease-in-out;
}

.selfie  .btnVerde {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	text-align: center;
	margin-top: 30px;
	border-radius: 2px;
	transition: all 0.5s ease-in-out;
	z-index: 10;
	position: fixed;
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}

.btnVerde:hover{
	background-color: #499b01;
	color: white;
}

.horizontal-half-card .card-body .btnVerde {
	position: relative;
	top: 0px;
	left: 0px;
	transform: none;
}

.card-content{
	height: 320px;
	padding: 104px 0px 10px 0px !important;
}
.rating {
	border: none !important;
	position: relative !important;
	padding-top: 4px !important;
	display: inline-block !important;
}
.rating > input[type="radio"] {
	display: none !important;
}
.rating > label:before {
	margin: 5px !important;
	font-size: 1.4em !important;
	font-family: FontAwesome !important;
	display: inline-block !important;
	content: "\f005" !important;
}
.rating .half:before {
	content: "\f089" !important;
	position: absolute !important;
}
.rating > label {
	color: #ddd !important;
	float: right !important;
	font-size: 17px;
}

.rating > input[type="radio"]:checked ~ label,

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: #FFD700 !important;
}
.rating > input[type="radio"]:checked + label:hover,
.rating > input[type="radio"]:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input[type="radio"]:checked ~ label:hover ~ label {
	color: #FFED85;
}
.margen-negativo {
	margin-top: -9em;
}
.selfie .btn:active,.selfie .btn:active {
	background-color: #57b505;
	color: #fff !important;
}

/*--------------------------------  reportes Selfie and Checklists ---------------------------------*/

.reportes .panel .panel-group ul li:nth-child(even){
	color:#6b6b6b;
	background-color:#ddd;
}
.reportes .panel .panel-group ul li:nth-child(odd){
	color: #6b6b6b;
	background-color:#ecebeb;
}
.efectividad ul li:nth-child(even){
	color:#6b6b6b;
	background-color:#f4f4f4;
}
.efectividad ul li:nth-child(odd){
	color: #6b6b6b;
	background-color:#ededed;
}
.sesionB,
.sesionA {
	display: none;
}
.show {
	display: block;
}
.reportes .panel .reporteTabs {
	width: 49%;
	border-radius: 5px 5px 0 0;
	padding: 13px 20px;
	position: relative;
	top: -61px;
	left: -55px;
	font-size: 17px;
	letter-spacing: 0.02em;
	background-color: #5bc500;
	color: white;
	display: inline-block;
}
.reportes .modal-dialog {
	width: 530px;
	max-width: 100%;
}
.reportes .panel-body .imagen-checklist img {
	cursor:pointer;
	margin-top: 20px;
}
.reportes .panel .reporteTabs a{
	color: white;
}
.reportes .tabReporte .current a{
	color: #6b6b6b;
}
.reportes .panel #homeTab1.current {
	background-color: white;
	color: #6b6b6b;
}
.reportes .panel #homeTab2.current{
	background-color: white;
	color: #6b6b6b;
}   
.reportes .panel{
	border-radius: 4px;
	overflow: hidden;
}
.reportes .panel-group {
	margin-top: 50px;
}
.reportes .panel-group#accordion {
	margin-top: 0px;
}
.reportes .panel-group#accordion span.comentario {
	color: #6b6b6b;
	display: block;
	padding-top: 10px;
}
.reportes .panel-group#accordion .panel-title {
	margin-top: -7px;
}
.reportes .panel-group#accordion .panel-heading {
	background-color: #00A9E0;
	padding: 19px;
}
.reportes .panel-group .panel-default > .panel-heading {
	color: white;
	background-color: #a2a2a2;
	border-color: transparent;
	text-align: center;
	padding: 18px;
}
.panel-heading {
	padding: 10px;
}
.reportes .list-group-item a:hover, .reportes .list-group-item a:active, .reportes .list-group-item a:focus {
	color:#00a9e0;
}
.reportes .panel-group .panel-heading .panel-title > a.collapsed:after {
	content: "\54";
	color: white;
	font-size: 16px;
}
.reportes .list-group-item a {
	color:#00a9e0;
}
.reportes .list-group-item i{
	padding-right: 6px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: 4px;
}
.reportes .list-group-item span{
	text-decoration: underline;
}
.reportes .ratingResult{
	display: inline-block;
	padding-left: 15px;
	color: #fcbb69;
}
.reportes .ratingResult span{
	text-decoration: none;
}
.reportes.panel-header .ratingResult {
	display: inline-block;
}
.reportes .panel-title {
	display: inline-block;
}
.reportes .panel-heading:after {
	content: "";
	color: white;
	font-size: 16px;
	float: right
}
.reportes .panel-group .panel-heading .panel-title > a:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 39px;
	color: #1480A4;
}   
.reporte-vendedor .ratingResult {
	padding-left: 0px;
}
.reportes .container-fluid {
	margin-bottom: 4em;
}
.reportes .thumbnail p {
	margin: 16px 10px 16px 0;
}
.reportes .btn-primary:hover{
	background-color: #499b01;
	color: white;
}
.reportes .panel-heading {
	color: white;
	background-color: #666666;
	border-bottom:2px solid white;
	text-align:center;
	font-weight: bold;
}
.reportes .panel-default {
	color: #6b6b6b;
}
.reportes .panel-footer{
	background-color: #5bc500;
	color: white;
	text-align: center;
	padding:10px 0;
}
.reportes .panel-footer a{
	color: white;
}
.reportes .panel-footer a:hover{
	color: white;
}


.reportes .panelSelfieVideo {
	margin-bottom: 5px;
	display: inline-block;
	margin: 0 auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.reportes .list-group-item {
	position: relative;
	display: block;
	padding: 14px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.reportes .porcentajesChecklist i:before{
	position: relative;
	top: 3px;
}
.reportes .porcentajesChecklist i{
	padding-left: 15px;
	font-size: 16px;
}
.reportes .porcentajesChecklist {
	display: inline-block;
	padding-left: 30px;
}
.show {
	display: block;
}
.hide {
	display:none;
}
.chartChecklist {
	background-color: white;
	margin-bottom: 80px;
}
.reportes h4{
	padding-left: 20px;
	font-weight: 600;
	display: inline-block;
	text-align: left;
	float: left;
}
.reportes .ratingResultVendedor{
	display: inline-block;
	text-align: left;
	float: left;
	display: inline-block;
	padding: 10px;
	color: #fcbb69;
}
.reportes .ratingResultVendedor span{
	text-decoration: none;
}
.clearfix {
	float: none;
	overflow: auto;
	overflow-x: hidden;
}
.reportes hr {
	margin-top: 60px;
	display: block;
	width: 95%;
}

/*----------------  checklist ------------------*/

.no-header {
	background: #19d0d6;
	height: 155px;
	width: 100%;
}

.checklist-carrousel .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -16px;
}

.checklist-carrousel .owl-nav .owl-prev {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	color: #fff;
	background-color: #00a9e0;
	font-size: 0;
	left: -15px;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

.checklist-carrousel .owl-nav .owl-next {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	color: #fff;
	background-color: #00a9e0;
	font-size: 0;
	right: -15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

.checklist-carrousel .owl-nav .owl-prev:before {
	font-family: "dripicons-v2" !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\55";
	font-size: 15px;
	position: relative;
	top: 5px;
	left: 6px;
}

.checklist-carrousel .owl-nav .owl-next:before {
	font-family: "dripicons-v2" !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\56";
	font-size: 15px;
	position: relative;
	top: 5px;
	left: 8px;
}

.checklist-carrousel .owl-prev.disabled, .checklist-carrousel .owl-next.disabled {
	background: #D4D4D4;
}

.checklist-carrousel .panel-body {
	padding: 30px;
}

.checklist-carrousel .owl-dots .owl-dot {
	display: none;
}


.oferta-pospago.checklist .oferta-pospago-header {
	background: #fff;
	padding: 25px 10px 10px;
	min-height: 130px;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
}

.oferta-pospago.checklist .oferta-pospago-header h3 {
	color: #fff;
}

.oferta-pospago.checklist .oferta-pospago-header h1 {
	font-weight: 600;
	font-size: 20px;
}

.oferta-pospago.checklist .oferta-pospago-header.vendedor h3 {
	background: #5bc500;    
}

.oferta-pospago.checklist .oferta-pospago-header.vendedor h1 {
	color: #5bc500;
}

.oferta-pospago.checklist .oferta-pospago-header.tienda h3 {
	background: #954b97;    
}

.oferta-pospago.checklist .oferta-pospago-header.tienda h1 {
	color: #954b97;
}

.oferta-pospago.checklist .oferta-pospago-header.razon-social h3 {
	background: #00a9e0;    
}

.oferta-pospago.checklist .oferta-pospago-header.razon-social h1 {
	color: #00a9e0;
}

.oferta-pospago.checklist .oferta-pospago-body {
	min-height: 260px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.agregar-pregunta {
	display: block;
	margin-bottom: 15px;
}

.agregar-pregunta:focus {
	color: #4ea800;
}

.w5 {
	width: 4% !important;
}
.w60 {
	width: 59% !important;
}

.selfie .btn-checklist {
	background-color: #5bc500;
	border-radius: 2px;
	padding: 5px 18px;
	color: white;
	font-size: 16px;
	margin: 10px 0;
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	display: block;
	text-align: center;
	border:none;
}
input:checked + .slider {
	background-color: #5bc500;
}
input:focus + .slider {
	box-shadow: 0 0 1px #5bc500;
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}


/* Rounded sliders */

.checklist .round {
	border-radius: 34px;
}
.checklist .round:before {
	border-radius: 50%;
}

.checklist .btn{
	background-color: #5bc500;
	border-radius: 4px;
	padding: 10px 50px;
	color: white;
	font-size: 16px;
	margin:10px 0;
	transition: all 0.3s ease-in-out;
}
.checklist .popup {
	width: 500px;
	max-width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
	background-color: white;
	border-radius: 5px;
	z-index: 15;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translate(-50%, 0%);
}
.checklist .popup h2 {
	text-align: left;
}
.checklist .popup input {
	border-bottom: 2px solid #00A9E0; 
}
.checklist input[type="checkbox"] + label, .checklist input[type="radio"] + label {
	color: #00acc4;
	border: 1px solid;
	margin: 0 0 10px;
	padding: 10px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}
.checklist input[type="checkbox"],
.checklist input[type="radio"] {
	display: none;
}

.checklist fieldset {
	min-width: 0;
	margin: 0;
	margin-top: 20px;
}
.checklist input[type="checkbox"] + label,
.checklist input[type="radio"] + label {
	color: #00acc4;
	border: 1px solid;
	margin: 0 0 10px;
	padding: 10px 0;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
}
.checklist input[type="checkbox"] + label:hover,
.checklist input[type="radio"] + label:hover {
	background: #f7fbfb;
}

.checklist input, .checklist select, .checklist textarea {
	border-radius: 3px;
	padding: 10px;
	resize: none;
	background-color: #F4F4F4 !important;
	border: none !important;
	color: #555 !important;
	margin: 0 0 20px;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checklist input.checklist-imagen {
	display: none;
}

.checklist input.checklist-imagen + label {
	display: block;
	border-radius: 3px;
	cursor: pointer;
	background: #f4f4f4;
	border: 1px solid #00A9E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	text-align: center;
	font-weight: normal;
}

.checklist input.checklist-imagen + label i {
	display: inline-block;
	margin-right: 5px;
	top: 2px;
	position: relative;
}

.checklist input.checklist-imagen + label:hover {
	background: #00A9E0;
	color: #fff;
}

.owl-carousel .owl-item img.img-preview {
	display: none;   
}


.img-preview {
	width: 100%;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	box-shadow: rgba(0,0,0,.2) 0 10px 10px -5px;
	display: none;
	margin: 0;
}

.title-preview {
	display: none;
	background: #00a9e0;
	border-radius: 3px 3px 0 0;
	margin: 20px 0 0;
	width: 100%;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
}

.title-preview i {
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -6px;
	right: -6px;
}

.title-preview i:before {
	background: #E04545;
	color: #fff;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}

.title-preview i:hover:before {
	background: #fff;
	color: #E04545;
	box-shadow: #E04545 0 0 0 2px;
}


.checklist input[type="checkbox"]:checked + label,
.checklist input[type="radio"]:checked + label {
	background: #c9e2e2;
}
.checklist input[type="checkbox"]:checked + label:before,
.checklist input[type="radio"]:checked + label:before {
	background: #00acc4;
}
.label50 label {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.label33 label {
	display: inline-block;
	width: 32%;
	vertical-align: top;
}

.checklist textarea {
	height: 110px;
	margin-top: 14px;
}
.popup-text {
	width: 90%; 
}
.checklist .popup-text h2{
	padding-left: 15px;
}
.checklist .preguntas {
	max-height: 396px;
	overflow-y: scroll;
	min-width: 270px;
	overflow-x: hidden;
}
.checklist .preguntas i {
	display: inline-block;
	position: relative;
	margin-top: -56px;
	color: #5BC500;
	margin-left: -22px;
	top: -88px;
}
.checklist .popup .btn {
	padding: 10px 30px;
}
.checklist .popup .switch {
	position: relative;
	display: block;
	width: 44px;
	height: 23px;
	left: 84%;
}
.checklist .popup .slider:before {
	height: 16px;
	width: 16px;
}
.checklist .popup input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

textarea {
	border: 1px solid #00A9E0 ;
	color:#87898E;
}
.checklist .popup span{
	display: inline-block;
	color: #5BC500;
	padding-right: 10px;
}
.checklist .popup textarea {
	display: inline-block;
	width: 90%;
	margin-bottom: 0px;
	font-size: 15px;
	border-bottom: 1px solid #00A9E0 ;
	color:#87898E;
}
.checklist .popup-content{
	width: 90%;
	margin: 0 auto;
	height: auto;
	max-height: 70vh;
}
.checklist .popup-content:last-child {
	margin-bottom: 30px;
}
.checklist .popup hr {
	border-top: 1px solid #eee;
}

.popUpEliminar .closeBtn {
	width: 35%;
	height: 60px;
	right: 0px;
	background-color: none;
	border: none;
	display: inline-block;
	position: initial;
}
select.selectChecklist, select.selectChecklist2 {    
	border:none;
	border-bottom: 2px solid #00A9E0;
	color: #00A9E0;
	background-color: white;   
	width: 100%;
	height: 47px;
	margin-bottom: 15px;
}

select.selectChecklist2 {    
	border-bottom: 2px solid #5bc500;
	color: #5bc500;
}

select.selectChecklist:focus {
	box-shadow: none;
}
.checklist input[type="checkbox"],
.checklist input[type="radio"] {
	display: none;
}
.checklistPregunta {
	background-color: white;
	color: black;
	font-size: 14px;
	width: 600px;
	max-width: 100%;
	margin:0 auto;
	display: block;
	margin-bottom: 20px;
	border-radius:5px;
}

.checklistPregunta i {
	display: block;
	margin:0 auto;
	text-align: center;
}
.checklist input[type="checkbox"]:checked + label.green, .checklist input[type="radio"]:checked + label.green {
	background-color: rgba(91, 197,0,0.3);
}
.checklist input[type="checkbox"]:checked + label.red, .checklist input[type="radio"]:checked + label.red {
	background-color: rgba(196, 0,62,0.3);
}
.checklist input[type="checkbox"]:checked + label.yellow, .checklist input[type="radio"]:checked + label.yellow {
	background-color: rgba(228, 221, 6, 0.3);
}
.checklist .btn.center {
	margin-bottom: 50px;
	display: block;
	margin: 0 auto 80px auto;
	width: 450px;
	max-width: 100%;
}

/* ACCORDION CUSTOM */

.accordion-custom .panel {
	overflow: hidden;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.15)
}

.accordion-custom .panel + .panel {
	margin-top: 20px;
}

.accordion-custom .panel-heading {
	padding: 0 !important;
}

.accordion-custom .panel-heading .panel-title > a {
	padding: 20px;
	font-size: 15px;
	background: #fff;
	text-align: left;
	color: #00a9e0;
	border-bottom: 2px solid #00a9e0;
	font-weight: 700 !important;
}

.accordion-custom .panel-heading .panel-title > a:hover {
	color: #00a9e0 !important;
}

.accordion-custom .panel-heading .panel-title > a:after {
	color: inherit !important;
}

.accordion-custom .panel-heading .panel-title > a.collapsed {
	color: #859aab;
	font-weight: 400 !important;
}

.accordion-custom .panel-heading + .panel-collapse > .panel-body {
	padding-bottom: 0;
	background: #fff;
	border-top: none;
}

/*----------------------   404 page -----------------------*/

.body-404, .body-500 {
	background: #2b2b2d;
	color: #fff;
}

.error-wrapper {
	text-align: center;
	margin-top: 10%;
}

.error-wrapper .icon-404{
	background: url("../img/404.png") no-repeat;
	width: 337px;
	height: 218px;
	display: inline-block;
	margin-left: 30px;
}

.error-wrapper h2 {
	font-size: 20px;
	font-weight: normal;
	margin: -5px 0 30px -70px;
	display: inline-block;
	width: 245px;
	padding: 20px;
	border-radius: 4px;
	text-transform: capitalize;
}

.error-wrapper .green-bg {
	background: #5bc690;
}


.error-wrapper a.back-btn:hover {
	color: #5bc690;
}

.error-wrapper p, .error-wrapper a {
	font-size: 18px;
}

.error-wrapper p  {
	color: #a978d1;
}

.error-wrapper a.back-btn {
	color: #fff;
}


/*-----------------  500 page ------------------*/


.error-wrapper .purple-bg {
	background: #a978d1;
}

.body-500 .error-wrapper p a {
	color: #a978d1;
}

.body-500 .error-wrapper p {
	color: #63c18d;
}

.error-wrapper .icon-500{
	background: url("../img/500.png") no-repeat;
	width: 331px;
	height: 219px;
	display: inline-block;
}

.body-500 .error-wrapper h2 {
	margin: -5px 0 30px -50px;
	width: 300px;
}


/*----------------------------------   Checkbox and Radio buttons -------------------------------------*/

.radio label, .checkbox label {
	min-height: 20px;
	padding-left: 5px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	padding-right: 10px;
}

.checkbox-custom,
.radio-custom {
	margin: 10px 0 10px 0;
	padding-left: 0px;
	display: block;
}

.checkbox-custom.inline,
.radio-custom.inline {
	padding-left: 0px;
	display: inline-block;
	margin: 10px 0 10px 0;
}

.checkbox-custom label,
.radio-custom label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px !important;
	margin-right: 15px;
}

.checkbox-custom label:before,
.radio-custom label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	position: absolute;
	left: 0px;
	border: 1px solid #dbdbdb;
	margin-top: 4px;
}


.checkbox-custom input[type=radio][disabled] + label:after {
	background-color: #e6e6e6;
}

.checkbox-custom label {
	white-space: nowrap;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-custom label:before {
	top: -2px;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-custom label::after {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 2.5px;
	top: 1px;
	font-size: 12px;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-custom input[type=checkbox] {
	display: none;
}

.checkbox-custom input[type=checkbox]:checked + label:before {
	border-width: 8px;
}

.checkbox-custom input[type=checkbox]:checked + label::after {
	font-family: "dripicons-v2" !important;
	content: "S";
	color: #fff;
}

.checkbox-custom input[type=checkbox][disabled] + label {
	opacity: 0.5;
}

.checkbox-custom input[type=checkbox][disabled] + label:before {
	background-color: #e2e5e9;
}

.radio-custom label {
	margin-bottom: 6px;
}

.radio-custom label:before {
	border-radius: 50%;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.radio-custom input[type=radio]:checked + label:before {
	border-width: 6px;
}

.radio-custom input[type=radio] {
	display: none;
}

.radio-custom input[type=radio][disabled] + label {
	opacity: 0.5;
}

.radio-custom.radio-success input[type=radio]:checked + label:before,
.checkbox-custom.check-success input[type=checkbox]:checked + label:before{
	border-color: #5bc500;
}

.radio-custom.radio-primary input[type=radio]:checked + label:before,
.checkbox-custom.check-primary input[type=checkbox]:checked + label:before{
	border-color: #8f67b1;
}

.radio-custom.radio-info input[type=radio]:checked + label:before,
.checkbox-custom.check-info input[type=checkbox]:checked + label:before{
	border-color: #119dc9;
}

.radio-custom.radio-warning input[type=radio]:checked + label:before,
.checkbox-custom.check-warning input[type=checkbox]:checked + label:before{
	border-color: #ecc200;
}

.radio-custom.radio-danger input[type=radio]:checked + label:before,
.checkbox-custom.check-danger input[type=checkbox]:checked + label:before{
	border-color: #e55957;
}

.radio-custom.radio-dark input[type=radio]:checked + label:before,
.checkbox-custom.check-dark input[type=checkbox]:checked + label:before{
	border-color: #333;
}


/*------------------------ mail inbox ------------------------*/

.mail-box aside {
	position: static;
	top: auto;
	left: auto;
	float: left;
	padding: 0;
	height: calc(100vh - 115px);
	overflow: auto;
	background: #fcfcfc;
}

.mail-box aside::-webkit-scrollbar {
	width: 6px;
}

.mail-box aside::-webkit-scrollbar-track {
	background: #D2DCE3
}

.mail-box aside::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 10px;
	width: 4px;
}

.mail-box .sm-side {
	width: 25%;
}

.mail-box .sm-side:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(0,0,0,.03), rgba(0,0,0,0));
	background: -o-linear-gradient(left, rgba(0,0,0,.03), rgba(0,0,0,0));
	background: linear-gradient(to right, rgba(0,0,0,.03), rgba(0,0,0,0));
	content: '';
	z-index: 1;
}

.mail-box .lg-side {
	width: 75%;
	background: #f4f5f7;
	padding: 0 0 40px;
}

.mail-box .sm-side .m-title {
	background: #e9e9eb;
	padding: 10px 20px;
	color: #32323a;
	min-height: 80px;
}

.mail-box .sm-side .m-title h3 {
	margin: 8px 0 0 0;
	font-size: 20px;
	font-weight: 400;
}

.mail-box .sm-side .m-title span {
	color: #a3a3a3;
	font-size: 14px;
}

.inbox-body {
	padding: 15px;
	/*margin-bottom: 20px;*/
}

.btn-compose {
	background: #e55957;
	padding: 12px 0;
	text-align: center;
	width: 100%;
	color: #fff;
}

.btn-compose:hover, .btn-compose:focus {
	background: #c74d4c;
	color: #fff;
}

ul.inbox-nav  {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.inbox-nav li {
	display: block;
	border-bottom: 1px solid #e0e0e1;
}

ul.inbox-nav li a  {
	color: #6a6a6a;
	line-height: 45px;
	width: 100%;
	display: inline-block;
	padding: 10px 20px;
	border-right: 2px solid #f4f5f7;
}

ul.inbox-nav li.pendent a  {
	background-color: #F0F8FF;
}

ul.inbox-nav li a i {
	padding: 4px;
	font-size: 14px;
	color: #ffffff;
	background-color: #5bc500;
}

ul.inbox-nav li a span.label {
	margin-top: 13px;
}

.header-inbox {
	padding: 38px 20px 22px !important;
	background: #fcfcfc !important;
	height: auto !important;
}

.header-inbox h1 {
	margin: 0 !important;
}

ul.inbox-mails {
	display: block;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
}

ul.inbox-mails li {
	display: block;
	border-bottom: 1px solid #ddd;
}

ul.inbox-mails li.active a {
	background: #fff;
}

ul.inbox-mails li.pendent a {
	box-shadow: #5bc500 3px 0 0 inset;
}

ul.inbox-mails li a {
	display: block;
	padding: 15px 20px;
	color: #555;
}

ul.inbox-mails li a span, ul.inbox-mails li a small {
	display: block;
}

ul.inbox-mails li a span.label {
	display: inline;
	float: right;
	text-transform: uppercase;
}

ul.inbox-mails .elipsis {
	width: auto;
}

ul.inbox-mails li a:hover {
	background: #fff;
}

ul.inbox-mails li a:hover p, ul.inbox-mails li.active a p {
	color: #00a9e0;
}

ul.inbox-mails li a p {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #555;
}

ul.inbox-mails li a span.date {
	font-size: 12px;
}

ul.labels-info li h4 {
	padding-left:15px;
	padding-right:15px;
	padding-top: 5px;
	color: #5c5c5e;
	font-size: 13px;
	text-transform: uppercase;
}

ul.labels-info li, .inbox-small-cells .checkbox label {
	margin: 0;
}

ul.labels-info li a {
	color: #6a6a6a;
	border-radius: 0;
	border-right: 2px solid #f4f5f7;
}

ul.labels-info li a:hover, ul.labels-info li a:focus {
	color: #222223;
	background: #fff;
	border-right: 2px solid #53d192;
}

ul.labels-info li a i {
	padding-right: 10px;
}

.inbox-nav .inline {
	line-height: 2;
	float: left;
}

.nav.nav-pills.nav-stacked.labels-info p {
	margin-bottom: 0;
	padding: 0 22px;
	color: #9d9f9e;
	font-size: 11px;
}

.inbox-head {
	padding:20px 15px;
	background: #f3f3f3;
	color: #333;
	min-height: 80px;
}

.inbox-head  h3 {
	margin: 0;
	display: inline-block;
	padding-top: 6px;
	font-weight: 300;
}

.all-check {
	background: #fff;
	border: 1px solid #e7e7e7;
	padding-left: 10px;
	height: 32px;
	margin-right: -1px;
}

.all-check .checkbox-custom {
	width: 30px;
	margin: 5px 0 0 0;
	position: relative;
	top: -10px;
}

.inbox-small-cells .checkbox-custom {
	margin: 0;
	height: 35px;
	width: 20px;
}

.all-check .checkbox-custom label:before {
	/*top: -10px;*/
}

.table-inbox .checkbox {
	margin: 5px 0 0 0;
	width: 10px;
}

.table-inbox {
	margin-bottom: 20px;
	font-size: 13px;
}

.table-inbox > tbody > tr > td {
	border-top: none;
	vertical-align: middle;
}

.table-inbox tr td{
	padding:5px 15px  !important;
}

.table-inbox tr td:hover{
	cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started ,.table-inbox tr td .fa-star:hover{
	color: #ffd200;
}

.table-inbox tr td .fa-star{
	color: #d5d5d5;
}

.table-inbox tr.unread td {
	font-weight: 600;
}

.table-inbox .avatar img, .table-inbox .avatar span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
}

.table-inbox .avatar span {
	/*background: #929292;*/
	text-align: center;
	color: #fff;
}

ul.inbox-pagination  {
	float: right;
}

ul.inbox-pagination li {
	float: left;
}

.mail-option {
	display: inline-block;
	width: 100%;
}

.mail-option .chk-all, .mail-option .btn-group {
	margin-right: 5px;
}

.mail-option .chk-all, .mail-option .btn-group a.btn {
	border: 1px solid #e7e7e7;
	padding: 5px 10px;
	display: inline-block;
	background: #fcfcfc;
	color: #afafaf;
}

.inbox-pagination {
	margin-bottom: 0;
	list-style: none;
}

.inbox-pagination a.np-btn  {
	border: 1px solid #e7e7e7;
	padding: 5px 15px;
	display: inline-block;
	background: #fcfcfc;
	color: #afafaf;
}

.mail-option .chk-all input[type=checkbox] {
	margin-top: 0;
}

.mail-option .btn-group a.all {
	padding: 0;
	border: none;
}

.inbox-pagination a.np-btn {
	margin-left: 5px;
}

.inbox-pagination li span {
	display: inline-block;
	margin-top: 7px;
	margin-right: 5px;
}

.fileinput-button {
	border: 1px solid #e6e6e6;
	background: #eeeeee;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea{
	border: 1px solid #e6e6e6;
	box-shadow: none;
}

.btn-send, .btn-send:hover {
	background: #00A8B3;
	color: #fff;
}

.btn-send:hover {
	background: #009da7;
}

.modal-header h4.modal-title {
	font-weight: normal;
}

.modal-body label {
	font-weight: 500;
}

.modal-scroll .modal-dialog {
	max-width: 800px;
}

.modal-scroll .modal-content {
	height: 600px;
	max-height: calc(100% - 60px);
	overflow: auto;
}

.select2-container.form-control, .form-control.select2-container {
	padding: 0;
}

.form-control .select2-choice {
	box-shadow: none !important;
	background: transparent !important;
	height: 100% !important;
	border: none !important;
}

.form-control .select2-choice > .select2-chosen {
	height: 100% !important;
	display: flex !important;
	align-items: center;
}

.form-control.select2-dropdown-open {
	background: #fff !important;
	box-shadow: rgba(0,0,0,.3) 0 0 5px !important;
}

.select2-drop-active {
	border-color: transparent;
	box-shadow: #fff 0 -10px 0, 0px 5px 10px rgba(0, 0, 0, 0.3) !important;
	border: none;
	border-radius: 0 0 3px 3px;
}

.sender-info {
	margin-bottom: 20px;
}

.sender-info .date {
	color: #a3a3a3;
}

.sender-info img {
	width: 50px;
	height: 50px;
}

.sender-profile-pic {
	background-position: center center;
	background-size: cover;
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

.inbox-related-content {
	padding: 0;
}

.inbox-related-content h4 {
	font-weight: bold;
	font-size: 15px;
	margin: 0;
	display: none;
}

.related-content-list {
	padding: 0;
	margin-bottom: 0;
}

.related-content-list a {
	border-radius: 3px;
	color: #00a9e0;
	padding: 10px 30px 10px 20px;
	border: 2px solid #00a9e0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 90px;
	box-sizing: border-box;
	margin: 0 0 10px;
	position: relative;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.related-content-list a span {
	font-size: 13px;
	margin-top: -3px;
	color: #666;
	text-transform: unset;
}

.related-content-list a p {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.related-content-list a:hover {
	color: #5BC500;
	border-color: #5BC500;
}

.related-content-list a i {
	position: absolute;
	right: 15px;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.related-content-list a:hover i {
	right: 10px;
	opacity: 1;
}

.related-links {
	padding: 0;
	margin: 20px -5px 10px;
}

.related-links li {
	display: inline-block;
	margin: 10px 5px;
}

.related-links a {
	padding: 5px 15px 5px 10px;
	border-radius: 50px;
	font-size: 14px;
	color: #00a9e0;
	border: 2px solid;
	font-weight: bold;
	display: block;
}

.related-links a:hover {
	color: #5BC500;
	border-color: #5BC500;
}

.s-info {
	margin: 3px 0 0 15px;
	display: inline-block;
}

.s-info strong {
	display: block;
}

.s-info span {
	color: #a3a3a3;
}

.sender-dropdown {
	border:1px solid #eaeaea;
	padding:0 3px;
	color: #777;
	font-size: 10px;
	width: 18px;
	display: inline-block;
}

.view-mail a {
	color: #0077a0;
}

.view-mail > br {
	display: none;
}

.view-mail p {
	font-size: 16px;
	line-height: 1.4em;
}

.view-mail img, .view-mail img.img-preview {
	max-width: 100%;
	border-radius: 0;
	box-shadow: none;
}

.reacts {
	position: absolute;
	bottom: 0;
	left: 20px;
	transform: translateY(50%)
}

.reacts-current {
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 0 10px;
	border-radius: 40px;
	padding: 5px;
}

.reacts-current img {
	width: 28px;
	-webkit-filter: grayscale(100);
	-o-filter: grayscale(100);
	filter: grayscale(100);
	opacity: .5;
}

.reacts-current.active img {
	opacity: 1;
	-webkit-filter: none;
	-o-filter: none;
	filter: none;
}

.reacts-list {
	position: absolute;
	bottom: -15px;
	left: -5px;
	opacity: 0;
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 0 10px;
	border-radius: 40px;
	padding: 0 5px;
	z-index: 2;
	transition: all .2s linear;
	display: flex;
	align-self: center;
	justify-content: center;
}

.reacts:hover .reacts-list {
	opacity: 1;
}

.reacts-list li {
	float: left;
	padding: 10px 5px;
	cursor: pointer;
	transition: all .1s linear;
}

.reacts-list li img {
	display: block;
	overflow: hidden;
	border-radius: 50%;
	transition: all .1s linear;
	width: 28px;
}

.reacts-list li.active img {
	box-shadow: rgba(0,169,224,.2) 0 0 0 3px;
}

.reacts-list li:hover img {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.attachment-mail {
	margin-top: 30px;
}

.attachment-mail h5 {
	font-weight: bold;
}

.attachment-mail ul {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	list-style: none;
	padding: 0;
}

.attachment-mail ul li {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #50535A;
	text-align: center;
}

.attachment-mail ul li a{
	padding: 5px;
	display: inline-block;
	height: 110px;
	line-height: 98px;
}

.attachment-mail ul li img {
	width: 100%;
}

.attachment-mail ul li span {
	float: right;
}
.attachment-mail .file-name {
	float: left;
	background: #f4f5f7;
	width: 100%;
	padding: 8px;
	border-top: 1px solid #50535A;
	font-size: 12px;
	cursor: pointer;
}

.attachment-mail .file-name i {
	padding-right: 5px;
}

.no-pad {
	padding: 0px !important;
}

.mail-box .checkbox-custom label::after {
	top: 3px;
}

.mail-box .mail-option .checkbox-custom label::after {
	top: 1px;
}

.team-member-info{
	width:100%;
}

.reply-mail textarea {
	border-radius: 5px;
	box-shadow: inset #ccc 0 0 0 2px;
	background: transparent;
	font-size: 15px;
	padding: 20px;
	border: none;
	transition: all .2s linear;
}

.reply-mail textarea:focus {
	background: #fff;
	box-shadow: rgba(0,0,0,.1) 0 5px 10px, rgba(0,169,224,.2) 0 0 0 5px inset;
	outline: none;
	border: none;
}

.reply-mail .btn {
	border-radius: 5px !important;
}



/*compose-mail*/


.compose-mail {
	width: 100%;
	display: inline-block;
	position: relative;
}

.compose-mail .compose-options {
	color: #979797;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 7px;
}

.compose-options a {
	color: #545454;
	margin-left: 5px;
}

.compose-mail .form-group label {
	margin-bottom: 0;
	font-weight: normal;
}

.compose-editor input {
	margin-top: 15px;
}

.compose-editor .form-horizontal .form-group {
	margin: 0;
}

.compose-btn {
	float: left;
	margin-bottom: 40px;
}

.compose-editor textarea {
	border-color: #50535A;
	box-shadow: none;
	border-radius: 0;
}

.compose-mail .form-horizontal .control-label {
	text-align:left;
}

/*--------------------------- Agenda ----------------------------*/

.agenda-visit,
.usability-stat {
	margin: 0px;
	padding-left: 0;
}

.agenda-visit:before,
.usability-stat:before,
.agenda-visit:after,
.usability-stat:after {
	content: "";
	display: block;
	clear: both;
}


.agenda-visit .page-view-label,
.usability-stat .page-view-label {
	margin-top: 18px;
}

.agenda-visit .page-view-label .page-view-value{
	margin-top: 0px;
}


.agenda-visit li {
	padding: 35px 0px;
	margin-left: 4%;
	list-style: none;
	float: left;
	width: 22%;
	text-align: center;
}

.usability-stat li {
	padding: 35px 0px;
	list-style: none;
	float: left;
	width: 20%;
	text-align: center;
}

.agenda-visit li:first-child,
.usability-stat li:first-child {
	width: 10%;
}

.usability-stat li:last-child {
	padding: 0;
}

.easy-pie-chart {
	display: block;
	/*padding:0 20px 20px 0   ;*/
}

.easy-pie-chart.usability{
	margin: 30px;    
}

.label-usability {
	text-align: center;
	margin: 25px 0;
	font-size: 15px;
}

.easy-pie-chart .participacion,
.participacion-i {
	color: #00a9e0;
}

.easy-pie-chart .aprobados,
.aprobados-i {
	color: #5BC500;
}

.easy-pie-chart .desaprobados,
.desaprobados-i {
	color: #CF3A24;
}

.agenda-title {
	display: inline-block;
	color: #555555;
}

.agenda-title i {
	font-size: 20px;
	padding-right: 10px;
}

.agenda-title i,
.agenda-title span {
	float: left;
}

.donut-chart-container {
	height: 180px;
	width: 180px;
	margin: auto;
}

.background-usability {
	color: white;
	text-align: center;
	padding: 15px 0;
	min-height: 225px;
}

.background-usability .page-view-value {
	color: white !important;
}

.background-usability:first-of-type {
	background-color: #005c84;
	border-radius: 3px 0 0 3px;
}

.background-usability:nth-of-type(2) {
	background-color: #00a9e0;
}

.background-usability:nth-of-type(3) {
	background-color: #0096ca;
}

.background-usability:nth-of-type(4) {
	background-color: #1fa5d4;
}

.background-usability:nth-of-type(5) {
	background-color: #39bbe8;
	border-radius: 0 3px 3px 0;
}

.background-usability:last-of-type {
	border-radius: 0 3px 3px 0;
}

.row-pcrc + .row-pcrc {
	margin-top: 30px;
}

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

.align-center {
	text-align: center;
}

.title-pcrc {
	font-weight: bold;
	margin-top: 30px;
}

.volver-filtros {
	margin-top: -58px;
}

.btn-vermas {
	margin-right: 10px;
}

.btn-success:before {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.btn-vermas:first-child {
	margin-right: 0;
}

.reportes-masinfo {
	display: none;
	background: -webkit-linear-gradient(#ddd, #fff 100px);
	background: -o-linear-gradient(#ddd, #fff 100px);
	background: linear-gradient(#ddd, #fff 100px);
	padding: 15px;
	text-align: left;
	line-height: 1em;
	color: #005c84;
	margin: 0 0 -15px;
	position: relative;
}

.reportes-masinfo:before {
	bottom: 0;
	left: 0;
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.reportes-masinfo li {
	margin: 0 0 15px;
}

/*--------------------------- monthly page view ----------------------------*/

.monthly-page-view {
	margin: 0px;
	padding-left: 0;
}

.monthly-page-view li {
	padding: 20px 0px;
	list-style: none;
}

.monthly-page-view li:last-child .chart {
	margin-top: 10px;
}

.page-view-label span {
	display: block;
	color: #656565;
}

.page-view-label .label {
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	margin-top: 5px;
}

.page-view-label .label-usability {
	background-color: #3392b2;
}

.page-view-value {
	font-size: 52px;
	color: #555555 !important;
	font-weight: 400;
	margin-bottom: 44px;
	display: block;
	margin-top: 65px;
	display: block;
	text-shadow:1px 1px rgba(0,0,0,0.01),
	2px 2px rgba(0,0,0,0.03),
	3px 3px rgba(0,0,0,0.025),
	4px 4px rgba(0,0,0,0.02),
	5px 5px rgba(0,0,0,0.015),
	6px 6px rgba(0,0,0,0.01),
	7px 6px rgba(0,0,0,0.01),
	8px 8px rgba(0,0,0,0.01),
	9px 8px rgba(0,0,0,0.01),
	10px 10px rgba(0,0,0,0.01),
	11px 11px rgba(0,0,0,0.01),
	12px 12px rgba(0,0,0,0.01),
	13px 13px rgba(0,0,0,0.01),
	14px 14px rgba(0,0,0,0.01),
	15px 15px rgba(0,0,0,0.01),
	16px 16px rgba(0,0,0,0.01),
	17px 17px rgba(0,0,0,0.01),
	18px 18px rgba(0,0,0,0.01),
	19px 19px rgba(0,0,0,0.01),
	20px 20px rgba(0,0,0,0.01),
	21px 21px rgba(0,0,0,0.01),
	22px 22px rgba(0,0,0,0.01),
	23px 23px rgba(0,0,0,0.01);
}

.page-view-value-sub {
	font-size: 15px;
	font-size: 15px;
	height: 2.4em;
	display: block;
	line-height: 1.2em;
}


.easyPieChart {
	position: relative;
	text-align: center;
	margin: auto;
}

.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

/*---------------- compose-mail ---------------------*/


.compose-mail {
	width: 100%;
	display: inline-block;
	position: relative;
}


.compose-mail .compose-options {
	color: #979797;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 7px;
}

.compose-options a {
	color: #545454;
	margin-left: 5px;
}


.compose-mail .form-group label {
	margin-bottom: 0;
	font-weight: normal;
}

.compose-editor input {
	margin-top: 15px;
}

.compose-editor .form-horizontal .form-group {
	margin: 0;
}

.compose-btn {
	float: left;
	margin-bottom: 40px;
}

.compose-editor textarea {
	border-color: #dfdfdf;
	box-shadow: none;
	border-radius: 0;
}

.compose-mail .form-horizontal .control-label {
	text-align:left;
}


/*---------------- form layout ---------------------*/ 


.form-group {
	margin-bottom: 20px;
	position: relative;
}

.form-control, input.datepicker {
	border: 1px solid transparent;
	box-shadow: none;
	border-radius: 4px;
	background-color: #f4f5f7;
	height: auto;
	min-height: 46px;
	font-size: 14px;
	resize: none;
	padding: 6px 10px;
}

.form-control:focus, input.datepicker:focus {
	color: #00a9e0;
	box-shadow: inset 0 0 0 1px #00a9e0;
	border-color: transparent;
}

.select2-container.form-control {
	background-color: #f4f5f7;
}

div.tagsinput, .colpick, .colpick_field, .colpick_hex_field, .select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices {
	box-shadow: none;
	background-color: transparent;
	border: none;
	height: 100%;
}

.bv-form .help-block {
	margin-bottom: 0;
}
.bv-form .tooltip-inner {
	text-align: left;
}
.nav-tabs li.bv-tab-success > a {
	color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
	color: #a94442;
}

div.tagsinput , .colpick, .colpick_field, .colpick_hex_field,
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice, .select2-container .select2-choices{
	box-shadow: none;
}


.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up , .select2-search input{
	border-radius: 0;
	border-top-right-radius: 0;
}

.select2-search input {
	background: none;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	margin-top: -2px;
	border-radius: 0;
	border-bottom-right-radius: 0px;
}

.select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices {
	box-shadow: none;
	border: none;
	height: 100%;
	display: flex;
	align-items: center;
}

.select2-container .select2-choice .select2-arrow {
	width: 25px;
}

.select2-container .select2-choice .select2-arrow b {
	background-position: 3px 12px !important;
}

.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
	background-position: 3px 3px;
}

.select2-container .select2-choice abbr {
	right: 30px;
}

.spinner .input-group-btn:first-child > .btn, .spinner .input-group-btn:first-child > .btn-group {
	margin-right: -2px;
}

.ui-widget-content {
	list-style: none;
	padding: 10px 15px;
	width: 50%;
}

.ui-widget-content li a {
	color: #323232;
	line-height: 30px;
	display: block;
}

.icheck-row label {
	text-align: left;
	padding: 0 10px;
}


.form-transparent, .form-transparent input {
	border: 1px solid transparent;
	box-shadow: none;
	outline: none;
	resize: none;
	background: transparent;
	width: 100%;
	transition: all .2s linear;
	position: relative;
}

.form-transparent:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 1px;
	background: #fff;
	opacity: 0;    
	transition: all .3s linear;
}


.form-transparent::-webkit-input-placeholder, .form-transparent input::-webkit-input-placeholder {
	color: #fff;
}

.form-transparent:hover input {
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/*-------------------------- picker --------------------------*/

.add-on {
	float: right;
	margin-top: -37px;
	padding: 3px;
	text-align: center;
}

.add-on .btn {
	padding: 9px;
}


.colorpicker.dropdown-menu {
	min-width: 130px;
	padding: 5px;
}

.datepicker.dropdown-menu {
	z-index: 1060;
	padding: 5px;
	border-radius: 10px;
}

.custom-date-range .input-group-addon {
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.input-group-btn.add-on:last-child>.btn {
	margin-left: -31px;
}


/*-------------   Table --------------*/

/*
.custom-table tr th,
.custom-table tr td {
		vertical-align: middle !important;
}

.custom-table tr td .progress {
		margin-bottom: 0px;
}

.custom-table>tbody>tr>td, .custom-table>tbody>tr>th, .custom-table>tfoot>tr>td, .custom-table>tfoot>tr>th, .custom-table>thead>tr>td, .custom-table>thead>tr>th {
		padding: 15px;
		font-size: 15px;
}
*/

.table-hover > tbody > tr:hover {
	background-color: #e0f9f9;
}


.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
	border-width: 0;
	border-radius: 0;
}

.panel-heading .nav > li > a {
	color: #fff;
}

.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
	color: #32323a;
	background: #fff;
}

.panel-heading {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-heading-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* collapsible*/

.panel-group .panel-heading .panel-title > a {
	display: block;
	font-size: 15px;
	font-weight: normal;
}

.panel-group .panel-heading .panel-title > a.collapsed:after {
	content: "\54";
	color: #8b8b8b;
}
.panel-group .panel-heading .panel-title > a:hover:after {
	color: #333 !important;
}
.panel-group .panel-heading .panel-title > a:after {
	font-family: "dripicons-v2" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\57";
	float: right;
	color: #1480A4;
}

/*--------------------   Data Table  ---------------------*/


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle;
	position: relative;
	line-height: 1em;
}

.tbl-head{
	padding: 20px;
	padding-bottom: 0px;
	text-align: right
}
.tbl-top{
	padding: 20px;
	border-bottom: #ccc 1px solid;
}

.table.dataTable.no-footer{
	border-bottom: #ccc 1px solid;
}

.data-table.table > thead > tr > th, .data-table.table > tbody > tr > th, .data-table.table > tfoot > tr > th, .data-table.table > thead > tr > td, .data-table.table > tbody > tr > td, .data-table.table > tfoot > tr > td{
	border-bottom: #ccc 0px solid;
}

.reportes-checklist .search-course, .dataTables_wrapper .dataTables_filter label input {
	border: none;
}

.dataTables_wrapper .row:first-child .col-sm-6:first-child {    
	display: none
}

.dataTables_wrapper .row:first-child .col-sm-6:last-child {    
	width: 100%;
}

.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
	height: 35px;
	border: 1px solid #ddd;
	background-color: #f4f5f7;
	padding: 7px 10px 9px;
	border-radius: 3px;
	font-size: 15px;
	line-height: initial;
	outline: none;
	margin-left: 15px;
}

.dataTables_wrapper .dataTables_filter label {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_info {
	clear: both;
	float: left;
	padding-top: 1.755em;
	font-size: 12px;

}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	text-align: right;
	padding-top: 1.25em;
	font-size: 12px;
}

.tbl-footer{
	padding: 0px 20px;
}
.tbl-info{
	margin-top: 20px;
}

.tbl-info-large{
	padding: 0px 20px 20px 0px;
}

td.details-control {
	background: url('../img/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.shown td.details-control {
	background: url('../img/details_close.png') no-repeat center center;

}

.dataTables_wrapper .ColVis_Button, ul.ColVis_collection, ul.ColVis_collection li, ul.ColVis_collection li:hover {
	box-shadow: none;
	border-radius: 2px;
	border-color: #ddd;
	outline: none;
	background: -webkit-linear-gradient(top, #fff 0%, #fff 89%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 89%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 89%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 89%, #fff 100%);
	background: linear-gradient(top, #fff 0%, #fff 89%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='##fff',GradientType=0 );
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	background: none;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
	background: center center no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

table.dataTable thead .sorting:after {
	background-image: url("../img/sort_both.png");
}
table.dataTable thead .sorting_asc:after {
	background-image: url("../img/sort_asc.png");
}
table.dataTable thead .sorting_desc:after {
	background-image: url("../img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled:after {
	background-image: url("../img/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled:after {
	background-image: url("../img/sort_desc_disabled.png");
}
table.dataTable thead .no-sort:after {
	display: none;
}

ul.ColVis_collection li:hover {
	background: #efefef;
}

.dataTables_wrapper button.ColVis_Button {
	height: auto;
	padding: 10px 15px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 1px solid #ddd;
}

.table-scroll {
	overflow-x: auto;
	display: block;
}

/*.table thead tr th i {
	color: #00a9e0;
	position: relative;
	top: 2px;
	font-size: 14px;
}*/

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

.no-sort {
	pointer-events: none !important;
	cursor: default !important;
}

.no-sort:after {
	display: none !important;
}


/*---------------  form ----------------*/

.input-group-btn > .btn {
	position: relative;
	background: #eee;
	border-radius: 0;
	border: 1px solid #dfdfdf;
}

.radio-box, .check-box {
	margin-bottom: 10px;
}

.radio-box input, .check-box input,
.checkbox-inline input{
	margin-right: 10px;
}

.radio-inline, .checkbox-inline {
	padding-left: 0;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
}

.input-group-addon {
	border: 1px solid #dfdfdf;
	border-radius: 0px;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn,
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn{
	border-radius: 0px;
}

.sm-input {
	width: 175px;
}

.radio-default label {
	position: relative;
}


.form-horizontal.tasi-form .form-group, .s-row {
	border-bottom: 1px solid #eff2f7;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.form-horizontal.tasi-form .form-group:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


.form-horizontal.tasi-form .form-group .help-block {
	margin-bottom: 0;
}


.round-input {
	border-radius: 500px;
	-webkit-border-radius: 500px;
}


.form-horizontal.tasi-form .checkbox-inline > input {
	margin-top: 1px;
	border:none;
}



input.spinner[type="text"], input.spinner[type="password"], input.spinner[type="datetime"], input.spinner[type="datetime-local"], input.spinner[type="date"], input.spinner[type="month"], input.spinner[type="time"], input.spinner[type="week"], input.spinner[type="number"], input.spinner[type="email"], input.spinner[type="url"], input.spinner[type="search"], input.spinner[type="tel"], input.spinner[type="color"] {
	background: url("../img/spinner.gif") right no-repeat !important;
}


.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
	box-shadow: none;
}


/*-------------------  summernote ------------------*/

.note-popover {
	display: none !important;
}

.note-btn {
	border-radius: 3px !important;
}

/*
.note-btn.active {
	background-color: rgba(91, 197, 0, .4) !important;
	border-color: rgba(91, 197, 0, .4) !important;
}
*/

.link-dialog .modal-dialog {
	max-width: 640px;
}

.note-btn i {
	top: auto !important;
	margin: 0 !important;
}

.note-editor {
	overflow: visible !important;
}

.note-editor .note-dropzone { opacity: 0 !important; }

.note-editor .note-toolbar {
	padding: 5px 10px 10px;
	border: none;
}

.note-btn, .note-btn i, .note-btn i:before {
	text-align: center !important;
}

.note-color .dropdown-menu {
	width: 360px;
	padding: 10px 0 10px 15px;
}

.note-color .dropdown-menu .btn-group {
	float: left;
	width: 50%;
}

.note-editor.note-frame {
	border-radius: 4px;
	/*overflow: hidden;*/
	border: none;
	box-shadow: none;
	margin-bottom: 0;
	background: #f4f5f7;
}

.note-editor.note-frame .note-editing-area {
	overflow: hidden;
	margin: 0 10px;
	border: 1px solid #eee;
	border-radius: 4px;
}

.note-editor.note-frame .note-statusbar {
	border: none;
}

.note-frame .modal-header * {
	color: #fff;
}

.note-frame .modal-header .close:hover span {
	color: #f05d78;
}

.btn-group > .btn + .dropdown-toggle {
	padding-left: 3px;
	padding-right: 0;
}

.note-palette-title {
	font-size: 14px;
	margin: 0;    
	text-transform: none;
	font-weight: bold;
	letter-spacing: 0;
}

.dropdown-fontname {
	text-transform: none;
	letter-spacing: 0;
}

.note-icon-caret {
	margin: 0 -5px 0 7px;
}

.note-editable b, .note-editable strong {
	font-weight:800;
}

/*------------------  form validation ------------------*/

.cmxform .form-group label.error {
	display: inline-block;
	margin: 8px 0;
	color: #e55957;
	font-weight: 400;
	white-space: nowrap;
}

.cmxform .form-group .chk-fv label.error {
	margin-left: 30px !important;
	display: inline-block;
	margin: 0;
}

.m-t-less-6 {
	margin-top: -6px;
}

/*------------------  form wizard ------------------*/

.wizard > .content {
	background: #fff;
}

.wizard > .content > .body {
	padding:0px;
	margin: 2em 0;
}

.wizard > .content > .body ul > li {
	display: block;
}

.wizard > .steps .number {
	font-size: 13px;
	text-align: center;
	background: #0084af;
	color: #ffffff;
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
	background: #00a9e0;
	color: #fff;
	cursor: default;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active, .wizard > .content {
	border-radius: 2px;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
	background: #5BC500;
	background: white;
	box-shadow: inset 0 0 0 1px #5BC500;
}

.wizard > .steps .first a{
	margin-left: 0;
}

.wizard > .steps .current a .number,
.wizard > .steps .current a:hover .number,
.wizard > .steps .current a:active .number{
	background: #5bc500;
	color: #ffffff;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active,
.wizard > .steps .done .number {
	background: #c0d877;
	/*color: #323232;*/
}

.wizard > .content > .body label.error {
	margin-left: 0;
	color: #e55957;
}

.wizard > .actions {
	/*margin-bottom: 30px;*/
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
	background: #5BC500;
	color: #fff;
	border-radius: 2px;
}

.wizard > .actions a[href='#previous'] {
	background: transparent;
	color: #8a8a8a;
	border-radius: 2px;
	border: 1px solid #c3c3c3;
}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
	display: none;
}

.wizard > .content > .body label {
	display: inline-block;
	margin-top: 0px;
}

.wizard > .content > .body ul > li {
	display: block;
	line-height: 30px;
}

.wizard > .content > .body ul.nav-justified > li {
	display: table-cell;
	line-height: 30px;
}

/*----------------------    gallery -----------------------*/

.gal-tools a {
	color: #555;
	margin-left: 20px;
}

.gal-tools a:hover {
	color: #53d192;
}

.gal-tools a i {
	padding-right: 5px;
}

.gal-upload .file-caption {
	display: none;
}


.gallery {
	margin: 0 -5px;
	padding: 0;
}

.gallery li{
	float: left;
	margin: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery a {
	display: block;
	overflow: hidden;
	border-radius: 5px;
}

.gallery a:hover {
	box-shadow: 0 0 0 2px #00A9E0;
}

.gallery li img{
	width: 100%;
	height: auto;
}

/*---------------------- Movistar Cards -----------------------*/

.movi-card {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 181px;
	margin-bottom: 2.5em;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	display: block;
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
	overflow: hidden;
}

.movi-card h3, .movi-card h2 {    
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin: 0;
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	text-shadow: 0px 3px 8px rgba(0, 0, 0, .8);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .5px;
	z-index: 2;
	padding: 0 20px;
}

.movi-card h2 {
	font-size: 2em;
}

.movi-card .sticker-top {
	position: absolute;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 20px;
	color: #f4f5f7;
	top: 15px;
	right: 10px;
	padding: 4px 16px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.description {
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.45);
}

.horizontal-card .description,
.module-card .description {
	color: white;
	text-align: center;
	width: 100%;
	-webkit-transform: translate3d(0,120px,0);
	transform: translate3d(0,120px,0);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	padding: 0px 20px;
}

.horizontal-card:hover .description,
.module-card:hover .description{
	opacity: 1;
	-webkit-transform: translate3d(0,70px,0);
	transform: translate3d(0,70px,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.eje-zonal:hover .description {
	opacity: 1;
	-webkit-transform: translate3d(0,120px,0);
	transform: translate3d(0,120px,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.horizontal-card .description {
	-webkit-transform: translate3d(0,180px,0);
	transform: translate3d(0,180px,0);
}


.horizontal-card:hover h3,
.module-card:hover h3 {
	opacity: 1;
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
}

.vertical-card .description {
	color: white;
	text-align: center;
	width: 100%;
	-webkit-transform: translate3d(0,350px,0);
	transform: translate3d(0,350px,0);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	padding: 0px 20px;
}

.vertical-card:hover .description {
	opacity: 1;
	-webkit-transform: translate3d(0,250px,0);
	transform: translate3d(0,250px,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.vertical-half-card .description {
	color: white;
	text-align: center;
	width: 100%;
	-webkit-transform: translate3d(0,350px,0);
	transform: translate3d(0,350px,0);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	padding: 0px 20px;
	font-size: 16px;
	z-index: 2;
}

.vertical-half-card:hover .description {
	opacity: 1;
	-webkit-transform: translate3d(0,130px,0);
	transform: translate3d(0,130px,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.sm-title h3 {
	font-size: 18px;
}

.sm-title:hover h3 {
	-webkit-transform: translateY(-120%);
	transform: translateY(-120%);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
}

.sm-title:hover .description {
	opacity: 1;
	-webkit-transform: translate3d(0,100px,0);
	transform: translate3d(0,100px,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.sm-title .description {
	color: white;
	text-align: center;
	width: 100%;
	-webkit-transform: translate3d(0,120px,0);
	transform: translate3d(0,120px,0);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	padding: 0 20px;
}

.module-card:hover .description{
	-webkit-transform: translate3d(0,80px,0);
	transform: translate3d(0,80px,0);
}

.module-card-sm {
	min-height: 300px;
}

.movi-card .label-finalizado {
	position: absolute;
	bottom: 12%;
	right: 5%;
	font-size: 2em;
	width: 40%;
	text-align: right;
	line-height: 27px;
	color: white;
}

.movi-card-footer p {
	margin: 0;
	font-size: 13px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.movi-card-footer {
	font-size: 14px;
	padding: 7px 20px;
	background: #ffffff;
	color: #00a9e0;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 2; 
}

.movi-card-footer .data-card {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.movi-card-footer .data-card li{
	display: inline-block;
	margin-right: 10px;
}

.movi-card-footer .button{
	float: right;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	margin-top: 2px;
}

.movi-card-footer .button:first-of-type {
	margin-left: 20px;
}

.movi-card-footer i{
	vertical-align: middle;
}


.movi-card:hover:before {
	background-image: radial-gradient(circle at bottom center, rgb(102, 102, 102, .45), rgba(16, 14, 23, .75)); 
	background-image: -webkit-radial-gradient(circle at bottom center, rgb(102, 102, 102, .45), rgba(16, 14, 23, .75)); 
	background-image: -moz-radial-gradient(circle at bottom center, rgb(102, 102, 102, .45), rgba(16, 14, 23, .75));
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.new-label{
	padding: 10px 15px;
	text-align: center;
	color: white;
	display: inline-block;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 0 0 5px 0;
	font-size: 14px;
	position: absolute;
	z-index: 1;
	top: 0;
}

.comunicados-unread {
	background: #f34444;
	border-radius: 20px;
	padding: 2px 7px;
	margin-left: 5px;
	position: absolute;
	color: #fff;
	top: 10px;
	right: 10px;
	font-size: 14px;
	z-index: 1;
}

.vertical-card {
	min-height: 550px;
}

.vertical-half-card {
	min-height: 258px;
}

.horizontal-card {
	min-height: 160px;
	margin-bottom: 2.5em;
}

.horizontal-card.eje-zonal {
	min-height: 258px;
	margin-bottom: 2.5em;
}

.horizontal-card .label-finalizado {
	bottom: 25%;
	width: 22%;
	right: 3%;
}

.green-card .movi-card-footer {
	color: white;
	background-color: #6dcb1b;
}

.blue-card .movi-card-footer {
	color: white;
	background-color: #1ab2e3;
}

.lightblue-card .movi-card-footer {
	color: white;
	background-color: #32d7db;
}

.purple-card .movi-card-footer  {
	color: white;
	background-color: #a05da2;
}

.pink-card .movi-card-footer {  
	color: white;
	background-color: #f05d78;
}

.green-card:before {
	background-color: rgba(153, 204, 0, 0.45);
}

.blue-card:before {
	background-color: rgba(0, 169, 224, 0.45);
}

.lightblue-card:before {
	background-color: rgba(50, 215, 219, 0.45);
}

.purple-card:before {
	background-color: rgba(118, 53, 104, 0.45);
}

.pink-card:before {
	background-color: rgba(235, 85, 123, 0.45);
}

.pink-card:before {
	background-color: rgba(235, 85, 123, 0.45);
}

.movi-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at bottom center, rgb(102, 102, 102, .2), rgba(16, 14, 23, .75)); 
	background-image: -webkit-radial-gradient(circle at bottom center, rgb(102, 102, 102, .2), rgba(16, 14, 23, .75)); 
	background-image: -moz-radial-gradient(circle at bottom center, rgb(102, 102, 102, .2), rgba(16, 14, 23, .75));
}

.disable-card {
	pointer-events: none;
}

.disable-card:before {
	background-color: rgba(243, 243, 243, 0.8) !important;
}


.disable-card .movi-card-footer {
	color: white;
	background-color: #7f7e82 !important;

}

.agenda-bckg {
	background-image: url(../img/agenda-bckg.jpg);
}

.induccion-bckg {
	background-image: url(../img/induccion-bckg.jpg);
}

.recurrente-bckg {
	background-image: url(../img/recurrente-bckg.jpg);
}

.certificacion-bckg {
	background-image: url(../img/certificacion-bckg.jpg);
}

.sugeridos-bckg {
	background-image: url(../img/sugeridos-bckg.jpg);
}

.fijo-bckg {
	background-image: url(../img/fijo-bckg.jpg);
}

.elipsis {
	width: 194px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#slider-text ul li a{
	color: #fff;
	font-size: 19px;
}

.hide-noti {
	display: none !important;
}

/*---------------------- Course and course video player with projekktor -----------------------*/

.course {
	width: 100%;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}

.course--featured-main {
	height: 450px;
}

@media only screen and (max-width: 1280px) {
	.course--featured-main {
		height: 380px;
	} 
}

.course--featured-smaller {
	height: 350px;
}

.course--module {
	height: 260px;
}

.course--module-featured {
	height: 540px;
}

@media only screen and (max-width: 767px) {
	.course--module-featured {
		height: 260px;
	}
}

@media only screen and (max-width: 767px) {
	.course--featured-main, .course--featured-smaller {
		height: 320px;
	}
}

@media only screen and (max-width: 500px) {
	.course--featured-main, .course--featured-smaller {
		height: 230px;
	}
}

.course__pic, .course__overlay {
	width: 100%;
	position: absolute; 
}

.course__pic {
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-color: white;
	-ms-behavior: url(polyfills/backgroundsize.min.htc); 
}
.course__overlay {
	padding: 20px 25px 25px 25px;
	bottom: 0; 
}
@media only screen and (max-width: 500px) {
	.course__overlay {
		padding: 15px 25px 15px 25px;
	} 
}

.course__overlay:before {
	content: ' ';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 18px 15px;
	position: absolute;
	top: -18px;
	right: 15%; 
}

.course__overlay--compact {
	padding: 10px 25px 15px 25px; 
}

.course__overlay--default {
	background-color: #129DC0;
	background-color: rgba(18, 157, 192, 0.88); 
}

.course__overlay--default:before {
	border-color: transparent transparent #129DC0 transparent;
	border-color: transparent transparent rgba(18, 157, 192, 0.88) transparent; 
}

.course__overlay--alt {
	background-color: #7AB901;
	background-color: rgba(122, 185, 1, 0.88); 
}

.course__overlay--alt:before {
	border-color: transparent transparent #7AB901 transparent;
	border-color: transparent transparent rgba(122, 185, 1, 0.88) transparent;
}
.course__title, .course__description {
	color: white;
	margin: 0;
}
.course__title {
	font-weight: normal;
	padding-bottom: 3px;
}
@media only screen and (max-width: 500px) {
	.course__title {
		font-size: 1.3em;
	}
}
.course__description {
	font-size: 0.9em;
	line-height: 21px;
	max-height: 42px;
}

@media only screen and (max-width: 767px) {
	.course__description {
		display: none;
	}
}

.course__btn-container {
	height: 0px;
	overflow: hidden;
	-webkit-transition: all 350ms;
	transition: all 350ms;
}

.course__btn-container.is-visible {
	height: 54px;
}

.course__btn {
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 0 12px 0 14px;
	height: 39px;
	line-height: 39px;
	margin-top: 15px;
	text-align: center;
	background: white;
	-webkit-transition: all 350ms;
	transition: all 350ms;
}

.course__btn i {
	position: relative;
	top: 1px;
	margin-left: 7px;
	font-size: 0.9em;
}
.course__btn:hover, .course__btn:focus, .course__btn:active {
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.course-video__container {
	width: 100%;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.course-video__player {
	width: 100%;
}

.course-video__overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: none; 
}

.course-video__overlay:before {
	content: ' ';
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
}

.course-info {
	position: relative;
	width: 100%;
	height: 250px; 
}

.course-info__title {
	width: 100%;
	font-family: 'Telefonica Hand', sans-serif;
	font-size: 3em;
	font-weight: normal;
	color: white;
	background-color: #005C84;
	background: rgba(0, 92, 132, 0.68);
	margin: 0;
	padding: 2em 1em;
	position: absolute;
	z-index: 2;
	height: 100%;
	text-align: center;
}

.course-info__pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-ms-behavior: url(polyfills/backgroundsize.min.htc);
}

.course-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.course-list__item {
	line-height: 50px; 
}

.course-list__item a {
	display: flex;
	line-height: 1em;    
	background: #ffffff;
	padding: 30px 15px;
	color: #5bc500;
	border-bottom: 1px solid #f1f1f1;
	outline: 0;
	position: relative; 
}

.course-list li:last-child a {
	border-bottom: unset;
}

.course-list__item a span {
	color: #5bc500;
	font-size: 0.85em;
	font-weight: bold;
	align-self: center; 
}

.course-list__item a:hover, .course-list__item a:focus {
	color: #5bc500;
	background: #f1f1f1;
	border-color: #f1f1f1;
}
.is-playing a span {
	margin-left: auto;
	color: #fff;
}
.course-list__item a > i {
	margin-right: 6px;
	align-self: center;
}

.course-list__item.is-viewed a > i, .course-list__item.is-playing a > i {
	width: 32px;
	height: 32px;
	display: flex;
	position: absolute;
	right: 20px;    
	border-radius: 16px;
	color: white;
	font-size: 0.9em;
	margin-right: 0;
	align-self: center;
	align-items: center;
	justify-content: center;
}

.course-list__item.is-viewed a {
	color: #666;
}

.course-list__item.is-viewed a > i {
	background: #5bc500; 
}

.course-list__item.is-playing a {
	background-color: #b1abab;
	color: #fff; 
}

.course-list__item.is-playing a > i {
	background: #f4f5f7;
	color: #b1abab; 
}

.module__title {
	font-size: 3.2em;
	color: white;
	font-weight: normal;
	margin-left: 5px;
	text-shadow: 0px 0px 30px #005C84, 0px 0px 30px #005C84;
}

@media only screen and (max-width: 767px) {
	.module__title {
		font-size: 2.8em;
	} 
}
@media only screen and (max-width: 460px) {
	.module__title {
		font-size: 2.4em;
		text-align: center;
	}
}
@media only screen and (max-width: 400px) {
	.module__title {
		font-size: 2.2em;
	}
}
.module__grid {
	*zoom: 1;
}
.module__grid:before, .module__grid:after {
	content: " ";
	display: table;
}
.module__grid:after {
	clear: both;
}
.module__course {
	width: 33.332%;
	float: left;
	padding: 10px;
}
@media only screen and (max-width: 1023px) {
	.module__course {
		width: 50%;
	}
}
@media only screen and (max-width: 767px) {
	.module__course {
		width: 100%;
	}
}


/*---------------------- Slick quiz -----------------------*/

#js-quiz .quiz {
	width: auto;
	max-width: 620px;
	display: block;
	color: white;
	position: absolute;
	right: 5%;
}

#js-quiz .quiz__btn--main {
	color: #6BA001;
}
#js-quiz .quiz__btn--main {
	background: #FFFFFF;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all 250ms;
	transition: all 250ms;
}

#js-quiz .quiz__btn {
	height: 48px;
	line-height: 46px;
	display: inline-block;
	border-radius: 25px;
	padding: 0 25px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	outline: 0;
	cursor: pointer;
	background: #5bc500;
	color: #fff;
	border: none;
	font-weight: 500;
	font-size: 15px;
}

.quiz {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	border-radius: 4px;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.08);
}

.modal-body .quiz {
	box-shadow: none;
}

.panel .quiz {
	box-shadow: unset;
}

.quiz--post-video {
	display: none; 
}

.quiz__header {
	padding: 35px 30px 0;
	text-align: center 
}

.quiz__header--post-video {
	background: transparent;
}
.quiz__header--certif {
	background: transparent; 
}

.quiz__header-subtitle {
	font-size: 16px;
	color: #666;
}

.quiz__header-title, .certif-results__title {
	font-size: 22px;
	font-weight: 600;
	color: #5bc500;
	margin: 0;
}

.quiz__header-title--certif:before {
	position: relative;
	left: -4px;
	top: 3px;
}

.quiz__container {
	padding: 25px 20px;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.quiz__container--post-video {
	background: transparent;
	border-radius: 4px; 
}

.quiz__container--certif {
	background: transparent; 
}

.quiz__container--error, .quiz__container--success {
	background: transparent;
	color: #333;
	line-height: 1.5;
}

.quiz__tips {
	width: 100%;
	display: flex;
}

.quiz__tips:before, .quiz__tips:after {
	content: " ";
	display: table; 
}

.quiz__tips:after {
	clear: both; 
}

.quiz__buttons {
	text-align: center;
	font-size: 1.2em;
	margin: 10px 0 40px;
}

.quiz__buttons button {
	margin-right: 15px; 
}
.quiz__buttons button:last-child {
	margin-right: 0; 
}

.quiz__btn {
	height: 48px;
	line-height: 46px;
	display: inline-block;
	border-radius: 2px;
	padding: 0 25px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border: 1px solid #5BC500;
	outline: 0;
	cursor: pointer; 
}

@media only screen and (max-width: 640px) {
	.quiz__btn {
		display: block;
		width: 100%;
		margin-bottom: 8px;
	}
	.quiz__btn:last-of-type {
		margin-bottom: 0px;
	}
}

.quiz__btn i {
	font-size: 1em;
	position: relative;
	padding-right: 10px; 
}

.quiz__btn--main, .quiz__btn--main-certif {
	background: #5BC500;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all 250ms;
	transition: all 250ms; 
}

.quiz__btn--main:hover, .quiz__btn--main:active, .quiz__btn--main:focus, .quiz__btn--main-certif:hover, .quiz__btn--main-certif:active, .quiz__btn--main-certif:focus {
		/*-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1); */
		background: #50ab02 !important;
	}

	.quiz__btn--main {
		color: #6ba001; 
	}

	.quiz__btn--main:hover {
		background: #50ab02 !important;
	}

	.quiz__btn--main i {
		color: #6ba001; 
	}

	.quiz__btn--main-certif {
		color: white; 
	}

	.quiz__btn--main-certif i {
		color: white; 
	}

	.quiz__btn--alt {
		background: transparent !important;
		border: 2px #5bc500 solid !important;
		color: #5bc500 !important;
		-webkit-transition: all 350ms;
		transition: all 350ms; 
	}

	.quiz__btn--alt .repeat {
		top: 1px; 
	}

	.quiz__btn--alt:hover {
		border: 2px #50ab02 solid !important;
		color: #50ab02 !important;
	}

	.quizHeader {
		display: flex;
	}

	.quiz__tip {
		flex: 1;
		/*float: left;*/
		text-align: center;
		padding-top: 55px;
		border-top: 1px solid #ebe9e9; 
	}

	.quiz__tip i {
		color: #5bc500;
		height: 64px;
		width: 64px;
		display: block;
		margin: 0 auto 15px;
		position: relative;
		font-size: 72px;
	}

	.quiz__tip p {
		padding: 0 12px;
		font-size: 16px;
		color: #666;
	}
	.quiz__tip--one i:before, .quiz__tip--two i:before, .quiz__tip--three i:before {
		content: '';      
		width: 64px;
		height: 64px;
		left: 50% !important;
		top: 0;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, 0);
		position: absolute;
	}

	.quiz__tip--one i:before {
		background: url(../img/correct-icon.svg) center center no-repeat; 
	}

	.quiz__tip--two i:before {
		background: url(../img/timer-icon.svg) center center no-repeat; 
	}

	.quiz__tip--three i:before {
		background: url(../img/wrong-icon.svg) center center no-repeat; 
	}

	@media only screen and (min-width: 1400px) {
		.quiz__tip p {
			font-size: 0.9em;
		}
	}
}

.quiz__tip--certif {
	width: auto;
	max-width: 70%;
	margin: 0 auto;
	float: none; 
}

.quiz__tip--certif p {
	font-size: 1.5em;
	margin-bottom: 0;
	line-height: 1.3em; 
}

.questionCount {
	padding: 15px 20px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9;
	border-radius: 15px 15px 0 0;
}

@media only screen and (max-width: 640px) {
	.quiz__tips {
		flex-direction: column;
	}

	.quiz__tip {
		width: 100% !important;
		border-top: none !important;
		padding-top: 20px !important;
	}
}

.quiz__results {
	padding: 25px;
	text-align: center;
}
.quiz__results-copy {
	max-width: 600px;
    margin: 0 auto 25px auto;
    font-size: 18px;
}
.quiz__multiple {
	padding: 0 15px;
	display: none;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.quiz__multiple {
		padding: 0; 
	} 
}

.quiz__results-alt {
	display: none; 
}

.quiz-timer {
	position: absolute;
	top: 7px;
	right: 7px;
	background: #f05d78;
	text-align: center;
	padding: 8px;
	border-radius: 20px;
	color: #fff;
	display: none;
}

.quiz-timer:before {
	display: block;
	font-size: 1.1em;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 10px;
}

.quiz-timer__remaining {
	font-size: 1em;
	display: inline-block;
	padding: 0 5px;
	min-width: 70px;
	text-align: right;
}

.multiple__item {
	border: 1px solid #006587;
	margin-bottom: 25px; 
}

@media only screen and (max-width: 1023px) {
	.multiple__item {
		font-size: 0.9em;
	}
}

.multiple__question {
	padding: 8px 30px 10px 30px;
	margin: 0;
	background: #006587;
}
.multiple__answers {
	*zoom: 1;
	list-style: none;
	padding: 15px 0;
	margin: 0;
}

.multiple__answers:before, .multiple__answers:after {
	content: " ";
	display: table;
}

.multiple__answers:after {
	clear: both;
}

.multiple__answers.is-answered .multiple__answer {
	color: #69B3CB;
}

.multiple__answers.is-answered .is-selected {
	color: white !important;
}

.multiple__answers.is-answered .is-selected a {
	border-color: #769cc8;
}

.multiple__answer {
	display: inline-block;
	width: 33.332%;
	float: left;
	-webkit-transition: all 150ms;
	transition: all 150ms; 
}

@media only screen and (max-width: 767px) {
	.multiple__answer {
		display: block;
		width: 100%;
		float: none;
		margin-bottom: 8px;
	} 
}

.multiple__answer a {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 2px;
	padding: 3px 14px;
	-webkit-transition: all 150ms;
	transition: all 150ms; 
}

.certif-results {
	padding: 25px;
	text-align: center;
}

.certif-results__title {
	padding-top: 15px;
	margin-bottom: 30px; 
}

.certif-results__title:before {
	display: block;
	font-size: 3em;
	text-align: center;
	padding-bottom: 5px;
}

.certif-results__copy {
	max-width: 100%;
	margin: 0 auto;
	line-height: 1.5em; 
	font-size: 18px !important;
}

ol.questions, ul.answers, ul.responses, ol.questions li, ul.answers li, ul.responses li {
	list-style-type: none; 
}

ul.answers {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 800px;
}

.quizName span:first-child {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; 
}

.questions {
	margin: 0;
	padding: 0 0 25px 0;
	list-style: none;
	text-align: center; 
}

.question h3 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 10px 0;
	text-align: left;
	padding: 27px 80px 25px 30px; 
}

.question .video {
	width: 85%;
	margin: 25px auto;
	display: block;
}  

.answers {
	padding: 0 20px;
	*zoom: 1; 
}

.answers:before, .answers:after {
	content: " ";
	display: table;
}

.answers:after {
	clear: both;
}

.answers li {
	display: inline-flex;
	padding: 12px 20px;
	border-radius: 80px;
	clear: both;
	-webkit-transition: all 350ms;
	transition: all 350ms;
	cursor: pointer;
	text-align: left;
	margin-bottom: 10px;
	font-size: 19px; 
	align-items: center;
	border: 2px solid #eee;
	border-radius: 10px;
	padding: 10px 15px;
	align-items: center;
}

.answers li label img {
	width: 100% !important;
	height: auto !important;
}

.answers li:last-child {
	margin-bottom: 0px;
}

.answers li input  {
	font-size: 18px;
	cursor: pointer; 
}

.answers li label {
	padding-left: 5px;
	position: relative;
	margin-bottom: 0;
	cursor: pointer; 
	font-size: 16px;
	font-weight: 300;
	flex-grow: 1;
}

.answers .checked {
	background-color: #FFFFFF;
	border-color: white;
	color: #005C84; 
}

.answers-video li {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.answers-img li {
	display: inline-block;
	padding: 0px 10px;
	/*float: left;*/
	clear: none !important;
	text-align: center;
	width: 100%;
	padding-left:0;
}

.answers-img li label {
	padding-left:0;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	border: 10px solid transparent;
}

.answers-img li input[type=radio],
.answers-img li input[type=checkbox] {
	display: none;
}

.answers li input[type="radio"]:checked + label,
.answers li input[type="checkbox"]:checked + label {
	background: none;
}

.answers li input[type="radio"],
.answers li input[type="checkbox"]  {
	margin: 0 5px 0 0;
	visibility: hidden;
}


.questions [type="checkbox"]:checked + label:before,
.questions [type="checkbox"]:not(:checked) + label:before,
.questions [type="radio"]:checked + label:before,
.questions [type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 2px;
	width: 18px;
	height: 18px;
	border: 2px solid #666;
	border-radius: 100%;
	background: #fff;
}

.questions [type="checkbox"]:checked + label:after,
.questions [type="checkbox"]:not(:checked) + label:after,
.questions [type="radio"]:checked + label:after,
.questions [type="radio"]:not(:checked) + label:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	left: -15px;
	top: 7px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.questions [type="checkbox"]:not(:checked) + label:after, .questions [type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.answers-img li .checked-answer {
	border: 10px solid #005c84;
	border-radius: 5px;
}

.answers-img li .checked-answer:after,
.answers-video li .checked-answer:after
{
	content: "\53";
	font-family: "dripicons-v2" !important;
	font-size: 40px;
	line-height: 2;
	display: block;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background-color: #005c84;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0.7;
	text-align: center;
}

.answers-video li .checked-answer .video {
	border: 8px solid #005f80;
	border-radius: 5px;
}

.responses {
	padding: 0 20px;
	margin: 0; 
}

.responses p {
	max-width: 800px;
	margin: 30px auto;
	font-size: 16px;
	color: #333;
	position: relative; 
}

.responses .correct p:not(:first-child):before, .responses .incorrect p:not(:first-child):before {
	display: none;
}

.responses .correct:before {
	content: "Correcto";
	margin-bottom: 34px;
	display: block;
	margin-top: 40px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
}

.responses .incorrect:before {
	content: "Incorrecto";
	margin-bottom: 34px;
	display: block;
	margin-top: 40px;
	color: #f05d78;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
}

.responses .incorrect p:first-child:before {
	content: "\39";
	color: #f05d78;
	font-family: 'dripicons-v2';
	display: flex;
	margin: -20px auto 40px;
	font-size: 30px;
	width: 50px;
	height: 50px;
	border: 3px solid;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.responses .correct p:first-child:before {
	content: "\53";
	font-family: 'dripicons-v2';
	display: flex;
	margin: -20px auto 40px;
	font-size: 30px;
	width: 50px;
	height: 50px;
	border: 3px solid;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.checkAnswer, .nextQuestion {
	display: inline-block;
	height: 48px;
	line-height: 46px;
	font-size: 16px;
	border-radius: 4px;
	padding: 0 25px;
	border: 1px solid #5BC500;
	outline: 0;
	cursor: pointer;
	background: #5BC500;  
	margin-top: 15px;
}

.startQuiz, .nextQuestion, .backToQuestion, .questions li.question, .questions li.question .responses, .questions li.question .responses .correct, .questions li.question .responses .incorrect, .quizResults {
	display: none; 
}

.question.complete .nextQuestion {
	display: inline-block !important; 
}

.nextQuestion.checkAnswer {
	display: inline-block; 
}

.quiz--post-video .question h3, .quiz--certif .question h3  {
	background: #00a9e0;
	padding: 27px 80px 25px 40px;
	text-align: left;
	border-radius: 4px 4px 0 0;
	color: #fff;
}

.questionCount + .questionClass, .questionCount + h3 {
	border-radius: 0 !important;
}

.quiz--post-video .checkAnswer, .quiz--post-video .nextQuestion {
	background-color: #5bc500;
	color: #ffffff !important;
	border: 0; 
}

.quiz--certif .checkAnswer, .quiz--certif .nextQuestion {
	color: white;
}

.quiz__container--error .nextQuestion {
	color: red;
}

/*---------------- breadcrumbs ---------------------*/


.breadcrumb-head {
	padding: 30px 20px;
	position: relative;
}

.breadcrumb-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 18px;
}

.breadcrumb-nav li {
	display: inline-block;
	margin-right: 4px
} 

.breadcrumb-nav li:after {
	font-size: 16px;
	color: #859AAB;
	top: 2px;
	position: relative;
	margin-left:5px;
} 

.breadcrumb-nav li a {
	color: #859AAB;
} 

.breadcrumb-nav li a:hover {
	text-decoration: underline;
} 

.breadcrumb-nav li:last-child {
	color: #859AAB;
	margin-right: 0;
}


.breadcrumb-nav li:last-child::after {
	display: none;
}

/*-------------------------*/


#slider-text {
	height: 36px;
	overflow: hidden;
}

#slider-text ul {
	list-style: none;
	padding: 0;
	display: block;
}

.sidebar {
	position: fixed;
	width: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 500000;
}

.sidebar.right {
	top: 0;
	right: 0;
	bottom: 0;
}

#divCursos .search-course {
	background-color: #fff;
}

.course-title {
	color: #005C84;
	display: inline-block;
	margin-top: 0;
}

/*------------ search input -------------*/

.search-course-form {
	position: relative;
	margin-bottom: 2em;
}

.search-course-form button, .search-course-form i {
	background-color: transparent;
	border: 0;
	font-size: 20px;
	position: absolute;
	right: 1%;
	top: 28%;
	outline: none;
	color: #949494;
}

.search-course {
	height: 46px;
	border: none;
	background-color: #f4f5f7;
	padding: 8px 12px;
	width: 100%;
	border-radius: 4px;
	font-size: 15px;
	line-height: initial;
	outline: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.search-course:focus {
	color: #00a9e0;
	box-shadow: inset 0 0 0 1px #00a9e0;
}

.search-course:focus + button, .search-course-form:focus-within button {
	color: #00a9e0;
}


/*------------ basic-card-course -------------*/


.basic-card-course {
	padding: 2em 1em 2.2em;
	font-size: 15px;
	margin: 25px 0;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
	background-color: white;
}

.basic-card-course .data {
	padding: 0;
	margin:0;
	list-style: none;
}

.basic-card-course .data li {
	display: inline-block;
	width: 14%;
	text-align: center;
}

.basic-card-course .data li:first-child {
	text-align: left;
}

.basic-card-course .data li:nth-last-child(2) {
	margin-right: 0;
}

.basic-card-course .data li i {
	font-size: 20px;
	position: relative;
	top:4px;
}

.basic-card-course .data li .label {
	font-size: 14px;
}

.basic-card-course .obligatorio {
	color: #5BC500;
}

.basic-card-course .no-obligatorio{
	color: #00a9e0;
}

/*------------ report-card -------------*/

.report-card {
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
	margin-bottom: 2em;
	background-color: white;
}

.report-card header{
	width: 30%;
	padding: 1em 3em;
	float: left;
	border-right: 1px solid #dcdcdc;
	margin: 2em 0;
}

.report-card:before,
.report-card:after {
	content: "";
	clear: both;
	display: block;
}

.report-card header img {
	margin: auto;
	display: block;
}

.report-card header h3 {
	text-align: center;
	margin-bottom: 1em;
	font-size: 2em;
	color: #005C84;
}

.report-card header ul {
	font-size: 18px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.report-card header ul li {
	line-height: 2;
}

.report-container {
	padding: 3em 2em;
	/*float: left;
	width: 70%;*/
	background-color: white;
}

.report-container h3 {
	margin: 0;
	color: #005C84;
}

.report-container .progress {
	height: 20px;
}

.table-container {
	margin: 2em 0;
}

.report-container.report-container-agenda {
	width: 100%;
}

.report-container.report-container-agenda .table, 
.report-container.report-container-agenda .table-container {
	margin-bottom: 0;
}

.report-container.report-container-agenda .search-course-form,
.report-container .search-course-form,
.panel .search-course-form {
	margin-bottom: 0;
}

.report-container.report-container-agenda .search-course-form  .search-course,
.report-container .search-course-form  .search-course {
	padding: 0.5em 1em 0.6em;
	font-size: 15px;
}

.report-container.report-container-agenda .search-course-form button,
.report-container .search-course-form button {
	right: 4%;
	top: 19%;
}

.report-container .search-course-form {
	margin-top: 2em;
}

.progress-text span {
	font-weight: 700;
}
.table-report tbody tr {
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

.t-green:hover,
.tr-active {
	background-color: #fafafa;
}

.tr-active i {
	transform: rotate(180deg);
	display: inline-block;
}

.table-report td[colspan="4"] {
	border-left: 1px solid #5BC500;
	padding-left: 15px;
}

.table-report td[colspan="4"] table td{
	padding-left: 18px;
}

.tr-active a{
	color: white;
}

/*------------ panel -------------*/

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.08);
}

.panel .data-container{
	padding: 20px
}

.panel .data-container h3 {
	margin-top: 0;
	margin-bottom: 25px;
}

.panel .data-container h3 i {
	top: 4px;
	position: relative;
}

.panel .data-container .puntaje-text{
	font-size: 15px;
}

.panel .data-container .puntaje-text i {
	color: #5BC500;
	top: 7px;
	position: relative;
	font-size: 24px;
}

.panel-footer {
/*	padding: 0;
	background-color: transparent;
	border-top: 0;*/
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.notas {
	display: flex;
	flex-wrap: nowrap;
}

.nota {
	background-color: #f4f4f4;
	padding: 15px 15px 15px 30px;
	margin: 10px;
	border-radius: 5px;
	position: relative;
}
.nota p {
	font-size: 15px;
	margin: 0px;
}
.nota span {
	background-color: #8cd74d;
	padding: 3px 9px;
	border-radius: 20px;
	color: white;
	font-weight: 600;
	position: absolute;
	font-size: 14px;
	border: 2px solid white;
	left: -14px;
	top: 50%;
	transform: translateY(-50%);
}

.sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 40px; /* required */
}

.nav-vertical {
	height: auto;
}

.nav-vertical ul {
	padding-left: 0px;
}

.nav-vertical li {
	margin-bottom: 5px;
}

.nav-vertical li a {
	background-color: #00A9E0;
	color: white;
	display: block;
	padding: 5px 10px;
	border-radius: 40px;
	text-align: center;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.nav-vertical li a:hover {
	background-color: #0196c4;
}

.nav-vertical.affix {
	position: fixed;
	top: 60px;
}

.nav-vertical li a {
	color: white;
}

.item .panel-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #b5b5b5;
}

.item .panel-footer a {
	text-transform: uppercase;
	color: #5bc500 !important;
}

.panel-footer .btn {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.panel-footer .btn.kill-border-right {
	border-bottom-right-radius: 0px;
}

.panel-footer .btn.kill-border-left {
	border-bottom-left-radius: 0px;
}

.table .informacion {
	color: #5bc500;
	position: relative;
	top: 2px;
	left: 4px;
}

.table .informacion {
	color: #5BC500;
	position: relative;
	top: 2px;
	left: 4px;
}

.table-roles tbody td:first-child a, .table-roles tbody td:nth-child(2) a {
	font-size: 16px;
	color: #00a9e0;
}

.table-actions > div {
	display: inline-flex;
	margin: 0 -5px;
}

.table-actions a {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px !important;
	color: #00a9e0;
	border-radius: 550%;
	box-shadow: #00a9e0 0 0 0 1px;
	font-size: 14px;
}

.table-actions a:hover {
	background: #00a9e0;
	color: #fff;
}

.table-actions a.text-danger {
	color: #e55957;
	box-shadow: #e55957 0 0 0 1px;
}

.table-actions a.text-danger:hover {
	background: #e55957;
	color: #fff;
}

.table-roles .acciones a {
	color: #00a9e0;
	border-radius: 50%;
	margin: 0 5px;
	padding: 3px;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 14px;
}

.table-roles .acciones a:last-child:not(:only-child), .table-roles .acciones a.eliminar {
	color: #E03A00;
}

.table-roles .acciones a:hover {
	color: #fff;
	background: #00a9e0;
}

.table-roles .acciones a:nth-child(2):hover, .table-roles .acciones a.eliminar:hover {
	background: #E03A00 !important;
}

.title-estructura {
	color: #00a9e0;
	font-size: 16px;
	text-transform: uppercase;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.btn-editar {
	padding: 6px;
	margin: 25px 0 0;
	font-weight: 400;
}

.btn-editar i {
	position: relative;
	top: 2px;
}

.btn-cancel {
	background: #C83939 !important;
}

.resultado-nombre-canal {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	color: #00a9e0;
	margin: 30px 0;
	padding: 10px;
	background: #eee;
	border-radius: 2px;
	text-transform: capitalize;
}

.programa-capacitacion {
	margin: 25px 0;
}

.programa-capacitacion li {
	font-size: 16px;
	display: block;
	padding: 10px 0;
	color: #00a9e0;
	font-weight: bold;
	border-top: 1px solid;
}

.programa-capacitacion ul li {
	font-size: 14px;
	color: #333;
	border: none;
	padding: 5px 0;
	margin: 0;
}

.programa-capacitacion ul ul li {
	font-weight: normal;
}

.permisos-rol {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}

.permisos-rol .form-group {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-moz-page-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

.permisos-rol small {
	color: #bbb;
}

.table td[contenteditable="true"]{
	cursor: pointer;
}

.choose-user {
	display: block;
	background-color: #5BC500;
	padding: 15px;
	color: white;
}

.choose-user p { 
	display: inline-block;
	font-size: 17px;
	margin-bottom: 0;
	vertical-align: middle;
}


.choose-user button[data-toggle="dropdown"] {
	background-color: transparent;
	font-size: 17px;
	color: white;
	border: 0;
	padding: 5px;
	border-bottom: 1px solid white;
	font-weight: 700;
}

.choose-user button[data-toggle="dropdown"] i{
	position: relative;
	top: 2px;
}

.choose-user .dropdown-menu{
	box-shadow: 0px 8px 33px -3px rgba(0, 0, 0, 0.3);
	border: 0;
	border-radius: 3px;
	padding: 0;
	font-size: 15px;
}

/*
.choose-user .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
		background-color: #5BC500;
		border-color: transparent;
		color: white;
}
*/

.choose-user .dropdown-menu>li>a {
	padding: 12px;
	color: #005f80;;
}

.choose-user .dropdown-menu>li>a:hover {
	color: white;
	background-color: #5BC500;
}

.pagination {
	margin-top: 0;
	margin-bottom: 20px;
}

.data-container .pagination {
	margin-bottom: 0;
}

.clear:after,
.clear:before {
	content: "";
	display: block;
	clear: both;
}

.red {
	color:#CF3A24;
}

.green {
	color:#26A65B;
}

.no-pad-faq {
	padding: 0;
}

.single-table {
	margin-top: 0;
}

.st-info {
	display: none;
}

/*---------------- datepicker ---------------------*/

.datepicker-days .day {
	cursor: pointer;
}

.datepicker-days .day:hover {
	background: #eee;
}

.datepicker-days .day.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: rgba(0, 0, 0, .075);
}

.datepicker {    
	top: 0;
	left: 0;
	padding: 10px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #6c6d71;    
}

.datepicker.dropdown-menu {
	border-top-color: #00a9e0;
	padding: 15px !important;
	box-shadow: 0 10px 10px 0 rgba(29,49,68,0.17);
	margin: 9px 0 0;
}

.datepicker td.day:hover, .datepicker thead tr:first-child th:hover {
	background-color: rgba(0, 169, 224, 0.12);
	color: #00A9E0;
	cursor: pointer;
}

.datepicker:before {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #00a9e0;
	border-bottom-color: #00a9e0;
	position: absolute;
	top: -8px;
	left: 8px;
}

.datepicker > div {
	display: none;
}

.datepicker table {
	width: 100%;
	margin: 0;
}

.datepicker td, .datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
}

.datepicker td.old, .datepicker td.new {
	color: #cacaca;
}

.datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
	background-color: #00a9e0;
	background-image: -moz-linear-gradient(top, #00a9e0, #00a9e0);
	background-image: -ms-linear-gradient(top, #00a9e0, #00a9e0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00a9e0), to(#00a9e0));
	background-image: -webkit-linear-gradient(top, #00a9e0, #00a9e0);
	background-image: -o-linear-gradient(top, #00a9e0, #00a9e0);
	background-image: linear-gradient(top, #00a9e0, #00a9e0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9e0', endColorstr='#00a9e0', GradientType=0);
	border-color: #00a9e0 #00a9e0 #00a9e0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
	background-color: #74cd26;
	color: #fff;
}


.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {
	background-color: #00a9e0 \9;
	color: #fff;
}

.datepicker td span {
	width: 50%;
	height: 35px;
	line-height: 54px;
	float: left;
	margin: 0;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.datepicker td span:hover {
	background-color: rgba(0, 169, 224, 0.12);    
	color: #00A9E0;
}

.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
	background: rgba(0, 0, 0, 0.15);
}

.datepicker td span.active:active, .datepicker td span.active.active {
	background-color: #00a9e0;
	color: #fff;
}

.datepicker td span.old {
	color: #fff;
}

.datepicker th.switch {
	width: 145px;
}

.datepicker th.next, .datepicker th.prev {
	font-size: 19.5px;
	padding-bottom: 8px;
}

.datepicker thead tr:first-child th {
	cursor: pointer;
}


/*---------------- toggle button ---------------------*/

.sw {
	opacity: 0;
	position: absolute;
	left: -9999px;
	cursor: pointer;
}

.sw + label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	display: inline-block;
	height: 25px;
	width: 49px;
	position: relative;
	box-shadow: inset 0 0 0px 2px #CF3A24;
	border-radius: 60px;
	background-color: #CF3A24;
	cursor: pointer;
}

.sw + label:before {
	content: "";
	position: absolute;
	display: block;
	height: 25px;
	width: 30px;
	top: 0;
	left: 0;
	border-radius: 15px;
	background: rgba(76, 217, 100, 0);
	-webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	cursor: pointer;
}

.sw + label:after {
	content: "";
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	top: 50%;
	margin-top: -11px;
	left: 27px;
	border-radius: 60px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	cursor: pointer;
}

.sw:checked + label:before {
	width: 50px;
	background: #5BC500;
	-webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;
	transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;
	cursor: pointer;
}

.sw:checked + label:after {
	left: 2px;
	cursor: pointer;
}
.sw:checked + label {
	box-shadow: inset 0 0 0px 25px #e4e4e4;
	-webkit-transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95);
	/*transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95);*/
	cursor: pointer;
}

.sw-xs + label {
	height: 22px;
	width: 34px;
}

.sw-xs + label:before {
	height: 22px;
	width: 15px;
}

.sw-xs:checked + label:before {
	width: 34px;
}

.sw-xs + label:after {
	height: 18px;
	width: 18px;
	margin-top: -9px;
	left: 14px;
}

/*-------------------------------   switch toggle  --------------------------------*/

.round {
	border-radius: 34px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	border-radius: 24px;
	margin: 0;
}

.switch input {
	display: none !important;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: -3px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-radius: 30px;
	margin-top: 3px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-radius: 13px;
}

input:checked + .slider {
	background-color: #5bc500;
}

input:focus + .slider {
	box-shadow: 0 0 1px #5bc500;
}

input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}


/*---------------- certificacion ---------------------*/

.certificate-container {
	background-image: url(../img/certificado-bckg.jpg);
	width: 100%;
	background-size: cover;
	padding: 20px;
	text-align: center;
}

.certificate-container .certificate {
	border: 3px solid #3c3c3c;
	padding: 20px;
}

.certificate-container .certificate:before,
.certificate-container .certificate:after {
	content: "";
	height: 30px;
	width: 30px;
	border: 3px solid #3c3c3c;
	display: block;
	position: absolute;
	top: 7px;
	right: 23px;
}

.certificate-container .certificate:after {
	top: initial;
	right: initial;
	bottom: 8px;
	left: 23px;
}

.crown img {
	height: 100px;
	display: block;
	margin: auto;
}

.certificate .main-title {
	width: 100%;
	margin: auto;
	position: relative;
}

.certificate .main-title h5, .certificate .name h5{
	font-size: 18px;
	margin: 20px 0 10px;
	color: #5bc500;
}

.certificate .main-title h2{
	background-color: #5BC500;
	color: white;
	padding: 5px 30px 10px;
	width: 50%;
	margin:auto;
	line-height: initial;
	font-size: 24px;
	border-radius: 50px;
}

.certificate .main-title h2:after,
.certificate .main-title h2:before {
	content: "";
	height: 3px;
	width: 25%;
	background-color: #5BC500;
	display: block;
	position: absolute;
	top: 67%;
	left: 0;
}

.certificate .main-title h2:before {
	left: inherit;
	right: 0;
}


.certificate .name{
	margin: 50px auto;
	width: 100%;
}

.certificate .name h1{
	padding: 25px 0 15px;
	border-bottom: 3px solid #5BC500;
	border-top: 3px solid #5BC500;
	margin: 10px 0;
	font-family: 'Telefonica Hand', sans-serif;
	font-size: 50px;
}

.certificate .name p{
	font-size: 18px;
	line-height: 1.2;
}

.certificate .name p:last-child {
	margin-top: 1em;
}

.signatures {
	margin: 0 auto;
	width: 100%;
}

.signatures h4 {
	font-weight: bold;
	color: #00a9e0;
	font-size: 24px;
}

.signatures:after,
.signatures:before {
	content: "";
	display: block;
	clear: both;
}

.signatures ul {
	float: left;
	margin-right: 6em;
	margin-bottom: 0;
	border-left: 5px solid #5BC500;
	padding-left: 1em;
}

.signatures ul:last-of-type{
	margin-right: 0;
}

.signatures li img {
	height: 50px;
}

.signatures .stamp {
	height: 90px;
	float: right;
}

.btn-ctf {
	font-size: 1.5em;
	width: 30%;
	margin-top: 1em;
	margin:auto;
	display: block;
}

.input-tables {
	border: 0;
	padding: 6px 8px;
	width: 100%;
}

.center-img {
	height: 150px;
	margin: 2em auto;
	display: block;
}

.no-cursos p {
	font-size: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

.no-cursos .btn{
	text-align: center;
	margin: auto;
	display: block;
	width: 35%;
	margin: 1em auto;
}

@-moz-keyframes wobble {
	16.65% {
		-moz-transform: translateX(8px);
		transform: translateX(8px);
	}

	33.3% {
		-moz-transform: translateX(-6px);
		transform: translateX(-6px);
	}

	49.95% {
		-moz-transform: translateX(4px);
		transform: translateX(4px);
	}

	66.6% {
		-moz-transform: translateX(-2px);
		transform: translateX(-2px);
	}

	83.25% {
		-moz-transform: translateX(1px);
		transform: translateX(1px);
	}

	100% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes wobble {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes wobble {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.wooble {
	-moz-animation-name: wobble;
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-moz-animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/*---------------- modal ---------------------*/

.modal {
	z-index: 1065;
	padding: 0 !important;
}

.modal-flex.in {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
}

.modal-flex .modal-dialog,
.modal-flex .modal-content,
.modal-flex .modal-body {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
}

.modal-flex .modal-body iframe {
	width: 100%;
	height: 100%;
	flex-grow: 1;
}

.modal-backdrop {
	z-index: 1060;
}

.modal-content {
	border-radius: 5px;
	overflow: hidden;
	border: none;
}

.modal-header {
	background: #00a9e0;
	color: #fff;
	border-bottom: 0;
	font-weight: bold !important;
	padding: 15px;
	border: none;
}

.modal-header .close {
	background: #f05d78;
	opacity: 1;
	color: #fff;
	text-shadow: none;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	font-size: 20px;
	transition: all .2s linear;
}

.modal-header .close i {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-header .close:hover {
	background: #fff;
	color: #f05d78;
}

.modal-body {
	padding: 20px 15px;
}

.modal-body h4 {
	color: #00a9e0;
	margin: 5px 0 20px;
	font-size: 20px;
}

.modal-600 {
	max-width: 600px
}

.modal-lg {
	max-width: 1000px
}

/*---------------- img uploader preview ---------------------*/

input[type=file].file-uploader {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.img-preview-form {    
	display: none;
	position: relative;
	border: 1px solid #eee;    
	margin-top: -1px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background: #eee;
	margin-top: 10px;
	border-radius: 4px;
}

.img-preview-form img, .img-preview-form video {
	width: 100%;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	height: 200px;
	width: auto;
	box-shadow: rgba(0,0,0,.2) 0 0 20px;
}

.img-preview-form video {
	margin-bottom: -4px;
}

a.delete-img, a.delete-content {
	color: #fff;
	background: #f05d78;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 5px;
	right: 5px;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

a.delete-img:hover, a.delete-content:hover {
	color: #f05d78;
	background: #fff;
	box-shadow: inset #f05d78 0 0 0 2px;
}

.file-name {
	text-align: center;
	display: inherit;
	font-size: 12px;
}

.btn .file-name {
	font-size: unset;
}

.file-name-video {
	position: relative;
	top: -5px;
	left: 5px;
	font-weight: 700;
}

.row > .delete-content {
	z-index: 999;
	right: 15px;
	top: 0;
	color: #f05d78;
	border: 1px solid #f05d78;
	background: transparent;
	width: 20px;
	height: 20px;
}

.row > .delete-content:hover {
	background: #f05d78;
	color: #fff;
}

a.delete-img:hover, a.delete-content:hover {
	color: #f05d78;
	background: #fff;
	box-shadow: inset #f05d78 0 0 0 2px;
}

.file-name {
	text-align: center;
	display: inherit;
	font-size: 13px;
}

.file-name-video {
	position: relative;
	top: -5px;
	left: 5px;
	font-weight: 700;
}

.btn-upload {
	background: #f4f5f7;
	color: #555 !important;
	transition: all .2s linear;
}

.btn-upload:hover {
	color: #00a9e0 !important;
	border: 1px solid #00a9e0;
	background: #d4f4ff;
}

.form-module {
	margin-top: 40px;
}

.form-module .collapse-title {
	border-bottom: 1px solid #00a9e0;
	padding-bottom: 10px;
	margin: 0 0 30px;
}

/*---------------- iframe pdf ---------------------*/

.iframe-container {
	overflow: hidden;
}

.iframe-content {
	border: 0px none; 
	height: 859px;
	margin-top: -254px;
	width: 100%;
}

.badge-pdf {
	position: absolute;
	top: -15px;
	right: -15px;
	z-index: 1;
}

.progress {
	background: #c3cbd1;
	margin: 0;
	margin-bottom: 10px;
	height: 20px;
	border-radius: 20px;
}

.progress-bar-lecciones {
	background: #00a9e0;
}

/*---------------- comunicados 1 ---------------------*/

.news-post {
	color: #656565;
	overflow: hidden;
}

.edit-post {
	position: fixed;
	bottom: 0;
	z-index: 1049;
	left: 50%;
	width: 40%;
	display: block;
	background-color: #5BC500;
	font-size: 20px;
	border-radius: 5px 5px 0 0;
	color: white !important;
	-webkit-transform: translateX(-35%);
	-ms-transform: translateX(-35%);
	-o-transform: translateX(-35%);
	transform: translateX(-35%);
	box-shadow: rgba(0,0,0,.4) 0 0 10px;
}

.btn-edition-group {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	text-align: center;
}

.btn-edition-group li {
	flex-basis: 0;
	flex-grow: 1;
	height: 60px;
}

.btn-edition-group li a {
	color: white;
	font-size: 30px;
	display: block;
	line-height: 60px;
}

.btn-edition-group li a:hover {
	background-color: #74e216;
}

.btn-edition-group li span {
	font-size: 0;
}

.news-post .data-date {
	color: #859AAB;
	font-size: 22px;
	font-weight: normal;
	margin: 15px 15px 30px;
	padding: 20px;
	background: #efefef;
	line-height: 1.4em;
	border-radius: 5px;
}

.news-post .row {
	margin: 15px 0;
}

.news-post .label-cat {
	background: #5bc500;
	margin: 0;
	font-size: 14px;
	padding: 5px 20px 7px;
	border-radius: 5px 5px 0 0;
	color: #fff;
	text-transform: uppercase;
}

.news-post .title-cat {
	margin: 0 0 15px;
	color: #859AAB;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.news-post input,
.news-post textarea {
	background: #eee;
	border: 0;
	outline: 0;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	box-shadow: none !important;
}

.news-categories input,
.news-categories textarea,
.news-categories .image-upload-wrap {
	background: #fff;
}

.news-post input:focus,
.news-post textarea:focus,
.news-post select:focus {
	box-shadow: 0 0 0 2px #00A9E0;
}

.news-post textarea {
	resize: none;
}

.news-post .label-cat-input {
	color: #7a8fa0;
	margin: 0;
}

.input-news-title {
	text-transform: uppercase;
	font-size: 13px;
}

.news-post .title-cat-input {
	margin-bottom: 15px;
	color: #00a9e0;
	font-size: 16px;
}

.news-post .textarea-p {
	height: 150px;
	margin: 0 0 15px;
	font-size: 16px;
}

.news-post .description-txtarea {
	min-height: 90px;
}

.news-post .news-categories {
	background-color: #efefef;
	padding: 20px 20px 15px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 30px;
}

.news-post h5 + .news-categories {
	border-radius: 0 0 5px 5px;
}

.news-categories p {
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.4em;
}

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

.news-post, .news-categories {
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
}
.news-categories {
	background-color: #f4f4f4;
}
.news-categories hr {
	margin: 5px 0px;
	border-color: #ddd;
}
.news-categories p, .newsSection p {
	margin: 20px 0 10px;
	font-size: 16px;
	line-height: 1.4em;
}

.charCount {
	font-size: 12px !important;
	margin: 0 !important;
}

.news-categories .color-picker li a, .newsSection .color-picker li a{
	border-radius: 50%;
	margin-right: 0px;
	width: 16px;
	height: 16px;
	display: block;
}
.news-categories .color-picker li, .newsSection .color-picker li {
	display: inline-block;
}
.news-categories .color-picker {
	padding-left: 0px!important;
	-webkit-padding-start: 0px!important;
	-webkit-margin-before: 1em!important;
}

.novedades-header {
	background-image: url(../img/novedades-header.jpg);
	height: 250px;
	width: 100%;
	background-size: cover;
	background-position: center;
	border-bottom: #5bc500 10px solid;
	position: relative;
}

.novedades-header h2,
.novedades-header input {
	margin: 0;
	text-align: center;
	color: white;
	font-size: 3em;
	position: absolute;
	bottom: 0;
	display: block;
	font-size: 32pX;
	width: 100%;
	background: rgba(0, 0, 0, 0.18);
	border: 0;
	outline: 0;
	padding: 10px 0;
	border-radius: 0;
}

.change-pic-header {
	width: 36px;
	height: 36px;
	background: #5bc500;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 18px;
	line-height: 18px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	z-index: 5;
}

.change-pic-header:hover {
	background: #fff;
	color: #5bc500;
	box-shadow: #5bc500 0 0 0 4px;
}

.change-pic-header:active {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}


.novedades-header input::placeholder {
	color: #fff !important;
	opacity: 1;
}

.novedades-header input:-ms-input-placeholder {
	color: #fff !important;
}

.novedades-header input::-ms-input-placeholder {
	color: #fff !important;
}

.novedades-header input:focus {
	background: rgba(0,0,0,.3);
}

.novedades-header input::-webkit-input-placeholder {color: #bfbfbf;}
.novedades-header input:-moz-placeholder {color: #bfbfbf;}
.novedades-header input::-moz-placeholder {color: #bfbfbf;}
.novedades-header input:-ms-input-placeholder {color: #bfbfbf;}

.title-section,
.title-section-input {
	color: #00a9e0;
	border-bottom: 1px solid;
	padding: 0 0 20px;
	margin: 15px 0;
	font-size: 24px;
}

.title-section-input {
	font-size: 18px;
	margin: 10px 0;
	text-transform: none;
}

.sub-section,
.sub-section-input {
	color: #859aab;
	font-size: 20px;
}

.sub-section-input {
	margin-top: 20px;
	margin-bottom: 10px;
}

.profile-view-bar {
	background-color: #5BC500;
	color: white;
	padding: 11px;
}

.profile-view-bar p {
	margin: 0;
}

.file-upload {
	width: 100%;
	margin: 0 auto;
}

.file-upload-btn {
	width: 100%;
	margin: 0;
	color: #fff;
	background: #1FB264;
	border: none;
	padding: 10px;
	border-radius: 4px;
	border-bottom: 4px solid #15824B;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.file-upload-btn:hover {
	background: #1AA059;
	color: #ffffff;
	transition: all .2s ease;
	cursor: pointer;
}

.file-upload-btn:active {
	border: 0;
	transition: all .2s ease;
}

.file-upload-content {
	display: none;
	text-align: center;
}

.file-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.image-upload-wrap {
	position: relative;
	background-color: #efefef;
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0 0 15px;
}

.image-upload-wrap:hover {
	box-shadow: 0 0 0 2px #00A9E0;
}

.image-upload-wrap:hover .drag-text h3 {
	color: #00A9E0;
}

.image-title-wrap {
	color: #222;
}

.drag-text {
	text-align: center;
	min-height: 190px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.drag-text-xl {
	min-height: 300px;
}

.drag-text h3 {
	font-weight: bold;
	color: #979797;
	margin: 0;
	transition: all .5s ease;
	font-weight: 400;
	font-size: 18px;
}

.drag-text h3 i {
	font-size: 36px;
}

.drag-text p {
	color: #979797;
	margin: 10px 10px 0;
	transition: all .5s ease;
	font-size: 14px;
	line-height: 1em;
}

.img-nota-preview {
	display: none;
	height: 190px;
	border-radius: 5px;
	background-position: center;
	background-size: cover;
	margin: 0 0 15px;
	position: relative;
	float: left;
	width: 100%;
}

.file-upload-image {
	width: 100%;
	margin: auto;
}

.remove-image {
	margin: 0;
	color: #fff;
	background: #cd4535;
	border: none;
	padding: 10px;
	border-radius: 0px 0px 3px 3px;
	transition: all .2s ease;
	font-size: 16px;
	line-height: 18px;
	width: 100%;
}

.remove-image:hover {
	background: #c13b2a;
	color: #ffffff;
	transition: all .2s ease;
	cursor: pointer;
}

.remove-image:active {
	border: 0;
	transition: all .2s ease;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse-anim {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.related-course {
	display: inline-block;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}

.related-course:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51, 51, 51, .55);
	transition:all .5s ease;
}

.related-course:hover::before {
	background-color: rgba(51, 51, 51, .75);
}

.related-course h3 {
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.45);
	color: white;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	margin: 0;
	padding: 0 20px;
}

.course-agenda {
	display: none;
}

.course-agenda a{
	display: block;
	color: white; 
}

.course-agenda a.text-center {
	margin: 20px 0;
}

.newsSection {
	position: relative;
}

a.closeNews {
	-webkit-transform: translateY(0) translateX(-50%);
	-ms-transform: translateY(0) translateX(-50%);
	-o-transform: translateY(0) translateX(-50%);
	transform: translateY(0) translateX(-50%);
}

.img-overflow {
	overflow: hidden;
	height: 350px;
	position: relative;
	background-position: center center;
	background-size: cover;
	border-radius: 4px;
	display: block;
}

.img-contain {
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f4f5f7;
}

.img-overflow img {
	width: 100%;
	margin: auto;
}

.image-full-overflow {
	height: 350px;
	border-radius: 5px;
}

.image-full-overflow .drag-text,
.image-full-overflow .drag-text h3 {
	height: 100%;
}

.image-full-overflow .drag-text h3 {
	padding: 140px 0;
}

.img-overflow .image-title-wrap {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.img-overflow-min {
	overflow: hidden;
	height: 228px;
	position: relative;
	border-radius: 5px; 
	display: block;
}

.img-overflow-min-vista {
	overflow: hidden;
	height: 190px;
	position: relative;
	background-position: center center;
	background-size: cover;
	display: block;
}

.img-overflow-min-vista img {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.br-5 {
	border-radius: 5px !important;
	overflow: hidden;
}

.p-novedad {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.img-overflow-min .image-title-wrap {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.destroy-quest {
	position: absolute;
	right: 14px;
	color: white;
	background: #e46161;
	padding: 0 4px;
	cursor: pointer;
	border-radius: 50%;
	height: 24px;
	width: 24px;
	text-align: center;
	line-height: 26px;
}


.nav-tabs > li {
	position:relative;    
}

.nav-tabs > li > a {
	color: #91918E;
	display:inline-block;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a {
	color: #00a9e0 !important;
}

.nav-tabs > li > span {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: -3px;
	color: #fff;
	width: 16px;
	height: 16px;
	background: #e55957;
	border-radius: 50%;
	display: flex;
	opacity: 0;
	justify-content: center;
	line-height: 13px;
	font-size: 11px;
	transition: all .2s linear;
}

.nav-tabs > li:hover > span {
	opacity: 1;
}

#hideAdd {
	display: none;
}

#rowHeader [class^="col-md"] {
	position: relative;
}

.remove-col, .closeNews, .previewClose {
	border: 0;
	background-color: #f05d78;
	color: #fff !important;
	position: absolute;
	top: 0;
	right: 14px;
	outline: none;
	line-height: 10px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.previewClose {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	top: 5px;
	right: 5px;
}

.remove-col:hover, .closeNews:hover, .previewClose:hover {
	color: #f05d78 !important;
	background: #fff;
	box-shadow: inset 0 0 0 2px #f05d78;
}

#addCol {
	display: block;
	width: 100%;
	background-color: #5bc500;
	color: white;
	font-size: 18px;
	padding: 20px 0;
	border: 0;
	outline: none;
	border-radius: 3px;
	margin: 0 0 20px;
}

.btn-squad-justified:first-of-type {
	border-left: 1px solid #b9b9b9;
}

.btn-squad-justified {
	border: 1px solid #b9b9b9;
	border-left: 0;
	color: #868686;
	transition:all 0.5s ease;
}

.btn-squad-justified:focus, 
.btn-squad-justified:active,
.focusMe {
	background-color: #5BC500;
	border: 1px solid #5BC500;
	color: #ffffff;
}

.hide-element {
	display: none;
}

.flotTip{
	background-color: rgba(0, 0, 0, 0.50);
	padding: 5px;
	border-radius: 5px;
	color: white;
}

.legend-canales {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legend-canales li {
	display: inline-block;
	margin-right:15px; 
}

.badge {
	font-weight: 500;
}

.legend-badge {
	height: 15px;width: 15px;
	border-radius: 50%;
	background-color: red;
	display: inline-block;
}

.agenda-actions {
	float: right;
}

.agenda-actions .btn-round {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.noti-information h4 {
	display: inline-block;
}

.noti-information ul {
	padding-left: 50px;
}

.list-test h4 a {
	color: #333
}

.list-test h4 span.icon {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	padding-top: 10px;
	margin-right: 15px;
	background-color: #55b900;
	color: #fff;
}

.list-test h4 a:hover {
	color: #55b900;
}

.list-test h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}

.list-test li h4 span {
	margin-left: 10px;
}

.list-test.table-hover > tbody > tr:hover {
	background: #fafafa;
}

.banner-img {
	justify-content: space-between;
	padding: 30px !important;
}

.banner-img h3 {
	padding-left: 0 !important;
	text-transform: uppercase;
}

/*---------------- nav mobile ---------------------*/

.nav-mobile {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	z-index: 4000;
	display: none;
	height: 75px;
	border-top: 1px solid #e6e6e6;
	z-index: 99999999999;
}

.nav-mobile ul {
	padding: 0;
	margin: 0;
	text-align: center;
}

.nav-mobile ul li {
	display: inline-block;
	padding: 10px;
}

.nav-mobile ul li a {
	color: #50535A;
}

.nav-mobile ul li a.active,
.mobile-subnav nav ul li a.active,
.nav-mobile ul li a:active,
.nav-mobile ul li a:hover,
.nav-mobile ul li a:focus {
	color: #00a9e0;
}


.nav-mobile ul li a i {   
	font-size: 25px;
}

.nav-mobile ul li a span {   
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin-top: 2px;
}

#mobileSubmenu {
	display: none;
}

.nav-mobile-complex ul li a i {   
	font-size: 20px;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #5BC500;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

/*---------------- reportes old ---------------------*/

.nav-timeline {
	margin: 30px 0;
	background-color: white;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

.nav-timeline>li>a {
	text-transform: uppercase;
	color: #606060;
}

.nav-timeline>li>a:focus, .nav-timeline>li>a:hover, .nav-timeline>li.active>a, .nav-timeline>li.active>a:focus, .nav-timeline>li.active>a:hover {
	color: #fff;
	background-color: #5BC500;
}

.nav-timeline>li.active>a:before {
	content: "";
	width: 0;
	height: 0px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #5BC500;
	position: absolute;
	transform: rotate(90deg) translateY(50%);
	bottom: -18px;
	left: 50%;
}

.row-data {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.row-data:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.row-data .page-view-value {
	margin-top: 0px;
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
}

.row-data .page-view-value.percent:after {
	content: "%";
	font-size: 50%;
}

.img-heading { 
	position: relative;
}

.img-heading:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px 3px 0 0;
	background-color: rgba(0, 119, 160, 0.37);
}

.img-heading img {
	border-radius: 3px 3px 0 0;
}

.item .panel {
	-moz-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

.item .panel:hover {
	box-shadow: 0px 15px 34px -13px rgba(0, 0, 0, 0.37);
}

.item .panel .title-submodulo {
	font-size: 18px;
}

.item .panel i {
	padding-top: 3px;
}

.row-data-submodulo {
	margin-top: 10px;
	display: none;
}

.row-data-submodulo p,
.row-data-submodulo h4 {
	color: black !important;
}

.nav-timeline li.toggle-mobile-modulos {
	display: none;
}

.date-data div {
	margin-bottom: 0;
}

.date-data div:first-child {
	border-right: 1px solid #cecece;
}

.date-data h3,
.date-data span {
	color: #474747 !important;
}

.dot-gamification {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
}

.dot-gamification {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
}

.dot-gamification {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
}

.dot-gamification {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	float: right;
	margin-top: 7px;
	cursor: pointer;
}

.dot-gamification.aprobado {
	background-color: #26A65B;
}

.dot-gamification.comenzado {
	background-color: #FFB61E;
}

.dot-gamification.desaprobado {
	background-color: #C3272B;
}

.dot-gamification.pendiente {
	background-color: #1F4788;
}

/*---------------- feedback ---------------------*/

.textarea-feedback {
	width: 100%;
	border: 1px solid #cecece;
	padding: 15px;
	height: 100px;
	display: block;
	margin: 30px auto;
	resize: none;
}

#star-1:checked ~ .rating-stars  [for='star-1'] svg, 
#star-2:checked ~ .rating-stars  [for='star-1'] svg, 
#star-2:checked ~ .rating-stars  [for='star-2'] svg, 
#star-3:checked ~ .rating-stars  [for='star-1'] svg, 
#star-3:checked ~ .rating-stars  [for='star-2'] svg, 
#star-3:checked ~ .rating-stars  [for='star-3'] svg, 
#star-4:checked ~ .rating-stars  [for='star-1'] svg, 
#star-4:checked ~ .rating-stars  [for='star-2'] svg, 
#star-4:checked ~ .rating-stars  [for='star-3'] svg, 
#star-4:checked ~ .rating-stars  [for='star-4'] svg, 
#star-5:checked ~ .rating-stars  [for='star-1'] svg, 
#star-5:checked ~ .rating-stars  [for='star-2'] svg, 
#star-5:checked ~ .rating-stars  [for='star-3'] svg, 
#star-5:checked ~ .rating-stars  [for='star-4'] svg, 
#star-5:checked ~ .rating-stars  [for='star-5'] svg {
	-webkit-transform: scale(1);
	transform: scale(1);
}

#star-1:checked ~ .rating-stars [for='star-1'] svg path, 
#star-2:checked ~ .rating-stars [for='star-1'] svg path, 
#star-2:checked ~ .rating-stars [for='star-2'] svg path, 
#star-3:checked ~ .rating-stars [for='star-1'] svg path, 
#star-3:checked ~ .rating-stars [for='star-2'] svg path, 
#star-3:checked ~ .rating-stars [for='star-3'] svg path, 
#star-4:checked ~ .rating-stars [for='star-1'] svg path, 
#star-4:checked ~ .rating-stars [for='star-2'] svg path, 
#star-4:checked ~ .rating-stars [for='star-3'] svg path, 
#star-4:checked ~ .rating-stars [for='star-4'] svg path, 
#star-5:checked ~ .rating-stars [for='star-1'] svg path, 
#star-5:checked ~ .rating-stars [for='star-2'] svg path, 
#star-5:checked ~ .rating-stars [for='star-3'] svg path, 
#star-5:checked ~ .rating-stars [for='star-4'] svg path,
#star-5:checked ~ .rating-stars [for='star-5'] svg path {
	fill: #FFBB00;
	stroke: #cc9600;
}

.rating-stars {
	text-align: center;
	margin: 40px auto;
}

.rating-stars label {
	display: inline-block;
	width: 50px;
	text-align: center;
	cursor: pointer;
	margin-right: 20px;
}
.rating-stars label svg {
	width: 100%;
	height: auto;
	fill: white;
	stroke: #CCC;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: -webkit-transform 200ms ease-in-out;
	transition: -webkit-transform 200ms ease-in-out;
	transition: transform 200ms ease-in-out;
	transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.rating-stars label svg path {
	-webkit-transition: fill 200ms ease-in-out, stroke 100ms ease-in-out;
	transition: fill 200ms ease-in-out, stroke 100ms ease-in-out;
}


/*---------------- star rating ---------------------*/

.rating {
	unicode-bidi: bidi-override;
}
.rating span.star,
.rating span.star {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	font-size: 22px;
}
.rating span.star:hover,
.rating span.star:hover {
	cursor: pointer;
}
.rating span.star:before,
.rating span.star:before {
	content: "\f006";
	padding-right: 5px;
	color: #BEC3C7;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
	content: "\f005";
	color: #986cbc;
}

.js-course-video .col-md-4 {
	transition:all .4s ease;
	-moz-transition:all .4s ease;
	-webkit-transition:all .4s ease;
}

li.question h3 {
	text-align: center;
}

li.question h3 img {
	margin: 20px auto 0;
	width: 50%;
}


/*---------------- mobile navigation ---------------------*/

.mobile-navigation-full {
	display: none; 
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	z-index: 50;
	padding-top: 55px;
}

.mobile-navigation-full footer {
	bottom: 75px;
}

.mobile-navigation-full ul {
	margin: 20px 0 0;
	padding: 0;
	overflow-y: scroll;
	max-height: 600px;
	border-top: 1px solid #ccc;
}

.mobile-navigation-full ul li {
	padding: 20px;
	border-bottom: 1px solid #ccc;
}

.mobile-navigation-full ul li a {
	color: #50535A;
	font-size: 18px;
}

.mobile-navigation-full ul li a i {
	position: relative;
	top:3px;
	margin-right: 8px;
}

.mobile-navigation-full ul li a i:first-child {
	color: #00a9e0;
}

.mobile-navigation-full h3 {
	color: #00a9e0;
	padding: 20px 0 0px;
	margin: 0;
}


.btn-add-modulo {
	margin-top: 9px;
}

.btn-add-modulo i {
	position: relative;
	top: 3px;
}

/*---------------- contacto experto ---------------------*/

.answer-type {
	margin-bottom: 10px;
}

.answer-type .control-label {
	display: block;
	text-align: left;
	margin-bottom: 15px;
}

.answer-type input {
	display: none;
}

.answer-type .label-answer {
	cursor: pointer;
	text-align: center;
	margin: 5px 0;
	margin-right: 15px; 
	color: #c9c9c9;
	font-size: 15px;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.answer-type .label-answer i {
	font-size: 25px;
}

.answer-type label i {
	display: block;
}

#textAnswer:checked ~ label[for='textAnswer'],
#imgAnswer:checked ~ label[for='imgAnswer'],
#vidAnswer:checked ~ label[for='vidAnswer']{
	color: #5BC500;
}

.img-answer-row {
	display: none;
	margin-bottom: 20px;
}
.img-pre-row {
	max-width: 512px;
	max-height: 384px;
	overflow: hidden;
}
.img-pre-row img {
	cursor: pointer;
}

.remove-img-answer {
	display: none;
}

.img-upload-input {
	display: none !important;
}

.induccion-bckg_BN {
	background-image: url(../img/sugeridos-bckg_BN.jpg);
}

.agenda-bckg_BN {
	background-image: url(../img/certificacion-bckg_BN.jpg);
}

.add-media {
	display: block;
}

.file-group {
	display: none;
}

/*---------------- plannes procesos ---------------------*/

.nav-procesos {
	text-align: center;
	padding: 15px;
	background-color: rgba(153, 204, 0, 0.37);
}

.nav-procesos li {
	float: none;
	display: inline-block;
}

.nav-procesos>li+li {
	margin-left: 1em;
}

.nav-procesos li a {
	color: #618100;
	text-transform: uppercase;
	font-weight: bold;
}

.nav-procesos li a span {
	color: #00a9e0;
}

.nav-procesos>li.active>a, .nav-procesos>li.active>a:focus, .nav-procesos>li.active>a:hover,
.nav-procesos>li>a:focus, .nav-procesos>li>a:hover {
	color: #fff;
	background-color: #8dbc02;
}

/*---------------- Planner repositorio candidatos ---------------------*/


.toolbar-sp {
	background-color: #fff;
	padding: 8px 15px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
	position: relative;
}
.toolbar-sp button {
	margin-top: 3px;
	margin-left: 3px;
}
.toolbar-sp button.btn-default:focus {
	color: #333;
	background-color: #fff;
	border-color: #e2e2e2;
}

#candidatosList,
#candidatosListRepo {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#candidatosList li,
#candidatosListRepo li {
	padding: 0;
	margin: 0;
	height: 70px;
	line-height: 30px;
	border-bottom: 1px solid #e3e7ef;
}

#candidatosList li input{
	display: none;
}

#candidatosList li i:before{
	font-family: "dripicons-v2" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}    

#candidatosList li a,
#candidatosList.user li > div,
#candidatosList li label,
#candidatosListRepo li a {
	padding: 15px 15px;
	margin-bottom: 0;
	display: block;
	height: 70px;
	font-size: 16px;
	cursor: pointer;
	color: #363636;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#candidatosListRepo li a {
	display: inline-block;
}

#candidatosList li a i,
#candidatosList li div i,
#candidatosList li label i,
#candidatosListRepo li a i{
	font-size: 23px;
	color: #5BC500;
	position: relative;
	top: 6px;
	margin-right: 7px;
}

#candidatosList li a i:before{
	content: "\60";
}

#candidatosList.user li div i:before{
	content: "\e056";
}   

#candidatosList li label i:before{
	content: "\e01c";
}

#candidatosList li label.candidato-checked {
	background-color: #88c311;
	color: white;
} 

#candidatosList li label.candidato-checked i:before {
	content: "\53";;
	color: white;
}

#candidatosListRepo li button {
	background-color: transparent;
	padding: 10px 30px;
	border-color: transparent;
	height: 70px;
	line-height: 40px;
}    

#candidatosListRepo li button i{
	font-size: 15px;
	color: #C91F37;
	position: relative;
	top: 0px;
	margin-right: 0px;
}

#candidatosList li .btn-group {
	padding: 0;
	height: auto;
}

#candidatosList li .btn-group a {
	padding: 5px 12px;
	height: 100%;
	font-size: 12px;
	position: relative;
}

#candidatosList li .btn-group a i {
	margin-right: 0px; 
	position: relative;
	top: 2px;
}

#candidatosList li .btn-group a:hover i{
	color: white !important;
}     

#candidatosList.user li .btn-group a .icon-star:before {
	content: "\2a" !important;
}

#candidatosList.user li .btn-group a .icon-graduation:before {
	content: "\5c" !important;
}


.notificacion-select-candidatos {
	position: fixed;
	z-index: 10;
	bottom: 1%;
	left: 50%;
	transform: translateX(-30%);
	background-color: #5BC500;
	height: 50px;
	width: 50%;
	line-height: 50px;
	text-align: center;
	color: white;
	font-size: 20px;
	border-radius: 3px;
	display: none;
}

#sendCandidatos {
	display: none;
}

#uploadCandidatoFile {
	display: none;
}

/*---------------- Candidato OJT ---------------------*/

#modalCalificar .modal-dialog {
	-webkit-transition: all .2 ease-in;
	-o-transition: all .2 ease-in;
	transition: all .2 ease-in;
}
#confirmCandidatoMsg, #confirmCursosMsg, #extensionCandidatoMsg {
	display: none;
}

#confirmCandidatoMsg svg,
#confirmCursosMsg svg {
	width: 100px;
}

.circle{
	fill:none;stroke:#5BC500;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;
}
.circle-dash{
	fill:none;stroke:#5BC500;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;
}
.check{
	fill:none;stroke:#5BC500;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;
}
.check-dash{
	fill:none;stroke:#5BC500;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;
}
.check {
	stroke-dasharray: 60 100;
	animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 
	-webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 
	-moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 
	-o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 
	opacity: 0;
}

@-webkit-keyframes check {
	from {
		stroke-dashoffset: 60;
		opacity: 1;
	}
	to {
		stroke-dashoffset: 00;
		opacity: 1;
	}
}

@-moz-keyframes check {
	from {
		stroke-dashoffset: 60;
		opacity: 1;
	}
	to {
		stroke-dashoffset: 00;
		opacity: 1;
	}
}

@keyframes check {
	from {
		stroke-dashoffset: 60;
		opacity: 1;
	}
	to {
		stroke-dashoffset: 00;
		opacity: 1;
	}
}

.check-dash {
	stroke-dasharray: 10 100;
	animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 
	-webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 
	-moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 
	-o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
}

@-webkit-keyframes check-dash {
	from {stroke-dashoffset: 120;}
	to {stroke-dashoffset: 45;}
}

@-moz-keyframes check-dash {
	from {stroke-dashoffset: 120;}
	to {stroke-dashoffset: 45;}
}

@keyframes check-dash {
	from {stroke-dashoffset: 120;}
	to {stroke-dashoffset: 45;}
}

.circle {
	stroke-dasharray: 300 300;
	animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 
	-webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 
	-moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 
	-o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 
	opacity: 0;
}

@-webkit-keyframes circle {
	from {
		stroke-dashoffset:300;
		opacity: 1;
	}
	to {
		stroke-dashoffset:0;
		opacity: 1;
	}
}

@-moz-keyframes circle {
	from {
		stroke-dashoffset:300;
		opacity: 1;
	}
	to {
		stroke-dashoffset:0;
		opacity: 1;
	}
}

@keyframes circle {
	from {
		stroke-dashoffset:300;
		opacity: 1;
	}
	to {
		stroke-dashoffset:0;
		opacity: 1;
	}
}

.circle-dash {
	stroke-dasharray: 10 300;
	animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
	-webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
	-moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
	-o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
	opacity: 0;
}

@-webkit-keyframes circledash {
	from {
		stroke-dashoffset:320;
		opacity: 1;
	}
	to {
		stroke-dashoffset: 20;
		opacity: 1;
	}
}

@-moz-keyframes circledash {
	from {
		stroke-dashoffset:320;
		opacity: 1;
	}
	to {
		stroke-dashoffset: 20;
		opacity: 1;
	}
}

@keyframes circledash {
	from {
		stroke-dashoffset:320;
		opacity: 1;
	}
	to {
		stroke-dashoffset: 20;
		opacity: 1;
	}
}


/*---------------- loading content ---------------------*/

.loading-container {
	display: none;
}

.loading-container img {
	margin: auto;
	display: block;
}

.loading-content {
	position: relative !important;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.loading-content:after {
	background: #fff url(../img/loader.svg) center center no-repeat;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.reportes-data-container {
	display: none;
}

.wizard > .content > .body .select2-input {
	border: 0;
	height: 50px;
}

.nav-tables li .btn:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.nav-tables li .btn:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.select-contenido + .selectize-control.single .selectize-input {
	border-radius: 3px;
	background: #99cc00;
	border: none;
	color: #fff;
	font-weight: bold;
}

.select-contenido + .selectize-control.single .selectize-input:after {
	border-color: #fff transparent transparent transparent;
}

.select-contenido + .selectize-control.single .selectize-input.dropdown-active:after {
	border-color: transparent transparent #fff transparent;
}

.card-icon-header {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    background-color: #00a9e0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 10;
    color: #fff;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.card-icon-header i,
.card-icon-header span {
	position: relative;
	top: 2px;
}

.report-card-indicadores h2{
	margin: 15px 0 5px;
	color: #00a9e0;
}

.report-card-indicadores:before, 
.report-card-indicadores:after {
	content: "";
	display: block;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 90px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 0px;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.report-card-indicadores:hover::before {
	height: 23px;
	width: 45px;
}

.report-card-indicadores:hover::after {
	height: 30px;
	width: 56px;
}

.report-card-indicadores:before{
	height: 20px;
	width: 42px;
	background-color: #5ac7eb;
	z-index: 2;
}

.report-card-indicadores:after {
	height: 25px;
	width: 52px;
	background: #a3e0f4;
	background-color: rgba(0, 169, 224, 0.36);
	z-index: 1;
}

.objetivos-mes {
	text-align: center;
	position: relative;
	background: #5cc502;
	border-radius: 3px;
	margin: 0 0 10px;
	color: #fff;
	overflow: hidden;
}

.objetivos-mes h4 {
	padding: 10px 0;
	margin: 0;
}

.objetivos-mes a {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	color: #fff;
	font-size: 24px;
	padding: 7px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.objetivos-mes a:last-child {
	left: auto;
	right: 0;
}

.objetivos-mes a:hover {
	background: rgba(0,0,0,.1);
}

.table-objetivos {
	color: #fff;
	margin: 0;
	font-size: 18px;
	border-radius: 3px;
	overflow: hidden;
}

.table-objetivos tbody {
	background: #2d93be;
}

.table-objetivos tbody.avances-resumen {
	font-weight: 700;
	border-top: 5px solid;
}

.table-objetivos tbody.avances-resumen td {
	padding: 10px 0 !important;
}

.table-objetivos tbody.avances-resumen td {
	border-bottom: 1px solid #fff !important;
}

.table-objetivos tbody.avances-resumen td.spacer {
	border: none !important;
	width: 20px;
}

.table-objetivos tbody.avances-detalle {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	border: none;
}

.table-objetivos tbody.avances-detalle tr:last-child td {
	padding-bottom: 15px !important
}

.table-objetivos td, .table-objetivos th {
	text-align: center;
	border: none !important;
}

.table-objetivos thead {
	background: #00a9e0;
}

.table-objetivos td {
	padding: 5px 0 !important;
}

.table-objetivos tr td:nth-child(2) {
	text-align: left;
}

.table-objetivos tr td:nth-child(6) {
	text-align: right;
}

.table-objetivos i:before {
	background: #ccc;
	color: #fff;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height: 26px;
	-webkit-box-shadow: rgba(0,0,0,.05) 0 3px 0;
	box-shadow: rgba(0,0,0,.05) 0 3px 0;
}

.table-objetivos i.icon-checkmark:before {background: #5BC500;}
.table-objetivos i.icon-hourglass.av-1:before {background: #FF9600; font-size: 0;}
.table-objetivos i.icon-hourglass.av-2:before {background: #FFD800; font-size: 0;}
.table-objetivos i.icon-hourglass.av-3:before {background: #A3DA1E; font-size: 0;}
.table-objetivos i.icon-cross:before {background: #CC5858; font-size: 0;}

.ocultar-objetivos th:nth-child(3), .ocultar-objetivos td:nth-child(3), .ocultar-objetivos th:nth-child(4), .ocultar-objetivos td:nth-child(4) {
	display: none;
}

.objetivos-mobile, .header-section .logo i {
	display: none;
}

.comunicados-objetivos h4 {
	font-size: 18px;
	color: #999;
}

.comunicados-objetivos h3 {
	color: #00a9e0;
	font-size: 20px;
	border-top: 2px solid;
	padding: 10px 0;
	margin: 30px 0 10px;
}

.comunicados-objetivos textarea {
	height: 100px;
	resize: none;
}

.tablero-control th {
	font-size: 15px;
}

.tablero-control td {
	font-size: 14px;
}

@media screen and (min-width: 768px) {
	.tablero-control th, .tablero-control td {
		text-align: center;
	}
	.tablero-control th:first-child, .tablero-control td:first-child {
		text-align: left;
	}
}

.tablero-control thead {
	color: #00a9e0;
}

.tablero-control tbody tr:last-child td {
	border-bottom: none;
}

.tablero-control i:before {
	background: #999;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.tablero-control i.icon-checkmark:before {background: #5BC500;}
.tablero-control i.icon-cross:before {background: #CC5858;}

.radioGroup input {
	display: inline-block;
	margin: 10px 0;
}

.radioGroup label {
	padding: 5px;
	margin-right: 20px;
}


/* Cosas por browar */
/*---------------- abm cursos ---------------------*/

.abm-cursos .row.form-group {
	border-bottom: 1px solid #eee;
}

.abm-cursos .row.form-group:last-child {
	margin-bottom: 0;
	border-bottom: unset;
}

.abm-cursos .panel-body {
	padding-bottom: 0;
}

.abm-cursos .panel-heading-big {
	padding: 30px 15px;
	border-radius: 4px 4px 0 0;
}

.abm-cursos label {
	font-size: 18px;
	padding: 15px 0;
	margin-bottom: 0;
	font-weight: 400;
}

.btn-crear {
	background-color: #00c901;
	border-color: #00c901;
}

.btn-crear:hover {
	background-color: #1CB11D;
	border-color: #1CB11D;
}

.radio-group {
	background: #f4f5f7;
	padding: 11px 14px 7px;
	border-radius: 2px;
}

.radio-group input {
	padding: 5px 10px 5px 0;
}

.radio-group input[type="radio"]:checked + label {
	background: rgb(0, 169, 224);    
	color: #fff;
}

.radio-group label {
	margin-right: 20px;
	padding: 0 6px;
	border-radius: 4px;
}

.answer-type {
	margin-bottom: 10px;
}

.answer-type .control-label {
	display: block;
	text-align: left;
	margin-bottom: 15px;
}

.answer-type input {
	display: none;
}

.answer-type .label-answer {
	cursor: pointer;
	text-align: center;
	margin: 5px 0;
	margin-right: 15px; 
	color: #c9c9c9;
	font-size: 15px;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.answer-type .label-answer i {
	font-size: 25px;
}

.answer-type label i {
	display: block;
}

#textAnswer:checked ~ label[for='textAnswer'],
#imgAnswer:checked ~ label[for='imgAnswer'],
#vidAnswer:checked ~ label[for='vidAnswer']{
	color: #5BC500;
}

.img-answer-row {
	display: none;
	margin-bottom: 20px;
}
.img-pre-row {
	max-width: 512px;
	max-height: 384px;
	overflow: hidden;
}
.img-pre-row img {
	cursor: pointer;
}

.remove-img-answer {
	display: none;
}

.img-upload-input {
	display: none !important;
}

.induccion-bckg_BN {
	background-image: url(../img/sugeridos-bckg_BN.jpg);
}

.agenda-bckg_BN {
	background-image: url(../img/certificacion-bckg_BN.jpg);
}

.add-media {
	display: block;
}

.file-group {
	display: none;
}

.preview-holder {
	height: 170px;
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	background: #f4f5f7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.preview-holder img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.form-white {
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

.ui-dialog-title {
	color: #fff;
}

.NoteDiag textarea:focus {
	outline: none;
	box-shadow: none;
	border-color: #00A9E0;
}

.panel-guia {
	margin-top: 30px;
}

.guia-titles h5 {
	text-transform: uppercase;
	font-size: 16px;
}

.guia-titles h3 {
	font-weight: bold;
	font-size: 26px;
}

.guia-descripcion {
	padding: 20px 0;
	margin: 30px 0 0;
	border-top: 1px solid #ccc;
}

.guia-descripcion p {
	font-size: 16px;
	margin: 20px 0;
}

.guia-heading {
	background: #00a9e0;
	border: none;
}

.guia-heading h2 {
	color: #fff;
	text-transform: none;
	margin: 0;
	font-weight: normal;
	font-size: 24px;
}

.guia-heading h2 strong {
	width: 42px;
	height: 42px;
	display: inline-block;
	background: #55b900;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	border: 3px solid #efefef;
	margin: 0 15px 0 -35px;
}

.paso-descripcion {
	padding-top: 30px;
}

.paso-descripcion p {
	font-size: 16px;
	line-height: 1.4em;
}

.imgguia-output {
	display: none;
	width: 100%;
}

.panel-heading-big {
	padding: 15px 20px;
	background: #00a9e0;
	border-radius: 4px 4px 0 0;
	/*    padding: 30px 15px;*/
}

.panel-heading-big h3 {
	margin: 0;
	color: #fff;
	letter-spacing: 0.05em;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.add-media {
	display: block;
}

.file-group {
	display: none;
}

.preview-holder {
	height: 170px;
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	background: #f4f5f7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.preview-holder img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.form-white {
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

.panel-guia {
	margin-top: 30px;
}

.guia-titles h5 {
	text-transform: uppercase;
	font-size: 16px;
}

.guia-titles h3 {
	font-weight: bold;
	font-size: 26px;
	color: #00a9e0;
}

.guia-descripcion {
	padding: 20px 0;
	margin: 30px 0 0;
	border-top: 1px solid #ccc;
}

.guia-descripcion p {
	font-size: 16px;
	margin: 20px 0;
}

.guia-heading {
	background: #00a9e0;
	border: none;
}

.guia-heading h2 {
	color: #fff;
	text-transform: none;
	margin: 0;
	font-weight: bold;
	font-size: 24px;
}

.guia-heading h2 strong {
	width: 42px;
	height: 42px;
	display: inline-block;
	background: #55b900;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	border: 3px solid #efefef;
	margin: 0 15px 0 -35px;
}

.paso-descripcion {
	padding-top: 30px;
}

.paso-descripcion p {
	font-size: 16px;
	line-height: 1.4em;
}

.imgguia-output {
	display: none;
	width: 100%;
}

/*---------------- abm ofertas comerciales ---------------------*/


.color-etiqueta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 -5px;
}

.color-etiqueta input[type="radio"] + label {
	/*flex-grow: 1;
	flex-basis: 0;*/
	background: #ccc;
	border-radius: 2px;
	height: 44px;
	margin: 0 5px;
	border: none;
	opacity: .7;
	transition: all .2s linear;
	cursor: pointer;
}

.color-etiqueta input[type="radio"] + label:hover {
	opacity: 1;
}

.color-etiqueta input[type="radio"]:checked + label {
	box-shadow: rgba(0,0,0,.2) 0 0 0 3px inset;
	opacity: 1;
	background: #5bc500;
}

.color-etiqueta input[type="radio"]#color-etiqueta-verde + label, .bg-verde {background: #5bc500 !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-azul + label, .bg-azul {background: #00a9e0 !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-violeta + label, .bg-violeta {background: #954B97 !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-naranja + label, .bg-naranja {background: #EC6839 !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-turquesa + label, .bg-turquesa {background: #32d7db !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-rosa + label, .bg-rosa {background: #E9426D !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-amarillo + label, .bg-amarillo {background: #F59C00 !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-grisclaro + label, .bg-grisclaro {background: #B6B7B7 !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-gris + label, .bg-gris {background: #86888C !important;}
.color-etiqueta input[type="radio"]#color-etiqueta-grisoscuro + label, .bg-grisoscuro {background: #50535A !important;}


.bg-verde h3 strong {color: #5bc500 !important;}
.bg-azul h3 strong {color: #00a9e0 !important;}
.bg-violeta h3 strong {color: #954b97 !important;}
.bg-naranja h3 strong {color: #e9426d !important;}

.color-etiqueta-list {
	display: inline-flex;
	justify-content: unset;
	flex-wrap: wrap;
}

.color-etiqueta-rounded input[type="radio"] + label {
	border-radius: 50%;
	margin: 0 5px 7px;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	opacity: 1;
} 

.desactivado {
	opacity: .4;
	pointer-events: none;
}

.desactivado label {
	text-decoration: line-through;
}

.oferta-pospago {
	margin: 10px 0;
}

.oferta-pospago-header {
	background: #5bc500;
	padding: 25px 10px;
	text-align: center;
	border-radius: 4px 4px 0 0;
	transition: all .2s linear;
}

.oferta-pospago-header h3 {
	display: inline-block;
	background: #fff;
	border-radius: 40px;
	color: #333;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 15px;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
	margin: 0;
}

.oferta-pospago-header h3 strong {
	color: #5bc500;
	font-weight: bolder;
}

.oferta-pospago-header h1 {
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	font-size: 24px;
	margin: 20px 0 0;
}

.oferta-pospago-header p {
	color: #fff;
	font-size: 16px;
	margin: 5px 0 0;
}

.oferta-pospago-body {
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.08);
	border-radius: 0 0 4px 4px;
	background: #fff;
	padding: 15px;
}

.oferta-pospago-body h4, .oferta-competencia-precio h4 {
	font-size: 45px !important;
	color: #333 !important;
	font-weight: 500 !important;
	text-align: center !important;
	margin: 5px 0 20px !important;
}

.oferta-pospago-body h4 small, .oferta-competencia-precio h4 small {
	color: inherit;
	font-weight: inherit;
	font-size: 50%;
	position: relative;
	top: -7px;
}

.iconos-beneficio label {
	float: left;
}

.iconos-beneficio {
	margin: 0 -5px 10px;
}

.checklist .iconos-beneficio input[type="radio"] + label {
	float: left;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
	border: none;
	background: none !important;
	margin: 0;
}

.checklist .iconos-beneficio img {
	width: 36px;
	border-radius: 50%;
	padding: 5px;
	margin: 5px 0;
	transition: all .2s linear;
}

.oferta-beneficios li i {    
	position: absolute;
	left: 15px;
	top: 54%;
	transform: translateY(-50%);
	color: #0294C4;
}

.checklist .iconos-beneficio input + label img:hover {
	background: #E5F7F7;
}

.checklist .iconos-beneficio input:checked + label img {
	background: #D8EEEE;
}

.row-beneficio {
	padding: 20px 0;
}

.row-beneficio:after {
	content: '';
	display: block;
	margin: 0 20px;
	border-bottom: dashed 1px #D8EEEE;
}

.checklist .btn-full {
	padding: 10px 0;
}

.checklist .btn[data-destroy-b], .checklist .btn[data-destroy-c] {
	background: #e9426d;
}

.checklist .btn[data-destroy-b]:hover, .checklist .btn[data-destroy-c]:hover {
	background: #D02F58;
}

#argumentos textarea {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

#argumentos textarea:focus {
	background: #d4f4ff;
}

#argumentos label {
	position: relative;
	display: block;
	width: 100%;
}

#argumentos label i {
	border-radius: 50%;
	background: #e9426d;
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

#argumentos label i:hover {
	background: #D02F58;
}

.ofertas-title {
	color: #5bc500;
	font-weight: 500;
}

.ofertas-subtitle {
	margin: 40px 0 30px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;   
	border-bottom: 2px solid #1480a4;
	letter-spacing: .5px;
}

.ofertas-subtitle span {
	color: #fff;
	display: inline-block;
	padding: 7px 15px 6px;
	background: #1480a4;
	border-radius: 4px 4px 0 0;
	font-weight: 500;
}

.ofertas-subtitle-grey span {
	color: #666;
	background: #ebe9e9;
}

.ofertas-subtitle-grey {
	border-bottom: 2px solid #ebe9e9;
}

.ofertas-subtitle-secondary span {
	background: #00a9e0;
}

.ofertas-subtitle-secondary {
	border-bottom: 2px solid #00a9e0;
}

h4.ofertas-subtitle {
	color: #0077a0;
	padding: 10px 0;
	margin: 10px 0;
	border-color: #ddd;
}

.checklist .btn.competencia-tipo-equipo {
	margin-top: 0;
	color: #00A9E0;
	border: 2px solid #00A9E0;
	background: #fff;
}

.checklist .btn.competencia-tipo-equipo:hover {
	background: #D8EEEE;
}

.checklist .btn.competencia-tipo-equipo.current {
	background: #00A9E0;
	color: #fff;
}

.checklist label strong {
	font-weight: bolder;
	color: #0077a0;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	border-top: 1px solid;
}

.checklist h4 {
	margin-top: 0;
	margin-bottom: 0;
	color: #00a9e0;
	letter-spacing: 0.02em;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.ofertas-header {
	height: 100px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ofertas-subheader {
	background: #fff;
	padding: 15px 20px;
	display: flex;
	box-shadow: rgba(0,0,0,.2) 4px 0 4px;
	justify-content: center;
	align-items: center;
}

.ofertas-subheader h4 {
	font-size: 16px;
	color: #00a9e0;
	text-transform: uppercase;
	font-weight: bold;
	flex-shrink: 0;
	font-weight: 500;
}

.ofertas-subheader h3 {
	color: #50535a;
	flex-grow: 1;
	font-size: 20px;
	margin: 0;
	padding: 0;
}

.ofertas-subheader .btn {
	background: #5bc500;
	border: none;
	color: #fff;
}

.ofertas-subheader .btn:hover {
	background: #50AD01;
}

.ofertas-subheader .btn-vermas {
	background: #00a9e0;
	margin-left: 10px;
}

.ofertas-subheader .btn-vermas:hover {
	background: #0294C4;
}

.ofertas-subheader h4 i {
	position: relative;
	top: 3px;
}

.ofertas-categorias {
	flex-grow: 1;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.ofertas-categorias li {
	flex-grow: 1;
	flex-basis: 0;
}

.ofertas-categorias a {
	display: block;
	background: #ccc;
	border-radius: 4px;
	text-align: center;
	padding: 15px 5px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	margin: 5px -5px;
	line-height: 1em;
}

.ofertas-categorias a:hover {
	background: #aaa;
}

.ofertas-categorias .current a {
	background: #00a9e0;
}

.oferta-beneficios {
	padding: 0;
	border-bottom: 1px solid #e9e8e8;
	border-top: 1px solid #e9e8e8;
	overflow-y: auto;
	height: 300px;
}

.oferta-beneficios::-webkit-scrollbar, .iconos-beneficio::-webkit-scrollbar, .equipo-caracteristicas::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	opacity: .5;
}

.oferta-beneficios::-webkit-scrollbar-track, .iconos-beneficio::-webkit-scrollbar-track, .equipo-caracteristicas::-webkit-scrollbar-track  {
	background: #f1f1f1;
	padding: 5px 0;
	border-radius: 3px;
}

.oferta-beneficios::-webkit-scrollbar-thumb, .iconos-beneficio::-webkit-scrollbar-thumb, .equipo-caracteristicas::-webkit-scrollbar-thumb {
	background: #C3E0E9;
	border-radius: 5px;
}

.oferta-beneficios:hover::-webkit-scrollbar-thumb, .iconos-beneficio:hover::-webkit-scrollbar-thumb, .equipo-caracteristicas:hover::-webkit-scrollbar-thumb {
	background: #70C5E0;
}

.oferta-beneficios li {
	color: #333;
	font-size: 16px;
	padding: 15px 0 15px 50px;
	border-top: 1px solid #e9e8e8;
	position: relative;
}

.oferta-beneficios li:first-child {
	border-top: none;
}

.oferta-beneficios li img {
	width: 32px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.oferta-pospago-body a.ver-equipo, .oferta-competencia-body a.ver-equipo {
	background: #00a9e0;
	color: #fff;
	font-size: 18px;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
	display: block;
	text-align: center;
	padding: 15px;
	margin: 15px 0 0;
	border-radius: 4px;
}

.oferta-pospago-body a.ver-equipo:hover, .oferta-competencia-body a.ver-equipo:hover {
	background: #0294C4;
}

.links-secundarios {
	padding: 0;
	margin: 10px 0 0;
	display: block;
	width: 100%;
	text-align: center;
}

.links-secundarios li {
	display: inline-block;
	font-size: 16px;
	color: #0099cc;
}

.links-secundarios a {
	display: block;
	padding: 5px;
	color: #0099cc;
}

.links-secundarios a:hover {
	text-decoration: underline;
}

.oferta-equipo {
	margin: 20px 0;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
	border-radius: 4px;
	background: #fff;
	padding: 15px;
}

.oferta-equipo-header {
	text-align: center;
}

.oferta-equipo-header h1 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 0;
}

.oferta-equipo-header h1 strong {
	font-size: 24px;
}

.oferta-equipo-header p {
	color: #00a9e0;
	font-size: 16px;
	margin: 0;
}

.equipo-body-main {
	display: block;
	margin: 30px 0 0;
	display: flex;
	align-items: center;
}

.equipo-foto {
	width: 50%;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}

.equipo-foto img {
	width: 120px;
	max-width: 100%;
	margin: 0 auto;
}

.equipo-caracteristicas {
	width: 50%;
	float: left;
	padding: 0 0 0 10px;
	overflow-y: auto;
	height: 250px;
}

.equipo-caracteristicas li {
	font-size: 14px;
	line-height: 1em;
	position: relative;
	padding: 10px 0 10px 20px;
}

.equipo-caracteristicas li span, .equipo-caracteristicas li strong {
	display: block;
}

.equipo-caracteristicas img {
	position: absolute;
	left: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	opacity: .8;
}

.equipo-precios {
	padding: 0;
	/*border-bottom: 1px solid #e9e8e8;*/
	margin: 30px 0 0;
	position: relative;
}

.equipo-precios h3, .oferta-competencia-header h3 {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: #00a9e0;
	border-radius: 50px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 15px 6px;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
	margin: 0;
	z-index: 1;
	text-align: center;
}

.oferta-competencia-header h3 {
	top: 100%;
}

.equipo-precios h3.equipo-gratis {
	background: #5bc500;
}

.equipo-precios li {
	color: #333;
	font-size: 16px;
	padding: 20px 0;
	position: relative;
	border-top: 1px solid #e9e8e8;
	display: flex;
	align-items: center;
	min-height: 90px;
}

.equipo-precios li > div {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.equipo-precio-descripcion {
	text-align: center;
	font-size: 15px;
	padding-right: 10px;
}

.equipo-precio-descripcion span, .equipo-precio-descripcion strong {
	display: block;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.equipo-precio-valor {
	font-size: 24px;
	padding-left: 20px;
}

.equipo-precios li:after {
	content: '\56';
	font-family: 'dripicons-v2';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	color: #00a9e0;
}

.equipo-precio-valor small {
	font-size: 50%;
}

.equipo-precio-valor strong {
	display: block;
	letter-spacing: -.5px;
}

.equipo-precio-valor span {
	font-size: 16px;
	display: block;
	font-weight: bold;
}

.equipo-precios-descuento .equipo-precio-valor strong {
	color: #00a9e0;
}

.equipo-precios-descuento .equipo-precio-valor span {
	color: #ccc;
}

.equipo-precios li.equipo-precio-gris {
	color: #666;
}

.equipo-precios li.equipo-precio-gris:after {
	color: #999;
}

.btn-ofertas {
	background: #00a9e0 !important;
}

.btn-ofertas:hover {
	background: #0294C4 !important;
}

.oferta-argumento {
	margin: 20px 0;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
	border-radius: 4px;
	background: #fff;
	padding: 60px 30px;
}

.oferta-argumento i {
	color: #00a9e0;
	font-size: 32px;
	margin: 0 0 40px;
	display: block;
}

.oferta-argumento p {
	font-size: 22px;
	line-height: 1.3em;
}

.oferta-competencia {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: rgba(0,0,0,.1) 0 3px 3px;
	margin: 20px 0;
}

.oferta-competencia-header {
	border-radius: 4px 4px 0 0;
	background: #fff;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 90%, rgba(0,0,0,.05));
	background: -o-linear-gradient(rgba(0,0,0,0) 90%, rgba(0,0,0,.05));
	background: linear-gradient(rgba(0,0,0,0) 90%, rgba(0,0,0,.05));
	text-align: center;
	padding: 40px 10px;
	position: relative;
}

.oferta-competencia-body {
	padding: 15px;
}

.oferta-competencia-precio {
	display: flex;
	align-items: center;
	padding: 10px 0 20px;
}

.oferta-competencia-precio h2 {
	flex-grow: 1;
	float: left;
	font-size: 18px;
	margin: 0;
	line-height: 1em;
}

.oferta-competencia-precio h2 strong {
	font-size: 22px;
}

.oferta-competencia-precio h4 {
	margin: 0;
	font-size: 36px;
}

/*---------------- panel reportes elije aprender ---------------------*/

.panel-reporte-ea {
	text-align: center;
	padding: 0 20px 20px;
	margin-bottom: 80px;
	overflow: visible;
}

.panel-reporte-ea h2 {
	text-transform: uppercase;
	font-weight: normal;
	background: #5cc503;
	font-size: 22px;
	margin: 0 0 30px;
	border-radius: 30px;
	color: #fff;
	padding: 5px 10px;
	width: auto;
}

.panel-reporte-ea h2 span {
	font-weight: bold;
}

.panel-reporte-ea h4 {
	padding: 0;
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 20px;
	float: none;
	text-align: center;
}

.panel-reporte-ea h4 strong {
	color: #00a9e0;
	font-size: 18px;
}

.panel-reporte-ea h3 {
	color: #00a9e0;
	border-top: 1px solid #ccc;
	padding: 20px 0 0;
	margin: 0;
	border-radius: 0 0 3.5px 3.5px;
	font-size: 18px;
}

.reporte-icon {
	background: #00a9e0;
	color: #fff;
	margin: -50px 0 10px;
	width: auto;
	display: inline-block;
	padding: 20px;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50%;
}

.reporte-icon svg {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.text-reportes-ea {
	padding-top: 40px;
	padding-bottom: 180px;
	column-count: 2;
}

.text-reportes-ea p {
	color: #fff;
	font-size: 16px;
	line-height: 1em;
}

/*.btn.float-right {
		margin-left: 10px;
}
*/
.panel-user {
	color: #fff;
	text-align: center;
	text-shadow: rgba(0,0,0,.2) 0 2px 2px;
	overflow: hidden;
	background: #00a9e0;
	background: -webkit-linear-gradient(#00a9e0, #18C4FC);
	background: -o-linear-gradient(#00a9e0, #18C4FC);
	background: linear-gradient(#00a9e0, #18C4FC);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17), 0 -75px 0 #1381a5 inset;
}

.panel-user .panel-body {
	padding: 0;
}

.vendedor-data h3 {
	color: #fff;
	background: #1381a5;
	font-weight: bold;
	padding: 10px;
	border-radius: 3px 3px 0 0;
	margin: 20px;
	border-radius: 50px;
	font-size: 20px;
	text-transform: capitalize;
	box-shadow: rgba(255,255,255,.2) 0 2px 0;
	letter-spacing: -.25px;
}

.vendedor-data .user-data h3 + p {
	font-size: 18px;
	margin: 0;
	padding: 0 0 15px;
}

.vendedor-data .user-data p {
	font-size: 15px;
	color: #fff;
	padding: 15px 0 10px;
	border-radius: 0 0 3px 3px;
}

/*---------------- progress user index ---------------------*/

.progress-user {
	position: relative;
	margin: 0 0 35px;
}

.vendedor-data .user-data .progress-user + p {
	padding: 10px 0 20px;
	margin: 0;
	position: relative;
}

.progress-user > li {
	position: static;
}

.progress-user > li:before {
	width: 50px;
	height: 50px;
	box-shadow: rgba(255,255,255,.2) 0 2px 0;
}

.progress-user > li:after {
	width: 25%;
	top: 20px;
	box-shadow: rgba(255,255,255,.2) 0 2px 0;
}

.progress-user > li:first-child:after {
	left: 15%;
	z-index: 3;
}

.progress-user > li:nth-child(2):after {
	left: 38%;
	z-index: 2;
}

.progress-user > li:nth-child(3):after {
	left: 62%;
	z-index: 1;
}

.progress-user > li:nth-child(4):after {
	display: none;
}

.progress-user > li span, .progress-user > li.is-active.is-complete span {
	display: none;
}

.progress-user > li.is-active span {
	display: block;
	position: absolute;
	color: #80ff14;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 60px;
	width: 100%;
	left: 0;
	margin: 15px 0 0;
}

.progress-user > li.is-active span:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: -webkit-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,0));
	background: -o-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,0));
	background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,0));
}

.progress-user > li:nth-child(1) span, .progress-user > li:nth-child(2) span, .progress-user > li:nth-child(3) span, .progress-user > li:nth-child(4) span {
	background: none;
}

.badge-vendedor, .vendedor-data .badge-vendedor {
	display: none;
}

.banner-equipos {
	background: url('../img/banner-equipos.jpg') center center no-repeat;
	background-size: cover;
	position: relative;
	height: 225px;
	overflow: hidden;
}

.banner-equipos > strong {
	position: absolute;
	background: #f05d78;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 8px 150px 8px 30px;
	transform: rotateZ(-20deg);
	top: -11px;
	left: -20px;
	box-shadow: rgba(0,0,0,.2) 0 5px 10px;
} 

.banner-equipos:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(rgba(30, 129, 163, 0) 50%, rgba(30, 129, 163, 1) 90%);
}

.banner-equipos-footer {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	padding: 30px 150px 20px 20px;
	overflow: hidden;
}

.banner-equipos-footer h3 {
	margin: 0;
	padding: 0;
	position: relative;
	top: 3px;
	font-size: 24px;
	padding-left: 45px;
	text-shadow: rgba(0,0,0,.2) 0 2px 2px;
	line-height: .8em;
}

.banner-equipos-footer h3 i {
	width: 35px;
	height: 35px;
	background: #fff;
	display: inline-block;
	border-radius: 50%;
	color: #00a9e0;
	text-align: center;
	box-sizing: border-box;
	padding-top: 8px;
	font-size: 20px;
	position: relative;
	top: 3px;
	text-shadow: none;
	box-shadow: rgba(0,0,0,.2) 0 2px 2px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn-small {
	padding: 4px 10px;
}

.report-card-primary .card-icon-header {
	background-color: #55b900;
}

.report-card-primary .report-card-indicadores:before, .report-card-primary .report-card-indicadores:after {
	background-color: rgba(150, 204, 103, .5);
}

.report-card-primary .report-card-indicadores h2 {
	color: #55b900;
}

.title-minimal header h3 {
	margin: 10px 0 30px;
	display: inline-block;
}

.title-minimal header button {
	margin-top: 5px;
}

/*---------------- btn ---------------------*/

.btn i {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 2px;
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.row-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-center {
	align-items: center;
}

.align-self-end {
	align-self: flex-end;
}

.flex-stretch {
	align-items: stretch;
}

.flex-stretch > * {
	flex-grow: 1;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-grow1-basis0 {
	flex-grow: 1 !important;
	flex-basis: 0 !important;
}

/*---------------- reportes checklist header ---------------------*/

.reportes-checklist-header {
	padding: 30px 25px 50px;    
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	/*height: 100%;*/
	position: relative;
}

.reportes-checklist-header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333333;
	opacity: .75;
}

.reportes-checklist-header .btn-sm {
	padding: 3px 10px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	background-color: #5bc500;
	border-radius: 2px;
	color: white;
	margin: 0 15px 0;
}

.reportes-checklist-title h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.9px;
	margin: 0 0 10px 0;
	color: #ffffff;
}

.reportes-checklist-title p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	font-weight: 300;
}

.reportes-checklist-title p span {
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 2px;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.reportes-checklist-desplegable-btn {
	color: #fff;
	font-weight: 600;
	position: relative;
	display: inline-block;
	color: #5bc500;
}

.reportes-checklist-title h4 {
	color: #fff;
	font-style: normal;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	line-height: 20px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	display: inline-block;
}

.reportes-checklist-title h4 span {   
	font-weight: 700;
	color: #5bc500;
}

.reportes-checklist-title ul {
	padding-left: 0;
	color: #fff;
	margin-bottom: 0;
}

.reportes-checklist-title ul li span {
	font-weight: 700;
}

.reportes-checklist-title a i {
	position: absolute;
	bottom: -3px;
	right: -18px;
}

.reportes-checklist-title {
	margin-left: 10px;
	position: relative;
}

.reportes-checklist-img {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
	width: 130px;
	height: 130px;
	background-size: cover;
	border-radius: 50%;
	margin-left: 15px;
	flex-shrink: 0;
}

.reportes-checklist-header-containter {
	display: flex;
	align-items: center;
}

.reportes-checklist-header-containter .reportes-checklist-title {
	margin-left: 30px;
	min-width: 0;
}

.reportes-checklist-desplegable {
	position: relative;
	max-height: 20px;
	overflow: hidden;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.reportes-checklist-desplegable p {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
}

.reportes-checklist-desplegable.-expanded {
	max-height: 200px;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.reportes-checklist-desplegable.-expanded p {
	overflow: unset;
	white-space: unset;
	text-overflow: unset;
}

.reportes-checklist .floating-panel {
	margin-top: -40px;
}

/*---------------- header default ---------------------*/ 

.header-default {
	padding: 30px 30px 50px;    
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	/*height: 100%;*/
	position: relative;
}

.header-default:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333333;
	opacity: .75;
}

.gradient-blue-left:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(-70deg, rgba(0, 79, 105, 0.85) 10%, rgba(255, 255, 255, .5) 90%);
	background: -o-linear-gradient(-70deg, rgba(0, 79, 105, 0.85) 10%, rgba(255, 255, 255, .5) 90%);
	background: linear-gradient(160deg, rgba(0, 79, 105, 0.85) 10%, rgba(255, 255, 255, .5) 90%);
	opacity: 1;
}

.btn-sm-2 {
	padding: 3px 10px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	background-color: #5bc500;
	border-radius: 2px;
	color: white;
	margin: 0 15px 0;
}

.header-default-title h1, .header-default-h1 {
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #ffffff;
	display: flex;
	align-items: center;
}

.header-default-title h1 .btn-icon-circle {
	margin: 0;
}

.header-default.text-center h1,
.header-default-title.text-center h1 {
	justify-content: center;
}

.header-default-back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #fff;
	margin: 0 10px 0 -3px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 14px;
	flex-shrink: 0;
}

.header-default-back:hover {
	background: #fff;
	color: #00a9e0;
}

.header-default-title p, .header-default-p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	font-weight: 300;
}

.header-default-title p span{
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 2px;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.header-default-desplegable-btn {
	color: #fff;
	font-weight: 600;
	position: relative;
	display: inline-block;
	color: #5bc500;
}

.header-default h4, .header-default-h4 {
	font-style: normal;
	line-height: 20px;
	margin: 0 0 10px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	display: inline-block;
}

.header-default h4 span {   
	font-weight: 500;
	color: #5bc500;
}

.header-default-title ul {
	padding-left: 0;
	color: #fff;
	margin-bottom: 0;
}

.header-default-title ul  li span{
	font-weight: 700;
}

.header-default-desplegable-btn i {
	position: relative;
	bottom: -3px;
}

.header-default-title {
	position: relative;
}

.reportes-checklist-img, .header-default-img {
	width: 130px;
	height: 130px;
	background-size: cover;
	border-radius: 50%;
	margin-right: 30px;
	flex-shrink: 0;
	background-color: #00a9e0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-default-img svg {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	position: relative;
	margin: 0 auto;
	width: 50%;
}

.header-default-container {
	display: flex;
	align-items: center;
}

.header-default-desplegable {
	position: relative;
	max-height: 20px;
	overflow: hidden;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	max-width: 960px;
}

.header-default-desplegable p {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
}

.header-default-desplegable.-expanded {
	max-height: 200px;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.header-default-desplegable.-expanded p {
	overflow: unset;
	white-space: unset;
	text-overflow: unset;
}

.floating-panel-default {
	margin-top: -40px !important;
}

/*---------------- header default sin imagen de fondo ---------------------*/ 

.header-default-noimg {
	background: rgba(222, 221, 221, 0.5);
}

.header-default-noimg .header-default-title h1 {
	color: #00a9e0;
	letter-spacing: normal;
}

.header-default-noimg .header-default-title p {
	font-size: 14px;
	color: #333;
}

.header-default-noimg .header-default-title h4 {
	border-bottom: 1px solid #e0e0e0;
	color: #859AAB;
}

.header-default-noimg:before {
	content: none;
}

.header-default-noimg .header-default-title h4 span, .header-default-noimg .header-default-desplegable-btn {
	color: #00a9e0;
}

/*---------------- header default breadcrumbs ---------------------*/ 

.header-default .breadcrumb-head {
	margin: 10px 0;
	padding: 0;
}

.header-default-noimg .breadcrumb-nav li a, .header-default .breadcrumb-nav li:after {
	color: #00a9e0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
	font-weight: 500;
}

.header-default-noimg .breadcrumb-nav li:last-child {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
}

.header-default-noimg  .breadcrumb-nav li a:hover {
	text-decoration: none;
	opacity: .75;
}

.header-default .breadcrumb-head {
	margin: 0 0 10px;
	padding: 0;
	background: unset;
}

.header-default-noimg .breadcrumb-nav li a, .header-default .breadcrumb-nav li:after {
	color: #00a9e0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
	font-weight: 500;
}

.header-default .breadcrumb-nav li a, .header-default .breadcrumb-nav li:after {
	color: #00a9e0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
	font-weight: 500;
}

.header-default .breadcrumb-nav li:last-child {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
	color: #ffffff;
}

.header-default .breadcrumb-nav li a:hover {
	text-decoration: none;
	opacity: .75;
}

.header-default .breadcrumb-nav {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	display: inline-block;
}

.header-default-noimg .breadcrumb-nav li:last-child {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
	color: #859AAB;
}

.header-default-noimg  .breadcrumb-nav li a:hover {
	text-decoration: none;
	opacity: .75;
}

.header-default-noimg .breadcrumb-nav {
	border-bottom: 1px solid #e0e0e0;
	display: inline-block;
}

.header-default-noimg .breadcrumb-head {
	margin: 10px 0;
	padding: 0;
	background: unset;
}

.floating-panel-default {
	margin-top: -40px;
}

.less-margin {
	margin-right: -7px;
	margin-left: -7px;
}

.less-margin .col-md-3, .less-margin .col-md-7, .less-margin .col-md-6, .less-margin .col-md-5, .less-margin .col, .less-margin .col-md-4, .less-margin .col-md-2, .less-margin .col-md-8, .less-margin .col-md-9, .less-margin .col-md-12  {
	padding-right: 7px;
	padding-left: 7px;
}

.reportes-checklist .panel-body-big {
	padding: 20px 20px 5px;
}

.reportes-checklist .btn.btn-full {
	border-radius: 4px;
	height: 46px;
	color: white;
	font-size: 14px;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.reportes-checklist .search-course, .dataTables_wrapper .dataTables_filter label input {
	border: none;
}

h4.title-filtros {
	font-size: 18px;
	margin: 10px 0 25px;
	border-bottom: 1px solid #e0e0e0;
	color: #9c9b9b;
	padding: 0 0 7px;
}

h4.title-filtros span {
	font-weight: 600;
}

select.filtar-reporte, input.filtar-reporte {
	border: none;
	background-color: #f4f5f7;
	width: 100%;
	height: 46px;
	margin-bottom: 15px;
	padding: 0 6px;
	font-size: 14px;
}

select.filtar-reporte:focus, input.filtar-reporte:focus {
	color: #00a9e0;
	box-shadow: inset 0 0 0 1px #00a9e0;
	outline-color: transparent;
}

select.filtar-reporte {
	border-radius: 4px;
}

input.filtar-reporte {
	margin-bottom: 0
}

.reportes-checklist .search-course {
	height: 46px;
	font-size: 14px;
}

.title-1 {
	font-size: 20px;
	color: #00a9e0;
	margin: 20px 0;
	letter-spacing: -0.5px;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.label-filtro, .label-filtro, .collapse-title {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	color: #00a9e0;
	display: block;
}

.collapse-title {
	margin: 20px 0;
}

.label-filtro {
	color: #5bc500;
}

.panel-heading:not(.note-toolbar) {
	font-size: 16px;
	margin: 0;
	text-transform: none;
	font-weight: bold;
	padding: 15px 20px;
	letter-spacing: 0;
	color: #00a9e0;
	border-bottom: 1px solid #ebebeb;
}

.panel-heading .btn:not(.btn-lg) {
	font-size: 12px;
}

.panel-heading-underline {
	padding: 20px !important;
	border-bottom: 2px solid #00a9e0;
}

.separated:before {
	content: '';
	background: #e6e6e6;
	width: 1px;
	height: calc(100% - 24px);
	display: block;
	margin: 4px 0 0 -15px;
	border-radius: 10px;
	position: absolute;
}

.stat-card, .stat-card-lite {
	padding: 20px;
	margin-top: 25px;
	color: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
}

.stat-card-lite {
	color: #333;
	/*box-shadow: 0 1px 2px rgba(25,25,25,0.2);*/
	margin-top: 10px;
	border-radius: 3px;
	border-top: 6px solid #00a9e0;
	background: #f9f7f7;
}

.stat-card-lite input, .stat-card-lite select {
	border: 1px solid #dcd7da;
}

.stat-card-lite #reportes-datepicker input:last-child {
	border-left: 0;
}

.stat-card-lite input:focus, .stat-card-lite select:focus {
	border-color: transparent;
}

.stat-card-lite h2 {
	font-size: 30px;
	letter-spacing: -0.5px;
	font-weight: 300;
	color: #00a9e0;
	margin: -10px 0 5px 0;
}

.stat-card-lite h4  {
	font-size: 20px;
	color: #00a9e0;
	margin: 10px 0;
	letter-spacing: -0.5px;
}

.stat-card-lite h3, .stat-card-lite h5  {
	font-size: 14px;
	color: #50535A;
	line-height: 20px;
	font-weight: 700;
	margin: 0 0 5px 0 !important;    
}

.stat-card-lite .stat-icon {
	background: #00a9e0;
	width: 72px;
	height: 72px;
	padding: 20px;
}

.stat-card h2 {
	font-size: 36px;
	letter-spacing: -0.5px;
	font-weight: 300;
	margin: -15px 0 0 0;
}

.stat-card h2:before {
	content: '';
	background: url(../img/reportes-checklist-bg.png) center center no-repeat;
	width: 85px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .1;
}

.stat-card h3 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	font-weight: 700;
	margin: 10px 0 25px;
	background-color: unset !important;

}

.stat-card p {
	margin-top: auto;
	margin-bottom: 0;
	position: relative;
	font-size: 14px;
	line-height: 16px;
}

.stat-card p:before, .stat-card .categoria-card-stat2:before {
	content: '';
	background: #fff;
	width: 100%;
	height: 1px;
	display: block;
	margin: -10px 0 0 0;
	border-radius: 10px;
	position: absolute;
	opacity: .4;
}

.stat-card .categoria-card-stat2 p:before {
	content: none;
}

.stat-card .categoria-card-stat2 {
	padding-top: 0;
	margin-bottom: 0;
}

.stat-icon {
	color: #fff;
	margin: -60px 0 0;
	align-self: flex-end;
	width: auto;
	display: inline-block;
	padding: 23px;
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 15;
}

.stat-icon svg {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.stat-card-bg1 {
	background: #00a00b;
	background: -moz-linear-gradient(45deg, #72d500 25%, #00a00b 85%);
	background: -webkit-linear-gradient(45deg, #72d500 25%,#00a00b 85%);
	background: linear-gradient(45deg, #72d500 25%,#00a00b 85%);
}

.stat-card-bg1 .stat-icon {
	background: #6dcb1b;    
}

.stat-card-bg2 {
	background: #0194d9;
	background: -moz-linear-gradient(45deg, #00bfe9 25%, #0194d9 85%);
	background: -webkit-linear-gradient(45deg, #00bfe9 25%,#0194d9 85%);
	background: linear-gradient(45deg, #00bfe9 25%,#0194d9 85%);
}

.stat-card-bg2 .stat-icon {
	background: #1ab2e3;    
}

.stat-card-bg3 {
	background: #13c9cd;
	background: -moz-linear-gradient(45deg, #21dee2 25%, #13c9cd 85%);
	background: -webkit-linear-gradient(45deg, #21dee2 25%,#13c9cd 85%);
	background: linear-gradient(45deg, #21dee2 25%,#13c9cd 85%);
}

.stat-card-bg3 .stat-icon {
	background: #32d7db;    
}

.stat-card-bg4 {
	background: #7b387d;
	background: -moz-linear-gradient(45deg, #b05eb2 25%, #7b387d 85%);
	background: -webkit-linear-gradient(45deg, #b05eb2 25%,#7b387d 85%);
	background: linear-gradient(45deg, #b05eb2 25%,#7b387d 85%);
}

.stat-card-bg4 .stat-icon {
	background: #a05da2;    
}

.stat-card-bg5 {
	background: #e33153;
	background: -moz-linear-gradient(45deg, #f05388 25%, #e33153 85%);
	background: -webkit-linear-gradient(45deg, #f05388 25%,#e33153 85%);
	background: linear-gradient(45deg, #f05388 25%,#e33153 85%);
}

.stat-card-bg5 .stat-icon {
	background: #f05d78;    
}

.categoria-card {
	padding: 20px 20px 0;
}

.categoria-card h2, .categoria-card-title h2 {
	font-size: 16px;
	color: #666666;
	margin: 5px 0 10px;
	font-weight: bold;
}


.categoria-card-title {
	display: inline-flex;
	align-items: center;
	margin-bottom: 20px;
}

.categoria-card-title select {
	margin-bottom: 0;
	margin-left: 15px;
	width: 220px;
}

.categoria-card-stat {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
	background: #f9f7f7;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	overflow: hidden;
}

.categoria-card-stat .row, .categoria-card-stat2 .row {
	display: flex;
	align-items: center;
}

.categoria-card-stat h3 {
	font-size: 13px;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	color: #fff;
	background: #00a9e0;
	padding: 10px;
	margin: -20px -20px 20px -20px;
	font-weight: 700;
}

.categoria-card-stat h4 {
	font-size: 30px;
	letter-spacing: -0.5px;
	font-weight: 300;
	margin: 0;
	color: #00a9e0;
	text-align: center;
}

.categoria-card-stat p, .categoria-card-stat2 p  {
	font-size: 13px;
	margin: 0;
}

.categoria-card-stat2{
	margin-top: auto;
	position: relative;
	padding-top: 25px;
	margin-bottom: -5px;
}

.categoria-card-stat2:before {
	content: '';
	background: #e6e6e6;
	width: 100%;
	height: 1px;
	display: block;
	margin: -10px 0 0 0;
	border-radius: 10px;
	position: absolute;
}

.categoria-card-stat h5, .categoria-card-stat2 h5 {
	margin: 0;
	line-height: 20px;
	text-align: center;
}

.categoria-card-stat h5 span, .categoria-card-stat2 h5 span {
	font-size: 16px;
	font-weight: 700;
}

.chart-container {
	display: flex;  
	flex-direction: column;
}

.btn-responsive {
	display: none !important;
	border-radius: 2px;
	height: 46px;
	color: white;
	font-size: 14px;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-responsive-open {
	background-color: #c7c7c7 !important;
	border-color: #c7c7c7 !important; 
	border-radius: 4px 4px 0 0 !important;
}

#reportes-datepicker input:last-child, #filtrar-fecha input:last-child {    
	background: #f1ebeb;
}

#reportes-datepicker input, #filtrar-fecha input {
	width: 50%;
}

.reportes-checklist .input-group, #filtrar-fecha {
	width: 100%;
	display: flex;
}

#reportes-datepicker input:first-child, #filtrar-fecha input:first-child {    
	border-radius: 4px 0 0 4px;
}

#reportes-datepicker input:last-child, #filtrar-fecha input:last-child {    
	background: #f1ebeb;
	border-radius: 0 4px 4px 0;
}

.no-search-bar .dataTables_wrapper .row:first-child {
	display: none;
}


/*---------------  btn --------------*/

.btn-full {
	width: 100% !important;
	display: flex;
}

.btn-full:not(.btn-icon) {
	align-items: center;
	justify-content: center;
}

.btn-grey {
	background-color: #e8e5e5;
	border-color: #e8e5e5;
	color: #333 !important;
}

.btn-grey:hover {
	background-color: #d8d3d3;
	border-color: #d8d3d3;
}

.btn-full-2 {
	padding: 6px;
}

/*---------------- btn icon ---------------------*/

.btn-icon {
	border-radius: 4px;
	height: 46px;
	color: white;
	font-size: 14px;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.btn-icon i {
	margin-top: -2px;
}

.btn-icon span {
	display: flex;
	align-items: center;
}

.btn-icon span .emojisvg {
	margin-right: 7px;
}

.btn {
	border-radius: 4px;
}

/*---------------- btn icon circle ---------------------*/


.btn-icon-circle {
	background: #00a9e0;
	border-radius: 50%;
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	margin: 2px;
}

.btn-icon-circle i {
	margin-top: 2px;
}

.btn-icon-circle:hover {
	color: #fff;
	background: #0090bf;
}

.btn-icon-circle-lg {
	width: 46px;
	height: 46px;
}

.btn-icon-circle img {
	height: 12px;
	margin-left: -2px;
}

.btn-icon-circle-lg img {
	height: 14px;
	margin-left: -2px;
}

/*---------------- btn icon con leyenda ---------------------*/

.btn-icon-legend {
	border-radius: 4px;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: normal;
	line-height: 14px;
	padding: 8px 10px;
	height: 46px;
}

.btn-icon-legend p {
	flex: 1;
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
	border-right: 1px solid rgba(255, 255, 255, .2);
	margin: 0;
	color: #fff;
	padding: 0 7px;
}

.btn-icon-legend small {
	flex: 2;
	font-size: 11px;
	text-align: left;
	margin-left: 10px;
}

.flex-space-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.disabled-cursos {
	pointer-events: none;
}

.disabled-cursos:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .75;
	z-index: 1;
}

.disabled-cursos .legend {
	margin: 20px;
	position: fixed;
	top: 50%;
	left: 0;  
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 2;

}

.show-mobile {
	display: none;
}

.has-video video {
	width: 100%;
	height: auto;
	margin-bottom: -5px;
	cursor: pointer;
}


/*---------------- legend ---------------------*/

.legend {
	font-size: 14px;
	padding: 15px 10px 15px 65px;
	background: #f4f5f7;
	position: relative;
	border-radius: 4px;
	color: #333;
}


.legend:before {
	font-family: "dripicons-v2";
	font-size: 22px;
	position: absolute;
	top: 50%;
	left: 20px;
	color: #333;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.legend p {
	margin: 0;
}

.legend-bluetext {
	background: #fff;
}

.legend-bluetext p {
	color: #00a9e0
}

.legend-bluetext:before {
	color: #00a9e0;
}

.legend-bluebg {
	background: #00a9e0;  
}

.legend-bluebg p, .legend-bluebg:before, .legend-greenbg p, .legend-greenbg:before {
	color: #fff !important;
}

.legend-greenbg {
	background: #55b900;  
}

.legend-lg p {
	font-size: 16px;
}

.container-group {
	padding: 15px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.container-group .form-control {
	background-color: #fff;
	box-shadow: 0px 15px 17px -17px rgba(0, 0, 0, 0.37);
}

.container-group .tab-contents {
	margin: -20px -15px -15px -15px;
	padding: 30px 15px;
	background: #f4f5f7;
	border-radius: 0 0 4px 4px;
}

.input-group-addon {
	border-radius: 4px 0 0 4px !important;
	background: #e8e4e4;
	border: none;
}

.tab-content-sub {
	display: none;
}

.tabs-default {
	display: flex;
	margin: 0 -15px 20px;
	position: relative;
	padding-inline-start: 0;
	z-index: 3;
}

.tabs-default li {
	flex-basis: 0;
	flex-grow: 1;
}

.tabs-default a {
	position: relative;
	color: #6c6d71;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 0;
	display: flex;
	justify-content: center;
	background: #e8e5e5;
}

.tabs-default a i {
	margin-right: 7px;
	height: 16px;
}

.tabs-default li.current a {
	color: #00a9e0;
	background: #f4f5f7;
	box-shadow: #00a9e0 0 -2px 0;
}

.tabs-default li:not(.current) a:hover {
	color: #00a9e0; 
	background: #dedcdc;
}

.input-group-load {
	position: relative;
	padding: 15px;
	background: #fff;
	box-shadow: 0px 15px 17px -17px rgba(0, 0, 0, 0.37);
	margin-bottom: 20px;
	border-radius: 4px;
}

.input-group-load .input-group-addon {
	background: #fff;
	padding: 0 0 10px;
}

.input-group-load .remove-col {
	right: -20px;
	display: none;
}

.input-group-load .delete-img {
	display: none;
}

.input-group-load:hover .remove-col, .input-group:hover .remove-col {
	display: flex;
}

.input-group .remove-col {
	right: -20px;
	z-index: 3;
	display: none;
}



/*---------------- chatbot ---------------------*/

.chat-circle-container {
	animation: bounce 1s infinite alternate;
	-webkit-animation: bounce 1s infinite alternate;
	position: fixed;
	bottom: 25px;
	right: -10px;
	z-index: 50;
}

.chat-circle {
	background: #00a9e0;
	width: 64px;
	height: 64px;  
	border-radius: 50%;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center; 
	box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 10px 10px rgba(0,0,0,0.15);  
	cursor: pointer;
}


@keyframes bounce {
	from {
		transform: translate(-50%, 0) scale(1);
	}

	to {
		transform: translate(-50%, -15px) scale(1);
	}
}

@-webkit-keyframes bounce {
	from {
		transform: translate(-50%, 0) scale(1);
	}

	to {
		transform: translate(-50%, -15px) scale(1);
	}
}

.chat-circle i {
	font-size: 20px;
}

.chat-circle img {
	width: 36px;
}

.chat-box {
	background: #f4f5f7;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 300px;
	border-radius: 4px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 10px 10px rgba(0,0,0,0.15);
	z-index: 50;
}

.chat-box-toggle {
	cursor: pointer;
	position: absolute;
	color: #fff;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.chat-box-toggle:hover, .chat-box-toggle:active {
	color: #0585af;
}
.chat-box-header {
	background: #00a9e0;  
	border-radius: 4px 4px 0 0;
	color: white;
	text-align: center;
	font-size: 20px;
	padding: 10px 15px;
	display: flex;
	position: relative;
}

.chat-box-header h4 {
	font-size: 16px;
	margin: 7px 0;
}

.chat-box-body {
	position: relative;  
	height:300px;  
	height:auto;
	overflow: hidden;
}
.chat-box-body:after {
	content: "";
	background: url(../img/geometry.png) repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute;
	z-index: -1;   
}

.chat-box-overlay {
	position: absolute;
	top: 0;
	left: 0;   
	z-index: 2;
	height: 100%;
	background: -moz-linear-gradient(45deg, #00bfe9 25%, #0194d9 85%);
	background: -webkit-linear-gradient(45deg, #00bfe9 25%,#0194d9 85%);
	background: linear-gradient(0deg, #5acaef 25%,#00a9e0 85%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.chat-box-overlay img {
	width: 72px;
	margin-top: -20px;
}

.chat-box-overlay h3 {
	text-align: center;
	color: #fff;
	padding: 0 40px;
	font-size: 18px;
	line-height: 22px;
}

#chat-input {
	background: #fff;
	width:100%; 
	position:relative;
	height:48px;
	padding: 8px 50px 8px 15px;
	border:none;
	resize:none;
	outline:none;
	color:#888;
	border-radius: 0 0 4px 4px;
	overflow:hidden;  
}
.chat-input > form {
	margin-bottom: 0;
}
#chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ccc;
}
#chat-input::-moz-placeholder { /* Firefox 19+ */
	color: #ccc;
}
#chat-input:-ms-input-placeholder { /* IE 10+ */
	color: #ccc;
}
#chat-input:-moz-placeholder { /* Firefox 18- */
	color: #ccc;
}
.chat-submit {  
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent;
	box-shadow: none;
	border: none;
	border-radius: 50%;
	color: #00a9e0;
	width: 48px;
	font-size: 18px;
	height: 48px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chat-submit i {
	height: 18px;
}

.chat-submit:focus {
	outline: none;
}
.chat-logs {
	padding:15px; 
	height:300px;
	overflow-y:auto;
}

.chat-logs::-webkit-scrollbar {
	background: transparent; 
	width: 5px;
}

.chat-logs::-webkit-scrollbar-track {
	background: transparent; 
}

.chat-logs::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 10px;
	opacity: .5;    
}

.chat-logs:hover::-webkit-scrollbar-thumb {
	background: #00a9e0; 
}

.chat-logs:hover::-webkit-scrollbar-track {
	background: #f4f5f7;
}

.show-chatbot {    
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

}

.hide-chatbot {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


@media only screen and (max-width: 500px) {
	.chat-logs {
		height:40vh;
	}
}

.chat-msg.user > .msg-avatar {
	width: 40px;
	height: 40px;
	border-radius:50%;
	float:left;
	background: url(../img/chatbot.svg) #00a9e0 no-repeat;
	background-size: 20px auto;
	background-position: center center;
}

.chat-msg.self > .msg-avatar {
	content: '';
	width: 40px;
	height: 40px;
	border-radius:50%;
	float:right;
	background: url(../img/chatbot-user.svg) #ffffff no-repeat;
	background-size: 20px auto;
	background-position: center center;
}

.cm-msg-text {
	background:white;
	padding:10px 15px 10px 15px;  
	color:#666;
	max-width:75%;
	float:left;
	margin-left:10px; 
	position:relative;
	margin-bottom:20px;
	border-radius: 20px;
	overflow-wrap:break-word;
}


.chat-msg {
	clear:both;    
}

.chat-msg.self > .cm-msg-text {  
	float:right;
	margin-right:10px;
	background: #00a9e0;
	color:white;
	/*  border-radius: 4px 0 4px 4px;*/
}


/*---------------- floating menu - similar a chatbot ---------------------*/

.floatingmenu-circle-container {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 50;
}

.floatingmenu-circle {
	background: #00a9e0;
	width: 64px;
	height: 64px;  
	border-radius: 50%;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center; 
	box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 10px 10px rgba(0,0,0,0.15);  
	cursor: pointer;
}

.floatingmenu-circle i {
	font-size: 24px;
}

.floatingmenu-circle img {
	width: 36px;
}

.floatingmenu-box {
	background: #fff;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 300px;
	border-radius: 4px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 10px 10px rgba(0,0,0,0.15);
	z-index: 130;
	/*  border-top: 4px solid #00A9E0;*/
}

.floatingmenu-toggle {
	cursor: pointer;
	position: absolute;
	color: #ffffff;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.floatingmenu-toggle:hover, .floatingmenu-toggle:active {
	color: #0585af;
}

.floatingmenu-header {
	background: #00a9e0;
	border-radius: 4px 4px 0 0;
	color: white;
	text-align: center;
	font-size: 20px;
	padding: 10px 20px;
	display: flex;
	position: relative;
	min-height: 50px;
}

.floatingmenu-header h4 {
	font-size: 14px;
	font-weight: 400;
	margin: 7px 0;
}

.floatingmenu-body {
	position: relative;  

	padding: 0 20px 20px;
}

.floatingmenu-body img {
	width: 220px;
	margin: 0 auto;
	display: block;
}

.show-floatingmenu {    
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.hide-floatingmenu {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/*---------------- buscador cognitivo ---------------------*/

span.twitter-typeahead {
	width: 100%;
}

/*
.hint-focus {
	background: #fff !important;
	background-color: #d4f4ff !important;
	border: 1px solid #d4f4ff !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
	border-radius: 4px 4px 0 0;
}
*/

.tt-menu {
	width: 100%;
	border: 1px solid #00a9e0;
	border-top: none;
	margin-top: -4px;
	box-shadow: 0 10px 10px 0 rgba(29,49,68,0.17);
	padding: 0;
	background: #f4f5f7;
	overflow-y: auto;
	border-radius: 0 0 4px 4px;
}

.tt-hint {
	color: #cccccc;
}

.tt-menu::-webkit-scrollbar, .common-friends::-webkit-scrollbar {
	background: transparent; 
	width: 5px;
}

.tt-menu::-webkit-scrollbar-track, .common-friends::-webkit-scrollbar-track {
	background: transparent; 
}

.tt-menu::-webkit-scrollbar-thumb, .common-friends::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 10px;
	opacity: .5;    
}

.tt-menu:hover::-webkit-scrollbar-thumb, .common-friends:hover::-webkit-scrollbar-thumb {
	background: #b3b3b3; 
}

.tt-menu:hover::-webkit-scrollbar-track, .common-friends:hover::-webkit-scrollbar-track {
	background: white;
}

.tt-menu .tt-dataset:first-child {
	margin-top: 4px;
}

strong.tt-highlight {
	font-weight: 700;
}

.tt-suggestion {
	border-bottom: 1px solid #f4f5f7;
	padding: 12px;
	display: inline-flex;
	text-align: left;
	width: 100%;
	background: #fff;
}

.tt-suggestion a:last-child {
	border-bottom: none
}

.result-content { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.result-content h4 {
	font-size: 14px;
	margin: 0;
	display: inline-block;
	font-weight: 300;
	/*    color: #00a9e0;*/
}

.result-categories {
	margin: 0 -2px;
}

.result-categories span {
	font-weight: 300;
	color: #888;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.03);
	margin: 0 2px;
	display: inline-block;
}

.result-categories i {
	position: static;
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
	font-size: 11px;
	margin-right: 4px;
	/*    color: #00A9E0;*/
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor {
	cursor: pointer;
	background-color: #d4f4ff;
	border-bottom: 1px solid #d4f4ff;
	color: #50535A;
}

h3.league-name {
	margin: 0;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	/* border-bottom: 1px solid rgba(0, 169, 224, .2); */
	padding: 8px 12px 8px;
	color: #949494;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: #ececec;
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}

h3.league-name a {
	color: #00a9e0;
}

h3.league-name a:hover {
	color: #0090bf;
}

.more-results a, .empty-message p {
	padding: 12px;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	background: #00a9e0;
	margin: 0;
}

.more-results a:hover {
	background: #0090bf;
}

.tt-menu .more-results {
	display:none;
}

.tt-menu div:last-child .more-results {
	display:block;
}

.result-img {
	content: '';
	width: 60px;
	height: 60px;
	border-radius:50%;
	float:right;
	background: #ebe9e9 no-repeat;
	background-size: 20px auto;
	background-position: center center;
	margin: 20px 15px 15px;
}

/*.panel-heading-nopanel {
		font-size: 18px;
		margin: 15px 0;
		color: #50535A;
		padding: 0;
		}*/

.search-user-card {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.search-user-card .result-content {
	flex-direction: column;
}

.search-user-card .result-categories {
	margin-top: 15px;
}

.search-user-card .result-categories span {
	margin: 4px;
}

.panel .panel:not(.img-overflow):not(.panel-cuestionario),
.panel .movi-card {
	background: #f9f7f7;
}

.search-user-card .result-content h4 {
	font-size: 16px;
}

.search-user-card:hover {
	-webkit-transform: scale(1.05) translateY(5px);
	-ms-transform: scale(1.05) translateY(5px);
	-o-transform: scale(1.05) translateY(5px);
	transform: scale(1.05) translateY(5px);
}

.search-user-card .result-content:hover {
	background: none;
}


/*---------------- mi perfil ---------------------*/

.myprofile-grade {
	display: inline-block;
	background: #5bc500;
	padding: 12px 20px 10px;
    margin-right: 15px;
    border-radius: 0 0 10px 10px;
	font-size: 15px;
	transition: all .2s ease-in-out;
	font-weight: 700;
}

.myprofile-grade span {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	font-size: 11px;
}

.myprofile-img {
	box-shadow: #5bc500 0 0 0 4px;
	position: relative;
}

.myprofile-level { 
	border-radius: 50%;
	width: 36px;
	height: 36px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 28px;
	right: -20px;
	font-size: 14px;
	font-weight: 500;
	transition: all .2s ease-in-out;
	z-index: 2;
	cursor: default;
}

.myprofile-level small {
	font-size: 80%;
	font-weight: 700;
}

.myprofile-nav {
	background: #eae2e2;
	margin: 0 0 20px 0;
	padding: 15px 7px;
	border-radius: 4px;
	overflow: auto;
}

.myprofile-nav ul {
	display: inline-flex;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.myprofile-nav li {
	flex: 1;
	margin: 0 7px -15px;
	opacity: .5;
}

.myprofile-nav li a { 
	padding: 15px 20px 20px;  
	display: flex;
	flex-direction: column;
	height: 100%;
}

.myprofile-nav li:hover {
	opacity: .5;
	background: #f4f5f7;
	border-radius: 4px 4px 0 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.myprofile-nav li.current {
	background: #f4f5f7;
	border-radius: 4px 4px 0 0;
	opacity: 1;
}

.myprofile-nav h4 {
	font-size: 24px;
	letter-spacing: -0.5px;
	font-weight: 300;
	margin: 0 0 3px 0;
	color: #00a9e0;
}

.myprofile-nav h4 span {
	font-size: 30px;
}

.myprofile-nav p {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin-top: auto;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #323232;
}

.categoria-card-stat .progress {
	background: #eae2e2;
	margin: 0;
	margin-bottom: 10px;
	height: 20px;
	border-radius: 10px;
}

.categoria-card-stat .progress-bar {
	border-radius: 10px;
}

.progress-data {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.progress-data p {
	font-size: 30px;
	letter-spacing: -0.5px;
	font-weight: 300;
	margin: 0;
	color: #908c8c;
}

.progress-data small {
	font-size: 16px;
	margin: 0 5px;
}

.progress-data h4, .progress-data p {
	display: inline-flex;
	align-items: center;
}

.stat-card-bg1 h4, .stat-card-bg1 h4 small {
	color: #6dcb1b;
}

.stat-card-bg1 .progress-bar, .stat-card-bg1 h3 {
	background-color: #6dcb1b;
}

.stat-card-bg2 h4, .stat-card-bg2 h4 small {
	color: #00a9e0;
}

.stat-card-bg2 .progress-bar, .stat-card-bg2 h3 {
	background-color: #00a9e0;
}

.stat-card-bg3 h4, .stat-card-bg3 h4 small {
	color: #32d7db;
}

.stat-card-bg3 .progress-bar, .stat-card-bg3 h3 {
	background-color: #32d7db;
}

.myprofile-skill {
	background: #00a9e0;
	padding: 10px 15px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 4px;
	border-top: 6px solid #0389b5;
	display: flex;
	align-items: center;
}

.myprofile-skill i {
	color: #00a9e0;
	background: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	flex-shrink: 0;
}

.myprofile-skill h4 {
	font-size: 16px;
}

.myprofile-course {
	border-top: 6px solid #5bc500;
}

.myprofile-course h2 {
	margin-top: -3px;
	color: #5bc500;
}

.myprofile-course h3 {
	margin-bottom: 0 !important;
}

.more-actions i {
	color: #fff;
	background: #5bc500;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}



/*---------------- emojis ---------------------*/


.emojisvg {
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.emojisvg img {
	max-width: 60%;
}

.emojisvg-xs {
	width: 28px;
	height: 28px;
}

.emojisvg-lg {
	width: 82px;
	height: 82px;
}

.btn-red.disabled {
	background-color: #a9a3a3;
}


/*---------------- logros ---------------------*/

.logro-card {
	padding: 15px 20px;
	background: #f1f1f1;;
	display: flex;
}

.logro-card:hover {
	background: #e1e1e1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.logro-title-holder {
	flex: 2;
	display: flex;
	align-items: center;  
}

.logro-title {
	margin: 7px 20px 7px 15px;
}

.logro-puntos {
	flex: 1;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.logro-title h5 {
	font-size: 16px;
	color: #f05d78;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.logro-puntos p {
	margin-top: auto;
}

.logro-puntos p span {
	color: #f05d78;
	font-weight: bold;
}

.logro-puntos a {
	margin-bottom: auto;
}

.logro-group {
	display: inline-flex;
	list-style: none;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
}

.logro-group li {
	margin-right: -5px;
	text-align: center;  
}

.logro-group .emojisvg {
	box-shadow: 0 0 0 4px #ffffff;
	background: #f9f7f7;
	width: 54px;
	height: 54px;
}

.logro-group .emojisvg img {
	max-width: 45%;
}

.logro-group li p {
	margin: 5px 0 10px;
	font-size: 14px;
	font-weight: 700;
	color: #50535A;
}

.dropdown-menu {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
	border-radius: 4px;
	border: none;
	top: calc(100% + 3px);
	border-top: 2px solid #00a9e0;
	padding: 5px;
}

.blurred {
	-webkit-filter: blur(7px); 
	-o-filter: blur(7px);
	filter: blur(7px); 
	pointer-events: none; 
}

/*----------------showbox - recomendador ---------------------*/

.show-box {
	display: block;
	height: 100%;
	position: relative;
}

.show-box-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 1;
	display: flex;
	border-radius: 4px;
	box-shadow: 0 0 0 2px #ffffff;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.show-box-legend {
	font-size: 14px;
	color: #50535A;
	font-weight: 500;
}

.show-box-overlay i {
	background: #eee;
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #999;
	cursor: pointer;
}

.show-box-overlay i:before {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.show-box-overlay i:hover {
	background: #00a9e0;
}

.show-box-overlay i:hover:before {
	color: #fff;
	-webkit-transform: scale(1.2) rotate(90deg);
	-ms-transform: scale(1.2) rotate(90deg);
	-o-transform: scale(1.2) rotate(90deg);
	transform: scale(1.2) rotate(90deg);
}

.show-box-overlay.open {
	background: transparent;
	justify-content: flex-end;
	align-items: flex-start;
	box-shadow: none;
	height: 0;
	flex-direction: row;
}

.show-box-overlay.open i {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 16px;
	background: rgba(0, 0, 0, 0.15);
	color: #fff;
}

.show-box-overlay.open .show-box-legend {
	display: none;
}

.show-box-overlay.open i:hover {
	background: rgba(0, 0, 0, 0.35);
}


/*-------------------  select2 -------------------*/

.select2-container {
	outline: none;
	/*z-index: 99999;*/
	width: 100% !important;
}

.select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
	background-color: #f4f5f7;
	border: none !important;
	border-radius: 4px;
	min-height: 46px;
	display: flex;
	align-items: center;
	outline: none;
}

.input-sm + .select2 .select2-container--default .select2-selection--single,
.input-sm + .select2 .select2-container--default.select2-container--focus .select2-selection--multiple,
.input-sm + .select2 .select2-container--default .select2-selection--multiple {
	min-height: 30px;
}

.table .select2-container--default .select2-selection--single, .table .select2-container--default.select2-container--focus .select2-selection--multiple, .table .select2-container--default .select2-selection--multiple {
	background-color: rgba(224, 219, 219, .35);
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #f4f5f7;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin: 5px;
}

.row-enlace {
	margin-bottom: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: rgba(0, 169, 224, 0.12);
	border-color: rgba(0, 169, 224, 0.25);
	color: #00A9E0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: right;
	margin: 0 -5px 0 4px;
	border-left: 1px solid rgba(0, 169, 224, 0.4);
	padding: 0 2px 2px;
	font-size: 20px;
	font-weight: normal;
	color: #00a9e0;
	line-height: 20px;
	box-sizing: border-box;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background: rgba(0, 169, 224, 0.4);
	color: #fff;
}

.select2-container--open .select2-dropdown {
	border: 1px solid #00a9e0;
	border-radius: 0 0 4px 4px;
	border-top: none;
	margin-top: -2px;
	overflow: hidden;
	background: #f4f5f7;
}

.select2-container--open .select2-dropdown--above {
	border: 1px solid #00a9e0;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	margin-top: 2px;
	overflow: hidden;
	background: #f4f5f7;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(0, 169, 224, 0.12) !important;
	border-color: rgba(0, 169, 224, 0.25) !important;
	color: #00A9E0 !important;
}

.select2-container--open .select2-selection {
	box-shadow: inset 0 0 0 1px #00a9e0 !important;
	border-radius: 4px;
	z-index: 10;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #00a9e0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background: #fff !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 6px;
}

.select2-inside-button {
    padding: 6px;
    height: 38px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    background: #efeded;
}

.select2-inside-button:hover, .select2-inside-button:focus {
	color: #0090bf;
}

/*-------------------------------------*/

.tab-content-border {
	border: 1px solid #ddd;
	border-radius: 0 4px 4px 4px;
	padding: 20px;
	margin-bottom: 30px;
}

.btn-add {
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #5bc500;
	background: #fff;
	color: #5bc500;
}

.btn-add i {
	width: 16px;
	height: 16px;
	background: #5bc500;
	color: #fff;
	border-radius: 50%;
	top: auto;
	margin: 0 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-add:hover i {
	background: #fff;
	color: #5bc500;
}

.btn-add:hover, .btn-add:focus {
	color: #5bc500;
}

.checkbox-default-lg {
	position: relative;
	top: 5px;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}

.flex .checkbox-default-lg {
	top: auto;
	margin-right: 10px;
}

.form-group .delete-content {
	right: -9px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 981;
}

.form-group.flex > label {
	flex-shrink: 0;
	margin-right: 15px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

.border {
	border: 1px solid #eee;
}

.br-5 {
	border-radius: 5px;
}

.p-20 {
	padding: 20px;
}

/*---------------- card-module - comunicados 2 ---------------------*/


.card-holder {
	margin-right: -15px;
	margin-left: -15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.card-module {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;  
	/*cursor: pointer;*/
	z-index: 2;
}

.card-module-sizer, .card-module {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.card-module-content {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.08);
	padding: 30px;
}

.card-img {
	display: block;
	overflow: hidden;
	height: 0;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-color: #90abc3;
	margin: -30px;
	min-height: 180px;
	/*transition: all .2s linear;*/
	/*  padding: 50.6% 0 0;*/
}

.card-category {
	position: absolute;
	top: 0;
	padding: 20px;
	left: 10px;
	display: inline-block;
	background: #86888C;
	padding: 10px 12px 6px;
	border-radius: 0 0 10px 10px;
	font-size: 14px;
	/* text-transform: uppercase; */
	color: #fff;
	font-weight: 300;
	z-index: 3;
	transition: all .2s linear;
}

.card-module .btn-group, .comunicado-card .btn-group {
	top: 6px;
	right: 23px;
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	transition: all .2s linear;
}

.comunicado-card .btn-group {
	right: 5px;
}

.card-module .progress, .comunicado-card .progress {
	width: 35px;
	margin: 0 8px 0 0;
	padding: 0;
	background: transparent;
	/* border: 1px solid rgb(255, 255, 255); */
	height: 10px;
	/*box-shadow: 0 0 0 1px rgba(91, 197, 0, .75) inset;*/
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .75) inset;
}

.card-module .progress .progress-bar, .comunicado-card .progress .progress-bar {
	/*background-color: #5bc500;*/
	background-color: #fff;
	border-radius: 15px;
}

.novedad-status {
	background-color: rgba(0, 0, 0, .25);
	border-radius: 20px;
	color: #fff;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 300;
	display: inline-flex;
	margin: 0;
	align-items: center;
	margin-right: 4px;
	/*transition: all .2s linear;*/
}

/*.novedad-status:hover {
		background-color: rgba(0, 0, 0, .5);
		}*/

.novedad-status i {
	line-height: 9px;
	margin-right: 5px;
}

.card-module-content h4 {
	font-size: 20px;
	line-height: 24px;
	color: #86888C;
	margin: 60px 0 10px;
}

/*.card-img.hide + .card-category + .card-title-holder h4.hide + p {
	margin: 30px 0 10px;
}

.card-img.hide + .card-category + .card-title-holder h4 {
	margin: 30px 0 10px;
}

.card-img + .card-category + .card-title-holder h4 + p.hide {
	margin: 60px 0 10px;
}

.card-img + .card-category + .card-title-holder h4.hide + p {
	margin: 60px 0 10px;
}

.card-img + .card-category + .card-title-holder h4 + p {  
	margin: 0 0 10px;
}
*/
.card-module-content p {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

.size-2 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.size-3 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.size-2 .card-img, .size-3 .card-img {
	min-height: 200px; 
}

.size-2 h4, .size-3 h4 {
	font-size: 24px;
	line-height: 28px;
}

.size-2 p, .size-3 p {
	font-size: 15px;
	line-height: 20px;
}

.card-module-highlight .card-img {
	min-height: 350px; 
}

.card-module-highlight.size-2 .card-img {
	min-height: 300px; 
}

.card-module-highlight.size-3 .card-img {
	min-height: 250px; 
}

.card-module-highlight .card-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.15) 0%, rgba(51,51,51,0.45) 50%, rgba(51,51,51,.85) 100%);
	background: -o-linear-gradient(top, rgba(51,51,51,0.15) 0%, rgba(51,51,51,0.45) 50%, rgba(51,51,51,.85) 100%);
	background: linear-gradient(to bottom, rgba(51,51,51,0.15) 0%, rgba(51,51,51,0.45) 50%, rgba(51,51,51,.85) 100%);
}

.card-module-highlight .card-title-holder {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
}

.card-module-highlight.size-2 .card-title-holder {
	bottom: 30px;
	left: 35px;
	right: 35px;
}

.card-module-highlight h4, .card-module-highlight p {
	color: #fff !important;
}

.card-module-no-img .card-img, .card-module-no-h4 .card-title-holder h4, .card-module-no-p .card-title-holder p {
	display: none;
}

.card-module-no-h4 .card-title-holder p {
	margin: 60px 0 0;
}

.card-module-highlight.card-module-no-h4 .card-title-holder p {
	margin: 60px 0 0;
}

.card-module-no-img .card-title-holder h4 {
	margin: 30px 0 10px;
}

.card-module-no-h4.card-module-no-img .card-title-holder p {
	margin: 30px 0 0;
}

.card-module-no-p .card-title-holder h4 {
	margin-bottom: 0;
}

.card-module-no-img.card-module-no-p .card-title-holder h4 {
	margin-bottom: 0;
}

.card-module.card-module-highlight .card-img.hide + .card-category + .card-title-holder {
	display: none;
}

.card-module-inversed .card-title-holder p, .card-module-inversed .card-title-holder h4 {
	color: #fff;
}

.card-module-no-img.card-module-inversed .card-category {
	background: rgba(255, 255, 255, .25);
}

.card-module-no-img.card-module-inversed .novedad-status, .card-module-no-img.card-module-inversed .btn-icon-circle {
	background: rgba(255, 255, 255, .1) !important;
}

.card-color-azul .card-category, .card-module-inversed .card-color-azul { background: #00a9e0; }
.card-color-azul h4 { color: #00a9e0 }
/*.card-module-inversed .card-color-azul { background: #00a9e0; }*/

.card-color-verde .card-category, .card-module-inversed .card-color-verde { background: #5bc500; }
.card-color-verde h4 { color: #5bc500 }

.card-color-naranja .card-category, .card-module-inversed .card-color-naranja { background: #eb6839; }
.card-color-naranja h4 { color: #eb6839; }

.card-color-violeta .card-category, .card-module-inversed .card-color-violeta { background: #954B97; }
.card-color-violeta h4 { color: #954B97; }

.card-color-rosa .card-category, .card-module-inversed .card-color-rosa { background: #f05d78; }
.card-color-rosa h4 { color: #f05d78 }

.card-color-amarillo .card-category, .card-module-inversed .card-color-amarillo { background: #F59C00; }
.card-color-amarillo h4 { color: #F59C00; }

.card-color-grisclaro .card-category, .card-module-inversed .card-color-grisclaro { background: #B6B7B7; }
.card-color-grisclaro h4 { color: #B6B7B7 }

.card-color-gris .card-category, .card-module-inversed .card-color-gris { background: #86888C; }
.card-color-gris h4 { color: #86888C }

.card-color-grisoscuro .card-category, .card-module-inversed .card-color-grisoscuro { background: #50535A; }
.card-color-grisoscuro h4 { color: #50535A }

.main-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: rgba(51, 51, 51, .15);
	opacity: 0;
	border-radius: 4px;
}

.main-link-edit {
    border: 1px solid #859aab;
    background: rgba(133, 154, 171, .65);
    z-index: 5;
}

.card-module-previewer .main-link-edit, .card-module-previewer .delete-content, .card-module-previewer .card-module-number {
	display: none !important;
}

.main-link:not(.main-link-edit):hover, .img-hover:hover, .card-module:hover .delete-content, .card-module:hover .card-module-number, .card-module:hover .main-link-edit {
	opacity: 1;
}

.main-link-edit:before, .img-hover:before {
	font-family: "dripicons-v2";
	font-size: 21px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #00a9e0;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.2);
}

/*.main-link-edit-red {
	border-color: #f05d78;
	background: rgba(240, 93, 120, .45);
	z-index: 5
}

.main-link-edit-red:before {
	color: #f05d78;
}*/

.card-module-number {
	color: #859aab;
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0 0 4px 4px;
    padding: 2px 10px;
    position: absolute;
    bottom: 30px;
    left: 15px;
    z-index: 7;
    width: calc(100% - 30px);
    -webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.card-module-inversed .card-module-number, .card-module-highlight .card-module-number {
	color: #fff;
}

.card-module:hover .card-module-number {
	background: #859aab;
	color: #fff;
}

.card-module .delete-content {
    top: 8px;
    right: 25px;
    z-index: 7;
    width: 28px;
    height: 28px;
    box-shadow: 0 5px 10px 0 rgba(29,49,68,0.2);
    opacity: 0;
    display: flex;
}

.img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border: 1px solid #00a9e0;
	background: rgba(0, 169, 224, 0.2);
	opacity: 0;
}

.title-lg {
	font-size: 28px !important;
}

.card-module-previewer .card-module {
	max-width: 40% !important;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.card-module-previewer .card-module.size-2 {
	max-width: 70% !important;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
}

.card-module-previewer .card-module.size-3 {
	max-width: 100% !important;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

.card-module-previewer {
	background: #f0eeee url(../img/geometry-nobg.png) repeat fixed;
	box-shadow: inset rgba(0, 0, 0, 0.05) 0 0 30px;
	padding: 15px 0;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.color-picker-default {
	padding: 0;
	margin: 0 -2px 10px;
}

.color-picker-default li {
	display: inline-block;
}

.color-picker-default li a {
	border-radius: 50%;
	margin: 0 2px;
	width: 20px;
	height: 20px;
	display: block;
}

/*draggable*/

.card-module.ui-draggable-dragging, .card-module.is-positioning-post-drag {
	z-index: 2;
}

.card-module.ui-draggable-dragging a.main-link, .card-module.is-positioning-post-drag a.main-link {
	opacity: 1;
	box-shadow: 0 0 3px #000;
}

.packery-drop-placeholder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	width: calc(100% - 30px);
	height: calc(100% - 30px) ;
	border: 2px dashed #d0d0d0;  
	border-radius: 4px;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}


/*-------------------------------   slick carousel --------------------------------*/


.slick-carousal {
	position: relative;
	width: 100%;
}

.overlay-c-bg {
	background: rgba(68,68,68,.9);
	width: 100%;
	height: 278px;
	position: absolute;
	left: 0;
	top: 0;
}

.slick-carousal h1 {
	text-align: center;
	font-size: 14px;
	margin: 40px 20px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
}

.slick-carousal h3, .slick-carousal .date {
	margin: 0;
	position: absolute;
	top: 50%;
	z-index: 5;
	color: white;
	width: 100%;
	font-weight: 700;
	font-size: 28px;
	transform: translateY(-50%);
	width: 70%;
	left: 10%;
	font-weight: 500;
}

.slick-carousal h3 small {
	font-size: 15px;
	color: white;
	font-style: italic;
}

.slick-carousal .date {
	display: block;
	margin: 0;
}

a.view-all {
	color: #fff;
	border:1px solid rgba(255,255,255,0.20);
	padding: 5px 15px;
	text-align: center;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-bottom: 18px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 20px;
}

a.view-all:hover {
	background: rgba(255,255,255,0.20);
	color: #000;
}


.slick-carousal #owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}

.slick-carousal .owl-buttons {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 100%;

}

.slick-carousal .owl-carousel .owl-item {
	overflow: hidden;
}

.slick-carousal .owl-prev, .owl-next {
	position: absolute;
}

.slick-carousal .owl-next {
	right: 0;
}

.slick-carousal .owl-buttons .owl-prev {
	text-indent: -9999px;
	background: url("../img/left-arrow.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.slick-carousal .owl-buttons .owl-next {
	text-indent: -9999px;
	background: url("../img/right-arrow.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

/*--- Tabs ---*/


.panel-heading-tabs {
	margin: 0 0 20px;
	padding: 0;
	display: flex;
	background: #eceaeb;
	border-radius: 3px 3px 0 0;
	flex-wrap: wrap;
}

.panel-heading-tabs li {
	flex-grow: 1;
	flex-shrink: 0;
}

.panel-heading-tabs li a {
	display: block !important;
	text-align: center !important;
	padding: 20px 10px;
	font-size: 15px;
	color: #859aab;
	border: none !important;
	font-weight: bold;
	margin: 0 !important;
}

.panel-heading-tabs li:first-child a {
	border-top-left-radius: 3px;
}

.panel-heading-tabs li:last-child a {
	border-top-right-radius: 3px;
}

.panel-heading-tabs li a:hover {
	color: #00a9e0;
	background: transparent;
}

.panel-heading-tabs li.active a {
	box-shadow: inset 0 -2px 0 #00a9e0;;
	background: #fff;
	color: #00a9e0;
}

/*-- variante de los tabs a botones --*/

.tabs-buttons {
	margin: 0 -5px 20px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	border-bottom: unset;
}

.tabs-buttons li {
	flex-basis: unset;
	flex-grow: unset;
	margin: 0 5px;
}

.tabs-buttons > li > a {
	display: flex !important;
}

.tabs-buttons li a {    
	line-height: unset;
	border-radius: 4px;
	background: transparent;
	font-weight: bold;
	color: #00a9e0;
	border: 1px solid rgba(0,0,0,.2);
}

.tabs-buttons li a:hover {
	color: #00a9e0 !important;
	background: #fafafa;
}

.tabs-buttons li.active a {
	background: #00a8e1;
	color: #ffffff;
	border: 1px solid #00a8e1;
}

.tabs-buttons-pill {
	margin: 0 1px;
}

.tabs-buttons-pill li {
	margin: 0 -1px 0 0;
}

.tabs-buttons-pill li a {
	padding: 5px 10px;
	border-radius: 0;
	font-weight: normal;
	color: #50535A;
}

.tabs-buttons-pill li:first-child a {
	border-radius: 4px 0 0 4px;
}

.tabs-buttons-pill li:last-child a {
	border-radius: 0 4px 4px 0;
}

.tabs-buttons-pill li.active a {
	position: relative;
	z-index: 1;
	color: #00a8e1;
	background: #d4f4ff;
}

.tabs-buttons-pill-lg li {
	flex: 1
}

.tabs-buttons-pill-lg li a {
	height: 46px;
}

/*---  Playlist de favoritos ---*/

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

.playlist-item {
	margin-bottom: 20px;
	border-radius: 4px;
	padding: 20px 20px 15px;
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 10px 20px -10px;
}

.playlist-item-heading {
	position: relative;
}

.playlist-item-heading h3, .pl-curso-title {
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 5px;
}

.playlist-item-heading h3 a, .pl-curso-title a {
	color: #00a9e0;
	position: relative;
	display: inline-block;
}

.playlist-item-heading h3 a:after, .pl-curso-title a:after {
	display: block;
	width: 0;
	height: 2px;
	background: #00a9e0;
	content: '';
	transition: all .1s ease-in-out;
	margin-top: 2px;
}


.playlist-item-heading h3 a:hover:after, .pl-curso-title a:hover:after {
	width: 100%;
}

.playlist-options-holder {
	position: absolute;
	top: 0;
	right: 0; 
}

.pl-cursos-options-holder {
	position: relative;
}

.playlist-item-options {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f5f7;
	font-size: 16px;
}

.open .playlist-item-options {
	color: #fff;
	background: #55b900;
}

.header-default .playlist-options-holder {
	top: 15px;
	right: 15px;
}

.playlist-item-footer {
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	background: #f1eded;
	margin: 15px -5px 0;
}

.playlist-item-footer .btn {
	border-radius: 30px;
}

.playlist-item-details {
	margin: 0;
	padding: 0;
}

.playlist-detail {
	display: flex;
	align-items: center;
	margin: 5px 15px 5px 0;
	float: left;
}

.playlist-detail-icon {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00a9e0;
	background-size: cover;
	flex-shrink: 0;
	font-size: 16px;
	line-height: 16px;
	margin-right: 10px;
}

.playlist-detail-user {
	width: 26px;
	height: 26px;
}

.playlist-detail-text {
	line-height: 1em;
	font-size: 13px;
}

.playlist-detail-text strong {
	display: block;
	font-weight: 600;
}

.playlist-header-details {
	margin: 30px auto 0;
	display: inline-block;
	text-align: left;
	width: 760px;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.playlist-header-details .playlist-detail-icon {
	font-size: 18px;
	width: 32px;
	height: 32px;
	font-size: 16px;
	background-color: #00a9e0;
	color: #fff;
}

.playlist-header-details .playlist-detail-text {
	font-size: 14px;
	font-weight: 400;
}

.playlist-header-details .playlist-detail-text strong {
}

.m-0 {margin: 0 !important;}
.p-0 {padding: 0 !important;}

.panel-dark {
	padding: 20px 20px 0;
	background: #eae2e2;
	border-radius: 4px;
	margin: 10px 0
}

.playlists-title {
	color: #5bc500;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 20px;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.playlists-title i {
	margin-right: 10px;
}

.pl-cursos-list {
	margin: 0 auto 10px;
	padding: 0;
	max-width: 800px;
}

.pl-cursos-item {
	margin-bottom: 20px;
	border-radius: 30px;
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 10px 20px -10px;
	display: flex;
	align-items: center;
	padding: 15px;
}

.pl-cursos-item .btn {
	border-radius: 30px;
}

.pl-curso-title {
	flex-grow: 1;
	margin: 0;
}

.pl-cursos-fav {
	color: #ccc;
	font-size: 20px;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.pl-cursos-fav:hover, .open .pl-cursos-fav {
	background: #e55957;
	color: #fff !important;
}

.pl-cursos-fav:active, .pl-cursos-fav:focus, .pl-cursos-fav.active {
	color: #e55957;
}

.pl-cursos-options-holder .dropdown-menu-right {
	right: 100% !important;
	left: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	border: none;
	border-right: 2px solid #e55957;
	margin-right: 10px;
}

/*----------Reacciones---------*/


.reacts {
	position: absolute;
	bottom: 0;
	left: 20px;
	transform: translateY(50%);
	display: flex;
	align-items: center;
}

.reacts-current {
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 0 10px;
	border-radius: 40px;
	padding: 5px;
}

.reacts-current img {
	width: 28px;
	-webkit-filter: grayscale(100);
	-o-filter: grayscale(100);
	filter: grayscale(100);
	opacity: .5;
}

.reacts-current.active img {
	opacity: 1;
	-webkit-filter: none;
	-o-filter: none;
	filter: none;
}

.reacts-list {
	position: absolute;
	bottom: -15px;
	left: -5px;
	opacity: 0;
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 0 10px;
	border-radius: 40px;
	padding: 0 5px;
	z-index: 2;
	transition: all .2s linear;
	display: flex;
	align-self: center;
	justify-content: center;
	list-style: none;
}

.reacts:hover .reacts-list {
	opacity: 1;
}

.reacts-list li {
	float: left;
	padding: 10px 5px;
	cursor: pointer;
	transition: all .1s linear;
}

.reacts-list li img {
	display: block;
	overflow: hidden;
	border-radius: 50%;
	transition: all .1s linear;
	width: 28px;
}

.reacts-list li.active img {
	box-shadow: rgba(0,169,224,.2) 0 0 0 3px;
}

.reacts-list li:hover img {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.reacts-stats {
	display: inline-flex;
	padding: 0;
	margin: 0 -5px;
	flex-wrap: wrap;
}

.reacts-stats li {
	background: #f4f5f7;
	display: flex;
	padding: 5px 7px;
	margin: 5px;
	border-radius: 30px;
	height: 30px !important;
	flex-grow: 0;
}

.reacts-stats li:hover {
	background: #f0eded;
}

.reacts-stats li img {
	display: block;
	overflow: hidden;
	border-radius: 50%;
	transition: all .1s linear;
	width: 16px;
	margin-right: 7px;
}

.reacts-stats li span {
	font-weight: 700;
	color: #555;
	font-size: 14px;
}

/*----------- Dropzone ----------*/

.dropzone .dz-preview .dz-details {
	padding: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dropzone .dz-preview:hover .dz-image:before {
	opacity: .5;
}

.dropzone .dz-preview .dz-image:before {
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease-in-out;
	width: 100%;
	z-index: 2;
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	background: #fff !important;
	/*background: linear-gradient(to bottom, #ddd, #c5c5c5);*/
	transition: all .2s ease-in-out;
	border-radius: 8px !important;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
	background: transparent;
	color: #333;
	text-transform: lowercase;
}

.dropzone .dz-preview .dz-remove:before {
	content: '\39';
	font-family: "dripicons-v2";
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: none;
	background: rgba(0, 0, 0, .35);
	border-radius: 4px;
}

.dz-error-mark, .dz-success-mark {
	display: none !important;
}

.dropzone .dz-preview .dz-remove {
	align-items: center;
	background: #f05d78;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 0;
	height: 22px;
	width: 22px;
	justify-content: center;
	opacity: 0;
	position: absolute;
	right: 5px;
	text-decoration: none !important;
	top: 5px;
	transition: all .2s ease-in-out;
	z-index: 20;
	align-items: center;
}

.dropzone .dz-preview .dz-remove:hover {
	background: #CA3030;
}

.dropzone .dz-preview:hover .dz-remove {
	opacity: 1;
}

/*--- Novedad editor ---*/

.novedad-editor .novedad-content-inner {
	max-width: 960px;
	margin-top: 0;
	margin: 0 auto;
}

.novedad-editor {
	background: #f0eeee url(../img/geometry-nobg.png) repeat fixed;
	padding: 20px 0 20px;
	position: relative;
	overflow: hidden;
	margin: -35px -15px 20px;
	min-height: 500px;
	box-shadow: inset rgba(0, 0, 0, 0.05) 0 0 30px;
}

.novedad-editor-inside {
	margin: 0;
	border-radius: 4px;
}

.novedad-editor .panel:not(.note-editor) {
	background: #fff;
	transition: all 0.2s ease;
}

.novedad-editor .panel-body {
	padding: 20px;
}

.novedad-editor h4.collapse-title {
	font-weight: 500;
}

.novedad-editor .panel:hover:not(.note-editor) {
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18);
	/*  transform: scale(1.02);*/
}

.novedad-editor .panel .delete-content {
	display: none;
	top: -8px;
	right: -8px;
	z-index: 1;
}

.novedad-editor .panel:hover .delete-content {
	display: flex;
}

.novedad-editor .legend {
	padding: 15px 20px 15px 55px;
	background: #f4f5f7;
	position: relative;
	border-radius: 4px 4px 0 0;
	margin: -20px -20px 20px;
	color: #00a9e0;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.novedad-editor .legend p {
	font-size: 15px;
	font-weight: bold
}

.make-collapsible {
	display: flex;
	align-items: center;
}

.novedad-editor .sw + label {
	box-shadow: inset 0 0 0px 2px #d6cccc;
	background-color: #d6cccc;
}

.make-collapsible span {
	margin: 0 10px 0 0;
	font-size: 13px;
	color: #999;
	white-space: nowrap;
}

.img-preview-header {
	position: relative;
	height: 180px;
}

.img-preview-header img {
	height: auto;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.img-preview-header:before {
	z-index: 1;
}

.img-preview-header a {
	z-index: 2;
}

.add-form {
	border: 2px dashed #d0d0d0;
	border-radius: 4px;
	padding: 20px 20px 10px;
	position: relative;
	background: #f0eeee;
}

.add-form-btn {
	background: #d4d4d4;
	width: 32px;
	height: 32px;
	display: block;
	margin: -10px auto 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

.add-form-btn:hover {
	background: #00a9e0;
}

.add-form-btn:hover:before {
	color: #fff;
	-webkit-transform: scale(1.2) rotate(90deg);
	-ms-transform: scale(1.2) rotate(90deg);
	-o-transform: scale(1.2) rotate(90deg);
	transform: scale(1.2) rotate(90deg);
}

.add-form-btn:before {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.novedad-form {
	padding: 15px;
}


/*--- Novedad vista ---*/


.round-top-rect {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.round-bottom-rect {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.header-novedad:before {
	background: linear-gradient(to bottom, rgba(51,51,51,0.15) 0%, rgba(51,51,51,0.15) 0%, rgba(51, 51, 51, 1) 90%);
	opacity: 1 !important;
}

.novedad-content {
	/*background: #f0eeee;*/
	padding: 20px;
	display: block;
	position: relative;
	margin: 0 0 20px;
	border-radius: 0 0 4px 4px;
	border-top: none;
	/*box-shadow: inset rgba(40,180,225,.2) 0 0 5px;*/
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.novedad-content-inner {
	/* margin: 0 auto;*/
	max-width: 75%;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
}

.header-default h4 a {
	color: #fff;
}

.header-default h4 a:hover {
	color: #5bc500;
}

.novedad-content .panel-body {
	padding: 0 30px 30px;
	/*  overflow: hidden;*/
	border-radius: 4px;
	/*  font-size: 16px;
	line-height: 1.6em;*/
	position: relative;
}

.novedad-content .panel-body .panel {
	background: transparent;
	/*box-shadow: 0 5px 10px 0 rgba(29,49,68,0.15);*/
}

.novedad-content .panel-body .panel .panel-body, .novedad-content .panel-collapse .panel-body  {
	padding: 20px 0 0 0;
}

.ratio-16-9 {
	padding-top: 50%;
	width: 100%;
	height: auto;
}

.list-bullets {
	padding: 10px 20px;
}

.list-bullets:last-child {
	padding-bottom: 0;
}

.list-bullets li:not(:first-child) {
	margin-top: 10px;
}

/*.list-bullets li:before {
	font-family: "dripicons-v2";
	content: "\6d";
	color: #00A9E0;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1.3em;
	font-size: .8em;
	margin-right: .6em;
}
*/
.text-decoration-none {
	text-decoration: none !important;
}

.border-none {
	border: none !important;
}

.margin-0 { 
	margin: 0 !important;
}

.youtube-video-container {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}

.youtube-video {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	border-radius: 4px;
}

.related-links {
	padding: 0;
	margin: 20px -5px 10px;
}

.related-links li {
	display: inline-block;
	margin: 10px 5px;
}

.related-links a {
	padding: 10px 15px 10px;
	border-radius: 50px;
	font-size: 15px;
	line-height: 14px;
	color: #00a9e0;
	border: 2px solid;
	font-weight: 600;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
}

.related-links a i {
	margin-right: 10px;
	font-size: 14px;
}

.related-links a:hover {
	color: #5BC500;
	border-color: #5BC500;
}

.zig-zag-top:before{
	background: linear-gradient(-45deg, transparent 16px, #333 0), linear-gradient(45deg, transparent 16px, #333 0);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 15px 32px;
	content: "";
	display: block;
	width: calc(100% + 40px);
	height: 24px;
	position: relative;
	top: -20px;
	left: -20px;
}

.sticky-column {
	position: sticky;
	position: -webkit-sticky;
}

.progress {
	background: rgba(0, 0, 0, .25);
	margin: 0;
	margin-bottom: 10px;
	border-radius: 10px;
}

.progress-fixed {
	position: fixed;
	top: 65px;
	right: 0;
	height: 10px;
	width: calc(100% - 240px);
	border-radius: 0;
	z-index: 2;
	background: rgba(0, 0, 0, .15);
}

.progress-fixed .progress-bar {
	background-color: #6dd019;
}

/*--------- inbox ---------*/

.heading-inbox {
	position: relative;
	padding: 0 40px 20px;
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
}

.heading-inbox h2 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
	min-height: 26px;
}

.heading-inbox-respuesta {
	border: none;
	margin: 20px 0;
	padding: 0 !important;
}

.heading-inbox-respuesta h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #555;
	font-size: 18px;
	border-bottom: none;
}

.inbox-mail-box {
	background: #fff;
	padding: 0 20px 5px;
	margin: 10px 0 40px;
	border-radius: 5px;
	border: 1px solid #fff;
	box-shadow: rgba(0,0,0,.1) 0 5px 10px;
	position: relative;
}

.inbox-eliminar {
	width: 26px;
	height: 26px;
	font-size: 13px;
	border: 2px solid #e03a00;
	color: #e03a00;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	line-height: 26px;
	top: 0;
	right: 0;
}

.inbox-eliminar:hover, .inbox-eliminar:active {
	background: #e03a00;
	color: #fff;
}

.inbox-back {
	left: 0;
	top: 0;
}

.inbox-back, .inbox-filtros {
	border-radius: 50%;
	height: 27px;
	width: 27px;
	border: 2px solid transparent;
	margin: 0 10px 0 0;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #337ab7 !important;
	position: absolute;
}

.view-mail {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;
}

.view-mail p {
	font-size: 16px;
	line-height: 1.4em;
}

.reply-mail textarea {
	border-radius: 5px;
	box-shadow: none !important;
	background: transparent;
	font-size: 16px;
	padding: 20px;
	border: 1px solid #c6cbd0;
	transition: all .2s linear;
}

.reply-mail textarea::placeholder {
	color: #c6cbd0;
}

.reply-mail {
	padding-top: 0; 
}

.reply-mail textarea:focus {
	background: #fff;
	outline: none;
}

.reply-mail .btn {
	border-radius: 4px !important;
}

.collapsible-toggle {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 16px;
	justify-content: space-between;
	padding: 0 0 15px;
	box-shadow: 0 1px 0 #ebebeb;
	color: #859aab !important;
	font-weight: normal;
}

.collapsible-heading.active a, .collapsible-heading a:hover {
	color: #00a9e0 !important;
	/*  border-bottom: 1px solid #00a9e0 !important;*/
	box-shadow: 0 1px 0 #00a9e0;
}

.collapsible-heading.active a i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

#owl-example .owl-item img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.carousel-default .owl-item img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 5px 10px 0 rgba(29,49,68,0.08);
}


.carousel-default .owl-dots {
	display: inline-flex;
	justify-content: center;
	width: 100%;
	margin: 10px auto 0;
}

.carousel-default .owl-dots .owl-dot span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #00A9E0;
}

.carousel-default .owl-dots .owl-dot.active span {
	filter: Alpha(Opacity=100);
	opacity: 1;
}

.novedad-content-nav {
	max-width: 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

.novedad-content-nav .course-content {
	transition: all .2s linear;
	margin: 0 0 0 20px;
}

.novedad-content-nav .course-list {
	transition: all .2s linear;
}

.course-list__item.current a {
	pointer-events: auto !important;
}

.novedad-content-nav .course-list__item.current a, .novedad-content-nav .course-list__item.current a i, .floatingmenu-body .course-list__item.current a, .floatingmenu-body .course-list__item.current a i  {
	background: #00a9e0;
	color: #fff;
	pointer-events: none;
}

.novedad-content-nav .course-list__item a, .novedad-content-nav .course-list__item a i, .floatingmenu-body .course-list__item a, .floatingmenu-body .course-list__item a i  {
	color: #00a9e0;	
}

.floatingmenu-body .course-list__item a i, .novedad-content-nav .course-list__item a i {
	display: flex;
	width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
}

.novedad-content-nav .course-list {
	max-height: 60vh;
	overflow-y: auto;
}

.floatingmenu-body .course-list {
	max-height: 40vh;
	overflow-y: auto;
	margin: 0 -20px 20px;
	border-radius: 0;
}

.novedad-viewed a i {	
    border-radius: 50%;  
    border: 1px solid;
    color: #55b900 !important;
}
.novedad-viewed a {
    color: #859aab !important;
}

.course-content-fix .course-list {
	max-height: 70vh;
}

.course-list::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	opacity: .5;
}

.course-list::-webkit-scrollbar-track  {
	background: transparent;
	padding: 5px 0;
	border-radius: 3px;
}

.course-list::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 5px;
}

.course-list:hover::-webkit-scrollbar-thumb {
	background: #e8e8e8;
}

.novedad-content-inner .reacts {
	left: 30px;
}

.floatingmenu-circle-container {
	display: none;
}

.btn-fullscreen {
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border: none;
	background: #fff;
	border-radius: 50%;
	color: #5bc501;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(0,0,0,.3) 0 3px 6px;
	transition: all .2s linear;
	font-size: 18px;
	outline: none;
}

.btn-fullscreen i {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-fullscreen:hover {
	background: #5bc501;
	color: #fff;
	transform: scale(1.2);
}

.embed-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

.w-50 {
	width: 50%;
	height: 250px;
	margin: 0 auto;
}

.has-video.w-50 {
	height: auto;
}

.like-box {
    padding: 10px 15px;
    background: #f4f5f7;
    position: relative;
    border-radius: 4px;
    color: #333;
    display: flex;
    align-items: center;
}

.like-box .reacts {
	position: static;
    transform: none;
    position: relative;
    left: 0;
}

.like-box p {
	font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
}

/*--- mensajes programados --*/

.preview-push {
	position: relative;
	margin: 10px 0 30px;
}

.preview-push img {
	max-width: 300px;
}

.preview-push-text {
	position: absolute;
	width: 250px;
	height: 60px;
	left: 25px;
	bottom: 22px;
	box-sizing: border-box;
	padding: 5px;
	text-align: left;
}

.preview-push-text h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold !important;
	margin: 1px 0;
	padding-left: 22px;
}

.preview-push-text p {
	font-size: 12px;
	font-weight: 300;
	padding: 0 2px;
	line-height: 1em;
	height: 3em;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
}


/* PROGRESO DE PUNTOS EN HOME */

.progress-finalizadas, .progress-restantes {
	float: left;
	margin: 5px 0;
	text-align: left;
	line-height: 1em;
}

.progress-restantes {
	text-align: right;
	float: right;
}

.score-progress {
	padding: 20px;
	text-align: center;
	box-shadow: inset rgba(0,0,0,.05) 0 0 10px;
/*	background: #f4f5f7;*/
	background: #f4f5f7 url(../img/geometry-nobg.png) repeat fixed;
	border-radius: 4px;
	margin-top: 15px;
}

.score-user {
	float: left;
	display: flex;
	align-items: center;
	border-radius: 30px;
	padding: 7px 15px 7px 7px;
	margin: -5px;
	transition: all .3s ease-out;
	color: #00a9e0;
}

.score-user img {
	width: 36px;
	height: 36px;
	transition: all .3s ease-out;
	border-radius: 50%;
}

.score-user:hover img {
    box-shadow: #5bc500 0 0 0 2px;
}

.score-user h4 {
	display: inline-block;
	margin: 0;
	margin-left: 10px;
	font-weight: bold;
}

.progress-bar {
	border-radius: 10px;
}

.score-progress-bar {
	height: 10px;
	display: block;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,.05) 0 3px 10px;
	top: 35px;
	left: 0;
	width: 100%;
	margin: 50px 0 80px;
	background: #fff;
}

.score-progress-completed {
	height: 100%;
	border-radius: 10px;
}

.score-progress-icons {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: calc(100% + 70px);
	margin: -45px -35px;
}

.score-icon {
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.score-icon i {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(0,0,0,.05) 0 3px 10px;
	background-color: #fff;
    font-size: 28px;
    color: #cccccc;
}

.score-icon-reached i, .score-progress-completed {
	background-color: #00a9e0;
	color: #fff;
}

.score-icon-present i {
	width: 80px;
	height: 80px;
}

.score-icon-label h6 {
	font-size: 14px;
}

.score-icon-label h6 small {
	display: block;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 3px;
    color: #00a9e0;
    font-size: 13px;
}

.score-points {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	margin: 0;
	padding: 0;
	transition: all .3s ease-out;
}

.score-points strong {
	position: relative;
    font-weight: 500;
    margin-right: 5px;
    font-size: 28px;
    margin-top: -4px;
}

.progress {
	height: 10px !important;
	background: rgba(0,0,0,.2);
}

.module-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


/*---- lets confett -- */ 

@keyframes confettiRain {
  0% {
    opacity: 1;
    margin-top: -100vh;
    margin-left: -200px;
  } 
  
  100% {
    opacity: 1;
    margin-top: 100vh;
    margin-left: 200px;
  }
}

.confetti {
  opacity: 0;
  position: absolute;
  width: 1rem;
  height: 1.5rem;
  animation: confettiRain 5s infinite;
}

.confetti-wrapper {
	position: fixed;
}


/*--- titles for tienda ----*/


.title-upper {
    text-transform: uppercase;
    font-size: 18px !important;
    line-height: 20px !important;
    color: #333 !important;
}

.title-price {
	font-size: 36px !important;
	font-weight: 400 !important;
	letter-spacing: -0.5px
}

.title-price small {
	color: inherit;
    font-weight: inherit;
    font-size: 40%;
    position: relative;
    top: -7px;
    text-transform: uppercase;
    letter-spacing: .9px;
    font-weight: 500;
}

.switch-modal-header {
	background: #fff;
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 5px;
}

.switch-modal-header p {
	font-weight: 400;
    margin: 0 10px;
    color: #333;
}

/*-------------------------------   media queries --------------------------------*/

@media screen and (min-width: 1300px) {
	.horizontal-card {
		min-height: 200px;
	}

	.vertical-card {
		min-height: 670px;
	}

	.vertical-half-card {
		min-height: 317px;
	}

	.certificate .main-title {
		width: 80%;
	}
	.certificate .name{
		width: 80%;
	}

	.signatures {
		width: 80%;
	}

	.horizontal-card.eje-zonal {
		min-height: 318px;
	}

	.panel-horizontal-entrenamiento .img-heading {
		width: 15%;
	}

	.panel-horizontal-entrenamiento .panel-body {
		width: 85%;
	}

	.horizontal-card .description,
	.module-card .description {
		-webkit-transform: translate3d(0,300px,0);
		transform: translate3d(0,300px,0);   
	}

	.horizontal-card:hover .description,
	.module-card:hover .description{
		-webkit-transform: translate3d(0,90px,0);
		transform: translate3d(0,90px,0);
	}

	.vertical-card .description {
		-webkit-transform: translate3d(0,400px,0);
		transform: translate3d(0,400px,0);
	}

	.vertical-card:hover .description {
		-webkit-transform: translate3d(0,300px,0);
		transform: translate3d(0,300px,0);
	}

	.vertical-half-card .description {
		-webkit-transform: translate3d(0,400px,0);
		transform: translate3d(0,400px,0);
	}

	.vertical-half-card:hover .description {
		-webkit-transform: translate3d(0,150px,0);
		transform: translate3d(0,150px,0);
	}

	.sm-title:hover h3 {
		-webkit-transform: translateY(-110%);
		transform: translateY(-110%);
	}

	.sm-title:hover .description {
		opacity: 1;
		-webkit-transform: translate3d(0,130px,0);
		transform: translate3d(0,130px,0);
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
		-webkit-transition-duration: 0.35s;
		transition-duration: 0.35s;
	}

	.sm-title .description {
		-webkit-transform: translate3d(0,280px,0);
		transform: translate3d(0,280px,0);
	}

	.module-card:hover .description{
		-webkit-transform: translate3d(0,150px,0);
		transform: translate3d(0,150px,0);
	}

	.horizontal-card.eje-zonal {
		min-height: 318px;
	}

	.eje-zonal:hover .description {
		opacity: 1;
		-webkit-transform: translate3d(0,150px,0);
		transform: translate3d(0,150px,0);
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
		-webkit-transition-duration: 0.35s;
		transition-duration: 0.35s;
	}

	.horizontal-card .description {
		-webkit-transform: translate3d(0,230px,0);
		transform: translate3d(0,230px,0);
	}    
}

@media only screen and (min-width: 768px) {
	.am-faq-trigger {
		font-size: 24px;
		font-size: 2rem;
		font-weight: 300;
		margin: 0;
		padding: 24px 72px 24px 24px;
	}
	.am-faq-trigger::before, .am-faq-trigger::after {
		content: "";
		position: absolute;
		right: 24px;
		top: 50%;
		height: 1px;
		width: 11px;
		background: #99cc00;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
	.am-faq-trigger::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 32px;
	}
	.am-faq-trigger::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.content-visible .am-faq-trigger::before {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.content-visible .am-faq-trigger::after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.am-faq-items {
		position: static;
		height: auto;
		width: 100%;
		overflow: visible;
		-webkit-transform: translateZ(0) translateX(0);
		-moz-transform: translateZ(0) translateX(0);
		-ms-transform: translateZ(0) translateX(0);
		-o-transform: translateZ(0) translateX(0);
		transform: translateZ(0) translateX(0);
		padding: 0;
		background: transparent;
	}

	.am-close-panel {
		display: none;
	}

	.am-faq-group {
		display: block;
		padding: 2em;
		border-radius: 10px;
		box-shadow: 0px 36px 38px -16px rgba(0, 0, 0, 0.15);
	}
	.am-faq-group:first-of-type {
		display: block;
	}

	.am-faq-group .am-faq-title {
		margin: 2em 0 1em;
	}

	.am-faq-group:first-child .am-faq-title {
		margin-top: 0;
	}

	.am-faq-content {
		display: none;
		padding: 0 24px 30px;
	}
	.am-faq-content p {
		line-height: 1.6;
		padding-bottom: 0;
	}
	.no-js .am-faq-content {
		display: block;
	}

	.am-faq {
		margin-top: -2em;
	}

	.am-faq-group.search{
		display: block;
	}
}

@media only screen and (min-width: 1024px) {

	.header-faq {
		height: 280px;
		line-height: 240px;
	}

	.header-faq h1 {
		font-weight: 300;
	}

	.am-faq-items {
		float: none;
		width: 100%;
	}
	.no-js .am-faq-items {
		padding-left: 0;
	}

	.ellipsis-150 {
		display: block;
		max-width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}   

@media (max-width: 1400px) {

	.card-module-sizer, .card-module {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.size-2 {
		-ms-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}

	.size-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

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

	.novedad-content-nav {
		display: none;
	}

	.novedad-content-inner {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin: 0 auto;
	}

	.floatingmenu-circle-container {
		display: block;
	}

	.progress-fixed {
		width: 100%;
	}

	body {
		position: relative;
	}

	.body-content {
		margin-left: 0;
		/*width: 100%;*/
	}

	.sidebar-collapsed .sidebar-left {
		display: none;
	}

	.sidebar-collapsed .body-content {
		margin-left: 0;
	}

	.sidebar-collapsed .header-section {
		margin-left: 0;
	}

	.sidebar-open section {
		overflow-x: hidden;
	}

	.sidebar-open .sidebar-left {
		display: block;
	}

	.sidebar-open .body-content {
		margin-left: 200px;
	}

	.btn-demo {
		margin-bottom: 20px;
	}

	.left-sideinner {
		padding: 5px 10px;
	}

	.left-sideinner .search-content input {
		background: #fff;
		border: 0;
	}

	.sticky-header .header-section {
		left: 90px;
	}

	.sticky-header.sidebar-open .header-section {
		left: 90px;
	}

	.non-sticky-header .sidebar-left-info {
		margin-top: 60px;
	}

	.non-sticky-header  .side-navigation {
		margin-top: 0px;
	}

	.non-sticky-header .sidebar-left .search-content {
		margin-top: 60px;
	}

	body {
		padding-bottom: 75px;
	}

	.sticky-sidebar  {
		position: absolute;
	}

	.wide-full {
		width: auto;
	}

	.sidebar-left {
		width: 200px;
	}

	.sticky-header .logo {
		width: 90px;
	}

	.side-navigation > li > a {
		padding: 23px 0px 23px 13px;
	}

	.horizontal-card {
		min-height: 250px;
		margin-bottom: 2.5em;
	}

	.vertical-card:hover .description {
		-webkit-transform: translate3d(0,170px,0);
		transform: translate3d(0,170px,0);
	}

	.entrenamiento-data ul li {
		margin-bottom: 10px;
		display: block;
	}

	.panel-horizontal-entrenamiento,
	.panel-horizontal-entrenamiento .panel-body  {
		height: auto;
	}

	.panel-horizontal-entrenamiento .panel-body{
		float: none;
		width: 100%;
	}

	.panel-horizontal-entrenamiento .img-heading {
		float: none;
		display: block;
		width: 100%;
		height: 150px;
	}

	.label-cursos-pendientes {
		float: none;
		display: inline-block;
		margin-top: 10px;
	}

	.panel-horizontal-entrenamiento .panel-body .modulo-title span {
		width: 100%;
	}

	.movi-card footer {
		font-size: 15px;
	}

	.welcome-text {
		width: 650px;
	}

	.navbar-collapse.collapse {
		width: 0;
	}

	.header {
		background-color: white;
		background: white;
	}
	.sticky-header .right-notification {
		margin-right: 80px;
	}

	.permisos-rol {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
	}

	.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
		width: 100%;
	}

	.chat-circle-container, .floatingmenu-circle-container, .floatingmenu-box {
		bottom: 95px;
	}

	.chat-circle {
		width: 64px;
		height: 64px;  
	}

	.floatingmenu-circle {
		width: 52px;
		height: 52px;  
	}

	.floatingmenu-circle i {
		font-size: 20px;
	}

	.chat-circle img, .floatingmenu-circle img {
		width: 32px;
	}

	.chat-box {
		width: 100%;
		height: 100%;
		bottom: 0;
		right: 0;
		z-index: 99999999999999;
		border-radius: 0;
	}

	.chat-box-body {
		height: calc(100% - 99px);
	}

	.chat-logs {
		height: 100%;
	}

	.chat-box-header, #chat-input{
		border-radius: 0;
	}

	.btn-app-full {
		width: 100% !important;
		display: block !important;
		margin: 20px 0 0 !important;
	}
	.table,.table thead,.table tbody,.table th,.table td,.table tr { 
		display: block !important; 
	}

	.table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table tr { 
		border-left: 1px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
		margin: 20px 0 0;
	}

	.table tr td:first-child{ 
		background-color: #00a9e0;
		border-color: #00a9e0;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}

	.table tr td:first-child a { 
		color: #fff;
	}

	.table td { 
		border: none !important;
		border-bottom: 1px solid #e8e8e8 !important;
		position: relative;
		padding-left: 0;
		text-align: right !important;       
	}

	.table-striped td {
		border: none !important;
	}

	.table td:before { 
		content: attr(data-label);
		float: left;
		padding-right: 10px; 
		font-weight: bold;
	}

	.table-header td:first-child{
		text-align: center;
		padding-left: 0 !important;
		text-transform: uppercase;
	}

	.table-header td:first-child::before {
		content: "" !important;
		width: 0;
		padding-left: 0;
		display: none;
	}
	.table td:nth-child(even) {
		background: #f3f3f3;
	}
}

@media screen and (max-width: 980px) {
	.notification-menu {
		padding-left: 0px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.btn-edition-group li {
		width: 24%;
	}
}    

@media screen and (max-width: 768px) {
	.progress-fixed {
		width: 100%;
		top: 55px;
	}

	.card-module-sizer, .card-module {
		flex-basis: unset;
		max-width: 100%;
	}

	.size-2, .size-3 {
		flex-basis: unset;
		max-width: 100%;
	}

	.card-module-previewer .card-module.size-3, .card-module-previewer .card-module.size-2, .card-module-previewer .card-module {
		max-width: 100% !important;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.card-module-content {
		margin-bottom: 10px;
	}

	.result-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.card-module:hover {
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	.result-categories {
		margin-top: 4px;
	}

	.result-categories span {
		padding: 2px 10px;
		margin: 2px;
	}

	.tt-suggestion {
		padding: 12px;
	}

	h3.league-name {
		font-size: 11px;
	}

	.show-mobile {
		display: block;
	}
	.hide-mobile {
		display: none;
	}

	.badge-pdf {
		position: absolute;
		top: -10px;
		right: -15px;
		width: 80px;
	}

	.search-content {
		position: relative;
	}

	.search-content input {
		background:#fff;
	}

	.sidebar-left .search-content  {
		display: block;
	}

	.breadcrumb-wrapper, .search-content {
		display: none;
	}

	.mail-box aside {
		display: block;
	}

	.mail-box .sm-side , .mail-box .lg-side, .profile-desk .p-aside, .profile-desk .p-short-info{
		width: 100% ;
		display: inline-block;
	}

	.profile-timeline ul li .avatar-desk .gallery a {
		margin-bottom: 10px;
	}

	.profile-follow, .profile-value-info {
		text-align: center;
		position: static;
		margin-bottom: 10px;
	}

	.profile-intro {
		padding: 20px 0;
	}

	.fb-timeliner {
		display: none;
	}

	.compose-mail .compose-options {
		top: 26px;
	}

	/* checklistt y selfie */
	table input[type=checkbox]:checked {
		border: none;
		outline: none;
		background-color: white;
	}
	table input[type=checkbox]:checked:after {
		content: '\2714';
		font-size: 14px;
		position: absolute;
		top: 0px;
		left: 3px;
		color: #57B505;
	}
	select.selectChecklist {
		width: 100%;
	}
	.checklist .popup .btn {
		margin:10px auto;

	}
	.checklist .btn.center {
		width: 100%;
	}
	.reportes .floating-panel {
		margin-top: -4em;
	}
	.reportes .reporteTabs {
		width: 49%;
		text-align: center;
	}
	.visibleMobile {
		display: block !important;
	}
	.reportes-header h1 {
		font-size: 26px;
	}   
	.reportes .list-group-item a.right {
		display: block;
		text-align: center;
		float: none;
	}
	.reportes .porcentajesChecklist {
		padding-left: 0px;
		display: block;
		text-align: center;
		padding-bottom: 5px;
	}
	.reportes .panel .panel-title {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 5px;
		margin-left: 0px;
		padding-left: 0px;
	}
	.reportes .ratingResult {
		padding-left: 0px;
		display: block;
		padding-bottom: 5px;
	}
	.reportes .list-group-item i{
		padding-right: 3px;
	}
	.reportes .ratingResult {
		padding-left: 0px;
	}

	.checklist input, .checklist select, .checklist textarea {
		margin: 0 0 10px;
	}

	.checklist input.checklist-imagen + label {
		margin-bottom: 0;
	}

	.checklist textarea {
		height: 90px;
	}

	.no-header {
		height: 140px;
	}

	.checklistPregunta.panel {
		margin-bottom: 10px;
	}

	.checklist-carrousel .panel-body {
		padding: 20px;
	}


	.checklist .btn {
		display: block;
		margin: 24px auto 0px;
		width: 100%;
	}

	.checklist .btn.btn-sm {
		display: none;
	}

	.checklist .popup {
		width: 500px;
		top: 50px;
		transform: translate(-50%, 0%);
	}
	.checklist .popup-content {
		width: 100%;
	}
	.selfie button.btn{
		display: block;
		margin: 0 auto;
		position: fixed;
		bottom: 64px;
		left: 50%;
		transform: translateX(-50%);
		width: 60%;
	}
	.card-content{
		height: 150px;
		padding: 20px 0 10px 0 !important;
		background-image:none !important;
		background-color: #00A9E0 !important;
		z-index: 40;
		position:relative;
	}
	li.list-group-item {
		display: block;
		text-align: center;
	}
	.visibleDesktop {
		display: none;
	}
	.selfie .table tr td:last-child{
		display: none;
	}
	.checklist .table-container .table tr td:last-child{
		display: block;
	}
	/*
	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: white; 
	}
	/*
	.checklist .btn-checklist {
		background-color: #5bc500;
		border-radius: 2px;
		padding: 5px 18px;
		color: white;
		font-size: 16px;
		margin: 10px 0;
		transition: all 0.3s ease-in-out;
		margin: 0 auto;
		display: block;
		text-align: right;
		border:none;
		float: right;

	}

	/* full calendar fix */
	.fc-header-right {
		right:15px;
		position: absolute;
	}

	.fc-header-left .fc-button {
		margin: 0px !important;
		top: 0px !important;
	}

	.fc-header-right .fc-button {
		margin: 0px !important;
		top: -50px !important;
	}

	.fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
		background: none !important;
		color: #FFFFFF !important;
	}

	.fc-state-default, .fc-state-default .fc-button-inner {
		background: none !important;
	}

	.fc-button {
		border: none !important;
		margin-right: 2px;
	}

	.fc-view {
		top: 0px !important;
	}

	.fc-button .fc-button-inner {
		margin: 0px !important;
		padding: 2px !important;
		border: none !important;
		margin-right: 2px !important;
		background-color: #fafafa !important;
		background-image: -moz-linear-gradient(top, #f2f2f2, #f2f2f2) !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#f2f2f2)) !important;
		background-image: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2) !important;
		background-image: -o-linear-gradient(top, #f2f2f2, #f2f2f2) !important;
		background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2) !important;
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0) !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-border-radius: 2px !important;
		-moz-border-radius: 2px !important;
		border-radius: 2px !important;
		color: #fff !important;
		border: none !important;
		text-shadow: none !important;
		text-align: center;
	}

	.fc-button.fc-state-disabled .fc-button-inner,
	.fc-header-left .fc-button .fc-button-inner{
		color: #bcbbbb !important;
	}

	.fc-button.fc-state-active .fc-button-inner {
		background-color: #e5e4e4 !important;
		background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
		background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
		background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
		background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
	}

	.fc-content {
		margin-top: 50px;
	}

	.fc-header-title h2 {
		line-height: 40px !important;
		font-size: 15px !important;
	}

	.fc-header {
		margin-bottom:0px !important;
	}

	.fc-header-left, .fc-header-center, .fc-header-right {
		width: 100%;
		display: block;
	}

	.fc-header-title h2 {
		margin-top: -35px;
	}


	.fc-header-right .fc-state-default .fc-button-inner,
	.fc-header-left .fc-state-default:hover .fc-button-inner{
		background: #53D192 !important;
		border-color: #53D192;
		border-style: none solid;
		color: #fff!important;
	}


	.fc-header-right .fc-state-default .fc-button-inner:hover,
	.fc-header-right .fc-state-active  .fc-button-inner{
		background: #2f9f67 !important;
		border-color: #2f9f67;
		border-style: none solid;
		color: #fff;
	}

	.mail-box aside {
		height: auto;
	}

	.gallery {
		margin: 0;
	}
	.gallery li{
		width: 100%;
		margin: 0 0 20px 0;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.nav-cursos p, .nav-cursos li {
		display: block !important;
		margin: 15px !important;
	}  

	.nav-cursos a {
		box-shadow: rgba(0,0,0,.2) 0 2px 10px;
		display: block;
	}

	.basic-card-course .data {
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}

	.basic-card-course .data li:first-child {
		text-align: center;
		font-size: 21px; 
	}

	.basic-card-course .data li:last-child {
		float: none; 
		top: 0px;
		margin-bottom: 0px;
		width: initial;
	}

	.basic-card-course .data li {
		display: block;
		margin-right: 0;
		text-align: center;
		margin-bottom: 13px;
		width: initial;
	}

	.basic-card-course .data li i {
		font-size: 3em;
	}

	.profile-data ul {
		text-align: center;
	}

	.profile-numbers .col-md-6 {
		border-right: 0;
		border-bottom: 3px solid #005C84;
	}

	.profile-numbers .col-md-6:last-child {
		border-bottom: 0;
	}

	.usability-stat li {
		width: 50%;
	}

	.usability-stat li:first-child {
		width: 50%;
	}
	.side-navigation {
		max-height: 467px;
		overflow: scroll;
	}

	/* Cambios hechos para phonegap */

	.wrapper {
		padding: 10px;
	}

	.sticky-header .body-content {
		padding-top: 55px;
		box-shadow: none;
	}

	.sticky-header .header-section {
		left: 0;
		right: 0;
		padding-top: 10px;
		height: 55px;
	}

	.sticky-header .logo, .logo a {
		height: 55px;
		width: 100%;
	}

	.nav-mobile {
		display: block;
	}

	.toggle-btn {
		display: none;
	}

	.right-notification {
		width: auto;
	}

	.mobile-subnav {
		display: block;
	}

	.sticky-header .notification-wrap:before,
	.sticky-header .notification-wrap:after {
		content: '';
		display: block;
		clear: both;
	}

	.page-head{
		padding: 20px 10px 10px;
	}

	.header-default .breadcrumb-head {
		margin: 10px 0;
	}

	.course-info {
		height: auto;
		display: none;
	}

	.course-info__title {
		padding: 1em;
		position: relative;
		height: auto; 
	}

	.course-list__item {
		line-height: 55px;
	}

	.header-section.header-mobile-back {
		height: 75px;
	}

	.body-nonav-mobile .body-content {
		padding-top: 75px;
	}

	.mobile-title-section {
		margin-top: 16px;
		display: inline-block;
		font-size: 18px;
	}

	.back-button-mobile {
		padding: 14px 11px;
		display: inline-block;
		font-size: 25px;
	}

	.course-agenda {
		display: block;
	}

	.edit-post {
		left: 0;
		width: 100%;
		transform: none;
		font-size: 16px;
		text-transform: uppercase;
		bottom: 75px;
	}

	.news-post {
		padding-bottom: 50px;
	}

	.edit-post .text-center {
		margin: 10px 0;
	}

	.dark-logo-bg {
		background: transparent; 
	}

	.movi-card h3 {
		top: 32%;
	}

	.horizontal-card .description,
	.module-card .description,
	.horizontal-card:hover .description,
	.module-card:hover .description {
		-webkit-transform: translate3d(0,150px,0);
		transform: translate3d(0,150px,0);
		opacity: 1;
	}

	.horizontal-card .description,
	.horizontal-card:hover .description {
		-webkit-transform: translate3d(0,111px,0);
		transform: translate3d(0,111px,0);
		opacity: 1;
	}

	.horizontal-card:hover h3,
	.module-card:hover h3 {
		opacity: 1;
		-webkit-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
	}

	.vertical-half-card .description,
	.vertical-half-card:hover .description {
		-webkit-transform: translate3d(0,120px,0);
		transform: translate3d(0,120px,0);
		opacity: 1;
	}

	.sm-title:hover h3 {
		transform: translateY(-50%) !important;
	}

	.sm-title .description, .sm-title:hover .description {
		-webkit-transform: translate3d(0,150px,0);
		transform: translate3d(0,120px,0);
		opacity: 1;
	}

	.right-notification {
		display: none;
	}

	.nav-up,
	.sticky-header .nav-up .logo, .logo a  {
		top: -75px !important;
	}

	.sidebar.right{
		display: none;
	}

	.panel-heading:not(.note-toolbar),
	.panel-heading-big {
		padding: 7px;
		background: #00a9e0;
		border-radius: 4px 4px 0 0;
		text-align: center;
		color: #fff !important;
		border: none;
	}

	.completed-amount {
		background: #f7f7f7;
		color: #00a9e0;
		display: inline-block;
		padding: 5px 10px;
		border-radius: 20px;
		margin: 10px 0 0;
	}

	.cursos-data {
		margin-bottom: 0;
	}
	.panel-heading-big + .m-t-10, .panel-heading-big + .m-t-20 {
		margin-top: 0;
	}

	.panel-heading h3, .panel-heading-big h3 {
		color: #fff;
		text-transform: none;
		font-size: 16px;
	}
	.reportes .panel-heading {
		color: white;
		background-color: #00A9E0;
		border-bottom:2px solid white;
	}
	.progress-vendedor {
		text-align: center;
	}
	.panel-body.progress-vendedor > h3 {
		text-transform: none;
		font-size: 18px;
		text-align: center;
		background: #1381a5;
		color: #fff;
		padding: 15px;
		border-radius: 3px 3px 0 0;
		margin: -15px -15px 10px;
	}
	.reportes .ratingResult {
		padding-left: 0px;
		display: block;
		padding-bottom: 5px;
	}
	.tabla-equipos-container {
		margin: 20px 0;
	}

	.table tr.equipo-destacado td:nth-child(even) {
		background: #E9CF92 !important;
	}

	.objetivos-mes {
		margin: 0;
	}

	.table-objetivos tr {
		margin: 0;
		border-top: 10px #fff solid;
	}

	.table-objetivos tbody.avances-detalle {
		background: #00A9E0;
	}

	.table-objetivos tbody td.spacer, .table-objetivos tbody th.spacer {
		display: none !important;
	}

	.table.table-objetivos thead {
		display: none !important;
	}

	.table-objetivos td:before {
		font-size: 14px;
		font-weight: 300;
		top: 12px;
		text-transform: none;
		position: static;
		float: left;
	}

	.table-objetivos tr {
		border-right: none;
		border-left: none;
	}

	.table-objetivos tbody.avances-detalle td, .table-objetivos tbody.avances-resumen td {
		text-align: right !important;
		padding: 10px !important;
	}

	.agenda-visit li,
	.agenda-visit li:first-child, 
	.usability-stat li:first-child {
		width: 50%;
		text-align: center;
		margin-left: 0;
		padding: 25px 0;
	}

	.page-view-value {
		margin-top: 0;
	}

	.justified-mobile>.btn {
		display: block;
		width: 100%;
		border-radius: 0;
		border-left: 1px solid #b9b9b9;
	}

	.justified-mobile>.btn:last-child:not(:first-child), .justified-mobile>.dropdown-toggle:not(:first-child) {
		border-top: 0;
	}

	.background-usability {
		padding-top: 75px;
	}

	.background-usability:nth-of-type(5) {
		padding-top: 15px;
	}

	.noti-information h4 {
		display: block;
	}

	.agenda-actions {
		float: none;
		text-align: center; 
		margin-top: 27px;
		display: block;
	}

	.filter-container .float-right {
		float: none !important;
	}

	.table-users tr td:last-child {
		padding-left: 8px !important;
		text-align: center;
	}

	.table-users tr td:last-child::before,
	.table-users tr td:last-child::after {
		content: "";
		display: block;
		clear: both;
	}

	.table-users tr td .btn-round {
		float: none !important;
		display: block;
	}

	.nav-timeline {
		background-color: transparent; 
		box-shadow: none; 
	}

	.nav-timeline li {
		width: 75%;
		float: left;
		background-color: white;
		margin-left: 0 !important;
	}

	.nav-timeline>li.active>a:before {
		display: none;
	}

	.nav-timeline li.toggle-mobile-modulos {
		width: 21%;
		float: none;
		border-radius: 3px;
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.16);
		display: inline-block;
		margin-left: 10px !important;
	}

	.nav-timeline li.toggle-mobile-modulos button {
		padding-top: 10px;
		font-size: 23px;
		padding-bottom: 4px;
		color: #99cc00;
		outline: none;
		background-color: transparent;
		border: 0;
		text-align: center;
		width: 100%;
		height: 41px;
	}

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

	#ddlTipoAgencia {
		background-color: #5d7b00 !important;
		border: 0px;
		color: white;
		font-size: 17px;
		width: 163px;
	}

	.answers-img li {
		float: none;
		width: 100%;
	}

	li.question h3 img {
		width: 80%;
	}

	.select2-container-multi .select2-choices .select2-search-field input {
		height: 50px;
	}

	.btn-add-modulo {
		float: none !important;
		display: block;
		margin-top: 30px;
	}

	.ppcontrols ul.right li:first-child {
		display: none;
	}

	.wizard > .steps > ul > li.current {
		width: 100%;
	}

	.wizard > .steps > ul > li.disabled,
	.wizard > .steps > ul > li.done {
		display: none;
	}

	.wizard > .steps .current a {
		margin: 0;
	}

	.wizard > .actions > ul {
		text-align: center;
		width: 100%;
	}

	.wizard > .steps > ul > li, .wizard > .actions > ul > li {
		width: 48%;
	}

	.select2-container .select2-choice {
		height: 50px;
		line-height: 2.42857;
	}
	.select2-container .select2-choice .select2-arrow b {
		background-size: 60px 70px !important;
	}
	.modal-dialog {
		padding-bottom: 80px;
		max-width: 100%;
	}
	.header-section .logo i {
		position: absolute;
		top: -20px;
		left: 0;
		text-align: center;
		color: #fff;
		font-size: 24px;
		height: 100%;
		line-height: auto;
		display: block;
		width: 60px;
	}
	.objetivos-mobile {
		display: block;
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		background: #2d93be;
		background: -webkit-linear-gradient(#2d93be, #17a9dc);
		background: -o-linear-gradient(#2d93be, #17a9dc);
		background: linear-gradient(#2d93be, #17a9dc);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px 20px 40px;
		-webkit-box-shadow: rgba(0,0,0,.7) 0 0 100px;
		box-shadow: rgba(0,0,0,.7) 0 0 100px;
		-webkit-transform: translateY(-150%);
		-ms-transform: translateY(-150%);
		-o-transform: translateY(-150%);
		transform: translateY(-150%);
		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}
	.objetivos-mobile > h4 {
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		font-size: 18px;
		margin: 10px 0 20px;
		padding: 0;
		font-weight: bold;
	}
	.objetivos-show {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.objetivos-mobile table {
		width: 100%;
		margin: 10px 0 0;
	}
	.objetivos-mobile tbody, .objetivos-mobile thead {
		background: none !important;
	}
	.objetivos-mobile tr, .objetivos-mobile tbody {
		border: none !important;
	}
	.objetivos-mobile .spacer {
		display: none;
	}
	.objetivos-mobile p {
		color: #aeeaff;
		font-style: italic;
		text-align: center;
		margin: 10px 0 0;
	}
	.objetivos-mobile tbody.avances-detalle {
		display: none;
	}
	.objetivos-mobile tbody.avances-resumen {
		border-top: 1px solid #fff !important;
	}
	.objetivos-mobile tr td, .objetivos-mobile tr th {
		text-align: left !important;
		padding: 10px 0 !important;
		font-weight: normal !important;
		font-size: 14px !important;
		line-height: 1em;
	}
	.table-objetivos tbody.avances-resumen td {
		border: none !important;
	}
	.objetivos-mobile tr th {
		font-weight: bold !important;
		text-align: center !important;
	}
	.objetivos-mobile .table-objetivos tbody.avances-detalle td, .objetivos-mobile .table-objetivos tbody.avances-resumen td {
		text-align: center !important;
		padding: 10px 0 !important;
	}
	.objetivos-mobile .table-objetivos tbody.avances-detalle td:first-child, .objetivos-mobile .table-objetivos tbody.avances-resumen td:first-child {
		text-align: left !important;
	}
	.objetivos-mobile .table-objetivos tbody.avances-detalle td:nth-child(6), .objetivos-mobile .table-objetivos tbody.avances-resumen td:nth-child(6) {
		text-align: right !important;
		padding: 10px 0 !important
	}
	.objetivos-mobile .table-objetivos i:before {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
	.objetivos-mobile > i {
		position: absolute;
		top: 100%;
		left: 50%;
		width: 40px;
		height: 40px;
		color: #fff;
		font-size: 24px;
		margin: -20px 0 0 -20px;
		border-radius: 50%;
		background: #3493ba;
		text-align: center;
		line-height: 40px;
		box-shadow: #17a9dc 0 0 0 10px, rgba(0,0,0,.1) 0 2px 2px inset, rgba(0,0,0,.1) 0 10px 10px;
	}

	.permisos-rol {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
	.cursos-header, .reportes-header {
		height: 230px;
		padding-top: 2em;
	}

	.cursos-header h1 {
		font-size: 2em;
	}

	.col {
		flex-basis: unset;
	}

	.reportes-checklist-header, .header-default {
		padding: 30px 20px 55px;        
	}

	.reportes-checklist-header:before, .header-default:before {
		opacity: .85;
	}

	.reportes-checklist-header-containter, .header-default-container {
		display: block;
	}

	.reportes-checklist-img, .header-default-img {
		margin: 0 auto;
	}

	.reportes-checklist-header-containter .reportes-checklist-title, .header-default-container .header-default-title {
		text-align: center;
		margin: 15px 0 0 0;
	}

	.reportes-checklist .col-md-12 h4:not(.stat-card-lite h4) {
		margin: 10px 0 30px;
	}

	.reportes-checklist-title, .header-default-title {
		margin: -10px 0 0;
	}

	.separated:before {
		content: none;
	}

	.col {
		flex-basis: unset;
	}

	.stat-card {
		padding: 25px;
	}

	.categoria-card-title {
		display: block;
	}

	.categoria-card-title select {
		margin-left: 0;
		width: 100%; 
	}

	.dataTables_wrapper .dataTables_filter {   
		width: 100%;
	}

	.dataTables_wrapper .dataTables_filter label {   
		width: 100%;
		display: inline-flex;
		align-items: center;
		margin-bottom: 15px;
	}

	.dataTables_wrapper .dataTables_info {
		float: none;
		padding-top: 0.755em;
	}

	.dataTables_wrapper .dataTables_paginate {
		float: none;
		text-align: center;
		padding-top: 0; 
	}

	.desplegable-filtros {
		display: none;
	}

	.btn-responsive {
		display: flex !important;
	}

	.stat-card-lite {
		margin-top: 45px;
	}

	.row .col:first-child .stat-card-lite {
		margin-top: 15px;
	}
}

@media screen and (max-width: 640px) {
	.escala-valor {
		flex-wrap: wrap;
		justify-content: center;
	}

	.escala-valor .escala-paso {
		margin: 0 20px;
	}

	.escala-valor:before {
		display: none;
	}

	.escala-valor-txt .escala-paso {
		margin-bottom: 70px;
	}

	.compose-mail .compose-options {
		top: 26px;
	}

	.report-card header {
		width: initial;
		padding: 3em 1em;
		float: none;
		border-right: 0;
		margin: 2em;
		border-bottom: 1px solid #dcdcdc;
	}

	.report-container {
		padding: 1em 2em;
		float: none;
		width: initial;
		background-color: white;
	}
	.pricing-container ul li:last-child {
		font-size: 30px;
		margin-left: -10px;
		position: relative;
		top: 10px;
	}
	.beneficios-container ul li {
		width: 100%;
	}
	.beneficios-container ul li:after {
		position: static;
		display: block;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		margin: 10px 0;
	}
	button.visibleMobile{
		width: 100%;
	}
	.edicion-video .center {
		display: block;
		width: 100%;
		margin-top: 25px;
	}
	button.volver {
		top: -107px;
	}
	.edicion-video button.center{
		width: 100%;
	}

	.reportes .porcentajesChecklist i:first-child{
		padding-left: 0px;
	}
	.cameraButton1{
		top: 71%;
		right: 30px;
	}
	.oferta-comercial .table tr td{ 
		white-space: normal;
	}   
	.checklist .table tr td:last-child {
		margin-bottom: 30px !important;
		border-radius: 0 0 3px 3px;
		display: block !important;
		text-align: right !important;
	}
	.checklist .table tr td:last-child:before,.checklist .table tr td:last-child:after{display:table}.checklist .table tr td:last-child:after{clear:both; content:" ";}
	.custom-table span.visibleDesktop {
		display: block;
	}
	.custom-table td:first-child:before {
		display: none !important;
	}
	.row-flex {
		display: block;
	}
	.embed-sm-9by16 {
		padding-bottom: 177.77%;
	}
}

@media screen and (max-width: 480px) {
	.w-50 {
		width: 100%;
		height: 250px;
		margin: 0;
	}

	.card-img {
		padding: 50.6% 0 0;
		min-height: unset;
	}

	.compose-mail .compose-options {
		top: 26px;
	}

	.nav-mobile ul li {
		display: inline-block;
		padding: 10px 15px;
	}

	.nav-mobile-complex ul li {
		display: inline-block;
		padding: 13px 9px;
	}
	.selfie button.btn{
		width: 100%;
	}
	.reporteTabs {
		top: -80px !important;

	}
	.panel-horizontal-entrenamiento .panel-body .modulo-title small {
		display: block;
		margin: 10px 0;
		width: 100%;
	}
	.panel-horizontal-entrenamiento .panel-body .panel-footer .btn {
		display: block;
		width: 100%;
	}
	.panel-horizontal-entrenamiento .panel-body .panel-footer {
		border-top: 1px solid #c1c1c1;
		margin: 15px 0 0;
		padding: 5px 0 0;
	}
}


@media only screen and  (max-width: 479px) {
	.state-information {
		display: inline-block;
		margin-top: 20px;
		position: static;
		width: 100%;
	}
	.state-information .state-graph {
		float: left;
		margin-left: 0;
		margin-right: 30px;
		text-align: center;
	}

	.notification-menu li:nth-child(2) .dropdown-menu {
		margin-right: 0px !important;
	}
	.notification-menu .dropdown-title {
		min-width: 265px;
		padding: 0;
	}
	.error-wrapper .icon-404,
	.error-wrapper .icon-500 {
		width: 100%;
	}

	.error-wrapper .icon-404 {
		margin: 0;
	}

	.body-500 .error-wrapper h2 {
		margin: -5px 0 30px -6px;
	}

	.login-social-link a.facebook {
		margin-right: 20px;
	}
	.mail-box aside {
		display: block;
	}

	.mail-box .sm-side , .mail-box .lg-side, .profile-desk .p-aside, .profile-desk .p-short-info{
		width: 100% ;
		display: inline-block;
	}

	.profile-timeline ul li .avatar-desk .gallery a {
		margin-bottom: 10px;
	}

	.profile-follow, .profile-value-info {
		text-align: center;
		position: static;
	}

	.profile-intro {
		padding: 20px 0;
	}

	.notification-menu .info-number {
		padding: 0px 10px;
	}

	.team-list li a {
		text-align: center;
	}

	.fc-header-title h2 {
		margin-top: -35px;
	}

	.logo-max {
		display: none;
		height: 
	}

	.logo-min {
		display: block;
		opacity: 1;
	}

	.sticky-header .right-notification {
		margin-right: 0px;
		border-left: 0;
	}

	.page-head .nav-content li {
		display: block;
		margin-right: 0px;
	}

	.page-head .nav-content li a {
		width: 100%;
		text-align: center;
		display: block;
		line-height: 44px;
	}
}

@media screen and (max-width: 380px) {
	.notification-menu li:first-child .dropdown-menu {
		margin-right: -90px;
	}

	.notification-menu li:nth-child(2) .dropdown-menu {
		margin-right: -45px;
	}

	.notification-menu li:nth-child(3) .dropdown-menu {
		margin-right: 0px;
	}

	.nav-tabs.nav-justified.nav-profile > li {
		float: none;
		display: block;
		width: auto;
	}

	.collapse {
		display: none;
	}

	.nav-mobile ul li {
		padding: 10px 9px;
	}

	.mobile-subnav nav ul li {
		padding: 0px 14px;
	}

	.nav-mobile-complex ul li {
		padding: 15px 4px;
	}
}

@media screen and (max-width: 320px) {
	.collapse {
		display: none;
	}

	.nav-mobile {
		height: 45px;
	}

	.nav-mobile ul li {
		padding: 10px 18px;
	}

	.nav-mobile ul li a span {
		display: none;
	}

	.mobile-subnav nav ul li {
		padding: 0px 7px;
	}

	.nav-mobile-complex ul li {
		padding: 10px 14px;
	}

	.edit-post {
		bottom: 45px;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 80%;
	}    

	.col-sm-15
	{
		width: 20%;
		float: left;
	}

	.col-md-15
	{
		width: 20%;
		float: left;
	}

	.col-lg-15
	{
		width: 20%;
		float: left;
	}
}