/******************************************************

CSN Tabeller

Styling för tabeller i textmoduler.

******************************************************/

/******************************************************
Tabell standard
******************************************************/

.csn-formatmall-brodtext + table {
   margin-top: 1rem;
   margin-bottom: 0.5rem;
}

.sv-text-portlet .csn-tabell-standard,
.sv-text-portlet .csn-tabell-standard--scroll,
.sv-text-portlet .csn-tabell-standard--text,
.sv-text-portlet .csn-tabell-standard--text--scroll {
   border-collapse: collapse;
   width: 100%;
   height: 100%;
}

.sv-text-portlet .csn-tabell-standard caption,
.sv-text-portlet .csn-tabell-standard--scroll caption,
.sv-text-portlet .csn-tabell-standard--text caption,
.sv-text-portlet .csn-tabell-standard--text--scroll caption {
   font-weight: bold;
   margin-bottom: 4px;
}

.sv-text-portlet .csn-tabell-standard td a,
.sv-text-portlet .csn-tabell-standard--scroll td a,
.sv-text-portlet .csn-tabell-standard--text td a,
.sv-text-portlet .csn-tabell-standard--text--scroll td a {
    font-size: 1em;
    color: #00767d;
}

.sv-text-portlet .csn-tabell-standard thead,
.sv-text-portlet .csn-tabell-standard tbody,
.sv-text-portlet .csn-tabell-standard--scroll thead,
.sv-text-portlet .csn-tabell-standard--scroll tbody,
.sv-text-portlet .csn-tabell-standard--text thead,
.sv-text-portlet .csn-tabell-standard--text tbody,
.sv-text-portlet .csn-tabell-standard--text--scroll thead,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody {
   border: solid 1px #592f81;
}

.sv-text-portlet .csn-tabell-standard thead tr th,
.sv-text-portlet .csn-tabell-standard thead tr td,
.sv-text-portlet .csn-tabell-standard tbody tr th,
.sv-text-portlet .csn-tabell-standard--scroll thead tr th,
.sv-text-portlet .csn-tabell-standard--scroll thead tr td,
.sv-text-portlet .csn-tabell-standard--scroll tbody tr th,
.sv-text-portlet .csn-tabell-standard--text thead tr th,
.sv-text-portlet .csn-tabell-standard--text thead tr td,
.sv-text-portlet .csn-tabell-standard--text tbody tr th,
.sv-text-portlet .csn-tabell-standard--text--scroll thead tr th,
.sv-text-portlet .csn-tabell-standard--text--scroll thead tr td,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr th  {
   background-color: #592f81;
   color: white;
}

.sv-text-portlet .csn-tabell-standard thead tr td p,
.sv-text-portlet .csn-tabell-standard--scroll thead tr td p,
.sv-text-portlet .csn-tabell-standard--text thead tr td p,
.sv-text-portlet .csn-tabell-standard--text--scroll thead tr td p {
    color: white;
}

.sv-text-portlet .csn-tabell-standard tbody tr:nth-child(even),
.sv-text-portlet .csn-tabell-standard--scroll tbody tr:nth-child(even),
.sv-text-portlet .csn-tabell-standard--text tbody tr:nth-child(even),
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr:nth-child(even) {
   background-color: rgba(89, 47, 129, .07);
}

.sv-text-portlet .csn-tabell-standard tbody tr td:first-child,
.sv-text-portlet .csn-tabell-standard--scroll tbody tr td:first-child,
.sv-text-portlet .csn-tabell-standard--text tbody tr td:first-child,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr td:first-child {
   background-color: rgba(89, 47, 129, .05);
   text-align: left;
}

.sv-text-portlet .csn-tabell-standard--scroll thead tr td {
   text-align: right;
}

.sv-text-portlet .csn-tabell-standard tbody tr:nth-child(n+2) th,
.sv-text-portlet .csn-tabell-standard--scroll tbody tr:nth-child(n+2) th,
.sv-text-portlet .csn-tabell-standard--text tbody tr:nth-child(n+2) th,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr:nth-child(n+2) th {
   border-top: solid 1px #e9e9e9;
}

.sv-text-portlet .csn-tabell-standard thead tr th,
.sv-text-portlet .csn-tabell-standard tbody tr:nth-last-child(n+2) th,
.sv-text-portlet .csn-tabell-standard--scroll thead tr th,
.sv-text-portlet .csn-tabell-standard--scroll tbody tr:nth-last-child(n+2) th,
.sv-text-portlet .csn-tabell-standard--text thead tr th,
.sv-text-portlet .csn-tabell-standard--text tbody tr:nth-last-child(n+2) th,
.sv-text-portlet .csn-tabell-standard--text--scroll thead tr th,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr:nth-last-child(n+2) th {
    border-bottom: solid 1px #e9e9e9;
}

.sv-text-portlet .csn-tabell-standard td:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard th:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard--scroll td:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard--scroll th:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard--text td:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard--text th:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard--text--scroll td:nth-last-child(n+2),
.sv-text-portlet .csn-tabell-standard--text--scroll th:nth-last-child(n+2) {
   border-right: solid 1px #e9e9e9;
}

.sv-text-portlet .csn-tabell-standard tbody tr td,
.sv-text-portlet .csn-tabell-standard--scroll tbody tr td,
.sv-text-portlet .csn-tabell-standard--text tbody tr td,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr td {
   border: none;
}

.sv-text-portlet .csn-tabell-standard--scroll thead tr th:not(:first-child),
.sv-text-portlet .csn-tabell-standard tbody tr td:nth-child(n+2),
.sv-text-portlet .csn-tabell-standard tbody tr td:nth-child(n+2) p,
.sv-text-portlet .csn-tabell-standard--scroll tbody tr td:nth-child(n+2),
.sv-text-portlet .csn-tabell-standard--scroll tbody tr td:nth-child(n+2) p {
    text-align: right;
}

/******************************************************
CSN tabell - scroll
*******************************************************/
.sv-text-portlet .csn-tabell-standard--scroll,
.sv-text-portlet .csn-tabell-standard--text--scroll {
    /*display: inline-block;*/
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/******************************************************
CSN tabell - text tabell
*******************************************************/
.sv-text-portlet .csn-tabell-standard--text,
.sv-text-portlet .csn-tabell-standard--text--scroll {
    table-layout: fixed;
    word-wrap: break-word;
}

.sv-text-portlet .csn-tabell-standard--text tbody tr td:nth-child(n+2),
.sv-text-portlet .csn-tabell-standard--text tbody tr td:nth-child(n+2) p,
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr td:nth-child(n+2),
.sv-text-portlet .csn-tabell-standard--text--scroll tbody tr td:nth-child(n+2) p {
   text-align: left;
}

/******************************************************
CSN tabell - span
*******************************************************/
.sv-text-portlet .csn-tabell-standard--scroll td span,
.sv-text-portlet .csn-tabell-standard--text--scroll td span {
   font-size: 1em;
}

.sv-text-portlet .csn-tabell-standard--scroll td,
.sv-text-portlet .csn-tabell-standard--scroll th {
   min-width: 3.55rem;
}

.sv-text-portlet .csn-tabell-standard--scroll thead ~ tbody tr th{
   background-color: rgba(89, 47, 129, .07);
   color: #333;
}

.sv-text-portlet .csn-tabell-standard--scroll thead ~ tbody tr th p {
   color: #333;
}

@media screen and (max-width: 699px){
    .sv-text-portlet .csn-tabell-standard--scroll,
    .sv-text-portlet .csn-tabell-standard--text--scroll {
        display: inline-block;
    }    
}