/* Style the tab */
div.tab {
	margin-right:10px;	 
	margin-left:5px;
	background-color: #eee;
}
.width100 {
  width:100%;
}
#terms{
  -webkit-appearance: none;
}
.t15{
  font-size:15px;
}
.ht8 {
  height:8px;
}
.ht25{
  height:25px
}
.ht15{
  height:15px
}
.bluebtn {
  width:95% !important;
  white-space: wrap !important;
}

#box2 .padding10 {
  padding:10px; margin:0;
}
/* Style the buttons inside the tab */
div.tab button {
	display: block;
	width:100%;
	background-color: inherit;
	color: #000;
	padding: 15px 15px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size:17px;
	border-bottom:1px solid #ccc;
}
/* Change background color of buttons on hover */
div.tab button:hover {
	background-color: #1d506e;
  color:#fff;
  
}
/* Create an active/current "tab button" class */
div.tab button.active {
	background-color: #1d506e;
	color:#FFFFFF;
	font-weight:bold;
}
div.tab button span{
	float:right;
	display:none;
}
div.tab button.active span{
	display:block;
}
/* Style the tab content */
.tabcontent {
	padding: 0px;
	width: 100%; 
}
.plan .col-* {
	padding-left:0 !important;
	padding-right:0 !important
}
.plan_tbd { 
	display:block;
	font-size:17px;
	 
}
.plan_tbd .col-xs-6,.plan_tbd .col-sm-3,.plan_tbd .col-xs-12{
	padding-left:5px;
	padding-right:5px
}
.totalamount{
	background:#eee; color:#00517b;font-size:25px; padding:6px; text-align:center;
	border-radius: 5px;
}
.input_bd {
	 padding-top:10px;
	 padding-right:2px;
	 padding-left:2px
}
.input_bd input, .input_bd select {
	width:100%;
}
.detail_tb{
	padding-right:5px;
}

.detail_tb td{
	font-size:25px;
	color:#00517b;
	text-align:center;
	background:#eee !important;
	border-top:none !important;
	border-bottom:1px solid #ccc !important; 
}
.detail_tb .table td{
	padding-top:10px !important;
	padding-bottom:10px !important	
}
.detail_tb .th td{
	font-size:17px;
	background:#ddd !important;
	color:#000;
	vertical-align:middle !important;
	padding-top:15px !important;
	padding-bottom:15px !important		
	
}

.detail_tb .currency{
	font-size:13px;
	color:#999;
	font-weight:normal
}
.popover{
	background-color:#2b6a96 !important;
	border-radius:10px !important;
}  

.popover>.arrow, .popover>.arrow:after{
	 border-color:#2b6a96 !important;
	 border-right-color:transparent !important;
	 border-left-color:transparent !important	 	 
}
#popover-content{
	font-size:15px !important; 
}
.popover-content a:link{ 
	color:#fff!important;
}
.popover-content a:hover{ 
	color:#ff0!important;
}
.popover-content a:visited{ 
	color:#fff!important;
}
.popover.top{
	background-image:none !important
}
.tablinks.active{
	font-weight:normal !important;
}
.totaltable{
	width:auto !important; 
	margin:auto !important;
}
.totaltable td{
	text-align:center;
	vertical-align:top;
	border-right:none !important;
	padding-left:10px;
	border-bottom:none !important
}
.modal-body h5{
	color:#FC0;
	font-size:15px;
}
@media (max-width: 767px) {
	#datacontent{ 
		padding:5px;
		padding-top:10px;  
	}
	.detail_tb{
		padding-right:0;
	}	
	.detail_tb .table td{
		padding:2px;
		font-size:17px;
	}
	.plan_tbd .col-xs-6,.plan_tbd .col-sm-3,.plan_tbd .col-xs-12{
		padding-left:0;
		padding-right:0
	}
	#plan{
		padding:5px;
	}
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
		padding:3px;
		font-size:14px
	}	
}

.modal{
	color:#333;
	z-index:9999
}
.modal-dialog{
	min-width:80%
}

.modal-title{
	font-size:17px !important;
}
.modal .close{
	font-size:30px !important;
	margin-top:-25px !important;
}
.text-info{
	color:#06F !important;
}

.modal .tab-pane h5{
	 
}          
.modal .tab-pane ul{    
  padding:0;  
  margin-left:16px;  
}  
.modal .tab-pane li{    
  margin-top:12px;    
}  
.modal th{
  border:1px solid #ddd;
  font-weight:normal;
  color:#fff;    
}
.modal th, #know td{
  text-align:center;
  vertical-align:middle;
}
.modal td{
  background:none;
}
.modal th.hd{      
  color:#ff0;
}

.modal .text-purple{
  color:#8565bf;
}
.modal .bg-purple{
  background:#eed8f3;
}
.modal .text-brown{
  color:#9c664b;
}
.modal .bg-brown{
  background:#efdfd7;
}
.modal-body{
	padding:5px !important;
	padding-bottom:30px !important; 
}
.modal-body h5{
	color:#FC0;
	font-size:15px;
}
 
.modal-body .subtitle{
	 margin-top:15px; height:100px; width:100%;background-repeat:no-repeat; background-position:right
} 
.modal-body  .subtitle h5{
	 line-height:100px; 
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	border-bottom-width:0;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	border-color:#345c6e
}
.table-bordered{
	border-color:#345c6e	
}

input, select{
	background-color:#eee !important;
	border:1px solid #ddd !important;
	color:#000 !important;
}
.input-group-addon{
	background-color:#ddd !important;
	border:1px solid #ddd !important;
	color:#000 !important;
	height:auto !important;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{
	
}