@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
a.mobile-scroll-top-button {
display: block;
}
.choice p {
font-size: 10px !important;
}
}
@media only screen and (min-device-width : 481px) and (max-device-width : 787px) {
a.mobile-scroll-top-button {
display: block;
}
.choice p {
font-size: 10px !important;
}
}
a.mobile-scroll-top-button {
display: none;
} #step_one {
border: 2px solid #000;
padding: 20px;
background-color: #fff;
}
#step_one h2 {
display: none;
color: #e50000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
#step_one #inpurgroup {
margin: 10px 0;
}
#step_one #inpurgroup label {
font-weight: bold;
}
#step_one #inpurgroup input {
border: 2px solid #000;
border-radius: 0px;
}
#step_one #inpurgroup button {
text-align: right;
width: fit-content;
background-color: #e50000;
border: none;
outline: none;
border-radius: 0px;
padding: 10px 30px;
text-transform: uppercase;
}
#step_one #inpurgroup.text-right {
text-align: right;
}  #step_two {
border: 2px solid #000;
padding: 20px 20px 0 20px;
background-color: #fff;
margin: 40px 20px;
}
#step_two .dateofmove label {
font-weight: bold;
}
#step_two #inpurgroup input {
border: 2px solid #000;
border-radius: 0px;
}
#step_two #inpurgroup {
margin: 10px 0;
}
#step_two h3 {
color: #e50000;
font-size: 18px;
font-weight: bold;
margin: 20px 0;
}
#step_two #inpurgroup.text-center {
text-align: center;
}
#step_two #inpurgroup button {
text-align: center;
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 14px 60px;
text-transform: uppercase;
font-weight: bold;
margin-top: 20px;
margin-bottom: -40px;
}  #step_three {
border: 2px solid #000;
padding: 20px;
}
.departure_address {
border: 2px solid #000;
padding: 20px;
}
.departure_address h2 {
color: #000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.departure_address h5 {
color: #000;
font-size: 16px;
font-weight: 600;
}
.departure_address button {
text-align: center;
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}
.arrival_address {
border: 2px solid #000;
padding: 20px;
}
.arrival_address h2 {
color: #000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.arrival_address h5 {
color: #000;
font-size: 16px;
font-weight: 600;
}
.arrival_address button {
text-align: center;
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}
.date h5 {
color: #e50000;
font-size: 14px;
border: 2px solid #000;
padding: 10px;
margin: 30px 0;
text-align: center;
}
.km h4 {
color: #e50000;
font-size: 24px;
border: 2px solid #000;
padding: 10px;
margin: 30px 0;
text-align: center;
}
.part-two {
text-align: center;
margin: 40px 0;
}
.part-two h2 {
text-align: center;
color: #e50000;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.part-three {
border: 2px solid #000;
padding: 20px;
}
.part-three .side_buttons button {
background-color: #fff;
border: 2px solid #000;
color: #000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
width: 100%;
}
.ri_side .form-outline {
margin-bottom: 20px;
}
.ri_side .form-outline input {
border: 2px solid #e50000;
color: #e50000;
border-radius: 0px;
}
#furnitures {
margin-bottom: 10px;
}
#furnitures ul {
list-style: none;
padding: 0;
margin: 0;
column-count: 4;
column-gap: 100px;
}
@media only screen and (max-width: 768px) {
#furnitures ul {
list-style: none;
padding: 0;
margin: 0;
column-count: 2;
column-gap: 20px;
}
}
#furnitures ul li {
margin-bottom: 10px;
}
.furniture_box .pic {
width: 60px;
height: 60px;
padding: 5px;
border: 1px solid #000;
}
.furniture_box {
display: flex;
justify-content: center;
align-content: space-around;
flex-wrap: nowrap;
width: 102px;
cursor: pointer;
}
.furniture_box .pic img {
width: 100%;
height: 100%;
}
.furniture_box .quentity {
padding: 5px;
border: 1px solid #000;
font-size: 12px;
display: inline;
height: 30px;
margin-top: 15px;
margin-left: 2px;
display: flex;
align-items: center;
width: 35%;
}
.quentity input[type="number"] {
background: none;
border: none; }
.quentity input[type="number"]:focus {
outline: none;
} .furniture_box.active { border: 1px solid #ff203f;
transition: 0.1s;
padding: 5px;
}
#inpurgroup button#submit {
box-shadow: none;
}
.quentity input::-webkit-outer-spin-button,
.quentity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.addition a {
text-decoration: none;
color: #8548cc;
font-size: 16px;
font-weight: bold;
}
.addfurniture {
text-align: right;
}
.addfurniture a {
text-decoration: none;
color: #8548cc;
font-size: 16px;
font-weight: bold;
}
.Validateinventory {
text-align: right;
}
.Validateinventory button {
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px;
}
.addrooms_form input {
border: 2px solid #000;
border-radius: 0px;
}
.addrooms_form #inpurgroup {
margin-top: 15px;
}
.addrooms_form #inpurgroup label {
color: #000;
font-size: 16px;
font-weight: bold;
}
.addrooms_form h3 {
color: #e50000;
font-size: 22px;
font-weight: bold;
margin: 20px 0;
}
.addrooms_form .text-center {
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.addrooms_form #inpurgroup button {
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
#arrival_container {
display: none;
}   .move_options {
border: 2px solid;
padding: 20px;
}
.move_options .packing_and_unpacking {
border: 2px solid red;
padding: 10px;
}
.move_options .packing_and_unpacking h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.move_options .free_boxes_delivery {
border: 2px solid red;
padding: 10px;
}
.move_options .free_boxes_delivery h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.move_options .accessibility {
border: 2px solid red;
padding: 10px;
}
.move_options .accessibility h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.accessibility label#departure_y {
margin-right: 60px;
}
.accessibility label#arrival_y {
margin-right: 60px;
}
.move_options .others {
border: 2px solid red;
padding: 10px;
}
.move_options .others h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#others_parking_y {
margin-right: 60px;
}
.others label#others_furnitures_y {
margin-right: 60px;
}
.move_options .others_special {
border: 2px solid red;
padding: 10px;
}
.move_options .others_special h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#others_special_y {
margin-right: 60px;
}
.move_options .insurance {
border: 2px solid red;
padding: 10px;
}
.move_options .insurance h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#insurance {
margin-right: 60px;
}
.insurance li {
margin: 20px 0px;
}
.move_options .flex_moveindate {
border: 2px solid red;
padding: 15px;
}
.move_options .flex_moveindate h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#flex_moveindate {
margin-right: 60px;
}
.flex_moveindate li {
list-style: none;
}
.declare_mail span.declare_sign {
position: absolute;
margin-left: -15px;
margin-top: 8px;
}
.declare_mail input[type="number"]::-webkit-inner-spin-button,
.declare_mail input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#validate_declare {
background: transparent;
color: red;
border: 2px solid red;
border-radius: 0;
padding: 10px 20px;
}
.cr_movers_custom .fade {
opacity: 1;
}
.cr_movers_custom table.cart td.actions .input-text,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select {
padding: 0 !important;
}
.cr_movers_custom #addfurniture_modal {
top: 25%;
}
.cr_movers_custom button {
color: red;
font-weight: 900;
}
.cr_movers_custom .insurance.mt-3 {
height: 200px;
}
.cr_movers_custom input[type="number"],
input[type="text"] {
height: 40px;
}
.cr_movers_custom button#validate_promo {
padding: 10px 20px !important;
margin-top: 10px;
}
.cr_movers_custom .your_info {
display: flex;
flex-direction: column;
}
.cr_movers_custom form#payment-form {
width: 100%;
}
.cr_movers_custom input[type="text"],
.cr_movers_custom input[type="number"] {
width: inherit;
} .expired {
display: flex;
align-items: center;
margin: 0 auto;
}
.st0 {
fill: #EFCBB4;
}
.st1 {
fill: #FFE1CA;
}
.st2 {
fill: #473427;
}
.st3 {
fill: none;
stroke: #473427;
stroke-width: 7;
stroke-linecap: round;
stroke-miterlimit: 10;
}
.st4 {
fill: #D37D42;
stroke: #D37D42;
stroke-miterlimit: 10;
}
.smile {
display: none;
}
.uhoh {
display: none;
}
path.smile {
fill-opacity: 0;
stroke: #000;
stroke-width: 6;
stroke-dasharray: 870;
stroke-dashoffset: 870;
animation: draw 7s infinite linear;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
#path {
stroke-dasharray: 628.3185307179587;
animation: dash 5s linear forwards;
}
@keyframes dash {
from {
stroke-dashoffset: 628.3185307179587;
}
to {
stroke-dashoffset: 0;
}
}
.message {
float: right;
margin: 10em 10em 0 0;
padding: 0 2em;
}
.message h1 {
color: #3698DC;
font-size: 3vw !important;
font-weight: 400;
}
.message p {
color: #262C34;
font-size: 1.3em;
font-weight: lighter;
line-height: 1.1em;
}
.light {
position: relative;
top: -36em;
}
.light_btm {
position: relative;
}
.light span:first-child {
display: block;
height: 6px;
width: 150px;
position: absolute;
top: 5em;
left: 20em;
background: #fff;
border-radius: 3px; }
.light span:nth-child(2) {
display: block;
height: 6px;
width: 200px;
position: absolute;
top: 6em;
left: 19em;
background: #fff;
border-radius: 3px; }
.light span:nth-child(3) {
display: block;
height: 6px;
width: 100px;
position: absolute;
top: 7em;
left: 24em;
background: #fff;
border-radius: 3px; }
.light_btm span:first-child {
display: block;
height: 6px;
width: 150px;
position: absolute;
bottom: 6em;
right: 20em;
background: #fff;
border-radius: 3px; }
.light_btm span:nth-child(2) {
display: block;
height: 6px;
width: 200px;
position: absolute;
bottom: 7em;
right: 21em;
background: #fff;
border-radius: 3px; }
.light_btm span:nth-child(3) {
display: block;
height: 6px;
width: 100px;
position: absolute;
bottom: 8em;
right: 24em;
background: #fff;
border-radius: 3px; }
.use-desktop {
font-weight: 400;
color: #3698DC;
border: 1px solid white;
height: 3.4em;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 25px;
line-height: 1.1em;
font-size: 5vw;
}  .loader {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #ff0000 !important; border-radius: 50%;
animation: spin 1s linear infinite;
} @keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9998;
} #step_one {
border: 2px solid #000;
padding: 20px;
background-color: #fff;
}
#step_one h2 {
color: #e50000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
#step_one #inpurgroup {
margin: 10px 0;
}
#step_one #inpurgroup label {
font-weight: bold;
}
#step_one #inpurgroup input {
border: 2px solid #000;
border-radius: 0px;
}
#step_one #inpurgroup button {
text-align: right;
width: fit-content;
background-color: #e50000;
border: none;
outline: none;
border-radius: 0px;
padding: 10px 30px;
text-transform: uppercase;
}
#step_one #inpurgroup.text-right {
text-align: right;
}  #step_two {
border: 2px solid #000;
padding: 20px 20px 0 20px;
background-color: #fff;
margin: 40px 20px;
}
#step_two .dateofmove label {
font-weight: bold;
}
#step_two #inpurgroup input {
border: 2px solid #000;
border-radius: 0px;
}
#step_two #inpurgroup {
margin: 10px 0;
}
#step_two h3 {
color: #e50000;
font-size: 18px;
font-weight: bold;
margin: 20px 0;
}
#step_two #inpurgroup.text-center {
text-align: center;
}
#step_two #inpurgroup button {
text-align: center;
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 14px 60px;
text-transform: uppercase;
font-weight: bold;
margin-top: 20px;
margin-bottom: -40px;
}  #step_three {
border: 2px solid #000;
padding: 20px;
}
.departure_address {
border: 2px solid #000;
padding: 20px;
}
.departure_address h2 {
color: #000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.departure_address h5 {
color: #000;
font-size: 16px;
font-weight: 600;
}
.departure_address button {
text-align: center;
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}
.arrival_address {
border: 2px solid #000;
padding: 20px;
}
.arrival_address h2 {
color: #000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.arrival_address h5 {
color: #000;
font-size: 16px;
font-weight: 600;
}
.arrival_address button {
text-align: center;
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}
.date h5 {
color: #e50000;
font-size: 14px;
border: 2px solid #000;
padding: 10px;
margin: 30px 0;
text-align: center;
}
.km h4 {
color: #e50000;
font-size: 24px;
border: 2px solid #000;
padding: 10px;
margin: 30px 0;
text-align: center;
}
.part-two {
text-align: center;
margin: 40px 0;
}
.part-two h2 {
text-align: center;
color: #e50000;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.part-three {
border: 2px solid #000;
padding: 20px;
}
.part-three .side_buttons button {
background-color: #fff;
border: 2px solid #000;
color: #000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
width: 100%;
}
.ri_side .form-outline {
margin-bottom: 20px;
}
.ri_side .form-outline input {
border: 2px solid #e50000;
color: #e50000;
border-radius: 0px;
}
#furnitures {
margin-bottom: 10px;
}
#furnitures ul {
list-style: none;
padding: 0;
margin: 0;
column-count: 4;
column-gap: 100px;
}
@media only screen and (max-width: 768px) {
#furnitures ul {
list-style: none;
padding: 0;
margin: 0;
column-count: 2;
column-gap: 20px;
}
}
#furnitures ul li {
margin-bottom: 10px;
}
.furniture_box .pic {
width: 60px;
height: 60px;
padding: 5px;
border: 1px solid #000;
}
.furniture_box {
display: flex;
justify-content: center;
align-content: space-around;
flex-wrap: nowrap;
width: 102px;
cursor: pointer;
}
.furniture_box .pic img {
width: 100%;
height: 100%;
}
.furniture_box .quentity {
padding: 5px;
border: 1px solid #000;
font-size: 12px;
display: inline;
height: 30px;
margin-top: 15px;
margin-left: 2px;
display: flex;
align-items: center;
width: 35%;
}
.quentity input[type="number"] {
background: none;
border: none; }
.quentity input[type="number"]:focus {
outline: none;
} .furniture_box.active { border: 1px solid #ff203f;
transition: 0.1s;
padding: 5px;
}
#inpurgroup button#submit {
box-shadow: none;
}
.quentity input::-webkit-outer-spin-button,
.quentity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.addition a {
text-decoration: none;
color: #8548cc;
font-size: 16px;
font-weight: bold;
}
.addfurniture {
text-align: right;
}
.addfurniture a {
text-decoration: none;
color: #8548cc;
font-size: 16px;
font-weight: bold;
}
.Validateinventory {
text-align: right;
}
.Validateinventory button {
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px;
}
.addrooms_form input {
border: 2px solid #000;
border-radius: 0px;
}
.addrooms_form #inpurgroup {
margin-top: 15px;
}
.addrooms_form #inpurgroup label {
color: #000;
font-size: 16px;
font-weight: bold;
}
.addrooms_form h3 {
color: #e50000;
font-size: 22px;
font-weight: bold;
margin: 20px 0;
}
.addrooms_form .text-center {
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.addrooms_form #inpurgroup button {
background-color: #fff;
border: 2px solid #e50000;
color: #e50000;
outline: none;
border-radius: 0px;
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
#arrival_container {}   .move_options {
border: 2px solid;
padding: 20px;
}
.move_options .packing_and_unpacking {
border: 2px solid red;
padding: 10px;
}
.move_options .packing_and_unpacking h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.move_options .free_boxes_delivery {
border: 2px solid red;
padding: 10px;
}
.move_options .free_boxes_delivery h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.move_options .accessibility {
border: 2px solid red;
padding: 10px;
}
.move_options .accessibility h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.accessibility label#departure_y {
margin-right: 60px;
}
.accessibility label#arrival_y {
margin-right: 60px;
}
.move_options .others {
border: 2px solid red;
padding: 10px;
}
.move_options .others h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#others_parking_y {
margin-right: 60px;
}
.others label#others_furnitures_y {
margin-right: 60px;
}
.move_options .others_special {
border: 2px solid red;
padding: 10px;
}
.move_options .others_special h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#others_special_y {
margin-right: 60px;
}
.move_options .insurance {
border: 2px solid red;
padding: 10px;
}
.move_options .insurance h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#insurance {
margin-right: 60px;
}
.insurance li {
margin: 20px 0px;
}
.move_options .flex_moveindate {
border: 2px solid red;
padding: 15px;
}
.move_options .flex_moveindate h3 {
color: red;
font-size: 20px;
font-weight: 700;
}
.others label#flex_moveindate {
margin-right: 60px;
}
.flex_moveindate li {
list-style: none;
}
.declare_mail span.declare_sign {
position: absolute;
margin-left: -15px;
}
.declare_mail input[type="number"]::-webkit-inner-spin-button,
.declare_mail input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#validate_declare {
background: transparent;
color: red;
border: 2px solid red;
border-radius: 0;
padding: 10px 20px;
} .loader {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
margin: 0 auto;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.wp-core-ui select {
font-size: 16px !important;
padding: 0 25px 0 10px;
margin: 0 10px;
}
#movers th {
vertical-align: top;
padding-right: 3rem;
text-align: left;
font-size: 11pt !important;
}
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
opacity: 1 !important;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
bottom: 50% !important;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
opacity: .3;
}
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
top: 55% !important;
opacity: .5;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
bottom: 75% !important;
}
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
top: 30% !important;
}
.dataTable {
height: 100px !important;
}
#movers_wrapper {
width: 100% !important;
}
#movers_wrapper table tr td,
#movers_wrapper table tr th {
font-size: 10px;
}
#move_orders_table {
overflow: scroll;
}
#movers_wrapper {
width: 100% !important;
padding-top: 30px;
}
#move_orders_table table {
margin-top: 20px !important;
}
#move_orders_table table thead {
background-color: #F5F5F5;
}
.wp-core-ui select {
border-top: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-radius: 0;
}
#movers_filter input {
border-top: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-radius: 0;
}
.dataTables_length {
display: inline-block;
}
.dataTables_filter {
display: inline-block;
float: right;
}
#move_orders_table table tr th {
font-size: 15px;
}
#move_orders_table .input-group-text.disabled {
opacity: 0.5; cursor: not-allowed;
}
.mover_select {
cursor: pointer;
}
#move_orders_table .lift_select .input-group-text.disabled {
opacity: 0.5; cursor: not-allowed;
}
.lift_select {
cursor: pointer;
}
.hgt-ctrl {
height: 400px;
}
.wp-core-ui select {
font-size: 10px;
}
.input-group-prepend .input-group-text {
font-size: 10pt !important;
padding-left: 5px !important;
padding-right: 5px !important;
border: 0;
border-bottom: 1px solid #8c8f94;
border-radius: 0;
background-color: white;
}
.input-group-prepend .input-group-text:hover {}
.dataTables_info {
display: inline-block;
}
.dataTables_paginate {
display: inline-block;
float: right;
margin-top: 10px !important;
}
.paginate_button.previous,
.paginate_button.next {
padding: 0 20px;
}
.notes_save {
margin-top: 0;
vertical-align: top !important;
}
.cst-adj {
width: 68%;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-radius: 0 !important;
margin-right: 5px;
}
.cst-adj:hover {
border-bottom: 1px solid #e50000;
}
.cst-adj2 {
margin-top: 0 !important;
vertical-align: top;
border-radius: 0;
background: linear-gradient(90deg, #e50000, transparent) #BF360C;
transition: background-color .5s;
border: none;
padding: 8px 8px 7px 8px;
}
.cst-adj2:hover {
background-color: #9C27B0;
color: #fff;
}
.wp-core-ui select:focus {
border-color: #e50000;
color: #0a4b78;
box-shadow: 0 0 0 0px #2271b1;
}
.input-group-prepend span:hover,
.input-group-prepend select:hover {
border-bottom: 1px solid red !important;
}
a {
color: #BF360C;
}
.cst-adj3 {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-radius: 0 !important;
margin-right: 5px;
width: 62%;
}
.cst-adj4 {
margin-top: 0 !important;
vertical-align: top;
background: linear-gradient(90deg, #e50000, transparent) #BF360C;
transition: background-color .5s;
border: none;
padding: 8px 8px 7px 8px;
}
.cst-adj4:hover {
background-color: #9C27B0;
color: #fff;
}
#movers_filter input:hover {
border-bottom: 1px solid #e50000;
}
input[type=checkbox]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
border-color: #e50000;
box-shadow: 0 0 0 0px #2271b1;
outline: 2px solid transparent;
}
.cst-adj5 {
width: 150px;
} .input-style {
border-top: 0px solid black !important;
border-left: 0px solid black !important;
border-right: 0px solid black !important;
border-radius: 0 !important;
}
.input-style:hover,
.input-style:active,
.input-style:focus {
border-bottom: 1px solid #e50000;
}
.table thead th {
border-bottom: 0px solid #dee2e6;
font-weight: normal;
font-size: 16px;
white-space: nowrap;
color: white;
text-align: center;
font-weight: 600;
}
.table td {
text-align: center !important;
color: black;
border-bottom: 1px solid rgba(0, 0, 0, .05);
font-size: 14px;
white-space: nowrap;
}
.table td,
.table th {
border-top: 0px solid #dee2e6;
}
.main-table table {
font-size: 10pt;
box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
border: 1px solid rgba(0, 0, 0, .1);
}
.main-table .table td,
.main-table .table th {
padding: 1rem 3rem;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #FAFBFF;
}
h3 {
position: relative;
color: #313437;
font-size: 19pt;
text-transform: capitalize;
display: inline-block;
}
h3:before {
position: absolute;
content: '';
border-bottom: 2px solid #e50000;
width: 40%;
left: 0%;
bottom: -4px;
}
thead {
background-color: #e32222;
}
tbody tr td:nth-child(1),
tbody tr td:nth-child(3),
tbody tr td:nth-child(6) {
color: #e32222;
}
#move_orders_table {
display: none;
} .main-table {
position: relative;
}
.main-table:after {
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 30px solid green;
content: '';
position: absolute;
top: 35%;
opacity: .1;
left: 0%;
z-index: 1;
}
.main-table:before {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
content: '';
position: absolute;
top: 25%;
opacity: .1;
left: 0px;
}
.heading-styling {
background-color: #FAFAFA; border-top: 1px solid lightgray;
}  #movers_length {
padding: 0px 0px 10px 15px;
}
#movers_filter {
padding-right: 15px;
}
#movers_info {
padding: 10px 0px 10px 15px;
}
#movers_paginate {
padding: 0px 15px 10px 0px;
margin-bottom: 10px;
}
#movers_paginate a {
border: 1px solid #e50000 !important;
padding: 8px 15px;
cursor: pointer;
text-decoration: none;
background: #f5f5f5;
}
#movers_paginate a.current {
background: #e50000;
color: #fff !important;
border-color: #fff !important;
} .move_orders_admin ::-webkit-scrollbar {
width: 10px;
}
.move_orders_admin ::-webkit-scrollbar-track {
background-color: #ebebeb;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.move_orders_admin ::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #e32222;
}
#move_back {
background: lightgrey !important;
color: #e00701 !important;
}
.insurance_points li::marker {
content: "✓";
font-weight: 600;
letter-spacing: 10px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.addrooms_form input::placeholder {
font-size: 7px;
}
.banner_content {
display: none;
}
.t-form {
box-shadow: none !important;
}
#departure_container {
margin-left: 3% !mportant;
}
#departure_container {
padding: 0% !important;
}
} .info_tooltip {
position: relative;
display: inline-block;
}
.cr-tooltip { background-color: #e32222;
color: white;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
width: 350px;
font-size: 10px;
}
.cr-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.furniture_list .item-image {
width: 50px;
}
.quantity {
height: 50px;
display: flex;
align-items: center;
} .move-spinner-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.2); display: flex;
align-items: center;
justify-content: center;
z-index: 9998;
display: flex;
justify-content: center;
align-items: center;
} .move-spinner {
border: 6px solid rgba(255, 0, 0, 0.2);
border-top: 6px solid white;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 0.8s linear infinite;
z-index: 9999;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.move-spinner.hidden {
display: none;
}
.top_sec {
display: -ms-flexbox !important;
display: flex !important;
justify-content: space-between;
align-items: flex-end;
}
#move_back.move_user_back {
background: transparent !important;
border: 2px #e00701 solid;
}
.pc-dropdown {
height: 150px;
background: #fff;
box-shadow: 0px 1px 3px #000;
position: absolute;
right: 0;
z-index: 10;
overflow: scroll;
display: none;
}
#step_one .pc-dropdown {
right: inherit;
}
.pc-dropdown .pc-item {
padding: 8px 10px;
cursor: pointer;
}
.pc-dropdown .pc-item:hover {
background-color: #f0f0f0;
}
.pc-dropdown .pc-item:not(:last-child) {
border-bottom: 1px solid #000;
}  .crwp-suggest-list {
position: fixed; z-index: 999999; background: #fff;
border: 1px solid #e5e7eb;
border-radius: 0; box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
margin-top: 2px;
overflow-y: auto;
max-height: 320px;
display: none;
}
.crwp-suggest-item {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
cursor: pointer;
}
.crwp-suggest-item+.crwp-suggest-item {
border-top: 1px solid #f1f5f9;
}
.crwp-suggest-item:hover,
.crwp-suggest-item.active {
background: #f8fafc;
}
.crwp-suggest-pin {
width: 18px;
height: 18px;
flex: 0 0 18px;
opacity: .6;
}
.crwp-suggest-text {
line-height: 1.2;
}
.crwp-suggest-primary {
font-weight: 600;
color: #111827;
}
.crwp-suggest-secondary {
font-size: 12px;
color: #6b7280;
margin-top: 2px;
}
.crwp-powered {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 8px 10px;
border-top: 1px solid #f1f5f9;
background: #fff;
}
.crwp-powered img {
height: 14px;
}
.fixed-bottom {
position: fixed;
bottom: 0px;
left: 0px;
width: 85%;
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
} .save-button-container {
display: flex;
justify-content: flex-end;
margin-top: 20px;
margin-bottom: 20px;
}
.save-button {
display: flex;
align-items: center;
padding: 8px 16px;
background-color: transparent;
color: #e32222 !important;
border: 2px solid #e32222;
cursor: pointer;
}
.save-button i {
margin-right: 4px;
}
a#totop.top-visible {
display: none !important;
}body {
font-family: "Helvetica Neue", Helvetica, sans-serif;
}
form {
margin: 0 auto;
font-size: 16px;
}
label {
display: block;
margin-bottom: 10px;
}
.form-row{
display: block !important;
}
.StripeElement {
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
background-color: white;
margin-bottom: 12px;
height: 40px;
}
.StripeElement--focus {
border-color: #007bff;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
#card-errors {
color: #fa755a;
margin-bottom: 12px;
}
button[type="submit"] {
background-color: #007bff;
color: white;
padding: 8px 16px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
width: 100%;
}
button[type="submit"]:hover {
background-color: #0056b3;
}
button.bootbox-accept{
background: red !important;
border: red !important;
color: white !important;
border-radius: 0 !important;
}
button.bootbox-close-button{
color: black !important;
}