.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 #1a9a12;
    padding: 7px;
    background: #e6fdef;
    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;}
@media screen and (max-width: 767px)
{
.lang-selector{
        position: static; 
}
.lang-selector a:first-child{
       padding-left: 10px;
}
.lang-selector a{
       font-size: 15px;
       padding: 2px 6px;
}       
}   
.p-two{
	border-bottom: solid;
	border-width: 1px;
	border-color: darkgray;
        font-size: 11pt
}
@media only screen and (max-width: 1024px) {
.copy_button {
    display: none;
}
}