@charset "utf-8";
@import url('/static/branding/engage/css/font.css');
* {
    margin:0;
    padding:0;
}

html, body {
    height: 100%;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
    font: 12px ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
    color: #4B4B4B;
}

ul {
    list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

select
{
height:25px;
}

input {
	    font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
/* height:25px; */
}

textarea {
    font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
    font-size: 13.3333px;
}

input[type=text], input[type=password],input[type=email],input[type=submit],input[type=button] {
	height:25px;
	padding-top:0px !important;
	padding-bottom:0px !important;
	box-sizing: border-box;
}

button { cursor: pointer }

a {
    /* Gives Nice And Fast Transition Effect Typically For Flat Designs */
/*    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
*/
    text-decoration: none;
    color: #1875BA;
}

a:hover {
    text-decoration: underline;
    color: #555;
    outline: 0;
}

a:focus {
    outline: thin dotted;
}

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}

img { border: none; vertical-align: middle }

#wrapper {
    height: auto !important;
    margin: 0 auto -101px;
    min-height: 100%;
    position: relative;
}

#clear {
    clear: both;
}

#preload {
    top: 0%;
    left: 50%;
    width:100%;
    height:100%;
    margin-left: -64px; /* image width / 2 */
    margin-top:   0px;  /* image height / 2 */
    cursor: wait;
    display: none;
    z-index: 999;
    position: fixed;
}

.required-field {
  /*  border: 1px solid #cd0a0a;*/
}
.mainTextS
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:14px;
color:#31526B;
text-align:left;
}
.mainTextS ol {
padding-left: 114px;
padding-right:100px;

}

.require {
    color: #A22827;
    font-weight: bold;
}

.site-branding {
    display:none;
}

/* Centered 1000 pixel content of all section body */
.content {
    width: 1000px;
    margin: 0 auto;

}

/* Header */

#header {
    border: none;
    height: 60px;
    /*width: 1000px;*/
    margin: 0 auto;
    /*padding: 5px 0;*/
    background-color: #1875BA;
}

#header img {
    max-height: 31px;
    /*padding-top: 2px;*/
    max-width: 450px;
    vertical-align: middle;
}

#header input[type=text] {
    margin: 0;
    padding: 0;
    height: 24px;
    border: none;
    color: #98A7AF;
    width: 120px;
}

#header input[type=button] {
    background: url("/static/branding/engage/images/header/search.png") no-repeat center center;
    width: 24px;
    height:24px;
    border: none;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    background-color: #98A7AF;
    position:absolute;
}

nav {
    /* margin: auto; */
    max-width: 500px;
    float: right;
    text-align: right;
    margin-right: 230px;
}


nav a {
    display: block;
    color: #1875BA;
    /*font: bold 10px Arial;*/
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
    text-align: left;
    margin-right: 15px;
}


nav a span {
    /*font: bold 11px Arial;*/
    font-size:11px;
    font-weight:bold;
/*    padding: 5px 10px 5px 10px;*/
    position: relative;
    color: #FFF;

    /*top: 2px;*/
    /*left: -3px;
    border: 1px solid #fff;
    border-radius: 0 3px 3px 0;*/
}


nav a:hover {
    text-decoration: none;
}

nav ul {
    position: relative;
    display: inline-table;
    margin-top: 10px;
margin-left: -30px;
}

#header nav>ul {
	margin-top:18px !important;
}

nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
}

nav ul li a {
    padding-bottom: 10px 30px 10px 10px;
}

nav ul li:hover > ul {
    display: block;
}

nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
    border: 1px solid #1875BA;
    background-color: #FFF;
    z-index: 1;
    margin: 0;
}


nav ul ul li {
    float: none;
    position: relative;
    white-space: nowrap;
}

nav ul ul li a {
    padding: 10px 20px;
    margin-right:0px !important;
}

nav ul ul li a:hover {
    color: #FFFFFF !important;
    background: #1875ba;
}

nav ul ul li hr {
    margin: 0 auto;
    color: #CCC;
    width: 90%;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

#nav-table
{
border-collapse: separate;
}

#nav-table td {
	padding : 0px!important;
	/*font: bold 11px Arial; */
	font-size:11px;
	font-weight:bold;
}
#nav-table tr td:last-child {
    border : 1px solid white;
    border-radius :0px 3px 3px 0px;
}
#nav-table tr td:first-child {
    border : 1px solid white;
    border-radius :3px 0px 0px 3px;
}
/* Menu */

#menu {
   /* height: 32px;*/
/*    width: 1000px;*/
    margin: 0 auto;
    color: #9BA7AF;
    background-color: #FFFFFF;
    /*font: bold 11px Arial, Helvetica;*/
    font-size:11px;
    font-weight:bold;
    border-bottom: 1px solid #DDD;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    white-space: nowrap;
    display: table-row;
}

#menu li {
    display: inline;
    display: table-cell;
    border-right: 1px solid #DDD;
	/*border-bottom: 1px solid #DDD;*/
height:32px;
}


#menu ul li:nth-child(1){
    border-left: 1px solid #DDDDDD;
}

#menu li :hover {
    background-color: #E2E2E2;
}

#menu a {
    width: 100%;
    float: left;
    color: #9AA4AD;
    padding-right: 0;
    text-decoration: none;
}

#menu img {
    vertical-align: middle;
}

#menu .content {
    display:table;
}

#menu a.selected {
    color: #FFF;
    cursor: pointer;
    background-color: #98A7AF;
}

#menu a.selected :hover {
    background-color: #98A7AF;
}

/* Page */

/* #page {
    height: 100%;
    width: 1000px;
   padding: 10px;
    margin: 0 auto;
    margin-bottom: 50px;
} */
#page {
    height: 100%;
    margin: 0 auto 50px;
    /*padding: 10px;*/
    width: 1000px;
}

/* Post */

#post {
    margin: 0 auto;
}

#post select {
border: 1px solid #1875BA;
border-radius: 3px;
}

#label {
    margin: 0 auto;
}

/* Footer */

#footer {
    clear: both;
    height: 75px;
    /*width: 1000px;*/
    margin: 100px auto 0 auto;
    background-color: #F5F5F5;
    border-top: solid 1px #ddd;
}

#footer ul {
    padding: 32px 0px 0px 0px;
    list-style: none;
    float: left;
    color: #9BA7AF;
}

#footer li {
    display: inline;
    padding: 0 5px;
}

#footer img.logo {
    width: 97px;
    height: 37px;
    margin-right: 30px;
}

#footer a {
    color: #9BA7AF;
}

#footer a:hover {
    color: #1875BA;
    text-decoration: underline;
}

#footer ul.links {
    float: right;
    margin: 0px 0;
    /*font-weight: bold;*/
    color: #9BA7AF;
    padding: 25px 0 !important;
}

#footer a span {
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
}

#legal, #privacy { margin: 10px; padding: 10px }
#legal, #privacy ul { margin: 20px; list-style: disc; list-style-type: disc }
#legal, #privacy ol { margin: 20px; list-style: decimal; list-style-type: decimal }
#legal, #privacy li { margin: 10px }
#legal, #privacy p { margin: 10px }

/* Dashboard */

#dashboard {
    width: auto;
    height: auto;
}

h1, h2, h3 {
    font-weight: bold;
    color: #1875BA;
    margin: 10px 0;
    clear: both;
}

h1 {
    color: #FFF;
    padding: 10px;
    font-size: 20px;
    text-transform: uppercase;
    background-color: #1875BA;
}

h2 {
    padding: 5px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: solid 1px;
}

h3 {
    font-size: 14px;
}

label {
    white-space: nowrap;
}

div.notice { position: relative; margin: 10px 0px; padding: 15px; border: 1px solid #97C1DA; color: #264C72; background-color: #D0E3EF; text-align: left }
div.error   { position: relative; margin: 10px 0px; padding: 15px; border: 1px solid #811;    color: #911;    background-color: #efd0d0; text-align: left }

table { margin: 0; padding: 0; border-spacing: 0px; }
table th { color: #FFF; text-align: center; background: #9BA7AF; text-transform: uppercase; }
table td { padding: 4px; }
table a { text-align: center; }

h1 table td { font-size: 12px; font-weight: normal }

#equal {display: table; width: 100%}
#equal .twocolumns {padding: 0}
#row {display: table-row; width: 100%}
#row table {min-height: auto}
/*#row div {display: table-cell; padding: 0 10px;vertical-align: top; height: 100%}*/
#row div.add-summary {display: table-cell; padding: 0px 22px 0px 0px; vertical-align: top; width: 655px}
#row div.sd-summary {display: table-cell; padding: 0px; vertical-align: top; width: 322px}
#row div.ship-from {display: table-cell; padding-right: 10px;vertical-align: top}
#row div.ship-to {display: table-cell; padding: 0 10px;vertical-align: top}
#row div.ship-info {display: table-cell; padding-left: 10px;vertical-align: top}

#package-detail-list table {padding: 10px 0; border-spacing: 0px; text-align: center}
#package-detail-list table th {color: #FFF; background: #9BA7AF; text-transform: uppercase; white-space: nowrap}
#package-detail-list table td {padding: 0; text-align: center}

green { color: #5DBD53; font-weight: normal; }

table.package { width: 1000px; margin: 10px 0; padding: 0; border-spacing: 0px; text-align: center; font-weight: bold; background: #9BA7AF; margin-bottom: 10px }
table.package th { padding: 5px; color: #9BA7AF; background: #EEE; text-align: left; text-transform: capitalize; white-space: nowrap }
table.package td { padding: 5px; color: #FFF; text-align: left; text-transform: capitalize; white-space: nowrap }
table.package td.spacer { border-left: 1px solid #bbb }
table.package td.product { background: #FFF; border: 4px solid #9BA7AF }
table.package a :hover { text-decoration: none }

table.shipment-summary { width: 1000px; margin: 10px 0; border-spacing: 0px; text-align: center}
table.shipment-summary th { padding: 5px; color: #FFF; background: #5DBD53; text-transform: capitalize; white-space: nowrap }
table.shipment-summary td { padding: 10px; white-space: nowrap; text-align: right }
table.shipment-summary td.details { border: 4px solid #5DBD53;}
table.shipment-summary td.total { background: #EEE;}

table.shipment-summary table td { padding: 0 }

#shipment-summary-div table { background: #FFF; border-spacing: 0px; text-align: left; white-space: nowrap }
#shipment-summary-div table th { padding: 5px; background: #FFF; color: #5DBD53; text-transform: capitalize }
#shipment-summary-div table td { padding: 0 5px }

.small-text { width: 50px; }
.full-width { width: 100% }

button.left-rounded-btn   { padding: 2px 3px; width: 100px; border: 1px solid #FFF; color: #A0A0A0; background: #EEE; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; /*font: bold 11px Arial;*/ font-size:11px; font-weight:bold; cursor: pointer }
button.right-rounded-btn { padding: 2px 3px; width: 100px; border: 1px solid #FFF; color: #A0A0A0; background: #EEE; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; /*font: bold 11px Arial;*/ font-size:11px; font-weight:bold;  cursor: pointer }
button.green { color: #FFF; background: #5DBD53 }

.shipment-notice ul {
    position: absolute;
    border: 3px solid #F00;
    color: #F00;
    padding: 5px;
}

.shipment-notice ul lh {
    /*font: bold 14px Arial;*/
    font-size:14px;
    font-weight:bold;
    margin: 5px 5px;
}

.shipment-notice ul li {
    list-style-type: circle;
    margin-left: 30px;
    font-size: 12px;
}

.shipment-notice ul li.shipment-weight-notice {
    display: none;
}

.round-black-button {
    padding: 1px 4px;
    display: inline;
    width:10px;
    height:10px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #464646;
    box-shadow: 0 0 3px gray;
    /*font: bold 11px Arial;*/
    font-size:11px;
    font-weight:bold;
}
.round-black-button:hover { background: #262626 }
.round-green-button {
    padding: 1px 4px;
    display: inline;
    width:15px;
    height:15px;
    line-height:10px;
    border-radius: 50%;
    color: #FFF;
    text-align:center;
    background: #5DBD53;
    /*font: bold 14px Arial;*/
    font-size:14px;
    font-weight:bold;
}
.round-green-button:hover {
    background: #296F32;
    color: #FFF;
}

.long-rounded-button {
    padding: 5px 10px 5px 5px;
    height: 30px;
    display: inline;
    border: 2px solid #FFF;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #FFF;
    text-align: center;
    text-decoration:none;
    background: #5DBD53;
    box-shadow: 0 0 3px gray;
    /*font: bold 11px Arial;*/
    font-size:11px;
    font-weight:bold;
}

.long-rounded-button span {
    display: inline;
    padding: 0 3px;
    width:15px;
    height:15px;
    line-height:10px;
    border-radius: 50%;
    color: #5DBD53;
    text-align:center;
    background: #FFF;
    /*font: bold 14px Arial;*/
    font-size:14px;
    font-weight:bold;
}

.long-rounded-button:hover {
    background: #296F32;
    color: #FFF;
}

.long-rounded-button reload {
    width: 24px;
    height: 18px;
    padding: 0;
    color: transparent;
    display: inline-block;
    vertical-align: middle;
    background: url("/static/branding/engage/images/command-refresh-24.png") no-repeat center center;
}

table.center { width: auto; padding: 10px; margin: 10px auto; text-align: center; }

table.order-nav { width: 100%;  text-align: center }
table.order-nav td { width: 33%; margin: 0; padding: 10px 0px; }
table.order-nav td.L { padding: 12.5px 10px 5px  0px; }
table.order-nav td.C { padding: 12.5px 10px 5px 10px; }
table.order-nav td.R { padding: 12.5px  0px 5px 10px; }

table.order-nav tr td div img {
    background-color: #1875BA;
    border-radius: 50%;
    margin: auto;
}

table.gray-app {
    margin: 10px 0;
    padding: 10px;
    background: #F0F0F0;
    border: solid 1px #ccc;
}

table.gray-app caption {
    color: #FFF;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    background: #9BA7AF;
    text-transform: uppercase;
}

table.gray-app th {
    padding: 5px;
    background: #9BA7AF;
}

table.gray-app td {
    padding: 5px;
}

.summary-app {
    width: 100%;
    margin: 10px 0;
    padding-bottom: 5px;
    background: #F0F0F0;
    border: solid 1px #ccc;
}

.summary-app caption {
    color: #FFF;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    background: #1875BA;
    text-transform: uppercase;
}

.summary-app th {
    padding: 5px;
    color: #9BA7AF;
    font-weight: bold;
    background: #F0F0F0;
    text-align: right;
}

.summary-app td {
    color: #666;
    padding: 2px;
    font-size: 13px;
    line-height: 20px;
}

table.summary-app a {
    color: #9BA7AF;
    text-transform: lowercase;
}

table.summary-app a:hover {
    color: #FFF;
    text-decoration: underline;
}

table.app {
    width: 100%;
    background: #F5F5F5;
    border: solid 1px #ccc;
    height: 85%;
    padding-bottom: 15px;
}
table.start-app {
	padding-bottom:8px !important;
}

table.app caption {
    color: #FFF;
    height: 32px;
    padding: 15px 0 0 15px;
    font-size:15px;
    font-weight: bold;
    background: #1875BA;
    text-align: left;
    text-transform: uppercase;
}

table.app caption.small {
    height: auto;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 100;
}

table.app caption ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    white-space: nowrap;
    display: table-row;
}

table.app caption li {
    display: inline;
    display: table-cell;
}

table.app th {
    padding: 10px;
}

table.app caption a {
    color: #FFF;
    text-align: center;
    text-transform: lowercase;
}

table.app td green {
    color: green;
    font-weight: bold;
}

.labellike {
    background-color: transparent;
    font-weight: bold;
    color: #4B4B4B;
    border: none;
    width: 100%;
}
.labellike1 {
    background-color: transparent;
    font-weight: bold;
    color: #4B4B4B;
    border: none;
    width: 50px;
}

table.app b {
    font-weight: bold;
    padding: 10px 5px;
}

table.single-row {
    width: 100%;
}

table.single-row td{
    padding: 0;
    vertical-align: top;
}

td.twocolumns {
    height: 350px;
    width: 50%;
    padding: 0px;
}

.twocolumns table tbody tr:nth-child(1) td {
    padding-top: 13px;
}

.twocolumns table tbody tr td {
    font-size: 14px;
    line-height: 29px;
    padding: 2px 5px;
}

.twocolumns table tbody tr td input[type="text"],
table.app input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 12px;
    height: 25px;
    padding: 4px 7px;
    width: 200px;
    display: block;
    float: left;
    clear: none;
border: 1px solid #1875BA;
border-radius: 3px;
}

table.app input[type="radio"] { width: auto }

.twocolumns table tbody tr td select, table.app select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    clear: none;
    display: inline-block;
    float: left;
    font-size: 13px;
    height: 25px;
    padding: 3px 3px 3px 1px;
}

td.threecolumns {
    height: 400px;
    width: 33%;
    padding: 0px;
}

.threecolumns .app tbody tr:nth-child(1) td {
    padding-top: 18px;
}

.threecolumns .citystatezip tbody tr:nth-child(1) td {
    padding-top: 0px;
}

.threecolumns .app tbody tr td:nth-child(1) {
    padding-right: 16px;
    width: 36%;
}

.threecolumns .citystatezip tbody tr td:nth-child(1) {
    padding-right: 8px;
    width: 40%;
}

.threecolumns .app input[type="text"] {
    border: 1px solid #1875BA;
    max-width: 178px;
border-radius: 3px;
}

.threecolumns:nth-child(2) .app input[type="text"] {
    max-width: 199px;
    border: 1px solid #1875BA;
    border-radius: 3px;
}

.threecolumns:nth-child(1) .app input[type="text"] {
    max-width: 199px;
    border: 1px solid #1875BA;
    border-radius: 3px;
}
.threecolumns .app tbody {
    line-height: 30px;
}

table.center-app {
    width: 100%;
    padding: 10px;
    margin: 10px auto;
    background: #F5F5F5;
    text-align: left;
    border: solid 1px #CCC;
}

input.active {
    width: 100%;
    padding: 5px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background: #1875BA;
    text-align: center;
    border: 1px solid #1875BA;
    cursor: pointer;
}

input.inactive {
    width: 100%;
    padding: 5px 0px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background: #9BA7AF;
    text-align: center;
    border: 1px solid #9BA7AF;
    cursor: pointer;
}

.bold-text {
    font-weight: bold;
}

.text-align-right {
    text-align: right;
}

.solid-line {
    top: 10px;
    height: 8px;
    width: 100%;
    z-index: -1;
    border: none;
    margin: 0px 0px;
    background-color: #1875BA;
    position: absolute;
}

#list { font-size: 16px }
#list ul { position: relative; margin: 10px 20px; list-style: none; list-style-type: square; }
#list li { padding: 5px; }

/* My Shipment styling START */

table.shipment-date-range { margin: 10px 0; font-size: 11px; background-color: #E4E5E7; text-align: center; border: 1px solid #A2A1A6; }
table.shipment-date-range th { padding: 5px; background-color: #FFF; }
table.shipment-date-range td { padding: 5px; }
table.shipment-date-range label { position: relative; color:#AAACAB; font-size: x-small; margin: 5px; }
table.shipment-date-range input[type=text]  { border: 1px solid #AFAFAF; padding: 1px 3px; vertical-align: inherit; width: 80px; }

button.quick-ship {
    color: #FFF;
    border: none;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 15px;
    white-space: nowrap;
    background-color: #58B94E;
}

button.quick-ship label {
    width: 24px;
    height: 24px;
    padding-right: 5px;
    color: transparent;
    display: inline-block;
    vertical-align: middle;
    background: url("/static/branding/engage/images/open-box-white.png") no-repeat center center;
}

table.shipment-filter { width: 100%; margin: 10px 0; background: #E4E5E7; border-spacing: 0px; text-align: center;}
table.shipment-filter td { padding: 10px 0; color: #1875BA; font-weight: bold; white-space: nowrap; }
table.shipment-filter input[type=text] { width: 200px; }
table.shipment-filter td div table td { padding: 0px 10px; text-align: left; font-weight: normal; }
table.shipment-filter a { font-weight: bold; }
table.shipment-filter a:hover { text-decoration: none; }

input.apply-filter {
    position: relative;
    display: inline-block;
    padding: 2px 2px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #9BA7AF;
    border: 1px solid #9BA7AF;
    vertical-align: middle;
    min-width: 80px;
    cursor: pointer;
}

table.batch-option  {width: 100%; margin: 10px 0; background: #E4E5E7; border-spacing: 0px; text-align: center;}
table.batch-option th { padding: 10px; color: #FFF; background-color: #98A4B0; font-weight: bold; white-space: nowrap; }
table.batch-option td { padding: 10px; background-color: #E4E5E7; white-space: nowrap; text-align: left; }
table.batch-option  input[type=button] {
    position: relative;
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #1875BA;
    border: 1px solid #27A9DE;
    vertical-align: middle;
    cursor: pointer;
}

label.track {font-size: 13px; font-weight: bold; white-space: nowrap; color: #1875BA;}
label.reprint {font-size: 13px; font-weight: bold; white-space: nowrap; color: #59B850;}
label.void {font-size: 13px; font-weight: bold; white-space: nowrap; color: #A25454;}

#myShipments table  {width: 100%; margin: 20px 0; border-spacing: 0px; font-size: 11px; border: 1px solid #A2A1A6; border-collapse: collapse }
#myShipments table tr:nth-child(odd) {color: #000; background: #F6F6F8 }
#myShipments table tr:nth-child(even) {color: #000; background: #E4E5E7 }
#myShipments table th {padding: 5px 15px 5px 19px; color: #FFF; background-color: #9AA4AD; white-space: nowrap; text-align: center; }
#myShipments table th.auto{padding: 0px;}
#myShipments table td {padding: 3px;}
#myShipments table td.center {text-align: center;}

#myReport table  {width: 100%; margin: 20px 0; border-spacing: 0px; font-size: 11px; border: 1px solid #A2A1A6; border-collapse: collapse }
#myReport table tr:nth-child(odd) {color: #000; background: aliceblue !important}
#myReport table tr:nth-child(even) {color: #000; background: repeat !important}
#myReport table th {padding: 15px 15px 15px 19px; color: #000; background-color: #FFFFFF; white-space: nowrap; text-align: center; }
#myReport table th.auto{padding: 0px;}
#myReport table td {padding: 10px;}
#myReport table td.center {text-align: center;}

#myShipments a.red, #colorIndicator a.red {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    background: #D44444; /* old browsers */
    background: -moz-linear-gradient(top, #8DD297 0%, #D44444 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D44444), color-stop(100%,#D44444)); /* webkit */
}

#myShipments a.green, #colorIndicator a.green {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    background: #398525; /* old browsers */
    background: -moz-linear-gradient(top, #8DD297 0%, #398525 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(100%,#398525)); /* webkit */
}

#myShipments a.black, #colorIndicator a.black {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    background: #9B9B9B; /* old browsers */
    background: -moz-linear-gradient(top, #ccc 0%, #000 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#000)); /* webkit */
}

#myShipments a.blue, #colorIndicator a.blue {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    background: #0F9BF2; /* old browsers */
    background: -moz-linear-gradient(top, #0F9BF2 0%, #F20C0C 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F9BF2), color-stop(100%,#0F9BF2)); /* webkit */
}

#myShipments a.yellow, #colorIndicator a.yellow {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    /* background: #398525;  old browsers */
    background: #fff25b; /* old browsers */
    background: -moz-linear-gradient(top, #fff25b 0%, #fedb35 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff25b), color-stop(100%,#fedb35)); /* webkit */
}

#myShipments a.red, #colorIndicator a.red {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    /* background: #398525;  old browsers */
    background: #FF0000;
}

#myShipments a.gray, #colorIndicator a.gray {
    display: block; width: 12px; height: 12px; padding: 1px; margin: 0 auto;
    background: #9B9B9B; /* old browsers */
    background: -moz-linear-gradient(top, #ccc 0%, #000 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#000)); /* webkit */
}

#myShipments a.track {color: #1875BA;}
#myShipments a.reprint {color: #59B850;}
#myShipments a.void {color: #A25454;}

/* CSS FOR TABLE SORTER */
.tablesorter th.sort.header {
    background-image: url(/static/images/tablesorter-bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 20px;
    margin-left: -1px;
}

.tablesorter th.sort.headerSortUp {
    background-image: url(/static/images/tablesorter-asc.gif);
    background-color: #3399FF;
}

.tablesorter th.sort.headerSortDown {
    background-image: url(/static/images/tablesorter-desc.gif);
    background-color: #3399FF;
}
/* CSS FOR TABLE SORTER END */

/* My Shipment styling END */

#carrier-product-sku table tr th { text-align: left; padding: 10px 0 }
#carrier-product-sku table tr td { text-align: left; padding: 10px 0 }

ul.sortable {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: -webkit-grabbing;
}

input {
    padding: 1px 3px;
border: 1px solid #1875BA;
border-radius: 3px;
    vertical-align: inherit;
}

input, select, textarea { color: #595959 }

input.text {
    width: 80px;
}

input.broad-text {
    width: 210px;
height:25px;
}

#company-default-settings select {width: 71%}

i.validation-message {
    font-size: 11px;
    vertical-align: bottom;
}

input.invisible {
    border: none;
}

#weight-with-unit input {
    display: block;
    float: left;
    background: #FFF;
    width: 200px;
    margin-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
border: 1px solid #1875BA;
border-radius: 3px;
    }

#weight-with-unit label {
    margin: 2px 0 0 132px;
    position: absolute;
    display: block;
    padding: 1px 10px;
    background: #EEE;
    color: #9BA7AF;
    border: 1px solid #DDD;
    }

/* Buttons */

input.button {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    background-color: #EAEAEA;
    white-space: nowrap;
    border: 1px solid #DDD;
    vertical-align: middle;
    min-width: 100px;
    cursor: pointer;
}

input.green {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #5DBD53;
    border: 1px solid #5DBD53;
    vertical-align: middle;
    min-width: 100px;
    cursor: pointer;
}

input.blue {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #1875BA;
    border: 1px solid #1875BA;
    vertical-align: middle;
    min-width: 100px;
    cursor: pointer;
}

input.gray {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #9BA7AF;
    border: 1px solid #9BA7AF;
    vertical-align: middle;
    min-width: 100px;
    cursor: pointer;
}

input.red {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #ED1D24;
    border: 1px solid #ED1D24;
    vertical-align: middle;
    min-width: 100px;
    cursor: pointer;
}
.page-content input.red {
	padding: 0px 15px !important;
	height:25px;
}
.page-content input.red:hover {
	border-color:#9ba7af;
}

input.add {
    position: relative;
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #27A9DE;
    border: 1px solid #27A9DE;
    vertical-align: middle;
    cursor: pointer;
}

input.delete {
    position: relative;
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #ED1D24;
    border: 1px solid #ED1D24;
    vertical-align: middle;
    cursor: pointer;
}

.green-forward {
    min-width: 150px;
    height: 25px;
    overflow: hidden;
    background: url("/static/branding/engage/images/green-arrowhead-right.png") no-repeat right;
    color: transparent;
}

.green-forward input {
    min-width: 118px;
    position: relative;
    display: inline-block;
    /*padding: 7px 15px;*/
    height:25px;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #5DBD53;
    border: 1px solid #5DBD53;
    vertical-align: middle;
    cursor: pointer;
    float: left;
 border-top-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 3px;

}

.gray-backward {
    height: 25px;
    overflow: hidden;
    background: url("/static/branding/engage/images/gray-arrowhead-left.png") no-repeat left;
    color: transparent;
}

.gray-backward input {
    position: relative;
    display: inline-block;
    margin-left: 32px;
    /*padding: 7px 15px;*/
    height:25px;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #9BA7AF;
    border: 1px solid #9BA7AF;
    vertical-align: middle;
    cursor: pointer;
    float: right;
 border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0px;
}

input.package {
    width: auto;
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    background: #FBF9EE;
    border: 1px solid #FCEFA1;
    vertical-align: middle;
    cursor: pointer;
}

input.orange  {
    height: 32px;
    min-width: 118px;
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #FAA226;
    border: 1px solid #FAA226;
    vertical-align: middle;
    cursor: pointer;
}

.ui-state-package {border: 1px solid #EEE;background-color: #F0F0F0;}
.ui-state-package input[type="text"] {width: 80%;}
.ui-state-package select {width: 80%;}

.ui-state-product {border: 1px solid #EEE;background-color: #FFF;}
.ui-state-product input[type="text"] {width: 80%;}
.ui-state-product select {width: 80%;}

.ui-corner-all { border-radius: 0 }
.ui-corner-top { border-radius: 0 }

#carrier-service-list table { text-align: center; }
#carrier-service-list table tr:nth-child(odd) { color: #000; background: #F6F6F8 }
#carrier-service-list table tr:nth-child(even) { color: #000; background: #E4E5E7 }

#carrier-service-list ul li { width: 33%; margin-right: 1px; padding: 0; }
#carrier-service-list ul li a { width: 92%; text-align: center; }
#carrier-service-list li.ui-tabs-active a { background-color: #5DBD53; color: #FFF; }

#carrier-service-list.ui-tabs { margin: 0; padding: 0; }
#carrier-service-list.ui-tabs-nav { margin: 0; padding: 0; }
#carrier-service-list.ui-widget-header { background-color: #FFF; border: none; }

/* Company Management Setup - Branding Tab Styling */
#branding .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; height: 692px }
#branding .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0 }
#branding .ui-tabs-nav li a { display: block }
#branding .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-bottom-width: 1px; border-right-width: 1px }
#branding .ui-tabs-panel { padding: 1em; float: left; width: 56em }
#branding .ui-widget-header { background:#bfbfbf !important }

.float-right {float: right;}
.float-left {float: left;}

/* jQuery autocomplete scrollable results */
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

 /* IE 6 doesn't support max-height
  * we use height instead, but this forces the menu to always be this tall
  */
 * html .ui-autocomplete {
    height: 300px;
}

table.dialog-header {
    color: #FFF;
    width:100%;
    background: #18749A;
}

/* To show profile picture circular */
.profile-image {
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    height: 48px;
    width: 48px;
}
.uploadify-button {
    margin: 10px auto;
}

#carrier-service-list-1,
#carrier-service-list-2,
#carrier-service-list-3 {
    max-height: 300px;
    overflow-y: scroll;
}

.nmfcsearch, .skusearch, #fromsearch, #tosearch,#tocontactsearch,#fromcontactsearch {
    background: url("/static/branding/engage/images/search-find.png") no-repeat center center;
    width: 24px !important;
    border: 1px !important;
    color: transparent;
    cursor: pointer;
    position: relative;
    margin-left: -24px;
}

#tocity{
    min-width:70px;
}

#toStateDiv select {
    min-width:53px;
    margin: 0 7px 0 8px;
width:53px !important;
}

#fromStateDiv select {
    min-width:53px;
    margin: 0 7px 0 8px;
width:53px !important;
}

#tozip {
    min-width: 50px;
}

.#interview-screen #toCountryDiv #tocountry {
    max-width: 200px;
    min-width: 200px;
}

/* MISC custom styling */
input.orange[type=button] {
    margin-top:16px;
}

.green-forward:hover,
.gray-backward:hover,
input.orange[type=button]:hover {
    cursor: pointer;
    opacity: 0.9;
}

input.green, input.gray, input.red, button.quick-ship {
    margin-left: 15px;
}

/* SHIPMENT DETAILS PAGE */
#frm_shipment label {
  padding-left: 4px;
  width: auto;
}

label.bold-text[for=datetoship] {
  font-weight: normal;
}

#frm_shipment .app tbody tr:nth-child(1) td {
    padding-top: 18px;
}

#frm_shipment .citystatezip tbody tr:nth-child(1) td {
    padding-top: 0px;
}

#interview-screen #frm_shipment .app tbody tr:nth-child(1) td {
    padding-top: 11px;
}

#interview-screen #frm_shipment .citystatezip tbody tr:nth-child(1) td {
    padding-top: 0px;
}

.ui-tooltip{
    display:none;
    visibility:hidden;
    opacity:0;
}

#special-requirements {
    overflow:hidden;
}

#frm_shipment td {
    padding: 0 6px;
}

#frm_shipment #datetoship, #frm_shipment #dateneeded, #frm_shipment #description {
    max-width:115px;
}

#frm_shipment td.css3-radios {
    padding-left: 18px;
}

#frm_shipment label[for=deliverymethod] {
    padding-left:18px;
}

#page .content table.app tbody tr td:nth-child(1) {
    padding-left: 15px;
}

#page .content table.citystatezip tbody tr td:nth-child(1) {
    padding-left: 0px;
}

.charge-details table {
    width: 140px;
    white-space: nowrap;
    font-size: 11px;
    float:right;
}

#frm_label img {
    clear: both;
    display: block;
    float: none;
    margin: 125px 0;
}

#frm_shipment .single-row table.app input[type="text"],
#frm_shipment .single-row table.app select {
    width: 100%;
    max-width:200px;
}

#frm_shipment .single-row > tbody > tr > td {
    padding: 0;
    width: 50%;
    max-width: 50%;
}

.single-row table.app {
  min-height: 180px;
  max-width: 500px;
  border-radius:2px;
}

#frm_shipment .single-row .app tbody tr td {
  padding-left: 16px;
  padding-right: 16px;
}

#frm_shipment .single-row .citystatezip tbody tr td {
  padding-left: 0px;
  padding-right: 0px;
}

#frm_shipment .summary-app tr:nth-child(1) td {
    padding-top: 18px;
}

#freight-charges-list-1 table tbody tr td,
#freight-charges-list-2 table tbody tr td,
#freight-charges-list-3 table tbody tr td
{
    padding-top: 18px;
}

#frm_order h1 {
    position:relative;
}

#frm_order h1 table {
    position: absolute;
    right: 10px;
    top: 6px;
}

.product .app input[type="text"] {
    width: 129px;
}

#frm_order #fromcity, #frm_order #tocity {
    margin-bottom: 5px;
    min-width: 73px;
}

#frm_order #fromstate, #frm_order #tostate {
    margin:0 6px 4px 0;
    min-width:40px;
}

#frm_order #fromcountry, #frm_order #tocountry {
    max-width: 199px;
}

#frm_order label[for="tocity"] {
    clear: both;
    display: inline-block;
    float: right;
    height: 27px;
    margin-right: 0;
    text-align: right;
    width: 70px;
    color:#A22827;
}

#frm_order label[for="tostate"], #frm_order label[for="tozip"] {
    clear: none;
    float: left;
    width: 50%;
    text-align: right;
    color:#A22827;
}

#unittype {
    font-size: 15px;
    height: 22px;
    left: 8px;
    padding: 1px;
    position: relative;
    top: 0;
    width: 180px;
}

#frm_order h1 div {
    clear: none;
    float: right;
    position: absolute;
    right: 5px;
    top: 9px;
}

#frm_order h1 div label {
    font-size: 13px;
}

#frm_order form > .float-right:last-child {
    width: 100%;
}

#frm_order #cancel {
    float: left;
}

#frm_order h1 table #ordernumber {
    height: 21px;
    position: relative;
    top: -2px;
border: 1px solid #1875BA;
border-radius: 3px;
}

@media print {
    .no-print, .DoNotPrint {
        display: none !important;
    }
}

input::-webkit-input-placeholder {font-style:italic;}
input:-moz-placeholder {font-style:italic;  /* Firefox 18- */}
input::-moz-placeholder {font-style:italic; /* Firefox 19+ */}

.placeholder {font-style:italic; color: #bfbfbf}

P.buttonborder
{
float: right;
border-style: solid solid solid none;
color: #fff;
   height: 15px;
    position: relative;
    top: 4px;

}

li.menu-item {
   margin:0 0 100px 0;
}


/* CSS AS ON 11TH MARCH 2016 */
input.blue {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #1875BA;
    border: 1px solid #1875BA;
    vertical-align: middle;
    min-width: 140px !IMPORTANT;
    cursor: pointer;
}
.popup-connect input.blue, .page-content input.blue {
	padding: 0px 15px !important;
	height:25px;
}
.popup-connect input.blue:hover, .page-content input.blue:hover {
	border-color:#9BA7AF;
}
.page-content input.blue {
	min-width: 100px;
}

input.red {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #ed1d24;
    border: 1px solid #ed1d24;
    vertical-align: middle;
    min-width: 100px !IMPORTANT;
    cursor: pointer;
}
input.gray {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    background-color: #9BA7AF;
    border: 1px solid #9BA7AF;
    vertical-align: middle;
    min-width: 100px !IMPORTANT;
    cursor: pointer;
}
.page-content input.gray {
	padding: 0px 15px !important;
	height:25px;
}
.page-content input.gray:hover {
	border-color:#9BA7AF;
}
input.white {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #9BA7AF;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid #9BA7AF;
    vertical-align: middle;
    min-width: 140px !IMPORTANT;
    cursor: pointer;
}
.page-content input.white {
	padding: 0px 15px !important;
	height:25px;
}
.page-content input.white:hover {
	border-color:#9BA7AF;
}
.inactive
{
color:#919AA1;
font-weight:bold;
font-size:14px;
padding-left : 15px !important;

/*text-align:center;*/
}
.inprogress
{
color:#0CB1EF;
font-weight:bold;
font-size:14px;
padding-left : 15px !important;

}
.active
{
color:#39B54A;
font-weight:bold;
font-size:14px;
padding-left : 15px !important;

}
.failure
{
  color:#ED1D24;
font-weight:bold;
font-size:14px;
padding-left : 15px !important;

}
.grayText
{
color:#919AA1;


font-size:14px;
}
.divider
{
border-bottom:1px solid #CCCCCC;
}
.mainHeading
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:22px;
color:#1A77B8;
font-weight:bold;
}
.subHeading
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:16px;
color:#1A77B8;
font-weight:bold;
text-transform:capitalize;
padding:0px;
margin:0px;
height:35px;


}
.broad-text1
{
min-width:260px;
height:25px;
border:1px solid #CCCCCC;
color:#999999;
padding-left:5px;
}
.broad-text2
{
min-width:260px;
height:25px;
border:1px solid #CCCCCC;
color:#999999;
padding-left:5px;
}
.broad-text3
{
min-width:195px;
height:25px;
border:1px solid #CCCCCC;
color:#999999;
padding-left:5px;
}
.broad-text4
{
min-width:304px;
height:25px;
border:1px solid #18838d;
border-radius : 3px 3px 0px 0px;
color:#999999;
padding-left:5px;
}
input.broad-text1::-moz-placeholder, input.broad-text2::-moz-placeholder, input.broad-text3::-moz-placeholder, input.broad-text4::-moz-placeholder {
	font-style:normal;
}
input.broad-text1::-webkit-input-placeholder, input.broad-text2::-webkit-input-placeholder, input.broad-text3::-webkit-input-placeholder, input.broad-text4::-webkit-input-placeholder {font-style:normal;}
input.broad-text1:-moz-placeholder, input.broad-text2:-moz-placeholder, input.broad-text3:-moz-placeholder, input.broad-text4:-moz-placeholder {font-style:normal;  /* Firefox 18- */}
input.broad-text1::-moz-placeholder, input.broad-text2::-moz-placeholder, input.broad-text3::-moz-placeholder, input.broad-text4::-moz-placeholder {font-style:normal; /* Firefox 19+ */}

.popup-connect .broad-text1 {
	width:100% !important;
}
.popup-connect .broad-text2 {
	width:100% !important;
}
.popup-connect .broad-text3 {
	width:100% !important;
}
.popup-connect .broad-text4 {
	width:100% !important;
}

.mainHeadingL
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:42px;
color:#1A77B8;
font-weight:bold;
}
.mainTextL
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:24px;
color:#31526B;
}
.mainTextHF
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:18px;
color:#31526B;
}
.gray-btn
{
background-color:#BCBEC0;
 height: 53px !important;
    min-width: 304px;
    border-radius: 3px;
    color: white;
    text-align: center;
    border: white;
    font-size: 21px;
    font-weight: bold;
}
.blue-btn
{
background-color: #1D78B8;
    height: 53px !important;
    min-width: 304px;
    border-radius: 3px;
    color: white;
    text-align: center;
    border: white;
    font-size: 21px;
    font-weight: bold;
}
.green-btn
{
background-color:#18838D;
 height: 53px !important;
    min-width: 304px;
    border-radius: 0px 0px 3px 3px;
    color: white;
    text-align: center;
    border: white;
    font-size: 21px;
    font-weight: bold;
}
.greenmainHeadingL
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:42px;
color:#39B54A;
font-weight:bold;
}
.redmainHeadingL
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:42px;
color:#1875BA;
font-weight:bold;
}
.error-heading
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:42px;
color:#ED1D24;
font-weight:bold;
}
.bluemainHeadingL
{
font-family:ProximaNova-Regular, Verdana, Arial, sans-serif, Helvetica;
font-size:42px;
color:#18838D;
font-weight:bold;
}

.content {

    width: 1000px;
    margin: 0 auto;
    /* background: #fff; */
    border-radius:6px;



}
.popup-width{

    width: 800px;
    margin: 0 auto;
    background: #fff;
    border-radius:6px;



}
.yellow-btn {
    background-color:#F7941E;
    border: 1px solid #F7941E; /*medium none white;*/
    border-radius: 3px;
    color: white;
    height: 45px !important;
    min-width: 450px;
    text-align: center;
	font-weight:bold;
font-size:20px;
}
.yellow-btn:hover,.yellow-btn:focus  {
	border-color:#9ba7af;
}
.white-btn{
    background-color:rgba(21, 116, 210, 0.2);
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: white;
    height: 45px !important;
    min-width: 220px;
    text-align: center;
font-weight:bold;
}
.white-btn:hover, .white-btn:focus {
	border-color:#9ba7af;
	text-decoration:none;
}
.carrierManagementListing td{
     padding:0px;


margin:0px;
}

.popup
{
background-color:#ffffff; width:832px; border-radius:3px; margin:0 auto;  padding-bottom:10px !important; text-align:center;
}
.popup-welcome {
	width:857px !important;
	padding-bottom:42px !important;
}
.popup-connect {
	width:912px !important;
}

.circle {
width: 17px;
height: 17px;
line-height: 17px;
background: red;
/*-moz-border-radius: 50px;
-webkit-border-radius: 50px; */
border-radius: 3px;
position:relative;
z-index:9999999999;
margin-top:-35px;
margin-right:-9px;
padding:0px!important;
color:white;
text-align:center;
/*padding-top:1px;*/
/*border:1px solid white;*/
font-weight:bold;
float:right;
font-size:12px;
/*font-family:Georgia;*/
font-family:ProximaNova-Regular;
vertical-align:middle;
box-sizing: border-box;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.75)*/
}

.reconnect {
    background-color: #ed1d24;
    border: 1px solid #ed1d24;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    min-width: 140px; !important;
    padding: 7px 15px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}
.page-content .reconnect {
	padding: 0px 15px !important;
	height:25px;
}
.page-content .reconnect:hover {
	border-color:#9BA7AF;
}

h1, h2, h3 {
    clear: both !important;
    /*color: #1875ba!important;*/
    font-weight: bold!important;
    margin: 10px 0!important;
font-family:12px !important;

}
.popup-text {
	font-weight:bold;
}
.heading-top {
	padding-top:33px;
}
.popup-padding {
	padding:25px 41px 35px 43px;
}
table.connect-table td {
	padding: 6.5px 0px 6px 8px;
	width:100%;
}
h2 {
	margin-top:18px !important;
	margin-bottom:0px !important;
	padding-bottom:20px !important;
}
.shipping-nav input.active, .shipping-nav input.inactive {
	padding:0px !important;
	height:30px;
	vertical-align:middle;
	border-radius: 0px !important;
}
.td-image {
	padding: 7px 0px 12px 0px !important;
}
.address-div caption {
	padding-top:0px !important;
	height:35px !important;
	line-height:35px !important;
	vertical-align:middle;
}
.mainHeadingPadding {
	margin-top:15px !important;
	margin-bottom:12px !important;
}
.dropArrow {
	/*background-image: url(/static/branding/engage/images/carrier_management/downArrow_white.png);*/
	cursor: pointer;
	background-position: center center;
	/*background-repeat: no-repeat;
	background-position: center center;
	width:8px;
	border:0px !important;*/
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #FFFFFF;
	top:8px;
}

nav ul li:hover .dropArrow {
    /*background-image: url(/static/branding/engage/images/carrier_management/downArrow_blue.png);*/
	border-top: 7px solid #1875ba;
}

nav ul li.profileMenu #nav-table tr td:first-child, nav ul li.headerMenu #nav-table tr td:first-child {
	border: 0px;
	border-radius:0px;
}
nav ul li.profileMenu #nav-table tr td:last-child, nav ul li.headerMenu #nav-table tr td:last-child {
	border: 0px;
	border-radius:0px;
}

nav ul li.profileMenu a {
	color:#FFFFFF;
}

nav ul li.profileMenu ul {
	border-top:0px !important;
	border-radius:0px 0px 3px 3px;
	margin-top:-2px;
	margin-left:-1px;
}

/*nav ul li.profileMenu:hover #nav-table tr{
	border:1px solid #1875ba;
}*/
nav ul li.headerMenu #nav-table tr td:first-child{
	background-color:#FFFFFF;
}
nav ul li.headerMenu:hover #nav-table tr td:last-child{
	background-color:#FFFFFF;
}
nav ul li.headerMenu a {
	color:#FFFFFF;
}
nav ul li.headerMenu:hover a {
	color:#1875ba;
}
nav ul li.profileMenu #nav-table tr td:first-child{
	background-color:#FFFFFF;
}
nav ul li.profileMenu:hover #nav-table tr td:last-child{
	background-color:#FFFFFF;
}
nav ul li.profileMenu:hover a {
	color:#1875ba;
}
nav ul li.profileMenu>a, nav ul li.headerMenu>a {
	border:1px solid white;
	border-radius:3px;
}
nav ul li.profileMenu>a {
	width:112px;
	box-sizing: border-box;
}
nav ul li.profileMenu>ul {
	width:114px;
	box-sizing: border-box;
}
#nav-table {
	width:100%;
}

nav ul li.profileMenu:hover>a {

	/*border:1px solid #1875ba;*/
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0px;
 	border-bottom-left-radius: 0px;
	border-bottom:1px solid white;
}
nav ul li.profileMenu ul li a {
	padding:10px 50px 10px 10px!important;

}

nav ul li.profileMenu {
	border:1px solid transparent !important;
	margin:0px;
	padding:0px;
}
.bug-required {
    background-color: #ffecec;
    border-color: #d6603c;
}
.disconnect-text {
	font-size:12px;
}
.disconnect-text a {
	color:#1875ba !important;
}
.disconnect-text a:hover {
	color:#1875ba !important;
}
.logistic-text {
	font-size:15px;
	color:#919aa1;
}
.connect-table-fedex .broad-text2 {
	min-width: 195px;
}
.broad-text2-small {
	min-width:160px !important;
}

.broad-text2-large {
	min-width:238px !important;
}
.broad-text-height {
	height:25px !important;
}

:required {
/*    box-shadow: 0 0 1.5px 1px red !important;
    -webkit-box-shadow: 0 0 1.5px 1px red !important; */
    box-shadow: none;
    outline: none !important;
}

.dropdown {
  top:60%;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.dropdown dd,
.dropdown dt {
  margin: 0px;
  padding: 0px;
}

.dropdown ul {
  margin: -1px 0 0 0;
}

.dropdown dd {
  position: relative;
}

.dropdown a,
.dropdown a:visited {
  //color: #000000;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #1875BA;
  border-radius: 3px;
  vertical-align: inherit;
  outline: none;
  font-size: 10px;
}

.dropdown dt a {
  background-color: #f6f6f6;
  display: block;
  padding: 8px 20px 5px 10px;
  overflow: hidden;
  border: 1px solid #ccc;
  width: 160px;
}

.dropdown dt a span,
.ServiceList span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown dd ul {
  background-color: #f6f6f6;
  color: #000000;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 0px;
  width: 170px;
  font-size: 12px;
  list-style: none;
  //height: 100px;
  overflow: auto;
  border: 1px solid #1875BA;
  border-radius: 3px;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown dd ul li a:hover {
  background-color: #fff;
}


.dropdown1 {
  // top:50%;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.dropdown1 dd,
.dropdown1 dt {
  margin: 0px;
  padding: 0px;
}

.dropdown1 ul {
  margin: -1px 0 0 0;
}

.dropdown1 dd {
  position: relative;
}
.dropdown1 a,
.dropdown1 a:visited {
  //color: #000000;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #1875BA;
  border-radius: 3px;
  vertical-align: inherit;
  outline: none;
  font-size: 10px;
}

.dropdown1 dt a {
  background-color: #f6f6f6;
  display: block;
  padding: 8px 20px 5px 10px;
  overflow: hidden;
  border: 1px solid #ccc;
  width: 160px;
}

.dropdown1 dt a span,
.ServiceList span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown1 dd ul {
  background-color: #f6f6f6;
  color: #000000;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 0px;
  width: 170px;
  font-size: 12px;
  list-style: none;
  //height: 100px;
  overflow: auto;
  border: 1px solid #1875BA;
  border-radius: 3px;
}

.dropdown1 span.value {
  display: none;
}

.dropdown1 dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown1 dd ul li a:hover {
  //background-color: #fff;
}