.table-comp{margin-bottom:10px}
@media only screen and (min-width:960px){.table-comp{margin-bottom:0}
}
.table-comp .table-comp-inner{overflow-x:auto;overflow-y:visible}
.table-comp table{border:0;border-collapse:collapse;width:100%;border-bottom:1px solid #ddd}
.table-comp table tr{background:0;border-top:1px solid #ddd}
.table-comp table th,.table-comp table td{padding:15px;vertical-align:top}
.table-comp table th p,.table-comp table td p{margin-bottom:0}
@media only screen and (min-width:768px){.table-comp table th,.table-comp table td{padding:20px}
}
.table-comp table th{background-color:#fff;font-weight:bold}
.table-comp.inner-shadow{position:relative}
.table-comp.inner-shadow.inner-shadow:after{box-shadow:0 0 10px 0 rgba(0,0,0,0.3);content:"";position:absolute;top:0;right:0;width:10px;height:100%;right:-10px;clip:rect(0,0,auto,-10px);transition:box-shadow 100ms linear;border-radius:50%}
.table-comp.grey th{background-color:#e3e3e3}
.table-comp.grey tr:first-of-type,.table-comp.grey tr.first{border-top:0}
.table-comp.grey-zebra th{background-color:#e3e3e3}
.table-comp.grey-zebra tr:first-of-type,.table-comp.grey-zebra tr.first{border-top:0}
.table-comp.grey-zebra tr:nth-of-type(odd),.table-comp.grey-zebra tr.odd{background-color:#f5f5f5}
.table-comp.blue th{background-color:#e3edf9}
.table-comp.blue tr:first-of-type,.table-comp.blue tr.first{border-top:0}
.table-comp.blue-zebra th{background-color:#e3edf9}
.table-comp.blue-zebra tr:first-of-type,.table-comp.blue-zebra tr.first{border-top:0}
.table-comp.blue-zebra tr:nth-of-type(odd),.table-comp.blue-zebra tr.odd{background-color:#f5f5f5}
.table-comp.zebra tr:nth-of-type(odd),.table-comp.zebra tr.odd{background-color:#f5f5f5}
.table-comp.has-caption{margin-top:20px;position:relative}
.table-comp.has-caption caption{position:absolute;top:-35px;left:15px}
@media only screen and (min-width:768px){.table-comp.has-caption caption{left:20px}
}
.table-comp.pinned .table-comp-inner{padding-left:39%}
.table-comp.pinned.fix-pin .table-comp-inner{padding-left:134px}
.table-comp.pinned.fix-pin tr th:nth-of-type(1),.table-comp.pinned.fix-pin tr .fixed{width:135px}
.table-comp.pinned.fix-pin.inner-shadow .pin-switch{left:135px}
.table-comp.pinned.fix-pin.inner-shadow.pin-collapse tr>th:nth-child(1),.table-comp.pinned.fix-pin.inner-shadow.pin-collapse tr>td:nth-child(1),.table-comp.pinned.fix-pin.inner-shadow.pin-collapse tr .fixed{left:-135px}
@media only screen and (min-width:768px){.table-comp.pinned.fix-pin .table-comp-inner{padding-left:188px}
.table-comp.pinned.fix-pin tr th:nth-of-type(1),.table-comp.pinned.fix-pin tr .fixed{width:189px;left:20px}
.table-comp.pinned.fix-pin.inner-shadow .pin-switch{left:189px}
.table-comp.pinned.fix-pin.inner-shadow.pin-collapse tr>th:nth-child(1),.table-comp.pinned.fix-pin.inner-shadow.pin-collapse tr>td:nth-child(1),.table-comp.pinned.fix-pin.inner-shadow.pin-collapse tr .fixed{left:-189px}
}
.table-comp.pinned.inner-shadow tr th:nth-of-type(1),.table-comp.pinned.inner-shadow tr .fixed{left:0}
.table-comp.pinned.inner-shadow .pin-switch{display:none;position:absolute;top:30%;left:40%;width:20px;height:110px;background-color:#ddd;margin-left:-12px;z-index:99}
.table-comp.pinned.inner-shadow .pin-switch:hover{cursor:pointer}
@media only screen and (min-width:768px){.table-comp.pinned.inner-shadow .pin-switch{width:30px;margin-left:-17px}
}
.table-comp.pinned.inner-shadow .pin-switch.active{display:block}
.table-comp.pinned.inner-shadow.pin-collapse tr>th:nth-child(1),.table-comp.pinned.inner-shadow.pin-collapse tr>td:nth-child(1),.table-comp.pinned.inner-shadow.pin-collapse tr .fixed{left:-40%}
.table-comp.pinned.inner-shadow.pin-collapse .pin-switch{left:0}
.table-comp.pinned tr>th:nth-child(1),.table-comp.pinned tr>td:nth-child(1),.table-comp.pinned tr .fixed{position:absolute;top:auto;left:0;width:40%;z-index:99}
.table-comp.pinned tr>th:nth-child(1):after,.table-comp.pinned tr>td:nth-child(1):after,.table-comp.pinned tr .fixed:after{content:'';background-color:#ddd;display:block;width:3px;min-height:10px;height:100%;position:absolute;top:0;right:0;z-index:98}
.table-comp.pinned tr:last-child>th:last-child,.table-comp.pinned tr:last-child>th:last-of-type,.table-comp.pinned tr:last-of-type>th:last-child,.table-comp.pinned tr:last-of-type>th:last-of-type{border-bottom:1px solid #ddd}
@media only screen and (max-width:767px){.table-comp.has-caption caption{position:relative;top:0;text-align:left;left:0}
}
table.teal-dash{border:0;background:0;border-collapse:collapse}
table.teal-dash tr{background-color:transparent;border:1px dashed #83bfba;border-left:0;border-right:0}
table.teal-dash td,table.teal-dash th{border:0;background-color:transparent}