.menu-title {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: "SourceSansPro-Light";
    margin-top: 1rem;
}

.logoimg {
    display: block;
    width: 122px;
    /* height: 43px;*/
    object-fit: fill;
    padding: 0px;
}

#DriverAssignModal {
    max-width: 500px;
}

.contentpadding {
    padding-left: 0px;
}

.toolbarstyle {
    background-color: #343A40;
}

md-dialog {
    overflow-y: hidden;
    overflow-x: hidden;
}

#driverModal {
    max-width: 500px;
}

#dialogContent_driverModal {
    overflow-y: hidden;
}

#dialogContent_tractorModal {
    overflow-y: hidden;
}

#dialogContent_trailorModal {
    overflow-y: hidden;
}

#dialogContent_assignDriverModal {
    overflow-y: hidden;
}

.subbutton {
    background-color: #008FFF !important;
    box-shadow: none !important;
}

.newbutton {
    padding-right: 0px;
}

.setbrand {
    font-size: 22px;
    font-family: "SourceSansPro-Regular";
}

.setbrand:focus,
.activeMenu {
    color: #4094F4 !important;
    /* border-bottom: 2px solid #008FFF !important; */
    font-family: "SourceSansPro-Bold" !important;
}

.setbrand:active,
.activeMenu {
    color: #4094F4 !important;
    /* border-bottom: 2px solid #008FFF !important; */
    font-family: "SourceSansPro-Bold" !important;
}

#navId .nav-link:hover {
    color: #707070;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    font-size: 16px !important;
    font-family: "SourceSansPro-Regular";
}

.activeMenu:hover {
    color: #4094F4 !important;
}

.activeMenu {
    max-width: 100% !important;
    /* padding-left:20px!important; */
}

.dashactive {
    max-width: 100% !important;
    /* padding-left:20px!important; */
}

.colorstyle {
    color: #f25f5a;
    font-size: 26px;
}

.content md-content {
    background-color: #fff;
    overflow-x: hidden;
    /* padding: 0px 9px; */
}

.settings-tabs h1 {
    margin-top: 1rem;
    text-transform: uppercase;
    font-family: "SourceSansPro-Light";
}

.content .md-tab {
    font-size: 18px;
    padding-left: 0px;
}

.sidebarpad {
    padding-left: 0px;
}

.Dboardinkbar.md-active md-ink-bar {
    width: 150px !important;
}

.content md-tabs.md-default-theme .md-tab,
md-tabs .md-tab {
    color: #000;
    font-family: "SourceSansPro-Bold";
}

.content md-tabs .md-tab.md-active {
    color: #008fff;
    max-width: 100%;
}

.content md-tabs .Dboardinkbar md-ink-bar {
    color: #008fff;
    background: #008fff;
    width: 140px;
}

.content md-tabs md-ink-bar {
    color: #008fff;
    background: #008fff;
}

.content md-tabs [role="tabpanel"] {
    transition: none;
    -webkit-transition: none;
}

.border-right {
    border-right: 1px solid #ccc;
}


/* .settingborder-right {
    border-right: 2px solid #DEDEDE;
} */

.menu-items {
    margin-top: 2rem;
}

.menu-item:first-child {
    margin-top: 0px;
}

.menu-item:last-child {
    margin-bottom: 0px;
}

.menu-item {
    color: #000;
    font-family: "SourceSansPro-Regular";
    border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 2rem 0px;
    outline: none;
}

.menu-item.active {
    background-color: #008fff;
    color: #fff;
    cursor: default;
}

.menu-item p {
    padding: 5px 10px;
}

.submenu-items {
    margin-top: 2rem;
}

.submenu-item:first-child {
    margin-top: 0px;
}

.submenu-item:last-child {
    margin-bottom: 0px;
}

.submenu-item {
    color: #707070;
    font-family: "SourceSansPro-Regular";
    background: #EEEEEE 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    -webkit-border-radius: 3px;
    cursor: pointer;
    letter-spacing: 0px;
    font-size: 15px;
    margin: 0.5rem 0px;
    outline: none;
}

.submenu-item.active {
    background: transparent linear-gradient(99deg, #54B4FF 0%, #008FFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 3px;
    /* opacity: 1; */
    color: #fff;
    cursor: default;
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
    letter-spacing: 0px;
}

.submenu-item p {
    padding: 7px 0px 6px 5px;
}

.header-container {
    border-bottom: 1px solid #ccc;
}

.settingheader-container {
    border-bottom: 1px solid #DEDEDE;
}

.status {
    float: left;
    margin-bottom: 1rem;
}


/* label{
    margin-bottom: 0px;
    padding-left: 10px;
} */

.add-new {
    text-transform: uppercase;
    padding: 7px 30px;
    background-color: #008fff;
    float: right;
    margin-bottom: 0px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    width: 150px;
    text-align: center;
    margin-bottom: 1rem;
}

.add-new p {
    margin-bottom: 0px;
}

.status h4 {
    font-family: "SourceSansPro-Light";
}

.on-off-switch {
    margin-top: 0px;
}

#dialogContent_labelModal {
    overflow-y: hidden;
}

#dialogContent_shipperModal {
    overflow-y: hidden;
}

#dialogContent_workSpaceModal {
    overflow-y: hidden;
}

#dialogContent_consigneeModal {
    overflow-y: hidden;
}

.toggleWrapper {
    position: absolute;
    top: 50%;
    left: 35%;
    overflow: hidden;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.toggleWrapper input {
    position: absolute;
    left: -99em;
}

.toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 42px;
    background: #D21626;
    border-radius: 5px;
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.toggle:before,
.toggle:after {
    position: absolute;
    line-height: 42px;
    font-size: 14px;
    z-index: 2;
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.toggle:before {
    content: "OFF";
    left: 10px;
    color: #D21626;
}

.toggle:after {
    content: "ON";
    right: 20px;
    color: #fff;
}

.toggle__handler {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #fff;
    width: 50px;
    height: 35px;
    border-radius: 3px;
    top: 3px;
    left: 3px;
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

input:checked+.toggle {
    background: #008fff;
}

input:checked+.toggle:before {
    color: #fff;
}

input:checked+.toggle:after {
    color: #008fff;
}

input:checked+.toggle .toggle__handler {
    width: 50px;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
    border-color: #fff;
    left: -14px;
    height: 35px;
}

.actions-container {
    margin-top: 0.5rem;
}

.actions {
    display: inline;
    font-size: 35px;
}


/* .status {
    font-size: 22px;
} */

.dashboard-status-container {
    border-bottom: 2px solid #DEDEDE;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.status-container {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.status-container:nth-child(n+2) {
    border-top: 0px;
}

.dashboard-dialog {
    max-width: 45%;
    max-height: 47%;
    position: fixed;
}

.driver-search-dialog {
    width: 500px !important;
    overflow: hidden !important;
}

.driverModal {
    width: 500px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.switch-container {
    float: left;
    margin-top: -0.5rem;
}

.edit-container {
    float: right;
}


/*.status-container md-switch.md-default-theme.md-checked .md-bar,
md-switch.md-checked .md-bar,
md-switch.md-default-theme.md-checked .md-thumb,
md-switch.md-checked .md-thumb {
    background-color: #008fff;
}*/

.switch6 {
    margin: 0 auto;
}

.switch6-light>span,
.switch-toggle>span {
    color: #000000;
}

.switch6-light span span,
.switch6-light label,
.switch-toggle span span,
.switch-toggle label {
    color: #2b2b2b;
}

.switch-toggle a,
.switch6-light span span {
    display: none;
}

.switch6-light {
    display: block;
    height: 30px;
    position: relative;
    overflow: visible;
    padding: 0px;
    margin-left: 0px;
}

.switch6-light * {
    box-sizing: border-box;
}

.switch6-light a {
    display: block;
    transition: all 0.3s ease-out 0s;
}

.switch6-light label,
.switch6-light>span {
    line-height: 30px;
    vertical-align: middle;
}

.switch6-light label {
    font-weight: 700;
    margin-bottom: px;
    max-width: 100%;
}

.switch6-light input:focus~a,
.switch6-light input:focus+label {
    outline: 1px dotted rgb(136, 136, 136);
}

.switch6-light input {
    position: absolute;
    opacity: 0;
    z-index: 5;
}

.switch6-light input:checked~a {
    right: 0%;
}

.switch6-light>span {
    position: absolute;
    left: -100px;
    width: 100%;
    margin: 0px;
    padding-right: 100px;
    text-align: left;
}

.switch6-light>span span {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 100px;
    text-align: center;
}

.switch6-light>span span:last-child {
    left: 50%;
}

.switch6-light a {
    position: absolute;
    right: 50%;
    top: 0px;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0px;
}

.switch6-light input:checked+span span:last-child {
    border-radius: 0px;
    background: transparent linear-gradient(122deg, #54B4FF 0%, #008FFF 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #008FFF;
    font-family: "SourceSansPro-Regular";
    font-size: 13px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.switch6-light input:not(checked)+span span:last-child {
    color: rgba(136, 136, 136, 1);
    border-radius: 0px;
    background-color: transparent;
    border: 1px solid rgba(136, 136, 136, 1);
    font-family: "SourceSansPro-Regular";
    font-size: 13px;
}

.switch6-light input:checked+span span:first-child {
    background-color: transparent;
    border: 1px solid #008FFF;
    font-size: 13px;
    letter-spacing: 0px;
    color: #707070;
    font-family: "SourceSansPro-Regular";
}

.switch6-light input:not(checked)+span span:first-child {
    color: #fff;
    background-color: rgba(136, 136, 136, 1);
    border: 1px solid rgba(136, 136, 136, 1);
    font-family: "SourceSansPro-Regular";
    font-size: 13px;
}

.default-value-span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.edit-padding {
    padding-right: 10px;
}

.switch-margin {
    width: 100px;
    margin-left: 12%;
}

.off-border-radius {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.on-border-radius {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.add-new-main-btn {
    text-transform: uppercase;
    /* padding: 6px 30px; */
    height: 30px;
    background: transparent linear-gradient(101deg, #54B4FF 0%, #008FFF 100%) 0% 0% no-repeat padding-box;
    float: right;
    margin-bottom: 0px;
    color: #fff;
    cursor: pointer;
    width: 155px;
    text-align: center;
    margin-bottom: 1rem;
    border: none;
    border-radius: 3px;
    letter-spacing: 0px;
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
}

.percent-span {
    position: absolute;
    left: 84px;
    top: 0px;
}


/* button.btn-hover:hover{
    -ms-transform: translateY(4px); 
    -webkit-transform: translateY(4px); 
    transform: translateY(4px);
    box-shadow: 0 5px #666;
} */


/* button.btn-hover:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  } */

svg:hover path {
    fill: #008fff;
    cursor: pointer;
}

span.off-border-radius:hover,
span.on-border-radius:hover {
    cursor: pointer
}

.drag {
    border-radius: 2px;
    padding: 5px;
    color: #777777;
    font-size: 10px
}

.rf-ind-drag.default {
    padding-left: 20px !important;
    background-color: blue;
}

svg.shuffle-icon:hover {
    cursor: pointer;
}

.heading-style {
    padding-left: 8px;
}

.shuffle-img {
    position: relative;
}

.pickupstyle {
    position: absolute;
    left: 50px;
    color: #707070;
    padding: 3px;
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
}

.shuffle-img {
    position: absolute;
}

.add-customer-btn {
    margin-top: 30px;
}

.hide-overflow {
    overflow-y: hidden;
}

.success {
    color: red;
}

.iserror {
    color: red;
    margin-bottom: 0px;
}


/* changed class - Line No : 164 */

.settingborder-right {
    border-right: 2px solid #FFFFFF;
}


/* LogOut class */

.logout-model {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    width: 30%;
    max-height: 32%;
}

.logout-heading {
    padding: 0px 20px;
}

.logout-pad {
    padding: 0px 20px 10px 20px;
}

.text-logout {
    padding: 5px 0px 25px 0px !important;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
}

.logout-footer {
    padding: 15px 0px;
}

.border-logout {
    border: 0.5px solid #E1E1E1;
    width: 90%;
    left: 18px;
    position: relative;
}

@media only screen and (max-width: 2560px) and (min-width: 1920px) {
    .border-logout {
        border: 0.5px solid #E1E1E1;
        width: 94%;
        left: 18px;
        position: relative;
    }
}

.ag-theme-alpine.settings-grid .ag-row {
    border-left: 0px !important;
}