/* Styling for the shared metered plan/feature changes */

div#colorbox #meteredPlan_dataBucket, div#colorbox #precision_dataBucket  {background-color:#fff; font-size:12px; line-height:18px; width: 460px; padding: 20px 10px; }

#meteredPlan_dataBucket #addDataBucket {padding: 10px 50px; text-align: center; }
#meteredPlan_dataBucket #addDataBucket h2{text-align: left;font-size: 17px;}

#meteredPlan_dataBucket #addDataBucketLines {padding: 2px 20px; text-align: center; }

#meteredPlan_dataBucket #notifySharedLine {height:130px; padding: 10px 50px; text-align: center;}

#meteredPlan_dataBucket #notifySharedLine div#continue a img{
	margin:0px 120px 0px 0px;
	height: 25px;
	float:left;
}
#meteredPlan_dataBucket #notifySharedLine div#cancel a img{
	margin:-23px 100px 0px 0px;
	float:right;
}
#precision_dataBucket #precisionGroupRemoval #cancel a.close{
	font-size:0;
}

#meteredPlan_dataBucket #upgradeTier {height: 260px; text-align: center;}

#meteredPlan_dataBucket #upgradeTier #bucketId {margin: 0px 10px;}

#meteredPlan_dataBucket #changeAuthorizer{height: 160px; text-align: center;}

#meteredPlan_dataBucket #continueOnMeteredPlan {
	height: 130px;
	text-align: center;

}
#meteredPlan_dataBucket #continueOnMeteredPlan div#continue a img{
	margin:0px 0px 0px -80px;
	height:25px;
}
#meteredPlan_dataBucket #continueOnMeteredPlan div#cancel a img{
	margin:-30px 140px 0px 0px;
	float:right;
}

#cboxTitle.precisionFeatureTitle{
	font-size:17px !important;
}

#meteredPlan_dataBucket #sharedGroupRemoval, #precision_dataBucket #precisionGroupRemoval {height: 100px; text-align: center;}
#meteredPlan_dataBucket #sharedGroupRemoval div#continue label, #precision_dataBucket #precisionGroupRemoval div#continue label{height:25px !important; margin:0px 0px 0px -80px !important;}
#meteredPlan_dataBucket #sharedGroupRemoval div#continue input, #precision_dataBucket #precisionGroupRemoval div#continue input{height:25px !important; margin:0px 0px 0px 0px !important;}
#meteredPlan_dataBucket #sharedGroupRemoval div#continue input, #precision_dataBucket #precisionGroupRemoval div#continue {margin-right:50px !important;}
#meteredPlan_dataBucket #sharedGroupRemoval div#continue a img, #precision_dataBucket #precisionGroupRemoval div#continue a img{height:25px; margin:0px 0px 0px -80px;}
#meteredPlan_dataBucket #sharedGroupRemoval div#cancel a img, #precision_dataBucket #precisionGroupRemoval div#cancel a img{margin:-22px 0px 22px 105px;}
#meteredPlan_dataBucket #errorNote, #precision_dataBucket #errorNote {height: 100px; padding: 10px 50px; text-align: center;}

p#selectBucket_error, p#maxLines_error {color:red;height:24px;}

select#bucketId {margin: 12px;width: 75%;height: 30px;font-size: 16px;}

select#newAuthSubId {margin: 8px;}

a#planSelectButton {
	background-color: #00ADEF;
    border-radius: 6px;
    color: #fff !important;
    margin: 10px;
    position: relative;
    text-align: center;
    width: 49%;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 16px;
    display: inline-block;
    background-image: none;
}

a#planSelectButton img {margin: 0 0 -5px;}

a#planSelectButton input {margin: 0 0 -5px;}

a.metered_line_image, a.metered_line_image:visited {
    background: url("/resources/images/b2b/b2b_action_btn.png") no-repeat scroll right 0 transparent;
    margin-left: 15px;
    padding: 4px 5px 5px 10px;
    color: white;
    text-decoration: none; }
    
input.data_bucket_select {
    background: url("/resources/images/b2b/b2b_action_btn.png") no-repeat scroll right 0 transparent;
    margin-left: 15px;
    padding: 4px 5px 5px 10px;
    color: white;
    boder: none;
    text-decoration: none; } 
    
input#planSelectButton {
	background-color: #00ADEF;
    border-radius: 6px;
    color: #fff !important;
    margin: 10px;
    position: relative;
    text-align: center;
    width: 49%;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    background-image: none;
}

input#planSelectButton img {margin: 0 0 -5px;}

input#planSelectButton input {margin: 0 0 -5px;}

#product #hero .col-1 .details .fine-print a.plan_bucket_info{font-size:9px;}

p#sharedLinesDisclaimer {text-align: left;font-size: 17px;line-height: 21px;margin-top: 10px;}

#bucket_title th{
	padding:5px 7px 5px 5px;
}
#available_data_bucket{
	background-color: rgb(255, 255, 255);
	padding: 10px;
	width: 470px;
	font-size: 1.2em;
}
#available_data_bucket p{
	color:#333;
}

#shared_max_lines_disclaimer{
	margin:5px 0px 5px 0px;
	text-align:left;
	font-size:11px;
}

#manage_data_bucket_form div#shared_bucket input.shared_bucket_radio {
	margin: 3px 0 -4px -2px;
    position: relative;
    right: 115px;
    top: 3px; }

div#shared_bucket a.manage_data_bucket_image {
	background: url("/resources/images/b2b/b2b_action_btn.png") no-repeat scroll right 0 transparent;
    margin-left: 15px;
    padding: 0 0 0 24px;
    width: 100px; }

#shared_bucket_form #shared_bucket input.unselected, input.selected {
    position: relative;
    right: 115px;
    top: 3px;
}

#shared_bucket_form div.shared_data_buttons a#add_data_bucket {margin: 0px 650px;}

#shared_bucket_form div.shared_data_buttons a#edit_data_bucket {margin: 0px 650px;}

#page_loading_overlay .pageOverlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 1250%;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: 10000;
    background-color: white;
}
#page_loading_overlay .pageLoader {
    position: fixed;
    display: block;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% - 60px), calc(-50% - 60px));
    z-index: 10000;
    background: transparent url("/resources/images/ring-alt-loading.gif") no-repeat scroll 0 0;
}

@media (max-width:767px)
{
	.grd_total .col-three p,.grd_total .col-four p
	{
		text-align: center !important;
	}
	.order-details .col-four p,.order-details .col-three p
	{
		text-align: center !important;
	}
	.order-summary .explanatory-text {
		font-size: 12px !important;
		display: block;
		padding-bottom: 10px !important;
		text-align: left !important;
		padding-left: 2px !important;
	}
	.theme_default p {
		line-height: 16px;
		margin: 0.5em 0;
		font-size: 12px;
	}
	.row-one .col-four #apple_order_content
	{
		font-size: 12px;
		text-align: left !important;
		padding-left: 2px;
	}
	#tab_close{
		top: 236.125px;
		left:60px !important;
	}
	p.grand-today {
		padding-right: 0px !important;
	}
	#order_summary .sub-header .headings table th.col-three
	{
		padding: 9px !important;
	}
	.order-summary .col-four
	{
		padding-right:1px !important;
		text-align:center !important;
	}
	td.col-four
	{
		padding-bottom:14px !important;
	}
	.line.line_child table .col-four
	{
		vertical-align:initial !important;
	}
}
@media (max-width:384px)
{
	#tab_close {
		left: 51px !important;
	}
}
@media (max-width:375px)
{
	#tab_close {
		left:51px !important;
	}
}
@media (max-width:360px)
{
	#tab_close {
		left: 66.5px !important;
	}
}
@media (max-width:320px)
{
	#tab_close {
		left: 27.5px !important;
	}
}