.navbar-nav>li>a {
    /*padding-top: 4px;*/
    /*padding-bottom: 0;*/
    /*height: 28px;*/
    /*font-size: 14px;*/
    font-size: 13px;
    margin-right: 15px;
}
.navbar {
    min-height: 20px;
    /*margin-bottom: 10px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #e7e7e7;
    /*background-color: rgba(31, 33, 41, 0.4);*/
    /*z-index: -1;*/
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);    
}
.form-control-b, .btn-b {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    /*margin: 0;*/
    font-size: 14px;
}
/*.btn:focus, .border-success:focus {*/
    /*box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(40, 167, 69, 0.6);    */
/*}*/
/*.btn:focus, .border-success:focus {*/
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    /*box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);    */
/*}*/

/*.btn:focus {*/
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    /*box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);    */
/*}*/

/*.border-success:focus{
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  
}*/

.form-control:focus{
    border-color: rgba(40, 167, 69, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(40, 167, 69, 0.6);
}

.custom-file-input:focus ~ .custom-file-label {
  /*border-color: #80bdff;*/
  /*border-color: #f8f8f8;*/
  border-color: rgba(40, 167, 69, 0.5);
  /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
  /*box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5)!important;*/
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(40, 167, 69, 0.6);
}

/*.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,*/
/*.show > .btn-success.dropdown-toggle:focus {*/
    /*box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(40, 167, 69, 0.6);*/
/*}*/

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-success:focus{
    box-shadow:none;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(40, 167, 69, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(40, 167, 69, 0.6);
}

.btn-outline-success:focus{
    box-shadow:none;
}

/*.form-check-input:checked {
      background-color: #28a745!important; 
      border-color:#28a745!important;
}*/

.form-check .form-check-input:checked {
    /*background-color:green !important;
    color: green !important;*/
    accent-color:rgba(40, 167, 69, 1.0) !important;
}

/*.form-check-label{
    background-color:green !important;
    color: green !important;
}*/

/*.form-check input[checked="checked"]+i {
    background-color:green !important;
}*/

.height-33{
    height: 33px;
}

.jg {
    /*height: 42px;*/
    /*height: 52px;*/
    height: 62px;
}

.jg-62 {
    /*height: 42px;*/
    /*height: 52px;*/
    height: 62px;
}

.jg-10 {
    /*height: 42px;*/
    /*height: 52px;*/
    height: 10px;
}

.jg-20 {
    /*height: 42px;*/
    /*height: 52px;*/
    height: 20px;
}
.jg-30 {
    /*height: 42px;*/
    /*height: 52px;*/
    height: 30px;
}
.dropdown-menu {
    border: 0.5px solid #f9f9f9!important;
    /*top: 42px;*/
    top: 35px;
    background-color: #f9f9f9;
    min-width: 7rem;
}

.dropdown-menu-width-100{
     width: 10px!important;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #28a745;
}

.title {
    /*font-weight: 100;*/
    /*font-size: 50px;*/
    font-size: 40px;
    display: inline-block;
    /*font-family: arial,Helvetica, sans-serif;*/
    /*font-family: SmartisanMaquette,FZYouHJW;*/
    /*font-family: "微软雅黑";*/
    /*font-family:"Microsoft YaHei";*/
    /*font-family: 'Raleway', sans-serif;*/
    /*border-color: #e7e7e7;*/
    /*font-weight: lighter*/
}
.fw-100 {
    /*font-weight: lighter*/
    /*font-weight: 100;*/
    /*font-family: 黑体;*/
    /*font-family: arial, sans-serif;*/
    font-weight: 300;
}
.fw-200 {
    font-weight: 200;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fs-20 {
    font-size: 20px;
}
.fs-14 {
    font-size: 14px;
}
.fs-13 {
    font-size: 13px;
}
.fs-12 {
    font-size: 12px;
}
.fs-11 {
    font-size: 11px;
}
.fs-10 {
    font-size: 10px;
}
.fw-one {
    font-family: 'Raleway', sans-serif!important;
}
.line-height-15{
    line-height: 33px!important;
}
.mg-l-0{
    /*margin-left: 0.25rem;*/
    margin-left: 0px;
}
.mg-l-5{
    /*margin-left: 0.25rem;*/
    margin-left: 5px;
}
.mg-l-10{
    margin-left: 0.5rem;
}
.mg-t-10{
    margin-top: 10px;
}
.mg-t-20{
    margin-top: 20px;
}
.mg-t-30{
    margin-top: 30px;
}
.mg-b-10{
    margin-bottom: 10px;
}
.font-color-red{
    color: #dc3545;
}
.lottie-box {
    height: 150px;
    width: 300px;
}
.row-b {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    margin-left: 0;
    margin-right: 0;
}
.footer {
    /*height: 200px;*/
    width: 100%;
    /*background: #f8f8f8;*/
    /*background-color: rgba(86,61,124,.15);*/
}
/*.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}*/
.a {
    color: #337ab7!important;
    text-decoration: none;
}
a {
    background-color: transparent;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    /*font-family: SmartisanMaquette,FZYouHJW;*/
    /*font-family: "微软雅黑";*/
    /*font-family:"Microsoft YaHei";*/
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    /*font-size: 14px;*/
    /*line-height: 1.42857143;*/
    /*color: #333;*/
    /*font-family: 'Raleway', sans-serif!important;*/
    /*font-family:Arial,'Raleway','Times New Roman','Microsoft YaHei',SimHei;   */
    /*font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;*/
    /*font:bold 12px/0.90em 'Raleway', sans-serif;*/
    /*font-family: Arial,'Raleway','Segoe UI', sans-serif!important;*/
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;;
}
.btn-transition {
    transition: none!important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.tooltip{
    font-size: 12px;
}
.tooltip p{
    padding: 10rpx;
}

a.text-success:hover, a.text-success:focus {
  /*color: linear-gradient(125deg,#64c0ff 0,#f58365 100%) !important;*/
  /*background: linear-gradient(125deg,#64c0ff 0,#f58365 100%);*/
  /*color: #666666 !important;;*/
}

.bg{
   background: linear-gradient(125deg,#64c0ff 0,rgba(40, 167, 69, 0.5) 100%); 
}

/*.nav-link{
   background: linear-gradient(125deg,#64c0ff 0,rgba(40, 167, 69, 0.5) 100%);  
} */

/*.bg{
    background-color: #ffffff;
}*/

/*.focus:focus{
    border-color: none;
}*/

/*.hover:hover{

}*/

.outline:not(:disabled):not(.disabled):active:focus, .outline:not(:disabled):not(.disabled).active:focus,
.show > .outline.dropdown-toggle:focus {
    /*border-color: none;*/
    outline: none;
}
.transition{
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s; /* Opera */
}

.list-group-item{
    line-height: 18px;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #5cb85c;
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#5cb85c));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff5cb85c', GradientType=0);
  background-repeat: repeat-x;
  border-color: #5cb85c;
}

ul,li{
    list-style: none;
}

.doc-class{
    margin-left:0;
    margin-right:0;
}
.doc{
    padding-right:0px;
    padding-left:0px;
}
.doc-content{
    width:100%;
    height:100%;
    font-size: 12px;
    /*font-size: 1em!important;*/
    padding:15px 20px;
}
.doc-item{
    padding:0 10px;
}
.doc-item a{
    color:#495057;
    text-decoration: none;
}
.doc-item-info{
    transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s; /* Firefox 4 */
    -webkit-transition: box-shadow 0.3s; /* Safari 和 Chrome */
    -o-transition: box-shadow 0.3s; /* Opera */
    background:#ffffff;
    height:120px;
    padding:10px;
}
.doc-item-info:hover,.doc-item-info:active{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.doc-content img{
    /*width: 80%;*/
    max-width: 100%;
}

/*.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4 {*/
    /*font-size: 1em!important;*/
/*}*/

.doc-content h1 {
    margin: 0 0 10px 0;
    font-size: 2.1em;
    color: #64854c;
    text-decoration: none;
    /*text-indent: -9999px*/
}

pre{
    margin: 15px auto;
    /*font: 12px/20px Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;*/
    font: 12px/20px monospace;
    border: 1px solid #ddd;
    border-left-width: 4px;
    background: #fbfbfb url(/images/codecolorer_bg.gif) top;
    padding: 10px 15px;
    max-width: 100%;
    /*overflow: hidden;*/
    word-break:normal!important;
    /*white-space:pre-warp;*/
    /*word-wrapL:break-word;*/
    /*width：100px;*/
    white-space: pre-wrap!important;
    word-wrap: break-word!important;
}

.example-btn {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.example-btn:hover {
    color: #fff;
    background-color: #47a447;
    border-color: #398439
}

.example-btn:active {
    background-image: none
}

.hl-default {
    color: #000
}

.hl-code {
    color: Gray
}

.hl-brackets {
    color: Olive
}

.hl-comment {
    color: #a50
}

.hl-quotes {
    color: #8b0000;
    width: 100%;
}

.hl-string {
    color: #a11
}

.hl-identifier {
    color: #05a
}

.hl-builtin {
    color: Teal
}

.hl-reserved {
    color: #5cb85c
}

.hl-inlinedoc {
    color: #00f
}

.hl-var {
    color: #00008b
}

.hl-url {
    color: #00f
}

.hl-special {
    color: Navy
}

.hl-number {
    color: Maroon
}

.hl-inlinetags {
    color: #00f
}

.hl-main {
    background-color: #f9f9f9;
    /*font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;*/
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.hl-gutter {
    background-color: #999;
    color: #fff
}

.hl-table {
    /*font-family: courier;*/
    font-size: 12px;
    border: solid 1px #d3d3d3
}

div.tutintro {
    width: auto;
    min-height: 92px
}

div.tutintro img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
}

div.example {
    width: 98%;
    color: #555555;
    background-color: #f6f4f0;
    background-color: #d0e69c;
    background-color: #dcecb5;
    background-color: #b5e7b5;
    margin: 0 0 5px 0;
    padding: 5px;
    border: 1px solid #d4d4d4;
    background-image: -webkit-linear-gradient(#fff,#b5e7b5 100px);
    background-image: linear-gradient(#fff,#f0f0f0 100px)
}

div.example_code {
    line-height: 1.4em;
    width: 98%;
    background-color: #f9f9f9;
    padding: 5px;
    border: 1px solid #d4d4d4;
    font-size: 110%;
    /*font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;*/
    word-break: break-all;
    word-wrap: break-word
}

div.example_result {
    background-color: #fff;
    padding: 4px;
    border: 1px solid #d4d4d4;
    width: 98%
}

div.code {
    width: 98%;
    border: 1px solid #d4d4d4;
    background-color: #f6f4f0;
    color: #444;
    padding: 5px;
    margin: 0
}

div.code div {
    font-size: 110%
}

div.code div,div.code p,div.example_code p {
    /*font-family: "courier new"*/
}

div.tryit_ex {
    clear: both;
    width: 600px;
    height: 50px;
    margin-bottom: 5px
}

div.tryit_ex img {
    border: 0;
    float: left;
    margin-right: 10px
}

div.tryit_ex h2 {
    padding-top: 5px
}

table.browserref {
    border-collapse: collapse;
    width: 100%
}

table.browserref tr:nth-child(even) {
    background-color: #f6f4f0
}

table.browserref tr:nth-child(odd) {
    background-color: #fff
}

table.browserref tr.fixzebra {
    background-color: #f6f4f0
}

table.browserref th {
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    font-weight: normal;
    color: #555;
    padding: 5px;
    vertical-align: middle
}

table.browserref td {
    border: 1px solid #d4d4d4;
    text-align: center;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top
}

table.browserref .bsIE {
    background-image: url('/images/compatible_ie.gif')
}

table.browserref .bsFirefox {
    background-image: url('/images/compatible_firefox.gif')
}

table.browserref .bsEdge {
    background-image: url('/images/compatible_edge.png')
}

table.browserref .bsChrome {
    background-image: url('/images/chrome_logo_32.png')
}

table.browserref .bsSafari {
    background-image: url('/images/compatible_safari.gif')
}

table.browserref .bsOpera {
    background-image: url('/images/compatible_opera.gif')
}

.marked {
    padding: 0.2em;
    margin: 0;
    background-color: #eceae6;
    border-radius: 3px;
    font-weight: bold;
    /*font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace*/
}

table.lamp {
    width: 100%;
    padding: 0;
    border: 1px solid #d4d4d4
}

table.lamp th {
    color: #000;
    background-color: #fff;
    padding: 10px;
    padding-right: 5px
}

table.lamp td {
    padding: 4px;
    padding-left: 0;
    padding-right: 10px;
    background-color: #fff
}

table.tecspec td,table.tecspec th {
    border: 1px solid #d4d4d4;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top;
    text-align: left
}

table.reference,table.tecspec {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    margin-top: 4px
}

table.reference .fa {
    font-size: 24px
}

table.reference tr:nth-child(odd) {
    background-color: #f6f4f0
}

table.reference tr:nth-child(even) {
    background-color: #fff
}

table.reference tr.fixzebra {
    background-color: #f6f4f0
}

table.reference th {
    color: #fff;
    background-color: #555;
    border: 1px solid #555;
    font-size: 13px;
    padding: 3px;
    vertical-align: top;
    text-align: left
}

table.reference th a:link,table.reference th a:visited {
    color: #fff
}

table.reference th a:active,table.reference th a:hover {
    color: #ee872a
}

tr td:first-child {
    min-width: 25px
}

table.reference td {
    /*line-height: 2em;*/
    min-width: 24px;
    border: 1px solid #d4d4d4;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top
}

/*table.reference td a{
    line-height: 1.2em!important;
}*/


table.reference td.example_code {
    vertical-align: bottom
}

table.summary {
    border: 1px solid #d4d4d4;
    padding: 5px;
    font-size: 100%;
    color: #555;
    background-color: #fafad2
}

h2.example,h2.example_head {
    color: #444;
    color: #5cb85c;
    background-color: transparent;
    margin-top: 0
}

h2.example {
    font-size: 120%
}

h2.example_head {
    font-size: 140%
}

h2.home {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 120%;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    color: #900b09;
    background-color: #fff
}

h2.tutheader {
    margin: 0;
    padding-top: 5px;
    border-top: 1px solid #d4d4d4;
    clear: both
}

.subscribe-bd {
    padding: 0;
    text-align: center;
    color: #444;
    background: url(./assets/img/feed.png) no-repeat 36% 50%
}

.socialicons {
    height: 30px;
    margin: 10px
}

.socialicons a {
    margin: 0 8px 8px 0;
    width: 30px;
    height: 30px;
    float: left;
    display: block;
    text-indent: -9999px
}

.subscribe-bd .placeholder {
    height: 35px;
    margin: 0;
    width: 94%;
    padding: 0 3% 0 3%;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    color: #ccc;
    font-weight: 400;
    font-size: 1.2em
}

.socialicons .placeholder {
    height: 30px;
    margin: 0;
    width: 60%;
    padding: 0 3% 0 3%;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    color: #ccc;
    font-weight: 400;
    font-size: 1.2em
}

a.showbtn,a.showbtn:link,a.showbtn:visited,a.tryitbtn,a.tryitbtn:link,a.tryitbtn:visited {
    display: inline-block;
    color: #FFF;
    background-color: #5cb85c;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    /*padding-top: 0px;
    padding-bottom: 0px;*/
    text-decoration: none;
    margin-left: 5px;
    margin-top: 0;
    margin-bottom: 5px;
    border-radius: 2px;
    white-space: nowrap
}

a.showbtn:active,a.showbtn:hover,a.tryitbtn:active,a.tryitbtn:hover {
    background-color: #79be79;
    color: #fff
}

a.playitbtn,a.playitbtn:link,a.playitbtn:visited {
    display: inline-block;
    color: #fff;
    background-color: #ffad33;
    border: 1px solid #ffad33;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    padding: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    text-decoration: none;
    margin-left: 1px;
    border-radius: 5px;
    white-space: nowrap
}

a.playitbtn:active,a.playitbtn:hover {
    background-color: #fff;
    color: #ffad33
}

a.tryitbtnsyntax:active,a.tryitbtnsyntax:hover,a.tryitbtnsyntax:link,a.tryitbtnsyntax:visited {
    /*font-family: verdana;*/
    float: right;
    padding-top: 0;
    padding-bottom: 2px;
    background-color: #5cb85c;
    border: 1px solid #aaa
}

a.tryitbtnsyntax:active,a.tryitbtnsyntax:hover {
    color: #5cb85c;
    background-color: #fff
}

div.tutintro p {
    margin-top: 0;
    font-size: 13px
}

.article-heading h3 {
    font-size: 1.5em;
    color: #ccc
}

.article-body h3 {
    font-size: 1.4em;
    font-weight: 500;
    margin: 8px 0
}

.article-body h3.heading {
    margin-top: 0
}

.article-heading h3 em {
    font-weight: 400
}

.article-body {
    /*padding: 10px 10px 20px 10px*/
}

.article-body h3.membership {
    font-size: 1.6em;
    margin: 0 0 20px 0
}

.article-body h3.membership span {
    font-weight: 400
}

.article-body-green {
    background-color: #f8faf7;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.article-body-green #ds-form .field {
    background: #eaf1e6 !important
}

.article-intro h1 {
    margin: 0 0 10px 0;
    font-size: 2.1em;
    text-indent: initial;
    text-decoration: none;
    color: #000
}

.article-intro h1 span {
    color: #5cb85c
}

.article-intro .tutorialimage:nth-of-type(1) {
    float: right;
    margin: 0 0 20px 20px;
    width: 50% !important;
    min-width: 260px
}

.previous-next-links {
    line-height: 24px;
    overflow: hidden;
    padding: 10px 30px 10px 30px;
    background: #fbfbfb;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    color: #8590a6;
    font-size: 15px;
    border: 1px solid #e7eaf1;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    box-sizing: border-box
}

.previous-next-links a {
    color: grey
}

.previous-design-link {
    float: left
}

.next-design-link {
    float: right
}

.article-body p {
    word-wrap: break-word;
    word-break: break-all;
    font-size: 13px;
    line-height: 2em;
    /*font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif*/
}

.big-middle-column {
    font-size: 13px
}

.article-body p a {
    text-decoration: underline
}

a.download {
    background: url('assets/img/download.png') no-repeat 15px center #f0f0f0;
    padding: 10px 10px 10px 20px;
    margin: 20px 40px 20px 0;
    color: #755c3b;
    display: inline-block;
    width: 155px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-size: 20px
}

.article-intro .featured-image {
    display: none
}

.article-body li>a:visited {
    color: #EC4E20
}

.article-body a {
    outline: none;
    color: #5cb85c;
    font-size: 13px
}

.article-body .quote,.article-body blockquote p {
    word-wrap: break-word;
    /*background: #f3f7f0;*/
    background: #f5f5f5;
    padding: 4px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5em;
    font-weight: 400 !important
}

.article-body .blockquote-full {
    background: #f3f7f0;
    padding: 20px;
    margin: 0 0 1.5em 0;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.5em;
    font-weight: 400 !important
}

.article-body .pullquote-l {
    background: #f3f7f0;
    padding: 20px;
    margin: 0 1.5em 1em 0;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.5em;
    float: left;
    width: 30%
}

.article-body .pullquote-r {
    background: #f3f7f0;
    padding: 20px;
    margin: 1.5em 0 1.5em 1.5em;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.5em;
    float: right;
    width: 30%
}

.article-body .wp-caption {
    width: 100% !important
}

.article-body .caption,.article-body .wp-caption-text {
    padding: 20px;
    margin: 0 0 1.5em 0;
    font-style: italic;
    font-weight: 400 !important;
    border-bottom: 1px solid #f1f1f1;
    font-size: 1.2em !important;
    line-height: 1.5em;
    color: #ccc
}

.article-body .size-full {
    max-width: 100%
}

.article-body .two-column {
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2em;
    margin: 0 0 1.5em 0
}

.article-body ol,.article-body ul,.sidebar-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.article-body ol li,.article-body ul li {
    font-size: 13px;
    word-break: break-all;
}

.article-body ul li pre {
    max-width:500px!important;
}

.article-body ul li p {
    padding: 0 10px
}

.article-body ul li,.sidebar-box ul li {
/*    padding: 0 0 0 1.5em;*/
/*    margin: 0 0 1em 1em;*/
    margin: 0 0 1em 0em;
    background-image: url(./assets/img/bullet.png);
    background-repeat: no-repeat;
    background-position: left .5em
}

.article-body ol li {
    list-style-type: decimal;
    margin: 0 0 1em 2.5em;
    padding: 0
}

.article-body ol,.article-body ul {
    margin-top: 1em;
    margin-bottom: 1em
}

.article-body .caption-right {
    display: block
}

.article-body ul {
    line-height: 140%;
}

.article-body ul.activity-dropdown li {
    text-align: left;
    border-bottom: 1px solid #efefef;
    padding: 10px 10px 10px 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px auto;
    margin: 0
}

.article-body ul.activity-dropdown li span {
    color: grey;
    float: right;
    font-size: .8em
}

.article-body ul.activity-dropdown li img {
    width: 30%;
    display: block;
    margin: 20px 0 0 0;
}

.article-body h1 {
    text-indent: initial;
}

.article-body h2,.article-heading h2,.comments-heading h2 {
    /*font-size: 1.7em*/
    font-size: 1.5em;    
}

.doc-content  h2.tutheader {
  margin: 0!important;
  padding-top: 5px!important;
  border-top: 1px solid #d4d4d4!important;
  clear: both!important;
}
.doc-content .article-body h2 {
  font-size: 1.8em!important;
  margin: 2px 0!important;
  line-height: 1.8em!important;
}

.backdrop-filter{
    content: "";
    /*position: absolute; */
    width: 100%;
    /*height: 100%;*/
    /*border-radius: 15px; */
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    /*overflow:hidden; */
}

.dropdown-menu-custom{
    /*right:106px!important;*/
    left:-300px!important;
    top:-1px!important;
    width:300px!important;
    background:rgba(255,255,255,0.1)!important;
    padding:0!important;
}

.dh-item{
    padding:0;
    margin:0;
    overflow:hidden;
    height:auto;
    padding:10px;
    /*background-color: rgba(255, 255, 255, 0.4);*/
}

.container-custom{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.bg-none{
    background:none!important;
    -webkit-background:none!important;
    -moz-background:none!important;
    -ms-background:none!important;
    -o-background:none!important;
}

.bg-rgba-4{
    /*background-color:rgba(255,255,255,0.2)!important;*/
    background-color:rgba(255,255,255,0.2)!important;
    -webkit-background-color:rgba(255,255,255,0.2)!important;
    -moz-background-color:rgba(255,255,255,0.2)!important;
    -ms-background-color:rgba(255,255,255,0.2)!important;
    -o-background-color:rgba(255,255,255,0.2)!important;
}

.pagination-custom{
    height:40px;
    background:#fff;
    margin-bottom:30px;
    padding:0 10px;
    border-radius:5px;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item-custom.active, .dropdown-item-custom:active {
  color: #16181b!important;
  text-decoration: none;
  background-color: #e9ecef!important;
}

.list-group-item-action-custom:active {
  color: #495057!important;
  background-color: #f8f9fa!important;
}

.navdh li a{
  font-size: 12px;
}

.navbar{
  /*justify-content: flex-start;  */
}