/*** CSS Documented by Abhishek Srivastava ***/

@import url(fonts/fonts.css);


/*** global css ***/
*{outline:none;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none; margin:0px; padding:0px;}
h1,h2,h3,h4,p{ margin:0px; padding:0px; font-weight:normal;}
a{ text-decoration:none; color:#888;}
a:hover{ color:#333;}
.clearfix:after, .clearfix:before{clear: both;width:100%;content:' ';display:block;}
body{ font:normal 14px/19px 'robotoregular'; background:#fff; margin:0px; padding:0px; color:#333;}
.content{ width:100%; max-width:1000px; margin:0px auto;}
.boxsize{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/*** header ***/
header{ height:50px; padding:10px 0px;}
.headcon{ display:flex; position:relative;}
.logo{ float:left; width:185px; margin:10px 0px 0px; position:relative; height:35px;}
.logo a{ background-repeat:no-repeat !important; display:block; background-size:contain !important; height:35px;}
.menuWrap{ float:left; padding:15px 10px; display:none; z-index:11; position:relative;}
.sitemenu{ float:left;  height:2px; width:22px; background:#444; position:relative; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.sitemenu.close{transform:rotate(45deg);}
.sitemenu.close:after{content:''; width:100%; height:2px; background:#444; bottom:0px;  position:absolute; transform:rotate(90deg)}
.sitemenu.close:before{ display:none;}
.sitemenu:after{ content:''; width:100%; height:2px; background:#444; bottom:-6px; position:absolute;}
.sitemenu:before{ content:''; width:100%; height:2px; background:#444; top:-6px; position:absolute;}
.search_area{flex:1;}
.search_box{ position:relative; margin:7px 0px 0px 40px; top:2px; }
.search_box input[type="search"]{ background:#fff; border:1px solid #CFCBC8; -webkit-box-shadow: inset 0 1px 2px #E9E9E8;
-moz-box-shadow: inset 0 1px 2px #E9E9E8,0 0 0 1000px #fbfbfa inset; box-shadow: inset 0 1px 2px #E9E9E8,0 0 0 1000px #fbfbfa inset; border-radius:4px; padding:8px 73px 8px 10px; width:100%; outline:0px; color:#333; }
.search_box input[type="search"]:focus{ border:1px solid #17A6B2;}
input::-webkit-input-placeholder{ color: #ccc; font-style:normal !important;} 
input::-moz-placeholder{ color: #ccc; font-style:normal !important;}
.search_btn{ background: #17A6B2;
position: absolute;/* width: 20px; */height: 100%;right: 0px;top: 0px;border: 0px;outline: 0px;color: #fff;padding: 0px 10px;border-radius:0px 4px 4px 0px;font-size:15px; cursor:pointer;}.search_btn:hover{ background:#1596A0;}
.right_top{ flex:1;}
.right_top .top_links{ float:right; margin-top:6px;}
.right_top .top_links a{ padding:8px; display:inline-block; margin:0px 5px; vertical-align:top; }
.right_top .top_links a:last-child{ margin-right:0px; padding-right:0px; }
.right_top .top_links span{ display:inline-block;vertical-align: top;}
.right_top .top_links .active a{border:1px solid #17A6B2; border-radius:2px; color:#17A6B2;}
.right_top .top_links .active a:hover{ background:#F0FBFD;}
.top_icons{ float:right; margin-top:9px;}
.top_icons a{ width:24px; height:24px; display:none; padding:0px 0px; }
.top_icons .cart{ margin-right:0px; background:url(http://cdn.shopclues.com/images/ui/shopping-cart.svg) no-repeat center top; width:30px; display:inline-block; background-size:26px; display:none;}
.top_icons .search{ background:url(http://cdn.shopclues.com/images/ui/search.svg) no-repeat center top; width:37px; }
.top_icons .user_icon{ background:url(http://cdn.shopclues.com/images/ui/user.svg) no-repeat center top; background-size:24px;  margin-right:10px; }
.bull_menu{ text-align:center;}
.bull_menu span{ width:5px; height:5px; background:#828282; border-radius:50px; display:inline-block; position:relative; margin:10px auto; }
.bull_menu span:after{width:5px; height:5px; background:#828282; border-radius:50px; top:-8px; content:''; position:absolute; left:0px;}
.bull_menu span:before{width:5px; height:5px; background:#828282; border-radius:50px; bottom:-8px; content:''; position:absolute; left:0px;}

/** navigation **/
.navigation{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#F1F1F1; margin-bottom:10px;}
.top_menu { white-space:nowrap;}
.top_menu li{ display:inline-block;}
.top_menu li:first-child a{ padding-left:0px;}
.top_menu li a{ display:block; padding:10px;}
.top_menu li a:hover{ color:#333;}
/** Content area **/

/* breadcrumb */
.breadcrumb{ /*border-bottom:1px solid #EAEAEA; margin-bottom:5px;*/}
.breadcrumb li{ display:inline-block; font-size:12px; position:relative;}
.breadcrumb li:after{ position:absolute; content:''; display:block; width: 0px; top:11px; right:-3px; height: 0px;  border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #A8A8A8;}
.breadcrumb li:last-child:after{ display:none;}
.breadcrumb li a{ padding:5px 5px; display:block;}
.breadcrumb li:first-child a{ padding-left:0px;}
.breadcrumb li.active{ margin-left:4px;}

.con_area{ -o-display:flex; -moz-display:flex; display:flex; position:relative; flex-direction:row-reverse;}
.left_area{ width:200px; padding:10px 10px 10px 0px; float:left;}
.leftmenu{background:#F1F1F1; margin-bottom:10px;}
.leftmenu ul{ padding:5px 0px;}
.leftmenu li:last-child{ border-bottom:0px solid #e4e4e4;}
.leftmenu li{ border-bottom:1px solid #e4e4e4; position:relative; }
.leftmenu li.nested>a:after{ position:absolute; top:12px; right:10px; content:'';  border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #A8A8A8;}
.leftmenu li.nes_down>a:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #A8A8A8; top: 14px; right: 10px;}
.leftmenu li.nested ul{ background:#D6D6D6; display:none;}
.leftmenu li.nested ul a{ color:#555;}
.leftmenu li a{ padding:7px 10px; display:block; }
.leftmenu li.active a, .leftmenu li a:hover{ background: #fff;  color:#555;   box-shadow: -3px 0px 0px #17a6b2;  transition: all 0.5s ease;  }
.developer_account{ padding:7px; background:#E9F6FC; border:1px solid #B5E8FF;}
.developer_account h1{ font-size:14px; border-bottom:1px solid #B5E8FF; padding:5px 0px; margin-bottom:5px;}
.developer_account a{ color:#0192B5;}
.app_sec p{ font-size:13px;}
.app_sec p a{color:#0192b5; margin-bottom:5px; display:block;}
.app_sec{ padding:7px; border:1px solid #B5E8FF; margin-top:10px;}
.app_sec h1{ font-size:14px; border-bottom:1px solid #B5E8FF; padding:5px 0px; margin-bottom:5px;}
.right_area{ flex:1; -webkit-flex: 1; padding:0px 0px 0px 15px; word-wrap:break-word; position:relative;}
.right_area pre{ white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-webkit-pre-wrap;  max-width:760px;width:100%;}

.right_area label{ margin:15px 0px 5px; display:block; font:normal 14px 'robotomedium';}
.right_area input{ width:100% !important; padding:10px ; border-radius:2px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.right_area .field-oauthclients-grant_types input[type="checkbox"]{ width:auto !important; padding:10px ; border-radius:2px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.right_area select, .right_area textarea{ width:100%; padding:8px 10px; border-radius:2px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff;}
.right_area h1{ font:bold 18px 'robotoregular'; padding:10px 0px;}
.right_area h2{ font:normal 16px 'robotomedium'; margin:25px 0px 10px;}
.right_area h3{ font:bold 14px 'robotoregular'; margin:20px 0px;}
.right_area h4{ font:bold 12px 'robotoregular'; margin:20px 0px;}

/*** footer ***/
.footer{ border-top:1px solid #e5e5e5; margin-top:30px;}
.footCon{ padding:10px 10px 0px; }
.subscribe{ background:#f5f5f1; border:8px solid #efefeb; padding:10px; border-radius:3px; padding:20px; margin:25px 0px ;}
.subscribe h1{ font-size:14px; text-align:center; margin-bottom:15px;}
.subscribe_input{ position:relative; margin:0 auto; max-width:400px; width:100%; margin-top:10px;}
.subscribe_input input[type="text"]{ width:100%; height:30px; line-height:30px; border-radius:4px 0px 0px 4px; outline:none;border:1px solid #ccc; padding:0px 75px 0px 6px;}
.subscribe_input input[type="button"]{ position:absolute; right:0px; top:0px; background:#17A6B2; border:0px; height:30px; line-height:30px; color:#fff;border-radius:0px 4px 4px 0px;outline:none; cursor:pointer; font-size:16px;}
.footer_links{ display:table; border-bottom:1px solid #e4e4e4; padding-bottom:20px;}
.footer_links ul{ display:inline-block; padding:0px 10px; box-sizing:border-box; vertical-align:top;}
.footer_links li{ line-height:25px;}
.footer_links li a{ color:#0192B5; font-size:13px;}
.copyright{ text-align:center; padding:10px 0px;}
.copyright a{ margin:0px 7px;}
.expand{ padding-left:220px;-webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; overflow:hidden;}
.navigation h1{ display:none;}
.overlay{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0, 0, 0, 0.5); z-index:10; display:none;}
.expand .overlay{ display:block;}

/*** grid css */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;box-sizing: border-box}.col-xs-1 {width: 8.33333333%;}.col-xs-2 {width: 16.66666667%;}.col-xs-3 {width: 25%;}.col-xs-4 {width: 33.33333333%;}.col-xs-5 {width: 41.66666667%;}.col-xs-6 {width: 50%;}.col-xs-7 {width: 58.33333333%;}.col-xs-8 {width: 66.66666667%;}.col-xs-9 {width: 75%;}.col-xs-10 {width: 83.33333333%;}.col-xs-11 {width: 91.66666667%;}.col-xs-12 {width: 100%;}

.afterLogin{ display:inline-block !important}
.right_top .desk_login {float: right;/* margin-top: 6px; */right: 0px;background: #fff;top: 54px;z-index: 9;width: 150px;border: 1px solid #ccc;padding: 3px 3px 7px !important;position:absolute;margin-top:0px; display:none; }
.right_top .desk_login span { display:block;}
.right_top .desk_login a {padding: 8px;display: block;margin: 0px 5px;vertical-align: top;}
/*.desk_login:before{ position:absolute; top:-7px; border-bottom:7px solid #828282;  border-left:7px solid transparent; border-right:7px solid transparent; content:''; width:0px; height:0px; left:76px;}*/

@media all and (min-width:320px) and (max-width:767px) {
body{ -webkit-transition: all 0.25s; -moz-transition: all 0.25s;transition: all 0.25s;}
header{ height:43px;}
.headcon{ display:block;}
.headcon div{ white-space:nowrap;}
.menuWrap{display: block;padding: 13px 6px;margin: 7px 7px;border-radius: 4px; background:#fff; display:none;}
.logo{ width:145px; margin-left:10px;}
.search_area { display:none;}
.breadcrumb{ background:#E9E9E9; padding-left:10px;}
.top_menu li{ display:block;}
.top_menu li:first-child a{ padding:10px;}
.top_menu li:last-child a{ border-bottom:0px;}
.top_menu li a{ color:#B9B9B9; border-bottom:1px solid #464444;}
.top_menu li a:hover{ color:#fff;}
.navigation h1{ color:#17A6B2; padding:10px; display:block; font-family:'robotolight'}
.leftmenu{ position:absolute; top:0px; left:7px; right:7px; overflow:hidden; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; z-index:8; background:none;}
.leftmenu.active{overflow:auto; height:auto;}
.leftmenu li{ display:block;}
.con_area:after{clear: both;width:100%;content:' ';display:block;}
.con_area{ display:block;}
.left_area{ padding-left:10px; width:100%; box-sizing:border-box;}
.right_area{ width:100%; box-sizing:border-box; padding:40px 10px 0px 10px;}
.mobileMenu{ margin:0px 10px;}
.footer_links{ display:block;}
.footer_links ul{width:49%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:top;}
.footer_clear{width:100%;clear:both;display:table;}
.footer_links ul li:first-child { padding-top:10px;}
.footer_links li{ display:block;}
.footer_links li a{ display:block;}
header, .contentarea, .footer{ min-width:320px; width:100%;position:relative;}
.leftmenu select{ width:100%; padding:6px; border:1px solid #ccc; border-radius:3px; background:#fff; outline:0px; -webkit-appearance:menulist;}
.tabs { padding:0px;}
.tabs li{ float:none;}
.tabs li a{ border-left:1px solid #DADBD6;}
.pageMenu{ display:none;}
.tabs-box ul{ border-right:0px; box-sizing:border-box; width:49.33%; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; -ms-box-sizing: border-box;}
.tabs-box ul:nth-child(2n){ padding-right:0px;}
.tabs-box ul:nth-child(3n){ padding-right:10px;}
.top_links{ display:none;}
.search_area{ position:absolute; background:#ccc; padding:10px; top:53px; z-index:9; left:0px; margin:0px; right:0px;-webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.search_box{ margin:0px; top:0px; }
.breadcrumb_top{ margin-top:53px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.right_top .top_links {float: right;/* margin-top: 6px; */right: 0px;background: #fff;top: 53px;z-index: 9;width: 150px;border: 1px solid #ccc;padding: 3px 3px 7px !important;position:absolute;margin-top:0px;}
.right_top .top_links span { display:block;}
.right_top .top_links a {padding: 8px;display: block;margin: 0px 5px;vertical-align: top;}
.right_top .top_links .user_icon{ display: none !important; }
.right_top .newlinks {float: right;/* margin-top: 6px; */right: 0px;background: #fff;top: 63px;z-index: 9;width: 150px;border: 1px solid #ccc;padding: 3px 3px 7px !important;position:absolute;margin-top:0px;}
.right_top .newlinks span { display:block;}
.right_top .newlinks a {padding: 8px;display: block;margin: 0px 5px;vertical-align: top;}
.user_icon, .search, .bull_menu{ display:inline-block !important;}
.usage_report .col-xs-4{ width:100%;padding-right:0px !important;}
.usage_report .col-xs-4 input{  margin-bottom:10px;}
.assign{ width:100%;}
.test .col-xs-6{ width:100%; padding-right:0px !important;}
.btn.adv{ width:100%;}
table .fa{ display:block !important; padding:5px 0px;}
.top_icons .search{ display: none !important;}
.checkbx_copy{display: block !important; }
.pre_Class:hover .checkbx_copy{ display: block; }
}
@media all and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
	.tabs li:first-child a{ border-left:1px solid #DADBD6 !important;}
	.tabs li a{ border-left:0px !important;}
}
@media all and (min-width:413px) and (max-width:767px) {
	.left_area { display:flex;}
	.mobileMenu{ margin:0px;}
	.developer_account{ width:35%; margin-right:10px;}
	.app_sec{ flex:1; margin-top:0px;}
	.tabs li{ float:left !important;}
}
@media all and (min-width:481px) and (max-width:568px) and (orientation:landscape) {
		.tabs li{ float:none !important;}
		.tabs li a{ border-left:0px;}
}
@media all and (min-width:320px) and (max-width:568px) and (orientation:landscape) {
	.tabs li {float: left !important;}
	.tabs li a{ border-left:0px !important;}
}
@media all and (min-width:320px) and (max-width:480px) and (orientation:landscape)  {
	.tabs li{ float:none !important;}
	.tabs li a{ border-left:1px solid #ccc;}
}
@media all and (min-width:768px) and (max-width:1024px) {
	.tabs { padding:0px;}
}

/*** table ***/
.grid-view{ overflow:auto; width:100%;}
.table{  border-top:1px solid #ddd; width:100%; margin-bottom:10px;}
.table th, .table td{padding:10px; border-bottom:1px solid #ddd; text-align:left; padding:5px; word-wrap:break-word;}
.table thead th{ background:#FFFFE9}
.table thead a{ color:#000;}
.table thead a:before{ background-color: #FFFFE9;}
.table tr:nth-child(2n){ background: #f1f1f1; }
.table thead tr:first-child td{background:#FFFFE9; font-weight:bold;}
.table a{ color:#0192b5; position: relative;}

.table a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.table a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #17A6B2;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}
.extra_con{ width:120px; height: 120px; overflow-x:auto;}

/*.table th:last-child{ width:40%;}*/
table.table > tr > th, table.table > tr > td, table.table > * > tr > th, table.table > * > tr > td{ border:0px; border-bottom:1px solid #ddd; padding:10px;}
table.table{ border:0px; border-top:1px solid #ddd; color:#333;}

.manage-api-config-index .grid-view td div {
    max-width: 71px;
    height: 30px;
    overflow: auto;
}
.test3{ width: 100px; max-height: 100px; overflow: auto;}
.test1{ width: 79px; max-height: 100px; overflow: auto;}


/*** back to top ***/
#BackToTop{ position:fixed; bottom:10px; right:10px; display:none; z-index:10;}
#BackToTop a:before{ content:'↑';}
.errorbox, .warningbox, .successbox{ width:100%;}


/*** application ***/
#myModal{ display:none;}

/*** button ***/
.btn{ padding:10px; cursor: pointer; display:inline-block; color:#fff; margin:10px 0px; border-radius:2px; background:#17A6B2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; /*min-width:220px;*/ text-align:center; border:0px;} 
.btn-primary:hover, .btn-success:hover{ color:#fff;}
.btn-primary, .btn-success{ background:#17A6B2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/*.box_design p .btn{position: relative; transition: linear all .08s;}
.box_design p .btn:link { transform: scale(.98);  box-shadow: 0 0 0 0 rgba(0,0,0,.3);}
.box_design p .btn span { position: absolute; left: calc(50% - 50px); top: calc(50% - 50px); background-color: white; border-radius: 50px; height: 100px; width: 100px; opacity: 0; animation: effect ease .8s;
}

@keyframes effect {
  0%   { 
    opacity: .6; 
    transform: scale(0); 
  }
  100% { 
    opacity: 0; 
    transform: scale(1); 
  }
}
*/
/*** pagination ***/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.searchtextbx{ background:url(../assets/images/search.png) no-repeat 10px center; padding:10px 10px 10px 35px !important;}
.has-error input, .has-error select, .has-error textarea{ border-color:#f00;}
.has-success input, .has-success select, .has-success textarea{ border-color:#00a65a;}
.help-block{ color:#f00;}
.usage_report{ margin-top:10px;}
.w_auto{ width:auto !important;}
.btn_bdr{ border-top:1px solid #e4e4e4;  margin-top:10px;}
.btn_bdr .btn{}
.nomargin{ margin:0px;}
.usage_report .btn{ margin:0px; min-width:auto;}
.usage_report .col-xs-4{ padding-right:10px;}
.test2 .col-xs-6{ margin-bottom:10px;}
.test .col-xs-6{ padding:0px 5px 0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.test .col-xs-4:nth-child(2){ padding:0px 5px;}
.test label{ margin-top:0px;}
.test .col-xs-6:nth-child(2n){ padding-right:0px;}

/*** tabs ***/
.nav-tabs {
    border-bottom: 1px solid #ddd;
	position:relative; top:1px;
	z-index:8;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.fa{ font-size:16px !important; margin: 0px 2px;}

/*** model ***/
.fade.in {opacity: 1;}
.modal {
    background: rgba(0,0,0,0.3);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
	
}
.modal h4{ margin:3px 0px !important; font-size:14px;}
.modal .btn{ min-width:auto !important;}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
	    max-width: 500px;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 20px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-body {
    position: relative;
    padding: 15px;
	font-size:14px;
}
.modal-footer {
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.nav-tabs:before, .nav-tabs:after{ content:''; display:block; clear: both; width: 100%;}
.tab-pane{ display:none;}
.tab-pane.active{ display:block;}

.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;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.search_box_in {
    position: relative;
    max-width: 330px;
    margin: 20px 0px;
    width: 100%;
}
.search_box_in input[type="text"] {
    background: #fff;
    border: 1px solid #CFCBC8;
    -webkit-box-shadow: inset 0 1px 2px #E9E9E8;
    -moz-box-shadow: inset 0 1px 2px #E9E9E8,0 0 0 1000px #fbfbfa inset;
    box-shadow: inset 0 1px 2px #E9E9E8,0 0 0 1000px #fbfbfa inset;
    border-radius: 4px;
    width: 100%;
    outline: 0px;
    color: #333;
}
.search_box_in .search_btn {
    background: #17A6B2;
    position: absolute;
    /* width: 20px; */
    height: 100%;
    right: 0px;
    top: 0px;
    border: 0px;
    outline: 0px;
    color: #fff;
    padding: 0px 10px;
    border-radius: 0px 4px 4px 0px;
    font-size: 15px;
    cursor: pointer;
	margin:0px;
	min-width:auto !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
	color:#888;
}
.form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.summary
{ 
    float:right;
    margin:10px 0px 5px;
}
#apiconsole-api_method, #request_div
{
    display:none;
}
#api_url_text{ margin-bottom:20px; background:#EFEFEF; border:1px dotted #ccc; padding:10px;}
#api_url_text #apiconsole-api_id{ padding:8px 10px;}
#api_url_text input, #api_url_text select, #api_url_text .btn, #api_url_text label{ margin:0px; min-width:auto; width:100%;}

#api_url_text .col-xs-6{ padding:0px 10px;}
#hidden_url{ margin-bottom:20px;}
.admin-border{ position:relative;}
.admin-border #flip{ position:absolute; right:10px; top:10px; z-index:9;}
#apiMeteringReport{ margin-top:10px;}

.bootstrap-switch-handle-off{ position:absolute; white-space:nowrap;}
.bootstrap-switch-primary{background:#17A6B2 !important;}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-top:10px;
}
.panel-default {
    border:1px solid #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	background:#FFFFE9;
	font-weight:bold;
}
.panel-body {
    padding: 15px;
}

.box_design {
    background: #fff;
    /* padding: 10px; */
    margin-bottom: 10px;
    border: 1px dotted #ccc;
    border-radius: 2px;
    /* width: 100%; */
}
.box_design  p {
    /* margin-top: 10px; */
    text-align: right;
    background: #EFEFEF;
    padding: 5px;
}
.box_design p>a {
    margin: 0px;
}
.textbx_div{ padding:10px;}
.textbx_div input[type=text]:focus{ border: 1px solid #d2d2d2; box-shadow: 0px 0px 3px #ababab inset; }
.btn_sec{ margin: 10px 0px 0px;}
.btn_sec .col-xs-6{ padding: 10px 0px 0px;}
.btn_sec .col-xs-6:first-child{ padding: 10px 10px 10px 0px;}
#config_value{ margin-top: 10px;}

/** new css **/
.toplink{ background:none; padding:0px; color:#17A6B2; font:normal 16px 'robotomedium'; width:auto; float:right; margin-left:20px;}
.toplink:before{ content:'+'; margin-right:5px;}
.toplink:hover{ color:#17A6B2;}


.adv_search{ position:relative; margin-right: 10px !important; cursor:pointer;}
.adv_search i{ width:20px; height:20px; border-radius:50%; background:#d4d4d4; position:absolute; left:-25px; top:-2px; box-shadow:0px 0px 3px #A5A5A5 inset;  -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s;}
.adv_search i:before {
    content: '';
    height: 8px;
    width: 2px;
    background: #fff;
    top: 7px;
    position: absolute;
    transform: rotate(45deg);
    right: 7px;
}
.adv_search i:after {
    content: '';
    height: 8px;
    width: 2px;
    background: #fff;
    top: 7px;
    position: absolute;
    transform: rotate(-45deg);
    left: 7px;
}
.adv_search.reverse i{ transform:rotate(180deg); background-color:#989898; }
.coll_filter{display:none; padding-top:0px; background:#f1f1f1;  margin:0px 10px 10px 10px; border-radius:2px;}
.coll_filter .test .col-xs-3{ padding-right:15px;}
.coll_filter .test label{ margin:15px 0px 5px;}
.check label{ color:#7E7E7E; font-family:'robotoregular'; margin-top:10px;}
.check label, .check input{ display:inline-block; width:auto !important;}
.check input[type="checkbox"]{ display:none;}
.check label{ margin-right:10px; padding-left:22px; position:relative; padding-top:1px; margin-bottom: 10px; display: inline-block;}
.check label:before{ content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; border:1px solid #ccc; text-align:center; background:#f7f7f7; line-height:18px;}
.check input[type="checkbox"]:checked + label:before{ background:#fff; content:'\02713'; font-weight:bold;}
.adv_btn{ border-top:1px solid #e4e4e4; margin-top:10px; text-align:right;}
.adv_btn .btn{ margin-bottom:0px;}
.toggleul{ position:relative;}
.toggleul.selected:after{ content:'-';}
.toggleul:after{ content:'+'; position:absolute; left:-10px;}
.toggleul + a + ul{ list-style:circle; margin-left:0px; display:none; list-style-position:inside;}


/*** alert message ***/
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
}
.alert-success {
    background: url(images/success.png) no-repeat 10px 10px #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
	text-indent:25px;
}
.alert-success a{ color:#3c763d;}

.alert-info {
	background: url(images/info.png) no-repeat 10px 10px #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
	text-indent:25px;
}
.alert-info a{ color: #31708f;}

.alert-warning {
	background: url(images/warning.png) no-repeat 10px 10px #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
	text-indent:25px;
}
.alert-warning a{color: #8a6d3b;}
.alert-danger {
	background: url(images/error.png) no-repeat 10px 10px #f2dede;
    border-color: #ebccd1;
    color: #a94442;
	text-indent:25px;
}
.alert-danger a{ color: #a94442;}
.alert_list{ list-style:disc; list-style-position:inside; margin:5px 0px;}

/*** table structure ***/
.org_name{ font:normal 14px 'robotomedium';}
.creation_date{ font-size:12px; color: #777;}

/*** table design ***/
.basic_table th{ text-align:right; vertical-align:top; background:#FFFFE8; border-right:1px solid #ccc;}
.basic_table th, .basic_table td{ padding:15px 10px;}
.basic_table .heading{ font-weight:bold; display:block; margin-bottom:7px;}
.grand_type input[type="checkbox"] {display: none;}
.grand_type label {margin-right: 10px; padding-left: 22px;position: relative; padding-top: 1px; margin-bottom: 10px; display: inline-block;}
.grand_type label:before {content: '';width: 16px;height: 16px; position: absolute; left: 0px; top: 0px; border: 1px solid #ccc;text-align: center; background: #f7f7f7; line-height: 18px;}
.grand_type input[type="checkbox"]:checked + label:before{ background:#fff; content:'\02713'; font-weight:bold;}

.apiLibraryView tr:nth-last-child(2) td:nth-child(2) pre, .apiLibraryView tr:nth-last-child(1) td:nth-child(2) pre{    
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -webkit-pre-wrap;
    max-height: 200px;
	min-height: 100px;
    overflow: auto;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    padding: 10px;
    box-sizing: border-box;
	margin:0px;
}
.checkbx_copy{ text-align:right; position:absolute; top:5px; right:25px; box-sizing:border-box; display: none; }
.pre_Class{ position:relative;}
.pre_Class:hover .checkbx_copy{ display: block; }
.checkbx_copy input[type=checkbox]{ display:none;}
.checkbx_copy input[type=checkbox] + label{ color:#888888; cursor:pointer; background:rgba(0,0,0,0.04); padding:5px; border-radius:4px;}
.checkbx_copy input[type=checkbox] + label:hover{ color:#000;}
.checkbx_copy input[type=checkbox] + label.copied{ color:#C9C9C9;}

.maxw{max-width: 120px; overflow-x:auto;}