/*errors*/

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://codeconnect-dev.fnis.com/SourceSansPro-Regular.c1678b46f7dd3f50ceac.ttf) format('ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://codeconnect-dev.fnis.com/SourceSansPro-Regular.c1678b46f7dd3f50ceac.ttf) format('ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Source Sans Pro', sans-serif, Verdana;
    margin: 0;
    background: transparent;
}

div {
    align-content: center;
}

    /* Header/Logo Title */
    div.header {
        position: fixed;
        padding: 10px 20px;
        text-align: left;
        background-color: white; /*#fff;*/
        float: left !important;
        box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 25%);
        width: 100%;
    }
   

    div.scrollingErrors {
        display: block;
        height: 100%;
        overflow-y: auto;
        scroll-behavior: smooth;
        width: 100%;
        padding-top: 60px;
        -ms-overflow-style: none;
        background-color: transparent;
        box-shadow: inset 0 0 20px #ebebeb;
        /*scrollbar-width: none;*/
    }

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    border-spacing: 0px;
    border-color: grey;
    font-variant: normal;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #012834;
    background: white;
    border-radius: 6px 6px 6px 6px;
    
            -moz-box-shadow: 5px 5px 5px #ebebeb;
-webkit-box-shadow: 5px 5px 5px #ebebeb;
box-shadow: 5px 5px 5px #ebebeb;
    margin: 10px;
}

table tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

table tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

    table td, table th {
        border: 1px solid #1b1b6f;
    }

    table tr:first-child td {
        background-color: #efefef;
    }


    table td {
        padding: 2px 5px 2px 5px;
    }

    table thead {
        background-color: #efefef;
    }

@media screen and (max-width: 42.09em) {
    div.header {
        height: 35px;
        position: fixed;
    }
    div.scrollingErrors {
        position: fixed;
        top: 40px;
        box-shadow: inset 0 0 5px #ebebeb;
        height: 85%;
    }
}

    /*****custom SCROLLBAR*/

    ::-webkit-scrollbar {
        width: 15px;
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #C1C1C1;
        /*border-radius: 10px;*/
        background: #FCFCFC;
    }


    ::-webkit-scrollbar-thumb {
        background: #C1C1C1;
        /*border-radius: 10px;*/
        box-shadow: inset 0 0 5px #C1C1C1;
    }

    ::-webkit-scrollbar-thumb:hover {
            background: #9b9b9b;
            box-shadow: inset 0 0 5px #C1C1C1;
     }