.overview-item {
    margin-top:10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 0px;
    padding-bottom: 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

@media (min-width: 992px) and (max-width: 1519px) {
    .overview-item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.overview-item--c1 {
    background-image: -moz-linear-gradient(90deg, #6f8efb 0%, #6f8efb 100%);
    background-image: -webkit-linear-gradient(90deg, #6f8efb 0%, #6f8efb 100%);
    background-image: -ms-linear-gradient(90deg, #6f8efb 0%, #6f8efb 100%);
    /*background-image: -moz-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);
    background-image: -webkit-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);
    background-image: -ms-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);*/
}

/* Esto se debe reescribir para colorear dinamicamente segun valores */
.overview-item--c2 {
    /*Original*/
    /*background-image: -moz-linear-gradient(0deg, #fad90d 0%, #f29200 50%, #aa0000 100%);
    background-image: -webkit-linear-gradient(0deg, #fad90d 0%, #f29200 50%, #aa0000 100%);
    background-image: -ms-linear-gradient(0deg, #fad90d 0%, #f29200 50%, #aa0000 100%);*/
    /*AMARILLO*/
    /*background-image: -moz-linear-gradient(0deg, #fad90d 0%, #fad90d 50%, #fad90d 100%);
    background-image: -webkit-linear-gradient(0deg, #fad90d 0%, #fad90d 50%, #fad90d 100%);
    background-image: -ms-linear-gradient(0deg, #fad90d 0%, #fad90d 50%, #fad90d 100%);*/
    /*Naranja*/
    background-color: #f29200;
    /*background-image: -webkit-linear-gradient(0deg, #f29200 0%, #f29200 50%, #f29200 100%);
    background-image: -ms-linear-gradient(0deg, #f29200 0%, #f29200 50%, #f29200 100%);*/
    /*Vinotinto*/
    /*background-image: -moz-linear-gradient(0deg, #aa0000 0%, #aa0000 50%, #aa0000 100%);
    background-image: -webkit-linear-gradient(0deg, #aa0000 0%, #aa0000 50%, #aa0000 100%);
    background-image: -ms-linear-gradient(0deg, #aa0000 0%, #aa0000 50%, #aa0000 100%);*/
    /*background-image: -moz-linear-gradient(90deg, #11998e 0%, #38ef7d 100%);
    background-image: -webkit-linear-gradient(90deg, #11998e 0%, #38ef7d 100%);
    background-image: -ms-linear-gradient(90deg, #11998e 0%, #38ef7d 100%);*/
    
}

.overview-item--c3 {
    background-image: -moz-linear-gradient(90deg, #11998e 0%, #11998e 100%);
    background-image: -webkit-linear-gradient(90deg, #11998e 0%, #11998e 100%);
    background-image: -ms-linear-gradient(90deg, #11998e 0%, #11998e 100%);
}

.overview-item--c4 {
    background-image: -moz-linear-gradient(90deg, #45b649 0%, #dce35b 100%);
    background-image: -webkit-linear-gradient(90deg, #45b649 0%, #dce35b 100%);
    background-image: -ms-linear-gradient(90deg, #45b649 0%, #dce35b 100%);
}

.overview-item--c5 {
    background-image: -moz-linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%);
}

.overview-item--c6 {
    background-image: -moz-linear-gradient(0deg, #0099cc 0%, #0099cc 100%);
    background-image: -webkit-linear-gradient(0deg, #0099cc 0%, #0099cc 100%);
    background-image: -ms-linear-gradient(0deg, #0099cc 0%, #0099cc 100%);
    color:#fff !important;
}

.overview-item--card1 {
    background: linear-gradient(180deg, #00e4d0, #1dc4d8);
}

.overview-item--card2 {
    background: linear-gradient(180deg, #1dc4d8, #3ea0e1);
}

.overview-item--card3 {
    background: linear-gradient(180deg, #3ea0e1, #5983e8);
}

.overview-item--card4 {
    /*background: #424964;*/
    background:  #8ba2b5;
    /*background: #58d8a3;*/
    /*background: #fb9678;*/
}

.fac1 {
    color: #9c47fc;
  display: block;
  background: -webkit-linear-gradient(180deg, #00e4d0, #1dc4d8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fac2 {
    color: #9c47fc;
  display: block;
  background: -webkit-linear-gradient(180deg, #1dc4d8, #3ea0e1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fac3 {
    color: #9c47fc;
  display: block;
  background: -webkit-linear-gradient(180deg, #3ea0e1, #5983e8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-robox {
    color: #fff;
    background-color: #AC261A;
    border-color: #AC261A;
}

.btn-robox:hover {
    color: #fff !important;
    background-color: #541119;
    border-color: #541119;
}

.btn-robox.focus, .btn-robox:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.btn-robox.disabled, .btn-robox:disabled {
    color: #fff;
    background-color: #AC261A;
    border-color: #AC261A;
}

.btn-robox:not(:disabled):not(.disabled).active, .btn-robox:not(:disabled):not(.disabled):active, .show>.btn-robox.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-robox:not(:disabled):not(.disabled).active:focus, .btn-robox:not(:disabled):not(.disabled):active:focus, .show>.btn-robox.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.btn-outline-robox {
    color: #AC261A;
    background-color: transparent;
    background-image: none;
    border-color: #AC261A;
    transition: all 0.2s ease;
}

.btn-outline-robox:hover {
    color: #fff !important;
    background-color: #AC261A;
    border-color: #AC261A;
}

.btn-outline-robox:hover > div.card-title {
    color:  #FFF !important;
}

.btn-outline-robox.focus, .btn-outline-robox:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.btn-outline-robox.disabled, .btn-outline-robox:disabled {
    color: #AC261A;
    background-color: transparent;
}

.btn-outline-robox:not(:disabled):not(.disabled).active, .btn-outline-robox:not(:disabled):not(.disabled):active, .show>.btn-outline-robox.dropdown-toggle {
    color: #fff;
    background-color: #AC261A;
    border-color: #AC261A;
}

.btn-outline-robox:not(:disabled):not(.disabled).active:focus, .btn-outline-robox:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-robox.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.table-robox,.table-robox>td,.table-robox>th{
    color:#fff;
    background-color:#904d55;
}

.table-hover .table-robox:hover{
    color:#fff;
    background-color:#904d55;
}

.table-hover .table-robox:hover>td,.table-hover .table-robox:hover>th{
    color:#fff;
    background-color:#904d55;
}
/*$colorArray = ([ 5 => "#3ea0e1", 4 => "#19c8d7", 3 => "#12cfd5", 2 => "#0cd6d3", 1 => "#00e4d0"]); */

/*--------------------------------------------*/
.bg-bar1{background-color:#00e4d0!important}

.bg-bar2{background-color:#0cd6d3!important}

.bg-bar3{background-color:#12cfd5!important}

.bg-bar4{background-color:#19c8d7!important}

.bg-bar5{background-color:#3ea0e1!important}

/*Pure Css 2*/

.rating {
    direction: rtl;
    display: inline-block;
    padding: 10px
}

.rating input[type=radio] {
    display: none
}

.rating label {
    color: #ddd;
    /*font-size: 25px;*/
    padding: 20;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.rating label:hover,
.rating label:hover ~ label,
.rating input[type=radio]:checked ~ label {
    color: #f2b600;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #FFF;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.bg-sleep {
  background-color: #f2cf0f !important;
  /*color: #666666 !important;*/
  color: #FFF !important; }

.bg-exercise {
  background-color: #f29200 !important;
  /*color: #444444 !important;*/
  color: #FFF !important; }

.bg-food {
  background-color: #AC261A !important;
  color: #FFF !important; }

.fuelbar0{
    /*#f2cf0f - > d8af17*/
    background: rgb(242,207,15);
    background: -webkit-linear-gradient(left, rgba(242,207,15,1) 0%, rgba(216,175,23,1) 100%);
    background: -o-linear-gradient(left, rgba(242,207,15,1) 0%, rgba(216,175,23,1) 100%);
    background: linear-gradient(to right, rgba(242,207,15,1) 0%, rgba(216,175,23,1) 100%);}

.fuelbar1{
    /*d8af17 - > c2941e*/
    background: rgb(216,175,23);
    background: -webkit-linear-gradient(left, rgba(216,175,23,1) 0%, rgba(194,148,30,1) 100%);
    background: -o-linear-gradient(left, rgba(216,175,23,1) 0%, rgba(194,148,30,1) 100%);
    background: linear-gradient(to right, rgba(216,175,23,1) 0%, rgba(194,148,30,1) 100%);}

.fuelbar2{
    /*c2941e - > ac7925*/
    background: rgb(194,148,30);
    background: -webkit-linear-gradient(left, rgba(194,148,30,1) 0%, rgba(172,121,37,1) 100%);
    background: -o-linear-gradient(left, rgba(194,148,30,1) 0%, rgba(172,121,37,1) 100%);
    background: linear-gradient(to right, rgba(194,148,30,1) 0%, rgba(172,121,37,1) 100%);}

.fuelbar3{
    /*ac7925 - > 945a2c*/
    background: rgb(172,121,37);
    background: -webkit-linear-gradient(left, rgba(172,121,37,1) 0%, rgba(148,90,44,1) 100%);
    background: -o-linear-gradient(left, rgba(172,121,37,1) 0%, rgba(148,90,44,1) 100%);
    background: linear-gradient(to right, rgba(172,121,37,1) 0%, rgba(148,90,44,1) 100%);}

.fuelbar4{
    /*945a2c - > AC261A*/
    background: rgb(148,90,44);
    background: -webkit-linear-gradient(left, rgba(148,90,44,1) 0%, rgba(114,47,55,1) 100%);
    background: -o-linear-gradient(left, rgba(148,90,44,1) 0%, rgba(114,47,55,1) 100%);
    background: linear-gradient(to right, rgba(148,90,44,1) 0%, rgba(114,47,55,1) 100%);}

/*--------------------- Estilos para el cronometro -----------------------------------*/
/**{box-sizing:border-box;margin:0;padding:0;}*/
@font-face{
    font-family:'Roboto';
}
.cronometro{
    /*width:300px;*/
    height:100px;
    /*top:50%;
    left:50%;*/
    /*position:absolute;
    margin-top:-50px;
    margin-left:-100px;*/
    text-align:center;
    /*border: 1px solid black;*/
} 
/*.boton{display:inline-block;width:32px;height:32px;position:relative;}*/
#hms{
    height:68px;
    padding:0px 0;
    font-size:50px;
    color:#666;
    font-family: 'Roboto';
    font-weight: 300; 
 }
    /*.start{background:url(start.png) 0 0 no-repeat;}
    .stop{background:url(pause.png) 0 0 no-repeat;}
    .reiniciar{background:url(delete.png)0 0 no-repeat;}*/

.classes-section {
    background: #151515;
    padding-bottom: 80px;
}

.classes-section .section-title {
    margin-bottom: 35px;
}

.class-item {
    overflow: hidden;
    margin-bottom: 30px;
}

.class-item .ci-pic img {
    min-width: 95%;
    max-width: 95%;
}

.class-item .ci-text {
    /*background: #0a0a0a;*/
    background: #424964;
    position: relative;
    padding: 10px 30px 26px 30px;
    z-index: 1;
}

.class-item .ci-text:after {
    position: absolute;
    left: -5px;
    top: -44px;
    height: 100px;
    width: 600px;
    border-top: 4px solid #464646;
    /*background: #0a0a0a;*/
    background: #424964;
    content: "";
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
}

.class-item .ci-text span {
    color: #f36100;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.class-item .ci-text h5 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;
}

.class-item .ci-text h4 {
    font-size: 26px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;
}

/*.class-item .ci-text a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: rgba(255, 255, 255, 0.1);
    line-height: 46px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    right: 30px;
    bottom: 26px;
}*/

.material-shadow {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.material-shadow-btn {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.material-shadow-btn:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-plans {

}

.card-plans:hover {
    color: #FFF !important;
    background-color: #308ee0;
    border: 1px solid #308ee0;
}

.card-plans:hover .text-primary {
    color: #FFF !important;
}

.card-plans:hover .text-success {
    color: #FFF !important;
    font-weight: bold;
}

.card-plans:hover .text-info {
    color: #FFF !important;
    font-weight: bold;
}

.card-plans:hover hr {
    border-color:#FFF !important;
}

.card-plans:hover .btn-info {
    background-color: #FFF !important;
    border: 1px solid #FFF;
    color: #308ee0 !important;
}

.angularStyle {

    height: 38px;
    border: none;
    border-bottom: 1px solid #00AEEF;
    background-color: transparent;
    font-size: 0.9rem;
    text-align-last:center !important;
    border-radius: 0px 0px 0px 0px;

}

.angularStyleReq {

    height: 38px;
    border: none;
    border-bottom: 1px solid #fb9678;
    background-color: transparent;
    font-size: 0.9rem;
    text-align-last:center !important;
    border-radius: 0px 0px 0px 0px;

}

.angularStyleReq:focus {

    height: 38px;
    border: none;
    border-bottom: 1px solid #fb9678;
    background-color: transparent;
    font-size: 0.9rem;
    text-align-last:center !important;
    border-radius: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 4px #fb9678;
    -webkit-box-shadow: 0px 0px 4px #fb9678;
    box-shadow: 0px 0px 4px #fb9678;

}

.text-robox {
    color: #AC261A;
}

.wrapperBorder {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.gradient-border {
    top: -50%;
    left: -50%;
    z-index: -9;
    overflow: hidden;
    background: linear-gradient(to right, #D6B338 20%, #fff 40%, #AC261A 50%, #AC261A 55%, #fff 70%, #D6B338 100%);
    background-size: 200% auto;
  
    animation: shine 3s linear infinite;
}

/*Begin shimmer code*/

@keyframes shine {
    to {
      background-position: 200% center;
    }
  }fff

.badge-birthday {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-image: linear-gradient(135deg, #38b4b9 12.50%, #ffdc00 12.50%, #ffdc00 25%, #fe5897 25%, #fe5897 37.50%, #28af8a 37.50%, #28af8a 50%, #38b4b9 50%, #38b4b9 62.50%, #ffdc00 62.50%, #ffdc00 75%, #fe5897 75%, #fe5897 87.50%, #28af8a 87.50%, #28af8a 100%) !important;
}