.portal-container{
padding:10px;
max-height:600px;
border:1px gray solid;
border-radius:3px;
overflow:scroll;
}
.portal-container-border-no{ /*if {{{border}}} is set to no, will remove the border. Defaults to yes*/
border:none;
padding:10px 0;
}
/*bringing some of the bootstrap framework*/
.col-1{flex:0 0 auto;width:8%}
.col-2{flex:0 0 auto;width:15%}
.col-3{flex:0 0 auto;width:24%}
.col-4{flex:0 0 auto;width:32%}
.col-5{flex:0 0 auto;width:40%}
.col-6{flex:0 0 auto;width:49%}
.col-7{flex:0 0 auto;width:57%}
.col-8{flex:0 0 auto;width:65%}
.col-9{flex:0 0 auto;width:76%}
.col-10{flex:0 0 auto;width:84%}
.col-11{flex:0 0 auto;width:90%}
.col-12{flex:0 0 auto;width:100%}
@media only screen and (max-width:768px){
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
width:100%;
}
.portal-container{
max-height:100%;
overflow:visible;
}
}