/* ========== Talas Grid System (12-col) ========== */
.tls-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;box-sizing:border-box}
.tls-container-fluid{width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box}
.tls-row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px;box-sizing:border-box}
.tls-row > [class*="tls-col"]{padding-left:8px;padding-right:8px;box-sizing:border-box;width:100%;min-height:1px}
.tls-col,.tls-col-1,.tls-col-2,.tls-col-3,.tls-col-4,.tls-col-5,.tls-col-6,
.tls-col-7,.tls-col-8,.tls-col-9,.tls-col-10,.tls-col-11,.tls-col-12{position:relative;width:100%}
.tls-col-1{flex:0 0 8.333333%;max-width:8.333333%}
.tls-col-2{flex:0 0 16.666667%;max-width:16.666667%}
.tls-col-3{flex:0 0 25%;max-width:25%}
.tls-col-4{flex:0 0 33.333333%;max-width:33.333333%}
.tls-col-5{flex:0 0 41.666667%;max-width:41.666667%}
.tls-col-6{flex:0 0 50%;max-width:50%}
.tls-col-7{flex:0 0 58.333333%;max-width:58.333333%}
.tls-col-8{flex:0 0 66.666667%;max-width:66.666667%}
.tls-col-9{flex:0 0 75%;max-width:75%}
.tls-col-10{flex:0 0 83.333333%;max-width:83.333333%}
.tls-col-11{flex:0 0 91.666667%;max-width:91.666667%}
.tls-col-12{flex:0 0 100%;max-width:100%}
.tls-col-auto{flex:0 0 auto;width:auto;max-width:100%}
@media(min-width:576px){
  .tls-col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}
  .tls-col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
  .tls-col-sm-3{flex:0 0 25%;max-width:25%}
  .tls-col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
  .tls-col-sm-6{flex:0 0 50%;max-width:50%}
  .tls-col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}
  .tls-col-sm-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:768px){
  .tls-col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
  .tls-col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
  .tls-col-md-3{flex:0 0 25%;max-width:25%}
  .tls-col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
  .tls-col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
  .tls-col-md-6{flex:0 0 50%;max-width:50%}
  .tls-col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
  .tls-col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
  .tls-col-md-9{flex:0 0 75%;max-width:75%}
  .tls-col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
  .tls-col-md-12{flex:0 0 100%;max-width:100%}
  .tls-offset-md-1{margin-left:8.333333%}
  .tls-offset-md-2{margin-left:16.666667%}
  .tls-offset-md-3{margin-left:25%}
  .tls-offset-md-4{margin-left:33.333333%}
}
@media(min-width:992px){
  .tls-col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}
  .tls-col-lg-3{flex:0 0 25%;max-width:25%}
  .tls-col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
  .tls-col-lg-6{flex:0 0 50%;max-width:50%}
  .tls-col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
  .tls-col-lg-9{flex:0 0 75%;max-width:75%}
  .tls-col-lg-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:1200px){
  .tls-col-xl-3{flex:0 0 25%;max-width:25%}
  .tls-col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
  .tls-col-xl-6{flex:0 0 50%;max-width:50%}
  .tls-col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}
  .tls-col-xl-12{flex:0 0 100%;max-width:100%}
}
.tls-g-0{margin-left:0;margin-right:0}
.tls-g-0 > [class*="tls-col"]{padding-left:0;padding-right:0}
.tls-g-1{margin-left:-4px;margin-right:-4px}
.tls-g-1 > [class*="tls-col"]{padding-left:4px;padding-right:4px}
.tls-g-3{margin-left:-12px;margin-right:-12px}
.tls-g-3 > [class*="tls-col"]{padding-left:12px;padding-right:12px}
.tls-g-4{margin-left:-16px;margin-right:-16px}
.tls-g-4 > [class*="tls-col"]{padding-left:16px;padding-right:16px}
.tls-justify-start{justify-content:flex-start}
.tls-justify-center{justify-content:center}
.tls-justify-end{justify-content:flex-end}
.tls-justify-between{justify-content:space-between}
.tls-align-start{align-items:flex-start}
.tls-align-center{align-items:center}
.tls-align-end{align-items:flex-end}
.tls-offset-1{margin-left:8.333333%}
.tls-offset-2{margin-left:16.666667%}
.tls-offset-3{margin-left:25%}
.tls-offset-4{margin-left:33.333333%}
.tls-offset-6{margin-left:50%}
.tls-demo-cell{background:linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%),var(--talas-header-bg);border:1px solid var(--talas-button-border);border-radius:4px;padding:10px;text-align:center;color:var(--talas-text);font-size:11px;margin-bottom:8px}