.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;}

.note-list{overflow:hidden;}
.note-list ul {width: 100%; float: left;}
.main-content .content-panel .note-list ul  li{margin:0 30px 0 0; float:left;}
.main-content .responseSuccess {padding-left: 10px;}
.main-content .responseFailure {padding-left: 10px;}
.main-content .content-panel pre{overflow:inherit !important;    word-break: inherit !important; }

.note{
    padding: 20px;
    margin: 0 0 20px;
    overflow: hidden;
    font-size: 16px;
    background: #fafaf0
}
.note-list{overflow:hidden;}
.note-list ul {width: 100%; float: left;}
.main-content .content-panel .note-list ul  li{margin:0 30px 0 0; float:left;}
.main-content .responseSuccess {padding-left: 10px;}
.main-content .responseFailure {padding-left: 10px;}
.main-content .content-panel pre{overflow:inherit !important;    word-break: inherit !important; }

@media screen and (max-width : 767px){
.mobile-h-scroll{overflow:scroll;}
.mobile-h-scriptNew-scroll, .mobile-h-table-scroll{min-width: 760px;}
.note{overflow:scroll;}
}