/* WARD COLORS

WARD GREEN:#135d23
DESATURATED:#CFE6D4
HALF WAY:#73E68C
DARK:#0A3313;

WARD GOLD:#7C6534
DESATURATED:#E6DECF
HALF WAY:#E6BE73
DARK:#544523;

RED:#faaaaa
DESATURATED:#E6CFCF
HALF WAY:#E67373
*/

/*============== STRUCTURE ==============*/
body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #333333;
}

body {
    background-color: #808080;
    font-size: 14px;
    font-family: sans-serif;
}

/*.container, #header-inner, #menu-inner, #page-inner{
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}*/
.left, .pull-left {
    float: left !important;
}

.right, .pull-right {
    float: right !important;
}

.clear, .clearfix {
    display: block;
    clear: both;
}

/*============== GROUPS ==============*/
.visible_group {
    margin: 0px 0px;
}

.visible_group h3, .ui-dialog-titlebar {
    width: 100%;
    font-family: 'Rockwell';
    font-size: 22px;
    color: #135d23;
    line-height: 40px;
    padding: 0px 15px;
}

.ward-title {
    width: 100%;
    font-family: 'Rockwell';
    font-size: 22px;
    color: #135d23;

}

.h3light {
    width: 100%;
    font-family: 'Rockwell';
    font-size: 16px;
    color: #FFF;
    line-height: 40px;
    padding: 0px 15px;
}

.ui-dialog {
    padding: 0em 0em !important;
}

.ui-widget-header {
    color: #135d23 !important;
    background: #e6decf !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 0px 15px !important;
}

.ui-dialog .ui-dialog-title {
    margin: 0px 0px !important;
}

.half_group {
    width: 50%;
}

.third_group {
    width: 33.3%;
}

/*============== HEADINGS ==============*/
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

h1 {
    text-align: left;
    font-size: 250%;
}


/*============== HEADER ==============*/

/*================ Update 09-10-2015 ================*/
*, *:before, *:after {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Rockwell';
    src: url('../fonts/Rockwell.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rockwell.woff') format('woff'),
    url('../fonts/Rockwell.ttf') format('truetype'),
    url('../fonts/Rockwell.svg#Rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
    border: none;
    outline: none;
}

a, input {
    text-decoration: none;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.padding-top {
    padding-top: 0px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

/*#header{
    width:100%;
    height:auto;
    float:left;
    background:#323232 url('../images/background_head.png') repeat top left;
    border-bottom:2px solid #c0c0c0;
}*/
.top-nav {
    width: 100%;
    /* 		height:30px; changed this 1/14/2019 because small screens were seeing overlap with static value */
    height: auto;
    float: left;
    font-family: 'Rockwell';
    color: #fff;
    background: #141517;
}

.top-nav ul.nav {
    list-style: none;
    float: right;
    line-height: 30px;
    padding: 0px 0px;
    margin: 0px 0px;
}

.top-nav ul.nav li {
    background: url(../images/top_li_separator.png) no-repeat left center;
    list-style: none;
    display: inline-block;
    float: left;
    padding: 0px 15px;
}

.top-nav ul.nav li:first-child {
    background: none;
}

.top-nav ul.nav li a {
    display: inline-block;
    color: #04c879;
    font-size: 15px;
}

.top-nav ul.nav li a.login {
    color: #04c879;
}

.top-nav ul.nav li a:hover {
    color: #e2e2e2;
}

.logo {
    float: left;
    display: inline-block;
}

/*  Myhistory submenu transition */
.wrapper {
    height: 30px;
}

/*#historyMenu {
    height: 0em;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin-left: -.75em;
    transition-property: height;
    transition: all .75s ease-in-out;
}
.wrapper #historyMenu li{
    background: none !important;
    padding-left: 0px;
    margin-left: -2em;
}

.wrapper:hover #historyMenu {
    background: #141517 ;
    position: relative;
    z-index: 10;
    height: 11em;
}*/

/* end MyHistory new code */


/*============== MENU ==============*/
ul.main-nav {

    list-style: none;
    padding: 0px 0px;

}

ul.main-nav li {
    float: left;
    list-style: none;

}

ul.main-nav li a {
    display: block;
    font-size: 18px;
    color: #e6decf;
    padding: 12px 20px;
    font-family: 'Rockwell';
    border-bottom: 3px solid #ffffff;
    color: #AAAAAA;
}

ul.main-nav li.active a {
    border-bottom-color: #288C66;
    color: #324941;
}

ul.main-nav li a:hover {
    text-decoration: none;
    color: #324941;
}

#header-inner {
    font-size: 180%;
}

/*============== PAGE ==============*/

.body-section, .my-saved-item {
    width: 100%;
    float: left;
    font-family: arial;
    font-size: 14px;
    color: #8f8f8f;
    border-radius: 5px;
    background: #e6decf;
    overflow: hidden;
    margin: 5px 0px 0px 0px;
}

.bg-ward {
    background: #e6decf;
}

.ward-assured {
    font-size: 7pt;
}

.guaranteed {
    color: #2c5e42;
}

.my-saved-item {
    background: #fff;
}

.content-section {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
    line-height: 16px;
}

p.running-text {
    margin-bottom: 10px;
    font-size: 14px;
}

.input-out-box {
    width: 33.33%;
    float: left;
    margin-top: 10px;
}

.input-out-box label, .width5per .width7per label .width10per label .width15per label .width25per label .width20per label .width40per .width100per label, .third_group label {
    font-weight: normal;
    font-size: 14px;
    color: #707070 !important;
}

#page-title {
    font-family: 'Rockwell';
    font-size: 30px;
    color: #fff;
    margin: 15px;
}

.width5per {
    width: 5%;
    float: left;
}

.width7per {
    width: 7%;
    float: left;
}

.width10per {
    width: 10%;
    float: left;
}

.width12per {
    width: 12%;
    float: left;
}

.width15per {
    width: 15%;
    float: left;
}

.width20per {
    width: 20%;
    float: left;
}

.width24per {
    width: 24%;
    float: left;
}

.width25per {
    width: 25%;
    float: left;
}

.width30per {
    width: 30%;
    float: left;
}

.width33per {
    width: 33.33%;
    float: left;
}

.width40per {
    width: 40%;
    float: left;
}

.width45per {
    width: 45%;
    float: left;
}

.width50per {
    width: 50% !important;
    float: left;
}

.width55per {
    width: 55%;
    float: left;
}

.width60per {
    width: 60%;
    float: left;
}

.width65per {
    width: 65%;
    float: left;
}

.width66per {
    width: 66%;
    float: left;
}

.width70per {
    width: 70%;
    float: left;
}

.width75per {
    width: 75%;
    float: left;
}

.width80per {
    width: 80%;
    float: left;
}

.width85per {
    width: 85%;
    float: left;
}

.width90per {
    width: 90%;
    float: left;
}

.width95per {
    width: 95%;
    float: left;
}

.width100per {
    width: 100%;
    float: left;
}

.height10px {
    height: 10px;
}

.document {
    margin: 10px;
    padding: 15px;
    background-color: #EEEEEE;
    line-height: 1.8em;
}

a.load-save-btn, a.note, a.save-loc-btn, .ui-dialog-buttonset button.ui-button {
    float: right;
    font-family: arial;
    font-size: 12px;
    border-radius: 5px;
    background: #007c4a;
    border: 1px solid #007c4a;
    line-height: 26px;
    color: #fff !important;
    padding: 0px 12px;
    margin: 6px 0px;
}

a.float-left-button {
    float: left;
    font-family: arial;
    font-size: 12px;
    border-radius: 5px;
    background: #007c4a;
    border: 1px solid #007c4a;
    line-height: 26px;
    color: #fff !important;
    padding: 0px 12px;
    margin: 6px 0px;
}

.ui-dialog-buttonset button.ui-button {
    background: #007c4a !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

a.load-save-btn:hover,
a.note:hover, a.save-loc-btn:hover {
    color: #007c4a !important;
    background: #fff;
}

.ui-dialog-buttonset button.ui-button:hover {
    color: #007c4a !important;
    background: #fff !important;
}

a.find-city {
    float: right;
    font-family: arial;
    font-size: 12px;
    color: #007c4a;

}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.table-backgroubd {
    width: 100%;
    float: left;
    background: #fff;
}

/*============== FOOTER ==============*/
#footer {
    margin-top: 12px;
    background: #536F62;
    float: left;
    width: 100%;
}

#footer-inner {
    padding: 22px 0px;
}

#footer-inner p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
}

#footer-inner p a {
    color: #fff;
}

.faq-color {
    color: #FEC729 !important;
}

.copy-right {
    font-size: 13px;
    color: #d8d7d7 !important;
    margin-top: 5px;
    text-align: center;
}

/*============== INPUTS ==============*/
.control {
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
select:focus, button:focus, a.button:focus, textarea:focus, a:focus {
    border-color: rgba(19, 93, 35, 0.9);
    box-shadow: 0px 1px 1px rgba(19, 93, 35, 0.3) inset;
    outline: none;
}

input[type="text"][disabled],
input[type="password"][disabled]
input[type="email"][disabled]
input[type="submit"][disabled]
input[type="reset"][disabled]
input[type="button"][disabled]
select[disabled]
button[disabled]
a.button[disabled],
textarea[disabled] {
    background-color: #EEEEEE;
    border-color: #CCCCCC;
}

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], select, textarea {
    display: block;
    width: 95%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    line-height: 38px;
    padding: 0px 10px;
    margin: 5px 0px 5px 0px;
}

input[type="searchtext"], input[type="searchnumber"], input[type="searchpassword"], input[type="searchemail"], input[type="searchdate"], select, textarea {
    display: block;
    width: 95%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    line-height: 19px;
    padding: 0px 10px;
    margin: 5px 0px 5px 0px;
}

.width100per input[type="text"],
.width100per input[type="password"],
.width100per input[type="email"],
.width100per select,
.width100per textarea {
    width: 100%;
}

select {
    height: 38px;
    padding-right: 0px;
}

input[type="submit"], input[type="reset"], input[type="button"], button, a.button, input.pdfbutton {
    display: inline-block !important;
    line-height: 38px !important;
    background: #007c4a;
    cursor: pointer !important;
    border: 1px solid #007c4a !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    color: #ffffff;
    text-decoration: none !important;
    padding: 0px 20px !important;
    margin: 0px 8px 0px 0px !important;
    font-weight: normal !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover, a.button:hover {
    color: #007c4a;
    background: #fff;
}

.bottom-btn-bg input[type="submit"],
.bottom-btn-bg input[type="reset"],
.bottom-btn-bg input[type="button"],
.bottom-btn-bg a[class="button"] {
    background: #135d23;
    border: 1px solid #135d23;
    font-size: 18px;
    font-weight: bold;
    line-height: 38px !important;
}

.bottom-btn-bg input[type="submit"]:hover,
.bottom-btn-bg input[type="reset"]:hover,
.bottom-btn-bg input[type="button"]:hover,
.bottom-btn-bg a[class="button"]:hover {
    color: #135d23;
    background: #fff;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active, a.button:active {
    box-shadow: inset 0px 8px 16px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.05);
}

/*input[type="reset"], a.button.reset{ background-color:#E6CFCF;}
input[type="reset"]:hover, a.button.reset:hover{ background-color:#E67373;} */
/*a.button.submit{ background-color:#CFE6D4;}
a.button.submit:hover{ background-color:#73E68C;} */
table tbody td > input[type="text"],
table tbody td > input[type="password"],
table tbody td > input[type="email"],
table tbody td > select {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.close, .edit, .load-save-btn-pickup, .find-city-pickup, .more_options, .find_consignee {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    background-image: url('../images/remove.png');
    transition: none;
    background-size: 54px 18px;
    margin: 5px;
}

.edit {
    background: url(../images/pencil.png) no-repeat left top;
    margin: 5px 10px 5px 5px;
}

.load-save-btn-pickup {
    background: url(../images/LoadSaveLocation.png) no-repeat left top;
    background-size: 36px 18px;
}

.find-city-pickup {
    background: url(../images/findcity.png) no-repeat left top;
    background-size: 36px 18px;
}

.more_options {
    background: url(../images/plus.png) no-repeat left top;
    background-size: 36px 18px;
}

.find_consignee {
    background: url(../images/user.png) no-repeat left top;
    background-size: 36px 18px;
}

.close:hover, .ui-dialog-titlebar-close:hover {
    background-position: -18px 0px;
}

.close:active, .close:focus {
    background-position: -36px 0px;
}

.edit:hover {
    background: url(../images/pencil.png) no-repeat right top;
}

.load-save-btn-pickup:hover, .find-city-pickup:hover {
    background: url(../images/LoadSaveLocation.png) no-repeat right top;
    background-size: 36px 18px;
}

.find-city-pickup:hover {
    background: url(../images/findcity.png) no-repeat right top;
    background-size: 36px 18px;
}

.more_options:hover {
    background: url(../images/plus.png) no-repeat right top;
    background-size: 36px 18px;
}

.find_consignee:hover {
    background: url(../images/user.png) no-repeat right top;
    background-size: 36px 18px;
}

.ui-dialog-titlebar-close {
    background-color: !important;
    background: #e6decf url(../images/remove.png) !important;
    background-position: 51px -1px !important;
    border: 1px solid transparent !important;
    float: left;
    height: 26px !important;
    transition: none;
    width: 26px !important;
    margin-top: -13px !important;
}

.ui-dialog-titlebar-close span {
    display: none !important;
}

.ui-dialog-titlebar-close:focus,
.ui-dialog-titlebar-close:active {
    background: #e6decf url(../images/remove.png) !important;
    background-position: 51px -1px !important;
    box-shadow: 0px 1px 1px transparent inset !important;
}

.hasDatepicker {
    background-image: url('../images/calendar.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right 5px center;
}

table.list-items th {
    color: #fff;
    border-left: 1px solid #6f6f6f;
    padding: 8px 8px;
}

table.list-items th:first-child {
    border-left: none;
}

table.list-items tbody tr:nth-child(odd) {
    background: #f4f1eb;
}

table.list-items tbody tr:nth-child(even) {
    background: #ffffff;
}

table.list-items tbody tr:hover {
    background: #e7e7e7;
}

table.list-items td {
    /* font-family:arial;
    font-size:12px;
    color:#808080;
    border-top:1px solid #fff;
    border-left:1px solid #dfdfdf;
    padding:3px 8px; */
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #fff;
    color: #333333;
    font-family: arial;
    font-size: 13px;
    padding: 8px;
}

table.list-items td:first-child {
    border-left: none;
}

table.list-items tbody tr input[type="text"], table.list-items tbody tr select {
    height: 34px;
    line-height: 26px;
    padding: 0px 3px;
}

table.list-items tbody tr select {
    padding-right: 0px;
}

.bottom-btn-bg {
    width: 100%;
    float: left;
    padding: 15px;
}

.warning-popup {
    float: left;
    padding: 10px 5px 5px;
    width: 100%;
}

.warning-popup p {

    float: left;
    margin-left: 5px;
    width: 86%;
    word-wrap: break-word;

}

/*============== LABELS ==============*/
label, .errorMessage, .note {
    font-size: 90%;
}

.note170 {
    font-size: 170%;
}

label {
    font-weight: bold;
}

label.inline {
    display: inline !important;
    margin-left: 5px;
}

label, .note {
    color: #444444;
}

.good, .success label, label.success {
    color: #008000;
}

.bad, .errorMessage, .error label, label.error, label .required {
    color: #800000;
}


/*============== VALIDATION ==============*/
.error input[type="text"],
.error input[type="password"],
.error input[type="email"],
.error select,
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
select.error,
textarea.error {
    background-color: #FFEEEE;
    border: 1px solid #800000;
}

.success input[type="text"],
.success input[type="password"],
.success input[type="email"],
.success select,
input[type="text"].success,
select.success {
    background-color: #EEFFEE;
    border: 1px solid #008000;
}

/*============== TABLES ==============*/
table {
    width: 100%;
    text-align: center;
}

thead tr {
    background: #868686;
}

th {
    color: #333333;
    font-size: 90%;
    font-weight: bold;
}

/*============== POINT LOOKUP ==============*/
*[data-lookup-by-ajax],
*[data-load-point-by-ajax],
*[data-load-item-by-ajax] {
    display: block;
    font-size: 70%;
}

table *[data-lookup-by-ajax] { /*margin-bottom:-1em;*/
}

table *[data-load-point-by-ajax] ~ *[data-lookup-by-ajax] { /*margin-bottom:-2em;*/
}

table *[data-load-item-by-ajax] { /*margin-bottom:-1em;*/
}

.ui-dialog-content, .ui-dialog-content {
    max-height: 500px !important;
    overflow: auto;
    background-color: #18563e;
    font-size: 14px;
    font-family: sans-serif;
}

.ui-dialog .ui-dialog-content {
    padding: 0px 0px !important;
}

.control *[data-load-point-by-ajax]:first-child,
.control *[data-lookup-by-ajax]:first-child,
.control *[data-lookup-by-ajax]:nth-child(2) {
    float: right;
    margin-right: 10%;
}

.control *[data-load-point-by-ajax]:nth-child(2),
.control *[data-lookup-by-ajax]:nth-child(2) {
    margin-right: 1em;
}

/*============== ONLINE TOOLS ==============*/
#onlinetools {
    text-align: center;
}

#onlinetools .control {
    width: 110px;
    height: 36px;
    margin: 15px;
    display: inline-block;
    overflow: hidden;
}

#onlinetools .circle_buttons .control {
    width: 90px;
    height: 90px;
    border-radius: 110px;
}

#onlinetools a.button {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0px;
}

.control.menutool {
    padding: 9px;
}

.menutool a.button {
    color: #135d23;
    padding: 2px;
}

.circletool a.button {
    background-color: #135d23;
    color: #FFFFFF;
    border: none;
    padding: 0px;
}

.circletool a.button span {
    margin: 25px 0px 0px 0px;
    display: inline-block;
}

#onlinetools > .visible_group {
    background-color: #222222;
}

/*============== PDF ==============*/
#pdf object {
    width: 100%;
    min-height: 700px;
    display: block;
}

/*============== RATE QUOTE ==============*/
.result {
    font-size: 160%;
    font-weight: bold;
}

p {
    /*line-height:140%;*/
    margin-top: 0em;
    margin-bottom: 0em;
}

#RateQuoteCharges tr td:nth-child(2),
#RateQuoteCharges tr th:nth-child(2),
#RateQuoteActions tr td:nth-child(1),
#RateQuoteActions tr th:nth-child(1) {
    text-align: left;
}

#RateQuoteCharges tr td:nth-child(3),
#RateQuoteCharges tr th:nth-child(3),
#RateQuoteCharges tr td:nth-child(4),
#RateQuoteCharges tr th:nth-child(4),
#RateQuoteCharges tr td:nth-child(5),
#RateQuoteCharges tr th:nth-child(5),
#RateQuoteCharges tr td:nth-child(6),
#RateQuoteCharges tr th:nth-child(6),
#RateQuoteCharges tr td:nth-child(7),
#RateQuoteCharges tr th:nth-child(7),
#RateQuoteCharges tr td:nth-child(8),
#RateQuoteCharges tr th:nth-child(8),
#RateQuoteCharges tr td:nth-child(9),
#RateQuoteCharges tr th:nth-child(9),
#RateQuoteActions tr td:nth-child(2),
#RateQuoteActions tr th:nth-child(2) {
    text-align: right;
}

/*============== TRACE SHIPMENT ==============*/
.partner_logos {
    text-align: center;
}

.partner_logos img {
    display: inline-block;
    width: 180px;
    height: 70px;
    margin: 5px;
}

/* 05102015 */
table.popuptable td {
    border-top: 1px solid silver;
    padding-bottom: 2px;
    padding-top: 2px;
    vertical-align: top;
    padding-left: 0px;
}

.ui-icon.ui-icon-alert {
    background: rgba(0, 0, 0, 0) url("../images/warning-icon.png") no-repeat scroll left top !important;
    height: 24px;
    width: 24px;
}

table.popuptable td a.note {
    float: left;
    display: inline-block;
    margin: 5px 1px 5px 1px;
    padding: 8px 10px 8px 10px;
    background-color: #C2B59B;
    border: 1px solid #AAAAAA;
    border-radius: 12px;
    color: #000;
    text-decoration: none;
    box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.5), inset 0px 2px 1px rgba(255, 255, 255, 0.8);
    text-transform: capitalize;
}

table.popuptable td a.note:hover {
    background-color: #DBCBAF;
    color: #000000;
    text-decoration: none;
}

table.popuptable tr:hover {
    background: #eee;
}

h3.item_descript {
    width: inherit;
    float: left;
    line-height: 53px;
}

ul.button_information {
    font-family: 'Rockwell';
    width: 75%;
    float: right;
    color: #444444;
    padding: 0px 15px 10px 0px;
    margin: 0px 0px;
}

ul.button_information p {
    text-align: right;
    line-height: 25px;
    padding-right: 4px;
}

ul.button_information li {
    display: inline-block;
    list-style: none;
    margin-left: 15px;
}

ul.button_information li:first-child {
    margin-left: 0px;
}

ul.button_information li span {
    margin: 0px 0px 0px 0px;
}

.checkbox_with_text .control {
    width: 33.33%;
    float: left;
    padding-right: 15px;
    margin-top: 10px;
}

.checkbox_with_text .control:nth-child(1),
.checkbox_with_text .control:nth-child(2),
.checkbox_with_text .control:nth-child(3) {
    margin-top: 0px;
}

.checkbox_with_text label {
    font-weight: normal;
}

.running-text .find-city {
    float: none;
    font-size: 14px;
}

.accessorials-checkbox input[type="checkbox"] {
    width: 18px;
    float: left;
    margin: 1px 8px 0px 0px;
}

.accessorials-checkbox label.inline {
    width: 90%;
    float: left;
    margin-left: 0px;
}

.result span {
    color: #444444;
}

table.list-items td.alingcenter {
    text-align: center;
}

table.list-items td.alingcenter input[type="submit"], input[type="reset"], input[type="button"], button, a.button {
    line-height: 30px;
    padding: 0px 10px;
}

.margintop {
    float: left;
    width: 24%;
}

.adjustdiv {
    float: left;
    width: 76%;
}


/* CSS UPDATE (21-10-2015) */

/* ==================== Login form (21-10-2015) Mahesh ==================== */
.login-heading {
    width: 33.33%;
    margin: 10px auto !important;
    padding: 0 15px;
    font-size: 35px !important;
}

#login-form {
    width: 100%;
}

#resetpwd-form {
    width: 100%;
}

#changepwd-form {
    width: 100%;
}

.login-form-body {

    float: left;
    width: 100%;
}

.equipment-checkbox .accessorials-checkbox label.inline {
    width: 85%;
}

.checkbox_with_text.equipment-checkbox .control:nth-child(1), .checkbox_with_text.equipment-checkbox .control:nth-child(2) {
    margin-top: 0px;
}

.checkbox_with_text.equipment-checkbox .control:nth-child(3) {
    margin-top: 10px;
}

.densityChart {
    text-align: center;
    display: block;
}

.densityChart img {
    display: inline-block;
}

.densityChart span {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.specialRequirements textarea {
    height: 70px;
}

.runnup-text {
    font-size: 16px;
    line-height: 24px;
}

.rate-disk-text {
    line-height: 24px;
    font-size: 16px;
}

/*-----23 OCT---------*/
.btn-box {
    background: #e6decf;


}

.btn-box-none {
    background: #fff !important;
    padding: 20px 15px;

}

.announcement-box-none {
    background: #fff !important;
    padding: 1px 5px;

}

.control-button, .control-buttong, .control-buttona, .announcement-button {
    display: inline-block;
    margin: 8px;
    overflow: hidden;
    width: 17.3%;
}

.control-button a {
    background: #007c4a;
    border: 1px solid #007c4a;
    border-radius: 5px;
    color: #fff;
    display: block;
    line-height: 35px;
    overflow: hidden;
    padding: 0 12px;
}

/* .control-buttong  for grayed out inactive buttons pt 6/7/2017 */
.control-buttong a {
    background: #c0c0c0;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    color: #fff;
    display: block;
    line-height: 35px;
    overflow: hidden;
    padding: 0 12px;
}

/* .control-buttona for Weather Alerts 6/26/17 pt */
.control-buttona a {
    background: #FF0000;
    border: 1px solid gold;
    border-radius: 5px;
    color: #fff;
    display: block;
    line-height: 35px;
    overflow: hidden;
    padding: 0 12px;
}

.announcement-button a {
    background: #3399ff;
    border: 1px solid #007c4a;
    border-radius: 5px;
    color: #fff;
    display: block;
    line-height: 35px;
    overflow: hidden;
    padding: 0 12px;
}


.control-button a:hover, .announcement-button a:hover, .control-button a:active, .control-buttona:focus {
    background: #fff;
    color: #135d23;
    border: 1px solid #135d23;

}

/* Css for IE fix where javascript elements are rendered beneath embedded PDF found here: http://jsfiddle.net/Jordan/gDuCE/ pt 12/5/17 */
/*
	#outerIEFix {
    position: relative;
    left: 150px;
    top: 20px;
    width: 100px;
    z-index: 2;
	}
	#innerIEFix{
        background: red;
    }

    .coverIEFix {
        position: absolute;
        border: none;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }
    #pdfIEFix {
    position: relative;
    z-index: 1;
}
 */
/* end IE fix */

.breadcrumbmenu {
    list-style: none;
    overflow: hidden;
    font-size: 17px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 100px;

}

.breadcrumbmenu li {
    float: left;
}

.breadcrumbmenu li a {
    /*			color: #fff;  */
    color: black;
    text-decoration: none;
    padding: 16px 13px 16px 75px;
    background: brown; /* fallback color */
    /*			background: #9b8f78; */
    /* background: gold; */
    background: #ffc200; /* slightly darker than gold / #ffd700 */
    position: relative;
    display: block;
    float: left;

    text-decoration: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.breadcrumbmenu li a:focus {
    border: none !important;

}

/* this is the "arrow" between each option */
.breadcrumbmenu li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    /*			border-left: 30px solid #9b8f78;  */
    border-left: 30px solid #135d23;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumbmenu li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #cec3ae;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 3px;
    left: 100%;
    z-index: 1;
}

.breadcrumbmenu li:first-child a {
    padding-left: 30px;
    border-radius: 5px 0px 0px 5px;
}

/*.breadcrumbmenu li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumbmenu li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumbmenu li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadcrumbmenu li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumbmenu li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumbmenu li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumbmenu li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumbmenu li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }*/
/*.breadcrumbmenu li:last-child a {
    background: #cec3ae !important;
    color: black;
    pointer-events: none;
     cursor: default;
}*/
/*.breadcrumbmenu li:last-child a:after { border: 0; }*/
.breadcrumbmenu li a:hover {
    background: #473f31;
    color: #fff;
    text-decoration: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.breadcrumbmenu li a:hover:after {
    border-left-color: #473f31 !important;
}

.breadcrumbmenu li:last-child a:before {
    margin-left: 0px;
}

.MenuButtons {
    list-style: none;
    overflow: hidden;
    font-size: 17px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 0px;

}

.MenuButtons li {
    float: left;
}

.MenuButtons li a {
    color: black;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}


.MenuButtons li a:focus {
    border: none !important;

}


.MenuButtons li:first-child a {
    padding-left: 2px;
    border-radius: 5px 0px 0px 5px;
}

.MenuButtons li a:hover {
    background: #473f31;
    color: #fff;
    text-decoration: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.MenuButtons li a:hover:after {
    border-left-color: #473f31 !important;
}

.MenuButtons li:last-child a:before {
    margin-left: 0px;
}

.HomeMenuBtns {
    padding: 0;
}

.HomeMenuBtns li {
    display: inline-block;
    float: none !important;
}

.errorMessage {
    padding: 0;
}

.errorMessage > span {
    line-height: 35px;
}

.text-display {
    color: #555;
}

.movementclass {
    line-height: 25px;
}

.movementclass > label {
    margin-right: 5px;
}

.padright {
    margin: 0 10px 0 0;
}

.errordivtop {


}

.errordivtop .errorMessage {
    background-color: #f2dede;
    border: 1px solid;
    border-radius: 5px;
    color: #a94442;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    padding: 0 !important;
}

.pointer {
    cursor: pointer;
}

@media print {
    body {
        background-color: #FFFFFF;
        background-image: none;
        color: #000000
    }

    #header {
        display: none;
    }

    #no-print {
        display: none;
    }

    #contentarea {
        width: 100%;
    }
}

.wardnation-banner {
    margin: auto;
    display: block;
}

/* Styles added on July 16, 2020 for Responsive design framework */
.navbar-dark .navbar-toggler-icon {
    background-image: url(../images/hamburger-icon.svg) !important;
}

.chevron-img {
    background-image: url(../images/accordion-down.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-size: 26px;
}

.chevron-img.collapsed {
    background-image: url(../images/accordion-up.png);

}

.chevron-img:focus {
    box-shadow: none;
    border: none;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 15px;
    color: #04c879;
    padding: 10px 15px;
    font-family: Rockwell;
}

.custom-dropdown-menu {
    right: 0;
    left: auto;
}

.desktop-navbar {
    background: #141517;
}

.ward-logo-mobile {
    width: 50px;
}

.ward-logo-title {
    font-size: 13px;
    color: #527064;
}

.header-border {
    border-bottom: 1px solid #f3f3f3;
}

.page-header {
    font-size: 20px;
    color: #527064;
}

.page-title-header {
    color: white;
    font-family: 'Rockwell Bold';
    font-size: 24px;
    background-color: #808080;
}

.nav-item.welcome-info {
    color: #fff;
    padding: 10px 15px;
}

.ward-card-header {
    background: #e6decf;
}

.ward-card-btn {
    color: #135d23;
    font-size: 22px;
    font-family: 'Rockwell Bold';
}

.socialmedia-icons img {
    width: 40px;
    margin-right: 5px;
}

.ward-youtube-icon {
    width: 80px !important;
}

/* Styles for input box */
.form-control {
    display: block !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    height: calc(2.25rem + 2px) !important;
    margin: auto;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}

.form-control:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
}

/* Styles for input box */
.accordion-header {
    font-size: 18px;
    font-family: 'Rockwell';
    color: #007c4a;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.accessorial-popup {
    cursor: pointer;
    color: red;
    font-size: 20px;
}

.accordion-header .load-save-btn {
    line-height: normal !important;
    padding: 5px 12px !important;
    margin: 0 10px 0 0 !important;
}

.bg-white.accordion-layout {
    overflow: hidden;
    width: 100%;
}

.checkbox-group label.inline {
    font-weight: normal;
}

.add-btn input[type="button"] {
    margin-left: 15px !important;
}

/*#no-more-tables .close {
	float: none;
}*/
#navbar {
    overflow: auto;
    display: flex;
}

ul.main-nav {
    display: flex;
    white-space: nowrap;
    margin: 0;
}

.ward-table-panel table.items th,
.ward-table-panel table.items td {
    padding: 8px 5px !important; /*Aug 11*/
}

.ward-table-panel .grid-view {
    padding: 0;
}

.ward-table-panel {
    padding: 0;
}

#page-height {
    min-height: calc(100vh - 180px);
}

@media only screen and (max-width: 800px) {
    #no-more-tables td.pickup-items-add {
        padding-left: 0 !important;
    }

    #no-more-tables td.txt-center {
        justify-content: center;
        padding-left: 0 !important;
    }

    td.rate-history-action {
        width: 100%;
    }

    #RateQuoteActions input[type="submit"], #ratequote-result input[type="submit"],
    #ratequote-result input[type="button"], #ratequote-result button, #ratequote-result a.button {
        line-height: 24px !important;
        padding: 0px 6px !important;
        font-size: 13px !important;
    }

    .login-heading {
        width: 66.33%;
    }

    /* styles for navbar */
    .mobile-navbar {
        background: #fff;
    }

    .navbar-dark .navbar-toggler {
        background: #fff;
    }

    .navbar-dark .nav-item.active .nav-link {
        color: #000;
    }

    .navbar-dark .nav-item .nav-link {
        color: #000 !important;
    }

    .navbar-dark .nav-link:focus {
        color: #000 !important;
    }

    .nav-item.welcome-info {
        color: #000;
    }

    #footer-inner p {
        margin-bottom: 15px;
    }

    .copy-right {
        margin-top: 15px;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #f5f5f5;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
        display: flex;
        align-items: center;
        min-height: 50px;
    }

    td.pickup-items-add {
        padding: 10px 0 !important;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 16px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /*  Label the data */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .ward-table-panel table.items td {
        text-align: right !important;
    }

    .conditional-td {
        text-align: center !important;
        padding: 10px !important;
    }

    .hidecol {
        display: none !important;
    }

    .wardnation-banner {
        width: 100%;
    }

    /*Pickup request page*/
    /*Styles for popup*/
    .ui-dialog-titlebar-close {
        padding: 0px !important;
    }

    .ui-dialog {
        width: 90% !important;
        top: 17% !important;
        left: 5% !important;
    }

    #pointload-form input {
        width: 100%;
    }


    /*My profile page styles*/
    .btn-container input {
        margin-bottom: 5px !important;
    }
}

/*Mobile Styles ends*/

@media only screen and (max-width: 767px) {
    .mobile-layout {
        display: block;
    }

    .accordion-header .load-save-btn {
        margin: 10px 10px 0 0 !important;
        float: left;
    }

    .login-heading {
        width: 99.33%;
    }

    /*Aug 28*/
    #specialinstructions table.itemsbol th span {
        display: block;
        margin-top: 5px;
        font-size: 12px;
    }


    .dialogTips {
        text-align: left !important;
        padding: 0 20px !important;
    }

    #no-more-tables td[colspan="4"] {
        padding-left: 8px !important;
    }

    table.list-items tbody tr td .error {
        margin-bottom: 15px;
    }

    table.list-items tbody tr td .error + .errorMessage {
        position: absolute;
        bottom: 8px;
    }

    .errordivtop .errorMessage span {
        line-height: 20px;
    }

    .errordivtop .errorMessage {
        font-weight: normal;
        border: none;
        color: #800000;
        border-radius: 0;
    }

    #page-title {
        font-size: 28px;
        margin: 15px 0;
    }

    .mob-btncontainer {
        display: block;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1024px) {
    #pickup-request-history-grid td[data-title="Actions"] {
        width: 100%;
    }
}

/* Hiding application log */
.yiiLog {
    display: none;
}

/*Pickup request page starts*/
/*Styles for popup*/
.ui-dialog-titlebar-close {
    padding: 0px !important;
}

/*Pickup request page ends*/
/*Minimum Destiny styles*/
.pdf-title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

/*Aug 25*/
input[type=checkbox] {
    margin-top: 2px;

}

#Accessorialsselection input[type=checkbox] {
    float: left;
}

.rate-quote-history-preview input#no-print {
    line-height: normal !important;
    padding: 10px 20px !important;
}

.rate-history-action a {
    margin-left: 5px;
}

.mobilization-indicator {
    position: relative;
}

.mobile-indicator {
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 100;
    bottom: 3px;
    right: 3px;

}

.content-section.emailrequest-subs .accessorials-checkbox label.inline {
    width: auto;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        background-color: #007c4a;
        color: white;
    }
    50% {
        transform: scale(1.15);
        background-color: red;
        color: #FFFF00FF;
    }
}

@keyframes pulse2 {
    0%, 100% {
        transform: scale(1);
        /*background-color: #007c4a;*/
        color: white;
    }
    50% {
        transform: scale(1.15);
        /*background-color: red;*/
        color: #FFFF00FF;
    }
}

.pulse-element {
    /*background-color: #3498db !important;*/
    border-radius: 10px;
    padding: 10px;
    /*color: white;*/
    animation: pulse 2s ease-in-out 10;
}
.pulse-weather-element {
    /*background-color: #3498db !important;*/
    border-radius: 10px;
    /*color: white;*/
    animation: pulse 2s ease-in-out 5;
}
.pulse-png {
    animation: pulse2 2s ease-in-out 5;
}