#footer .container {
    padding-top: 5em !important;
}
.cerrar-menu {
    font-size: 18px;
    background-color: #000;
    color: #fff;
    padding: 5px 15px;
    border: solid 1px #000;
    border-radius: 9px;
    float: right;
    margin-top: 15px;
}
#messages{
	height: 480px;
    border: solid 1px #eee;
    overflow-y: scroll;		
}
#messages li{
	list-style:none;	
}
#messages .small, #messages small {
    font-size: 80%;
    font-weight: 600;
    color: #4ECDC4;
}

.h-35{
	height:35px;
}
/*.abrir-menu{
    background-color: #fff;
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.15)!important;
    padding: .2em .7em;
    text-decoration: none;
    color: #000;
    border-radius: .2em;
}
.abrir-menu:hover{
	background-color: #efefef;
}*/
.ico-home {
	cursor:pointer;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
	max-width:90px;
}

.img-tutorial {
	cursor:pointer;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;

}
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.transition2 {
    -webkit-transform: scale(1.6); 
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}
.mw36{
	max-width:36px;
}
.notificaciones-tabs p, .notificaciones-tabs a{
	float:right;
}
i {
    text-decoration: none !important;
    color: #D6DAFF;
	margin-right: 5px;
}
a i {
    text-decoration: none !important;
    color: #2ea3f2 !important;
	margin-right: 5px;
}
.area-alumno a {
    color: #2ea3f2;
}
.area-alumno a:hover {
    color: #999;
}
.card {
    border-radius: .0rem 0rem 0rem 0rem;
    border-top: solid #4ECDC4;
}

.box{
	width: 100%;
	height:32em;
	overflow-y: scroll !important;
	position:fixed;
	left: -100%;
	top: 7em;
	background-color:#fff;
	padding:1em;
	padding-bottom:15em;
	z-index:1;
}
.box .container {
    padding-top: 1em;
}
.area-alumno .h3, .area-alumno h3 {
    font-size: 1.5rem;
    border-bottom: solid 1px #ddd;
    padding-bottom: .2em;
    margin-bottom: 1em;
	width:100%;
	color:#333;
}
.area-alumno .h3 small, .area-alumno h3 small{
    font-size: 1rem;
}
.h1, h1 {
    font-size: 2rem;
    margin-bottom: 1em;
}
.h2, h2 {
    font-size: 1.8rem;
    margin-bottom: 1em;
}
.h3, h3 {
    font-size: 1.5rem;
}
.h4, h4 {
    font-size: 1.2rem;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}
.btn-part-time{
	background: #fff;
	color: #000 !important;
	padding: 10px 20px;
	margin: 0px;
	cursor: pointer;
	margin-right: 20px;
	font-size: 20px;
	border: solid 1px #000;
}
.btn-full-time{
	background: #000;
	color: #fff !important;
	padding: 10px 20px;
	margin: 0px;
	cursor: pointer;
	margin-right: 20px;
	font-size: 20px;
	border: solid 1px #000;
}
.btn-part-time:hover{
	background: #4ECDC4;
	color: #fff !important;
	border: solid 1px #fff;
}
.btn-full-time:hover{
	background: #4ECDC4;
	color: #fff !important;
	border: solid 1px #fff;
}
.form-check-input {
    width: 18px;
    height: 18px;
}
.form-check-label {
    margin-left: 10px;
}
.humo {
    width: 0 !important;
    height: 0 !important;
    border: none;
    position: absolute;
    border-bottom: 0;
}
/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

.check {
    vertical-align: middle;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 18px;
  float:right;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

.btn-outline-info:hover{
	background-color:#17a2b8 !important;
	color:#fff !important;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #4ECDC4;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.price-box {
    margin: 0 auto;
	background: #E9E9E9;
	border-radius: 10px;
	padding: 40px 15px;
	width: 100%;
}

.ui-widget-content {
	border: 1px solid #bdc3c7;
	background: #e1e1e1;
	color: #222222;
	margin-top: 4px;
	width:80%;
	display:inline-block;
}
.ui-datepicker{	
	width:250px !important;
}
.slidercurso {
	border: 1px solid #bdc3c7;
	background: #e1e1e1;
	color: #222222;
	margin-top: 4px;
	width:70%;
	display:inline-block;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 2.2em;
	height: 2.2em;
	cursor: default;
	margin: 0 -10px auto !important;
	text-align: center;	
	line-height: 30px;
	color: #FFFFFF;
	font-size: 15px;
}

.ui-slider .ui-slider-handle .glyphicon {
	color: #FFFFFF;
	margin: 0 3px; 
	font-size: 11px;
	opacity: 0.5;
}

.ui-corner-all {
	border-radius: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.9em;
}

.slidercurso .ui-slider-handle {
	top: -.6em !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	border: 1px solid #f9f9f9;
	background: #3498db;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.5em;
}

.ui-slider .ui-slider-handle {
	cursor: pointer;
}

.ui-slider a,
.ui-slider a:focus {
	cursor: pointer;
	outline: none;
}

.price, .lead span {
	font-weight: 600;
	font-size: 24px !important;
	display: inline-block;
	line-height: 38px !important;
	color:#777;
}

h4.great {
	background: #13cfbe;
	margin: 0 0 25px -60px;
	padding: 7px 15px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	display: inline-block;
	-moz-box-shadow:    2px 4px 5px 0 #ccc;
  	-webkit-box-shadow: 2px 4px 5px 0 #ccc;
  	box-shadow:         2px 4px 5px 0 #ccc;
}

.total {
	border-bottom: 1px solid #7f8c8d;
	/*display: inline;
	padding: 10px 5px;*/
	position: relative;
	padding-bottom: 20px;
}

.total:before {
	content: "";
	display: inline;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 3px;
	background: #7f8c8d;
	opacity: 0.5;
}

.price-slider {
	margin-bottom: 30px;
}

@media (max-width: 768px) {
.price-slider {
	margin-bottom: 60px;
}
.ui-widget-content {
	border: 1px solid #bdc3c7;
	background: #e1e1e1;
	color: #222222;
	margin-top: 4px;
	width:60%;
	display:inline-block;
}
.ui-datepicker{	
	width:250px !important;
}
.slidercurso {
	border: 1px solid #bdc3c7;
	background: #e1e1e1;
	color: #222222;
	margin-top: 4px;
	width:50%;
	display:inline-block;
}
.form-pricing {
    background: #ffffff;
    padding: 20px 0 !important;
    border-radius: 4px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    margin: 7px -5px auto !important;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
    font-size: 15px;
}
}

.price-slider span {
	font-weight: 200;
	display: inline-block;
	color: #7f8c8d;
	font-size: 13px;
}

.form-pricing {
	background: #ffffff;
	padding: 20px;
	border-radius: 4px;
}

.price-form {
	background: #ffffff;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	/*-moz-box-shadow:    0 5px 5px 0 #ccc;
  	-webkit-box-shadow: 0 5px 5px 0 #ccc;
  	box-shadow:         0 5px 5px 0 #ccc;*/
}

.form-group {
	margin-bottom: 0;
}

.form-group span.price {
	font-weight: 200;
	display: inline-block;
	color: #7f8c8d;
	font-size: 14px;
}

.help-text {
	display: block;
	margin-top: 32px;
	margin-bottom: 10px;
	color: #737373;
	position: absolute;
	/*margin-left: 20px;*/
	font-weight: 200;
	text-align: right;
	width: 188px;
}

.price-form label {
	font-weight: 200;
	font-size: 21px;
}

img.payment {
	display: block;
    margin-left: auto;
    margin-right: auto
}

.ui-slider-range-min {
	background: #2980b9;
}

/* HR */

hr.style {
	margin-top: 0;
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
#bg619 {
    padding-top: 1px;
	padding-bottom:80px;
}
.antenav {
    background: #000;
    padding: 25px 30px;
    padding-left: 0;
    text-align: right;
    position: absolute;
    top: 0;
    left: -15px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1480px;
}

.antenav {
    background: #000;
    padding: 0;
    padding-left: 0;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    min-height: 110px;
}
.navbar {
    background: #fff;
}
@media (max-width:1420px){
	.posnav{display: none;}
}
@media (max-width:1250px){
	.navbar-brand {
	    padding-left: 10px;
	}
	.logo{
		max-width: 75%;
	}
	.antenav {
	    min-height: 85px;
	}
}
@media (max-width:600px){
	.navbar-brand {
	    padding-left: 5px;
	}
	.navbar-collapse {
	    top: 100px;
	}
	.logo{
		max-width: 100%;
	}
	.logo-qs{
		max-height: 80px;
	}
	.antenav {
		min-height: 80px;
    	max-width: 40%;
	}
}

.menu-alumno{
	background-image: url(https://app.crm3c.com/assets/images/clients/clients-cover.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px;
    user-select: none;
    -webkit-user-select: none;
    border-radius: 15px !important;
    border: none !important;
    background-color: #f9f9f9 !important;
    padding: 3px 10px;
    font-size: 14px;
}

textarea{
	height: auto !important;
}

#usuario-form0 .form-control {
    background: #f9f9f9;
    border: 0;
    border-radius: 9px;
    font-size: 14px;
    color: #a4a1a1;
    height: 35px;
    width: 100%;
    padding: 3px 10px;
}

#usuario-form0 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 4px;
    right: 1px;
    width: 20px;
}

#usuario-form0 .form-control {
    background: #f9f9f9;
    border: 0;
    border-radius: 9px;
    font-size: 14px;
    color: #a4a1a1;
    height: 35px;
    width: 100%;
    padding: 3px 10px;
}

#usuario-form0 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 4px;
    right: 1px;
    width: 20px;
}

/*nuevo menu*/
ul.principal{
    justify-content: initial !important;
}
.principal .nav-item{
    border-top: none !important;
}
.hablamos {
    background-color: red;
    color: #fff;
    font-size: 18px !important;
    padding: 2px 10px !important;
    border-radius: 25px;
    margin-top: 13px;
}
.hablamos:after {
    background: none !important;
}
.hablamos:hover{
    background-color:#13cfbe !important;
    color: #fff !important;
}
.mi-cuenta{
    font-size: 18px;
}
.principal .nav-link {
    font-size: 18px;
    padding-bottom: 15px;
    color: #fff;
}
.principal .nav-link:hover {
    color: #13cfbe;
}
.navbar-nav .nav-link {
    text-transform: none;
}
.sub-menu {
    top: 65px;
    /*left: 186px;*/
    border-top: solid 10px #000;
}
.sub-menu a {
    color: #545454;
    margin-bottom: 15px;
}
.navbar {
    height: 74px;
}
.empuja-menu {
    width: 100%;
    height: 74px;
}
.antenav {
    min-height: auto;
}
.antenav {
    width: auto;
    height: auto;
}
.posnav {
    padding: 19px 10px;
    background-color: #000;
    right: 20px;
}
.navwrapper {
    background: #000;
}
.principal .nav-item {
    margin-right: 10px;
}
.titulosubmenu {
    margin-bottom: 10px;
    margin-top: 20px;
}
@media (max-width: 1250px) {
    .logo {
        max-width: 100%;
    }
    .sub-menu {
        left: 0px;
    }
    .navbar-collapse {
        top: 78px;
    }
    .nav-acceso{
        margin-left: 0 !important;
    }
    .nav-hablamos{
        margin-right: 0 !important;
        margin-bottom: 15px;
        text-align: center;       
    }
    .nav-derecha{
        margin-left: 0 !important;
    }
    .nav-conoce{
        margin-right: 10px !important;
    }
    .principal .nav-link {
        color: #000;
    }
    .rp-4{
        padding: 1.5rem !important;
    }
}
@media (max-width: 600px) {
    .navwrapper{
        padding: 0px 0;
    }
}
@media (max-width: 768px) {
    .empuja-menu {
        height: 78px !important;
    }
    .logo{
        margin-top:0 !important;
    }
}
@media (min-width: 1921px) {
    .mi-cuenta{
        font-size: 0.9vw !important;
    }
    .principal .nav-link {
        font-size: 0.9vw !important;
    }
    .hablamos {
        font-size: 0.9vw !important;
    }
}