/*  Colours for Syntax Highlighted pre's */
.syntax-highlight {
    color: white;
    background-color: black;
    padding: 5px 10px;
}

.syntax-highlight>.key {
    color: #ffbf35
}

.syntax-highlight>.string {
    color: #5dff39;
}

.syntax-highlight>.number {
    color: #70aeff;
}

.syntax-highlight>.boolean {
    color: #b993ff;
}


* {
    margin: 0;
    padding: 0;
}

html,
body,

/*
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;;
    margin-left: 0px;;
}
*/


#app_container

{
    width: 100%;
    left: 0;
    margin:0px;
    padding: 0px;
}

.wrapper {
    height: 100%;
    color: #66615b;
    font-size: 12px;
    font-family: Arial, sans-serif;
    background-color: #eee
}

.content {
    box-sizing: border-box;
    min-height: 100%;
    padding-bottom: 90px;
}



.tabs-padding {
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;



}


.td-Class {

    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    
}

#th20 { 
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    width:20%;
}

#th30 { 
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    text-align: center;
    width:30%;
}

#th10 { 
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    width:10%;
}

#th35 { 
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    width:35%;
}

#th15 { 
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    width:15%;
}