@-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);}

}

button.close.close-btn {
    margin: unset !important;
    background: unset !important;
}

.modal-backdrop{
    position: fixed !important;
}

/* General */
#sablepp_loader {width: 32px !important; margin: 50px auto !important;}
#sablepp_loader .sablepp_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;}

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

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

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

li.sablepp_quote_points
{
  list-style: none;
}

li.sablepp_quote_points: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#sablepp_rows_table {margin-bottom: 5px;}
table#sablepp_services_table {margin-bottom: 30px;}
table#DeliveryDetailsLeft th, table#DeliveryDetailsRight th, table#sablepp_services_table th, table#PickupDetailsRight th, table#PickupDetailsLeft th, table#sablepp_rows_result_table th, table#sablepp_rows_table th {border-bottom: 0; padding-bottom: 0 !important; padding: 10px 5px;}
table#DeliveryDetailsLeft td, table#DeliveryDetailsRight td, table#sablepp_services_table td, table#PickupDetailsRight td, table#PickupDetailsLeft td, table#sablepp_rows_result_table td, table#sablepp_rows_table td {border-color: #a8a9a9; padding: 10px 5px;}
table#DeliveryDetailsLeft td, table#PickupDetailsLeft td {vertical-align: top; text-align: right;}
table#sablepp_rows_table tr:first-child td {padding-top: 5px;}
table#sablepp_rows_table td {line-height: 40px;}
table#sablepp_rows_table td a.RemoveQuoteItem {color: #333; font-weight: 700;}
#sablepp_rows_table 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#sablepp_rows_result_table tr td:first-child, table#sablepp_rows_result_table tr th:first-child, table#sablepp_services_table tr th:first-child, table#sablepp_services_table tr td:first-child {padding-left: 0;}

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

a.CaptureAndSubmit, a.sablepp_add_quote_item, a.sablepp_get_quote, a.findparcel {background: #000; padding: 7px 12px; text-transform: capitalize; color: #fff;}
a:hover.CaptureAndSubmit, a:hover.sablepp_add_quote_item, a:hover.sablepp_get_quote, a:hover.findparcel {background: #00a9a7; color: #fff !important;}
a.CaptureAndSubmit, a.sablepp_get_quote {float: right; text-transform: uppercase;}
a.sablepp_add_quote_item {float: left;}
.sablepp_quote_50 textarea:focus, .sablepp_quote_row input:focus, .sablepp_quote_30 input:focus, .sablepp_quote_50 input:focus, .sablepp_quote_row select:focus, div#sablepp_tracking_container 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#sablepp_tracking_container, div#sablepp_tracking_results {padding: 20px 0;}
div#sablepp_tracking_container p, div#sablepp_tracking_results p {text-align: center;}
div#sablepp_tracking_container p input[type=text] {width: 100%; max-width: 360px !important; border: 1px solid #00a9a7; background: #fff;}
div#sablepp_tracking_results p span.error {color: red;}

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

#sablepp_rows_result_table, #sablepp_services_table
{
    width: 100%;
}

.mobiledisplay {display: none;}

/* Responsive */
@media only screen and (max-width: 840px)
{
    table#sablepp_rows_table tr:first-child td {padding-top: 15px;}
    table.responsive td, table.responsive th{display: block; width: 100% !important;}
    table#sablepp_rows_table 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)
{
    #sablepp_quote_container {margin-top: 15px;}
    .sablepp_quote_50 {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)
{
	.sablepp_quote_50 input, .sablepp_quote_50 textarea {width: 100% !important;}
}