.example-panel  {
    border-color: rgb(33,115,70);
}
    .example-panel  .panel-heading {
        background-color: rgb(33,115,70);
    }
    .example-panel  .example-title {
        color: white;
        font-size: 1.6em;
    }

.panel-group > .panel.panel-default {
    margin-bottom: 10px;
}

.matheqn-div {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
}
.table-div {
    padding: 0px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom:10px;
}

.excel-table {
    font-family: Calibri, Arial;
    font-size: 1em;
    border-collapse: collapse;
}

/* first column */
.excel-table tr td:first-child {
    background-color: rgb(230,230,230); /*  #F5F5F5; */
    text-align: center;
    padding: 2px 7px 2px 7px;
    font-weight: 600;
}
/* first row */
    .excel-table tr:nth-child(1) td {
        background-color: rgb(230,230,230); /*  #F5F5F5; */
        text-align: center;
        padding: 2px 5px 2px 5px;
        font-weight: 600;
    }
/* interior cells */
    .excel-table td, .excel-table th {
        padding: 2px 10px 2px 10px;
        text-align: left;
        border-style: solid;
        border-width: thin;
        border-color: #D3D3D3;
    }


#key-value-dscr {
    margin-right: 50px;
}

    #key-value-dscr .panel-body {
        padding: 2px 2px 0px 2px;
    }

.key-value-table {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
}

    /* first column */
    .key-value-table tr td:first-child {
        width: 250px;
        padding-right: 30px; /* width does not work*/
        color: navy;
    }

    /* second column */
    .key-value-table tr td:nth-child(2) {
        width: auto;
    }

    .key-value-table td {
        padding: 5px 5px 5px 5px;
        text-align: left;
        font-size: 0.9em;
        border: none;
        border-bottom: thin solid #D3D3D3;
    }

    /*td cells is last row */
    .key-value-table tr:last-child td {
        border: none;
    }

    .key-value-table td label {
        font-weight: bold;
        font-style: italic;
    }

    .key-value-table td ul {
        list-style: square;
        padding-left: 0;
        margin-left: 15px;
    }

    .key-value-table td ol {
        padding-left: 0;
        margin-left: 15px;
    }

    .key-value-table th[colspan] {
        padding: 10px 5px 10px 5px;
        background-color: #F5F5F5;
        font-size: 1.1em;
        font-weight: bold;
        text-align: left;
        border: none;
        border-top: 2px solid black;
    }


.key {
    font-weight: bold;
    font-style: normal;
    font-family: monospace;
}

h4 {
    padding-top: 7px;
}

h3{
    padding-top:3px;
    padding-bottom: 5px;
}

h2 {
    padding-top: 3px;
    padding-bottom: 15px;
}

code {
    text-wrap:avoid;
    color: black;
    font-family:'Cambria Math',Arial;
}


.inlineBlock {
    display:inline-block;
    width: auto;
    vertical-align: top;
    padding: 10px;
}

.parameters-section {
    counter-reset: item;
}

.new-argument {
    position: relative;
    counter-increment: item;
    margin-top: 15px;
}

.new-argument-number {
    text-align: center;
    width: 50px;
    position: absolute;
    top: 0;
    display: inline-block;
}

    .new-argument-number:after {
        content: counter(item);
        color: #fff;
        background: #666;
        font-weight: 400;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 1em;
        padding: 2px 5px 2px 5px;
    }

.new-argument-descr {
    display: inline-block;
    margin-left: 50px;
    margin-right: 50px;
    text-align: left;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: lightgrey;
    padding-right: 10px;
    width: auto;
}

.last-argument .new-argument-descr {
    border-bottom: none;
}

    .new-argument-descr code {
        font-size: 1.1em;
        padding: 5px;
    }

a:link, a:visited {
    text-decoration: none;
    display: inline-block;
}

a:hover, a:active {
    color: darkblue;
    text-decoration: none;
}


dl{
    margin-top: 2em;
}
dt {
    margin-top: 1em;
    font-size: 1.4em;
    font-family: 'Times New Roman', Times, serif;
}
dd {
    margin-bottom:10px;
}

.MathJax_Display {
    text-align: left !important;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}