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


/* *FONDO */
body{
    font-family: 'Source Sans Pro', sans-serif;
    background: #F2F2F2;
}

/*a,a:hover,a:focus,a:active{text-decoration: none;}*/
/*/* unvisited link */

a:link {
	text-decoration: none;
    color: #57BFE1;
}


a:visited {
	text-decoration: none;
    color: #57BFE1;
}


a:hover {
	text-decoration: none;
    color: #34B2DB;
}

a:focus {
	text-decoration: none;
    color: #57BFE1;
}


a:active {
	text-decoration: none;
    color: #34B2DB;
}

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;
}

/* *B018 */
.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%;
}

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


.nopadding{
	padding: 0px;
}

.nomargin{
    margin: 0px;
}


#loginbox{
    margin: 150px auto;
    width: 300px;
}

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


/* SAU */
#sau-container{
	margin-top: -30px;; /* 30px; */
}

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

/* *B016 */
.login-link-content a{
    display: block;
    width: 100%;
    margin-bottom: 2px;
    text-decoration: none;
    font-size: 12px;
	color: #57BFE1;
}


.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 {
    padding: 15px 10px 5px;
}

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

.hidelike{
    display: none;
}

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

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


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

/* *B004 */
.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%;    
}

/* *B005 */
.line-scale-pulse-out-rapid>div {
    background-color: #57BFE1;
}

.hideform{
    display: none;
}


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

.opacityimg{
    opacity: 0.3;    
}

/* *B006 */
#alertimg{
    background: #F89B9B;
    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;
}

/* *B007 */
.ptimemessage{
    background: #57BFE1;
    display: inline-block;
    border-radius: 4px;
    color: #000;
    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;
}

/* *B008 */
.message-fecha{
    background: #57BFE1;
    color: #FFF;
    text-align: center;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 4px;  
}

/* *B009 */
.message-usuario{
    color: #34B2DB;
}

.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%;
}

/* *B012 */
#updasuccess{
    width: 200px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #34B2DB;
    border-radius: 4px;
    padding: 5px 13px;
    text-align: center;
    color: #000;
    display: none;    
}

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

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

#notactualpass{
    display: none;
}

.borderimgsearch{
    border-radius: 50%;
}

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

/* *B013 */
.busqueda .link{
   color: #57BFE1;
}

/* *B014 */
.busqueda .link:hover,.link:focus,.link:active{
   color: #34B2DB;

}

#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%;   
}

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

.avisodisable i{
    display: block;
}