/* GENERAL */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


@font-face {
    font-family: 'Architects Daughter';
    font-style: normal;
    font-weight: 400;
    src: url('webfonts/ArchitectsDaughter.eot');
    src: url('webfonts/ArchitectsDaughter.eot?#iefix') format('embedded-opentype'),
    url('webfonts/ArchitectsDaughter.woff2') format('woff2'),
    url('webfonts/ArchitectsDaughter.woff') format('woff'),
    url('webfonts/ArchitectsDaughter.ttf') format('truetype'),
    url('webfonts/ArchitectsDaughter.svg#ArchitectsDaughter') format('svg');
  
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


* {
    margin: 0;
}

html, body {
    height: 100%; 
}

body {
    background: rgba(0,0,0,0.01);
}

body, input[type="text"], input[type="password"], input[type="number"], textarea, select, input[type="submit"] {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    outline: none;
}


input[type="text"], input[type="password"], input[type="number"], textarea{
    border: 1px solid #bbb;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover{
    border: 1px solid #999;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus, .commentFocus{
    border-color: #2E9AFE !important;
    box-shadow: 0 10px 20px -21px gray inset, 0 0 2px #2E9AFE !important;
}

.commentFocus{
    border: 1px solid #2E9AFE !important;
    margin-left: -1px;
    margin-top: -1px;
    z-index: 1;
}



input[type=checkbox].css-checkbox {
    display:none;
}

input[type=checkbox].css-checkbox + label.labelCheckbox {
    padding-left:21px;
    height:16px; 
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:13px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.labelCheckbox {
    background-position: 0 -16px;
}
label.labelCheckbox {
    background-image:url(../Images/checkb1.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].css-checkbox {
    display:none;
}

input[type=radio].css-checkbox + label.labelRadiobutton {
    padding-left:21px;
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:13px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.labelRadiobutton {
    background-image:url(../Images/radioChecked.png);
}
label.labelRadiobutton {
    background-image:url(../Images/radioEmpty.png);
    background-repeat: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.ui-widget-overlay{
    display: none;
}

.clr{
    clear: both;
}

.tituloSecundario {
    color: #4B4B4B;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-top: 1em;
}

/* FIN GENERAL */

/* MODAL */

.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}



/* FIN MODAL */

/* MENU */

.wrapper {
    margin:0 auto;
    width: 100%;
}
.static {     
    width: 320px;
    z-index: 100;
    height: 100%;
    position: fixed;
    background-color: #333;
    left: 0;
    box-shadow: 0 0 2px;
    z-index: 999;
}


.header {
    height:40px;
    margin: auto;
    width: 1004px;
        margin-top: 10px;
    position: relative;
}
.content {
    width:100%;
    float: left;
    position:relative;
    top: 40px;
    *top: 0px;
    *height:100%;
}

.conCen {
    display: table;
    margin: 0 auto;
    position: relative;
    left: 160px;
    top: 0;
}

.conCenAbs {
    margin: 0 auto;
    position: absolute;
    top: 60px;
    bottom: 30px;
    left: 0;
    right: 0;
}


.subMenuAjustes{
    display: none;
    position: relative;
}

.subMenuAjustes ul{
    background: #37509B;
    color: white;
    font-size: 12px;
    font-weight: 400;
    list-style: none outside none;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    position: absolute;
    right: 20px;
    text-decoration: none;
    width: 140px;
    padding: 0;
    top: 43px;
    background-color: #ffffff;
    border: 1px solid #AAACB4;
    border-radius: 5px;
}

.subMenuAjustes ul li a{
    padding-bottom: 5px;
    padding-left: 14px;
    padding-top: 5px;
    color: #555;
    float: left;
    height: 100%;
    text-decoration: none;
    width: 126px;
    border-bottom: 1px solid #AAACB4;
    cursor: pointer;
}

.subMenuAjustes ul li:last-child a{
    border-bottom: 0;
}

.subMenuAjustes ul li a:hover{
    background: #2E9AFE;
    color: #FFFFFF;
}

.menuIcon{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 26px;
    margin-right: 10px;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 26px;
    cursor: pointer;
    outline: none !important;
}

#menuIdea{
    background-image: url("../Images/ideaMenu.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    float: right;
    height: 22px;
    margin-right: 3px;
    margin-top: 9px;
    width: 22px;
}

#menuIdea:hover{
    background-image: url('../Images/ideaMenuColor.png');
}

.lblLang{
    float: right;
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
    color: #FFF;
    line-height: 40px;
    cursor: default;
}

.menuSettings {
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #444;
    line-height: 40px;
    margin-right: 2em;
}


.menuSettings:hover{
    color: #333;
}

/*.menuSettings:hover{
        background-image: url('../Images/settingsColor.png');
}*/

.menuIdea img{
    border:  none;
    width: 26px;
}

/* FIN MENU */



/* PIE LOGIN */

.pieFijo{
    float: left;
    height: 36px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
}


.pie {
    bottom: 0;
    font-weight: 600;
    height: 2.5em;
    line-height: 2.5em;
    position: absolute;
    text-align: center;
    width: 100%;

}

.pieFixed .pie{
    position: fixed;
}


.pieFloat{
    float: left;
    padding-top: 35px;
    position: relative;
    width: 100%;
}



.pie a{
    color: black;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}


.pie a:hover{
    text-decoration: underline;
}

.pie span{
    color: #555;
    margin-right: 13px;
}





/* PIE LOGIN */

/* BOTONES */

.input1{
    font-size: 14px;
    height: 28px;
    /*padding: 4px;*/
    text-indent: 5px;
    *padding-top:4px;/*IE7 and IE6*/
}

.boton1 {   
    -moz-user-select: none;
    background: #37509B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    border: none;
    text-decoration: none;
}

.boton1:active {
    background: #1B3992;
}



.botonRegistroEjercicio {    
    background: #3F65D7;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    display:inline-block;
    width: 47%;
    height: 90px;
    margin-left:2%;
    float: left;
    text-align:center;
}

.botonRegistroEjercicio:hover {
    background: #345ACC;
    text-decoration: none;
}

.botonRegistroEjercicio:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #415286;
    border: solid 1px #203E5F;
}

.botonRegistroEjercicio img{
    height: 70px;
    margin-top: 10px;
    width: 70px;
}

.botonRegistroCambioFisico {
    background: #418141;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    display: inline-block;
    width: 47%;
    margin-left: 2%;
    height: 90px;
    float: left;
}

.botonRegistroCambioFisico:hover {
    background: #367636;
    /*border: solid 1px #650000;*/
    text-decoration: none;
}

.botonRegistroCambioFisico:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #4E8155;
    border: solid 1px #203E5F;
}





.botonEjercicio {
    background: #3F65D7;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    display:inline-block;
    width: 20.5%;
    height: 90px;
    margin-left:2%;
    float: left;
    text-align: center;
    line-height: 90px;
    font-weight: bold;
    font-style: italic;
}

.botonEjercicio img{
    height: 65px;
    margin-top: 12.5px; 
}

.botonEjercicio:hover {
    background: #345ACC;
}

.botonEjercicio:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}




.botonPlanSi {
    background: #BEF781;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    display:inline-block;
    width: 100%;
    height: 40px;
    float: left;
}

.botonPlanSi:hover {
    background: #D1FF94;
    text-decoration: none;
}

.botonPlanSi:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #01DF3A;
    border: solid 1px #0B3B0B;
}

.botonPlanNo {
    background: #EB7575;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    display:inline-block;
    width: 100%;
    height: 40px;
    margin-top:10px;

    float: left;
}

.botonPlanNo:hover {
    background: #CC5656;
    /*border: solid 1px #650000;*/
    text-decoration: none;
}

.botonPlanNo:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #DF0101;
    border: solid 1px #61210B;
}

.botonPlanSiNo{
    width: 20.5%;
    margin-left:2%;
    float: left;
}

/* FIN BOTONES */

.cornerRound{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(css/border-radius.htc);
    /*padding:5px;*/
}	

.cornerRoundTop{
    -moz-border-radius: 0px 0 10px 10px;
    -webkit-border-radius: 0px 0 10px 10px;
    border-radius: 0px 0 10px 10px;
    behavior: url(css/border-radius.htc);
}

.centrado{
    float: left;
    text-align: center;
    width: 100%;
}




.quitarEjer{
    width: 100%;

}

.quitarEjer img{
    padding: 0;
    position: absolute;
    width: 12px;
}

.buttonLink{
    color: #1E367F;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.buttonLink:hover{
    text-decoration: underline;
}


.resZ span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none !important;
}
.resZ img{
    max-height: 100%;
    max-width: 100%;
}

.fondoPalabras{
        width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    color: rgba(0,0,0,0.1);
    z-index: -1;
}

.fondoPalabras span{
    float: left;
    height:55px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: auto;
    color: transparent;
}

.colorComun1{
    color: #3D5AB0;
}
.colorComun2{
    color: #2490f4 !important;
}

.left50{
    left: 50%;
}

.tit1{
    color: #191919;
    font-size: 14px;
    text-shadow: 0 1px 1px #767676;
}

.separator{
    border-right: 1px solid #BFCCF4;
    position: absolute;
    height: 100%;
    left: 50%;
}

.bocaSet {
    position: relative;
    background: #88b7d5;
    border: 2px solid #4F6DC9;
}
.bocaSet:after, .bocaSet:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bocaSet:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    right: 10px;
    margin-left: -11px;
}
.bocaSet:before {
    border-color: rgba(114, 149, 218, 0);
    border-bottom-color: #B5B7BF;
    border-width: 12px;
    right: 9px;
    margin-left: -12px;
}


.idWall{
    margin-left: 5%;
    margin-right: 5%;
    display: table;
    margin-top:2em;
}

.idWall .resZ{
    height: 75px;
    float: left;
}

.idWall .resZ span{
    height: 75px;
    max-width: 75px;
    width: 75px;
}
.idWall img{
    max-height: 100%;
    max-width: 100%;
}

.idWall .nombre{
    color: #0E5285;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    display: table-cell;
    padding-left: 1em; 
    padding-right: 1em;
    vertical-align: middle;
}


.idWall a:hover{
    text-decoration: underline;	
}

.transition1{
    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 0.1s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.1s ease-out;  /* Opera */
    -moz-transition:all 0.1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.1s ease-out;   /* Internet Explorer */
    transition:all 0.1s ease-out;  /* W3C */
}

.transition3{
    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
    transition:all 0.3s ease-out;  /* W3C */
}

.transition5{
    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
    transition:all 0.5s ease-out;  /* W3C */
}

.transition10{
    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

.transition0{
    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 0s ease-out;  /* Chrome y Safari */
    -o-transition:all 0s ease-out;  /* Opera */
    -moz-transition:all 0s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0s ease-out;   /* Internet Explorer */
    transition:all 0s ease-out;  /* W3C */
}


.combo1{
    background-color: #FBFBFB;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-weight: 600;
    padding: 5px;
    cursor: pointer;
    color: #4C4C4C;

    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
    transition:all 0.5s ease-out;  /* W3C */
}

.combo1:hover{
    border: 1px solid #42A7F5;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 2px #42A7F5;
}
/*
.elemSelble{

    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin-right: 5px;
    text-align: center;

    color: #FFF;
    font-size: 13px;
    margin-left: 1px;
    margin-right: 1px;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    background: #4c4c4c;  Old browsers 
     IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  IE10+ 
    background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );  IE6-8 
    text-shadow: 0 0 1px #BDBDBD;
    box-shadow: 0 0 1px #555555;
    border: medium none;
}
.elemSelble:hover{
    background: rgb(122,188,255);  Old browsers 
     IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  IE10+ 
    background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );  IE6-8 

    box-shadow: 0 0 1px #000000;
    color: #FFFFFF;
    text-shadow: 0 0 1px #666666;
}
.elemSel{
    background: rgb(122,188,255);  Old browsers 
     IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  IE10+ 
    background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );  IE6-8 

    box-shadow: 0 0 1px #000000;
    color: #FFFFFF;
    text-shadow: 0 0 1px #666666;
}*/




.elemSelble, .elemSel {
    border: 1px solid #999999;
    color: #444444 !important;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    padding: 2px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #EEEEEE;
    width: 148px;
}

.elemSel, .elemSelble:hover {
    color: #2E9AFE !important;    
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}

.elemSel {
    color: #2E9AFE !important;
    font-weight: 600;
}

.elemSelble:active{
    background: #bfbfbf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #bfbfbf 0%, #a0a0a0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bfbfbf 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bfbfbf 0%,#a0a0a0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bfbfbf 0%,#a0a0a0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bfbfbf 0%,#a0a0a0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-8 */
}






.mnCn{
    position: absolute;
    width: 110px;
    border: 1px solid #B3C6D5;
    background: white;	
    z-index: 1;
    box-shadow: 3px 3px 5px #888;
    display: none;
}

.mnCn ul{
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.mnCn ul li{
    float: left;
    width: 100%;
}

.mnCn ul li a{
    color: #2F4586;
    cursor: pointer;
    float: left;
    padding: 2px 4% 2px 11%;   
    text-decoration: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 85%;
}



.mnCn ul li a:hover{
    background: #6B80BF;
    color: #FFFFFF;
    border-top: 1px solid #2849AA;
    border-bottom: 1px solid #2849AA;
}

.mnCn ul li:first-child  a:hover{
    border-top: 1px solid transparent;
}

.mnCn ul li:last-child  a:hover{
    border-bottom: 1px solid transparent;
}

.btnCm1{
    background-color: #EEF1FE;
    border: 1px solid #B3C6D5;
    border-radius: 4px 4px 4px 4px;
    color: #37509B;
    cursor: pointer;
    font-weight: 500;
    padding: 4px 10px;

    /* Aqui colocamos la transicion para cada navegador */
    -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
    transition:all 0.3s ease-out;  /* W3C */
}

.btnCm1:hover{
    border: 1px solid #8396A5;
    color: #1B284C;
}


.remLink{   
    display: none;
    cursor: pointer;
    height: 14px;
    width: 14px;
    position: absolute;
    right: 3px;
    top: 3px; 
    background-size: 100%;
    background-image: url('../Images/rem.png');    
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

.remLink:hover{
    background-image: url('../Images/remHover.png');
}

.line-separator{
    background: none repeat scroll 0 0 #0A609E;
    border-bottom: 1px solid #C0C1C1;
    float: left;
    height: 1px;
    width: 100%;
}

.enElem{
    -moz-user-select: none;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.enElem img{
    position: absolute;
    height: 49% !important;
    width: 49% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.enElem img:nth-child(1){
    top: 0.5%;
    left: 0.5%;
}

.enElem img:nth-child(2){
    top: 0.5%;
    left: 50.5%;
}

.enElem img:nth-child(3){
    top: 50.5%;
    left: 0.5%;
}

.enElem img:nth-child(4){
    top: 50.5%;
    left: 50.5%;
}

/* one item */
.enElem img:first-child:nth-last-child(1) {
    height: 75% !important;
    left: 12.5%;
    top: 12.5%;
    width: 75% !important;
}

/* two items */
.enElem img:first-child:nth-last-child(2),
.enElem img:first-child:nth-last-child(2) ~ li {
    top: 50.5%;
}

/* three items */
.enElem img:first-child:nth-last-child(3),
.enElem img:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

/* four items */
.enElem img:first-child:nth-last-child(4),
.enElem img:first-child:nth-last-child(4) ~ li {
    width: 25%;
}






.elemEj {
    background-color: #2F4586;
    cursor: pointer;
    display: inline-block;
    height: 100px;
    width: 100px;
    position: relative;
}

.elemEj:hover{
    background-color: #2849AA;
}
.elemEj img{
    position: absolute;
    height: 60%;
    left:20%;
    top: 5%;
}

.cll span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.elemEj .cll{
    bottom: 0;
    color: white;
    display: table;
    float: left;
    font-size: 11px;
    font-weight: 600;
    height: 35%;
    left: 0;
    margin: 65% auto auto;
    right: 0;
    width: 100%;
}

.botonClaro{
    background-color: rgba(0, 0, 0, 0.03) !important;
    border-radius: 1px;
    color: #666666 !important;
    cursor: pointer;
    border: 1px solid #ccc !important;
    outline: medium none;
}

.botonClaro:hover{
        background-color: rgba(0, 0, 0, 0.05) !important;
}


.botonAzul{
    background-color: #2E9AFE;
    border: 1px solid #FAFAFA;
    border-radius: 1px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    -webkit-appearance: none;
}

.botonAzul:hover{
    background-color: #1B91FF;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.9);
    border-color: #FFF;
        outline: none;
}

.botonAzul:active{
    background-color: rgba(46, 154, 254, 0.8);
    
}

.botonAzul:focus{
    outline: none;
}

.menuUser{
    float: right;
}

.menuUser .usu{
    float: left;
    cursor: pointer;
}

.menuUser .usu img{    
        float: left;
    height: 40px;
    width: 40px;
}

.menuUsuPicCon{
        border-radius: 50%;
        border: 1px solid #ccc;
    float: left;
    height: 40px;
    margin: 5px 10px 5px 5px;
    width: 40px;
    overflow: hidden;
    margin-top: 0px;
}

.menuUser .usu span{
    color: #555;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 40px;
    padding-right: 8px;
    display: none
}

.menuUser .usu:hover span{
    color: #333;
}

.menuUser .set{
    color: #555;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    text-shadow: 0 0 1px #FBFBFB;
    cursor: pointer;
        display: none;
}

.menuUser .set:hover{
    color: #333;
}

.custom-select select {
    display: block;
    border: 1px solid #bbb;
    padding: 4px 0px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;

    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* for Webkit's CSS-only solution */	
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .custom-select select {
        padding-right:30px;    
    }
}

/* Since we removed the default focus styles, we have to add our own */
.custom-select select:focus {
    -webkit-box-shadow: 0 0 3px 1px #c00;
    -moz-box-shadow: 0 0 3px 1px #c00;
    box-shadow: 0 0 3px 1px #c00;
}

/* Select arrow styling */
.custom-select:after {
    background: none repeat scroll 0 0 #40ace9;
    border-left: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
    bottom: 0;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 1px rgba(255, 255, 255, 0.2) inset;
    color: #ffffff;
    content: "▼";
    font-size: 11px;
    line-height: 30px;
    padding: 0 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.no-pointer-events .custom-select:after {
    content: none;
}


label.custom-select {
    position: relative;
    display: inline-block;
}

#fullUserInfo .slimScrollDiv{
    float: left;
}


.logoMenuText{
        color: #000;
    font-family: ImpactURW,Impact;
    font-size: 33px;
    letter-spacing: 1px;
    margin-right: 25px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    float: left;
    text-decoration: none;
    background-image: url(../../Images/kettlebellBlack.svg);
    text-indent: 30px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: left;
}

.logoMenuText span{
    color: #555;
}

#staticHeader{
    text-align: center;
}

#staticHeader .logoMenuText{
    color: #fff;
    font-size: 45px;
    margin-right: 15px;
    background-size: 34px;
    display: inline-block;
    float: none;
    background-image: url(../../Images/kettlebellWhite.svg);
    margin-top: 15px;
    text-indent: 37px;
}

#staticHeader .logoMenuText span{
    color: #fff;
}



.logoMenu{
    background-color: #D8D8D8;
    float: left;
    height: 13px;
    margin: 14px 20px 14px 25px;
    overflow: hidden;
    position: relative;
    width: 190px;
    display: none;
}

.logoMenu img, .menuNot img, .menuPlan img, .menuEvo img, .menuSearch img{
    position: absolute;
    width: 100%;
}


.shine{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */

    bottom: 0;
    height: 100%;
    position: absolute;
    left: -100%;

    -moz-animation:shine 2.5s;
    -webkit-animation:shine 2.5s;
}

.logoMenu .shine{
    width: 100px;
}
.logoMenu:hover .shine{
    /*animation:shine 2.5s;*/
    -moz-animation:shine 2.5s infinite; 
    -webkit-animation:shine 2.5s infinite;
}



.menuPlan:hover .shine, .menuEvo:hover .shine, .menuSearch:hover .shine{
    /*-moz-animation:shine 2s; 
    -webkit-animation:shine 2s;*/
}


.menuNot, .menuSearch, .menuWorkout, .menuProgress, .menuRoutine, .menuEvo, .menuCalendar{
    cursor: pointer;
    float: left;    

    overflow: hidden;
    position: relative;    
    background-size: 100%;
}


.menuSearch, .menuPlan, .menuEvo{
    height: 18px;    
    width: 18px;
    margin-top: 13px;
    margin-right: 10px;
}

.menuNot{
       background-image: url("../Images/notifs.svg");
    height: 22px;
    margin-right: 25px;
    margin-top: 10px;
    width: 22px;
}

.menuPlan{
    background-image: url("../Images/taquilla.png"); 
}

.menuWorkout{
    background-image: url("../Images/kettlebell.svg");
    background-repeat: no-repeat;
    background-size: 19px auto;
    color: #333;
    fill: green !important;
    font-family: black ops one;
    font-size: 16px;
    height: 23px;
    line-height: 24px;
    margin-right: 7px;
    margin-top: 12px;
    text-decoration: none;
    text-indent: 25px;
    width: 21px;
}

.menuWorkout:hover{
    background-image: url("../Images/kettlebellBlack.svg");
    color: #000;
}

.menuProgress{
    background-image: url("../Images/progress.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 19px auto;
    color: #333;
    fill: green !important;
    font-family: black ops one;
    font-size: 16px;
    height: 23px;
    line-height: 29px;
    margin-left: 0;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 26px;
    width: 21px;
}

.menuProgress:hover{
    background-image: url("../Images/progressBlack.svg");
    color: #000;
}
.menuCalendar{
    background-image: url("../Images/calendar.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #333;
    fill: green !important;
    font-family: black ops one;
    font-size: 16px;
    height: 23px;
    line-height: 29px;
    margin-left: 10px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 26px;
    width: 21px;
}

.menuCalendar:hover{
    background-image: url("../Images/calendarBlack.svg");
    color: #000;
}


.menuRoutine{
    background-image: url("../Images/mnuRoutine.png");
    height: 30px;
    margin-right: 10px;
    margin-top: 7px;
    width: 30px;
}

.menuRoutine:hover{
    background-image: url("../Images/mnuRoutineActive.png"); 
}

.menuWorkout:hover{
    //background-image: url("../Images/mnuPanelDark.png"); 
}

.menuPlan:hover{
    background-image: url("../Images/taquillaHover.png"); 
}

.menuEvo{
    background-image: url("../Images/evo.png");
}

.menuEvo:hover{
    background-image: url("../Images/evoHover.png");
}



.menuSearchPeople{
    background-image: url("../Images/search.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    cursor: pointer;
    height: 41px;
    left: 596px;
    margin-top: 0;
    position: absolute;
    width: 35px;
}

.menuSearchWODs{
    background-image: url("../Images/kettlebell.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    cursor: pointer;
    height: 41px;
    left: 603px;
    margin-top: 0;
    position: absolute;
    width: 24px;
}

.menuSearchWODs:hover{
    background-image: url("../Images/kettlebellBlack.svg");
}

.menuNot .shine, .menuPlan .shine, .menuEvo .shine, .menuSearch .shine{
    width: 40px;
    left: -100px;
}

@-moz-keyframes shine{
    0%   {left: -100%: }
    100%  {left: 100%; }
}

@-webkit-keyframes shine {
    0%   {left: -100%; }
    100%  {left: 100%; }
}

.shineInc{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(85%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    bottom: 0;
    height: 100% !important;
    width: 100% !important;
    max-width: none !important;
    position: absolute;
    left: -100%;

    z-index: 1;
}

@-moz-keyframes shineInc{
    0%   {left: -100%; top: -100%;}
    100%  {left: 100%; top: 100%;}
}

@-webkit-keyframes shineInc {
    0%   {left: -100%; top: -100%;}
    100%  {left: 100%; top: 100%;}
}

.notified{
    background-color: #FFE8A2 !important;
}

/* BLOQUE EJERCICIO + PARAMETROS */
.ejerParams{
    display: inline-block;
    height: 84px;
    margin-left: 5px;
    margin-top: 10px;
    width: 334px;
    position: relative;
    vertical-align: bottom;
    text-align: left;
}

.ejerParams .remLink{
    display: block;
}

.ejerParamsLargo{
    width: 581px;
}
.ejerParamsLargo input {
    /*width: 22%;
    margin-left: 1.5%;*/
}

.iconEjSel{
    float: left;
    width: 61px;
    height: 61px;
    background: gray;
    margin-top: 5px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMzUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#40000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.nomEjSel{
    color: #262626;
    float: left;
    font-size: 13px;
    padding-left: 2px;
}

.upDown{
    box-shadow: 0 0 1px #DDDDDD;
    float: left;
    height: 27px;
    margin-left: -1px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    width: 11px;
}

.upDown .increaseSel, .upDown .decreaseSel{
    background-color: #F2F2F2;
    border: 1px solid #BCBEC6;
    color: #898989;
    cursor: pointer;
    float: left;
    font-size: 9px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    text-shadow: 0 0 1px #696969;
    width: 9px;
    transition: 0.3s;
}




.ejerParams input{
    margin-top: 5px;
    border: 1px solid #D0D2DA;
    border-radius: 2px 0 0 2px;
    text-indent: 5px;
    margin-left: 5px;
    height: 24px;
    font-size: 13px !important;
    width: 90px;
    box-shadow: 0 10px 20px -23px gray inset, 0 0 1px #DDDDDD;
}

.inputParamEjer::-moz-selection{
    background-color: #94CFFF;
}
.inputParamEjer::selection {
    background-color: #94CFFF;
}

.paRep1{
    width: 43px !important;
}

.paReps{
    width: 31px !important;
}

.paRest{
    width: 70px !important;
    margin-left: -1px !important;
}

.paPlus{
    width: 52px !important;
    margin-left: -1px !important;
}

.paWeight{
    width: 32px !important;
    margin-left: -6px;
    border-left: 1px solid #eee !important;
}

.paWeightCon{
    float: left;
}

.paRepsCon{
    float: left;
}

/* FIN BLOQUE EJERCICIO + PARAMETROS */

.cheCmdOFF, .cheCmdON{
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    border: 1px solid #BDBDBD;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 1px 1px 2px #D5D5D5;
    cursor: pointer;
    float: right;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    padding-right: 3px;
    text-indent: 23px;
    transition: 0.5s;
}

.cheCmdOFF{     
    color: #767676;
    background-color: #F1F1F1;
}

.cheCmdOFF:hover, .cheCmdON:hover{
    border-color: #5E8DB9;
}


.cheCmdON{     
    color: #246BAE;
    text-shadow: 0 1px 2px #A7A7A7;
    border-color: #5E8DB9;
    background-color: #F3F3F3;
}


/* SPINNERS */

input.disSpinner:focus::-webkit-input-placeholder, input.weightSpinner:focus::-webkit-input-placeholder, input.perSpinner:focus::-webkit-input-placeholder, 
input.minSpinner:focus::-webkit-input-placeholder, input.secSpinner:focus::-webkit-input-placeholder, input.calSpinner:focus::-webkit-input-placeholder{
    color:transparent;
}

input.disSpinner:focus::-moz-placeholder, input.weightSpinner:focus::-moz-placeholder, input.perSpinner:focus::-moz-placeholder, input.minSpinner:focus::-moz-placeholder,
input.secSpinner:focus::-moz-placeholder, input.calSpinner:focus::-moz-placeholder, input.repsSpinner:focus::-moz-placeholder {
    color:transparent;
}

.rateContent input {
    margin-right: 5px;		/* MISMO EN NEGATIVO PARA .ui-spinner-button y dependientes los .comp */
    border: 1px solid black;
    outline: none;
}

.comp{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2A5073;
    cursor: default;
    display: none;
    font-size: 13px;
    line-height: 23px;
    margin-top: 7px;
    position: absolute;   
}

.ttip {    
    background-color: #1667B3;
    border: 1px solid #417EB7;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: none;
    line-height: 20px;
    height: 20px;
    margin-left: -107px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 1px #003B74;
    width: 103px;
}
.ttip:after, .ttip:before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

.ttip:after {
    border-color: #1667B3 rgba(247, 247, 247, 0) rgba(247, 247, 247, 0);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}
.ttip:before {
    border-color: #417EB7 rgba(209, 209, 209, 0) rgba(209, 209, 209, 0);
    border-width: 6px;
    left: 50%;
    margin-left: -6px;
}

.disSpinner + .comp, .weightSpinner + .comp, .calSpinner + .comp{
    margin-left: -45px;
}

.weightSpinner + .comp{
    margin-left: -35px;
}

.perSpinner + .comp{
    margin-left: -38px;
}

.minSpinner + .comp, .secSpinner + .comp{
    margin-left: -29px;
}		


.ui-spinner-button{
    cursor: pointer;
    font-size: 11px;
    height: 15px;
    left: 7px;
    position: absolute;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    top: 2px;
    width: 12px;
}

.ui-spinner-down{
    margin-top: 12px;
}

.secSpinner + .comp + .ttip{
    margin-left: -91px;
}

.repsSpinner + .comp + .ttip{
    margin-left: -60px;
    width: 57px;
}

.paWeight + .comp + .ttip{
    margin-left: -70px;
    width: 81px;
}

.paPlus + .comp + .ttip{
    font-size: 11px;
    height: 26px;
    line-height: 11px;
    margin-left: -70px;
    margin-top: -28px;
    width: 81px;
}


.addParamNov, .ui-spinner-button{
    color: #2E9AFE;
}

.ui-spinner-button:active{
    line-height: 18px;
}

.addParamNov{
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;    
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: 700;
    height: 25px;
    line-height: 24px;
    margin-top: 1px;
    text-align: center;
    transition: 0.3s;
    margin-left: -16px;
    padding-left: 1px;
    padding-right: 1px;
}

.addParamNov:after{
    content: "+";
}

.paWeightConTable{
    float: left;
    min-width: 130px;
}

.worHeaderMin{
    width: 540px !important;   
    height: 167.14px !important;
}

.worHeaderMin{
    float: left;
    text-align: center;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer;
    border: 1px solid transparent;
}

.worHeaderMin:hover{
    box-shadow: 0 0 2px 1px;
    border: 1px solid #fff;
}

.worHeaderMin .hPic , .worInfo .enElem{
    display: inline-block;
    width: 90px !important;
    height: 90px !important;
}

.worHeaderMin .worName{
    font-size: 27px;
}

.worHeaderMin .worDESC{
    width: 530px;
    font-size: 12px;
    margin-top: 5px;
    max-height: 120px !important;
}

.worHeaderMin .worFoll, .worHeaderMin .worDur{
    font-size:12px;
}


.worHeader{
    float: left;
    height: 195px;
    overflow: hidden;
    text-align: center;
    width: 620px;
}

.worSelGradiend{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-8 */
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
}

.worHeaderGradiend{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 61%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.2)), color-stop(61%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.3) 61%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.3) 61%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.3) 61%,rgba(0,0,0,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.3) 61%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */

    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
    opacity: 0.5;
    display: none;
}

.worHeaderGradiend:hover{
    opacity: 1;
}

.PICIMG {
    float: left;
    width: 100%;
    height: 100%;
}

.hPic, .worInfo .enElem{
    height: 100px;
    width: 100px;
}

.hPic{    
    display: none;
    position: relative;
    box-shadow: 0 0 2px 0 #FFFFFF;
    border-radius: 2px;
    overflow: hidden;
}

.worInfo {
    float: left;
    /* height: 100%; */
    /* width: 100%; */
    bottom: 0;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    margin: auto;
    padding-left: 90px;
    height: 145px;
    padding-bottom: 10px;
    right: 0;
    box-shadow: 0 0 2px;
    width: 445px;
    left: 95px;
}
.BGPIC{
    background-image: url("../Images/classy_fabric.png");
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}

.worName {
        background-color: transparent;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    outline: medium none;
    font-weight: 700;
    margin-right: 185px;
    line-height: 22px;
    word-break: break-word;
    text-align: left;
    text-shadow: 0 0 2px #000;
    text-decoration: none;
}

.usHeader .worName{
    margin-top: 15px;
}

.worDESC {
    background: none repeat scroll 0 0 transparent;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-size: 13px;
        margin-top: 5px;
    resize: none;
        margin-right: 10px;
    text-align: left;
}

.worDESC a{
    color: #76CCFF;
    text-decoration: none;
    outline: none;
}

.worDESC a:hover{
    text-decoration: underline;
}


.worObjs{
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 8px;
}

.worObjs span, .fUserFrom {
    color: rgb(174, 216, 255);
    float: left;
        text-align: left;
            margin-right: 185px;
    font-weight: 600;
    font-size: 13px;
    text-shadow: 0 1px 2px #000000;
}
.fUserFrom{
    margin-top: 5px;
}

.worObjs span:last-child{
    margin-right: 0;
}


.worDur, .worFoll{
        background-position: left 1px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #444;
    float: left;
    font-family: black ops one;
    font-size: 16px;
    top: 110px;
    position: absolute;
    margin-top: 7px;
    text-indent: 20px;
    text-shadow: 1px 1px 0 #fff;
    z-index: 1;
    margin-right: 15px;
    left: -110px;
}

.worFoll{
    background-image: url("../Images/star.svg");
}

.worFoll.isFAV{
    background-image: url("../Images/starGold.svg");
}

.worDur{
    background-image: url("../Images/tiempo.png");
    right: 10px;
}

.ENRUCREATOR{
    float: left;    
    margin-top: 5px;
}

.ENRUCREATOR a{
    display: inline-block;
    cursor: pointer;
}

.ENRUCREATOR a:hover span{
    color: #222;
}

.ENRUCREATOR span{
    color: #444;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 8px;
    text-shadow: 0 1px 1px #fff;
}

.ENRUCREATOR img{
    border-radius: 50%;
    box-shadow: 0 0 2px #000;
    float: left;
    height: 24px;
    width: 24px;
}

.alertOverlay{
    z-index: 9998 !important;
    opacity: 0.3 !important;
}


.commonMenu{
    list-style: none outside none;
    padding: 0;
    top: 0;
}

.commonMenu li{
    border: 1px solid #777;
    box-shadow: 0 0 2px;
    float: left;
    margin: 1px;
    width: 87.57px;
    position: relative;
}

.commonMenu li a{
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    float: left;
    font-family: 'Black Ops One',cursive;
    font-size: 13px;
    font-weight: 400;
    height: 24px;
    line-height: 26px;
    outline: medium none;
    overflow: hidden;
    padding: 0 5%;
    text-align: center;
    text-decoration: none;
    text-indent: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.commonMenu .active, .commonMenu .clicable:hover{
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    cursor: pointer;
}

.commonMenu .clicable{
    text-indent: 0;
}

.enReg .tit1{
    background: -moz-linear-gradient(-45deg, #B2B2B2 0%, rgba(255, 255, 255, 0.1) 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px dotted #BFBFBF;
    color: #393939;
    float: left;
    font-weight: 600;
    text-align: left;
    text-indent: 15px;
    text-shadow: 0 0 1px #FFFFFF;
    width: 100%;
    position: relative;
}

.remTab{    
    background-image: url("../Images/rem.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 14px;
    z-index: 1;
}
.remTab:hover{
    background-image: url('../Images/remHover.png');
}

.ejNParams, .ejNParamsLongNoEvo2{
    display: inline-block;
    padding: 5px 7px;
    width: 293px;
}

.ejNParamsLong{
    width: 502px;
}

.ejNParamsWor.ejNParamsLong{
    width: 300px;
}

.ejNParamsWor{
    width: 192px;
}

.ejNParamsLongNoEvo1{
    width: 382px;
}


.ejNParams .ejNm{
    border-bottom: 1px solid #CCCCCC;
    color: #555;
    float: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: center;
    text-indent: 5px;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 100%;
}

.ejNParams .ejPc{
    float: left;
    height: 72px;
    width: 72px;
    box-shadow: 0 0 1px #555555;
}

.ejNParams .ejOrd{
    position: absolute;
}

.ejNParams .orgParams, .ejNParams .orgParamsNoEvo{
    float: left;
    margin-left: 10px; 
}

.orgParams{
    width: 205px;
}

.orgParamsNoEvo{
    width: 85px;
}

.ejNParams .ejPa1, .ejNParams .ejPa2, .ejNParams .ejPa3, .ejNParams .ejPa4, .ejNParams .ejPa5, .ejNParams .ejPa6{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px auto;
    clear: left;
    float: left;
    height: 18px;
    line-height: 18px;
    text-indent: 18px;
    text-shadow: 0 1px #FFFFFF;
    width: 85px;
    text-align: left;
    color: #444;
    font-weight: 600;
}

.ejNParamsWor .orgParams{
    width: 104px;
}

.ejPa1{
    background-image: url("../Images/tiempoB.png");
}

.ejPa2{
    background-image: url("../Images/distanciaB.png");
}

.ejPa3{
    background-image: url("../Images/pendienteB.png");
}

.ejPa4{
    background-image: url("../Images/caloriasB.png");
}

.ejPa5,.ejPa6{
    background-image: url("../Images/mancuernaB.png");
}

.ejPaW1{
    background-image: url("../Images/tiempo.png");
}

.ejPaW2{
    background-image: url("../Images/distancia.png");
}

.ejPaW3{
    background-image: url("../Images/pendiente.png");
}

.ejPaW4{
    background-image: url("../Images/calorias.png");
}

.ejPaW5,.ejPaW6{
    background-image: url("../Images/mancuerna.png");
}

.ejEvo{
    float: left;
    width: 50px;
}

.unSelectable, .unSelectable img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}

.regDate{
    color: #666666;
    float: right;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 5px;
    font-weight: 300;
}

.usHeader{
    box-shadow: 0 0 2px 2px #444444;
    float: left;
    height: 300px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    top: 0;
    width: 630px;
    background-image: url("../Images/bgUser.jpg");
}

.fUserPic {
    border-radius: 50%;
    border: 1px solid #999;
    height: 150px;
    overflow: hidden;
    position: absolute;
    width: 150px;
    top: 0;
    margin-top: 25px;
    bottom: 0;
    left: 20px;
    z-index: 1;
    margin: auto;
    box-shadow: 0 0 7px 2px;
}



#usInfoPub .bloqueNovedad:last-child{
    margin-bottom: 5px;
    border-bottom: none;
}


#usInfoPub .bloqueNovedad{
        border-bottom: none;
    border-top: none;
    /* padding-bottom: 5px; */
    margin-bottom: 0;
}

#usInfoPub .userAvatar, #usInfoPub .userName{
    cursor: default;
    text-decoration: none;
}

.usHeaderFootLeft{
    float: left;
    margin-left: 5px;
}

.usHeaderFootRight{
    float: right;
    margin-right: 10px;
}

.usHeaderFootLeft, .usHeaderFootRight{
        color: #ffffff;
    margin-bottom: 10px;
    text-align: center;
    text-shadow: 0 1px 2px #000000;
}

.usHeaderFootLeft .count, .usHeaderFootRight .count{
    display: inline-block;
    font-size: 13px;
    min-width: 73px;
    letter-spacing: 1px;
    padding-bottom: 0px;
    text-align: center;
}

.usHeaderFootLeft .desc, .usHeaderFootRight .desc{
        color: #ffffff;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.usFooter {
    position: absolute;
    top: 15px;
    right: 15px;
}




#fullUserInfo .slimScrollBar {
    box-shadow: 0 0 2px #8D8D8D inset !important;
    transition: width 0.3s ease 0s, transform 0.3s ease 0s;
}

#fUsHeader .slimScrollBar.ui-draggable{
    margin-top: 5px;
    margin-right: 3px;
}

#fUsHeader .slimScrollDiv{
    overflow: initial !important;
}

.confirmNov .headerControl{
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px;
}

.headerControl{
    background: none repeat scroll 0 0 rgba(46, 154, 254, 0.8);
    border: 1px solid #FFF;
    border-radius: 1px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.headerControlText{
    text-decoration: none;
}

.headerControlText span{
    padding-right: 4px;
}

.opShare span{
    background-image: url(../Images/share.png);
}

.headerControl:hover .opShare span{
    background-image: url(../Images/shareDark.png);
}

.opPrint span{
    background-image: url(../Images/print.png);
}

.headerControl:hover .opPrint span{
    background-image: url(../Images/printDark.png);
}


.opDownload, .opFollow, .opFollowing, .opRequested, .novOK, .novCancel{
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    text-indent: 16px;
}

.opDownload{
    background-image: url("../Images/panelWhite.png");
}



.opFollow{
    background-image: url("../Images/addUser.png");
}

.opFollowing{
    background-image: url(../Images/invited.png);
    opacity: 1 !important;
    background-color: rgba(46, 154, 254, 1);
}

.opFollowing:hover{
    background-image: url("../Images/delUser.png");
}

.opRequested{
    background-image: url("../Images/invited.png");
}

.opOk span{
    background-image: url("../Images/ok.png");
}

.headerControl:hover .opOk span{
    background-image: url(../Images/okDark.png);
}

.novOK{
    background-image: url(../Images/okWhite.png);
}

.novCancel{
    background-image: url(../Images/cerrarBlanco.png);
}

.opCancel span{
    background-image: url("../Images/cross.png");
}

.headerControl:hover .opCancel span{
    background-image: url(../Images/crossDark.png);
}



.headerControl:hover, .headerControlActive{
    background-color: rgba(46, 154, 254, 1);
}

.headerControl:active{
    cursor: default;
    opacity: 0.5;
}

.headerControlActive{
    cursor: default;
}

#linkUserProfile{
    outline: none;
}

.goFullProfile{
        background-color: rgba(36,144,244, 0.9);
    border-top: 1px solid #BBBBBB;
    bottom: 0;
    color: #FFF;
    cursor: pointer;
    float: left;
    font-weight: 600;
    height: 30px;
    letter-spacing: 2px;
    left: 0;
    line-height: 30px;
    text-transform: uppercase;
    position: absolute;
    z-index: 2000;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.confirmNov{
    float: left;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-top: 8px;
}

.confirmNov a{    
    margin-right: 10px;
}

#usList{
    float: left;
    background-color: #FFFFFF;
    padding: 0;
}

#usList li {
    opacity: 0.85;
    border-bottom: 1px solid #DDDDDD;
    cursor: pointer;
    float: left;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 391px;
    position: relative;
}

#usList li:hover{
    opacity: 1;
}

#usList img{
    border-radius: 50% 50% 50% 50%;
    float: left;
    height: 50px;
    margin: 0 10px;
    width: 50px;
}

.bloqInfo{
    display: inline-flex;
    float: left;
    margin: auto;
    min-height: 50px;
    text-align: left;
    width: 311px;
}

.userBio{
    float: left;
}

#usList .userListName{
    float: left;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

#userList .slimScrollRail, #userList .slimScrollBar{
    border-radius: 0 !important;
}

#userList{
    border-radius: 0 0 2px 2px;
    overflow: hidden;
}

.clicable{
    cursor: pointer;
}


.regOpNovs{
    float: left;
    margin-left: 70px;
}


.novPeso{
    background-color: rgba(46, 154, 254, 0.7);
    border: 1px solid #B5B7BF;
    border-radius: 1px;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin-left: 5px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}

.novPeso span{
    background-color: #FFFFFF;
    color: #2E9AFE;
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.regOpNovs input:focus{
    box-shadow: none !important;
    border-color: #999 !important;
    color: #333;
}


.menuInputSearch{
         float: right;
    font-size: 14px !important;
    height: 32px;
    padding: 0 20px;
    padding-right: 20px;
    border-radius: 50px;
    border: 1px solid #ccc !important;
    left: 0;
    margin-right: 10px;
    width: 170px;
    right: 0;
    text-align: left;
    margin-top: 4px;
}

.complyText{
    cursor: default;
    font-size: 13px;
    line-height: 29px;
    position: absolute;
    cursor: text;
}


.ejerRate{
    cursor: pointer;
    margin-left: 14px;
    margin-top: 15px;
    float: left;
}

.prevEjer, .nextEjer{
    float: left;
    height: 79px;  
    width: 20px;
    border: 1px solid #FAFAFA;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    border-radius: 1px;

    display: none;
}

.prevEjer{
    margin-right: 2px;
}

.nextEjer{

}

.rateEjerPic{
    float: left;
    width: 81px;
    height: 81px;
}

.rateEjerContent{
    float: left;
}



.rateContent{
    float: left;
    margin-left: 10px;
    margin-top: 13px;
    min-height: 84px;
}

.rateContent label{
    color: #555555;
    float: left;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 2px;
    margin-right: 10px;
}

.rateContent input{
    border: 1px solid #CCCCCC;
    border-radius: 1px;
    box-shadow: 0 10px 20px -21px #808080 inset;
    float: left;
    font-size: 13px;
    height: 27px;
    padding: 0 15px 0 5px;
    width: 70px;
    /*direction: rtl;*/
    text-align: right;
}

.rateContent input:focus{
    border: 1px solid #AAA;
    box-shadow: 0 2px 5px -2px rgba(0,0,0,0.2) inset;
}

.rateContent input:hover{
    border: 1px solid #AAA;
    box-shadow: 0 2px 5px -2px rgba(0,0,0,0.2) inset;
}

.rateContent span{
    float: left;
    margin-top: 1px;
}

.ejerRateName{
    border-bottom: 1px solid #CCCCCC;
    color: #2E9AFE;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.ejerInfoRate{
    border: 1px solid #AAAAAA;
    border-radius: 1px;
    box-shadow: 0 1px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
    position: relative;

    background: #c7c7c7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c7c7c7 0%, #bbbbbb 50%, #bbbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(50%,#bbbbbb), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c7c7c7 0%,#bbbbbb 50%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c7c7c7 0%,#bbbbbb 50%,#bbbbbb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c7c7c7 0%,#bbbbbb 50%,#bbbbbb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c7c7c7 0%,#bbbbbb 50%,#bbbbbb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */

}

#conEjers .EJCONTAINER:hover, .rateSelected{
    box-shadow: 0 1px rgba(0, 0, 0, 0.2), 0 0 2px 2px #2E9AFE !important;
}

.ejerInfoRate img{
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: left;
    height: 57px;
    width: 57px;
}

.ejerInfoRate span{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px auto;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: 300;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 6px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: left;
    text-indent: 17px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}

.ratesContent{
    border-collapse: collapse;
    float: left;
}


.ratesContent td{
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    color: #555555;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    padding: 4px 5px;
    text-align: left;
    text-indent: 19px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.ejerInfoRate:hover .delRate{
    display: block;
}

.delRate, .delWout{
    background-image: url("../Images/closeDialog.png");
    background-repeat: no-repeat;
    background-size: 22px auto;
    border-radius: 59%;
    cursor: pointer;
    height: 22px;
    opacity: 1;
    position: absolute;
    width: 22px;
    z-index: 1;
}

.delWout:hover{
    background-image: url("../Images/remHover.png");
}

.delRate{
    right: -10px;
    top: -10px;
    z-index: 8;
    height: 30px;
    width: 30px;
    background-size: 30px;
    display: none;
}

.ejControl:hover .delRate{
    display: block;
}

.delWout{
    display: block;
    margin-left: 10px;
    margin-top: 10px;
    right: 10px;
    z-index: 1;
}


.ratingWorkout{
    background-image: url("../Images/classy_fabric.png");
    border-radius: 2px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.ratingWorkout .ejerInfoRate{
    float: left;
    margin-left: 2px;
    margin-right: 5px;
    margin-top: 2px;
}

.ratingWorkout .ejerInfoRate:last-child{
    margin-bottom: 2px !important;   
}
.unSelectable .ejerInfoRate{
    cursor: default;
}

.unSelectable .ejerInfoRate:hover{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ratingWorkout .enElem{
    border: 1px solid #AAAAAA;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    cursor: default;
    float: left;
    height: 63px;
    margin-left: 3px;
    margin-right: 5px;
    margin-top: 2px;
    width: 63px;
}

.ratingWorkout:hover .delWout{
    display: block;
}

.autocompleteResult{
    background-color: #2E9AFE;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    opacity: 0.9;
    padding: 3px 0;
    text-indent: 15px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    width: 315px;
    font-weight: 300;
}

.autocompleteResult:hover{
    opacity: 1;
}

#ctrlFollowUser{
    margin-top: 10px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    z-index: 1;
}

.rateEvo{
    color: #3E8B48 !important;
    text-align: center !important;
    text-indent: 0 !important;
    width: auto;
}

.mentionType{

    margin-left: 30px;
    color: #666;
}

.arrow_box a{
    color: #1167BF;
    text-decoration: none;
}

.arrow_box a:hover{
    text-decoration: underline;
}

.conComH a{
    cursor: pointer;
}

.soloSeguidores{
    float: left;
    background: url(../Images/lock.svg);
    background-repeat: no-repeat;
    margin-top: 0px;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 2px;
    padding-top: 95px;
    padding: 50px 0px;
    background-position: center 35px;
    font-family: 'Architects Daughter';
    background-size: 58px;
    font-size: 18px;
    font-weight: bold;
    padding-top: 115px;
    text-transform: uppercase;
    text-align: center;
    color: #444;
}

.EJGradiend{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(70%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.3) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.3) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-8 */

    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
}

.linkAction{    
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #2490F4;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 5px;
    text-align: left;
    text-indent: 21px;
    text-decoration: none;
}

.linkAction.big{
    font-size: 15px;
}

.linkAction:hover{
    background-color: #eee;    
    border: 1px solid #ddd;    
}

.linkAction:active{
    color: #000;
}

.linkAction.photo{
    background-image: url("../Images/regPhoto.png");
}

.linkAction.link{
    background-image: url("../Images/chainsBlue.svg");
}

.linkAction.refresh{
    background-image: url("../Images/refreshBlue.png");
}

.linkAction.cross{
    background-image: url("../Images/crossBlue.png");
}

.linkAction.explore{
    background-image: url("../Images/explore.png");
}

.linkAction.add{
    background-image: url("../Images/add.png");
}

.linkAction.addSVG{
    background-image: url("../Images/dynaAdd.svg");
}

.linkAction.dynAdd{
    background-image: url("../Images/dynaAdd.svg");
}

.linkAction.dynRem{
    background-image: url("../Images/dynaRem.svg");
}

.linkAction.record{
    background-image: url("../Images/record.svg");
}


.linkAction.search{
    background-image: url("../Images/search.png");
}

.linkAction.workout{
    background-image: url("../Images/mnuWorkoutBlue.png");
    background-size: 20px auto;
    text-indent: 22px;
}
.linkAction.session{
    background-image: url("../Images/record.svg");
    background-position: 6px 2px !important;
    background-size: 20px auto;
    text-indent: 28px;
}
.linkAction.evo{
    background-image: url("../Images/regEvoActive.png");
}

.linkAction.opDelete{
    background-image: url("../Images/delete.svg");
}
.linkAction.opDownload{
    background-image: url("../Images/starBlue.svg");
}
.linkAction.upload{
    background-image: url("../Images/add.svg");
    background-size: 13px auto;
    text-indent: 15px;
}
.linkAction.edit{
    background-image: url("../Images/edit.png");
}
.linkAction.newwindow{
    background-image: url("../Images/newwindowBlue.svg");
}
.linkAction.start{
    background-image: url("../Images/startRoutine.png");
}
.linkAction.stop{
    background-image: url("../Images/stopRoutine.png");
}
.linkAction.progress{
    background-image: url("../Images/progressBlue.svg");
}
.linkAction.kettlebell{
    background-image: url("../Images/kettlebellBlue.svg");
}
.linkAction.calendar{
    background-image: url("../Images/calendarBlue.svg");
}
.plusone{
    color: #088A08;
    font-size: 20px;
    font-weight: 600;
    height: 14px;
    line-height: 12px;
    margin-left: 2px;
    margin-top: -20px;
    opacity: 0.9;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 14px;
}


.messageFeed{
    box-shadow: 0 0 2px;
    left: 0;
    opacity: 0.95;
    position: absolute;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.errorFeed{
    background: red;
    color: #FFFFFF;
    list-style: none outside none;
    padding: 0;
    width: 100%;
    font-weight: 700;
    float: left;
    margin-top: -1000px;
}

.errorFeed li{
    float: left;
    font-size: 13px;
    padding: 5px 0;
    padding-left: 20px;
    width: 100%;
    text-align: left;
}

.closeFeed{
    background-image: url("/Images/okWhite.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    bottom: 5px;
    cursor: pointer;
    height: 16px;
    opacity: 0.9;
    position: absolute;
    right: 7px;
    width: 16px;
}

.EJCONTAINER{
    background-image: url("../Images/classy_fabric.png");
    background-size: 100%;
    border-radius: 2px;
    display: inline-flex;
    height: 100px;
    position: relative;
    text-align: center;
    width: 240px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 1px;
}

.EJCONTAINERMIN{
    background-size: 100% auto;
    height: auto;
    min-height: 69.58px;
    box-shadow: none;
    width: 167px;
        background-color: #999;
    margin-right: 0;
}

.EJCONTAINERMID{
    cursor: pointer;
    height: auto;
    min-height: 81px;
    width: 194.4px;
    display: inline-block;
}

#fullExBg .nomParams{
    float: left;
    margin: auto;
    padding-bottom: 35px;
    top: 0;
    width: 450px;
}


.EJCONTAINERMIN .nomParams{    
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
}

.EJCONTAINERMID .nomParams{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    min-height: 30px;
    width: 175px;
}

.infoEjer{
    background-image: url("../Images/infoEjer.png");
    background-size: 16px auto;
    height: 16px;
    left: 5px;
    opacity: 0.8;
    position: absolute;
    bottom: 5px;
    width: 16px;
    z-index: 2;
    cursor: pointer;
}

.infoLikeEjer, .infoUnlikeEjer{
    background-image: url(../Images/gustaWhite.svg);
    background-size: 16px auto;
    height: 20px;
    right: 29px;
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    background-position: center;
    top: 5px;
    background-repeat: no-repeat;
    width: 24px;
    background-color: rgba(0,0,0,0.9);
    z-index: 2;
    cursor: pointer;
    display: none;
}

.infoLikeEjer.liked, .infoUnlikeEjer.liked{
    display: block;
    right: 5px;
}

.infoUnlikeEjer{
    background-image: url(../Images/gustaNoWhite.png);
    right: 5px;
    border-radius: 3px;
}

.infoUnlikeEjer:hover, .infoUnlikeEjer.liked{
    background-image: url(../Images/gustaNo.png);
}

.infoLikeEjer:hover, .infoLikeEjer.liked{
    background-image: url(../Images/gustaBlue.svg);
}


.EJCONTAINERMIN .infoEjer{
    top: auto;
    bottom: 5px;

    width: 14px;
    height: 14px;
    background-size: 14px auto;
}

.infoContainer:hover .infoLikeEjer, .infoContainer:hover .infoUnlikeEjer{
    display: block;
}

.infoContainer:hover .infoLikeEjer{
    right: 29px !important;
}

.infoContainer .infoEjer{
    opacity: 0;
}

.infoContainer:hover .infoEjer{
    opacity: 1;
}


.infoEjer:hover{
    opacity: 1;
}


.hEJNOM{
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    padding: 5px;
    text-transform: uppercase;
}

.fullExHeader .hEJNOM{
    font-family: Open Sans;
    letter-spacing: 1px;
    font-size: 20px;
    background: rgba(0,0,0,0.7);
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 3px;
}

.EJCONTAINERMIN .hEJNOM{
    font-size: 12px;
}

.EJCONTAINERMID .hEJNOM{
    font-size: 14px;
}

.EJERPARAMS{
    text-align: center;
    width: 100%;
    float:left;
    margin-top: 10px;
    position: relative;
}


.EJCONTAINERMIN .EJERPARAMS{
    margin-top: 3px;
}



.EJERPARAMS img{
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    opacity: 1;
    width: 16px;
}

.EJCONTAINERMIN .EJERPARAMS img{
    height: 12px;
    width: 12px;
}

.EJCONTAINERMID .EJERPARAMS img{
    height: 12px;
    width: 12px;
}

.EJCONTAINERMIN .EJGradiend{
    opacity: 0.2;
}


.EJCONTAINERMIN:active{
    box-shadow: none;
}

.EJCONTAINER:hover .delRate{
    display: block;
}
.ejerRate .EJCONTAINER{
    float: left;
}

#conEjers .EJCONTAINER, .contScroll .EJCONTAINER, .enContent .EJCONTAINER, .ruContentDay .EJCONTAINER, .wout .EJCONTAINER{
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 5px;
}

.elemListWorkout{
    background-image: url("../Images/classy_fabric.png");
    border-radius: 1px;
    cursor: pointer;
    display: inline-flex;
    float: left;
    height: 85.92px;
    margin-bottom: 4px;
    margin-left: 2px;
    padding-bottom: 10px;
    position: relative;
    width: 305px;
    box-shadow: 0 0 2px;
    cursor: pointer;
}

.elemListWorkoutName{
    color: #ffffff;
    float: left;
    font-family: ImpactURW;
    font-size: 25px;
    letter-spacing: 4px;
    margin-bottom: 0;
    margin-top: 10px;
    text-shadow: 0 1px 2px #000000, 0 1px 2px #000000, 0 1px 1px #000000;
    width: 100%;
}

.nameObjsList{
    margin: auto 10px auto 60px;
    text-align: left;
}

.lDesign, .lDownload{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    float: left;
    height: 22px;
    left: 0;
    margin-left: 10px;
    opacity: 0.8;
    position: absolute;
    top: 37px;
    width: 22px;
}

.lDesign{
    background-image: url("../Images/upload.png");
}

.lDownload{
    background-image: url("../Images/panelWhite.png");
}

.lObj{
    background-image: url("../Images/targetFlag.png");
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 7px;
    text-indent: 20px;
    text-shadow: 0 1px 2px #000000, 0 1px 2px #000000;
}

.selectedWInfo{
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    position: relative;
}

.selectedWInfoName{
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    text-shadow: 0 1px 2px #000000;
    margin-bottom: 3px;
}

#fullExercise{
    background-color: #FFF;
    height: auto !important;
}

#fullExercise .EJCONTAINER{
    cursor: default;
    display: inline-flex;
    float: left;
    height: 200px;
    width: 480px;
}

.fullExImges{
    float: left;
}

.rslides {
    list-style: none outside none;
    margin: 0 0 0 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.fullExAr{
    float: left;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

.fullExAr span{
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #555555;
    color: #DDDDDD;
    cursor: default;
    display: inline-block;
    font-size: 13px;
    margin: 10px 2px 0;
    min-width: 100px;
    padding: 3px 10px;
    text-align: center;
}

.fullExArList{
    margin: auto;
}

.fullExAr canvas{
    float: left;
    margin-left: 40px;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.fsPhotos{
    float: left;
    width: 100%;
}

.fsPhotos .slimScrollDiv, .fsList .slimScrollDiv{
    padding-right: 10px;
    margin-top: 30px;
    padding-bottom: 10px;
}


.fsList{
    float: left;
    height: 100%;
    position: absolute;
    padding: 20px;

}

#collageFsPhotos{
    padding: 1px;
}

.closeWhiteModal{
    background-image: url("../Images/closeWhite.png");
    background-size: 100% auto;
    height: 24px;
    opacity: 0.85;
    position: fixed;
    right: 35px;
    top: 13px;
    width: 24px;
    z-index: 1;
    cursor: pointer;
}

.closeWhiteModal:hover{
    opacity: 1; 
}

.fsList{
    text-align: center;
}

.fsList .headerResult{
    display: inline-block;
    float: left;
    margin-left: 6px;
    position: relative;
}

.fsList .headerResult .headerControl{
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 1;
    padding: 0 10px;
}

.fsList .EJCONTAINER{
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 3px;
    margin-left: 4px;
    margin-right: 4px;
    background-repeat: repeat;
    background-size: auto auto;
}

.fsList .EJCONTAINER:hover{
    border: 1px solid #FFF;
}

#fullExDesc{
    color: #eeeeee;
    float: left;
    font-size: 13px;
    margin-top: 15px;
    max-height: 110px;
    overflow: auto;
    position: relative;
    width: 100%;
    text-shadow: 0 0 2px #000000, 0 1px 2px #000000, 0 1px 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
}

#fullExRegs{
    color: #444444;
    float: left;
    margin-left: 43px;
    margin-top: 5px;
}

.fullExHeader{
    float: left;
    height: 200px;
    width: 480px;
}

#fullExCreator{
    display: inline-block;
    cursor: pointer;
}

#fullExCreator img{
    border-radius: 50%;
    box-shadow: 0 1px 2px #000000;
    float: left;
    margin-right: 8px;
    width: 26px;
}

#fullExCreator span{
    float: left;
    font-size: 14px;
    margin-top: 3px;
    text-shadow: 0 0 2px #000000, 0 1px 2px #000000, 0 1px 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
}

#fullExCreator:hover a{
    text-decoration: underline;
}

#fullExCreator a{
    font-weight: 600;
}

.fullexCreatorRegs{
    bottom: 3px;
    color: #ffffff;
    display: inline-block;
    left: 0;
    margin-top: 8px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px #000000;
    width: 100%;
}

.areaEx{
    float: left;
    font-size: 14px;
    margin-bottom: 7px;
}

.areaEx span{
    border-radius: 2px;
    float: left;
    height: 17px;
    margin-right: 5px;
    margin-top: 1px;
    width: 17px;
}

.infoContainer{
    display: inline-block;
    position: relative
}

.noComments{
    color: #555555 !important;
    cursor: default !important;
    font-family: "Covered By Your Grace";
    padding: 0 !important;
    position: absolute;
    text-shadow: 0 1px 2px;
}

.noComments span{
    font-size: 22px;
    font-weight: 300;
    left: 10px;
    margin: auto;
    position: absolute;
    right: 23px;
    text-align: center;
    top: 20%;
}

.noComments img{
    left: 10px;
    margin: 175px auto auto;
    position: absolute;
    right: 23px;
    top: 20%;
    width: 50px;
}



.EJRATES{
    border-collapse: collapse;
    float: left;
    position: relative;
}

.EJRATES tr{
    float: left;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.EJRATES tr td{
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #FFFFFF;
    float: left;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0;
    text-align: center;
    position: relative;
    font-size: 14px;
    text-shadow: 0 1px 2px #000000;
    display: inline-flex;
}

.EJRATES tr td:last-child{
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.EJRATES tr td img{
    margin-bottom: 7px;
    margin-left: -14px;
    margin-top: 7px;
    position: absolute;
    width: 10px;
}

.areasActions{
    background-color: #777777;
    border: 1px solid #AAAAAA;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
    color: #222222;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin: 3px 0 4px 6px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
    width: 217px;
}

.areasActions:hover{
    background-color: #888;
}

.areasActions:active{
    box-shadow: none;
    margin-top: 4px;
}

#fullExerciseChart{
    float: left;
    width: 300px;
    height: 200px;
}

.exerciseContent{
    background-color: #FFF;
    float: left;
        border-radius: 0 0 5px 5px;
        padding-bottom: 10px;
}

#videoFullEjer{
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: 0 0 1px;
    height: 256px;
    margin-bottom: 0px;
    margin-left: 13px;
    opacity: 0.9;
    width: 455px;
    margin-top: 10px;
}

.textMore{
    display: none;
}

.textLess{
    display: inline;
}

.textLess a, .textMore a{
    color: #2490F4;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
        float: none !important;
}


#workoutMusleChart {
    background: url("/Images/bg.jpg") repeat scroll 0 0 #282828;
    bottom: 0;
    color: #FFFFFF;
    font-size: 11px;
    height: 200px;
    position: absolute;
    width: 100%;
    z-index: 1;
    box-shadow: 0 0 2px #000000;
}

.publishInfo{
    float: left;
    padding: 6px 0;
    width: 100%;
    text-align: center;
}

.publisherInfo{
    cursor: pointer;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.publisherPic{
    border-radius: 50%;
float: left;
margin-top: 2px;
width: 35px;
height: 35px
}

.publisherName{
    float: left;
/* font-family: black ops one; */
font-size: 14px;
margin-left: 7px;
margin-top: 9px;
color: #084B8A;
font-weight: 600;
}

.publishDesc{
 

    color: #888;
float: right;
/* font-family: black ops one; */
font-size: 11px;
font-weight: 600;
margin-left: 10px;
margin-right: 15px;
margin-top: 11px;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
}


.ejerBG{
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}

.fsList .worHeaderMin{
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
}


.worHeaderMinSearch{
    height: 154.11px !important;
    border:1px solid transparent;
}
.worHeaderMinSearch:hover{
    border:1px solid #FFFFFF;
    box-shadow: 0 0 2px 1px;
}
.worHeaderMinSearch .worDESC {
    width: 480px;
    margin-top: 0;
}


.worHeaderMinSearch, .usHeaderMin{
    width: 490px !important;
    margin-top: 0;
    margin-bottom: 8px;
    margin-left: 6px;
    margin-right: 2px;
    box-shadow: none;
    cursor: pointer;
    border: 1px solid #fff;
        box-shadow: 0 0 2px;
}



.collageTit{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#33000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.resumeDay .collageTit{
    display: inline-flex;
    left: 0;
}

.collageTit span{
    color: #ffffff;
    font-family: ImpactURW;
    font-size: 29px;
    font-weight: 300;
    left: 0;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    top: 40%;
    width: 100%;
}

.resumeDay .collageTit span{
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Black Ops One',cursive;
    font-size: 20px;
    left: 0;
    letter-spacing: 7px;
    margin: auto;
    position: relative;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
    top: auto;
}

.resumeDay.disabled .collageTit{
    cursor: default;
}

.resumeDay.disabled:hover{
    border: 1px solid transparent !important;
    box-shadow: none !Important;
}

.removeDayTab{
    background-image: url("../Images/closeWhite.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    cursor: pointer;
    height: 24px !important;
    left: 0;
    padding: 0 !important;
    position: absolute;
    width: 20px !important;
    z-index: 1;
}

.removeDayTab:hover{
    background-color: rgba(0, 0, 0, 0.4);
}

.elemListUserPic{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 1px 2px;
    height: 30px;
    left: 0;
    margin: auto auto auto 16px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 30px;
}


.regHelp{
    color: #333;
    float: left;
    list-style: outside none none;
    margin-left: 28px;
    margin-top: 7px;
    padding: 0;
    position: relative;
    width: 277px;
}

.regHelp li {
    float: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 5px;
    padding-left: 20px;
    text-align: left;
}

.regHelp li img{
    float: left;
    left: 0;
    margin-right: 6px;
    margin-top: 4px;
    position: absolute;
    width: 16px;
}


.regHelp li a{
    color: #2490F4;
    cursor: pointer;
}

.regHelp li a:hover{
    text-decoration: underline;
}

.regHelp li ul{
    float: left;
    margin-top: 5px;
}

.regHelp li ul li{
    float: left;
}

.regHelp li ul li img{
    float: left;
}

#fullExBg .EJGradiend{
    display: none;
}

.commentContent{
    float: left;
margin-left: 10px;
margin-top: 5px;
/* width: 286px; */
margin-right: 15px;
text-align: left;
font-size: 14px;
margin-top: 5px
}

.commentContent a{
    color: #67bdff !important;
    cursor: pointer;
}


.diaDescanso{
    color: rgba(255, 255, 255, 0.8);
    cursor: default;
    font-family: 'Black Ops One',cursive;
    font-size: 24px;
    left: 0;
    letter-spacing: 7px;
    margin: auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 30%;
}

#usList li a{
    color: transparent;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-shadow: 0 0;
    width: 27px;
}

#usList li .cargarMas {
  background-color: rgba(46, 154, 254, 1);
  border-top: 1px solid #FFFFFF;
  box-shadow: 0 0 #000000;
  color: #FFFFFF !important;
  cursor: pointer;
  float: left;
  font-size: 13px;
  right: auto !important;
  position: inherit !important;
  font-weight: 400;
  overflow: auto !important;
  padding: 0.25em 0;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important;
  width: 100% !important;
  opacity: 0.85 !important;
}

.centraUserListElem{
    display: inline-block;
    float: left;
    margin: auto;
    text-align: left;
    width: 311px;
}

.listaAreasElems label{
    color: #ddd;
    float: left;
    margin-top: 10px;
    margin-left: 30px;
    min-width: 140px;
    text-shadow: 0 1px 2px #000;
}

.listaRegs{
    float: left;
    padding-bottom: 12px;
}

.ejControl{
        background-image: url("../Images/classy_fabric.png");
    background-size: 100% auto;
    border-radius: 2px;
    cursor: default;
    display: inline-block;
    margin-left: 10px;
    margin-top: 1px;
    min-height: 108.33px;
    position: relative;
    background-size: cover;
    text-align: center;
    width: 260px;
    margin-top: 6px;
    cursor: pointer;
        float: left;
}

.ejControl.ejControlMin{
    width: 195px;
    min-height: 76.64px;
}

.ejControl:hover .delRate{
    opacity: 1;   
}


.ejControl:hover{
    border-color: rgba(255,255,255,0.6);
}
.ejControl .ejName {
    color: #fff;
    font-size: 12px;
    left: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2px 5px;
    display: inline-block;
    /* font-family: black ops one; */
    margin: 4px 4px;
    font-weight: 700;
    border-radius: 3px;
    margin-top: 9px;
    /* box-shadow: 0 0 2px #000; */
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
    background-color: rgba(0,0,0,0.5);
}

.ejControl .ejInfo{
    background-image: url("../Images/infoEjer.png");
    background-size: 100% auto;
    float: left;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 6px;
    width: 16px;
    z-index: 8;
    cursor: pointer;
    opacity: 1;
}


.midReg{
    float: left;
    margin-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

.downReg{
    bottom: 4px;
    float: left;
    margin-top: 45px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.regSpin{
    box-shadow: 0 0 2px;
    display: inline-block;
    font-size: 14px !important;
    height: 28px;
    margin: 0 4px 10px;
    opacity: 0.9;
    text-align: right;   
}


.tipoWodInput{
    display: inline-block;
    font-size: 14px !important;
    height: 27px;
    margin: 0 4px;
    opacity: 0.9;
    text-align: right;   
}

.regSpin:focus{
    opacity: 0.9 !important;
}

.spinRelleno input, .spinRelleno .spinUd{
    opacity:0.9 !important;
}

.ejControl .EJGradiend{
    opacity: 0.5;
}

.ejControl:hover .downRegOps a, .ejControl:hover .upRegOps a, .ejerFocused .downRegOps a, .ejerFocused .upRegOps a{
    opacity: 1;
}

.regAdd{
    background-color: rgba(255, 255, 255, 1);
    background-image: url("../Images/add.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    float: right;
    height: 22px;
    margin-left: -2px;
    margin-right: 7px;
    margin-top: 5px;
    width: 22px;
    opacity: 0.9;
}

.regAdd:hover{
    opacity:1 !important;
}

.regAdd:active{
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.8);
}

.ui-spinner{
    position:relative;
    display: inline-block;
}

.spinUd{
      font-size: 16px;
  float: left;
  margin-left: 0px;
  line-height: 30px;
  color: #555;
  margin-right: 10px;
}

.downRegOps{
    float: left;
    margin-top: 15px;
    text-align: center;
    width: 100%;    
}

.upRegOps{
    float: left;
    margin-top: 45px;
    text-align: center;
    width: 100%;  
}

.downRegOps a, .upRegOps a{
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 0 5px;
    position: relative;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
    z-index: 1;
    border: 1px solid transparent;
    opacity: 0.9;
    padding: 1px 5px;
    border-radius: 2px;
}

.downRegOps a:hover, .upRegOps a:hover{
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #BBB;    
    box-shadow: 0 0 2px #000;        
}

.downReg.closer .ui-spinner{
    margin: 0 -2px;
}

.spinUd.clicable{   
      cursor: pointer;
  color: #1B91FF;
}


#ejerScrollable {
    text-align: center;
}

.comboCreateExercise{
    float: left;
    margin-left: 15px;
    margin-right: -2px;
    width: 210px;
    margin-bottom: 10px;
}



.comboCreateExercise select{
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    padding-right: 0px;
    width: 210px;
}

.regTipoWODs{
    display: inline-block;
    width: 605px;
    margin-top: 60px;
}

.tipoWOD{
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    color: #555;
    cursor: pointer;
    float: left;
    font-family: Black Ops One;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 16px;
    margin: 0 3px 5px;
    padding: 5px 7px 3px;
    text-align: left;
}

.tipoWOD:hover{
    background-color: rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.udM{
    background-image: url("../Images/man.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

.udH{
    background-image: url("../Images/man.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

.descInputTwod{
    background-color: #fff;
    color: #333;
    float: left;
    font-family: ImpactURW;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 4px;
    padding-left: 15px;
    padding-right: 5px;
    position: relative;
    margin-top:-12px;
}

.regWodHeader .ui-spinner{
    float: left;
    background-color: #fff;
    margin-top:-15px;
}

.regWodFooter .ui-spinner{
    float: left;
    background-color: #fff;
    margin-top:-15px;
}

.tipoWodSelEjers{
        color: #777;
    float: left;
    font-family: Black Ops One;
    font-size: 20px;
    height: 63.33px;
    letter-spacing: 3px;
    margin-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
}

.resultRight{
    float: right;
}

.resultLeft{
    float: left;
}


.regWodHeader {
    float: left;
    margin-top: 5px;
    position: relative;
    width: 100%;
    padding-bottom: 0;
    text-align: center;
    padding-top: 5px;
    font-weight: 700;
    /* font-family: black ops one; */
    border-radius: 1px;
    /* text-shadow: none; */
}

.regWodFooter{
    padding: 0;
}



.regWodHeader .wodName {
    float: left;
    font-size: 22px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    margin-top: 3px;
    /* text-shadow: 0 0 1px rgba(0,0,0,0.5); */
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}

.novExer .regWodHeader .wodName{
    font-size: 18px;
}

.regWodFooter .line, .regWodRound .line{
    border-top: 1px solid #aaa;
    float: left;
    left: 0;
    display: none;
    position: absolute;
    width: 100%;
}

.regWodHeader .line, .regWodRound .line{
    border-top: 1px solid #aaa;
    float: left;
    left: 0;

    position: absolute;
    width: 100%;
    display: none;
}

.regWodHeader.footerWOD{
    float: left;
    cursor: default;
}

.regWodHeader.footerWOD .line{
    float: left;
    margin: 0;
}

.wodNewRound{
    background-color: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    font-family: black ops one;
    font-size: 18px;
    margin-top:-15px;
    padding: 3px 7px 0 5px;
    position: absolute;
    right: 75px;
}

.wodNewRound:hover{
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #eee;
    color: #222;
}

.roundTipoWOD{
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    font-family: black ops one;
    font-size: 14px;
    margin-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    z-index: 1;
}

.regWodRound{
    float: left;
    margin-bottom: 5px;
    margin-left: 2.5%;
    margin-top: 5px;
    position: relative;
    width: 95%;
    text-align: center;
}

.regWodRound .ui-spinner{
    background-color: #fff;
    cursor: default;
}

.wodResult{
        background-color: #fff;
    float: left;
    font-family: black ops one;
    font-size: 18px;
    margin-top: 0;
}

.regWodHeader .wodResult:last-child{
    padding-left: 10px;
    padding-right: 5px;
}

.regRegWod{
        background-color: #fff;
    background-image: url("../Images/closeDialog.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    cursor: pointer;
    float: left;
    height: 24px;
    margin-right: 0;
    margin-left: 15px;
    position: relative;
    width: 24px;
    z-index: 1;
}



.dogTag{
        position: relative;
    width: 620px;
        float: left;
            min-height: 140px;
}



.dogTag .dogTagImage{
        height: 100px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 100px;
    border-radius: 1px;
}

.dogTag .dogTagImage .shadow {
    border: 1px solid #eee;
    border-radius: 35px / 85px;
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 1) inset, 0 1px 2px 0 rgba(0, 0, 0, 1) inset, 0 1px 2px 0 rgba(0, 0, 0, 1) inset;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
        display: none;
    width: 100%;
}
.dogTag .dogTagImage img{
       float: left;
    width: 100px;
    height: 100px;
    display: block;
}


.dogTag .content{
        float: left;
    margin-left: 110px;
    position: relative;
    text-align: left;
    padding-top: 10px;
    width: 495px;
    top: 0;
    padding-bottom: 10px;
}

.dogTag .name{
    float: left;
    font-size: 30px;
    width: 90%;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 24px;
    word-wrap: break-word;
    color: #222;
    letter-spacing: 0px;
    font-size: 17px;
}

.dogTag .desc{
    color: #444;
    float: left;
    font-size: 12px;
    text-shadow: #fff 1px 1px 0 ;
    padding-bottom: 5px;
    text-align: justify;
}


.searchResult .dogTag{
        margin: 0 7px 10px;
    width: 484px;
    float: left;
    border-radius: 2px;
    cursor: pointer;
    background: #fff;
    min-height: 143px;
    border: 1px solid #ddd;
}

.searchResult .dogTag .dogTagImage, .searchResult .dogTag .dogTagImage img {
    width: 125px;
    height: 125px;
    left: 10px;
}

.searchResult .dogTag .content{
        width: 330px;
    padding-right: 10px;
    margin-left: 145px !important;
}



.searchResult .dogTag .content .desc{
    font-size: 13px;
}

.searchResult .dogTag .content .worFoll{
        background-size: 13px auto;
    font-size: 13px;
    text-indent: 17px;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 5px;
}

.searchResult .dogTag .content .ENRUCREATOR span{
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
}

.searchResult .dogTag .content .ENRUCREATOR img{
    width: 20px;
    height: 20px;
}

.favWODmodal{
        float: left;
    margin-right: 52px;
    margin-top: 3px;
    margin-left: 10px;
    background-position: 5px 3px;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-indent: 20px;
    background-size: 15px;
}


.bloqueNovedad .dogTag{
    width: 543px;
    cursor: pointer;
        min-height: 80px;
}

.bloqueNovedad .dogTag .dogTagImage, .bloqueNovedad .dogTag .dogTagImage img {
        width: 75px;
    height: 75px;
}

.bloqueNovedad .dogTag .content{
        margin-left: 88px;
    width: 460px;
    padding-top: 0;
    padding-bottom: 0;
}

.bloqueNovedad .dogTag .content .name{
    font-size: 20px;
    margin-top: 5px;
}

.bloqueNovedad .dogTag .content .desc{
    font-size: 13px;
}

.bloqueNovedad .dogTag .content .worFoll{
    background-size: 13px auto;
    font-size: 13px;
    text-indent: 17px;
}

.bloqueNovedad .dogTag .content .ENRUCREATOR span{
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
}

.bloqueNovedad .dogTag .content .ENRUCREATOR img{
    width: 20px;
    height: 20px;
}

.enEjContent .dogTag{
    cursor: pointer;
    float: left;
    margin-top: 5px;
    margin-left: 7px;
    margin-right: 7px;
    background: #fafafa;
    padding-top: 10px;
    width: 300px;
    min-height: 40px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.enEjContent .dogTag .dogTagImage, .enEjContent .dogTag .dogTagImage img {
    height: 35px;
    left: 10px;
    top: 10px;
    border-radius: 3px;
    width: 35px;
}


.enEjContent .dogTag .content{
    margin-left: 55px;
    width: 236px;
    padding: 0;
    margin-bottom: 10px;
}

.enEjContent .dogTag .content .name{
    font-size: 14px;
    line-height: 17px;
    color: #333;
    font-weight: 700;
    margin-bottom: 3px;
}



.enEjContent .dogTag .content .worFoll{
        background-size: 12px auto;
    font-size: 11px;
    left: 0;
    top: auto;
    text-indent: 15px;
        margin-top: 5px;
}

.enEjContent .dogTag:hover{
    background-color: rgba(36,144,244, 0.8);
    color: #fff;
}

.enEjContent .dogTag:hover .name{
    color: #fff;
}

.enEjContent .dogTag .content .ENRUCREATOR span{
    font-size: 11px;
    line-height: 18px;
    margin-left: 5px;
}

.enEjContent .dogTag .content .ENRUCREATOR img{
    height: 18px;
    width: 18px;
}

.mainHelp{
        border-radius: 2px;
    display: inline-block;
    margin-left: 2px;
    margin-top: 10px;
    position: relative;
    width: 631px;
    text-align: center;
}

.homeWelcome{
        color: #333;
    float: left;
    font-family: ImpactURW, Impact;
    font-size: 27px;
    background: #fff;
    text-align: center;
    padding: 3px 10px;
    text-shadow: 1px 1px 0 #fff;
    letter-spacing: 2px;
    margin-top: 5px;
    width: auto;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.infoHelp{
       color: #444;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 5px;
    text-shadow: 1px 1px 0 #fff;
    width: auto;
    background-color: #fff;
    padding: 10px;
    /* width: 600px; */
    border: 1px solid #ddd;
    border-radius: 2px;
}



.helpItem{
    background-image: url("../Images/play.svg");
    background-position: 6px 14px;
    background-repeat: no-repeat;
    background-size: 19px auto;
    border: 1px solid #ddd;
    color: #222;
    /* float: left; */
    /* font-family: black ops one; */
    font-size: 14px;
    margin-left: -1px;
    padding: 10px 10px 5px 30px;
    text-align: left;
    text-decoration: none;
    font-weight: 700;
    line-height: 18px;
    /* margin-top: 5px; */
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 12px;
    width: 590px;
    cursor: pointer;
}

.helpItem.record{
        background-image: url("../Images/recordBlack.svg");
    width: 580px;
    padding-left: 42px;
    background-size: 24px;
    background-position: 9px;
}

#bloqueMismoBox{
    background: #FFF;
    border-radius: 2px;
    float: left;
    
}

#bloqueMismoBox .descBloqueHelp{
        background-image: url("../Images/peopleBlack.svg");
    background-position: 8px 15px;
    background-size: 16px auto;
    border: medium none;
    box-shadow: none;
    /* float: left; */
    width: auto;
    padding-bottom: 3px;
}

.bloqueHelp .helpItem{
    border: 0 none;
    box-shadow: none;
    float: left;
    padding-left: 50px;
    text-indent: 0;
    width: 573px;
}

.searchItem, .wodItem, .exerciseItem {
        background-position: 8px 14px;
    background-size: 14px auto;
    float: left;
    border: 1px solid #ddd;
    background-color: #fff;
    padding-bottom: 10px;
    border-radius: 2px;
    margin-bottom: 10px;
    padding-top: 12px;
}

.searchItem, .wodItem{
    background-position: 8px 13px;
}

.searchItem{
    background-image: url("../Images/searchBox.png");
}


.wodItem{
    background-image: url("../Images/kettlebellBlack.svg");
}

.exerciseItem{
    background-image: url("../Images/exercise.svg");
}

.userMismoBox {
    float: left;
    padding: 5px 10px;
    /* border-top: 1px solid #ddd; */
    width: 261px;
    position: relative;
}

.listaUsers {
    float: left;
    padding: 0;
    width: 631px;
    max-height: 296px;
}

.userMismoBox .linkUser {
        cursor: pointer;
    float: left;
    cursor: pointer;
    float: left;
    width: 165px;
    position: relative;
    min-height: 29px;
    padding-right: 10px;
    border: 0 !important;
}

.userMismoBox span{
    color: #084B8A;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-left: 32px;
    margin-top: 4px;
    text-align: left;
}

.linkUser:hover span{
    color: #000;
}

.userMismoBox img{
        border-radius: 50%;
    box-shadow: 0 1px;
    left: 0px;
    float: left;
    position: absolute;
    height: 35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.yesFollow, .noFollow{
        background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    cursor: pointer;
    margin-left: 6px;
    float: left;
    height: 18px;
    margin-right: 6px;
    margin-top: 16px;
    width: 18px;
}

.yesFollow{
        background-image: url("../Images/follow.png");
    border: 1px solid #666;
    border-radius: 4px;
    width: 38px;
    height: 28px;
    background-size: 20px;
    margin-top: 10px;
    margin-left: 0;
}

.noFollow{
    background-image: url("../Images/remove.svg");
    margin-right: 0;
    background-size: 18px auto;
}

.followAll{
    background-image: url("../Images/yes.svg");
    background-position: left 2px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: #444;
    float: right;
    font-family: black ops one;
    font-size: 15px;
    margin-right: 10px;
    text-indent: 21px;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 10px;
}

.followAll:hover{
    background-image: url("../Images/yesBlack.svg");
    color:#000;
}

.udChangeHelp, .udWomanHelp{
    color: #2490f4;
    cursor: default;
    float: left;
    font-weight: 700;
    left: 0;
    margin-left: -34px;
    margin-right: 6px;
    position: absolute;
}

.udWomanHelp{
    font-weight: 700;
    margin-left: -8px;
}

#cmbPrivEjer, #cmbPrivEjer select{
    width: 150px;
}

.bloqueError, .bloqueError:focus, .bloqueError:hover{
    border: 1px solid red !important;
    box-shadow: 0 0 3px 1px red;
}

.ejPR{
    cursor: pointer;
    display: list-item;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    padding-left: 21px;
    position: relative;
    margin-bottom: 5px;
}

.ejPR img{
    border: 1px solid #aaa;
    border-radius: 50%;
    float: left;
    left: 0;
    position: absolute;
    width: 19px;
}

.ejPR span{
    color: #000;
    float: left;
    font-family: black ops one;
    font-size: 13px;
    margin-left: 8px;
    margin-top: 3px;
}

.ejPR .valuePR{
    color: green;
    float: left;
}

.friendRates{
    float: left;
    margin: 10px 13px 5px;
}


.wodPR {
    cursor: pointer;
    float: left;
    margin-bottom: 1px;
    overflow: hidden;
    position: relative;
    margin-right: 12px;
}

.wodPR img {
    border-radius: 50%;
    float: left;
    display: none;
    float: left;
    width: 28px;
    height: 28px;
}

.wodPR span {
    color: #000;
    float: left;
    font-size: 13px;
    font-weight: 600;
}
.wodPR .valuePR {
    color: #2BB12B;
    float: left;
    display: block;
    margin-left: 5px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}

.wodPRs{
        float: left;
    margin: 15px 10px;
    text-align: left;
}

.forTimeRounds{
    font-family: black ops one;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}

.moreRound{
    background-image: url("../Images/addBlack.svg");
    background-size: 12px auto !important;
    margin-left: -22px;
}

.lessRound{
    background-image: url("../Images/deleteBlack.svg");
}
.moreRound, .lessRound{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    cursor: pointer;
    height: 18px;
    margin-top: 2px;
    opacity: 0.7;
    padding: 3px;
    position: absolute;
    width: 18px;
}

.moreRound:hover, .lessRound:hover{
    opacity: 1;
}

.twodRounds{
    background-color: #fff;
    border: medium none !important;
    box-shadow: none !important;
    color: #000;
    font-family: black ops one !important;
    margin-right: 0 !important;
    width: 37px;
}

.regWodRound{

}

.rateResult{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    text-shadow: 0 0 2px #000000, 0 1px 2px #000000, 0 1px 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
}

.isPrivWod{
    border-radius: 5px;
    float: left;
    margin-top: 5px;
    width: 130px;
}

.isPrivWod select{
    color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 29px;

    padding-left: 5px;
    width: 130px;
}

#imgCropWorkspace{
    float: left;
    height: 398px;
    width: 450px;
}

.top100Modal{
    top: 100px !important; 
    border: 1px solid #bbbbbb;
    border-radius: 10px;
    box-shadow: 0 1px 2px #666666;
    position: fixed;
}



#chartEjerEvo {
    color: #ffffff;
}

.chartActivityEvo {
    height: 200px;
    width: 500px;
}

.graphText{
    font-family: black ops one;
}

#sinChartEjer{
    color: #FFFFFF;
    display: none;
    font-family: "Covered By Your Grace";
    font-size: 30px;
    margin-top: 66px;
    position: absolute;
    text-align: center;
}

.recordDate {
        color: #888;
    cursor: default;
    display: inline-block;
    letter-spacing: 1px;
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 9px;
    font-weight: 600;
}

.clicEjerHelp{
    background-image: url("../Images/infoBlue.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: #333;
    display: inline-block;
    font-size: 15px;
    margin-top: 30px;
    text-indent: 23px;
    margin-bottom: 20px;
}

.worScroll .clicEjerHelp{
    margin-top: 10px;
}

.forceLessPos{
    display:inline-block;
}

.noDogTag{
    margin-left: 30px !important; 
    width: auto !important;
}

.userSinPublis{
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 560px;
    color: #555;
    border: 1px solid #ddd;
    text-shadow: 0 0 1px #fff;
    padding: 20px 35px;
    background-position: left center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 132px;
    background-size: 75px !important;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 10px;
    background-image: url(../Images/kettlebell.svg);
    background-position: center 67px;
    
}


#chartEjerDesc {
    display: inline-block;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    text-align: center;
}

.generalAutocompleteResult{
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
    padding: 5px;
    cursor: pointer;
    width: 175px;
    border-right: 1px solid #ccc;
}
/*
.generalAutocompleteResult.users{
    margin-left: 13px;
    min-height: 30px;
    padding-left: 33px;
    width: 145px;
}*/

.generalAutocompleteResult img{
    border-radius: 50%;
    display: block;
    float: left;
    width: 30px;
}

.generalAutocompleteResult.users img{
    position: absolute;
        left: 0;
    margin-left: 20px;
}
.generalAutocompleteResult.registered{
    padding-left: 39px;
    width: 202px;
        min-height: 30px;

}

.generalAutocompleteResult.registered img{
        margin-left: 10px;
        box-shadow: 0 0 1px #555;
            position: absolute;
                left: 0;
}

.generalAutocompleteResult.registered span{
    margin-top: 5px;
    margin-left: 7px;
    font-size: 14px;
}

.generalAutocompleteResult span{
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 6px;
    width: auto;
    color: #444;
}

.generalAutocompleteResult:hover{
    opacity: 1;
}


.ui-helper-hidden-accessible { display:none; }

.repeatRound{
    background-image: url("../Images/repeat.svg");
    background-repeat: no-repeat;
    background-size: 16px auto;
    display: inline-block;
    font-family: black ops one;
    font-size: 14px;    
    position: relative;
    text-indent: 19px;
    cursor: pointer;

}

.forTimeRounds .lessRound{
    background-size: 18px auto;
    margin-left: -3px;
    margin-top: 3px;
}

.forTimeRounds  .repeatRound{
    background-position: center center;
    background-size: 19px auto;
    float: left;
    height: 30px;
    margin-right: -3px;
    margin-top: 0px;
    opacity: 0.7;
    width: 20px;
}

.forTimeRounds  .repeatRound:hover{
    opacity: 1;
}

.repsof{
    display: inline-block;
    margin-left: 18px;
    margin-top: 6px;
}

.forTimeRounds span{
    display: inline-block;
}

.rSeparator {
    margin-top: 5px;
}

.lastInputR{
    display: inline-block;
}

.forTimeRounds .tipoWodInput{
    margin-bottom: 5px;
}

.bloqueChart{
    border-bottom: 1px solid #ccc;
}

.bloqueChart .chartContent{
    float: left;
    width: 100%;
    height: 250px;
}

.randomChartTitleContainer{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    height: 52px;
    margin-bottom: -19px;
    margin-left: 49px;
    position: relative;
    width: 561px;
}

.randomChartEjerPic{
    float: left;
    width: 125px;
    cursor: pointer;
}

.randomChartUserPic{
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    width: 40px;
    cursor: pointer;
}

.randomChartTitle{
    display: table-cell;
    font-family: black ops one;
    font-size: 15px;
    height: 51px;
    margin-left: 10px;
    vertical-align: middle;
    width: 378px;
    cursor: default;
}

.randomChartTitle .marcaNombre{
    color: #2490f4;
    cursor: pointer;
}


.addRest{
        float: left;
    /* margin-left: 30px; */
    margin-top: 10px;
    width: auto !important;
    background: rgba(36,144,244, 0.7) !important;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border: 1px solid rgba(36,144,244, 0.6) !important;
    border-radius: 1px;
    font-size: 13px;
    margin-left: 14px;
    cursor: pointer;
    padding: 5px 9px;
}

.lastUpdateWOD{
        float: left;
    font-size: 12px;
    left: 116px;
    color: #555;
    letter-spacing: 1px;
}

.notCon .colorComun2{
    cursor: pointer;
}

.pubCom {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
      margin-left: 10px;
      margin-right: 10px;
          width: 631px;
}

.pubCom a {
        display: inline-block;
     float: left; 
    cursor: pointer;
}

.pubCom img {
    border-radius: 50%;
    float: left;
    width: 35px;
}

.pubComName {
        float: left;
    font-size: 14px;
    margin-left: 10px;
    color: #084B8A;
    font-weight: 600;
    margin-top: 7px;
}

.pubCom .desc {
    float: left;
    font-size: 17px;
    text-align: left;
    margin-top: 15px;
    width: 100%;
}

.comContent .userName{
    color: #FFF !important;
}

.comentarNovedad ul li .comContent{
    min-height: 21px;
    max-width: 460px;
}


#rutmodContentScroll{
    overflow: hidden;
}


.noClose .ui-dialog-titlebar a{
    display: none;    
}

#sessionWorkout .comContent{
    max-width: 620px;
}

.dialogLoading{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 2;
}

.dialogLoading img{
    left: 50%;
    margin-left: -20px;
    margin-top: 44px;
    position: absolute;
    top: 30%;
    width: 30px;
}

.dialogLoading span{
    color: #555;
    float: left;
    font-size: 25px;
    font-weight: 300;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30%;
}

#sessionWorkoutContent .dogTag{
    margin-top: 10px;
    cursor: pointer;
}

.setBlock{
    display: inline-block;
}

.andThen{
      background-image: url(../Images/then.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 13px auto;
  cursor: pointer;
  display: inline-block;
  font-family: black ops one;
  font-size: 16px;
  position: relative;
  text-indent: 17px;
  /* font-weight: 700; */
  color: #1B91FF;
  margin-top: 8px;
  padding-right: 20px
}

.andThen.selected{
    background-image: url(../Images/thenBlack.svg);
    color: #000;
    cursor: default;
}

.ejerConfig{
      float: left;
  width: 673px;
  margin-top: 20px;
  padding-left: 10px;
    position: relative;
}

.ejerConfigPic{
    float: left;
  width: 186px;
  border-radius: 2px;
  height: 77px;
}

.ejerConfigContent{
   float: left;
    margin-left: 10px;
    width: 652px;
    margin-bottom: -20px;
}

.ejerConfigName{
      float: left;
  font-size: 16px;
  margin-right: 20px;
      max-width: 400px;
}

.ejerConfigAddSet{
     display: block;
  float: left;
  font-size: 14px;
  color: #1B91FF;
  font-weight: 600;
  background-size: 22px;
  text-indent: 23px;
  margin-top: -1px;
  cursor: pointer;
}

.ejerConfigDyn{
    float: left;
      margin-top: 8px;
}

.ejerConfigDyn input[type="text"], .ejerConfigDyn input[type="number"]{
      float: left;
  width: 70px;
  box-shadow: none;
  padding-right: 5px;
}

/*.spinDistancia, .spinPeso, .spinPesoH, .spinPesoM{
    width: 50px !important;
}*/

.spinPeso, .spinPesoH, .spinPesoM{
    width: 50px !important;
}

.spinSeparator{
      float: left;
  font-weight: 700;
  color: #555;
  font-size: 21px;
  height: 42px;
}

.tipoRondaForTime{
           display: inline-block;
    width: 100%;
    font-family: black ops one;
    text-align: left;
    font-size: 15px;
    text-indent: 15px;
    margin-top: 10px;
}

.rateValue {
    color: #FFF;
    display: inline-block;
    /* margin-top: 5px; */
    font-size: 14px;
    /* font-family: black ops one; */
    font-weight: 700;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 2px;
    margin-bottom: 5px;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
    background-color: rgba(0,0,0,0.5);
    /* box-shadow: 0 0 2px #000; */
    margin-right: 5px;
    position: relative;
    letter-spacing: 1px;
}

span.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.ejerConfigDyn .ui-spinner{
    float: left;
}

.sueltoSeries{
    display: inline-block;
}

.sueltoSeries .tipoRondaForTime{
      width: auto;
  margin-left: 10px;
  margin-right: 10px;
}

.selectedRate{
      border-color: #2E9AFE !important;
  box-shadow: 0 0 2px #2E9AFE, 0 0 2px #2E9AFE, 0 0 6px #2E9AFE, 0 0 6px #2E9AFE !important;
}

.regWodFooter .spinUd {
    font-size: 14px;
  position: absolute;
  right: 0px;
  top: 1px;
  opacity: 0.9;
}

.regWodFooter .spinRondas {
    padding-right: 10px;   
}

#conRuEjsCont{
    border-radius: 2px;
    float: left;
    margin-top: 8px;
    min-height: 90px;
    padding-bottom: 2px;
    padding-left: 1px;
    overflow: hidden;
    margin-left: 15px;
    padding-top: 1px;
    position: relative;
    text-align: left;
    width: 636px;
}

#fullHistofoto .comContent{
      max-width: 195px;
}

.sentApp{
    float: right;
  width: 24px;
  margin-right: 0px;
  margin-top: 1px;
}

.checkRX{
      float: left;
    background-color: #FFF;
    margin-top: 0;
    position: relative;
    margin-left: 0;
    cursor: pointer;
    margin-right: 7px;
}

.checkRX input{
       float: left;
    margin-top: 6px;
    cursor: pointer;
    margin-right: 6px;
}

.checkRX span{
        color: red;
  float: left;
  font-size: 21px;
  font-family: black ops one;
  position: relative;
  cursor: pointer;
}


.bloqueNovedad .checkRX span{
    font-size: 18px;
}

.wodSeparator{
    width: 90%;
  border-bottom: 1px solid #1B91FF;
  display: inline-block;
  margin-top: 10px;
  box-shadow: 0px 0px 5px 1px #1B91FF;
  height: 0px;
  margin-bottom: 10px;
}


.splitWOD{
    float: right;
  background-image: url(../Images/split.png);
  color: #1B91FF;
  background-color: #FFF;
  background-position: 7px 2px;
  background-repeat: no-repeat;
  background-size: 24px;
  height: 30px;
  font-family: black ops one;
  font-size: 18px;
  text-indent: 33px;
  cursor: pointer;
  line-height: 31px;
  position: relative;
  margin-right: 10px;
  padding-right: 5px;
}



.ejerEnBloque{
    display: inline-block;
    width: 205px;
}

.noDogTag .name{
    width: auto;
}

.descargaAPP{
     font-size: 17px;
  float: left;
  color: #1B91FF;
  /* margin-top: 20px; */
  text-indent: 35px;
  width: 100%;
  font-weight: 600;
  text-align: left;
  background-color: rgba(255,255,255,0.7);
}

.descargaAndroid, .descargaIOS{
      float: left;
  width: 50px;
  height: 50px;
  background-size: 100%;
  cursor: pointer;
  border-radius: 10px;
  margin-right: 15px;
  margin-top: 10px;
    margin-bottom: 10px;
  box-shadow: 0 0 2px #333;
}

.descargaAndroid{
      background-image: url(../Images/appAndroid.png);
  box-shadow: 0 0 2px #333;
  border-radius: 9px;
}

.descargaIOS{
      background-image: url(../Images/appIOS.png);
  margin-left: 45px;
}

.iniciaRutSes{
    display: inline-block;
    padding-bottom: 10px;
    font-size: 15px;
    padding: 10px 15px;
    text-align: left;
    font-weight: 400;
    background-color: rgba(46,154,254, 0.85);
    color: #fff;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 1px solid rgba(46,154,254, 1);
}

.botonIniciaSes{
        display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-weight: 300;
    margin-left: 10px;
}


.comparteopenWodT .iniciaRutSes{
    font-size: 14px;
        max-width: 700px;
}

.comparteopenWodT .botonIniciaSes, #conDef .botonIniciaSes{
        font-size: 16px;
    float: left;
    margin-left: 2px;
}

.comparteopenWodT .clicEjerHelp span{
    font-size: 14px;   
}


.comparteopenWodT .regWodFooter .line {
    margin-bottom: 8px !important;
}





.openwodHeader {
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    margin-top: 10px;
}


.iniciaRutSes .descargaAndroid, .iniciaRutSes .descargaIOS{
    float: none;
    float: left;
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 0;
    margin-top: 15px;
}

#sessionWorkoutContent{
        width: 631px;
    /* margin-left: 25px; */
    /* margin-right: 30px; */
    float: left;
}


#fPublisherDesc a{
    text-decoration: none;
}

#fPublisherDesc a:hover{
    text-decoration: underline;
}

.wodNameRFT {
    z-index: auto !important;
        margin-bottom: 10px;
}

.wodNameRFT .ui-spinner{
        margin-top: -12px;
    margin-right: 5px;
}

.wodNameRFT .ui-spinner-button{
        top: 11px;
    left: 4px;
}

.wodNameRFT input{
        padding-right: 10px;
        width: 35px !important;
}


.wodAbsEjers{
        position: absolute;
    left: 0;
    top: 0;
            width: 110%;
}

.wodAbsEjers img {
    float: left;
    width: 50%;
        box-shadow: 0 0 0px 1px #FFF;
            border-radius: 0;
}

.wodEjersRates{
        position: relative;
    float: left;
    padding: 10px;
    min-width: 609px;
    overflow: hidden;
    text-align: center;
    /* border-radius: 5px; */
    overflow: hidden;
    margin-left: 2px;
}

.absAppPubliContent .wodEjersRates{
    min-width: 600px;
}

.wodRX {
        color: red;
}

.bloqueWOD{
        float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left;
        width: 631px;
        cursor: pointer;
}

#sessionWorkoutContent .pubCom {
    float: left;
    margin-top: 20px;
    margin-left: 0;
}

.rateFT{
        position: relative;
    color: #FFF;
    /*background-color: rgba(0,0,0,0.7);*/
    text-shadow: 0 0 2px #000;
    font-weight: 700;
    font-size: 12px;
    padding: 3px 5px;
    display: inline-block;
    margin-top: 3px;
    margin-right: 3px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-left: 3px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.PRHideLink {
    display: inline !important;
    color: #2490f4;
    font-size: 13px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-top: 5px;
    font-weight: 400;
    cursor: pointer;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.PRHide a{
    display: none;
    float: none;
}



.searchResult {
        display: inline-block;
    width: 50%;
    position: relative;
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
}
.searchResult.owHDer {
    border: 0;
    background: none;
}

.owHDer .searchWODPic {
    position: absolute;
    left: 25px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-top: 3px;
}

.searchWODPic {
    border-radius: 4px !important;
}

.searchResultContent {
        float: left;
    padding-left: 65px;
    text-align: left;
    padding-right: 10px;
    padding-bottom: 5px;
    /* min-width: 100%; */
    padding-top: 0px;
    min-height: 85px;
}

.searchResultContent .mainName {
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
    word-wrap: break-word;
    margin-top: 5px;
}

.searchResultContent .searchDesc {
    float: left;
    font-weight: 300;
    width: 465px;
    font-size: 12px;
}

.regWodHeader .wodResult {
    float: right;
    margin-right: 10px;
    font-size: 19px;
    color: #0B3861;
    margin-top: 3px;
}


.emomRounds{
        float: right;
    font-family: black ops one;
    font-size: 19px;
    margin-right: 10px;
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
    color: #0B3861;
}

.emomFirst{
        margin-top: -24px;
}

.historyRecord{
    color: #BCA000 !important;
}
.fuerzaRecords {
        float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.fuerzaRecords span {
        background-image: url("../Images/recordsWhite.svg");
    background-repeat: no-repeat;
    font-size: 13px;
    background-color: rgba(205, 174, 0, 1);
    background-size: 20px;
    padding: 5px 10px;
    display: inline-block;
    background-position: 4px;
    border-radius: 2px;
    padding-left: 30px;
    color: #FFF;
    font-weight: 600;
    margin-left: 5px;
    text-transform: uppercase;
    /* float: left; */
    letter-spacing: 1px;
    border: 1px solid #CDAE00;
    margin-top: 5px;
    cursor: pointer;
}

.tlRecord {
    background-image: url("../Images/recordsGold.svg");
    font-size: 16px;
    float: left;
    width: 36px;
    height: 30px;
    background-size: 26px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center 2px;
}

#selectedContent .regWodHeader, #conRuEjsCont .regWodHeader{
    margin-top: 25px;
}

#selectedContent .regWodFooter, #conRuEjsCont .regWodFooter{
    margin-top: 25px;
        margin-bottom: 15px;
}

#selectedContent .checkRX, #conRuEjsCont .checkRX{
        margin-left: 20px;
    margin-top: 1px;
}

.comparteopenWodT .bloqueWOD{
    margin-bottom: 25px;
}

.comparteopenWodT .openwodHeader{
        float: left;
    margin-top: 0;
    width: 611px;
    border-radius: 2px;
    text-align: left;
    margin-left: 0;
    padding: 10px;
}

.comparteopenWodT #fPublisherPic{

}

.sliderDemoContainer{
    display: inline-block;
    width: 400px;
}

.absAppPubli{
        float: left;
    width: 300px;
    margin-right: 24px;
        margin-top: 30px;
}

.absAppPubliContent{
        float: left;
    width: 631px;
    margin-top: 30px;
    border-radius: 2px;
    background-color: #FFF;
    border: 1px solid #ddd;
    padding-bottom: 25px;
        margin-bottom: 30px;
}

.bloqDwApp{
        float: left;
    margin-top: -10px;
        margin-bottom: 5px;
}

.bloqDwApp .descargaIOS{
        margin-left: 10px;
    margin-right: 15px;
}

.rateSets {
    color: #fff;
    font-size: 14px;
    left: 0;
    position: relative;
    text-align: center;
    padding: 2px 5px;
    display: inline-block;
    box-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000;
    font-family: black ops one;
    margin-bottom: -4px;
    margin-top: 3px;
    background-color: rgba(0,0,0,0.5);
}

#sessionWorkout .textLess{
    display: none !important;
}

#sessionWorkout .textMore{
    display: inline !important;
}

#sessionWorkout .textMore a{
    display: none !important;
}

.absAppPubliContent .comContent{
        max-width: 470px;
}



  

#fullRoutineInfo .wodPRs{
        margin-left: 0;
    margin-right: 0px;
}

#fullRoutineInfo .chartActivityEvoCon{
    margin-left: 0px;
    margin-right: 0px;
}

.wodInfo{
        float: left;
    font-size: 13px;
    font-weight: 300;
    margin-top: -4px;
    margin-bottom: 5px;
    text-align: left;
    margin-left: 10px;
        background: #FFF;
        font-family: Open Sans;
}

.chartContainer{
    padding: 10px;
    padding-bottom: 5px;
}


.titleOpenChart {
        float: left;
    width: 100%;
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    padding-right: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.chartActivityEvoCon{
        display: none;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 500px;
    /* margin-bottom: 15px; */
}


.tipoRM{
        float: left;
    width: 100%;
}

#tipoRM a{
    float: left;
    width: 20%;
    font-size: 13px;
    padding: 6px 0;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    text-align: center;
    margin-top: 5px;
    font-weight: 700;
    width: 60px;
    margin-left: 13px;
    margin-right: 13px;
    cursor: pointer;
}

#tipoRM a.disabled{
    opacity: 0.5;
}

#tipoRM a.selected{
    border-radius: 2px;
    color: #fff;
    background: #2490F4;
}

.RMisRX {
    position: absolute;
    width: 16px;
    margin-left: -9px;
    margin-top: 9px;
}

.openwodPrivado{
    float: left;
    background-color: rgba(46,154,254, 0.85);
    margin-top: 20px;
    width: 550px;
    margin-left: 20px;
    border-radius: 3px;
    border: 1px solid #2E9AFE;
    color: #FFF;
    padding: 15px 20px;
    
}

.openwodPrivadoTitle{
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.openwodPrivadoDesc{
    float: left;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
}

.doLike{
    float: left;
    background-image: url(../Images/fistGray.svg);
    min-width: 44px;
    height: 20px;
    background-repeat: no-repeat;
    left: 21px;
    background-size: 44px;
    background-position: top;
    font-weight: 700;
    color: #555;
    padding-top: 39px;
    font-size: 12px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.doLike.liked, #likeOpenWOD.liked{
    background-image: url(../Images/fist.svg);   
    color: #ff5c00;
}


.tlEditWOD{
    float: right;
    background-image: url(../Images/editGrid.svg);
    height: 6px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: TOP;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #222;
    font-size: 10px;
    letter-spacing: 1px;
    opacity: 0.8;
    cursor: pointer;
    padding-top: 24px;
}

.tlPinWOD{
    float: right;
    background-image: url(../Images/pin2.svg);
    height: 6px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: TOP;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #222;
    font-size: 10px;
    letter-spacing: 1px;
    opacity: 0.8;
    cursor: pointer;
    min-width: 38px;
    padding-top: 24px;
}


.likeFullWorkout{
        position: absolute;
    right: 30px;
    text-indent: 36px;
    width: 32px;
    left: auto;
    top: 20px;
    height: 32px;
}

#chartEjerUd{
        float: right;
    width: 100%;
    margin-right: 15px;
    font-weight: 600;
    font-size: 13px;
    text-align: right;
    margin-top: 5px;
}

.botonAzul.opDelete{
    text-indent: 0;
    background-image: none;
}

.OpenWODBoxName{
       float: left;
    font-weight: 600;
    margin-top: 15px;
    padding-left: 0px;
    background-image: url(../../Images/locate.svg);
    background-size: 26px;
    background-repeat: no-repeat;
    color: #555;
    text-indent: 26px;
    margin-left: 20px;
    line-height: 26px;
    margin-right: 10px;
    font-size: 14px;
}


#sessionWorkout .OpenWODBoxName{
    margin-left: 0;
        margin-top: 10px;
            margin-bottom: 5px;
}

.cabeceraActivityTL {
    float: left;
    position: relative;
    padding-bottom: 5px;
    width: 610px;
    padding-left: 10px;
    min-height: 45px;
}

.cabeceraActivityTLNameCon {
        float: left;
    /* width: 100%; */
    padding-left: 53px;
    padding-top: 10px;
    position: relative;
    font-size: 13px;
    padding-right: 10px;
    max-width: 68%;
    cursor: pointer;
}

.cabeceraActivityTLpic {
       float: left;
    position: absolute;
    top: 9px;
    bottom: 0;
    left: 10px;
    /* height: 56px; */
    margin: auto;
    cursor: pointer;
}

.cabeceraActivityTLpic img {
        border-radius: 50%;
    float: left;
    height: 35px;
    width: 35px;
    cursor: pointer;
}

.cabeceraActivityTLName {
     float: left;
    font-size: 14px;
    line-height: 14px;
    padding-top: 9px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

.cabeceraActivityTLBox {
        font-weight: 400;
    float: left;
    font-size: 13px;
    line-height: 15px;
    color: #2490f4;
    margin-top: 2px;
}

.cabeceraActivityTLWODRight {
    float: right;
    padding-top: 10px;
    margin-right: 10px;
}

.cabeceraActivityTLWODTitle {
        float: right;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 15px;
    color: #444;
    text-transform: uppercase;
}

.regDateTL {
    float: right;
    color: #888;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 11px;
}

.novRates .bloqueWOD:first-child .regWodHeader, .absAppPubliContent .bloqueWOD:first-child .regWodHeader, .contentFWout  .bloqueWOD:first-child .regWodHeader{
    display: none;
}

.ejControl.ejControlMin {
    width: 160px;
    overflow: hidden;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 0 0px 1px #FFF;
    margin-bottom: 1px;
        margin-left: 1px;
            border-radius: 1px;
}
.ejControl {
    background-color: #666;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: cover;
    border-radius: 2px;
    float: left;
    margin-right: 1px;
    margin-top: 1px;
    min-height: 108.33px;
    position: relative;
    text-align: center;
    width: 260px;
    background-position: center;
}

.owHDer .searchResultContent .mainName {
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    letter-spacing: 1px;
    word-wrap: break-word;
    line-height: 16px;
    margin-top: 4px;
}

.owHDer .searchDesc {
    display: none;
}

.newPie {
        float: left;
    /* padding-left: 10px; */
    margin-top: 8px;
    border-top: 1px solid #eee;
    margin-left: 25px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 581px;
}

.searchResult.owHDer .searchResultContent {
    min-height: 40px;
    padding-left: 70px;
}

.comGen {
        float: left;
    width: 571px;
    margin-left: 25px;
    text-align: left;
    font-size: 14px;
    margin-top: 8px;
    word-break: break-word;
}


.comGenName {
    color: #2490f4;
    font-weight: 600;
    cursor: pointer;
    padding-right: 5px;
}

.hotNovedades .fuerzaRecords{
    display: none;
}

.enlaceMainHome{
        float: left;
    background: rgba(36,144,244, 0.8);
    border: 1px solid #2490F4;
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
    padding: 2px 10px;
    padding-left: 31px;
    line-height: 28px;
    margin-bottom: 5px;
    min-height: 28px;
    border-radius: 1px;
    min-width: 110px;
    font-size: 13px;
    cursor: pointer;
}

.enlaceMainHome:hover{
    background: rgba(36,144,244, 1);
}

.enlaceMainHome img{
        float: left;
    width: 16px;
    margin-right: 7px;
    position: absolute;
    left: 8px;
    margin-top: 6px;
}


.enlaceMainHome.perfil img{
        
    width: 28px;
    margin-right: 10px;
    margin-top: 3px;
    border-radius: 50%;
}

.tlGraph {
        float: left;
    background-image: url("../Images/chart.svg");
    width: 36px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 4px 5px;
    color: #CCC;
    font-weight: 700;
    font-family: black ops one;
    font-size: 11px;
    margin-left: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.tlBin{
    float: right;
    background-image: url(../Images/bin.svg);
    width: 51px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: top;
    color: #555;
    font-weight: 700;
    font-size: 10PX;
    margin-left: 5px;
    padding-top: 24px;
    margin-right: 5px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tlComments {
    float: left;
    background-image: url("../Images/comments.svg");
    width: 36px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center 2px;
    text-indent: 23px;
    color: #CCC;
    font-weight: 700;
    font-family: black ops one;
    font-size: 11px;
    cursor: pointer;
    margin-right: 10px;
}

.tlRegWOD{
    float: right;
    background-image: url(../Images/record.svg);
    height: 6px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center -1px;
    color: #222;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase;
    margin-right: 10px;
    font-size: 10px;
    letter-spacing: 1px;
    opacity: 0.8;
    cursor: pointer;
    padding-top: 24px;
}

.castTL{
    float: right;
    background-image: url(../Images/castBlue.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center -2px;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
    color: #555;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    width: 50px;
    padding-top: 24px;
}

.favTL{
    float: right;
    background-image: url(../Images/addfavGray.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center -2px;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
    color: #555;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    padding-top: 24px;
}

.favTL.faved{
    background-image: url(../Images/addfav.svg);
}

.openTL{
    float: right;
    background-image: url(../Images/newwin.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center 0px;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
    color: #555;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    width: 50px;
    padding-top: 24px;
}

#sessionWorkoutContent .bloqueWOD{
    cursor: inherit;
}

#sessionWorkoutContent .bloqueWOD:first-child{
    margin-top: 0px;
}

.namesRecordSMW {
    font-size: 13px;
    display: none;
    text-align: left;
}

.PRHide .namesRecordSMW {
    display: inline;
}

.namesRecordSMWName {
    font-weight: 600;
}

#sessionWorkoutContent .comGen{
    margin-left: 0;
        width: 640px;
}

.bloqueNovedad .comGen{
    margin-top: 15px;
}

.headerResult .worInfo{
        height: 142px;
    width: 305px;
        overflow: hidden;
}

.headerResult .worName, .headerResult .fUserFrom{
    margin-right: 173px;
}



.bloqueNovedad .comGen{
    margin-bottom: 5px;
}

.exerciseContent .chartActivityEvo{
    width: 440px !important;
}

.novedadContenido .searchResult{
        display: inline-block;
    width: 581px;
    position: relative;
    padding-top: 15px;
    border-bottom: none;
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 105px;
    padding-right: 25px;
    cursor: pointer;
}

.novedadContenido .searchWODPic{
    position: absolute;
        width: 100px;
    height: 100px;
    left: 25px;
}

.novedadContenido .searchResultContent{
        padding-left: 115px;
}

.regTipoWODs a{
        float: left;
    width: 250px;
    margin-bottom: 20px;
    font-size: 13px;
    margin-left: 35px;
    cursor: pointer;
}

.titTWRWod{
        float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #2490f4;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.titTWRWodDesc{
        float: left;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #555;
}


.lettersLeft{
  left:0;
}
.lettersRight{
  right: 10px;
}
.lettersLeft a.active span, .lettersRight a.active span {
    background-color: #2490f4;
    color: #FFF;
}
.lettersLeft, .lettersRight{
      position: absolute;
    width: 42px;
    top: 70px;

} 

#seleccionadorEjers.iOS .lettersLeft, #seleccionadorEjers.iOS .lettersRight{
    top: 72px;
}


.lettersLeft a, .lettersRight a{
        width: 36px;
    float: left;
    height: 36px;
    line-height: 36px;
    margin-top: 11px;
    position: relative;
    cursor: pointer;
}

.lettersLeft a:hover span, .lettersRight a:hover span{
    background-color: rgba(0,0,0, 0.1) !important;
    border: 1px solid #aaa;
    margin-top: -1px;
    margin-left: 9px;
    color: #333;
}

.lettersRight a:hover span{
    margin-left: -1px;
}

.lettersLeft a span, .lettersRight a span{
        float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    border-radius: 50%;
    color: #555;
    font-weight: 700;
    height: 100%;
}

.lettersLeft a span {
    margin-left: 10px;
}

.lettersRight a span {
    margin-right: 10px;
}

.lettersLeft a.active span, .lettersRight a.active span{
    background-color: rgba(36,144,244, 0.7) !important;
    margin-top: -1px;
  color: #FFF;
  margin-left: 9px;
      border: 1px solid rgba(36,144,244, 0.6) !important;
}

.lettersRight a.active span{
    margin-left: -1px;
}

.lettersLeft a.active span:hover, .lettersRight a.active span:hover{
    background-color: rgba(36,144,244, 1);
}

.seleccionEjercicioRW{
       position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 10000;
}

.enEjContent .slimScrollDiv{

}
.enEjContent .slimScrollDiv .ui-draggable{
    margin-top: 5px;
}

.titleSelecRWEjers{
        float: left;
    color: #084B8A;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 15px;
}

.regTipoWODs .titleSelecRWEjers{
    margin-top: 0;
    margin-bottom: 25px;
}

.animateSelection{
      background-color: rgba(36,144,244, 0.9);
    background-image: url(../Images/dynaCloseWhite.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
    background-repeat: no-repeat;
        background-size: 20px;
        opacity: 0;
}

.crwInput{
        float: left;
    width: 50%;
    position: relative;
    padding: 0px;
    margin-top: 5px;
    margin-left: 0px;
}

.crwInput input[type="number"], .crwInput input[type="text"]{
       float: left;
    font-size: 13px;
    width: 45px;
    text-align: center;
    margin-top: 6px;
    border-radius: 3px;
    height: 24px;
    border: 1px solid #ccc;
    font-weight: 600;
}

.crwInput .withSexo{
    padding-left: 15px;
    width: 40px !important;
}


.crwEjName{
    float: left;
    text-align: left;
    min-width: 55px;
	    width: 100%;
    padding-right: 10px;
    margin-bottom: 2px;
    padding-left: 37px;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 600;
}

.crwChangeUd.no_selection{
    background-image: none;
}

.crwContent{
    float: left;
    padding-left: 10px;
    max-width: 308px;
}

.crwCompleteCtrl{
        float: left;
    position: relative;
    padding-right: 12px;
}


.crwWodFooter{
    float: left;
    width: 633px;
    color: #FFF;
    background: #eee;
    margin-bottom: 15px;
    border: 1px solid #fff;
    box-shadow: 0 0 1px #333;
        margin-top: 0px;
    line-height: 0px;
    border-radius: 0px 0px 3px 3px;
}

.crwRX, .crwEnded{
float: right;
    font-family: black ops one;
    font-size: 17px;
    background-color: #555;
    line-height: 30px;
    height: 30px;
    color: #fff;
    margin-top: 4px;
    width: 40px;
    border: 1px solid;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 7px;
    margin-right: 15px;
    cursor: pointer;
    margin-bottom: 6px;
}

.crwRX:hover, .crwEnded:hover{
    opacity: 1;
}   

.crwRX.active, .crwEnded.active{
        background: #cc5151;
}

.crwRX span, .crwEnded span{
    display: inline-block;
}

.crwEnded{
        position: inherit;
    width: auto;
    display: inline-block;
    margin-top: 0;
    border: none;
    font-size: 18px;
    background-size: 22px;
    float: none;
    height: 43px;
    padding-left: 33px;
    margin-left: 15px;
    text-align: left;
    background-position: 5px 9px;
        padding-right: 0;
}

.crwEnded span{
        margin-top: 14px;
    position: inherit;
    float: left;
    height: auto;
    left: 0px;
}

.crwResult{
    float: left;
    margin-top: 8px;
    background-color: #fff;
    border: 1px solid #fff;
    height: 32px;
    color: #fff;
    box-shadow: 0 0 1px #555;
    border-radius: 5px;
    margin-left: 10px;
}

.crwRFTTtle{

}

.crwResult input[type="number"], .crwResult input[type="text"]{
        float: left;
    height: 32px;
    font-size: 18px;
    width: 44px;
    background-color: transparent;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    padding-left: 5px;
    border: none;
    padding-top: 0;
    letter-spacing: 1px;
    padding-bottom: 0;
    color: #555;
}

.crwResult input[type="number"]:focus, .crwResult input[type="text"]:focus{
        box-shadow: none !important;
    outline: none;
}


.crwResult label{
    float: left;
    padding-right: 10px;
    font-size: 12px;
    margin: 0 !important;
    font-weight: 700;
    color: #555;
    line-height: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.crwDelEj{
    position: absolute;
    left: 0;
    width: 18px;
    background-image: url(../Images/settingsTL.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    height: 18px;
    margin-top: 10px;
    z-index: 1;
    cursor: pointer;
    top: 0;
    opacity: 0.9;
    margin-left: 9px;
}

.crwSelEj{
    position: absolute;
    left: 0;
    width: 18px;
    background-image: url(../Images/radioEmpty.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    height: 18px;
    margin-top: 10px;
    z-index: 1;
    cursor: pointer;
    top: 0;
    opacity: 1;
    margin-left: 14px;
    display: none;
}

.crwSelEj.selected{
    background-image: url(../Images/radioChecked.png);
}

.crwAddEj{
    position: absolute;
    right: 0;
    width: 22px;
    background-image: url(../Images/dynaAdd.svg);
    height: 22px;
    background-repeat: no-repeat;
    background-size: 22px;
    margin-top: 8px;
    margin-right: 6px;
    opacity: 0.7;
    cursor: pointer;
    background-position: center;
}

.crwDelEj:hover, .crwAddEj:hover{
    opacity: 1;
}

.crwWodHeader.crwSub{
        height: 42px;
    min-height: 0;
}

.crwWodHeader.crwSub .crwResult{
        float: left;
    height: 39px;
    margin: 0;
}

.crwWodHeader.crwSub .crwResult input{
    height: 38px;
    line-height: 42px !important;
}

.crwWodHeader {
    float: left;
    width: 633px;
    color: #555;
    margin-bottom: 0px;
    position: relative;
    box-shadow: 0 0 1px #333;
    min-height: 35px;
    background: #eee;
    border: 1px solid #fff;
    border-radius: 3px 3px 0px 0px;
    margin-top: 5px;
}

.crwWodHeader .wodName, .rwTxtoLibreWOD h1, .rwTxtoLibreWOD h2 {
    float: left;
    font-size: 15px;
    margin-left: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
}
.crwDelWOD {
    float: right;
    color: #2490f4;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    margin-top: 8px;
    cursor: pointer;
    opacity: 0.8;
    margin-right: 15px;
}

.crwDelWOD:hover{
    opacity: 1;   
}
.crwEjerPic, .crwRestContainer {
        display: inline-block;
    width: 50%;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
}

.crwRFTTtle input {
    width: 100px !important;
    text-align: left !important;
    padding-left: 10px !important;
    height: 26px !important;
    font-size: 13px !important;
}

.crwRFTContent .wodName {
    float: left;
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 0px;
    line-height: 15px;
    margin-left: 10px;
    letter-spacing: 2px;
}
.crwRFTTtle {
    float: left;
    width: 115px;
    margin-top: 3px;
    margin-bottom: 7px;
    box-shadow: 0 0 1px #555;
    background: #fff;
    border: 1px solid #fff;
    margin-left: 0;
        height: 26px;
}

.errorFormatField{
    color: red;
}

.errorFormatField{
        float: left;
    
    background-color: rgba(215, 40, 40, 0.6);
    border-color: rgba(215, 40, 40, 1);
}

.roundFTCon{
        float: left;
    overflow: hidden;
    width: 100%;
}
.roundFT{
    display: inline-block;
    font-weight: 700;
    padding-top: 10px;
    font-size: 13px;
    text-align: left;
    padding-bottom: 2px;
    width: 100%;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #2BB12B;
    letter-spacing: 1px;
    text-indent: 15px;
}


 .fortUd{
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-top: 2px;
    color: #000;
    font-weight: 600;
 }

.crwChangeUd{
    float: left;
    cursor: pointer;
    font-size: 12px;
    margin-top: 11px;
    text-align: left;
    margin-left: 8px;
    background-size: 19px;
    color: #2490f4;
    padding-right: 0px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: 54px 9px;
}

.crwChangeUd.no_selection{
    color: #666;
    font-weight: 600;
}

.seleccionWODsRW {
    width: 100%;
    position: absolute;
    z-index: 10;
    background: #fff;
    height: 100%;
}

.seleccionWODsRW .titleSelecRWEjers{
    margin-top: 20px;
}

#searchForWOD{
        margin-left: 204px;
    margin-top: 20px;
}

.seleccionWODsRW .searchDesc{
        float: left;
    font-weight: 600;
}

.addRw, .bpShowRank {
    float: left;
    font-size: 12px;
    line-height: 13px;
    margin-top: 8px;
    /*background-position: 5px;*/
    padding: 7px 15px;
    border-radius: 3px;
    background-color: #fafafa;
    text-align: center;
    border: 1px solid #aaa;
    color: #444;
    cursor: pointer;
    font-weight: 600;
    margin-right: 10px;
}

.addRw:hover, .addRw.selected, .bpShowRank:hover{
    background-color: #2490F4 !important;
    background-image: linear-gradient(to right top, #2490f4, #1897f5, #139ff5, #18a5f5, #24acf4);
        border-color: #ccc;
    color: #fff;

}

.mainHelp .slimScrollDiv .ui-draggable{
    margin-top: 5px;
}

.mainHelp .slimScrollDiv{
        padding: 5px 0;
        background: #fff;
}

#modfullRoutineInfo .regComment{
    margin-left: 25px;
}

#modruContent .bloqueWOD{
    margin-bottom: 0;
}

#rutmodContentScroll .woutComments{
    margin-top: 0;
}

#fullWout .regComment{
    margin-left: 24px;
}

#boxRegWODActivate {
    float: left;
    background-image: url(../../Images/locateGray.svg);
    width: 24px;
    position: absolute;
    left: 2px;
    top: 0;
    height: 24px;
    bottom: 0;
    border: none;
    margin-top: 0px;
    padding: 0;
    border-right: 0;
    background-size: 18px;
    background-color: #fff;
    margin-top: 1px;
    margin: 0;
    background-repeat: no-repeat;
    margin: auto;
    cursor: pointer;
    background-position: center;
}

#boxRegWODActivate.active{
    background-image: url("../../Images/locateBlue.svg");
}

#boxRegWOD {
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    width: 300px;
    border-radius: 1px;
    height: 30px;
    padding-left: 27px;
    border: 1px solid #ccc;
    color: #666;
    /* padding-top: 0; */
    font-weight: 600;
    border-radius: 3px;
    margin-top: 2px;
}

#boxRegWOD.active{
    color: #2E9AFE;
}

.mainHelp .slimScrollDiv{
        border: 1px solid #ddd;
    border-radius: 2px;
}

#sesionComments .regComment{
    margin-left: 67px;
}

#doMainSearch{
       background-image: url("../../Images/searchBlue.svg");
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-position: center;
    cursor: pointer;
    right: 132px;
    margin-top: 10px;
    position: absolute;
}

.errRGField{
    border-color: rgba(215, 40, 40, 1);
}

#fuserInfoBoxName{
        float: left;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 85px;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 5px #000;
    font-weight: 600;
    font-size: 36px;

}

#fuserInfoBoxLoc{
       float: left;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 135px;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 5px #000;
    font-weight: 600;
    font-size: 16px;
}
.enterFacebook, .enterTwitter{    
background-repeat: no-repeat;
    border: 0 none;
    border-radius: 2px;
    /* box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 1px rgba(255, 255, 255, 0.2) inset; */
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 14px !important;
    font-weight: 600;
    height: 33px;
    line-height: 33px !important;
    letter-spacing: 0px;
    margin-top: 20px;
    padding-right: 10px;
    text-align: left;
    text-decoration: none;
    width: 202px;
}
.enterFacebook:active, .enterTwitter:active{ 
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2) inset;
}
.enterFacebook{
    background-color: #3A589B;
    background-image: url("../Images/fb.png");
    background-position: 10px center;
    background-size: 17px auto;
    text-indent: 30px;
    margin-left: 10px;
}

.enterTwitter:hover{
    background-color: #00A2E3;

}

.enterFacebook:hover{
    background-color: #304E91;
}

.enterTwitter{
       background-color: #00ACED;
    background-image: url("../Images/twitterWhite.png");
    background-position: 7px center;
    background-size: 22px auto;
    text-indent: 32px;
}


#fullWout .enterFacebook, #fullWout .enterTwitter{
        float: left;
    margin-left: 25px;
    width: auto;
}

#fullWout .enterTwitter{
    margin-left: 15px;
}

.cuentaInicia{
        cursor: pointer;
    float: right;
    font-size: 14px;
    color: #444;
    font-weight: 600;
    line-height: 40px;
    text-decoration: none;
    margin-right: 2em;
    cursor: pointer;
}

.cuentaInicia span{
    font-weight: 700;
}

.cuentaInicia:hover span{
    color: #2490F4;
}

.nameMyBox:hover span{
    color: #2490f4 !important;
}

.botonVerdeMenuMain{
    background-color:rgba(43, 177, 43, 0.8);
    border-color: #2BB12B;
}

.botonVerdeMenuMain:hover{
    background-color:rgba(43, 177, 43, 1);
}

.rankPosMenu{
        color: #2BB12B;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    width: 55px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
        float: right;
}

.bienvenidoBox .sinPaginaBoxMsg3{
float: left;
    font-size: 14px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    color: #333;
    font-weight: 600;
    background-image: url(../Images/checkBlue.svg);
    background-position: left;
    background-size: 25px;
    padding-left: 25px;
}

.wbPicsOW{
    float: left;
    margin-top: 10px;
}


.wbPicsOW span{
        float: left;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
}

.wbPicsOW img{
        float: left;
    box-shadow: 0 0 0px 1px #fff;
    margin-left: 10px;
    max-height: 200px;
        cursor: pointer;
}

.imageViewer{
        position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
}

.imageContainer{
       position: absolute;
    top: 40px;
    left: 30px;
    right: 390px;
    bottom: 0;
}

.imageContainer img{
        position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 80%;
    margin: auto;
    border-radius: 5px;
    max-width: 100%;
}

.genericGrid{
    float: left;
        width: 95%;
border-color: #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
}

.genericGrid .headerCols th{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background-color: rgba(36,144,244, 0.7);
    border-left: 1px solid #fff;
    padding: 5px 10px;
}

.genericGrid .rowCols{
    margin-left: 0px;
    color: black;
    margin-top: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.genericGrid.font12 td{
    font-size: 12px;
}

.rowBaja td{
    color: #b72727;
}

.rowBajaFutura td{
    color: #ff8e01;
}

.rowDebeClase td{
    color: red;
}

.genericGrid .rowCols:hover td{
        background-color: rgba(241,190,37,0.2) !important;
}

.genericGrid .rowCols.even td{
        background-color: rgba(0,0,0,0.03);
}

.genericGrid td{
    padding: 5px 10px;
    margin-right: 1px;
    min-height: 26px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    
}

.genericGrid.gridPics td{
    padding: 5px 10px;
}

.genericGrid td .reminders, .genericGrid td .printer, .genericGrid td .notes, .genericGrid td .edit, .genericGrid td .web, .genericGrid td .up, .genericGrid td .down, 
.genericGrid td .cast, .genericGrid td .editDis, .genericGrid td .download, .genericGrid td .revert, .genericGrid td .add, .genericGrid td .delete, .genericGrid td 
.delete2, .genericGrid td .check, .genericGrid td .stripe, .genericGrid td .redtpv, .genericGrid td .gc, .genericGrid td .gcDis, .genericGrid td .print, .genericGrid td .info,
.genericGrid td .errw, .genericGrid td .checkedgr, .genericGrid td .video, .genericGrid td .chat, .genericGrid td .record, .genericGrid td .recordDisabled,
.genericGrid td .novisible, .genericGrid td .novisibleDisabled, .genericGrid td .whatsapp, .genericGrid td .phone, .genericGrid td .right{
    width: 22px;
    float: left;
    cursor: pointer;
    height: 22px;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    opacity: 0.7;
}

.colAction{
    width: 22px;

}

.genericGrid td .record{
    background-image: url(../Images/record.svg);
    background-size: 20px;
}

.genericGrid td .recordDisabled{
    background-image: url(../Images/recordGray.svg);
    cursor: default;
    background-size: 20px;
}

.genericGrid td .novisible{
    background-image: url(../Images/novisibleBlue.svg);
    background-size: 20px;
}

.genericGrid td .novisibleDisabled{
    background-image: url(../Images/novisible.svg);
    cursor: default;
    background-size: 20px;
}

.genericGrid td .edit{
    background-image: url(../Images/editGrid.svg);
}

.genericGrid td .whatsapp{
    background-image: url(../Images/whatsapp.svg);
    background-size: 20px;
}

.genericGrid td .chat{
    background-image: url(../Images/chat.svg);
        background-size: 22px;
}

.genericGrid td .web{
    background-image: url(../Images/web.svg);
}

.genericGrid td .cast{
    background-image: url(../Images/castBlue.svg);
}

.genericGrid td .up{
    background-image: url(../Images/moveUp.svg);
}

.genericGrid td .down{
    background-image: url(../Images/moveDown.svg);
}

.genericGrid td .editDis{
    background-image: url(../Images/editGridDis.svg);
    cursor: default !important;
}

.genericGrid td .notes{
    background-image: url(../Images/commentsBlue.svg);
}

.genericGrid td .reminders{
    background-image: url(../Images/bell.svg);
}

.genericGrid td .info{
    background-image: url(../Images/infoPR.svg);
}

.genericGrid td .video{
    background-image: url(../Images/yt.png);
    background-size: 22px;
}

.genericGrid td .errw{
    background-image: url(../Images/error.svg);
}

.genericGrid td .checkedgr{
    background-image: url(../Images/checkedGreen.svg);
}

.genericGrid td .reminders.empty{
    background-image: url(../Images/bellGray.svg);
}

.genericGrid td .notes.empty{
    background-image: url(../Images/comments.svg);
}

.genericGrid td .download{
background-image: url(../Images/downArrowGreen.svg);
    background-size: 21px;
}

.genericGrid td .print{
    background-image: url(../Images/printPDF.svg);
}

.genericGrid td .printer{
    background-image: url(../Images/printer.svg);
}

.genericGrid td .revert{
    background-image: url(../Images/revert.svg);
}

.genericGrid td .check{
    background-image: url(../Images/checkGreen.svg);
}

.genericGrid td .stripe{
    background-image: url(../Images/paystripe.svg);
 background-size: 22px;

}

.genericGrid td .redtpv{
    background-image: url(../Images/card.svg);
 background-size: 22px;

}

.genericGrid td .gc{
    background-image: url(../Images/gc.svg);
 background-size: 22px;

}

.genericGrid td .gcDis{
    background-image: url(../Images/gcDis.svg);
    background-size: 22px;
    cursor: default;

}

.genericGrid td .delete{
    background-image: url(../Images/bin.svg);
    background-size: 17px;
}

.genericGrid td .delete.disabled{
    background-image: url(../Images/binGray.svg);
    background-size: 17px;
    cursor: default !important;
}

.genericGrid td .delete2{
    background-image: url(../Images/delete2.svg);
    background-size: 17px;
}

.genericGrid td .add{
    background-image: url(../Images/addGrid.svg);
}

.genericGrid td .loading{
    background-image: url(../Images/ring.svg) !important;
}

.genericGrid td .notes:hover, .genericGrid td .edit:hover, .genericGrid td .editDis:hover, .genericGrid td .add:hover, 
.genericGrid td .delete:hover, .genericGrid td .delete2:hover, .genericGrid td .check:hover, .genericGrid td .chat:hover, 
.genericGrid td .record:hover, .genericGrid td .novisible:hover, .genericGrid td .phone:hover, .genericGrid td .right:hover, .genericGrid td .checkedgr:hover {
    opacity: 1;   
}

.genericGrid td img{
        float: left;
    width: 26px;
    border-radius: 50%;
    height: 26px;
}

.genericGrid td span{
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    line-height: 26px;
}

.genericGrid td:last-child{
    padding-right:11px;
    border-right: 1px solid #ccc;
}

.genericGrid .headerCols th:first-child{
    border-left: 1px solid rgba(36,144,244, 0.7);
}


.funcTitleM{
        float: left;
    color: #2BB12B;
    font-size: 27px;
    margin-top: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.genericFilter{
    float: left;
    background: rgba(0,0,0,0.03);
    border-radius: 5px;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 12px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    max-width: 92.8%;
}

.genericFilter .cmpcrFld:last-child{
    margin-right: 0;
}

.genericFilter label{
    float: left;
    font-size: 13px;
    padding-left: 5px;
    color: rgba(0, 35, 68, 0.85);
    margin-top: 6px;
    font-weight: 600;
}


.genericFilter select{
    float: left;
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 2px;
    min-width: 120px;
    height: 26px;
}

.genericGrid .buttonGrid{
    display: inline-block;
    color: #fff;
    padding: 7px 15px;
    border: 1px solid;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    line-height: 13px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}

.genericGrid .buttonLink{
    display: inline-block;
    padding: 0px 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #2490f4;
    background-image: url(../Images/checkBlue2.svg);
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left;
}

.genericGrid .buttonGrid.verde{
    background-color: rgba(43, 177, 43, 0.8);
    border-color: #2BB12B;
}

.genericGrid .buttonLink.verde{
    color: #2BB12B;
    background-image: url(../Images/checkGreen.svg);
}

.genericGrid .buttonLink:hover{
    color: red;
    background-image: url(../Images/delete2.svg);
}

.genericGrid .buttonGrid.verde:hover{
    background-color: rgba(43, 177, 43, 1);
}

.genericGrid .buttonGrid.rojo{
    background-color: rgba(255, 0, 0, 0.7);
}

.genericGrid .buttonGrid.rojo:hover{
    background-color: rgba(255, 0, 0, 1);
}

.genericGrid .buttonGrid.azul{
    background-color: rgba(36,144,244, 0.7);
    border-color: #2490F4;
}

.genericGrid .buttonGrid.azul:hover{
    background-color: rgba(36,144,244, 1);
}

.infoGrid{
        float: left;
    width: 100%;
    margin-top: 20px;
    margin-left: 5px;
    background: url(../Images/info.png);
    font-size: 14px;
    background-size: 16px;
    background-repeat: no-repeat;
    color: #888;
    background-position: left;
    padding-left: 19px;
}

.boxPicTL{
       position: absolute;
    width: 28px !important;
    margin-left: -10px;
    /* z-index: 1; */
    height: 28px !Important;
    margin-top: 0px;
}

.boxUsPicTL{
        position: absolute;
    width: 28px !important;
    height: 28px !important;
    margin-left: 4px;
    box-shadow: 0 0 2px 1px #fff;
    margin-top: 7px;
}
#regAsCoachWOD{
        float: left;
    margin-top: 25px;
}

#regAsCoachWODTitle{
float: left;
text-align: left;
font-size: 14px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 20px;
margin-top: 0;
font-weight: 600;
}

#regAsCoachWODBoxes{
        float: left;
            margin-left: 20px;
}

#regAsCoachWODBoxes a{
    color: #2490f4;
    font-size: 14px;
    float: left;
    margin-right: 15px;
    text-align: left;
    cursor: pointer;
    width: 100%;
}

#regAsCoachWODBoxes a:hover{
    text-decoration: underline;
}

#regNovedad.asBox .ocultaCreaRutina, #regNovedad.wodSchedule .ocultaCreaRutina, #regNovedad.wodSchedule .ssScaledOps{
    display: none;
}

#regNovedad.asBox #regNovMasOps{
    display: block;
}




.manFemale{
    position: absolute;
    left: 3px;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 3px;
    color: #555;
    top: 11px;
    text-transform: uppercase;
}
.ejersTopRegCon{
    float: left;   
    height: 43px;
    width: 633px;
    overflow: hidden;
}
.ejersTopReg{
    float: left;
    height: 43px;
    overflow: hidden;
    width: 120%;
}
.ejersTopReg img{
    float: left;
    margin-right: 1px;
        width: 105px;
    height: 43px;
}
.boxPicPublic{
     position: absolute;
    width: 32px !important;
    margin-left: -50px;
    /* z-index: 1; */
    height: 32px !Important;
    margin-top: -5px;
}

.usPicPublic, .publisherPic.withCoach{
        width: 32px !important;
    height: 32px !Important;
    margin-top: 2px;
    box-shadow: 0 0 2px 1px #fff;
    margin-left: 2px;
    position: relative;
    z-index: 1;
}


.publisherPic.withCoach{
        width: 30px !important;
    height: 30px !Important;
    margin-top: 6px;
    box-shadow: 0 0 2px 1px #fff;
    margin-left: 8px;
    position: relative;
    z-index: 1;
}

#fPublisherPicPhotoCoach{
     margin-left: -108px;
    width: 30px !important;
    margin-top: -3px;
    height: 30px !important;
    border-radius: 50%;
}

.verTodosComTL{
        float: left;
    margin-left: 25px;
    width: 100%;
    font-size: 14px;
    color: #2BB12B;
    font-weight: 600;
    margin-top: 5px;
    cursor: pointer;
}

.verTodosComTL:hover{
    text-decoration: underline;
}

.commentTLive{
    float: left;
    margin-left: 25px;
    margin-top: 10px;
    width: 558px;
    font-size: 14px !Important;
    border: 1px solid #ccc !important;
    margin-bottom: 15px;
    padding: 7px 10px;
    border-radius: 2px;
}

.listaCommTL .comGen{
    margin-top: 0px;
}

#tabsSiguiendoBox{
    float: left;
    margin-top: 0px;
    margin-left: 5px;
    text-align: center;
}

.tabsSiguiendoBoxCon{
    display: inline-block;
}
.tabsSiguiendoBoxCon a{
    float: left;
    color: #2e9afe;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    min-width: 100px;
    font-size: 13px;
    padding: 5px 15px;
    border: 1px solid #2e9afe;
}

.tabsSiguiendoBoxCon a.active{
    border: 1px solid #2e9afe;
    background: #2e9afe;
    color: #fff;
}

.rankTL{
display: none;
    margin-top: 15px;
    float: left;
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
}

.next5PRs {
    overflow: hidden;
    position: relative;
    float: left;
    padding-bottom: 42px;
    width: 100%;
}
.next5PRs.prhidden .wodPR, .next5PRs.prhidden {
    display: none;
}

.rankTL .wodPR {
    cursor: pointer;
    float: left;
    padding-bottom: 5px;
    overflow: hidden;
    position: relative;
    padding-top: 5px;
    width: 100%;
    margin: 0;
}

.rankTL .wodPR .posRank {
    font-size: 16px;
    float: left;
    color: #999;
    margin-right: 7px;
    width: auto;
    margin-top: 4px;
    margin-left: 0;
    letter-spacing: 1px;
    min-width: 45px;
    font-weight: 700;
    text-align: right;
}

.rankTL .wodPR span {
    color: #333;
    float: left;
    font-size: 14px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    margin-top: 5px;
    letter-spacing: 0;
    text-overflow: ellipsis;
    width: 150px;
    max-width: 350px;
}


.rankTL .wodPR img {
    border-radius: 50%;
    float: left;
    float: left;
    width: 30px;
    height: 30px;
    display: block;
}

.rankTL .infoRank span {
    float: none;
    margin-left: 0;
    color: red;
    margin-right: 5px;
}
.rankTL .infoRank, .infoRank span {
    margin-top: 1px !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 11px !important;
    letter-spacing: inherit !important;
}

.nextPRsLoad {
float: left;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    left: 2px;
    padding-top: 10px;
    height: 32px;
    cursor: pointer;
    right: 2px;
    background: #fff;
    color: #2BB12B;
    font-weight: 700;
    text-shadow: 0 0px 1px #fff;
    border-top: 1px solid #eee;
}
.rankTL .valuePR{
text-align: left;
    float: left !important;
    margin-right: 10px;
    width: 150px;
}

#planActivo{
        float: left;
    width: 100%;
    margin-bottom: 20px;
}

.planSelected{
        float: left;
    margin-left: 122px;
    font-size: 15px;
    color: #444;
}

.planDesc{
     font-size: 17px;
    margin-left: 10px;
    float: left;
    color: #2BB12B;
    line-height: 19px;
}   


#ruCreateButton, .accordionAction{
    padding: 5px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: right;
    cursor: pointer;
    border-radius: 2px;
    font-weight: 600;
    border: 1px solid rgba(36,144,244, 0.7);
    background: rgba(36,144,244, 0.8);
    color: #fff;
    transition: 0.3s;
}

#ruCreateButton:hover, .accordionAction:hover{
    background: rgba(36,144,244, 1);
}

.accordionAction{
        float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.infoExtraPrice a{
    color: #2BB12B;
    text-decoration: none;
    cursor: pointer;
}

.infoExtraPrice a:hover{
    text-decoration: underline;
}

.controlBox.static{
    height: 126px;
    box-shadow: none;
    background: #fff;
    border-bottom: 1px solid #ccc;
    width: 100%;
    overflow-y: initial;
}

.controlBox.static .header{
        margin-top: 15px;
}

.logoControl{
        float: left;
    margin-left: 20px;
    margin-top: 15px;
    cursor: default;
}


.logoControl .mainLogo{
        float: left;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
}
.logoControl .mainLogo b{
    float: left;
    color: #444;
    font-weight: 700;
}

.logoControl .subLogo{
     float: left;
    background-image: url(../Images/boxGreen.svg);
    font-size: 15px;
    background-size: 15px;
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: 600;
    margin-left: 35px;
}

.logoControl .subLogo.book{
        background-image: url(../Images/historyGreen.svg);
    background-size: 20px;
    background-position: left 1px;
    padding-left: 21px;
}

.logoControl .subLogo.cast{
    background-image: url(../Images/castBlue.svg);
    background-size: 20px;
    color: #2490F4;
    background-position: left 1px;
    font-size: 14px;
    padding-left: 25px;
    margin-left: 52px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 1px;
}

.logoControl .subLogo.games{
    background-image: url(../Images/diagramBlue.svg);
    background-size: 16px;
    color: #2490F4;
    background-position: left 1px;
    font-size: 14px;
    padding-left: 19px;
    margin-left: 67px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 1px;
}

.boxLogoName{
     float: left;
    padding-left: 54px;
    margin-left: 35px;
    margin-top: 15px;
    position: relative;
    cursor: pointer;
    min-height: 55px;
}

.boxLogoName img{
    border-radius: 50%;
    float: left;
    left: 0;
    top: 0;
    width: 48px;
    position: absolute;
    height: 48px;
}
.boxLogoName .nameB{
    float: left;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 3px;
    color: #333;
}

.boxLogoName .linkB{
        float: right;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #2490f4;
}

.tabsControl{
    float: right;
    margin-right: 10px;
}

.tabsControl a{
    float: left;
    text-align: center;
    padding-bottom: 3px;
    min-width: 70px;
    padding-top: 5px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -1px;
    cursor: pointer;
    position: relative;
}

.tabsControl a.active{
    border-bottom: 1px solid #f9f7f7;
    margin-top: -5px;
    padding-bottom: 5px;
    background-color: rgba(0,0,0,0.01);
    border-radius: 2px 2px 0 0;
    padding-top: 8px;
}

.tabsControl a.active span{
    color: #2490f4;
}

.tabsControl a:hover span{
    color: #2490f4;
}

.tabsControl a img{
        display: inline-block;
    height: 26px;
}

.tabsControl span{
    float: left;
    width: 100%;
    color: #555;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
}

.ayudasBoxControl{
        float: right;
    margin-right: 20px;
    margin-top: 15px;
}

.ayudasBoxControl a{
    float: left;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #888;
    padding: 5px 10px;
    color: #444;
    margin-left: 10px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px;
}

.miniMenuBox.ayudasBoxControl a{
    font-size: 0px;
    height: 26px;
    width: 26px;
    background-position: center;
    padding: 7px 0px;
}

.ayudasBoxControl a:hover{
    color: #2490f4;
}
.ayudasBoxControl a.settings{
        background-image: url('../Images/settingsGray.svg');
    background-size: 19px;
    padding-left: 27px;
}

.ayudasBoxControl a.exit{
        background-image: url('../Images/poweroffGray.svg');
    background-size: 18px;
    padding-left: 27px;
}

.ayudasBoxControl a.new{
        background-image: url('../Images/badge.svg');
    background-size: 18px;
    padding-left: 27px;
}

.ayudasBoxControl a.cpto{
        background-image: url('../Images/diagram.svg');
    background-size: 18px;
    padding-left: 27px;
}



.ayudasBoxControl a.home{
        background-image: url(../Images/undoGray.svg);
    background-size: 20px;
    padding-left: 28px;
}

.ayudasBoxControl a.support{
        background-image: url('../Images/help2Gray.svg');
    background-size: 18px;
    padding-left: 24px;
}

.buscadorBoxClient{
    float: left;
        margin-left: 20px;
    margin-top: 20px;
}

.buscadorBoxClient input {
        float: left;
    font-size: 13px;
    border-radius: 2px;
    background: url('../Images/searchGray.svg');
    background-size: 18px;
    border: 1px solid #ccc;
    width: 200px;
    height: 26px;
    padding-left: 28px;
    background-position: 5px;
    background-repeat: no-repeat;
}

.boxControlAutoRes{
    background-color: #fff;
    float: left;
    padding: 5px 0px;
    cursor: pointer;
    width: 100%;
        position: relative;
}

.boxControlAutoRes:hover{
    background-color: rgba(36,144,244, 1);
    
}

.boxControlAutoRes:hover span{
    color: #fff;
}

.boxControlAutoRes img{
    border-radius: 50%;
    display: block;
    float: left;
    height: 27px;
    margin-left: 10px;
    width: 27px;
}

.boxControlAutoRes span{
     display: block;
    float: left;
    font-size: 12px;
    margin-left: 7px;
    margin-right: 10px;
    margin-top: 4px;
    color: #444;
}

.boxControlAutoRes.noPic span{
    margin-top: 4px;
    margin-bottom: 4px;   
}

.boxControlAutoRes.size1{
    width: 209px;
}

.boxControlAutoRes.size1 span{
    width: 170px;
}

.staticVertical{
     position: fixed;
    bottom: 0;
    background: rgba(0,0,0,0.05);
    box-shadow: 0 0 2px;
    width: 200px;
    top: 127px;
}

.staticVertical a{
        float: left;
    width: 180px;
    margin-top: 20px;
    color: #444;
    cursor: pointer;
    font-size: 14px;
    padding-left: 20px;
    font-weight: 600;
}

.staticVertical a.active{
    color: #2490f4;
}

.conMenuVer{
    float: left;
    margin-left: 220px;
    margin-top: 127px;
    margin-right: 10px;
    min-width: 70%;
    position: relative;
}

.conFullB{
    float: left;
    margin-left: 5%;
    margin-top: 160px;
    width: 90%;
    margin-right: 5%;
    position: relative;
    text-align: center;
}


.conFullFix{
    display: table;
    margin: 0 auto;
    position: relative;
    top: 170px;
    width: 1004px;
}



.genericSearchRes{
    float: left;
    width: 100%;
}

.bloqueFichaB{
    float: left;
    padding: 5px;
}

.titBloque{
        float: left;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: 98%;
        margin-top: 20px;
}

#perfilAhPicCliente, #perfilAhPicCoach{
        float: left;
    border-radius: 50%;
    width: 75px;
    height: 75px;
}

.perfilAhInfo{
        margin-left: 10px;
    float: left;
}

#perfilAhNameCliente, #perfilAhNameCoach{
        float: left;
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 3px;
    font-weight: 600;
}

#perfilAhDateCliente, #perfilAhDateCoach{
    float: left;
    font-size: 14px;
    color: #555;
}

.cmpcrFld{
        float: left;
    margin-right: 20px;
    min-height: 30px;
    margin-bottom: 10px;
}

.cmpcrFld label, .cmpcrFldLabel, .cmpcrFld2 label{
    float: left;
    font-size: 12px;
    color: rgba(0, 35, 68, 0.85);
    margin-top: 6px;
    font-weight: 600;
    min-width: 130px;
    padding-right: 10px;
}

.cmpcrFld input[type="text"], .cmpcrFld input[type="password"], .cmpcrFld input[type="number"], .cmpcrFld2 input[type="number"] {
    float: left;
    font-size: 13px;
    padding-left: 5px;
    margin-left: 8px;
    padding-right: 5px;
    border-radius: 2px;
    height: 26px;
}

.cmpcrFld2 input[type="number"]{
    height: 24px;
    font-size: 12px;
}

.cmpcrFld input[type="checkbox"]{
    float: left;
        margin-right: 5px;
    margin-top: 9px;
}

.cmpcrFld input[type="radio"]{
    float: left;
        margin-right: 5px;
    margin-top: 7px;
}

.cmpcrFld.size1 input[type="text"], .cmpcrFld.size1 input[type="number"] {
    width: 50px;
}

.cmpcrFld select {
    float: left;
    padding: 0px 5px;
    margin-left: 10px;
    border-radius: 2px;
    min-width: 120px;
    height: 30px;
    font-size: 13px;
}

.cmpcrFld textarea {
    float: left;
    padding: 5px;
    margin-left: 8px;
    border-radius: 2px;
    width: 550px;
    height: 26px;
    margin-top: 2px;
    font-size: 13px;
    min-height: 50px;
}

#seDesp .comGen .textLess, #seDesp .comGen .verMenosMas{
    display: none;
}

#seDesp .comGen .textMore{
    display: inline;
}

#seDesp .comGen{
        font-size: 13px;
}

#linkProfileAhCliente, #linkProfileAhCoach{
        float: right;
    color: #2490f4;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    margin-left: 10px;
    margin-top: 11px;
}

#linkProfileAh:hover{
    text-decoration: underline;
}

.controlesGuardarFicha{
    float: right;
    margin-top: 55px;
    margin-right: 25px;
}

.controlesGuardarFicha a, .clientMoreOps{
        float: left;
    background-color: rgba(36,144,244, 0.8);
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #2490f4;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
}



.controlesGuardarFicha a:hover{
    background-color: rgba(36,144,244, 1);
}

.controlesGuardarFicha a.baja{
    background-color: rgba(0,0,0, 0.6);
}

.controlesGuardarFicha a.baja:hover{
    background-color: rgba(0,0,0, 0.8);
}

.feedbackMsg{
        float: left;
    background-color: rgba(255,0, 0, 0.75);
    width: 97%;
    color: #fff;
    padding-top: 7px;
    font-size: 13px;
    font-weight: 600;
    padding-left: 1%;
    box-shadow: 0 0 1px #000;
    border-radius: 2px;
    display: none;
    margin-top: 20px;
    margin-bottom: -20px;
    padding-bottom: 7px;
}

.feedbackMsg.info{
        background-color: rgba(36,144,244, 0.7);
}

.feedbackMsg span{
    float: left;
    width: 100%;
}


.botoneraFiltro{
    float: left;
    text-align: right;
    margin-top: 15px;
    width: 96%;
}

.botoneraFiltro a{
    display: inline-block;
    background-color: rgba(36,144,244, 0.8);
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #2490f4;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;   
}

.campoFiltro{
    float: left;
    margin-bottom: 15px;
    min-height: 30px;
}

#tarifasActualCon{
    float: left;
    margin-top: 6px;
    min-height: 40px;
}

.sinTarifas{
    color: #555;
}

#histoReservas, #histoTarifas{
    width: auto;
}

.addTarifa{
    float: left;
    background-image: url('../Images/add2.svg');
    background-repeat: no-repeat;
    background-size: 18px;
    font-weight: 700;
    padding-left: 23px;
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    height: 18px;
    font-size: 13px;
    cursor: pointer;
    color: #2BB12B;
    background-position: left;
}

.addTarifa:hover{
    text-decoration: underline;
}

#fieldAssignPricing{
        float: left;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: -9px;
    margin-left: 15px;
    display: none;
}

#fieldAssignPricing .titleFieldPr{
        float: left;
    color: rgba(0, 35, 68, 0.85);
    font-weight: 600;
    margin-right: 10px;
}

#fieldAssignPricing a{
        float: left;
        cursor: pointer;
    font-weight: 700;
    text-decoration: none;
}

#fieldAssignPricing a:hover{
    color: #2490f4;
}

#fieldAssignPricing select{
        float: left;
    min-width: 100px;
    margin-right: 13px;
}

#fieldAssignPricing .ok{
    margin-right: 10px;
}

#fieldAssignPricing .nook{
    float: left;
}

.tarifaControl{
    float: left;
        margin-bottom: 10px;
}

.tarifaControl span{
    float: left;
    line-height: 16px;
    font-weight: 700 !important;
    margin-right: 10px;
    margin-top: 0 !important;
}

.tarifaControl a{
        margin-left: 10px;
    font-size: 12px;
    float: left;
    font-weight: 600;
    cursor: pointer;
    margin-right: 3px;
    color: #2490f4;
    text-decoration: none;
}

.tarifaControl a:hover{
    text-decoration: underline;
}

.tarifaControl input[type="checkbox"]{
    margin-top: 3px;
}

.tarifaControl label{
    margin-top: 0;
    font-weight: 700;
    min-width: auto;
    line-height: 16px;
    font-size: 13px;
    margin-right: 10px;
    color: red;
}


.cmdGrid{
    display: inline-block;
}

#resultSearchAh{
    min-width: 720px;
}

#dialogImportar{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 1000;
}

#dialogImportar .conImport{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: 135px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 2px #000;
}

#dialogImportar .conImport a{
    float: left;
    margin-right: 10px;
    background: rgba(36,144,244, 0.8);
    border: 1px solid #2490F4;
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
    padding: 2px 10px;
    line-height: 28px;
    min-height: 28px;
    border-radius: 1px;
    font-size: 13px;
    margin-top: 20px;
    cursor: pointer;
}

#dialogImportar .conImport a:hover{
   background-color: #2490F4; 
}

#importPic{
    float: left;
    width: 45px;
    margin-left: 20px;
    height: 45px;
    border-radius: 50%;
    margin-top: 20px;
}

#importName{
        float: left;
    margin-top: 31px;
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
}

#inInfoMail, #clInfoMail, .infoMsg{
        float: left;
    background-image: url('../Images/infoPR.svg');
    
    background-size: 18px;
    padding-left: 22px;
    background-repeat: no-repeat;
    margin-left: 150px;
    font-size: 13px;
    cursor: default;
    color: #555;
    margin-bottom: 5px;
    margin-top: 5px;
}

.listaChecks{
        float: left;
    margin-bottom: 5px;
    margin-top: 6px;
    margin-left: 5px;
}

.listaChecks a{
    float: left;
    margin-right: 20px;
    font-size: 13px;
    background-image: url('../Images/radioEmpty.png');
    color: #333;
    border-radius: 1px;
    background-repeat: no-repeat;
    padding-left: 20px;
    cursor: pointer;
    background-size: 16px;
    background-position: left;
    font-weight: 700;
    margin-bottom: 10px;
}

.listaChecks a.active{
    background-image: url('../Images/radioChecked.png');
}

.diasClase{
    float: left;
    font-size: 12px;
    color: rgba(0, 35, 68, 0.85);
    margin-top: 6px;
    font-weight: 600;
    min-width: 130px;
}

#listaHorariosSel{
    max-width: 800px;
    min-width: 550px;
}

.cmpcrFld input.hasDatepicker, .campoFiltro input.hasDatepicker{
    background-image: url('../Images/calDatepicker.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 24px;
    background-position: 5px;
    width: 75px;
}

.cmpcrFld input.ui-timepicker-input{
    background-image: url(../Images/clock.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 25px !important;
    background-position: 5px;
    width: 55px !important;
}

.bloqueFichaB .feedbackMsg{
    margin-bottom: 10px;
        margin-top: 0;
}

.genericSearchRes .addTarifa{
    float: right;
    margin-right: 7%;
}

.diasClaseCon{
    padding-left: 140px;
    position: relative;
    margin-right: 5px;
    float: left;
}

.diasClaseCon .diasClase{
    position: absolute;
    left: 0;
}

.infoBloqueBah, .infoFild{
    float: left;
    background-image: url('../Images/infoPR.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    width: 90%;
    font-size: 13px;
    padding-left: 20px;
    color: #555;
    background-position: left;
    margin-bottom: 10px;
}

.infoFild{
    width: auto;
    margin-bottom: 16px;
    margin-top: 6px;
}

.sendInvite{
        float: left;
    color: #2490f4;
    font-weight: 600;
    font-size: 13px;
    margin-top: 5px;
    cursor: pointer;
}

.sendInvite:hover{
    text-decoration: underline;
}

.iniciaParaAceptar{
    background-color: rgba(43, 177, 43, 0.75);
    color: #FFF;
     margin-bottom: 10px; 
    width: 413px;
    float: left;
    border: 1px solid #2BB12B;
    /* margin-top: -15px; */
    cursor: default;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}

.checkGrid{
        float: none !important;
    width: 20px !important;
    margin-top: 3px !important;
    height: 20px !important;
    margin-bottom: -1px !important;
}

.weekNavigator{
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    width: 350px;
    border-radius: 2px;
}

#prevWeek, #nextWeek{
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
} 

#prevWeek{
    background-image: url('../Images/leftArrow.svg');
    left: 0;   
}

#nextWeek{
    background-image: url('../Images/rightArrow.svg');
    right: 0;   
}

#prevDay, #nextDay{
    position: absolute;
    width: 35px;
    height: 56px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    bottom: 0;
    opacity: 0.8;
} 

#prevDay:hover, #nextDay:hover{
    opacity: 1;
}

#prevDay{
        background-image: url(../Images/leftWhite.svg);
    left: 0;
    border-right: 1px solid #ccc;
    background-color: #2490f4;
}

#nextDay{
        width: 36px;
    border-left: 1px solid #2BB12B;  
        background-image: url(../Images/rightWhite.svg);
    right: 0;
    border-left: 1px solid #ccc;
    background-color: #2490f4;
}

#weekTitle{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    height: 20px;
    padding-top: 5px;
    line-height: 20px;
    padding-bottom: 5px;
}

#weekDays{
    float: left;
    margin-left: 35px;
}

#calContainer #weekDays{
    margin-left: 0px;
}

#weekDays a{
    float: left;
    width: 39px;
    font-weight: 600;
    border-left: 1px solid #eee;
        padding-bottom: 10px;
    padding-top: 10px;
    font-size: 13px;
    cursor: pointer;
}

#weekDays a:first-child{
    border-left: none;
}

#weekDays a:hover{
    color: #2BB12B;
}

#weekDays a.active{
    background-color: rgba(43, 177, 43, 0.75);
    color: #fff;
}

#weekDays a span{
    float: left;
    width: 100%;
}

.bloqueClase{
        display: inline-block;
    width: 90%;
    border: 1px solid #ccc;
    text-align: left;
    box-shadow: 0 0 2px #ccc;
    border-radius: 2px;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    background: #fff;
}

.bloqueClase.dis{
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ij4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iI2VlZSI+PC9yZWN0Pgo8ZyBpZD0iYyI+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjMiIGZpbGw9IiNlNmU2ZTYiPjwvcmVjdD4KPHJlY3QgeT0iMSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iI2Q4ZDhkOCI+PC9yZWN0Pgo8L2c+Cjx1c2UgeGxpbms6aHJlZj0iI2MiIHg9IjMiIHk9IjMiPjwvdXNlPgo8L3N2Zz4=");

}

.bloqueClase .rvHora{
    float: left;
    color: #084B8A;
    font-size: 15px;
    width: 100%;
    font-weight: 700;
}

.bloqueClase .rvNombreCl{
        float: left;
        margin-right: 10px;
    font-weight: 600;
    font-size: 20px;
}


.bloqueClase .rvBox, .bloqueClase .rvOcupacion, .bloqueClase .rvCoach{
    float: left;
    color: #555;
    border-right: 1px solid #ccc;
    font-size: 12px;
    margin-right: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
}

.bloqueClase .rvCoach b{
    color: #2490f4;
    font-weight: 400;
}

.titRvClass, .titRvCancelDay, .titRvLink, .titRvAddDay{
    float: left;
    margin-left: 5%;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

.titRvCancelDay{
    color: red;
    margin-left: 10px;
    cursor: pointer;
}

.titRvAddDay{
    color: #2490f4;
    cursor: pointer;
}

.titRvLink{
    float: right;
    margin-right: 5%;
    color: #2490F4;
    text-decoration: none;
    cursor: pointer;
}

.titRvCancelDay:hover, .titRvLink:hover{
    text-decoration: underline;
}

.controlesClase{
    position: absolute;
    right: 14px;
    top: 41px;
}

.genButton{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:2px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    margin-left: 5px;
}


.genButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}
.genButton:active {
    position:relative;
    top:1px;
}

.rvApuntados{
    float: left;
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.atletaClase {
    float: left;
    min-height: 46px;
    padding-left: 90px;
    border: 1px solid #eee;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: 5px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.7);
}

.atletaClase.noAssist{
    padding-left: 60px;
}

.atletaClase.noAssist .atletaPic{
    left: 10px;
}

.checkAthlete, .signupAthleteLista {
    position: absolute;
    left: 5px;
    cursor: pointer;
    width: 30px;
    top: 0;
    height: 40px;
    bottom: 0;
    margin: auto;
}

.checkAthlete img, .signupAthleteLista img{
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.signupAthleteLista img{
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 50%;
    width: 14px;
    filter: grayscale(100%);
    height: 14px;
}

.signupAthleteLista img:hover{
    border-color: rgba(43, 177, 43, 0.75);
filter: none;
}

.atletaPic {
    position: absolute;
    border-radius: 50%;
    left: 40px;
    width: 40px;
    top: 0;
    cursor: pointer;
    height: 40px;
    bottom: 0;
    margin: auto;
}

.atletaNom {
    float: left;
    font-size: 14px;
    width: 100%;
        padding-top: 5px;
    font-weight: 600;
    cursor: pointer;
}

.rvApuntados .genButton{
    margin-top: 15px;
}

.atletaClase:hover .removeRes{
    display: block;
}

.removeRes{
        background-image: url('../Images/remove.svg');
    float: left;
    width: 18px;
    height: 18px;
    position: absolute;
    background-size: 100%;
    right: 0;
    top: 0;
    margin-top: -9px;
    margin-right: -9px;
    cursor: pointer;
    opacity: 0.8;
    display: none;
}

.removeRes:hover{
    display: block;
    opacity: 1;
}

#lookForClient{
    background-color: #fff;
    border-radius: 10px;
    padding-top: 20px;
    float: left;
}

#lookForClient .genericGrid{
        width: 100%;
}

#lookForClient .genericSearchRes{
        float: left;
    max-height: 350px;
    padding-right: 10px;
    overflow-y: scroll;
    width: 95%;
}

.rvClaseDesc{
    float: left;
    display: none;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.bloqueClase.detailed .rvClaseDesc, .bloqueClase.detailed .rvBoxPic, .bloqueClase.detailed .rvCoachPic, .bloqueClase.detailed .saltoBox{
    display: block;
}

.bloqueClase.detailed .rvCoach{
    color: transparent;
    border: none;
}

.bloqueClase.detailed .rvInfo{
        margin-top: 5px;
}

.bloqueClase.detailed .rvCoach b{
        display: block;
    font-size: 13px;
    margin-top: -3px;
    font-weight: 600;
    margin-left: 7px;
    color: #333;
}

.bloqueClase.detailed .controlesClase{
    top: 10px;
}

.bloqueClase.detailed .rvNombreCl{
    font-size: 23px;
    margin-bottom: 10px;
}
    
.rvBoxPic, .rvCoachPic{
float: left;
    width: 45px;
    margin-top: 5px;
    height: 45px;
    border-radius: 50%;
    margin-left: 10px;
    display: none;
}

.bloqueClase.detailed .rvBox, .bloqueClase.detailed .rvBoxDir{
    margin-left: 7px;
    font-size: 13px;
    display: block;
    border-right: none;
    margin-top: 18px;
    float: left;
    color: #333;
    font-weight: 600;
    margin-right: 0;
}

.rvBoxDir{
        display: none;
    clear: right;
    color: #555 !important;
    font-weight: 400 !important;
}

.rvCoachPic{
     float: left;
    width: 26px;
    height: 26px;
    margin-top: 10px;
    margin-left: 30px;
}

.bloqueClase.detailed .rvOcupacion{
     font-size: 13px;
    font-weight: 600;
    border: none;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: left;
    color: #444;
    background-image: url('../Images/people.svg');
    margin-top: 14px;
    padding-left: 26px;
}

.saltoBox{
    display: none;
}

.rvInfo{
        float: left;
    background-color: rgba(255, 0, 0, 0.75);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 3px;
    font-weight: 700;
    cursor: default;
    margin-top: 2px;
    margin-left: 5px;
    color: #fff;
    margin-bottom: 5px;
}


.rvCancell{
    background-color: rgba(255, 0, 0, 0.75);
}

.rvBooked{
    background-color: rgba(43, 177, 43, 0.75)
}

.rvLista{
    background-color: rgba(36,144,244, 0.75);
}

.rvFull{
    background-color: rgba(0, 0, 0, 0.75);   
}

.menuBoxUltimate{
position: relative;
    float: left;
    padding-left: 130px;
    border: 1px solid #ccc;
    min-height: 110px;
    padding-right: 20px;
    background-color: #fff;
    border-radius: 2px;
}

.homeLinkBoxPicUl{
    float: left;
    left: 20px;
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    top: 10px;
    cursor: pointer;
}

.enlacesBoxUl{
    float: left;
}

.enlacesBoxUl a{
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.enlacesBoxUl a img{
        float: left;
    width: 22px;
    height: 22px;
    margin-top: 6px;
}

.enlacesBoxUl a span{
    float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 3px;
    font-size: 12px;
    margin-top: 2px;
    color: #555;
    padding-right: 9px;
    line-height: 28px;
    font-weight: 700;
}

.enlacesBoxUl a:hover span{
    color: #084B8A;
}

.homeLinkBoxNameUl{
    float: left;
    margin-top: 25px;
    padding-left: 0px;
    font-weight: 700;
    font-size: 16px;
}

.linkUltimate{
    float: left;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
    background-position: left;
    background-size: 22px;
    background-repeat: no-repeat;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #555;
    text-decoration: none;
    padding-left: 25px;
    cursor: pointer;
}

.linkUltimate:hover{
    color: #084B8A;
}

.linkUltimate.schedule{
    background-image: url('../Images/historyGreen.svg');
}

.linkUltimate.diary{
    background-image: url('../Images/calendarGreen.svg');
    background-position: 3px -1px;
    background-size: 17px;
    margin-right: 5px;
}

.profileUsermN{
    float: left;
    margin-left: 35px;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.profileUsermN img{
    float: left;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    border-radius: 50%;
}

.profileUsermN span{
    float: left;
    margin-left: 7px;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 600;
    color: #000;
}

.conComo{
    font-size: 13px !important;
    margin-right: 10px;
    margin-top: -3px !important;
    margin-bottom: 3px;
    margin-left: 3px !important;
    color: #555 !important;
}

#tabsSchedule a {
    float: left;
    border: 1px solid #2e9afe;
    font-size: 13px;
    color: #2e9afe;
    margin-left: -1px;
    padding: 10px 5px;
    font-weight: 600;
    /* box-shadow: 0 0 1px #2e9afe; */
    min-width: 100px;
    cursor: pointer;
}

#tabsSchedule a.active {
    background-color: #2e9afe;
    border-color: #2e9afe;
    color: #FFF;
}

#tabsSchedule a, #fClTabs a {
    padding: 8px 10px;
    width: auto;
}

#tabsSchedule a:first-child, #fClTabs a:first-child {
    border-radius: 5px 0px 0px 5px;
}

#tabsSchedule a:last-child, #fClTabs a:last-child {
    border-radius: 0px 5px 5px 0px;
}

#tabsSchedule{
    display: inline-block;
    margin-bottom: 20px;
}

.bookDay{
        width: 90%;
    text-align: left;
    display: inline-block;
    padding: 5px 10px;
    text-shadow: 0 0 2px #fff;
    margin-bottom: -1px;
    font-weight: 700;
    border-radius: 2px 2px 0px 0px;
    font-size: 14px;
    z-index: 1;
    position: relative;
}

.sinClasesDiaRe{
        display: inline-block;
    text-align: left;
    background: #eee;
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px;
    border-radius: 2px;
    font-size: 14px;
    width: 85%;
    font-weight: 600;
    color: #555;
    text-shadow: 0 0 2px #fff;
    background-repeat: no-repeat;
    background-image: url('../Images/historyGray.svg');
    background-size: 32px;
    background-position: 10px;
    padding-left: 50px;
}

.misTarifas{
        display: inline-block;
    width: 90%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-image: url('../Images/profileBlue.svg');
    margin-top: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px;
}

.misTarifas span{
        width: 100%;
    float: left;
    font-size: 13px;
    text-align: left;
    text-indent: 30px;
    color: #2490f4;
}

.nextBirthdays{
    float: left;
    width: 325px;
}

.controlTitle{
    float: left;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    letter-spacing: 1px;
    padding-left: 10px;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
}



.nextBirthdays a img{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
}

.nextBirthdays a .name{
    float: left;
    margin-left: 37px;
    font-size: 13px;
    margin-top: 6px;
    font-weight: 600;
    margin-right: 80px;
}

.nextBirthdays a .day{
    float: left;
    position: absolute;
    letter-spacing: 1px;
    right: 0;
    text-transform: uppercase;
    color: #555;
    height: 17px;
    top: 0;
    font-weight: 600;
    bottom: 0;
    font-size: 11px;
    margin: auto;
}

.controlNotifs{
    float: left;
    width: 335px;
    text-align: left;
    margin-top: 30px;
}

#controlNotifsCon{
    float: left;
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
	min-width: 333px;
	min-height: 200px;
}

.controlPLeft{
    float: left;
    width: 345px;
}

.controlPRight{
    float: right;
    width: 640px;
    margin-left: 19px;
    margin-bottom: 20px;
}

.nextClass{
    float: left;
    text-align: left;
    width: 100%;
}

.nextClass .atletaClase{
    padding-left: 50px;
    min-height: 38px;
}

.nextClass .atletaNom{
    padding-top: 7px;
    padding-right: 10px;
}

.nextClass .atletaPic{
    left: 10px;
    width: 32px;
    height: 32px 
}

.nextClass .bloqueClase{
    width: 95%;
    margin-bottom: 0;
}

.activeClientsCtrl{
    float: left;
    margin-top: 45px;
    width: 630px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 2px #ccc;
    position: relative;
}

#chartActiveClients{
    width: 98% !important;
    padding: 1%;
    padding-top: 15px;
    border-radius: 2px;
}

.legendCon{
        float: left;
    padding: 0;
    width: 100%;
}

.legendCon ul{
    list-style: none;
    float: left;
    padding-left: 20px;
}

.legendCon ul li{
    display: inline-block;
    margin-right: 5px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.legendCon ul li span{
float: left;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    margin-right: 5px;
}

.clasesChartCtrl, .asisChartCtrl{
    float: left;
    width: 307px;
    margin-top: 0;
    box-shadow: 0 0 2px #ccc;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 30px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #ccc;
}



#chartAsisCon canvas, #chartClasesCon2 canvas, #chartAsisCon2 canvas, #chartClasesCon canvas, #chartAsisCon3 canvas, #chartAsisCon3 canvas{
float: left;
    width: 300px !important;
    height: 150px !important;
    margin-top: 10px;
    margin-left: 10px;
}


    
@media screen and (max-width: 700px) {

    .backsupport{
                left: 120px !important;
            }
            
    #chartAsisCon canvas, #chartClasesCon2 canvas, #chartAsisCon2 canvas, #chartClasesCon canvas, #chartAsisCon3 canvas, #chartAsisCon3 canvas{
        width: 200px !important;
        height: 100px !important;
    }

    
}

#chartClasesCon, #chartClasesCon2, #chartAsisCon, #chartAsisCon3, #chartAsisCon2, #chartClasesCon3{
    display: inline-block;
    width: 350px;
    margin-top: 10px;
    height: 175px;
}


#legendAsis ul, #legendClases ul{
    padding-left: 0px;
        width: 100%;
}

.nadieApuntadoClase{
    float: left;
    font-size: 13px;
    color: #555;
    margin-top: 5px;
}


.feedSupport{
        float: left;
    font-family: ImpactURW,Impact;
    color: #444;
    background-image: url(../../Images/kettlebellBlack.svg);
    font-size: 38px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    margin-left: 25px;
    margin-top: 15px;
}

.feedSupport span{
    color: #000;
}

.feedSupport2{
        float: left;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-left: 8px;
    margin-top: 34px;
}

.feedSupport3{
        float: left;
    width: 460px;
    margin-left: 48px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 4px;
    color: #222;
}

.feedMsgEnd{
        color: #222;
    float: left;
    font-size: 15px;
    width: 460px;
    font-weight: 400;
    margin-left: 35px;
        margin-top: 3px;
}

#feedbackDialogButtons a{
        float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    margin-top: 13px;
    padding: 5px 20px;
    margin-left: 30px;
    letter-spacing: 1px;
    font-weight: 600;
}

#feedbackDialogBox textarea{
    height: 135px !important;
}

.usPicOv{
    width: 100px;
    overflow: hidden;
    height: 100px;
    float: left;
    border-radius: 50%;
    border: 1px solid #ccc;
}

#cropImage {
    height: 100%;
    width: 100% !important; 
    float: left;
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
}

.cropRound div:nth-child(1){
    border-radius: 50%;
}

#imgCrop{
    float: left;
    max-width: 400px;
    max-height: 371px;
}

#cropImage .btnera{
    position: absolute;
    bottom: 10px;
}

.cmpcrFld #selFoto, .cmpcrFld .selCodeLnk, .cmpcrFld #selFotoIn, .cmpcrFld #delFoto, .cmpcrFld #calcularIBAN, .cmpcrFld #cargaTitularCliente, 
#editNewPricing .cmpcrFld a, #nwPrPrimerMesLnk, .cmpcrFldLink, #changePricing .cmpcrFld a, #pausePricing .cmpcrFld a, .cmpcrFld #gtFileDownload, .cmpcrFld #gtFileUpload{
    float: left;
    margin-left: 15px;
    font-weight: 600;
    color: #2490f4;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 10px;
    cursor: pointer;
} 

.cmpcrFld #gtFileDownload:hover, .cmpcrFld #gtFileUpload:hover, .cmpcrFld .selCodeLnk:hover{
    text-decoration: underline;
}

#editNewPricing .titBloque{
    width: 94%;
}

#editNewPricing .cmpcrFld a, #changePricing .cmpcrFld a, #pausePricing .cmpcrFld a{
    margin-top: 7px;
}
.cmpcrFldLink{
    margin-top: 6px;
}

.cmpcrFld #selFoto:hover, .cmpcrFld #delFoto:hover, .cmpcrFld #calcularIBAN:hover, .cmpcrFld #cargaTitularCliente:hover, 
#editNewPricing .cmpcrFld a:hover, #nwPrPrimerMesLnk:hover, #changePricing .cmpcrFld a:hover{
    text-decoration: underline;
}

.cmpcrFld #calcularIBAN, .cmpcrFld #cargaTitularCliente{
    margin-top: 6px;
}

.cmpcrFld .usPicOv img{
    width: 100%;
    height: 100%;
}

.reportsCol{
    float: left;
    width: 50%;
}

.reportsBlock{
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.reportUnit{
        float: left;
    width: 90%;
    border-radius: 2px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.reportUnit .hdr{
        float: left;
    width: 96%;
    border-top: none;
    border-left: none;
    margin: 0;
    padding: 8px 2%;
}

.reportUnit .hdr .reportTit{
        float: left;
    font-size: 13px;
}

.reportUnit .hdr .vwReport{
        float: right;
    font-size: 12px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-image: url(../../Images/rightGray.svg);
    background-position: right;
    background-size: 16px;
    height: 18px;
    padding-right: 22px;
    line-height: 18px;
    margin-right: 5px;
}

.reportUnit .reportDesc{
        float: left;
    width: 96%;
    padding: 7px 2%;
}

.brdcrmb1, .brdcrmb2, .brdcrmbSep{
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    margin-bottom: 20px;
}


.brdcrmb1{
    color: #2490f4;
    cursor: pointer;
}

.brdcrmb1:hover{
    text-decoration: underline;    
}

.repFilter{
        float: left;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 6px;
    padding: 15px 20px;
    margin-right: 10px;
}

.titleRepFilter{
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #666;
}

.fastDateRF{
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}

.genButton2 {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2490f4), color-stop(1, #1f76c2));
    background:-moz-linear-gradient(top, #2490f4 5%, #1f76c2 100%);
    background:-webkit-linear-gradient(top, #2490f4 5%, #1f76c2 100%);
    background:-o-linear-gradient(top, #2490f4 5%, #1f76c2 100%);
    background:-ms-linear-gradient(top, #2490f4 5%, #1f76c2 100%);
    background:linear-gradient(to bottom, #2490f4 5%, #1f76c2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2490f4', endColorstr='#1f76c2',GradientType=0);
    background-color:#2490f4;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
        border: 1px solid #2178c4;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}
.genButton2:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f76c2), color-stop(1, #2490f4));
    background:-moz-linear-gradient(top, #1f76c2 5%, #2490f4 100%);
    background:-webkit-linear-gradient(top, #1f76c2 5%, #2490f4 100%);
    background:-o-linear-gradient(top, #1f76c2 5%, #2490f4 100%);
    background:-ms-linear-gradient(top, #1f76c2 5%, #2490f4 100%);
    background:linear-gradient(to bottom, #1f76c2 5%, #2490f4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f76c2', endColorstr='#2490f4',GradientType=0);
    background-color:#1f76c2;
}
.genButton2:active {
    position:relative;
    top:1px;
}

.generaInforme{
    float: left;
    margin-top: 20px;
}

.pagoGenerado{
    float: left;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.titGen{
     float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700 !important;
    color: #2BB12B !important;
    border-right: 1px solid #ccc;
    padding-right: 8px;
    line-height: 23px;
    margin-right: 15px;
    margin-left: 0px !important;
    margin-top: 0 !important;
}

.pagoGenerado input[type="checkbox"]{
    margin-top: 6px;
    margin-left: 10px;
}

.pagoGenerado input[type="radio"]{
    margin-top: 4px;
    margin-left: 10px;
}

.pagoGenerado label{
    margin-top: 3px;
    min-width: auto;
    margin-bottom: 5px;
}

.pagoGenerado .concept{
        float: left;
    margin-top: 3px;
    font-weight: 600;
    color: #555;
    margin-left: 5px;
    margin-right: 20px;
    font-size: 12px;
}

.pagoGenerado a {
 font-size: 12px;
    float: left;
    font-weight: 600;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 5px;
    color: #2490f4;
    text-decoration: none;
}

.pagoGenerado a:hover{
    text-decoration: underline;
}

.checkCell{
    width: 16px !important;
    margin-top: 5px;
    height: 16px !important;
}

.brdCrmbCon .brdcrmb1, .brdCrmbCon .brdcrmbSep, .brdCrmbCon .brdcrmb2{
    margin-top: 30px;
}

.brdCrmbCon .brdcrmb1{
    color: #2BB12B;
}

.cmpcrFld span{
    float: left;
    font-weight: 600;
    color: #555;
    font-size: 13px;
    margin-top: 5px;
    margin-left: 5px;
}

.countPending, .countPendingChat{
        position: absolute;
    top: 2px;
    width: auto !important;
    height: 20px;
    color: #2490f4 !important;
    font-size: 13px !important;
    border-radius: 50%;
    right: 5px;
}

#buscaCliente, #fraccpago{
        float: left;
    margin-top: 5px;
    color: #2490f4;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

#buscaCliente:hover, #fraccpago:hover{
    text-decoration: underline;
}

#condicionesInicio, #dialogExchangecard, #ibanCalculator, #fichaHorario, #clientNotes, #previoCliente, #updateCash, #programarPub, #buyTarifa, #editOldPricing, #editNewPricing, 
#changePricing, #changeLevel, #pausePricing, #editClausula, #editPenalty, #editField, #editSection, #fullBoxAnalytics, #sendReceipt, #clientReminder, #clientReminders, #apuntarInvitado, #cambiarCapacidad, #horarioPop,
#invoiceGeneration, #importCompetitors, #pagoStripeCard, #pagoStripeCardp, #boxWODTV, #cptoWODTV, #editClasesInc, #vistaWODOptions, #printTicket, #addCart, #cartElems, #fixedReservationsEdit, #inviteCopyLink,
#bajaCliente, #insigniasList, #printCliente, #sharedDocsList, #clausulasAssign, #sharedDoc, #listaDocsCustom, #pagoConfirmTermsTPV, #evoFisList, #evoFisListAdd, #validateScore, #mixRankings,
#endQualyfier, #chatUsu, #myPurchases, #fichaCart, #guestData, #mensajeClase, #pagoboxConfirmTermsTPV, #editTarifasGrupos, #newInsignia, 
#reservationAlerts, #editHTNotes, #addDaySchedule, #addAppointment, #newAdCreation, #entryFichado, #updateFichado, #reminderCoach, #editNiveles,
#addReservationsMsg, #showTextoFirmado, #clientEventLog, #blockSpots, #disableMultipleSchedules, #copyTemplate, #addMultiTarifa, #bajaMultiTarifa, #formapagoMultiMod, #editcoachMultipleSchedules, #editsalaMultipleSchedules{
        background-color: #fff;
    border-radius: 10px;
    padding-left: 30px;
    height: auto !important;
    padding-top: 25px;
    padding-bottom: 10px;
    display: none;
}

#updateFichado{
    background-image: url(../Images/clock.svg);
    padding: 0px !important;
    padding-left: 19px !important;
    margin-top: 5px !important;
    background-size: 15px !important;
    background-position: left 6px !important;
    display: block !important;
}

#inviteCopyLink{
    padding-left: 0px;
}



#editNewPricing, #changePricing, #invoiceGeneration{
    overflow-y: scroll;
}

.dialogCalculator{
    float: left;
}

#condicionesInicioCon{
    float: left;
    height: 156px;
    overflow-y: scroll; 
    width: 94%;
}

#condfeedbackMsg, #ibanfeedbackMsg, #oldPricingMsg{
    position: absolute;
    margin-top: 0;
    width: 90%;
    background: rgba(36,144,244, 1);
    left: 4%;
}

#sepaErrors th{
    background-color: rgba(255, 129, 0, 0.85);
}

#sepaErrors th:first-child{
    border-left: 1px solid rgba(255, 129, 0, 0.85);
}

#titleResultSEPA{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: -26px;
}

.errorConfSEPA{
        float: left;
    
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #f00;
}

.conFullFix .feedbackMsg{
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

#selectedClient{
        float: left;
    color: #2490f4;
    font-size: 13px;
}

#selectedClient b{
    font-weight: 600;
    margin-top: 10px;
}

.rvTitWL{
        float: left;
    text-transform: uppercase;
    width: 100%;
    margin-left: 5px;
    margin-top: 20px;
    color: #084B8A;
    font-weight: 700;
    font-size: 13px;
}

.controlNotifs .notCon{
    width: 256px;
}

.generadorCargos{
        float: left;
    border: 1px solid #ccc;
    padding: 10px;
    margin-right: 15px;
    min-height: 51px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.generadorCargos label{
 float: left;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    font-weight: 600;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.generadorCargos select{
    float: left;
    font-size: 12px;
    margin-right: 10px;
    float: left;
    padding: 0 5px;
    border-radius: 2px;
    min-width: 120px;
    height: 26px;
}

.generadorCargos input{
        float: left;
    width: 41px;
    font-size: 12px;
    height: 22px;
    border-radius: 2px;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}

.generadorCargos a{
    float: left;
    font-size: 12px;
    margin-top: -2px;
    padding: 5px 12px;
    margin-left: 15px;
}

.cancelPaymentGen, #removePaymentGen{
    background-color: rgba(255,0,0, 0.65) !important;
    border: 1px solid red !important;
}

.cancelPaymentGen:hover, #removePaymentGen:hover{
    background-color: rgba(255,0,0, 0.85) !important;
}

.cancelPaymentGen.disabled, .cancelPaymentGen.disabled:hover{
        background-color: rgba(0,0,0, 0.25) !important;
    cursor: default;
    color: #555;
    border: 1px solid #888 !important;
}

#frmFichaPago #pagoCancelado, #frmFichaPago #pagoRemesa{
        float: left;
    color: red;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

#frmFichaPago #pagoRemesa{

    color: #2490f4;    
}

.generadorCargos .lbl{
        float: left;
    font-size: 13px;
    color: #333;
    margin-top: 3px;
    margin-right: 10px;
}

.generadorCargos .vle{
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-right: 20px;
    margin-top: 3px;
}

.generadorCargos input.hasDatepicker{
    background-image: url('../Images/calDatepicker.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 24px;
    background-position: 5px;
    margin-right: 15px;
    width: 75px;
}

.loadingContentBF{
    position: fixed;
    right: 0;
    height: 100%;
    display: none; 
    z-index: 1;
    top: 127px;
    background: rgba(255, 255, 255, 0.8);
    left: 205px;
}

.loadingContentBF div{
        position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    margin: auto;
    background: rgba(0,0,0,0.8);
    width: 200px;
    border: 1px solid #000;
    box-shadow: 0 0 2px #000;
    border-radius: 10px;
    padding: 15px;
}

.loadingContentBF div img{
        float: left;
    margin-right: 15px;
    width: 40px;
}

.loadingContentBF div span{
        float: left;
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}

.cmpcrFld .genericSearchRes{
    float: left;
    width: 400px;
}

.cmpcrFld .genericSearchRes table{
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 8px;
}


.noResultAgenda{
    width: 100%;
    text-align: center;
    font-size: 17px;
    background-image: url("../Images/history.svg");
    background-size: 42px;
    color: #fff;
    top: 0;
    height: auto;
    width: 300px;
    background: rgba(0,0,0,0.7);
    display: inline-block;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 32px;
    box-shadow: 0 0 2px #000;
    padding: 30px;
    border-radius: 10px;
}

#primerMesCondCon{
    float: left;
    margin-bottom: 10px;
}

.countFMC{
    color: #2BB12B !important;
}

.clientNote{
    float: left;
    padding: 10px;
    position: relative;
    width: 445px;
    border-top: 1px solid #ccc;
    padding-left: 53px;
        min-height: 35px;
}

.clientNote img{
    float: left;
    width: 35px;
    position: absolute;
    height: 35px;
    border-radius: 50%;
    left: 10px;
}

.clientNote .desc{
    float: left;
    text-align: left;
    font-size: 14px;
    padding-top: 3px;
    margin-top: 0px;
        margin-right: 45px;
}

.clientNote .date{
     float: left;
    font-size: 11px;
    margin-top: 5px;
    color: #888;
    letter-spacing: 1px;
    position: absolute;
    right: 10px;
}

.clientNote .name{
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    color: #555;
    padding-right: 70px;
    text-align: left;
}

#contenidoNotasCliente{
        overflow-y: scroll;
    
    margin-top: 20px;
    height: 325px;
    width: 540px;
}

#contenidoNotasCliente .clientNote:last-child{
    border-bottom: 1px solid #ccc;   
}

#clientNotes .genButton{
        float: left;
    font-size: 13px;
    margin-top: 31px;
}

.clientNote .bin{
    background-image: url(../Images/bin.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: absolute;
    background-repeat: no-repeat;
    right: 5px;
    top: 12px;
    opacity: 0.7;
    cursor: pointer
}

.clientNote .bin:hover{
    opacity: 1;
}

.nextBirthdays .genericGrid tr{
    min-height: 30px;
}

.nextBirthdays .genericGrid td{
    font-size: 12px;
    padding: 0px 5px;
        height: 34px;
}

.nextBirthdays .genericGrid td span{
    font-size: 12px;
}

.chartControl2Con{
    float: left;
    margin-top: 45px;
}

.chartControl2Con .controlTitle, .chartControl3Con .controlTitle{
    float: left;
    margin-top: -25px;
}

.activeClientsCtrl .controlTitle{
    float: left;
    margin-top: -25px;
}

.inactivoDesde{
        float: right;
    top: 0;
    margin-top: -35px;
    position: absolute;
    right: 68px;
}

.inactivoDesde label{
    min-width: 0;
}

.activeClientsCtrl .genericSearchRes{
    overflow-y:scroll;
    max-height: 230px;
}

.regTipoWODs a:hover .titTWRWod{
    color:  rgba(43,177,43, 1);
}

.regTipoWODs a:hover .titTWRWodDesc{
    color: #000;
}

#formRegNovedades .addRest:hover, #cmdPublicar:hover, #cmdPublicarLuego:hover, #cmdPublicarLuegoDo:hover, #cmdPublicarAhora:hover{
    background: rgba(36,144,244, 1) !important
}

.checkNotifBox{
    float: left;
    margin-left: 10px;
}

.checkNotifBox label{
        float: left;
    margin-left: 5px;
    font-size: 14px;
    margin-top: 3px;
}

.checkNotifBox input{
    float: left;
}

.publicacionCoach{
    display: none;
}

#regNovedad.asBox .publicacionCoach{
    display: block;
text-align: left;
}

#regNovedad.asBox #cmdPublicar{
    display: none !important;
}


#cmdPublicarLuegoDo{
    float: left;
    margin-left: 0;
}

#cmdPublicarLuego, #cmdPublicarAhora{
    float: left;
}

.controlesBox .misTarifasBox{
        position: relative;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    background-size: 19px;
    margin-bottom: 5px;
    padding: 2px 10px;
    box-shadow: 0 0 2px #000;
    line-height: 28px;
    padding-left: 24px;
    background-position: 5px;
    border: 1px solid #fff;
    cursor: default;
    background-image: url(../Images/profileBlue.svg);
    background-repeat: no-repeat;
}

.controlesBox .misTarifasBox span{
        display: inline-block;
    height: 28px;
    font-weight: 600;
    color: #2490F4;
    line-height: 32px;
    margin-left: 5px;
}

.bunchRadios{
    float: left;
}

.bunchRadios label{
    min-width: 0;
    margin-right: 5px;
}

.boxLinksHome{
     float: left;
    width: 631px;
    background-size: 100%;
    margin-top: 10px;
    height: 170px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 1px 1px #555;
    background-color: rgba(0,0,0,0.8);
    position: relative;
}

.boxLinksHome .boxName{
    font-weight: 700;
    display: inline-block;
    position: relative;
    font-size: 32px;
    box-shadow: 0 0 2px #000;
    background: rgba(0,0,0,0.7);
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 10px;
    margin-top: 25px;
    color: #fff;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 5px #000;
    letter-spacing: 1px;
}

.boxLinksHome .boxName:hover{
    background-color: rgba(36,144,244, 0.7);
    text-shadow: 0 0 2px #333;
}

.boxLinksHome .boxName span{
    float: left;
    max-width: 500px;
    height: 52px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.boxLinksHome .boxName img{
    float: left;
    width: 45px;
    border-radius: 50%;
    margin-top: 3px;
    box-shadow: 0 0 2px #000;
    margin-right: 10px;
}

.boxLinksHome .controlesBox{
        float: left;
    width: 100%;
    position: absolute;
    bottom: 20px;
        margin-top: 2px;
}

.boxLinksHome .controlesBox .enlaceMainHome {
    margin-right: 5px;
    margin-left: 5px;
    float: none;
    position: relative;
    display: inline-block;
    min-width: auto;
}

#publicProgramadas{
    float: left;
    margin-left: 22px;
    margin-top: 35px;
    width: 580px;
    text-align: left;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.nadieWODProg{
    font-size: 14px;
    color: #555;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px
}

.filaWOD{
    float: left;
    position: relative;
    min-height: 54px;
    padding-left: 57px;
        min-width: 525px;
    padding-top: 7px;
    margin-top: 5px;
    border-top: 1px solid #eee;
}

.filaWOD img{
    width: 47px;
    height: 47px;
    position: absolute;
    box-shadow: 0 0 2px;
    left: 0;
    border-radius: 50%;
}

.filaWOD .creatorName{
    float: left;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 600;
}

.filaWOD .privateNames{
    float: left;
    font-weight: 600;
    width: 100%;
    color: #333;
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.filaWOD .wodDate{
    float: left;
    width: 50%;
    color: rgba(36,144,244, 1);
    cursor: pointer;
    margin-top: 4px;
    margin-left: 10px;
    font-size: 14px;
}

.filaWOD .wodDate:hover{
    text-decoration: underline;
}

.filaWOD .postDate{
        float: left;
    font-size: 14px;
    color: #555;
    margin-bottom: 7px;
}

.filaWOD .deletePost, .filaWOD .editPost, .filaWOD .cast, .filaWOD .repeatPost{
        position: absolute;
    background-repeat: no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    opacity: 0.8;
    background-position: center;
}

.filaWOD .deletePost:hover, .filaWOD .editPost:hover, .filaWOD .cast:hover{
    opacity: 1;
}

.filaWOD .deletePost{
        right: 10px;
    background-image: url(../Images/bin.svg);
}

.filaWOD .editPost{
    right: 38px;
    background-size: 17px;
    background-image: url(../Images/editGrid.svg);
}

.filaWOD .cast{
    right: 99px;
    background-size: 23px;
    background-image: url(../Images/castBlue.svg);
}

.filaWOD .repeatPost{
right: 68px;
background-size: 20px;
background-image: url(../Images/repeatGreen.svg);
}

#nwPrPrimerMes{
    display: none;
}

#nwPrPrimerMesLnk{
    margin-left: 0 !important;
}

#tarifaSelector{
    float: left;
    width: 95%;
}

#proximosPagos{
        float: left;
    width: 100%;
    margin-top: 8px;
}

#proximosPagosCon{
    width: 75%;
    float: left;
    max-height: 250px;
    overflow-y: scroll;
}

#proximosPagos input[type="checkbox"]{
        margin-top: 2px;
    margin-right: 0;
}

.addTarifa.pay{
    
    background-image: url(../Images/pagosGreen.svg);
        margin-left: 15px;
}

.addTarifa.change{
        background-image: url(../Images/historyGreen.svg);
    margin-left: 15px;
    background-size: 22px;
    padding-left: 25px;
}

.addTarifa.refresh{
        background-image: url(../Images/refreshGreen.svg);
    margin-left: 15px;
}

.addTarifa.pause{
        background-image: url(../Images/pause.svg);
        margin-left: 15px;
    background-size: 22px;
    padding-left: 23px;
}

.addTarifa.gift{
        background-image: url(../Images/giftcard.svg);
    margin-left: 15px;
    background-size: 22px;
    padding-left: 25px;
}

#infoTipoPago{
    width: 500px;
    margin-left: 10px;
}

.sloganAnalytics{
    float: left;
    font-size: 38px;
    line-height: 36px;
}

#fullBoxAnalytics .sloganAnalytics{
    font-size: 28px;
}

#fullBoxAnalytics .sloganAnalytics2{
    font-size: 16px;
    background-size: 16px;
    background-position: left 1px;
    margin-left: 51px;
    padding-left: 21px;
}


.sloganAnalytics span{
    
        float: left;
    color: #444;
    font-weight: 600;
}

.sloganAnalytics2{
            float: left;
    background-image: url(../Images/progresoTL.svg);
    font-size: 23px;
    background-size: 18px;
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 23px;
    margin-left: 63px;
}

.filterBxAnytcs{
    float: right;
}

.fastDateXN{
    float: left;
    color: #2490F4;
    font-weight: 600;
    margin-right: 10px;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 8px;
    margin-top: 6px;
}

.fastDateXN:hover{
    text-decoration: underline;
}

#fullBoxAnalytics #sloganAnalytic{
    float: left;
}
.stUltimoWODtit{
    float: left;
    font-size: 14px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: left;
    color: #555;
    margin-bottom: 5px;
}
.allDistr{
    float: left;
    width: 170px;
}

.bloqueDis{
        float: left;
    width: 56px;
    margin-top: 10px;
    max-width: 125px;
    text-align: center;
}

.bloqueDis img{
            display: inline-block;
    width: 38px;
}

.bloqueDis span{
    float: left;
    font-size: 10px;
    color: #555;
    width: 100%;
}

#perStr, #perMet, #perGym{
        float: left;
    font-size: 18px;
margin-top: 5px;
    font-weight: 600;
}


.blowBoxAnlytcs{
    float: left;
    width: 260px;
    margin-bottom: 15px;
    margin-right: 25px;
    margin-top: 15px;
}

#chartDistrCon{
    width: 75px;
    margin-top: 15px;
    float: left;
    margin-right: 8px;
}

.anlytcsNors{
        font-size: 14px !important;
    color: #2490F4;
    float: left;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: normal !important
}

.bwRM, .bwRank{
        float: left;
    letter-spacing: 1px;
    color: #2490f4;
    margin-right: 5px;
    min-width: 36px;
    text-align: right;
}

.bwRank{
       color: #2BB12B;
        min-width: 20px;
        font-size: 13px
}

.bwValue{
float: left;
    color: #333;
    margin-right: 5px;
    font-weight: 600;
    min-width: 36px;
    font-size: 14px;
    text-align: right;
    margin-left: 10px;
    line-height: 16px;
}

.bwName, .bwRecord{
        float: left;
    font-size: 13px;
    color: #444;
    font-weight: 400;
}

.bwRecord{
    color: #2490f4;
    margin-left: 5px;
}

.bwDate{
        float: right;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 3px;
    font-weight: 600;
}


.bwRow{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}


#stTipowodsCon span{
        float: left;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-right: 16px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 2px;
}

#stTipowodsCon span b{
        color: #2BB12B;
}

#fullBoxAnalytics{
    min-height: 500px !important;
}

#fechaWodPubli{
    float: left;
    font-weight: 700;
    letter-spacing: 1px;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    color: #084B8A;
}

.clasesDisp{
    float: right;
    text-align: right;
    margin-right: 5%;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

.cusAtletaRut{
    float: left;
}

.cusAtletaRut a{
    float: right;
}

.cusAtletaRut {
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    margin-right: 10px;
    border-radius: 0px;
    line-height: 22px;
    padding: 8px 10px;
    margin-right: 10px;
}

.cusAtletaRut a{
    background-image: url(../Images/checked.svg);
    width: 18px;
    height: 18px;
    background-size: 14px;
    margin-left: 7px;
    float: right;
    opacity: 1;
    margin-right: -5px;
    cursor: pointer;
    padding: 2px;
    background-repeat: no-repeat;
    background-position: center;
}

.cusAtletaRut a:hover{
    background-image: url(../Images/removeRed.svg);
    opacity: 0.6;
}

#listaAtletasCustom{
    float: left;
    width: 595px;
    border-radius: 5px;
    margin-left: 20px;
}

#listaAtletasCustom .titCusAt{
        float: left;
    width: 100%;
    font-size: 13px;
    margin-left: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2BB12B;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 15px;
}

.checkNew{
        border: 1px solid rgba(43,177,43, 1) !important;
    box-shadow: 0 0 2px rgba(43,177,43, 1);
        background-image: url(../Images/badgeGreen.svg) !important;
}

.checkNew:hover{
    color: rgba(43,177,43, 1) !important;
}

.bloqueMejora .titulo.nuevo{
        background-image: url(../Images/new.svg) !important;
    color: #2BB12B;
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 27px;
}

.indicator{
    float: left;
    width: 7px;
    border-radius: 50%;
    height: 7px;
    margin-right: 8px;
    margin-left: 0px !important;
    margin-top: 5px;
}

.indicator.green{
        background-color: #2BB12B;
    box-shadow: 0 0 1px 1px #2BB12B;
}

.indicator.yellow{
    background-color: #ff9900;
    box-shadow: 0 0 1px 1px #ff9900;
}

.indicator.red{
    background-color: #d82727;
    box-shadow: 0 0 1px 1px red;
}

.fwScheduled{
    float: left;
    letter-spacing: 1px;
    width: 590px;
    font-weight: 600;
    color: #2BB12B;
    padding-top: 10px;
    border-bottom: 1px solid #2BB12B;
    padding-bottom: 8px;
    text-transform: uppercase;
    margin-left: 20px;
    margin-top: 10px;
}

.titPagosACancelar{
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
}

.pagoACancelarRw{
        float: left;
    font-size: 13px;
    padding-left: 20px;
    width: 90%;
    margin-bottom: 5px;
    color: #a50505;
    font-weight: 600;
}

.gridCount{
        float: left;
    width: 94.5%;
    text-align: right;
    margin-bottom: -5px;
    text-transform: uppercase;
    margin-top: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #555;
}

.exportCSV, .exportTicket, .exportMails, .exportFast, .exportMessage, .exportPDF, .exportMoney{
background-image: url(../Images/csv.svg);
    margin-left: 20px;
    background-size: 17px;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-size: 12px;
    margin-top: 35px;
    color: #024e02;
    margin-bottom: -5px;
    height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    background-position: 2px 3px;
    float: right;
    margin-right: 15px;
    line-height: 27px;
    font-weight: 600;
}

.exportCSV:hover, .exportTicket:hover, .exportMails:hover, .exportFast:hover, .exportMessage:hover, .exportPDF:hover, .exportMoney:hover{
    text-decoration: underline;
}

.exportFast{
background-image: url(../Images/checkedGray.svg);

margin-left: 0px;

background-size: 16px;

background-position: 2px 4px;
}

.exportMoney{
    background-image: url(../Images/linkmoney.svg);
    margin-left: 0px;
    background-size: 20px;
    background-position: 0px 1px;
}

.exportTicket{
    background-image: url(../Images/printer.svg);
    margin-left: 0px;
    color: #353565;
}

.exportPDF{
background-image: url(../Images/pdf.svg);

margin-left: 0px;



text-decoration: none;

background-size: 22px;

background-position: left 1px;
}

.exportMails{
    background-image: url(../Images/emailing.svg);
        margin-top: 5px;
    margin-right: -5px;
    background-size: 21px;
    padding-left: 23px;
    background-position: left 0px;
}

.exportMessage{
background-image: url(../Images/chat.svg);
margin-top: 5px;
margin-right: -5px;
background-size: 21px;
padding-left: 25px;
background-position: left 2px;
}

.monthRes{
        float: left;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #333;
    cursor: pointer;
    padding-bottom: 3px;
}

.momentRes{
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 1px;
    cursor: pointer;
    letter-spacing: 1px;
    padding-bottom: 1px;
}

.momentRes b, .monthRes b{
    color: #084B8A;
}

.periva{
    position: absolute;
    color: #555;
    margin-top: 12px;
    font-size: 15px;
    letter-spacing: 1px;
    margin-left: 5px;
}

.ivaPlan{
    float: left;
    font-size: 15px;
    margin-left: 29px;
    font-weight: 600;
}

.totalPlan{
font-size: 14px;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 18px;
    margin-top: 36px;
    margin-left: 29px;
}

.totalRes{
    float: left;
}

#privWOD{
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-left: 10px;
    width: 218px;
    margin-top: 20px;
    margin-bottom: 7px;
    height: 30px;
}

.marcaCustomWOD{
    float: left;
    background: url(../Images/lock.svg);
    width: 26px;
    height: 26px;
    margin-left: 10px;
    background-size: 26px;
    margin-top: 13px;
}

#genSepaCmd{
    margin-bottom: 25px;
}

.marcadorColor{
    float: left;
        position: absolute;
    left: 0;
    height: 100%;
    width: 4px;
    top: 0;
}

#privWOD + .select2, #checkNotifica + .select2, #lockComments + .select2{
    float: left;
    margin-top: 6px;
    font-size: 12px;
    margin-right: 5px;
    width: 200px !important;
    font-weight: 600;
}

#checkNotifica + .select2{
    width: 190px !important;
}


/* The switch - the box around the slider */
.switchCheck {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
}

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

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

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

input:checked + .sliderCheck {
  background-color: #2BB12B;
}

input:focus + .sliderCheck {
  box-shadow: 0 0 1px #2BB12B;
}

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

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

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

.crwRFTContent {
    float: left;
    padding-top: 5px;
    padding-left: 10px;
}

.bgRWep{
        float: left;
    position: absolute;
    opacity: 0.2;
    left: 0;
    top: 0;
    width: 100%;
}

.notasWODIL{
    float: left;
    background-size: 16px;
    background-image: url(../Images/infoPR.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    border-radius: 5px;
    padding-left: 34px;
    font-size: 13px;
    padding-top: 7px;
    margin-bottom: 8px;
    border: 1px solid #fff;
    margin-left: 10px;
    margin-top: 8px;
    box-shadow: 0 0 1px #555;
    width: 250px;
    height: 23px;
    margin-right: 15px;
}

.notasWodILtl{
    float: left;
    background-size: 16px;
    background-image: url(../Images/infoPR.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 31px;
    color: #555;
    font-size: 14px;
}

ul.ui-autocomplete {
        overflow: hidden;
    list-style: none outside none;
    margin-left: 1px;
    margin-top: -1px;
    box-shadow: 0 0 2px #000;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 2px;
    position: absolute !important;
}

.rowCols.colorp1 b{
    color: #2BB12B;
}

.rowCols.colorp2 b{
    color: red;
}

.updateCash, .filterControl, #updateFichado{
    background-image: url(../Images/cashRegister.svg);
    margin-left: 20px;
    background-size: 19px;
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 12px;
    margin-top: -28px;
    color: #024e02;
    margin-bottom: -5px;
    height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    background-position: left;
    float: right;
    margin-right: 15px;
    line-height: 27px;
    cursor: pointer;
    font-weight: 600;
}

.updateCash:hover, .filterControl:hover, #updateFichado:hover{
    text-decoration: underline;
}

.filterControl.updatecharts{
        background-image: url(../Images/refreshBlue.svg);
    color: #2E9AFE;
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: left;
    height: auto;;
}

.updateCash.graph{
    background-image: url(../Images/progressGreen.svg);
}

#updateFichado{
    background-image: url(../Images/clock.svg);   
}

.filterControl{
        background-image: url(../Images/filter.svg);
    background-position: left 5px;
    padding-left: 22px;
}

.cmpcrFld2{
    float: left;
        margin-right: 20px;
        margin-bottom: 10px;
            min-height: 30px;
        text-align: left;
}

.cmpcrFld2 .select2{
    margin-left: 8px;
    min-width: 159px;
    float: left;
}

.select2-container--default .select2-selection--single{
    outline: none;
}

#previoCliente{
    padding-left: 250px;
    min-height: 212px !important;
}

#prClPic{
        position: absolute;
    left: 25px;
    border-radius: 50%;
    width: 200px;
    box-shadow: 0 0 2px;
}

#prClName{
        float: left;
    font-size: 22px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}

#prClFijo, #prClMovil{
    background-repeat: no-repeat;
    float: left;
    background-image: url(../Images/phoneBox.svg);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #222;
    padding-left: 20px;
    background-size: 16px;
    background-position: left;
    margin-right: 15px;
}


#prClMail{
    background-repeat: no-repeat;
    float: left;
    background-image: url(../Images/mail.svg);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    padding-left: 20px;
    margin-top: 8px;
    text-decoration: none;
    background-size: 16px;
    color: #084B8A;
    background-position: left;
    margin-right: 15px;
    cursor: pointer;
    outline: none;
}

#prClMail:hover{
    text-decoration: underline;
}

#prClMemberships{
    float: left;
    margin-top: 10px;
    font-weight: 600;
    color: #333;
    font-size: 13px;
}

#prClPending{
    float: left;
}

#prClNotes{
    float: left;
    font-size: 14px;
}

    

.controlNotifs .select2, .nextBirthdays .select2{
    width: 100% !important;
}


.controlBajasGen .genericSearchRes {
    overflow-y: scroll;
    max-height: 230px;
}

.controlBajasGen .genericSearchRes{
    float: left;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 2px #ccc;
    margin-top: 5px !important;
    position: relative;
}

.controlBajasGen tr td, .nextBirthdays tr td{

    cursor: pointer;
}

.rateStationsTime{
    font-size: 12px;
}

#mtoRoutine {
    background-color: #FFFFFF;
    border-radius: 5px;
    overflow-y: scroll;
}

.addReminder{
       color: #2BB12B !important;
    background: none !important;
    background-size: 18px !important;
    border: none !important;
    background-image: url(../Images/bell.svg) !important;
    letter-spacing: 0px !important;
    font-size: 14px !important;
    text-transform: none !important;
    background-position: left !important;
    height: 26px;
    background-repeat: no-repeat !important;
    padding-left: 23px !important;
    padding-top: 0px !important;
    line-height: 26px;
    margin-top: 2px;
    padding-bottom: 0px !important;
    cursor: pointer;
}

.addReminder:hover{
    text-decoration: underline;
}

#contenidoRecordatoriosCliente {
    overflow-y: scroll;
    margin-top: 20px;
    height: 325px;
    width: 540px;
}

#contenidoRecordatoriosCliente .clientNote:last-child{
        border-bottom: 1px solid #ccc;
}

.bloqueRecordatorioHm{
    float: left;
    width: 537px;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 55px;
    min-height: 37px;
    padding-bottom: 10px;
}

.bloqueRecordatorioHm img{
    float: left;
    border-radius: 50%;
    left: 10px;
    width: 35px;
    position: absolute;
    top: 10px;
    height: 35px;
}

.bloqueRecordatorioHm .rmTitHm{
        float: left;
    font-weight: 600;
    font-size: 13px;
}

.bloqueRecordatorioHm .rmTitDate{
        float: right;
    letter-spacing: 1px;
    color: #555;
    font-weight: 700;
    font-size: 11px;
}

.bloqueRecordatorioHm.alert .rmTitDate{
        background-image: url(../Images/bellBlue.svg);
    color: #2490f4;
    background-size: 15px;
    background-repeat: no-repeat;
    padding-left: 19px;
    line-height: 16px;
}

.bloqueRecordatorioHm .rmMensaje{
    float: left;
    margin-top: 5px;
}

.bloqueRecordatorioHmCon{
        float: left;
    width: 630px;
    box-shadow: 0 0 2px #ccc;
    max-height: 200px;
    border-radius: 2px;
    margin-left: 0px;
    border: 1px solid #ccc;
    overflow-y: scroll;
        background: #fff;
}

.bloqueRecordatorioHmCon .bloqueRecordatorioHm:last-child{
    border-bottom: none;
}

.nextReminders{
    margin-top: 15px;
    float: left;
}

.bloqueRecordatorioHm .rmMark{
    background-image: url(../Images/checkGreen.svg);
    color: #2BB12B;
    font-weight: 700;
    background-size: 17px;
    font-size: 13px;
    cursor: pointer;
    background-repeat: no-repeat;
    padding-left: 21px;
    margin-top: 5px;
    line-height: 17px;
    padding-top: 0px;
    float: right;
}

.bloqueRecordatorioHm .rmMark:hover{
    text-decoration: underline;
}

.reminderClientRw{
    float: left;
    width: 100%;
}

.reminderClientRwTit{
    float: left;
    font-weight: 600;
    margin-right: 10px;
    font-size: 13px;
}

.reminderClientRwMsg{
    float: left;
    font-size: 13px;
}

.reminderClientRwDate{
        font-size: 12px;
    letter-spacing: 1px;
    color: #555;
    margin-right: 10px;
    float: left;
    font-weight: 600;
    margin-top: 1px;
    margin-left: 5px;
}

#conReminders .titBloque{
    background-image: url(../Images/bellBlue.svg);
    color: #2490f4;
    background-size: 15px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 1px;
}

.reminderClientRwMark{
    background-image: url(../Images/checkGreen.svg);
    float: left;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    background-size: 100%;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 5px;
}

.avisoRojoImportante{
        float: left;
    color: red;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.navwodlnks{
        width: 631px;
        text-align: center;
}
.navwodlnks a{
    color: #2490f4;
    text-decoration: none;
    font-weight: 600;
    margin-left: 5px;
    float: left;
    margin-right: 5px;
}



.navwodlnks a:hover{
    text-decoration: underline;
}

.navwodlnks .logoMenuText:hover{
    text-decoration: none;
}

.avisoMiembroBox{
        border: 1px solid #eee;
    float: left;
    margin-top: 10px;
    border-radius: 2px;
    padding: 10px;
    width: 610px;
}

.avisoMiembroBox span{
        float: left;
    font-size: 14px;
    margin-bottom: 0px;
}

.avisoMiembroBox span:first-child{
        float: left;
    font-size: 16px;
        margin-bottom: 5px;
    font-weight: 600;
}

.avisoMiembroBox a{
        color: #2490f4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background-image: url(../Images/checkBlue2.svg);
    margin-top: 10px;
    float: left;
    background-repeat: no-repeat;
    background-size: 18px;
    line-height: 20px;
    background-position: left;
    padding-left: 22px;
}

.avisoMiembroBox a:hover{
    text-decoration: underline;
}


.rvTitWL.linkCan{
        cursor: pointer;
    color: red;
    background-image: url(../Images/downRed.svg);
    background-size: 15px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 16px;
}

.rvTitWL.linkCan:hover{
    text-decoration: underline;
}

.lnkVistaSemanal{
        float: left;
    background-image: url(../Images/weekly-calendar.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 29px;
    line-height: 28px;
    background-color: #2490f4;
    cursor: pointer;
    opacity: 0.85;
        text-decoration: none;
    border-radius: 3px;
    color: #fff;
    left: 0;
    background-position: 8px;
    font-weight: 600;
    padding-right: 10px;
    border: 1px solid #ccc;
    position: absolute;
    margin-left: -189px;
}

.lnkVistaSemanal:hover{
    opacity: 1;
}

#horarioPop{
        padding-left: 15px;
    padding-right: 15px;
    max-height: 500px;
    overflow-y: scroll;
}

#popDayNames a {
    float: left;
    width: 98px !important;
    font-weight: 600;
    border-left: 1px solid transparent;
    margin-left: 5px;
    padding-bottom: 6px;
    text-transform: uppercase;
    border-radius: 10px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    color: #fff;
    background-color: rgba(36,144,244, 0.8);
    border: 1px solid #eee;
    padding-top: 6px;
    margin-right: 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

#popDayNames a:first-child{
    border-left: 0;
}

#popDayNames a span {
    float: left;
    width: 100%;
}

.popDayContentClasses{
        float: left;
    position: relative;
    text-align: center;    
    
    border-left: 1px solid transparent;
}

.popBloqueClase{
    position: absolute;
    width: 76%;
    border-radius: 3px;
    border: 1px solid #eee;
    font-weight: 600;
    padding: 0px 9%;
    margin-top: -1px;
    background-color: #fff;
    height: 46px;
    z-index: 1;
    text-align: left;
}

.popBloqueClase:hover{
    z-index: 100;
    box-shadow: 0 0 2px;
    width: 76% !important;
}

.pbcHora{
    float: left;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    overflow: hidden;
    width: 100%;
    color: #555;
}

.pbcNombreCl{
    float: left;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    overflow: hidden;
    width: 100%;
}

.pbcOcupacion{
float: right;
    text-align: right;
    font-size: 10px;
    color: #555;
}

.pbcCoach{
    float: left;
    font-size: 10px;
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 65%;
    font-weight: 600;
}

.pbcDarkness{
    position: absolute !important;
    background: rgba(0,0,0,0.15);
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
}

#popDayContent .timeSeparator{
    position: absolute;
    width: 100%;
    border-top: 1px solid #eee;
    left: 0;
    font-size: 11px;
    text-align: left;
    font-weight: 700;
    text-indent: 5px;
    letter-spacing: 1px;
    color: #555;
}

#popDayContent{
    position: relative;
    float: left;
}

#horarioPop .select2{
    float: left;
}

#popDayContent.forceBloqueLeft .popBloqueClase{
    left: 0 !important;
    width: 76% !important;
}

#weekDays .hasBookmark{
    float: left;
    background-image: url(../Images/bookmark.svg);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: top;
    padding-top: 17px;
    padding-bottom: 3px;
}

#tabsCashControl, #tabsCashControl2{
        float: left;
    position: absolute;
    margin-top: -25px;
    left: 150px;
}

#tabsCashControl a, #tabsCashControl2 a{
        float: left;
    font-weight: 700;
    margin-right: 10px;
    cursor: pointer;
    color: #444;
    font-size: 13px;
}

#tabsCashControl a.active, #tabsCashControl2 a.active{
    color: rgba(43,177,43, 1);
}

#tabsCashControl a:hover, #tabsCashControl2 a:hover{
    text-decoration: underline;
}

.conMenuVer .pieFijo{
    left: 202px;right: 0;width: auto;
}

.submitTPVImage{
        display: inline-block;
    width: 201px;
    cursor: pointer;
}

.pagaEligeModo{
    display: inline-block;
        margin-top: 5px;
    margin-bottom: 15px;
}

.pagaEligeModo input{
    float: left;
}

.pagaEligeModo label{
        float: left;
    margin-left: 4px;
    font-size: 13px;
    margin-top: -2px;
    font-weight: 700;
    color: #333;
}

.openMenuWOD{
    float: right;
    font-size: 12px;
    font-weight: 600;
    background: #fafafa;
    margin-right: 10px;
    border: 1px solid #aaa;
    padding: 5px 15px;
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 94%;
    line-height: 13px;
    background-image: url(../Images/downGray.svg);
    border-radius: 2px;
    color: #444;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-right: 27px;
    text-shadow: none;
}


.openMenuWOD:hover{
    background-color: rgba(25, 103, 175, 0.9);
    border-color: rgba(25, 103, 175, 1);
    color: #fff;
    background-image: url(../Images/downWhite.svg);
}

.menuTLWOD{
    float: left;
    position: absolute;
    right: 10px;
    z-index: 2;
    width: 113px;
    padding-top: 5px;
    margin-top: 36px;
    border-radius: 3px;
    padding-bottom: 5px;
    display: none;
    box-shadow: 0 0 2px #000;
    background-color: #fff;
}

.menuTLWOD a{
    float: left;
    text-align: left;
    width: 87px;
    cursor: pointer;
    font-size: 12px;
    text-shadow: none;
    font-weight: 600;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 3px 13px;
}

.menuTLWOD.menuTLEjer{
    left: 32px;
    right: auto;
    margin-top: 11px;
    width: 175px;
}

.menuTLWOD.menuTLEjer a{
    width: 149px !important;
}

.menuTLWOD a:hover{
    background-color: rgba(25, 103, 175, 0.9);
    border-color: rgba(25, 103, 175, 1);
    color: #fff;
}

.contenidoEjersWOD{
        float: left;
    padding-bottom: 10px;
    width: 635px;
    margin-left: -1px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.loadingWrapper{
    opacity: 0.4;
}

.bloqueComplexTL{
    padding-left: 10px;
    width: 100%;
    padding-right: 20px;
    background-image: url(../Images/chains.svg);
    margin-top: 2px;
    float: left;
    background-repeat: no-repeat;
    background-position: 14px;
    background-size: 20px;
}

.titleBenchmark {
    float: left;
    margin-top: 2px;
    margin-left: 7px;
    margin-bottom: 9px;
    padding-right: 3px;
    padding-top: 2px;
    padding-left: 3px;
    padding-bottom: 2px;
}

.titleBenchmark .nameDesc {
    float: left;
    letter-spacing: 1px;
    margin-top: 4px;
    font-size: 10px;
    color: #777;
    font-weight: 600;
}

.titleBenchmark .mainName {
    float: left;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 7px;
    color: #000;
}

.tlEjer {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.tlEjer .ejName, .tlEjer .rateValue {
    float: left;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    padding-right: 5px;
    text-align: left;
    line-height: 14px;
    margin-bottom: 4px;
}

.tlEjer .rateValue {
    float: left;
    font-size: 14px;
    text-transform: none;
    padding: 0px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 6px;
    background: none;
    margin-right: 5px;
    line-height: 12px;
    text-shadow: none;
    letter-spacing: 0;
}

.wodResultRightTit {
    float: left;
    letter-spacing: 1px;
    margin-top: 1px;
    text-transform: uppercase;
    margin-right: 5px;
    color: #2BB12B;
    font-size: 12px;
}

.wodResultRight {
    font-weight: 700;
    font-family: inherit;
    font-size: 13px;
    letter-spacing: 1px;
    position: relative;
    color: #2BB12B;
    float: left;
    text-transform: uppercase;
    text-shadow: none;
    text-align: left;
    margin-bottom: 4px;
    margin-right: 0;
}
.regWodFooter {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 10px;
    margin-top: 5px;
    text-align: right;
}

.linkImagesTl {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.linkImagesTl img {
    float: left;
    height: 45px;
    border-radius: 3px;
    margin-right: 8px;
    opacity: 0.7;
    margin-top: 5px;
}

.iniciaComplex {
    color: #6FC5D6;
    float: left;
    text-transform: uppercase;
        width: 100%;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    margin-left: 43px;
    letter-spacing: 1px;
    text-align: left;
}

.bloqueComplexTL {
    padding-left: 10px;
    width: 100%;
    padding-right: 20px;
    background-image: url(../Images/chains.svg);
    margin-top: 2px;
    float: left;
    background-repeat: no-repeat;
    background-position: 14px;
    background-size: 20px;
}
.bloqueComplexTL .tlEjer{
    padding-left: 33px;
}

.wodRXil{
    color: red;
    display: inline-block;
    margin-left: 5px;
}

.tlEjer .tlPR {
    float: left;
    background-image: url(../Images/recordsGold.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    font-size: 13px;
    height: 14px;
    display: inline-block;
    width: 17px;
}

.notasWodIL{
    float: left;
    background: url(../Images/infoPR.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    /*width: 100%;*/
    text-indent: 17px;
    background-position: 10px 2px;
    font-size: 13px;
    text-align: left;
    line-height: 15px;
    padding-left: 10px;
    min-height: 20px;
    color: #666;
    word-wrap: break-word;
    padding-right: 10px;
    margin-bottom: 5px;
    padding-top: 2px;
}

.cabeceraActivityTL .cabeceraDay{
    float: right;
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
    letter-spacing: 1px;
    padding-top: 3px;
    line-height: 14px;
    text-transform: uppercase;
}

.bloqueWODrw{
    float: left;
    width: 100%;
}


.bloqueWODrw.doComplex .crwContent, .bloqueWODrw.doComplex .bloqueComplex{
    opacity: 0.3;
} 

.bloqueWODrw.doComplex .crwDelEj, .bloqueWODrw.doComplex .addRw, .bloqueWODrw.doComplex .linkMarkComplexImg, .bloqueWODrw.doComplex .crwWodFooter .crwResult, .bloqueWODrw.doComplex .notasWODIL,
.bloqueWODrw.doSplit .crwDelEj, .bloqueWODrw.doSplit .addRw, .bloqueWODrw.doSplit .linkMarkComplexImg, .bloqueWODrw.doSplit .crwWodFooter .crwResult, .bloqueWODrw.doSplit .notasWODIL{
    display: none;
}

.bloqueWODrw.doComplex .crwSelEj, .bloqueWODrw.doComplex .cancelComplex, .bloqueWODrw.doComplex .saveComplex, .bloqueWODrw.doComplex .infoComplex,
.bloqueWODrw.doSplit .crwSelEj, .bloqueWODrw.doSplit .cancelSplit, .bloqueWODrw.doSplit .saveSplit{
    display: block;
}


.cancelComplex, .cancelSplit{
    display: none;
    margin-left: 10px;
    margin-bottom: 8px;
}

.saveComplex, .saveSplit{
      color: #00a200;
    display: none;
}

.linkMarkComplex{
    background-repeat: no-repeat;
    color: #6FC5D6;
    height: auto;
    position: relative;
    background-position: left 1px;
    border-radius: 7px;
    float: left;
    background-color: #fff;
    text-transform: uppercase;
    z-index: 1;
    margin-bottom: -21px;
    position: absolute;
    background-size: 17px;
    margin-top: 0px;
    font-size: 11px;
    font-weight: 600;
    padding-right: 2px;
    line-height: 22px;
    padding-left: 2px;
    margin-left: 21px;
    letter-spacing: 1px;
}

.linkMarkComplexImg{
    bottom: 0;
    padding-top: 2px;
    padding-bottom: 3px;
    width: 32px;
    background-color: #fff;
    margin: auto;
    position: relative;
    padding: 4px;
    float: left;
    margin: auto;
    bottom: 0;
    left: 0;
    cursor: pointer;
    top: 0;
    position: absolute;
    z-index: 1;
    margin-left: -5px;
    opacity: 0.8;
}

.linkMarkComplexImg:hover{
    opacity: 1;
}


.bloqueComplex{
    float: left;
    margin-left: 15px;
    width: 530px;
    border-top: 1px solid #6FC5D6;
    position: relative;
    margin-bottom: 5px;
    padding-left: 40px;
    padding-right: 30px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6FC5D6;
    margin-right: 15px;
}

.bloqueComplex .crwDelEj{
    display: none;
}

.infoComplex{
    display: none;
    float: left;
    background-image: url(../Images/infoPR.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px;
    height: 32px;
    color: #03A9F4;
    margin-left: 10px;
    line-height: 32px;
    padding-left: 30px;
    margin-top: 6px;
    font-size: 14px;
}

.headerBox .usHeaderFootLeft{
        position: absolute;
    right: 10px;
    z-index: 1;
    top: 10px;
    border-radius: 2px;
    padding: 5px;
    background: rgba(0,0,0,0.6);
        font-weight: 600;
}

.headerBox .usHeaderFootLeft.lock{
    background-image: url(../Images/lockWhite.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.bloqueComplex .crwEjName{
    padding-left: 10px;
}

.colSortable{
    cursor: pointer;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.colSortable.orderAsc{
    background-image: url(../Images/upWhite.svg);   
    padding-left: 22px !important;
}

.colSortable.orderDesc{
    background-image: url(../Images/downWhite.svg);   
    padding-left: 22px !important;
}

.postAutoSc{
    float: left;
    margin-top: 6px;
}

.postAutoSc .switchCheck{
    float: left;
}

.postAutoSc span{
        float: left;
    margin-left: 5px;
    margin-right: 20px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 1px;
}


input:checked + .sliderCheck.fb {
      background-color: rgba(48, 78, 145, 1);
    background-image: url(../Images/fb.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 7px;
}

input:focus + .sliderCheck.fb {
  box-shadow: 0 0 1px rgba(48, 78, 145, 1);
}
input:checked + .sliderCheck.tw {
  background-color: rgba(0,172, 237, 1);
  background-image: url("../Images/twitterWhite.png");
  background-size: 12px;
    background-repeat: no-repeat;
    background-position: 7px;
}

input:focus + .sliderCheck.tw {
  box-shadow: 0 0 1px rgba(0,172, 237, 1);
}

.unlinkAccount{
        float: left;
    color: #cc0000;
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.unlinkAccount:hover{
    text-decoration: underline;
}

#claseWODCon{
    float: left;
    margin-top: 6px;
    font-weight: 600;
    text-align: left;
}

#claseWODCon .select2-container{
    min-width: 150PX;
}

.bqWdClas{
        float: left;
    text-align: left;
    width: 100%;
    padding: 5px 0;
    color: #555;
    background-image: url(../Images/clock2.svg);
    background-size: 12px;
    font-size: 13px;
    text-indent: 27px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ccc;
    background-position: 10px;
}

.bloqueNovedad.highlighted{
    background-color: #ffffe9;
}

.highlightedPost{
    background-image: url(../Images/warning.svg);
    background-repeat: no-repeat;
    font-size: 12px;
    color: #da8f07;
    width: 100%;
    margin-top: -5px;
    padding-top: 8px;
    background-color: #fff;
    padding-bottom: 6px;
    text-indent: 30px;
    background-size: 14px;
    border-bottom: 1px solid #ccc;
    background-position: 10px;
    float: left;
}


.checkAviso{
        float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    background-color: #fff;
}

.checkAviso a{
    float: left;
    width: 100%;
    padding-top: 8px;
    text-align: center;
    opacity: 0.9;
    padding-bottom: 5px;
    cursor: pointer;
}

.checkAviso a div{
    display: inline-block;
}

.checkAviso a div span{
    float: left;
    font-weight: 600;
    font-size: 13px;
    margin-left: 6px;
    line-height: 20px;
}

.checkAviso a div img{
    float: left;
    width: 20px;
}

.doAvisoSi{
    border-right: 1px solid #ccc;
}

.titHighlight{
        float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #555;
    letter-spacing: 1px;
    margin-top: -5px;
    font-size: 13px;
    padding: 5px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

#hotAvisosBox{
    margin-bottom: 0;
}

.highlightedRead{
        background-repeat: no-repeat;
    font-size: 12px;
    background-color: #fff;
    float: left;
    padding-left: 29px;
    padding-top: 2px;
    width: 592px;
    margin-top: -5px;
    border-bottom: 1px solid #ccc;
    padding-right: 10px;
    background-position: 10px;
    background-size: 16px;
}


.highlightedRead img{
    float: left;
    width: 28px;
    height: 28px;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 50%;
    cursor: pointer;
}

.highlightedRead span{
    float: left;
}

.menuIrBlog{
    float: right;
    font-family: 'Fjalla One', sans-serif;
    text-decoration: none;
    color: #2BB12B;
    font-size: 19px;
    margin-top: 8px;
    margin-right: 10px;
}

.menuIrBlog:hover{
    text-decoration: underline;
}

.oweClass{
    color: red;
}

.searchListbnme{
    color: #555;
    float: right;
}

.datosEmisor{
        float: left;
    margin-bottom: 20px;
}

.emisorTitle{
    float: left;
    color: #2BB12B;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
}

.emisorCon{
        float: left;
    margin-top: 5px;
    margin-right: 20px;
}

.lblEmisor{
        float: left;
    font-size: 13px;
    color: #333;
}

.valEmisor{
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}


.headerFuerza{
    float: left;
    background-size: 26px;
    background-position: 7px 9px;
    background-image: url(../Images/weight.svg);
    background-repeat: no-repeat;
}

.headerWU{
    float: left;
    background-size: 20px;
    background-position: 7px 10px;
    background-image: url(../Images/fire.svg);
    background-repeat: no-repeat;
}

.headerWU .wodName{
    margin-left: 33px;
}

.headerWU .crwResult{
    margin-left: 36px;
}

.headerFuerza .wodName{
    margin-left: 40px;
}

.headerTLFuerza .regWodHeader{
    float: left;
    background-size: 26px;
    background-position: 10px 5px;
    background-image: url(../Images/weightBlue.svg);
    background-repeat: no-repeat;
    padding-left: 31px;
    padding-top: 5px;
    margin-bottom: 2px;
}

.headerTLWU{
    margin-top: 10px;
    min-height: 40px;
}

.headerTLFuerza{
    margin-top: 10px;
}

.headerTLWU .regWodHeader{
    float: left;
    background-size: 26px;
    background-position: 10px 0px;
    background-image: url(../Images/fireRed.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 5px;
        margin-top: 0px;
    padding-bottom: 2px;

}

.headerTLWU .tocaShowWU{
        position: absolute;
    left: 15px;
    font-size: 9px;
    top: 25px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #888;
    text-transform: uppercase;
}

.forceShowWU .tlEjer, .forceShowWU .linkImagesTl, .forceShowWU .regWodFooter{
    display: block;
}

.forceShowWU .regWodHeader{
    padding-bottom: 0px;
}

.subWodCon{
    position: relative;
    float: left;
    width: 600px;
}


.ftFinished{
    float: right;
    background-image: url(../Images/checked.svg);
    width: 26px;
    height: 26px;
    opacity: 0.9;
    margin-bottom: 12px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 13px;
    background-size: 24px;
    margin-left: 5px;
}

.ftFinished.notfinished{
    background-image: url(../Images/remove.svg);
    opacity: 0.7;
}

.rnAddWod, .rnFireWod, .rnFuerzaWod, .rnSearchWod, .rnFavWod{
    background-position: 7px;
    background-image: url(../Images/addWhite.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 26px !important;
    width: 115px;
    padding-right: 0px !important;
}

.rnFireWod{
        background-image: url(../Images/fireWhite.svg);
    background-size: 18px;
    padding-left: 30px !important;
}

.rnFuerzaWod{
    background-image: url(../Images/weightWhite.svg);
    background-size: 20px;
    padding-left: 33px !important;
}

.rnSearchWod{
        background-image: url(../Images/searchWhite.svg);
    background-size: 21px;
    padding-left: 30px !important;
    background-position: 5px;
}

.rnFavWod{
        background-image: url(../Images/starWhite.svg);
    background-size: 20px;
    background-position: 5px 5px;
    padding-left: 30px !important;
}

.stripeConnect{
    float: left;
    width: 200px;
    cursor: pointer;
    margin-left: 100px;
    background-size: 200px;
    background-repeat: no-repeat;
    opacity: 0.9;
}   
.stripeConnect img{
    float: left;
    width: 200px;
}
.stripeConnect:hover{
    opacity: 1;
}

.stripeConnect:active{
    margin-top: 1px;
}

.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;

  background-image: -webkit-linear-gradient(#28A0E5, #015E94);
  background-image: -moz-linear-gradient(#28A0E5, #015E94);
  background-image: -ms-linear-gradient(#28A0E5, #015E94);
  background-image: linear-gradient(#28A0E5, #015E94);

  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;

  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

  cursor: pointer;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px !important;
  height: 30px;

  background: #1275FF;
  background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);

  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.stripe-connect span:before {
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}

.stripe-connect:active {
  background: #005D93;
}

.stripe-connect:active span {
  color: #EEE;

  background: #008CDD;
  background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);

  -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect:active span:before {

}

.stripe-connect.light-blue {
  background: #b5c3d8;
  background-image: -webkit-linear-gradient(#b5c3d8, #9cabc2);
  background-image: -moz-linear-gradient(#b5c3d8, #9cabc2);
  background-image: -ms-linear-gradient(#b5c3d8, #9cabc2);
  background-image: linear-gradient(#b5c3d8, #9cabc2);
  
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect.light-blue span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);

  background: #f0f5fa;
  background-image: -webkit-linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  background-image: -moz-linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  background-image: -ms-linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  background-image: linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
    
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}

.stripe-connect.light-blue:active {
    background: #9babc2;
}

.stripe-connect.light-blue:active span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);

  background: #d7dee8;
  background-image: -webkit-linear-gradient(#d7dee8, #e7eef6);
  background-image: -moz-linear-gradient(#d7dee8, #e7eef6);
  background-image: -ms-linear-gradient(#d7dee8, #e7eef6);
  background-image: linear-gradient(#d7dee8, #e7eef6);
    
  -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
  -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
}

.stripe-connect.dark {
  background: #252525;
  background: rgba(0,0,0,0.5) !important;
}

/* Images*/

.stripe-connect span:before, .stripe-connect.blue span:before {
  background-image: url("data:image/png;base64,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");
}

.stripe-connect.light-blue span:before {
  background-image: url("data:image/png;base64,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");
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

  .stripe-connect span:before, .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAIbklEQVRoBdVZa5BURxU+fZ9z57mzs7PvF4i7srAQSCifMVDERC0jYlzUlJalKeGPlCnL/NEfywpWacoiVZRVJIYfGjGUu5bxj5qHFSAYyQOBEsJzYSHDvnd2dp535j66PX1vNgsULDPs1cr2Vs+9e7v79NfnnnP663MJYwwWYxEWI2iOedEClxabxgkBwjEvOuA9PQOOlSw64JMr4vK8GidYYMcOES4tVSEAAZ8FAUqon1GiAJEEEG0CjFB8cTaxZUMAo1gEqQA0UABprAjPbrUwXnkesgqKP8CBk5vDIenrE+BKmwI+MawA1MbCkdV10cBDflXuVmSxQRbFkCAQZ9U2ZTaONyxKcyXDHjMs83ImV3rz6njmDRPMUZB80zAJOuvvsflkXpTP7DrWyeXcYCqk75AEieawrEoty1vrvlcV0ja3VQdb1rVUQVd9EFqqNIj5ZfDJooPBsCnohq2ldDMynC42XZnW7z09lu25lMxDMl34y0gyvTsBwyewc84Z4MEPpWIzF/MBcLLtNzJISmxZU+PmWETbtqGzfvVja5uguyF02+kCIEJUk6Ex4oMV9XP9ZnQT/nZ24it7XrtoJ5LZ7SjAM+Bg2+0ckAOcbBkQIaZFVzY1bGurjezYfn87PNQZ5+13ZaQRXMzH26Lg8ymfUokQdAR59INOc53GQ6q/Jiiua6oJ7+h9uAPua47cHeLrwHEmQRmTGLHV6x4v+JYwWsOFCGRDn6RKem1rPPrkN9Y0uqAXLN4VwCgjYGEE8rBgMAjwKsF9S9WgLa9qjYcf+Po9jXdlGrfC5Wj8Vg0Lf+ZENAFmpGB9TWTLhmUxUD1UDg/gtudRnK+a4RtkgqQyO+RT5LVrmiLgJcN19gcGNojUWriS5yRQm7pcBTc/vyCKdW1RrWwzOTiYhGf+dRUmcgZosgDVfgWaMCS2V2tO+OzG0MiVjdUwiFiYm9a7O4kJAoZEooV9H4T0O0ofODkKr5+6+nY6V3heVZQpv6ZWaz55qSJJnXjtUBW5pT7k8xeK5u+B0PQdBVbQgTLq9HbQYthyNVSmTT6A/nB0aGpF0K99+trY1F7TNI9PZGXkKUVRtYjGZCIOV1dHR4Ynz8FSLV8BrjK6uiAlpLcmco1ipmgpAaU8rfesboCuumBg31uJbx6+qH0uX9D/em0i85xFhaslKZKA8/82RtYDhd/1MkCuBnjxrLgKB0EQSb5oWO+9O1bZrsy3+Kc3dcH+b99b07NuyXe6P9r8z/am+C9lkuqCjo4qGGkQES76qJcuz/2GOlUoFuVsQS+98frlaSeq8Gkqqctrg7Dz853wwrfugUfXtj3W3tJ8oCletRUEXy1SCSSYHhdu41gFqILcZCrzwkvnJmE0U3JtHefiL7eS2l7th11f7IQ9j65aVh+r+nlzbd2TELJrHPLmIXZX3wyBX8MTQMm8PJ0u9Pe9chGQYy9omvXouHu/thJqI+Ef1sZDm0AMBmfPiQsSPDuY2zhWwSH5ISU5Pjm98x9nRo7+7JVBB3wl5nJz35Vo/z/esBQUVf2+QlkD9Aw42/Ts3Au7ushdAhQ5UzJoOjE+OrV9/1tDR7cNnIax7N2bDX9nm1bUQXdz9Rp/MLwRoqAtDOzcaO7rvDrAWW8vhcatWVNjF6cmJre9embkz1947h3YfXgIUgVzblQldxgFH0ZOr/qULwM15k4Zlci4Vd9ZU5ltY71oObHBnBFQBidmUk8kEsOP7Hntwqsb974NfS8PAh7LKoo23Hw+2R4FQcSzKlDPgFOEyf8kx3HW94kQ7xJgRRdAJG7CyIWxgiXNUN0+k5nJLN83k3n8D8eHN3+1ux5+8uBHIKiWt1G1Rn3IJkiUCcQzU3G0h9qWHMeJdoSrwtr9dl6I6DNjFwRRyxiKnStSqkPJPsGSmZ+mp1P9z2dzOy3Klj31yMdmX9S8V75APEsomMZwT9fz9i6vkW9AvEgQyqrBQM2Dq9rrD0gCgXfHA0jpjIRm2Zcw+3CR2tZl27SnMZFSZ1lWcRwZITeDckresAEXaoKwwBh7/WQubgTOQj5BVjdv7KiBJz7bztMNcHIk03JiONNyfiK/ntv2VMHAMx6BjpoA/Gj9Emdjul7W7e6TeQNDK9WJLRm361P5c1drEmAaymaYoXpfjZoiOk7FHWuh5dxEHmzLHiXM9oyTz9FawRZw65f5yyzXBMpd0JGhFKB5nSwRMVvumDv2cxm4m1f5X4AuWhRePDUOtqEPQJVVGfWcBz1ahmPlTlxzqaJLquYZU1HTvjcTMD6dOULM0n+g5nKposHzdWbo7FgEkDBviWlYx++53XtQ33kvDU8dHAJm6L8usdwEZn09S3qiPed5lcCSLUpI0eEA8620zLbDl6bh8T+egkI+/7Rl6kegcTSPst1QUKaM+brhrjnF2yUQJNxnrGMnR7KbTw5nYFVjyAl98w2+VdvVlA67Dw3BgROjAKa+yyrpz0BKTbJnez1NT6AKrrnA1bEi1av2v3xaiL90dnxL2Kc0rsXc4WpcQEc8AEtiGrRiejmK6WWeMDIxtVwwKExijB5KFuBYIg1cy8dx0dTQ/yQVc78yBXMIqJ5i/VvvkqHdSjXuM/THKy7w2LQJ6fpJms38QiHGvlzBt+RwJv2JQ2elbjyRtjIi1AIRMAsKPuQduHVzr2YW+kIBE5BTwOzzxLKOiMX8QVuWh00IpqD+S0WHtLlzefpLBOZo/IYvEqQPnTX5dxmy4xookqaCjRuT4mMi8g3bxs2KCkj3GFj4+QSzA0RkeskU8iCJeUiBDv09Jt8OPEV6k7DlP3gxxh/dAPymPh/Kf5d897dIOd9P7H8oEd4G1JV8wPGbRadx52sgLmrRAZ99EZ5+LZgV+v+4Llrg/wX6HRCxgvzAAwAAAABJRU5ErkJggg==");
  }

  .stripe-connect.light-blue span:before {
    background-image: url("data:image/png;base64,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");
  }
}

.poweredStripe{
        float: left;
    height: 32px;
    margin-top: 30px;
}

.poweredGC{
     float: left;
    width: 116px;
    margin-top: 10px;
    margin-right: 10px;
}

#pagoConStripeDetails, #pagoConGCDetails{
    float: left;
    border: 1px solid #424273;
    position: relative;
    border-radius: 2px;
    padding: 15px 20px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    padding-right: 15px;
}

.stripeTitlePay{
    float: left;
    width: 100%;
    font-weight: 700;
    margin-bottom: 5px;
    color: #424273;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}

#pagoConStripeDetails .cmpcrFld, #pagoConGCDetails .cmpcrFld{
    margin-bottom: 0;
}

#pagoConStripeDetails .poweredStripe, #pagoConGCDetails .poweredStripe{
    position: absolute;
        right: 15px;
    top: 15px;
    margin-top: 0;
}

#pagoConGCDetails .poweredStripe{
        height: 14px;
    margin-top: 2px;
}

#refundStripe, #refundGC{
float: right;
    color: #fff;
    font-size: 13px;
    border: 1px solid #e33535;
    border-radius: 3px;
    padding: 4px 10px;
    cursor: pointer;
    font-weight: 600;
    background: red;
}

#bt_cardInfoCon{
    float: left;
    border: 1px solid #424273;
    position: relative;
    border-radius: 2px;
    padding: 15px 20px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    padding-right: 15px;
    width: 595px;
}

#bt_cardInfoCon .poweredStripe{
    position: absolute;
        right: 15px;
    top: 15px;
    margin-top: 0;
}


.datosPagoOnline{
    float: left;
}

.wtvType{
    float: left;
    background-image: url(../Images/checkBox.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: left 1px;
    margin-top: 10px;
    cursor: pointer;
    padding-right: 25px;
        background-size: 16px;
}

.wtvTypeTit{
        float: left;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
    color: #2BB12B;
}

.wtvTypeMsg{
    float: left;
    width: 100%;
    font-size: 13px;
    color: #333;
}

.wtvType.active{
    background-image:url(../Images/checkBlueBox.svg);   
}

#pagoCanceladoReac{
    float: left;
    color: #1695a5;
    cursor: pointer;
    font-weight: 600;
    margin-top: -8px;
}

#pagoCanceladoReac:hover{
    text-decoration: underline;
}

.limitSizeGrid{
    float: left;
    max-height: 400px;
    width: 95%;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.limitSizeGrid .genericGrid{
    width: 100%;
}

.pgPndClStrp{
float: left;
    min-width: 300px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

.pgPndClStrp .stripe-connect{
    float: right;
}

.pgPndClStrp span{
    padding: 0px;
}

.pgPndClStrpTitle{
        float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

.pgPndClStrpFrom{
    float: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
}

.pgPndClStrpConcept{
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-top: 3px;
    color: #000;
    margin-bottom: 9px;
}

.pgPndClStrpPay{
    float: right;
}


.pgPndClStrpAmount{
        float: right;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #000;
    margin-left: 10px;
    margin-top: 3px;
}

.tabsStripeCon{
        float: left;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
    padding: 10px 20px;
}

.tabStripe{
        float: left;
    width: 48%;
    margin: 0 1%;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    color: #555;
    letter-spacing: 1px;
    font-weight: 600;
}

.tabStripe.active{
    color: #2490f4;
}

.tabStrpCon{
    float: left;
}

.resCompetiEmpty{
float: left;
width: 98%;
cursor: default;
margin-bottom: 5px;
font-weight: 600;
color: #555;
font-size: 13px;
padding: 20px 0%;
border: 1px solid #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(204, 204, 204);
border-top: 0px;
}

#cpfotoSel, #cpfotohdrSel, #cpfotocatSel{
    float: left;
    border-radius: 2px;
    margin-left: 31px;
    max-width: 200px;
    max-height: 200px;
    cursor: pointer;
    border: 1px solid #ccc;
}

#cpfotoSel.unselected, #cpfotohdrSel.unselected, #cpfotocatSel.unselected{
        background-color: #eee;
    padding: 50px;
    width: 100px;
}

#listaTallas, #listaTallasVol{
    float: left;
    margin-bottom: 10px;
    margin-left: 150px;
}

#listaTallas a, #listaTallasVol a{
    float: left;
    font-weight: 700;
    font-size: 17px;
    margin-right: 10px;
    cursor: pointer;
        width: 100%;
}

#listaTallas a:hover, #listaTallasVol a:hover{
    color: red;
}

#resumenCompetis{
    text-align: center;
}
.resCompeti{
position: relative;
display: inline-block;
width: 98%;
margin-right: 20px;
min-height: 150px;
margin: 0px;
border-bottom: 1px solid #ccc;
background: #ffffff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}

.resCompeti img{
    float: left;
    width: 150px;
    background-color: #fff;
    max-height: 150px;
    margin: 10px;
}

.resCompeti img.unselected{
width: 50px;
padding: 50px;
border-radius: 0px;
background-color: #fafafa;
box-shadow: 0 0 1px #ccc;
}

.resCompeti .name{
float: left;
font-size: 16px;
margin-top: 10px;
font-weight: 700;
}

.resCompeti .date{
float: left;
color: #333;
letter-spacing: 1px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 600;
}

.resCompeti .count{
        float: left;
    
    margin-right: 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.resCompetiCon{
    float: left;
    margin-left: 13px;
}

.resCompeti .controlesGuardarFicha{
    float: left;
    width: 100%;
    margin-top: 10px;
    bottom: 10px;
}

.resCompeti .controlesGuardarFicha a{
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 0px;
text-transform: none;
font-weight: 600;

}

.filtroProductos{
    float: none;
    display: inline-block;
    padding-right: 3%;
    position: relative;
    margin-top: 25px;
    padding-left: 3%;
}

.filtroProductos .cmpcrFld label{
    min-width: 0px;
}

.filtroProductos .addTarifa{
    float: right;
    top: -40px;
    width: auto;
    margin-right: 0px;
    position: relative;
    margin-left: 15px;
}

#frmProducto, #frmCategoria, #frmOferta, #frmNivel{
    display: inline-block;
    text-align: left;
}

#frmProducto label, #frmCategoria, #frmNivel{
    text-align: left;
}

#fotoFichaProducto{
    float: left;
}




#frmProducto .usPicOv, #frmFichaBanner .usPicOv{
        border-radius: 0;
    margin-left: 150px;
    margin-top: 5px;
    width: 200px;
    height: 200px;
    position: relative;
}

.bloqueProducto{
        float: left;
    width: 230px;
    padding-left: 5px;
    position: relative;
    padding-right: 5px;
    margin-top: 30px;
    margin-right: -1px;
}

.bloqueProducto img{
    display: inline-block;
    width: 180px;
    height: 180px;
    cursor: pointer;
}

.bloqueProducto .pdName{
display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 17px;
    font-weight: 700;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 210px;
    text-overflow: ellipsis;
    margin-top: 10px;
        width: 100%;
}

.bloqueProducto .pdDesc{
    float: left;
}

.bloqueProducto .pdPrice{
    float: left;
    text-align: center;
    margin-left: 20px;
    font-size: 19px;
    margin-top: 4px;
    font-weight: 700;
}


.pdSepartor, .pdSepartorLeft{
    background-image: url(../Images/line_vertical.png);
    float: left;
    width: 1px;
    height: auto;
    background-size: 100%;
    top: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    right: 0;
}

.pdSepartorLeft{
    left: 0;
    right: auto;
}

#listadoProductos{
    display: inline-block;
        margin-bottom: 50px;
}

.pdSell{
        float: right;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 0;
    opacity: 0.8;
    font-weight: 600;
    margin-right: 11px;
    text-transform: uppercase;
    width: 100px;
    margin-top: 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,43a0f2+44,2490f4+100 */
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #43a0f2 44%, #2490f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7abcff 0%,#43a0f2 44%,#2490f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7abcff 0%,#43a0f2 44%,#2490f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#2490f4',GradientType=0 ); /* IE6-9 */

}

.pdSell:hover{
    opacity: 1;
    box-shadow: 0 1px 1px #ccc;
}

.pdSell:active{
    margin-top: 9px;
}

.pdNotFound{
    display: inline-block;
    font-family: 'Fjalla One', sans-serif;
    color: #555;
    font-size: 24px;
    margin-top: 50px;
    background-image: url(../Images/shopGray.svg);
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 113px;
    border-radius: 5px;
    letter-spacing: 0px;
    padding-bottom: 20px;
    border: 1px solid #eee;
    padding-right: 20px;
    background-size: 75px;
    background-color: #fafafa;
    padding-left: 20px;
}

.competiCat{
    float: left;
    margin-top: 10px;
    box-shadow: 0 0 2px #2BB12B;
    background: #fff;
    padding: 10px;
        padding-top: 20px;
            padding-left: 20px;
    border: 1px solid #2BB12B;
        position: relative;
    border-radius: 3px;
    max-width: 750px;
}

.borrarCptoCat{
        position: absolute;
    height: 24px;
    width: 24px;
    right: 10px;
    top: 15px;
    cursor: pointer;
    background-image: url(../Images/bin.svg);
    background-size: 100%;
}

.bloqueComplex .menuTLWOD{
    left: 10px;
    margin-top: 0px;
    top: 50%;
}

.atletaClase.oweClassSch{
        border: 1px solid red;
    box-shadow: 0 0 2px red;
}

.debeClaseSch{
    color: red;
}

.infoEmpresa span, .ticketRow span, .ticketData .ticketTitle{
    font-size: 12px !important;
}

.newClientMenu{
        float: left;
    background-image: url(../Images/newClient.png);
    width: 18px;
    height: 18px;
    opacity: 0.8;
    cursor: pointer;
    margin-top: 6px;
    background-size: 18px;
    margin-left: 5px;
}

.newClientMenu:hover{
    opacity: 1;
}

#reportResult{
    
    overflow-x: scroll;
    float: left;
}

.retCredit:hover{
    text-decoration: underline;
    cursor: pointer;
}

.settingsCast{
    background-image: url(../Images/settingsWhite.svg);
    /* background-color: #fff !important; */
    /* border: none !important; */
    background-size: 19px;
    width: 9px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-right: 1px !important;
}

.settingsCast:hover{
    opacity: 1;
}

.wodTvSetTit{
        float: left;
    background-image: url(../../Images/castBlack.svg);
    font-size: 21px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-size: 42px;
    height: 42px;
    text-transform: uppercase;
    padding-left: 50px;
    letter-spacing: 0px;
    padding-top: 12px;
}

.wodTvSetOpTit{
        float: left;
    width: 100%;
    font-size: 14px;
}

.wodTvSetOpInput{
        font-size: 14px !important;
    margin-top: 6px;
    margin-bottom: 15px;
    border-radius: 2px;
    padding: 3px 10px;
    width: 100px;
    float: left;
}

.titleModalGen{
        position: absolute;
    left: 0;
    border-radius: 10px 0px 0px 0px;
    top: 0;
    padding-top: 10px;
    width: 100%;
    background-color: #eee;
    padding-bottom: 9px;
    border-bottom: 1px solid #ccc;
    text-indent: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    text-shadow: 0 0 2px #fff;
}

#cartImage, #cartImageFicha{
    float: left;
    height: 150px;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 150px;
}

#cartImageFicha{
    height: 250px;
    width: 250px;
    margin-left: -10px;
margin-right: 10px;
}

#cartProductName, #cartProductNameFicha{
    float: left;
    margin-top: 40px;

    font-size: 18px;
    font-weight: 700;
    width: 380px;
    margin-right: 20px;
}

#cartProductPrice, #cartProductPriceFicha{
        float: left;
    font-size: 25px;
    font-weight: 700;
}

#addCart .pdSell, #cartElems .pdSell, #newAd .pdSell{
    padding-left: 10px;
    padding-right: 10px;
    padding: 7px 10px;
    margin-top: 3px;
    width: auto;
}

#cartSelected{
float: left;
position: absolute;
background-image: url(../../Images/cart.svg);
left: 0;
margin-left: -22px;
min-width: 45px;
background-size: 45px;
background-position: top;
cursor: pointer;
top: 0px;
color: rgb(20, 144, 187);
min-height: 45px;
margin-top: -3px;
font-weight: 700;
font-size: 15px;
padding-left: 51px;
background-repeat: no-repeat;
opacity: 0.8;
margin-top: -45px;
margin-right: -29px;
padding-top: 21px;
}

#cartSelected.disabled{
    color: #555;
    filter: grayscale(100%);
}

#cartSelected:hover{
    opacity: 1;
}

.cartItem{
        float: left;
    position: relative;
    border-bottom: 1px solid #eee;
    width: 96%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
    min-height: 50px;
}

.cartItem img{
    position: absolute;
    width: 50px;
    border: 1px solid #ddd;
    left: 10px;
    height: 50px;
}

.cartItem .name{
    float: left;
    margin-left: 60px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.cartItem .price{
    float: left;
    font-size: 15px;
    margin-top: 3px;
    margin-left: 60px;
}

#cartElems, #newAdCreation{
    padding-top: 39px;
    padding-left: 0px;
}

.deleteItem{
    position: absolute;
    background-image: url(../../Images/delete2.svg);
    width: 16px;
    height: 16px;
    background-size: 100%;
    right: 10px;
    cursor: pointer;
}

#cartItems{
        float: left;
    margin-bottom: 10px;
    width: 100%;
}

#cartItemsTotal{
        float: left;
    font-size: 16px;
    font-weight: 700;
    margin-left: 15px;
    margin-top: 12px;
    text-transform: uppercase;
}

#cartProductList{
    float: left;
}

#cartProductList span{
    float: left;
    width: 100%;
}

.cartNoImage{
        padding: 30px;
    width: 90px !important;
    border: 1px solid #ddd;
    height: 90px !important;
    border-radius: 2px;
}

.cartItem .cartNoImage{
    padding: 10px;
    width: 30px !important;
    height: 30px !important;
}

.tabsControl.miniMenuBox a{
    margin-top: 17px;
    min-height: 30px;
    min-width: 50px;
}

.tabsControl.miniMenuBox a.active{
    margin-top: 12px;
}

.tabsControl.miniMenuBox span{
    display: none;
}

.menuLateralOps{
    float: left;
    position: relative;
    width: 100%;
    margin-top: 25px;
}

.menuLateralOps a{
    float: left;
    width: 225px;
    font-size: 14px;
    color: #fff;
    margin-left: 42px;
    cursor: pointer;
    text-decoration: none;
    text-indent: 10px;
    position: relative;
    padding-top: 12px;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}

.menuLateralOps.main a:hover{
    background-color: rgba(255,255,255,0.05);
}

.menuLateralOps a:first-child{
    border-top: 1px solid #ccc;
}

.menuLateralOps img{
    width: 18px;
    top: 0;
    position: absolute;
    right: 10px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.menuLateralBox{
        text-indent: 40px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.menuLateralBoxPic{
    left: 25px;
    width: 60px !important;
    right: auto !important;
    border-radius: 50%;
    height: 60px;
    box-shadow: 0 0 2px #000;
}


.menuBoxOps a{
    padding-top: 9px;
    margin-left: 97px;
    font-weight: 700;
    width: 195px;
    text-indent: 5px;
    text-shadow: 0 0 2px #000;
    padding-bottom: 9px;
}

.shadowBoxPic{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
}

.menuBoxOps{
        background-size: cover;
    
    padding-bottom: 5px;
    background-position: center;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    box-shadow: 0 0 2px inset;
    padding-top: 5px;
}

.menuBoxOps a:last-child{
    border-bottom: 0px !important;
}

.menuLateralIcons{
    float: right;
    position: relative;
    margin-right: 46px;
}

.menuLateralIcons a{
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

.menuLateralIcons a img{
    float: left;
    width: 22px;
}

.menuLateralOps.main a {
    float: left;
    width: 104px;
    font-size: 12px;
    color: #fff;
    margin-left: 12px;
    cursor: pointer;
    text-decoration: none;
    text-indent: 0px;
    padding-left: 36px;
    position: relative;
    padding-top: 12px;
    background-color: rgba(255,255,255,0.15);
    text-align: left;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-radius: 1px;
    border: 1px solid #888;
    transition: 0.3s;
}

.menuLateralOps.main img{
    right: auto;
    left: 10px;
}

.buscaMenuEjerWOD{
        float: left;
    margin-left: 12px;
    width: 296px;
    text-align: left;
}

.buscaMenuEjerWOD .select2-container{
    width: 296px !important;
}

#chartMenuContainer{
    margin-left: 0px;
    width: 276px;
    padding: 10px;
    background-color: rgba(0,0,0,0.25);
    border-radius: 1px;
    margin-top: 10px;
    box-shadow: 0 0 0px 1px #777;
    margin-bottom: 15px;
}

#menuTipoRM a, #menuTipoWOD{
    float: left;
    width: 20%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    margin-bottom: 7px;
}

#menuTipoRM a.selected, #menuLastScore{
    color: lime;
}

#menuTipoRM a.disabled{
    opacity: 0.5;
}

#menuTipoWOD{
    width: 100%;
    text-align: right;
}

#chartMenuContainer{
    float: left;
}

#loadingChartMenu{
    float: left;
    background-image: url(../Images/ring.svg) !important;
    background-repeat: no-repeat;
    background-size: 75px;
    height: 200px;
    background-position: center;
    width: 100%;
}

#wodAccordion{
    float: left;
    width: 650px;
}
#wodAccordion .ui-accordion-header{
    border: 1px solid #ccc;
    margin-top: 10px;
    min-height: 45px;
    border-radius: 1px;
    outline: none;
}

#wodAccordion .ui-accordion-header-active{
    border-bottom: none;
    margin-bottom: 0px;
}

#wodAccordion .ui-accordion-content{
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #ccc;
    margin-bottom: 10px;
}

#wodAccordion .ui-accordion-header a img{
    float: left;
    width: 35px;
    margin: 5px;
    margin-right: 0px;
    height: 35px;
    border-radius: 1px;
}

#wodAccordion .ui-accordion-header a span{
    margin-top: 12px;
    float: left;
    margin-left: 7px;
}

#wodAccordion .ruContentDay{
    display: inline-block;
    float: none;
}

.accordionLoading{
     float: left;
    background-image: url(../Images/ring.svg) !important;
    background-repeat: no-repeat;
    background-size: 75px;
    height: 200px;
    background-position: center;
    width: 100%;   
}

.accordionFav{
    float: right !important;
    background-image: url(../Images/starGold.svg) !important;
    width: 16px;
    margin-top: 10px !important;
    height: 16px;
    background-size: 16px;
    position: absolute;
    margin-right: 7px;
    right: 0px;
    bottom: 10px;
}

.accordionUsu{
    float: right !important;
    width: 24px !important;
    margin-top: 7px !important;
    height: 24px !important;
    border-radius: 50% !important;
    margin-right: 7px !important;
    position: absolute;
    right: 0px;
    left: auto !important;
    bottom: 5px;
}

.responsiveMenu #staticHeader{
    width: 100px;
}

.responsiveMenu #staticHeader .logoMenuText{
    font-size: 18px;
    margin-right: 0px;
    height: 42px;
    background-size: 42px;
    padding-top: 46px;
    background-position: top;
    text-indent: 0px;
    height: 30px;
}

.responsiveMenu #staticHeader .menuLateralOps a{
    width: 83px;
    text-indent: 0px;
    font-size: 10px;
    margin-left: 8px;
    font-weight: 600;
    padding-bottom: 5px;
    text-align: center;
    padding-top: 30px;
    padding-left: 0px;
}

.responsiveMenu .pgPndClStrp{
    display: none;
}

.responsiveMenu #staticHeader .menuLateralOps a img{
    width: 23px;
    top: 5px;
    left: 0px;
    right: 0px;
    bottom: auto;
}

.responsiveMenu #staticHeader .buscaMenuEjerWOD{
    display: none;
}

.responsiveMenu #staticHeader .menuLateralIcons{
   margin: 0px;
    float: none;
    display: inline-block;
}

.responsiveMenu #staticHeader .menuLateralIcons a{
    margin-left: 3px !important;
    float: left;
    margin-right: 3px !important;
}

.responsiveMenu #staticHeader #regNotif{
    margin-top: 0px;
}

.responsiveMenu #staticHeader #regNotif:before, #staticHeader.responsiveMenu #cmdFeedback{
    display: none;
}

.responsiveMenu #staticHeader .menuLateralBoxPic{
    display: none;   
}

.responsiveMenu .conFullB, .responsiveMenu .conCen{
    left: 50px;
}

.accordionWoddesc{
        float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.responsiveMenu .pie{
    left: 100px;
}

#menuSwiperCon {
    width: 100%;
    height: 100%;
}
#menuSwiperCon .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.controlPLeft .bloqueNotif{
    width: 333px;
}

.tResultadoWOD{
    float: left;
    color: #555;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 14px;
    margin-left: 15px;
    margin-right: 8px;
        margin-bottom: 2px;
}

.wodLibreContentArea{
    float: left;
    width: 90%;
    padding: 20px 5%;
    height: 100px;
    border: none;
    font-size: 13px;
}

.wodLibreContentArea:hover, .wodLibreContentArea:focus{
    border: none;
    box-shadow: none !important;
}

.controlesWODLibre{
    display: none;
}

.asBox .controlesWODLibre{
    display: block;
}

.rwTxtoLibreWOD h1, .rwTxtoLibreWOD h2{
    margin-left: 0px;
    padding-right: 34px;
    float: left;
    width: 100%;


    float: left;
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
    margin-top: 10px;
    /* text-shadow: 0 0 1px rgba(0,0,0,0.5); */
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}

.rwTxtoLibreWOD h2{
    margin-top: 0px;
}


.novLarge .rwTxtoLibreWOD {
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 0px;

}

.rwTxtoLibreWOD .freeTextCon{
        float: left;
    width: 100%;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rwTxtoLibreWOD .numfw{
        font-weight: 700;
        letter-spacing: 0px;
    font-size: 14px;
}

.rwTxtoLibreWOD {
    float: left;
    width: 90%;
    margin-left: 10px;
    font-size: 13px;
    white-space: pre-wrap;
    text-align: left;
    padding-top: 5px;
    position: relative;
    padding-bottom: 0px;
    font-weight: 600;
}

#sessionWorkoutContent .rwTxtoLibreWOD{
        width: 600px;
    margin-left: 10px;
}

.crwResult.rondasSplitEmom{
    margin-bottom: -5px !important;
    margin-top: 15px;
}

.rondasSplitEmomPW{
    float: left;
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
    padding-left: 10px;
    color: #2BB12B;
}


.atletaBlock.wtvAthleteRanking{
    margin-bottom: 25px;
}

.wtvAthleteRanking .atletaData{
    width: 250px;
    height: 250px;
    border-radius: 80px;
    padding: 0px;
    border: 2px solid #FFF;
    z-index: 0;
}

.wtvAthleteRanking .abUserPic{
    width: 250px;
    height: 250px;
}

.wtvAthleteRanking .abUserName{
    width: 230px;
    margin: 10px;
    left: 0px;
    right: 0px;
    top: 0px;
    position: absolute;
    bottom: 0px;
    margin: auto;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    height: 40px;
    z-index: 2;
}

.wtvAthleteRanking .abPosRanking{
    background: none;
    border: none;
    left: 20px;
    height: 60px;
    padding-right: 0px;
    padding-left: 0px;
    width: 210px;
    line-height: 60px;
    z-index: 2;
    box-shadow: none;
    font-size: 30px;
    border-bottom: 1px solid #ccc;
}

.wtvAthleteRanking .rankBGDark{
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0px;
    z-index: 1;
}

.wtvAthleteRanking .wtvResult{
    z-index: 3;
    font-size: 30px;
    height: 43px;
    width: 184px;
    white-space: nowrap;
    left: 20px;
    text-overflow: ellipsis;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 0px 13px;
    padding-top: 5px;
    position: absolute;
    bottom: 13px;
    background: none;
}

.wtvAthleteRanking .abRatesName, .wtvAthleteRanking .abRates, .wtvAthleteRanking .abRatesUd{
    text-align: center;
    float: none;
    color: lime;
    display: inline-block;
    height: auto;
    font-size: 22px;
    top: auto;
    margin: auto 4px;
    right: auto;
}

.wtvAthleteRanking .abRX{
    background: none !important;
    position: relative;
    width: auto;
}

#clInfoMail a{
    color: #2490f4;
    font-weight: 600;
    margin-left: 10px;
}

#clInfoMail a:hover{
    text-decoration: underline;
}

#tokenInviteCopy{
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #555;
    float: left;
    padding: 0px;
    border: 0px;
    margin-bottom: 20px;
    margin-top: 15px;
    font-weight: 700;
}

#tokenInviteCopy:focus{
    box-shadow: none !important;
}

#tokenInviteCopyTitle{
        color: rgba(0, 35, 68, 0.85);
    font-weight: 600;
    font-size: 15px;
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;   
}

.blurryInfo{
padding: 0 10px;
    float: left;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
    color: #555;
    background-size: 26px;
    background-repeat: no-repeat;
    text-shadow: 0 0 2px rgba(0,0,0,0.3);
    background-position: 10px;
    padding-left: 42px;
}


.blurryInfo.surprise{
    background-image: url(../Images/question-mark.svg);   
        background-size: 24px;
}

.blurryInfo.private{
    background-image: url(../Images/lock.svg);
}

#pagosPendientesFCliente{
        float: left;
    background-color: rgba(255, 0, 0, 0.75);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid red;
    padding: 10px 15px;
    border-radius: 3px;
}


.sinCierre .ui-dialog-titlebar-close{
display: none;
}

#bajaCliente{
        padding-left: 0px;
    padding-top: 0px;
}
#guestData{
        padding-left: 0px;
    padding-top: 0px;
}


#guestData .cmpcrFld{
    margin-left: 30px;
}

#pagosACancelarBaja, #chPrReservationsBaja, #pagosANoCancelarBaja{
    margin-left: 30px;
    float: left;
    margin-right: 10px;
}

.renovaAutoDay{
        float: right;
    margin-left: 5px;
    cursor: pointer;
    color: #c27e00;
}

.renovaAutoDay:hover{
    text-decoration: underline;
}

.cancelled{
    cursor: default;
    color: red;
}

.cancelled:hover{
    text-decoration: none;   
}

.canReactivate:hover{
    text-decoration: underline !important;
    cursor: pointer;
}

.filtroTarifasControl{
        float: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.filtroTarifasControl .cmpcrFld{
    margin-right: 0px;
}

.filtroTarifasControl .cmpcrFld label{
    min-width: 0px;
    padding-right: 15px;
}

#timetableCon{
    float: left;
    width: 100%;
}

.timeRow{
padding-left: 100px;
    float: left;
    position: relative;
}

.timeRowDesc{
        float: left;
    position: absolute;
    font-family: 'Fjalla One', sans-serif;
    left: 10px;
    font-size: 15px;
    font-weight: 600;
}

.scheduleWeekDay{
    float: left;
    min-height: 50px;
    width: 14.28%;
}

.ahBloqueClase{
    float: left;
    width: 88%;
    text-transform: uppercase;
    text-align: left;
    height: 63px;
    margin-bottom: 5px;
    padding: 5%;
    box-shadow: 0 0 0 1px #ddd;
    margin-left: 2%;
    position: relative;
}

.ahBloqueClase .marcadorColor{
    position: absolute;
    left: 0px;
    opacity: 1;
    top: 0px;
    bottom: 0px;
    width: 100%;
}

.ahBloqueClase .pbcNombreCl {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    width: 100%;
}

.ahBloqueClase .pbcOcupacion{
    position: absolute;
    font-weight: bold;
    bottom: 5px;
    font-size: 13px;
    color: #555;
    left: 5%;
}

.timeRowCon{
    float: left;
    width: 100%;
}

.timeRow{
    padding-left: 100px;
    width: 100%;
    float: left;
    min-height: 50px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.ahBloqueClase .pbcCoach{
    position: relative;
    color: #000;
    width: 100%;
}

.dayNameah{
    float: left;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: -5px;
    margin-left: 5px;
}

.dayNameah.num{
    font-size: 30px;
    margin-bottom: 5px;
}

.timeRowSeparator {
    height: 56px;
    min-height: 1px;
    opacity: 0.5;
    margin-top: -5px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ij4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iI2VlZSI+PC9yZWN0Pgo8ZyBpZD0iYyI+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjMiIGZpbGw9IiNlNmU2ZTYiPjwvcmVjdD4KPHJlY3QgeT0iMSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iI2Q4ZDhkOCI+PC9yZWN0Pgo8L2c+Cjx1c2UgeGxpbms6aHJlZj0iI2MiIHg9IjMiIHk9IjMiPjwvdXNlPgo8L3N2Zz4=");
}

.playCastVideo{
    display: none;
}

.clientLinkPg{
    color: #2490f4 !important;
    cursor: pointer;
}

.clientLinkPg:hover{
    text-decoration: underline;
}

#fullSesion .fotosNovedad{
    display: none;
}

.pdStock{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    opacity: 0.7;
    font-weight: 700;
    font-size: 13px;
    border-radius: 6px;
}

.pdStock.red{
    color: red;
}

.pdStock.orange{
    color: orange;
}

.pdStock.green{
    color: green;
}

.mbBoxName{
    float: left;
    font-weight: 600;
    background-color: #aaa;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 8px;
    color: #fafafa;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.tcllicn{
    position: relative;
}

.tcllicn img{
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.tcllicn span{
    float: left;
    margin-left: 25px !important;
    line-height: 20px !important;
}

.ctrlClientsCount{
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
    cursor: default;
}

.ctrlClientsCount .canvas{
    display: inline-block;
}

.ctrlClientsCountCon{
float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 0 2px #ccc;
    padding-top: 20px;
    width: 323px;
    margin-bottom: 25px;
}

.ctrlClientsCountTotal{
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 700;
    height: 17px;
    top: 37px;
    font-size: 30px;
    margin: auto;
}

.ctrlClientsCountDesc{
font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: absolute;
    left: 0px;
    font-weight: 600;
    width: 100%;
    color: #444;
    top: 70px;
}

.ctrlClientsCountTooltip{
    opacity: 0;
    position: absolute;
    background-color: #fff;
    width: 130px;
    left: 15px;
    height: 105px;
    font-size: 13px;
    top: 0px;
    padding-top: 25px;
    color: #555;
}

.ctrlClientsCount:hover .ctrlClientsCountTooltip{
    opacity: 1;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.ctrlClientsCount:hover .ctrlClientsCountDesc{
    top: 5px;
    z-index: 2;
    font-size: 14px;
    font-weight: 700;    
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.bookClassAs{
    float: right;
    padding: 8px 10px;
    background-image: url(../Images/down.svg);
    font-weight: 600;
    text-align: left;
    background-position: 10px;
    padding-left: 34px;
    position: relative;
    color: #1293ce;
    cursor: pointer;
    background-size: 18px;
    padding-right: 0px;
    margin-right: 5%;
    z-index: 2;
    margin-top: 20px;
    margin-bottom: -20px;
    line-height: 17px;
    font-size: 14px;
    background-repeat: no-repeat;
}

.bookClassAs:hover{
    text-decoration: underline;
}

.ahSmallMenu .controlPLeft .countsDateCon, .ahResponsiveMenu .controlPLeft .countsDateCon{
    float: left !important;
    margin-left: 125px;
}

#inPicPreview, #csPicPreview{
        float: left;
    width: 200px;
    margin-left: 10px;
}

.marcaDeactivated, .marcaDeactivatedNext{
        position: absolute;
    background: #ff9292;
    width: 10px;
    height: 10px;
    right: 10px;
    border-radius: 50%;
    bottom: 0;
    top: 0;
    margin: auto !important;
}

.marcaDeactivatedNext{
    background: #ff8e01;
}

.bajaFuturaColor{
    color: #ff8e01;
}

#marcaDeactivatedFicha{
    float: left;
    background: #ff9292;
    width: 10px;
    margin-top: 9px;
    margin-left: -10px;
    height: 10px;
    border-radius: 50%;
}

.wpPriceBuyNow{
    float: left;
    background: rgba(36,144,244, 0.9);
    text-decoration: none;
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    left: 0;
    border-radius: 20px;
    bottom: 0px;
    box-shadow: 0 0 2px #555;
    border: 1px solid #555;
    right: 0;
    width: 100px;
    margin: auto;
    margin-bottom: -18px;
    cursor: pointer;
}


.ttClaseNom{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.ttClaseCon ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}

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

.ttClaseCon li.red::before  {
  content: "• ";
  color: red; /* or whatever color you prefer */
}

.ttClaseCon  li.green::before {
    content: "• ";
color: lime; /* or whatever color you prefer */
}

.ttClaseCon  li.orange::before {
    content: "• ";
    color: orange; /* or whatever color you prefer */
}

.ttClaseCoach{
    font-weight: 600;
}

#listaAtletasCustom{

}

.subtitleRegnov{
    float: left;
    font-weight: 700;
    text-indent: 0px;
    font-size: 15px;
    color: #000;
    text-align: left;    
}

.athletegroupAdd{
        float: left;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    margin-right: 10px;
    border-radius: 0px;
    line-height: 22px;
    padding: 8px 10px;
    margin-right: 10px;
        color: #2490F4;
        cursor: pointer;
}

.athletegroupName{
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 3px;
    float: left;    
}

.athletegroupDel{
    background-image: url(../Images/bin.svg);
    width: 16px !important;
    height: 16px !important;
    background-size: 16px !important;
    margin-top: 0px !important;
    margin-left: 5px;
}

.athletegroupDelSel{
    background-image: url(../Images/remove.svg);    
        margin-left: 7px;
}

.athletegroupDelSel, .athletegroupDel{
    background-repeat: no-repeat;
    float: left;
    width: 13px;
    height: 13px;
    background-size: 13px;
    margin-top: 2px;
    cursor: pointer;
}

#buscadorAtletasCus .select2-container{
    float: left;
}

#buscadorAtletasCus .select2-selection{
 height: 31px;
    margin-top: 6px;
    border-radius: 0px;
    border-color: #bbb;
    font-size: 14px;   
        padding-top: 1px;
    width: 200px;
}

#buscadorAtletasCus .select2-selection__arrow{
    top: 8px;
}

#cpfotohdrSel, #cpfotocatSel{
    padding: 0px !important;
    width: 200px !important;
}

#teamMembersCon{
        float: left;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    border-top: 2px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
}

.mandateText{
    float: left;
    font-size: 13px;
    margin-top: 8px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 24px;
    color: #555;
    margin-left: 24px;
    background-position: left;
    width: 500px;
}


.mandateText.info{
    background-image: url(../Images/infoPR.svg);
}

.mandateText.wait{
    background-image: url(../Images/question.svg);
}

.mandateText.ok{
    background-image: url(../Images/checkedGreen.svg);
}

.mandateText.error{
    background-image: url(../Images/error.svg);
}


.mandateText a{
    display: inline;
    color: #2490f4;
    font-weight: 600;
    cursor: pointer;
}

.mandateText a:hover{
    text-decoration: underline !important;
}

.tcwpic {
    position: relative;

}

.tcwpic img{
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 10px;
}

.tcwpic span{
    padding-left: 27px;
    float: left;
    line-height: inherit !important;
    text-indent: 0px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.colChks{
    display: none;
}

#mailsSelectedMsg, #massiveMessageCon, #mailsSelectedMsgPot, #massiveMessageConPot{
        float: left;
    width: 92.8%;
    background: #fff;
    padding: 10px 1%;
    margin-top: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
}

#massiveMessageCon, #massiveMessageConPot{
    border: 0px;
    background: none;
}

#txtMassiveMessage, #txtMassiveMessagePot{
    float: left;
width: 90%;
margin-top: 10px;
padding-top: 10px;
font-size: 14px;
border-radius: 2px;
padding-left: 20px;
padding-bottom: 10px;
min-height: 70px;
padding-right: 10px;
}

.mailsSelectedMsgInfo{
        float: left;
    background-size: 16px;
    background-image: url(../Images/infoPR.svg);
    background-repeat: no-repeat;
    padding-left: 22px;
    font-size: 13px;
    background-position: left;
    color: #555;
}

#mailsSelected, #mailsSelectedPot{
    float: left;
    margin-top: 10px;
    width: 97%;
    font-size: 13px;
    height: 80px;
    padding-left: 2%;
    border: 0px;
}

#mailsSelected:focus, #mailsSelectedPot:focus{
    box-shadow: none !important;
}

#copiarEmailsSel, #exportMailchimp, #copiarEmailsSelPot, #exportMailchimpPot{
float: left;
color: #024e02;
font-weight: 600;
margin-left: 5px;
font-size: 12px;
cursor: pointer;
display: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 7px;
margin-left: 20px;
margin-right: 5px;
background-image: url(../Images/copyMails.svg);
background-size: 16px;
background-repeat: no-repeat;
padding-left: 18px;

}

#copiarEmailsSel:hover{
    text-decoration: underline;
}

#exportMailchimp, #exportMailchimpPot {
background-image: url(../Images/mcexp.svg);
background-size: 22px;
background-position: left;
padding-left: 21px;
margin-left: 10px;
}

#exportMailchimp:hover{
    text-decoration: underline;
}


.clientMoreOps{
background-color: #eee !important;

color: #555 !important;

border: 1px solid #aaa !important;

background-image: url(../Images/settingsGray.svg);

background-size: 16px;

background-repeat: no-repeat;

background-position: 5px;

padding-left: 26px !important;

transition: all 0.1s ease-out;

opacity: 0.9;

text-transform: none !important;

letter-spacing: 0px !important;

font-size: 12px !important;
position: relative;
}

.clientMoreOps img{
    width: 14px;
float: right;
margin-top: 2px;
margin-left: 2px;
margin-right: -3px;
}

.clientMoreOps:hover{
    opacity: 1;
}

.clientMoreOps:hover .clientMoreOpsSubCon .clientMoreOpsSub{
    display: block;
    
}

.clientMoreOpsSub span{
    float: left;
    width: 90%;
    text-align: right;
    font-weight: 400;
    color: #555 !important;
    font-size: 13px;
    padding: 5px 5% !important;
    text-decoration: none;
    background-color: #fff !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    font-size: 12px;
    margin-top: 5px;
}

.clientMoreOpsSub span:last-child{
    border: 0px !important;
}


.clientMoreOpsSub span:hover {
    color: #fff !important;
    background-color: #2490F4 !important;
    cursor: pointer !important;
}


.clientMoreOpsSubCon:hover, .clientMoreOpsSub:hover{
    display: block;
}
.clientMoreOpsSubCon{
    
    position: absolute;
    right: -2px;
    padding-top: 15px;
    width: 150px;
    z-index: 2;
}

.clientMoreOpsSub{


position: absolute;
display: none;


background: #ffffff;

right: -5px;

z-index: 2;

margin-top: 0px;
border: 1px solid rgba(0, 0, 0, .15);
border: 1px solid #ccc;

width: 180px;

border-radius: 2px;

padding-bottom: 5px;

    
    
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);

}
.clientMoreOpsSub:after, .clientMoreOpsSub:before {
bottom: 100%;

left: 47%;

border: solid transparent;

    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;

content: " ";

height: 0;

width: 0;

position: absolute;

pointer-events: none;
}

.clientMoreOpsSub:after {
border-color: rgba(255, 255, 255, 0);

    border-bottom-color: rgba(255, 255, 255, 0);

border-bottom-color: #ffffff;

border-width: 5px;

margin-left: 73px;
}
.clientMoreOpsSub:before {
border-color: rgba(204, 204, 204, 0);

    border-bottom-color: rgba(204, 204, 204, 0);

border-bottom-color: #cccccc;

border-width: 6px;

margin-left: 72px;
}

#contenidoDocumentosCliente, .evoFisCliente, #contenidoInsigniasCliente {
    overflow-y: scroll;
    margin-top: 20px;
    height: 325px;
    width: 540px;
}

#contenidoDocumentosCliente .clientNote:last-child, #contenidoInsigniasCliente .clientNote:last-child{
        border-bottom: 1px solid #ccc;
}

#contenidoDocumentosCliente .desc, #contenidoInsigniasCliente .desc{
    color: #2490f4;
    cursor: pointer;
}

#contenidoDocumentosCliente .desc:hover{
    text-decoration: underline;
}

.delAtribShop{
float: left;
background-image: url(../Images/bin.svg);
width: 22px;
height: 22px;
background-size: 20px;
background-position: center;
margin-top: 4px;
margin-left: 0px;
cursor: pointer;
background-repeat: no-repeat;
}

#addCart .short .select2{
    min-width: 100px;
}

.tlProductCon {
    float: left;
border: 1px solid #eee;
margin-top: 5px;
padding: 5%;
width: 87.5%;
text-align: center;
}

.tlProductCon img {
    display: inline-block;
    max-height: 240px;
    max-width: 100%;
}

.tlProductoPriceDesc {
    float: left;
    margin-right: 5px;
    margin-top: 13px;
    font-weight: 600;
    color: #444;
    font-size: 13px;
}

.tlProductoPrice {
    float: left;
    font-size: 22px;
    font-weight: 600;
    margin-top: 5px;
}

.tlProductoName {
    float: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    margin-top: 5px;
    width: 100%;
}

.tlProductoStock {
    float: left;
    color: #2BB12B;
    font-size: 13px;
    margin-top: 15px;
    font-weight: 600;
    text-align: left;
}

.pendingDelivery{
    color: orange;
}


#pendingPayments .pendingError{
    float: none;
    margin-left: 5px !important;
}

.pendingError{
color: red;
float: left;
margin: 0px !important;
    margin-top: 0px;
line-height: 17px !important;
margin-top: 5px !important;
}

.avisoProdsPdneinteEntrega{
    display: inline-block;
    background-color: #2490F4 !important;
    font-size: 14px;
    color: #fff;
    border-radius: 20px;
    background-position: 10px;
    margin-top: 20px;
    background-repeat: no-repeat;
    font-weight: 600;
    background-image: url(../Images/excla.png);
    background-size: 14px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    padding-left: 27px;
    cursor: pointer;
}

.shopInfoCommerce{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-top: 5px;
}

.shopInfoCommerceMsg{
    float: left;
    text-align: left;
    color: #000;
    font-size: 13px;
    margin-bottom: 15px;
}

.infoPagoTPV{
    display: none;
}

.membershipTermsTitle{
float: left;
width: 100%;
text-align: left;
color: #2e9afe;
font-size: 13px;
cursor: pointer;
margin-top: 15px;
}

.membershipTermsTitle:hover{
    text-decoration: underline;
}

.membershipTerms{
float: left;
text-align: left;
display: none;
width: 95%;
color: #555;
max-height: 300px;
overflow: scroll;
}

#titleEvoFisListNotAllow{
float: left;
padding-left: 20px;
font-size: 13px;
color: #555;
background-image: url('../Images/infoPR.svg');
background-size: 16px;
background-repeat: no-repeat;
background-position: left 1px;
margin-right: 10px;
}

.evoFisCliente{
    border-top: 1px solid #ccc;
    width: 510px;
}

.evoFisCliente .clientNote{
border-top: none;

border-bottom: 1px solid #ccc;

padding-left: 23px;

width: 477px;
}

.noentriesevo{
    float: left;
font-size: 14px;
padding-top: 20px;
color: #555;
padding-left: 10px;
}

.hdrCompetitions{
    float: left;
    width: 100%;
}

.hdrCompetitions span{
float: left;
background: rgba(36,144,244, 0.7);
font-size: 13px;
color: #fff;
padding: 5px 0px;
border-right: 1px solid #fff;
text-align: left;
text-indent: 10px;
border: 1px solid rgba(198, 218, 237, 0.7);
}

.resumeView{
    float: right;
    margin-right: 5%;
    position: relative;
    right: auto;
    left: auto;
    margin-left: 10px;
    margin-top: 9px;
}

.resumeView:hover{
    opacity: 1;
}

.summaryClass{
float: left;
width: 50%;
color: #000;
text-align: left;
margin-bottom: 5px;
padding: 10px;
font-size: 13px;
font-weight: 700;
border-radius: 2px;
border: 1px solid #ddd;
}

.summaryPlaces{
float: left;
font-size: 13px;
margin-left: 25px;
font-weight: 700;
margin-top: 10px;
min-width: 70px;
text-align: left;
}

.summaryCoach{
float: left;
font-size: 14px;
font-weight: 600;
margin-left: 91px;
margin-top: 10px;
}

.summaryViewDay{
    display: inline-block;
    width: 90%;
}

.summaryDay{
float: left;
width: 100%;
background-color: #eee;
text-align: left;
padding: 10px 0px;
font-size: 15px;
font-weight: 600;
color: #555;
margin-top: 20px;
margin-bottom: 10px;
text-shadow: 0 1px 1px #fff;
border: 1px solid #ddd;
border-radius: 1px;
text-indent: 36px;
background-image: url(../Images/weekly-calendar.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: 10px;
cursor: pointer;
}

.summaryProgress{
    float: left;
    height: 10px;
    width: 100px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 13px;
}

.summaryProgress span{
float: left;
background-color: rgba(43, 177, 43, 0.75);
height: 100%;
}

.summaryRow{
float: left;
width: 100%;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

.summaryViewDay .summaryRow:last-child{
    border-bottom: none;
}

#summaryViewLink{
    margin-right:0px;
    background-image: url(../Images/redlist.svg);   
}

#summaryViewDay1{
    margin-top: -15px;
}

#controlesMultiplePayments, #controlesGroupPayments{
    float: left;
margin: 0px;
    margin-top: 0px;
width: 100%;
margin-top: 15px;
display: none;
}

#crPersonalizadoTarfifaCon{
    margin-left: 5px;
    float: left;
}

.checkBoxPost{
float: left;
background-image: url(../Images/checkBox.svg);
background-repeat: no-repeat;
background-size: 16px;
color: #555 !important;
font-weight: 600;
padding-left: 21px;
width: auto !important;
height: 19px;
background-position: left;
margin-right: 25px !important;
}

.checkBoxPost.radio{
    background-image: url(../Images/radioEmpty.png);
}

.checkBoxPost:hover{
    text-decoration: none !important;
}




.checkBoxPost.active{
    background-image: url(../Images/checkBlueBox.svg);
    color: rgba(36,144,244, 1) !important;
}

.checkBoxPost.radio.active{
    background-image: url(../Images/radioChecked.png);
}

.pbcTimeCl{
float: left;
font-size: 12px;
text-overflow: ellipsis;
font-weight: 700;
color: #000;
width: 100%;
position: relative;
}

.ahPopClaseCompact{
    height: 80px;
}

.autoResCsh{
    background-image: url(../Images/clock.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 99% 3px;
}

.autoResTT{
    background-image: url(../Images/clock.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 100%;
}

.resMembrSch{
    float: left;
    font-weight: 600;
    color: #333;
}

#writeChatClient{
    background-image: url(../Images/chat.svg);
background-color: transparent;
color: #555;
text-transform: none;
letter-spacing: 0px;
background-size: 22px;
background-repeat: no-repeat;
border: none;
padding-left: 27px;
background-position: left;
}


.chatMsg{
    float: left;
    font-size: 15px;
    padding: 5px 8px;
    margin-top: 3px;
    margin-left: 3%;
    max-width: 80%;
    background-color: #eee;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 6px;
    position: relative;
}

.chatMsg.msgMine{
    float: right;
    background: rgba(36,144,244, 0.8);
    color: #fff;
    border: 1px solid rgba(36,144,244, 0.6);
    margin-right: 3%;
    color: #fff;
}

.chatMsgRead0, .chatMsgRead1, .chatMsgRead2{
float: left;
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
margin-left: -16px;
left: 0px;
}

.chatMsgRead0{
    background-color: orange;
    box-shadow: 0 0 1px orange !important;
}

.chatMsgRead1{
        background-color: #555;
    box-shadow: 0 0 1px #555 !important;
}

.chatMsgRead2{
    background-color: #2BB12B;
    box-shadow: 0 0 1px #2BB12B !important;
}

.chatMsgCon{
    float: left;
}

.chatMsgDate{
        float: left;
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #555;
}

.chatMsg.msgMine .chatMsgDate{
    color: #fff;
}

#chatCon{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    overflow-y: scroll;
    max-height: 600px;
}

#mainTitWithPic{
    float: left;
    display: none;
    color: #fff;
    position: absolute;
    left: 45px;
    font-weight: 600;
    right: 45px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 50px;
    text-overflow: ellipsis;
    font-size: 16px; 
}

.mainTitWithPicPic{
        display: inline-block;
    width: 32px;
    position: relative;
    height: 32px;
    margin-right: 3px;
}


.mainTitWithPicPic img{
        float: left;
    width: 32px;
    position: absolute;
    height: 32px;
    left: 0px;
    border-radius: 50%;
    margin-top: 10px;
}

#notifUnredMsgs{
    float: left;
    width: 100%;    
}

#notifUnredMsgs .notCon{
padding-top: 10px;
background-image: url(../Images/chat.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: 97% 11px;
padding-right: 10%;
width: 70%;
}

.infoMessagesFromBox{
        display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 14px;
    width: 90%;
    background-color: #ffffca;
}

#chatUsu{
    padding-left: 15px;
}

.chatWritemsg{
    float: right;
margin-top: 10px;
margin-right: 15px;
}

.chatWritemsg textarea{
float: right;
width: 390px;
resize: none;
font-size: 15px;
border-radius: 5px;
padding: 10px;
}

.chatWritemsg a{
background-image: url(../Images/sendMsg.svg);
background-size: 32px;
width: 32px;
height: 32px;
float: right;
margin-left: 10px;
margin-top: 16px;
cursor: pointer;
}

.avisoMustBeLogged{
    font-size: 17px;
    color: #444;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 65px;
    font-weight: 600;
}

.avisoMustBeLoggedInf{
    font-size: 15px;
    color: #888;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 8px;
}

.mustBeLoggedDialog{
    width: 90% !important;
    left: 5% !important;
    border-radius: 5px !important;
    top: 10% !important;
    position: fixed !important;
}

.mustBeLoggedDialog .ui-dialog-content{
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    padding-bottom: 10px;
}


.avisoMustBeLoggedControls{
        text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 65px;
}

.avisoMustBeLoggedControls .buttonBlue, .avisoMustBeLoggedControls .buttonGreen, .applyDiscount{
        display: inline-block;
    color: #fff;
    width: 200px;
    font-weight: 600;
    font-size: 12px;
    border-radius: 2px;
    padding: 11px 0px;
    opacity: 0.9;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.avisoMustBeLoggedControls .buttonBlue:hover, .avisoMustBeLoggedControls .buttonGreen:hover{
    opacity: 1;
}

.avisoMustBeLoggedControls .loggedOr{
        display: inline-block;
    margin-bottom: 5px;
    width: 300px;
    margin-top: 5px;
}

.avisoMustBeLoggedControls .loggedOr .line{
        float: left;
    width: 100%;
    margin-top: -8px;
    height: 1px;
    background-color: #ccc;
}

.avisoMustBeLoggedControls .loggedOr .or{
    font-size: 14px;
    color: #555;
    width: 50px;
    display: inline-block;
    font-weight: 600;
    background-color: #fff;
    position: relative;
    z-index: 1123;
}

#infoLoginRegisterCon{
        display: none;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

#infoLoginRegisterCon input[type="text"], #infoLoginRegisterCon input[type="password"]{
display: inline-block;
width: 72%;
height: 32px;
font-size: 14px;
padding-left: 0;
border: 1px solid #bbb;
border-radius: 1px;
margin-bottom: 9px;
max-width: 250px;
text-indent: 10px;
}

#infoLoginRegisterCon .buttonBlue{
        width: 66% !important;   
        max-width: 210px;
}

#infoLoginRegisterCon .enterTwitter, #infoLoginRegisterCon .enterFacebook{
    display: inline-block;
    width: 61px;
    margin: 0;
    float: none;
    padding: 3px;
    margin-top: 15px;
    background-position: center;
    height: 39px;
    margin-right: 4px;
margin-left: 4px;
}

.buttonBlue{
    background-color: #2490f4;
        width: 320px !important;

}

.body2 .buttonBlue{
    background-color: #2490f4;
        width: 260px !important;
}


.buttonGreen{
    background-color: #2BB12B;
}

.bpStock{
    float: left;
    color: red;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}

.tlPurchaseCon {
float: left;
width: 385px;
position: relative;
padding: 10px;
    padding-left: 10px;
min-height: 95px;
text-align: left;
padding-left: 95px;
border-bottom: 1px solid #ccc;
}

.tlPurchaseCon img {
    position: absolute;
    width: 75px;
    height: 75px;
    left: 10px;
}

.tlPurchaseName {
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 5px;
    width: 100%;
}

.tlPurchaseDate {
    float: left;
    color: #888;
    /* text-transform: uppercase; */
    font-weight: 600;
    /* font-size: 11px; */
    width: 100%;
}

.tlPurchaseDelivery{
        float: left;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 5px;
    width: 100%;
}

.atletaNickname{
    float: left;
    color: #084B8A;
    margin-right: 5px;
}

#multiSelectClientCon{
    display: none;
}

.repWodFWOut{
    background: url(../Images/record.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto auto;
    color: #222;
    background-size: 20px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    height: 22px;
    line-height: 24px;
    font-weight: 600;
    background-position: left 1px;
    padding-left: 25px;
    margin-top: 13px;
    display: none !important;
    text-decoration: none;
}

.remImage{
    background-image: url("../Images/closeWhite.png");
    background-size: 22px;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 5px;
    background-size: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
    top: 5px;
    cursor: pointer;
}

.remImage:hover{
    background-color: rgba(0, 0, 0, 0.6);
}

#cartProductDescFicha{
    font-size: 14px;
margin-top: 10px;
float: left;
max-height: 500px;
overflow-y: scroll;    
}

#extraPicsFicha{
   float: left;
margin-top: 40px;
margin-bottom: -33px;
}

#extraPicsFicha img{
    width: 45px;
cursor: pointer;
height: 45px;
margin-right: 10px;
}


#proratedPrice{
float: left;
font-weight: 600;
font-size: 14px;
margin-top: 5px;
color: #424273;
margin-bottom: 15px;
}

.collink a{
    text-decoration: none;
    cursor: pointer;
    color: #2490F4;
}

.collink a:hover{
    text-decoration: underline;
}

.msgMasDsc{
    float: left;
margin-top: 5px;
font-weight: 600;
color: #333;
margin-left: 3px;
margin-right: 5px;
}

#msgMasDscList, #msgMasDscListPot{
float: left;
margin-top: 5px;
color: #024e02;
font-weight: 600;
max-width: 90%;
}

.sendMassiveMessage{
    float: left;
background-image: url(../Images/sendMsgWhite.svg);
background-size: 20px;
float: left;
margin-left: 3px;
margin-top: 10px;
cursor: pointer;
margin-right: 7%;
background-position: 92%;
text-transform: uppercase;
background-repeat: no-repeat;
font-weight: 700;
background-color: rgba(36,144,244, 0.8);
color: #fff;
padding-left: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 37px;
border-radius: 2px;
}

.sendMassiveMessage:hover{
    background-color: rgba(36,144,244, 1);
}

.sendResMessage{
    background-image: url(../Images/chat.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    border: 0px !important;
    padding-left: 20px;
    color: #2490f4 !important;
    cursor: pointer;
    font-weight: 600;
    margin-right: 220px !important;
}

.sendResMessage:hover{
    text-decoration: underline;
}

.filtroWodsPBox{
    width: 630px;
}

.filtroWodsPBox .select2{
    float: right;
    min-width: 200px;
}

#rwVideoURL, #conComLinkDesc, #conComLinkURL{
    float: left;
width: 350px;
padding: 10px;
font-size: 13px;
margin-top: 7px;
border-radius: 2px;
    
}

#conComLinkDesc{
    width: 150px;
    margin-right: 20px;
}

#conComLinkURL{
    width: 300px;
}



.oweClassSchNot{
    border-color: #2BB12B !important;
    box-shadow: 0 0 2px #2BB12B !important;
}

.oweClassSchNot .debeClaseSch{
    color: #2BB12B !important;   
}

#cldnivalid, #clmailvalid{
    float: left;
    width: 22px;
    height: 22px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left;
}

#cldnivalid.valid, #clmailvalid.valid{
    background-image: url(../Images/checkedGreen.svg);
}

#cldnivalid.error, #clmailvalid.error{
    background-image: url(../Images/error.svg);
}

#cldnivalid.load, #clmailvalid.load{
    background-image: url(../Images/ring.svg);
}

.limiteAlcanzadoAuto{
    color: red;
}

.tfcategCon .select2{
    min-width: 200px;
    margin: 0px;
}

.tfcategCon{
    margin: 0px;
    position: absolute;

margin-top: -8px;
}

.tfcategEdit{
    float: left;
    background-image: url(../Images/editGrid.svg);
    width: 16px;
    height: 22px;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.7;
    margin-left: 5px;
    margin-top: 6px;
    cursor: pointer;
}

.tfcategEdit:hover{
    opacity: 1;
}

#chatUsuTPic {
float: left;

width: 65px;

height: 65px;

border-radius: 50%;

margin-bottom: 10px;

margin-left: 14px;
}

#chatUsuTName {
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 10px;
    margin-top: 10px;
}

#regNotifConScrollChat .estiloSinWODs{
font-size: 14px;

text-align: center;

padding: 20px;

float: left;
}

.atletaAlertmsg{
    float: left;
    background: #2490f4 !important;
    color: #fff;
    text-transform: uppercase;
    padding: 1px 4px;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 11px;
    margin-right: 3px;
}

.seleccionTipoWODClose{
    position: fixed;
    background-image: url("../Images/closeDialog.png");
    width: 36px;
    height: 36px;
    right: 100px;
    margin-right: -18px;
    margin-top: -18px;
    background-size: 100%;
    cursor: pointer;
}

.asBox #infoCumples{
    opacity: 1;
    position: relative;
}

#infoCumples{
    opacity: 0;
    position: absolute;
    margin-top: 10px;
    margin-bottom: 5px;
}

#infoCumples span{
        background-image: url(../Images/cake.svg);
    float: left;
    text-align: left;
    margin-left: 18px;
    font-size: 13px;
    background-size: 18px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 23px;
    height: 18px;
    color: #e0635e;
}

#reasonBaja {
    float: left;
    color: red;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    margin-top: 20px;
}

#reasonBaja span{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

#reasonBajaReason{
        color: #555;
    font-weight: 600;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.ssScaledOps{
        float: left;
    width: 100%;
    padding-left: 13px;
    padding-bottom: 10px;
}



.ssScaledOps span{
    float: left;
    background: #fff;
    color: #555;
    font-weight: 700;
    min-width: 60px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    margin-right: 10px;
    text-align: center;
    border-radius: 15px;
    line-height: 22px;
    position: relative;
    cursor: pointer;
}

.ssScaledOps span.selected, .notScaledRX.active{
    background: rgba(36,144,244, 0.9);
    color: #fff;
}

.ssScaledOps a{
        float: left;
    color: #2490f4;
    font-weight: 700;
    line-height: 23px;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

.asBox .ssScaledOps a{
    display: block;
}

.asBox .ssScaledOps a:hover{
    text-decoration: underline;
}

.asBox .notScaledRX{
    display: none;
}


.ssScaledOps span a{
        background: url(../Images/deleteWhite.svg);
    background-color: #555;
    width: 16px;
    height: 16px;
    display: none;
    background-size: 8px;
    top: -4px;
    right: -7px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.ssScaledOps span:hover a{
    display: block;
}

.tlScaledOps{
    float: left;
    width: 100%;
}

.tlScaledOps a.selected{
    background: rgba(36,144,244, 0.9);
    color: #fff;
}

.tlScaledOps a{
    float: left;
    background: #fff;
    color: #555;
    font-weight: 700;
    min-width: 60px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    margin-right: 10px;
    text-align: center;
    border-radius: 15px;
    line-height: 22px;
    position: relative;
    cursor: pointer;
}

.scaledhidedef{
    display: none;
}

.scaledwod0{
    display: block;
}

#ruContentStep .ssScaledOps{
    display: none;
}





#clasesDiaSel .clientMoreOps{
       float: right;
    border: 1px solid #ccc !important;
    margin-right: 2px;
    box-shadow: 0 0 1px #ccc;
    margin-top: 9px;
}

.openCusClient{
        background: url(../Images/rightArrowBlue.svg);
    background-size: 16px;
    width: 32px;
    height: 32px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -2px;
    opacity: 0.8;
    cursor: pointer;
}

.openCusClient:hover{
    opacity: 1;
}

.seewcalndr{
float: right;
    color: rgba(36,144,244, 1);
    text-decoration: none;
    font-size: 14px;
    margin-left: 10px;
}

.seewcalndr:hover{
    text-decoration: underline;
}

.maxRepsRW{
    float: left;
    margin-top: 6px;
    font-weight: 600;
    font-size: 12px;
    border-radius: 3px;
    cursor: default;
    color: #fff;
    background-color: #2BB12B;
    padding: 5px 9px;
}

.rateMaxReps{
        float: left;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    margin-right: 5px;
    cursor: default;
    color: #2BB12B;
}



.scaledforcehide{
    display: none;   
}

.scaledforceshow{
    display: block;   
}

#ctrlClientsRetentionCon{
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px #ccc;
    width: 100%;
    border: 1px solid #ccc;
}

.indicatorpercstrl{
    float: left;
    font-weight: 700;
    font-size: 10px;
    color: #555;
}

.mnthindctr{
        float: left;
    width: 45px;
    font-weight: 600;
    text-align: right;
    padding-right: 5px;
    line-height: 40px;
    border-right: 2px solid #aaa;
    margin-top: 5px;
}

.percret{
    float: left;
    position: relative;
    height: 38px;
    width: 260px;
    margin-top: 5px;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee;
}

.percret span{
float: left;
    position: absolute;
    font-size: 11px;
    left: 0px;
    font-weight: 700;
    height: 40px;
    color: #333;
    text-align: center;
    top: -1px;
    line-height: 40px;
    width: 0%;
    background: rgba(43,177,43, 0.6);
}

.numccus{
    float: left;
    font-weight: 700;
    font-size: 13px;
    margin-right: 10px;
}

.numccus a{
    float: right;
    background-image: url(../Images/bin.svg);
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-size: 14px;
    margin-left: 3px;
    margin-top: 2px;
}

.clientClicable{
    color: #2490F4;
    cursor: pointer;
}

.clientClicable:hover{
    text-decoration: underline;
}

.pdOferta{
    float: left;
    text-transform: uppercase;
    background: #2490F4 !important;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin-top: 10px;
    font-style: italic;
    border-radius: 3px;
    letter-spacing: -0.5px;
    padding: 3px 5px;
    padding-right: 7px;
}

.pdPriceOrig{
    color: #bbb;
    text-decoration: line-through;
    font-size: 17px !important;
    margin-top: 5px !important;
    margin-left: 8px !important;
}

.pdDto{
    float: left;
    background: #e2001a;
    color: #fff;
    font-weight: 700;
    margin-top: 6px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 12px;
    border-radius: 3px;
}

.pdSave{
    color: red;
    font-size: 13px;
    font-weight: 600;
    line-height: 7px !important;
    float: right;
    margin-top: 16px;
    margin-right: 10px;
}

.cUsBoxSub{
    float: left;
    color: #2490f4;
        padding-left: 55px;
    width: 100%;
}


.cUsUnread{
    position: absolute;
    color: #fff;
    top: 10px;
    text-align: center;
    padding: 2px 2px;
    font-weight: 600;
    right: 29px;
    line-height: 21px;
    height: 20px;
    border-radius: 16px;
    min-width: 20px;
    background-color: #2E9AFE;
}

.chatListElem:hover .cUsMarkUnread{
    display: block;
}

.msgMine:hover .cUsDelChatMsg{
    display: block;
}

.cUsMarkUnread{
    position: absolute;
    top: 50px;
    right: 5px;
    cursor: pointer;
    display: none;
    background-size: 18px;
    height: 18px;
    width: 18px;
    background-image: url(../Images/noeye.svg);
}

.cUsDelChatMsg{
position: absolute;
    bottom: 3px;
    left: 5px;
    cursor: pointer;
    display: none;
    background-size: 16px;
    height: 16px;
    width: 16px;
    background-image: url(../Images/binwhite.svg);
}

.cUsMarkUnread:hover{
    background-image: url(../Images/noeyeblue.svg);
}

.cUsDelChatMsg:hover{
    
}



.cUsFlag{
    position: absolute;
    top: 14px;
    right: 5px;
    cursor: pointer;
    background-size: 18px;
    height: 18px;
    width: 18px;
    background-image: url(../Images/flaggray.svg);
}

#regNotifChat .cUsFlag{
    right: 9px;
}

.cUsFlag.red{
    background-image: url(../Images/flagred.svg);
}

.resg4{
    background-image: url(../Images/andjoy.jpg);
    float: left;
    width: 80px;
    margin-bottom: 5px;
    height: 20px;
    background-position: left;
    background-size: 70px;
    margin-top: 5px;
    background-repeat: no-repeat;
}

.rescp{
    background-image: url(../Images/classpassres.png);
    float: left;
    width: 100px;
    margin-bottom: 5px;
    height: 20px;
    background-position: left;
    background-size: 90px;
    margin-top: 5px;
    background-repeat: no-repeat;
}

.resur{
    background-image: url(../Images/urban.png);
    float: left;
    width: 100px;
    margin-bottom: 5px;
    height: 20px;
    background-position: left;
    background-size: 90px;
    margin-top: 5px;
    background-repeat: no-repeat;
}

.resgp{
    background-image: url(../Images/gympass.png);
    float: left;
    width: 100px;
    margin-bottom: 5px;
    height: 20px;
    background-position: left;
    background-size: 70px;
    margin-top: 5px;
    background-repeat: no-repeat;
}

.g4vstate{
    float: left;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 600;
    font-size: 11px;
    background-size: 16px;
    text-transform: uppercase;
    height: 16px;
    cursor: default;
}

.g4vstate.ok{
    background-image: url(../Images/checkedGreen.svg);   
}

.g4vstate.peng{
    background-image: url(../Images/question.svg);   
}

.chartControl2Con .select2-container{
        width: 200px !important;
    margin-top: 5px;
    margin-bottom: 10px;
}

#giftCodeList span{
    float: left;
    width: 90%;
    border-bottom: 1px solid #eee;
    margin-bottom: 2px;
    padding-bottom: 5px;
    min-width: 200px;
}

#giftCodeList{
    float: left;
    margin-left: 145px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 15px;
    max-height: 200px;
    overflow: scroll;
    border-radius: 3px;
    max-width: 400px;
}

#giftCodeList a{
background-image: url(../Images/bin.svg);
    background-repeat: no-repeat;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 2px;
    background-size: 100%;
}

#giftCodeList span:last-child{
    border: none;
}

.htgcard{
float: left;
    margin: 0px !important;
    background: url(../Images/giftcardGray.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    color: #555;
    padding-left: 23px;
    background-position: left;
}

#conComInside{
    text-align: left;
    float: left;
    /* margin-left: 10px; */
    width: 603px;
    border-radius: 2px;
    /* resize: none; */
    margin-top: 10px;
    height: 60px;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 10px 15px !important;
}

.insideNotesTL{
    float: left;
    background-image: url(../Images/infoPR.svg);
    margin-left: 4%;
    width: 92%;
    background-size: 18px;
    background-repeat: no-repeat;
    font-size: 13px;
    padding-top: 10px;
    padding-left: 35px;
    border-radius: 2px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    margin-top: 15px;
    margin-bottom: 5px;
    background-position: 10px;
    text-align: left;
    padding-right: 10px;
    width: 538px;
}

.setCast{
    background-image: url(../Images/settingsGray.svg);
    width: 22px;
    height: 22px;
    background-size: 22px;
    margin-top: 0px;
    float: right;
    margin-left: 5px;
    cursor: pointer;
}

.crwWodHeader .titleBenchmark{
    margin-bottom: -6px;
    margin-top: 5px;
    margin-left: 12px;
}

.tlProductCon .pdDto{
    margin-top: 10px;
}

.tlProductCon .pdSave{
    float: left;
}

#appointmentsCon{
    float: left;
    margin-left: 1%;
    width: 98%;
}

.apntmCon{
float: left;
    width: 96%;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
        min-height: 30px;
        position: relative;
}

#appointmentsCon .apntmCon:first-child{
    border: 0px;
}

.apntmCon .checkAthlete{
    float: left;
    position: relative;
    height: 22px;
    margin-right: 10px;
    margin-top: -1px;
}

.apntmWa{
    background-image: url(../Images/whatsapp.svg);
    background-size: 100%;
    float: left;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-top: -1px;
}

.apntmDayN{
    float: left;
    font-size: 19px;
    font-weight: 400;
    color: #555;
    left: 20px;
        position: absolute;
}

.apntmDayM{
    float: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 7px;
        position: absolute;
    color: #888;
        left: 42px;
}

.apntmColor{
    float: left;
    width: 12px;
    margin-top: 3px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.apntmColor:hover{
    opacity: 1 !important;
}

.apntmTime{
    float: left;
    margin-right: 10px;
    width: 135px;
    font-weight: 400;
    text-align: left;
}

.apntmName{
    float: left;
        min-width: 200px;
}

.apntmCoach{
    font-weight: 400;
}

.apntmConx{
float: left;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding-top: 5px;
    color: #333;
    padding-bottom: 5px;
    width: 100%;
    cursor: default;
}

.apntmConxcts{
    float: left;
    margin-left: 120px;
}

.apntmNameAthPic{
    float: left;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 1px;
    cursor: pointer;
}

.apntmNameAth{
    float: left;
    cursor: pointer;
}

.apntmConx:hover .apntmColor{
    background-color: transparent !important;
    background-size: 16px;
    background-image: url(../Images/removeRed.svg);
    border-radius: 0px;
    opacity: 0.6;
    width: 16px;
    margin-right: 8px;
    background-position: center;
    margin-left: -2px;
    margin-top: 0px;
    height: 16px;
}

.apntmSala{
    float: left;
    font-weight: 400;
    background: url(../Images/locateBlue.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 5px;
    color: #2490F4 !important;
    padding-left: 15px;
    font-size: 12px;
}

#perfilAhDateCliente a{
    float: left;
    color: #2490f4;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    margin-right: 20px;
}

#perfilAhDateCliente a:hover{
    text-decoration: underline;
}

#perfilAhDateCliente a.linked{
    background-image: url(../Images/checkGreen.svg);
    color: #2BB12B;
    background-size: 14px;
    background-repeat: no-repeat;
    padding-left: 18px;
    margin-top: 5px;
    background-position: left;
    cursor: default; 
}

.sePostLink{
    float: left;
    background-image: url(../Images/rightArrowBlue.svg);
    color: #2490F4;
    margin-left: 25px;
    background-repeat: no-repeat;
    font-size: 13px;
    background-size: 15px;
    cursor: pointer;
    margin-top: 15px;
    background-position: left;
    padding-left: 18px;
    font-weight: 600;
}

.sePostLink:hover{
    text-decoration: underline;
}


.bigconfirm{
    width: 500px !important;
}

.bigconfirm #confirmButton2, .bigconfirm #confirmButton1{
    margin-right: 10px !important;
}

.alertremsgs{
    display: inline-block;
    width: 90%;
    text-align: left;
    padding-left: 19px;
    background-repeat: no-repeat;
    background-image: url(../Images/bell.svg);
    margin-bottom: 5px;
    background-size: 14px;
    background-position: left;
    font-size: 13px;
    color: #555;
    font-weight: 600;
    margin-left: 18px;
}

.alertremsgs:hover{
    background-image: url(../Images/bin.svg);
    cursor: pointer
}

#cargaWodTitle{
        float: left;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2E9AFE;
    cursor: pointer;
}

#cargaWodTitle:hover{
    text-decoration: underline;
}

.asBox #cargaWodTitle{
    display: none;
}


.wodScheduledTL{
color: #2BB12B!important;
    background-image: url(../Images/historyGreen.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    margin-top: 5px;
    text-indent: 17px;
}

.wodEditName{
    background-image: url(../Images/editGrid.svg);
    float: left;
    background-repeat: no-repeat;
    width: 18px;
    background-position: center;
    height: 18px;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 1px;
    opacity: 0.8;
}

.wodEditName:hover{
    opacity: 1;
}

.wodEditNameInpt{
    float: left;
    display: none;
}

.editWodNamenw .wodEditNameInpt{
        display: block;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 2px;
    margin-bottom: 5px;
    width: 350px;
}

.editWodNamenw span, .editWodNamenw .wodEditName{
    display: none;
}

.chatMsgCon a{
    color: #fff;
    font-weight: 700;
}


.showrep{
    cursor: pointer;
}

.showrep .ctrlClientsCountDesc{
        background-image: url(../Images/rightArrowBlue.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;
    background-size: 16px;
}


.showrep.ctrlClientsCount:hover .ctrlClientsCountDesc{
    background-image: none;
    color: #2490F4;
}

.infonoclient{
float: left;
    min-width: 16px;
    background-image: url(../Images/infoPR.svg);
    height: 16px;
    background-size: 16px;
    margin-right: 5px;
    margin-top: 6px;
    background-repeat: no-repeat;
}

.infonoclient span{
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 21px;
    z-index: 1;
    box-shadow: 0 1px 2px #eee;
    margin-top: -7px;
    font-weight: 600;
}

.infonoclient:hover span{
    display: block;
}

.avisoleaddup{
        background-image: url(../Images/error.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 26px !important;
}

.infoCardsTPV{
        background-image: url(../Images/cards.jpg);
    float: left;
    height: 36px;
    width: 140px;
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
}


.infoBizum{
    background-image: url(../Images/bizum.png);
    float: left;
    height: 36px;
    width: 100px;
    clear: both;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0px;
    margin-top: 30px;
    cursor: pointer;
}

.repWodFWOut.edit{
    margin-top: 8px;
    background-size: 16px;
    background-image: url(../Images/editGrid.svg);
    background-position: 4px;
}

.repWodFWOut.bin{
    margin-top: 8px;
    background-size: 16px;
    background-image: url(../Images/bin.svg);
    background-position: 4px;
}

.atletaAlertmsg.lead{
    background-color: lime !important;
    color: #000;
}

.comListElemGIF{
    float: left;
    width: 200px;
}

.comListElemGIF{
    position: relative !important;
    border-radius: 0px !important;
    left: 0px !important;
    margin-top: 5px !important;
    margin-bottom: 5px;
    height: 125px !important;
    width: auto !important;    
    min-width: 10px;
    float: left;
}

#contenidoEventLog{
    float: left;
    height: 300px;
    width: 96%;
    overflow: scroll;    
}

.logevrw{
float: left;
    padding-top: 7px;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
}
.logevdate{
    float: left;
    font-size: 13px;
    width: 130px;
    font-weight: 600;
}

.logevmsg{
    float: left;
    font-size: 13px;
    width: 390px;
    margin-left: 10px;
}

.logevmsg b{
    font-weight: 600;
    color: red;
}

.logevnoevents{
    float: left;
    margin-top: 10px;
    color: red;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}

#infoMailRegistro, #infoMailRegistroCoach{
    color: #2BB12B;
    margin-left: 148px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 13px;
}

#infoMailRegistro b, #infoMailRegistroCoach b{
    font-weight: 700;
    color: red;
}

.openclinw{
background-image: url(../Images/newwindow.svg);
    float: right;
    width: 14px;
    height: 14px;
    background-size: 14px;
    margin-top: 6px;
    cursor: pointer;
    opacity: 0.3;
}

.openclinw:hover{
    opacity: 0.8;
    background-image: url(../Images/newwindowBlue.svg);
}

#imagenFirmacliente{
    width: 200px;
    margin-top: 10px;
}

.ahspchatlnk, .ahspchatlnkMobile{
    position: fixed;
    background-color: #2490F4 !important;
    bottom: 30px;
    right: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 12px 18px;
    border-radius: 20px;
    box-shadow: 0 0 1px #000;
    cursor: pointer;
    background-image: url(../../Images/kblogohelp.png);
    background-repeat: no-repeat;
    background-position: -4px;
    background-size: 54px;
    padding-left: 39px;
}

.ahspchatlnkMobile{
    display: none;
    text-decoration: none;
}

#ahspchat{
    display: none;
    position: fixed;
    width: 400px;
    height: 680px;
    background: #fff;
    right: 23px;
    border-radius: 3px;
    bottom: 30px;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0.3);
        z-index: 999;
}

#ahspchatCon{
    float: left;
    width: 360px;
    height: 480px;
    margin-bottom: 10px;
    padding: 20px;
    overflow-y: scroll;
}

#ahspchatextend{
    float: right;
    background-image: url(../Images/newwindowWhite.svg);
    background-color: #2490F4 !important;
    width: 48px;
    height: 48px;
    background-color: #2490F4 !important;
    margin-left: 53px;
    margin-right: 15px;
    background-size: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center 13px;
}

#ahspchatchat{
    float: right;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzNSAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTE0LjIyNiAyMC40NmwtOS42NDIgMS4xMDZMMyA1LjEwNiAzMC4wNjYgMmwxLjU4NCAxNi40Ni05LjM2NyAxLjA3NC0zLjUwNiA1LjcxNS00LjU1MS00Ljc5eiIgaWQ9ImIiLz48ZmlsdGVyIHg9Ii0xNS43JSIgeT0iLTE1LjElIiB3aWR0aD0iMTMxLjQlIiBoZWlnaHQ9IjEzOC43JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiLz48ZmVPZmZzZXQgZHk9IjEiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=)!important;
    background-color: #2490F4 !important;
    width: 48px;
    height: 48px;
    background-color: #2490F4 !important;
    

    margin-right: 20px;
    background-size: 26px;
    cursor: pointer;
     background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center 13px;
/*

    float: ;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzAiIHZpZXdCb3g9I…Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=)!important;
    
    
   */
}

#ahspchatchatwa{
    float: right;
    background-image: url(../Images/wa.svg);
    width: 48px;
    height: 48px;
    margin-right: 20px;
    margin-left: -5px;
    background-size: 247px;
    cursor: pointer;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: -9px -5px;
}

#ahspchatchattxt{
    float: left;
    padding-left: 27px;
    font-size: 15px;
    height: 24px;
    cursor: pointer;
    color: #555;
    font-weight: 600;
    padding-right: 10px;
}

#ahspchatsearch{
    float: left;
    background-size: 20px;
    background-color: rgba(0,0,0,0.1);
    background-image: url(../Images/searchWhite.svg);
    width: 275px;
    background-repeat: no-repeat;
    border: 0px;
    color: #fff;
    height: 30px;
    border-radius: 2px;
    background-position: 5px;
    padding-left: 32px;
    font-size: 15px;
}

#ahspchatsearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.9; /* Firefox */
}

#ahspchatsearch:focus {
    box-shadow: none !important;
}

#ahspchatsearchCon{
background: #2490F4 !important;
    float: left;
    width: 350px;
    padding: 12px 25px;
}

.ahspchatsearchnf{
float: left;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

#ahspchatexit{
    background-image: url(../Images/deleteWhite.svg);
    width: 22px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

#ahspchatexit:hover{
    background-color: rgba(0,0,0,0.3)
}


#ahspchat.smallhelp{
    height: 480px;
    width: 360px;
}

#ahspchat.smallhelp #ahspchatsearchCon{
    width: 310px;
}

#ahspchat.smallhelp #ahspchatCon{
    height: 280px;
    width: 320px;
}


.resultSearchHelp{
    float: left;
    width: 100%;
}




.resultSearchHelp a{
    float: left;
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 14px;
    cursor: pointer;
    background-size: 12px;
    color: #2490F4 !important;
    background-image: url(../Images/rightArrowBlue.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.resultSearchHelp a.disabled{
    background-image: url(../Images/rightArrow.svg);
    color: #000 !important;
    opacity: 0.7;
    cursor: default;
}

.resultSearchHelp a.goback{
        margin-top: 15px;
    float: right;
    background-image: url(../Images/leftArrowBlue.svg);
}

.resultSearchHelp a:hover{
    text-decoration: underline; 
}

.resultSearchHelp a.disabled:hover{
    text-decoration: none; 
}

.rshTitle{
float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.rshContent{
    float: left;
    font-size: 13px;
    width: 100%;
    cursor: default;
        margin-bottom: 20px;
}

.rshContent ol, .rshContent ul{
    margin-top: 10px;
    margin-bottom: 10px;
}

.rshContent ol li, .rshContent ul li{
    margin-bottom: 5px
}


.ahiconedit{
        background-image: url(../Images/editGrid.svg);
    width: 14px;
    height: 15px;
    margin-bottom: -2px;
    background-repeat: no-repeat;
    display: inline-block;
}

.titlepopsearch{
        float: left;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 10px;
}

.rshContent a{
    color: #2490F4 !important;
    cursor: pointer;   
}

.rshContent a:hover{
    text-decoration: underline;
}

.apntmConxLocked{
    background-color: #ddd;
    color: #555;
    padding-left: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

@media screen and (max-width: 700px) {
    .reportsCol{
        float: left;
        margin-bottom: 20px;
        width: 94%;
        margin-left: 5%;
    }

    .generaInforme{
        margin-left: 20px;
    }
}

.clrrsp{
    display: none;
}

#atlink, #atunlink{
    color: #2490F4 !important;
    font-weight: 600;
    margin-top: 6px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}

#atlink:hover, #atunlink:hover{
    text-decoration: underline;
}

.zoomAdd{
    margin-right: 20px !important;
    background-size: 20px;
    background-image: url(../Images/zoom.jpeg);
    height: 20px;
    line-height: 20px;
    padding-left: 24px;
    margin-top: -1px;
}


.rvZoomId{
float: left;
    margin-right: 20px;
    font-weight: 600;
    font-size: 20px;
    background-repeat: no-repeat;
    background-size: 30px;

    padding-left: 5px;
    font-size: 13px;
    margin-left: 0px;
    margin-top: 4px;
    margin-bottom: 7px;
    line-height: 30px;
    cursor: default;
}

.rvZoomLinkLogo{
    background-image: url(../Images/zoom.png);
    float: left;
    margin-top: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rvZoomLinkLogo.big{
    margin-top: 1px;
    margin-right: 5px;
    width: 24px;
    margin-bottom: 5px;
    height: 24px;
}


.rvZoomLink{
float: left;
    margin-right: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 13px;
    margin-left: 0px;
    margin-top: 10px;
    background-size: 18px;
    font-weight: 600;
    line-height: 18px;
    padding-left: 5px;
    color: #2490f4 !important;  
}

.rvZoomLink:hover{
    text-decoration: underline;
}

.delEjercicioModal{
    position: absolute;
    background-color: #f44848;
    background-image: linear-gradient(to left bottom, #ff1016, #fd2525, #fb3332, #f83e3d, #f44848);
    color: #fff;
    cursor: pointer;
    margin-top: 160px;
    right: 10px;
    font-weight: 600;
    padding: 5px 15px;
    font-size: 12px;
    box-shadow: 0 0 2px #000;
    cursor: pointer;
    border-radius: 3px;
    opacity: 1;
}

#regNovMasOps{
    float: left;
    width: 100%;
    display: none;
    margin-top: 20px;
}

#comInside, #comEnlaceCon{
    margin-top: 20px;
    display: none;
}

#comVideoCon{
    display: none;
}

.bpShowRank{
    display: none;
    margin-left: 10px;
    margin-top: 15px;
}

#rwVideoURL{
        background-image: url(../Images/youtubeRed.svg);
    background-size: 22px;
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.rwaddvideoIl, .rwaddlinkIl{
    display: none;
    float: left;
    color: #333;
    background-size: 16px;
    padding-left: 20px;
    line-height: 16px;
    margin-right: 10px;
    font-weight: 700;
    float: left;
    font-size: 12px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    cursor: pointer;
}

.rwaddvideoIl{
    background-image: url(../Images/youtubeRed.svg);
    margin-left: 15px;
}

.rwaddlinkIl{
    background-image: url(../Images/chainsBlue.svg);
    background-size: 14px;
    padding-left: 17px;
    margin-left: 2px;
}


#regNovedad.asBox .rwaddvideoIl, #regNovedad.asBox .rwaddlinkIl{
    display: block;
}

.rwaddvideoIl:hover, .rwaddlinkIl:hover{
    text-decoration: underline;
}


#selectedContent .rwTxtoLibreWOD{
    margin-left: 0px;
}

.rwaddVideoLinkRes{
    float: left;
    width: 100%;
}

.rwaddVid{
    float: left;
}

.rwaddVid input{
background-image: url(../Images/youtubeRed.svg);
    background-size: 18px;
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    float: left;
    width: 325px;
    padding: 6px 10px;
    margin-bottom: 13px;
    font-size: 13px;
    margin-left: 14px;
    margin-top: 0px;
    border-radius: 2px;
}

#rwaddVidDesc{
    background-image: none;
    padding-left: 10px !important;
    width: 150px;
}

.rwaddLink{
    float: left;
    width: 100%;
}

.rwaddLink input{
    float: left;
    width: 350px;
    padding: 6px 10px;
    margin-bottom: 13px;
    font-size: 13px;
    margin-left: 14px;
    margin-top: 0px;
    border-radius: 2px;
}

.rwaddLink input:first-child{
    width: 150px;
}

.rwaddLink a{
    float: left;
    background-image: url(../Images/remove.svg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 5px;
    opacity: 0.8;
}

.rwaddLink a{
    opacity: 1;
}

.rwaddVidCon{
    float: left;
    margin-left: 15px;
    border-radius: 2px;
    margin-bottom: 10px;
    overflow: hidden;
}

.rwaddVidCon a{
    float: left;
    color: #333;
    background-image: url(../Images/bin.svg);
    margin-top: 7px;
    font-weight: 700;
    height: 18px;
    background-position: left;
    padding-left: 22px;
    cursor: pointer;
    line-height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    display: none;
}

.rwaddVidCon:hover a{
    display: block;
}

.rwaddVidCon a:hover{
    text-decoration: underline;
}

.rwaddVidCon iframe{
    background-color: rgba(0, 0, 0, 0.4);
    float: left;
    height: 75px;
    width: 150px;
}



.rwaddVidCon span{
    float: left;
    line-height: initial;
    color: #000;
    text-overflow: ellipsis;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 3px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

.rwaddVidCon:hover span{
width: 210px;
    text-overflow: inherit;
    white-space: normal;
    display: none;
}

.tlWodVideosLink{
    float: left;
    margin-left: 11px;
    margin-top: 10px;
}

.tlWodVideos iframe {
    background-color: rgba(0, 0, 0, 0.4);
    float: left;
    height: 75px;
    width: 150px;
    /*transition: width 1s;*/
}

.tlWodVideos iframe:hover{
    height: 150px;
    width: 300px;
}

.tlWodVideosLink a{
float: left;
    background-image: url(../Images/youtubeBlue.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 25px;
    font-weight: 600;
    color: #2490F4;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 13px;
    margin-right: 20px;
}

.tlWodVideosLink a:hover{
    text-decoration: underline;
}

.tlWodVideosLink .link{
    background-image: url(../Images/rightArrowBlue.svg);
    background-size: 15px;
    padding-left: 18px;
}

.tlWodLinks{
    float: left;
    margin-left: 15px;
    margin-top: 0px;
}

.tlWodLinks a{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-top: 0px;
}


.rwaddVid a{
    float: left;
    background-image: url(../Images/checkedGray.svg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 5px;
    opacity: 0.8;
}

.rwaddVid a:hover{
    background-image: url(../Images/checked.svg);
}

#searchEnEjTypeCon{
    display: inline-block;
    margin-left: 5px;
}

#searchEnEjTypeCon .select2-container{
    width: 200px !important;
    text-align: left;
    font-size: 15px;
}

#searchEnEjTypeCon .select2-container .select2-selection--single{
    height: 38px;
    margin-top: -5px;
}

#searchEnEjTypeCon .select2-container .select2-selection--single .select2-selection__rendered{
        margin-top: 4px;
            padding-left: 15px;
}

#searchEnEjTypeCon .select2-container--default .select2-selection--single{
    border: 1px solid #bbb;
}


#searchEnEjTypeCon .addRw{
        float: right;
    padding: 10px 17px;
    margin-left: 9px;
    font-weight: 600;
    margin-top: -3px;
    font-size: 13px;
}

.valoradosneg{
    float: left;
    margin-top: 40px;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.myspotres{
    background-color: black;
}

.atletaNicknamespotres{
    background-color: black !important;
    color: #fff;
}

#clfecnacAge{
        color: #2BB12B;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

#titlePrecioAthletesignup.withDiscount{
    color: #2BB12B !important;
}

.chatListElemCon{
    float: left;
    width: 280px;
    padding: 10px;
    padding-right: 30px;
}

.spoteditable{
background-image: url(../Images/refreshWhite.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 11px !important;
    padding: 3px !important;
    background-position: 5px !important;
    padding-left: 20px !important;
    cursor: pointer;
    padding-right: 5px !important;
}

.spoteditable:hover{
    background-color: #2490f4 !important;
}

.avisoMustBeLoggedControls .forgot{
        text-align: left;
    margin-bottom: 15px;
    color: #2490f4;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
}

.avisoMustBeLoggedControls #errForgotpw {
    color: red!important;
    margin-top: 5px !important;
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 20px;
    width: 80%;
    float: left;
    text-align: center;
    padding-left: 10%;
}

.fixedpost{
float: left;
    width: 100%;
    background-color: #555;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 6px 0px;
    background-image: url(../Images/pin.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 5px;
}

.leadAzul{
    background-color: #dae5ff !important;
}

.leadCliente{
        background-color: #444!important;
    color: #fff !important;
}

.leadRojo{
    background-color: #f3c0c0 !important;
}

.leadVerde{
    background-color: #def9de !important;
}

.edtittotalbono{
    float: left;
    font-weight: 600;
    color: #2490f4;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.edtittotalbono:hover{
    text-decoration: underline;
}


#clnoteslistinside{
        margin-left: 150px;
    background: #fff;
    float: left;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 508px;
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rshContent iframe, .rshContent img{
    max-width: 100%;

}

.rshContent img{

        height: auto;
}

.ahhelpgroup{
    height: auto;
    text-align: left;
    float: left;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px 0px #eee;
    border: 1px solid #eee;
    padding: 10px 40px;
    padding-bottom: 20px;
    margin-bottom: 50px;
    width: 400px;
    padding-top: 20px;

}

.helpResumeStart{
    
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.ahhelpgroup a{
    float: left;
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 16px;
    cursor: pointer;
    background-size: 12px;
    color: #2490F4 !important;
    background-repeat: no-repeat;
    background-position: left;
}

.ahhelpgroup a:hover{
    text-decoration: underline;
}

.ahhelpgroup .titlepopsearch{
    margin-left: 0px;
    margin-top: 10px;
}

.ahhelpgroupmas{
    display: none;
}

.masbuscador{
    color: #000;
    background-image: url(../../Images/search.svg);
    background-size: 22px;
    background-position: right;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-right: 30px;
    margin-top: 10px;
    opacity: 0.5;
    cursor: default;
}


.ahhelpgroupmas a:last-child{
    margin-bottom: 20px;
}

.verMasHelp{
        padding-left: 16px;
    background-image: url(../../Images/add.svg);
    background-size: 12px !important;
}

.helpconvideo{
        background-image: url(../../Images/youtubeBlue.svg);
    background-position: right !important;
    background-size: 20px !important;
    padding-right: 30px;
}



.resultSearchHelp a.helpinterna span{
    background-image: url(../../Images/secure.svg) !important;
    background-position: right !important;
    padding-right: 24px;
    background-repeat: no-repeat;
    background-size: 16px !important;
}




.resultSearchHelp a.helpconvideo, .resultSearchHelp a.helpinterna{
    background-position: left !important;
    background-size: 12px !important;
}


.resultSearchHelp a.helpconvideo span{
    background-image: url(../../Images/youtubeBlue.svg);
    background-position: right 0px;
    background-size: 20px !important;
    background-repeat: no-repeat;
    padding-right: 30px;
    width: 25px;
    height: 25px;
}

.quitarratexto{
        background-image: url(../Images/bin.svg);
    float: left;
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-left: 10px;
    margin-top: 5px;   
    cursor: pointer;
}

#frmReservationAlerts #showconfnotifs{
    color: #2490f4;
    margin-bottom: 20px;
    font-weight: 600;
    cursor: pointer;
    float: left;
}

#frmReservationAlerts #showconfnotifs:hover{
    text-decoration: underline;
}



#frmReservationAlerts .addTarifa{
    margin-bottom: 20px;
}


@media screen and (max-width: 1280px) {
    .pagoFCPendiente{
        left: 246px !important;
    }
}
@media screen and (max-width: 1024px) {
    .pagoFCPendiente{
        left: 0px !important;
    }
}

.closepagoFCPendiente{
    background: url(../Images/deleteWhite.svg) !important;
    border: none !important;
    padding: 0px !important;
    position: absolute;
    right: 10px;
    background-size: 22px !important;
    width: 32px;
    background-repeat: no-repeat !important;
    height: 32px;
    margin: 0px !important;
    cursor: pointer;
    background-position: center !important;
}

.pagoFCPendiente{
    position: fixed;
    left: 331px;
    right: 0px;
    background: #ff3737;
    z-index: 12;
    padding: 20px;
    font-weight: 700;
    color: #fff;
    top: 82px;
}

.pagoFCPendiente span{
    font-size: 14px;
    float: left;
}


.pagoFCPendiente a{
float: left;
    background: #fff;
    color: #555;
    padding: 10px 20px;
    font-size: 13px;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 7px;
    margin-top: 20px;
    border: 1px solid #c53d3d;
    text-decoration: none;
}



.funcionalTypes{
display: none;}

.funcionalTypes .titTWRWod{
    color: #2BB12B !important;
}

 .stepbig{
    position: absolute;
    background: red;
    width: 70px;
    height: 70px;
    font-weight: 300;
    line-height: 70px;
    border-radius: 50%;
    left: 0px;
    background-size: 41px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-size: 30px;
    text-align: center;
    background-image: url(../Images/deleteWhite.svg);
    }

.stepbig.ok{
            background-image: url(../Images/checkedGreen.svg);
    background-size: 70px;
    background-color: #fff;
    }


.stepbig.dn{
            background-image: url(../Images/question.svg);
    background-size: 70px;
    background-color: #fff;
    }


.queesesto{
    background-image: url(../Images/questionmenuactive.svg);
    background-repeat: no-repeat;
    padding-left: 28px !important;
    margin-left: 20px;
    font-size: 13px;
    color: #2490F4 !important;
    background-size: 16px;
    float: left;
    border: 1px solid #ccc;
    background-position: 7px;
    cursor: pointer;
    border-radius: 18px;
    padding: 5px 10px;
}

.queesestolong{
    float: left;
    margin-left: 0px;
}

.queesestolong a{
    color: #2490F4 !important;
    font-weight: 600;
}

.queesestolong{
    color: #555 !important;
        float: left;
    background-position: 10px;
    max-width: 700px;
    margin-left: 0px;
    background-size: 20px !important;
    padding-left: 37px !important;
}


.listbigloadmore{
        float: left;
    color: #2490F4 !important;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.listbigloadmore:hover{
    text-decoration: underline;
}

.insigniacliente{
    float: left;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 5px;
    border-radius: 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.backsupport{
        background: #2490F4 !important;
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    margin-top: 20px;
    left: 30px;
    font-weight: 600;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 0 0 2px 1px #ccc;
    text-decoration: none;
}

#pginvoiceCon .infoBloqueBah a{
    color: red;
    cursor: pointer;
}

#pginvoiceCon .infoBloqueBah a:hover{
    text-decoration: underline;
}

#clientepins .insignia{
    display: inline-block;
    border-radius: 5px;
    width: auto;
    color: #fff;
    background-position: 5px;
    padding-left: 26px;
    padding-top: 5px;
    height: auto;
    float: none;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-right: 10px;
    font-weight: 700;
    background-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.clientslist.insignia{
    display: inline-block;
    border-radius: 5px;
    width: auto;
    color: #fff;
    background-position: 5px;
    padding-left: 26px;
    padding-top: 0px;
    height: auto;
    float: right;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    padding-right: 10px;
    font-weight: 700;
    background-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    border: 1px solid #ccc;
    line-height: 32px;
    min-width: 50px;
}

.clientslist .nivemidcolor{
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0px;
    height: 18px;
    top: 7px;
}

#clientepins .insignia0, .clientslist.insignia.insignia0{
    background-image: url(../Images/insignia0.svg);
}

#clientepins .insignia1, .clientslist.insignia.insignia1{
    background-image: url(../Images/insignia1.svg);
}

#clientepins .insignia2, .clientslist.insignia.insignia2{
    background-image: url(../Images/insignia2.svg);
}

#clientepins .insignia3, .clientslist.insignia.insignia3{
    background-image: url(../Images/insignia3.svg);
}

#clientepins{
    float: right;
    margin-right: 5%;
}

.afrefdto{
float: left;
    margin-left: 20px;
    padding: 2px;
    width: 150px;
    position: relative;
    padding-left: 94px;
    margin-top: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.afrefdtoper{
float: left;
    font-family: 'Fjalla One', sans-serif;
    font-size: 47px;
    position: absolute;
    color: red;
    font-weight: bold;
    left: 0px;
}

.afrefdtot1{
float: left;
    text-transform: uppercase;
    width: 100%;
    font-size: 26px;
    font-family: 'Fjalla One', sans-serif;
    font-weight: bold;
    margin-top: 3px;
    color:#000;
}

.afrefdtot2{
float: left;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
    margin-top: -1px;
    color: #111;
    font-weight: bold;
    text-transform: uppercase;

}


<!--
#eucookielaw { display:none }
-->



#eucookiesetup{
    display: none;
}
#eucookielaw{
background-color: rgba(0,0,0,0.85);
    border-top: 1px solid #333;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    width: 90%;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 5%;
    position: fixed;
    text-align: center;
    padding-right: 5%;
    z-index: 101;
}

#eucookielaw p{
    display: inline-block;
    text-align: left;
    font-size: 14px;
    max-width: 1280px;
}

#eucookielaw a{
    color: #fff !important;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
        margin-bottom: 5px;
}

#eucookielaw a:hover{
    text-decoration: underline;
}

#eucookielaw #more{
    float: left;
        margin-top: 10px;
}

.removeCookie{
    padding: 10px;
    border: 1px solid #fff;
    text-transform: uppercase;
    margin-right: 10px;
    float: left;
    margin-left: 0px !important;
    
}

#eucookiesetup{
    position: absolute;
    left: 0;
    top: 0;
}

#eucookiesetupFade{
        background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    bottom: 0;
}

/*#eucookiesetupCon{*/
/*    width: 600px;*/
/*    height: 600px;*/
/*    background: #fff;*/
/*    position: fixed;*/
/*    padding: 20px 50px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*    overflow: scroll;*/
/*    top: 200px;*/
/*    border-radius: 15px;*/
/*    z-index: 123456;*/
/*}*/

#eucookiesetupCon{
    width: 600px;
    height: 600px;
    background: #fff;
    position: fixed;
    padding: 20px 50px;
    left: 0;
    right: 0;
    margin: auto;
    overflow-y: auto;
    top: 200px;
    border-radius: 15px;
    z-index: 123456;
}

#eucookiesetupConTop{
     float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}

/*#eucookiesetupConTop a{*/
/*text-transform: uppercase;*/
/*    float: left;*/
/*    width: 46%;*/
/*    margin-right: 2%;*/
/*    padding-bottom: 5px;*/
/*    border-bottom: 2px solid #ccc;*/
/*    font-size: 15px;*/
/*        color: #555;*/
/*}*/


#eucookiesetupConTop a{
    text-transform: uppercase;
    float: left;
    width: 30%;
    margin-right: 2%;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    font-size: 15px;
    color: #555;
}

.removeCookie:hover{
    text-decoration: none !important;
}

#eucookiesetupConTop a.selected{
        color: #2490F4;
}

.conCookie{
    width: 1280px;
    max-width: 100%;
    display: inline-block;
    margin-top: 15px;
}


#eucookiesetupControles{
    position: absolute;
    bottom: 0;
    text-align: center;
    padding-top: 20px;
    background: white;
    width: 100%;
    left: 0;
    padding-bottom: 20px;
}

#eucookiesetupControles a{
    border: 2px solid;
    float: none;
    font-weight: 600;
    display: inline-block;
        margin-bottom: 5px;
}

#eucookiesetupConPolitica, #eucookiesetupConNecesarias{
float: left;
    width: 100%;
    max-height: 455px;
    overflow: scroll;
}

/*#eucookiesetupConNecesarias span{*/
/*        margin-top: 30px;*/
/*    background-image: url(../Images/checkedGray.svg);*/
/*    float: left;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 30px;*/
/*    height: 30px;*/
/*    font-size: 18px;*/
/*    padding-left: 37px;*/
/*    color: #555;*/
/*    line-height: 30px;*/
/*}*/

#eucookiesetupTerceros span,
#eucookiesetupConNecesarias span{
    height: 30px;
    font-size: 18px;
    color: #555;
    line-height: 30px;
}

/*#eucookiesetupConNecesarias p{*/
/*    font-size: 14px;*/
/*}*/

#eucookiesetupTerceros p>b,
#eucookiesetupConPolitica p>b,
#eucookiesetupConNecesarias p>b {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}

@media screen and (max-width: 700px) {

     #eucookiesetupCon{
            width: 80%;
    top: 140px;
    padding: 5%;
    height: 500px;
    }
    
    #eucookiesetupConPolitica, #eucookiesetupConNecesarias{
        max-height: 280px;
    }
}

.maxWithDialog{
    max-width: 90%;
}


.gradobg{
        background-color: black;
    height: 100%;
    position: absolute;
    right: 0px;
    width: 40px;
    top: 0;
}

.gradobg1{
    background-color: white;
    position: absolute;
    width: 4px;
    height: 100%;
    z-index: 1;
    right: 5px;
    top: 0;
}

.gradobg2{
    background-color: white;
    position: absolute;
    width: 4px;
    height: 100%;
    z-index: 1;
    right: 13px;
    top: 0;
}
.gradobg3{
    background-color: white;
    position: absolute;
    width: 4px;
    height: 100%;
    z-index: 1;
    right: 21px;
    top: 0;
}
.gradobg4{
    background-color: white;
    position: absolute;
    width: 4px;
    height: 100%;
    z-index: 1;
    right: 29px;
    top: 0;
}


@keyframes fadeInCompares {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.ctrlClientsCountTotal .comparedownGood{
    background-image: url(../Images/downGreen.svg) !important;
    color: #2BB12B !important;
}

.ctrlClientsCountTotal .compareupBad{
    background-image: url(../Images/upRed.svg) !important;
    color: red !important;
}

.ctrlClientsCountTotal .comparedown, .ctrlClientsCountTotal .compareup{
    background-repeat: no-repeat;
    background-image: url(../Images/downRed2.svg);
    color: red;
    font-size: 14px;
    background-position: left;
    position: absolute;
    display: inline-block;
    background-size: 14px;
    padding-left: 15px;
    left: 50%;
    margin-left: -14px;
    margin-top: -17px;
    
    animation: fadeInCompares 1s ease-out;
}

.ctrlClientsCountConKPIs .ctrlClientsCountTotal .comparedown, .ctrlClientsCountConKPIs .ctrlClientsCountTotal .compareup{

        margin-left: -24px;
}

.ctrlClientsCountTotal .compareup{
    background-image: url(../Images/upGreen.svg);
    color: #2BB12B;
}

#ctrlValoraMedia{
        background-image: url(../Images/starGold.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    height: 36px;
    display: inline-block;
    background-position: 21px;
}



.atletaAlertnotes{
    float: left;
    color: #2BB12B !important;
    text-transform: uppercase;
    border-radius: 3px;
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
}

#eucookiesetupControles{
    position: absolute;
    bottom: 0;
    text-align: center;
    padding-top: 20px;
    background: white;
    width: 100%;
    left: 0;
    padding-bottom: 20px;
}

#eucookiesetupControles a{
    border: 2px solid;
    float: none;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

#eucookiesetupConPolitica, #eucookiesetupConNecesarias{
    float: left;
    width: 100%;
    max-height: 455px;
    overflow-y: auto;
}

#eucookiesetupTerceros span,
#eucookiesetupConNecesarias span{
    /*background-image: url(../Images/checkedGray.svg);*/
    /*margin-top: 30px;*/
    /*float: left;*/
    /*margin-top: 30px;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 30px;*/
    height: 30px;
    font-size: 18px;
    /*padding-left: 37px;*/
    color: #555;
    line-height: 30px;
}


#eucookiesetupTerceros p>b,
#eucookiesetupConPolitica p>b,
#eucookiesetupConNecesarias p>b {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}

@media screen and (max-width: 700px) {

    #eucookiesetupCon{
        width: 80%;
        top: 140px;
        padding: 5%;
        height: 500px;
    }

    #eucookiesetupConPolitica, #eucookiesetupConNecesarias{
        max-height: 280px;
    }

}

#eucookiesetupTerceros {
    float: left;
    width: 100%;
    max-height: 455px;
    overflow-y: auto;
}

.cookies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.cookie-title {
    font-weight: bold;
    font-size: 14px;
}

.view-switch {
    display: flex;
    align-items: center;
    gap: 6px;
}

.view-switch span{
font-weight: 600;
    margin-top: 4px;
    font-size: 13px;
}

.cookie-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    transition: all 0.3s;
}

.cookie-switch::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: white;
    top: 1px;
    left: 1px;
    transition: all 0.3s;
}

.cookie-checkbox:checked + .cookie-switch::after {
    left: 20px;
}

.cookie-checkbox:checked + .cookie-switch {
    background-color: rgba(36, 144, 244, 0.7);
}

.cookie-checkbox.readonly:checked + .cookie-switch {
    background-color: gray; /* o el color que desees */
    cursor: not-allowed;
    opacity: 0.6;
}

.cookie-checkbox {
    display: none;
}

.cookie-small-title {
    font-size: 14px !important;
}

.indent-20 {
    margin-left: 20px;
}

.ahLoginTop .menuTopLogin, .ahLoginTop .menuTopDemo{
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 15px;
    float: left;
    font-size: 16px;
    text-decoration: none;
    margin-top: 20px;
}

.ahLoginTop .menuTopDemo{
    background-color: #2490F4 !important;
    background-image: linear-gradient(to right top, #2490f4, #1897f5, #139ff5, #18a5f5, #24acf4);
    color: #FFF !important;
}



.ahLoginTop .menuTopLogin:hover{
    background-color: #fafafa;
}

.ahLoginTop .menuTopLogin {
    margin-top: 19px;
    float: left;
    border: 1px solid #eee;
    
    margin-right: 0px;
    color: #2490F4;
    margin-right: 15px;
}    

#surveySatis.flotante{
position: fixed;
    width: 300px;
    z-index: 999;
    top: 72px;
    left: 195px;
    box-shadow: 0 0 2px #ccc;
}


#surveySatis{
    float: left;
    text-align: center;
    padding: 20px 4%;
    margin-bottom: 50px;
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-image: linear-gradient(to right top, #2490f4, #1897f5, #139ff5, #18a5f5, #24acf4);
    background-color: rgba(36, 144, 244, 0.9);
}

.survTitle{
    float: left;
    width: 100%;
    font-family: 'Fjalla One', sans-serif;
    font-size: 23px;
}

.survSubtitle{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.survSubtitle a{
    color: #fff;
    cursor: pointer;
}

.survSubtitle a:hover{
    text-decoration: underline !important;
}

.survSubtitle2{
float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
}

.surveyProgress{
float: left;
    width: 300px;
    height: 6px;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 5px;
    
}

.surveyProgressStep{
float: left;
    border-right: 1px solid #ccc;
    height: 100%;
    margin-right: -1px;
}

.surveyProgressStep.on{
        background: rgba(36, 144, 244, 0.9);
}

.surveyBlock{
    float: left;
    border-top: 1px solid;
    text-align: center;
    margin-top: 10px;
    padding-left: 5%;
    padding-right: 5%;
    color: #fff;
    padding-bottom: 20px;
    width: 90%;
    padding-top: 25px;
}

.surveyProgressNum{
    display: inline-block;
    color: rgba(36, 144, 244, 1);
    font-size: 15px;
    font-weight: 700;
    border-radius: 14px;
    margin-top: -10px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 11px;
}

.surveyResponse{
    float: left;
    width: 100%;
    margin-top: 5px;
        text-align: center;
}

.surveyResponse .surveyStar{
background-image: url(../Images/starWhite.svg);
    opacity: 0.8;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
    background-position: center;
    background-size: 24px;
}

.surveyResponse .surveyStar.on{
    background-image: url(../Images/starGold.svg);
    opacity: 1;
}

.surveyQ{
    float: left;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

#surveyFeedbackNotes{
        display: inline-block;
    width: 80%;
    height: 150px;
    border-radius: 10px;
    margin-top: 15px;
    border: 1px solid #ccc;
    padding: 5%;
    font-size: 13px;
}

.sendFeedbackSurv{
float: none;
    margin-right: 0px;
    background-image: url(../Images/send.svg);
    background-repeat: no-repeat;
    margin-top: 20px;
    display: inline-block;
    border: 1px solid white;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    background-size: 19px;
    background-position: 95%;
    cursor: pointer;
    letter-spacing: 1px;
    padding-right: 38px;
}

.surveyProgressBack{
    background-image: url(../Images/back.svg);
    display: inline-block;
    width: 30px;
    position: absolute;
    height: 16px;
    margin-left: -31px;
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.inlineWA{
    background-image: url(../Images/whatsapp.svg);
    background-size: 20px;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.stripeCardErrorsV3{
    width: 100%;
    color: red;
    margin-top: 10px;
    float: left;
}

.currentMoreShowSch{
    display: inline-block;
    width: 90%;
    border: 1px solid #ccc;
    padding: 7px;
    margin-bottom: 5px;
    background-color: #2490f4;
    font-weight: 600;
    cursor: pointer;
    opacity: 0.85;
    color: #fff;
    box-shadow: 0 0 2px #ccc;
    font-size: 14px;
}

.currentMoreShowSch:hover{
    opacity: 1;
}


.currentMoreShowSch .arrsch{
    
    width: 18px;
    float: left;
    height: 18px;
    background-size: 18px;
}

.currentMoreShowSch.schup .arrsch{
    background-image: url(../Images/upWhite2.svg);
}

.currentMoreShowSch.schdown .arrsch{
    background-image: url(../Images/downWhite2.svg);
}

.currentMoreShowSch .arrsch:first-child{
    float: left;
}

.currentMoreShowSch .arrsch:last-child{
    float: right;
}

.loadingCoachDisp{
float: left;
    text-align: center;
    width: 100%;
    color: #555;
    font-weight: 600;
    font-size: 13px;
    margin-top: 105px;
}

#dispoCoach{
        position: absolute;
    width: 200px;
    height: 250px;
    border-left: 1px solid #ddd;
    right: 20px;
    top: 26px;
    overflow-y: scroll;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.spotDisp{
    border-radius: 10px;
    float: left;
    color: #fff;
    padding: 3px 10px;
    margin-bottom: 4px;
}

.spotDispTime{
    float: left;
    font-size: 12px;
    font-weight: 600;
    width: 80px;
}

.spotDispName{
    float: left;    
}

.spotDispTitle {
    float: left;
    font-weight: 600;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.spotDispAll{
    background-image: url(../Images/checkedGreen.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: top;
    padding-top: 34px;
    float: left;
    width: 100%;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
    height: 23px;
    margin-top: 90px;
}

.nctarifaMax .select2-container{
    max-width: 185px;
}