@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: "Open Sans", sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0px;
}

table {
    /*border: 1px solid #222;
    border-radius:3px;*/
    margin:auto;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url('/Content/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 80px 80px;
    opacity: 0.6
}


.row {
    margin-bottom:1%;
}

/*.multimedia {
    width:100%;
}*/


h1, h2, h3, h4, h5, h6 { font-family: "Oswald"; }

.marginDerecho5 {
    margin-right:5px;
    
}

.ui-autocomplete {
    z-index: 2147483647 !important;
}

.width-100 {
    width: 100px !important;
}

.maxH300 {
    max-height: 300px;
    overflow-y: auto;
}

/*
ul.boxed-navigation { list-style: none; padding-left: 0; display: table; width: 100%; font-family: "Oswald"; }
ul.boxed-navigation li { display: table-cell; text-align: center; background: #FAFAFA; border-left: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6; border-bottom: 3px solid #E6E6E6; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
ul.boxed-navigation li span { position: absolute; left: 50%; top: 15px; opacity: 0; color: #90071d; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
ul.boxed-navigation li svg { position: absolute; left: 55%; top: 5px; opacity: 0; width: 140px; height: 50px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
ul.boxed-navigation li svg path { stroke: #90071d; }
ul.boxed-navigation li svg polyline { stroke: #90071d; }
ul.boxed-navigation li a { font-size: 14px; color: #999999; display: block; padding: 30px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
ul.boxed-navigation li:hover a { background: #e70c2f; color: #FFF; text-decoration: none; display: block; }
ul.boxed-navigation li a > i { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-right: 8px; opacity: 0.7; display: inline; color: #999; }
ul.boxed-navigation li:hover a > i { color: #7c0619; }
ul.boxed-navigation li:hover { border-color: #e70c2f; }
ul.boxed-navigation li:hover span { opacity: 1; }
ul.boxed-navigation li:hover svg { opacity: 1; }
ul.boxed-navigation li:first-of-type { border-right: none; }
ul.boxed-navigation li:last-of-type { border-left: none; }


article h5 { color: #CCC; }
article p { color: #808080; }
article a { color: #e70c2f; display: block; text-align: right; text-decoration: none; margin-top: 25px; margin-bottom: 30px; }

ol.tags { padding-left: 0; font-family: "Oswald"; }

ol.tags li { display: block; border-bottom: 1px solid #e6e6e6; padding-top: 15px; padding-bottom: 15px; font-size: 20px; }
ol.tags li i { padding-right: 12px; }
ol.tags li span { font-size: 20px; }
ol.tags li .training-progress { margin-top: 9px; float: right; }
ol.tags li .training-progress .bubble { width: 19px; height: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; float: left; }
ol.tags li .training-progress .bubble.yellow { background: #ffea03; }
ol.tags li .training-progress .bubble.green { background: #bdd41f; }
ol.tags li .training-progress .bubble.red { background: #e70c2f; }
ol.tags li .training-progress .bubble.grey { background: #e8e8e8; }

ol.tags li span.meta { float: right; color: #8c8c8c; }
et some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

a:active, a:hover {
    color: #e70c2f;
}

a {
    color: #2a62bc;
}

/*Menu*/

.navbar-inverse {
     background-image:url(/Content/header.jpg);
   
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position:relative;
}

.menu {
    background-color : rgba(255,255,255,0.7);
    margin-bottom: 2%;
    margin-top: 2%;
    padding-right: 0px;
    padding-left: 0px;
}

.nav > li {
    border-left: 1px solid #eee;
}


.navbar-brand {
    width: 150px;
    height: 50px;
    max-height: 50px;
    background-image: url(/Content/club-montego.png);
    padding: 0px;
}

.navbar-toggle {
    background-color: #222;
}

.navbar-inverse .navbar-nav > li > a {
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    text-align:center;
    color:#222;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color:#e70c2f;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #e70c2f;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color:#e70c2f;
}

.navbar-brand > img {
    width: 90%;
}

/* Set widths on the form inputs since otherwise they're 100% wide */





.tabla {   	display: table;   	width: 100%; margin:auto; position:relative; } 
/*.fila {   	display: table-row; position:relative;} 
.tablaHead {   	display: table-header-group;   	background-color: #ddd; } 
.colum, .columhead {   	display: table-cell;   	padding: 1px 1px; text-align:left; position:relative; } 
.tablaPie {   	display: table-footer-group;   	font-weight: bold;   	background-color: #ddd; } 
.tablaBody {   	display: table-row-group; }*/
.rowspan {
    float:left;
}



.wrap a {
  outline: 0;
}
.wrap th > .column-header-anchor {
  color: #333;
  cursor: not-allowed;
  display: block;
  position: relative;
  text-decoration: none;
}
.wrap th > .column-header-anchor.sortable {
  cursor: pointer;
}
.wrap th > .column-header-anchor > .text {
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
 
}
.wrap th > .column-header-anchor > .icon {
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
}
.wrap th:hover,
.wrap th:active {
  background: #fafafa;
}
.wrap td {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
 
}
.wrap td.loading,
.wrap td.no-results {
  background: #fff;
  text-align: center;
}
.wrap th.select-cell,
.wrap td.select-cell {
  text-align: center;
  width: 30px;
}
.wrap th.select-cell .select-box,
.wrap td.select-cell .select-box {
  margin: 0;
  outline: 0;
}
.table-responsive .wrap {
  table-layout: inherit !important;
}
.table-responsive .wrap th > .column-header-anchor > .text {
  overflow: inherit !important;
  -ms-text-overflow: inherit !important;
  -o-text-overflow: inherit !important;
  text-overflow: inherit !important;
  white-space: inherit !important;
}
.table-responsive .wrap td {
  overflow: inherit !important;
  -ms-text-overflow: inherit !important;
  -o-text-overflow: inherit !important;
  text-overflow: inherit !important;
  white-space: inherit !important;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

@media screen and (max-width: 550px) {
    .wrap {
        table-layout: fixed;
    }
}

.top {
    vertical-align:top;
}





/*Grilla*/


/*Chosen css*/

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}

.MultiCombo {
    min-width:300px;
}

.slideshow{ position: relative; }
#slide1, #slide2, #slide3{ position: absolute; }

/*Rutina*/

.derecha {
    text-align:right;
    width:10%;
}

.ejercicio {
    border:solid 1px #222;
    padding:2px;
    border-radius:3px;
    margin-bottom:2px;
}

.sesion {
    border:solid 1px #2a62bc;
    padding:1px;
    border-radius:3px;
    margin-bottom:2px;
}

.circuito {
    border:solid 1px #e70c2f;
    padding:1px;
    border-radius:3px;
    margin-bottom:2px;
}


.rutina {
     border:solid 2px #aaa;
    padding:1px;
    border-radius:3px;
}

.detalleEjercicios {
      border:solid 1px #e8e8e8;
    padding:1px;
    border-radius:3px;
    margin-bottom:1px;
}

.encabezadoEjercicio {
    background-color:bisque;
}

.icono {
    width:60%;
}
.nombreSesion {
    width:60%;
}
.encabezadoSesion {
    background-color:#ddd
}

.encabezadoCircuito {
    background-color:rgba(250, 24, 59, 0.47)
}

.encabezadoRutina {
    background-color:bisque;
}

.nombreRutina {
    width:70%;
}
.usuarioRutina {
      border:solid 2px #e56d31;
    padding:1px;
    border-radius:3px;
    margin-bottom:2px;
}

.form-inline .form-control {
    width:100%;
}


    .imgEjercicio {
        width: 100%;
    }




.videos {
    
}

.font12{
    font-size:12px !important;
}

.valorSerie{
    padding:1px !important;
}

.font10 {
    font-size: 10px;
}


/*Mensajes*/
.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    /*border-bottom: 1px dotted #B3A9A9;*/
}

.chat li.left .chat-body
{
    margin-left: 60px;
}

.chat li.right .chat-body
{
    margin-right: 60px;
}


.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.panel-body-chat
{
    overflow-y: scroll;
    height: 250px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

.contactos {
    width:200px;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.usuarioMensaje {
    text-align:right;
        background-color: #dcf8c6;
  
        border-radius: 7.5px;
}

.contactoMensaje {
    text-align:left;
        background-color: #b0b1b0;
   
    border-radius: 7.5px;
}

.mensaje {
        padding: 6px 3px 8px 9px;
}

.leido {
    font-size:10px;
    text-align:right;
    padding:6px 3px 8px 9px;
}

.MainMensajes {
    width:400px;
   background-color: #e5ddd5;
   height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    display: flex;
}

.encabezadoMensajes {
    position: relative;
    padding-left: 16px;
    padding-right: 15px;
    display: flex;
    box-sizing: border-box;
    border-left: 1px solid rgba(0,0,0,.08);
        height: 59px;
    width: 100%;
    background-color: #eee;
}

.cuerpoMensajes {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    border-left: 1px solid rgba(0,0,0,.03);
    -webkit-transition: background .3s ease-out .1s;
    transition: background .3s ease-out .1s;
    background-color:bisque;
    height:450px;
        width: 100%;
}

.pieMensaje {
    padding: 0;
    background-color: coral;
    box-sizing: border-box;
    border-left: 1px solid rgba(0,0,0,.08);
      border-radius: 5px;
    min-height: 30px;
}

.escribirMensaje {
    border-radius: 5px;
    background-clip: padding-box;
    width: inherit;
    background-color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    padding-right: 16px;

}

@media (min-width: 480px) and (max-width: 993px) {
        .imgEjercicio {
    width:30%;
}
}