div#wpfooter{display:none}
.freightmat-form-layout input.freightmate-form-control{padding:10px 20px;width:100%}
.freightmat-form-layout #submit{padding:5px 35px;border-radius:5px;font-weight:600;font-size:16px;background:#80bf45;border-color:#80bf45}
#freightmate-admin-pages-header,.freightmat-admin-pages{width:98%}
#wpbody #wpbody-content #freightmate-admin-pages-header h2{background:#343a40;padding:15px 19px;color:#fff;font-size:18px;font-weight:600;border-left:10px solid #000;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin:10px 0 0 0}
.freightmat-form-layout{box-shadow:rgba(99,99,99,.2) 1px 2px 4px 0;background:#fff;padding:15px 20px}
.freightmat-admin-pages .freightmat-notice,.freightmat-admin-pages div.freightmat-error,.freightmat-admin-pages div.freightmat-updated{background:#fff;border:1px solid #c3c4c7;border-left-width:4px;box-shadow:0 1px 1px rgba(0,0,0,.04);padding:1px 12px;margin-top:10px}
.freightmat-admin-pages .freightmat-notice-success,.freightmat-admin-pages div.freightmat-updated{border-left-color:#00a32a}
.freightmat-admin-pages div.freightmat-error{border-left-color:#a3000e}
.freightmat-admin-pages div.freightmat-error p{color:#a3000e}
.freightmat-error p{font-size:14px}
.wrap .freightmat-admin-pages div.freightmat-updated{margin:5px 0 15px}
.create-order-consignment{background:#80bf45;padding:10px;color:#fff;font-weight:600}
.create-order-consignment:hover{color:#fff}
.create-order-consignment-wrap{margin:10px 0}
.create-order-manifest-wrap{display:flex;gap:5px}
.delete-order-consignment{background-color:#e8182a;color:#fff;display:flex;justify-content:center;align-items:center;padding:2px;border-radius:5px;height:26px}
.delete-order-consignment span{font-size:24px;color:#fff}
a.create-order-manifest span{font-size:24px;color:#fff}
a.create-order-manifest{background-color:#80bf45;color:#fff;display:flex;justify-content:center;align-items:center;padding:2px 10px;border-radius:5px;height:26px}
.freightmat-back-link{background-color:#80bf45;width:fit-content}
.freightmat-back-link span{font-size:15px;color:#fff}
.freightmat-back-link a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;padding:12px}
a.toplevel_page_freightmate-dashboard{background:#343a40!important;display:flex!important;align-items:center;justify-content:center;gap:5px}
a.toplevel_page_freightmate-dashboard .wp-menu-name{display:none}
a.toplevel_page_freightmate-dashboard .wp-menu-image.dashicons-before{background:#343a40;display:flex;justify-content:flex-start;align-items:center;padding-bottom:6px;width:100%!important;padding-left:10px}
a.toplevel_page_freightmate-dashboard .wp-menu-image.dashicons-before img{width:85%;height:auto}
.toplevel_page_freightmate-dashboard .error{margin-left:0;margin-right:21px}
.freightmate-form-group{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.freightmate-form-group .form-group{width:100%}
.freightmate-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;background-image:none;flex:1;padding:0 .5em;color:#495057;cursor:pointer;font-size:1em;height:100%;margin:0;padding:5px 10px}
.freightmate-select select::-ms-expand{display:none}
.freightmate-select{position:relative;display:flex;width:20em;line-height:3;overflow:hidden;border-radius:.25em;flex-direction:column}
.freightmate-invalid{border-color:#d63638!important}
.fr-mb-15{margin-bottom:15px}
.fr-mb-30{margin-bottom:  30px !important;}
.freightmate-select::after{content:'\25BC';position:absolute;top:0;right:0;padding:0 1em;cursor:pointer;pointer-events:none;transition:.25s all ease}
.freightmate-select:hover::after{color:#495057}
.form-group select,.freightmate-form-group .form-group input[type=date],.freightmate-form-group .form-group input[type=email],.freightmate-form-group .form-group input[type=tel],.freightmate-form-group .form-group input[type=text],.freightmate-form-group .form-group textarea,.freightmate-wc-item-value select, .freightmat-form-layout input.freightmate-form-control{width:100%;outline:0;background:#fff;color:#495057;border:1px solid #495463;border-radius:5px;transition:.3s ease;margin-bottom:10px;padding:2px 10px}
.form-group select:focus,.freightmate-form-group .form-group input[type=date]:focus,.freightmate-form-group .form-group input[type=email]:focus,.freightmate-form-group .form-group input[type=tel]:focus,.freightmate-form-group .form-group input[type=text]:focus,.freightmate-form-group .form-group textarea:focus,.freightmate-wc-item-value select:focus{box-shadow:0 0 1px 0 #80bf45}
.freightmate-form-group .form-group input[type=checkbox]{display:flex;justify-content:center;align-items:center;border:2px solid #ced4da;background:#fff;width:20px;height:20px;color:#495057;border-radius:3px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;margin:0}
.freightmate-form-group .form-group input[type=checkbox]:checked,.freightmate-form-group .form-group input[type=checkbox]:hover{border-color:#80bf45!important;background:#80bf45!important;color:#fff!important}
.freightmate-form-checkbox .form-group{display:flex;gap:5px;align-items:center}
.freightmate-form-group .form-group input[type=text]::placeholder{color:#000}
.freightmate-form-group h1,.freightmate-form-group h2,.freightmate-form-group h3,.freightmate-form-group h4,.freightmate-form-group h5,.freightmate-form-group h6{margin:0}
.freightmate-custom-heading{background:#495463;padding:15px 10px;color:#fff}
.freightmate-custom-heading h2{color: #fff;padding: 0; margin: 0;}
.freightmate-custom-heading-flex{display: flex;
    justify-content: space-between;
    align-items: center;}
.new-consignment-fields{padding:5px 20px}
div#create-new-consignment{background:#f6f6f6}
.freightmate-form-group label{vertical-align:inherit;font-size:16px;font-weight:500}
.freightmate-wc-items-labels{margin-bottom:15px}
.freightmate-wc-items-values{margin-bottom:10px}
.freightmate-wc-items-labels,.freightmate-wc-items-values, .freightmate-wc-items-values-main{display:flex;gap:10px}
.freightmate-wc-item-value {
    flex: 1;
}
.freightmate-wc-items-values-main{
    margin-bottom: 5px;
}
.freightmate-wc-items-values-main .freightmate-wc-item-value {
    font-weight: 400;
}
.freightmate-wc-item-label,.freightmate-wc-item-value{flex:1;font-weight:600}
.freightmate-wc-item-value input,.freightmate-wc-item-value select, .freightmate-wc-item-value .freightmate-select{width:100% !important}
.freightmate-carrier-item.offer-row{margin-top:10px;margin-bottom:10px;background:#fff;box-shadow:0 2px 5px 1px #acd8e680;margin-bottom:15px}
.freightmate-carrier-cost{padding-right:25px}
.freightmate-carrier-item .offer-option{margin:0;min-height:60px;box-shadow:0 2px 12px 1px #add8e6;cursor:pointer}
.offer-option{display:flex;justify-content: space-evenly;align-items: center;}
.freighmate-service-name{background:#495463;color:#fff;display:flex;align-items:center;padding:3px 12px;position:relative;justify-content:space-around;flex:0 0 15%; height: 100%;}
span.arrow-right{position:absolute;right:-49px;width:14px;height:10px;border-top:35px solid transparent;border-bottom:35px solid transparent;border-left:35px solid #495463}
.action-consignment-section{background:#495463;display:flex;align-items:center;justify-content:space-between}
.action-consignment-btns{padding-right:25px;display:flex;gap:20px}
.freighmate-btn{color:#fff;background-color:#80bf45;border:none!important;padding:.9rem 1rem;cursor:pointer;border-radius:3px;font-weight:400;font-size:15px}
.action-consignment-btns #submit-consignment{color:#fff;background-color:#80bf45;border:none!important;padding:.9rem 1rem;cursor:pointer;border-radius:3px;font-weight:400;font-size:15px}
.action-consignment-btns #submit-consignment:disabled{opacity:.6}
.freightmate-flex-box{display:flex;gap:15px}
.freightmate-autocomplete{position:relative}
button#freightmate-add-item {
    height: auto;
    padding: 5px 14px;
    margin-top: 21px;
}
.freightmate-autocomplete .suggestions{position:absolute;top:80%;left:0;background-color:#495463;list-style:none;padding:0;margin:0;border-radius:4px;max-height:200px;overflow-y:auto;box-shadow:rgba(99,99,99,.2) 1px 2px 4px 0;width:100%}
.freightmate-autocomplete .suggestions li{padding:10px;border-bottom:1px solid #fff;cursor:pointer;color:#fff}
.freightmate-autocomplete .suggestions li:hover{background-color:#495463}
.freightmate-add-order-reference{display:flex}
.freightmate-add-order-reference a.reference-btn{text-decoration:none;font-weight:600;background:#495463;padding:10px 9px;color:#fff;margin-bottom:28px;border-radius:5px}
.loader-placement{position:relative}
.loader-placement img{position:absolute;right:11.5px;top:6px;width:25px}
.freightmate-img{width:48px}
.freightmate-img.img-w-40{width:40px}
.freighmate-carrierName-name img{width:150px;height:50px;object-fit:contain}
.freighmate-carrierName-name .service-type{display:flex;align-items:center;justify-content:center}
.freighmate-carrierName-name{display:flex}
.freightmate-invalid+.error-message{margin-bottom:10px}
.freightmat-subheading{
    color: #80bf45;
}
.consignment-submit-wrap {
    display: flex;
    gap: 20px;
}
.freightmat-admin-pages tfoot {
    display: none;
}
form[name="freightmate_shipping_setting_form"] .freightmate-form-group.freightmate-form-checkbox .form-group {
    flex-direction: column;
    align-items: baseline;
    gap: 15px;
}

form[name="freightmate_shipping_setting_form"] .freightmate-form-group {
    flex-direction: column;
}
form[name="freightmate_shipping_setting_form"] .freightmate-form-group .freightmate-checkbox .freightmate-checkmark{
    border-radius: 50%;
}
form[name="freightmate_shipping_setting_form"]  .form-inner-group {
    margin-left: 35px;
    gap: 20px;
    display: flex;
    flex-direction: column;

}
.freightmate-checkbox input-checked ~ .freightmate-checkmark::after{
    display: block;
}
/* styles.css */
#toast-container {
    position: fixed;
    top: 42px;
    right: 20px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40%;
}

.toast {
    display: flex;
    align-items: center;
    background-color: #333;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.3s, transform 0.3s;
}

.toast.show {
    opacity: 1;
    transform: translateX(0);
}

.toast .close-btn {
    margin-left: auto;
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.toast.success {
    background-color: #4caf50;
}

.toast.error {
    background-color: #f44336;
}

.toast.info {
    background-color: #2196f3;
}

.toast.warning {
    background-color: #ff9800;
}
div#toast-container .toast {
    padding: 10px 15px !important;
    margin: unset !important;
    position: relative;
}
ul.toast-ul {list-style-type: initial;padding: 0px 5px;width: 100%;margin: 0;}
/* Checkbox Toggle */
.freightmate-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.freightmate-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.freightmate-checkbox .freightmate-checkmark {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #495463;
    border-radius: 3px;
    margin-right: 10px;
    transition: background-color 0.3s ease;
}

.freightmate-checkbox input:checked ~ .freightmate-checkmark {
    background-color: #80bf45;
}

.freightmate-checkbox .freightmate-checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.freightmate-checkbox input:checked ~ .freightmate-checkmark::after {
    display: block;
}
.freighmate-service-select {
    display: flex;
    align-items: center;
    justify-content: center;
}
.freighmate-service-select label.freightmate-checkbox {
    margin-left: 10px;
}
.freightmate-product-config{
    margin-top: 30px;
}
.freightmate-product-config h4 {
    padding-left: 12px;
}
.freightmate-product-config .freightmate-product-config-fields .freightmate-img.img-w-40{
    width: 26px;
    margin-left: 10px;
}
/* Tracking progress steps style */
@keyframes fadein {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.top-section {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    animation: slidein 1s ease-in-out;
}
@keyframes slidein {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.left-section, .right-section {
    padding: 0 10px;
}
.left-section h2, .right-section p, .left-section p {
    font-size: 18px;
    color: #333;
}
.right-section p, .left-section p {
    font-size: 14px;
    color: #666;
}
.tracking-steps {
    margin-bottom: 20px;
    animation: slidein 1s ease-in-out;
}
.tracking-steps li {
    position: relative;
    list-style-type: none;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 10px 20px;
    background-color: #f0f0f0;
    border-radius: 20px;
    transition: background-color 0.3s ease;
}
.tracking-steps li.active {
    background-color: #80bf45;
    color: #fff;
}
.tracking-steps li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: calc(80% - 20px);
    height: 2px;
    background-color: #ccc;
}
.tracking-steps li.active:not(:last-child)::after {
    background-color: #80bf45;
}
/* .tracking-steps li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f0f0f0;
    transition: background-color 0.3s ease;
} */
/* .tracking-steps li.active:before {
    background-color: #80bf45;
} */
.tracking-steps ul {
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 0;
}
.tracking-details {
    margin-bottom: 20px;
    animation: slidein 1s ease-in-out;
}
.tracking-details table {
    width: 100%;
    border-collapse: collapse;
}
.tracking-details th, .tracking-details td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
    font-size: 14px;
}
.tracking-details th {
    background-color: #f2f2f2;
    color: #333;
}
.freightmate-time-flex-box {
    display: flex;
    gap: 100px;
    justify-content: flex-start;
}

.freightmate-time-flex-box .form-group {
    display: flex;
    gap: 16px;
    align-items: center;
    width: auto;
}
.freightmate-ht5{height: 50px;}

/* Container for iframe */
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border: 2px solid #ccc; /* Border around the iframe */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for depth */
    background-color: #f9f9f9; /* Background color */
  }
  
  /* Responsive iframe */
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Remove default iframe border */
    border-radius: 10px; /* Rounded corners */
  }
  
  /* Additional styles for iframe content */
  .iframe-container iframe {
    transition: all 0.3s ease; /* Smooth transition for hover effects */
  }
  .freightmate-stats-flex {
    display: flex;
    gap: 20px;
    margin: 15px 0px;
}

.freightmate-stats-item {
    box-shadow: rgba(99,99,99,.2) 1px 2px 4px 0;
    background: #fff;
    padding: 10px;
    flex-grow: 1;
    width: 33%;
    height: 100px;
    border-radius: 5px;
}
.freightmate-stats-item p {
    font-size: 22px;
    font-weight: 600;
}
.freighmate-danger-btn {
    background: #dc3545;
}
/* Confirmation Dialog design */
.freightmate-dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  .freightmate-dialog-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  
  .freightmate-dialog-content button {
    margin: 5px;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
  }
  
  #freightmate-confirmBtn {
    background-color: #28a745;
    color: #fff;
  }
  
  #freightmate-cancelBtn {
    background-color: #dc3545;
    color: #fff;
  }
  .manifest-data-warning {
    background: #FFECB3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
    margin-bottom: 10px;
}

.manifest-data-warning p {
    font-size: 15px;
    padding: 10px;
}
.freightmate-number input{width: 50% !important;}
.freightmate-wc-item-value.freightmate-delete-item a {
    background: #ca2e2e;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.shipping-markup {
    margin-left: 50px;
}