@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
body{font-family: 'Open Sans', sans-serif !important;}
body, html{font-size: 15px;}

.docs-wrap .box{margin-bottom: 20px;}
.docs-wrap .graph-widget{margin-top: 0;padding: 25px;}
.documentation-contents{position: relative;display: table;width: 100%;}
.documentation-contents .sidebar, .documentation-contents .sidebar-contents{display: table-cell;vertical-align: top;}
.documentation-contents .sidebar .sidebar-item, .documentation-contents .sidebar-contents .sidebar-item{padding: 15px;}
.documentation-contents .sidebar {background-color: rgba(218, 132, 26, 0.133);border-radius: 3px;width: 30%;}
.documentation-contents .sidebar-contents{width: 70%;}
.documentation-contents .sidebar .first-level, .documentation-contents .sidebar .second-level {list-style: outside none none;margin: 0;padding: 0;}
.documentation-contents .sidebar .first-level > li > a{color: #1e2021;font-weight: 500;font-size: 18px;}
.documentation-contents .sidebar .first-level > li hr{border-top: 1px solid rgba(0,0,0, 0.09);margin-bottom: 20px;margin-top: 20px;}
.documentation-contents .sidebar .first-level > li h5{color: #484848;font-size: 13px;letter-spacing: 1px;text-transform: uppercase;font-weight: 600;}
.documentation-contents .sidebar .first-level li ul li a, .documentation-contents .sidebar .second-level li ul li a{color: #484848;display: inline-block;font-size: 13px;}
.documentation-contents .sidebar .first-level li ul li, .documentation-contents .sidebar .second-level li ul li{margin-top: 0.625rem;}
.appdetails {float: none;margin: 0 auto;}
.appdetails .box{margin-bottom: 25px;}
.appdetails .box span:first-child {display: block;font-size: 14px;}
.appdetails .box span:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.08);display: block;font-weight: 400;margin: -7px 0 18px;padding: 0 0 10px;}
.appdetails .form-group label {color: #636363;font-size: 13px;}
.appdetails .form-group{margin-bottom: 15px;position: relative;}
.appdetails .form-group .input-type {background-color: #e9ebee;border: 1px solid #dddfe2;border-radius: 2px;color: #4b4f56;font-size: 14px;line-height: 38px;overflow: auto;margin-top: 6px;padding: 0 4px 0 8px;}
.appdetails .copy {background: #88ce35;border-radius: 3px;color: #fff;padding: 5px 10px;position: absolute;right: 5px;top: 31px;}

/*HEADINGS*/
h1{font-size: 30px !important; color: #1e2021}
h2{font-size: 26px !important; color: #1e2021}
h3{font-size: 24px !important; color: #1e2021}
h4{font-size: 22px !important; color: #1e2021}
h5{font-size: 20px !important; color: #1e2021}
h6{font-size: 18px !important; color: #1e2021}
p{font-size: 16px;line-height: 1.5;margin: 10px 0 !important;word-break: break-word;}
ol, li, ul{color: #3c4858;font-size: 16px;}
.h4, h4{font-size: 1.4rem !important;}
/*FONT WEIGHTS*/

.content-doc .ft-300{font-weight: 300; letter-spacing: 0.5px;}
.content-doc .ft-400{font-weight: 400; letter-spacing: 0.5px;}
.content-doc .ft-500{font-weight: 500; letter-spacing: 0.5px;}
.content-doc .ft-600{font-weight: 600; letter-spacing: 0.5px;}
.content-doc .ft-700{font-weight: 700; letter-spacing: 0.5px;}
.content-doc .ft-800{font-weight: 800; letter-spacing: 0.5px;}
.content-doc .ft-900{font-weight: 900; letter-spacing: 0.5px;}
.content-doc .ft-bold{font-weight: bold;}
.content-doc{padding-left: 15px; padding-right: 15px; max-width: 1660px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.content-doc p { font-family: 'Open Sans', sans-serif !important; font-size: 16px; line-height: 1.5; margin-bottom: 8px !important; margin-top: 0 !important;}
.content-doc .blockquote-note{border-left: 3px solid #20a7dd;border-radius: 3px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);font-size: 1.0625rem;margin: 1.5rem 0;padding: 1.25rem 1.5rem;}
.content-doc a{color: #20a7dd;}

/* .content-doc pre{background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;clear: both;color: white;font-family: "Operator Mono SSm A","Operator Mono SSm B","Source Code Pro",Menlo,Consolas,Monaco,monospace;hyphens: none;line-height: 28px;min-width: 100%;padding: 40px 20px 20px 20px;position: relative;word-break: normal;}
.content-doc pre[rel]::before {background: #20a7dd none repeat scroll 0 0;color: white;content: attr(rel);font-size: 0.75rem;left: 0;padding: 0;position: absolute;text-indent: 15px;top: 0;width: 100%;} */
.flashmessage__ {background-color: #efe5de;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 6px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);display: table;width: 300px;padding: 0 40px 0 20px;position: absolute;right: 20px;top: 20px;z-index: 500;}
.flashmessage__ p{color: #ffffff !important;}
.error_flash_message__ {background-color: rgb(219, 68, 55);}
.success_flash_message__{background-color: rgb(121,172,7);}
.flashmessage__ span.close_flash_message__ {display: inline-block;position: absolute;right: 15px;top: 30%;color: #fff;cursor: pointer;}

.error_box::after {border-left: 4px solid rgba(255, 255, 255, 0);border-right: 4px solid rgba(255, 255, 255, 0);border-top: 4px solid rgba(214, 69, 69, 1);bottom: -4px;content: " ";height: 0;left: 10px;margin: 0 auto;position: absolute;width: 0;}
.error_box {background-color: rgba(214, 69, 69, 1);border-radius: 3px;position: absolute;top: 15px;}
.margin0.no-padding {color: #fff;font-size: 10px;margin: 4px;padding: 0 4px;}


/*HEADER*/
.dev_header_{align-items: center;background-color: #ffffff;border-bottom: 1px solid #e4e4e4;display: flex;padding-left: 1.5rem;padding-right: 1.5rem;position: fixed;top: 0;transition: all 0.15s ease-out 0s;z-index: 10;width: 100%;}
.dev_header_ .header_brand_ {background: rgba(0, 0, 0, 0) url("../images/developers_logo.png") no-repeat scroll 0 0.6rem / 8.375rem 2.75rem;display: block;width: 9rem;height: 3.75rem;}
.dev_header_ .header__nav {align-items: center;display: flex;justify-content: space-between;padding-left: 7.2rem;width: 100%;}
.dev_header_ .header__nav--left, .dev_header_ .header__nav--right {align-items: center;display: flex;}
.dev_header_ .dx-nav-0 {list-style: outside none none;padding: 0;}
.dev_header_ .block--outlined p, .dev_header_ .dx-nav-0 {margin-bottom: 0;}
.dev_header_ .dx-nav-0-item {float: left;list-style: outside none none;}
.dev_header_ .dx-nav-0-link {color: #6c7378;display: block;height: 3.75rem;line-height: 3.75rem;margin-right: 1.5rem;position: relative;}
.dev_header_ .dx-nav-0-link:focus, .dev_header_ .dx-nav-0-link:hover, .header__nav .active {color: #88ce35;text-decoration: none;}
.en_de_wrapper .acive {color: #000; font-weight: 600;}
.dev_header_ .sr-only {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.dev_header_ .dx-search-input, .dev_header_ .picker__btn {font-weight: 400;}
.dev_header_ .dx-search-input {border: 1px solid #e4e4e4;border-radius: 3rem;color: #1e2021;line-height: 1.3;padding: 0.5rem 0.75rem;text-overflow: ellipsis;transition: all 0.15s ease 0s;width: 12em;}
.dev_header_ .dx-search-input:focus {border: 1px solid #88ce35;outline: 0 none;}
.dev_header_ .profile__container {width: 100%;}
.dev_header_ .dx-btn, .en_de_wrapper .dx-btn {background-color: rgba(0, 0, 0, 0);border: 1px solid #0070ba;border-radius: 1.2rem;box-sizing: content-box;color: #0070ba;cursor: pointer;display: inline-block;font-weight: 500;line-height: 1.38462;min-width: 4rem;padding: 0.5625rem 1.125rem;text-align: center;transition: all 0.15s ease-out 0s;}
.dev_header_ .dx-btn-primary, .dev_header_ .dx-btn.active, .en_de_wrapper .dx-btn-primary, .en_de_wrapper .dx-en_de_wrapper.active {background-color: #88ce35;border-color: rgba(0, 0, 0, 0);color: #ffffff;}
.dev_header_ .dx-btn-primary:active, .dev_header_ .dx-btn-primary:focus, .dev_header_ .dx-btn-primary:hover, .dev_header_ .dx-btn.active:active, .dev_header_ .dx-btn.active:focus, .dev_header_ .dx-btn.active:hover,
.en_de_wrapper .dx-btn-primary:active, .en_de_wrapper .dx-btn-primary:focus, .en_de_wrapper .dx-btn-primary:hover, .en_de_wrapper .dx-btn.active:active, .en_de_wrapper .dx-btn.active:focus, .en_de_wrapper .dx-btn.active:hover{background-color: #9adc4e;color: #ffffff;border-color: #9adc4e;box-shadow: 0 0 0 1px #9adc4e inset;text-decoration: none;}

.dev_header_ .dx-trigger-nav-0 {display: none;}
.dev_header_ .dx-trigger-nav-2 {display: none;}


.en_de_wrapper {height: auto; padding-top: 1.75rem; width: 100%; min-height: calc(100vh - 99px); }
.en_de_content{position: relative;}
.en_de_section{padding: 3.375rem 1.5rem;}
.en_de_section.section_1 .widget h1{    margin-bottom: 2.5rem;
   font-weight: 400;
   color: #1e2021;}
.en_de_section.section_1 .widget p{color: #767676;font-weight: 400;line-height: 1.8;font-size: 1.2rem;}
.en_de_docs_wrap{display: flex;margin-bottom: 1.5rem;margin-top: 3rem !important}
.en_de_docs_wrap .en_de_feature span{align-items: center;border: 1px solid #8AD038;border-radius: 50%;display: flex;flex-grow: initial;color: #8AD038;font-size: 1.375rem;font-weight: 400;height: 3.5rem;justify-content: center;margin-bottom: 1.25rem;text-transform: uppercase;width: 3.5rem;}
.en_de_docs_wrap .en_de_feature h3{font-size: 1.25rem !important;line-height: 1.5;font-weight: 500;margin-bottom: 1.0rem;color: #484848;}
.en_de_docs_wrap .en_de_feature p{color: #767676;font-size: 1.2rem;margin-top: 0;line-height: 1.6;font-weight: 400;}
.en_de_docs_wrap .en_de_viewdocs{margin: 50px 0 0;}
.dev_footer_ {align-items: center;background-color: #ffffff;border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;display: flex;padding-left: 1.5rem;padding-right: 1.5rem;position: relative;top: 0;transition: all 0.15s ease-out 0s;width: 100%;z-index: 10;}
.en_de_wrapper .row{width: 100%; --bs-gutter-x: 0;}
.en_de_wrapper .col-xs-1,
.en_de_wrapper .col-sm-1,
.en_de_wrapper .col-md-1,
.en_de_wrapper .col-lg-1,
.en_de_wrapper .col-xs-2,
.en_de_wrapper .col-sm-2,
.en_de_wrapper .col-md-2,
.en_de_wrapper .col-lg-2,
.en_de_wrapper .col-xs-3,
.en_de_wrapper .col-sm-3,
.en_de_wrapper .col-md-3,
.en_de_wrapper .col-lg-3,
.en_de_wrapper .col-xs-4,
.en_de_wrapper .col-sm-4,
.en_de_wrapper .col-md-4,
.en_de_wrapper .col-lg-4,
.en_de_wrapper .col-xs-5,
.en_de_wrapper .col-sm-5,
.en_de_wrapper .col-md-5,
.en_de_wrapper .col-lg-5,
.en_de_wrapper .col-xs-6,
.en_de_wrapper .col-sm-6,
.en_de_wrapper .col-md-6,
.en_de_wrapper .col-lg-6,
.en_de_wrapper .col-xs-7,
.en_de_wrapper .col-sm-7,
.en_de_wrapper .col-md-7,
.en_de_wrapper .col-lg-7,
.en_de_wrapper .col-xs-8,
.en_de_wrapper .col-sm-8,
.en_de_wrapper .col-md-8,
.en_de_wrapper .col-lg-8,
.en_de_wrapper .col-xs-9,
.en_de_wrapper .col-sm-9,
.en_de_wrapper .col-md-9,
.en_de_wrapper .col-lg-9,
.en_de_wrapper .col-xs-10,
.en_de_wrapper .col-sm-10,
.en_de_wrapper .col-md-10,
.en_de_wrapper .col-lg-10,
.en_de_wrapper .col-xs-11,
.en_de_wrapper .col-sm-11,
.en_de_wrapper .col-md-11,
.en_de_wrapper .col-lg-11,
.en_de_wrapper .col-xs-12,
.en_de_wrapper .col-sm-12,
.en_de_wrapper .col-md-12,
.en_de_wrapper .col-lg-12 {min-height: 1px;position: relative;}
.en_de_login_box .en_de_login_box_inner {width: 420px; margin: 0 auto; background: #fff; margin-bottom: 30px; border-radius: 4px; border: 1px solid #f0f0f0; box-shadow: 0 1px 6px 0 #dfe5ee; padding: 20px; }
.en_de_login_box .en_de_login_box_inner h2 {font-weight: 500; margin-bottom: 10px; }
.en_de_login_box .field_wrap textarea.form-control{min-height: 100px;}
.en_de_login_box .en_de-logo {margin: 0 auto 20px;overflow: hidden;text-indent: 100%;white-space: nowrap;}
.en_de_login_box .en_de-logo-long {background: rgba(0, 0, 0, 0) url("../images/developers_logo.png") no-repeat scroll center top / auto 56px;display: block;height: 61px;}
.en_de_login_box .field_wrap{margin-bottom: 10px;position: relative;}
.en_de_login_box .field_wrap > label {color: #767676;display: block;font-weight: 600;margin: 0 0 7px;}
.en_de_login_box .field_wrap > label.error {background: #f72a34 none repeat scroll 0 0;border-radius: 0 0 4px 4px;color: #ffffff;font-size: 13px;margin: -1px 0 0;padding: 4px 10px;}

.en_de_login_box .field_wrap .field_ {
background: #ffffff none repeat scroll 0 0;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 4px;box-shadow: none;box-sizing: border-box;color: #6c7378;direction: ltr;font-family: Helvetica,Arial,sans-serif;font-size: 1em;font-weight: 600;height: 44px;padding: 0 10px;text-overflow: ellipsis;width: 100%;

}
.en_de_login_box .field_wrap.field_button{margin-top: 30px;}
.en_de_login_box .field_wrap.field_button .btn__{-moz-appearance: none;background-color: #88ce35;border: 0 none;border-radius: 4px;box-shadow: none;box-sizing: border-box;color: #ffffff;cursor: pointer;display: block;font-size: 1em;font-weight: 700;padding: 16px 0;text-align: center;text-decoration: none;text-shadow: none;transition: background-color 0.4s ease-out 0s;width: 100%;}
.en_de_login_box .field_wrap.field_button .btn__:hover, .en_de_login_box .field_wrap.field_button .btn__:link:hover, .en_de_login_box .field_wrap.field_button .btn__:visited:hover, .en_de_login_box .field_wrap.field_button .btn__:hover {background-color: #9adc4e;outline: 0 none;}
.en_de_login_box .en_de_login_box_inner .forgotLink a {color: #484848;display: block;font-size: 15px;padding: 10px 0;text-align: center;text-decoration: underline;}
.en_de_login_box .en_de_login_box_inner .forgotLink a:hover{text-decoration: none;}
.loginSignUpSeparator {border-top: 1px solid #cbd2d6;margin: 25px 0 10px;position: relative;text-align: center;}
.loginSignUpSeparator .textInSeparator {background-color: #ffffff;color: #999999;padding: 0 0.5em;position: relative;top: -0.7em;}
a.signup-button, a.signup-button:link, a.signup-button:visited, .signup-button {background-color: #e1e7eb;padding: 11px;color: #2c2e2f;-moz-appearance: none;border: 0 none;border-radius: 4px;box-shadow: none;box-sizing: border-box;cursor: pointer;display: block;font-size: 1em;font-weight: 700;padding: 16px 0;text-align: center;text-decoration: none;text-shadow: none;transition: background-color 0.4s ease-out 0s;width: 100%;}
a.signup-button:hover, a.signup-button:link:hover, a.signup-button:visited:hover, .signup-button:hover, a.signup-button:focus, a.signup-button:link:focus, a.signup-button:visited:focus, .signup-button:focus {background-color: #d2dbe1;}

.en_de_flex {/*display: flex;*/padding-left: 255px;}
.en_de_main_nav_slug {min-width: 17rem;}
.en_de_main_nav {background: #f5f7fa none repeat scroll 0 0;border-right: 1px solid #e4e4e4;bottom: 0;left: 0;overflow-y: scroll;position: fixed;top: 3.75rem;width: 17rem;}
.dx_nav_back {border-bottom: 1px solid #e4e4e4;font-size: 0.9375rem;padding: 1rem 1.5rem;}
.dx_nav_back a {color: #6c7378;padding-left: 1rem;position: relative;}
.dx_nav_back a::before {background: rgba(0, 0, 0, 0) url("../images/arrow-left.svg") no-repeat scroll 0 0;content: "";height: 1rem;left: 0;position: absolute;top: 30%;width: 1rem;}

.dx_nav {font-size: 0.9375rem;list-style: outside none none;padding: 0;}
.dx_nav_1 {padding: 1.5rem; padding-bottom: 50px;}
.dx_nav_1_title, .dx_nav_heading {color: #1e2021;font-family: "PayPal Sans Big","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 1.0625rem;font-weight: 500;}
.dx_nav a {color: #6c7378;display: inline-block;font-size: 15px;}
.dx_nav_active .dx_nav_heading a, .dx_nav_active_parent .dx_nav_heading a, .dx_nav_active_parent > a, .dx_nav_active > a {color: #1e2021;font-weight: 500;}
.dx_nav_2 {margin-top: 1rem;}
.dx_nav_2 li, .dx_nav_3 li, .dx_nav_4 li, .dx_nav_5 li {margin-top: 0.625rem;}
.dx_nav_subheading {color: #6c7378;font-size:14px !important;font-weight: 600;letter-spacing: 1px;margin-bottom: 15px !important;text-transform: uppercase;}
.dx_nav_3, .dx_nav_4, .dx_nav_5 {border-left: 3px solid #e4e4e4;display: none;font-size: 0.8125rem;padding-left: 0.75rem;}

.docs_content{width: 100%; min-height: 100vh;}
.docs_content_inner{margin: 0 auto;float: none;padding: 1rem 1.5rem 0;}
/* pre {background-color: #1e2021;border: 0 none;border-radius: 0;color: #f5f7fa;font-size: 0.875rem;line-height: 1.5;margin: 1.5rem 0;padding: 1.5rem;display: block;word-break: break-all;word-wrap: break-word;} */
pre code {border: 0 none !important;border-radius: 0 !important;font-size:14px !important;font-weight: 400 !important;white-space: pre-wrap;}
pre code.hljs {display: block !important; overflow-x: auto !important; border-radius: 8px !important; padding: 20px 20px !important; }
pre{margin-bottom: -10px !important; font-size: 14px !important;}
blockquote {margin: 1.2rem 0 !important;border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); font-size: 1.0625rem; padding: 1.25rem 1.25rem; position: relative; border-color: #b9d15f; border-left: 1px solid #b9d15f; background-color: #f9fbf1; }

blockquote code{background: #ffffff none repeat scroll 0 0;color: #1e2021;font-size: 0.875rem;font-weight: 700;font-family: bt_mono,"Courier New",monospace;border-radius: 4px;border: 1px solid #e4e4e4;padding: 8px;}
hr{margin:30px 0 !important; opacity: 1 !important;}
blockquote[rel]::after {background: #88ce35 none repeat scroll 0 0;border-radius: 2px;color: #fff;content: attr(rel);font-size: 0.7em;font-weight: bold;height: auto;line-height: 18px;padding: 3px 10px;position: absolute;right: 5px;text-align: center;text-transform: uppercase;top: 5px;width: auto;}
blockquote a{color: #88ce35 !important;}
.en_de_main_nav.dx-mobile-nav hr{margin: 15px 0 !important;}
.docs_content p, .docs_content li {color: #51534A; font-weight:400;}
.docs_content h1, .docs_content h2, .docs_content h3, .docs_content h4, .docs_content h5, .docs_content h6{margin-bottom: 20px;margin-top: 15px;}
.docs_content h2{font-size: 1.7rem;}
.table_{display: table;width: 100%;}
.table_row_ {display: table-row;width: 100%;}
.table_row_:nth-child(2n+2) {background: rgba(0,0,0, 0.02);
}
.table-cell{display: table-cell;vertical-align: middle;width:29%;}
.cell-item{padding: 10px;color: #484848;}
.table_ .thead .cell-item{text-transform: uppercase;font-size: 14px;color: #999;}
.table_ .border{border: 1px solid rgba(0,0,0, 0.05);}
.table_ .bordertop{border-top: 0 none;}
.table_ .borderbottom{border-bottom: 0 none;}
.table_ .borderleft{border-left: 0 none;}
.table_ .borderright{border-right: 0 none;}


/*.table_ .thead .table-cell:nth-child(1){width: 20%;}
.table_ .thead .table-cell:nth-child(2){width: 30%;}
.table_ .thead .table-cell:nth-child(3){width: 30%;}
.table_ .thead .table-cell:nth-child(4){width: 20%;}
*/

.active_nav_{color: #88ce35 !important;}
#app-listing .copy-ico {float: right; position: absolute; right: 3px;top: 0;}
#app-listing .copy-btn font{position: relative;padding-right: 30px;display: block;}
#app-listing .copy-ico img {width: 27px; background: #fff;border: 1px solid #9adc4e;}
#app-listing .copy-btn {background-color: #e9ebee; border: 1px solid #dddfe2; border-radius: 2px; color: #4b4f56;
font-size: 14px; line-height: 38px; overflow: auto; margin-top: 6px; padding: 0 4px 0 8px; position: relative;}
#app-listing input[type="radio"], input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;line-height: normal;}
#app-listing .cmn-toggle {position: absolute;margin-left: -9999px;visibility: hidden;}
#app-listing input.cmn-toggle-round-flat:checked + label {background-color: #9adc4e;}
#app-listing input.cmn-toggle-round-flat + label {padding: 2px;width: 75px; height: 30px; background-color: #666;-webkit-border-radius: 60px;
   -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px;
   -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s;transition: background 0.4s;}
#app-listing .cmn-toggle + label {display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none;
   -moz-user-select: none; -ms-user-select: none; user-select: none;}
#app-listing input.cmn-toggle-round-flat + label::before {top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #fff; -webkit-border-radius: 60px;
   -moz-border-radius: 60px;-ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s;     -moz-transition: background 0.4s;
   -o-transition: background 0.4s;transition: background 0.4s;}
#app-listing input.cmn-toggle-round-flat + label::before, input.cmn-toggle-round-flat + label::after {display: block;position: absolute;content: "";}
#app-listing input.cmn-toggle-round-flat:checked + label::after {margin-left: 45px;background-color: #9adc4e !important;}
#app-listing input.cmn-toggle-round-flat + label::after {top: 4px;left: 4px;bottom: 4px;width: 22px;background-color: #dddddd;-webkit-border-radius: 52px;-moz-border-radius: 52px;
   -ms-border-radius: 52px;-o-border-radius: 52px; border-radius: 52px; -webkit-transition: margin 0.4s, background 0.4s;-moz-transition: margin 0.4s, background 0.4s;
   -o-transition: margin 0.4s, background 0.4s; transition: margin 0.4s, background 0.4s;}
/* #app-listing .copy-btn .copy-ico{position: } */
/*#app-listing .table_ .thead .table-cell:nth-child(3) {width: 35%;}*/


.active_btn {color : #88ce35 !important;}
.sidebar_active{color: #070707 !important;}
.action-btn .btn-enable {background: #88ce35; color: #fff; border-radius: 20px;}
.action-btn .btn-disable {background: #fff; color: #333; border-radius: 20px; border: 1px solid #ddd;}
.action-btn button {width: 70px;}


/*ANKIT REFIX*/
blockquote code{display: inline-block;word-break: break-word;}
.table_container .cell-item{word-break: break-word;}
code{font-size: 16px !important;}

.pl-20{padding-left: 20px;font-size: 15px;}
.pl-40{padding-left: 40px;font-size: 15px;}
/*ANKIT REFIX*/

@media(max-width: 1280px){
   .vdo_title{min-height: 56px;}
}

@media(max-width: 1024px){ 
.dev_header_ .header__nav {padding-left: 7.7rem;}
.vdo_con iframe{height: auto;}
}

@media(max-width: 980px){
.dev_header_ .header_brand_{background: rgba(0, 0, 0, 0) url("../images/developers_logo2.png") no-repeat scroll 0 0.6rem / 2.575rem 2.75rem;width: 4rem;}
.dev_header_ .header__nav {background: #f5f7fa none repeat scroll 0 0;flex-wrap: wrap;height: 100%;left: 0;overflow-y: scroll;padding-bottom: 6rem;padding-left: 0;place-content: flex-start;position: fixed;right: 0;top: 3.75rem;width: 100%;}
.dev_header_ .dx-mobile-nav, .dev_header_ .header__nav {cursor: pointer;transform: scaleY(0);transform-origin: center top 0;transition: all 0.15s ease-out 0s;}
.dev_header_ .dx-trigger-nav-0 {cursor: pointer;display: initial;position: relative;text-indent: -50rem;width: 4rem;}
.dev_header_ .header_brand_, .dev_header_ .header__block {border-right: 1px solid #e4e4e4;}
.dev_header_ .dx-trigger-nav-0:after, .dev_header_ .dx-trigger-nav-0:before {border: solid #1e2021;border-width: 2px 0;content: '';height: 8px;left: 50%;margin-left: -10px;margin-top: -4px;position: absolute;top: 46%;width: 20px;}
.dev_header_ .dx-trigger-nav-0:after, .dev_header_ .dx-trigger-nav-0:before {border: solid #1e2021;border-width: 2px 0;content: '';height: 8px;left: 50%;margin-left: -10px;margin-top: -4px;position: absolute;top: 45%;width: 20px;}
.dev_header_ .dx-trigger-nav-0::after {margin-top: 2px;}
.dev_header_, .header__block {height: 3.75rem;}
.dx-nav-open-0 .dev_header_ .header__nav {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}

.dx-trigger-nav-2 {cursor: pointer;display: initial !important;height: 3.75rem;left: 10rem;line-height: 3.75rem;overflow: hidden;padding-left: 1rem;position: fixed;right: 0;top: 0;transition: all .15s ease-out;z-index: 10;}
.dx-trigger-nav-2:after, .dx-trigger-nav-2:before {content: '';position: absolute;}
.dx-trigger-nav-2:before {background-color: #fff;border-left: 1px solid #e4e4e4;bottom: .5rem;right: 0;top: .5rem;width: 2.6rem;z-index: 1;}
.dx-trigger-nav-2:after {border: .3rem solid;border-color: transparent #1e2021 #1e2021 transparent;right: 1rem;top: 1.3rem;-webkit-transform: scaleX(.75) rotate(45deg);-ms-transform: scaleX(.75) rotate(45deg);transform: scaleX(.75) rotate(45deg);transition: .15s ease-out;z-index: 2;}

.en_de_main_nav.dx-mobile-nav {cursor: pointer;transform: scaleY(0);transform-origin: center top 0;transition: all 0.15s ease-out 0s;}
.dx-nav-open-2 .en_de_main_nav.dx-mobile-nav {transform: scaleY(1);}
.en_de_main_nav.dx-mobile-nav {background: #f5f7fa none repeat scroll 0 0;height: 100%;left: 0;bottom: 0;overflow-y: scroll;padding-bottom: 4rem;position: fixed;right: 0;top: 3.75rem;width: 100%;z-index: 11;}



.dev_header_ .header__nav--left, .dev_header_ .header__nav--right {align-items: center;display: flex;}
.dev_header_ .header__nav--left, .dev_header_ .header__nav--right {flex-direction: column;width: 100%;}
.dev_header_ .dx-nav-0-docs {order: 2;}
.dev_header_ .dx-nav-0 {width: 100%;}
.dev_header_ .header__search {margin-top: 2.5rem;padding-left: 1.5rem;padding-right: 1.5rem;padding-top: 1.5rem;display: flex;width: 100%;}
.dev_header_ .dx-search-input {padding: 0.75rem 1rem !important;width: 100% !important;}
.dev_header_ .dx-nav-0-item {float: left;list-style: outside none none;}
.dev_header_ .dx-nav-0-item {border-bottom: 1px solid #e4e4e4;width: 100%;}
.dev_header_ .dx-nav-0-link {font-weight: 400;color: #6c7378;display: block;font-size: 0.9375rem;height: 3.75rem;line-height: 3.75rem;margin-right: 1.5rem;position: relative;}
.dev_header_ .dx-nav-0-link {padding: 0 1.5rem;width: 100%;}
.dev_header_ .dx-auth-login {margin-left: 1rem;margin-top: 1rem;}

/*API_FINANCIAL_QUIZ PAGE*/
.en_de_main_nav_slug{display: none;}
/*API_FINANCIAL_QUIZ PAGE*/

/*DASHBOARD*/
.table_medium .cell-item h4{font-size: 18px;}
/*DASHBOARD*/

.vdo_con iframe{width: 100%;min-height: 480px;}
.vdo_title{min-height:auto;}
.vdo_con .col-md-6:nth-of-type(1){margin-bottom: 50px;}

.en_de_flex{padding-left: 0;}
}

@media(max-width:768px){
/*header*/
.vdo_con iframe{width: 100%;min-height: 350px;}
/*header*/

/*DASHBOARD*/
.table_container.table_medium .table_row_.thead{display: none;}
.table_container.table_medium .table_row_{display: block;margin-bottom: 15px;}
.table_container.table_medium .table-cell{position: relative;display: block;padding-top: 30px;}
.table_container.table_medium .table-cell h4,.table_container.table_medium .table-cell h4 strong{margin: 0;font-size: 14px;font-weight: 500;}
.table_container.table_medium .table-cell:first-child:before{position: absolute;content: "App Name";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container.table_medium .table-cell:nth-child(2):before{position: absolute;content: "App Id";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container.table_medium .table-cell:nth-child(3):before{position: absolute;content: "App secret";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container.table_medium .table-cell:nth-child(4):before{position: absolute;content: "Web domain";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container.table_medium .table-cell:nth-child(5):before{position: absolute;content: "API Status";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container.table_medium .table-cell:nth-child(6):before{position: absolute;content: "Action";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
/*DASHBOARD*/

}

@media(max-width: 640px){ 
.en_de_main_nav_slug {min-width: 1rem;}
#app-listing .table_ {display: block; width: 100%; overflow-y: scroll;}
}

@media(max-width:560px){
/*TABLE STANDRAD*/
.table_container .table_row_{display: block;margin-bottom: 5px;}
.table_container .table_row_.thead{display: none;}
.table_container .table-cell{position: relative;display: block;padding-top: 30px;}
.table_container .table-cell:first-child:before{position: absolute;content: "TITLE";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container .table-cell:nth-child(2):before{position: absolute;content: "DESCRIPTION";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container .table-cell:nth-child(3):before{position: absolute;content: "API";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
.table_container .table-cell:nth-child(4):before{position: absolute;content: "UNIQUE ID";left: 0;display: block;top: 0;padding: 10px;width: 100%;color: #000;font-weight: bold;text-transform: uppercase;}
/*TABLE STANDRAD*/

.vdo_con iframe{min-height: 250px;}
}


@media(max-width:480px){
.vdo_con iframe{min-height: auto;}
.vdo_con br{display: none;}
.vdo_con .col-md-6:nth-of-type(1){margin-bottom: 30px;}

}

@media(max-width: 360px){ 
.en_de_login_box .en_de_login_box_inner {max-width: 100%;}
.en_de_main_nav_slug {min-width: 0rem;}
} 

@media(max-width: 320px){ 
.en_de_login_box .en_de_login_box_inner {max-width: 100%;}
.en_de_wrapper .login-cotent  {margin-top: 80px;}
} 

.dev-courses-tab .card {position: relative; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); margin: auto; max-width: 300px; } 
.dev-courses-tab .card-image-container {width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.dev-courses-tab .card-image {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.dev-courses-tab .card-heading {font-size: 1.1em !important;margin: 6px 10px; text-align: center; height: 100%; min-height: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.dev-courses-tab .card-description {padding: 0 16px 16px; color: #555; }
.dev-courses-tab ul{ display: flex; flex-wrap: nowrap; padding-right: 20px;}
.dev-courses-tab ul li .nav-link{display: flex; align-items: center; position: relative; font-size: 16px; padding: 6px 10px; border-radius: 8px; font-weight: 400; color: #757070; background: #fff; width: 100%; border: 1px solid #d5d5d5; box-shadow: 0 4px 15px #00000024; }
.dev-courses-tab ul li .nav-link.active  span {color: #ffffff; }
.dev-courses-tab ul {gap: 10px; border: 0; }
.dev-courses-tab ul li .nav-link.active {background-color:#9fba3a ; border-color:#9fba3a; color: #ffffff !important; }
.dev-courses-tab li.nav-item{ margin-bottom:10px;}
.tab-nav--link {display: flex; align-items: center; gap: 6px; }
.tab-content-row {display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-left: -8px; margin-right: -8px; margin-bottom: 20px; margin-top: 25px; }
.dev-courses-tab li .icon-tn {width: 40px; height: 40px; position: relative; background-color: #0000001c; border-radius: 2000px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #3a3838; }
.dev-courses-tab li .tab-details {width: calc(200px - 40px); display: flex; align-items: center; line-height: 1.3; height: 46px; font-size: 14px; font-weight: 600; justify-content: center; }
.tab-content-row .tab-content-col {width: calc(20% - 15px);}
.blockquote-card {border: 1px solid #DCDCDC; border-top: 2px solid #9FBA3A; background-color: #F9FBF1; margin-bottom: 15px;}
.blockquote-card .blockquote-left-col {width: calc(100% - 300px); border-right: 1px solid #CCCCCC; }
.blockquote-card .blockquote-right-col {width: 300px;}
.blockquote-card .blockquote-left-col, .blockquote-card .blockquote-right-col{padding: 14px 24px;}
.blockquote-card .heading {font-size: 20px; font-weight: bold; color: #4D4D4D; margin-bottom: 6px; }
.sub-heading {font-size: 18px; font-weight: bold; color: #4D4D4D; margin-bottom: 6px; }
.blockquote-card p {margin: 0 !important; }
.blockquote-card a{color: #9FBA3A; font-weight: 600; margin-bottom: 6px;transition: 0.3s;}
.blockquote-card a:hover, .blockquote-card a:active, .blockquote-card a:focus{text-decoration: underline !important;transform: translate(5px, 0);}
.blockquote-card a i {padding-right: 6px;}
.blockquote-card .blockquote-left-col ol{ padding-left: 20px;margin-bottom: 0;}
.blockquote-card .sub-list{list-style: square;}
.vdo_card {box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.09); padding: 16px; border-radius: 8px; /* border: 1px solid #efefefcc; */ }
.docs_content_inner .pl-0 {padding-left: 0 !important; }
.docs_content_inner .pr-0 {padding-right: 0 !important; }
.api_completion_certificate ol{ margin-top: 10px !important;}
.api_completion_certificate ol > li {margin-bottom: 6px !important; margin-top: 6px !important; width: 100%; }
.card.code-panel-card {background: #282b2e; }
.code-panel-card .card-header{display: flex;flex-wrap: wrap;background: #3e444f; color: #ffffff !important;}
.code-panel-card .copy-btn{margin-left: auto; background-color: #282b2e; padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; font-size: 14px; display: flex; align-items: center;    border-radius: 4px; line-height: 1.5; } 
.code-panel-card .card-header .title span {color: #88ce35; font-weight: 600; }
.code-panel-card .title-sub {color: #ffffff; font-weight: 500; }
.field_wrap .invalid-feedback {display: block; width: 100%; margin-top: .25rem; font-size: .875em; color: var(--bs-form-invalid-color); }
body .mb-0 {margin-bottom: 0 !important; }
.alert-warning{color: #664d03 !important;}
section.en_de_section.section_1{min-height:calc(100vh - 100px); }

.en_de_section.section_1 .ps-2.pe-2 {padding-right: 12px !important; padding-left: 12px !important; }
.overview-section .card-title{letter-spacing:inherit !important;}
@media(max-width: 1599px){ 
.sub-heading { font-size: 16px;}
.tab-content-row{gap: 10px;}
.tab-content-row .tab-content-col {width: calc(25% - 10px);}
.dev-courses-tab .card-heading {font-size: 1.0em !important;}

}

@media(max-width: 1440px){ 
.blockquote-card .blockquote-left-col, .blockquote-card .blockquote-right-col { padding: 12px 12px; }
.blockquote-card .blockquote-right-col {width: 280px; }
.blockquote-card .blockquote-left-col {width: calc(100% - 280px); border-right: 1px solid #CCCCCC; }
.tab-content-row .tab-content-col { width: calc(25% - 10px)}

}
@media(max-width: 1200px){ 
.tab-content-row .tab-content-col {width: calc(33.33% - 10px); }
.card.code-panel-card{margin-bottom: 20px; margin-top: 20px; }
.col-md-12.col-lg-12.col-xl-6.pl-0, .col-md-12.col-lg-12.col-xl-6.pr-0 {padding-right: 0 !important; padding-left: 0 !important; }
}

@media(max-width:767px){ 
   .blockquote-card .blockquote-left-col {
      width: 100%;
      border-bottom: 1px solid #CCCCCC;
  }
}

td.hljs-ln-numbers {
   position: sticky;
   left: 0;
   user-select: none;
   text-align: center;
   color: #cccccc6b;
   border-right: 1px solid #cccccc1c;
   vertical-align: top;
   padding-right: 10px !important;
   padding-left: 10px !important;
 }
 .code-panel-card code {
   color: #88ce35 !important;
}