@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600|Roboto:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
html,body{
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #eff0f5;
    color: #20366a;
    /* #192440 */
    height: 100%;
}
a{  
    color: #20366a;
    text-decoration: none !important;
}
.t4{
    font-size: 4px;
}
.t10{
    font-size: 10px;
}
.t12{
    font-size: 12px;
}
.t13{
    font-size: 13px;
}
.t14{
    font-size: 14px;
}
.t15{
    font-size: 15px;
}
.t16{
    font-size: 16px;
}
.t18{
    font-size: 18px;
}
.t20{
    font-size: 20px;
}
.t22{
    font-size: 22px;
}
.b300{
    font-weight: 300 !important;
}
.b400{
    font-weight: 400 !important;
}
.b600{
    font-weight: 600 !important;
}
.b800{
    font-weight: 800 !important;
}
.c999{
    color: #1d2129;
}
.c900{
    color: #20366a;
}
.c800{
    color: #71b6e4;
}
.c700{
    color: #2f58a8;
}
.c600{
    color: #8999a0;
}
.c500{
    color: #1f61fc;
}
.c400{
    color: #ff9800;
}
.c300{
    color: #27ad47;
}
.c200{
    color: rgb(139, 140, 145);
}
.c100{
    color: white;
}
.bg900{
    background-color: #1f61fc !important;
}
.bg800{
    background-color: #71b6e4 !important;
}
.bg700{
    background-color: #2f58a8 !important;
}
.bg600{
    background-color: #8999a0 !important;
}
.bg500{
    background-color: #20366a !important;
}
.s-red{
    color: #f33636 !important;
}
.br3{
    border-radius: 3px;
}
.br4{
    border-radius: 4px;
}
.raleway{
    font-family: 'Raleway', sans-serif;
}
.roboto{
    font-family: 'Roboto', sans-serif;
}
.consolas{
    font-family: 'Consolas', sans-serif;
}
.strong500{
    font-weight: 500;
}
.strong600{
    font-weight: 600;
}
.bg-light{
    /* background-color:#f1eeef !important; */
}
.logotipo{
    background-image: url('../img/logo.svg');
    background-repeat: no-repeat;
    /* width: 40px; */
    width: 160px;
    height: 36px;
    /* background-color: red; */
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.shadow-head{
    -webkit-box-shadow: 0px 2px 5px 0px rgba(189,189,189,0.6);
   -moz-box-shadow: 0px 2px 5px 0px rgba(189,189,189,0.6);
   box-shadow: 0px 2px 5px 0px rgba(189,189,189,0.6);
}
/* noticia */
.card{
    border: solid 1px rgb(236, 236, 236);
}
.card-header{
    background-color: #fefefe;
    border-bottom: none;
}
.card-body p{
    margin-top: -15px;
}
.card-footer{
    background-color: #fefefe;
}
.user-rounded{
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: 100px;
    /* display: inline-block; */
    vertical-align: middle;
    width: 55px;
    height: 55px;
    float: left;
    border: solid 1.2px rgb(192, 191, 191);
    margin-right: 10px;
}
.user-rounded-sm{
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: 100px;
    /* display: inline-block; */
    vertical-align: middle;
    width: 35px;
    height: 35px;
    /* float: left; */
    border: solid 1.2px rgb(192, 191, 191);
    margin-right: 10px;
}
.momento{
    position: relative;
    top: -5px;
}
.img-new{
    background-color: grey;
    /* max-height: 500px; */
}
.icons a{
    color: #8999a0;
}
.icons a:hover{
    color: #20366a;
}
.comentario{
    display:flex;
    margin-bottom: 7px;
}
.comentario .image, .comentario .text{
    flex-flow: column;
}
.comentario .text{
    margin-top: -5px;
    /* line-height: 1.5; */
}
.btn-outline-primary{
    border-radius: 100px;
    padding: .2rem 1rem;
}