.photo{
	width: 90px;
	margin-bottom: 15px;
}

.mini-photo img{
	width: 155px;
}

.user-photo img{
  width: 100px;
  margin: .5em;
  margin-left: 1em;
}

span.user-tam {
  display: block;
  font-size: 12px;
  padding-top: 30px;
  color: #FFFFFF;
  font-weight: bold;

}

.btn-toolbar .btn{ 
    margin-right: 10px !important;
    margin-bottom: 5px !important; 
} 

#principal {
  font-size: 12px;
  color: #FFFFFF;
}

#espacio {
  padding: 35px;
}

#tam-ico {
  font-size: 14px;
}

.link {  
  color: #8E8C91; 
} 
.link:hover { 
  color: #7C7A7E; 
}

.c-header{
  background-color: #94A2F1;
}
#color-text {
  background-color: rgba(37,169,224,0.1);
}

$primary-color: #ccc;
$col-bg-color: #eee;
$col-footer-bg-color: #eee;
$col-header-bg-color: #007bff;
$col-content-bg-color: #fff;

body {
  background-color: $primary-color;
}

.ribbon {
  height: 100px;
  width: 30px;
  background-color: #ddd;
  position: absolute;
  right:30px;
  top:15px;
  writing-mode: tb-rl;
  z-index: 999;
}

.ribbon span {
  padding: 20px
}

.ribbon::after {
  height: 10px;
  margin-left: 30px solid #000;
}

.custom-column {  
  background-color: $col-bg-color;
  border: 5px solid $col-bg-color;    
  padding: 10px;
  box-sizing: border-box;  	
}

.custom-column-header {
  font-size: 25px;
  background-color: #007bff;  
  color: white;
  padding: 5px;  
  text-align: left;
  padding: 0 2em 0.3em 1.8em;
}
.custom-column-header a{
	color: #FDFDFD;
}

.custom-column-content {
  background-color: $col-content-bg-color;
  border: 2px solid white;  
  padding: 5px;  
}

.custom-column-footer {
  background-color: $col-footer-bg-color;   
  padding-top: 20px;
  text-align: center;
}