@charset "utf-8";

.zIndexHigh {
    z-index: 999999;
    position: relative;
    width: auto;
    display: inline-block;
}

.k-popup-message {
    margin: 0;
    padding: 1em 0 2em 1em;
    text-align: left;
}

.zIndexHigh {
    z-index: 99;
    position: relative;
    width: auto;
    display: inline-block;
}

.clear_both {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.bold_text {
    color: #000 !important;
    font-size: 12px;
    font-weight: 700;
}

.italic_text {
    font-style: italic;
}

.overflow_auto {
    overflow: auto;
}

.overflow_hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.inline {
    display: inline;
}

.panel-footer {
    background: none;
}

.inline_block {
    display: inline-block;
}

.disblock {
    display: block;
}

.posrel {
    position: relative;
}

.posabs {
    position: absolute !important;
}

.posstatic {
    position: static !important;
}

hr {
    border: none;
    border-bottom: 1px solid #bdbcbc;
}

.no_border {
    border: none !important;
}

.bdrradius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.whitecolor {
    color: #fff;
}

.redcolor {
    color: #ff0000;
}

.greencolor {
    color: #056b3a;
}

.yellowcolor {
    color: yellow;
}

.req {
    color: #ff0000;
    font-size: 13px;
}

.req1 {
    color: #ff0000;
    font-size: 13px;
    position: relative;
    right: 0px;
    margin-right: 2px;
}

.req2 {
    color: #ff0000;
    font-size: 13px;
    margin-left: 3px;
    position: relative;
    right: 3px;
    float: left;
}

.modal-content {
    border: none;
}

    .modal-content .modal-body .modal-footer {
        clear: both;
    }

.custom_model_width1 {
    width: 1200px !important;
}

.labelValue {
    font-size: 12px;
    font-weight: normal;
    color: rgb(170, 170, 170);
    margin-right: 10px;
    width: 65px;
    float: left;
}

.SDContractWidgetNextPrevBtn {
    position: absolute !important;
    right: -15px;
    top: -67px;
}

.StepTwoCreateView .SDContractWidgetNextPrevBtn, .StepThreeCreateView .SDContractWidgetNextPrevBtn {
    position: static !important;
    right: 0px;
    top: 0px;
}

.regBillingFormTable label, .genDetailsTable label {
    width: 99px;
}



.regBillingTable {
    padding: 5px;
    background: #f5f5f5;
    width: 100%;
}

    .regBillingTable td {
        padding: 0px 10px;
        width: 15%;
        line-height: 30px;
    }

        .regBillingTable td:first-child {
            border-right: 1px solid #aaa;
            font-weight: 500;
            padding: 0px 0 0px 10px;
            width: 6%;
        }

        .regBillingTable td:nth-child(2) {
            width: 18%;
        }

        .regBillingTable td:nth-child(3), .regBillingTable td:nth-child(4) {
            width: 16%;
        }

        .regBillingTable td:last-child {
            width: 30%;
        }

.regBillingFormTable, .genDetailsTable, .mntScheduleTable {
    padding: 5px;
    background: none;
    width: 100%;
}

    .regBillingFormTable td, .genDetailsTable td {
        padding: 0px 10px 0 0;
        width: 23%;
        line-height: 26px;
    }

    .mntScheduleTable td {
        padding: 0px 10px;
        width: 15%;
        line-height: 30px;
    }

        .mntScheduleTable td:last-child {
            width: 29%;
        }

    .regBillingFormTable td:first-child, .genDetailsTable td:first-child {
        width: 23%;
    }

    .genDetailsTable td:last-child {
        width: 38%;
    }

    .regBillingFormTable td:last-child {
        width: 60%;
    }

    .regBillingFormTable input.form-control, .genDetailsTable input.form-control {
        display: inline-block !important;
        width: 130px !important;
    }

.regBillingInlineHead .valuesFirst {
    min-width: 115px;
    margin-left: 15px;
}

.genDetailsTable td {
    width: 42%;
}

.genDetailsTable .k-widget.k-datepicker.k-header.form-control, .regBillingFormTable .k-datepicker {
    width: 130px !important;
}

    .genDetailsTable .k-widget.k-datepicker.k-header.form-control input.form-control {
        width: 100px !important;
        height: 24px;
    }

.border input[type="checkbox"] {
    top: 5px;
}

.genDetailsTable .width_110 {
    width: 130px !important;
}

.mar_auto {
    margin: 0 auto;
}

.statictext, .statictext label, .statictext span, .statictext .btn {
    font-size: 13px !important;
}

    .statictext span.help-block {
        font-size: 13px !important;
    }

.errmsg {
    color: #ff0000;
    float: left;
    font-size: 12px;
    display: block;
}

.errmsg1 {
    color: #ff0000;
    float: left;
    font-size: 12px;
    display: block;
}

.txtuppercase {
    text-transform: uppercase;
}

.smalltext {
    font-size: 12px;
    color: #999;
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9998;
    background: #000;
    opacity: .3;
}

.overlayspinner {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .3;
    z-index: 9998;
}

.spinnercontainer {
    width: 100%;
    height: 100%;
}

.loaderimg {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    z-index: 9999;
}

div.newoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 1000;
}

.highindex {
    position: relative;
    z-index: 999;
    -webkit-box-shadow: 0 0 3px 3px #666;
    box-shadow: 0 0 3px 3px #666;
    margin: 10px;
}

.highindex2 {
    position: relative;
    z-index: 1000;
    -webkit-box-shadow: 0 0 3px 3px #666;
    box-shadow: 0 0 3px 3px #666;
    margin: 0;
}

.SM-SearchBox {
    position: relative;
    background-color: #dfe6fe;
    padding: 5px 5px 5px 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    line-height: 25px;
}

.InvoicesToCharge .SM-SearchBox {
    position: relative;
    background-color: #dfe6fe;
    padding: 6px 5px 12px 5px;
    border-radius: 4px;
    margin-bottom: 8px;
    line-height: 19px;
    margin-top: 8px;
}

.lbl-selectNote {
    background: #c6d0eb;
    padding: 5px 10px;
    margin-top: 5px;
    color: #2c2c2c;
}

.lbl-errorMessage {
    padding: 5px 10px;
    margin-top: 5px;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid transparent;
    border-color: #ebccd1;
}

.lbl-errorNote {
    padding: 5px 10px;
    margin-top: 5px;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid transparent;
    border-color: #ebccd1;
}

    .lbl-errorNote:hover {
        padding: 5px 10px;
        margin-top: 5px;
        color: #a94442;
        background-color: #d3b7bc !important;
        border: 1px solid transparent;
        border-color: #ebccd1;
    }

.lbl-successNote {
    padding: 5px 10px;
    margin-top: 5px;
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid transparent;
    border-color: #d6e9c6;
}

.InvoicesToCharge .SM-SearchBox .vsminline7 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.InvoicesToCharge .SM-SearchBox .ellipsis {
    line-height: 26px;
}

.SM-SearchResult-close {
    position: absolute;
    right: 5px;
    z-index: 1;
}

.progress-bar {
    background-color: #3c5ab0 !important;
}

.custom_progressbar {
    background: #a0bf35;
    position: fixed;
    top: 41%;
    right: 28%;
    z-index: 999999;
    padding: 20px 18px;
    box-shadow: 0px 5px 17.28px 0.72px rgba(0, 0, 0, 0.71);
}

    .custom_progressbar .k-progress-status {
        font-size: 16px;
    }

    .custom_progressbar .customProgress {
        width: 450px;
    }

.wrap-columns {
    white-space: nowrap;
}

ul.errorlist {
    padding: 0;
    margin: 0;
    display: block !important;
    list-style-type: none;
    clear: both;
}

    ul.errorlist li {
        display: block !important;
        clear: both;
    }

.showpopover {
    background-color: #cdd6f5;
    border: 1px solid transparent;
    font-weight: bold;
    position: absolute;
    top: 5px;
    margin: 0 auto;
    padding: 1px 1px 1px 1px;
    left: 100px;
}

.showpopover1 {
    z-index: 555;
    background-color: #cdd6f5;
    border: 1px solid transparent;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: -25px;
    left: 50%;
    margin: 0 auto 0 -10%;
    padding: 1px 1px 1px 1px;
    min-width: 20%;
    max-width: 90%;
    width: 20%;
}

.modal-backdrop {
    bottom: 0;
    position: fixed;
}
/*******************General Containers styles *****************************/
html, body {
    height: 100%;
    font-size: 13px;
    font-family: Roboto, Helvetica, sans-serif;
}

body {
    background-color: #fff;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow: hidden;
    padding-bottom: 70px;
}

#footer {
    position: relative;
    margin-top: -50px;
    height: 50px;
    clear: both;
}

.header {
    height: 44px;
}

#header {
    display: none;
}

div.contentinner {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}

div.contentinner2 {
    width: 98%;
    margin: 0 auto;
    padding: 0;
}

div.contentinner3 {
    width: 98%;
    margin: 0 auto;
    padding: 0 5px;
}

div.footerinner {
    width: 98%;
    margin: 0 auto;
}

.titlebarright {
    background: #E6ECF2;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.genheadergrid {
    color: black;
    font-size: large;
    font-weight: bold;
    margin-left: -10px;
    background-color: white;
}

div.whitebg {
    background: #fff;
}

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

.cursor-text {
    cursor: text;
}

.logocontainer {
    background: #fff;
    text-align: center;
    float: left;
    width: 15.5%;
}

    .logocontainer a {
        display: block;
        text-align: center;
    }

    .logocontainer img {
        max-height: 34px;
        height: 34px;
    }

div.gencontainer {
    padding: 0 30px;
}

div.gencontainer1 {
    padding: 5px;
    background: #eee;
    clear: both;
    position: relative;
    margin-bottom: 5px;
}

div.gencontainer2 {
    padding: 0 12px;
}

div.gencontainer3 {
    padding: 5px;
    background: #eee;
    margin: 5px 5px 0;
    clear: both;
    position: relative;
}

div.gencontainer4 {
    padding: 0 5px;
    line-height: 27px;
}

div.genrow {
    clear: both;
}


div.rowcontainer {
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
}

.employeeMasterForm div.rowcontainer {
    overflow: visible;
}

div.rowcontainer2 {
    clear: both;
    margin-bottom: 15px;
}

div.rowcontainer3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div.rowcontainer4 {
    clear: both;
    margin-bottom: 15px;
}

div.rowcontainer5 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

div.rowcontainer6 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div.rowcontainer7 {
    clear: both;
    margin-bottom: 5px;
}

div.rowcontainer8 {
    clear: both;
    margin-bottom: 5px;
}

.rowcontainer9 {
    padding-left: 15px;
    padding-right: 15px;
}

.rowneutral {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

    .rowneutral .invoiceNumber .ellipsis {
        width: 150px;
        line-height: 10px;
    }

.neutralpaddleft {
    padding-left: 0px;
}

div.lesspad {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.contleft {
    display: inline-block;
    float: left;
}

.contright {
    display: inline-block;
    float: right;
}

.statictext form h1 span.icon-lg, .loginheading span.icon-lg {
    font-size: 28px !important;
    color: #999;
}



.menu2 {
    background: #3c5ab0;
    padding-right: 0px !important;
    position: relative;
    padding-left: 0;
}

.username {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    float: right;
}

/***************Login page style******************/
div.logincontainer {
    padding: 20px;
    background: #f2f2f0;
    width: 100%;
    margin: 80px 0 0;
}

div.logincontainerNew {
    padding: 20px;
    background: #f4f6f9;
    width: 60%;
    margin: 10px auto;
    box-shadow: 0px 0px 15px 2px #ddd;
    -webkit-box-shadow: 0px 0px 15px 2px #ddd;
}

.signUP {
    width: 85% !important;
    padding: 15px 20px !important;
}

.logincontainerNew label {
    color: #555555;
    font-size: 13px;
}

.logincontainerNew .form-control {
    height: 34px;
}

.logincontainerNew .help-block {
    float: none !important;
    width: 100%;
}

.logincontainerNew .form-control {
    border-radius: 2px;
}

.logincontainerNew .pageTitle {
    font-size: 16px;
    text-align: center;
    color: #3c5ab0;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.loginBtn {
    background: #3c5ab0;
    color: #fff;
    width: 100%;
    border: 0px;
    padding: 8px;
    font-size: 14px;
    border-radius: 2px;
    transition: 0.25s all ease-in;
    cursor: pointer !important;
}

    .loginBtn:hover {
        background: #4b6fd8;
    }

.rightPanel {
    background: #3c5ab0 url(../images/hexagones.png) no-repeat 60% 56%;
    height: 100vh;
}

div.logincontainer.lbl-thanku {
    overflow-y: auto;
}


div.logincontainer2 {
    padding: 10px;
    background: #f2f2f0;
    width: 100%;
    margin: 40px 0 60px;
}

div.addcontainer {
    width: 95%;
    background: #2a49a0;
    margin: 80px 0 0;
    padding: 0px;
    height: 370px;
    max-height: 370px;
    overflow: auto;
}

div.setpassrightcontainer {
    padding: 20px 30px;
    background: #f2f2f0;
    width: 100%;
    margin: 60px 0 0;
    height: 420px;
}

.setpassrightcontainer .confirm-password .popover {
    top: -17px !important;
}

.setpassrightcontainer .password .popover {
    top: -74px !important;
    left: 21px !important;
}

div.setpassleftcontainer {
    width: 95%;
    background: #2a49a0;
    margin: 60px 0 0;
    padding: 30px;
    height: 420px;
}

.forgot_password_txt {
    margin: 0 0 10px 0;
}

.sign-up-page {
    padding: 0 10px 10px 10px !important;
    margin: 80px 0 60px !important;
}

.signup-heading {
    font-size: 26px;
    margin-bottom: 13px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-sign-up label {
    float: left;
    padding-right: 12px;
    margin-bottom: 2px;
    padding-bottom: 0px;
    min-width: 100%;
    text-align: left !important;
}

.user-sign-up input.form-control, .user-sign-up .k-textbox.form-control2, .user-sign-up select, .user-sign-up .k-widget.k-dropdown {
    width: 100% !important;
    float: left;
    margin-bottom: 10px;
}



.user-sign-up .k-dropdown .k-dropdown-wrap .k-i-arrow-s {
    margin-top: 5px;
}



.user-sign-up input[type="email"], .user-sign-up textarea.form-control2 {
    width: 100% !important;
}

.user-sign-up textarea.form-control2 {
    height: inherit !important;
}

.sign-up-page .has-error .form-control {
    border-color: red !important;
}


/**********************DASHBOARD Page Style***********/
div.pagetopcontainer {
    position: relative;
    z-index: 50;
    margin: 0 auto;
}

.pagetopcontainer .k-tabstrip-wrapper {
    background: none !important;
}

    .pagetopcontainer .k-tabstrip-wrapper .k-tabstrip {
        box-shadow: none !important;
    }

ol.breadcrumb {
    background: none;
    margin: 0px 0 0 15.8%;
    display: inline-block;
    padding: 1px 3px 1px 0 !important;
    border-radius: 0;
}

    ol.breadcrumb li a {
        font-size: 1em;
        color: #555;
        cursor: pointer;
        font-weight: 400;
    }

.breadcrumb > li + li:before {
    padding: 0 2px;
    color: #555;
    content: ">";
}


.signInUser {
    display: inline-block;
    float: right;
    padding-right: 20px;
}

div.tab-pane {
    padding: 5px;
    min-height: 48px;
}

div.tabpane2 {
    border: none;
}

div.tab-pane3 {
    padding: 5px !important;
    min-height: 50px;
    border: 1px solid #ddd;
}

.userBell {
    float: right !important;
}

    .userBell a.userlink {
        width: auto;
        display: inline-block !important;
    }

ul.topnav li a.userlink {
    color: #fff;
    border-top-color: #5879d6 !important;
}

    ul.topnav li a.userlink:hover, ul.topnav li a.active.userlink:hover, ul.topnav li a.userlink:focus, ul.topnav li a.active.userlink:focus {
        background: none !important;
    }

.userimg {
    width: 28px;
    height: 28px;
    position: relative;
    margin-left: 5px;
    border-radius: 13px;
    top: -2px;
}

a.notification {
    display: inline-block !important;
    margin: 3px !important;
    height: auto !important;
    float: left;
}

ul.userdesc {
    list-style-type: none;
    padding: 0px;
    margin: 0;
}

    ul.userdesc li {
        float: left;
    }

        ul.userdesc li img {
            margin-right: 2px;
            width: 32px;
        }

ul.userinfo {
    list-style-type: none;
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
    display: none;
}

    ul.userinfo li {
        float: left;
    }

        ul.userinfo li a {
            display: block;
            width: 70px;
            height: 55px;
            background: #5879d6;
        }

            ul.userinfo li a img {
                width: 26px;
                height: 26px;
                float: left;
                margin: 5px;
            }

            ul.userinfo li a span.caret {
                color: #fff;
                font-size: 18px;
                position: relative;
                top: 10px;
                right: 8px;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid;
            }

ul.topnav li a.userlink .k-i-arrow-s {
    display: none;
}

ul.topnav li a.userlink .caret {
    margin-left: 13px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
    color: #fff;
}

ul.topnav li a.userlink .badge {
    background: #85a0ed;
    position: relative;
    float: left;
    margin-top: 3px;
    padding: 2px 9px 1px 9px;
    border-radius: 2px !important;
    margin-left: 4px;
}

.userbell {
    position: relative;
    font-size: 12px !important;
    padding: 0 !important;
    margin-bottom: 0;
    margin-right: 14px;
    margin-left: 3px;
    top: 2px;
}

div.ddl1 .btn {
    border: none;
    box-shadow: none;
}

div.ddl1 button.btn-default {
    border: none;
    background: none;
    color: #fff;
    text-shadow: none;
}

div.ddl1 .btn-default:hover, div.ddl1 .btn-default:focus, div.ddl1 .btn-default.focus, div.ddl1 .btn-default:active, div.ddl1 .btn-default.active, div.ddl1.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #4c4c4c;
    -webkit-appearance: none;
    outline: none;
}

ul.userdesc .open .dropdown-toggle {
    background-color: none !important;
    border: none;
    color: #fff;
}

ul.headerleft {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

    ul.headerleft li {
        float: left;
    }

        ul.headerleft li a {
            display: block;
            color: #929191;
            line-height: 44px;
        }

            ul.headerleft li a:hover {
                text-decoration: none;
            }

            ul.headerleft li a span {
                background-color: #5879d6;
                color: #fff;
                padding: 5px 11px;
            }

ul.headerleft1 {
    list-style-type: none;
    padding-left: 0;
}

    ul.headerleft1 li {
        float: left;
        color: #ccc;
    }

        ul.headerleft1 li a {
            display: block;
            color: #ccc;
            line-height: 44px;
            text-decoration: underline;
        }

            ul.headerleft1 li a:hover {
                color: #fefefe;
            }

        ul.headerleft1 li:first-child a {
            margin-right: 5px;
            padding-right: 5px;
        }

        ul.headerleft1 li a.nounderline, ul.headerleft1 li a.nounderline:hover {
            text-decoration: none;
            cursor: default;
            margin-right: 8px;
            color: #ccc;
        }

/**********************TYPO Style*********************/
h1.pageheading {
    font-size: 1.9em;
    color: #fff;
    text-transform: uppercase;
    line-height: 25px;
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    font-weight: 300;
}

h1.loginheading {
    font-size: 36px;
    margin-bottom: 23px;
}

h1.addheading {
    font-size: 3.3em;
    /*font-family: 'Open Sans Condensed',sans-serif;*/
    color: #fff;
}

h2 {
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
    background: #f0f0f5;
    padding: 5px;
}

p.addpara {
    color: #bcc7e7;
}

p.footerpara {
    color: #626262;
    line-height: 26px;
    padding-top: 14px;
}



/************************Form elements**********************************/
label {
    color: #000;
    margin-bottom: 2px;
    font-weight: normal;
}

    label.lbl1 {
        line-height: 24px;
    }

div.rowcontainer2 label {
    margin-bottom: 0;
    padding-right: 14px;
    position: relative;
}

.inlineAddress span.k-dropdown, .inlineAddress span.k-combobox {
    width: 100%;
}

input[type="text"].form-control2, input[type="email"].form-control2 {
    padding: 6px 12px;
    height: 34px;
}

    input[type="text"].form-control2.k-textbox {
        padding: 6px 12px !important;
        height: 34px !important;
        width: 100% !important;
    }

.k-textbox.form-control2 {
    padding: 6px 12px !important;
    height: 26px !important;
    width: 100% !important;
}



.form-control3 {
    display: block;
    width: 100%;
}

select {
    height: 26px !important;
}

.intrialddl1, .intrialddl2 {
    position: relative;
    margin-left: 30px;
}

.checkbox {
    margin-top: -2px !important;
    padding-top: 2px !important;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    height: 20px !important;
    min-height: 20px !important;
}

.stepwizard-step .btn-primary {
    color: #fff;
    background-color: #3c5ab0;
    border-color: #3c5ab0;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    outline: none !important;
}

.btn-default:hover {
    background: #f5f5f5;
    color: #000;
}

.btn-default:focus, .btn-default:visited {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.lastActionCol .k-grid-content table tbody tr:not(.k-grouping-row) td:last-child {
    text-align: center;
}

.dropdown .btn:hover, .dropdown .btn:focus, .dropdown .btn.focus {
    color: #000;
    outline: none !important;
}

.btn-blue, btn:focus {
    background-color: #3c5ab0;
    border-color: #3c5ab0;
    color: #fff;
    text-shadow: none;
    transition: 0.15s all ease-in;
    -webkit-transition: 0.10s all ease-in;
}

    .btn-blue:hover {
        color: #fff;
        background-color: #5071d0;
        text-shadow: none;
    }

.btn-blue2, .btn-blue2:focus {
    background-color: #3c5ab0;
    border-color: #3c5ab0;
    color: #fff;
    text-shadow: none;
}

    .btn-blue2:hover {
        color: #fff;
        background-color: #5071d0;
        text-shadow: none;
    }

.btn-long {
    padding-left: 40px;
    padding-right: 40px;
}

.addonblue {
    background: #3c5ab0;
    color: #fff;
    border-color: #3c5ab0;
}

.btn_inline {
    margin-left: 20px;
}

.btn_inline2 {
    margin-left: 10px;
}

.btn_inline3 {
    margin-left: 15px;
}

.btnsmall {
    line-height: 1 !important;
}

.not-active {
    pointer-events: none;
    cursor: default;
    color: #ccc !important;
}

button.disabled, button:hover.disabled {
    background-color: #ccc;
    border-color: #ccc;
    color: #555;
    font-weight: 700;
}

.k-overflow-container .k-primary {
    border-color: #3c5ab0 !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: #3c5ab0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.k-textbox:hover {
    background: #eee;
}

.k-button.k-upload-button {
    right: 0%;
    position: absolute;
}

    .k-button.k-upload-button, .k-button.k-upload-button:focus {
        background-color: transparent !important;
        border: none !important;
        color: #888;
    }

        .k-button.k-upload-button span {
            float: right;
        }

        .k-button.k-upload-button:hover {
            /*background-color: #5071d0 !important;*/
            border-color: #5071d0 !important;
            color: #fff;
            opacity: 0.9;
        }

.btnupload {
    display: inline-block !important;
    width: 120px !important;
}

.btncalendar {
    float: right;
    position: relative;
    background: none;
    border: none;
    outline: none;
    top: 4px;
    right: 1px;
}

.bootstrap-dialog.type-default .modal-header {
    background-color: #3c5ab0;
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #fff !important;
}

.ThemeModal .modal-dialog {
    width: 540px;
}

.bootstrap-dialog.midMd .modal-dialog {
    width: 580px;
}

.close {
    color: #fff !important;
    opacity: 1;
}

.SM-SearchResult-close {
    color: red !important;
}

a.disabled {
    cursor: default;
    text-decoration: none;
}

.k-i-close {
    background: none !important;
    border: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    color: #999;
}


.has-error .k-textbox, .has-error .ng-invalid-required > span {
    border-color: red;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .k-textbox:focus, .has-error .ng-invalid-required:focus > span {
        border-color: red;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

    .has-error .k-textbox:hover {
        border-color: red;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .k-input {
    border-color: red;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .k-input:focus {
        border-color: red;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

    .has-error .k-input:hover {
        border-color: red;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.k-state-hover {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/*****************Links section************/
a.topnavmobicon {
    display: none;
    width: 40px;
    height: 40px;
    background: #3c5ab0;
    border-radius: 20px;
    text-align: center;
    position: relative;
    top: -55px;
    left: 10px;
}

    a.topnavmobicon .glyphicon {
        font-size: 18px;
        color: #fff;
        position: relative;
        top: 10px;
    }

    a.topnavmobicon:hover {
        background-color: #5879d6;
    }

a#arsearch {
    position: relative;
    margin-left: 12px;
    top: 7px;
    cursor: pointer;
}

    a#arsearch .glyphicon {
        font-size: 16px;
        position: relative;
        top: -3px;
        left: -3px;
    }

/******************MODAL STYLE***************/
.modal-body {
    padding: 15px 0 !important;
}

    .modal-body .box1 {
        margin-bottom: 15px;
    }

.modal-footer {
    margin-top: 15px;
    clear: both;
    padding: 15px;
}

.dialog-header-error {
    background-color: #d2322d;
}

.dialog-header-wait {
    background-color: #428bca;
}

.dialog-header-notify {
    background-color: #3c5ab0;
    color: #fff;
}

.dialog-header-confirm {
    background-color: #3c5ab0;
}

.dialog-header-warning {
    color: #fff;
    background-color: #3c5ab0;
    border-color: #3c5ab0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dialog-header-error span, .dialog-header-error h4, .dialog-header-wait span, .dialog-header-wait h4, .dialog-header-confirm span, .dialog-header-confirm h4 {
    color: #fff;
}

.dialog-header {
    padding: 5px 10px;
}

.dialog-body {
    padding: 15px;
    position: relative;
}

.dialog-footer {
    padding: 10px 15px;
}

.k-window-titlebar.k-header, .bootstrap-dialog.type-primary .modal-header {
    background-color: #3c5ab0 !important;
    color: #fff !important;
}

a.k-window-action.k-link {
    color: #fff !important;
}

.error {
    border: 1px solid;
    border-color: red !important;
}

.err, .k-dropdown.k-header.err, .k-datepicker.k-header.err, .k-timepicker.k-header.err, .k-combobox.k-header.err, .k-header.err {
    border: 1px solid red !important;
}

.k-invalid {
    border: 1px solid #ff0000 !important;
    box-shadow: none !important;
}

.k-invalid-msg {
    display: none !important;
}

/**********KENDO MODAL BOX*********/
.commonmodal .k-window-titlebar {
    background-color: #3c5ab0 !important;
}


.msg {
    padding: 10px 15px 15px;
}

    .msg span.glyphicon {
        font-size: 22px;
        margin-right: 10px;
        position: relative;
        top: 4px;
    }

.gridcommon .k-button-icontext .glyphicon {
    color: #000;
}

.kendogridhideedit .k-grid-edit {
    display: none !important;
}

.gridcommon .k-button {
    width: 35px !important;
    min-width: 35px !important;
}

#validationSummary ul li {
    list-style: none;
}

.panel-title {
    font-size: 13px;
}

    .panel-title > a:focus {
        outline: none;
    }

.panel-industryfield-heading {
    padding: 5px;
    background: #cdd6f5;
    border: 1px solid #cdd6f5;
    display: inline-block;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .09);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.09);
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 2;
}

    .panel-industryfield-heading i {
        font-size: 20px;
    }

    .panel-industryfield-heading label {
        padding: 0px 10px;
    }

        .panel-industryfield-heading label input[type="checkbox"] {
            margin: 7px 0 0;
        }

    .panel-industryfield-heading table tbody td {
        width: auto;
        padding-left: 10px;
    }


/***********form elements*******/
p.loginspace {
    margin: 0;
    padding: 0;
    height: 10px;
}

p.signuppace {
    margin: 0;
    padding: 0;
    height: 18px;
}

.help-block {
    margin-bottom: 0;
    height: 15px;
    margin-top: 2px;
    display: inline-block;
    float: left;
}

    .help-block span {
        margin-bottom: 0;
        height: 15px;
        margin-top: 0;
        display: inline-block;
        float: left;
        position: relative;
        top: -3px;
    }

.help-block2 {
    margin-bottom: 0;
    height: 15px;
    margin-top: 2px;
    display: inline-block;
    color: #a94442;
    position: relative;
    top: -3px;
}

.list-unstyled {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 6px;
}

.form-group2 {
    margin: 0 -30px;
    padding: 0;
}

.form-inverse {
    margin: 0 !important;
    padding: 0 !important;
    display: inline;
    float: left;
    margin-bottom: 2px !important;
}

.form-inverse2 {
    margin: 0 0 0 -15px !important;
    padding: 0 !important;
    display: inline;
    float: left;
}

.form-inverse3 {
    margin: 0 -8px 0 0 !important;
    padding: 0 !important;
    display: inline;
    float: right;
}

.form-group.form-inverse.vsminline6 {
    margin-left: 5px !important;
}

.form-group.form-inverse.vsminline9 {
    margin-left: 8px !important;
}


.thumbnail {
    width: 45%;
}

.orcontainer {
    position: relative;
    float: left;
    margin-left: 22px;
    margin-top: 90px;
}

.SMformcontainer .row {
    margin-bottom: 6px;
    overflow: auto;
    display: block;
}




/********************VIEW SERVICE MASTER, Equipment master*****************************/
#home {
    padding-left: 5px;
    padding-right: 5px;
}

.box1 {
    background: #eee;
    padding: 5px 0 10px;
    position: relative;
    margin-right: 4px;
    float: left;
    display: inline-block;
    width: 452px;
}

.box2 {
    background: #eee;
    padding: 5px 0 10px;
    position: relative;
    display: block;
}

.box3 {
    background: #eee;
    padding: 5px;
    position: relative;
}

.box4 {
    float: left;
    display: inline-block;
    width: 49.5%;
    box-sizing: border-box;
    margin-bottom: 1%;
}

.box4Right {
    margin-right: 0;
    padding-right: 0;
    width: 50.5%;
}

.box390 {
    display: inline-block;
    float: left;
    margin: 5px 5px 5px 1px;
    padding: 0 5px 0 0px;
    width: 33%;
}

.box5 {
    padding: 5px 10px 0px 5px;
    position: relative;
    display: block;
    width: 1185px;
}

.box6 {
    background: #eee;
    padding: 5px;
    position: relative;
}

.box7 {
    background: #eee;
    padding: 5px;
    position: relative;
    display: block;
    margin: 5px 0;
    border-radius: 4px;
}

.boxAR {
    width: 730px;
    padding-right: 5px;
    margin-right: 0;
}

.boxRight48Prct {
    float: right;
    width: 49%;
    padding-left: 0.6%;
}

.car-image {
    width: 100%;
    max-height: 278px;
}

.servicemastercontainer {
    clear: both;
    margin: 20px 0 0 !important;
}

    .servicemastercontainer .k-tabstrip-wrapper {
        height: auto !important;
    }

label.lbl, label.lbl2, label.lbl3, label.lbl4, label.lbl5, label.lbl6, label.lbl7, label.lbl8, label.lbl9, label.lbl10, label.lbl11, label.lbl12, label.lbl13, label.lbl14, label.lbl15, label.lbl16, label.lbl17, label.lbl18, label.lb150 {
    display: inline-block;
    float: left;
    margin: 0;
    line-height: 28px;
}

label.lbl2 {
    width: 68px;
}

label.lbl3 {
    width: 133px;
}

label.lbl4 {
    width: 40px;
}

label.lbl5 {
    width: 72px;
}

label.lbl6 {
    width: 63px;
}

label.lbl7 {
    width: 63px;
    padding-left: 20px;
}

label.lbl8 {
    width: 107px;
}

label.lbl9 {
    width: 70px;
}

label.lbl10 {
    width: 77px;
}

label.lbl11 {
    width: 88px;
    text-align: center;
}

label.lbl12 {
    width: 110px;
}

label.lbl13 {
    width: 115px;
}

label.lbl120 {
    width: 120px;
}

label.lbl14 {
    width: 60px;
    margin-left: 44px;
}

label.lbl15 {
    width: 65px;
}

label.lbl16 {
    width: 72px;
}

label.lbl17 {
    width: 45px;
}

label.lbl18 {
    width: 75px;
}

label.lbl19 {
    width: 95px;
}

label.lbl20 {
    width: 100px;
}

label.lbl21 {
    width: 102px;
}


label.lb150 {
    width: 150px;
}


.blockHeading {
    font-size: 14px;
    font-weight: 500;
}


input.vsminput {
    width: 74px;
    float: left;
}

input.vsminput2 {
    width: 356px;
    float: left;
}

input.vsminput3 {
    width: 138px;
    float: left;
}

input.vsminput4 {
    width: 176px;
    float: left;
}

input.vsminput5 {
    width: 130px;
    float: left;
}

input.vsminput6 {
    width: 110px;
    float: left;
}

input.vsminput7 {
    width: 583px;
    float: left;
}

input.vsminput8 {
    width: 215px;
    float: left;
}

input.vsminput9 {
    width: 195px;
    float: left;
}

input.vsminput10 {
    width: 212px;
    float: left;
}

input.vsminput11 {
    width: 100px;
    float: left;
}

input.vsminput12 {
    width: 473px;
    float: left;
}

input.vsminput13 {
    width: 70px;
    float: left;
}

input.vsminput14 {
    width: 135px;
    float: left;
}

input.vsminput15 {
    width: 450px;
    float: left;
}

input.vsminput16 {
    width: 190px;
    float: left;
}

input.vsminput17 {
    width: 50px;
    float: left;
}

input.vsminput18 {
    width: 100%;
    float: none;
}

input.vsminput19 {
    width: 143px;
    float: none;
}

input.fullWidth, .number-input-container-width .number-input-container, .number-input-container-width .number-input-container input.k-textbox.number-input {
    width: 100% !important;
}

.arCompany label.lb170 {
    width: 170px;
    text-align: right;
    line-height: 26px;
    padding-right: 12px;
    float: left;
    margin-bottom: 5px;
}

.arCompany input.form-control, .arCompany span.k-dropdown {
    width: 120px;
    margin-bottom: 3px;
}

#ARCompanyForm .arCompany span.k-dropdown {
    width: 151px;
}

#ARCompanyForm .arCompany label.lb170 {
    width: 191px;
}

.form-control.vsminput20.quickSearchCombo {
    width: 161px;
}

.search_filter .k-combobox.vsminput20.quickSearchCombo input[type="text"] {
    width: 133px !important;
}

#multiselect-input-container span.k-widget.k-dropdown.comboDropdown {
    width: 161px !important;
}

.form-control.vsminput21 {
    width: 183px;
    height: 26px !important;
}

.form-control.vsminput22 {
    width: 200px !important;
    height: 26px !important;
}

.form-control.vsmselect {
    height: 28px !important;
}

.form-control.vsminput19 {
    width: 151px;
}

.form-control.vsminput15 {
    width: 250px;
    float: left;
}

.form-control.vsmselect23 {
    width: 355px;
    float: left;
}

.form-control.vsmselect115, .k-widget.k-datepicker.k-header.form-control.vsmselect115 {
    width: 115px;
    float: left;
    margin-bottom: 4px;
}



.vsminline {
    margin-left: 3px !important;
}

.vsminline2 {
    margin-left: 10px !important;
}

.vsminline3 {
    margin-left: 15px !important;
}

.vsminline4 {
    margin-left: 5px !important;
    overflow: auto;
}

.vsminline5 {
    margin-left: 4px !important;
}

.vsminline7 {
    margin-left: 25px !important;
}

.vsminline8 {
    margin-left: 19px !important;
}

.vsminline9 {
    margin-left: 7px !important;
}


select.vsmselect, .vsmselect {
    width: 70px;
    float: left;
}

select.vsmselect2, .vsmselect2 {
    width: 100px;
    float: left;
}

select.vsmselect3, .vsmselect3 {
    width: 138px;
    float: left;
}

select.vsmselect4, .vsmselect4 {
    width: 215px;
    float: left;
}

.vsmselect7 {
    width: 583px;
    float: left;
}

.vsmselect8 {
    width: 567px;
    float: left;
}

.vsmselect12 {
    width: 567px;
    float: left;
    height: 70px;
}

select.vsmselect9, .vsmselect9 {
    width: 103px;
    float: left;
}

.vsmselect10 {
    width: 201px;
    display: block;
}

select.vsmselect11, .vsmselect11 {
    width: 133px;
    float: left;
}

.vsmselect5, .width-240 {
    width: 240px;
}

select.vsmselect6, .vsmselect6 {
    width: 106px;
    float: left;
}

.k-list {
    overflow-x: visible !important;
    white-space: nowrap;
}

.k-list-container {
    min-width: 200px;
    width: auto !important;
}

.pricing-ddlspanleft {
    width: 150px;
    display: inline-block;
    border-right: 1px solid #ddd;
    text-align: center;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ddlspanleft {
    width: 95px;
    display: inline-block;
    border-right: 1px solid #ddd;
    text-align: center;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#EquipmentLogNum-list .ddlspanleft {
    width: auto;
    min-width: 120px;
}

.em-ddlspanright {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
}

.ddlspanright {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.k-popup > .k-list-scroller > .k-list {
    /*display: table;*/
    width: 100%;
}
/*.k-popup > .k-list-scroller > .k-list > .k-item {
        display: table-row;
    }*/

/*.ddlspanleft {
    display: table-cell;
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 1px 5px;
}
.ddlspanright {
    display: table-cell;
    padding-left: 5px;
    vertical-align: top;
    padding: 1px 5px;
}*/
.ddlspanleft1 {
    width: 100px;
    display: inline-block;
    border-right: 1px solid #ddd;
    margin-right: 4px;
    float: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ddlspanright1 {
    min-width: 250px;
    display: inline-block;
    float: left;
}


.txtarea1 {
    width: 480px;
    height: 150px;
}

.txtarea2 {
    width: 472px;
    height: 150px;
}

.txtarea3 {
    width: 582px;
    height: 150px;
}

.txtarea4 {
    width: 250px;
    height: 150px;
}

span.vsmlinkcontainer {
    position: relative;
    display: block;
    text-align: right;
    padding-right: 10px;
}


#servieMasterStep3, #servieMasterStep3 fieldset {
    display: block;
}

.formrow {
    margin-bottom: 6px;
}

.newSalesCallInput .formrow {
    margin-bottom: 6px;
    padding-left: 10px;
}

.formrow2 {
    margin-bottom: 6px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

div.vsmdiv {
    float: left;
    display: inline-block;
}

div.vsmdiv1 {
    width: 223px;
}

div.vsmdiv2 {
    margin-left: 15px;
}

div.vsmdiv5 {
    margin-left: 25px;
    margin-top: -7px;
}

div.vsmdiv6 {
    margin-left: 20px;
    padding-top: 5px;
}

    div.vsmdiv5 .checkbox:first-child, div.vsmdiv6 .checkbox:first-child {
        margin-top: 0 !important;
    }

    div.vsmdiv5 input[type="checkbox"], div.vsmdiv6 input[type="checkbox"] {
        margin-top: 1px;
    }

div.vsmdiv5 .checkbox label {
    position: relative;
}

div.vsmdiv7 {
    margin-left: 10px;
    padding-top: 5px;
}

div.vsmdiv8 {
    width: 300px;
}

div.vsmdiv9 {
    width: 400px;
}

.carousalcontainer {
    margin-left: -22px;
}


.SM-mapview {
    width: 100%;
    height: 335px;
}

.SM-mapview2 {
    height: 365px;
    width: 280px;
    margin-left: 15px;
}

.SM-mapview3 {
    height: 445px;
    width: 294px;
}

.SMmap2 {
    width: 285px;
    height: 250px;
    position: relative;
    z-index: 9999;
}

.smchkrow {
    height: 20px;
}

div.mapcontainer {
    position: relative;
    /*left: -110px;*/
}

div.mapcontainer2 {
    position: relative;
    z-index: 9999;
}

div.mapcontainer3 {
    position: relative;
    left: -118px !important;
}

.SMtabcontainer {
    position: relative;
    width: 100%;
}

.tab2 .nav {
    margin-left: 0px !important;
}

#ServiceCalls {
    padding: 4px 5px !important;
}

.modalequipment .modal-dialog, .MucCopyModal .modal-dialog, .SendTextMessagePopup .modal-dialog, .ManageSubdomainPopup .modal-dialog {
    width: 714px !important;
}

.AddQuoteCouponPopup .modal-dialog {
    width: 1100px !important;
}

    .AddQuoteCouponPopup .modal-dialog .AddQuoteCouponContent {
        max-height: 430px;
        overflow-y: auto;
        padding-right: 5px;
        padding-left: 5px;
        float: left;
    }

.k-datepicker .k-input {
    border: none;
    width: 96% !important;
    float: left !important;
}

.k-grid-content .k-datepicker .k-input {
    width: 100% !important;
    height: 26px !important;
    padding: 0;
}

    .k-grid-content .k-datepicker .k-input.k-invalid {
        z-index: 10;
    }

.k-datepicker .k-picker-wrap {
    margin-bottom: 0px;
}

.k-dropdown-wrap.k-state-active.k-state-border-down, .no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-dropdown .k-dropdown-wrap .k-i-arrow-s {
    background-position: 3px -28px !important;
    text-indent: -9999px;
}

.k-calendar .k-header {
    background: #ddd;
}

.bnsc2Cols label.lbl10 {
    width: 54px;
    margin-right: 5px !important;
}

.bnsc2Cols .glyphicon {
    top: 3px;
}



.SMheadingrow {
    border-radius: 4px;
    background: #dfe6fe;
    padding: 4px 5px;
}

    .SMheadingrow .blueDotAction {
        top: -1px;
    }

        .SMheadingrow .blueDotAction span.glyphicon {
            left: 4px;
        }


    .SMheadingrow label {
        margin: 0 !important;
        margin-right: 5px !important;
    }

    .SMheadingrow label {
        margin: 0 !important;
    }

.arBox .SMheadingrow label {
    line-height: inherit;
}

.SMheadingrow2 {
    border-radius: 4px;
    background: #cdd6f5;
    padding: 3px;
    margin-bottom: 5px;
}

    .SMheadingrow2 .vsmlink {
        top: 0 !important;
    }

    .SMheadingrow2 .headingspan {
        line-height: 22px;
        padding-left: 3px;
        display: inline-block;
    }

.SMheadingrow .arbalance {
    text-align: right;
    line-height: 26px;
    width: auto;
    padding-right: 10px;
}

.block1 {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    min-height: 100px;
}

.block2 {
    padding: 5px 0;
}

.block3 {
    padding: 5px 0 5px 5px;
    overflow: auto;
}

.displaynone, .onHold {
    display: none;
}

.dis-block {
    display: block !important;
}

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

.dis-table {
    display: table;
}

.displaynone-important {
    display: none !important;
}

.block2 .glyphicon {
    color: #555;
    position: relative;
    top: 2px;
}


.vsmlink span {
    position: relative;
    top: 0px;
    font-size: 10px;
}

.vsmeditlink2 span {
    top: 2px;
}

a.vsmlink {
    background: #708ee6;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    top: 3px;
    position: relative;
}

.vsmlink:hover, .vsmlink:focus {
    color: #fff;
    background: #708ee6;
}

h4.groupHeading a.vsmlink {
    top: -5px;
}

    h4.groupHeading a.vsmlink span {
        top: 2px;
        left: 5px;
    }

h4.groupHeading-without-margin {
    border-bottom: 1px solid #3c5ab0;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    padding-bottom: 4px;
}

.logoHeading {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.logoDropZone {
    margin-bottom: 8px;
}

.logoUploadBox {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 150px;
    height: 75px;
}

.company_logo_uploadbox {
    border-radius: 4px;
    width: 137px;
    height: 34px;
}

.report_logo_uploadbox {
    border-radius: 4px;
    width: 270px;
    height: 132px;
}

a.removeLogo {
    background: none;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    top: 3px;
    position: relative;
    border: 1px solid #ccc;
}

.logoUoloadImage {
    background: url('../images/logoUpload.jpg') no-repeat 0 0;
    background-size: 100% 100%;
}

.logoNameAndAction {
    top: 55px;
    position: relative;
}

.removeLogo .glyphicon-remove {
    left: 3px;
    color: #ccc;
    font-weight: normal;
    top: 1px;
    font-size: 11px;
}

.logoAction {
    top: -2px;
    position: relative;
}

#CompanyLogo .k-button.k-upload-button,
#ReportLogo .k-button.k-upload-button,
#CompanyLogoIcon .k-button.k-upload-button {
    position: relative;
    margin: 8px 0 0 0 !important;
}

#CompanyLogo .company-logo-name,
#CompanyLogoIcon .company-logo-name,
#ReportLogo .company-logo-name {
    margin-top: 15px;
    display: inline-block;
}

#CompanyLogo .company-logo-name,
#CompanyLogoIcon .company-logo-name,
#ReportLogo .company-logo-name {
    margin-top: 5px;
    display: inline-block;
}

#CompanyLogo .logo-remove-ico,
#CompanyLogoIcon .logo-remove-ico,
#ReportLogo .logo-remove-ico {
    display: inline-block;
    top: 3px;
    font-size: 13px;
}

.logoAction .glyphicon-remove {
    margin-left: 0 !important;
}

.lblSMname {
    color: #3c5ab0;
    font-weight: bold;
    display: block;
}

.logo-name {
    border: 1px solid #999;
    border-radius: 45px;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    font-size: 11px !important;
    color: #999;
    margin-top: 4px;
}

.com-setup-info .k-button.k-upload-button {
    padding: 0;
}

.lblvsminline {
    margin-left: 18px;
}

.lblvsminline2 {
    margin-left: 6px;
}

.lblvsminline3 {
    margin-left: 5px;
}

.lblvsminline4 {
    margin-left: 0px;
}

.lblvsminline5 {
    margin-left: 11px;
}

.hdlbl {
    color: #aaaaaa;
    font-size: 12px;
}

.rdlbl {
    display: block;
}

.rdlbl2 {
    display: block;
    max-width: 83px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}

.addorCols {
    height: auto;
    width: 230px;
}

#accordion .block3 .smrdrow1 {
    margin-bottom: 5px;
    float: left;
    display: inline-block;
    width: 300px;
    clear: none;
}

#accordion .block3 .elllbl4 {
    width: 100px;
    text-align: right;
    margin-right: 12px;
    float: left;
}

#accordion .block3 .rdlbl2 {
    display: inline-block;
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    float: left;
}

.lbl100, .input100 {
    width: 100px !important;
    float: left;
}

.input200 {
    width: 210px !important;
    float: left;
}

.hdlbl2 {
    display: inline-block;
    font-weight: bold;
}

.link2 {
    margin-left: 8px;
    line-height: 1.42857em;
    cursor: pointer;
}

.link3 {
    margin-right: 15px;
    line-height: 25px;
    display: inline-block;
    cursor: pointer;
}

.hr1 {
    border-bottom: 3px solid #ddd;
    margin: 10px 5px;
}

.hr2 {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    clear: both;
    display: block;
}

.smrdrow1 {
    clear: both;
    margin-bottom: 5px;
}

.borderbtm {
    border-bottom: 1px solid #ccc !important;
}

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

.borderlft {
    border-left: 1px solid #ddd !important;
}

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

.gridbordertop .grid_container {
    border-top: solid 1px rgba(0, 0, 0, 0.08);
}

.borderAll {
    border: 1px solid #ddd;
}

.noborder {
    border: none !important;
}

.groupHeading {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 14px;
}

.vsmblock1 {
    float: left;
    margin-right: 10px;
    min-width: 220px;
}

.vsmblock2 {
    float: left;
}

.vsmblock1 .smrdrow1 label.hdlbl.ellipsis.elllbl4 {
    width: 100px;
    text-align: right;
    float: left;
    margin-right: 12px;
}

.vsmblock1 .smrdrow1 label.rdlbl2 {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.borderBTM {
    background: #eee;
    margin-bottom: 6px;
    line-height: 25px;
}


.borderbottom {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px 0;
}

    .borderbottom h2 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
        margin-top: 15px;
        font-size: 14px;
        background: none;
        padding: 0;
        color: #000;
    }

.baseInfoAddress {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
}

    .baseInfoAddress h4 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin: 10px 0 5px;
        color: #504e4e;
        font-size: 16px;
    }

.addressHeading {
    font-weight: 500;
    color: #444;
    font-size: 17px;
}

.borderBTM label.control-label {
    padding: 0;
}



.panel-group {
    margin-bottom: 5px;
}

.ellemail, .elllbl {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    float: left;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    position: relative;
}

.ellemail1 {
    width: 187px;
}

.ellemail2 {
    width: 132px !important;
}

    .ellemail2.websiteURL {
        width: 270px !important;
    }

.ellemail3 {
    width: 95px !important;
}

.elllbl1 {
    width: 161px !important;
}

.elllbl2 {
    width: 130px !important;
}

.elllbl3 {
    width: 45px !important;
}

.elllbl4 {
    width: 110px;
}

.elllbl5 {
    width: 60px;
}

.lang {
    width: 70px !important;
}

.checkBoxesStatus .ellemail3, .checkBoxesStatus .elllbl4 {
    width: auto;
    float: left;
}

.eqpSMheading {
    background: #eee;
    width: 99.1%;
    margin: 10px 0 5px;
    padding: 3px 5px;
    border-radius: 4px;
}

.equipform1 {
    margin-left: 8px !important;
}

.nga-slide-left {
    width: auto;
    margin-left: 12px;
    float: right;
}

.accordion-toggle .verdots {
    font-size: 15px;
    line-height: 10px;
    text-decoration: none;
}

.accordion-toggle:hover {
    text-decoration: none;
}

.verdots br {
    height: 5px;
}

/******** KENDO TABS *************/

.eqtab1 {
    margin-left: -22px;
    margin-bottom: 8px;
}



.bootstrap-dialog-header a .glyphicon {
    color: #fff !important;
    font-size: 18px;
}


/*****************sidebar*********************/

.sidebar {
    float: left;
    display: normal;
    width: 18%;
}

.rightcontainer {
    float: right;
    display: inline-block;
    width: 85%;
}

.sidebarcontainer {
}

ul.sidebar {
    margin: 0;
    padding: 5px 0;
    list-style-type: none;
    background: #5879d6;
    width: 14%;
    font-size: 14px;
}



    ul.sidebar li a span.glyphicon {
        width: 20px;
        text-align: center;
    }

    ul.sidebar li a:hover,
    ul.sidebar li a:active,
    ul.sidebar li a:visited,
    ul.sidebar li a:focus,
    ul.sidebar li a.k-state-hover.k-state-focused {
        background: #3c5ab0;
        color: #fff !important;
    }

    ul.sidebar ul a:hover,
    ul.sidebar ul a:active,
    ul.sidebar ul a:visited,
    ul.sidebar ul a:focus,
    ul.sidebar ul a.k-state-hover.k-state-focused {
        background: #3c5ab0;
        color: #fff !important;
    }


/*****************sidebar*********************/
.sidebar {
    float: left;
    display: normal;
    width: 18%;
}

.rightcontainer {
    float: right;
    display: inline-block;
    width: 85%;
}

.sidebarcontainer {
}

ul.sidebar {
    margin: 0;
    padding: 0px 0;
    list-style-type: none;
    background-color: transparent;
    width: 14%;
    font-size: 14px;
}

    ul.sidebar li a span.glyphicon {
        width: 20px;
        text-align: center;
    }

    ul.sidebar li a:hover, ul.sidebar li a:active, ul.sidebar li a:visited, ul.sidebar li a:focus, ul.sidebar li a.k-state-hover.k-state-focused {
        background: #3c5ab0;
        color: #fff !important;
    }

    ul.sidebar ul a:hover, ul.sidebar ul a:active, ul.sidebar ul a:visited, ul.sidebar ul a:focus, ul.sidebar ul a.k-state-hover.k-state-focused {
        background: #3c5ab0;
        color: #fff !important;
    }



/*********************SM  page Accordion style******************/
#accordion .panel-heading a, #accordion .panel-heading a:hover, #accordion .panel-heading a:focus {
    text-decoration: none;
    outline: none;
    color: #3c5ab0 !important;
}

#accordion .panel-heading {
    padding: 2px 5px;
    background: #dfe6fe;
}

    #accordion .panel-heading a.vsmlink span.glyphicon-pencil {
        color: #fff;
    }

    #accordion .panel-heading i.glyphicon {
        top: 5px;
    }

    #accordion .panel-heading p.accpara {
        line-height: 22px;
        margin: 0;
        padding: 0;
        display: inline;
        color: #000;
    }

        #accordion .panel-heading p.accpara .glyphicon-info-sign {
            left: 3px;
            top: 3px;
        }

    #accordion .panel-heading .vsmlink {
        color: #fff !important;
        position: relative;
        margin-left: 15px;
        top: 4px;
        padding: 2px 6px 6px;
    }

#accordion .panel-body {
    padding: 5px;
}

#accordion .panel-heading input[type="checkbox"] {
    margin-right: 1px;
    vertical-align: middle;
    margin-top: -2px;
}

/**********SET password page style ***********/
#inputUserName {
    height: 34px;
    padding: 2px 5px;
}

#details-container {
    width: 96.8%;
    margin: 0 auto;
}

    #details-container .rdlbl {
        max-width: 98%;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 20px;
    }

.adduser1 {
    position: relative;
    margin-left: 400px;
    margin-top: -60px;
}


/*************KENDO TABS STRIP***************/

.navsubmenu .k-tabstrip-wrapper {
    background: none !important;
    border: none !important;
}

.modalbodynew {
    padding: 0 !important;
}

.documentleft {
    padding-right: 0;
}

.documentright {
    padding-left: 0;
}

.docprewrapper {
    width: 700px;
    margin: 0 auto;
    border: 2px solid #3c5ab0;
}

h4.popupheading1 {
    font-size: 18px;
    text-align: center;
    background: #ecebeb;
    line-height: 40px;
    border-bottom: 1px solid #dad9d9;
    margin: 0;
}

.doclistcontainer {
    border-bottom: 0px solid #dad9d9;
    max-height: 220px;
    overflow: hidden;
    overflow-y: auto;
    min-height: 30px;
    margin-bottom: 30px;
}

.borderleft {
    border-left: 1px solid #dad9d9 !important;
}

ul.doclist {
    list-style-type: none;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 20px;
}

    ul.doclist li {
        border-bottom: 1px solid #dad9d9;
    }

        ul.doclist li:last-child {
            border-bottom: none;
        }

        ul.doclist li a {
            display: inline;
            line-height: 28px;
            color: #000;
            padding: 2px 5px;
            text-decoration: none;
        }

            ul.doclist li a:focus {
                color: #000;
                outline: none;
            }

            ul.doclist li a.glyphicon-remove {
                position: absolute;
                right: 3%;
                color: #6d6d6d;
                top: 42%;
            }

#accusoft_viewer {
    max-height: 500px;
}

div.docview {
    width: 400px;
    min-height: 500px;
    max-height: 750px;
    -webkit-box-shadow: 0 1px 3px 1px #ccc;
    box-shadow: 0 1px 3px 1px #ccc;
    margin: 35px auto 20px;
}

.full-width.docview {
    height: inherit !important;
    max-height: inherit !important;
}

.btn_docview, .btn_docview:focus {
    color: #3c5ab0;
}

    .btn_docview:hover {
        color: #5879d6;
        background: #e9e8e8;
    }

.k-delete {
    display: none;
}


/*************SWITCH***************/
.switch {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}

.cmn-toggle {
    position: absolute !important;
    margin-left: -9999px !important;
    visibility: hidden !important;
}

    .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin: 0 auto;
    }

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
    padding: 2px;
    width: 49px;
    height: 25px;
    background: url('../images/switch.png') no-repeat -51px 0;
}

input.cmn-toggle-round:checked + label {
    background: url('../images/switch.png') no-repeat 2px 0;
}

/*******************MVC GRID STYLE****************************************/

.k-i-arrowhead-s {
    background-position: 0 -288px !important;
}

/*****************MODAL STYLE*******************/
/*.k-window .k-content .k-icon { display: none;}*/
#ServiceTypeTemplate .k-icon {
    display: block !important;
}

#GroupName {
    width: 365px;
}

#addNewGroupWindowTemplate #GroupName {
    width: auto !important;
}

.k-button.k-button-icontext.k-grid-custom-email:hover, .k-button.k-button-icontext.k-grid-custom-email:focus,
.k-grid tbody .k-command-cell .k-button.k-grid-custom-email:hover, .k-grid tbody .k-command-cell .k-button.k-grid-custom-email:focus,
.k-grid tbody .k-command-cell .k-button.k-button-icontext.k-grid-custom-email:hover {
    background-color: #ebebeb !important;
    color: #333;
}

/************KENDO Dropdown list**********/
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight,
.k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background: #3c5ab0;
    border-color: #3c5ab0 !important;
    color: #fff;
}

.k-state-hover .k-state-hover:hover, .k-list > .k-state-hover {
    background: #3c5ab0 !important;
    color: #fff !important;
}

.k-list-container {
    width: auto !important;
    white-space: nowrap;
}
/*.k-animation-container {
    width: auto !important;
    max-width: 350px;
    min-width: 250px;
}*/
.k-animation-container .k-menu .k-state-border-right {
    background-color: #fff;
    color: inherit;
}

.k-animation-container .k-list-container {
    width: auto !important;
    min-width: 220px !important;
}

span.inherit {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../images/imginherit.png) no-repeat 0 0;
    position: relative;
    top: 4px;
    margin-left: 5px;
}

.EmployeeListHeading {
    font-size: 14px;
    font-weight: bold;
}

.EmployeeListSubHeading {
    font-size: 13px;
    color: #888;
}

/********Group permissions*/
.permissioncontainer {
    min-height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 391px;
}

    .permissioncontainer #accordion .panel-heading {
        border-radius: 3px !important;
    }

    .permissioncontainer #accordion .panel-body {
        border: none !important;
    }

        .permissioncontainer #accordion .panel-body .panel-body {
            padding-left: 45px;
        }

        .permissioncontainer #accordion .panel-body .panel-heading {
            background: none;
            border: none !important;
            padding-left: 10px;
        }

    .permissioncontainer #accordion .panel {
        border: none !important;
        box-shadow: none !important;
    }

        .permissioncontainer #accordion .panel .panel {
            border: none !important;
        }

    .permissioncontainer #accordion .panel-title {
        line-height: 22px;
        font-weight: bold;
    }

        .permissioncontainer #accordion .panel-title .glyphicon {
            margin-right: 7px;
            margin-top: -1px;
            margin-left: 2px;
        }

    .permissioncontainer #accordion .panel-collapse {
        border-top: none;
    }

    .permissioncontainer #accordion .panel-body .panel-title .glyphicon {
        font-size: 13px;
        font-style: normal !important;
    }

    .permissioncontainer #accordion .panel-body strong {
        padding: 5px 0;
        font-weight: normal;
        line-height: 35px;
    }





/* SQUARED Checkbox */
.squarechkbox input[type="checkbox"] {
    visibility: hidden;
}

.squarechkbox {
    width: 20px;
    height: 20px;
    background: #ddd;
    margin: 20px auto;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
    float: right;
    margin: 0px;
    left: -25px;
}

    .squarechkbox label {
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 2px;
        top: 2px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,1);
        background: #ddd;
    }

        .squarechkbox label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: #5879d6;
            top: 0px;
            left: 0px;
            /*-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);*/
        }

        .squarechkbox label:hover::after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            filter: alpha(opacity=40);
            opacity: 0.4;
        }

    .squarechkbox input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

/********POP OVER style************/
.ns-popover-tooltip-theme .triangle {
    display: none !important;
}

div.ns-popover-tooltip {
    width: auto !important;
    max-width: 100% !important;
    border: 2px solid #3c5ab0 !important;
    padding: 0 !important;
}

    div.ns-popover-tooltip > a > .glyphicon {
        font-size: 19px;
        color: #fff;
        position: relative;
        top: 12px;
        right: 5px;
        font-weight: normal;
    }

.ns-popover-tooltip .nav {
    background: #3c5ab0;
    margin: 0 !important;
}

.ns-popover-tooltip .tab-content {
}

    .ns-popover-tooltip .tab-content .tab-pane {
        min-width: 450px;
        min-height: 180px;
    }

        .ns-popover-tooltip .tab-content .tab-pane a.vsmlink {
        }

        .ns-popover-tooltip .tab-content .tab-pane a .glyphicon {
        }

.ns-popover-tooltip > .nav > li > a:hover, .ns-popover-tooltip > .nav > li.active > a:hover {
    border: none;
    color: #fff;
}

.ns-popover-tooltip > .nav > li > a {
    position: relative;
    display: block;
    width: 100px;
    height: 40px;
    text-align: center;
    background: none !important;
    cursor: pointer;
    border: none;
    color: #c5d1f3;
    line-height: 40px;
    padding: 0 !important;
}

.ns-popover-tooltip > .nav > li > span {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0%;
    height: 4px;
    background: #eeec85;
}

.ns-popover-tooltip > .nav > li.active > a {
    border: none;
    color: #fff;
}

.ns-popover-tooltip > .nav > li.active > span {
    position: absolute;
    display: block;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #eeec85;
    transition: all 0.6s;
}

.nsPopover-close {
    float: right;
    position: relative;
    z-index: 1200;
}

.circle-info {
    font-size: 20px;
    color: #5879d6;
    background: #fff;
    border-radius: 50%;
}


/*************kendo window control***************/
/* .k-edit-form-container { width: 100% !important;} */
.k-edit-form-container table.k-editor {
    width: 100% !important;
}


.prospectcontainer1 {
    position: relative;
    top: 1px;
}

.prospectcontainer2 {
    position: relative;
    /*margin-left: -110px;*/
    width: 100%;
    padding-top: 10px;
}

.prospectcontainer3 {
    position: relative;
    margin-left: -110px;
    width: 287px;
    padding-top: 10px;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}



/* kendo common classes */

.custom-multiselect {
    width: 151px;
}

    .custom-multiselect .multiSelect .checkboxLayer {
        min-width: 191px;
    }

    .custom-multiselect .multiSelect .acol {
        width: 100%;
    }

    .custom-multiselect .multiSelect .buttonLabel {
        width: 100%;
        /*margin-left: 5px !important;*/
    }

    .custom-multiselect .multiSelect .tickMark {
        font-size: 12px;
        color: #fff;
        top: 0;
    }

    .custom-multiselect .multiSelect .multiSelectFocus {
        background-image: none !important;
        background-color: #3c5ab0;
        border: none !important;
    }

        .custom-multiselect .multiSelect .multiSelectFocus label {
            color: #fff !important;
        }

    .custom-multiselect .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
        background-image: none !important;
        background-color: #3c5ab0;
        color: #fff;
        border: none !important;
    }

        .custom-multiselect .multiSelect .multiSelectItem:not(.multiSelectGroup).selected .acol label {
            color: #fff;
            padding-right: 25px !important;
        }

    .custom-multiselect .multiSelect button {
        text-align: left;
        padding-left: 10px !important;
        width: 141px;
    }

.custom-multiselect-padding.custom-multiselect .multiSelect button {
    padding-right: 5px !important;
}

.custom-multiselect .multiSelect button span.caret {
    float: right;
    margin-top: 7px !important;
    margin-right: 5px !important;
}

.custom-multiselect .multiSelect .multiSelectItem, .custom-multiselect .multiSelect .multiSelectGroup {
    line-height: 26px;
    min-width: 151px !important;
    width: auto;
    padding: 0;
}

    .custom-multiselect .multiSelect .multiSelectItem:hover, .custom-multiselect .multiSelect .multiSelectGroup:hover {
        background-color: #eee !important;
        background-image: none !important;
        line-height: 26px;
        color: #fff;
    }

.custom-multiselect .multiSelect.buttonClicked .multiSelectItem:hover, .custom-multiselect .multiSelect.buttonClicked .multiSelectGroup:hover {
    background-color: #3c5ab0 !important;
    background-image: none !important;
    color: #fff !important;
    line-height: 26px !important;
}

.custom-multiselect .multiSelect .multiSelectItem .acol label {
    width: 100%;
    padding-right: 0 !important;
    cursor: pointer;
    line-height: 26px;
}

    .custom-multiselect .multiSelect .multiSelectItem .acol label:hover {
        color: #fff !important;
    }

#multiselect-input-container .multiSelect .multiSelectItem:hover {
    background-image: linear-gradient(#3c5ab0,#3c5ab0) !important;
    border: none !important;
    color: #ffffff !important;
}

    #multiselect-input-container .multiSelect .multiSelectItem:hover label {
        color: #fff;
    }

#multiselect-input-container .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
    background-image: linear-gradient(#dfe6fe,#dfe6fe);
    border: none !important;
}

    #multiselect-input-container .multiSelect .multiSelectItem:not(.multiSelectGroup).selected label:hover {
        color: #fff !important;
    }

.multiSelect > button {
    padding-right: 20px !important;
}

.kendo-editor-table-view table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    margin: 0 0 1em;
}

    .kendo-editor-table-view table td {
        min-width: 1px;
        padding: .2em .3em;
        border: none;
    }

    .kendo-editor-table-view table, .kendo-editor-table-view table td {
        outline: 0;
        border: 1px dotted #ccc;
    }

        .kendo-editor-table-view table td:after {
            content: '\00a0';
        }

        .kendo-editor-table-view table p {
            margin: 0;
            padding: 0;
        }

.k-edit-buttons .k-button:focus {
    text-decoration: none;
}

.kendoGridAddNewBtn .grid_container .k-pager-wrap {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}

.kendo-numric-txtbox .k-numeric-wrap .k-formatted-value {
    display: block !important;
}

.kendo-numric-txtbox .k-grid-content .k-numeric-wrap.k-state-default input.form-control {
    width: 100% !important;
}

.k-window .k-edit-buttons .k-grid-update .k-icon.k-update, .k-window .k-edit-buttons .k-grid-cancel .k-icon.k-cancel {
    display: none;
}

.k-grid .k-grid-content .k-grid-edit-row.k-state-selected .k-icon.k-update {
    background-position: -96px -30px;
}

.k-grid .k-grid-content .k-grid-edit-row.k-state-selected .k-icon.k-cancel {
    background-position: -96px -48px;
}

.k-grid .k-grid-content table tbody tr.k-state-selected, .k-grid table tbody tr.k-state-selected td a {
    color: #ffffff !important;
}

.k-grid-content .k-dropdown input.k-invalid, .k-popup-edit-form.k-window-content.k-content .k-dropdown input.k-invalid {
    display: block !important;
    position: absolute;
    top: 0px;
    background: transparent;
    color: transparent !important;
    height: 29px;
    cursor: pointer;
    width: 100% !important;
}

.k-grid-content .k-dropdown input.k-invalid {
    margin-right: 4px;
    width: 94% !important;
}

.k-grid-content .k-dropdown input#imageUrl.k-invalid {
    height: 26px;
    margin-top: 5px;
}

.ft {
    float: left;
}

.rt {
    float: right;
}

.fl {
    float: left;
}

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


table.k-editor {
    height: 160px;
}

.k-widget.k-autocomplete.form-control {
    height: 28px !important;
}

.form-control.fl.k-input {
    height: 24px;
}



.form-group.space {
    margin-top: 17px;
}

.mrl-18 {
    margin-left: 8px !important;
}

.ml5 {
    margin: 0 0 0 5px;
}

.k-widget.k-datetimepicker.k-header {
    height: 28px;
}

.lbl.lbl19.mar-l {
    margin-left: 38px;
}



#smSearch, #arSearch, #returncalltxt, #recbytxt {
    position: relative;
    top: 4px;
    margin-left: 5px;
}



.rt.rt-div {
    width: 221px;
}

.probdesctxtarea .k-editor, .probdesctxtarea .k-content {
    min-height: 75px;
}

.SpecialInstructionsText .k-editor, .SpecialInstructionsText .k-content {
    height: 98px;
}

#TreeViewTaskCode1 {
    z-index: 9999;
    background: #fff;
    opacity: 1;
}

.custom-treedropdown > div {
    z-index: 9999;
}

#TreeViewTaskCode1 {
    padding-left: 5px;
}

    #TreeViewTaskCode1 ul {
        padding-left: 20px;
    }

        #TreeViewTaskCode1 ul li {
            padding: 0 5px;
        }

    #TreeViewTaskCode1 li {
        font-size: 11px;
        color: #333;
    }

    #TreeViewTaskCode1 ul li {
        list-style-type: none;
    }

        #TreeViewTaskCode1 ul li:hover {
            color: #000;
        }

#ServiceCallsTaskCode1_listbox {
    visibility: hidden;
}

#ServiceCallsTaskCode1-list {
    visibility: hidden;
}

#TreeViewTaskCode2 {
    z-index: 9999;
    background: #fff;
    opacity: 1;
}

.custom-treedropdown > div {
    z-index: 9999;
}

#TreeViewTaskCode2 {
    padding-left: 5px;
}

    #TreeViewTaskCode2 ul {
        padding-left: 20px;
    }

        #TreeViewTaskCode2 ul li {
            padding: 0 5px;
        }

    #TreeViewTaskCode2 li {
        font-size: 11px;
        color: #333;
    }

    #TreeViewTaskCode2 ul li {
        list-style-type: none;
    }

        #TreeViewTaskCode2 ul li:hover {
            color: #000;
        }

#ServiceCallsTaskCode2_listbox {
    visibility: hidden;
}

#ServiceCallsTaskCode2-list {
    visibility: hidden;
}
/*.k-widget.k-treeview.k-custom-visible*/
.lh-24 {
    line-height: 24px;
}

.ml37 {
    margin-left: 37px;
}

.ml-20 {
    margin-left: 20px;
}

.lh-28 {
    line-height: 28px;
}

.k-autocomplete.k-state-default.err, .k-picker-wrap.k-state-default.err, .k-numeric-wrap.k-state-default.err, .k-dropdown-wrap.k-state-default.err, .k-multiselect.k-header.err {
    border-color: #ff0000;
}

.k-input.form-control.vsminput20.ng-pristine.ng-invalid.ng-invalid-required.err.ng-touched {
    border-color: #ff0000 !important;
}

.opCodeText {
    /*width: 100px;*/
    display: inline-block;
    padding: 0 5px;
    line-height: 28px;
}

.err > span {
    border-color: #ff0000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mr32 {
    margin-right: 32px !important;
    display: inline-block;
}

.inovoice-entry-topbar .mr32 {
    margin-right: 35px !important;
}

.mr27 {
    margin-right: 27px !important;
    display: inline-block;
}

.mr25 {
    margin-right: 25px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mrTop5 {
    margin-top: 5px !important;
}

.opacity-0 {
    opacity: 0;
}


.k-autocomplete.k-state-default.err, .k-picker-wrap.k-state-default.err, .k-numeric-wrap.k-state-default.err, .k-dropdown-wrap.k-state-default.err, .k-multiselect.k-header.err {
    border-color: #ff0000 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.k-dropdown-wrap.k-state-default.err {
    border-color: #ff0000 !important;
}

    .k-dropdown-wrap.k-state-default.err > span {
        border-color: #ff0000 !important;
    }

.k-widget.k-dropdown.k-header.vsmselect3.ng-pristine.ng-invalid.ng-invalid-required.ng-valid-parse.ng-touched.err {
    border-color: #ff0000 !important;
}

    .k-widget.k-dropdown.k-header.vsmselect3.ng-pristine.ng-invalid.ng-invalid-required.ng-valid-parse.ng-touched.err > span {
        border-color: #ff0000 !important;
    }

.k-autocomplete.k-state-default.err, .k-picker-wrap.k-state-default.err, .k-numeric-wrap.k-state-default.err, .k-dropdown-wrap.k-state-default.err, .k-multiselect.k-header.err {
    border-color: #ff0000 !important;
}



#myCarousel h2 {
    margin: 0;
    color: #666;
    font-size: 52px;
}

#myCarousel .item {
    text-align: center;
    height: 100%;
}

#myCarousel .bs-example {
    margin: 20px;
}

#myCarousel .glyphicon-chevron-right {
    top: 170px !important;
}

#myCarousel .glyphicon-chevron-left {
    top: 170px !important;
}

#myCarousel .carousel-indicators {
    top: 350px !important;
    left: 52% !important;
}

#myCarousel .carousel-caption {
    top: 220px !important;
}

    #myCarousel .carousel-caption h3 {
        background-color: #f2f2f0;
        color: #3c5ab0 !important;
    }

#myCarousel .carousel-control {
    min-height: 370px !important;
}

#myCarousel .carousel-indicators .active {
    background-color: #5D8DCD !important;
}

#myCarousel .carousel-indicators li {
    border: 1px solid #5D8DCD !important;
}


.SDCallMasterIdColor {
    background-color: yellow;
}

#permission_container .k-item .k-icon.k-i-collapse, #permission_container .k-item .k-icon.k-i-expand {
    color: #333;
}

#permission_container .k-item span.k-in {
    height: 30px !important;
    width: 98%;
    color: #333;
}

#permission_container .bootstrap-switch {
    right: 80px;
    position: absolute;
    margin-top: 4px;
}

#permission_container .text {
    position: absolute;
    padding-top: 7px;
}

#permission_container .permission-info {
    display: none;
    position: absolute;
    right: 0;
    top: 5px;
}

#permission_container .k-in:hover .permission-info, #permission_container .k-state-selected .permission-info {
    display: block;
}

#permission_container div.k-treeview {
    overflow: hidden;
}

#permission_container .bootstrap-switch-handle-on {
    background-color: #3c5ab0 !important;
    background-image: linear-gradient(to bottom, #3c5ab0, #3c5ab0) !important;
}

.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate .bootstrap-switch-handle-on {
    background-color: #3c5ab0;
    background-image: linear-gradient(to bottom, #3c5ab0, #3c5ab0);
}
/* Profile sidebar */
.profile-sidebar {
    padding: 0px 0 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}

    .profile-sidebar.basic-profile-sidebar .k-button.k-upload-button {
        width: auto;
        min-width: 2em;
        margin: 8px;
    }

        .profile-sidebar.basic-profile-sidebar .k-button.k-upload-button:hover, .profile-sidebar.basic-profile-sidebar .k-button.k-upload-button:focus {
            background-color: #3c5ab0 !important;
            color: #fff !important;
        }

        .profile-sidebar.basic-profile-sidebar .k-button.k-upload-button span {
            padding-bottom: 3px;
        }

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    margin-top: 50px;
}

.remove-employee-pic {
    display: none;
}

.profile-userpic:hover .remove-employee-pic {
    display: block;
    position: absolute;
    top: 39%;
    left: 44%;
    background: white;
    padding: 10px;
    border-radius: 100%;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-usertitle-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-job {
    color: gray;
    font-size: 13px;
    margin-bottom: 15px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

    .profile-userbuttons .btn {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        padding: 6px 15px;
        margin-right: 5px;
    }

        .profile-userbuttons .btn:last-child {
            margin-right: 0px;
        }

.profile-usermenu {
    margin-top: 30px;
}

    .profile-usermenu ul li {
        border-bottom: 1px solid #f0f4f7;
    }

        .profile-usermenu ul li:last-child {
            border-bottom: none;
        }

        .profile-usermenu ul li a {
            color: #93a3b5;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
        }

            .profile-usermenu ul li a i {
                margin-right: 8px;
                font-size: 14px;
            }

            .profile-usermenu ul li a:hover {
                background-color: #fafcfd;
                color: #3c5ab0;
            }

        .profile-usermenu ul li.active {
            border-bottom: none;
        }

            .profile-usermenu ul li.active a {
                color: #3c5ab0;
                background-color: #f6f9fb;
                border-left: 2px solid #5b9bd1;
                margin-left: -2px;
            }

/* Profile Content */
.profile-content {
    /*padding: 20px;*/
    background: #fff;
    min-height: 180px;
}

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

.form-group.vsmselect6.city {
    width: 45%;
}

.form-group.vsmselect6.zip {
    width: 55%;
}

    .form-group.vsmselect6.zip > span {
        width: 85px;
    }

.form-group.vsmselect6.city > span {
    width: 125px;
}

.form-group.vsmselect6.state > span {
    width: 100%;
}

.mar-top10 {
    margin-top: 10px !important;
}

.mar-top15 {
    margin-top: 15px !important;
}

.mar-top25 {
    margin-top: 25px !important;
}

.mar-top55 {
    margin-top: 55px !important;
}

.mar-top80 {
    margin-top: 80px;
}

.mar-topMinus {
    margin-top: -42px !important;
    margin-bottom: 15px !important;
}



.SDCallMasterIdColor {
    background-color: yellow;
}

#permission_container .k-sprite {
    margin-top: 6px;
}

.selectionOfPrice {
    line-height: 26px;
    margin: 0 5px 0 15px;
}

#permission_container .k-item span.k-in {
    height: 30px !important;
    width: 98%;
}

    #permission_container .k-item span.k-in > span {
        margin-left: 2px !important;
    }

#permission_container .bootstrap-switch {
    right: 65px;
    position: absolute;
}

#permission_container .text {
    position: absolute;
    padding-top: 7px;
}

#permission_container .permission-info {
    -moz-margin-start: -40px;
    margin-top: 5px;
    margin-right: 20px;
    -moz-margin-before: -5px;
    display: none;
}

#permission_container .k-in:hover .permission-info {
    display: block;
}

#permission_container div.k-treeview {
    overflow: hidden;
}

#permission_container .bootstrap-switch-handle-on {
    background-color: #3c5ab0 !important;
    background-image: linear-gradient(to bottom, #3c5ab0, #3c5ab0) !important;
}



#permission_container .k-treeview-lines .k-top, #permission_container .k-treeview-lines .k-mid, #permission_container .k-treeview-lines .k-bot {
    background-image: url('../images/treeview-nodes.png');
}

#permission_container .k-treeview-lines .k-item {
    background-image: url('http://aspnet-skins.telerikstatic.com/mvc/2012.2.607/Default/treeview-line.png');
}

#permission_container .k-treeview-lines .k-last {
    background-image: none;
}

#permission_container .k-treeview-lines .k-top, #permission_container .k-treeview-lines .k-mid, #permission_container .k-treeview-lines .k-bot {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
}

#permission_container .k-treeview-lines .k-top {
    background-position: -24px -90px;
}

#permission_container .k-treeview-lines .k-bot {
    background-position: -69px -31px;
}

#permission_container .k-treeview-lines .k-mid {
    background-position: -24px -90px;
}

#permission_container .k-treeview-lines .k-last .k-top {
    background-position: -25px -90px;
}

#permission_container .k-treeview-lines .k-group .k-last .k-bot {
    background-position: -69px -31px;
}

#permission_container .k-treeview-lines .k-item {
    background-repeat: no-repeat;
    border-bottom: 1px solid #ddd;
}

#permission_container .k-treeview-lines .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}

#permission_container #treeview {
    height: 500px;
}

    #permission_container #treeview .k-treeview-lines {
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

#permission_container .k-state-selected, #permission_container .k-state-focused {
    background: #ebebeb !important;
    border-color: #ebebeb !important;
    color: #428bca !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*email form styles start*/
.rowcontainer.mar-top25.float_right {
    margin-right: 20px;
}

.inner-div {
    padding: 15px;
}

.form-horizontal .control-label {
    text-align: left;
}

.bor-bot {
    border-bottom: 1px solid #ddd;
}

.form-control.no-bor {
    border: none;
    box-shadow: none;
    width: 500px;
}

.label-info {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    color: #ccc;
}

.tag {
    font-size: 14px;
    margin: 0 .2em;
}

    .tag a {
        color: #bbb;
        cursor: pointer;
        opacity: 0.6;
    }

        .tag a:hover {
            opacity: 1.0;
        }

    .tag .remove {
        vertical-align: bottom;
        top: 0;
    }

    .tag a {
        margin: 0 0 0 .3em;
    }

        .tag a .glyphicon-white {
            color: #ccc;
            margin-bottom: 2px;
        }

.rowcontainer.bor-bot {
    overflow: hidden;
    padding: 5px 0px;
}
/*email form styles end*/
.mar-tb10 {
    margin: 10px 0;
}

.rowcontainer.email-buttons {
    margin-right: 5px;
}

.underlined-link {
    text-decoration: underline;
    color: blue;
}

.blue-Text {
    color: blue;
}

.demo-section.k-header {
    padding: 15px;
}

.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: -48px -224px;
}

.k-i-expand, .k-plus, .k-plus-disabled {
    background-position: -32px -208px;
}

.icon1 {
    background-position: -32px -208px;
}

.bootstrap-switch {
    border-radius: 4px !important;
}


.k-sprite.icon1 {
    height: 40px;
    width: 50%;
    margin: 6px;
}

    .k-sprite.icon1:before {
        content: "\2b";
        font-family: "Glyphicons Halflings";
        line-height: 1;
        margin: 5px;
    }

.expanded {
    height: 40px;
    width: 50%;
    margin: 6px;
}

    .expanded:before {
        content: "\2212";
        font-family: "Glyphicons Halflings";
        line-height: 1;
        margin: 5px;
    }

.k-sprite.icon1 {
    background-color: red;
    width: 20px;
    height: 20px;
}

.glyphicon.glyphicon-folder-open.icon-folder, .glyphicon.glyphicon-file.icon-folder {
    margin-top: 6px;
    padding-right: 5px;
}


.profile-sidebar .k-upload-files {
    display: none;
}

.profile-sidebar .k-dropzone {
    padding: 0;
    background-color: transparent;
}

.profile-sidebar .k-header, .documentUpload .k-header {
    border: none !important;
    background-color: transparent;
}

.profile-sidebar .k-upload-status {
    display: none !important;
}

.profile-sidebar .k-state-focused, .documentUpload .k-state-focused {
    box-shadow: none !important;
}

.profile-sidebar .k-button.k-upload-button:hover, .documentUpload .k-button.k-upload-button:hover {
    background-color: transparent !important;
    border: none !important;
    color: #555;
}

.basic-profile .column {
    width: 275px !important;
}

    .basic-profile .column.column3 {
        width: 309px !important;
        margin-right: 0;
    }

.basic-profile .width_190, .basic-profile .k-dropdown, .basic-profile .k-combobox {
    width: 155px !important;
    box-sizing: border-box;
}

.basic-profile span.wd155 span.k-dropdown-wrap input.wd155 {
    width: 122px !important;
}

.basic-profile .column-content label {
    min-width: 120px;
}

.k-widget.k-tooltip {
    background-color: #f5f5f5 !important;
    border-color: #3c5ab0 !important;
    color: #428bca !important;
}

#permission_container .k-tooltip-button .k-i-close {
    color: #3c5ab0 !important;
}

#permission_container_tt_active .k-i-close:before {
    color: #3c5ab0 !important;
}


.k-tooltip {
    text-align: left;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    line-height: 10px !important;
}

.k-tooltip-closable .k-tooltip-content {
    color: #333;
    font-size: 11px;
    padding-right: 20px;
}

.documentUpload .k-button.k-upload-button, .documentUpload .k-button.k-upload-button:hover {
    position: relative;
    left: 18%;
    background-color: #3c5ab0 !important;
    border-color: #3c5ab0 !important;
    color: #fff;
}

a.disabledMenu.k-link {
    color: #aaa !important;
    cursor: default;
}

.dispatchBoardWrap {
    margin: 0 auto;
    padding: 5px 0px 10px;
    width: 895px;
}

    .dispatchBoardWrap .k-tabstrip > .k-content, .dispatchBoardWrap .k-panelbar .k-tabstrip > .k-content {
        padding: 5px;
    }

    .dispatchBoardWrap .list-group {
        border-radius: 4px;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }


input[type='radio'] {
    margin: 0 7px 0 0;
    position: relative;
    top: 2px;
}

.unassignedCallFiler input.input100 {
    width: 100% !important;
}

.unassignedCallFiler select.form-control, .unassignedCallFiler input.input100 {
    margin-bottom: 3px;
}

.salesCallInput input.lbl100 {
    width: 100% !important;
}

b, strong {
    color: #555;
    font-weight: bold;
}

.noPadLeft {
    padding-left: 0;
}

.noMargin {
    margin: 0 !important;
}

.noMarLeft {
    margin-left: 0 !important;
}

.greyHeadingSmall {
    margin: 0 0 20px 0px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    font-size: 13px;
    color: #000;
}

/*---------26-08---------*/

.parent {
    position: relative;
}

    .parent .glyphicon {
        font-size: 11px;
        top: 1px;
        left: 0px;
    }

        .parent .glyphicon.glyphicon-pencil {
            font-size: 11px;
            top: 4px;
            left: 4px;
            position: absolute;
        }

    .parent .manage-prospect-edit .glyphicon.glyphicon-pencil {
        position: relative;
    }

.wrapper136 {
    min-height: 136px;
    padding: 5px;
}

    .wrapper136 .labelSmall {
        width: 93px;
    }

        .wrapper136 .labelSmall .form-control {
            margin: 0 0 2px;
        }

.wrapper {
    padding: 3px;
}

.fiftyWidth {
    float: left;
    width: 50%;
}

.thirtyFiveWidth {
    float: left;
    width: 35%;
}

.sixtyFiveWidth {
    float: left;
    width: 65%;
}

.twtFiveWidth {
    float: left;
    width: 25%;
}

.twtPctWidth {
    float: left;
    width: 20%;
}

.twtFivePctWidth {
    float: left;
    width: 25%;
}

.tlwPctWidth {
    float: left;
    width: 12%;
}

.thrtyThreeWidth {
    float: left;
    width: 124px;
}

.modalWidth870 {
    width: 875px;
}

.modalWidth925 {
    width: 925px !important;
}

.border {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 5px;
    margin-bottom: 6px;
    width: 500px;
}

.container-border {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 6px;
}

.profitability {
    float: initial;
}

.sampleText {
    font-size: 10px;
    line-height: 23px;
    text-align: center;
    width: 75px;
}

.selectLarge span.k-dropdown {
    width: 250px;
}

#PopupInfo .col-md-10 {
    height: 300px;
    overflow-y: scroll;
    padding: 0 30px;
}



input.btn.btn-blue, input.btn.btn-default {
    width: auto !important;
}

.newSalesCallInput .k-picker-wrap .input155 {
    width: 120px !important;
}

.newSalesCallInput .k-autocomplete .input155 {
    width: 140px !important;
}




.lbl95 {
    width: 98px;
}

.emailWeb .glyphicon {
    color: #555;
    font-size: 11px;
    top: 3px;
}

.custom_splitter .pane, .custom_splitter .horizontal {
    overflow: hidden;
    height: 62px !important;
}

.custom_splitter .horizontal {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100% !important;
}

.custom_splitter .horizontal_bottom {
    margin-top: -2px;
}

.custom_splitter select {
    width: 100.3%;
    margin-left: -1px;
    margin-top: -1px;
}

.custom_splitter .vertical {
    height: 150px;
    width: 100%;
    border: none;
    box-shadow: none;
}

.custom_splitter .k-splitbar-vertical {
    display: none;
}

.custom_splitter .k-splitter .k-scrollable {
    overflow: hidden !important;
}

.text-info {
    color: #111;
}

.highlightBack {
    background: url(../images/quickBookIcon.png) right center no-repeat #fff7d1;
    height: 24px;
    line-height: 24px;
    padding: 0 11px;
    border-radius: 12px;
    margin-left: -7px;
}

    .highlightBack.smbox2 span {
        height: 24px;
        line-height: 24px;
        vertical-align: top;
    }

/*--------- CONDITIONAL CSS CLASS FOR Customize Address Display 3rd column---------*/

.select_3rdCol {
    width: 82% !important;
}

/*--------- CONDITIONAL CSS CLASS FOR Customize Address Display 3rd column---------*/

.preview_customize_address_pane {
    background-color: #F0F0F0;
    float: left;
    padding: 0px 0px;
    /*margin-bottom: 5px;*/
}

.k-event-template > div > div > .preview_customize_address_pane {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .k-event-template > div > div > .preview_customize_address_pane.text-color-black {
        padding-right: 0%;
    }

.custom_splitter .sample {
    padding-left: 2px;
}

.preview {
    background: #e5e5e5;
    box-shadow: 0 0 4px #999 inset;
    padding: 10px 0;
}

    .preview span.preview_customize_address_pane {
    }


/*.createTemplate .float_left {
    margin-right: 20px;
}*/


.roundBtn {
    background: #5779d3 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-weight: lighter;
    padding: 5px;
    text-align: center;
}


.activityButton {
    color: #5779d3;
    cursor: pointer;
    font-size: 16px;
}

.saveActivity {
    background: #5779d3 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    padding: 1px 6px;
    cursor: pointer;
}


.activityRow {
    line-height: 25px;
    margin-top: 5px;
    padding: 6px 0 2px;
}

    .activityRow:hover {
        background: #eee none repeat scroll 0 0;
    }

.activity-hide {
    opacity: 0;
}

.noteinfo {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 16px;
    color: #5779d3;
    cursor: pointer;
}

.lbl125 {
    width: 125px;
    float: left;
}

.acMngEdit input {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 20px;
    width: 203px;
}

.acMngEdit span.form-control {
    width: 207px;
}

.modVisibility span.multiSelect button {
    width: 207px;
    text-align: left;
    text-indent: 8px;
}


    .modVisibility span.multiSelect button .caret {
        position: absolute;
        right: 12px;
        top: 10px;
    }


.modVisibility .checkBoxContainer {
    display: block !important;
    padding: 8px;
    overflow-y: scroll !important;
    height: 100px;
    left: 15px;
    position: relative;
}

.errorAlertDialog {
    z-index: 15000 !important;
}

.call-list:hover {
    opacity: 0.8;
}

.call-list {
    margin-bottom: 3px;
    border-bottom: 2px solid #ccc !important;
    border-radius: 0 !important;
    position: relative;
    border: 0px;
    background-color: #fefefe !important;
    color: #000 !important;
}

.unAssignedCallhead {
    background: #6495ED;
}

    .unAssignedCallhead span {
        padding-left: 5px;
    }

.callWrapper {
    border: 1px solid #ccc;
}

.callTypeSelector {
    border-bottom: 1px solid #ccc;
    padding: 7px 0px 7px 7px;
}

.unAssignedCallsWrap .k-grid-content {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 0px;
}

    .unAssignedCallsWrap .k-grid-content td[role="gridcell"] {
        padding: 0;
    }

.unAssignedCallsWrap td .unassignedcallTooltip span {
    padding-left: 12px;
}

.unAssignedCallsWrap td #info span:first-child {
    margin-left: 12px;
}

.unAssignedCallsWrap.k-grid tbody td:first-child {
    border-left: none !important;
}

.unassign-service-call {
    background-color: #F0F0F0;
}

.callCount {
    border-top: 1px solid;
    font-size: 12px;
    font-weight: 600;
    height: 34px;
    margin: 0 auto 5px;
    padding: 10px 0 10px 5px;
    position: relative;
    width: 97%;
}

.callMap {
    color: #fff;
}

.callWrapper .k-grid-header {
    padding: 0 !important;
}

.locationSwitch {
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 8px;
}

    .locationSwitch span {
        font-size: 18px;
        color: green;
        cursor: pointer;
    }

.locationSwitchClicked {
    opacity: 0.5;
}

.glyphicon-align-justify {
    color: #888 !important;
    font-size: 12px;
}

.collapseSwitch {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}

.scheduler-next {
    right: 10px;
}

.scheduler-scroller {
    position: absolute;
    top: 50%;
    z-index: 99;
    cursor: pointer;
    display: none;
}

.scheduler-split {
    height: 192px !important;
}

.scheduler-unsplit {
    height: 457px !important;
}

.TechnicianSlotContainer, .SalesmanSlotContainer {
    width: 200px;
    background: #5879d6;
    color: #ffffff;
    padding: 0 !important;
}


/* For salesman slot */
.SalesmanSlotContainer {
    width: 200px;
    background: #5879d6;
    color: yellow;
    padding: 0 !important;
}

.salesmanTag .modal-dialog {
    width: 750px;
}
/*Green salesman*/
.SalesmanSlotContainer .green {
    background-color: #088348 !important;
}

.SalesmanSlotContainer .green_header {
    width: 100%;
    margin: 0 auto;
    line-height: 33px;
}

.SalesmanSlotContainer .green_content {
    width: 100%;
    background: #056b3a;
    display: inline-block;
    float: left;
}

.SalesmanSlotContainer .green_dark {
    background-color: #034a28 !important;
    line-height: 33px;
}

.SalesmanSlotContainer .green_content .left {
    width: 96% !important;
    float: left;
    text-align: left;
    padding-left: 4%;
    background-color: #056b3a;
    height: 22px;
    padding-top: 5px;
}

.SalesmanSlotContainer .green_content .right {
    width: 46%;
    float: right;
    text-align: right;
    padding-right: 4%;
    background-color: #056b3a;
    height: 22px;
    padding-top: 5px;
}

.SalesmanSlotContainer .green_dark img {
    width: 8%;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 2px;
    margin-right: 0px;
}

/*Blue salesman*/
.TechnicianSlotContainer .blue {
    background-color: #244fc9 !important;
}

.TechnicianSlotContainer .blue_header {
    width: 100%;
    margin: 0 auto;
    line-height: 25px;
}

.TechnicianSlotContainer .blue_content {
    width: 100%;
    margin: 0 auto;
}

    .TechnicianSlotContainer .blue_content .left {
        width: 46%;
        float: left;
        text-align: left;
        padding-left: 4%;
        background-color: #2044aa;
        height: 22px;
        padding-top: 5px;
    }

    .TechnicianSlotContainer .blue_content .right {
        width: 46%;
        float: right;
        text-align: right;
        padding-right: 4%;
        background-color: #2044aa;
        height: 22px;
        padding-top: 5px;
    }

.TechnicianSlotContainer .blue_dark {
    background-color: #1d3b90 !important;
    line-height: 33px;
}

.techListIcons.blue_dark {
    background-color: #122d79 !important
}

.TechnicianSlotContainer .blue_dark img {
    width: 10%;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 2px;
    margin-right: 0px;
}

.OverallStatusContent, .DispatchBoardCallInfo {
    background-color: #9e1313;
    line-height: 21px;
    padding-left: 1px;
    padding-right: 2px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 9;
}

.DispatchBoardCallInfo {
    right: 0;
    left: auto;
}

#horizontal .OverallStatusContent, #horizontal .DispatchBoardCallInfo {
    line-height: 20px;
    font-size: 10px;
}

#vertical .OverallStatusContent, #vertical .DispatchBoardCallInfo {
    line-height: 22px;
}

.techListHeader .col-3 {
    width: 30%;
    display: inline-block;
}

.techListHeader, .techListHeader b {
    color: #fff;
}

.techListIcons {
    background: #eaeefb none repeat scroll 0 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

    .techListIcons img {
        margin-right: 15px;
        width: 8%;
    }

.techContext {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px #ccc;
    padding: 5px;
    width: 180px !important;
}

    .techContext li {
        padding: 5px;
    }

        .techContext li:hover {
            background: #3c5ab0;
            color: #ffffff;
        }

img.scheduler-scroller {
    width: 30px;
    background-color: #e8edfc;
    border: 2px solid #3c5ab0;
}

.scheduler-next.scheduler-scroller {
    margin-right: -10px;
}

.activity-actions span.glyphicon {
    padding-top: 3px;
}

.activity-actions input.btn {
    padding: 2px 7px !important;
}

.callInfo {
    padding: 0px;
}

    .callInfo hr {
        margin: 2px 0;
    }

.callInfoDisplay {
    background: #fff;
    position: absolute;
    border: 1px solid #3c5ab0;
    box-shadow: 1px 1px 7px #aaa;
    padding: 10px;
    border-radius: 5px;
    left: 0px;
    top: 0px;
    z-index: 999999;
    max-width: 350px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.callLocationPop {
    padding: 0 !important;
    max-width: 500px;
    /* min-width: 300px;*/
    min-width: 244px;
}

.callInfoDisplay .callInfo {
    margin: 0;
}



.callLocationPop label {
    min-width: 100px;
    color: #000;
    font-weight: bold;
    margin-right: 10px;
    display: block;
}

.callInfo .modal-body {
    padding: 0 !important;
}

.callRunningLateRedColor {
    color: red;
}

span.err input.err {
    border: none !important;
}

span.err span.err {
    border: none !important;
}

span.err .k-dropdown-wrap input.err {
    border: none;
    height: 24px !important;
}

.pointer {
    background: url(../images/pointer.png) no-repeat;
    height: 15px;
    width: 10px;
    position: absolute;
    left: 10px;
    top: -13px;
    transform: rotate(89deg);
}

#assigned-call-event {
    overflow: visible;
}

.dragCall {
    background: url(../images/Phone.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: -10px;
    top: -25px;
    transform: rotate(270deg);
}

.sidepaneExpand {
    background: #3c5ab0 none repeat scroll 0 0;
    color: #fff;
    height: 145px;
    /*left: -39px;*/
    padding: 3px;
    position: absolute;
    width: 30px;
    z-index: 999999;
}

.pad40 {
    padding-left: 40px;
}

.pad10 {
    padding-left: 10px;
}

.padding-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding10 {
    padding: 10px !important;
}

.padAll5 {
    padding: 5px;
}

.padAll15 {
    padding: 15px;
}

.padBTM10 {
    padding-bottom: 10px;
}

.padBTM5 {
    padding-bottom: 5px;
}


.sidepaneExpand .glyphicon-chevron-right {
    color: #fff;
    right: -4px;
}


.sidepaneExpand p {
    left: 26px;
    position: absolute;
    top: 35px;
    transform: rotate(90deg);
    transform-origin: left top 0;
    width: 115px;
}


.topMargin10 {
    margin-top: 10px;
}


.unAssignedCallsWrap .SM-mapview {
    height: 173px;
}

.mapAddress {
    background: #3c5ab0 none repeat scroll 0 0;
    padding-left: 5px;
    min-height: 35px;
}

.unAssignedCallsWrap td {
    border-bottom: 1px solid #3c5ab0;
}

.unAssignedCallsWrap .k-state-selected td {
    /*background: #8FA0C7 none repeat scroll 0 0;
    border-bottom: 3px solid #050608;*/
    /*padding: 0;*/
}

.unassign-sales-call {
    background-color: #f0f0f0;
}

td.gridcell span.preview_customize_address_pane:first-of-type {
    text-indent: 5px;
}



.callContainer {
    height: auto;
    overflow-y: scroll;
    position: relative;
}

.callContainerSplitted {
    position: relative;
}

.k-event-delete {
    margin-right: 7px;
}

.schedulerContainer .k-scheduler-table td.technician-slots {
    padding: 0 !important;
    border-right: 2px solid #eaeefb !important;
    border-left: 2px solid #eaeefb !important;
}

.schedulerContainer .k-scheduler-table tr:first-child {
    border-left: 0px !important;
}

.schedulerContainer .k-scheduler-table td .k-event-template {
    padding: 0px;
}

.schedulerContainer .k-scheduler-table td .k-event-actions {
    right: 0px !important;
    top: -1px !important;
}

.k-scheduler .k-scheduler-table tr td:first-child {
    border-left: 0px !important;
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table tr td:last-child {
    border-right: 1px solid #e7e7e7 !important;
}

.gridCallInfo {
    padding: 10px;
}



.editTemplate {
    width: 27px;
    padding: 0 !important;
    height: 27px;
    line-height: 27px;
}

    .editTemplate .k-icon.k-i-edit {
        top: 2px;
    }

#TreeViewId {
    z-index: 9999;
    background: #fff;
    opacity: 1;
}

.custom-treedropdown > div {
    z-index: 9999;
}

#TreeViewId {
    padding-left: 5px;
}

    #TreeViewId ul {
        padding-left: 20px;
    }

        #TreeViewId ul li {
            padding: 0 5px;
        }

    #TreeViewId li {
        font-size: 11px;
        color: #333;
    }

    #TreeViewId ul li {
        list-style-type: none;
    }

        #TreeViewId ul li:hover {
            color: #000;
        }

#OutPut_listbox {
    visibility: hidden;
}

#OutPut-list {
    visibility: hidden;
}

.k-widget.k-tooltip {
    background-color: #fff !important;
    border-color: #3c5ab0 !important;
    color: #000 !important;
}

.cursor-pointer-important {
    cursor: pointer !important;
}

#scheduler {
    overflow-x: hidden;
    border: 0px;
}





/*-------- AR CSS START -----------*/

.blueTxt {
    color: #3c5ab0;
}

.arAddress {
    position: relative;
}

.onHoldIcon {
    height: 12px;
    width: 12px;
    background: #ff0000;
    border: 1px solid #000;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 0;
}

textarea.arMaster {
    width: 100%;
    height: 80px;
    text-align: left !important;
}


.caStatusHeader {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.acT300 {
    width: 98%;
    padding-bottom: 10px;
    display: inline-block;
    float: left;
}

.acT400 {
    width: 98%;
    margin-left: 0px;
    display: inline-block;
    padding-bottom: 10px;
    float: left;
}

.acTable table {
    width: 100%;
    text-align: right;
}

.acTable .header {
    text-align: left !important;
    color: #3c5ab0;
    border-bottom: 1px solid #3c5ab0;
}


    .acTable .header td {
        padding: 2px 1px;
        border: none;
    }

.acTable table td {
    padding: 2px 1px;
    border-bottom: 1px solid #eee;
}


/*-------BILLING SECTION CSS START----------*/

.arContentWrap {
    padding: 10px 15px !important;
}

    .arContentWrap .SMheadingrow {
        padding: 5px 15px;
        margin-bottom: 8px;
    }

    .arContentWrap .col-md-6, .arContentWrap .col-md-12, .arContentWrap .col-md-4, .arContentWrap .col-md-3 {
        padding-left: 5px;
    }

        .arContentWrap .col-md-6 .row, .arContentWrap .col-md-12 .row {
            margin-left: 0;
            margin-right: 0;
        }

    .arContentWrap .label105 {
        width: 105px;
    }

    .arContentWrap .label300 {
        width: 300px;
    }

    .arContentWrap .k-dropdown, .arContentWrap input[type='text'], .arContentWrap input#CreditCardNumber, .arContentWrap .k-textbox, .arContentWrap input[type="email"], .arContentWrap .k-widget.k-combobox, .arContentWrap select {
        width: 150px;
        margin-bottom: 10px;
        float: right;
    }

    .arContentWrap table.k-widget.k-editor.k-header.k-editor-widget {
        width: 100%;
    }

.mrgLFT15 {
    margin-left: 15px;
}

.mrgLFT30 {
    margin-left: 30px;
}



.arContentWrap .k-widget.k-datepicker.k-header.form-control {
    float: right;
    width: auto;
    margin-bottom: 10px;
}

.blankDiv {
    height: 38px;
}

.automateBilling .autoBTop {
    border: 1px solid #cdd6f5;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.automateBilling .autoBBtm {
    border: 1px solid #cdd6f5;
    border-top: none;
}




/*-------INFORMATION SECTION CSS START----------*/

.arContentWrap .datePicker .k-datepicker {
    width: 150px;
}

.setupCallType .k-colorpicker {
    display: block;
}

.color-box-in-grid {
    height: 30px;
    width: 30px;
    margin: 0 auto;
}

.k-edit-form-container .k-edit-buttons {
    padding: 10px 0 !important;
}

.four55 .modal-dialog, .posting-invoice-progress .modal-dialog {
    width: 475px !important;
}

    .posting-invoice-progress .modal-dialog .k-progressbar-horizontal {
        width: 100%;
    }

        .posting-invoice-progress .modal-dialog .k-progressbar-horizontal.k-progressbar .k-state-selected {
            border-color: #397832;
            background-color: #60c249;
        }

.four55.SMStep2popup .modal-dialog {
    width: 530px !important;
}

.four55.modalstep1 .modal-dialog {
    width: 710px !important;
}

.blueTopRight {
    position: relative;
    top: -5px;
    left: 0px;
}

.SDContractWidgetNextPrevBtn .blueTopRight {
    position: relative;
    top: -8px;
}



.availableHrs, .remainingHrs {
    padding: 5px 10px;
    border-left: 5px solid green;
    color: #fff !important;
    margin: 5px 0 0 0;
}

.remainingHrs {
    border-left: 5px solid #f6bb3b;
    color: #fff !important;
}

    .availableHrs span, .remainingHrs span {
        width: 160px;
        display: inline-block;
    }

        .availableHrs span label, .remainingHrs span label {
            padding-right: 5px;
        }

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #fff !important;
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table tr td {
    border-right: 0px !important;
}

#vertical .k-scheduler-table td, #vertical .k-scheduler-table th {
    padding: .334em 0px !important;
}

#vertical .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table th {
    width: 200px;
    max-width: 200px !important;
}

#vertical .k-scheduler-content .k-scheduler-table td {
    width: 200px;
    border-right: none;
    max-width: 200px !important;
}

#vertical .k-scheduler-content .k-event .k-event-actions, #horizontal .k-scheduler-content .k-event .k-event-actions {
    opacity: 1;
}

#vertical .k-scheduler-content .k-event-delete .k-icon, #horizontal .k-scheduler-content .k-event-delete .k-icon {
    background-color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0px -1px 1px #000;
    color: #000;
    font-size: 13px;
    padding: 1px;
}

#vertical .k-scheduler-layout.k-scheduler-timelineview .icon-container .flag.call-flag {
    font-size: 9px;
    padding: 3px 2px !important;
    height: auto;
    top: 1px;
}


.rescheduleTime input[type="radio"] {
    margin: 7px 7px 0px 40px;
    top: 2px;
}

.k-scheduler-layout {
    background: #fff;
}

.k-scheduler-delete {
    padding: 2px 7px 2px !important;
}

.k-scheduler-header-wrap .k-scheduler-table tbody tr th {
    text-align: center;
}

.copyormove input[type='radio'] {
    top: 2px !important;
}

.k-scheduler-content {
    overflow: scroll;
}

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted;
}

#vertical .k-scheduler-times .k-scheduler-table th {
    padding-right: 5px !important;
}

#horizontal .k-scheduler-times .k-scheduler-table th {
    vertical-align: middle !important;
}

#horizontal .k-scheduler-header-wrap th {
    padding: .4em 0em;
    font-weight: normal;
    font-size: 12px;
}

#horizontal table.k-scheduler-table tr td:nth-child(4n), #horizontal table.k-scheduler-table tr th {
    border-right: 1px solid #ccc !important;
}

#horizontal #timeslotScheduler .k-scheduler-timelineview tr:first-child td:first-child .k-scheduler-table tr:nth-child(2) th {
    padding: 0 !important;
}



#vertical table.k-scheduler-table tbody tr:nth-child(4n) td, #vertical table.k-scheduler-table tbody tr:nth-child(4n) {
    border-bottom-color: #ccc !important;
}

.fiscalPeriodHeading {
    padding: 0 0 5px;
    margin-top: -8px;
}

    .fiscalPeriodHeading span {
        margin: 0 60px 5px 0;
        display: inline-block;
    }

        .fiscalPeriodHeading span b {
            padding-right: 12px;
        }

.timeslot-scroller {
    position: absolute;
    display: none;
    z-index: 99;
    cursor: pointer;
    width: 30px;
    background-color: #e8edfc;
    border: 2px solid #3c5ab0;
}

#horizontal .timeslot-previous {
    left: 200px;
}

#horizontal .timeslot-next {
    right: 0px;
}

#vertical .timeslot-next {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#vertical .timeslot-previous {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#vertical .timeslot-previous {
    top: 113px;
}

.k-nonwork-hour {
    background: #fff !important;
}

#horizontal .k-scheduler-content table.k-scheduler-table tbody tr:nth-child(2n) td:not(.slot-selected), #horizontal .k-scheduler-content table.k-scheduler-table tr:nth-child(2n) {
    background-color: #eaeefb !important;
}

#vertical table.k-scheduler-table tbody tr td:nth-child(2n):not(.slot-selected) {
    background-color: #eaeefb !important;
}

.k-scheduler-table td.slot-selected {
    background-color: #cdd6f5 !important;
}

.assignedcall-status {
    background: #ff0000;
    color: #fff;
    padding: 3px !important;
    height: 8px;
    display: inline-block;
    text-align: center;
    line-height: 8px;
    margin-right: 5px;
    font-size: 12px;
    margin-left: 5px;
}

.k-event-delete .k-icon {
    background-color: #fff;
    border-radius: 50% !important;
    box-shadow: 1px 1px 1px #000;
}

.assignedcallinfo {
    padding-left: 8px;
}

.assignedcalls span {
    padding-left: 8px;
    display: inline-block;
}

.workOrderDetails {
    padding: 20px;
    border-right: 1px dotted #ccc;
}

    .workOrderDetails .boxModel {
        width: 70%;
        float: left;
        border-right: 1px dotted #ccc;
        padding-right: 20px;
    }

    .workOrderDetails .boxModelRight {
        width: 28%;
        float: right;
        height: 440px;
    }

.updateConversation {
    text-decoration: none;
    position: absolute;
    top: -29px;
    right: 0;
    cursor: pointer;
}

.workOrderDetails .form-group {
    margin-bottom: 10px;
    display: block !important;
}

.workOrderDetails label {
    display: block;
}

.workOrderDetails .bold_text {
    color: #888;
    font-size: 12px;
    font-weight: normal;
}

.tabbedSection {
    background: #eee;
    padding: 15px 0;
    margin-right: 0;
    margin-bottom: 15px;
}


.workOrderDetails h3 {
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: 0 0 8px;
}


.workOrderDetails .description {
    width: 100%;
    height: 175px;
    border: none;
    overflow: auto;
}

#timeslotScheduler {
    border: 0px;
}

#timeSlotSelection {
    padding-left: 25px;
    padding-right: 0;
}

    #timeSlotSelection .k-widget.k-dropdown {
        width: 93px;
        height: 30px !important;
    }

#FiscalPeriodTabs .k-grid-content table {
    text-align: center;
}


.assignedcalls .assignedcallinfo {
    padding-left: 8px;
    position: absolute;
    top: 3px;
    right: 34px;
}


    .assignedcalls .assignedcallinfo .glyphicon-info-sign {
        background: #000;
        border-radius: 50%;
        box-shadow: 1px 1px 1px #000;
        font-size: 15px;
        padding: 0;
        display: none;
        cursor: pointer;
    }

#horizontal ..assignedcalls .assignedcallinfo .glyphicon-info-sign {
    right: 14px;
    top: 0px;
}

.glyphicon-info-sign.detailIcon, .glyphicon-info-sign.infoicon {
    background: #000;
    border-radius: 50%;
    color: #fff;
    padding: 0px;
    font-size: 15px;
    box-shadow: 1px 1px 1px #000;
    box-sizing: content-box;
    cursor: pointer;
}

.BasicViewScheduler .glyphicon-info-sign.infoicon {
    top: 1.3px;
    right: 3px;
    display: none;
}

.full-width {
    width: 100% !important;
}

.half-width {
    width: 50%;
}

.BasicViewScheduler .k-scheduler-table tr:nth-child(2) td:nth-child(2n) {
    background-color: #eaeefb !important;
}

.BasicViewScheduler .k-scheduler-table tr:nth-child(4) td:nth-child(2n+1) {
    background-color: #eaeefb !important;
}

.call-list:hover .glyphicon-info-sign.infoicon {
    display: inline-block;
}

.k-event:hover .assignedcallinfo .glyphicon-info-sign {
    display: block;
}

.font-weight-normal {
    font-weight: normal !important;
}

.setupCallType .form-group {
    margin-bottom: 10px;
}


.setupCallType .k-widget.k-dropdown.k-header.form-control, .setupCallType .k-widget.k-timepicker.k-header.form-control {
    width: 100%;
}

.quickBookBTN {
    display: block;
    background-image: url(/Content/images/quickBookBTN.jpg);
    height: 28px;
    width: 134px;
    border-radius: 4px;
    margin-top: 5px;
}

h2.headingInner {
    font-size: 16px;
    padding: 7px 0px;
    background: none;
    border-bottom: 1px solid #3c5ab0;
}




#basicInfo hr {
    color: #ccc;
    margin: 11px 0;
    height: 1px;
    background: #ddd;
    border: none;
}

.wd140 {
    width: 165px !important;
    margin-bottom: 3px;
}

.wd155 {
    width: 155px !important;
    box-sizing: border-box;
    margin-bottom: 3px;
}

span.wd155 span.k-dropdown-wrap input.wd155 {
    width: 128px !important;
}

.wd454 {
    width: 454px !important;
    margin-bottom: 3px;
}




.flag {
    color: #eee;
    background: #ff0000;
    font-size: 12px;
    padding: 2px !important;
    height: 14px;
    display: none;
    top: 0em;
}

.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

.BasicViewScheduler .tech-header {
    background-color: #3c5ab0 !important;
}


/* For salesman slot */
.BasicViewScheduler .salesman-header {
    background-color: black !important;
}

.BasicViewScheduler .k-event-template {
    height: 35px !important;
}

.BasicViewScheduler .basicview-callstatus {
    padding: 5px;
    height: 8px;
    text-align: center;
    line-height: 8px;
    margin-right: 5px;
    float: left;
}

.assigned_status {
    background-color: #ff0000;
    color: #fff;
}

.dispatch_status {
    background-color: green;
    color: #fff;
}

.arrive_status {
    background-color: blue;
    color: #fff;
}

.complete_status {
    background-color: #555;
    color: #fff;
}

.BasicViewScheduler .callrunninglatecontainer {
    padding: 0em .4em 0em .4em;
}

.BasicViewScheduler .k-si-close, .timeslotcontainer .k-si-close {
    background-image: url('../images/unassign-call.png') !important;
    background-position: center !important;
}

.custom-k-dd-img {
    margin: 10px;
    width: 50px;
    height: 50px;
}

.custom-k-dd-text {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

.customProgress.progressbar_alignment {
    position: fixed;
    top: 2%;
    right: 2%;
    z-index: 9999999;
}
/*------------COMPLETE CALL CSS--------*/

.accordBG {
    background: #dfe6fe none repeat scroll 0 0;
    border-radius: 4px;
    margin-bottom: 5px;
}

.labelSmall {
    font-size: 12px;
    font-weight: normal;
    color: #777 !important;
    width: 70px;
}

.completeCall .neutralpaddleft .form-group {
    display: block;
}



.subduedTxt {
    color: #555;
    font-size: 11px;
    margin-top: -6px;
    display: block;
}

.techNameNo {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #0042ff !important;
    float: left;
    height: 45px;
    margin: 0 75px 0 0;
    padding: 4px 0 0 10px;
    width: 180px;
    line-height: 25px;
    text-align: right;
}

    .techNameNo label {
        color: #fff;
    }

.technicianAccrd {
    height: 46px;
    line-height: 43px;
}

.lbl-hours {
    width: 55px;
    padding-right: 10px;
    display: inline-block;
    float: left;
    line-height: 33px !important;
    color: #000 !important;
}

.lbl-hours-value {
    float: left;
    line-height: 33px;
}

.selectedTechAccord {
    border: 1px solid #3c5ab0;
}

.technicianAccrd .k-widget.k-timepicker.k-header {
    width: 110px !important;
}

.technicianAccrd .k-input[type="text"] {
    width: 103px !important;
}

.postWrap {
    border-bottom: 1px solid #ccc;
    color: #555;
    margin-bottom: 15px;
    padding: 10px 10px 0;
}

.postedBy {
    color: #999;
}

    .postedBy p {
        margin: 0;
    }

.posterName {
    color: #000;
    margin-right: 15px;
    font-size: 12px;
}

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

.paymentTab select, .paymentTab input[type="text"] {
    width: 100px !important;
}


.custTable .grid_container {
    border: none;
}

.custTable .k-grid-header.k-grid-header {
    background: #e5e5e5 !important;
    border-bottom: 3px solid #ed1c24 !important;
}

.custTable .k-grid-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.custTable .k-pager-wrap {
    border: 1px solid #ddd;
}

.custTable .k-grid-header table thead tr th a.k-link {
    color: #000 !important;
    padding: 10px 0;
}

.timeslotcontainer .k-event-actions {
    display: none;
}

.timeslotcontainer .assigned_call_status + .k-event-actions {
    display: block;
}

.draggable, .movable_calls {
    cursor: move;
}

.timepicker_wrapper {
    display: inline-block;
    border-radius: 4px;
}

.technicianAccrd .timepicker_wrapper {
    float: left;
    margin: 1px 0 0 5px;
    line-height: 0;
}

ul.service-call-menu-items, ul.sales-call-menu-items, ul.technician-menu-items, ul.salesman-menu-items, ul.horzvert {
    background: #fff !important;
    box-shadow: 1px 1px 6px #888 !important;
}

.rsc1 {
    margin-left: 20px;
}

.rsc2 {
    margin-left: 254px;
}

.rsc3 {
    margin-left: 677px;
    width: 350px;
}

h4.panel-title {
    position: relative;
}

    h4.panel-title a.vsmlink.vsmeditlink {
        position: absolute !important;
        right: 20px;
    }

    h4.panel-title .vsmlink span {
        top: -2px;
        left: 4px;
        font-size: 12px;
    }

.input_loader {
    background: url('../images/ajax-loader.gif') no-repeat right center !important;
}

.input_loader_center {
    background: url('../images/ajax-loader.gif') no-repeat center center !important;
}

/*---------- NEW UI CHNAGES 29-02 START ----------*/

div.sectionHeading {
    border-bottom: 2px solid #3c5ab0;
    margin-bottom: 10px;
    padding: 0;
}

    div.sectionHeading h2 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-bottom: 2px solid red;
        display: inline-block;
        margin: 0 0 -2px;
        padding: 0 0 6px 0px;
        font-size: 18px;
    }

    div.sectionHeading .btn-blue, div.sectionHeading .btn-default {
        margin-top: -5px;
    }

div.section-sub-heading button {
    position: absolute;
    right: 0;
    top: -12px;
}

    div.section-sub-heading button.btn2 {
        position: absolute;
        right: 52px;
        top: -12px;
    }

.section-sub-heading-1 {
    width: 100%;
    border-bottom: 1px solid #3c5ab0;
    margin-bottom: 12px;
    padding-bottom: 5px;
    position: relative;
}

    .section-sub-heading-1 .distblcell_btns {
        position: absolute;
        top: 0;
        right: 0;
    }

    .section-sub-heading-1 h4 {
        font-size: 13px;
        color: #000;
        font-weight: bold;
        padding-bottom: 4px;
        border: none !important;
        padding-bottom: 0 !important;
        line-height: 26px;
    }

.ctaBtnAdd {
    border: none !important;
    color: #fff !important;
    float: right !important;
    margin-right: 0px !important;
    display: block;
    z-index: 9999;
}

    .ctaBtnAdd span.glyphicon {
        margin-right: 4px;
        margin-top: -3px;
    }

.ctaBtnAddFloatNone {
    float: none !important;
}

.invoiceEntry {
    padding: 15px 5px;
}

.InvoiceTocharge .subTitle {
    float: left;
    line-height: 40px;
}

#SDInvoiceInformationContainer .lastActionCol.kendoGridAddNewBtn {
    margin-top: -5px;
}

    #SDInvoiceInformationContainer .lastActionCol.kendoGridAddNewBtn .k-header.k-grid-toolbar {
        background: none !important;
        padding-bottom: 8px !important;
    }

.groupHeading.InvoiceTocharge {
    border-bottom: 1px solid #3c5ab0;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    height: 33px;
}

.lbl-warning {
    padding: 10px 5px;
    display: block;
    background: #a5a5a5;
    color: #fff;
}

#invoiceSection .invoiceDatepicker {
    width: 379px;
}

.batchNoDropdown .batchSelect {
    width: 222px;
}

#invoiceSection .batchNoDropdown {
    width: 100%;
    padding-right: 15px;
}

.invoiceDatepicker .k-widget.k-datepicker {
    width: 149px !important;
}

.invoiceEntry .ctaBtnAdd {
    top: 0px;
    position: relative;
    z-index: 999;
}

.DocumentFormStyle .k-button.k-upload-button {
    padding: 3px 13px;
}

.addNewBusinessRow {
    border: 2px solid #5879d6;
    line-height: 40px;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 5px 8px 0px #ccc;
    margin-bottom: 10px;
}

.businessType {
    width: 80px;
}

.businessDesc {
    width: 300px;
}

.addNewButton {
    background: #5879d6 !important;
    border: 1px solid #3c5ab0 !important;
    color: #fff !important;
}

.cancelButton:link, .cancelButton:visited, .cancelButton:hover, .cancelButton:active {
    border: none;
    background: none !important;
    padding: 4px 10px 0 15px;
}


.accord .panel-group .panel {
    border: medium none;
    box-shadow: none;
}

.accord .panel-heading {
    padding-left: 2px;
}

.accord .glyphicon.glyphicon-plus.pull-left, .accord .glyphicon.glyphicon-minus.pull-left {
    color: #555;
    margin-right: 15px;
}

.accord .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: none;
}

.accord .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
    padding-left: 28px;
}

.accord .panel-default > .panel-heading {
    background: none;
    color: #333;
    border: none;
    border-bottom: 2px solid #ccc;
}

    .accord .panel-default > .panel-heading.active {
        background: none;
        color: #000;
        border: none;
        border-bottom: 2px solid #ff0000;
    }

.accord .panel-title a b {
    margin-right: 25px;
}

.shortCode {
    font-weight: bold;
    margin-right: 7px;
}

.accordContent .description {
}

.accordContent .actionItem {
    float: right;
}

.accordContent li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    .accordContent li a {
        color: #aaa;
        text-decoration: none;
        padding: 0 5px;
    }

        .accordContent li a:hover {
            color: #333;
            text-decoration: none;
        }

.priceCodeSelection {
    z-index: 99;
    position: relative;
    display: inline-block;
}

    .priceCodeSelection label {
        padding-right: 12px;
        line-height: 26px;
    }

#PricingTabs-3 .blockHeading {
    font-size: 13px;
    color: #000;
}

.pricingTabsGrid .grid_container.k-grid.k-widget.k-reorderable {
    border: none;
    top: -30px;
    background: none;
}

.pricingTabsGrid .k-grid-toolbar.k-header {
    background: none;
}

#grdSolutionCodesBusiness,
.kendoGridAddNewBtn {
    margin-top: -45px;
    background: none !important;
    border: none !important;
}

.kendoGridAddNewBtn1 {
    background: none !important;
    border: none !important;
}

#grdSolutionCodesBusiness, .kendoGridAddNewBtn {
    margin-top: -45px;
    background: none !important;
    border: none !important;
}

    #grdSolutionCodesBusiness .k-header.k-grid-toolbar {
        background: none;
        padding-bottom: 15px;
    }



    #grdSolutionCodesBusiness .k-grid-content,
    .kendoGridAddNewBtn .k-grid-content {
        /*border: 1px solid #ccc;*/
        border-top: none;
        overflow: visible;
        overflow-x: auto;
    }

    #grdSolutionCodesBusiness .k-grid-content {
        border-bottom: 1px solid #ddd;
    }

    #grdSolutionCodesBusiness .k-grid-header {
        padding: 0px !important;
    }

.categoriesModalBody .kendoGridAddNewBtn {
    margin-top: -15px;
    padding: 0 15px;
}

    .categoriesModalBody .kendoGridAddNewBtn .k-header.k-grid-toolbar {
        padding-bottom: 4px !important;
    }

.kendoGridAddNewBtn .k-grid-header {
    padding-right: 0px !important;
}

.kendoGridAddNewBtn .k-grid-footer {
    padding-right: 0px !important;
}

#grdSolutionCodesBusiness .grdBusinessSectionType, .kendoGridAddNewBtn .grdBusinessSectionType {
    border: none;
}

.grdBusinessSectionType .k-header.k-grid-toolbar {
    padding: 0 0 5px !important;
    border: none;
}

.kendoGridAddNewBtn .grid_container.k-grid.k-widget, .kendoGridAddNewBtn .k-widget {
    background: none !important;
    border: none !important;
}

.k-detail-row .k-detail-cell {
    padding-left: 0;
}

#grdSolutionCodesBusiness .k-detail-row .k-hierarchy-cell, #grdSolutionCodesBusiness .k-detail-row .k-detail-cell {
    border-bottom: 2px solid #ccc;
}

#grdSolutionCodesBusiness .k-master-row td {
    border: none;
}

#grdSolutionCodesBusiness .k-detail-row td {
    border-bottom: 1px solid #ccc;
}

    #grdSolutionCodesBusiness .k-detail-row td table td {
        border: none;
        border-bottom: 1px solid #eee;
    }

    #grdSolutionCodesBusiness .k-detail-row td table tr:first-child td {
        border-top: 1px solid #eee;
    }

.grdBusinessSectionType.k-grid.k-widget {
    background: none;
}






/*---------- NEW UI CHNAGES 29-02 END -----------*/

.hierarchical .k-grid table .k-detail-row > td {
    background: #fff !important;
}

.hierarchical .k-grid table tr.k-detail-row > td {
    border-top: 1px solid #ccc;
}

.hierarchical .k-grid table tr.k-detail-row .k-grid-header {
    display: none;
}

.business-container .k-grid-content {
    overflow-y: hidden;
}

.business-container.pull-left {
    height: 500px;
    overflow-x: hidden;
    width: 500px;
}

.drop-area.business-container.pull-right {
    border: 2px dashed rgb(204, 204, 204);
    height: 500px;
    width: 500px;
    position: relative;
    padding: 22px 5px 5px;
    border-radius: 10px;
    margin-top: -24px;
    position: relative;
}

    .drop-area.business-container.pull-right h4 {
        position: absolute;
        left: 1%;
        color: #aaa;
        top: -8px;
        font-size: 17px;
        padding: 0;
    }

.editHelptext {
    max-height: 650px;
    overflow: scroll;
}

    .editHelptext #txtAreaNotes {
        width: 100%;
        height: 550px;
    }

#part-search {
    position: absolute;
    right: 5px;
    top: 5px;
}

.SolutionCodesGrid .k-grid-content {
    overflow-y: hidden !important;
}

.SolutionCodesGrid .k-grid-header {
    padding-right: 0px !important;
}

.SolutionCodesGrid thead > tr:nth-child(1) > th:nth-child(-n+3), .green3 {
    background: #66993d !important;
    color: #fff !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.SolutionCodesGrid thead > tr:nth-child(2) > th:nth-child(-n+4), .green2 {
    background: #bbe798 !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.SolutionCodesGrid thead > tr:nth-child(3) > th:nth-child(-n+6), .green1 {
    background: #d9f3c4 !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.SolutionCodesGrid thead > tr:nth-child(1) > th:nth-last-child(-n+2), .orange3 {
    background: #ed4518 !important;
    color: #fff !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.SolutionCodesGrid thead > tr:nth-child(2) > th:nth-last-child(-n+3), .orange2 {
    background: #fed6cc !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.SolutionCodesGrid thead > tr:nth-child(3) > th:nth-last-child(-n+5), .orange1 {
    background: #fee5de !important;
    padding: 3px !important;
    font-weight: normal !important;
}

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

table.triColor {
    width: 100%;
}

    table.triColor th, table.triColor td {
        border: 1px solid #ddd;
        text-align: center;
        height: 26px;
    }

#pricingType td {
    width: 12.5%;
}

.table > thead > tr > th {
    border-bottom: none;
}

.compOptionsSolutionCodesGrid thead > tr:nth-child(1) > th:nth-child(-n+3), .green3 {
    background: #66993d !important;
    color: #fff !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.compOptionsSolutionCodesGrid thead > tr:nth-child(2) > th:nth-child(-n+4), .green2 {
    background: #bbe798 !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.compOptionsSolutionCodesGrid thead > tr:nth-child(3) > th:nth-child(-n+6), .green1 {
    background: #d9f3c4 !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.compOptionsSolutionCodesGrid thead > tr:nth-child(1) > th:nth-last-child(-n+1), .orange3 {
    background: #ed4518 !important;
    color: #fff !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.compOptionsSolutionCodesGrid thead > tr:nth-child(2) > th:nth-last-child(-n+2), .orange2 {
    background: #fed6cc !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.compOptionsSolutionCodesGrid thead > tr:nth-child(3) > th:nth-last-child(-n+4), .orange1 {
    background: #fee5de !important;
    padding: 3px !important;
    font-weight: normal !important;
}

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

.scbType .gridcell {
    border: none;
}


.SolutionCodesBusinessSection, .AssignedSolutionCodesBusinessSection {
    border: none;
}

    .AssignedSolutionCodesBusinessSection .k-master-row td {
        border: none;
        border-bottom: 1px solid #eee;
    }

    .SolutionCodesBusinessSection .gridcell {
        border-bottom: 1px solid #eee;
    }

#SolutionCodesBusiness .k-detail-row td.k-detail-cell, #SolutionCodesBusiness .k-detail-row td.k-hierarchy-cell, #AssignedSolutionCodesBusiness .k-detail-row td.k-detail-cell, #AssignedSolutionCodesBusiness .k-detail-row td.k-hierarchy-cell {
    border-bottom: 2px solid #ddd;
}

#SolutionCodesBusiness .k-master-row td, #AssignedSolutionCodesBusiness .k-master-row td {
    border-bottom: 1px solid #eee;
}


#AssignedSolutionCodesBusiness .k-grid-content .k-master-row td {
    border-left: none;
}

.solnCodeGenDetails {
    padding: 5px;
}

    .solnCodeGenDetails table {
        border: 1px solid #ccc;
    }

.pricingAddNew {
    margin-bottom: 15px;
}

    .pricingAddNew .col-md-1, .pricingAddNew .col-md-2 {
        padding: 0 1px 0 0px;
    }

    .pricingAddNew .tableHeader {
        background-color: #e5e5e5;
        line-height: 25px;
        color: #000;
        border-bottom: 3px solid #ed1c24 !important;
    }

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

    .pricingAddNew .activityRow {
        line-height: 25px;
        padding: 6px 0 5px;
        border: 1px solid #ccc;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: none;
        margin-top: 0;
    }

.solnCodeGenDetails h4 {
    color: #000;
    margin: 0px 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
}

#equipmentInputs .col-md-1, #laborInputs .col-md-1 {
    width: 74px;
}

#equipmentInputs .col-md-3, #laborInputs .col-md-3 {
    padding: 0 1px;
    width: 198px;
}


.stepsDummy {
    background: url("../images/steps.jpg") no-repeat;
    height: 80px;
    width: 1220px;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
}

.coupleField {
    border-radius: 4px;
    /*line-height: 26px;*/
    padding: 2px 2px 0 3px !important;
    width: 850px;
    margin-top: -2px !important;
}

    .coupleField .form-group label {
        padding-right: 12px;
        line-height: 26px;
    }

    .coupleField #operatorName {
        padding-left: 10px;
        color: green;
    }

.k-loading-mask {
    display: none;
}

.solution-code-id {
    color: #3c5ab0 !important;
    font-weight: bold;
}

.SolutionCodeDetails .pricing-grid {
    max-height: 200px;
    position: relative;
    margin-top: -15px;
    border-bottom: 1px solid #f0f0f0;
}

    .SolutionCodeDetails .pricing-grid .activityRow {
        border: 1px solid #f0f0f0;
    }

.SolutionCodesGrid .k-i-expand {
    display: none;
}

.SolutionCodesGrid .k-i-collapse {
    display: none;
}

.kendoGridAddNewBtn .k-header.k-grid-toolbar {
    background: none !important;
    padding-bottom: 10px !important;
}

.call-details-lock-check {
    border-right: 1px solid #3c5ab0;
    text-align: center;
}

.selectedTech {
    border: 1px solid #3c5ab0;
}

.call-details-lock-check input {
    width: auto !important;
}

.call-details-live-dispatch {
    text-align: center;
}

    .call-details-live-dispatch input {
        width: auto !important;
    }

.call-details-on-off-duty {
    text-align: center;
}

    .call-details-on-off-duty img {
        border: 2px solid #aaa;
    }


/* Custom wizard */
.custom-wizard {
    padding: 10px 10px 25px 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px !important;
}

    .custom-wizard .stepwizard-step p {
        margin-top: 5px;
    }

    .custom-wizard .stepwizard-row {
        display: table-row;
    }

    .custom-wizard .stepwizard {
        display: table;
        width: 50%;
        position: relative;
    }

    .custom-wizard .stepwizard-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

    .custom-wizard .stepwizard-row:before {
        top: 25px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 2px;
        background-color: #ccc;
        z-index: 0;
        text-align: center;
    }

    .custom-wizard .stepwizard-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }

        .custom-wizard .stepwizard-step.step1 {
            text-align: left;
        }

        .custom-wizard .stepwizard-step.step2 {
            text-align: center;
        }

        .custom-wizard .stepwizard-step.step3 {
            text-align: right;
        }

    .custom-wizard .btn-circle {
        width: 50px;
        height: 50px;
        text-align: center;
        padding: 5px 10px !important;
        font-size: 20px;
        border-radius: 50%;
        opacity: 1;
        line-height: 37px;
    }
    /*import wizard*/
    .custom-wizard.import-data-wizard {
        border-bottom: 0;
    }

        .custom-wizard.import-data-wizard .step1 p {
            margin-left: 1.5%;
            margin-top: 10px;
        }

        .custom-wizard.import-data-wizard .stepwizard-row:before {
            width: 50%;
        }

.wizard-step-enabled p {
    font-weight: bold;
    color: #337ab7;
}

.wizard-step-disabled p {
    font-weight: bold;
    color: #ccc;
}

.step1 p {
    margin-left: -10%;
}

.step3 p {
    margin-right: 3%;
}

.setup-panel div {
    width: 300px;
}

.smTables {
    width: 100%;
}

    .smTables td {
        width: 50%;
        vertical-align: top;
    }

        .smTables td.address {
            width: 50%;
            height: 76px;
            line-height: 17px;
        }

.shiftControls {
    top: 50%;
    display: inline-block;
    width: 100%;
    height: 90px;
    margin-top: 0px;
    margin-left: 0%;
}


.leftRightArrow .glyphicon-arrow-left {
    right: -4px;
}

.leftRightArrow .glyphicon-arrow-right {
    left: -4px;
}

.noPadRight {
    padding-right: 0;
}

#sdcallprocesscontainer .k-timepicker .k-input {
    width: 100% !important;
    height: 100%;
}

#sdcallprocesscontainer .k-timepicker {
    margin: 0px !important;
}

.opacity-five {
    opacity: 0.5;
}

.sdcallprocess-lock {
    position: absolute;
    left: -6px;
    top: 45px;
}

.k-notification-success-message.k-group {
    background: #74C054 !important;
    color: #fff;
    border: 0px;
    border-radius: 2px;
}

.success-message {
    min-width: 330px;
    padding: 10px;
    line-height: 19px;
    display: table;
}

    .success-message h3 {
        font-size: 1.7em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }

    .success-message .icon {
        display: table-cell;
        vertical-align: middle;
        margin-right: 5px;
        font-size: 20px;
        top: -4px;
        width: 30px;
    }

.clearRowMargin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.greyHeading {
    background: #eee;
    padding: 5px;
    position: relative;
    display: block;
    margin: 0px 0px 10px 0;
    border-radius: 4px;
}

.greyLabel {
    color: #999 !important;
}

/*------SDContractView Start --------*/

.pad15All {
    padding: 6px 15px !important;
}

.boldHead {
    font-weight: 500;
}

.border.pad15All hr {
    border-bottom: 1px solid #3c5ab0;
}

.SDContractView .labelSmall {
    font-size: 12px;
    font-weight: normal;
    color: #777;
    min-width: 85px;
    margin-right: 10px;
}

.approvedContract {
    border-bottom: 3px solid #3ab54a;
    line-height: 30px;
    margin-bottom: 15px;
}

    .approvedContract .status {
        background: #3ab54a;
        color: #fff;
        text-align: center;
        padding: 0 10px;
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .approvedContract .contractNoName {
        color: #222;
        font-size: 18px;
        font-weight: 500;
    }



/*------SDContractView End --------*/

#EEO-list {
    width: 300px !important;
}

.grid-column-search-icon {
    display: inline;
    float: left;
    position: absolute;
    padding: 4px 5px;
    right: 0px;
}

.grid-column-search-input {
    margin: 0px;
    float: left;
}

.contract-title {
    position: absolute;
    top: 88px;
    font-size: 18px;
    font-weight: bolder;
    left: 0px;
}

#Country-list {
    min-width: 159px !important;
}

#State-list {
    min-width: 159px !important;
}

#City-list {
    min-width: 159px !important;
}

#Zip-list {
    min-width: 159px !important;
}



.k-autocomplete .form-control.vsminput19.k-input {
    width: 158px;
}


.solnCodeFilter .vsminline3 {
    margin-left: 10px !important;
}

.solnCodeFilter .vsminline7 {
    margin-left: 20px !important;
}

.solnCodeFilter .vsmselect3 {
    width: 116px;
}

.form-control.width100 {
    width: 427px;
}

.SM-SearchBox .k-dropdown {
    width: 140px;
}

.SM-SearchBox .vsminline7 {
    margin-left: 15px !important;
}

.k-widget.k-datepicker input.form-control {
    width: 96% !important;
}

.invoiceThumb {
    display: inline-block;
}

.invThumbImage {
    height: 80px;
    width: 80px;
    display: block;
    background: #ddd;
}

.opt1 {
    height: 93px;
    width: 80px;
    background: url(../images/template1.png) right center no-repeat #fff7d1;
}

.opt2 {
    height: 93px;
    width: 80px;
    background: url(../images/template2.png) right center no-repeat #fff7d1;
}

.opt3 {
    height: 93px;
    width: 80px;
    background: url(../images/template3.png) right center no-repeat #fff7d1;
}


/*---------------invoiceWrapper Start------------------*/

.invoiceWrapper {
    border: 1px solid #3c5ab0;
    padding: 0 15px;
}

.invoicePrintBtn {
    bottom: 12px !important;
    position: relative;
    left: 0px;
}

.invoiceDownloadBtn {
    bottom: 12px !important;
    right: 10px;
    position: relative;
}

.lbl-email-icon {
    width: 20px;
}

.invoiceHeader {
    padding: 10px;
    border-bottom: 1px solid #3c5ab0;
    margin-bottom: 3px;
    line-height: 22px;
    border-top: 1px solid #3c5ab0;
    margin-top: -1px;
}

    .invoiceHeader label {
        color: #888888;
        margin-right: 3px;
    }

.invoiceInfo {
    width: 105px;
    display: inline-block;
}

.invoiceHeader .glyphicon-ok {
    color: #ccc;
}

.invoiceHeader span.checked label {
    color: #000;
}

.invoiceHeader span.checked.glyphicon-ok {
    color: #39b54a;
}

.invoiceFilter {
    border-bottom: 1px solid #3c5ab0;
    margin-bottom: 10px;
}

h2.invoiceName {
    background: none;
    color: #3c5ab0;
    font-size: 40px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}

.invoiceDetails label {
    font-size: 14px;
    font-weight: bold;
    color: #222;
    text-align: right;
    width: 100px;
    margin-right: 10px;
}

#smAndArInfo {
    margin-bottom: 15px;
    padding-top: 20px;
}

#companyDetails {
    border-bottom: 1px dashed #888888;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    padding-top: 25px;
}

    #companyDetails .bold_text {
        font-size: 16px;
    }



/*---------------invoiceWrapper End------------------*/





.number-input-container {
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
}

.number-input {
    box-shadow: none !important;
    width: 151px;
}

.nextDayCompleteTime {
    color: #ff0000;
    position: absolute;
    bottom: 10px;
    top: 22px;
    left: 61px;
}


.number-input-btns-container {
    width: 50px !important;
}

    .number-input-btns-container button {
        width: 50% !important;
        border-left: none !important;
        box-shadow: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        height: 26px;
    }

        .number-input-btns-container button:focus {
            outline: 0 !important;
            background-color: white !important;
            border-color: #ccc !important;
        }

.number-input-plus {
    border-radius: 0px !important;
    background: white !important;
}

.number-input-minus {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background: white !important;
}

.number-input-hint {
    font-size: 0.8em !important;
    opacity: 0.5 !important;
}



.contract-inline-error {
    color: #ff0000;
    padding-left: 10px;
}

.k-state-selected span.glyphicon-trash, .k-state-selected span.glyphicon-pencil {
    color: #fff !important;
}

.mar-top5 {
    margin-top: 5px !important;
}

.grid-cell-red {
    background: #ff3232;
    color: #fff;
}

.grid-cell-yellow {
    background: #eeec85;
}

.grid-cell-green {
    background: #78AB46;
}

.contract-view-menu {
    margin-right: 55px !important;
    margin-top: 1px;
}

.NonApprovedContract {
    border-bottom: 3px solid #ff0000;
    line-height: 30px;
    margin-bottom: 15px;
}

    .NonApprovedContract .contractNoName {
        color: #222;
        font-size: 18px;
        font-weight: 500;
    }

    .NonApprovedContract .status {
        background: #ff0000;
        color: #fff;
        text-align: center;
        padding: 0 10px;
        margin: 0 10px 0 0;
        display: inline-block;
    }

.menu-item-disabled {
    cursor: not-allowed !important;
    opacity: .5;
}

#accordion div.panel-heading h4 {
    height: 25px;
    line-height: 25px;
}

.k-widget.k-window .kendoModalFooter {
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px !important;
}

.rightAlignLabels .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}

.rightAlignLabels label, .rightAlignLabels label.labelSmall {
    text-align: right !important;
    width: auto;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 7px;
}

.maintenanceOptions label {
    width: 170px;
}

.rightAlignLabels .checkBoxWrap input[type="checkbox"] {
    float: left;
}

.rightAlignLabels .checkBoxWrap label {
    text-align: left !important;
    width: auto !important;
}

.rightAlignLabels .width_190 {
    width: 200px;
    float: left !important;
}

.rightAlignLabels .serviceTypeDetailGrid .width_190 {
    width: 100%;
    margin: 0 auto;
    float: none !important;
}


.rightAlignLabels .groupHeading, #basicInfo .groupHeading, h4.groupHeading {
    border-bottom: 1px solid #3c5ab0;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    padding-bottom: 4px;
}

h4.groupHeading {
    font-size: 14px;
}

    h4.groupHeading.margin-top-10 {
        margin-top: 10px;
    }

.rightAlignLabels.smDefValue .companySmheading .groupHeading {
    margin-top: -1px;
    padding-bottom: 1px;
    padding-top: 8px;
    line-height: 22px;
}

.smDefValue .companySmheading .pull-right.relative {
    top: -39px;
}

#emailSection h4.groupHeading, #printSection h4.groupHeading {
    margin-top: 0;
}

#emailSection .uploadInvoice .k-upload {
    border: 0;
}

#emailSection .col-md-12 {
    position: relative;
}

    #emailSection .col-md-12 a.input-search-icon {
        position: absolute;
        top: 5px;
        right: 25px;
    }

#emailSection .k-dropzone {
    float: left;
    width: auto;
    text-align: left;
    padding: 0;
}

#emailSection .k-upload {
    border: none;
}

#emailSection .k-dropzone .k-button.k-upload-button {
    background-color: #3c5ab0 !important;
    border-color: #3c5ab0 !important;
    color: #fff;
    position: relative;
}

#emailSection .col-md-2 {
    padding-right: 0;
}

#emailSection li.k-file-progress .k-filename {
    min-width: 8em !important;
    max-width: 8.667em !important;
}

.invoicePopUps label {
    text-align: right;
    /*color: #555;
	font-size: 12px;*/
    min-width: 100px;
    margin-right: 10px;
    line-height: 28px;
}

.rightAlignLabels table {
    border: 1px solid #ccc;
    width: 100%;
}

    .rightAlignLabels table td {
        padding: 3px 10px;
        border-right: 1px solid #ccc;
    }

.rightAlignLabels .k-widget.k-colorpicker.k-header {
    width: 150px;
}

.rightAlignLabels .k-selected-color, .callTypeGrid .k-selected-color {
    width: 100%;
}




.addressFieldBilling {
    width: 249px;
    float: left;
}

#accordion .k-datepicker .k-input {
    /*height: 23px;*/
}

.k-colorpicker .k-selected-color {
    height: 24px;
}

.maintenanceOptions label {
    width: 170px !important;
}

.maintenanceOptions .lbl-maintenance label {
    width: 230px !important;
}

.mediumLarge .modal-dialog {
    width: 800px;
}

.mediumLarger .modal-dialog {
    width: 1000px;
}

#basicInfo label, .quickServiceCallBooking label {
    color: #000;
    font-weight: normal;
    text-align: right;
    min-width: 137px !important;
    position: relative;
    margin-right: 13px;
    line-height: 28px;
}

.quickServiceCallBooking label {
    min-width: 130px !important;
}

.quickServiceCallBooking .k-checkbox-label {
    min-width: unset !important;
}

.quickServiceCallBooking label.callEndDate {
    width: 130px;
    min-width: 130px;
}

.quickServiceCallBooking .taskCodeInfo label {
    width: 135px !important;
}

#basicInfo .lbl-setting label, .quickServiceCallBooking .lbl-setting label {
    min-width: 178px;
}

#basicInfo .wd454 {
    width: 600px !important;
}

#basicInfo .wd155 {
    width: 210px !important;
}

#basicInfo #accordion label.lbl8 {
    min-width: 130px !important;
}

#basicInfo #accordion label.short-label {
    min-width: 120px !important;
    margin-right: 5px;
}

#basicInfo #accordion .wd454 {
    width: 613px !important;
}

#basicInfo #accordion .k-dropdown-wrap .wd155 {
    width: 193px !important;
}

.bootstrap-switch-wrapper.pull-right, #SDCompanyForm .k-timepicker.k-header.form-control.pull-right, #SDCompanyForm .k-widget.k-dropdown.k-header.pull-right {
    margin-bottom: 18px;
}

#SDCompanyForm .col-md-6 {
    padding: 0 15px;
}

#SDCompanyForm label {
    line-height: 26px;
}

#SDCompanyForm {
    position: relative;
    padding: 1px 15px;
}



.k-grid-content input.form-control {
    width: 99% !important;
}

.k-grid-content .k-numeric-wrap.k-state-default input.form-control {
    width: 79% !important;
    height: 31px;
}



#SDCompanyForm .k-timepicker {
    width: 160px !important;
}

#CompanyOptionsTabs-1 {
    padding: 0;
}

.newServiceCall .probdesctxtarea {
    width: calc(100% - 196px);
}

.newServiceCall .blueTopRight {
    left: -7px;
}

.quickServiceCallBooking .probdesctxtarea {
    width: calc(100% - 150px);
    margin-bottom: 10px;
}

.probdesctxtarea {
    width: calc(100% - 150px);
}

.newServiceCall .customer-po-num, textarea.problem-description {
    width: calc(100% - 150px);
}

.ServiceCallBookingForm textarea.problem-description {
    width: calc(100% - 140px);
}

table.serviceCallGrid {
    border: 1px solid #ccc;
    width: 100%;
}

    table.serviceCallGrid th {
        border: 1px solid #ccc;
        text-align: center;
        height: 25px;
        width: 20%;
        position: relative;
    }

.quickServiceCallBooking table.serviceCallGrid th {
    padding-left: 10px;
    text-align: left;
}

.quickServiceCallBooking table.serviceCallGrid th {
    width: 420px;
}

.lbl-quickBooksImg {
    height: 40px;
    width: 100px;
    margin-left: 10px;
}

.accountOnHold {
    position: absolute;
    right: 3px;
    top: 2px;
}

.k-autocomplete.k-state-hover {
    background: #fff !important;
}

.labelWidth label.labelSmall {
    width: 85px;
}

.numInput {
    width: 55px !important;
}

.compOptionDescTab .kendoGridAddNewBtn {
    margin-top: -25px;
}

.test label, .quick-service-call-book label {
    text-align: right;
    width: 140px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 7px;
}

.test label, .quick-service-call-book label {
 /*   width: unset;
    float: unset;*/
}

.genContrBilling label {
    text-align: right !important;
    min-width: 119px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 7px;
}

label.rtCallLabel {
    min-width: 107px;
}



.relative {
    position: relative;
}

.absolute {
    position: absolute !important;
}

.static {
    position: static !important;
}

.right {
    right: 0;
}

.midSectionCTA {
    position: absolute;
    right: 0px;
}


.fourty9 {
    width: 49%;
    float: left;
    min-height: 120px;
}

.fourty8Right {
    margin-left: 1%;
    width: 48%;
    float: right;
    min-height: 120px;
}

.radioCheck {
    display: inline-block;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: relative;
    text-align: center;
    top: 3px;
}

    .radioCheck input[type='radio'] {
        margin: 0 7px 0 0;
        position: relative;
        top: 3px;
        left: 3px;
    }

.radioCheckBorder {
    border: 1px solid red;
}

.profile-content input.vsminput2 {
    width: 299px;
    float: left;
}

#servieMasterStep1 .k-dropdown.vsmselect9,
#servieMasterStep2 .k-dropdown.vsmselect9 {
    width: 166px;
}

#servieMasterStep2 .k-dropdown.vsmselect {
    width: 141px;
}

#servieMasterStep1 .k-dropdown.vsmselect3, #servieMasterStep2 .k-dropdown.vsmselect3 {
    width: 138px;
}

#sdInvoiceProcessContainer .greyHeading label.labelSmall {
    text-align: right;
    width: auto;
}


#filterSection {
    width: 20%;
    float: left;
}

.invoice-filter {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

#filterSection label {
    float: left;
    min-width: 50px;
    text-align: right;
    margin-right: 15px;
    line-height: 25px;
}

#filterSection .k-dropdown, #filterSection .k-combobox {
    width: 155px;
    box-sizing: border-box;
}

#filterSection .panel-heading {
    background: #e0e6fe;
    padding: 5px;
}

#filterSection h4.panel-title {
    height: 15px;
    clear: both;
}

    #filterSection h4.panel-title a.accordion-toggle {
        float: left;
    }

        #filterSection h4.panel-title a.accordion-toggle p {
            color: #000;
            margin: 0;
        }

    #filterSection h4.panel-title a .glyphicon-chevron-down, #filterSection h4.panel-title a .glyphicon-chevron-right {
        color: #5879d6;
    }

#CallReceiptSidebar #filterSection {
    width: 282px;
}

    #CallReceiptSidebar #filterSection label {
        width: 82px;
    }

        #CallReceiptSidebar #filterSection label.text-left {
            text-align: left !important;
        }

    #CallReceiptSidebar #filterSection .k-widget.k-datepicker, #CallReceiptSidebar #filterSection .sd-service-recommendations .multiSelect > button {
        width: 162px !important;
    }

    #CallReceiptSidebar #filterSection .multiSelect button span.caret {
        position: absolute;
        top: 5px !important;
        right: 2px !important;
    }

#invoicesGroupAccordion {
    margin-top: 15px;
}

#filterSection .count {
    background: #708ee6;
    padding: 0 4px 0 0 !important;
    height: 16px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    border: 1px solid #5879d6;
    display: inline-block;
    text-indent: 3px;
    top: 0px;
    min-width: 16px;
    margin-left: 5px;
}

.invoiceCard {
    width: 80%;
    padding: 0 0 0 15px;
}

    .invoiceCard .kendoPagerContainer {
        width: 168px;
        border-radius: 4px;
        border: none;
        background: none;
        margin-top: -7px;
    }

.pagerInvoice {
    top: -5px;
    position: relative;
    margin: 0 10px;
}

.invoiceCard .kendoPagerContainer ul li:last-child a {
    border-right: 1px solid #ccc;
}

.invPageHeading {
    margin: 0 0 0 25px;
}

    .invPageHeading span.labelSmall {
        font-size: 13px;
        line-height: 28px;
        float: left;
    }

    .invPageHeading label {
        min-width: 160px;
        color: #3c5ab0;
    }

.paymentMethods .k-dropdown {
    width: 195px !important;
}

.PaymentMethodSaveDel {
    font-size: 16px;
    position: relative;
    margin-left: 7px;
    top: 4px;
}

.IsCreditMemo, .red-text {
    color: red !important;
}
/*Common grid button right styling */
#recommendationGrid {
    margin-top: 13px;
}



.recommendationform .column1 {
    width: 295px;
}

.recommendationform .column2 {
    width: 290px;
}

.recommendationform .column3 {
    width: 221px;
}

.recommendationform .column4 {
    margin-left: 15px;
}

    .recommendationform .column4 label {
        margin-left: 18px;
    }

    .recommendationform .column4 input {
        width: 388px;
        display: inline-block;
    }

.recommendationform .column .k-dropdown {
    height: 31px;
}

.k-popup-edit-form .k-edit-buttons .k-grid-cancel {
    border-color: #ccc !important;
    background-color: #fff !important;
    color: #000 !important;
}

.float_none {
    float: none !important;
}

#journal_detail_popup .rightAlignLabels label, .rightAlignLabels label.labelSmall {
    padding-bottom: 0px !important;
}

#horizontal .k-scheduler-times {
    width: 200px !important;
}

/*Sachin Css */
.font-bold {
    font-weight: bold;
}

.maintain-sm-email {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.maintain-sm-notes-panel-collapse {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 150px;
}

.lbl-descriptionHeight {
    display: block;
    overflow-y: auto;
    max-height: 130px;
}

.date-control .k-datetimepicker {
    width: 200px !important;
}

.openYear label.lbl12 {
    width: 110px;
    line-height: 17px;
}

.openYear .rowcontainer8 {
    padding: 15px 15px 0;
}

.openYearLabel {
    width: 105px;
    text-align: right;
    margin-right: 12px !important;
}

.width_6Perct .shiftControls a .badge {
    margin-top: 35px;
}

.lbl-filterStatic {
    background: #ddd;
    padding: 7px 10px 0px;
    margin-top: 8px;
}

    .lbl-filterStatic .column .column-content > label {
        color: #444;
    }

    .lbl-filterStatic .column {
        width: 200px;
    }

.lable-key {
    border: 1px solid #888;
    padding: 1px 7px;
    line-height: 22px;
    background: #fffefe;
    margin-left: 5px;
    font-weight: bold;
}

.preference .k-dropdown {
    width: 151px !important;
    margin-bottom: 5px;
}


/*truck*/
.addTruck .col-md-3 label, .addTruck .col-md-12 label, .addTruck .col-md-4 label {
    vertical-align: top;
    width: 85px;
    text-align: right;
    padding-right: 12px;
    line-height: 26px;
    display: inline-block;
}

.addTruck .col-md-3 input {
    width: 151px;
    display: inline-block;
}

.addTruck .col-md-4 label {
    width: 90px !important;
}

.addTruck .col-md-12 textarea {
    width: calc(100% - 120px);
    display: inline-block;
    min-width: 90%;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
}

.addTruck input.btn.btn-blue.go {
    border-radius: 50%;
    height: 28px;
    width: 30px !important;
    padding: 0 !important;
    cursor: pointer;
}



/*Calculate Payroll*/
.calcPayroll .column {
    width: 259px;
    vertical-align: top;
}

.payCall .dis-block {
    display: block !important;
}

.calcPayroll .column4 {
    max-width: 150px;
    vertical-align: top;
    line-height: 26px;
    width: auto;
}

.calcPayrollGrid .col-md-12 {
    padding-left: 20px;
}

.calcPayrollGrid .msgText {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.lastActionCol .group-delete {
    position: absolute;
    right: 53px;
    top: 9px;
    cursor: pointer;
}

.lbl-payPeriod {
    width: 425px !important;
}

.calcPayroll .lbl-technician .column {
    width: 260px;
}

.calcPayroll input#payCycleSearchDate {
    line-height: 29px;
    width: 95% !important;
    height: 24px;
}

/*quickbooks*/
.quickbooks input.fullWidth {
    width: calc(100% - 150px) !important;
}

.quickbooks label.lbl3 {
    width: 150px;
    display: inline-block;
    text-align: right;
    padding-right: 12px;
    line-height: 33px;
}

.quickbooks {
    margin: 20px 0px;
    display: block;
}

/*Call Budget*/
.call-budget .lbl-adjustvalue {
    padding: 5px 10px;
    line-height: 26px;
}

.call-budget strong {
    margin-right: 5px;
}

.call-budget .lbl-adjustvalue input.width20px.form-control.dis-inl-blk {
    width: 80px;
}

.call-budget .lbl-adjustvalue .glyphicon.operator {
    margin: 0px 30px;
    font-size: 13px;
}

.call-budget .lbl-adjustvalue strong {
    margin: 0px 7px;
}

.call-budget .lbl-adjustvalue label {
    margin-right: 30px;
}

.call-budget-table .vertical-align-middle {
    vertical-align: middle !important;
}

.call-budget-table thead tr:first-child th {
    font-weight: bold;
}

.call-budget-table thead th {
    font-weight: normal;
    text-align: center;
    background: #f0f0f0;
}

.call-budget-table thead {
    border-bottom: 3px solid #ff0000;
}

.call-budget-table .push-button .glyphicon {
    background: #3c5ab0;
    padding: 5px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}

/*BasiInfo*/

#basicInfo.glBreakModal label {
    min-width: 127px !important;
    float: left;
}

#basicInfo.glBreakModal .k-dropdown,
#basicInfo.glBreakModal input.k-textbox,
#basicInfo.glBreakModal .inlineAddress span.k-combobox {
    width: 120px;
}

#basicInfo.glBreakModal input.k-textbox {
    padding-right: 4px;
}

#basicInfo.glBreakModal .bootstrap-switch {
    margin-top: 4px;
}

#basicInfo.glBreakModal .modal-footer {
    padding-bottom: 0;
}

#addressInput .addressInput,
.width-470 {
    width: 470px !important;
}

#basicInfo .divBreakType {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#basicInfo .inputAddressline1 {
    width: 188px !important;
    float: left;
}


#basicInfo .inputAddressline2 {
    width: 215px !important;
    float: left;
    margin-left: 6px;
}

#basicInfo .col-md-6, #basicInfo .col-md-12 {
    margin-bottom: 5px;
}

/*TimeCard*/
.lbl-serviceDate input {
    height: 19px !important;
}

.editTimeCard .modal-dialog {
    width: 575px;
}

.editTimeCard .col-md-5.noPadRight {
    width: 141px;
    line-height: 26px;
}

.editTimeCard .col-md-7 {
    width: 130px;
    line-height: 26px;
}

.editTimeCard .col-md-6 {
    padding-right: 0px;
}

.editTimeCard .row .col-md-6:last-child {
    padding-left: 0px;
}

.editTimeCard .k-timepicker, .editTimeCard .k-widget.k-datepicker {
    width: 99px !important;
}

.editTimeCard .col-md-5 label, .editTimeCard .col-md-3 label {
    color: #777 !important;
}

/*Dashboard*/
#lblWidget {
    border: 1px solid #ddd;
    width: 100%;
    position: absolute;
    z-index: 100;
    background: #fff;
    box-shadow: 0px 8px 18px 4px #ddd;
    top: 30px;
}

.megaMenu {
    padding: 7px 10px 7px 13px;
}

    .megaMenu .widgetThumb {
        border: 1px solid #ddd;
        display: inline-block;
        width: 172px;
        margin: 10px 5px 10px;
        position: relative;
        vertical-align: top;
    }

        .megaMenu .widgetThumb .img {
            text-align: center;
            margin: 5px 0px;
            height: 120px;
        }

            .megaMenu .widgetThumb .img img {
                width: 165px;
            }

        .megaMenu .widgetThumb .thumbHeading {
            background: #ddd;
            width: 100%;
            min-height: 40px;
            padding: 10px 5px 0px;
            font-weight: bold;
            text-align: center;
        }

        .megaMenu .widgetThumb .widget-select input[type="checkbox"] {
            position: absolute;
            top: 1px;
            left: 4px;
            width: 19px;
            height: 21px;
        }

    .megaMenu .widget-select {
        background: #eaebf1;
        padding: 5px;
        width: 27px;
        height: 25px;
        position: absolute;
    }

.dashboard .table-wrapper th {
    border-bottom: 2px solid #ff0000;
    font-weight: 600;
}

    .dashboard .table-wrapper th label, .dashboard .table-wrapper tr.table-total label {
        font-weight: bold;
    }

.dashboard .table-wrapper tr:last-child {
    border-bottom: 1px solid #ddd;
}

.dashboard .table-wrapper tr:first-child {
    border-top: 1px solid #ddd;
}

.dashboard .table-wrapper tr.table-total {
    background: #cdc7c7;
}

.dashboard {
    height: inherit !important;
    min-height: inherit !important;
}

    .dashboard .addWidget {
        font-size: 25px;
        color: #ddd;
        border: 3px dashed #ddd;
        padding: 10px;
        text-align: center;
        width: 450px;
        margin: 10% auto;
    }

.buttonPanel {
    background: #ddd;
    padding: 5px;
    text-align: right;
    padding: 14px 20px 10px;
    border: 1px solid #b9b7b7;
}

.dashboard .panel {
    min-height: 500px;
}

.dashboard div[draggable-widget] {
    width: 48%;
    border-radius: 5px;
    padding: 0px;
    float: left;
    margin: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 500px;
}

    .dashboard div[draggable-widget].woks {
        background: #8AD3F2;
    }

    .dashboard div[draggable-widget].mocks {
        background: #E26A6A;
    }

    .dashboard div[draggable-widget].socks {
        background: #67809F;
        width: 97.33%;
    }

    .dashboard div[draggable-widget].pops {
        background: #D93D5E;
    }

    .dashboard div[draggable-widget].hocks {
        background: #F9E5A4;
    }

.dashboard div.widget-placeholder {
    border: 2px dashed #ccc;
    float: left;
    padding: 10px;
    margin: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 350px;
}

.dashboard .largewidget {
    width: 97.5% !important;
}

.dashboard .panel-body {
    padding: 15px 15px 0px 15px;
}

.lbl-removeWidget {
    position: absolute;
    top: -34px;
    right: 12px;
    z-index: 99;
    text-align: right;
}

    .lbl-removeWidget ul {
        list-style-type: none;
        padding: 0px;
    }

        .lbl-removeWidget ul ul {
            display: none;
            text-align: left;
        }

        .lbl-removeWidget ul li:hover ul {
            display: block;
            background: #fff;
            box-shadow: 2px 1px 1px 0px #ddd;
            border: 1px solid #ddd;
        }

        .lbl-removeWidget ul ul li a {
            padding: 8px;
            display: block;
            color: #666;
            text-decoration: none;
            border-width: 0px;
        }

            .lbl-removeWidget ul ul li a:hover {
                background: #f1f1f1;
            }

        .lbl-removeWidget ul ul::before {
            width: 0px;
            height: 0px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #2f2f2f;
        }

.lbl-badge {
    background: url(../images/badge.png) no-repeat;
    height: 61px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 15px;
    color: #fff;
}

.lbl-badge-label {
    height: 76px;
    vertical-align: middle !important;
}

    .lbl-badge-label img {
        margin-right: 10px;
    }

.dashboard .badgeTable .table-wrapper tr:first-child, .dashboard .badgeTable .table-wrapper tr:first-child td {
    border-top: 0px !important;
}

.dashboard .panel-body.badgeTable {
    padding: 0px 15px 0px 15px;
}

.dashboard .panel-heading .pull-right.mr32 {
    font-style: italic;
    font-size: 12px;
    line-height: 21px;
    font-weight: normal;
}

.dashboard .lbl-callBysource .k-widget.k-datepicker {
    width: 103px !important;
    margin-right: 5px;
}

.dashboard .lbl-callBysource .k-dropdown {
    width: 90px !important;
    margin-right: 5px;
}

.dashboard .lbl-callBysource label {
    line-height: 25px;
}

.dashboard .panel-default > .panel-heading {
    color: #333;
    font-family: Arial,sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.2px;
}

/*book new call*/
.lbl-bookCallBox {
    width: 80%;
    vertical-align: top;
}

    .lbl-bookCallBox .lbl-bookCallBox .firstCall {
        padding-right: 1%;
        margin-bottom: 0 !important;
        height: 190px;
    }

.full-class .width435 {
    width: 1003px;
}

.lbl-email .full-width {
    width: calc(100% - 30px) !important;
}

.automaticCallBooking label {
    float: left;
    min-width: 100px;
    color: #000;
    margin: 0 10px 10px 0;
    text-align: right;
    line-height: 26px !important;
}

    .automaticCallBooking label.k-checkbox-label {
        float: none;
        min-width: inherit;
        color: #000;
        margin: 0;
        text-align: center;
        line-height: normal;
    }

.automaticCallBooking input.form-control {
    width: 160px;
}

.automaticCallBooking .topSearch .form-control {
    float: right;
}

.lbl-maintenance-schedule {
    position: absolute;
    top: 3px;
    left: 3px;
}

.automaticCallBooking .padAll5 label {
    min-width: 40px;
    line-height: 24px;
    margin: 0 10px 0 0;
}

.automaticCallBooking .padAll5.noborder label {
    min-width: 75px;
}

.automaticCallBooking .scrollableDiv {
    width: 12%;
    min-height: 160px;
    max-height: 375px;
    overflow-y: scroll;
    overflow-x: hidden;
    float: LEFT;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px;
    line-height: 30px;
}

    .automaticCallBooking .scrollableDiv a {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 0 0 0 5px;
    }

        .automaticCallBooking .scrollableDiv a.selected {
            cursor: pointer;
            background: #3c5ab0;
            color: #fff;
        }

#maintenanceCallsGrid {
    float: left;
    width: 87%;
    margin-left: 1%;
}

.automaticCallBooking .greyHeading {
    float: right;
    width: 87%;
}

.automaticCallBooking .borderAll.border .k-widget.k-datepicker {
    width: 125px !important;
}

#maintenanceCallsGrid .k-grid-content .k-group-footer td {
    border-bottom: 0;
}

#maintenanceCallsGrid .k-grid-footer .k-footer-template td {
    border: 0;
}

#maintenanceCallsGrid .k-grid-footer-wrap {
    border: 0 !important;
}

#maintenanceCallsGrid .k-grid-header:first-child th.k-header:first-child, #maintenanceCallsGrid .k-grid-header:first-child th.k-header:nth-child(3) {
    border: 0;
}

#maintenanceCallsGrid .k-grid-content .k-grouping-row td:first-child {
    background-color: #d5d5d5;
    border-bottom: 1px solid #999;
}

#maintenanceCallsGrid .total {
    position: absolute;
    right: 14%;
    color: #aaaaaa;
}

#maintenanceCallsGrid input[type="checkbox"] {
    left: 6px;
}

.MaintenanceNotificationGrid .k-grid-content .k-dropdown input.k-invalid {
    top: 2px;
}

.automaticCallBooking .lbl-autoCallBook {
    text-align: right;
    width: 200px;
    display: inline-block;
    margin-right: 10px;
}

.automaticCallBooking .serviceType .k-combobox {
    width: 320px !important;
}

.userThumb {
    border: 1px solid #ccc;
    border-radius: 70%;
    padding: 6px 6px;
    margin-right: 5px;
}

.conversationList .content {
    border: 0;
    word-break: break-all;
    width: 83%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.salesCallBooking-wrapper .conversation {
    width: 290px;
}

.ServiceCallBooking .k-widget.k-datetimepicker.k-header.form-control.fl.vsminput15.k-input {
    width: 70% !important;
}

.ServiceCallBooking .return-call {
    width: 133px !important;
}

.ServiceCallBooking .blueTopRight {
    right: 7px;
}

.bookNewSaleText label {
    width: 127px;
    text-align: right !important;
    padding-right: 12px;
}

.bookNewSaleText .textarea {
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: top;
}

.k-editor .k-editable-area .k-content {
    border-color: #dedddd;
}

.k-tabstrip-wrapper li a {
    padding: 5px 10px;
}

.arSearchPopUp label {
    text-align: right !important;
    float: left;
    padding-right: 5px;
    line-height: 26px;
    padding-top: 2px;
}

.arSearchPopUp input {
    width: 145px;
}

.callBookingNotification .bootstrap-switch {
    position: absolute;
    top: -5px;
    left: 130px;
}

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

.salesCallBooking-wrapper.callBookingNotification .activities_grid .dis_tbl .dis_tblcell {
    padding: 5px 10px;
    line-height: 20px;
}

.callBookingNotification .activities_grid .activityRow .activity-actions .glyphicon.glyphicon-plus.activityButton {
    top: -2px !important;
}

.callBookingNotification .activities_grid .activityRow .activity-actions .glyphicon.glyphicon-trash.activityButton {
    left: 10px;
}

.dis_tblcell:last-of-type {
    border-bottom: 0;
}

.textNotification {
    padding-left: 5px;
    border-right: solid 1px #ccc;
}

.emailNotification {
    padding-right: 5px;
}

/*edit template*/
.borderBox {
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 5px;
    margin-bottom: 10px;
}

.headingBlue {
    display: block;
    border-bottom: 1px solid #3c5ab0;
    padding-bottom: 3px;
    margin-bottom: 5px;
    font-weight: bold;
}

.borderBox .sampleText {
    height: 19px;
    margin-left: 2px;
    line-height: inherit;
}

.borderBox .margin-left-10 {
    margin-left: 10px !important;
}

.lbl-CustomizeBox {
    background: #F0F0F0;
    margin: 0;
    padding: 5px 0px 5px;
}

.lbl-custom-wrapper {
    margin: 2px 5px !important;
}

.addPanCustom {
    min-height: 330px;
    /*width: 600px;*/
    padding: 5px 20px;
}

.readonly {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 98;
    background: #adaaaa;
    opacity: 0.4;
}

.lbl-withCheckInput span {
    vertical-align: top;
    line-height: 25px;
    width: 131px;
    display: inline-block;
    text-align: left;
}

.lbl-withInput span {
    vertical-align: top;
    line-height: 25px;
    width: 103px;
    display: inline-block;
    text-align: left;
}

/*Web Mobile Console*/
.webMobileLayout ul.sidebar {
    width: 100%;
}

.webMobileLayout .lbl-select {
    width: 120px;
    text-align: right;
    padding-right: 12px;
    line-height: 26px;
}

.webMobileLayout .kendoGridAddNewBtn {
    margin-top: 0px;
}

#MobilePermissionsForm .add-edit-techmaster .column1 {
    width: 400px;
    vertical-align: top;
}

#MobilePermissionsForm .add-edit-techmaster .column2 {
    width: 400px;
    vertical-align: top;
}

.mobilePermission .modal-dialog {
    width: 800px;
}

.mobilePermission.DefaultTechMobilePermission .modal-dialog {
    width: 980px;
}

.webMobileLayout hr {
    margin-bottom: 3px;
    margin-top: 3px;
}

#TechSetupInfoGrid .k-dropdown-wrap, #TechDefaultsGrid .k-dropdown-wrap {
    padding: 0 2.4em 0 0;
}

#MobilePermissionsForm .add-edit-techmaster .column .column-content {
    clear: both;
}

.techTeamSetup .borderBox {
    margin: 5px 0px;
}

.addPlan .k-dropdown, .addPlan #planName {
    width: calc(100% - 129px);
}

.webMobileLayout .lblDuration .lbl-select {
    width: 62px;
}

.businessTech .borderBox {
    margin: 0px;
}

.addProduct .k-header .ctaBtnAdd {
    position: absolute;
    right: 0px;
    top: -42px;
}

.adPlanContainer table.k-editor {
    height: 250px;
}

.kendoGridAddNewBtn.addProduct .k-header.k-grid-toolbar {
    padding-bottom: 0px !important;
}

.kendoGridAddNewBtn.addProduct {
    margin-top: 0px !important;
    margin-right: 0;
}

.SaiMembershipSetupProductSorting {
    position: absolute;
    right: -12px;
    top: 32%;
}

.addPlanBtn .ctaBtnAdd {
    margin-right: 135px !important;
}

.rightAlignLabels .lbl-packageCombo label {
    width: 108px;
}

.column.column1.padding-top-12.lbl-packageCombo {
    width: 100%;
}

.taskList .k-tabstrip .k-content.k-state-active {
    margin: 0px !important;
    padding: 10px;
}

.taskList .k-tabstrip .k-tabstrip-items {
    padding: 0px !important;
}

.taskListSection label {
    width: 115px;
    line-height: 26px;
    text-align: right;
    padding-right: 12px;
    font-weight: bold;
    float: left;
}

.taskListSection .taskListHeaderGroup .k-dropdown {
    width: 250px;
}

.taskListSortPopup .selected {
    background-color: #eee;
}

.taskListSortPopup .sortTaskGroup {
    width: 90%;
}

.taskListSection .taskListHeaderGroup input[type=text] {
    width: calc(100% - 128px);
    float: left;
}

.taskListSection .checkListGroup .k-dropdown {
    margin-right: 10px !important;
}

.taskListSortPopup .taskListSort {
    top: 60px;
}

.taskListSort {
    position: absolute;
    right: 0;
    text-align: right;
    top: 43px;
    float: right;
    width: 75px;
}

    .taskListSort .dis-block {
        display: block;
        font-size: 11px;
        margin-bottom: 7px;
    }

.taskListSection .valueControl {
    width: calc(100% - 405px);
    display: inline-block;
    width: 64%;
}

.taskListSection .checkManualText {
    width: calc(100% - 239px);
}

.taskListAccordian th {
    width: 218px;
    height: 33px;
    vertical-align: middle;
    border-bottom: 1px solid #3c5ab0;
    padding: 5px;
}

.taskListAccordian td {
    border-bottom: 1px solid #ddd;
    padding: 5px;
    width: 223px;
}

.taskListCombo p {
    margin: 0;
    display: inline-block;
    min-width: 207px;
    line-height: 26px;
}

#TaskListPrintPreview {
    border: 1px solid #3c5ab0;
    width: 818px;
}

#accordion .taskListCombo .k-datepicker .k-input {
    height: 19px;
}

#accordion .taskListCombo .k-widget.k-datepicker {
    width: 131px !important;
    margin-right: 5px;
    height: 30px;
    margin-top: 2px;
}

#accordion .taskListCombo .k-numerictextbox {
    width: 131px !important;
    margin-right: 5px;
}

#accordion .taskListCombo .simpleTextBox {
    margin-right: 5px;
    background-color: #fff;
    border-color: #ddd;
    border-radius: 4px;
    width: 129px;
    box-shadow: none;
    border: 2px solid #ddd;
    height: 29px;
    margin-top: 1px;
}

#accordion .taskListCombo .k-picker-wrap.k-state-default {
    height: 26px;
}

.comboList .k-dropdown {
    width: 131px;
}

.taskListAccordian td:first-child {
    width: 218px;
    border-left: 1px solid #ddd;
}

.taskListAccordian tr {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.taskListAccordian td:last-child, .taskListAccordian th {
    border-top: 1px solid #ddd;
}

.taskListPrintPreview .modal-dialog {
    width: 1150px;
}

.taskListCombo {
    border: 1px solid #ddd;
    padding-left: 5px;
    padding-bottom: 5px;
}

.checklistRecord div.ItemPackageName, .checklistRecord div.ItemPackageName {
    width: 19%;
    display: inline-block;
    padding-right: 1%;
}

.checklistRecord div.ItemValue {
    width: 59%;
    display: inline-block;
}

.checklistRecord {
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
}

    .checklistRecord:last-child {
        border-bottom: 0px solid #ddd !important;
    }

.taskListHeaderGroup {
    padding: 10px 15px;
}

.checkListGroup .selected {
    border: 1px solid #c7c2c2;
    padding: 5px 2px;
    background: #ddd;
}

#frmContractSoldByTech .column .column-content > label, #frmTechTimeCards .column .column-content > label {
    line-height: 26px;
    width: 80px;
    text-align: right;
    float: left;
}

.timeshow {
    padding: 15px 0px;
    display: block;
    font-weight: bold;
    color: #353333;
}

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

#frmContractSoldByTech .column.column1 {
    margin-right: 45px;
}

.signature {
    width: 350px;
    float: right;
}

    .signature .sign-label label {
        display: block;
    }

.blueBorder {
    border-bottom: 1px solid #3c5ab0;
}

.signature .sign-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 22px;
}

.signature .sign-placeHolder {
    width: 200px;
    border: 1px solid #b3afaf;
    height: 50px;
    margin-top: 15px;
    margin-right: 15px;
    display: inline-block;
}

.co-ordinates-services .number-input-container {
    margin-top: -5px;
}

.report-signature {
    width: 160px;
    float: right;
}

.report-signature-sign {
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    width: 160px;
    height: 90px;
}

    .report-signature-sign img {
        height: 100%;
        width: auto;
    }

.tasklist-active, .tasklist-inactive, .tasklist-modified {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #5aab04;
    vertical-align: text-top;
    margin-top: 3px;
    margin-right: 2px;
}

.tasklist-inactive {
    background: #989696;
}

#taskchecklist .k-picker-wrap.k-state-default {
    height: 28px;
}

.tasklist-modified {
    background: orange;
    float: right;
    top: 5px;
}
/*Company Setup*/
#CompanyInformation .k-upload-files {
    display: none;
}

#CompanyInformation .k-dropzone {
    padding: 0;
    background-color: transparent;
}

#CompanyInformation .k-header, .documentUpload .k-header {
    border: none !important;
    background-color: transparent;
}

#CompanyInformation .k-upload-status {
    display: none !important;
}

#CompanyInformation .k-state-focused, .documentUpload .k-state-focused {
    box-shadow: none !important;
}

#CompanyInformation .k-button.k-upload-button {
    right: auto;
    /*height:25px;*/
    margin-top: 0px !important;
}

    #CompanyInformation .k-button.k-upload-button .btn.btn-blue,
    #CompanyInformation .k-button.k-upload-button .k-button.k-primary {
        padding: 2px 8px !important;
    }

.paymentGateway, .teleCommunicationGateway {
    border: 1px solid #ddd;
    margin-right: -1px;
    padding: 20px 0;
}

.lbl-AccountPakcage {
    border: 1px solid #ddd;
    padding: 20px 0px;
    /*width: 32.6%;*/
}

.lbl-taxControl label {
    line-height: 20px !important;
}

.smDefValue .mrgLFT45 {
    width: 130px;
}

.smDefValue .k-widget.k-dropdown {
    width: 230px !important;
}

.exempt label {
    width: auto;
    line-height: 20px;
}

#SetupSMSalesCallOutcomeCodeGrid .k-grid-content .k-dropdown input.k-invalid, #EquipmentIndustryField .k-grid-content .k-dropdown input.k-invalid, #SDOutcomeCodeGrid .k-grid-content .k-dropdown input.k-invalid, .service-dispatch-zip-code .k-grid-content .k-dropdown input.k-invalid {
    height: 26px;
}

.AddOrEditSetupSDProblemTask .modal-dialog {
    width: 560px !important;
}


/*time Promised*/
.time-promised-popup .row .col-md-12 .pull-left:nth-child(2) label, .width-212 {
    width: 212px;
}

.time-promised-popup .row .col-md-12 .pull-left {
    text-align: left !important;
}

.timePromisedAddOrEditPopUp .modal-dialog {
    width: 1039px;
}

.timePromisedAddOrEditPopUp .isActiveClass {
    margin-left: 78px;
}

.timePromisedAddOrEditPopUp .lbl-schedule input {
    width: 159px !important;
}

/*creat po*/
.lbl-oparator {
    width: 400px;
    display: inline-block;
}

    .lbl-oparator label {
        padding-right: 12px;
        display: inline-block;
        width: 126px;
        text-align: right;
        line-height: 26px;
    }

    .lbl-oparator input {
        width: 151px;
        display: inline-block;
    }

.lbl-podate {
    width: 300px !important;
}

    .lbl-podate .k-widget.k-datetimepicker.k-header {
        width: 195px !important;
    }

.lbl-ponumber, .lbl-podate, .lbl-pojobnumber {
    width: 190px;
    display: inline-block;
}

    .lbl-ponumber label, .lbl-podate label, .lbl-pojobnumber label {
        padding-right: 12px;
        display: inline-block;
        width: 100px;
        text-align: right;
        line-height: 26px;
    }

.vendorPopup .modal-dialog {
    width: 1050px;
}

.zcs .column1 {
    width: 100% !important;
    margin: 0px !important;
}

.zcs .k-dropdown, .zcs .k-combobox {
    width: 136px;
}

.zcs .column1 .column-content.margin-right-12 {
    margin-right: 12px !important;
}

.lblShipTo .column1.full-address {
    width: 100% !important;
}

    .lblShipTo .column1.full-address input[type="text"].form-control {
        width: 450px !important;
    }

.lblShipTo .column .column-content {
    float: left;
    margin-bottom: 0 !important;
}

.lblShipTo .column label {
    line-height: 26px;
}

.lblShipTo .req1 {
    right: 0px;
}

#shipTo.box4 {
    margin-bottom: 0 !important;
    height: 205px;
    width: 50%;
    padding-right: 0%;
    margin-right: 0px;
}

#vendor.box4 {
    padding-right: 1%;
    margin-bottom: 0 !important;
    height: 205px;
}

.vebdorSearch .column1 .column-content {
    width: 280px;
    display: inline-block;
    float: left;
}

    .vebdorSearch .column1 .column-content label {
        padding-right: 10px;
        text-align: right;
        width: 99px;
        line-height: 26px;
    }

.lbl-btn {
    vertical-align: top;
    display: inline-block;
}

.generalInfoPO .column1, .generalInfoPO .column2, .generalInfoPO .column3, .generalInfoPO .column4 {
    width: 275px;
    vertical-align: top;
}

.generalInfoPO .column5 {
    width: 100%;
    clear: both;
    padding-top: 5px;
}

.generalInfoPO .column label {
    width: 102px;
    text-align: right;
    line-height: 27px;
}

.generalInfoPO .column-content.lbl-toggleBtn {
    width: 269px;
}

.generalInfoPO .lbl-DescriptionPO {
    width: calc(100% - 129px);
    display: inline-block;
    vertical-align: top;
}

.generalInfoPO .column.column5 label {
    width: 108px;
}

.AddNewPart .modal-dialog {
    width: 390px;
}

.AddNewPart .rightAlignLabels label, .AddNewPart .rightAlignLabels label.labelSmall {
    padding-bottom: 2px;
}

.CallParts .modal-dialog {
    width: 400px;
}

    .CallParts .modal-dialog input.form-control, .CallParts .modal-dialog textarea.form-control, .CallParts .rightAlignLabels .width_190 {
        width: 210px !important;
    }

.CallParts #part-search {
    right: 30px;
}

/*payment Term Form*/
.paymentTermFormPopup .modal-dialog {
    width: 640px;
}

#paymentTermForm .column .column-content > label {
    padding-right: 12px;
    width: 140px;
    display: inline-block;
    line-height: 26px;
}

#paymentTermForm .column .column-content input {
    width: 420px;
}

#paymentTermForm .column .column-content {
    width: 575px;
    margin: 0 !important;
}

.paymentTerms .ctaBtnAdd {
    margin-bottom: 8px;
    margin-right: 16px !important;
    position: absolute;
    right: -14px;
    top: -6px;
}

/*email Template*/
#equipmentMasterContact .form-group .form-control, #equipmentMasterContact .form-group .txtEditor {
    display: inline-block;
    width: calc(100% - 155px);
    width: 85%;
}

#equipmentMasterContact .form-group label {
    width: 100px;
    text-align: right;
    padding-right: 12px;
    vertical-align: top;
    line-height: 26px;
}

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

.EntityContactDetailPopup {
    padding: 0 20px;
    z-index: 9999;
}

.EmailtemplateForm label {
    width: 80px;
    margin-right: 12px;
    text-align: right;
    float: left;
    line-height: 27px;
}

.EmailtemplateForm input[type="text"], .EmailtemplateForm .txtEditor {
    width: calc(100% - 92px);
    float: left;
}


/*billing details invoice*/
.invoiceBilling .lbl-category {
    line-height: 26px;
    padding-right: 12px;
    width: 100px;
    text-align: right;
}

.invoiceBillingPopup .modal-dialog {
    width: 750px;
}

    .invoiceBillingPopup .modal-dialog #pricing-item .col-md-12 {
        padding: 0px;
    }

    .invoiceBillingPopup .modal-dialog #pricing-item .col-md-7 {
        width: 200px;
    }



    .invoiceBillingPopup .modal-dialog #pricing-item .col-md-8 {
        width: 543px;
    }



    .invoiceBillingPopup .modal-dialog #pricing-item .k-dropdown.fullWidth, .invoiceBillingPopup .modal-dialog #pricing-item input.fullWidth {
        width: 100% !important;
    }

    .invoiceBillingPopup .modal-dialog #pricing-item #part-search {
        position: absolute;
        right: 64px;
        top: 8px;
    }

    .invoiceBillingPopup .modal-dialog #pricing-item input.width-30 {
        width: 30px !important;
    }

.pricing-full-width-input {
    width: calc(100% - 127px);
}

.lbl-textEditor p strong, .lbl-textEditor p b, .lbl-textEditor strong {
    color: inherit;
}

.invoiceLengends {
    display: inline-block;
    padding-left: 35px;
    line-height: 21px;
    margin-bottom: 10px;
}

    .invoiceLengends .fas, .invoiceLengends .far {
        padding-right: 5px;
    }

        .invoiceLengends .fas.fa-tasks, #PricingItems .fas.fa-tasks, .green-txt {
            color: green;
        }

        .invoiceLengends .fas.fa-user-edit, #PricingItems .fas.fa-user-edit {
            color: #2d8fe6;
        }

        .invoiceLengends .far.fa-file-alt, #PricingItems .far.fa-file-alt {
            color: #32b5aa;
            font-size: 14px;
        }

        .invoiceLengends .far.fa-lightbulb, #PricingItems .far.fa-lightbulb {
            color: orange;
            font-size: 14px;
        }

        .invoiceLengends .fas.fa-wrench, #PricingItems .fas.fa-wrench {
            color: #ad3131
        }

        .invoiceLengends .fas.fa-laptop, #PricingItems .fas.fa-laptop {
            color: blue;
        }

.greyHeadingLabel label.align_left {
    width: calc(100% - 82px);
}

div.invPageHeading .font-size-19 span, .font-size-19 {
    font-size: 19px;
}

/*Reporting Authority*/
#AddOrEditSaiReportingAuthority .column1 {
    width: 300px;
}

    #AddOrEditSaiReportingAuthority .column1 .column-content label {
        width: 126px;
        padding-right: 12px;
        display: inline-block;
        text-align: right;
        line-height: 26px;
        padding-top: 0px !important;
    }

    #AddOrEditSaiReportingAuthority .column1 .column-content input, #AddOrEditSaiReportingAuthority .column1 .column-content .k-dropdown, #AddOrEditSaiReportingAuthority .column1 .column-content .k-combobox {
        width: 149px !important;
        display: inline-block;
    }

#AddOrEditSaiReportingAuthority .column2 .column-content label {
    width: 126px;
    padding-right: 12px;
    display: inline-block;
    text-align: right;
    line-height: 9px;
}

#AddOrEditSaiReportingAuthority .column2 .column-content input, #AddOrEditSaiReportingAuthority .column2 .column-content .k-dropdown {
    width: 151px !important;
    display: inline-block;
}

#AddOrEditSaiReportingAuthority .column .column-content {
    width: 300px;
}

#AddOrEditSaiReportingAuthority .column2 .column-content {
    width: 350px !important;
}

#AddOrEditSaiReportingAuthority .column2 {
    width: 350px;
    float: right;
}

    #AddOrEditSaiReportingAuthority .column2 .column-content.mar-top5 {
        margin-top: 5px !important;
    }

    #AddOrEditSaiReportingAuthority .column2 .column .column-content {
        width: 353px;
    }

.validator .k-grid-content .k-dropdown input.k-invalid, .validator .k-popup-edit-form.k-window-content.k-content .k-dropdown input.k-invalid {
    height: 22px;
}

.calulateBox .row {
    margin: 5px 0px;
}

.reportAuthority .modal-dialog {
    width: 740px !important;
}

.calulateBox .bold_text {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

/*callRecommendation*/
.callRecommendation .modal-dialog {
    width: 930px;
}

.callRecommendation .column1 {
    width: 309px;
}

.callRecommendation .column2 {
    width: 310px;
}

.callRecommendation .column3 {
    width: 221px;
}

.callRecommendation .column4 {
    width: 529px;
}

    .callRecommendation .column4 .form-control {
        width: 390px;
        display: inline-block;
    }

.callRecommendation .commentField label {
    width: 122px;
    text-align: right;
}

.callRecommendation .commentField table {
    width: 730px;
    float: left;
    margin-bottom: 20px;
    margin-left: 12px;
}

.callRecommendation .commentField.editCallCommentField table {
    width: 736px;
}

.addEditCallRecommendation .callRecommendation .commentField table {
    width: 749px;
}

.addEditCallRecommendation .blueTopRight {
    left: -16px;
}

.callRecommendation .column .column-content > label {
    line-height: 27px;
}
/*Audit Logs*/
.auditFilter .vsminline7 label {
    width: 73px;
    text-align: right;
    padding-right: 12px;
    line-height: 27px;
    display: inline-block;
}

.auditFilter .vsminline7 .k-dropdown, .auditFilter .vsminline7 input {
    width: 151px;
    display: inline-block;
    vertical-align: top;
}

.auditFilter {
    margin-bottom: 8px;
    line-height: 0px;
}

    .auditFilter .vsminline7.entityName .k-dropdown {
        width: 251px;
    }

.auditLogStyle .SM-SearchBox .vsminline7 {
    margin-left: 3px !important;
    width: 239px;
    display: inline-block;
    float: none;
}

.auditLogStyle .lbl-CustomizeBox {
    padding-top: 10px;
    margin-bottom: 6px;
}

.auditLogStyle .width_160 input {
    height: 26px !important;
}

.auditLogStyle .lbl-CustomizeBox .vsminline7 {
    margin-left: 0px !important;
    width: 240px;
    margin-bottom: 0px !important;
}

    .auditLogStyle .lbl-CustomizeBox .vsminline7 label {
        width: 76px;
        text-align: right;
        line-height: 26px;
        padding-right: 10px;
    }

    .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-property label, .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-entity label {
        width: 119px;
    }

    .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-property, .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-entity {
        width: 276px !important;
    }

    .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-key {
        width: 210px;
    }

        .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-key label {
            width: 50px;
        }

    .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-condition {
        width: 552px;
    }

        .auditLogStyle .lbl-CustomizeBox .vsminline7.lbl-condition .k-dropdown {
            float: right;
            width: 100px;
        }

.auditLogStyle .lbl-CustomizeBox .lbl-retrive {
    width: 56px;
    text-align: left;
    line-height: 25px;
    padding-left: 10px;
}

    .auditLogStyle .lbl-CustomizeBox .lbl-retrive .glyphicon {
        line-height: 20px;
        padding: 2px 4px 3px 4px;
        background: #3c5ab0;
        color: #fff;
        margin: 0px;
        font-size: 11px !important;
        border-radius: 3px;
        cursor: pointer;
    }

        .auditLogStyle .lbl-CustomizeBox .lbl-retrive .glyphicon.glyphicon-remove {
            background: #fff;
            color: #404040;
            border: 1px solid #ddd;
        }
/*Tax Code*/
.taxCodePopup .modal-dialog {
    width: 405px !important;
}

#AddOrEditSaiTaxCode .add-edit-paymentterms .column1 {
    width: 341px;
}

#AddOrEditSaiTaxCode .add-edit-paymentterms .textarea1 {
    width: 151px;
    margin-top: 2px;
}

#AddOrEditSaiTaxCode .column-content.ContentList {
    width: 325px;
    margin-top: 14px !important;
}

#AddOrEditSaiTaxCode .add-edit-paymentterms .list-group {
    margin-bottom: 0;
}

#AddOrEditSaiTaxCode .add-edit-paymentterms .column .column-content > label {
    padding-right: 12px;
    width: 187px;
    text-align: right;
}

#AddOrEditSaiTaxCode .add-edit-paymentterms .column1 .column-content.discount-given {
    margin-right: 68px !important;
    margin-bottom: 1px !important;
}

    #AddOrEditSaiTaxCode .add-edit-paymentterms .column1 .column-content.discount-given .bootstrap-switch {
        display: inline-block;
        margin-top: -11px;
    }

/*Taxing Authority*/
.taxingAuthorityPopup .modal-dialog {
    width: 410px;
}

#AddOrEditSaiTaxingAuthority .add-edit-paymentterms .column1 {
    width: 341px;
}

#AddOrEditSaiTaxingAuthority .add-edit-paymentterms .textarea1 {
    width: 151px;
    margin-top: 2px;
}

#AddOrEditSaiTaxingAuthority .add-edit-paymentterms .k-numerictextbox {
    width: 151px;
}

#AddOrEditSaiTaxingAuthority .add-edit-paymentterms .column .column-content > label {
    padding-right: 12px;
    width: 187px;
    text-align: right;
    float: left;
    line-height: 24px;
}

#AddOrEditSaiTaxingAuthority .add-edit-paymentterms .column1 .column-content.discount-given {
    margin-right: 68px !important;
    margin-bottom: 1px !important;
}

/*General Info*/
#GeneralInfoContainer {
    margin-top: 10px;
}

    #GeneralInfoContainer label {
        text-align: right !important;
        min-width: 120px;
        float: left;
        padding-right: 10px;
        line-height: 26px;
        padding-bottom: 4px;
    }

    #GeneralInfoContainer .label_color {
        color: #777 !important;
    }

    #GeneralInfoContainer .align_left {
        text-align: left !important;
    }

    #GeneralInfoContainer .link {
        float: left;
        padding-right: 12px;
        line-height: 26px;
        padding-bottom: 4px;
    }

        #GeneralInfoContainer .link.header-link {
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
        }

    #GeneralInfoContainer .groupHeading {
        /*margin-top: 10px !important;*/
        padding-bottom: 0px !important;
    }

.width150 {
    width: 150px;
}

.width600 {
    width: 600px !important;
}

#GeneralInfoContainer .minWidth60 {
    min-width: 60px !important;
}

#GeneralInfoContainer .width60, .width60 {
    width: 60px !important;
}

#GeneralInfoContainer .margintop10 {
    margin-top: 10px;
}

#GeneralInfoContainer div#MaterialPriceSheet-list, #GeneralInfoContainer div#LaborPriceSheet-list, #GeneralInfoContainer div#OtherPriceSheet-list, #GeneralInfoContainer div#SalesMan1-list, #GeneralInfoContainer div#SalesMan2-list, #GeneralInfoContainer div#SalesMan3-list, #GeneralInfoContainer div#InvoiceStyle-list {
    width: 250px !important;
}

#GeneralInfoContainer .col-md-3, #GeneralInfoContainer .col-md-4, #GeneralInfoContainer .col-md-6 {
    padding: 0;
}

#PriceSheet-list .ddlspanleft {
    min-width: 125px;
    width: auto;
}

#GeneralInfoContainer .lbl-OperatorCode {
    margin: 4px;
    min-width: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}

#GeneralInfoContainer .lbl-contract span.glyphicon {
    cursor: pointer;
    position: relative;
    top: 8px;
    right: 19px;
    color: #3c5ab0;
}

#GeneralInfoContainer .col-md-12 {
    float: left;
}

.PaymentGatewayReferenceLabel {
    text-align: left !important;
    font-weight: bold;
}

#GeneralInfoContainer label.PaymentGatewayReferenceLabel {
    text-align: left !important;
    font-weight: bold;
    padding-right: 3px;
}


.no-charge-alert {
    margin: 15px 15px 0 15px;
    width: 96% !important;
}

    .no-charge-alert .alert-danger {
        background-color: #f8e6e6;
        background-image: none;
        font-size: 14px;
    }

        .no-charge-alert .alert-danger label, .no-charge-alert .alert-danger label strong {
            line-height: 0;
            color: #d12222;
        }

/*Invoice Credit Memo*/
#frmCreditMemoPopUp .fl .lbl-memoID {
    width: 158px;
    display: inline-block;
}

/*Invoice details*/
.emailed-by-label {
    padding-left: 5px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

#invoice-video-preview .mejs__container.mejs__video, #invoice-video-preview .mejs__layer {
    width: 400px !important;
}

    #invoice-video-preview .mejs__container.mejs__video video {
        display: block !important;
        margin: 0 auto;
    }

.pricing-item-part-input .k-autocomplete.k-header.k-textbox input#autocomplete {
    border: 0;
    /*padding: 7px 10px 0 10px !important;*/
    padding: 0px 10px 0 7px !important;
    height: 29px;
    box-shadow: 0 0 0;
}

.pricing-item-part-input .k-autocomplete.k-header.k-textbox.k-state-disabled input#autocomplete {
    padding-top: 0px !important;
}

/*invoice status*/
#filterSection .invoice-status-updates label {
    float: none;
    min-width: 20px;
    text-align: left;
    margin-right: 0;
    line-height: 21px;
    margin-bottom: 0;
}

.emailed-by-txt {
    font-size: 12px;
    padding-left: 5px;
}

.emailed-by-txt-small {
    font-size: 11px;
    padding-left: 5px;
}

.emailby-img-tick {
    height: 15px;
    margin-top: 0px;
}

.invoice-status {
    width: 100%;
    font-size: 11px;
    margin-bottom: 10px;
}

    .invoice-status td {
        vertical-align: top;
        width: 15%;
    }

        .invoice-status td:first-child {
            width: 10%;
        }

        .invoice-status td:last-child {
            width: 30%;
        }

td.invoice-status-updates-divider {
    padding: 10px 0;
}

    td.invoice-status-updates-divider span {
        width: 100%;
        display: block;
        border-bottom: solid 1px #ccc;
    }
/*information wrapper*/
#infoWrap .row .col-md-3 {
    /*width: 299px;*/
    padding-left: 0;
}

#infoWrap .row .col-md-6 {
    padding-left: 0;
}

#infoWrap .row .col-md-3 label {
    width: 120px;
    line-height: 26px;
    text-align: right;
    padding-right: 12px;
    float: left;
}

.widget-ermission-dropdown {
    width: 100% !important;
}

#infoWrap {
    padding: 10px 25px !important;
}

    #infoWrap .req1 {
        right: 0px;
    }

    #infoWrap .row .col-md-3 input, #infoWrap .row .col-md-3 .k-dropdown, #infoWrap .row .col-md-3 .k-maskedtextbox {
        width: calc(100% - 135px) !important;
        float: left;
    }

    #infoWrap .row .col-md-6 label {
        width: 121px;
        text-align: right;
        line-height: 26px;
        padding-right: 10px;
        float: left;
    }

    #infoWrap .row .col-md-6 input, #infoWrap .row .col-md-6 .k-dropdown, #infoWrap .row .col-md-6 .k-datepicker {
        width: 440px !important;
        float: left;
    }

    #infoWrap .row .col-md-6 input {
        width: calc(100% - 131px) !important;
    }

    #infoWrap .row .col-md-3 .k-maskedtextbox input {
        width: 100% !important;
        margin-bottom: 0;
    }

#CustomerSince {
    margin-bottom: 0 !important;
}

/*Account Structure*/

#AccountStructure .treelist-edit .k-edit {
    background: none !important;
}

#AccountStructure .treelist-edit .k-edit {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    position: relative;
    left: 100%;
}

    #AccountStructure .treelist-edit .k-edit:after {
        content: "\270f";
        font-size: 14px;
    }

/*Payment Tab*/
.paymentTab .column label.lbl-paymentSubHeading {
    display: inline-block !important;
    width: 100px !important;
    text-align: left;
    padding-left: 20px;
    float: left;
}

.paymentTab .column label {
    display: inline-block;
    width: 140px !important;
    text-align: right;
    line-height: 26px;
}

.paymentTab .column input {
    width: 151px !important;
    display: inline-block;
}

.paymentTab .column .column-content {
    float: left;
    margin: 0 0 4px 0 !important;
    width: 351px;
}
/* industry-field-boxes */
.industry-field-boxes .close-btn {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #fff;
}

.industry-field-boxes h3 {
    width: 98%;
}

/*Credit Card*/
.card-listing {
    margin-bottom: 7px;
    margin-right: 14px !important;
    margin-top: 5px;
}

.rightAlignLabels #creditCardForm .column .column-content {
    width: 100%;
}

    .rightAlignLabels #creditCardForm .column .column-content label {
        width: 150px;
        padding-left: 15px;
    }

    .rightAlignLabels #creditCardForm .column .column-content input, .rightAlignLabels #creditCardForm .column .column-content textarea {
        width: calc(100% - 190px);
        /*width: 298px;*/
    }

    .rightAlignLabels #creditCardForm .column .column-content .form-control.width_190 {
        width: calc(100% - 250px);
    }

    .rightAlignLabels #creditCardForm .column .column-content .form-control.k-dropdown {
        width: 15%;
        margin-right: 10px;
    }

    .rightAlignLabels #creditCardForm .column .column-content .form-control.add1 {
        width: 180px;
    }

    .rightAlignLabels #creditCardForm .column .column-content .form-control.add2 {
        width: 111px;
        float: right !important;
    }

.CC-btns-group .btn.active, .CC-btns-group .btn.focus {
    background: rgba(60, 90, 176, 0.80);
    color: #fff;
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.35), 0px 1px 2px rgba(0,0,0,0.15);
    border-radius: 5px 0px 0px 5px;
}

    .CC-btns-group .btn.active:last-child, .CC-btns-group .btn.focus:last-child {
        border-radius: 0px 5px 5px 0px;
    }

.CC-btns-group .btn {
    background: #3c5ab0;
    color: #fff;
    border-right: solid 1px #1c3069;
    margin-right: 1px;
}

.column .column-content.ChargeCreditCard {
    margin-top: 4px !important;
}

    .column .column-content.ChargeCreditCard label {
        margin-top: -2px !important;
    }

/************************/
.rightAlignLabels #frmAddAssociateDeposit .column .column-content {
    width: 100%;
}

    .rightAlignLabels #frmAddAssociateDeposit .column .column-content label {
        width: 150px;
        padding-left: 15px;
    }

    .rightAlignLabels #frmAddAssociateDeposit .column .column-content .radio-label {
        width: 105px;
        padding-left: 0px;
        text-align: left !important;
    }

        .rightAlignLabels #frmAddAssociateDeposit .column .column-content .radio-label input[type='radio'] {
            top: 0;
        }

    .rightAlignLabels #frmAddAssociateDeposit .column .column-content .form-control {
        width: calc(100% - 250px);
        width: 395px;
    }

        .rightAlignLabels #frmAddAssociateDeposit .column .column-content .form-control.width_190 {
            width: calc(100% - 250px);
        }

        .rightAlignLabels #frmAddAssociateDeposit .column .column-content .form-control.k-dropdown {
            width: 15%;
            margin-right: 10px;
        }

        .rightAlignLabels #frmAddAssociateDeposit .column .column-content .form-control.add1 {
            width: 180px;
        }

        .rightAlignLabels #frmAddAssociateDeposit .column .column-content .form-control.add2 {
            width: 111px;
            float: right !important;
        }

.associateDepositeTable {
    padding: 5px 25px;
    background: #eee;
    margin-top: 5px;
}

.AssociateDepositInfo .modal-dialog, .TeleCommunicationGatewayPopup .modal-dialog {
    width: 860px;
}

.AssociateDepositInfo #creditCardForm {
    padding-left: 20%;
}
/************************/
#tblAssociateDeposit {
    width: 40%;
}

label.SMassociateDeposite {
    padding: 0 !important;
    text-align: left !important;
}

#tblAssociateDeposit thead tr td {
    text-align: left;
    font-weight: bold;
    border-top: none;
}

    #tblAssociateDeposit thead tr td:last-child {
        text-align: right;
        font-weight: bold;
        border-top: none;
    }

#tblBodyAssociateDeposit tr td {
    text-align: left;
    border-top: none;
}

    #tblBodyAssociateDeposit tr td:last-child {
        text-align: right;
        border-top: none;
    }

#AssociateDepositGrid .k-grid-pager {
    display: none;
}

.font-bold {
    font-weight: bold;
}

.cardPopup .lblInvalid {
    padding: 5px;
    line-height: 28px;
    color: #ff0000;
}

.cardPopup .modal-dialog {
    width: 463px;
}

.cardPopupBig.cardPopup .modal-dialog {
    width: 600px;
}


.cardPopup .cvv.width_120 {
    width: 149px !important;
}

.cardPopup .cvv label {
    width: 68px !important;
}

.cardPopup .cvv input {
    width: 75px !important;
    float: right !important;
}

.cardPopup #creditCardForm .cvv #cardCVV {
    width: calc(100% - 72px) !important;
    float: left !important;
}

.cardImage img {
    height: 25px;
    padding: 3px 5px;
}

/*Receivable*/
.arSocialInfo .glyphicon-phone a, .arSocialInfo .glyphicon-print a {
    margin-left: 5px;
}

.arSocialInfo .glyaphiconLeft {
    margin-top: 0px;
}

.arBox label.lbl8 {
    width: 328px;
}

.arBox label.lbl6 {
    width: 116px;
}

#billingWrap .column-label label {
    width: calc(100% - 160px);
    line-height: 26px;
    text-align: right;
}

#billingWrap .k-maskedtextbox input {
    margin-bottom: 0px !important;
}


/* Dispatch Board Styling */
.dispatch-board .top-3 {
    top: 3px;
}

.dispatch-board .top-5 {
    top: 5px;
}

.dispatch-board .user-activity {
    position: absolute;
    right: 40px;
    top: 12px;
    cursor: pointer;
}

.dispatch-board .margin-right-11 {
    margin: 0px 11px 0px 0px;
}

.dispatch-board .margin-left-11 {
    margin: 0px 0px 0px 11px;
}

.dispatch-board .font-size-14, .font-size-14 {
    font-size: 14px !important;
}

.dispatch-board .header-dropdown {
    width: 200px;
}

.dispatch-board .grid-container, .dispatch-board .scheduler-container-header {
    display: flex;
    flex-flow: column;
}

.dispatch-board .fixed-size-flex {
    flex: 0 1 auto;
}

.dispatch-board .auto-size-flex {
    flex: 1 1 auto;
}

.dispatch-board .full-height {
    height: 100%;
}

.dispatch-board .full-width, #invoicesGroupAccordion .panel-heading a.accordion-toggle {
    width: 100%;
}

.dispatch-board .technician-slots-row, .dispatch-board .technician-slots {
    border-top: 0px;
    border-bottom: 0px;
}

.dispatch-board .timeslot-header-filter {
    border-bottom: 1px solid #ccc;
    padding: 7px 0px 7px 7px;
    height: 45px;
}

.dispatch-board .text-color-black {
    color: #000;
}

.dispatch-board .lock-timeline {
    top: 3px;
    left: 5px;
}

.dispatch-board .current-time-indicator-hor {
    width: 1px;
    border-left: 1px dashed #3c5ab0;
    position: absolute;
}

.dispatch-board .current-time-indicator-ver {
    height: 1px;
    border-top: 1px dashed #3c5ab0;
    position: absolute;
}

.dispatch-board img.techOnDutyIcon {
    border: none;
    border-radius: 100%;
    padding: 2px;
}

.dispatch-board .call-selected {
    background-color: #8FA0C7 !important;
}

.unAssignedCallsWrap td .unassignedcallTooltip span {
    padding-left: 5px !important;
    min-height: 20px;
}

.dispatch-template img {
    width: 19px;
    margin-right: 10px;
}

.dispatch-template {
    margin: 2px 8px;
}

.dispatchFlag {
    display: block;
    padding-right: 5px;
    float: right;
}

#horizontal .dispatchFlag {
    padding-right: 5px;
    padding: 1px !important;
    display: inline-block;
    float: none;
}

#vertical .dispatchFlag {
    padding-right: 5px;
    padding: 1px !important;
    display: inline-block;
    float: none;
}

#popover_content_wrapper {
    width: 300px;
}

.legends-popup-content .fas.fa-thumbs-up {
    width: 20px;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 2px;
}

.ledgends-ico-img {
    margin-right: 10px;
    margin-bottom: 8px;
}

.legends-popup-content h5.groupHeading {
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 13px;
    display: block;
}

.k-button.legends-popup {
    padding: 4px 8px;
}

.manageTechDuty .k-timepicker {
    height: 33px;
    box-shadow: none;
}

.manageTechDuty .k-picker-wrap.k-state-default {
    height: 26px;
}

.SendTextMessagePopup .modal-dialog label {
    width: 80px;
    margin-right: 12px;
    float: left;
    text-align: right;
    margin-top: 5px;
}
/*Cancle Call*/
.cancelCall .modal-dialog, div#TaxCode-list {
    width: 500px;
}

.cancelCall label {
    text-align: right;
    width: 180px;
    padding-right: 12px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
}

.cancelCall .k-dropdown {
    width: 275px;
    margin-bottom: 10px;
    display: inline-block;
}

.cancelCall textarea {
    width: 275px;
    display: inline-block;
}

.TechnicianSlotContainer .dis-board-tech-pik, .SalesmanSlotContainer .dis-board-tech-pik, #timeslotScheduler .dis-board-tech-pik {
    float: left;
    width: 25%
}

.TechnicianSlotContainer .dis-board-tech-content, .SalesmanSlotContainer .dis-board-tech-content, #timeslotScheduler .dis-board-tech-content {
    float: left;
    width: 75%
}

.TechnicianSlotContainer .dis-board-tech-content1, .SalesmanSlotContainer .dis-board-tech-content1, #timeslotScheduler .dis-board-tech-content1 {
    line-height: 33px;
}

#timeslotScheduler .dis-board-tech-content2 {
    padding: 5px;
    height: 18px;
}

#vertical #timeslotScheduler .dis-board-tech-content .tech-header-1, #horizontal #timeslotScheduler .dis-board-tech-content .tech-header-1 {
    width: 100% !important;
}

.basic-view-slot-header .dis-board-tech-pik img {
    width: 100%;
    height: 60px;
}
/*SM check boxes */
.sm-checkboxes .ellipsis {
    margin-right: 15px;
    width: auto !important;
}

/*Company admin > Manage Group > Add group popup*/
.add-group-popup {
    margin-right: 0;
}

    .add-group-popup #GroupName {
        width: 280px;
    }

    .add-group-popup .row1 .column1, .add-group-popup .row2 .column1 {
        width: 385px;
    }

        .add-group-popup .row2 .column1 textarea.form-control {
            width: 280px;
        }

#CompanyOptionsTabs-1 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    min-width: 38px;
}

#CompanyOptionsTabs-1 .bootstrap-switch .bootstrap-switch-label {
    min-width: 41px;
}

.bootstrap-switch .bootstrap-switch-label {
    max-width: 38px;
}

#CompanyOptionsTabs-1 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    min-width: 38px;
}

#CompanyOptionsTabs-1 .bootstrap-switch {
    width: 79px !important;
}

.manageGroupsEdit .modal-dialog {
    width: 350px;
}

.inviteUsers {
    overflow-y: auto;
    max-height: 350px;
}

.inviteUsersLayout {
    width: 550px;
    margin: 0 auto;
    box-shadow: 0px -2px 20px 0px #3a476b;
    background: #fbfbfb;
}

    .inviteUsersLayout .form-control {
        height: 34px;
    }

    .inviteUsersLayout div.logincontainer2 {
        background: inherit;
        padding: 0;
    }

    .inviteUsersLayout h1.loginheading {
        font-size: 24px;
        margin-bottom: -3px;
        background: #6b6b6b;
        padding: 11px;
        color: #fff;
    }

    .inviteUsersLayout .control-label {
        font-size: 14px !important;
        line-height: 30px;
    }

.InviteUsersPopup .modal-dialog {
    width: 595px;
}

.inviteUserWrapper div.whitebg {
    background-color: transparent;
}

.inviteUserWrapper {
    background: #3c5ab0 url(../images/hexagones.png) no-repeat 60% 56%;
}

.InviteUsersPopup .modal-dialog .control-label {
    float: left;
    line-height: 25px;
    width: 57px;
    text-align: right;
}

.InviteUsersPopup .modal-dialog .req2 {
    right: -12px;
}

#ManageUsersGrid .k-grid table tbody tr td > .k-button {
    width: 27px;
    min-width: 27px;
}

#ARCompanyForm .glyphicon-search {
    color: #3c5ab0;
}

.lblCompanyLabel {
    display: inline-block;
    border: 0px;
    width: 50px;
    margin-right: 4px;
}

#FiscalPeriodTabs .k-grid-content .k-datepicker .k-input {
    height: 21px !important;
}

#FiscalPeriodTabs-2 .k-grid td {
    padding: .4em .6em .5em .6em !important;
}

#BillingCodeType-list {
    height: auto !important;
    width: 300px !important;
}

#Module-list {
    height: auto !important;
    width: 300px !important;
}



/*Reports*/
.reports-table table:first-child {
    margin: 0 auto;
}

#invoicesInBatch .k-grid-header:first-child th.k-header {
    line-height: 26px;
    font-weight: normal !important;
}

.invoice-details-container {
    border: 1px solid #3c5ab0;
    width: 773px;
}

.invoice-payment .column-content {
    width: 100%;
}

.invoice-payment .column-content {
    width: 100%;
}

.report-email-template #emailSection {
    width: 774px;
    border: 1px solid #e1e1e1;
    padding-left: 45px;
    padding-top: 45px;
    padding-bottom: 15px;
    padding-right: 45px;
    margin-left: 17%;
}

    .report-email-template #emailSection label.subject {
        position: absolute;
        left: 0px;
    }

    .report-email-template #emailSection .col-md-12 a.input-search-icon {
        right: 7px;
    }

    .report-email-template #emailSection .formrow:nth-child(4) {
        margin-bottom: 9px;
    }

    .report-email-template #emailSection .glyphicon-paperclip {
        margin-right: 8px;
    }

    .report-email-template #emailSection .doclist {
        padding-left: 0;
    }

.report-multiselect .report-multiselectLabel {
    float: left;
    margin-left: 25px;
}

.report-multiselect .multiSelect > button {
    text-align: left;
    padding-left: 5px !important;
    line-height: 25px;
}

.report-multiselect .multiSelect .buttonLabel {
    padding: 0;
    padding-left: 0px;
    padding-right: 5px;
    width: 100%;
    text-align: left;
}

.report-multiselect .multiSelect .caret {
    position: absolute;
    right: 8px;
    top: 11px;
}

/*.report-multiselect .multiSelect .checkboxLayer {
    top: 27px;
    left: 90px;
}*/

.report-multiselect .multiSelect .helperContainer {
    text-align: left;
}

.report-multiselect .multiSelect .checkBoxContainer {
    text-align: left;
}

.multiselect-search-input {
    margin-left: 3px;
}

.multiselect-icon .glyphicon-remove {
    top: 2px;
}

/*Invoice Print Email Tab*/
#EmailOrPrintContainer label {
    float: left;
    min-width: 50px;
    text-align: right;
    margin-right: 15px;
}

#EmailOrPrintContainer .width494 {
    width: 494px;
}

.report-email-template .width-625 {
    width: 625px;
}

#EmailOrPrintContainer .formrow {
    margin-bottom: 10px;
}

#EmailOrPrintContainer .input-search-icon {
    position: absolute;
    right: 22px;
    top: 6px;
}

#EmailOrPrintContainer .margin-right10 {
    margin-right: 10px;
}

#tokendropdown-list, .width_400 {
    width: 400px !important;
}

.report-email-template .emailSection {
    width: 900px;
    border: 1px solid #e1e1e1;
    padding-left: 45px;
    padding-bottom: 15px;
    padding-right: 45px;
    margin: 0 auto;
}

    .report-email-template .emailSection label.subject {
        position: absolute;
        left: 0;
    }

    .report-email-template .emailSection a.input-search-icon {
        right: 7px;
        position: absolute;
        top: 5px;
    }

    .report-email-template .emailSection .formrow:nth-child(4) {
        margin-bottom: 9px;
    }

    .report-email-template .emailSection .glyphicon-paperclip {
        margin-right: 8px;
    }

    .report-email-template .emailSection .doclist {
        padding-left: 0;
    }

    .report-email-template .emailSection .k-dropzone {
        padding: .8em;
    }

        .report-email-template .emailSection .k-dropzone .k-button.k-upload-button {
            background-color: #3c5ab0 !important;
            border-color: #3c5ab0 !important;
            color: #fff;
            position: relative;
        }

/*Add or Edit Tech Master */
.add-edit-techmaster .column1 {
    width: 280px;
}

.add-edit-techmaster .column2 {
    width: 280px;
}

.add-edit-techmaster .column3 {
    width: 260px;
}

.add-edit-techmaster input[type="text"].form-control {
    width: 151px;
}

.add-edit-techmaster .empty_content {
    width: 100%;
}

.add-edit-techmaster .k-widget.k-dropdown {
    margin-bottom: 5px;
}

.add-edit-techmaster .column .column-content {
    line-height: 26px;
}

.tech-master-popup .modal-dialog {
    width: 960px;
}

/*SM hightlighted box */
.sm-highlight-box-1 {
    background: #fff7d1;
    padding: 7px 10px 6px 10px;
    height: auto;
    overflow: hidden;
    margin: -7px 0 7px 0;
}

    .sm-highlight-box-1 .zone {
        float: left;
        width: 140px;
        text-align: right;
        color: #757575;
    }

.created-by-pik {
    width: 35px;
    height: 35px;
    background-color: #ccc;
    border-radius: 20px;
    float: left;
}

.sm-highlight-box {
    background: url(../images/quickBookIcon.png) right center no-repeat #fff7d1;
    height: 46px;
    border-radius: 12px;
    margin-left: -7px;
    padding: 0 4px;
}

    .sm-highlight-box .dis-inl-blk {
        width: 148px;
        line-height: 23px;
        float: left;
    }

    .sm-highlight-box .col1 {
        padding-right: 6px;
        width: 60px;
        max-width: 44px;
        text-align: right;
        color: rgb(170, 170, 170);
    }

    .sm-highlight-box .col2 {
        width: 155px;
        text-align: left;
        color: #000;
        max-width: 155px;
    }

    .sm-highlight-box.arBoxView .dis-inl-blk {
        width: 175px;
    }

/*Service call tab on sm*/
.service-call-alignment .col1 div {
    width: 100%;
    display: inline-block;
}

    .service-call-alignment .col1 div span, .service-call-alignment .col3 div span, .service-call-alignment .col4 div span, .service-call-alignment .col5 div span {
        width: auto;
        display: inline-block;
        max-width: 120px;
    }

        .service-call-alignment .col1 div span.lastBlock, .service-call-alignment .col3 div span.lastBlock, .service-call-alignment .col4 div span.lastBlock, .service-call-alignment .col5 div span.lastBlock {
            width: auto;
            display: inline-block;
            max-width: 224px;
        }

.service-call-alignment .col2 div {
    width: 100%;
    display: inline-block;
}

    .service-call-alignment .col2 div span {
        width: auto;
        display: inline-block;
        max-width: 235px;
    }

.service-call-alignment .col3 div {
    width: 100%;
    display: inline-block;
}

.service-call-alignment .col4 div {
    width: 100%;
    display: inline-block;
}

.service-call-alignment .col5 div {
    width: auto;
    display: inline-block;
}

.arNotes {
    margin-right: 15px;
    min-width: 135px;
}

.service-call-alignment .ar-notes {
    max-width: 996px;
    display: inline-block;
    width: auto;
}

.popUpOverflow {
    max-height: 550px;
    overflow-y: auto;
    margin-bottom: 14px;
}

.service-call-alignment .arDiv {
    width: 86%;
    line-height: 30px;
}

.service-call-alignment .aMore {
    width: 35px;
}

#PO {
    border: 1px solid #3c5ab0;
    width: 818px;
}

.visibility-hidden {
    visibility: hidden;
}

#SetupSDServiceType-list {
    min-width: 400px !important;
}

#SetupSDServiceType_listbox .ddlspanright1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
}

#payMethod-list {
    min-width: 200px !important;
}

.ar-notes {
    max-width: 860px;
    display: inline-block;
    width: auto;
}

    .ar-notes > a {
        margin-left: 5px;
    }

#ProblemDescription {
    padding: 5px;
}

.test label.valueLabel {
    text-align: left !important;
}

/*add-edit-paymentterms popup*/
.add-edit-paymentterms .column1 {
    width: 300px;
}

    .add-edit-paymentterms .column1 .column-content input[type="text"].form-control {
        width: 151px;
    }

    .add-edit-paymentterms .column1 .column-content .k-dropdown {
        margin-bottom: 5px;
    }

    .add-edit-paymentterms .column1 .column-content.discount-given {
        margin-right: 68px !important;
        margin-bottom: 7px !important;
    }


/*Create Prospect popup*/
.prospect-view .modal-content, .prospect-location-view .modal-content, .prospect-location-add .modal-content {
    width: 710px;
}

.prospect-create .manage-prospect.prospect-edit {
    padding-left: 0;
}

.prospect-view .manage-prospect.prospect-edit {
    padding-left: 15px;
}

.manage-prospect .box-container {
    padding: 0 0 0 15px;
}

.manage-prospect .map-container {
    padding: 0 15px 0 10px;
}

.manage-prospect .location-container {
    padding: 0 15px 0 9px;
}

.manage-prospect .box1 {
    background: #fff;
    padding: 5px 0 10px;
    position: relative;
    margin-right: 4px;
    float: left;
    display: inline-block;
    width: 505px;
    height: 560px;
    border-right: 1px solid #e1e1e1;
}

.manage-prospect .box2 {
    background: #fff;
    border-right: 1px solid #e1e1e1;
    padding: 5px 0 10px;
    position: relative;
    margin-right: 4px;
    float: left;
    display: inline-block;
    width: 505px;
    height: 560px;
}

.manage-prospect .mapcontainer3 {
    position: relative;
    left: 0px !important;
    height: 533px;
    top: 5px !important;
}

.manage-prospect label.lbl2 {
    text-align: right;
    margin-right: 12px;
    line-height: 26px;
    width: 91px;
}

.manage-prospect input.k-textbox, .manage-prospect input.vsminput3 {
    width: 134px;
}

.manage-prospect .name-dropdown {
    width: 100px;
}

.manage-prospect .zip {
    width: 105px;
}

.manage-prospect .city {
    width: 126px;
}

.manage-prospect #prospectEditForm .city {
    width: 123px;
}

.manage-prospect .state {
    width: 135px;
}

.manage-prospect .comapany-name, .manage-prospect.add-or-edit-prospect .company-name, .width-382 {
    width: 382px !important;
    margin-right: 0 !important;
}


.manage-prospect.add-or-edit-prospect .cell-phone input {
    width: 151px;
    margin-right: 0;
}

.manage-prospect .k-dropdown, .manage-prospect .k-combobox {
    margin-bottom: 0px;
}

.manage-prospect input.k-textbox, .manage-prospect .k-dropdown, .manage-prospect .k-combobox {
    margin-right: 10px;
}

.manage-prospect.prospect-edit .first-name, .manage-prospect.add-or-edit-prospect .first-name {
    width: 133px !important;
}

.manage-prospect.prospect-edit .name-dropdown, .manage-prospect.add-or-edit-prospect .name-dropdown {
    width: 100px;
    margin-bottom: 0;
}

.manage-prospect.prospect-edit .address, .manage-prospect.add-or-edit-prospect .address {
    width: 129px;
    margin-right: 0;
}

.manage-prospect.prospect-edit .last-name, .manage-prospect.add-or-edit-prospect .last-name {
    margin-right: 0px;
    width: 130px;
}

.manage-prospect.prospect-edit .state, .manage-prospect.add-or-edit-prospect .state {
    width: 129px;
    margin-right: 0;
}



.manage-prospect.prospect-edit .fax, .manage-prospect.add-or-edit-prospect .fax {
    margin-right: 0;
}



.manage-prospect.prospect-edit .company-parent, .manage-prospect.add-or-edit-prospect .company-parent {
    margin-top: 3px !important;
}

/*manage prospect three boxes container */
.action-button {
    position: absolute;
    right: 1px;
    top: 44px;
}

.manage-prospect-main #prospectDetails .cell-phone-icon {
    width: 18px;
    text-align: left;
    line-height: 19px;
}

.manage-prospect-main #prospectDetails .phone-icon {
    top: 2px;
    width: 20px;
    margin-left: 0px;
}

.manage-prospect-main #prospectLocation .phone-icon {
    line-height: 15px;
    width: 20px;
}

.manage-prospect-main #prospectLocation .cell-phone-icon {
    width: 18px;
    text-align: left;
    line-height: 15px;
}

.manage-prospect-main #prospectLocation .ellemail, .manage-prospect-main #prospectDetails .ellemail {
    max-width: 180px;
}

.manage-prospect-main #prospectHeader, .manage-prospect-main #prospectLocationHeader {
    position: relative;
    line-height: 28px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: relative;
    height: 37px;
}

.manage-prospect-main #prospect .block1, .manage-prospect-main #prospectLocation .block1 {
    padding: 5px !important;
}

.manage-prospect-main #prospectHeader .left, .manage-prospect-main #prospectLocation .left {
    width: auto;
    max-width: 50px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    margin-right: 5px !important;
}

.manage-prospect-main #prospectHeader .right {
    float: left;
    padding-right: 24px;
    text-align: right;
    width: auto;
    max-width: 360px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
}

.manage-prospect-main #prospectHeader .edit-icon, .manage-prospect-main #prospectLocation .edit-icon {
    background: #708ee6 !important;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    font-size: 11px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #5879d6;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}

    .manage-prospect-main #prospectHeader .edit-icon .glyphicon, .manage-prospect-main #prospectLocation .edit-icon .glyphicon {
        top: -3px;
        left: 3px;
    }

.manage-prospect-main #prospectLocation .edit-icon {
    right: 3px;
}

.manage-prospect-main #prospectLocation .pagination-position {
    /*position: absolute;
	width: 243px;
	top: -2px;
	left: 210px;*/
    float: right;
    width: auto;
    display: table;
}

    .manage-prospect-main #prospectLocation .pagination-position #locationsPager {
        display: table-cell;
    }

    .manage-prospect-main #prospectLocation .pagination-position .k-pager-wrap {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .manage-prospect-main #prospectLocation .pagination-position .link3 {
        display: table-cell;
        padding-left: 8px;
        vertical-align: top;
        padding-top: 2px;
    }

.manage-prospect-main #prospectLocation .right {
    float: left;
    padding-left: 0px;
    text-align: left;
    width: auto;
    max-width: 118px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
}

.sm-info-container {
    padding: 5px;
    min-height: 48px;
    border: 1px solid #ddd;
    overflow: hidden;
}

#sdcallprocesscontainer .wrapper136 .lbl-contactname {
    width: 103px;
    display: inline-block;
}

#sdcallprocesscontainer .wrapper136 .lbl-task {
    padding-top: 1px;
    line-height: 20px;
    height: 26px;
}

#prospectLocationDetails .contact-lbl-value {
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#prospectLocationDetails .business-type label {
    width: 80px !important;
    text-align: left;
}

#prospectLocationDetails .business-type .business-type-value {
    width: 91px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#prospectLocationDetails .name label {
    width: auto;
    margin-right: 10px;
}

#prospectLocationDetails .name .name-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#prospectDetails .category label {
    text-align: right;
    padding-right: 10px;
    width: 81px;
}

#prospectDetails .category .category-value {
    width: 63px;
}

#prospectDetails .salesmen label {
    width: 81px;
    text-align: right;
    padding-right: 10px;
}

#prospectDetails .do-not-email label {
    width: 81px;
    padding-right: 10px;
    text-align: right;
}

#prospectDetails .do-not-email .do-not-email-value {
}

#prospectDetails .do-not-call label {
    width: 81px;
    padding-right: 10px;
}

#prospectDetails .do-not-call .do-not-call-value {
}

#prospectDetails .source label {
    text-align: right;
    padding-right: 10px;
    width: 81px;
}

#prospectDetails .source .source-value {
    width: 60px;
}

#prospectDetails .status label {
    text-align: right;
    padding-right: 10px;
    width: 81px;
}

#prospectDetails .status .status-value {
    width: 60px;
}

.conversation-container {
    margin-top: 15px;
    margin-bottom: 25px;
}

    .conversation-container .col-md-9 h4 {
        margin-top: 0px;
    }

/*Billing codes */
.billing-codes input.k-invalid {
    border: 1px solid red !important;
}

.billing-codes span.form-control.k-invalid {
    border: none !important;
}

.BillingCode .modal-dialog {
    width: 385px;
}

.billingCodePopup .bootstrap-switch-container {
    line-height: 19px;
}

/*Add Technician */
.technician input.k-invalid {
    border: 1px solid red !important;
}

.technician span.form-control.k-invalid {
    border: none !important;
}

.technician .k-picker-wrap.k-state-default .k-input {
    width: 99% !important;
}

.SDTechMaster .add-edit-techmaster input[type="text"].form-control, .SDTechMaster .add-edit-techmaster .k-widget.k-dropdown {
    width: 151px;
    float: right;
}

.SDTechMaster .add-edit-techmaster .column3 {
    width: 269px;
}

.SDTechMaster .biodata label {
    width: 143px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding-right: 12px;
}

.SDTechMaster .biodata textarea {
    width: 763px;
    display: inline-block;
}

.SDTechMaster .add-edit-techmaster .column .column-content {
    margin-bottom: 0px !important;
}

.SDTechMasterForm.SDTechMaster .biodata label {
    width: 130px;
    float: left;
}

.SDTechMasterForm.SDTechMaster .biodata textarea {
    width: 750px;
    padding: 5px;
}

tr.k-state-error {
	color: red !important;
}

.k-grid .k-grid-content table tbody tr.k-state-error, .k-grid table tbody tr.k-state-error td a.clickable {
	color: red !important;
}

.k-grid .k-grid-content table tbody tr.k-state-error {
	background-color: #ffe7ea !important;
}
	/* Calls On Map */
	.calls-on-map-container label {
		width: 80px;
		text-align: right;
		margin-right: 10px;
	}

.calls-on-map-container [type="checkbox"] {
    vertical-align: bottom;
    margin-top: 7px;
}

.calls-on-map-container {
    height: auto;
}

.subcontractor-address.calls-on-map-container {
    height: 425px;
}

.calls-on-map-container ng-map {
    height: 410px;
}

    .calls-on-map-container ng-map.callsOnMapHeight {
        height: 460px;
    }

    .calls-on-map-container ng-map.singleCallOnMapHeight {
        height: 435px;
    }

.calls-on-map-container .call-template span {
    height: 30px;
    padding: 6px;
}

.calls-on-map-container .call-template.selected {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    margin: 5px 1px 3px 0px;
    border: 1px solid rgba(81, 203, 238, 1);
}

.calls-on-map-container .unassigned-call {
    overflow-y: scroll;
    max-height: 615px;
}

info-window-text {
    font-family: 'Poppins', sans-serif;
}

.tech-details {
    font-size: 12px;
    color: #871212;
    font-family: Arial, sans-serif;
    width: 200px;
    font-weight: bold;
}

.gm-style-iw.gm-style-iw-c {
    border-left: 5px solid #1A73E8;
    border-radius: initial;
    top: -40px;
    left: 0;
    width: 275px;
}

.ng-map-info-window::after {
    background: linear-gradient( 45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    content: "";
    height: 15px;
    position: absolute;
    top: -40px;
    left: 0;
    transform: translate(-50%,-50%) rotate( -45deg );
    width: 15px;
}

.map-popover-call-info .highlighed-value {
    padding: 5px;
    background: #eee;
    margin-bottom: 5px;
}

.map-popover-call-info .tech-status {
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    font-weight: bold;
}

.header-text {
    font-size: 16px;
}

.map-popover-call-info .glyphicon {
    width: 25px;
    text-align: center;
}

.map-popover-call-info .map-popover-location {
    display: flex;
    flex-direction: column;
}

    .map-popover-call-info .map-popover-location > span {
        display: flex;
        margin-bottom: 5px;
    }

        .map-popover-call-info .map-popover-location > span > span {
            display: flex;
            flex-direction: column;
        }

.map-popover-call-info hr {
    margin: 5px 0px 15px;
}

.map-popover-call-info .call-data {
    display: flex;
    justify-content: space-between;
}

.img-circular {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.toggle-filter {
    position: absolute;
    padding: 6px 4px 2px 2px;
    font-size: 13px;
    background: #3c5ab0;
    color: #fff;
    font-weight: normal;
    z-index: 999;
    margin-top: 8px;
}

.selectedCallInfo {
    margin-top: 5px;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 5px;
}

.custom-marker {
    width: 30px;
    height: 30px;
}

    .custom-marker > div {
        width: 100%;
        height: 100%;
    }

        .custom-marker > div > .img-circular {
            width: 100%;
            height: 100%;
        }

.ng-map-info-window {
    margin-top: -58px;
}

/*invoice action*/
.Contacts_multiselect ul.k-reset li.k-button {
    background-image: none;
    background-color: #3c59b0;
}

.Contacts_multiselect .k-multiselect-clearable .k-clear-value {
    display: none !important;
}

.Contacts_multiselect .k-multiselect-wrap .k-button {
    padding: 1px 20px 1px 2px;
}

.Contacts_multiselect .k-multiselect.k-header .k-multiselect-wrap.k-floatwrap {
    overflow: auto;
    min-height: 65px !important;
}

.Contacts_multiselect .k-multiselect.k-header .k-button {
    margin-bottom: 5px !important;
}

.Contacts_multiselect .k-multiselect.k-header .k-multiselect-wrap.k-floatwrap {
    height: 62px !important;
}

.Contacts_multiselect .k-multiselect li .k-icon {
    opacity: 1;
}

/*Color theme CSS start here*/
.navbar-nav > li > .theme-switcher li a.selected {
    background: #e8e8e8;
}

.theme-switcher h4 {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'asapmedium';
    text-transform: capitalize;
}

.color-box {
    width: 70px;
    height: 70px;
    background: #eee;
    display: inline-block;
    vertical-align: middle;
    /*display: block;*/
}

.theme-switcher a.styleswitch {
    display: block;
    text-align: center;
    /*margin-left: 10px;*/
}

.theme-switcher {
    /*text-align: center;*/
    margin: 25px 0px;
}

    .theme-switcher li {
        display: inline-block;
        margin-right: 22px;
        text-align: center;
    }

        .theme-switcher li:last-child {
            margin-right: 0px;
        }

        .theme-switcher li label {
            font-weight: bold;
            margin-top: 15px;
        }

    .theme-switcher .color-box {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }

        .theme-switcher .color-box:hover {
            -webkit-transform: rotateZ(-60deg);
            -ms-transform: rotateZ(-60deg);
            transform: rotateZ(-60deg);
        }

    .theme-switcher .blue {
        background: #3c5ab0;
    }

    .theme-switcher .green {
        background: #1bbc9b;
    }

    .theme-switcher .red {
        background: #f34340;
    }

    .theme-switcher .orange {
        background: #ff832e;
    }

    .theme-switcher .dark-green {
        background: #8366b9;
    }

    .theme-switcher .adv-blue {
        background: #7bd2f6;
    }

    .theme-switcher .adv-orange {
        background: #f35800;
    }

    .theme-switcher .adv-red {
        background: #ff4350;
    }

    .theme-switcher .adv-purple {
        background: #3f51b5;
    }

    .theme-switcher .adv-black {
        background: #4d4d4d;
    }

/*Color theme CSS End here*/
/*GL Company */
.gl-company .column .column-content > label {
    width: 120px;
    text-align: right;
    padding-right: 12px;
    line-height: 26px;
}

.gl-company .column .column-content input.k-textbox, .gl-company .column .column-content .k-dropdown {
    width: 151px !important;
    float: right;
}

.gl-company .column.column1 {
    width: 280px;
}

.gl-company .column.column2 {
    width: 280px;
}

.gl-company .column.column3 {
    width: 280px;
}

.gl-company .empty_content {
    width: 100%;
}

.gl-company input.k-invalid {
    border: 1px solid red !important;
}

.gl-company span.form-control.k-invalid {
    border: none !important;
}

.gl-company .ng-invalid-required .k-dropdown-wrap.k-state-default {
    border: 1px solid red !important;
}

/*add-edit-paymentterms popup*/
.add-edit-paymentterms .column1 {
    width: 271px;
}

    .add-edit-paymentterms .column1 .column-content input[type="text"].form-control {
        width: 151px;
    }

    .add-edit-paymentterms .column1 .column-content .k-dropdown {
        margin-bottom: 5px;
    }

    .add-edit-paymentterms .column1 .column-content.discount-given {
        margin-right: 68px !important;
        margin-bottom: 7px !important;
    }

/*manage groups*/
.manage-group .modal-dialog {
    width: 342px;
}

.manageGroup.add-edit-paymentterms .column1 {
    width: 290px;
}

.manageGroup.add-edit-paymentterms .column .column-content > label {
    width: 121px;
    display: inline-block;
    text-align: right;
}

.manageGroup.add-edit-paymentterms .column .column-content input, .manageGroup.add-edit-paymentterms .column .column-content textarea {
    width: 151px !important;
}

.manageGroup.add-edit-paymentterms .column .discount-given .bootstrap-switch {
    float: right;
}

/*Add help Text*/
.HelpTextPopup .modal-dialog {
    width: 755px;
}

#AddOrEditHelpText .add-edit-paymentterms .column1 {
    width: 690px;
}

    #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content label {
        width: 120px;
        text-align: right;
        padding-right: 12px;
    }

    #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content input, #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content .k-dropdown, #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content textarea, #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content table {
        width: 568px;
    }

    #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content table {
        display: inline-block;
        height: auto !important;
    }

    #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content:first-child {
        margin-bottom: 3px;
    }

    #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content {
        float: right;
        margin-bottom: 6px;
    }

        #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content.discount-given {
            float: none;
        }

            #AddOrEditHelpText .add-edit-paymentterms .column1 .column-content.discount-given label {
                float: left;
            }

/*Add Or Edit ARCollectionActivity*/
.ARCollectionActivityPopup .modal-dialog {
    width: 321px;
}

#AddOrEditARCollectionActivity .add-edit-paymentterms .column1 {
    width: 295px;
}

#AddOrEditARCollectionActivity .gencontainer.add-edit-paymentterms {
    padding: 0;
}

#AddOrEditARCollectionActivity .add-edit-paymentterms .column1 .column-content {
    float: right;
    margin-bottom: 6px;
}

    #AddOrEditARCollectionActivity .add-edit-paymentterms .column1 .column-content label {
        width: 120px;
        text-align: right;
        padding-right: 12px;
    }

#AddOrEditARCollectionActivity textarea.form-control {
    height: auto;
    width: 153px;
}

/* Manage prospect Miscellaneous Fields */
.form-directive-fields {
    padding: 10px 0;
    width: 280px;
}

.miscellaneous .form-directive-fields {
    width: 100%;
    padding: 0;
}

.form-directive-fields input[type="text"] {
    margin-bottom: 4px;
}

.form-directive-fields button.submit {
    margin-top: 5px;
}

.manage-prospect-conversation-part {
    margin-bottom: 20px;
}



    .manage-prospect-conversation-part .right-container .k-tabstrip-wrapper {
        border: none !important;
    }

    .manage-prospect-conversation-part .right-container .manage-prospect-conversation .heading {
        background: #3c5ab0;
        margin: 0;
        padding: 0;
        color: #fff;
    }

        .manage-prospect-conversation-part .right-container .manage-prospect-conversation .heading h4 {
            margin-top: 15px;
            margin-bottom: 10px;
            color: #fff;
        }

    .manage-prospect-conversation-part .right-container .manage-prospect-conversation .add-button {
        position: absolute;
        right: 7px;
        top: 7px;
        background-color: #5071d0;
        border: 1px solid #7090e9;
        width: 60px;
        text-align: center;
        border-radius: 3px;
        padding: 5px;
    }

        .manage-prospect-conversation-part .right-container .manage-prospect-conversation .add-button .glyphicon-plus-sign {
            color: #fff;
        }

        .manage-prospect-conversation-part .right-container .manage-prospect-conversation .add-button input.btn.btn-blue {
            border: none;
            background: transparent;
            padding: 0 !important;
        }

    .manage-prospect-conversation-part .right-container .manage-prospect-conversation .conversation-scrollable-area {
        min-height: 235px;
        height: 203px;
        overflow-y: scroll;
        overflow-x: hidden;
        border: 1px solid #e1e1e1;
        padding: 10px;
    }

    .manage-prospect-conversation-part .right-container .k-tabstrip-items {
        padding: 0px 3px;
    }

.manage-prospect-conversation .conversation-scrollable-area .conversation-info-container {
    margin-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
}

.manage-prospect-conversation .conversation-scrollable-area .conversation-description {
    height: 23px;
    width: 90%;
}

.manage-prospect-conversation .conversation-scrollable-area .conversation-avatar {
    height: 30px;
}

    .manage-prospect-conversation .conversation-scrollable-area .conversation-avatar .glyphicon-user {
        border-radius: 70%;
        border: 1px solid #e1e1e1;
        padding: 10px;
        margin-right: 5px;
        color: #888;
    }

.manage-prospect-conversation .conversation-scrollable-area .conversation-date-more {
    height: 30px;
    float: right;
    line-height: 29px;
}

    .manage-prospect-conversation .conversation-scrollable-area .conversation-date-more a {
        position: absolute;
        right: 0;
        top: -7px;
        cursor: pointer;
    }

#manageProspectTabs .different-tab-bg {
    background-color: #dadce0;
}


.manage-prospect .SMformcontainer .form-group .k-dropdown, .manage-prospect .SMformcontainer .form-group .k-dropdown .k-dropdown-wrap {
    /*height: 24px !important;*/
}


    .manage-prospect .SMformcontainer .form-group .k-dropdown .k-dropdown-wrap .k-input {
        line-height: 17px;
    }

/*Manage prospect location-convert-popup */
.locationConvert .modal-dialog {
    width: 600px;
}

.location-convert-popup .column1 {
    width: 272px;
    padding-top: 20px;
}

.location-convert-popup .column2 {
    width: 270px;
}

.location-convert-popup .column .column-content {
    margin-bottom: 8px !important;
}

    .location-convert-popup .column .column-content > label {
        padding-right: 12px;
        text-align: right;
        width: auto;
        line-height: 27px;
        width: 105px;
    }

.location-convert-popup .k-widget.k-dropdown {
    width: 151px !important;
}

.location-convert-popup h4 {
    margin: 15px;
}

/*Manage prospect contact tab */
.manage-prospect-contact-tab {
    margin-top: 15px;
}

    .manage-prospect-contact-tab .column .column-content {
        height: 27px;
        margin-bottom: 12px !important;
    }

    .manage-prospect-contact-tab .row1 {
        height: 62px;
    }

        .manage-prospect-contact-tab .row1 .column.column .column-content input[type="text"] {
            width: 151px;
        }

        .manage-prospect-contact-tab .row1 .column.column1 {
            width: 260px;
        }

        .manage-prospect-contact-tab .row1 .column.column2 {
            width: 280px;
        }

        .manage-prospect-contact-tab .row1 .column.column3 {
            width: 300px;
        }

        .manage-prospect-contact-tab .row1 .column.column4 {
            width: 270px;
        }

    .manage-prospect-contact-tab .row2 {
        margin: 5px 0 4px 0;
    }

        .manage-prospect-contact-tab .row2 .column.column1 {
            width: 98px;
            text-align: right;
            margin-right: 9px;
        }

        .manage-prospect-contact-tab .row2 .column.column2 {
            width: 1056px;
        }

    .manage-prospect-contact-tab .row3 .column {
        width: 191px;
    }

        .manage-prospect-contact-tab .row3 .column .bootstrap-switch {
            margin-top: 2px;
        }

.add-contact-btn {
    margin: 0 0 5px 0;
}

.EquipmentsView div.tab-pane {
    border: 0px;
}

.form-directive-fields .row.form-group .text-right {
    width: 150px;
}

/*document tab*/
.std-description .k-header.k-grid-toolbar {
    position: absolute;
    right: -7px;
    top: -48px;
    border: none;
    background: transparent;
}

.contract-std-description .std-description {
    margin-top: 35px;
    padding: 15px;
}

.entity-document #uploadDocument {
    margin-top: 16px;
}

.entity-document .entity-document-preview div.docview {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    line-height: 500px;
}

    .entity-document .entity-document-preview div.docview img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: top;
    }

.entity-document #uploadDocument .k-dropzone .k-button.k-upload-button {
    background-color: #3c5ab0 !important;
    border-color: #3c5ab0 !important;
    color: #fff;
}

.entity-document #uploadDocument .k-widget.k-upload.k-header {
    border: none;
    background: transparent;
}

.entity-document #uploadDocument .k-upload-status {
    width: 150px;
    text-align: right;
    margin-right: 85px;
}

.entity-document #fileUpload .k-dropzone em {
    margin-left: -10px;
}

.entity-document .doclist {
    padding-left: 0;
}

    .entity-document .doclist li {
        padding: 3px 10px 5px 10px;
        background-color: #f5f3f3;
        margin-bottom: 10px;
        border: none;
        position: relative;
    }

        .entity-document .doclist li.selected-document {
            /*  background-color: #eee;*/
            background-color: rgb(170, 170, 170);
        }

.entity-document ul.doclist li a.glyphicon-remove {
    top: 1%;
}

.remove-ellipsis .k-upload-button::after {
    content: '...';
    float: right;
    text-align: right;
    background: #3c5ab0;
    right: 3px;
    position: absolute;
    color: #3c5ab0;
}

.remove-ellipsis .k-dropzone .k-upload-button {
    padding-right: 3px;
}

/*Sales notes tab */
.sales-notes #saleNotes .k-grid table tbody tr td div {
    max-height: 80px;
    overflow: auto;
}

/* Equipments */
/*fix*/
.equipment-master-details label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0;
    min-width: 120px;
}

.equipment-master-details .column .column-content > label {
    text-align: right !important;
    min-width: 88px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
    color: #000;
    font-size: 13px;
}

.equipment-master-details .k-picker-wrap.k-state-default {
    height: 27px;
}

.equipment-master-details .column .column-content input[type="text"],
.equipment-master-details .column .column-content .k-combobox,
.equipment-master-details .column .column-content .k-widget.k-maskedtextbox {
    width: 151px;
    /*height: 28px;*/
}

.equipment-master-details .column .column-content .k-datepicker input[type="text"] {
    width: 151px;
    height: 25px;
}

.equipment-master-details .form-control.k-widget {
    float: right;
}

.cell {
    width: 25px !important;
    line-height: 30px;
}
/*as per requirement */
.SMheadingrow.equipment-master-details-header label {
    margin-right: 12px !important;
}

.equipment-master-details {
    margin: 0;
}

    .equipment-master-details .column.column1 {
        width: 295px;
        margin-right: 10px;
    }

    .equipment-master-details .column.column2 {
        width: 269px;
        margin-right: 10px;
    }

    .equipment-master-details .column.column3 {
        width: 285px;
        margin-right: 0;
    }

    .equipment-master-details .column .column-content .description {
        position: absolute;
        left: 104px;
    }

        .equipment-master-details .column .column-content .description > label {
            position: absolute;
            left: -102px;
            text-align: right;
        }

        .equipment-master-details .column .column-content .description textarea {
            width: calc(100% - 210px);
            width: 81%;
            height: 50px;
            padding: 4px 0 0 4px;
            border-radius: 3px;
        }

    .equipment-master-details .column .column-content.height54 {
        height: 54px;
    }

    .equipment-master-details .column .column-content .k-datepicker input {
        width: 121px !important;
    }

    .equipment-master-details .column .checkbox-container {
        width: 151px;
        float: left;
        line-height: 31px;
    }

    .equipment-master-details .column .column-content .k-timepicker, .equipment-master-details .column .column-content .k-widget.k-datepicker {
        height: 29px;
        float: right;
    }

.equipment-filter-heading {
    max-width: 83px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.equipment-master-document-count {
    margin: 10px 0px 0px 10px;
}

.full-Field .description label {
    width: 128px;
    text-align: right;
    margin-right: 16px;
    float: left;
}

.full-Field .description textarea {
    width: calc(100% - 175px);
    display: inline-block;
}

.modelDrop .k-dropdown-wrap {
    height: 28px;
}

#equipmentBarcode {
    display: table;
    height: 250px;
    width: 100%;
    text-align: center;
}

.equipmentBarcodeContent {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.equipmentBarcodePrint > div {
    margin: 0 auto;
}
/*Activity Status*/
.activity-status {
    margin-bottom: 20px;
}

    .activity-status .column1 {
        width: 260px;
    }

    .activity-status .column2 {
        width: 310px;
    }

    .activity-status .column3 {
        width: 201px;
        text-align: right;
    }

    .activity-status .column .column-content .k-dropdown .k-dropdown-wrap {
        height: 26px;
    }

    .activity-status .column-height {
        height: 190px;
    }

    .activity-status .column .column-content > label {
        text-align: right;
        line-height: 26px;
        margin-bottom: 0;
    }



    .activity-status .notes {
        text-align: left;
        line-height: 30px;
    }

    .activity-status .row2 .column2 table {
        position: absolute;
        left: 124px;
        top: 0;
        width: 1110px;
    }

    .activity-status .row2 .column1 {
        width: 105px;
    }

/*New Activity*/
.new-activity {
    margin-bottom: 20px;
}

    .new-activity .column1 {
        width: 260px;
    }

    .new-activity .column2 {
        width: 310px;
    }

    .new-activity .column3 {
        width: 270px;
    }

    .new-activity .column4 {
        width: 285px;
        margin-right: 4px;
        float: right;
    }

    .new-activity .column .column-content .k-dropdown .k-dropdown-wrap {
        height: 26px;
    }

    .new-activity .column .column-content .k-widget.k-dropdown {
        height: 28px;
    }

    .new-activity .column .column-content > label {
        text-align: right;
        line-height: 26px;
        margin-bottom: 0;
    }



.upload-service-master-popup .column .column-content > label {
    text-align: right !important;
    min-width: 88px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
}

.upload-service-master-popup .column .column-content.phone-quote-yes-no-toggle-btn {
    width: 290px;
}

.upload-service-master-popup .column.column1 {
    width: 260px;
    margin-right: 10px;
}

.upload-service-master-popup .column.column2 {
    width: 265px;
    margin-right: 10px;
}

.upload-service-master-popup .column.column3 {
    width: 300px;
    margin-right: 0;
}

.upload-service-master-popup .column.column4 {
    width: 280px;
    margin-right: 0;
}

.upload-service-master-popup .column.column5 {
    width: 123px;
}

    .upload-service-master-popup .column.column5 .checkbox > label {
        width: 147px;
    }

.upload-service-master-popup .k-picker-wrap.k-state-default {
    height: 28px;
}

#labPs-list ul,
#labMPS-list ul,
#lblOtherPs-list ul,
#customerSource-list ul {
    min-width: 151px;
}

/*New SM */
.new-service-master-popup .box1 .form-group label {
    padding-right: 10px;
    text-align: right;
}

.new-service-master-popup .box1, .new-service-master-popup .box2, .new-service-master-popup .SM-mapview2, .height-420 {
    height: 475px;
}

.slide-frame2 .new-service-master-popup .box1 {
    background: #fff;
}

.slide-frame2 .new-service-master-popup .box1 {
    /*height: 387px;*/
}



.new-service-master-popup .box1 .req {
    padding-right: 2px;
}



.new-service-master-popup .box1 .country label {
}

.new-service-master-popup .box1 .map-code label {
    width: 70px !important;
}

.new-service-master-popup-single .form-group label {
    padding-right: 10px;
    text-align: right;
}

.new-service-master-popup-single .map-code label {
    width: 70px !important;
}



/*Service Master List */
.search_filter .width330 {
    width: 325px !important;
}

.search_filter .width300 {
    width: 300px;
}

.search_filter .width340 {
    width: 340px;
}

.search_filter .width280 {
    width: 280px;
}

.search_filter input[type="text"] {
    width: 151px !important;
    height: 28px !important;
}

.reportQuotes .search_filter .k-widget.k-datepicker {
    height: 27px;
}

.search_filter .k-combobox input[type="text"] {
    height: 24px !important;
    width: 123px !important;
}

.search_filter .small-field {
    width: 62px;
    margin-right: 89px;
}

.search_filter .glyphicon-plus, .glyphicon-remove {
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
}

.search_filter .glyphicon-plus, .search_filter .glyphicon-remove {
    margin-top: 7px;
}

.search_filter .condition {
    width: 62px;
    float: left;
    margin-left: 15px;
}

.search_filter .action_buttons {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
}

.search_filter .k-widget.k-dropdown {
    margin-bottom: 4px;
}

.search_filter .group-by, .search_filter .sort-by {
    padding-left: 30px;
    margin-top: 15px;
}

    .search_filter .group-by .radio-content, .search_filter .sort-by .radio-content {
        min-width: 50px;
        width: auto;
        line-height: 16px;
        margin-top: 6px;
        padding-left: 15px !important;
    }

    .search_filter .group-by label, .search_filter .sort-by label {
        float: left;
        /*margin-right: 10px;*/
        width: 60px;
        text-align: right;
    }

#CallRecommendationGrid .k-grid .k-grid-content p span {
    background: transparent !important;
}

/*#CallRecommendationGrid table thead th:first-child .k-link {
    display: none;
}*/

.addorCols .zone {
    font-size: 12px;
    font-weight: normal;
    color: rgb(170, 170, 170);
    margin-right: 0px;
}

.quotes-details .column {
    height: 140px;
}

.search_filter input[type="text"].width-138 {
    width: 138px !important;
}

/*service master associate deposite*/




/*service master steps*/
.SM-City {
    width: 127px;
    margin-left: 5px;
}

    .SM-City span.k-combobox, .SM-State .k-dropdown {
        width: 100%;
    }

.SM-State {
    width: 104px;
    margin-left: 5px !important;
}

/*SM call recording*/
div.gencontainer4.sm-call-recording {
    padding: 10px 15px;
}

.recording-sm-id-input {
    width: 90% !important;
    height: 30px !important;
}
/*Work order details popup */
.work-order-details .column {
    position: relative;
}

.work-order-details .wrapper-container {
    margin: 0;
    padding: 15px 15px 0 15px;
}

.work-order-details .accordian .panel-heading {
    padding: 0px 5px;
    background: #dfe6fe;
}

.work-order-details .accordian div.panel-heading h4 {
    height: 25px;
    line-height: 25px;
}

.work-order-details .accordian .panel-heading a, .work-order-details .accordian .panel-heading a:hover, .work-order-details .accordian .panel-heading a:focus {
    text-decoration: none;
    outline: none;
    color: #3c5ab0 !important;
}

.work-order-details .accordian .panel-heading p.accpara {
    line-height: 22px;
    margin: 0;
    padding: 0;
    display: inline;
    color: #000;
}

.work-order-details .accordian .panel-heading i.glyphicon {
    top: 5px;
}

.work-order-details .accordian .listNotes {
    max-height: 100px;
    overflow: auto;
    position: relative;
}

.work-order-details .column .column-content {
    clear: right;
    margin-bottom: 0 !important;
}

    .work-order-details .column .column-content > span {
        display: inline-block;
        line-height: 26px;
        width: 165px;
        font-weight: normal;
        font-size: 13px;
    }

    .work-order-details .column .column-content > label {
        margin-bottom: 0;
        line-height: 26px;
        vertical-align: top;
        text-align: right !important;
        width: 165px;
        float: left;
        padding-right: 12px;
        line-height: 26px;
        padding-bottom: 0;
        font-weight: normal;
        color: #a6a6a6 !important;
        font-size: 13px;
    }

.work-order-details .row1 {
    /* background-color: #fff;*/
    background-color: #f2f2f229;
    padding: 15px;
}

    .work-order-details .row1 .column1 {
        width: 330px;
    }

    .work-order-details .row1 .column2 {
        width: 330px;
    }

    .work-order-details .row1 .column3 {
        width: 330px;
    }

    .work-order-details .row1 .column4 {
        width: 330px;
        margin-right: 0;
    }

.work-order-details .row2 {
    /* background-color: #f2f2f2;*/
    background-color: #f2f2f252;
    padding: 15px;
    margin-bottom: 10px;
}

    .work-order-details .row2 .column1 {
        width: 330px;
    }

    .work-order-details .row2 .column2 {
        width: 330px;
    }

    .work-order-details .row2 .column3 {
        width: 330px;
    }

    .work-order-details .row2 .column4 {
        width: 330px;
    }

.work-order-details .row3 {
    /* background-color: #f2f2f2;*/
    background-color: #f2f2f252;
    padding: 15px;
    margin-bottom: 10px;
}

    .work-order-details .row3 .column1 {
        width: 330px;
        height: auto;
    }

        .work-order-details .row3 .column1 a {
            display: inline-block;
            line-height: 26px;
            width: 165px;
            font-weight: normal;
            font-size: 13px;
        }

    .work-order-details .row3 .column2 {
        width: 330px;
        height: auto;
    }

    .work-order-details .row3 .column3 {
        width: 330px;
        height: auto;
    }

    .work-order-details .row3 .column4 {
        width: 330px;
        height: auto;
        margin-right: 0;
    }

/*Employee master form */
.employeeMaster .modal-dialog {
    width: 1100px;
}

/*Call details screens */
#smSalesCallProcess .sectionHeading .btn-default:active {
    background-color: #fff !important;
}

.call-details {
    width: 100%;
}

    .call-details .column1 {
        width: 32.83%;
        padding-right: 0.5%;
        border-right: 1px solid #ccc;
        vertical-align: top;
    }

        .call-details .column1 .content .left-part {
            width: 50%;
            float: left;
        }

            .call-details .column1 .content .left-part .full-width {
                width: 100%;
                line-height: 26px;
                margin-bottom: 0;
            }

            .call-details .column1 .content .left-part .left-part-wrapper {
                width: 100%;
                height: 26px;
            }

                .call-details .column1 .content .left-part .left-part-wrapper .left {
                    width: 14px;
                    text-align: right;
                    color: #999;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    margin-bottom: 0;
                    line-height: 26px;
                }

                .call-details .column1 .content .left-part .left-part-wrapper .right {
                    width: 50%;
                    text-align: left;
                    color: #000;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    margin-bottom: 0;
                    line-height: 26px;
                }

        .call-details .column1 .content .right-part {
            width: 50%;
            float: left;
        }

            .call-details .column1 .content .right-part .full-width {
                width: 100%;
                line-height: 20px;
            }

            .call-details .column1 .content .right-part .right-part-wrapper {
                width: 100%;
                height: 26px;
            }

                .call-details .column1 .content .right-part .right-part-wrapper .left {
                    width: 50%;
                    text-align: right;
                    color: #999;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    margin-bottom: 0;
                    line-height: 26px;
                }

                .call-details .column1 .content .right-part .right-part-wrapper .right {
                    width: 50%;
                    text-align: left;
                    color: #000;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    margin-bottom: 0;
                    line-height: 26px;
                }

    .call-details .column2 {
        width: 32.33%;
        padding: 0 0.5%;
        border-right: 1px solid #ccc;
        vertical-align: top;
    }

        .call-details .column2 .content .left-part {
            width: 50%;
            float: left;
        }

            .call-details .column2 .content .left-part .full-width {
                width: 100%;
                line-height: 26px;
                margin-bottom: 0;
            }

            .call-details .column2 .content .left-part .left-part-wrapper {
                width: 100%;
                height: 26px;
            }

                .call-details .column2 .content .left-part .left-part-wrapper .left {
                    width: 14px;
                    text-align: right;
                    color: #999;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    line-height: 26px;
                    margin-bottom: 0;
                }

                .call-details .column2 .content .left-part .left-part-wrapper .right {
                    width: 50%;
                    text-align: left;
                    color: #000;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    line-height: 26px;
                    margin-bottom: 0;
                }

        .call-details .column2 .content .right-part {
            width: 50%;
            float: left;
        }

            .call-details .column2 .content .right-part .full-width {
                width: 100%;
                line-height: 20px;
            }

            .call-details .column2 .content .right-part .right-part-wrapper {
                width: 100%;
                height: 26px;
            }

                .call-details .column2 .content .right-part .right-part-wrapper .left {
                    width: 50%;
                    text-align: right;
                    color: #999;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 26px;
                    margin-bottom: 0;
                }

                .call-details .column2 .content .right-part .right-part-wrapper .right {
                    width: 50%;
                    text-align: left;
                    color: #000;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 26px;
                    margin-bottom: 0;
                }

    .call-details .column3 {
        width: 32.33%;
        padding: 0 0.5%;
        vertical-align: top;
    }

        .call-details .column3 .content .left-part {
            width: 50%;
            float: left;
        }

            .call-details .column3 .content .left-part .full-width {
                width: 100%;
                line-height: 26px;
                margin-bottom: 0;
            }

            .call-details .column3 .content .left-part .left-part-wrapper {
                width: 100%;
                height: 26px;
            }

                .call-details .column3 .content .left-part .left-part-wrapper .left {
                    width: 50%;
                    text-align: right;
                    color: #999;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    line-height: 26px;
                    margin-bottom: 0;
                }

                .call-details .column3 .content .left-part .left-part-wrapper .right {
                    width: 50%;
                    text-align: left;
                    color: #000;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    line-height: 26px;
                    margin-bottom: 0;
                }

        .call-details .column3 .content .right-part {
            width: 50%;
            float: left;
        }

            .call-details .column3 .content .right-part .full-width {
                width: 100%;
                line-height: 26px;
            }

            .call-details .column3 .content .right-part .right-part-wrapper {
                width: 100%;
                height: 26px;
            }

                .call-details .column3 .content .right-part .right-part-wrapper .left {
                    width: 50%;
                    text-align: right;
                    color: #999;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 26px;
                    margin-bottom: 0;
                }

                .call-details .column3 .content .right-part .right-part-wrapper .right {
                    width: 50%;
                    text-align: left;
                    color: #000;
                    max-width: 90px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 26px;
                    margin-bottom: 0;
                }

    .call-details .blue-heading {
        border-radius: 4px;
        background: #dfe6fe;
        padding: 4px 5px;
        font-size: 14px;
        font-weight: 500;
    }

        .call-details .blue-heading .left-part {
            float: left;
        }

            .call-details .blue-heading .left-part .left-label {
                width: auto;
                max-width: 143px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                text-align: left;
                margin-right: 5px;
            }

        .call-details .blue-heading .right-part .left-label {
            width: auto;
            max-width: 143px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-align: left;
            margin-right: 5px;
        }

        .call-details .blue-heading .right-part {
            float: left;
        }

    .call-details .content {
        padding: 5px;
    }

.callDetailsWrap .SM-SearchBox input[name="BatchNum_input"] {
    width: 100% !important;
}

.callDetailsWrap .smTables .phone-icon {
    top: 2px;
    width: 20px;
    margin-left: 0px;
    line-height: 15px;
    width: 20px;
}

.callDetailsWrap .SMlabelgroup label {
    max-width: 121px;
}

.listNotes .postWrap strong, .listNotes .postWrap b {
    color: inherit;
}

.listNotes .postWrap .ml37 {
    margin-top: -24px;
}

.block-call3 .labelWidth label.labelSmall {
    width: 85px;
    text-align: right;
    padding-right: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    position: relative;
    line-height: 19px;
}

.block-call3 label {
    width: 96px;
}

.block-call3 .req1 {
    right: 0px;
}

#sdcallprocesscontainer .wrapper136.block-call3 .lbl-contactname {
    width: 94px;
}

#sdcallprocesscontainer .listNotes {
    max-height: 300px;
    overflow-y: scroll;
    position: relative;
}

.serviceBlock3 {
    width: 46%;
    float: right;
    padding: 0;
}

    .serviceBlock3 .labelSmall {
        width: 70px;
        text-align: right;
        padding-right: 10px;
    }

/*equipment-manufacturer-model*/
.equipment-manufacturer-model .row1 .column1 {
    width: 260px;
}

.equipment-manufacturer-model .row1 .column2 {
    width: 240px;
}

.equipment-manufacturer-model .row2 .column1 {
    width: 517px;
}

.equipment-manufacturer-model textarea.form-control {
    width: 408px;
}

.equipment-manufacturer-model .column .column-content > label {
    float: left;
}

.equipment-manufacturer-model input[type="text"].form-control {
    width: 151px !important;
    float: left;
}

.equipment-manufacturer-model .column3 {
    width: 190px;
}

    .equipment-manufacturer-model .column3 label {
        line-height: 22px;
    }

/*Call notes UI*/
.call-notes {
    margin-bottom: 45px;
}

    .call-notes h5 {
        margin: 10px 0 0 0;
    }

    .call-notes .notes-content {
        padding: 15px 10px 15px 0;
    }

    .call-notes .call-notes-right-side {
        width: auto;
        padding-top: 15px;
        text-align: right;
    }

        .call-notes .call-notes-right-side .left-wrapper {
            width: auto;
            text-align: right;
            padding-right: 6px;
            display: inline-block;
        }

            .call-notes .call-notes-right-side .left-wrapper label {
                color: #999;
                display: block;
                width: auto;
            }

        .call-notes .call-notes-right-side .right-wrapper {
            width: auto;
            display: inline-block;
            text-align: left;
        }

            .call-notes .call-notes-right-side .right-wrapper label {
                color: #000;
                display: block;
                width: auto;
                text-align: left;
            }

/*Call Details Salesman UI*/
.call-details-salesman {
    margin-top: 20px;
}

    .call-details-salesman .col1 {
        width: 390px;
        padding-right: 25px;
    }

    .call-details-salesman .col2 {
        width: 370px;
    }

    .call-details-salesman .col3 {
        width: 160px;
    }

/*Sales call detail */
.sales-call-details {
}

    .sales-call-details .content-rightside {
        width: auto;
        float: right;
        text-align: right;
    }

        .sales-call-details .content-rightside .left {
            width: auto;
            max-width: 200px;
            color: #555;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-align: right;
            margin-right: 10px;
        }

        .sales-call-details .content-rightside .right {
            width: 110px;
            clear: right;
            max-width: 200px;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-align: left;
        }

.SalesCallBooking .column-content {
    width: 153px;
    display: inline-block;
}

    .SalesCallBooking .column-content label {
        width: 70px;
        display: inline-block;
        padding-right: 12px;
        text-align: right;
        color: #777;
    }

    .SalesCallBooking .column-content span {
        float: right;
        width: 83px;
    }

.SalesCallBooking.column1 {
    margin-left: 15px;
}

#prospectDetails div .lbl-icon, #prospectLocationDetails div .lbl-icon {
    display: inline-block;
    width: 17px;
    color: #000;
}

#prospectDetails div .lbl-label, #prospectLocationDetails div .lbl-label {
    float: right;
    width: calc(100% - 17px );
}

.sales-call-booking {
    padding-right: 1%;
    margin-bottom: 0 !important;
    height: 242px;
}

.salesCallBooking-wrapper #prospectLocationHeader .kendoPagerContainer {
    float: right;
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: 1px;
}

.salesCallBooking-wrapper input.vsminput6 {
    width: 100px !important;
}

.salesCallBooking-wrapper #prospectLocationHeader .link3 {
    position: relative;
    margin-right: 5px;
    margin-top: 3px;
    padding-left: 10px;
}

.salesCallBooking-wrapper .sectionHeading.activities {
    margin: 10px 0 5px 0;
}

.salesCallBooking-wrapper .activities_grid .dis_tbl {
    width: 100%;
}

    .salesCallBooking-wrapper .activities_grid .dis_tbl .dis_tblcell {
        vertical-align: middle;
        line-height: 32px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-left: 10px;
    }

    .salesCallBooking-wrapper .activities_grid .dis_tbl.tbl_heading {
        /*border-bottom: 3px solid #f00;*/
        background-color: #e5e5e5;
        line-height: 20px;
        color: #000;
    }

.salesCallBooking-wrapper .activities_grid .activityRow {
    margin: 0;
    padding: 0;
}

.salesCallBooking-wrapper .activities_grid .form-control.k-widget {
    vertical-align: middle !important;
    height: 29px;
}

.salesCallBooking-wrapper .activities_grid .activity-actions {
    line-height: 14px;
    text-align: center;
}

.salesCallBooking-wrapper .activities_grid .dis_tbl.tbl_heading .dis_tblcell {
    color: #000;
}

.salesCallBooking-wrapper .activities input.btn-blue {
    position: absolute;
    top: -13px;
    right: 0;
}

.salesCallBooking-wrapper .activities_grid .activityRow .activity-actions .glyphicon {
    top: 0 !important;
}

.salesCallBooking-wrapper .conversation {
    background: #fff;
    min-height: 348px;
    border: 1px solid #ccc;
    margin-right: 14px;
    padding: 0;
    overflow-x: hidden;
    height: 348px;
    overflow-y: scroll;
}

    .salesCallBooking-wrapper .conversation .heading {
        background: #3c5ab0;
        margin: 0;
        padding: 0;
        color: #fff;
    }

        .salesCallBooking-wrapper .conversation .heading h4 {
            margin-top: 0;
            margin-bottom: 0;
            padding-bottom: 0;
            line-height: 38px;
            vertical-align: middle;
            color: #fff;
        }

    .salesCallBooking-wrapper .conversation input.btn {
        background-color: transparent;
        border: transparent;
        text-align: right;
        padding: 2px 5px !important;
    }

.salesCallBooking-wrapper .add_button span.glyphicon-plus-sign {
    position: absolute;
    top: -24px;
    right: -180px;
    color: #fff;
    z-index: 999;
}

.salesCallBooking-wrapper .conversation .conversation_list {
    background: #fff;
    padding: 0px 10px 0px 10px;
    border-bottom: 1px solid #ccc;
}

    .salesCallBooking-wrapper .conversation .conversation_list .name, .salesCallBooking-wrapper .conversation .conversation_list .content, .salesCallBooking-wrapper .conversation .conversation_list .date {
        line-height: 30px;
        display: block;
        border-bottom: 1px solid #ccc;
    }

    .salesCallBooking-wrapper .conversation .conversation_list .date {
        color: #888;
        border-bottom: 0;
        text-align: right;
        display: inline;
        float: right;
    }

    .salesCallBooking-wrapper .conversation .conversation_list .name {
        font-weight: bold;
        display: inline;
        top: 40px;
        border: 0;
    }

.salesCallBooking-wrapper .width304 {
    width: 304px;
}

.salesCallBooking-wrapper .btn-conversation {
    background: #5071d0 !important;
    display: inline-block;
    color: #fff;
    padding: 0px 5px;
    border: 1px solid #5879d6;
    border-radius: 3px;
    margin-top: 6px;
    margin-right: -8px;
}

.salesCallBooking-wrapper .width250 {
    width: 250px;
}

.salesCallBooking-wrapper .SM-mapview {
    height: 222px;
}

.salesCallBooking-wrapper .row .test label {
    width: 113px !important;
    min-width: 114px !important;
}

/*Sales call reschedule */
.sales-call-reschedule {
    margin: 10px 0;
    padding-top: 10px;
}

    .sales-call-reschedule .column .column-content {
        margin-bottom: 6px !important;
        height: 26px;
    }

    .sales-call-reschedule .column1 {
        width: 255px;
    }

    .sales-call-reschedule .column2 {
        width: 260px;
    }

    .sales-call-reschedule .row2 .column1 {
        width: 245px;
    }

    .sales-call-reschedule .row2 .column2 {
        width: 170px;
    }

    .sales-call-reschedule .column .column-content > label {
        line-height: 26px;
    }

    .sales-call-reschedule #setupSalesCallActivitiCode-list {
        width: 400px;
    }

/*Invoice List*/
.invoiceField .col-md-12 div {
    width: 244px;
    float: left;
}

    .invoiceField .col-md-12 div label {
        min-width: 90px;
        width: 58px;
        /*text-overflow: ellipsis;*/
        overflow: hidden;
        white-space: nowrap !important;
        position: relative;
    }

.invoice-list-filter {
    background-color: #eeeeee;
    padding: 15px 10px 5px 10px;
}

.lbl-searchBlock {
    padding-left: 91px;
}

    .lbl-searchBlock input {
        width: 131px;
    }

.invoiceBilling .gridFooterLabel.invoiceBillingTotal {
    width: 63px;
}

.invoiceBilling .invoiceBillingSubTotal {
    width: 50px;
}

.invoiceBilling .invoiceBillingDiscount {
    width: 53px;
}

#tokenList-list .ddlspanleft {
    width: 220px;
}
/*Misc*/
.syncing {
    z-index: 99999999;
    position: absolute;
    background: #fff;
    left: 36%;
    text-align: center;
    font-size: 22px;
    padding: 24px;
    border: 1px solid #a2a0a0;
    margin-top: 10%;
    width: 500px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    padding: 25px 25px 25px;
}

    .syncing b {
        color: #0b2a84;
    }

/* Standard div Columns UI*/
.search_filter .pull-left, .time-promised-popup .pull-left,
.service-quote-form .pull-left {
    text-align: left;
}

    .search_filter .pull-left .k-dropdown .k-dropdown-wrap,
    .time-promised-popup .pull-left .k-dropdown .k-dropdown-wrap,
    .service-quote-form .pull-left .k-dropdown .k-dropdown-wrap {
        text-align: left;
    }

    .search_filter .pull-left label,
    .time-promised-popup .pull-left label,
    .service-quote-form .pull-left label {
        margin-right: 10px;
    }

.blue_filter_wrapper {
    background-color: #dfe6fe;
    padding: 10px 10px 10px 10px;
}

/*Common div structure for columns */
.column {
    display: inline-block;
    text-align: left;
    margin-right: 15px;
}

    .column .column-content {
        float: right;
        margin: 0 0 7px 0 !important;
    }

        .column .column-content > label {
            padding-right: 12px;
        }

        .column .column-content.blank {
            height: 32px;
            content: ' ';
            width: 100%;
        }

.zone {
    font-size: 13px;
    font-weight: normal;
    color: rgb(170, 170, 170);
    margin-right: 6px;
}


/*New*/
.time-promised-popup .row .col-md-12 .pull-left {
    /*text-align: right !important;*/
}

    .time-promised-popup .row .col-md-12 .pull-left label {
        text-align: right !important;
        min-width: 115px;
        float: left;
        padding-right: 2px;
        line-height: 26px;
        padding-bottom: 7px;
    }

    .time-promised-popup .row .col-md-12 .pull-left input[type="number"],
    .time-promised-popup .row .col-md-12 .pull-left input[type="email"],
    .time-promised-popup .row .col-md-12 .pull-left input[type="text"],
    .time-promised-popup .row .col-md-12 .pull-left span.k-timepicker {
        width: 160px !important;
        float: left;
    }

        .time-promised-popup .row .col-md-12 .pull-left input[type="text"]#TimeStart,
        .time-promised-popup .row .col-md-12 .pull-left input[type="text"]#TimeEnd,
        .time-promised-popup .row .col-md-12 .pull-left input[type="text"]#CallLateTime {
            width: 100% !important;
        }

.sm_readonly_top_bar label {
    min-width: 100px !important;
    margin-left: 0 !important;
    width: auto !important;
    margin-right: 10px;
    text-align: left;
}


/*Search filter */
.search_filter .pull-left {
    text-align: right;
}

    .search_filter .pull-left .k-dropdown .k-dropdown-wrap {
        text-align: left;
    }

    .search_filter .pull-left label {
        margin-right: 10px;
    }

/*Service Quote */
.serviceQuote label {
    text-align: right;
    min-width: 103px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
}

.serviceQuote .quoteFilter label {
    width: 214px;
}

.quoteBtn {
    position: absolute;
    right: 0px;
    top: -14px;
}

.serviceQuote .quoteFilter .lbl-proposal input {
    width: 134px;
}

.serviceQuote .k-dropdown {
    width: 152px;
    float: right;
}

.serviceQuote .laborps, .serviceQuote .pricesheet, .serviceQuote .salesman2, .serviceQuote .phone-quote {
    width: 192px !important;
}

.serviceQuote .k-widget.k-maskedtextbox {
    width: 152px !important;
}

.serviceQuote input.form-control {
    width: 150px;
}

.serviceQuote #PricingItems input.form-control {
    width: 75px;
}

.serviceQuote #PricingItems .grid-column-search-icon {
    top: 0;
    right: 0px;
}

.serviceQuote select#LeadDate {
    height: 23px !important;
}

.serviceQuote h4.groupHeading {
    margin-bottom: 11px;
    margin-top: -2px;
}

.serviceQuote .box4 label {
    text-align: left !important;
    padding-bottom: 0;
    width: auto;
    min-width: inherit;
}

.serviceQuote .box4 .clearfix label {
    min-width: 50px;
    text-align: left !important;
}

    .serviceQuote .box4 .clearfix label.terms-description {
        text-align: left !important;
    }

.serviceQuote textarea.form-control {
    width: 725px;
    height: 50px;
}

    .serviceQuote textarea.form-control.half-width {
        width: 50%;
    }

.serviceQuote table.k-widget.k-editor.k-header.k-editor-widget {
    width: 890px !important;
}

.serviceQuote .service-quote-form label {
    padding-right: 0;
    min-width: 105px;
}

.serviceQuote .terms, .serviceQuote .zone {
    text-align: left !important;
    min-width: auto !important;
    color: rgb(170, 170, 170);
    margin: auto !important;
}

.service-quote-form .column .column-content {
    min-width: 268px;
}

.service-quote-form .column.serviceSaleMan {
    width: 100% !important;
    padding-left: 8px;
}

    .service-quote-form .column.serviceSaleMan .column-content {
        float: left;
    }

.service-quote-form .column .column-content > label {
    text-align: right !important;
    min-width: 103px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
}

.service-quote-form .column .column-content.phone-quote-yes-no-toggle-btn {
    width: 290px;
}

.service-quote-form .column.column1 {
    width: 279px;
}

.service-quote-form .column.column2 {
    width: 320px;
}

.service-quote-form .column.column3 {
    width: 270px;
}

.service-quote-form .column.column4 {
    width: 278px;
}

.service-quote-form.row3 .column .column-content {
    width: 1210px;
}

    .service-quote-form.row3 .column .column-content input[type="text"] {
        width: 1043px;
    }

.service-quote-form.row3 .column.column1 {
    width: 1197px;
}

.service-quote-form.row3 table.k-widget.k-editor.k-header.k-editor-widget {
    width: 1063px !important;
}

.service-create-quote-description label {
    width: 145px;
    margin-right: 10px;
    text-align: right;
    float: left;
}

.service-quote-form.row3.service-create-quote-description table.k-widget.k-editor.k-header.k-editor-widget, .service-create-quote-description .k-textbox {
    width: calc(100% - 160px) !important;
    float: left;
    text-align: left;
}

@media (min-width:1280px) and (max-width:1440px) {
    .service-quote-form.service-create-quote-form .column {
        margin-right: 13px;
    }

        .service-quote-form.service-create-quote-form .column.column1 {
            width: 286px;
        }

        .service-quote-form.service-create-quote-form .column.column3 {
            width: 310px;
        }

        .service-quote-form.service-create-quote-form .column.column2 {
            width: 290px;
        }

        .service-quote-form.service-create-quote-form .column.column4 {
            width: 300px;
            margin-right: 0;
        }

    .service-create-quote-description label {
        width: 115px;
    }

    .service-quote-form.row3.service-create-quote-description table.k-widget.k-editor.k-header.k-editor-widget, .service-create-quote-description .k-textbox {
        width: calc(100% - 130px) !important;
        float: left;
    }
}

.service-quote-form.service-create-quote-form .column .column-content > label {
    min-width: 106px;
}

.k-icon-circle-btn {
    padding: 0;
    background: transparent !important;
    border: 0;
    font-size: 20px;
    float: left;
    margin-left: 10px;
    color: #3f51b5 !important;
    position: absolute;
    top: -1px;
}

.lbl-Quotes {
    width: auto;
    max-width: 92px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    display: inline-block;
}

.lbl-viewAllQoutes {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 3px;
}


.lbl-QouteHeading {
    float: left !important;
    margin-left: 10px !important;
    width: auto;
    max-width: 140px;
}

.quote-tabs {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.quoteBlock1 .dis-block {
    line-height: 20px;
}

.quoteBlock1 .bold_text {
    font-size: 13px;
    line-height: 26px;
}

.quoteGroup .bold_text {
    font-size: 13px;
}

.quoteGroup label {
    float: none;
    display: block;
    text-align: left !important;
    line-height: 16px;
    padding: 0;
}

.quotePreview {
    width: 100%;
    overflow-y: auto;
    height: 250px;
}

.pricing-bucket-select-indication {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #61b718;
    background-color: #fff;
    border-radius: 12px;
}

.pricing-bucket-total {
    background-color: #f1f0f5;
    padding: 10px 0;
    font-size: 14px;
    margin-top: 15px;
    text-align: right !important;
    color: #000;
    border-radius: 5px;
}

.pb-equip-bucket {
    background-color: #f1f1f5;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

a.vsmlink.pb-edit-equip, a.vsmlink.pb-delete-equip {
    text-align: center;
    top: 0px;
    margin-left: 10px;
    color: #fff;
}

    a.vsmlink.pb-edit-equip:hover, a.vsmlink.pb-edit-equip:focus, a.vsmlink.pb-delete-equip:hover, a.vsmlink.pb-delete-equip:focus {
        color: #fff;
    }

    a.vsmlink.pb-delete-equip, a.vsmlink.pb-delete-equip:hover, a.vsmlink.pb-delete-equip:focus {
        background-color: #ca4040 !important;
    }

        a.vsmlink.pb-edit-equip span, a.vsmlink.pb-delete-equip span {
            top: 3px;
        }

        a.vsmlink.pb-delete-equip span {
            right: 0.1px;
        }
/*Change password */
.change-password .column .column-content > label {
    text-align: right !important;
    min-width: 88px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
}

.change-password .column.column1 {
    width: 330px;
}

    .change-password .column.column1 input {
        width: 200px;
    }

.change-password-savebtn {
    margin-left: 390px;
}
/*custom panel*/
.panel-group .custom-accordian.panel {
    margin: 3px;
    padding: 0 10px 10px 10px;
    box-shadow: 0 0px 12px 0 rgba(0,0,0,0.18);
    border-radius: 6px;
    margin-bottom: 30px;
}

#accordion .panel-group .custom-accordian.panel.panel-default > .panel-heading {
    background: #fff;
    border: none;
    border-bottom: 1px solid #3c5ab0;
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}

#accordion .panel-group .custom-accordian .panel-heading + .panel-collapse .panel-body {
    border: none;
}

    #accordion .panel-group .custom-accordian .panel-heading + .panel-collapse .panel-body .add-pricing-bucket-btn {
        /*position: absolute;
        top: -35px;
        right: 0;*/
        margin-bottom: 8px;
        float: right;
    }

        #accordion .panel-group .custom-accordian .panel-heading + .panel-collapse .panel-body .add-pricing-bucket-btn .k-button {
            padding: 2px 8px;
        }

.buket-coupon {
    border: solid 1px #99d06b;
    padding: 10px;
    height: auto;
    overflow: hidden;
    float: left;
    width: 330px;
    margin: 7px;
    box-shadow: 0 0 4px #bcb8b8;
}

.bucket-coupon-amt {
    width: 85px;
    background-color: #54951e;
    border-radius: 50px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.bucket-coupon-desc {
    float: left;
    width: 67%;
    margin-left: 15px;
    padding-top: 15px;
}

.bucket-coupon-desc-title {
    width: 100%;
    text-transform: capitalize;
    color: #54951e;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.bucket-coupon-desc-date {
    color: #8e8b8b;
    margin-top: 4px;
    font-size: 12px;
    width: 100%;
}

.add-pricing-bucket-btn.pricing-bucket-addons-menu {
    position: absolute;
    right: 30px;
}

.bucket-part-info {
    font-size: 11px;
    line-height: 15px;
}
/*all pricing buckets view only from email*/
.bucket-wrapper {
    height: 470px;
    border: solid 1px #d6d3d3;
    border-radius: 5px;
    width: 19%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    position: relative;
}

.price-red-text {
    color: #d81f1f;
}

.green-bucket .bucket-name, .blue-bucket .bucket-name, .gold-bucket .bucket-name, .orange-bucket .bucket-name, .purple-bucket .bucket-name {
    height: 30px;
    background-color: #74ac3d;
    text-align: center;
    padding-top: 5px;
    text-transform: unset;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.green-bucket .bucket-price, .blue-bucket .bucket-price, .gold-bucket .bucket-price, .orange-bucket .bucket-price, .purple-bucket .bucket-price {
    background-color: #84bd4d;
    height: 42px;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    line-height: 13px;
    opacity: 0.80;
}

.selected-bucket-price:before {
    font-family: FontAwesome;
    content: "\f00c";
    width: 17px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    font-size: 11px;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    margin-right: 5px;
}

.bucket-equipment-wrapper {
    max-height: 200px;
    overflow: auto;
    position: relative;
    overflow-x: hidden
}

.bucket-selction-btn {
    background: red;
    padding: 6px 15px;
    margin: 10px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    border: 0;
}

.bucket-selction-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #ffffff;
}
/*buket colors*/
.blue-bucket .bucket-name {
    background-color: #1f6da0;
}

.gold-bucket .bucket-name {
    background-color: #ceb92c;
}

.orange-bucket .bucket-name {
    background-color: #e79945;
}

.purple-bucket .bucket-name {
    background-color: #b977be;
}

.blue-bucket .bucket-price, .bucket-selction-btn-blue {
    background-color: #2980b9;
}

.gold-bucket .bucket-price, .bucket-selction-btn-gold {
    background-color: #dac746;
}

.orange-bucket .bucket-price, .bucket-selction-btn-orange {
    background-color: #f4a958;
}

.purple-bucket .bucket-price, .bucket-selction-btn-purple {
    background-color: #d995de;
}

.bucket-selction-btn-green {
    background: #84bd4d;
}

.selected-bucket {
    border: solid 2px #84bd4d;
    box-shadow: 0 0 12px #b7b6b6;
}

.bucket-scrollbar-container {
    margin-right: -15px;
    padding-right: 15px;
    margin-left: -15px;
    padding-left: 15px;
    position: relative
}

.bucket-confirmation-equipment .panel-title > a {
    text-decoration: none;
}

.bucket-confirmation-equipment .pb-equip-image {
    height: auto;
    max-width: 110px;
    max-height: 60px;
}
/*bucket confirmation*/
.bucket-confirmation-wrapper {
    /*border: solid 1px #d6d3d3;*/
    border-radius: 5px;
    width: 98%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 20px 10px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    box-shadow: 0 0 12px #d8d5d5;
}

    .bucket-confirmation-wrapper .bucket-price {
        font-size: 14px;
        padding-top: 10px;
        height: 35px;
        opacity: 8;
    }

    .bucket-confirmation-wrapper .bucket-price-selected {
        background-color: rgba(0, 0, 0, 0.15);
        padding: 11px;
        margin-top: -10px;
    }

.opacity-0-5 {
    opacity: 0.5;
}

.bucket-confirmation-pricing-header {
    background-color: #cdced1;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.5px
}

.quote-confirmation-sign-pad {
    border: solid 1px #c4c2c2;
    width: 99.5% !important;
    height: 220px !important;
    border-radius: 5px;
    float: left;
}

.bucket-confirmation-tech-img {
    border-radius: 77px;
    width: 75px;
    height: 75px;
}

.bucket-confirm-sales-price {
    background-color: #2980b9;
    padding: 8px 15px;
    color: #fff;
    font-size: 16px;
}

.bucket-confirm-sales-total-price {
    background-color: #2a3d4f;
    color: #fff;
    font-size: 18px;
    padding: 8px 15px;
}

.bucket-confirmation-wrapper .buket-coupon {
    height: auto;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 7px;
    box-shadow: 0 0 9px #d2cece;
    border-radius: 7px;
    padding: 0;
    border: none;
}

.bucket-confirmation-wrapper .bucket-coupon-ico {
    width: 65px;
    background-color: #e6320e;
    border-radius: 5px 0 0 5px;
    height: 75px;
    line-height: 85px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.bucket-confirmation-sm-logo {
    padding-top: 0px;
    border-right: 1px solid #ccc;
    max-height: 72px;
    text-align: left;
    height: 100%;
    width: auto;
}

    .bucket-confirmation-sm-logo img {
        width: auto;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
    }
/*Solution codes filter ui*/
.solution-code-filter .row1 .column1 {
    width: 312px;
}

    .solution-code-filter .row1 .column1 input[type="text"] {
        width: 207px;
        margin-left: 0 !important;
    }

.solution-code-filter .row1 .column2 {
    width: auto;
}

    .solution-code-filter .row1 .column2 .description {
        width: 538px;
    }

.solution-code-filter .row2 .column1 {
    width: 334px;
    margin-right: 20px;
    padding-right: 45px;
}

    .solution-code-filter .row2 .column1 .k-widget.k-dropdown {
        margin-left: 0 !important;
        margin-right: 12px !Important;
        width: 121px !important;
    }


    .solution-code-filter .row2 .column1 input[type="text"] {
        width: 60px;
    }

    .solution-code-filter .row2 .column1 .doller, .solution-code-filter .row2 .column1 .amount {
        width: 20px;
        position: absolute;
        right: -30px;
        top: 0px;
    }

#equipment-or-parts-pricing .k-dropdown,
#equipment-or-parts-pricing input[type="text"],
#labor-or-other-pricing .k-dropdown, #labor-or-other-pricing input[type="text"], .taskDescription textarea {
    width: 100%;
}

#equipment-or-parts-pricing .col-sm-12, #labor-or-other-pricing .col-sm-12 {
    clear: both;
}

.pricingIs .width-184 {
    width: 184px !important;
}

.pricing-item .number-input, .pricing-item .width_150 {
    width: 258px !important;
}

#PricingTabs #content {
    padding: 0.8em 0.2em;
}

#PricingTabs .tripChargeCol {
    padding: 1em 0.2em 0.2em !important;
}

    #PricingTabs .tripChargeCol .k-grid-content .k-dropdown input.k-invalid {
        height: 27px;
        top: 4px;
        width: 97% !important;
    }

.solution-code-filter .row2 .column2 {
    width: auto;
}

    .solution-code-filter .row2 .column2 .k-widget.k-dropdown {
        margin-left: 0 !important;
        margin-right: 0px !Important;
        width: 70px;
    }

        .solution-code-filter .row2 .column2 .k-widget.k-dropdown .k-dropdown-wrap {
            height: 26px;
        }

.solutionDetails .modal-dialog {
    width: 900px;
}

.solution-code-filter .row2 .column3 {
    width: auto;
}

    .solution-code-filter .row2 .column3 .k-widget.k-dropdown {
        margin-left: 0 !important;
        margin-right: 12px !Important;
    }

        .solution-code-filter .row2 .column3 .k-widget.k-dropdown .k-dropdown-wrap {
            height: 26px;
        }

.SolutionCodeDetailsPopup {
    min-height: 500px;
    width: 94%;
    margin-left: 3%;
}

    .SolutionCodeDetailsPopup .lbl-heading {
        background: #eee;
        padding: 5px;
        margin-top: 5px;
    }

    .SolutionCodeDetailsPopup .tableHead {
        border-bottom: 1px solid #ccc;
        background-color: #5879d6;
        line-height: 25px;
        color: #ffffff;
        margin-top: 5px;
    }

/*Reschedule-call*/
.reschedule-call .filter-bg {
    background: #eee;
    vertical-align: middle;
    margin-bottom: 5px;
    border-radius: 5px;
}

.reschedule-call .column .column-content {
    margin: 4px 0 0 0 !important;
}

.reschedule-form label {
    float: left;
    margin: 5px 12px 0 0;
    width: 200px;
    text-align: right;
}

/*contract-general-details wizard step one */
.contract-general-details .k-widget.k-dropdown,
.contract-general-details input[type="text"],
.contract-general-details .k-widget.k-maskedtextbox {
    width: 151px !important;
    margin-right: 0 !important;
}

.contract-general-details .column .column-content > label {
    line-height: 26px;
    margin-left: 0px;
    width: 140px;
}

.contract-general-details .k-datepicker .k-picker-wrap .k-select {
    line-height: 1.65em !important;
}

.contract-general-details .border {
    border: 0px;
    padding: 0px;
}

.SDContractRenewEmailPreview .modal-dialog {
    width: 900px !important;
}


.acceptContractRenewal .contractMsg h1.loginheading {
    font-size: 21px;
    color: #fff;
    background: #575d6c;
    margin: 0;
    padding: 9px;
}

.acceptContractRenewal div.logincontainer {
    padding: 0px;
    margin: 50px auto;
    width: 750px;
}

.acceptContractRenewal #contractDetails .smName {
    font-size: 14px;
    color: #3c5ab0;
    font-weight: bold;
    margin: 0px;
    padding-top: 15px;
}

.acceptContractRenewal .contractInfoTable {
    display: inline-block;
    width: 48%;
    margin-right: 1%;
}

    .acceptContractRenewal .contractInfoTable:last-child {
        margin-right: 0% !important;
        margin-left: 2%;
    }

    .acceptContractRenewal .contractInfoTable .contractInfoBody {
        border: 1px solid #ddd;
        padding: 5px;
        background: #ececec;
        margin-bottom: 10px;
    }

    .acceptContractRenewal .contractInfoTable h6 {
        font-size: 14px;
        color: #484c56;
        font-weight: bold;
        margin-top: 0;
    }

    .acceptContractRenewal .contractInfoTable .contractInfo div:first-child {
        line-height: 26px;
        width: 126px;
        display: inline-block;
        padding-right: 10px;
        text-align: right;
        color: #252424;
    }

    .acceptContractRenewal .contractInfoTable .contractInfo div:last-child {
        width: calc(100% - 144px);
        display: inline-block;
    }

.acceptContractRenewal .contractMsg .successAlready {
    padding: 15px 10px 0px;
}

.contract-general-details .row1 .column1 {
    width: 272px;
}

.contract-general-details .row1 .column2 {
    width: 572px;
}

    .contract-general-details .row1 .column2 .border {
        margin-bottom: 0px;
        padding: 5px;
        width: 542px;
    }

        .contract-general-details .row1 .column2 .border label {
            margin-right: 18px;
        }

        .contract-general-details .row1 .column2 .border input[type="password"] {
            width: 148px;
            margin-right: 12px !important;
        }

.contract-general-details .row2 .number-system input[type="text"], .contract-general-details .row2 .amount input[type="text"] {
    width: 151px !important;
}

.contract-general-details .row2 .column1 {
    width: 272px;
}

.contract-general-details .row2 .column2 {
    width: 290px;
}

.contract-general-details .row2 .column3 {
    width: 265px;
}

.contract-general-details .row2 .column4 {
    width: 260px;
}

.contract-general-details .contract-toggle {
    margin-top: -5px;
}

    .contract-general-details .contract-toggle .column-content {
        width: 100%;
    }

    .contract-general-details .contract-toggle .contract-toggle-short-label {
        width: 100px;
    }

    .contract-general-details .contract-toggle .bootstrap-switch {
        margin-left: 1px !important;
        text-align: left !important;
        float: left !important;
        margin-right: 71px !important;
        margin-top: 2px !important;
    }

.contract-general-details .row3 .column1 {
    width: 272px;
}

.contract-general-details .row3 .column2 {
    width: 620px;
}

    .contract-general-details .row3 .column2 .border {
        margin-bottom: 0px;
        padding: 5px;
        width: 608px;
    }

        .contract-general-details .row3 .column2 .border input[type="checkbox"] {
            top: 0;
        }

        .contract-general-details .row3 .column2 .border .pull-left {
            margin-right: 12px;
        }

.contract-general-details .row4 .column .column-content > label {
    margin-top: 18px;
}

.contract-description-textarea {
    float: left;
    width: calc(100% - 160px);
    margin-left: 4px;
}

/*contract-general-details wizard step step two */
.contract-general-details-step2 .column .column-content > label {
    line-height: 26px;
    margin-left: 0px;
}

.contract-general-details-step2 .row1 .column1 {
    width: 310px;
}

.contract-general-details-step2 .row1 .column2 {
    width: 636px;
}

    .contract-general-details-step2 .row1 .column2 .inline_block {
        width: 441px;
    }

.contract-general-details-step2 .row2 .column1 {
    width: 310px;
}

.contract-general-details-step2 .row2 .column2 {
    width: 330px;
}

.contract-general-details-step2 .row2 .column3 {
    width: 330px;
}

/*contract-general-details wizard step step three */
.contract-general-details-step3 .regBillingTable td:first-child {
    text-align: right;
    padding: 0px 10px 0px 10px;
}

.contract-general-details-step3 .regBillingTable td label {
    text-align: right;
    width: 90px;
}

.contract-general-details-step3 .contract-billing .regBillingFormTable label {
    text-align: right;
    padding-right: 12px;
    width: 87px;
}

.contract-general-details-step3 .contract-billing .regBillingFormTable .k-picker-wrap .k-select {
    line-height: 1.65em !important;
}

/*contract-general-details wizard step step four */
.contract-general-details-step3 .reserve-accounting .regBillingFormTable td:first-child {
    text-align: right;
    padding: 0px 10px 0px 0px;
}

.contract-general-details-step3 .reserve-accounting .regBillingFormTable td label {
    text-align: right;
    width: 87px;
}

.contract-general-details-step3 .reserve-accounting .regBillingFormTable label {
    text-align: right;
    padding-right: 12px;
    width: 87px;
}

.contract-general-details-step3 .reserve-accounting .regBillingFormTable .k-picker-wrap .k-select {
    line-height: 1.65em !important;
}

/*contract-general-details wizard last step */
.contract-general-details-last-step .column .column-content > label {
    width: 134px;
    text-align: right;
    margin-right: 0;
    line-height: 32px;
    vertical-align: top;
}

.contract-general-details-last-step .column .column-content > span {
    display: inline-block;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 110px;
}

.contract-general-details-last-step .column.column4 .column-content > span {
    width: 220px;
}

.contract-general-details-last-step .column .column-content {
    width: 100%;
}

.contract-description {
    max-height: 150px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.contract-general-details-last-step .column1 {
    width: 250px;
}

.contract-general-details-last-step .column2 {
    width: 250px;
}

.contract-general-details-last-step .column3 {
    width: 250px;
}

.contract-general-details-last-step .column4 {
    width: 360px;
}

.contract-general-details-last-step .column .column-content input[type="checkbox"] {
    margin-top: 11px;
}

.contractMsg h1.loginheading {
    font-size: 26px;
    margin-bottom: 16px;
    color: #5d5d5d;
}

.contractMsg .successAlready {
    font-size: 17px;
    color: #292828;
    text-align: center;
    padding: 14px 10px 26px;
}

.journal-total {
    padding: 8px 0;
    margin-right: 26px;
}

    .journal-total .labelSmall {
        margin-right: 55px;
    }

.journal-total-credit-amt {
    margin-left: 90px;
}
/*Service Contract tabs */
/*Notes*/
.service-contract-tab-notes {
    position: relative;
}

    .service-contract-tab-notes textarea {
        /*margin-top: 34px;*/
        margin-bottom: 15px;
    }

    .service-contract-tab-notes button {
        /*position: absolute;
        top: 14px;
        right: 17px;*/
    }

/*Service Dispatch zip code */
.service-dispatch-zip-code {
    margin-top: 5px;
}

/*.service-dispatch-zip-code .k-state-default > .k-select {
        background-color: #fff;
    }*/

.isToggle label {
    width: 91px !important;
    line-height: 29px;
}

.isToggle .bootstrap-switch {
    margin-top: 5px;
}

.isToggle .width-145 {
    width: 170px !important;
}
/* Problem Task Code */
input.numeric-input {
    display: block !important;
    border-radius: 3px !important;
    height: 23px;
}

/*Common class accross application */
.clear-float {
    clear: both;
}

input[type=text]::-ms-clear {
    display: none;
}

textarea {
    resize: none;
}

::-ms-clear {
    display: none;
}

.hrStyle {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
}

.distbl {
    display: table;
    width: 100%;
}

.glyaphiconLeft {
    float: left;
    padding-right: 5px;
    margin-top: 3px;
}

.distblcell {
    display: table-cell;
}

.bootstrap-switch.bootstrap-switch-mini {
    min-width: initial !important;
}

.dis_tbl {
    display: table;
}

.dis_tblcell {
    display: table-cell;
}

.parent_fullwidth {
    width: 1220px;
}

.top-16 {
    top: -16px;
}

.top-13 {
    top: 13px;
}

.qbLogo {
    position: absolute;
    z-index: 999;
    right: 100px;
    top: -1px;
}

.TwilioActivationDetailsForm .k-textbox {
    width: 100%;
    margin-bottom: 10px;
}

.twillio-call {
    position: absolute;
    z-index: 999;
    top: -1px;
    right: 0px;
    width: 60px;
    height: 38px;
    background-color: #2c4794;
    padding-top: 5px;
}

    .twillio-call.k-state-hover:hover, .twillio-call.k-state-hover:focus {
        background-color: #2c4794;
    }

    .twillio-call .userlink {
        background-color: transparent !important;
        color: #ffffff !important;
        font-size: 26px;
        border: none;
        padding: 6px 10px !important;
    }

        .twillio-call .userlink:hover {
            background-color: #2c4794 !important;
        }

    .twillio-call .k-i-arrow-60-down {
        display: none;
    }

    .twillio-call .userlink .badge {
        top: -1px;
        right: -4px;
        font-size: 12px;
        padding: 3px 4px;
        background-color: red;
        color: #ffffff;
        position: absolute;
    }

    .twillio-call .dropdown-menu {
        padding-top: 0;
        min-width: 320px !important;
        right: 130px;
        border-radius: 0;
    }

.twillio-call-ico {
    float: left;
    margin: 8px 0px 5px 10px !important;
}

.twillio-call .dropdown-menu > li > a {
    padding: 10px 10px 5px 5px !important;
    width: 200px;
    display: inline-block !important;
    word-wrap: break-word;
    white-space: normal;
    line-height: 20px;
    font-size: 13px;
}

    .twillio-call .dropdown-menu > li > a span {
        color: #3c5ab0;
        font-weight: bold;
    }

.twillio-call .dropdown-menu > li > span.k-link:hover, .twillio-call .dropdown-menu > li > span.k-link:focus,
.twillio-call .dropdown-menu > li.serviceCallInfo > a:hover, .twillio-call .dropdown-menu > li.serviceCallInfo > a:focus {
    background: none !important;
    text-decoration: none !important;
    color: #333 !important;
}

.service-call-heading {
    background-color: #e6ecf2 !important;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0px !important;
}

    .service-call-heading img {
        vertical-align: top;
    }

.connect-twillio-call-btn {
    padding: 2px !important;
    line-height: 1em;
    border-radius: 2px;
    margin-top: -2px;
    margin-right: 2px;
    display: inline-block;
}

    .connect-twillio-call-btn:hover, .connect-twillio-call-btn:focus {
        color: #ffffff !important;
    }

.incoming-call-btn {
    display: inline-block;
    background-color: transparent;
    font-size: 15px;
    float: left;
    margin-top: -4px;
    padding-right: 0 !important;
}

.twillio-hang-up-btn {
    background-color: #da382b;
    width: 30px;
    float: left;
    padding: 1px 5px;
    color: #ffffff;
    min-height: 20px;
}

.twillio-hold-btn {
    background-color: #fe9b3b;
    width: 24px;
}

.twillio-caller-number {
    background-color: #20711c;
    max-width: 160px;
    float: left;
    padding: 3px 8px;
    color: #ffffff;
    font-weight: bold;
}

    .twillio-caller-number img {
        display: inline-block;
    }

.twillio-call-sm-detail {
    float: left;
    padding: 3px 8px;
    color: #fff;
}

.twillio-call-close {
    float: right;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

    .twillio-call-close a {
        color: #ffffff;
    }

        .twillio-call-close a:hover {
            text-decoration: none;
        }

.hangup-button {
    background: none;
    padding: 0 !important;
    color: #fff;
}

.twillo-call-detail {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6ecf2;
}

.twillo-call-detail-disabled, .twillo-call-detail-disabled .btn {
    opacity: 0.5;
    pointer-events: none;
}

.twillio-activation-grid {
    margin-top: 50px;
}

    .twillio-activation-grid .AddTwilioNumber-btn {
        margin-top: -75px;
    }
/*twilio animation*/
@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}


.service-call-heading {
    background-color: #e6ecf2;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 7px 10px;
}

    .service-call-heading img {
        vertical-align: top;
    }

.icon_notes {
    background-image: url('../images/notes.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: 0px 0px;
    margin-left: 3px;
}

.nopadding {
    padding: 0px !important;
}

input.red_border {
    display: block !important;
    position: absolute;
    top: 0px;
    background: transparent;
}

.red_border .k-dropdown-wrap .k-input:not(:empty) {
    visibility: hidden;
}

.arContentWrap .infoGrid .k-dropdown {
    width: 53px;
    float: none;
    margin-bottom: 0px;
}

.content-disabled {
    pointer-events: none;
}

.height-72 {
    height: 72px;
}

.line-height-15 {
    line-height: 15px !important;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-22 {
    line-height: 22px !important;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-28 {
    line-height: 28px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-33 {
    line-height: 33px;
}

.height-18 {
    height: 18px;
}

.height-20 {
    height: 20px;
}

.height-23 {
    height: 26px;
}

.height-26 {
    height: 26px !important;
}

.height-29 {
    height: 29px;
}

.height-45 {
    height: 45px;
}

.height-56 {
    height: 56px;
}

.height-80 {
    height: 29px;
}

.height-129 {
    height: 129px;
}

.height-150 {
    height: 150px;
}

.height-175 {
    height: 175px;
}

.height-220 {
    height: 220px !important;
}

.max-height-260 {
    max-height: 260px !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index4444 {
    z-index: 4444;
}

.full-height {
    height: 100%;
}

.heightInherit {
    height: inherit !important;
}

.min-height-70 {
    min-height: 70px !important;
}

.min-height {
    min-height: inherit !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.min-height-220 {
    min-height: 220px !important;
}

.min-height-240 {
    min-height: 240px !important;
}

.min-height-275 {
    min-height: 275px !important;
}

.min-height-145 {
    min-height: 145px !important;
}

.min-height-500 {
    min-height: 500px !important;
}

.min-width-50 {
    min-width: 50px !important;
}

.min-width-65 {
    min-width: 65px !important;
}

.height-auto {
    height: auto;
    overflow: hidden;
}

.width-72 {
    width: 72px !important;
}


.min-width-80 {
    min-width: 80px !important;
}

.min-width-auto {
    min-width: auto !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

.font13 {
    font-size: 13px;
}

.font15 {
    font-size: 15px !important;
}

.background-ddd {
    background-color: #ddd;
}

.bottom12 {
    bottom: 12px;
}

.left6 {
    left: 6px;
}

.right0 {
    right: 0;
}

.color-black {
    color: #000 !important;
}

.txt-color-blue {
    color: #5879d6;
}

.asterisk-left {
    color: #ff0000;
    font-size: 14px;
    position: relative;
    right: 2px;
    float: left;
    top: 0px;
}

.empty_content {
    visibility: hidden;
    height: 32px;
}

.no-border {
    border: none !important;
}

.transparent-bg {
    background: transparent !important;
}

.dis-inl-blk {
    display: inline-block !important;
}

.custom-overlay {
    position: absolute;
    width: 100%;
    background: #000;
    opacity: 0.5;
    height: 100%;
    z-index: 999;
}

.panel-industryfield-heading {
    z-index: 999;
}

.sm-left-lbl {
    color: #555 !important;
    line-height: 26px;
    height: 26px;
    max-width: 110px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.kendo-editor-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.vtop {
    vertical-align: top;
}

.customBorder {
    border: 1px solid #ddd;
}

.custom-kendo-grid-ui .header-cell {
    background: #e5e5e5 !important;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: 5px 0px !important;
    border-bottom: 0;
    text-align: center;
}

.custom-kendo-grid-ui .row-cell {
    padding: .6em .6em !important;
    border-style: solid;
    border-color: #ccc;
    border-width: 0px 1px 0px 0px !important;
    height: 36px;
}

    .custom-kendo-grid-ui .row-cell input {
        margin-top: -4px;
    }

.custom-kendo-grid-ui .actions-icon-wrapper {
    width: 35px;
    min-width: 35px;
    border: none !important;
    /*opacity: 0;*/
    margin: 0;
    padding: 5px 0;
    /*height: 17px;*/
    background: none !important;
}

.custom-kendo-grid-ui .actions-icon {
    color: #3c5ab0 !important;
}

.custom-kendo-grid-ui .content-box {
    border-left: 1px solid #ccc;
}



.custom-kendo-grid-ui .collapsible-icon-wrapper {
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    background: #fff !important;
}

.custom-kendo-grid-ui .collapsible-icon {
    border: 1px solid #ccc !important;
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

.custom-kendo-grid-ui .row-details {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 10px;
    display: none;
    background: #fff !important;
}

.custom-kendo-grid-ui .row-record:hover {
    background: #ddd;
}

.custom-kendo-grid-ui .detail-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .custom-kendo-grid-ui .detail-list li {
        background: #d7e3f0;
        color: #000;
        padding: 10px;
        margin-bottom: 3px;
        cursor: pointer;
    }

        .custom-kendo-grid-ui .detail-list li.selected {
            background: #3c5ab0;
            color: #fff;
        }

.custom-kendo-grid-ui .k-header.header-cell.green-1 {
    width: 12.5%;
    float: left;
    background: #d9f3c4 !important;
}

.custom-kendo-grid-ui .k-header.header-cell.green-2 {
    width: 25%;
    float: left;
    background: #bbe798 !important;
}

.custom-kendo-grid-ui .k-header.header-cell.green-3 {
    width: 50%;
    float: left;
    background: #66993d !important;
    color: #fff !important;
}

.custom-kendo-grid-ui .k-header.header-cell.orange-1 {
    width: 12.5%;
    float: left;
    background: #fee5de !important;
}

.custom-kendo-grid-ui .k-header.header-cell.orange-2 {
    width: 25%;
    float: left;
    background: #fed6cc !important;
}

.custom-kendo-grid-ui .k-header.header-cell.orange-3 {
    width: 50%;
    float: left;
    background: #ed4518 !important;
    color: #fff !important;
}

.custom-kendo-grid-ui .details-grid .row-cell {
    width: 12.5%;
    float: left;
}

.custom-kendo-grid-ui .details-grid .selectable-row {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.custom-kendo-grid-ui .k-pager-wrap {
    border: 1px solid #ddd;
}

.custom-kendo-grid-ui .description-icon {
    right: 5px;
    position: absolute;
    top: 6px;
    cursor: pointer;
}

.custom-kendo-grid-ui .description-text-width {
    width: 90%;
}

.custom-kendo-grid-ui .detail-list-container {
    max-height: 165px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.custom-kendo-grid-ui .footer-cell {
    padding-right: 10px !important;
}

.custom-kendo-grid-ui .pricing-bucket-list {
    max-height: 160px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#AccountStructure .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block2 .hours-to-bill {
    position: absolute;
    top: 2px;
}

.no-border-left {
    border-left: 0px !important;
}

.has-error .form-control {
    border-color: #ff0000;
}

/*Common width classes*/
.width_auto, .SM-contract-step1 > .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > .k-widget.k-dropdown {
    width: auto !important;
}

.w-200 {
    width: 200px !important;
}

.width-14 {
    width: 14px;
}

.width-15 {
    width: 15px;
}

.width-5-prct {
    width: 5%;
}

.width-15-prct {
    width: 15%;
}

.width-25-prct {
    width: 25%;
}

.width-40-prct {
    width: 40%;
}

.width-25 {
    width: 25px;
}

.width-30 {
    width: 30px !important;
}

.width-32 {
    width: 32px !important;
}

.width-40 {
    width: 40px !important;
}

.width-46 {
    width: 46px !important;
}

.width-49 {
    width: 49px !important;
}

.width_50 {
    width: 50px;
    float: left;
}

.width-50 {
    width: 50px !important;
}

.width-55 {
    width: 55px !important;
}

.width-54-prct {
    width: 54% !important;
}

.width-65 {
    width: 65px !important;
}

.width_80 {
    width: 80px !important;
}

.width_85 {
    width: 85px !important;
}

.width-72-prct {
    width: 72% !important;
}

.width-75 {
    width: 75px !important;
}

.width-69 {
    width: 69px !important;
}

.width-71 {
    width: 71px !important;
}

.width-10 {
    width: 10px !important;
}

.width_100 {
    width: 100px !important;
    float: left;
}

.width_105 {
    width: 105px !important;
}

.width_110 {
    width: 110px !important;
}

.width_120 {
    width: 120px !important;
}

.width-125 {
    width: 125px !important;
}

.width-127 {
    width: 127px !important;
}

.width-130 {
    width: 130px !important;
}

.width-134 {
    width: 134px;
}

.width-135 {
    width: 135px !important;
}

.width-137 {
    width: 137px !important;
}

.width-137-5 {
    width: 137.5px !important;
}

.width-138 {
    width: 138px !important;
}

.width-140 {
    width: 140px !important;
}

.width-142 {
    width: 142px !important;
}

.width-145 {
    width: 145px !important;
}

.width_150 {
    width: 150px !important;
    float: left;
}

.width151 {
    width: 151px !important;
}

.width-154 {
    width: 154px !important;
}

.width-162 {
    width: 162px !important;
}

.width-170 {
    width: 170px;
}

.width_160 {
    width: 160px !important;
}

.width_175 {
    width: 175px !important;
    float: left;
}

.width-184 {
    width: 184px !important;
}

.width_190 {
    width: 190px !important;
    float: left;
}

.width_200 {
    width: 200px !important;
    float: left;
}

.width_275 {
    width: 275px !important;
    float: left;
}

.width-213 {
    width: 213px !important;
}

.width_165 {
    width: 215px;
    float: left;
    position: relative;
}

.width-226 {
    width: 226px !important;
}

.width-220, #creditCard-list .ddlspanleft {
    width: 220px !important;
}

.width-230 {
    width: 230px !important;
}

.width-235 {
    width: 235px !important;
}

.width243 {
    width: 243px !important;
}

.width_250 {
    width: 250px !important;
    float: left;
}

.width250 {
    width: 250px !important;
}

.width254 {
    width: 254px !important;
}

.width257 {
    width: 257px !important;
}

.width-260 {
    width: 260px !important;
}

.width-264 {
    width: 264px !important;
}

.width290 {
    width: 290px !important;
}

.width295 {
    width: 295px !important;
}

.width-305 {
    width: 305px !important;
}

.width-310 {
    width: 310px;
}

.width-318 {
    width: 318px;
}

.width-320 {
    width: 320px;
}

.width-330, #TaxCode-list .ddlspanleft {
    width: 330px;
}

.width336 {
    width: 336px !important;
}

.width346 {
    width: 346px !important;
}

.width-356 {
    width: 356px !important;
}

.width-365 {
    width: 365px !important;
}

.width-376 {
    width: 376px !important;
}

.width-415 {
    width: 415px !important;
}

.width-430 {
    width: 430px !important;
}

.width-435 {
    width: 435px !important;
}

.width-440 {
    width: 440px !important;
}

.width-450 {
    width: 450px !important;
}

.width-455 {
    width: 455px !important;
}

.width-465 {
    width: 465px !important;
}

.width-176 {
    width: 176px !important;
}

.width435 {
    width: 435px;
}

.width536 {
    width: 536px;
}

.width-578 {
    width: 578px !important;
}

.width-735 {
    width: 735px !important;
}

.width-750 {
    width: 750px !important;
}

.width-1190 {
    width: 1190px;
}

.width-1200 {
    width: 1200px;
}

.width-96-prct {
    width: 96%;
}

.width-93 {
    width: 93% !important;
}

.width-91 {
    width: 91px !important;
}

.width-95, #creditCard-list .ddlspanright {
    width: 95px !important;
}

.width_80Prct {
    width: 79%;
    padding: 0 1% 0 0;
}

.width_20Prct {
    width: 20%;
}

.width_47Perct {
    width: 47%;
    float: left;
}

.width-inherit {
    width: inherit !important;
}

.width-900 {
    width: 900px !important;
}


.width_6Perct {
    width: 6%;
    float: left;
    text-align: center;
    vertical-align: bottom;
    height: 100%;
    display: table-cell;
    position: relative;
}

    .width_6Perct a {
        color: #000;
        display: inline-block;
        margin: 0 auto 5px;
    }

        .width_6Perct a .badge {
            margin: 0 auto;
            display: block;
            width: 50px;
            background: #3c5ab0;
            height: 26px;
            font-size: 12px;
            line-height: 19px;
            border-radius: 4px;
        }

.width-100-prct {
    width: 100% !important;
}

.width-82-prct {
    width: 82%;
}

.width-85-prct {
    width: 85% !important;
}

.width-75-prct {
    width: 75% !important;
}

.width-4-perc {
    width: 4%;
}

.width-12-perc {
    width: 12%;
}

.width80 {
    width: 80%;
}

.width20px {
    width: 20px;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.width14 {
    width: 14%;
}


.width-auto {
    width: auto !important;
}

.min-width-80per {
    min-width: 80% !important;
}

.max-width-80per {
    max-width: 80% !important;
}

.max-width-100 {
    max-width: 100px !important;
}

.max-width-100-prct {
    max-width: 100% !important;
}

.max-width-125 {
    max-width: 125px !important;
}

.max-width-105 {
    max-width: 105px !important;
}

.max-width-170 {
    max-width: 105px !important;
}

.max-witdth-110 {
    max-width: 110px !important;
}

.max-witdth-115 {
    max-width: 115px !important;
}

.max-witdth-200 {
    max-width: 200px !important;
}

.max-witdth-380 {
    max-width: 380px !important;
}

.max-width-890 {
    max-width: 890px;
}
/*Common line height classes */
.lineheight1 {
    line-height: 24px !important;
}

.lineheight18 {
    line-height: 18px !important;
}

.lineheight28 {
    line-height: 28px !important;
}

.height-0 {
    height: 0;
}

.width_165 label {
    line-height: 27px;
}

.height-27 {
    height: 27px;
}

.height-33 {
    height: 33px;
}

.height-32 {
    height: 32px !important;
}

.height-30 {
    height: 30px;
}

.height-40 {
    height: 40px;
}

.height-275, .CampaignEmailBodyForm table.k-editor {
    height: 275px !important;
}

.height-375 {
    height: 375px !important;
}

.height-500 {
	height: 490px !important;
}

.line-height-26 {
	line-height: 26px !important;
}

.line-height-27 {
    line-height: 27px !important;
}

.min-height-27 {
    min-height: 27px;
}

.min-height-36 {
    min-height: 36px;
}

/*Common padding classes */
.padding-right-0 {
    padding-right: 0px;
}

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

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-35 {
    padding-right: 35px;
}


.padding3 {
    padding: 5px !important;
}

.padding-left-0, .assignedcalls span span.icon-container {
    padding-left: 0px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-left-150 {
    padding-left: 150px;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-3 {
    padding-left: 3px !important;
}

.padding-left-1 {
    padding-left: 1px !important;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-20-per {
    padding-left: 20%;
}

.padding-left-24-per {
    padding-left: 24%;
}

.padding-left-12 {
    padding-left: 12px !important;
}

.padding-left-15-per {
    padding-left: 15%;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-12 {
    padding-right: 12px !important;
}

.padding-right-1-prct {
    padding-right: 1% !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-7 {
    padding-right: 7px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.padding-top-7-per {
    padding-top: 7%;
}

.padding-top-12 {
    padding-top: 12px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-10, .sm-tech-pik label {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-t-b-0-l-r-20 {
    padding: 0 20px;
}

.padding20 {
    padding: 20px;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-4 {
    padding-bottom: 4px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-12 {
    padding-bottom: 12px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.p-l-b-0 {
    padding: 3px 10px 0 0;
}

.padding-LR-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-0 {
    padding: 0px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-15-top-btm {
    padding: 15px 0 !important;
}

.padding-10-top-btm {
    padding: 10px 0 !important;
}

.padding-5-top-btm {
    padding: 5px 0 !important;
}

.padding-3-top-btm {
    padding: 3px 0 !important;
}

.padding-10 {
    padding: 10px;
}

.padding-right-18 {
    padding-right: 18px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding-grid-heading {
    padding: 0 0.6em;
}

.p-l-r-5 {
    padding: 0px 5px 0px 10px;
}

.padding-LR-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-LR-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padding1em {
    padding: 1em;
}

.margin-bottom-98 {
    margin-bottom: 98px;
}

.padding-top-0 {
    padding-top: 0px;
}

.padding-top-4 {
    padding-top: 4px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-TB-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/*Common margin classes */
.margin12 {
    margin-left: 12px !important;
}

.margin11Width109 {
    margin-left: 11px !important;
    width: 109% !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.margin10 {
    margin: 10px !important;
}

.marginBottom0 {
    margin-bottom: 0px !important;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-right1 {
    margin-right: 5px !important;
}

.margin-right-11 {
    margin-right: 11px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-20, .pricing-bucket-total span {
    margin-right: 20px !important;
}

.pricing-bucket-total span {
    margin-right: 10px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-115 {
    margin-right: 115px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5, .SMheadingrow label.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-minus-10 {
    margin: 0 -10px !important;
}

.margin-top-minus-25 {
    margin-top: -25px !important;
}

.margin-top-37-minus {
    margin-top: -37px !important;
}

.margin-top-44-minus {
    margin-top: -44px !important;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-minus-2 {
    margin-top: -2px !important;
}

.margin-top-minus-3 {
    margin-top: -3px !important;
}

.margin-top-minus-6 {
    margin-top: -6px !important;
}

.margin-top-minus-8 {
    margin-top: -8px !important;
}

.margin-bottom-minus-5 {
    margin-bottom: -5px !important;
}

.margin-top-41-minus {
    margin-top: -41px;
}

.margin-right-minus-6 {
    margin-right: -6px !important;
}

.margin-right-6-minus {
    margin: 0 0 0 -6px;
}

.margin-right-8-minus {
    margin-right: -8px !important;
}

.margin-top-minus-16 {
    margin-top: -16px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-7 {
    margin-top: 7px !important;
}

.margin-top-minus-7 {
    margin-top: 7px !important;
}

.margin-bottom-0, .column .column-content.margin-bottom-0, .toggle-0-bttm-margin .bootstrap-switch {
    margin-bottom: 0 !important;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px;
}

.margin-bottom-5 {
    margin-bottom: 3px;
}

.margin-bottom-7 {
    margin-bottom: 7px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop0 {
    margin-top: 0px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10, .SMTPActivationForm .k-textbox {
    margin-bottom: 10px !important;
}

.margin-bottom-12 {
    margin-bottom: 12px !important;
}

.margin-bottom-13 {
    margin-bottom: 13px;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-2 {
    margin-left: 2px !important;
}

.margin-left-34Per {
    margin-left: 34%;
}

.margintopminus4 {
    margin-top: -4px;
}

.margin-t-l-r-b10 {
    margin: 0 0 10px;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding, .add-equipment-form .col-md-1 {
    padding: 0px;
}

.paddingL12 {
    padding-left: 12px;
}

.padding-left-16 {
    padding-left: 16px;
}

.paddingR12 {
    padding-right: 12px;
}

.gridNumber {
    text-align: right;
    width: 100%;
    padding-right: 12px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-right-12 {
    margin-right: 12px;
}

.margin-left-minus-20 {
    margin-left: -20px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-auto-center {
    margin: 0 auto;
}

.m-t-30 {
    margin-top: 30px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.minus-margin-top-5 {
    margin-top: -5px;
}

.minus-margin-top-7 {
    margin-top: -7px;
}

.right-pos-180 {
    right: 180px !important;
}


/*Common alignment classes*/
.align_left {
    text-align: left !important;
}

.align_center {
    text-align: center !important;
}

.align_right, .add-equipment-form .col-md-1 {
    text-align: right !important;
}

.align-top {
    vertical-align: top;
}

.margin-none {
    margin: 0 !important;
}

.work-break {
    word-break: break-all;
}
/*Kendo dropdown list width issue */
#customerSource-list, #labPs-list, #labMPS-list, #lblOtherPs-list {
    min-width: 15px !important;
    width: inherit !important;
}

/*Contract Renuval*/
#SDContractRenewalForm .SM-SearchBox .form-group label {
    width: 80px;
    margin-right: 12px;
    text-align: right;
}

.invoiceContract .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
}

#SDContractRenewalForm .SM-SearchBox .form-group .k-dropdown, #SDContractRenewalForm .SM-SearchBox .form-group .k-datepicker {
    width: 166px !important;
    float: none;
}

.list label {
    text-align: right !important;
    min-width: 136px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
}

#ContractRenewal .padding-hor-10 {
    margin-right: 9px;
}

#ServiceType-list {
    width: 350px !important;
}

#ContractRenewal .border-right {
    margin-bottom: 4px;
    padding-right: 10px;
}

#ContractGrid .k-grid-content .k-group-footer td {
    border-bottom: 0;
}

#ContractGrid .k-grid-footer .k-footer-template td {
    border: 0;
}

#ContractGrid .k-grid-footer-wrap {
    border: 0 !important;
}

#ContractGrid .k-grid-content .k-grouping-row td:first-child {
    background-color: #d5d5d5;
    border-bottom: 1px solid #999;
}

#ContractGrid .checkbox {
    display: inline-block;
}

#ContractGrid .contract-select-all {
    margin: 0px;
    padding: 0px;
    right: -3px;
}

#ContractRenewal .comments-container {
    width: 700px;
}

    #ContractRenewal .comments-container #Comments {
        width: 450px;
    }

#ContractRenewal .search-list {
    position: absolute;
    top: 6px;
    right: 4px;
}

#ContractGrid .k-grid-content table tbody tr td > .k-button {
    width: 25px;
    min-width: 25px;
    display: inline-block;
}

.full-size-map {
    width: 100%;
    height: 100%;
}

.google-map-container {
    height: 100%;
    width: 100%;
    position: relative;
}

    .google-map-container .map {
        height: 100%;
        width: 100%;
    }

    .google-map-container .expand {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 20px;
        color: #000;
        cursor: pointer;
        padding: 10px;
    }

.height-600 {
    height: 600px;
}

.workDescriptionTxtArea {
    width: calc(100% - 135px) !important;
}

/*--------------------------------------------------------------------------/
/************************ MEDIA QUERIES SECTION******************************/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    div.contentinner {
        width: 95%;
    }

    div.footerinner {
        width: 90%;
    }

    .statictext, .statictext label, .statictext span, .statictext .btn {
        font-size: 12px !important;
    }

    div.addcontainer {
        height: auto;
        margin: 20px auto;
        padding: 0px;
        width: 100%;
    }

    h1.addheading {
        font-size: 2.1em;
        text-align: center;
    }

    .img-responsive {
        margin: 0 auto;
    }

    h1.pageheading {
        font-size: 2.2em;
        text-align: center;
    }

    h1.loginheading {
        font-size: 2.2em;
        text-align: center;
    }

        h1.loginheading span.icon-lg {
            font-size: 26px !important;
            top: 3px;
        }

    p.addpara {
        margin-top: 20px;
    }

    div.logincontainer {
        width: 100%;
        margin: 0 auto 20px;
        float: none !important;
        padding: 10px;
    }

    div.logincontainer2 {
        width: 100%;
        margin: 20px auto !important;
        padding: 10px;
    }

    ul.userdesc {
        padding-left: 0;
        min-width: 139px;
    }

    .box1 {
        margin-right: 0;
        float: none;
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    label.lbl2, label.lbl3, label.lbl4, label.lbl5, label.lbl6, label.lbl7, label.lbl8, label.lbl9, label.lbl10, label.lbl11, label.lbl12, label.lbl13, label.lb150 {
        display: block;
        float: none;
        line-height: 34px;
        margin: 0;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    input.vsminput, input.vsminput2, input.vsminput3, input.vsminput4, input.vsminput5 {
        width: 100% !important;
        float: none;
    }

    .vsminline, .vsminline2, .vsminline3 {
        margin-left: 0 !important;
        margin-top: 5px;
    }

    select.vsmselect, select.vsmselect2, select.vsmselect3, select.vsmselect4 {
        width: 100% !important;
        float: none;
    }

    .txtarea1 {
        width: 100%;
        height: 150px;
    }

    .contleft {
        display: block;
        float: none;
    }

    .contright {
        display: block;
        float: none;
    }

    div.mapcontainer {
        position: relative;
        left: 0;
        width: 266px;
        clear: both;
        float: none;
        margin-top: 8px;
    }

    .SMtabcontainer {
        position: relative;
        left: 0;
        width: 100%;
    }

    .SM-mapview {
        width: 266px;
        height: 186px;
    }

    div.vsmdiv {
        display: block;
        float: none;
        margin-left: 0;
    }

    .btncalendar {
        top: 44px;
    }
}

@media only screen and (min-width:1920px) {
}

@media only screen and (min-width:1600px) and (max-width:1920px) {
    .ServiceCallBooking .test label, .quick-service-call-book label {
        /*min-width: 190px;*/
    }

    .adPlanContainer table.k-editor {
        height: 450px;
    }

    div.logincontainerNew {
        width: 55%;
    }

    .bookNewSaleText .textarea {
        width: calc(100% - 235px);
    }

    .salesCallBooking-wrapper .row .test label {
        width: 198px;
    }

    .inviteUsers {
        max-height: 550px;
    }

    #infoWrap .row .col-md-3 label {
        width: 187px;
    }

    #infoWrap .row .col-md-3 input, #infoWrap .row .col-md-3 .k-dropdown, #infoWrap .row .col-md-3 .k-maskedtextbox {
        width: calc(100% - 201px) !important;
    }

        #infoWrap .row .col-md-3 .k-maskedtextbox input {
            width: 100%;
            margin-bottom: 0;
        }

    #infoWrap .row .col-md-3 {
        width: 365px;
    }

    #infoWrap .row .col-md-6 label {
        width: 187px;
    }

    #infoWrap .row .col-md-6 input, #infoWrap .row .col-md-6 .k-dropdown, #infoWrap .row .col-md-6 .k-datepicker {
        width: 516px !important;
    }

    #infoWrap .row .col-md-6 {
        width: 729px;
    }

    .full-class .width435 {
        width: 1310px;
    }

    .megaMenu .widgetThumb .thumbHeading {
        font-size: 14px;
    }

    .SalesCallBooking .column-content {
        width: 183px;
    }

        .SalesCallBooking .column-content label {
            width: 72px;
        }

        .SalesCallBooking .column-content span {
            width: 109px;
        }

    .invoiceField .col-md-12 div {
        width: 302px;
    }

        .invoiceField .col-md-12 div label {
            min-width: 108px;
        }

    .service-quote-form .column.column1 {
        width: 317px;
    }

    .service-quote-form .column.column2 {
        width: 367px;
    }

    .service-quote-form .column.column3 {
        width: 329px;
    }

    .service-quote-form .column.column4 {
        width: 315px;
    }

    .service-quote-form.row3 .column.column1 {
        width: 1506px;
    }

    .service-quote-form.row3 .column .column-content {
        width: 1464px;
    }

        .service-quote-form.row3 .column .column-content input[type="text"] {
            width: 1265px;
        }

    .service-quote-form.row3 table.k-widget.k-editor.k-header.k-editor-widget {
        width: 1265px !important;
    }

    .gl-company .column.column1 {
        width: 380px;
    }


    .dashboard .lbl-callBysource label {
        margin-right: 2px;
    }

    .dashboard .lbl-callBysource .k-dropdown {
        width: 115px !important;
        margin-right: 18px;
    }

    .dashboard .lbl-callBysource .k-widget.k-datepicker {
        width: 131px !important;
        margin-right: 20px;
    }

        .dashboard .lbl-callBysource .k-widget.k-datepicker:last-child {
            margin-right: 0px;
        }

    .equipment-master-details .column.column3 {
        width: 350px;
    }

    .equipment-master-details .column.column2 {
        width: 386px;
    }

    .equipment-master-details .column.column1 {
        width: 350px;
    }

    .full-Field .description textarea {
        width: 913px;
    }

    .full-Field .description label {
        width: 183px;
    }

    .contract-general-details .row2 .column2 {
        width: 343px;
    }

    .contract-general-details .row2 .column1 {
        width: 311px;
    }

    .contract-general-details .row2 .column3 {
        width: 367px;
    }

    .contract-general-details .row2 .column4 {
        width: 337px;
    }

    .contract-general-details .row1 .column1, .contract-general-details .row3 .column1 {
        width: 311px;
    }

    .contract-general-details .row1 .column2, .contract-general-details .row3 .column2 {
        width: 622px;
    }

    .contract-general-details .row4 .column .column-content > label {
        margin-top: 18px;
        width: 169px;
        text-align: right;
    }

    .regBillingTable td:nth-child(2) {
        width: 22%;
    }

    .contract-general-details-step3 .regBillingTable td label {
        width: 92px;
    }

    .addressFieldBilling {
        width: 317px;
    }

    .contract-general-details-step3 .contract-billing .regBillingFormTable label, .contract-general-details-step3 .reserve-accounting .regBillingFormTable td label {
        width: 135px;
    }

    .contract-general-details-step3 .reserve-accounting .regBillingFormTable td:first-child {
        text-align: left;
    }

    .contract-general-details-last-step .column1 {
        width: 270px;
    }

    .contract-general-details-last-step .column2 {
        width: 270px;
    }

    .contract-general-details-last-step .column3 {
        width: 280px;
    }

    .contract-general-details-last-step .column4 {
        width: 360px;
    }

    .contract-general-details-last-step .column .column-content > span {
        width: 115px;
    }

    #prospectLocationHeader .greyLabel.width-75 {
        width: 90px !important;
    }

    .newServiceCall .customer-po-num, textarea.problem-description {
        width: calc(100% - 190px);
    }

    .ServiceCallBookingForm textarea.problem-description {
        width: calc(100% - 140px);
    }

    .probdesctxtarea {
        width: calc(100% - 190px);
    }



    .contract-general-details .contract-toggle .contract-toggle-short-label {
        width: 128px;
    }

    /*customer master*/
    .acT300 {
        width: 300px;
    }

    .acT400 {
        width: 400px;
        margin-left: 20px;
    }

    .lbl-searchBlock {
        padding-left: 108px;
    }
}

@media only screen and (min-width : 1601px) {
    #main {
        width: 1600px;
        margin: 0 auto;
        border: 1px solid #ddd;
        margin-top: 15px;
    }

    .loginwrapper {
        width: 100% !important;
    }

    #accountTabMenu {
        width: 1366px;
        margin: 0px auto;
    }

    #loginPage .mar-top25 {
        margin-top: 75px !important;
    }

    .full-Field .description textarea {
        width: 781px;
    }

    div.logincontainerNew.signUP {
        margin: 120px auto;
    }
}

@media screen and (min-width: 1500px) {
    .sai-setup-report .k-button.k-upload-button {
        left: -70px;
    }
}

@media screen and (max-width: 1500px) {
    .pb-equip-content {
        padding-left: 40px;
    }
}

/* Target device 1600px*/
@media only screen and (min-device-width : 1441px) and (max-device-width : 1600px) {
    .sales-call-form .width970 {
        width: 1200px;
    }

    .sales-call-form .conversation.width250 {
        width: 310px;
    }

    .sales-call-form .width304 {
        width: 394px;
    }

    .sales-call-form .width256 {
        width: 336px;
    }

    .sales-call-form .width278 {
        width: 368px;
    }

    .sales-call-form .width357 {
        width: 357px;
    }

    .sales-call-form .width296 {
        width: 386px;
    }

    .sales-call-form .width314 {
        width: 397px;
    }

    .sales-call-form .width310 {
        width: 399px;
    }

    .sales-call-form .width282 {
        width: 362px;
    }

    .sales-call-form .width280 {
        width: 363px;
    }

    .conversation {
        width: 311px !important;
    }

        .conversation .add_button span.glyphicon-plus-sign {
            right: -240px;
        }

        .conversation input.btn {
            right: -280px !important;
        }

        .conversation.width250 {
            width: 311px !important;
        }

    .activity-status .column1 {
        width: 260px;
    }

    .activity-status .column2 {
        width: 450px;
    }

    .activity-status .column3 {
        width: 320px;
    }

    div.logincontainerNew.signUP {
        margin: 50px auto;
    }
    /*New Activity*/
    .new-activity .column1 {
        width: 260px;
    }

    .new-activity .column2 {
        width: 450px;
    }

    .new-activity .column3 {
        width: 390px;
    }

    .change-password-savebtn {
        margin-left: 370px;
    }


    .manage-prospect-conversation-part .right-container .manage-prospect-conversation .conversation-scrollable-area {
        height: 204px;
        min-height: 204px;
    }

    .user-sign-up input.form-control, .user-sign-up .k-textbox.form-control2, .user-sign-up select, .user-sign-up .k-widget.k-dropdown {
        width: 100% !important;
        float: left;
    }

    .user-sign-up input[type="text"].form-control2.k-textbox {
        width: 100% !important;
    }

    .user-sign-up .k-textbox.form-control2, .user-sign-up select, .user-sign-up .k-widget.k-dropdown {
        border: 0px;
    }

    .user-sign-up input.form-control2.fullWidth, .user-sign-up textarea.form-control2 {
        width: 100% !important;
    }

    .user-sign-up .signup-heading .glyphicon.glyphicon-briefcase {
        position: absolute;
        top: 12px;
        left: 307px;
    }

    .megaMenu .widgetThumb {
        width: 178px;
    }
}

@media only screen and (min-device-width : 1366px) and (max-device-width : 1599px) {
    .equipment-master-details .column.column3 {
        width: 308px;
    }

    .equipment-master-details .column.column2 {
        width: 295px;
    }

    .equipment-master-details .column.column1 {
        width: 312px;
    }

    .full-Field .description label {
        width: 144px;
    }

    .adPlanContainer table.k-editor {
        height: 350px;
    }

    div.logincontainerNew.signUP {
        margin: 8px auto;
    }
}

@media only screen and (max-device-width: 768px) {
    .textAllign {
        text-align: left !important;
    }

    .headerAllign{
        display:flex !important;
    }
    .spantext{
        float:right !important;
    }
    .mobinline {
        font-size: 15px !important;
    }

}
@media only screen and (min-device-width : 1367px) and (max-device-width : 1440px) {
    .user-sign-up input.form-control, .user-sign-up .k-textbox.form-control2, .user-sign-up select, .user-sign-up .k-widget.k-dropdown {
        width: 190px !important;
    }

    .user-sign-up input[type="email"], .user-sign-up textarea.form-control2 {
        width: 518px !important;
    }
}

@media only screen and (min-device-width : 1367px) and (max-device-width : 1440px) {
    .user-sign-up input.form-control, .user-sign-up .k-textbox.form-control2, .user-sign-up select, .user-sign-up .k-widget.k-dropdown {
        width: 183px !important;
    }

    .user-sign-up input[type="email"], .user-sign-up textarea.form-control2 {
        width: 504px !important;
    }
}

/* Target device 1366*/
@media only screen and (min-device-width : 1281px) and (max-device-width : 1366px) {
    .profile-content input.vsminput2 {
        width: 319px;
    }

    .mrgLFT45 {
        margin-left: 25px;
    }

    .form-control.width100 {
        width: 486px;
    }

    .activity-status .column2 {
        width: 340px;
    }

    .activity-status .column3 {
        width: 250px;
    }

    .activity-status .row2 .column2 table {
        width: 1196px;
    }

    .new-activity .column2 {
        width: 340px;
    }

    .new-activity .column3 {
        width: 320px;
    }

    .change-password-savebtn {
        margin-left: 390px !important;
    }

    .manage-prospect-main #prospectHeader .edit-icon, .manage-prospect-main #prospectLocation .edit-icon {
        top: 8px !important;
    }

    .manage-prospect-main #prospectLocation .edit-icon {
        right: 3px;
    }

    .logocontainer img {
        height: 33px;
        min-height: 33px;
    }

    .user-sign-up input.form-control, .user-sign-up .k-textbox.form-control2, .user-sign-up select, .user-sign-up .k-widget.k-dropdown {
        width: 100% !important;
    }

    .user-sign-up input[type="email"], .user-sign-up textarea.form-control2 {
        width: 100% !important;
    }

    .megaMenu .widgetThumb {
        width: 169px;
    }
}

/* Target device 1280*/
@media only screen and (min-device-width : 1280px) and (max-device-width : 1366px) {
    ul.topnav li a {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .wrapper136 .labelSmall {
        width: 75px;
    }

    .selectedTechAccord .width_150 {
        width: 135px;
    }

    .selectedTechAccord .techNameNo {
        margin: 0 20px 0 0;
        width: 160px;
    }

    .selectedTechAccord .width_165 {
        width: 210px;
    }

    .callDetailsWrap .SM-SearchBox .width_250 {
        width: 243px;
    }

    .paymentTab .width_200 {
        width: 190px;
    }

    .mntScheduleTable td {
        padding: 0px 10px;
        width: 20%;
        line-height: 30px;
    }

    #accordion .block3 .smrdrow1 {
        width: 230px;
    }

    .quickServiceCallBooking .k-widget.k-datepicker.k-header.form-control {
        width: 114px !important;
    }

        .quickServiceCallBooking .k-widget.k-datepicker.k-header.form-control input.form-control {
            width: 98% !important;
        }

    .mrgLFT45 {
        margin-left: 8px;
    }

    .form-control.width100 {
        width: 450px;
    }

    .test label {
        text-align: right !important;
        min-width: 120px;
        float: left;
        padding-right: 12px;
        line-height: 26px;
        padding-bottom: 7px;
    }

    .newServiceCall .probdesctxtarea {
        width: calc(100% - 132px);
        width: 89%;
    }


    .rtCallLabel {
        min-width: 107px;
    }

    .change-password-savebtn {
        margin-left: 371px;
    }

    #prospectDetails .status .status-value {
        width: 63px;
    }

    #prospectDetails .source .source-value {
        width: 63px;
    }

    #prospectDetails .salesmen-value {
        width: 63px;
    }

    .user-sign-up .signup-heading .glyphicon.glyphicon-briefcase {
        position: absolute;
        top: 11px;
        left: 230px;
    }

    .logocontainer img {
        height: 30px;
        min-height: 30px;
    }

    ul.topnav li a span.navtext {
        font-size: 13px;
    }

    .sai-setup-report.sai-setup-quote-report .col-md-2 {
        padding-right: 0;
    }

    .SDQuotesForm .column {
        margin-right: 5px;
    }
}

@media only screen and (min-width:1280px) and (max-width:1365px) {
    .megaMenu .widgetThumb {
        width: 160px;
    }

        .megaMenu .widgetThumb .img img {
            width: 151px;
        }

    div.logincontainerNew.signUP {
        margin: 25px auto 43px;
    }

    .margin-top-visible-lg {
        margin-top: 20px;
    }

    .subcontractor-label {
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .calls-on-map-container {
        height: 610px;
    }

    .subcontractor-address.calls-on-map-container {
        height: 540px;
    }

    .calls-on-map-container ng-map {
        height: 510px;
    }

        .calls-on-map-container ng-map.singleCallOnMapHeight {
            height: 510px;
        }

        .calls-on-map-container ng-map.callsOnMapHeight {
            height: 560px;
        }
}
/******************CSS for chrome browser *****************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .smname1 {
        width: 138px;
    }

    .smname2 {
        width: 143px;
    }

    .smname3 {
        width: 138px;
    }

    .vsmdiv3 {
        width: 260px;
    }

    .vsmdiv4 {
        width: 260px;
    }

    .vsmdiv22 {
        width: 230px;
    }

        .vsmdiv22 .k-datepicker {
            padding-left: 0px;
            width: 138px;
        }

    .vsmdiv5 {
        margin-left: 15px;
    }

    label.lbl7 {
        width: 62px;
    }

    input[type="checkbox"].checkbox2 {
        top: 0px !important;
    }

    .SMformcontainer .row {
        overflow: hidden !important;
    }

    .formwidth1 {
        width: 211px;
    }

    .formwidth2 {
        width: 213px;
    }

    .formwidth3 {
        width: 206px;
    }

    .formwidth4 {
        margin-left: 4px !important;
        width: 208px;
    }

    .form-group.form-inverse.vsminline6.formwidth2 {
        margin-left: 0 !important;
    }

    .k-menu.k-menu-vertical > .k-menu-group input[type="radio"], input[type="checkbox"] {
        margin: -2px 5px 0 0;
    }
}
/******************CSS for IE 10 browser *****************/
@media screen and (min-width:0) {
    select {
        padding: 0px !important;
    }

    label.lbl16 {
        width: 81px;
    }

    input[type="checkbox"].checkbox2 {
        top: 0;
    }

    .vsmdivie1 {
        width: 250px !important;
    }

    .vsmdivie2 {
        width: 272px !important;
    }

    .vsmdivie3 {
        width: 130px !important;
        margin-left: 6px !important;
    }

    .SMformcontainer .row {
        overflow: hidden;
    }

    .formwidth4 {
        margin-left: 4px !important;
        width: 208px;
    }
}


@media only screen and (min-device-width : 1367px) and (max-device-width : 2000px) {

    ul.topnav li a {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .addorCols {
        height: 150px;
        width: 300px;
    }


    .quickServiceCallBooking .k-widget.k-datepicker.k-header.form-control {
        width: 151px !important;
        float: right;
    }

        .quickServiceCallBooking .k-widget.k-datepicker.k-header.form-control input.form-control {
            width: 98% !important;
        }
}

@media only screen and (min-device-width : 1367px) and (max-device-width : 2000px) {

    ul.topnav li a {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .addorCols {
        height: 150px;
        width: 300px;
    }


    .quickServiceCallBooking .k-widget.k-datepicker.k-header.form-control {
        width: 151px !important;
    }

        .quickServiceCallBooking .k-widget.k-datepicker.k-header.form-control input.form-control {
            width: 98% !important;
        }

    .mrgLFT45 {
        margin-left: 45px;
    }
}

.disable-link, .k-grid-edit-disable, .k-grid-mail-disable, .k-grid-delete-disable {
    cursor: not-allowed;
    opacity: 0.45;
    text-decoration: none !important;
    pointer-events: none;
}

/* DISPATCH BOARD - BASIC VIEW */

.entity-header-3 {
    height: 15px;
}

.tech-header-1 {
    background-color: #244fc9 !important;
}

.tech-header-2 {
    background-color: #2044aa !important;
}

.tech-header-3 {
    background-color: #1d3b90 !important;
}

.salesman-header-1 {
    background-color: #088348 !important;
}

.salesman-header-2 {
    background-color: #056b3a !important;
}

.salesman-header-3 {
    background-color: #034a28 !important;
}

/* DISPATCH BOARD - BASIC VIEW */

.k-grid-edit-row .k-button {
    display: inline-block !important;
}

.timeslot-header-left-section {
    width: 50%;
    display: inline-block;
    text-align: left;
}

.timeslot-header-right-section {
    width: 50%;
    display: inline-block;
    text-align: right;
}

.timeslot-header-full-section {
    width: 100%;
    display: inline-block;
    text-align: left;
}

.timeslot-header-side-padding-10 {
    padding: 0px 10px;
}

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

.chart-scrollbar {
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.grid-note {
    font-style: italic;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    padding: 10px;
}

.cell-selected {
    color: #fff;
    background: #3c5ab0;
}

.disableEdit {
    pointer-events: none;
    cursor: default;
    display: none !important;
}

.sm-heading button {
    margin-left: 10px;
}

.sm-heading .circle-info {
    margin: -2px;
}

span.callinfo-nodata {
    width: 300px;
    display: inline-block;
}
/*dispatch board horizontal view*/
#horizontal .timeslot-header-side-padding-10.tech-header-2, #vertical .timeslot-header-side-padding-10.tech-header-2 {
    background-color: #1d3b90 !important;
}

#horizontal .techListHeader.technician-menu .posrel .tech-header-3, #vertical .techListHeader.technician-menu .posrel .tech-header-3 {
    background-color: #122d79 !important;
}




@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    :: i-block-chrome, .manageGroup.add-edit-paymentterms .column .discount-given .bootstrap-switch {
        margin-top: -19px;
        float: right;
    }

    ::i-block-chrome, .rightPanel {
        height: 100%;
        min-height: 100%;
        position: absolute;
        right: 0;
    }

    ::i-block-chrome, .equipment-master-details .form-control.k-widget {
        float: right;
    }

    ::i-block-chrome, .contract-general-details .bootstrap-switch {
        float: right;
    }

    ::i-block-chrome, .ServiceCallBooking .form-control.vsminput20 {
        float: right;
    }

    ::i-block-chrome, .ServiceCallBooking .k-widget.k-datepicker {
        float: right;
    }

    ::i-block-chrome, .ServiceCallBooking .k-dropdown.vsmselect50 {
        float: right;
    }

    ::i-block-chrome, .paymentTab .k-dropdown.vsmselect50 {
        float: none;
    }

    ::i-block-chrome, .ServiceCallBooking .return-call {
        float: right;
    }

    ::i-block-chrome, .addPlan #planName {
        width: 53%;
    }
}

.sai-setup-report .editor-container table.k-editor {
    margin-bottom: 12px;
}

.sai-setup-report .pull-left-imp {
    float: left !important;
}

.sai-setup-report .bootstrap-switch-wrapper {
    float: left !important;
    margin-bottom: 0;
    margin-top: 2px;
}

.sai-setup-report .checkbox-container {
    display: inline-block;
    width: 125px;
    height:21px;
}

.sai-setup-report .sub-header {
    padding: 15px 0 0 0px !important;
}

.sai-setup-report .sub-container {
    padding: 0px 15px !important;
}

.compnay-report-upload .k-upload .k-upload-files ~ .k-clear-selected, .compnay-report-upload .k-upload .k-upload-files ~ .k-upload-selected,
.compnay-report-upload .k-upload-files.k-reset {
    display: none;
}

.sai-setup-report .k-button.k-upload-button span {
    float: none;
}

.sai-setup-report .k-widget.k-upload.k-header {
    border: none;
    background: none;
    display: inline;
}

.sai-setup-report .k-dropzone {
    display: inline !important;
}

.sai-setup-report .k-button.k-upload-button {
    background-color: #3c5ab0 !important;
    border-color: #3c5ab0 !important;
    color: #fff;
    background-image: none !important;
    padding: 0px 0px !important;
    min-width: 30px !important;
    position: absolute;
    left: -45px;
}

.sai-setup-report .k-upload .k-upload-button {
    margin: 0px !important;
    padding: 5px;
}


.sai-setup-report .k-upload-selected {
    display: none;
}

.sai-setup-report span.filename {
    margin-top: 5px;
    display: inline-block;
    margin-left: 25px;
}

    .sai-setup-report span.filename:first-child {
        display: inline-block;
        width: 208px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sai-setup-report .file-remove-icon {
    position: relative;
    top: 2px;
}

.sai-setup-report strong.k-upload-status.k-upload-status-total {
    display: none;
}

.sai-setup-quote-report label.lbl {
    float: right;
    line-height: 20px;
}

.sd-service-recommendations .multiSelect > button {
    min-width: 151px !important;
    min-height: 30px !important;
    text-align: left;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.sd-service-recommendations .checkboxLayer {
    left: 153px;
}

.sd-service-recommendations .checkBoxContainer {
    padding: initial;
}

.sd-service-recommendations .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
    background-image: linear-gradient(#dfe6fe,#dfe6fe);
}

.sd-service-recommendations .multiSelect .multiSelectGroup:hover,
.sd-service-recommendations .multiSelect .multiSelectItem:hover {
    background-image: linear-gradient(#3c5ab0,#3c5ab0) !important;
}

    .sd-service-recommendations .multiSelect .multiSelectGroup:hover span,
    .sd-service-recommendations .multiSelect .multiSelectItem:hover span {
        color: #fff;
    }

.sd-service-recommendations .multiSelect .multiSelectFocus {
    background-image: linear-gradient(#3c5ab0,#3c5ab0) !important;
}

.sd-service-recommendations .multiSelect .multiSelectGroup span,
.sd-service-recommendations .multiSelect .multiSelectItem span {
    color: #333;
}

.sd-service-recommendations .multiSelect .multiSelectFocus span {
    color: #fff;
}

.sd-service-recommendations .multiSelectGroup {
    background: #eee;
}

.sd-service-recommendations .multiSelect .multiSelectItem {
    padding: 5px 3px;
}

.sd-service-recommendations .k-hierarchy-cell > .k-icon {
    display: none;
}

.sd-service-recommendations .k-detail-row td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #000;
}

.sd-service-recommendations .multiSelect .buttonLabel {
    width: 100%;
}

.sd-service-recommendations .multiSelect button span.caret {
    float: right;
    margin-top: 7px !important;
    margin-right: 5px !important;
}

/*reports multiselect*/
#multiselect-input-container input[type="text"].multiselect-input {
    width: 160px !important;
}

#multiselect-input-container span.k-widget.k-dropdown {
    width: 70px !important;
    margin-left: 3px;
}

#multiselect-input-container span.k-widget.k-datepicker {
    width: 159px !important;
    /*margin-left: 3px;*/
}

#multiselect-input-container .glyphicon.glyphicon-search {
    top: 4px;
}


/*calls on map media query*/
@media (min-height: 800px) {
    .calls-on-map-container {
        height: 730px;
    }

    .subcontractor-address.calls-on-map-container {
        height: 660px;
    }

    .calls-on-map-container ng-map {
        height: 645px;
    }

        .calls-on-map-container ng-map.callsOnMapHeight {
            height: 690px;
        }

        .calls-on-map-container ng-map.singleCallOnMapHeight {
            height: 670px;
        }
}


.pictures .picture-container {
    display: flex;
    flex-wrap: wrap;
}

.pictures .picture-thumbnail {
    height: 250px;
    width: 236px;
    margin: 10px 10px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #ccc;
    overflow: hidden;
    position: relative;
}

    .pictures .picture-thumbnail .picture {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }

    .pictures .picture-thumbnail:hover {
        border: solid 1px #3c5ab0;
    }

        .pictures .picture-thumbnail:hover .icon-container {
            border: solid 1px #3c5ab0;
            bottom: 0;
        }

    .pictures .picture-thumbnail .icon-container {
        background: #3c5ab0;
        bottom: -50px;
        height: 40px;
        padding: 7px 0px;
        left: 0%;
        text-align: center;
        position: absolute;
        transition: bottom 0.5s ease;
        -moz-transition: bottom 0.5s ease;
        -o-transition: bottom 0.5s ease;
        -webkit-transition: bottom 0.5s ease;
        width: 100%;
        cursor: pointer;
    }

        .pictures .picture-thumbnail .icon-container .action-icon {
            width: 25px;
            height: 25px;
            display: inline-block;
        }

            .pictures .picture-thumbnail .icon-container .action-icon.anticlock {
                background: url(../images/picture-rotate-anticlock.png);
                background-size: cover;
            }

            .pictures .picture-thumbnail .icon-container .action-icon.clock {
                background: url(../images/picture-rotate-clock.png);
                background-size: cover;
            }

            .pictures .picture-thumbnail .icon-container .action-icon.remove {
                background: url(../images/picture-delete.png);
                background-size: cover;
            }

            .pictures .picture-thumbnail .icon-container .action-icon.edit {
                background: url(../images/picture-edit.png);
                background-size: cover;
            }

.pictures .picture-container .description {
    width: 236px;
    background: #eee;
    margin: 0px 10px 10px 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 0px;
    height: 40px;
    box-sizing: border-box;
}

.pictures .picture-thumbnail:hover img {
    opacity: 0.7;
}

#footer.invoice-template-footer {
    margin-top: 0;
    height: auto;
    padding: 10px;
    background: transparent;
}

.add-pik-btn {
    border-top: 1px solid #3c5ab0;
    padding: 10px;
    height: auto;
    overflow: hidden;
}

.invoice-details-container .task-list {
    margin: 20px 0 0 0;
}

label.miles {
    width: 10px;
    padding-left: 5px;
}

.kendo-editor-overlap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.search-container input[type="text"] {
    width: 115px;
    border-radius: 3px 0 0 3px;
}

.search-container input[type="button"] {
    border-radius: 0px 3px 3px 0px;
}

.show-call-to-technician {
    background-image: url(../images/mobile-ico.png);
    height: 17px !important;
    background-size: contain;
    width: 18px;
    box-sizing: border-box;
    margin-right: 5px;
}

    .show-call-to-technician::before {
        content: "A";
        color: transparent;
    }

.selected-document {
    background-color: #eee;
}

.docview-image {
    display: flex;
}

    .docview-image img {
        margin: auto;
    }


/*custom checkbox*/
#taskchecklist .checkbox {
    padding-left: 5px;
    margin-top: 4px !important;
}

    #taskchecklist .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        margin-left: 15px;
    }

        #taskchecklist .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 15px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        #taskchecklist .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    #taskchecklist .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        #taskchecklist .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        #taskchecklist .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        #taskchecklist .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            #taskchecklist .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    #taskchecklist .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    #taskchecklist .checkbox.checkbox-inline {
        margin-top: 0;
    }

#taskchecklist .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

#taskchecklist .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#taskchecklist .checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

#taskchecklist .checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#taskchecklist .checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

#taskchecklist .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#taskchecklist .checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

#taskchecklist .checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#taskchecklist .checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

#taskchecklist .checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#taskchecklist .combobox-clear-float {
    height: auto;
    overflow: hidden;
}

@media (min-width:320px) and (max-width:1024px) {
    #taskchecklist.gencontainer {
        padding: 0;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .max-width-80per {
        max-width: 92% !important;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .max-width-80per {
        max-width: 100% !important;
    }
}

.pac-container.pac-logo {
    z-index: 999999;
}

.pac-container.pac-logo {
    width: auto !important;
}

.custom-kendo-upload-wrapper ul.k-upload-files.k-reset {
    display: none;
}

.custom-kendo-upload-wrapper .k-button.k-upload-button span {
    float: none;
}

.custom-kendo-upload-wrapper .k-widget.k-upload.k-header {
    border: none;
    background: none;
    display: inline;
}

.custom-kendo-upload-wrapper .k-dropzone {
    display: inline;
    padding: 0px !important;
}

.custom-kendo-upload-wrapper .k-button.k-upload-button {
    background-color: #3c5ab0 !important;
    border-color: #3c5ab0 !important;
    color: #fff;
}

.custom-kendo-upload-wrapper .k-upload-selected {
    display: none;
}

.custom-kendo-upload-wrapper span.filename {
    margin-top: 5px;
    display: inline-block;
}

.custom-kendo-upload-wrapper .file-remove-icon {
    position: absolute;
    right: -17px;
}

.custom-kendo-upload-wrapper strong.k-upload-status.k-upload-status-total {
    display: none;
}

.custom-kendo-upload-wrapper .k-button.k-upload-button {
    right: auto !important;
}

.spinner-full-screen .spinnercontainer {
    position: fixed !important;
    z-index: 2;
    top: 0px;
    left: 0px;
}

.tasklist-modified-message {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.document-actions {
    position: absolute;
    right: 10px;
    top: 3px;
}


/*admin super user*/
#prospectCreate label.lbl3 {
    width: 122px;
    text-align: right;
    margin-right: 12px;
}

.prospectCreateForm label.lbl8 {
    width: 110px;
    text-align: right;
    margin-right: 12px;
}

#frmSettings label {
    padding-top: 5px;
    padding-right: 12px;
    width: 175px;
    text-align: right;
}

#frmSettings span.input-dollar-sign {
    padding-right: 5px;
    padding-top: 6px;
}

.EditInTrialCusInfo label {
    float: left;
    width: 120px;
    margin-right: 12px;
    text-align: right;
}

.readonly-InTrialInfo {
    float: left;
    width: 190px;
    margin-right: 12px;
}

.comment-InTrialInfo {
    width: calc(100% - 150px);
}

.ThirdPartyPaymentAdmin img.paymentGatewayLogo {
    width: 110px;
}

.subdomain-txt {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #a19d9d;
    letter-spacing: 0.5px;
    margin-top: 5px;
}

.subdomain-container {
    max-height: 370px;
    overflow: auto;
    height: auto;
}

.rightAlignLabels .subdomain-container label {
    padding-top: 10px;
    line-height: 1;
}
/*task category images*/
#taskCategoryImages .k-button.k-upload-button span {
    float: none;
}

.pictures #taskCategoryImagesContent .picture-thumbnail {
    height: 185px;
    width: 210px;
}

    .pictures #taskCategoryImagesContent .picture-thumbnail .picture {
        max-width: 70%;
        max-height: 70%;
    }

.pictures #taskCategoryImagesContent .picture-container .description {
    text-align: center;
    font-weight: bold;
    width: 210px;
}



/*mac safari csss*/
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.file-uploaded-name {
    max-width: 300px;
    display: inline-block;
}

.entity-document-preview .docview {
    height: 500px;
}

.call-receipt .sd-service-recommendations .checkboxLayer {
    left: 75px;
}



/*mac safari css*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome, #accordion .panel-heading input[type="checkbox"] {
        top: -1px;
    }
}
/*training*/
.category-row {
    padding: 3px 10px;
}

.category-wrapper .selected-category {
    background: #f1f1f1;
}

.div.tab-pane.add-or-edit-training-material {
    border-radius: 0;
}

.add-or-edit-training-material form > div.col-sm-12 > div {
    min-height: 35px;
    margin-bottom: 4px;
}

.category-wrapper, .dark-gry-bdr {
    border: solid 1px #ccc;
}

.category-heading {
    border-bottom: solid 1px #3c5ab0;
    padding-bottom: 5px;
}

    .category-heading h5 {
        float: left;
        margin-top: 13px;
        margin-bottom: 1px;
    }

    .category-heading .btn {
        margin-top: 7px;
    }

.category-wrapper .fa {
    font-size: 18px;
    margin-right: 10px;
    color: #333;
    margin-top: 3px;
}

#training-tab .k-tabstrip .k-tabstrip-items .k-state-default {
    color: #fff;
}

#training-tab .k-tabstrip .k-tabstrip-items .k-state-default, #training-tab .k-tabstrip .k-tabstrip-items .k-state-active {
    padding: 0px 10px;
}

#training-tab .k-tabstrip .k-tabstrip-items .k-state-active {
    color: #333;
}

.add-or-edit-training-material #fileUpload em {
    margin-left: -30px;
}

#training-tab .video iframe, #training-tab .video .mejs__overlay {
    width: 100% !important;
}


#training-tab .video-bg {
    background-color: #f4f4f4;
    border: solid 1px #ccc;
    padding: 10px;
    margin-top: 20px;
    color: #333;
}

#training-tab .video-title {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#training-tab .video-description {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
    overflow: auto;
}

#training-tab .video-btn {
    width: 100%;
    margin-top: 15px;
    text-align: right;
}

#training-tab .manual {
    box-shadow: 0 0 5px #ccc;
    margin-top: 20px;
    padding: 10px;
}

#training-tab .manual-btn {
    background-color: #edf1f4;
    text-align: right;
    padding: 5px;
}

    #training-tab .manual-btn .btn {
        margin-left: 5px;
    }


/*voice call UI*/

.chat-sidebar {
    width: 200px;
    position: fixed;
    height: 100%;
    right: 0px;
    top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgba(29, 49, 91, .3);
}

.sidebar-name {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 4px;
    font-size: 12px;
}

    .sidebar-name span {
        padding-left: 5px;
    }

    .sidebar-name a {
        display: block;
        height: 100%;
        text-decoration: none;
        color: inherit;
    }

    .sidebar-name:hover {
        background-color: #e1e2e5;
    }

    .sidebar-name img {
        width: 32px;
        height: 32px;
        vertical-align: middle;
    }

.popup-box {
    z-index: 99;
    position: absolute;
    top: 44px;
    height: auto;
    background-color: #2a8f26;
    width: 600px;
    right: 0;
}

    .popup-box .popup-head {
        background-color: #e7e8eb;
        padding: 10px;
        color: black;
        font-weight: bold;
        font-size: 14px;
        clear: both;
        border-bottom: solid 2px #d7d8d9;
    }

        .popup-box .popup-head .popup-head-left {
            float: left;
        }

        .popup-box .popup-head .popup-head-right {
            float: right;
            opacity: 0.5;
        }

            .popup-box .popup-head .popup-head-right a {
                text-decoration: none;
                color: inherit;
                cursor: pointer;
            }

    .popup-box .popup-messages {
        height: 285px;
        overflow-y: scroll;
        padding: 10px;
        background-color: #fff;
    }

.popup-SM-details {
    font-size: 13px;
    padding-bottom: 3px;
    padding-top: 10px;
}

    .popup-SM-details a:hover {
        text-decoration: none;
    }

.popup-caller {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: 100%;
    height: 70px;
    padding: 10px;
    /*color: #3c5ab0;*/
    border-bottom: solid 1px #ccc;
}

    .popup-caller .fa {
        font-size: 20px;
    }

.popup-caller-btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

    .popup-caller-btn .btn {
        padding: 9px 25px !important;
    }

.gray-bdr, .light-gray-bdr {
    border-bottom: solid 1px #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.light-gray-bdr {
    border-color: #e2e0e0;
}

.light-gray-bdr-top {
    border-top: solid 1px #e2e0e0;
}

.light-border {
    border: solid 1px #d6d3d3;
}

.lighter-border-bottom {
    border: solid 1px #e2e2e2;
}

.black-bdr-bttm {
    border-bottom: solid 2px #000;
}

.selected-category {
    background: #ccc;
}


.k-state-invalid > .k-picker-wrap .k-dateinput-wrap,
.k-state-invalid > .k-dateinput-wrap,
.k-state-invalid > .k-dropdown-wrap,
.k-state-invalid > .k-numeric-wrap,
.k-state-invalid > .k-picker-wrap,
.ng-invalid.ng-touched > .k-picker-wrap .k-dateinput-wrap,
.ng-invalid.ng-touched > .k-dateinput-wrap,
.ng-invalid.ng-touched > .k-dropdown-wrap,
.ng-invalid.ng-touched > .k-numeric-wrap,
.ng-invalid.ng-touched > .k-picker-wrap,
.ng-invalid.ng-dirty > .k-picker-wrap .k-dateinput-wrap,
.ng-invalid.ng-dirty > .k-dateinput-wrap,
.ng-invalid.ng-dirty > .k-dropdown-wrap,
.ng-invalid.ng-dirty > .k-numeric-wrap,
.ng-invalid.ng-dirty > .k-picker-wrap {
    border-color: #ccc;
}

    .k-state-invalid > .k-picker-wrap .k-dateinput-wrap,
    .k-state-invalid > .k-dateinput-wrap,
    .k-state-invalid > .k-dropdown-wrap,
    .k-state-invalid > .k-numeric-wrap,
    .k-state-invalid > .k-picker-wrap,
    .ng-invalid.ng-touched > .k-picker-wrap .k-dateinput-wrap,
    .ng-invalid.ng-touched > .k-dateinput-wrap,
    .ng-invalid.ng-touched > .k-dropdown-wrap,
    .ng-invalid.ng-touched > .k-numeric-wrap,
    .ng-invalid.ng-touched > .k-picker-wrap,
    .ng-invalid.ng-dirty > .k-picker-wrap .k-dateinput-wrap,
    .ng-invalid.ng-dirty > .k-dateinput-wrap,
    .ng-invalid.ng-dirty > .k-dropdown-wrap,
    .ng-invalid.ng-dirty > .k-numeric-wrap,
    .ng-invalid.ng-dirty > .k-picker-wrap {
        color: #656565;
    }

.ServiceCallBooking .k-widget.k-datetimepicker.k-header.form-control.fl.vsminput15.k-input {
    width: 70% !important;
}

.ServiceCallBooking .return-call {
    width: 133px !important;
}

.k-input {
    padding: unset;
}

.modal-fullscreen .modal-dialog {
    padding: 0 20px;
    width: auto;
}

.k-grid-header th.k-header .align_center {
    text-align: center;
}
/*bootstrap header*/
/*bootstrap header*/
.navbar {
    min-height: 40px;
    margin-bottom: 0px;
}

.app-header .navbar {
    margin-bottom: unset;
}

.app-header .navbar-header {
    display: inline-block !important;
}

@media (min-width: 768px) {
    .app-header .navbar-collapse.collapse {
        display: inline-block !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-nav > li > a {
        padding-top: 6px;
        padding-bottom: 0;
    }

    .userBell a.userlink {
        padding: .5em 0.5em .3em;
    }
}

.app-header .navbar-brand {
    padding: 0px 5px;
    background: #fff;
}

    .app-header .navbar-brand:hover {
        background: #fff;
    }

.app-header .nav.navbar-nav.navbar-right {
    float: right !important;
}




.app-header .navbar-collapse.collapse {
    display: block !important;
    float: left;
    padding-left: unset;
}


.app-header .k-group .k-item > a, .app-header .k-menu .k-menu-group .k-item > .k-link {
    padding-top: 9px;
    padding-bottom: 9px;
    min-width: 100px;
    cursor: pointer;
}

.app-header .k-menu > .k-item > a {
    color: #fff;
}

.app-header .navbar-default {
    background-color: #3c5ab0;
}

.app-header .kendo-nav {
    border: none;
}

.app-header .k-menu > .k-item > a,
.app-header .k-menu .k-link.k-state-active.k-state-border-right,
.app-header .k-menu .k-menu-scroll-button:hover,
.app-header .k-menu .k-state-hover > .k-link {
    color: #fff;
    background-color: #3c5ab0;
}

.app-header .navbar-default, .app-header .k-menu .k-link.k-state-active.k-state-border-right {
    background-color: #3c5ab0;
}

.app-header .k-menu .k-link.k-state-active {
    background: #fff;
    color: #000;
}

/*dashboard widget*/
.callByResource label {
    width: 65px;
    margin-right: 12px;
    text-align: right;
}

.callByResource .k-widget {
    width: 130px !important;
}

.dashboard .panel-heading {
    cursor: move;
}

.k-grid-header th.k-header {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 0;
    }
}

/*kendo theme navigation*/
.navbar-nav.k-menu navbar-nav .k-item, .navbar-nav.k-menu.k-header, .navbar, .navbar-nav .topsubmenu .k-item.k-first, #userActions {
    border-radius: 0;
    border: none;
}

.navbar-nav.k-menu .k-item, .navbar-nav.k-widget.k-menu-horizontal > .k-item {
    border-color: #27396b;
    border-radius: 0;
}

.navbar-nav .k-item.k-first {
    border-left: solid #2a3e77 1px;
}

.navbar-nav.k-menu .k-state-default .k-state-border-down {
    box-shadow: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    outline: none;
}

#myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item > .k-link {
    padding: 0.9em 1.1em .8em;
}

.navbar-right.k-menu .k-item, .navbar-right.k-widget.k-menu-horizontal > .k-item {
    border: transparent;
}

    .navbar-right.k-menu .k-item > .k-link {
        padding: .8em 1.1em .3em;
    }

.navbar-right.k-menu #qbLogo.k-item > .k-link {
    padding: .5em 0.5em .3em;
}

    .navbar-right.k-menu #qbLogo.k-item > .k-link:focus, .navbar-right.k-menu #qbLogo.k-item > .k-link:hover {
        background: #3c5ab0;
    }

/*submenu*/
#myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item .topsubmenu .k-item > .k-link {
    padding: 0.5em 1.5em .5em;
    color: #333;
}

    #myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item .topsubmenu .k-item > .k-link:hover, #myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item .topsubmenu .k-item > .k-link:focus {
        color: white !important;
    }



/**********************************Kendo changes april 2018*****************************************/
/*bootstrap header*/
.navbar {
    min-height: 40px;
}

.app-header .navbar {
    margin-bottom: unset;
}

.app-header .navbar-header {
    display: inline-block !important;
}

.app-header .navbar-brand {
    padding: 0px 5px;
    background: #fff;
}

    .app-header .navbar-brand:hover {
        background: #fff;
    }

.app-header .navbar-default .navbar-brand:hover, .app-header .navbar-default .navbar-brand:focus {
    background-color: #fff;
}

.app-header .nav.navbar-nav.navbar-right {
    float: right !important;
}

.app-header .navbar-collapse.collapse {
    display: block !important;
    float: left;
    padding-left: unset;
}

.app-header .k-group .k-item > a, .app-header .k-menu .k-menu-group .k-item > .k-link {
    padding-top: 9px;
    padding-bottom: 9px;
    min-width: 100px;
}

.app-header .kendo-nav {
    border: none;
}

/*dashboard widget*/
.callByResource label {
    width: 65px;
    margin-right: 12px;
    text-align: right;
}

.callByResource .k-widget {
    width: 130px !important;
}

.dashboard .panel-heading {
    cursor: move;
}

.k-grid-header th.k-header {
    text-align: center;
}

/*kendo theme navigation*/
.navbar-nav.k-menu navbar-nav .k-item, .navbar-nav.k-menu.k-header, .navbar, .navbar-nav .topsubmenu .k-item.k-first, #userActions {
    border-radius: 0;
    border: none;
}

.navbar-nav.k-menu .k-item, .navbar-nav.k-widget.k-menu-horizontal > .k-item {
    border-radius: 0;
}

.navbar-nav.k-menu .k-state-default .k-state-border-down {
    box-shadow: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    outline: none;
}

#myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item > .k-link {
    padding: 1em 1.1em 0.85em;
}

.navbar-right.k-menu .k-item, .navbar-right.k-widget.k-menu-horizontal > .k-item {
    border: transparent;
    outline: none;
}

    .navbar-right.k-menu .k-item > .k-link {
        padding: .8em 1.1em .3em 1rem;
    }

.navbar-nav.navbar-right .k-item.k-first {
    border: none;
}

.navbar-right.k-menu #qbLogo.k-item > .k-link {
    /*padding: .5em 0.5em .3em;*/
    padding: .51em 0.5em .41em;
}

.k-widget, .k-block {
    font-size: 13px !important;
}

/*submenu*/
#myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item .topsubmenu .k-item > .k-link {
    padding: 0.5em 1.5em .5em 1rem;
}

#myNavbar .k-menu .k-item > .k-link .k-i-arrow-60-right {
    right: 0px;
}

/*all heading*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Roboto, Helvetica, sans-serif;
}

/*dropdown kendo*/
.k-state-selected.k-state-focused {
    background-color: #428bca;
}

.k-filter-help-text {
    padding: 0.7rem 0.6rem;
    margin: 0 0 0.5rem 0;
}

/*datepicker kendo*/
.k-maskedtextbox.form-control {
    vertical-align: top;
}

    .k-maskedtextbox.form-control .form-control {
        height: 28px;
    }


/*icons*/
.navbar-right .k-link .fas, .navbar-right .k-link .far {
    width: 25px;
}

/*kendo tabpanel*/
.k-tabstrip-wrapper:focus, .k-tabstrip:focus {
    outline: none;
    box-shadow: none !important;
}

.k-tabstrip-wrapper .tab-content {
    background-color: #fff;
}

/*kendo tab panel*/
.k-tabstrip .k-item, .k-tabstrip-top > .k-tabstrip-items .k-item + .k-item {
    margin-left: 3px;
}

.k-datetimepicker .k-link.k-link-date, .k-datetimepicker .k-link.k-link-time {
    padding-left: 6px;
}

.k-datetimepicker .k-link.k-link-time {
    padding-left: 0;
    padding-right: 5px;
}

.tab-row {
    margin-left: -10px;
    margin-right: -10px;
}

/*bootstrap tab panel*/
.panel-group .panel + .panel {
    margin-top: 2px;
}


/*custom kento tabpanel*/
.k-tabstrip > .k-content.custom-tab-content.k-state-active, .tab-content.k-content.custom-tab-content, .k-tabstrip-wrapper .tab-pane.custom-tab-content {
    border: solid 1px #ddd;
    margin-left: 0;
    padding: 10px;
}

.k-tabstrip-top > .custom-tab-menu.k-tabstrip-items {
    border-width: 0;
}

.k-tabstrip > .custom-tab-menu.k-tabstrip-items .k-item .k-link {
    border-radius: 0;
}

#sm-detail-tabs .custom-tab-content.k-state-active .tab-pane.custom-tab-content {
    border: none;
    padding: 5px;
}


/*kendo grid*/
.k-menu.k-menu-vertical > .k-menu-group input[type="radio"], input[type="checkbox"] {
    margin: 1px 5px 0 0;
}

.k-grid-header .k-header > .k-link > .k-icon {
    position: relative !important;
}

.k-grid .k-grouping-row .k-icon:focus {
    outline: none;
}

.k-grid tbody .k-command-cell .k-button.k-button-icontext, .k-grid tbody .k-command-cell .k-button.k-button-icontext.k-primary, .k-button.k-button-icontext.k-grid-custom-delete {
    background: #fff;
    border: none;
    min-width: 30px;
    box-shadow: 0 0px 3px rgba(0,0,0,.2), 0 0px 3px rgba(0,0,0,.08);
    margin: 0 10px 0 0;
    color: #656565;
}

.k-grid-custom-edit, .k-grid-custom-update, .k-grid-custom-cancel {
    background: #fff !important;
    border: none !important;
    min-width: 30px;
    box-shadow: 0 0px 3px rgba(0,0,0,.2), 0 0px 3px rgba(0,0,0,.08);
    margin: 0 10px 0 0;
    color: #656565 !important;
}

    .k-grid-custom-edit:hover, .k-grid-custom-edit:focus, .k-grid-custom-update:hover, .k-grid-custom-update:focus {
        background: #3c54b0 !important;
        color: #fff !important;
    }

    .k-grid-custom-cancel:hover, .k-grid-custom-cancel:focus {
        background-color: #d9534f !important;
        color: #fff !important;
    }

.k-command-cell .k-button-icontext .k-icon, .k-button-icontext .k-icon {
    margin-right: -5px !important;
}

.k-grid-edit-row td > .k-textbox, .k-grid-edit-row td > .k-widget,
.k-grid-edit-row td > .k-block, .k-command-cell > .k-button, .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget,
.k-edit-cell > .k-block {
    padding: 5px;
}

.k-filter-menu label {
    margin-right: 10px;
}

.grid-col-spacing .k-grid td, .grid-col-spacing .k-grid-content td {
    padding: 4px 10px;
}

.grid-heading-btn {
    margin-top: -6px !important;
    margin-right: -7px !important;
}

.grid-heading-btn-dashboard, .grid-heading-btn1 {
    margin-top: -6px !important;
    margin-right: 0px !important;
}

.grid-heading-btn-group {
    margin-top: -6px !important;
    margin-left: 7px !important;
}

.grid-heading-btn3 {
    margin-top: -41px !important;
    margin-right: 0px !important;
}

.grid-heading-btn4 {
    margin-top: -44px !important;
    margin-right: 0px !important;
}

.grid-heading-btn5 {
    margin-top: -35px !important;
    margin-right: 0px !important;
}

.grid-heading-btn-dashboard.new-dashboard {
    margin-right: 5px !important;
    float: left !important;
}

.k-grid-header .k-header:first-child {
    border-left: solid 1px rgba(204, 204, 204, 0.4) !important;
    border-left-width: 1px !important;
}

.k-button.k-button-spacing {
    padding: 4px 8px;
}

.k-button.k-button-spacing-small {
    padding: 1px 6px;
}

.k-state-active, .k-state-active:hover {
    background-color: transparent;
}

.k-grid-header, .k-header, .k-grid-header-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-grid td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > td, .k-filter-row > th {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

    .k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
        border-left: solid 1px rgba(0, 0, 0, 0.15) !important;
    }

    .k-filter-row > th:last-child, .k-grid tbody td:last-child, .k-grid tfoot td:last-child {
        border-right: solid 1px rgba(0, 0, 0, 0.15) !important;
    }

.k-grid td {
    border-right-width: 1px;
}

    .k-grid td a.k-button:hover {
        text-decoration: none;
    }

.k-grid-Permission {
    padding-bottom: 6px !important;
}

.k-button.k-primary {
    z-index: 0;
}

.k-pager-wrap .k-pager-sizes .k-dropdown, .k-pager-wrap .k-pager-sizes > select {
    width: 5.2em !important;
}
/*edit row dropdown error*/
#SDOutcomeCodeGrid #type.k-invalid, #SDZipCode #states.k-invalid, #EquipmentIndustryField #SetupSDEquipmentIndustryId.k-invalid,
#EquipmentIndustryField #FieldType.k-invalid, #EquipmentIndustryField #DataType.k-invalid,
.kendoGridAddNewBtn #Break1Code.k-invalid, .kendoGridAddNewBtn #Break2Code.k-invalid,
#SetupSMProspectMiscFieldGrid #prospectFieldDataType.k-invalid, #salesman_.k-invalid, #outcomeCodeType.k-invalid {
    top: 4px;
    /*right: -1px;*/
    height: 27px;
}

#SetupSMProspectMiscFieldGrid #prospectFieldDataType.k-invalid {
    width: 98% !important;
}

.k-grid table tbody tr.k-state-selected td a.k-button {
    color: #656565 !important;
}

    .k-grid table tbody tr.k-state-selected td a.k-button:hover {
        color: #ffffff !important;
    }
/*kendo modal*/
.modal-dialog {
    /*margin-top: 25px;*/
}

.modal-header {
    padding: 5px 15px;
}

.modal-title {
    font-size: 14px;
}

.k-window-titlebar.k-header {
    width: auto;
    padding: 5px 0px;
}

.k-window-title {
    font-size: 15px !important;
}

.k-window-titlebar .k-window-actions {
    top: .3em;
}

/*sidebar panel*/
.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
    line-height: 1.45em;
}

.k-panelbar > .k-item.k-state-expanded > .k-link, .k-panelbar > .k-item.k-state-active > .k-link, .k-panelbar > .k-item > .k-link,
.k-panelbar .k-group > .k-item > .k-link {
    cursor: pointer !important;
}

.k-panelbar .k-group > .k-item > .k-link {
    border-bottom: solid 1px #e6e5e5;
    font-size: 1em;
    padding: 8px !important;
}

/*form control*/
.k-dropdown .k-input, .k-selectbox .k-input {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.k-dropdown-wrap .k-icon {
    /*margin-right: -7px;*/
}

.k-grid-header .k-grid-filter:hover {
    color: #3e3e3e !important;
    background-color: transparent !important;
}

input[type="checkbox"] {
    vertical-align: middle;
}

.k-dropdown .k-dropdown-wrap {
    padding-right: 10px !important;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

/*calendar*/
.k-calendar .k-header, .k-calendar .k-footer {
    padding: 0 !important;
}

.k-calendar th {
    padding: 8px !important;
}

.k-calendar .k-content .k-link {
    padding: 0.4em 0 0 0 !important;
}
/*text editor*/
.k-editor-toolbar .k-tool-group {
    /*padding: 3px 8px !important;*/
}

.k-picker-wrap .k-icon.k-i-arrow-60-down {
    margin-right: -11px;
}

.call-type-grid .k-picker-wrap .k-icon.k-i-arrow-60-down {
    margin-right: -5px;
}

#serviceTypeForm .k-picker-wrap .k-icon.k-i-arrow-60-down {
    margin-right: -4px;
}
/*file upload*/
.custom-upload-btn .k-button.k-upload-button {
    background-image: none;
    margin: 0;
    top: 0px;
    position: relative;
    min-width: 90px;
}

.custom-upload-btn .k-button.k-clear-selected, .custom-upload-btn .k-button.k-upload-selected {
    display: none;
}

.custom-upload-btn span.filename {
    top: 6px;
    left: 10px;
    position: relative;
    display: inline-block;
}

.custom-upload-btn .file-remove-icon {
    position: relative;
    right: 0;
    top: -2px;
}

.custom-upload-btn .k-widget.k-upload.k-header {
    display: inline-block;
}

.doc-upload-btn.custom-upload-btn .k-button.k-upload-button {
    margin-top: -7px;
}

#fileUpload .k-state-disabled [disabled] {
    opacity: 0 !important;
    filter: grayscale(0) !important;
}

/*modal popup*/
.k-edit-form-container .k-edit-buttons {
    margin: 16px 3px 0px !important;
    padding: 16px 16px !important;
}

/*common classes*/
.MT10-hideLarge, .calls-on-map-container .bootstrap-switch-container [type="checkbox"] {
    margin-top: 0px !important;
}

.loader-img {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    z-index: 9999;
}


/*colors and fonts*/
.font-size-11 {
    font-size: 11px !important;
}

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

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

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

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

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

.gray-text {
    color: #333333 !important;
}

.light-gray-text {
    color: #908f8f !important;
}

.orange-text {
    color: #f09e17;
}

.light-red-text {
    color: #ee5351;
}

.light-dark-green-txt {
    color: #4a890d;
}

.light-blue-txt {
    color: #2980b9;
}

.lighter-grey-text {
    color: #e0dcdc !important;
}

/*Club classes*/
.nav > li > a, .popup-SM-details a, .category-wrapper a, .showpopup, .cursor-pointer, .profile-userpic, .linkcontainer a, .dropdown-menu li a, .SM-SearchResult .k-grid-content table tbody tr {
    cursor: pointer;
}


/*-----------------------------admin -----------------------------------------*/
#EditManageUsers .k-textbox, #EditManageUsers .k-dropdown {
    width: 300px;
}

.manageGroupsEdit .editCompanyUser label {
    width: 200px;
    text-align: right;
}

.email-template-editor {
    height: 485px;
}

/*-----------------------------compnay setup -----------------------------------------*/
/*solution code*/
#SolutionCodesBusiness .k-detail-row td.k-detail-cell {
    padding-left: 5px;
}

/*employee master*/
.employee-master-payroll label {
    width: 125px;
    float: left;
    text-align: right;
    margin-right: 12px;
    margin-top: 5px;
}

.employee-master-payroll .k-textbox, .employee-master-payroll .k-widget.k-dropdown, .employee-master-payroll .k-datepicker,
.employee-master-payroll .k-widget.k-combobox {
    width: 140px;
    float: left;
}

.employeeMaster .modal-dialog {
    width: 1150px;
}

.employeeMaster .profile-sidebar .k-button.k-upload-button {
    background: none !important;
    position: relative;
    padding: 4px;
    width: auto;
    text-align: right;
    display: block;
    float: right;
    min-width: 1em;
    color: #000;
}

.employeeMaster .k-button.k-clear-selected, .pricing-item-part-input .k-autocomplete.k-header.k-textbox .k-i-close {
    display: none;
}

.k-datepicker.border-left {
    border-left: solid 1px #ccc;
}

#equipmentMasterContact .k-tool-group {
    padding: 3px;
}

#charge-customer .k-widget.k-numerictextbox .k-select {
    display: none;
}

#charge-customer .k-grid-content .k-numeric-wrap.k-state-default {
    height: 29px !important;
}

/*service dispatch*/
.soln-code-search .SM-SearchBox label {
    margin-right: 12px;
    margin-top: 2px;
}

.rightAlignLabels .groupHeading {
    padding-top: 10px;
}

#nonWorkingDaysScheduler .k-nav-current .k-link {
    margin-left: 10px;
}

.rightAlignLabels .col-md-12, .saiSetupNotification .col-md-12, #TimePromisedForm .col-md-12 {
    clear: both;
}

.saiSetupNotification label {
    margin-top: 3px;
}

#SetupSDProblemComponentCodeGrid .k-pager-info.k-label {
    margin: 0;
    margin-top: 4px;
}

#labor-or-other-pricing .row {
    margin-bottom: 7px;
}

#serviceTypeForm .k-selected-color {
    width: 82%;
}

.k-textarea.serviceType-Description {
    width: 520px;
    min-height: 20px;
}

.equipment-manufacturer-model label {
    text-align: right;
    min-width: 90px;
}

.non-working-days .k-edit-form-container .k-edit-buttons {
    margin: 16px 0px 0px;
    padding: 10px !important;
    background: transparent;
}

.call-type-grid .k-selected-color {
    width: 86% !important;
}

.phone-number-filter {
    padding-left: 3px;
}


/*media query*/
@media (min-width: 768px) {
    .app-header .navbar-collapse.collapse {
        display: inline-block !important;
    }
}

@media (min-width: 1240px) {
    .modal-lg {
        width: 1240px;
    }
}

@media (max-width: 1366px) {

    .navbar-right.k-menu .k-item > .k-link.userlink {
        padding: .8em 0em .3em 0rem;
    }

    a.navbar-brand img {
        width: 170px;
        height: 42px;
    }

    .MT10-hideLarge {
        margin-top: 10px;
    }
}

@media (min-width: 1380px) and (max-width: 1600px) {
    #myNavbar .kendo-nav.k-menu-horizontal.k-menu .k-item > .k-link {
        padding: 1em 0.85em 0.85em;
    }
}

/*Dispatch Board*/
.dispatch-board .k-scheduler table,
.dispatch-board .k-scheduler thead,
.dispatch-board .k-scheduler tfoot,
.dispatch-board .k-scheduler tbody,
.dispatch-board .k-scheduler tr,
.dispatch-board .k-scheduler th,
.dispatch-board .k-scheduler td, .gray-bdr-color {
    border-color: #ccc;
}

.dispatch-board .k-scheduler-header.k-state-default {
    padding-right: 16px;
}

.dispatch-board-dropdown.dropdown-menu > li > a {
    padding: 8px 10px;
}

.dispatch-board-dropdown a .fa, .dispatch-board-dropdown a .fas {
    width: 20px;
    margin-right: 5px;
    text-align: center;
}

.tech-trade {
    width: 100%;
    text-align: center;
}

.timeslotcontainer .k-scheduler-table td, .k-scheduler-table th {
    padding: 4px 8px !important;
}

#scheduler .k-scheduler-header-wrap {
    border-width: 0;
}

.assignedcalls.service-call.service-call-menu assigned_call_status {
    background-color: #af3d3d !important;
}

.technician-menu-items.k-context-menu.k-menu-vertical > .k-item > .k-link,
.unassign-service-call-menu-items.k-context-menu.k-menu-vertical > .k-item > .k-link,
.unassign-service-call-menu-items.k-menu .k-menu-group .k-item > .k-link,
.service-call-menu-items.k-menu .k-item > .k-link,
#service-call-menu.k-menu .k-item > .k-link, .sales-call-menu-items.k-menu .k-item > .k-link {
    padding: .78em 1.8em .78em .9em;
}

.technician-menu-items .fas, .technician-menu-items .fa, .technician-menu-items .far,
.salesman-menu-items .fas, .unassign-service-call-menu-items .fa, .unassign-service-call-menu-items .fas,
.service-call-menu-items .fas, .service-call-menu-items .fa, .service-call-menu-items .far,
#service-call-menu .fas, #service-call-menu .fa, #service-call-menu .far,
.sales-call-menu-items .far, .sales-call-menu-items .fas, .unassign-service-call-menu-items .far {
    width: 25px;
}

.call-task-type-input {
    width: 40px !important;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin: 0 5px;
}

#scheduler .k-event.call-list.service-call-menu, #scheduler .k-event.call-list.sales-call-menu {
    width: 99%;
}

.k-scheduler-table .k-icon.k-i-trash {
    /*  background-color: #fff;*/
    background-color:#ddd;
    position: relative;
    top: -3px;
    color:black;
}

    .k-scheduler-table .k-icon.k-i-trash::before {
        font-size: 12px;
    }

#Service-Unassigned-Call .tab-content.custom-tab-content.k-content.k-state-active {
    overflow: visible;
}

/*service master*/
#servieMasterSearch .glyphicon.glyphicon-backward, #servieMasterSearch .glyphicon.glyphicon-forward {
    top: -1px;
}

#contractList .grid_container.k-grid .k-header.k-grid-toolbar {
    padding: 0 0 5px 0 !important;
}

.SM-Doc-Container .tab-pane {
    padding-top: 10px;
}

.recom-btn {
    float: right;
    margin-top: 0;
    margin-right: 0 !important;
}

#servieMasterStep1 input.vsminput2, #servieMasterStep2 .vsminput2 {
    width: 355px;
    float: left;
}

#servieMasterStep1 input.vsminput9 {
    width: 132px;
}

#servieMasterStep1 .k-dropdown.vsmselect {
    width: 85px;
}

#servieMasterStep1 input,
#servieMasterStep1 .k-dropdown {
    min-width: 100% !important;
    max-width: 100% !important;
}
#servieMasterStep1
span.k-widget.k-combobox.k-header.ng-pristine.k-combobox-clearable.ng-invalid.ng-invalid-required,
#servieMasterStep1 span.k-widget.k-combobox.k-header.ng-pristine.ng-invalid.ng-invalid-required.k-combobox-clearable.ng-touched {
    width: 100% !important;
}

#servieMasterStep1 span.k-widget.k-combobox.k-header.k-combobox-clearable.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required.ng-touched {
    max-width: 100%;
}
#servieMasterStep1 .num-input input {
    max-width: 100% !important;
    width: 100% !important;
}

.SM-Step1 .checkbox input[type="checkbox"] {
    margin-top: 2px;
}

.upload-sm-popup .modal-dialog {
    width: 1240px;
}

.upload-SM-checkboxes .checkbox {
    float: left;
}

    .upload-SM-checkboxes .checkbox input[type="checkbox"], .upload-SM-checkboxes .checkbox-inline input[type="checkbox"] {
        margin-left: 0px;
        margin-top: 2px;
    }

#servieMasterStep3 label.lbl16 {
    width: 120px;
    padding-right: 12px;
    text-align: right;
}

#servieMasterStep3 .k-dropdown, #servieMasterStep3 .k-maskedtextbox, #servieMasterStep3 .system-number,
#servieMasterStep3 .k-datepicker {
    width: 155px;
    float: right;
    box-sizing: border-box;
}

#servieMasterStep3 .col-sm-3 {
    margin-bottom: 10px;
}

.SMStep2popup #servieMasterStep2 label.lbl2 {
    width: 125px;
    line-height: 26px !important;
}

.four55.SMStep2popup #servieMasterStep2 .vsminput3.vsminput3edit {
    width: 118px;
}

.four55.SMStep2popup #servieMasterStep2 .lbl5.lbl5edit {
    width: 92px;
}

#servieMasterStep2 label.lbl2 {
    width: 70px;
}

#servieMasterStep2 .vsminput9 {
    width: 132px;
}

#servieMasterStep2 .vsminput3, #servieMasterStep2 imput.vsminput3 {
    width: 140px;
}


#servieMasterStep2 .k-textbox, #servieMasterStep2 .k-dropdown,
#servieMasterStep2 .k-maskedtextbox, #servieMasterStep2 .k-combobox {
    min-width: 100%;
    width: 100%;
}
#servieMasterStep2 .mw150 {
    max-width: 150px;
    min-width: 150px;
}
#equipment-grid .k-grid-header th:first-child .k-header-column-menu, #equipment-grid .k-grid-header th:first-child .k-header-column-menu {
    display: none;
}

#sm-info.k-tabstrip > .k-content.k-state-active, #QuickServiceCallTabs.k-tabstrip > .k-content.k-state-active {
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-left: -1px;
}

.doc-select-file .k-button.k-upload-button {
    position: relative;
    margin: 0;
}

ul.doclist.doc-email-attachment-list {
    max-height: 100px;
    overflow: auto;
}

    ul.doclist.doc-email-attachment-list li a.glyphicon-remove {
        position: relative;
        top: 3px;
        right: 0;
    }

.k-tabstrip .doc-email-attachment-list li a:hover {
    background: transparent;
    color: #000;
}

.doc-email-search {
    position: absolute;
    right: 6px;
    top: 7px;
}

#tokenList_listbox {
    width: 100% !important;
}

.SM-contract-step1 label {
    width: 140px;
    padding-right: 12px;
    text-align: right;
}

.SM-contract-step1 .k-widget.k-dropdown, .SM-contract-step1 input[type="text"], .SM-contract-step1 .k-widget.k-maskedtextbox,
.SM-contract-step1 input[type="password"] {
    width: 165px !important;
    margin-right: 0 !important;
}

.SM-contract-step1 .col-md-3, .SM-contract-step1 .col-md-6, .SM-contract-step1 .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.SM-contract-step1 .bootstrap-switch {
    margin-top: 0px;
    margin-left: 2px;
}

.Sm-contract-heading-btn {
    position: absolute;
    top: -6px;
    right: 0;
}

.sm-address-verification-text, .sm-address-verification-text-green {
    display: inline-block;
    border: solid 1px #a2a0a0;
    padding: 0px 7px;
    border-radius: 10px;
    font-size: 10px;
    color: #363535;
    font-weight: bold;
    margin-right: 5px;
    position: relative;
    top: -2px;
    cursor: pointer;
}

.sm-address-verification-text-green {
    border-color: #25a204;
    padding: 0px 0 0 4px;
}

    .sm-address-verification-text-green::after {
        content: "\f00c";
        background-color: #25a204;
        color: red;
        font-weight: bold;
        border-radius: 10px;
        font-family: "Font Awesome 5 Free";
        color: #fff;
        padding: 3px 4px;
        margin-right: -2px;
        margin-left: 5px;
    }

#callParts input, #callParts textarea, #callParts .k-dropdown {
    width: 210px;
}

#schedule-listing .k-grid table tbody tr.k-state-selected td a {
    color: #656565 !important;
}

    #schedule-listing .k-grid table tbody tr.k-state-selected td a:hover, #schedule-listing .k-grid table tbody tr.k-state-selected td a:focus {
        color: #ffffff !important;
    }

.schedule-listing-edit-grid .k-datepicker:hover, .k-datepicker .k-state-hover, .schedule-listing-edit-grid.k-numerictextbox.k-textbox:hover {
    background: none;
}

.schedule-listing-edit-grid .k-grid-content .k-datepicker .k-input,
#RegularAccountingBillingSchedule .k-grid-content .k-datepicker .k-input {
    height: 26px !important;
}

.schedule-listing-edit-grid .k-grid-content .k-numeric-wrap.k-state-default {
    height: 31px !important;
}

.schedule-listing-edit-grid .k-numerictextbox {
    padding: 0;
    margin-top: -10px;
    border: 0;
}

    .schedule-listing-edit-grid .k-numerictextbox .k-numeric-wrap input {
        border: none !important;
    }

.schedule-listing-edit-grid .k-grid-content .k-datepicker,
#RegularAccountingBillingSchedule .k-grid-content .k-datepicker {
    width: calc(100% + ((8px + 1px) * 2)) !important;
}

.schedule-listing-edit-grid .k-numerictextbox .k-link-decrease > .k-icon, .schedule-listing-edit-grid .k-numerictextbox .k-link-increase > .k-icon {
    top: 7px;
}

.schedule-listing-edit-grid .k-datepicker input.k-input {
    padding-left: 0;
}

.contract-renewal-grid .k-grid-content input.k-textbox {
    text-indent: 0;
    height: 28px;
}

.contract-renewal-grid.schedule-listing-edit-grid .k-datepicker input.k-input {
    padding-left: 5px !important;
}

.badge.contract-list-count {
    background-color: #3c5ab0;
    border-radius: 5px;
}

.k-tabstrip-top > .custom-tab-menu.k-tabstrip-items .k-item.k-state-active .k-link .badge.contract-list-count,
.k-tabstrip > .custom-tab-menu.k-tabstrip-items .k-item .k-link:hover .badge.contract-list-count,
.k-tabstrip > .custom-tab-menu.k-tabstrip-items .k-item .k-link:focus .badge.contract-list-count {
    background-color: #fff;
    color: #333;
}

.LocationClassificationsIconsSM {
    display: inline-block;
    margin-right: 10px;
}

    .LocationClassificationsIconsSM:last-child {
        margin-right: 0px;
    }
/*manage prospect*/
.prospect-create .modal-lg {
    width: 1260px;
}

.salesCallBookingForm .k-autocomplete, .salesCallBookingForm .k-widget.k-maskedtextbox, .salesCallBookingForm .k-widget.k-dropdown,
.salesCallBookingForm .k-widget.k-timepicker {
    width: 150px;
}
/*quote*/
.SolutionCodesBucket .k-grid-header .k-header {
    text-align: center;
}
/*reports*/
.search-report-heading {
    margin-top: 3px;
    font-size: 18px;
}

/*profile*/
.profile-content label {
    text-align: right !important;
    min-width: 145px;
    float: left;
    padding-right: 12px;
    line-height: 26px;
    padding-bottom: 4px;
}

.profile-content .form-group.vsmselect6.city label {
    min-width: 75px;
}


/*purchase order*/
.edit-ship-to-modal .modal-dialog {
    width: 750px;
}

.POVendorEdit-dialog .modal-dialog {
    width: 619px;
}

.edit-ship-to-modal label, #POVendorEdit label {
    width: 115px;
    text-align: right;
    float: left;
}

.edit-ship-to-modal input, .edit-ship-to-modal .k-combobox, .edit-ship-to-modal .k-dropdown,
#POVendorEdit input, #POVendorEdit .k-combobox, #POVendorEdit .k-dropdown {
    width: 152px;
}

#sdcallprocesscontainer label.labelSmall {
    text-align: right;
    padding-right: 12px;
}

/*purchase order*/
#POGeneralInfo .k-widget.k-dropdown, #POGeneralInfo .k-widget.k-maskedtextbox {
    width: 157px;
}

/*signup*/
.logincontainerNew.signUP input {
    width: 100%;
    height: 26px;
}

.logincontainerNew.signUP textarea {
    min-height: 50px;
    width: 100%;
    height: 50px;
}

.logincontainerNew.signUP .col-md-6, .logincontainerNew.signUP .col-md-12 {
    margin-bottom: 0px;
}

/*icons*/
.fas.fa-align-justify {
    padding-top: 1px;
    padding-bottom: 1px;
}

/*Admin portal*/
#frmInTrialPopup label {
    width: 125px;
    text-align: right;
    color: #999;
}

#frmInTrialPopup .form-group span {
    display: inline-block;
    padding-top: 3px;
    color: #000;
}

.hamburger-position {
    margin-bottom: -10px;
    margin-right: -10px;
    margin-top: -5px;
}

.alertInTrial {
    color: #000;
    background-color: #EDD78B;
    border-color: transparent;
    padding: 5px;
}


/*css only for edge*/
@supports (-ms-ime-align: auto) {
    .k-grid tbody .k-command-cell .k-button.k-button-icontext, .k-grid tbody .k-command-cell .k-button.k-button-icontext.k-primary, .k-button.k-button-icontext.k-grid-custom-delete {
        border: solid 1px #ddd;
    }

    .k-grid-header .k-header-column-menu {
        height: 20px !important;
    }

    .bootstrap-switch {
        font-size: 16px;
    }
}

/*css only for internet explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .k-dropdown {
        height: 28px;
    }

    #ReportLogo .k-dropzone .btn.btn-blue {
        padding-top: 2px;
    }
}


/******************CSS for Mozilla firefox browser *****************/

@-moz-document url-prefix() {
    input[type="checkbox"].checkbox2 {
        top: 0px !important;
    }

    .formrow2 {
        overflow: auto;
    }

    .adduser1 {
        margin-left: 400px !important;
    }

    .formwidth4 {
        margin-left: 9px !important;
        width: 208px;
    }

    .k-menu.k-menu-vertical > .k-menu-group input[type="radio"], input[type="checkbox"] {
        margin: -3px 5px 0 0;
    }

    .k-textbox {
        box-shadow: none;
    }

    #CompanyInformation.compnay-report-upload .k-button.k-upload-button {
        margin-top: inherit !important;
    }

    .parent .glyphicon.glyphicon-pencil {
        top: 5px;
    }

    input[type="checkbox"].checkbox2 {
        margin-top: 2px;
    }

    .parent .glyphicon.glyphicon-phone-alt {
        top: 1px;
    }
}

.convert-to-customer .modal-dialog {
    width: 660px;
}

.convert-to-customer .rightAlignLabels #creditCardForm .column .column-content input {
    width: calc(100% - 170px);
}

.ConvertToCustomerCC .pull-left.cvv {
    width: 207px;
}

#creditCardForm.ConvertToCustomerCC #cardCVV {
    width: calc(100% - 74px) !important;
}

.k-filter-menu > div:not(.k-animation-container), .k-filter-menu .k-filter-menu-container {
    padding: 0.5em;
}

.setMarginSignup {
    margin-top: 0%;
}

.setMarginLogin {
    margin-top: 3%;
}

.adminCustomerCC .pull-left.cvv {
    width: 149px;
}

@media screen and (min-width: 1440px), screen and (min-height: 800px) {
    .setMarginSignup {
        margin-top: 3%;
    }

    .setMarginLogin {
        margin-top: 7%;
    }
}

#emailSection .labelSmall {
    width: 41px;
}

#emailSection {
    padding: 0px 15px 0px 20px;
}

#techDefaults ul.sidebar li a:hover, #techDefaults ul.sidebar li a:focus,
#techDefaults ul.sidebar li a.k-state-hover.k-state-focused {
    background-color: #3c5ab0;
    border-color: #3c5ab0;
    color: #fff;
}

.solution-code-grid .k-grid-edit {
    display: none !important;
}

.parts-grid .k-grid-edit {
    display: none !important;
}

.halfLabel.no, .halfLabel.yes {
    font-weight: bold;
    color: red;
    font-size: 14px;
}

.halfLabel.yes {
    color: green;
}
/*customer portal setup*/
.toggle-right .bootstrap-switch {
    float: left !important;
}

#after-hours-notification {
    min-height: 120px;
    margin-bottom: 20px;
    box-shadow: none;
}

.vertical-tab-content {
    padding: 15px !important;
    border: solid 1px #e3dddd !important;
}

.vertical-tab .custom-tab-menu ul {
    padding-top: 0 !important;
    width: 220px;
}

    .vertical-tab .custom-tab-menu ul li.k-item {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

        .vertical-tab .custom-tab-menu ul li.k-item span.k-link {
            color: #666666 !important;
        }

.vertical-tab.k-tabstrip .k-item.k-item:hover, .vertical-tab.k-tabstrip .k-item.k-state-active {
    background: #3c5ab0 !important;
    border: none !important;
}

    .vertical-tab.k-tabstrip .k-item.k-item:hover .k-link, .vertical-tab.k-tabstrip .k-item.k-state-active .k-link {
        color: #ffffff !important;
    }

    .vertical-tab .k-tabstrip .k-item.k-state-active span.k-link {
        color: #ffffff !important;
    }

.vertical-tab.k-tabstrip > .k-tabstrip-items .k-item {
    border: 0;
}

    .vertical-tab.k-tabstrip > .k-tabstrip-items .k-item .k-link {
        width: 85%;
    }

#CustomerPortalSetupForm label {
    padding-top: 5px;
}

#CustomerPortalSetupForm h4.groupHeading {
    font-size: 13px;
}

.error-ico {
    position: absolute;
    right: 10px;
    font-size: 17px;
}

#frmSurvey .create_question_container .panel-title::after {
    display: none;
}

#creditCardForm #cardCVV {
    width: calc(100% - 65px) !important;
}

.k-grid-content .k-dropdown input#country.k-invalid {
    top: 3px !important;
}

.equpImageSlider-NoImage {
    background-color: #efefef;
    width: 100%;
    text-align: center;
}

    .equpImageSlider-NoImage img {
        width: 100%;
    }

.equpImageSlider .carousel-inner > .item > img,
.equpImageSlider .carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
    height: 240px;
    object-fit: scale-down;
}

.equpImageSlider .carousel-control {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

    .equpImageSlider .carousel-control.left, .carousel-control.right {
        background-image: none;
    }

        .equpImageSlider .carousel-control.left .fa, .carousel-control.right .fa {
            background: white;
            top: 47%;
            position: absolute;
            color: #000;
            padding: 5px 7px;
            box-shadow: 0 0 7px #a19e9e;
            cursor: pointer;
        }

        .equpImageSlider .carousel-control.left .fa {
            left: 10%;
        }

    .equpImageSlider .carousel-control.right .fa {
        right: 10%;
    }

.equpImageSlider .carousel {
    border: solid 1px #ccc;
    height: 240px;
    display: table;
    width: 100%;
}

    .equpImageSlider .carousel .carousel-inner {
        margin: 0 auto;
        vertical-align: middle;
        display: table-cell;
    }

.equp-image-upload .k-button.k-upload-button {
    min-width: 2em;
    padding: 5px 12px;
}

.equipment-images-popup .modal-dialog.modal-lg {
    width: 1075px;
}

#Equp-SetAsDefault {
    display: none;
    width: 89%;
    background-color: rgba(225, 222, 222, 0.7);
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 40px 27px;
    height: 117px;
}

div.gallery:hover #Equp-SetAsDefault {
    display: block;
}

div.gallery {
    margin: 5px;
    /* border: 1px solid #ccc; */
    float: left;
    width: 180px;
    background-color: #fff;
    box-shadow: 0 0 8px #c4c2c2;
    padding: 10px;
    margin-right: 20px;
    position: relative;
    margin-bottom: 40px;
}

    div.gallery .gallery-img {
        height: 117px;
        border: solid 1px #efeded;
    }

    /*div.gallery:hover {
		border: 1px solid #828181;
	}*/

    div.gallery img {
        width: 100%;
        height: 115px;
        object-fit: scale-down;
    }

div.desc {
    padding: 0px;
    padding-top: 5px;
    /*text-align: center;*/
}

div.gallery div.desc .fa {
    font-size: 1.25em;
    cursor: pointer;
}


.ekko-lightbox {
    z-index: 999999999999;
}

    .ekko-lightbox .close {
        color: initial !important;
    }

    .ekko-lightbox .modal-dialog .modal-header {
        border-bottom: none;
    }

    .ekko-lightbox .modal-dialog .modal-body {
        padding: 0px 10px 10px 10px !important
    }

.part-detail-section {
    margin: 3px;
    padding: 10px;
    box-shadow: 0 0px 12px 0 rgba(0,0,0,0.18);
    border-radius: 6px;
    margin-top: 25px;
    min-height: 240px
}

.section-top span {
    line-height: 28px;
}

.section-top label {
    line-height: 28px;
    color: #959393;
    padding: 0px 10px 0px 0px;
}

.section-top span {
    color: #000000;
}

/*part maintenence*/
.PartAssignmentFormContent .coupleField {
    padding: 5px 2px 0 3px !important;
}

.PartAssignmentFormContent .k-widget {
    box-shadow: none;
}

    .PartAssignmentFormContent .k-widget .k-textbox {
        font-size: 13px;
    }

.PartAssignmentFormContent .k-dropdown-wrap .k-input {
    padding: 5px 8px;
}

.PartAssignmentFormContent .SM-SearchBox .vsminline7 {
    margin-left: 25px !important
}

.selected-part-details h4.groupHeading {
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 7px;
}

.selected-part-details img.part-image {
    border: solid 7px #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.PartDetailEdit {
    width: 15px;
    height: 15px;
    background-color: #708ee6;
    color: #fff;
    border-radius: 35px;
    padding: 0px;
    display: block;
    position: relative;
    margin-top: 6px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

    .PartDetailEdit span.glyphicon {
        position: relative;
        top: -7px;
        left: 3px;
        font-size: 9px;
        color: #fff;
    }

    .PartDetailEdit:hover {
        color: #ffffff;
    }

    .PartDetailEdit .k-icon {
        position: relative;
        top: -5px;
        font-size: 11px;
        left: 3px;
    }

    .PartDetailEdit.ConfirmDetails {
        background-color: #6ead0d !important;
        width: 17px;
        height: 17px;
    }

    .PartDetailEdit.CancelDetail {
        background-color: #d03333 !important;
        width: 17px;
        height: 17px;
    }

.PartDetailsCard {
    width: calc(100% - 200px);
}

.k-grid-content .k-dropdown input.k-invalid.TimePromisedCodeSelect {
}
/*transaction log*/
.PartTransactionLogFormContent label {
    width: 150px;
    text-align: right;
    margin-right: 12px;
    margin-top: 5px;
}

.PartTransactionLogFormContent input[type="text"], .PartTransactionLogFormContent .k-widget, .PartTransactionLogFormContent .custom-multiselect {
    width: 190px;
}

    .PartTransactionLogFormContent .custom-multiselect label {
        text-align: left;
    }

    .PartTransactionLogFormContent .custom-multiselect .multiSelect > button {
        padding-right: 5px !important;
        min-width: 174px !important;
        height: 26px;
    }

.PartTransactionLogFormContent #part-search {
    right: -22px;
}

.transaction-log-details {
    margin: 15px;
    height: auto;
    overflow: hidden;
    color: #333;
}

.transaction-log-details-thumbnail {
    margin-right: 20px;
}

    .transaction-log-details-thumbnail img {
        height: 65px;
        width: 65px;
        border-radius: 100%;
    }

.transactionCreatedBy {
    margin-top: 6px;
}

    .transactionCreatedBy strong {
        font-size: 15px;
        margin-right: 10px;
    }
/*confirm booked call - web mobile console*/
.confirmCallFrom input.vsminput5 {
    width: 150px;
}

.confirmCallFrom#servieMasterStep1 input.vsminput2 {
    width: 500px;
}

.confirmCallFrom#servieMasterStep1 input.vsminput9 {
    width: 192px;
}

.confirmCallFrom .SM-State {
    width: 178px;
}

.confirmCallFrom#servieMasterStep1 .k-dropdown.vsmselect {
    width: 157px;
}

.confirmCallFrom input.vsminput3, .confirmCallFrom .k-dropdown.vsminput3.vsminput3edit {
    width: 190px;
}

.confirmCallFrom.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.confirmCallFrom label.lbl5 {
    width: 120px;
}

.confirmCallFrom label.lbl8 {
    width: 140px;
}

.confirmBookedCall {
    height: auto;
    overflow: hidden;
}

    .confirmBookedCall label {
        width: 90px;
        text-align: right;
        margin-right: 15px;
        margin-top: 5px;
    }

    .confirmBookedCall .label-110 {
        width: 110px;
        text-align: right;
        margin-right: 15px;
        margin-top: 5px;
    }

/*customer portal setup*/
.capacity-config-legend, .capacity-config-legend-green, .capacity-config-legend-yellow {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ef5350;
    border-radius: 10px;
    margin-left: 12px;
    margin-right: 5px;
}

.capacity-config-legend-green {
    background-color: #589e14;
}

.capacity-config-legend-yellow {
    background-color: #ffb22b;
}

.input_center .number-input {
    text-align: center;
}

#CustomerPortalSetupForm .input_center .number-input {
    text-align: left;
}

.custom-multiselect.location-class .caret {
    position: absolute;
    right: 8px;
}

.width-525 {
    width: 525px !important;
}

.margin-left-83 {
    margin-left: 83px;
}

.domain-name {
    margin-top: 6px;
    color: #666;
    font-style: italic;
}

.width-60 {
    width: 60%;
}

.notification-status {
    padding: 2px !important;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 20px;
    top: 1.4px;
    position: relative;
}

.notification-status-basic-view {
    float: right;
    font-size: 15px;
    margin-left: 2px;
    margin-top: 1px;
}

.thumbs-icon {
    position: relative;
    top: -2px;
}

.popup-width-850 .modal-dialog {
    width: 850px;
}

.kendo-editor-invalid iframe {
    border: 1px solid red !important;
}

.sm-container .search_filter .number-input {
    width: 160px !important;
    text-align: initial !important;
}

.k-grid > .k-resize-handle, .k-grid-header .k-resize-handle, .k-grid > .k-resize-handle:hover, .k-grid-header .k-resize-handle:hover {
    background-color: initial !important;
}

/***************Survey campaign*******************************/
.survey-result-container .header {
    font-weight: bold;
    border-bottom: solid 1px #3c5ab0;
    color: #333;
    margin: 30px 0 20px 0;
    height: auto;
}

.survey-result-container .survey-que {
    background-color: #f1f1f1;
    padding: 7px 10px;
}

.survey-result-container .survey-ans {
    margin-bottom: 10px !important;
    padding: 10px 0 10px 5px;
    font-weight: bold;
}

.custom-tab-content #splitter {
    min-height: 550px;
    height: auto;
}

.quickServiceCallBooking .customer-po-num {
    width: calc(100% - 150px);
}

.quickServiceCallBooking .taskcode {
    height: 30px;
}

#sd-proposal-pricing-bucket-grid .k-grid-edit-row td > .k-widget.k-colorpicker {
    width: auto !important;
    padding: 0px;
    margin: 0px;
}

#rebate-grid td > .k-datepicker > .k-picker-wrap > .k-input > .k-select {
    display: none !important;
}

#rebate-grid td > .k-datepicker > .k-picker-wrap > .k-select {
    height: 24px;
    top: 1px;
    right: 1px;
    z-index: 99;
}

#rebate-grid td .k-numeric-wrap input {
    border: none !important;
}

.pb-equip-image {
    height: 65px;
}

input#autocomplete.k-textbox {
    padding: .17857143em 0 !important;
}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1366px) {
    .confirmBookedCall label {
        width: 84px;
    }
}

.inclusion-exclusion-title {
    font-size: 16px;
    padding-bottom: 10px;
}

#horizontal .techListHeader {
    max-width: 183px;
}

#vertical .techListHeader {
    max-width: 200px;
}

/**subcotractor style*/
.subcontractor-assigncall-header {
    float: left;
    background: #f2f2f2 !important;
    margin-bottom: 10px;
    padding-top: 10px;
}

.subcontractor-assigncall-container #accordion .panel-body {
    padding: 15px;
}

.VendorView-DispatchBoard .callTypeSelector {
    padding-left: 15px;
    padding-right: 10px;
}

.VendorView-DispatchBoard .basic-view-slot-header {
    padding: 0;
}

.VendorView-DispatchBoard .k-scheduler {
    border-radius: 0;
}

.VendorView-DispatchBoard .dis-board-tech-content .dis-board-tech-content1, .VendorView-DispatchBoard .dis-board-tech-content .dis-board-tech-content2 {
    background-color: #ef9b39;
    padding: 5px;
    width: 95%;
}

.VendorView-DispatchBoard .dis-board-tech-content .dis-board-tech-content2 {
    background-color: #e18b28;
}

.VendorCallCount {
    background-color: #d07309;
    padding: 5px 0;
}

.ChangeCallStatusContent .SMheadingrow label {
    float: left;
    margin-right: 15px !important;
}

.ChangeCallStatusContent .SMheadingrow {
    float: left;
    padding: 10px;
    width: 100%
}

.ChangeCallStatusContent {
    height: auto;
}

.OutcomeCodeTechCount {
    display: block;
    position: relative;
    top: 4px;
    opacity: 0.8;
    font-size: 13px;
}

.textarea-input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



.content-box {
    box-sizing: content-box;
}

.quote-down-payment, .quote-payment-terms {
    background-color: #f1f0f5;
    padding: 10px;
    margin-top: 15px;
    border-radius: 5px;
    padding-right: 20px;
    display: flex;
}

    .quote-down-payment label, .quote-payment-terms label {
        margin-top: 7px;
    }

    .quote-down-payment .label-section, .quote-payment-terms .label-section {
        width: 150px;
    }

    .quote-down-payment .input-control, .quote-payment-terms .input-control {
        flex-grow: 1;
        text-align: right;
    }

    .quote-down-payment .action, .quote-payment-terms .action {
        width: 100px;
        text-align: right;
    }

.serviceQuote .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.serviceQuote .accordion-toggle {
    text-decoration: none;
}

.quote-confirmation .label-text {
    line-height: 27px;
    width: 135px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.quote-bucket-error-list {
    margin: 0;
    margin-bottom: -15px;
}

.custom-dropdown-image {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

.SDTechMaster .bootstrap-switch-wrapper {
    width: 80px !important;
}

.SDTechMaster .bootstrap-switch-container {
    width: 120px !important;
}

.SDTechMaster .bootstrap-switch-handle-on, .bootstrap-switch-handle-off, .bootstrap-switch-label {
    width: 40px !important;
}

.unassignedcall-oc {
    color: #000;
    padding: 0px 8px;
    position: relative;
    top: -2px;
}

.main-container-full {
    width: 100% !important;
}

.card-view label.custom-label {
    color: #aaa;
    margin-bottom: 0;
    width: 100px;
    text-align: right;
}

.card-view .panel-default > .panel-heading {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.card-view .panel-default.header > .panel-heading {
    border-bottom: none;
    background-color: #f5f5f5;
}

.card-view .panel.panel-default {
    border: 1px solid #aaa;
    margin-bottom: 10px;
    border-radius: 0px;
}

    .card-view .panel.panel-default.header {
        border: 1px solid #ccc;
        height: auto;
    }

.card-view .SMheadingrow {
    border-radius: 0px;
}

.card-view .description {
    padding: 4px 5px 10px 5px;
}

.card-view .card-header {
	padding: 10px 15px;
}

input.invalid-return-call {
	background: pink;
}
    
/*PDF Invoice*/
#mainDivInvoice .CustonInvoiceWD {
    table-layout: fixed;
    width: 750px !important;
}

#mainDivInvoice table.CustonInvoiceWD tr td > table, 
.invoice-details-container .FullDetailInvoiceWD span table {
    table-layout: fixed;
    width: 750px !important;
}

/*Chat start*/
.chat-popup {
    display: none;
    position: fixed !important;
    bottom: 5px;
    right: 15px;
    border: 1px solid #428BCA;
    z-index: 999;
    width: 300px;
    -webkit-box-shadow: 0 0 3px 3px #cacaca;
    box-shadow: 0 0 3px 3px #cacaca;
}

.chat-popup .alert{
	padding: 0;
	border-radius: unset;
}

.form-container {	
	background-color: white;
}

.chat-popup input.form-control {
	height: 34px;
	margin-bottom: 5px;
}

.chat-popup .panel-heading {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.chat-popup .form-container .btn {
    /*background-color: #04AA6D;*/
    background-color: #428BCA;
    color: white;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    opacity: 0.8;
}
    .chat-popup .form-container .btn.btn-default {
        background-color: #ffffff;
        color: #428BCA;
        border: 1px solid #ccc;
    }

    .chat-popup .form-container .cancel {
        background-color: red;
    }

.chat-popup .form-container .btn:hover, .open-button:hover {
	opacity: 1;
}

.chat-popup .chat {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.chat-popup .chat li {
		padding-bottom: 5px;
	}

        .chat-popup .chat li.left .chat-body {
            margin-left: 30px;
            text-align: right;
        }

		.chat-popup .chat li.right .chat-body {
			margin-right: 30px;
		}


		.chat-popup .chat li .chat-body p {
			margin: 0;
			color: #777777;
		}

        .chat-popup .chat li .chat-body .header {
            height: auto;
            margin-bottom: 5px;
        }
            .chat-popup .chat li .chat-body .header strong {
                font-weight: 500;
                font-size: 11px;
            }

            .chat-popup .panel .slidedown .glyphicon, .chat .glyphicon {
                margin-right: 5px;
            }

.chat-popup .chat-container {
    overflow-y: auto;
    height: 250px;
    padding: 10px;
}

	.chat-popup .chat-container::-webkit-scrollbar {
		width: 8px;
	}

	.chat-popup .chat-container::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.chat-popup .chat-container::-webkit-scrollbar-thumb {
		background: #888;
	}

		.chat-popup .chat-container::-webkit-scrollbar-thumb:hover {
			background: #555;
		}

/*.chat-body {
	padding: 5px 10px;
	background: #f1f1f1;
	border: 1px solid #808080;
}*/

.chat-content {
    padding: 5px 10px;
    display: inline-block;
}

.left .chat-content {
    background: #e1f1ff;
    border-radius: 10px 0 10px 10px;
}

.right .chat-content {
    background: #f5f5f5;
    border-radius: 10px 10px 10px 0;
}

.chat-history {
    max-height: 80vh;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px solid #0F0F0F;
}

	.chat-history .media {
		margin-right: 10%;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin: 0 0 5px;
	}

		.chat-history .media.left {
			margin-right: 10%;
		}

		.chat-history .media.right {
			margin-left: 15%;
		}


	.chat-history .media-heading {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		background: #fcfcfc;
		padding: 0 10px;
	}

	.chat-history .media-message {
		padding: 5px 10px;
	}

@keyframes pulse-red {
	0% {
		background-color: #ff0000;
	}

	70% {
		background-color: #428bca !important;
	}

	100% {
		background-color: #428bca !important;
	}
}

.chat-highlight {
	animation: pulse-red 2s infinite;
}
.chat-popup input, .chat-popup textarea {
    background: #F0F0F0;
}
.chat-popup .list-group-item {
    display: inline-block;
    padding: 3px 5px 3px 10px;
    color: #428BCA;
    background-color: #fff;
    border: 1px solid #428BCA;
    border-radius: 20px !important;
}

    .chat-popup .list-group-item .fa-times-circle {
        font-size: 18px;
        vertical-align: middle;
        margin-left: 5px;
        color: #777;
        opacity: 0.5;
    }
        .chat-popup .list-group-item .fa-times-circle:hover,
        .chat-popup .list-group-item .fa-times-circle:focus,
        .chat-popup .list-group-item .fa-times-circle:active {
            opacity: 1;
        }
    .chat-popup hr {
        margin: 10px 0;
    }

.chat-tabs {
    background: #8EC0EC;
    padding: 4px;
}
.chat-tabs .btn {
    width: 49%;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
}
    .chat-tabs .btn.active {
        background: #428BCA;
    }
    .chat-tabs .btn .fa {
        margin-right: 5px;
    }
.padding-LR-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.chat-textarea {
    max-width: calc(100% - 60px);
    display: inline-block;
    margin: 10px 5px 10px 10px !important;
}
.chat-send {
    border-radius: 50%;
    padding: 4px 7px 4px 4px;
    margin-bottom: 0px !important;
    margin-top: 10px;
    vertical-align: top;
    position: absolute;
    margin-left: 5px;
}
.attachment {
    border-radius: 50%;
    padding: 3px 8px 3px 9px;
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 9px;
    background: #e1e1e1 !important;
    color: #000 !important;
    margin-left: 5px;
}
    .attachment:hover, .attachment:focus, .attachment:active {
        background: #428BCA !important;
        color: #fff !important;
    }
    .chat-send .fa {
    font-size: 16px;
}
.minimize-btn, .close-conversation,
.minimize-btn:hover, .close-conversation:hover,
.minimize-btn:focus, .close-conversation:focus,
.minimize-btn:active, .close-conversation:active {
    border: none;
    background: transparent;
    color: #fff;
}
.minimize-btn, .close-conversation {
    opacity: 0.5;
}
.minimize-btn:hover, .close-conversation:hover,
.minimize-btn:focus, .close-conversation:focus,
.minimize-btn:active, .close-conversation:active {
    opacity: 1;
}

.manage-prospect input,
.manage-prospect input.k-textbox, 
.manage-prospect .k-dropdown, 
.manage-prospect .k-combobox {
    width: 100% !important;
    min-width: 100% !important;
}
.chatHistory {
    padding-bottom: 50px !important;
    height: auto !important;
    min-height: 250px;
    max-height: 70vh;
}
.backBtn {
    position: absolute;
    bottom: 0;
    left: 7px;
    width: calc(100% - 20px);
}

.spinner {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: conic-gradient(#0000 10%, #474bff);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
    animation: spinner-zp9dbg 1s infinite linear;
    position: "fixed";
    top: "50%";
    left: "50%";
    z-index: 1001;

}

@keyframes spinner-zp9dbg {
    to {
        transform: rotate(1turn);
    }
}

#plugin {
    border: 1px solid gray !important;
    box-shadow: 1px 2px !important;
    width: 60%;
    height:70%;
    position: "absolute";
    top: "20%";
    left: "21%";
    z-index: 1000;
}

/*Chat end*/