* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/**
Start Custom modal display for file preview
 */
#documentModal .modal-dialog {
    max-width: 80vw;
}
#documentModal .modal-content {
    display: flow;
}

/**
END Custom modal display for file preview
 */

.banner-heading h1 {
    text-transform: none !important;
    font-style: italic !important;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    padding: 0px;
    font-family: Helvetica;
}

body #saveMoreBtn:hover {
    color: #243040 !important;
}

/*common css start here*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
nav {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

h1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    padding-bottom: 15px;
    font-weight: 600;
}

h2 {
    /* text-transform: capitalize; */
    color: #1a1a1a;
    font-size: 36px;
}

tr.accordion-toggle[aria-expanded="true"] {
    background: #dae1ec;
    box-shadow: 0px 5px 10px #dae1ec;
}

select {
    border-radius: 8px;
    background-color: #f7f7f7;
    align-items: center;
    padding: 6px;
    border: 0px;
}

select::-ms-expand {
    display: none;
}

select option {
    background: #fff;
}

.accordian-body.collapse.show {
    box-shadow: 1px 5px 10px #dcdcdc;
}

p {
    line-height: 24px;
    font-size: 16px;
    color: #000000;
    font-size: 16px;
}

p strong,
strong {
    font-weight: bold;
}

ul,
ol {
    margin: 0 0 0 0px;
    padding: 0px;
}

.alignleft {
    float: left;
    margin: 0px 15px 15px 0px;
}

.alignright {
    float: right;
    margin: 0px 0px 15px 15px;
}

.aligncenter {
    float: none;
    margin: 0px auto 15px auto;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
}

a:hover {
    text-decoration: none;
    /* color: #243040 !important; */
    outline: none;
}

a:focus {
    text-decoration: none;
    outline: none;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

ul li {
    list-style: none;
}

.sign-up:hover {
    color: #243040 !important;
}

.btn-primary {
    top: 578px;
    left: 721px;
    width: 158px;
    height: 44px;
    background: var(--unnamed-color-243040) 0% 0% no-repeat padding-box;
    background: #243040 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    color: white;
}

.btn::before {
    background: #fff;
    height: 100%;
    content: "";
    width: 0;
    color: #243040;
    position: absolute;
    left: 50%;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    z-index: -1;
}

.btn:hover::before,
.btn:focus::before {
    width: 100%;
    left: 0;
}

.btn:hover,
.btn:focus {
    /* color: #000 !important; */
    color: #fff !important;
    border-color: #fff;
}

.sign-up {
    border-radius: 20px;
    padding: 10px 20px;
    border: 1px solid #000;
    color: #243040 !important;
}

.login.btn:hover,
.login.btn:focus {
    background-color: #243040;
}

.sign-up:hover {
    border: none;
    border: 1px solid #000;
    background-color: #243040;
}

.login {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

.login:hover {
    color: #243040;
}

/*-------------------------------------------  main css -------------------------------*/

.header {
    padding: 0 35px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 111 !important;
    top: 0;
    left: 0;
    z-index: 9;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.header.fixed-bar {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.header-logo {
    display: inline-block;
    vertical-align: middle;
}

.header-left-section .btn {
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 30px;
    background: #d00;
    border: 1px solid #d00;
    text-transform: uppercase;
}

.menus {
    text-align: right;
}

.header-sticky-nav {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-end;
}

.menus {
    text-align: right;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
}

.menus li.active {
    background: #243040;
}

.menus li.active,
.menus li.active a {
    color: #fff !important;
}

.menus li a {
    padding: 24px 25px;
    color: #000;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    display: block;
    text-transform: capitalize;
}

.menus li a:hover {
    color: #fff !important;
}

.fixed-bar .menus > li > a {
    padding: 31px 25px;
}

.menus li {
    position: relative;
}

.btn.header-login-btn {
    border-color: #660593;
    background: transparent;
    color: #660593;
    text-transform: uppercase;
}

.btn.header-login-btn::after {
    font-family: fontawesome;
    content: "\f107";
    margin-left: 5px;
}

.header-left-section .btn::before {
    content: none;
}

.header-left-section .btn:hover,
.header-left-section .btn:focus {
    color: #fff;
}

.top-offset {
    margin: 70px 0 0 0;
}

.banner-single-slide {
    height: calc(100vh - 0px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 40px;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align: center;
    z-index: 11;
}

/* .banner-single-slide:after {
    background-color: rgba(0,0,0,.7);
    height: calc(100vh - 100px );
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
} */
.banner-heading {
    font-weight: bold;
    font-size: 28px;
}

.banner-subheading {
    font-size: 24px;
    margin: 15px 0;
    font-weight: 500;
}

.banner-content p {
    margin: 0 0 20px 0;
}

.slick-dots {
    bottom: 20px;
}

.banner-slider.slick-slider.slick-dotted {
    margin: 0;
}

.slick-dots li {
    background: rgba(68, 68, 68, 0.5);
    border-radius: 50%;
}

.slick-dots li.slick-active {
    background: rgba(68, 68, 68, 1);
}

.slick-dots li button {
    display: none;
}

.service-section {
    padding: 100px 0;
}

/* .slick-next { right: 0px;top: -171px;left:auto;position:absolute;}
.slick-prev{left:0px !important;right:auto;position:absolute;}
.test-slider{position:relative;} */
.slick-next::after {
    content: "\f054";
    font-family: fontawesome;
    left: 0px;
    font-size: 20px;
    color: #000;
    z-index: 111;
}

.slick-prev::before {
    content: "\f053";
    font-family: fontawesome;
    right: 0px;
    font-size: 20px;
    color: #000;
    z-index: 111;
}

.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "";
}

/* ------shippers section css start--------- */
.shipper {
    padding: 60px 0px;
    background: #f7f7f7;
}

.shipping-text {
    text-align: center;
}

.text-up {
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.home-check-icon {
    opacity: 1;
    font-size: 30px;
    color: #33a896;
}

.icon-heading {
    font-size: 17px;
    font-weight: 600;
}

.shipper-pera {
    font-size: 16px;
    line-height: 30px;
    color: #1a1a1a;
    opacity: 0.7;
    padding-top: 15px;
}

.login2 {
    background-color: transparent;
    border: 1px solid #243040;
    color: #243040;
}

.login2:hover {
    color: #000;
}

.login2.btn:hover,
.login2.btn:focus {
    background-color: #243040;
}

/*------- testimonial start------- */

.testimonial {
    background-color: #f7f7f7;
    padding: 80px 0px;
}

.test-had p {
    font-weight: 600;
    opacity: 60% !important;
}

.test-had h2 {
    color: #000;
    position: relative;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 5px;
}

.test-had h2::before {
    position: absolute;
    content: "";
    left: 0px;
    top: -20px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 20px solid #243040;
    border-bottom: 20px solid transparent;
}

.slider-main {
    padding: 40px 0px;
}

.slider-card {
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgba(204, 204, 204, 0.5);
    margin: 20px 0px;
    text-align: center;
    margin: 0px 10px;
}

.bg-slide {
    background-color: #f9f9f9;
    padding: 30px 20px;
}

.client-name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0px 0px 0px;
    opacity: 1;
}

.client-post {
    font-size: 12px;
    color: #000;
}

.client-company {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    padding-top: 10px;
}

.client-text {
    font-family: "PT Serif";
    color: #243040;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    padding: 33px;
    text-align: left;
    position: relative;
}

/* .client-text::before{content:"";position:absolute;top:-7px;background-image:url("assets/images/home/ic_tm.png");height:40px;width:40px;background-size:cover;background-repeat:no-repeat;height: 41px;
    width: 56px;} */

/* how it work */
.how-work {
    background-color: #f7f7f7;
}

.how-work h2 {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 44px;
    text-align: center;
    padding-bottom: 30px;
}

.number-text {
    height: 48px;
    width: 48px;
    border: 1px solid #c2c2c2;
    background-color: #f7f6f6;
    text-align: center;
    border-radius: 50%;
    color: #e30613;
    font-weight: bold;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.number-text2 {
    height: 48px;
    width: 48px;
    border: 1px solid #c2c2c2;
    background-color: #f7f6f6;
    text-align: center;
    border-radius: 50%;
    color: #e30613;
    font-weight: bold;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.how-work p {
    color: #000000;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    padding: 10px 0px;
}

.number-text:after {
    content: "";
    position: absolute;
    border-right: 191px solid #ccc;
    width: 118px;
    left: 46px;
    height: 1px;
}

/*----- footer start----- */
.footer {
    background-color: #f7f7f7;
    padding: 20px 0px 60px 0px;
}

.footer h3 {
    font-size: 18px;
    color: #243040;
    text-transform: uppercase;
}

.footer ul li a {
    color: #000000;
    opacity: 60%;
    font-size: 16px;
    transition: 0.5s;
    font-weight: 500;
}

.footer ul li a:hover {
    /* color: #243040; */
}

.footer ul {
    padding-bottom: 20px;
}

/* new changes in home */
.outer-wrapper {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 0 30px 17px rgba(0, 0, 0, 0.04);
    min-height: 658px;
}

.vlaue-ship {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 44px;
    text-transform: capitalize;
}

.ship-text {
    font-weight: 600;
}

.check-icon {
    width: 50px;
    display: inline;
}

.check-text {
    display: inline-table;
}

.check-text h2 {
    color: #222831;
    font-size: 24px;
    font-weight: bold;
}

.check-text p {
    color: #7b7f86;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    padding: 4px 0px;
}

.outer-wrapper ul li {
    padding: 18px 0px;
    display: flex;
}

/* welcome screen css */
/* .image-height{height:100%;object-fit: cover;width:100%;
position:relative;} */

.image-height {
    height: 100vh;
    object-fit: cover;
    width: 100%;
    position: relative;
    object-position: top;
}

.welcome-movies {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 0px !important;
}

.signup-with-us {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
}

.shipper-button {
    height: 64px;
    min-width: 192px;
    border-radius: 4px;
    background-color: #ecf6ff;
    border: 0;
    text-align: left;
    padding: 15px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.69px;
    margin-right: 20px;
}

.bg-icon {
    height: 48px;
    width: 48px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-right: 15px;
    padding: 10px;
}

.shipper-button:focus,
.shipper-button:active {
    border: 0;
    outline: none;
    background-color: #243040;
    color: #fff;
}

.shipper-button:focus,
.shipper-button:hover {
    color: #fff !important;
}

.shipper-button:hover {
    color: #fff !important;
    background: #243040;
}

.logo-background {
   
    background-color: rgba(255, 255, 255, 0.44);
    position: absolute;
    width: 100%;
    top: 125px;

    .logo-container{
        height: 106px;
        padding: 30px;
        display: flex;
        justify-content: center;
    }

    img{
        width: 20.2rem;
        height: 3.5rem;
    }
}

input:focus,
button:focus {
    box-shadow: none !important;
    outline: 0px;
}

.login-form form .form-control {
    border: 0px;
    border-bottom: 1px solid #d1d6dc;
    padding: 0px;
    border-radius: 0px;
}

.login-form form label {
    font-size: 14px;
}

.user-clr label {
    color: #243040 !important;
    position: static !important;
}

.login-form form .pass-word input::placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
}

.login-form form input::placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
}

.forgot-pw {
    color: #243040;
    font-size: 14px;
}

.submit-button {
    height: 48px;
    width: 104px;
    border-radius: 4px;
    background-color: #243040;
    border: 0px;
    color: #fff;
}

.clearfix {
    clear: both;
}

.need-acc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    padding: 15px 0px;
}

.forgot-pw2 {
    color: #243040;
}

.field_icon {
    position: relative;
    top: -25px;
    right: 10px;
    color: rgba(0, 0, 0, 0.5);
}

/* flag css */

.outerDiv {
    border-radius: 2px;
    padding: 1px 10px;
    display: flex;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #d1d6dc;
}

.searchDiv {
    position: relative;
    padding: 0px 0px;
    /*  border-right: 1px solid rgba(0, 0, 0, 0.08); */
    align-items: center;
    display: flex;
}

.searchDiv select {
    border: none;
    background-color: transparent;
    color: #4a4a4a;
    font-size: 14px;
}

.inputDiv {
    position: relative;
    padding-left: 20px;
    width: 100%;
}

select:focus {
    outline: 0;
}

/* end */
.user-name::placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 16px;
}

.remamber-me {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.term-condition {
    color: #243040 !important;
}

/* drop */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #d8d8d8;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.drop-width {
    width: 80px;
    padding: 0px 5px;
}

.change-ph {
    color: #243040;
}

/* otp css */

#partitioned {
    padding-left: 15px;
    letter-spacing: 72px;
    border: 0;
    background-image: linear-gradient(
        to left,
        grey 70%,
        rgba(255, 255, 255, 0) 0%
    );
    background-position: bottom;
    background-size: 80px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    min-width: 250px;
}

#divInner {
    left: 0;
    position: sticky;
    overflow: hidden;
    width: 437px;
    min-width: 437px;
}

#divOuter {
    width: 100%;
}

.otp-input {
    padding: 40px 0px;
}

/* end */

.receive-code {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.receive-code a {
    color: #243040;
}

/* toggle button css */
a.dropdown-toggle {
    cursor: pointer;
}

.second ul.navbar.nav {
    justify-content: flex-end;
    padding-right: 0;
}

.second ul.navbar.nav li {
    padding: 0 10px;
}

.second ul.navbar.nav li.nav-item:last-child {
    padding-right: 0;
}

.second-nav .container {
    display: inline-block;
    width: 100%;
}

.dropdown-single {
    position: relative;
}

.dropdown-menu1 {
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    display: none;
}

.dropdown-toggle-btn {
    cursor: pointer;
}

.my-toggle .dropdown-toggle {
    text-decoration: none !important;
}

/* toggle button end */

.my-toggle a {
    color: #243040 !important;
}

.my-toggle .resend:hover {
    background: transparent !important;
}

.back-btn {
    color: #243040;
    font-size: 16px;
    position: relative;
    top: -195px;
}

.icon-pos {
    position: relative;
}

.toggle-icon {
    position: absolute;
    right: 70px;
    bottom: 70px;
}

.right-content-side {
    padding: 50px 0px;
}

.drop-nav li {
    padding: 0px 5px;
    align-items: center;
    color: #4a4a4a;
    font-size: 14px;
}

/* chat toggle */
.chat-toggle {
}

.outer-chat {
    height: 624px;
    width: 376px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 20px 0 rgba(196, 196, 196, 0.5);
    position: relative;
    bottom: 15px;
}

.header-meaasenger {
    width: 376px;
    border-radius: 8px 8px 0 0;
    background-color: #243040;
}

.head-pad {
    padding: 10px 0px;
    color: #fff;
}

.font-size {
    font-size: 16px !important;
}

.user-name2 {
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
}

.width-flag {
    width: 80px;
}

.header-body {
    padding: 10px;
    height: calc(624px - 120px);
    overflow-y: auto;
}

.footer-msg {
    height: 48px;
    border-radius: 4px;
    background-color: #f1f1f1;
    align-items: center;
    display: flex;
    width: calc(100% - 20px);
    bottom: 1px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.footer-msg .form-control {
    background: transparent;
    opacity: 0.4;
    color: #000000;
    font-size: 14px;
}

.img-send {
    position: absolute;
    top: 13px;
    right: 17px;
}

.time-text {
    opacity: 0.5;
    color: #000000;
    font-size: 12px;
    text-align: center;
    padding: 5px 0px;
}

.reply-outer {
    width: 212px;
    border-radius: 4px;
    background-color: #243040;
    color: #ffffff;
    font-size: 14px;
    max-width: 70%;
    padding: 6px;
    margin-left: auto;
    width: auto;
}

.img-width {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-right: 10px;
}

.text-width {
    color: #243040;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    border: 1px solid #243040;
    border-radius: 4px;
    max-width: 70%;
    padding: 10px;
    width: auto;
}

.thankyou-sub {
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

.our-customer-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    padding: 5px 0px;
}

.btn-continue {
    height: 50px;
    max-width: 294px;
    border-radius: 4px;
    background-color: #243040;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    color: #fff;
    border: 0px;
    margin: 0 auto;
    display: block;
    width: 60%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-continue:hover {
    color: #fff !important;
}

/* individual screen */
.logistic-need {
    font-size: 18px;
    font-style: italic;
    color: rgba(0, 0, 0, 0.4);
}

.logistic-need2 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

/* .shipper{box-sizing: border-box;
  height: 248px;
  width:100%;
  border: 3px solid rgba(28,73,140,.5);
  border-radius: 8px;
background-color: #FFFFFF;
color: #243040;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  margin-bottom:10px;
  padding:10px;} */
.ind.active {
    border: 3px solid rgba(36, 48, 64, 0.5) !important;
    color: #243040 !important;
}

.ind.active .hide-ind {
    display: block !important;
}

.ind.active .show-ind {
    display: none !important;
}

.hide-ind {
    display: none !important;
}

.ind {
    height: 248px;
    width: 100%;
    border: 2px solid #dedede;
    opacity: 0.5;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
}

.ind.active,
.ind:focus {
    border: 3px solid rgba(36, 48, 64, 0.5);
    color: #243040 !important;
    outline: 0;
    opacity: 1;
}

.ind.active,
.ind:focus .show-ind {
    display: none !important;
}

.ind.active,
.ind:focus .hide-ind {
    display: block !important;
}

/* add sources screen */

.add-source {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    align-items: center;
    display: flex;
}

.cross-btn {
    position: relative;
}

.cross-btn:after {
    content: "";
    position: absolute;
    background-image: url("images/ic_redbin.png");
    background-repeat: no-repeat;
    background-position: top;
    height: 30px;
    width: 30px;
    right: -15px;
}

.cross-btn2:after {
    content: "";
    position: absolute;
    background-image: url("images/ic_cut.png");
    background-repeat: no-repeat;
    background-position: top;
    height: 30px;
    width: 30px;
    right: -1px;
}

.form-input select {
    height: 40px;
    opacity: 0.5;
    color: #000000;
    font-size: 14px;
}

.form-input select:focus {
    box-shadow: none;
    outline: 0px;
}

.add-more-btn {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}

.right-height {
    height: calc(100vh - 10px);
    overflow: hidden;
    overflow-y: auto;
}

.brows-btn {
    height: 56px;
    max-width: 320px;
    border: 0px;
    border: 1px dashed #243040;
    border-radius: 4px;
    width: auto;
    padding: 10px;
    background: #fff;
    color: #243040;
    font-size: 14px;
    margin: 10px 0px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
}

/*.brows-btn:hover{color:#fff;}*/
.brows-btn-pos {
    position: relative;
}

.file-pos {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-38%, -47%);
    opacity: 0;
}

.tnx-submission {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    padding: 10px 0px;
}

.download-btn {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 15px 0px 30px 0px;
}

.download-btn a {
    color: #243040;
}

/* dashboard start */
.header-dashboard {
    height: 72px;
    background-color: #ffffff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    align-items: center;
    display: flex;
}

.header-dashboard .multipro {
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    font-weight: 600;
}

.header-notif li {
    padding-left: 20px;
}

/*.header-notif li a{ font-size: 14px;color: rgba(0,0,0,.4);}*/

.dashboard-left {
    background-color: #243040;
    height: calc(100vh - 72px);
    overflow-y: auto;
    position: relative;
}

/* sidebar */
.sidebar-nav li a {
    color: #ffffff;
    font-size: 14px;
    padding: 10px 25px;
    display: block;
    transition: all 0.5s;
}

.sidebar-nav li a:hover {
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
}

.sidebar-nav li.active a {
    color: #fff;
    font-size: 14px;
}

.sidebar-nav {
    padding: 20px 0px;
    width: 100%;
}

.sidebar-nav li:hover,
.sidebar-nav li.active {
    background-color: #1a1a1a;
    color: #fff;
}

.log-out {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

#upload_way_bill .left-content {
    width: 50%;
}

/* right-side */
.dashboard-right {
    background-color: #e8e8e8;
    height: calc(100vh - 72px);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.dash-wrapper {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    padding: 20px 10px;
    margin: 15px 0px;
}

.profile-image {
    width: 178px;
    height: 178px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.overlay-btn {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.brows-file {
    position: absolute;
    opacity: 0;
}

.user-name {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px !important;
}

.finance-mngr {
    opacity: 0.6;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 0px !important;
    padding: 0px;
}

.refer-link {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: auto;
    display: block;
    text-align: right;
}

.finance-list li {
    width: 100%;
    padding: 5px 0px;
    font-size: 14px;
}

.text-bold {
    font-weight: 600 !important;
}

.finance-pad {
    position: relative;
}

.finance-pad:after {
    position: absolute;
    content: "";
    border-right: 2px solid #ccc;
    right: -68px;
    height: 46px;
    bottom: 11px;
}

.offline-time {
    opacity: 0.3;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.view-text {
    color: #000000;
    font-size: 22px;
    padding-top: 15px;
}

.view-all-btn {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    float: right;
}

.view-all-btn2 {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    float: right;
    text-align: right;
    margin-left: auto;
    display: block;
    float: none;
    padding-bottom: 10px;
}

.dot {
    height: 8px;
    width: 8px;
    background-color: #ffa263;
    border-radius: 50%;
    margin: 2px 13px;
    display: inline-block;
}

.dot-clr {
    background-color: #243040 !important;
}

.graph-name li {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    padding: 10px 0px;
}

.card-graph {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
    padding: 10px;
}

.downtime-percentage {
    opacity: 0.6;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 15px;
}

.download-report {
    height: 40px;
    width: 144px;
    border-radius: 8px;
    background-color: #243040;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    border: 0px;
}

.social-link {
    padding: 15px;
}

.share-movis {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
}

.share-movis a {
    color: #243040;
}

.location {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
}

.permission {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    padding: 5px 0px;
}

.btn-allow {
    height: 48px;
    border-radius: 4px;
    background-color: #243040;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    width: 100%;
    margin: 10px 0px;
}

.btn-cancel3 {
    height: 48px;
    width: 100%;
    border: 1px solid #979797;
    border-radius: 4px;
    background-color: #ffffff;
    color: #7c7c7c;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0px;
}

/* company profile */

.doccument {
    border-radius: 4px 4px 4px 4px;
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #d9d9d9;
    margin-top: 20px;
    padding: 16px;
    align-items: center;
    display: flex;
}

.doccument p {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.bg-cover {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
}

.dash-table .table th {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 0px solid #dee2e6;
}

.dash-table .table td,
.dash-table .table tr {
    vertical-align: middle;
    white-space: nowrap;
}

.dash-table .table td {
    color: #000000;
    font-size: 14px;
}

.star {
    font-size: 8px;
    color: #e02020;
    position: relative;
    top: -10px;
}

.btn-brows {
    padding: 20px;
}

.outer-brows {
    border: 1px dashed #243040;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 20px;
    cursor: pointer;
    position: relative;
}

.outer-brows p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    padding: 10px;
}

.outer-brows a {
    color: #243040;
    font-size: 14px;
}

.brows-file2 {
    position: absolute;
    bottom: 46px;
    right: 0px;
    width: 100%;
    opacity: 0;
}

.upload-file {
    color: rgba(28, 28, 28, 0.55);
    font-size: 11px;
    padding: 5px 0px;
}

/* shipment  */
.new-shipment {
    height: 32px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
}

.shipment-nav li {
    padding-left: 25px;
    color: #243040 !important;
    font-size: 14px;
    font-weight: 600;
}

.shipment-nav {
    align-items: center;
    display: flex;
}

.shipment-nav li a {
    color: #243040 !important;
    font-size: 14px;
    font-weight: 600;
}

.receive-code2 {
    height: 32px;
    width: 80px;
    border-radius: 8px;
    background-color: #f7f7f7;
    align-items: center;
    display: flex;
    padding: 10px;
}

.receive-code2 {
    color: #000 !important;
}

.receive-code2:hover {
    background-color: #f7f7f7 !important;
}

.doccument-list {
    padding: 15px 0px;
}

.dropdown-toggle.receive-code2::after {
    right: 10px;
    position: absolute;
    border-top: 0.3em solid #aaa;
}

.entery {
    color: #000000;
    font-size: 14px;
    padding: 5px;
}

.shipment-nav2 li a {
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
}

.shipment-nav2 li {
    padding: 5px 10px;
}

.edit-form .form-control {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    background-color: #f7f7f7;
    border-radius: 8px;
    border: 0px;
}

.searcch-pos {
    position: relative;
}

.search-img {
    position: absolute;
    right: 30px;
    bottom: 15px;
}

.complete-btn {
    height: 28px;
    width: 97px;
    border-radius: 4px;
    background-color: #cf3f24;
    color: #ffffff;
    font-size: 12px;
    border: 0px;
}

/* accordian */
/* [data-toggle="collapse"][aria-expanded="true"] > img.js-rotate-if-collapsed
{
  -webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
  transform:         rotate(90deg) !important;
  transition:all .5s;
}


img.js-rotate-if-collapsed.collapsed{ transform: rotate(0deg) ;}
 .js-rotate-if-collapsed{ transform: rotate(0deg) ;}
 .card-link:not(.collapsed) .js-rotate-if-collapsed{ transform: rotate(90deg) ;}
 */

.collapse-pos {
    position: absolute;
    top: 0px;
}

.col-pos {
    position: relative;
}

.pending {
    background-color: #eaadfd;
}

.allocated {
    background-color: #243040;
}

.Progress {
    background-color: #faab48;
}

.Completed {
    background-color: #9ad490;
}

.Cancelled {
    background-color: #f0f0f0;
}

.show-entery {
    opacity: 0.5;
    color: #000000;
    font-size: 12px;
}

.pegination-sec {
    padding: 15px 0px;
}

.pagi {
    border: 0px;
}

.pagi .page-link {
    color: rgba(0, 0, 0, 0.4);
    background-color: #fff;
    font-size: 12px;
    border: 0px;
}

.pagi .page-link:hover {
    color: #000;
}

.pagi .page-item.active .page-link {
    height: 24px;
    width: 24px;
    background-color: #243040 !important;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.pagi .page-item.active {
    margin-top: auto;
    margin-bottom: auto;
}

.pagi .page-item.active .page-link:hover {
    color: #fff;
}

.all {
    width: 176px;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 22px 46px 0 rgba(0, 0, 0, 0.16);
}

.all .dropdown-item {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
}

.pos-table {
    position: relative;
}

.card-header2 {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
}

.show .card-body {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header2:hover,
.card-header2:focus {
    background-color: rgba(28, 73, 140, 0.17);
    box-shadow: 0 4px 4px 0 rgba(189, 189, 189, 0.5);
}

.card-header2.active {
    background-color: rgba(28, 73, 140, 0.17);
    box-shadow: 0 4px 4px 0 rgba(189, 189, 189, 0.5);
}

.table tbody + tbody {
    border-top: 1px solid #dee2e6;
}

.interprice {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}

.int-number {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 600;
}

.accord-list li {
    color: #000000;
    font-size: 14px;
    padding: 5px 0px;
}

.left-text {
    font-weight: 500;
    width: 40%;
    display: inline-block;
}

.right-text {
    width: 48%;
    white-space: pre-wrap;
}

/* model */
.cancel-ship {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 600;
}

.model-form .form-control {
    color: #000000;
    font-size: 14px;
    height: 48px;
    border: 1px solid #979797 !important;
    border-radius: 4px;
    background-color: #ffffff;
}

.model-form input::placeholder {
    opacity: 0.3;
    color: #000000;
    font-size: 14px;
}

.model-form option {
    font-size: 14px;
}

.model-form select option {
    color: rgba(0, 0, 0, 1);
}

/* .model-form select .active{color:rgba(0,0,0,.3);} */
.form-control:focus,
select:focus {
    box-shadow: none;
}

.model-form label {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
}

.btn-cancel {
    height: 32px;
    width: 120px;
    border-radius: 8px;
    background-color: #ff9478;
    border: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.delet {
    height: 32px;
    width: 120px;
    border: 1px solid #9b9b9b;
    border-radius: 8px;
    color: #686666;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    margin: 10px 0px;
}

.track {
    height: 32px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    border: 0px;
    margin: 10px 0px;
}

.model-form textarea {
    resize: none;
}

.receive-code3 {
    opacity: 0.4;
    color: #000000;
    font-size: 14px;
    height: 32px;
    width: 196px;
    border-radius: 8px;
    background-color: #e7e7e7;
    padding: 10px;
}

.bg-map {
    background-color: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    box-shadow: 0 -1px 0 0 #d9d9d9;
}

/* profie-update */
.profile {
    opacity: 0.5;
    color: #000000;
    font-size: 14px;
    padding: 5px 15px 0px 0px;
}

.profile2 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px 0px 15px;
}

.name-table {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.shadow-bottom {
    box-shadow: 0 1px 0 0 #d9d9d9;
}

.border-all {
    border-left: 1px solid #d8d8d8;
}

.img-size {
    height: 64px;
    width: 80px;
    border-radius: 8px;
    object-fit: cover;
}

.img-pos {
    position: relative;
    overflow: hidden;
}

.second-pos {
    position: absolute;
    bottom: -25px;
    left: 25px;
}

.second-pos a {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.brows-file-pos {
    position: absolute;
    left: 0px;
    bottom: -21px;
    width: 80px;
    overflow: hidden;
    opacity: 0;
}

.form-input .form-control {
    height: 40px;
    font-size: 14px;
}

.form-input .form-control::placeholder {
    color: #000;
}

.change-pw {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.update {
    height: 40px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    margin: 20px 0px;
    justify-content: center;
    align-items: center;
    display: flex !important;
}

.form-pos {
    position: relative;
}

.place .form-control::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.more-sender {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    margin-left: auto;
    display: block;
    border: 0px;
    background: transparent;
}

.check-clr {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.add-btn-pos {
    position: absolute;
    bottom: 0px;
    right: 23px;
}

.model-pos {
    position: relative;
}

.location-view {
    position: absolute;
    top: 0px;
    top: 83px;
    right: 60px;
}

.accept-req {
    color: #828282;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    line-height: 20px;
}

.price-range {
    color: #000000;
    font-size: 18px;
    text-align: center;
}

.timer-sec {
    padding: 20px 0px;
}

.outer-round {
    height: 154px;
    width: 154px;
    border: 4px solid #ff7171;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.outer-round:after {
    height: 154px;
    width: 154px;
    border: 5px solid #ccc;
    content: "";
    border-radius: 50%;
    left: -4px;
    bottom: -4px;
    border-right: 100px transparent;
    border-left: 100px transparent;
    border-bottom: 100px transparent;
    position: absolute;
}

.time-sec {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    background-color: rgba(255, 117, 117, 0.2);
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    letter-spacing: -1px;
}

#time-demo {
    color: #ff6a6a;
    font-size: 14px;
    font-weight: 600;
}

.time-size {
    color: #ff6a6a;
    font-size: 14px;
    position: absolute;
    text-align: center;
    padding: 10px;
}

.progress-main .progress {
    z-index: 0;
}

.count-time {
    font-size: 22px !important;
    font-weight: 600;
}

.great {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 15px 20px;
}

.cancel-btn {
    height: 40px;
    width: 120px;
    border: 1px solid #cf3f24;
    border-radius: 8px;
    background-color: #cf3f24;
    font-size: 14px;
    font-weight: 600;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
}

.min-sec-height {
    min-height: 75vh;

    padding-top: 60px;
}

.shipper-button2 {
    height: 64px;
    min-width: 192px;
    border-radius: 4px;
    background-color: #ecf6ff;
    border: 0;
    text-align: left;
    padding: 15px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.69px;
    margin-right: 20px;
    align-items: center;
    display: flex;
}

.social-icons li {
    padding: 5px 15px;
}

/* bill screen */

.bill-name {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.print-bill {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
}

.outer-border {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    width: 100%;
    padding: 20px;
    margin: 10px 0px;
}

.shipment-charge {
    opacity: 0.8;
    color: #000000;
    font-size: 14px;
    padding: 8px 0px;
}

.font-charge {
    font-size: 18px;
}

.submit-btn {
    height: 40px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    color: #fff;
    margin: 20px 0px;
}

.submit-btn2 {
    background: transparent;
    border: 1px solid #b7b7b7;
    color: #887070;
}

/* payment option */
.payment-option {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

.height-bank {
    height: 172px;
    width: 172px;
}

.thankyou-screen {
    text-align: center;
    opacity: 0.8;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
}

.expect-transport {
    opacity: 0.7;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
}

/* manage user */
.manges-users {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.manage-user-list li {
    padding: 15px;
}

.manage-height {
    height: 267px;
    width: 267px;
}

.roles {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
    color: #d0d0d0;
}

.role-pera {
    opacity: 0.8;
    color: #d0d0d0;
    font-size: 16px;
    font-weight: 600;
}

.ind.active,
.ind:focus .role-pera,
.ind.active,
.ind:focus .roles {
    color: #243040 !important;
    opacity: 1;
}

.ind.active .role-pera,
.ind.active .roles {
    color: #243040 !important;
    opacity: 1;
}

.main-background-clr {
    border-radius: 4px 4px 0 0;
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #d9d9d9;
    padding: 15px 0px;
}

.top-role {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.grey-three {
    opacity: 0.3;
    color: #000000;
}

.add-role-link {
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
    display: block;
}

.search-outer {
    height: 32px;
    width: 355px;
    border-radius: 8px;
    background-color: #ffffff;
    margin: 0 auto;
    align-items: center;
    display: flex;
    padding: 0px 10px;
    position: relative;
}

.role-table th {
    border: 0px !important;
    padding-left: 50px;
    vertical-align: middle;
    font-size: 14px;
}

.role-table td {
    padding-left: 50px;
    vertical-align: middle;
    font-size: 14px;
    height: 60px;
    color: #000;
}

.admin {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 600;
}

.Permissions {
    opacity: 0.7;
    color: #000000;
    font-size: 18px;
    padding-bottom: 20px;
}

.add-user {
    color: #222831;
    font-size: 18px;
    font-weight: 600;
}

.model-form label {
    color: #000000;
    font-size: 16px;
}

.Save-Role {
    height: 32px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    color: #ffffff;
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    margin-top: 50px;
}

.org-shipper {
    height: 248px;
    width: 248px;
}

.finance-list li span {
    white-space: nowrap;
    /* max-width: 122px; */
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*width: 100%;*/
    /*max-width: 180px;*/
    font-size: 13px;
}

.inputDiv label {
    position: absolute;
}

.space-equal {
    justify-content: space-between;
    display: flex;
}

.add-driver {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    color: #243040;
}

/* .table-form2 input[type="radio"], input[type="checkbox"]{height: 23.65px !important;
  width: 23.65px !important;
  border: 1.5px solid #000000;
  border-radius: 5.91px;
  box-shadow: 0 2px 7px 0 rgba(196,196,196,0.41);
  position:relative;
} */

.role-table2 th {
    border: 0px !important;
    vertical-align: middle;
    font-size: 14px;
}

.role-table2 td {
    vertical-align: middle;
    font-size: 14px;
    height: 60px;
    color: #000;
}

.table-form {
    height: 60px;
}

.email-id {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.full-id {
    opacity: 0.5;
    color: #000000;
    font-family: "Helvetica Neue";
    font-size: 16px;
}

.search-outer2 {
    height: 32px;
    width: 355px;
    border-radius: 8px;
    background-color: #ffffff;
    align-items: center;
    display: flex;
    padding: 0px 10px;
    position: relative;
}

.border-right-side {
    border-right: 1px solid #d8d8d8;
    height: 82vh;
}

.Permissions2 {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* input form up */

.form-inputs {
    padding: 40px;
    flex: 60%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: relative;
}

.form-btn {
    margin: 20px 0px;
    background-color: #f6fe00;
    color: black;
    padding: 10px 40px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}

.form-row {
    padding: 10px 0px;
    position: relative;
}

.form-row-number {
    color: #8f63ff;
    padding-right: 10px;
}

.form-row-field {
    color: #9b91f5;
    position: absolute;
    pointer-events: none;
    transition: 0.5s;
    top: 20px;
}

.form-row-field-input {
    /*  background-color: inherit;
      border: none;
      display: block;
      position: absolute;
      top: 10px;
      transition: 0.5s;
      margin-left: 1.5em;  */
}

.form-row-field-input:focus ~ label {
    top: -5px;
    font-size: 12px;
    color: #003333;
    font-weight: bold;
}

/*------- end------------ */

.manage-user-list {
    margin: 0 auto !important;
}

.right-side-scroll {
    height: calc(100vh - 0px);
    overflow-y: auto;
    align-items: center;
    display: flex;
}

.table thead th,
.table td {
    white-space: nowrap;
}

.outerDiv label {
    position: absolute;
}

.name-clr {
    padding-bottom: 10px;
    color: #243040;
}

.delet-btn3 {
    border: 0px;
    background: transparent;
}

.btn-deactivate {
    background: #cf3f24 !important;
    color: #fff !important;
}

.complete-view-btn {
    height: 28px;
    width: 97px;
    border-radius: 4px;
    background-color: #243040;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    border: 0px;
}

.org-name {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 0px;
}

.org-name2 {
    opacity: 0.5;
    color: #000000;
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
}

.btn-cancel2 {
    height: 32px;
    width: 120px;
    border: 1px solid #243040;
    border-radius: 8px;
    color: #243040;
    font-size: 14px;
    font-weight: 600;
    background: transparent;
}

.clr-btn {
    background-color: #234e87;
    color: #fff;
}

.booking {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 600;
}

.driver-details {
    font-size: 16px;
    font-weight: 600;
}

.delet-pos {
    position: absolute;
    right: 0px;
    top: 10px;
}

.pos-relative {
    position: relative;
}

.outer-brows2 {
    min-height: 40px;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 5px 10px;
    display: flex;
    align-items: center;
}

.text-clr {
    color: #000000;
    font-weight: 600;
    font-size: 12px;
}

.clr-star {
    color: #ec1313;
    font-size: 6px;
    position: relative;
    top: -8px;
}

.left-content {
    width: 30%;
    border-right: 1px solid #ccc;
}

.right-content {
    width: 70%;
    position: relative;
    overflow: hidden;
}

.choose-file {
    height: 24px;
    width: 88px;
    border-radius: 4px;
    background-color: #243040;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    border: 0px;
    position: absolute;
    right: 0px;
    top: 4px;
}

.file-pos {
    position: absolute;
    right: -95px;
    z-index: 11;
    opacity: 0;
}

.second-brows {
    height: 56px;
    width: 220px;
    border: 1px dashed #243040;
    border-radius: 4px;
    background-color: #ffffff;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 10px;
    margin: 0 auto;
    position: relative;
}

.add-more-file {
    color: #243040;
    font-size: 14px;
}

.file-sec-pos {
    left: 0px;
    position: absolute;
    opacity: 0;
}

.btn-track:hover,
.update:hover,
.new-shipment:hover,
.new-shipment > a:hover {
    color: #fff !important;
}

.shipment-rating .btn-continue:hover {
    background-color: #243040 !important;
}

.btn-track {
    height: 32px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    border: 0px;
    color: #fff;
    font-size: 14px;
    margin: 10px 0px;
}

.cancel-ship2 {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

.order-id {
    opacity: 0.5;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0px;
    margin-bottom: 20px;
}

.date-time {
    color: #000000;
    font-size: 14px;
}

.left-date {
    opacity: 0.6;
    color: #000000;
    font-size: 14px;
    width: 20%;
}

.right-date p {
    opacity: 0.6;
    color: #000000;
    font-size: 14px;
    font-style: italic;
}

.deliverd-text {
    color: #000000;
    font-size: 14px;
    margin-bottom: 0px;
}

.right-date {
    border-left: 2px solid #ccc;
    padding-left: 20px;
}

.show-time {
    opacity: 0.5;
    color: #000000;
    font-size: 14px;
    font-style: italic;
    padding: 20px 0px;
}

.logo-side {
    position: relative;
}

.logo-background {
    height: 106px;
    background-color: rgba(255, 255, 255, 0.94);
    z-index: 1111;
}

.hide-sm {
    display: none;
}

.btn-height {
    height: 56px !important;
    width: 188px !important;
    border-radius: 28px;
}

.shipment-filter {
    border-radius: 8px;
    background-color: #f7f7f7;
    align-items: center;
    padding: 6px;
    border: 0px;
}

/*  .webpush{text-align:center;}
 .permission{text-align:center;} */

.bg-cover.live {
    margin-top: 20px;
}

/* add-shipment */
.select-toggle {
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 22px 46px 0 rgba(0, 0, 0, 0.16);
    padding: 10px;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40px;
}

.check-clr2 {
    color: #000000;
    padding-left: 10px;
    margin-bottom: 0px;
    font-size: 14px;
}

.value-button {
    display: inline-block;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background: transparent;
    font-size: 26px;
    justify-content: center;
    line-height: 27px;
    cursor: pointer;
}

.value-button.active {
    border: 2px solid #1c498c;
    color: #1c498c;
}

.value-button:hover {
    cursor: pointer;
}

form #input-wrap {
    margin: 0px;
    padding: 0px;
}

input.number {
    text-align: center;
    border: none;
    margin: 0px;
    width: 30px;
    height: 30px;
}

.inc input[type="number"]::-webkit-inner-spin-button,
.inc input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.role-btn03 {
    height: 48px;
    max-width: 170px;
    border: 1px solid #b2b2b2;
    opacity: 0.99;
    border-radius: 4px;
    background-color: #ffffff;
    opacity: 0.3;
    color: #000000;
    font-family: "Helvetica Neue";
    font-size: 14px;
}

.role-btn03:hover {
    background: transparent;
    opacity: 0.3;
    color: #000000;
}

.btn-display {
    display: none;
}

.width-btn {
    width: 188px;
    height: 56px;
}

.doccument2 {
    color: #1c498c;
    font-family: "Helvetica Neue";
    font-size: 14px;
    opacity: 1 !important;
}

.delet-btn {
    height: 32px;
    width: 120px;
    border: 1px solid #9b9b9b;
    border-radius: 8px;
    color: #686666;
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0px;
}

.contact-name {
    color: #000000;
    font-family: "Helvetica Neue";
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
    margin-top: 35px;
}

.contact-name2 {
    color: rgba(0, 0, 0, 0.7);
    font-family: "Helvetica Neue";
    font-size: 16px;
}

.btn-contact {
    min-height: 215px;
    width: 176px;
    border: 2px solid rgba(36, 48, 64, 0.3);

    border-radius: 15px;
    background-color: #ffffff;
    padding: 20px;
}

.call-us {
    color: #243040;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0px 10px 0px;
}

.call-us2 {
    opacity: 0.8;
    color: #1a1a1a;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}

.contact-nav li {
    padding: 10px 25px;
}

.take-moment {
    color: rgba(0, 0, 0, 0.7);
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.take-moment2 {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 5px 0px;
}

.review-star li {
    padding: 2px 3px;
}

.describe-exp {
    opacity: 0.33;
    color: #333333;
    font-size: 12px;
    text-align: center;
}

.text-left {
    text-align: left !important;
}

.custom-model .modal-content {
    max-width: 90% !important;
    margin: 0 auto;
}

/* map view */
.map-space {
    border-radius: 4px;
}

.enterprices {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 25px;
}

.day-clr {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
}

.wed-clr {
    color: #1c498c;
}

.map-list {
    color: rgba(51, 51, 51, 0.6);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 20px 0px;
}

.map-list li a {
    color: rgba(51, 51, 51, 0.6);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
}

.map-list li {
    padding: 20px 0px;
    position: relative;
    transition: all 0.5s;
}

.map-list li:after {
    position: absolute;
    content: "";
    width: 2px;
    border: 1px solid #bcbcbc;
    height: 40px;
    left: 9px;
}

.first-stey:before {
    position: absolute;
    content: "";
    width: 2px;
    border: 1px solid #45bd32;
    height: 40px;
    left: 9px;
    bottom: -20px;
    z-index: 11;
}

.map-list li:last-child::after,
.map-list li:last-child::before {
    content: "";
    border: 0px !important;
}

.dot-active {
    background-color: #1c498c !important;
}

.react-dot {
    height: 14px;
    width: 19px;
    background-color: #bcbcbc;
    display: block;
}

.second-stey :before {
    position: absolute;
    content: "";
    width: 2px;
    border: 1px solid #45bd32;
    height: 20px;
    left: 9px;
    bottom: 0px;
    z-index: 11;
}

.driver-details-2 {
    color: #828282;
    font-size: 14px;
    font-weight: 500;
}

.text-dark {
    color: #000 !important;
}

.driver-details-name {
    color: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    font-weight: 600;
}

.driver-details-pera {
    color: rgba(0, 0, 0, 0.44);
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
}

.trip-history {
    color: #102b54;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0px;
}

/*    .modal.show .modal-dialog {
	   top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

}  */

.role-list li a {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
}

.role-list li .nav-link.active {
    list-style: none;
    background: #243040;
    color: #fff;
}

.role-list li:hover .nav-link {
    list-style: none;
    background: #243040;
    color: #fff !important;
}

.height-shipment {
    min-height: calc(100vh - 261px);
    display: flex;
    align-items: center;
}

.brows-file3 {
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 100%;
    opacity: 0;
}

.details-head {
    opacity: 0.5;
    color: #000000;
    font-size: 14px;
}

.sub-headingd {
    padding: 15px;
}

.track-number {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}

.pen {
    position: relative;
}

.pen-location {
    position: absolute;
    right: 10px;
    top: 10px;
}

.proceeed-btn {
    border: 0px;
    height: 40px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    float: right;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

/* dashboard transporter */

.drivers-details {
    min-height: 168px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 10px;
}

.total-drivers {
    opacity: 0.3;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.total-drivers2 {
    color: #000000;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
}

.dash-view {
    color: #1c498c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: right;
}

.view-bottom {
    align-self: flex-end;
    display: flex;
    margin-left: auto;
}

.dash-bg {
    min-height: 220px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    padding: 15px;
    margin: 10px 0px;
}

.storage-cost {
    opacity: 0.6;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

/* .dash-table2 .table tr th, .dash-table2 .table tr td{width:9%; overflow: hidden; white-space: break-spaces;}
.dash-table2 .table tr th:first-child ,.dash-table2 .table tr td:first-child{width: 2%!important;}
.dash-table2 .table tr th:nth-child(2) ,.dash-table2 .table tr td:nth-child(2){width: 3%!important;}

.dash-table .table tr th, .dash-table .table tr td{width:9%; overflow: hidden;  white-space: initial;}
.dash-table .table tr th:first-child ,.dash-table .table tr td:first-child{width: 4%!important;} */

.order-id2 {
    color: #ccc;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 5px 0px;
}

.reason {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0px;
}

.reason-pera {
    opacity: 0.7;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 20px;
}

.btn-continue2 {
    height: 32px;
    width: 120px;
    border-radius: 8px;
    background-color: #121820;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    border: 0px;
}

.capitalize {
    text-transform: capitalize;
}

.add-more {
    height: 40px;
    width: 120px;
    border-radius: 8px;
    background-color: #243040;
    color: #243040 !important;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    margin: 20px 0px;
    justify-content: center;
    align-items: center;
    display: flex !important;
}

.new-pickup-details {
    height: 32px;
    border-radius: 8px;
    background-color: #121820;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 0;
    border: 0px;
}

.new-dropoff-details {
    height: 32px;
    border-radius: 8px;
    background-color: #121820;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 0;
    border: 0px;
}

.modal-content {
    border-radius: 8px;
}

.receiver-back-btn {
    border: 0px;
    background: transparent;
}

.all2 {
    max-height: 401px;
    width: 312px;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 22px 46px 0 rgba(0, 0, 0, 0.16);
    left: -170px;
    top: 50px;
    overflow-y: auto;
}

.notif {
    opacity: 0.6;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 5px 10px;
}

.left-notif {
    white-space: break-spaces;
}

.right-notif {
    opacity: 0.5;
    color: #000000;
    font-size: 14px;
    text-align: right;
}

.mark-read {
    opacity: 0.3;
    color: #000000;
    font-size: 12px;
}

.my-toggle2 .dropdown-toggle:hover {
    background: transparent;
}

.graph-1 {
    padding: 10px 0px;
}

.dot-text {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: right;
    display: flex;
    margin-bottom: 8px;
    float: right;
}

.dot-one {
    height: 8px;
    width: 8px;
    background-color: #ffa263;
    border-radius: 50%;
    align-items: center;
    display: flex;
    margin-right: 10px;
}

.dot-two {
    height: 8px;
    width: 8px;
    background-color: #1c498c;
    border-radius: 50%;
    align-items: center;
    display: flex;
    margin-right: 10px;
}

/*.float-left{float: none !important;*/
/*   text-align: center;*/
/*   justify-content: center;}*/

.avg-cost {
    opacity: 0.3;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.dash-bg2 {
    min-height: 108px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    padding: 15px;
    margin: 10px 0px 10px 0px;
}

.storage-cost2 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
}

.list-dashboard-2 li {
    padding: 5px 7px;
}

.total-breakdown {
    opacity: 0.3;
    color: #000000;
    font-size: 14px;
}

.text-break {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.total-bg {
    min-height: 168px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);
    padding: 15px;
    margin: 15px 0px 15px 0px;
}

.outer-ngn {
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    background-color: #ffffff;
    margin: 10px 0px;
    padding: 15px;
}

.ng-text {
    color: #000000;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: right;
    padding: 20px 0px;
}

.contribution {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 10px;
}

.dash-view2 {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
}

.storage-cost3,
.storage-cost4 {
    color: #000000;
    font-size: 14px;
    position: relative;

    margin-left: 10px;
}

.default_file {
    opacity: 0;
    position: relative;
    z-index: 5;
}

.fname {
    position: absolute;
    top: 4px;
    left: 4px;
    display: none;
}

.like_selectbox {
    width: 100%;
}

.like_selectbox button {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    text-align: left;
    padding: 4px 12px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.full-width {
    width: 100%;
}

select option {
    padding-left: calc(50% - 1em);
}

.storage-cost3::before {
    position: absolute;
    content: "";
    border-left: 5px solid #ffa263;
    height: 10px;
    height: 25px;
    left: -10px;
}

.storage-cost4::before {
    position: absolute;
    content: "";
    border-left: 5px solid #1c498c;
    height: 10px;
    height: 25px;
    left: -10px;
}

.hiddenRow {
    padding: 0px !important;
}

.accordion-toggle.collapsed .dummyclass {
    transform: rotate(0deg);
}

.accordion-toggle .dummyclass {
    transform: rotate(90deg);
}

.drp-calendar.right thead > tr:nth-child(2) {
    display: none;
}

.drp-calendar.right tbody {
    display: none;
}

.daterangepicker.ltr .ranges,
.daterangepicker.ltr .drp-calendar {
    float: none !important;
}

.daterangepicker .drp-calendar.right .daterangepicker_input {
    position: absolute;
    top: 45px;
    left: 8px;
    width: 230px;
}

.drp-calendar.left .drp-calendar-table {
    margin-top: 45px;
}

@media screen and (min-width: 1400px) {
    .min-sec-height img {
        width: 500px;
        max-width: 500px;
    }
}

@media screen and (min-width: 1500px) {
    .min-sec-height img {
        width: 500px;
        max-width: 500px;
    }
}

@media screen and (min-width: 1900px) {
    .min-sec-height img {
        width: 500px;
        max-width: 500px;
    }
}

.admin-top-action-notice {
    padding-bottom: 10px;
    padding-top: 5px;
    background: #fff;
    margin-top: 5px;
}

.admin-top-action-notice .alert {
    margin-bottom: 0px !important;
}

.shipmentDetailsCont {
    height: 0px;
    opacity: 0;
    z-index: 0;
    position: absolute;
    padding: 20px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 30px #97979799;
    border-radius: 12px;
    min-width: 25vw;
    overflow-y: scroll;
    max-height: 350px;
    max-width: 28vw;
    display: none;
}

.shipmentDetailsCont .form-group {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.shipmentDetailsCont .row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.shipmentDetailsCont .row .form-group {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.shipmentDetailsCont .form-group input[type="checkbox"] {
    position: absolute;
    margin-top: 0.2rem;
}

.shipmentDetailsCont .form-group label {
    margin-left: 25px;
    white-space: pre-wrap;
}

.shipmentDetailsCont p,
.shipmentDetailsCont label {
    text-transform: capitalize !important;
}

.shipmentDetailsToggle,
.pointer {
    cursor: pointer;
}

#addmoreWebBtn {
    color: #243040 !important;
}

.underline {
    border-bottom: 1px solid #c4c4c494;
    margin-bottom: 20px;
}

.quote {
    color: #e5e5e5;
}

.border-lines {
    border-top: 1px solid #c4c4c47d;
    margin-left: -2%;
    margin-right: -2%;
    padding-left: 7%;
    padding-right: 7%;
    border-bottom: 1px solid #c4c4c47d;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-modal {
    border-radius: 8px;
    background-color: #243040;
    border: 0px;
    color: #fff;
    font-size: 14px;
    margin: 10px 0px;
}

.btn-modal:disabled {
    background-color: #d1d2d4;
}

.file-preview {
    background: #24304014 0% 0% no-repeat padding-box;
    border: 1px dashed #243040;
    border-radius: 6px;
    padding-left: 20px;
}

.websidebar ul li a span {
    display: inline-flex !important;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
}

.center {
    text-align: center;
}

.hidden {
    display: none !important;
}

body #ui-datepicker-div {
    z-index: 3 !important;
}

body .read_only_datepicker {
    background-color: #fff !important;
}

.profile-image .material-icons-outlined {
    color: #fff !important;
}

.profile-image img {
    height: 100% !important;
}

.waybillFileName {
    overflow-wrap: anywhere !important;
}

.right-align {
    text-align: right;
}

.contUp {
    height: auto !important;
    opacity: 1 !important;
    z-index: 1 !important;
    display: inline-block !important;
}

.contDown {
    height: 0px !important;
    opacity: 0 !important;
    z-index: 0 !important;
    display: inline-block !important;
}

.font-size-25 {
    font-size: 25px !important;
}

.screen-height-100 {
    height: 100vh !important;
}

.screen-height-80 {
    height: 80vh !important;
}

.label-text {
    font-size: 11px !important;
}

.left-border {
    border-left: #e9ecef 1px solid;
}

.modal {
    overflow-y: auto;
}

.w23 {
    width: 23%;
}

.f18 {
    font-size: 18px;
}

.h40 {
    height: 40px;
}

.h5 {
    height: 5px;
}

.bolder {
    font-weight: bolder;
}

.glass {
    background-color: transparent;
    border: none;
}

.location-item.selected {
    background-color: #ececf6;
}

.active-location {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin: auto;
    background-color: #129400;
}

.inactive-location {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    /* margin: auto; */
    background-color: #707070;
}

.location-legend-label {
    position: relative;
    bottom: 5px;
    margin-left: 4px;
    font-size: 12px;
}

.f12 {
    font-size: 12px;
}

.display-inline-block {
    display: inline-block;
}

/* custom scrollbar */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 20px;
    border: 1px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c4c4c4;
}

.selected-tab {
    border-color: #5252ce;
}

.link-blue {
    color: #3d76c4;
}

.ty-1 {
    transform: translate(0px, 5px);
}

.receive {
    color: #333333;
    font-weight: 600;
}
.receive_details {
    color: #454242;
    font-weight: 600;
    font-size: 15px;
}
.receive_table_item {
    color: #454242;
    font-weight: 400;
    font-size: 14px;
}

.dropzone {
    border: 2px dashed #e3e3e3;
    padding: 30px;
    cursor: pointer;
    background-color: #e3e3e333;
    border-radius: 5px;
    text-align: center;
}

.dropzone_input {
    display: none;
}

.dropzone_text {
    font-size: 16px;
    color: #454242;
}

/* ----chart container ------ */

.chart_title {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
}
.chart_labelVertical {
    writing-mode: vertical-rl; /* Vertical writing mode from right to left */
    text-orientation: upright; /* Keep the text characters upright */
    transform: rotate(180deg); /* Rotate to align text bottom to top */
    white-space: nowrap;
}