@import url('CS-content/css/bootstrap-datetimepicker.css');
@import url('CS-content/css/font-awesome.min.css');
@import url('CS-content/css/bootstrap.min.css');
@import url('CS-content/css/loaders.min.css');
@import url('CS-content/css/responsive.css');
@import url('CS-content/css/hover-min.css');
@import url('CS-content/css/animate.css');




body{
    font-family: 'Source Sans Pro', sans-serif;
    background-color:#e2e2e2;
    height:100%;
    
}



@media only screen and (max-width: 900px){
.body-home{
 font-family: 'Source Sans Pro', sans-serif;
    background-color:#ededed;
    height:100%;
}
}




a,a:hover,a:focus,a:active{
    text-decoration: none;
}

a,button{
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.table {
    margin-bottom: 0px;
}

.comments-box{
    padding: 5px 5px;
    background: #fff;
    float: left;
    width: 100%; 
    display: none;       
}


.profile-image{
    border-radius: 50%;
}



#contactos a{
    display: inline-block;
    margin-bottom: 8px;
    float: left;        
}

#contactos a > img{
    border-radius: 50%;
}

.message-icon > img {
 min-height: 40px;
 max-height: 40px;
 border-radius: 50%;
}


.message-footer a{
    color: #fff;
    margin-right: 10px;
    text-decoration: none;
    cursor: pointer;    
}


.nopadding{
	padding: 0px;
}

.nomargin{
    margin: 0px;
}


#loginbox{
    margin: 40px auto;
	margin-bottom: 0px;
    width: 240px;
	background-color: #fffff;
}

@media only screen and (max-width: 900px){
#loginbox{

	margin: 40px auto;
	margin-bottom: 0px;
    width: 100%;
	background-color: #fffff;
}
}

.CS-status{
    padding: 15px 10px 0px;
}





#pagina {
  position: relative;
  min-height: 100%;
  
}


.login-link-content{
    padding: 0px;
    margin-top: 5%;
    text-align: right;	
}

.login-link-content a{
    display: block;
    width: 100%;
    margin-bottom: 2px;
    text-decoration: none;
    font-size: 12px;
}


.bootstrap-datetimepicker-widget *{
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;	
}


.panel-body {
/*	max-width: 240px;*/
}


@media only screen and (max-width: 900px){
.panel-body {
/*max-width: 240px;*/
}
}



.panel-body-full {
	max-width: 100%;
	padding: 15px;
}

.panel-body-blanco {
    background-color:#fff;
	max-width: 100%;
	padding: 15px;
}

.panel{
    
    float: left;
	width: 100%;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border: 0px solid #000000;
}

.hidelike{
    display: none;
}

.deletepost{
    position: absolute;
    right: 15px;
    top: 10px;
    background: #CE1F1F;
    padding: 2px 5px;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;    
}

.deletepost:hover,.deletepost:focus,.deletepost:active{
    text-decoration: none;
    background: #B70000;
    color: #FFF;
} 


.deletecomment{
    position: absolute;
    right: 15px;
    top: 10px;
    background: #CE1F1F;
    padding: 2px 5px;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;    
}

.deletecomment:hover,.deletecomment:focus,.deletecomment:active{
    text-decoration: none;
    background: #B70000;
    color: #FFF;
} 




#loaders{
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
    padding-top: 4%;    
}

.line-scale-pulse-out-rapid>div {
    background-color: #D17171;
}

.hideform{
    display: none;
}


#loadingimg{
    position: absolute;
    width: 100%;
    left: 0;
    top: 12%;    
}

.opacityimg{
    opacity: 0.3;    
}

#alertimg{
    background: #E61B1B;
    border-radius: 4px;
    display: none;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;      
}

#viewmore{
    padding-bottom: 4%;
}

#viewmore a{
    cursor: pointer;
}

.hidebtncontact{
    display: none;
}



#messagesul>li>a {
    display: block;
    padding: 5px 5px 5px 3px;
    float: left;
    width: 100%;
    white-space: normal;
}

#messagesul>li>a p{
    margin: 0px;
}

.ptimemessage{
    background: #D1719D;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    padding: 1px 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;   
}

.messageprofileradius{
    border-radius: 50%;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #FFF;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.messagesbox{
  padding: 0px;
}

.messageview{
    cursor: pointer;
}

.mesages-body{
    font-weight: bold;
}

.message-fecha{
    background: #10AD0D;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 4px;  
}

.message-usuario{
    color: #777;
}

.modal-content{
    float: left;
    width: 100%;
}

.modal-header {
    float: left;
    width: 100%;
}

.modal-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
}

.modal-footer {
    float: left;
    width: 100%;
}


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

#updasuccess{
    width: 200px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #65BD23;
    border-radius: 4px;
    padding: 5px 13px;
    text-align: center;
    color: #fff;
    display: none;    
}

.actualmail{
    display: inline-block;
    width: 100%;
    background: #369839;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 3px;    
}

.actualperma{
    display: inline-block;
    width: 100%;
    background: #983636;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 3px;    
}

#notactualpass{
    display: none;
}

.borderimgsearch{
    border-radius: 50%;
}

.parselinks a{
    margin-left: 3px;
}

.busqueda .link{
   color: #777;
}

.busqueda .link:hover,.link:focus,.link:active{
   color: #D86A32;

}

#notactualperma{
   display: none;
}

#notactualemail{
    display: none;
}

#notactualusemail{
    display: none;
}


#follow{
    float: left;
    width: 100%;
    padding: 15px 10px;   
}

#follow a{
    display: inline-block;
    float: left;    
}

#follow a>img{
   border-radius: 50%;   
}


#followers{
    float: left;
    width: 100%;
    padding: 15px 10px;   
}

#followers a{
    display: inline-block;
    float: left;    
}

#followers a>img{
   border-radius: 50%;   
}

.avisodisable{
    background: #14a6de;
    margin: 0px;
    text-align: center;
    color: #FFF;
    border-radius: 4px;
    padding-top: 3%;
    padding-bottom: 3%;
    font-size: 14px;    
}

.avisodisable i{
    display: block;
}

.header-blue{
	
	padding: 8px;
	background-color: #000000;
	height: 70px; 
}

.header-blue-int{
	
	padding: 8px;
	background-image: url("CS-content/images/heder.jpg");
	margin-bottom:15px;
	height:80px;
    border-radius: 0px 0px 22px 22px;
    border-bottom: 5px solid #e31e25;
	
	
	
}

.header-nav{
	
	padding: 8px;
	background-color: #595A5C;
	height: 60px;
	margin-top: -10px;
	border-top: solid;
	
}

.contenedor-general{
	
	width: 100%;
	margin-top: 50px;
	padding-left: 0px;
	padding-right: 0px;

}


@media only screen and (max-width: 900px){
.contenedor-general{
	width: 100%;
	height:100%;
	padding-left: 0px;
	padding-right: 0px;
}
}



@media only screen and (max-width: 900px){
.logo-interno-login{

	margin-top: 115px;
}
}

.contenedor-interno-general{

	width: 900px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 1px #ededed;
	margin-left: auto;
    margin-right: auto;
	
}


@media only screen and (max-width: 900px){
.contenedor-interno-general{
    width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 1px #ededed;
}
}



@media only screen and (max-width: 900px){
.logo-interno-login{

    width: 100%;
}
}


.content-login{
	
	width: 240px;
	background-color: #fff;	
	margin-bottom: 9px;
	padding: 0px;
	height: 435px;
}

@media only screen and (max-width: 900px){
.content-login{
    width: 95%;
	margin-top: -50px;
	margin-left: 10px;
	margin-right: 10px;
}
}


.contenido-imagen-login{
	
	width: 480px;
	background-color: #fff;
	padding: 0px;
	
}

@media only screen and (max-width: 900px){
.contenido-imagen-login{
display:none;
}
}



.footer-home{
	background-color: #ffffff;
	text-align: center;
	background-size: cover;
}

@media only screen and (max-width: 900px){
.footer-home{
  height:22px;
  background:#fff;
  text-align:center;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
}
}

#footer {
  height:70px;
  padding-top:15px;
  line-height:50px;
  background:#fff;
  color:white;
  text-align:center;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  border-top: 2px solid #CCCCCC;
  border-radius: 22px 22px 0px 0px;
  
}

#footer a {
  color: #fff;
}
#footer a:hover {
  color: #45aed6;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
}
#footer ul > li {
  display: inline-block;
  margin: 0 7.5px;
}

.fondo-principal{
	background: #e2e2e2;
	margin-top:-30px;
}

@media only screen and (max-width: 900px){
.fondo-principal{
	background: #ededed;
	margin-top:-30px;
	width:100%;
}
}

.footer_dash {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px 0;
}

.fondo-principal-home{
	background: #ededed;
	margin-top:-30px;
	
}

@media only screen and (max-width: 1200px){
.fondo-principal-home{
    background: #ededed;
	margin-top:-30px;
}
}

@media only screen and (max-width: 2500px){
.fondo-principal-home{
	margin-top:-30px;
	background: #ededed;
}
}


.versioapp{
	text-align: right;
	margin-top: -70px;
	margin-right: 30px;
	margin-bottom: 35px;
	padding: 0px;
	
}

@media only screen and (max-width: 900px){
.versioapp{
margin-top:20px;
color:#fff;

}
}


.nemero{
	color: #000;
	
}