.billing-heading {
    font-family: "SourceSansPro-Bold";
    font-size: 20px;
}

.one input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 9999px;
    opacity: 0;
    cursor: pointer;
}

.one {
    cursor: pointer;
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    /*background: whitesmoke;*/
    /*border-radius: 4px;*/
    font: caption;
    text-align: center;
    border: 2px dashed rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.one p {
    padding-top: 16px;
    font-size: 16px;
}

.one span {
    display: block;
    font-size: 10px;
}

.one img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
}

.one input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 9999px;
    opacity: 0;
    cursor: pointer;
}

.drag-drop-container {
    margin: 40px 0;
}

.dropIcon i.material-icons {
    font-size: 75px;
}

.drag-drop-container h3 {
    margin: 20px 0;
}

.billing-btn {
    background-color: #088FFF;
    color: #fff;
    width: 70%;
    border-radius: 8px;
    padding: 8px;
    font-size: 15px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.bottom-line {
    border-bottom: 1px solid #000;
}

.gray-bottom-line {
    border-bottom: 1px solid #ccc;
}

.btn-view-card-info {
    background-color: #6C6D70;
    color: #fff;
    width: 95%;
    border-radius: 10px;
    margin: 10px;
    font-size: 18px;
    padding: 3px;
}

.btn-change-card {
    background-color: #6CBD7D;
    color: #fff;
    width: 95%;
    border-radius: 10px;
    margin: 10px;
    font-size: 18px;
    padding: 3px;
}

.view-bold {
    font-family: 'SourceSansPro-Bold';
}

.drop-image {
    background-color: #e5f4ff;
    border-radius: 30px;
}

.drop-image-text {
    padding: 18%;
    opacity: 0.6;
}

.choose-file-btn {
    background-color: #6CBD7D;
    color: #fff;
    width: 25%;
    border-radius: 10px;
    font-size: 18px;
    padding: 3px;
}

.btn-cancel-payment {
    background-color: #6C6D70;
    color: #fff;
    width: 18%;
}

.btn-save-payment {
    background-color: #008fff;
    color: #fff;
    width: 25%;
}

.edit-admin-container {
    width: 100%;
    margin: 10px;
}

.user-table {
    text-align: center;
    width: 100%;
    background-color: #F1F2F3;
    padding-bottom: 18px;
}

.table-heading-bg {
    text-align: center;
    background-color: #EBF7FF;
}

.user-table-data {
    background-color: #F1F2F3;
}

.field-fonts-heading {
    font-family: 'SourceSansPro-Bold';
}

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

.view-edit-light input:not(checked)+span span:first-child {
    color: #fff;
    background-color: #008fff;
    border: 1px solid #008fff;
}

.view-edit-light input:checked+span span:last-child {
    color: white;
    border-radius: 0px;
    background-color: #008fff;
    border: 1px solid #008fff;
}

.view-edit-light>span span:last-child {
    left: 100%;
}

.view-edit-light input:not(checked)+span span:last-child {
    color: #008fff;
    border-radius: 0px;
    background-color: transparent;
    border: 1px solid #008fff;
}

.view-edit-dialog {
    width: 50%;
    position: fixed;
}

.view-edit-padding {
    padding-top: 4px;
    padding-bottom: 4px;
}

.payment {
    max-width: 300px;
    border: 2px solid #ccc;
}

.payment-header {
    padding: 25px 15px;
    background: #F8F5F8;
    font-size: 30px;
    border-bottom: 2px solid #ccc;
}

.payment-container {
    padding: 15px;
    background-color: #fff;
}

.btn-pay-card {
    background-color: #008fff;
    color: #fff;
    width: 60%;
}

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 500px;
    height: 350px;
}

.cropimg {
    width: 145px;
    height: 45px;
}


/* Some of these styles you can override, things like colors,
 * however some styles are required for the structure, and are critical to this module behaving properly!
 */


/* Core component styles */

.ng-image-crop {
    text-align: center;
    margin: 0 auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* Each of the 3 steps in the process are contained within sections */

.ng-image-crop>section {
    background: #ccc;
}


/* The cropping button */

.ng-image-crop button {
    margin-top: 10px;
}


/* The dashed cropping guideline */

.ng-image-crop .cropping-guide {
    display: block;
    background: rgba(255, 255, 255, .3);
    border: 2px dashed white;
    position: absolute;
    pointer-events: none;
}


/* The circular themed cropping guideline */

.ng-image-crop--circle .cropping-guide {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


/* The canvas where the user positions the image via dragging and zooming */

.ng-image-crop .cropping-canvas {
    background: rgba(255, 255, 255, .3);
    margin: 0 auto;
    cursor: move;
}


/* The overlayed draggable zoom handle in the corner of the module */

.ng-image-crop .zoom-handle {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 1px;
    background: rgba(255, 255, 255, 0.7);
    width: 10px;
    height: 10px;
    cursor: move;
    border-radius: 200px 50px;
}


/* The text within the zoom handle */

.ng-image-crop .zoom-handle>span {
    color: rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    position: relative;
    top: 32px;
}

.btn-select {
    background-color: #0265CB;
    color: #fff;
    width: 30%;
}

.btn-submit {
    background-color: #0265CB;
    color: #fff;
    width: 30%;
}

.btn-select-picture {
    background-color: #316EFF;
    border: 1px solid #316EFF;
    color: #fff;
    width: 35%;
    border-radius: 5px;
    font-size: 18px;
    padding: 3px;
    font-family: 'SourceSansPro-Regular';
    margin-bottom: 10px;
}

.billing .heading {
    background-color: #008fff;
    color: white;
    font-size: 20px;
    padding: 8px;
    text-align: center;
    font-family: "SourceSansPro-Regular";
    text-transform: capitalize;
}

.p-15 {
    padding: 15px;
}

.ur-plan {
    font-family: SourceSansPro-SemiBold;
    color: black;
    font-size: 18px;
}

.status-txt {
    font-family: "SourceSansPro-Regular";
    font-size: 15px;
}

.billing .active {
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
    color: #fff;
    background-color: #249E10;
    padding: 0px 10px 1px;
    border-radius: 5px;
}

.per-driver {
    margin: 0px;
    border-radius: 25px;
    padding: 3px;
    width: 13%;
    font-size: 14px;
    color: black;
    letter-spacing: 0.5px;
    font-family: "SourceSansPro-Regular";
    background: #EFF1F5;
    border: 1px solid #B1B1B1;
}

.change-plan {
    font-family: "SourceSansPro-Regular";
    padding: 2px 5px;
    width: 12%;
    font-size: 15px;
    background: white;
    color: #008fff;
    border: 1px solid #008fff;
    letter-spacing: 0.3px;
}

.ptb-25 {
    padding: 25px 0px;
}

.per-driver:focus {
    box-shadow: none;
}

.change-plan:focus {
    box-shadow: none;
}

.no-billing {
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
}

.choose-plan-dialog {
    width: 50%;
}

.plan-header {
    padding: 10px 0px;
    border-bottom: 1px solid #DEDEDE;
}

.plan-heading {
    font-size: 17px;
    font-family: "SourceSansPro-SemiBold";
}

.txt-align-end {
    text-align: end;
}

.choose-plan-btn {
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
    color: white;
    width: 100% !important;
    background-color: #008fff;
    border: none;
    padding: 5px;
}

.plan {
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
}

.sub-plan {
    font-size: 16px;
    font-family: "SourceSansPro-Bold";
}

.w-45p {
    width: 45%;
}

.inActiveDot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: red !important;
}

.activeDot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: #18D06B !important;
}

.margin-30 {
    margin: 30px;
}

.sub-details {
    text-align: center;
    font-size: 22px;
    font-family: "SourceSansPro-Regular";
    padding: 10px;
}

.powered-img {
    width: 100%;
    height: 100%;
    max-width: 340px;
    max-height: 58px;
}

.small-powered-img {
    width: 100%;
    height: 100%;
    max-width: 80px;
    max-height: 22px;
}

.pad-15 {
    padding: 15px;
}

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

.pad-lt-40 {
    padding-left: 40px;
}

.list-row {
    color: black;
    font-size: 20px;
}

.list-row a {
    color: black;
}

.margin-20 {
    margin: 20px;
}

.grayboxtext {
    margin: 0;
    position: relative;
    top: 45%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* ----------------------------------------- */

.black-sub-tab .md-tab.md-active {
    background-color: #1C1C1C;
    color: white !important;
    font-family: "SourceSansPro-Bold" !important;
    white-space: pre-wrap;
    text-overflow: clip;
}

.grey-form-fields {
    border-radius: 5px;
    background-color: #efefef;
}

.btn-cancel-blue {
    background-color: #ffffff;
    color: #0b4666;
    width: 12%;
}

.white-form {
    background-color: #ffffff;
    padding-bottom: 18px;
}

.black-sub-tab md-ink-bar {
    left: 0px;
    right: 0px;
    display: none;
}

.black-sub-tab .md-tab {
    background-color: #B1B1B1;
    font-size: 14px;
    font-family: "SourceSansPro-Regular" !important;
    white-space: pre-wrap;
    text-overflow: clip;
    max-width: 100% !important;
}

.dropdown-view-dup {
    width: 100%;
    padding: 4px;
    border-radius: 9px;
    background: #efefef;
    border: 1px solid #d4dada;
    height: 36px;
    color: #495057;
}

input[type="checkbox"].checkbox-label_admin {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    outline: none;
    border: 2px solid #B5B5B5;
    color: #FFFFFF;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-right: 15px;
}

input[type="checkbox"].checkbox-label_admin:before {
    content: "✔";
    position: relative;
    left: 4px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-radius: 0px;
    outline: none;
}

input[type="checkbox"].checkbox-label_admin:checked:before {
    content: "✔";
    position: relative;
    left: 3px;
    top: -2px;
    width: 0px;
    height: 0px;
    background: #008fff;
    border-radius: 0px;
    outline: none;
}

input[type="checkbox"].checkbox-label_admin:checked {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    outline: none;
    border: 2px solid #008fff;
    background: #008fff;
    color: #FFFFFF;
}

.dragdroportext {
    position: relative;
    top: 145px;
}

.selectlogo {
    position: relative;
    top: 145px;
    z-index: 78;
    text-decoration: underline;
}

.margin-p-0 {
    margin: 0;
}

.selecthref {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.selecthref:hover {
    color: #007bff;
    text-decoration: none;
}

.img-crop-new {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    top: -48px;
}

.img-crop-new canvas {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /* mobile webkit */
}

.img-crop-new .loading {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
}

.form-admin-pad-left {
    padding-left: 25px;
    padding-right: 0px;
}

.form-admin-pad-right {
    padding-right: 25px;
}

.footer-bg-admin {
    background: #ffffff;
    padding: 15px 25px 0px 25px;
}

.border-admin {
    border: 0.5px solid #E1E1E1;
    width: 95%;
    left: 25px;
    position: relative;
}


/* New Design Css*/

.header-container-admin {
    border-bottom: 1.5px solid #DEDEDE;
}

.header_content_admin {
    font-size: 16px;
    font-family: 'SourceSansPro-Bold';
    margin-bottom: 10px;
    letter-spacing: 0px;
    color: #008FFF;
    text-transform: uppercase;
    margin-left: 10px;
}

.admin_block {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 15px;
    margin-left: 25px;
    min-height: 180px;
    box-shadow: 5px 5px 5px #D6D6D633;
    outline: none;
}

.admin_block:hover {
    box-shadow: 5px 5px 5px #008FFF33;
    border: 2px solid #008FFF;
    outline: none;
    cursor: pointer;
}

.cn_admin_block {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 15px;
    margin-left: 25px;
    box-shadow: 5px 5px 5px #D6D6D633;
    outline: none;
}

.cn_admin_block:hover {
    box-shadow: 5px 5px 5px #008FFF33;
    border: 2px solid #008FFF;
    outline: none;
    cursor: pointer;
}

.mycompanyaddress {
    padding: 0px 0px 0px 45px;
    letter-spacing: 0px;
    color: #707070;
    font-size: 16px;
    font-family: 'SourceSansPro-SemiBold';
}

.bluetext_admin {
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0.7px;
    color: #008FFF;
}

.editbluetext_admin {
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0.7px;
    color: #008FFF;
    top: 2px;
    left: 5px;
    position: relative;
}

.edit_img_admin {
    width: 16px;
    height: 16px;
}

.defaulttext_admin {
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0.7px;
    color: #707070;
}

.center-img-v-h {
    display: flex;
    justify-content: center;
    align-items: center;
}

.edit-mycompany-dailog {
    width: 50%;
    min-height: 600px;
}

.change-mycompany-dailog {
    width: 50%;
    min-height: 455px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

.text-change-mycompany {
    font-family: "SourceSansPro-Regular";
    font-size: 16px;
    letter-spacing: 0.36px;
    color: #3A3D4A;
}

.change-mycompany-input {
    width: 100%;
    padding: 7px 10px;
    display: inline-block;
    box-sizing: border-box;
    background: #FCFCFC 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E6;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0px;
    color: #212121;
    outline: none;
}

.change-mycompany:focus {
    color: #495057;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border-color: #2A6FB4;
    border: 2px solid #2A6FB4 !important;
    border-radius: 3px;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0);
}

.iconchoosefile {
    position: absolute;
    top: 33%;
    right: 28px;
    background: #D2D2D2 0% 0% no-repeat padding-box;
    padding: 7px;
    margin: -3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #3A3D4A;
    font-size: 14px;
    letter-spacing: 0.36px;
}

.textnotes-change-mycompany {
    font-family: "SourceSansPro-Bold";
    font-size: 16px;
    letter-spacing: 0.36px;
    color: #3A3D4A;
    padding-top: 20px;
}

.md-content-my-company {
    max-width: 100%;
    min-height: 330px;
}

.add-integration-dialog {
    width: 30%;
    min-height: 250px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

.md-content-add-integration {
    max-width: 100%;
    min-height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.textblue-add-i {
    font-family: "SourceSansPro-Bold";
    font-size: 16px;
    letter-spacing: 0px;
    color: #008FFF;
    text-transform: uppercase;
}

.border-addintegration {
    border: 0.5px solid #E1E1E1;
    width: 92%;
    left: 15px;
    position: relative;
}

.header_body_admin {
    font-size: 16px;
    font-family: 'SourceSansPro-Bold';
    letter-spacing: 0px;
    color: #008FFF;
    text-transform: uppercase;
    margin: 0;
    padding: 2px 0px 10px 15px;
}

.header_body_admin_cn {
    font-size: 16px;
    font-family: 'SourceSansPro-Bold';
    letter-spacing: 0px;
    color: #008FFF;
    text-transform: uppercase;
    margin: 0;
    padding: 0px 15px;
}

.greenText {
    color: #24A205 !important;
}

.darkBlueText {
    color: #2458B1;
}

.border-chooseaplan {
    border: 0.5px solid #E1E1E1;
    width: 95.5%;
    left: 15px;
    position: relative;
}

.current-plan-btn {
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
    color: white;
    width: 100% !important;
    background: #32A715 0% 0% no-repeat padding-box;
    /* border-radius: 3px; */
    padding: 5px;
}

.settings-error {
    color: red;
    text-align: left;
    font-size: 14px;
}

.edit_img_adminQB {
    width: 15px;
    height: 13px;
}

.add-admin-dailog {
    width: 60%;
    min-height: 650px;
    background: #f2f2f2 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

.bg-submenu-admin {
    position: absolute;
    top: 48%;
    left: 50%;
    width: 400px;
    height: 500px;
    margin-left: -200px;
    margin-top: -200px;
}

.signcontainer-login100qb {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f2f2f2;
}

.signwrap-login100-qp {
    margin: 0px;
    padding: 25px 0px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row-reverse;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 20px #00000014;
    border-radius: 10px;
}

.signwrap-login100-cn {
    margin: 0px;
    padding: 60px 0px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row-reverse;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 7px 7px 20px #00000014;
    border-radius: 10px;
}

.create_qb {
    text-decoration: underline;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    letter-spacing: 0px;
    color: #212121;
    margin: 0;
    padding-top: 23px;
}

.btn-add-QB {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 5px;
    letter-spacing: 0.36px;
    color: #31424f;
    width: 100%;
    border: 2px solid #0096f7;
    outline: none;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    box-shadow: none !important;
    padding: 3.5px 0px;
}

.errormsg-qb {
    color: red;
    background: #ffffff;
    font-size: 14px;
    bottom: 8px;
    font-family: 'SourceSansPro-Regular';
}

.syncsuccess_text {
    letter-spacing: 0.6px;
    color: #2CA01C;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'SourceSansPro-Bold';
}

.both_arrow_qb {
    width: 85px;
    position: relative;
    bottom: 2px;
}

.logout-text {
    color: red;
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0.7px;
}

.custom-blue-text {
    font-size: 16px;
    font-family: 'SourceSansPro-Bold';
    letter-spacing: 0px;
    color: #008FFF;
    text-transform: uppercase;
}

.custom-gray-text {
    font-size: 16px;
    font-family: "SourceSansPro-Bold";
    letter-spacing: 0px;
    color: #212121;
    text-transform: uppercase;
}

.pad-trip {
    padding: 0px 15px 0px 36px;
}

.pad-ordr {
    padding: 0px 15px 0px 19px;
}

.pad-inv {
    padding: 0px 15px 0px 10px;
}

.edit-customcode-dailog {
    width: 50%;
    min-height: 520px;
}

.customText {
    position: relative;
    left: 5px;
    display: inline-block;
    top: 0px;
    width: 50%;
    color: #ffffff;
    background: #B5B5B5;
    padding: 5px 10px;
    border: 1px solid #d4dada;
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center;
}

.edit-custom-input {
    width: 45%;
    position: relative;
    bottom: 1.5px;
    padding: 6.5px 15px;
    display: inline-block;
    box-sizing: border-box;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border: 1px solid #d4dada;
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 5px;
    color: #212121;
    outline: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
}

.edit-custom-input:focus {
    color: #495057;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border-color: #2A6FB4;
    border: 1px solid #2A6FB4 !important;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0);
}

.bt_btn_s {
    padding: 15px 0px 0px 0px;
}

.bt_btn_s input {
    display: none;
}

.bt_btn_s .bt_option {
    padding: 8px 0px;
    background-color: rgba(136, 136, 136, 1);
    border: 1px solid rgba(136, 136, 136, 1);
    color: #fff;
}

.bt_btn_s input:checked+.bt_option {
    background: transparent linear-gradient(122deg, #54b4ff 0%, #008fff 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    border: 1px solid #008fff;
    padding: 8px 0px;
}

.defaulttext_bt {
    padding: 14px 0px 0px 15px;
    float: left;
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0.7px;
    color: #707070;
}

.btn-tc {
    margin-right: 20px;
    width: 80px;
    margin-left: 15px;
}

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

.cn_popup-text {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    color: #707070;
}

.margin-b-0rem {
    margin-bottom: 0rem;
}

.toggle-custom {
    display: inline-block;
    position: absolute;
    margin-left: 10px;
}

.filter_column_list {
    margin-bottom: 0px;
    font-family: 'SourceSansPro-Light';
    font-size: 16px;
    margin-top: 0px;
}

md-switch.filter_column_list .md-bar {
    width: 45px;
    top: 5px;
    height: 20px;
    margin-top: -5px;
}

md-switch.filter_column_list .md-thumb,
md-switch.filter_column_list .md-thumb:before {
    top: 0px;
}

md-switch.filter_column_list .md-thumb {
    height: 15px;
    width: 15px;
}

md-switch.filter_column_list .md-thumb,
md-switch.filter_column_list .md-thumb:before {
    left: 2px;
}

md-switch.filter_column_list.md-checked .md-thumb {
    background-color: #0094ff !important;
    left: 14px;
    top: 0px;
}

md-switch.filter_column_list.md-default-theme .md-bar,
md-switch .md-bar {
    background-color: #FFFFFF;
    border: 1px solid #A8A9AD;
}

md-switch.filter_column_list.md-default-theme .md-thumb,
md-switch .md-thumb {
    background-color: #A8A9AD;
}

md-switch.filter_column_list.md-checked .md-bar {
    background-color: #FFFFFF;
    border: 1px solid #0094ff;
    margin-top: -5px;
}

.edit-admin-tax-info-input {
    width: 40%;
    position: relative;
    bottom: 1.5px;
    padding: 6.5px 15px;
    display: inline-block;
    box-sizing: border-box;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border: 1px solid #d4dada;
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0px;
    color: #212121;
    outline: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    text-align: left;
}

.edit-admin-tax-info-input:focus {
    color: #495057;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border-color: #2A6FB4;
    border: 1px solid #2A6FB4 !important;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0);
}

.admin-tax-blue-text {
    font-size: 16px;
    font-family: 'SourceSansPro-SemiBold';
    letter-spacing: 0px;
    color: #008FFF;
}

.admin-tax-gray-text {
    font-size: 15px;
    font-family: 'SourceSansPro-Regular';
    letter-spacing: 0px;
    color: #707070;
}

.adminTaxText {
    position: relative;
    left: 5px;
    display: inline-block;
    top: 0px;
    width: 14%;
    color: #ffffff;
    background: #B5B5B5;
    padding: 5px 10px;
    border: 1px solid #d4dada;
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center;
}

.edit-taxCustomer-dailog {
    width: 25%;
    min-height: 420px;
}

.md-admin-tax-body-el {
    max-width: 100%;
    min-height: 330px;
}

.empty-admin-tax {
    font-family: 'SourceSansPro-Regular';
    padding: 0px 0px 0px 45px;
    letter-spacing: 0px;
    color: #707070;
    font-size: 16px;
}

.br-3 {
    border-radius: 3px !important;
}
.btn-container{
    width: 48px !important;
    height: 30px !important;
    left: 0px;
}