.row{
 margin-bottom:20px;
}
hr{
 border-top:1px solid #000AFF;
}
/*span{
 display:block;
 text-align:center;
}*/
.col span{
 /*background-color:#AFE5F7;*/
}
.grid span{
/* background-color:#AFF7B2;*/
}
 
#gridRow{
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
 

/** Media query **/
/* Default
.panel-body{
 background-color:#FBEFEF;
}
 
.panel-body span:after{
 content:"Default (mobile first)";
}
@media (min-width: 480px){
 .panel-body{
  background-color:#D0F5A9;
 }
 
 .panel-body span:after{
  content:"min-width 480px";
 }
}
@media (min-width: 600px){
 .panel-body{
  background-color:#F5DA81;
 }
 
 .panel-body span:after{
  content:"min-width 600px";
 }
}
@media (min-width: 768px){
 .panel-body{
  background-color:#81BEF7;
 }
 
 .panel-body span:after{
  content:"min-width 768px";
 }
}
 
@media (min-width: 991px){
 .panel-body{
  background-color:#F5A9A9;
 }
 
 .panel-body span:after{
  content:"min-width 991px";
 }
}
@media (min-width: 1024px){
 .panel-body{
  background-color:#BDBDBD;
 }
 
 .panel-body span:after{
  content:"min-width 1024px";
 }
}
 
@media (min-width: 1224px){
 .panel-body{
  background-color:#FCCCFC;
 }
 
 .panel-body span:after{
  content:"min-width 1224px";
 }
} */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
 
@media print{
 .container{
  width: 200px;
 }
 
 .panel-body span:after{
  content:"Print";
 }
}