.notes-1 {
    width: 95%;
    padding: 16px 18px 10px;
    margin: 30px 0;
    background: #ecf9ff;
    position: relative;
    border-left: 4px solid #c2deff;
}

.table-sec1 {
    font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.table-sec1 td,
.table-sec1 th {
    border: 1px solid #ddd;
    padding: 8px;
}

.table-sec1 tr:hover {
    background-color: #fafcfd;
}

.table-sec1 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #ade8ff;
}

tab1 {
    padding-left: 4em;
}

tab2 {
    padding-left: 8em;
}

tab3 {
    padding-left: 12em;
}

.high-light {
    border: 1px solid #ada810;
    padding: 7px;
    background: #fbfde6;
    margin: 3px;
}

.h-light1 {
    color: #52b71e !important;
    display: inline-block;
}

.h-light2 {
    color: #b71e1e !important;
    display: inline-block;
}

.syntax-bx {
    background: #f0ebf5;
    padding: 10px 18px;
    border-left: 3px solid #ccc !important;
    display: inline-block;
    line-height: 1.6em;
    margin-bottom: 25px;
}

.syntax-bx > p {
    margin-bottom: 0;
}
.code-1 {
 width: 95%;
 padding: 16px 18px 10px;
 margin: 30px 0;
 background: #1f2529;
 position: relative;
 border-left: 4px solid #060e18;
 font-family: monospace;
 color: white;
overflow: scroll;
}
.help-menu-panel{
	background: #ffff !important;
}
.help-content-inner-wrap ul li {
    padding-right: 20px;
}