@-moz-keyframes spin {

    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }

}
@-webkit-keyframes spin {

    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }

}
@keyframes spin {

    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}

}

/* General */
#loader {width: 32px !important; margin: 50px auto !important;}
#loader .loader-icon {height: 32px; width: 32px; margin: 0 auto; border-bottom: 3px solid #0C121C; border-left: 3px solid #0C121C; border-right: 3px solid #CCC; border-top: 3px solid #0C121C; border-radius: 100%; -webkit-animation: spin .4s linear infinite !important; animation: spin .4s linear infinite !important;}

#QuoteSection h4 {font-size: 24px; text-transform: uppercase; font-weight: 700;}
#QuoteSection h3 span {background: white !important; border: solid 1px #00a9a7 !important; padding: 15px !important; cursor: pointer !important; display: block; max-width: 800px; margin: 0 auto; line-height: 40px;}

input#pickup_street1, input#pickup_street2, input#pickup_street3 {margin-bottom: 10px;}
input#delivery_street1, input#delivery_street2, input#delivery_street3 {margin-bottom: 10px;}

.QuoteDimensions input[type=text] {width: calc(28% - 20px) !important;}
.QuoteDimensions input[type=number] {width: calc(28% - 11px) !important;}
.QuoteDimensions span {line-height: 2.8em; height: 2.8em;}
select.description {min-width: 120px; -webkit-appearance: none;}

input[type=text].quoteinsurance {width: 90% !important;}
.fromtop span, .totop span {text-transform: uppercase;}

#QuoteContainer input[type="text"], #QuoteContainer input[type="password"], #QuoteContainer input[type="email"], #QuoteContainer input[type="tel"], #QuoteContainer input[type="date"], #QuoteContainer input[type="number"],#QuoteContainer  textarea, #QuoteContainer select {padding: 0 0.5rem; height: 2.8rem; border-radius: 0;}

#QuoteContainer {margin-left: -10px; margin-right: -10px; margin-top: 30px;}
.QuoteRow {width: 100%; padding: 10px; display: block; position: relative; float: left;}
.QuoteRow h4 {font-weight: 700; text-transform: uppercase;}
.spacer {padding-right: 30px !important;}
.Quote50 textarea {height: 7.7rem;}
.Quote30 input, .Quote50 input, .Quote50 textarea {border: 1px solid #00a9a7; width: calc(100% - 55px) !important; float: right; margin-left: 15px; background: #fff; margin-top: -1px; padding:5px;}
.Quote50 textarea, .QuoteRow input, .QuoteRow select {border: 1px solid #00a9a7; background: #fff;}
.last input {width: calc(100% - 50px) !important;}
div#QuoteContainer input[type=text] {width: 100%; max-width: 80%; margin-bottom: 0; display: inline-block; border: 1px solid #00a9a7; background: #fff;}

.Quote50 {width: 50%; float: left; padding: 0; position: relative; display: block;}
.Quote70 {width: 70%; float: left; padding: 0; position: relative; display: block;}
.Quote30 {width: 30%; float: left; padding: 0; position: relative; display: block;}
.Quote70 label, .Quote30 label, .Quote50 label {width: 40px; height: 2.8rem; line-height: 2.8rem;}
.Quote30 label {margin-left: 10px !important;}
.last label {width: 20px; margin-left: 15px;}

li.quotePoints {
  list-style: none;
}

li.quotePoints:before {
  content: "*";
  position: relative;
  left: -15px;
  bottom: -3px;
}

.toauto,.fromauto {position: absolute; background: white; z-index: 9999; width: calc(100% - 55px); left: 55px; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);}
.toauto {width: calc(100% - 50px); left: 50px;}
.toauto ul, .fromauto ul {list-style-type: none; padding: 0.4rem; margin-left: 0;}
.toauto ul li, .fromauto ul li {padding: 0.4rem 0.8rem; line-height: 24px; margin: 0.4rem 0;}

table#RowsTable {margin-bottom: 5px;}
table#ServicesTable {margin-bottom: 30px;}
table#DeliveryDetailsLeft th, table#DeliveryDetailsRight th, table#ServicesTable th, table#PickupDetailsRight th, table#PickupDetailsLeft th, table#RowsResultTable th, table#RowsTable th {border-bottom: 0; padding-bottom: 0 !important; padding: 10px 5px;}
table#DeliveryDetailsLeft td, table#DeliveryDetailsRight td, table#ServicesTable td, table#PickupDetailsRight td, table#PickupDetailsLeft td, table#RowsResultTable td, table#RowsTable td {border-color: #a8a9a9; padding: 10px 5px;}
table#DeliveryDetailsLeft td, table#PickupDetailsLeft td {vertical-align: top; text-align: right;}
table#RowsTable tr:first-child td {padding-top: 5px;}
table#RowsTable td {line-height: 40px;}
table#RowsTable td a.RemoveQuoteItem {color: #333; font-weight: 700;}
#RowsTable th {text-align: left; font-weight: 600;}

table#TrackingTable{width:100%;}
table#TrackingTable th {text-transform: uppercase; border-bottom: 0; padding-bottom: 0 !important; padding: 10px 5px;}
table#TrackingTable td {border-color: #a8a9a9; padding: 10px 5px; min-width:80px;}
table#TrackingTable td:first-child, table#TrackingTable th:first-child {padding-left: 0;}

table#RowsResultTable tr td:first-child, table#RowsResultTable tr th:first-child, table#ServicesTable tr th:first-child, table#ServicesTable tr td:first-child {padding-left: 0;}

/**
table#DeliveryDetailsLeft thead, table#DeliveryDetailsRight thead, table#PickupDetailsLeft thead, table#PickupDetailsRight thead {display: none;}
**/

a.CaptureAndSubmit, a.AddQuoteItem, a.GetQuote, a.findparcel {background: #000; padding: 7px 12px; text-transform: capitalize; color: #fff;}
a:hover.CaptureAndSubmit, a:hover.AddQuoteItem, a:hover.GetQuote, a:hover.findparcel {background: #00a9a7; color: #fff !important;}
a.CaptureAndSubmit, a.GetQuote {float: right; text-transform: uppercase;}
a.AddQuoteItem {float: left;}
.Quote50 textarea:focus, .QuoteRow input:focus, .Quote30 input:focus, .Quote50 input:focus, .QuoteRow select:focus, div#TrackingContainer p input[type=text]:focus {outline: 0; box-shadow: none; border: 1px solid #333; outline: 0;}

input[type=text].BorderRed, input[type=number].BorderRed, input[type=email].BorderRed, select.BorderRed {border-color: red !important; border: solid 1px red !important;}
#QuoteResult input[type=checkbox], #QuoteResult input[type="radio"] {display: none;}
input[type=radio]:checked + .list-item-label:before, input[type=checkbox]:checked + .list-item-label:before {content: "\f00c"; color: #00a9a7; font-size: 23px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 14px; text-decoration: inherit; text-align: center;}
span.list-item-label {margin-left: 30px;}
span.list-item-label::before, span.list-item-label::after {content: " ";}
.list-item-label:before {background: #fff; content: ""; border: 1px solid #000; position: absolute; height: 18px; left: 10px; width: 18px;}

div#GotInfo .custom-text {margin-top: 30px; color: #333; font-weight: 700; text-transform: uppercase; font-size: 22px;}
div#GotInfo p span {display: block; font-size: 35px; margin: 15px 10px; color: #00a9a7; font-weight: 600;}
div#GotInfo p {text-align: center;}

#QuoteResultForm {margin-top: 30px;}

div#TrackingContainer, div#TrackingResults {padding: 20px 0;}
div#TrackingContainer p, div#TrackingResults p {text-align: center;}
div#TrackingContainer p input[type=text] {width: 100%; max-width: 360px !important; border: 1px solid #00a9a7; background: #fff;}
div#TrackingResults p span.error {color: red;}

#reftotrack{text-align:center; margin: 0 auto;}

#RowsResultTable, #ServicesTable {

    width: 100%;

}
.modal-backdrop {
    position: relative !important;
}
.mobiledisplay {display: none;}

/* Responsive */
@media only screen and (max-width: 840px) {
    table#RowsTable tr:first-child td {padding-top: 15px;}
    table.responsive td, table.responsive th{display: block; width: 100% !important;}
    table#RowsTable thead {display: none;}
    .spacer {padding-right: 15px !important;}
    .mobiledisplay {display: block;}
}
/*@media only screen and (max-width: 767px) {
	table.responsive-two thead {display: none;}
	table.responsive-two tr {display: block; position: relative; padding: 1.2em 0; }
    table.responsive-two tr:first-of-type { border-top: 1px solid #ccc; }
    table.responsive-two td { display: block; width: 100%; }
    table.responsive-two td:before {content: attr(data-label); display: table-cell; font-weight: bold; padding: 0.2em 0.6em 0.2em 0; text-align: right; }
    table.responsive-two td:last-child:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ccc; }
}*/

@media only screen and (max-width: 600px) {
    #QuoteContainer {margin-top: 15px;}
    .Quote50 {width: 100%; float: left; padding: 7px 0;}
    .spacer {padding-right: 0 !important;}
    .toauto {width: calc(100% - 55px); left: 55px;}
    .last label {width: 40px; margin-left: 20px;}
    .last input {width: calc(100% - 55px) !important;}
}
@media only screen and (max-width: 480px) {
	.Quote50 input, .Quote50 textarea {width: 100% !important;}
}