body,h1,h2,h3,div,p,input,textarea{font-family: "Helvetica Neue", "Helvetica", "Arial", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "PingFang SC", sans-serif; color: #1f3349;}
.clr{clear: both;}
.r{text-align: right;}
.l{text-align: left;}
a{color: #2e78bd;}
a:hover,:focus{color: #2e78bd;}


body{background-color: #F5F7FB; padding-top: 80px;}
.container{position: relative; width: 994px; padding: 0px 15px;}
.container_popup{background: #fff; max-width: 500px; margin: 30px auto 50px; border-radius: 15px; padding: 20px 60px 50px; border: 1px solid #E5E5E5; box-shadow: 0px 2px 20px rgba(30, 54, 72, 0.14);}
.notie-textbox-inner{color: #fff;}


#global_map{border-top:0px; min-height: 500px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#285A78), to(#224F71));}
#global_map h2{margin:50px 0 0px; font-weight: 400; font-size: 28px; color: #fff; width:100%; text-align:center; letter-spacing: 1px;}
#global_map p{margin:0 0 10px; font-weight: 300; font-size: 12px; color: rgba(255, 255, 255, 0.7);; width:100%; text-align:center; letter-spacing: 1px;}
#map_chart{width: 960px; height:500px; margin: 0 auto;}

.feature h3{font-size: 30px;}
.feature p{font-size: 18px; line-height: 30px; font-weight: 400; color: #707070;}

.form-group{margin-bottom: 30px;}

.terms_accept_group input{width: 20px; float: left;}
.terms_accept_group label{width: 350px; float: right; user-select: none; -webkit-user-select:none;}
.terms_accept_group a{text-decoration: underline; }

.feature h2{font-size: 32px; font-weight: 600; text-align: center;}

#api_feature_pricing{background: #F2F2F2; padding: 40px 0 80px;}
#api_feature_pricing .pricing-item{width: 280px; height: 330px; margin-top: 40px; border-radius: 15px; background: #fff; overflow: hidden;}
#api_feature_pricing .pricing-developer{float: left; margin-left: 190px;}
#api_feature_pricing .pricing-enterprise{float: right; margin-right: 190px;}
#api_feature_pricing .pricing-item h3{height: 50px; margin: 0px; color: #fff; font-weight: 400; font-size: 18px; text-align: center; line-height: 50px;}
#api_feature_pricing .pricing-developer h3{background: #329A9E;}
#api_feature_pricing .pricing-enterprise h3{background: #236BA2;}

#api_feature_pricing .pricing-developer h4{font-size: 36px;}
#api_feature_pricing .pricing-enterprise h4{font-size: 30px;}

#api_feature_pricing .pricing-item h4{color: #000000; font-weight: 600; text-align: center; line-height: 50px; margin: 30px 0 20px;}
#api_feature_pricing .pricing-item h4 span{color: #424242; font-weight: 400; font-size: 15px; line-height: 50px; margin-left: 10px;}

#api_feature_pricing .pricing-item ul{list-style: square;}
#api_feature_pricing .pricing-item li{color: #444444; font-size: 16px; line-height: 36px;}


#api_feature_customer{background: #fff; padding: 40px 0 40px;}
#api_feature_customer p{color: #666666; letter-spacing:0.2px; margin-top: 20px; text-align: center; font-size: 16px; line-height: 24px;}
#api_feature_customer .pic{width: 100%; height: 300px; margin: 30px 0 0; background-image: url("images/customers.jpg"); background-size: contain; background-repeat: no-repeat; background-position: center center;}

#api_feature_getstart{background: #272D30; padding: 40px 0 40px;}
#api_feature_getstart h2{font-size: 32px; font-weight: 600; text-align: center; color: #fff;}
#api_feature_getstart p{text-align: center; margin-top: 20px; color: #eee; font-size: 16px; line-height: 24px;}
#api_feature_getstart .btns{text-align: center; margin: 80px 0 50px;}
#api_feature_getstart .btns .start_btn{display: inline-block; margin: 0 20px; width: 200px; height: 50px; text-align: center; border-radius: 25px;}
#api_feature_getstart .btns .start_btn span{display: inline-block; padding-left: 35px; font-weight: 900; margin-top: 13px; font-size: 16px; background-size: contain; background-repeat: no-repeat;}
#api_feature_getstart .btns .sign_up{background:#45A145; border: 1px solid #5DB85D;}
#api_feature_getstart .btns .sign_up:hover{background:#4EBA4E;}
#api_feature_getstart .btns .sign_up span{background-image: url("images/sign_up.png"); color: #fff;}
#api_feature_getstart .btns .doc{background:#1E527F; border: 1px solid #256FAE;}
#api_feature_getstart .btns .doc:hover{background:#286BA4;}
#api_feature_getstart .btns .doc span{background-image: url("images/doc.png"); color: #fff;}
#api_feature_getstart .btns .contact_us{background:#FFF; border: 1px solid #BDBDBD;}
#api_feature_getstart .btns .contact_us:hover{background:#eee; }
#api_feature_getstart .btns .contact_us span{background-image: url("images/contact_us.png"); color: #000;}

.navbar-default{border: 0;}
.navbar-header{margin-left: 0px;}
.navbar-default .navbar-collapse{padding-right: 30px;}
.navbar-brand {padding: 20px 15px;}
.navbar-brand img{height: 40px;}
.navbar-nav{margin: 0 0px 0 0px; float: right;}
.navbar-nav > li > a{line-height: 50px; padding: 15px 20px;}
.navbar-default .navbar-nav > li > a {color: #263D56; font-weight: 700; font-size: 14px;}
.navbar-default .navbar-nav > li > a:hover {color: #4264fb;}
.navbar-form{margin: 25px 0 0; padding: 0;}
.navbar-form .btn_form{display: inline-block; text-decoration: none; margin: 0px 3px; padding: 0 15px; font-size: 12px; font-weight: 700; line-height: 28px; border-radius: 16px;}
.navbar-form .btn_normal{color: #263D56; background: #fff; border: 1px solid #5A6775;}
.navbar-form .btn_normal:hover{background:#eee;}
.navbar-form .btn_green{color: #fff; background: #45A145; border: 1px solid #3e874e;}
.navbar-form .btn_green:hover{background:#4EBA4E;}

.navbar-default{background: rgba(245,247,251,0.96);}
.navbar-default .navbar-nav > .open > a{/* background: #eceff3; */}

.lang-list .dropdown-menu{min-width: 125px;}
.lang-list{margin-right: 60px;}
.lang-list .caret{margin-left: 25px;}
.lang-list > ul > li > a, .lang-list > a {padding: 10px 10px 10px 52px; background-repeat: no-repeat; background-position: 20px; 50%; background-size: 24px 16px;}
.lang-list > ul > li > a.en, .lang-list > a.en {background-image: url("images/flags/uk.png"); }
.lang-list > ul > li > a.fr, .lang-list > a.fr {background-image: url("images/flags/fr.png"); }
.lang-list > ul > li > a.de, .lang-list > a.de {background-image: url("images/flags/de.png"); }
.lang-list > ul > li > a.ja, .lang-list > a.ja {background-image: url("images/flags/jp.png"); }
.lang-list > ul > li > a.ko, .lang-list > a.ko {background-image: url("images/flags/ko.png"); }
.lang-list > ul > li > a.zh-Hans, .lang-list > a.zh-Hans {background-image: url("images/flags/cn.png"); }
.lang-list > ul > li > a.zh-Hant, .lang-list > a.zh-Hant {background-image: url("images/flags/hk.png"); }

.settings-list .dropdown-menu{min-width: 100px;}
.settings-list .caret{margin-left: 0px;}
.settings-list > ul > li > a, .lang-list > a {padding: 13px 10px 13px 10px; text-align: center;}

.dropdown-menu > li > a{color: #263D56; font-weight: 700; font-size: 13px;}
.dropdown-menu > li > a:hover {color: #4264fb; background-color:inherit;}

.table-bordered > thead > tr > th{text-align: center;}
.table-bordered tr th, .table-bordered tr td{font-size: 14px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;}

.btn-block{font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,0.1); cursor: pointer;}
.btn-block:hover{}

.verify_email_wrapper{max-width: 640px; margin: 80px auto; padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
.verify_email_wrapper h3{margin: 0 0 20px; font-size: 22px;}
.verify_email_wrapper p{margin: 0 0 20px;}

.sub_block_wrapper{border: 0px solid #ececec; border-radius: 15px; box-shadow: 0px 2px 20px 0px rgba(30, 54, 72, 0.14); padding: 30px 30px 20px; background: #fff;}
.sub_block_wrapper h4{padding-bottom: 0px; margin: 0 0 20px; font-size: 22px; border-bottom: 0px solid #eee; color: #1F3349;}

.detail_main_col{float: left; position: relative; width: 650px; margin-right: 20px; padding: 0px;}
.detail_side_col{float: left; width: 290px; padding: 0px;}

.api_token_wrapper{position: relative; margin: 0 0 40px;}

.token_detail{border-radius: 10px; background: #F4F5F6; margin-bottom: 20px; border: 1px solid #fff;}
.token_row{display: block; height: 70px; position: relative;}
.token_row_name{display: inline-block; color: #3C4860; position: absolute; top: 26px; left: 20px; font-size: 14px; font-weight: 700;}
.token_row_content{display: inline-block; #3C4860; position: absolute; top: 26px; left: 20px; width: 600px; font-size: 13px; font-weight: 400; border: none; background: transparent;}
.token_row_content:focus{border: none; outline: none;}
.token_copy_btn{display: inline-block; cursor: pointer; border: 0px; border-radius: 5px; text-align: center; position: absolute; background: #4D6EFC; top: 22px; right: 20px; height: 30px; width: 30px;}
.token_copy_btn:hover{background: #3e5ce0;}
.token_copy_btn .glyphicon{color: #fff; font-size: 16px; top: 7px;}
.bottom_border{border-bottom: 1px solid #e2e8eb;}

.api_token_gen_time{}
.api_token_gen_time span{float: right; margin-right: 10px; font-weight: 400; font-size: 12px; line-height: 24px; color: #444444; display: inline-block;}
.api_token_gen_time .btn{float: right; font-size:12px; font-weight: 500; padding: 2px 14px; border-radius: 20px;}

.update_info{position: relative; margin-top: 50px; margin-bottom: 10px; padding: 20px; background: #FEFBEB; border: 1px solid #F5E79E; border-radius: 10px;}
.update_info h3{font-size: 14px; color: #8A6D3A; margin: 0px 0px 10px;}
.update_info p{font-size: 13px; color: #241F16; margin: 0px 0px 0px; width: 420px;}
.update_info .btn{display: block; position: absolute; top: 50%; right: 30px; margin-top: -15px; padding: 6px 20px; font-size: 12px; font-weight: 700; color: #fff; border-radius: 20px; }


.api_token_wrapper .main_brief .btn{float: right; margin-left: 10px; margin-top: 5px; font-weight: 500; font-size: 12px;}

.api_token_wrapper .plan_title{font-weight: 600; font-size: 24px; line-height: 32px; position: absolute; margin: 0px;}
.api_token_wrapper .plan_title span{font-weight: 600;}

.api_token_wrapper .expire_time{font-weight: 400; font-size: 12px; position: absolute; top: 45px; color: #777;}
.api_token_wrapper .expire_time span{font-weight: 400; margin-right: 10px;}
.api_token_wrapper .expire_time span.glyphicon{font-weight: 100; margin-right: 5px;}
.api_token_wrapper .expire_time .auto-renew{color: #fff; background: #66c263; border-radius: 4px; font-weight: 500; padding: 2px 6px;}
.api_token_wrapper .expire_time .canceled{color: #fff; background: #cf3d3a; border-radius: 4px; font-weight: 500; padding: 2px 6px;}


#stats_chart{width: 100%; height:400px; margin: 0 auto;}

.stats_wrapper{margin-bottom: 20px;}
.stats_wrapper .content{overflow: hidden;}
.stats_wrapper .nav > li > a{padding: 6px 10px; font-size: 12px; font-weight: 500;}
.stats_wrapper .nav > li + li{margin-left: 8px;}
#empty_stats{ margin: 50px 0px; text-align: center; display: none;}


.excess_wrapper{margin-bottom: 30px;}
.excess_wrapper .content{width: 320px; height: 430px;}

.invoices_wrapper{margin-bottom: 20px;}
.invoices_wrapper h4{padding-bottom: 0px;}
.invoices_wrapper .content{text-align: right;}
.invoices_wrapper .content table{border-left: 0px solid #EBEBEB; border-top: 0px solid #EBEBEB; width: 100%; font-size: 12px;}
.invoices_wrapper .content table tr:hover{background: #fafafa;}
.invoices_wrapper .content table tr:hover td{cursor: pointer;}
.invoices_wrapper .content table td, .invoices_wrapper .content table th{border-right: 0px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 12px 8px;}
.invoices_wrapper .empty{margin: 50px 0px; text-align: center;}
.invoices_wrapper .content table th{font-size: 14px; font-weight: 600; color: #1F3349;}
.invoices_wrapper .content table td{font-size: 13px; font-weight: 400; color: #1F3349; line-height: 24px;}
.invoices_wrapper .content table td.status .glyphicon{padding: 3px; top: 0px; border-radius: 10px; font-size: 8px; background: #00AB5B; color: #fff; margin-right: 5px;}
.invoices_wrapper .content table td.status .glyphicon-exclamation-sign{padding: 0px; top: 3px; font-size: 15px; background: #fff; color: #F2463D;}
.invoices_wrapper .content table td.status .title{color: #00AB5B; font-weight: 600;}
.invoices_wrapper .content table td.status .title_warn{color: #F2463D; font-weight: 600;}
.invoices_wrapper .content table strong{font-weight: 500px;}

.invoice_wrapper .content{position: relative;}
.invoice_wrapper .content .basic_info{width: 600px;}
.invoice_wrapper .content .basic_info h4{font-size: 13px; font-weight: bold;}
.invoice_wrapper .content .basic_info td{width: 600px; padding: 15px 5px;}
.invoice_wrapper .content .basic_info p{font-size: 13px; margin-bottom: 5px;}
.invoice_wrapper .content .invoice_id_block{}
.invoice_wrapper .content .invoice_date_block{}
.invoice_wrapper .content .billed_from_block{}
.invoice_wrapper .content .billed_to_block{}

.invoice_wrapper .content .lines_table{width: 500px;}
.invoice_wrapper .content .lines_table th{font-size: 13px; font-weight: bold; line-height: 40px; border-bottom: 1px solid #D3D3D3;}
.invoice_wrapper .content .lines_table th:last-child{width: 130px;}
.invoice_wrapper .content .lines_table td{font-size: 13px; line-height: 40px;}
.invoice_wrapper .content .lines_table td.bd{border-bottom: 1px solid #D3D3D3;}
.invoice_wrapper .content .amout_due{width: 200px; background: #F4F4F4; border-radius: 15px; padding: 15px 10px; text-align: center; line-height: 36px; position: absolute;  top:0px; right: 0px;}
.invoice_wrapper .content .amout_due h4{font-size: 14px; color: #1F3349; font-weight: bold;}
.invoice_wrapper .content .amout_due .number{font-size: 24px; color: #1F3349; font-weight: bold;}
.invoice_wrapper .content .contact_us{margin-top: 50px;}
.invoice_wrapper .status{color: #4164FB;}
.invoice_wrapper .status .glyphicon{padding: 3px; top: -1px; border-radius: 10px; font-size: 8px; background: #00AB5B; color: #fff; margin-right: 5px;}
.invoice_wrapper .status .glyphicon-exclamation-sign{padding: 0px; top: 3px; border-radius: 10px; font-size: 15px; background: #fff; color: #F2463D; margin-right: 5px;}
.invoice_wrapper .status .title{color: #00AB5B; font-weight: 600;}
.invoice_wrapper .status .title_warn{color: #F2463D; font-weight: 600;}


.all_invoices_btn{display: inline-block; cursor: pointer; font-size: 13px; margin-top: 15px; margin-right: -12px; padding: 0px 12px; border: 0px; border-radius: 5px; text-align: center; height: 28px; line-height: 28px; color: #4D6EFC; font-weight: 400;}
.all_invoices_btn:hover{background: #eeeff7; color: #4D6EFC; text-decoration: none;}
.all_invoices_btn .glyphicon{color: #4D6EFC; font-size: 12px; top: 2px; left: 2px;}


.back_btn{display: inline-block; cursor: pointer; font-size: 14px; margin: 30px -20px -30px; border: 0px; text-align: center; height: 28px; line-height: 28px; color: #4D6EFC; font-weight: 400;}
.back_btn:hover{color: #eeeff7; text-decoration: none;}
.back_btn .glyphicon{font-size: 12px; top: 1px; left: 2px;}

.download_btn{display: block; background: #4D6EFC; cursor: pointer; padding: 6px 15px; font-size: 13px; position: absolute; right: 96px; border-radius: 20px; border: 0px; text-align: center; color: #FFF; font-weight: 400;}
.download_btn:hover, .download_btn:active, .download_btn:visited, .download_btn:focus{background: #6380ff; text-decoration: none; color: #fff;}
.download_btn .glyphicon{font-size: 12px; top: 1px; background: inherit; margin-right: 2px;}
.download_btn:hover .glyphicon{background: inherit;}

.pay_btn{display: block; background: #00AB5B; margin: 10px auto 10px; width: max-content; cursor: pointer; padding: 0px 30px; line-height: 34px; font-size: 16px; border-radius: 30px; border: 1px; text-align: center; color: #FFF; font-weight: 400;}
.pay_btn:hover, .pay_btn:active, .pay_btn:visited, .pay_btn:focus{background: #0dbe6b; text-decoration: none; color: #fff;}
.pay_btn .glyphicon{font-size: 16px; top: 3px; background: inherit; margin-right: 5px;}
.pay_btn:hover .glyphicon{background: inherit;}

.billing_wrapper{margin-bottom: 30px;}
.billing_wrapper .content{text-align: right;}
.billing_wrapper .content table{width: 100%; font-size: 13px; border-left: 0px solid #EBEBEB; border-top: 0px solid #EBEBEB;}
.billing_wrapper .content table td, .billing_wrapper .content table th{padding: 12px 8px; border-right: 0px solid #EBEBEB; border-bottom: 1px solid #E6E6E6; }
.billing_wrapper .content table th{text-align: right; color: #1F3349;}
.billing_wrapper .content table td{text-align: left; color: #1F3349;}
.billing_wrapper .empty{margin: 50px 0px; text-align: center;}
.billing_add_btn{display: block; cursor: pointer; margin: 0px auto; border: 0px; border-radius: 10px; text-align: center; background: #4D6EFC; height: 32px; line-height: 32px; color: #fff; font-weight: 400;}
.billing_add_btn:hover{background: #3e5ce0; background: #3e5ce0; color: #fff; text-decoration: none;}
.billing_add_btn .glyphicon{color: #fff; font-size: 16px; top: 2px; right: 4px;}

.billing_edit_btn{display: inline-block; cursor: pointer; font-size: 12px; margin-top: 15px; margin-right: -12px; padding: 0px 12px; border: 0px; border-radius: 5px; text-align: center; height: 28px; line-height: 28px; color: #4D6EFC; font-weight: 400;}
.billing_edit_btn:hover{background: #eeeff7; color: #4D6EFC; text-decoration: none;}
.billing_edit_btn .glyphicon{color: #4D6EFC; font-size: 12px; top: 2px; right: 4px;}


.api_nav{width: 220px; position: fixed; margin-top: 20px;}
.api_nav .email{color: #656773; padding-left: 0px; font-size: 12px;}
.api_nav h3{font-size: 22px; line-height: 30px; color: #151d37; font-weight: 700; padding-left: 0px; margin-bottom: 0px;}
.api_nav ul{margin: 10px 0 20px; padding: 0; list-style: none;}
.api_nav ul li a{font-size: 14px; margin-left: 0px; margin-bottom: 5px; line-height: 32px; padding: 0 20px; width: auto; display: inline-block; border-radius: 18px; text-decoration: none; font-weight: 400; color: #444; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease-out;}
.api_nav ul li a:hover{color: #111; background: #E6EAF7; cursor: pointer;}
.api_nav ul li a.active{color: #fff; background: #4D6EFC; font-weight: 500;}

.api_detail{width: 870px; margin-top: 20px; margin-left: 240px; background: #fff; border-radius: 15px; border: 1px solid #E5E5E5; box-shadow: 0px 2px 20px rgba(30, 54, 72, 0.14); padding: 0px 50px 50px;}
.api_detail #toc_0{font-size: 30px; margin: 50px 0px 20px; padding-bottom: 9px; border-bottom: 1px solid #eee;}
.api_detail #toc_1{font-size: 22px; margin: 50px 0px 20px; padding-bottom: 9px; border-bottom: 1px solid #eee;}
.api_detail .page-header{font-size: 30px; margin: 50px 0px 20px;}
.api_detail .page-header-s{font-size: 25px; margin: 50px 0px 30px; font-weight: 900; line-height: 36px;}
.api_detail .page-header-s span{font-size: 14px; color: #666666; font-weight: 400;}
.api_detail .form-group{margin-bottom: 30px;}
.api_detail .form-group label{ font-weight: 500;}
.api_detail h3{font-size: 16px; margin: 20px 0 10px; line-height: 30px;}
.api_detail p{font-weight: 400; font-size: 14px; line-height: 1.5em; margin-bottom: 1.2em; color: #444;}
.api_detail pre{padding: 15px; margin-top: 0px; color: #4f4f4f; background: inherit; border-radius: 0px; border: 1px solid #cccccc; border-radius: 4px; background: #F7F9F8;}
.api_detail pre code{border-radius: 0px 0px 8px 8px; font-size: 11px; line-height: 13px;}
.api_detail .sample_codes pre code{display: none;}
.api_detail li{margin-top: 5px;}
.api_detail .code_topbar{background: #222529; border-radius: 8px 8px 0px 0px; padding-left: 8px; padding-right: 8px;}
.api_detail .code_topbar h4{float: left; font-size: 14px; line-height: 40px; font-weight: 400; margin: 0px; color: #fff;}
.api_detail .code_topbar h4 span{margin-right: 5px;}
.api_detail .code_topbar ul{float: right; margin: 0px;}
.api_detail .code_topbar ul li{list-style: none; float: right; margin-left: 10px; margin-top: 0px;}
.api_detail .code_topbar ul li a{line-height: 24px; color: #b7b7b7; padding: 0 15px; margin: 8px 5px; font-size: 13px; border-radius: 20px; display: block; text-decoration: none; cursor: pointer;}
.api_detail .code_topbar ul li a:hover{color: #222; background:#bbb; }
.api_detail .code_topbar ul li a.active{color: #222; background: #fff; }

.api_detail table {padding: 0;border-collapse: collapse; }
.api_detail table tr {border-top: 1px solid #cccccc; background-color: white; margin: 0; padding: 0; }
.api_detail table tr:nth-child(2n) {background-color: #f8f8f8; }
.api_detail table tr th {font-weight: bold; border: 1px solid #cccccc; margin: 0; padding: 6px 13px; font-size: 14px; line-height: 20px;}
.api_detail table tr td {border: 1px solid #cccccc; margin: 0; padding: 6px 13px; font-size: 14px; line-height: 20px;}
.api_detail table tr th :first-child, table tr td :first-child {margin-top: 0; }
.api_detail table tr th :last-child, table tr td :last-child {margin-bottom: 0; }

.hljs{padding: 1em;}

.account_detail{width: 870px; margin-top: 20px; margin-left: 240px; background: #fff; border-radius: 15px; border: 1px solid #E5E5E5; box-shadow: 0px 2px 20px rgba(30, 54, 72, 0.14); padding: 0px 50px 30px;}
.account_detail .page-header{font-size: 30px; margin: 50px 0px 20px;}
.account_detail .page-header-s{font-size: 25px; margin: 50px 0px 30px; font-weight: 900; line-height: 36px;}
.account_detail .page-header-xs{font-size: 20px; margin: 30px 0px 10px; font-weight: 700; line-height: 30px;}
.account_detail .page-header-s span{font-size: 14px; color: #666666; font-weight: 400;}
.account_detail .form-group{margin-bottom: 30px;}
.account_detail .form-group label{ font-weight: 500;}
.account_detail h3{font-size: 18px; margin: 30px 0px 10px;}
.account_detail p{font-weight: 400; font-size: 14px; line-height: 1.5em; margin-bottom: 1.2em; color: #444;}
.account_detail pre{padding: 20px 15px; margin-top: 5px; color: #4f4f4f;}
.account_detail li{margin-top: 5px;}
.account_detail .form-group{margin: 0 auto 20px; width: 500px;}
.account_detail .form-group input{margin-bottom: 15px; padding: 10px 20px; height: auto;}
.account_detail .credit_detail {padding: 10px 15px; width: fit-content; border-radius: 10px; background: #f5fcf8; border: 1px solid #cbd9c7;}
.account_detail .credit_detail .earned{color: #01944b; font-size: 13px; width: fit-content;}
.account_detail .credit_detail .earned b{font-size: 18px;}
.account_detail .credit_detail .expire {color: #444444; font-size: 13px; width: fit-content;}
.account_detail .being_referred {/* padding: 10px 15px; width: fit-content; border-radius: 10px; background: #f5fcf8; border: 1px solid #cbd9c7; */}
.account_detail .being_referred .earned{color: #01944b; font-size: 14px; width: 300px; margin-bottom: 0px;}
.account_detail .being_referred .earned .title{display: inline-block; font-size: 15px; line-height: 28px; color: #01944b; font-weight: bold;}
.account_detail .being_referred .earned .value{display: inline-block; margin-left: 20px; font-size: 15px; line-height: 28px; color: #01944b;}
.account_detail .being_referred .expire{font-size: 14px;}

.account_detail .referring_others {/* padding: 10px 15px; width: fit-content; border-radius: 10px; background: #f5fcf8; border: 1px solid #cbd9c7; */}
.account_detail .referring_others .earned{color: #01944b; font-size: 14px; width: 300px; margin-bottom: 5px;}
.account_detail .referring_others .earned .title{display: inline-block; font-size: 15px; line-height: 28px; color: #01944b; font-weight: bold;}
.account_detail .referring_others .earned .value{display: inline-block; margin-left: 20px; font-size: 15px; line-height: 28px; color: #01944b;}
.account_detail .referring_others .list{border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; margin: 0px 0px 10px; width: 300px;}
.account_detail .referring_others .list tr.header{background: #f2f8f4; color: #475448}
.account_detail .referring_others .list td{border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 6px 12px; font-size: 14px;}


.account_detail .referral_detail{border-radius: 10px; background: #F4F5F6; margin-bottom: 20px; border: 1px solid #fff;}
.account_detail .referral_row{display: block; height: 50px; position: relative;}
.account_detail .referral_row_name{display: inline-block; color: #3C4860; position: absolute; top: 26px; left: 20px; font-size: 14px; font-weight: 700;}
.account_detail .referral_row_content{display: inline-block; #3C4860; position: absolute; top: 16px; left: 20px; width: 700px; font-size: 14px; font-weight: 400; border: none; background: transparent;}
.account_detail .referral_row_content:focus{border: none; outline: none;}
.account_detail .referral_copy_btn{display: inline-block; cursor: pointer; border: 0px; border-radius: 5px; text-align: center; position: absolute; background: #4D6EFC; top: 12px; right: 20px; height: 30px; width: 30px;}
.account_detail .referral_copy_btn:hover{background: #3e5ce0;}
.account_detail .referral_copy_btn .glyphicon{color: #fff; font-size: 16px; top: 7px;}

.account_detail .btn{margin: 30px auto 10px; font-size: 14px; display: block; border-radius: 5px; font-weight: normal; font-size: 16px; padding: 8px 0px; width: 100%; border-radius: 10px;}
.account_detail .btn-link{color: #c81212; margin-top: 10px;}

#footer{margin: 0 auto; text-align: center; padding: 30px 15px 30px; font-size: 12px; color: #8C939A; background: transparent; margin-top: 0px;}
#footer.dark{background: #1D2225; color: #7A8087; margin-top: 0;}
#footer.dark .copyright{float: none; text-align: center; font-weight: 400; color: #aaa; font-size: 13px;}
#footer.dark .copyright a{ color: #aaa;}

@media only screen and (max-width: 768px) {
  body{padding-top: 50px;}
  .navbar-brand{height: auto;}
  .container{width: 100%;}
  #map_chart{display: none;}
  #global_map{border-top: 0px; min-height: auto; background: #275878;}
  #global_map h2{margin: 30px 0 20px; color: #fff; font-size: 26px; font-weight: 500; line-height: 1.2em; letter-spacing: -0.5;}
  #global_map p{color: rgba(0, 0, 0, 0.7); display: none;}
  #world_map{background-image: url("images/world_map.jpg"); width: 100%; height: 50vw; background-size: contain; background-repeat: no-repeat;}
  #api_feature_pricing .pricing-developer{float: none; margin: 0 auto 20px;}
  #api_feature_pricing .pricing-enterprise{float: none; margin: 0 auto 20px;}
  #api_feature_pricing {padding: 40px 0 20px;}
  .feature h2{margin: 0 0 20px; font-size: 28px; font-weight: 700; text-align: center; color: #333;}
  #api_feature_customer .pic{height: 33vw; background-image: url("images/customers_s.jpg");}
  #api_feature_getstart {padding: 40px 0 0px;}
  #api_feature_getstart .btns {margin: 30px 0 10px;}
  #api_feature_getstart .btns .start_btn{margin: 0 20px 20px; width: 200px; height: 44px; border-radius: 22px;}
  #api_feature_getstart .btns .start_btn span{margin-top: 10px;}

  #api_feature_getstart h2{font-size: 28px;}
  
  #right_reserved{display: none;}
  .navbar-brand {padding: 10px 15px;}
  .navbar-brand img{height: 30px;}
  
}