/* Menu Icon */
#toplevel_page_ph_fedex_registration .wp-menu-image img {
    width: 18px;
}

.wf_settings_heading_tab{
	cursor: pointer;
}
.wf_settings_heading_tab::after{
	content: ' \25BC'
}

/*------------------------------------------------------------------- Services and  boxes settings ----------------------------------------------------------------- */
#service_options td,
#fedex_packing_options td {
	padding-left:0px;
}

#ph-fedex-bulk-select-box {
    margin: 5px 0 0 20px;
}

#ph-fedex-bulk-enable-box {
	float: left;
	margin: 3px 10px 0 -4px;
}

.fedex_boxes .ph-fedex-select-box-td {
	vertical-align: middle !important;
	padding: 0 20px !important;
}

#ph-fedex-bulk-select-service {
	float: left; 
	margin: 3px 10px 0 0px;
}

.fedex_boxes td, .fedex_services td {
	vertical-align: middle;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 4px;
}

.fedex_services th, .fedex_boxes th {
    padding: 16px 0;
}

.fedex_boxes input[type='number'] {
	width: 80% !important;
}

.fedex_boxes .check-column {
	vertical-align: middle;
	text-align: left;
}

.fedex_boxes .box-name-field {
	padding-right: 50px !important;
}

.ph-fedex-service-checkbox {
	width: 0% !important;
}

.fedex_boxes .ph-fedex-select-box {
	vertical-align: middle !important;
}

.plus {
	margin-left: 20px !important;
}

.plus, .minus, .reset {
	margin-right: 10px !important;
}

.ph-service-highlightener {
	color:red;
}

.ph-fedex-adjustments {
	padding-left: 6px !important;
	padding-right: 2px !important; 
	width: 168px !important;
}

.fedex_services th.sort {
	width: 16px;
	padding: 0 16px;
}

.fedex_services td.sort {
	cursor: move;
	width: 16px;
	padding: 0 16px;
	cursor: move;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHUlEQVQYV2O8f//+fwY8gJGgAny6QXKETRgEVgAAXxAVsa5Xr3QAAAAASUVORK5CYII=) no-repeat center;
}

/* Box Packing Tool Tip*/
.ph-tooltip {
	position: relative;
	margin-left: 20px;
}

.ph-tooltip .ph-tooltip-text {
	visibility: hidden;
	width: 150px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.ph-tooltip:hover .ph-tooltip-text {
	visibility: visible;
}

/*------------------------------------------------------------------- Edit Order - Packaging Details ----------------------------------------------------------------- */
table.wf-shipment-package-table{
	margin: 0;
	width: 100%;
	border: 1px solid #ddd;
	border-spacing: 0;
	background-color: #f9f9f9;
	overflow: scroll;
	display: block;
}

table.wf-shipment-package-table th{
	font-size: 12px;
	border-bottom: 1px solid;
	text-align:left;
	padding: 0 0 0 2px;
}

table.wf-shipment-package-table td{
	background-color: #FFFFFF;
}

table.wf-shipment-package-table td input[type="number"] {
    width: 90%;
}

table.wf-shipment-calculate-cost-table{
	margin: 0;
	width: 100%;
	border: 1px solid #ddd;
	border-spacing: 0;
	background-color: #f9f9f9;
}

table.wf-shipment-calculate-cost-table th{
	font-size: 12px;
	border-bottom: 1px solid;
	text-align:left;
	padding: 0 0 0 2px;
}

table.wf-shipment-calculate-cost-table td{
	background-color: #FFFFFF;
}

table.ph-order-edit-options-table{
	margin: 0;
	width: 100%;
	border: 1px solid #ddd;
	border-spacing: 0;
	background-color: #f9f9f9;
}

table.ph-order-edit-options-table th{
	font-size: 12px;
	border-bottom: 1px solid;
	text-align:center;
	padding: 0 0 0 2px;
}

table.ph-order-edit-options-table td{
	background-color: #FFFFFF;
	padding: 10px;
	border: .1px solid #ddd;
	border-collapse: collapse;
	width:20%;
}

.ph-highlight-etd-row {
    background-color: #fff9c4 !important; /* Mild yellow */
    transition: background-color 1.5s ease !important; /* Smooth transition over 2 seconds */
}

table.ph_fedex_tracking_status_history_table {
	border-collapse: collapse;
	width: 100%;
	margin: 5px;
}

table.ph_fedex_tracking_status_history_table td {
	border: 1px solid #ddd;
	padding: 8px;
}

table.ph_fedex_tracking_status_history_table th {
	padding: 8px;
	text-align: left;
	background-color:#f9f9f9;
	color: black;
}

table.ph_fedex_tracking_status_history_table tr:nth-child(odd){ 
	background-color: #f2f2f2; 
}

.ph_fedex_tracking_error_message {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: left;
  text-align: center;
  background: #ddd; /* Not necessary just to see the result clearly */
}

.wf-action-button{
	display: inline-block;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
	border: 1px solid #a1a1a1;
	padding: 0 2em;
	margin: 0.2em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	border-radius: 0.2em;
	cursor: pointer;
}

.wf-add-button:before { 
	content: "\271A";
}

.wf_general_advance_tab{
	cursor: pointer;
}
.wf_general_advance_tab::after{
	content: '\25B6';
	
}
.wf_general_advance_tab_click::after{
	content: '\25BC' !important;
	
}

/* Settings Banner */
.ph_registration_banner {

	margin: 5px 0px;
	z-index: 1;
	border: 1px solid #ccc;
	background-color: #fff;
}

.ph_fedex_box_1
{
	float: left;
	width: 31%;
	text-align: center;
	padding: 0px 5px;
}

.ph_fedex_box_1 img {
	margin-top: 10px;
	width: 30%;
}

.ph_fedex_box_2 {
	
	text-align: -webkit-auto;
	margin-bottom: 10px;
}

#ph_fedex_close_banner {

	float:right;
	padding:5px 5px;
	background:#ccc;
	box-shadow: none;
	cursor: pointer;
	border: 1px solid #ccc;
	z-index: 1;
}

.ph_api_key_activation_steps {

	list-style: disc !important;
	margin-left: 30px;
}

/* API Expire Notice */
#ph-fedex-api-key-expire-notice{
	padding: 0px 12px;
}

.ph-fedex-api-notice-logo {
	width: 10%;
	float: left;
}
.ph-fedex-api-notice-logo img{
	width: 90%; 
	padding: 25% 0% 8% 0%;
}

.ph-fedex-api-key-notice-close-form {
	width: 1%; 
	float: right; 
	text-align: right;
}

#ph-fedex-api-key-expire-close-notice {
	background: none;
	font-size: 20px; 
	cursor: pointer; 
	border: none;
}

#ph-fedex-api-key-expire-close-notice:hover {
	
	background-color:#f0f0f1; 
}

.ph-fedex-api-key-expire-notice-details {
	width: 89%; 
	float: right;
	padding-bottom:10px
}

.wf_fedex_package_line_remove {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
}

/* REST Migration banner */
.ph-fedex-notice-banner {
	background-color: #e2f0d9;
	color: #000000;
	padding: 15px !important;
	padding-top: 0 !important;
	margin-bottom: 20px !important;
	border: 1px solid #9cdb89;
	border-radius: 5px;
}

.ph-fedex-close-notice, .ph-fedex-contact-us {
	background-color: #4caf50;
	color: #ffffff;
	border: none;
	padding: 8px 10px;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 2px;
}

.ph-fedex-close-notice:hover, .ph-fedex-contact-us:hover {
	background-color: #388e3c;
}

/* Orders page action icon */
.ph-fedex-action-icon {
	width: 25px !important;
	height: 29px !important;
}