﻿
.btnaddcontact {
    background-color: #172FE6;
    padding: 6px 25px;
    border: 0px none;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
}

.btnremovecontact {
    background-color: #075596;
    padding: 8px 35px;
    border: 0px none;
    border-radius: 4px;
    color: #fff;
}

.btncancel {
    border: 1px solid #7E7E7E !important;
    padding: 7px 35px;
    border: 0px none;
    color: #7E7E7E;
    font-weight: 600;
    background-color: #F3F3F3;
    border-radius: 4px;
}

#contacts {
    width: 100%;
    float: left;
    background-color: transparent;
    border: none;
}

.contactClass {
    color: #2d373e;
    margin-top: 8px;
    font-size: 18px !important;
    font-family: Helveticaneue_regular;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 22px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #7e7e7e;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #075596;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.btnEdit {
    color: #2d373e;
    cursor: pointer;
    text-decoration: none;
    font-size: 15px;
    font-family: Helveticaneue_regular;
}

    .btnEdit:hover {
        text-decoration: none;
    }

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: border-box !important;
}

.k-button, .k-widget {
    box-shadow: none;
}

.voicemailheader {
    /* background: rgb(232,109,11);
    background: linear-gradient(90deg, rgba(232,109,11,1) 0%, rgba(197,4,40,1) 100%) !important;*/
    background-color: #8F3000 !important;
    text-align: center !important;
    color: #fff;
}

.emailheader {
    /* background: rgb(232,109,11);
    background: linear-gradient(90deg, rgba(232,109,11,1) 0%, rgba(197,4,40,1) 41%, rgba(89,0,97,1) 100%) !important;*/
    background-color: #8F3000 !important;
    color: #fff;
    text-align: center !important;
}

.assigncontactheader {
    /* background: rgb(232,109,11);
    background: linear-gradient(90deg, rgba(232,109,11,1) 0%, rgba(197,4,40,1) 41%, rgba(89,0,97,1) 100%) !important;*/
    background-color: #8F3000 !important;
    color: #fff;
    text-align: center !important;
}

.autoheader {
    /*background: rgb(200,14,38);
    background: linear-gradient(90deg, rgba(200,14,38,1) 0%, rgba(189,2,46,1) 100%) !important;*/
    background-color: #8F3000 !important;
    color: #fff;
    text-align: center !important;
}

.textheader {
    /* background: rgb(189,2,46);
    background: linear-gradient(90deg, rgba(189,2,46,1) 0%, rgba(91,0,96,1) 100%) !important;*/
    background-color: #8F3000 !important;
    color: #fff;
    text-align: center !important;
}

.locationheader {
    background-color: #f3f3f3 !important;
}

.assigncontactheader {
    /* background: rgb(232,109,11);
    background: linear-gradient(90deg, rgba(232,109,11,1) 0%, rgba(197,4,40,1) 41%, rgba(89,0,97,1) 100%) !important;*/
    background-color: #E05711 !important;
    color: #fff;
    text-align: center !important;
}

.assignprimaryheader {
    /*background: rgb(232,109,11);
    background: linear-gradient(90deg, rgba(232,109,11,1) 0%, rgba(197,4,40,1) 41%, rgba(89,0,97,1) 100%) !important;*/
    background-color: #E05711 !important;
    color: #fff;
    text-align: center !important;
}

/*a {
    font-family: Arial;
}*/

.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #fff;
}

.lblphonenumber {
    color: #054999;
    font-size: 13px;
    margin-top: 5px;
}

.imgdownarrow {
    transform: rotate(0deg);
}

.imguparrow {
    transform: rotate(180deg);
}

.k-dropdown-wrap.k-state-default {
    height: 100% !important;
}

.btnremove-listview {
    color: #858585;
    border: 0px none;
    border: 1px solid #747272;
    padding: 9px 16px;
    border-radius: 3px;
    background-color: transparent;
    font-size: 16px;
    font-family: Helveticaneue_regular;
}

/*.btnnext {
    background-color: #075596;
    padding: 10px 45px;
    color: #fff;
    border: 0px none;
    font-size: 13px;
    border-radius: 4px;
}*/

.btnsavecontact {
    background-color: #D73933;
    padding: 10px 25px;
    border: 0px none;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-radius: 4px;
}

.btncontactsavechanges {
    background-color: #CC2F25;
    padding: 10px 30px;
    color: #fff;
    border: 0px none;
    border-radius: 4px;
    cursor: pointer;
}

.backtocontactlnk {
    color: #172fe6 !important;
    font-size: 15.5px;
    text-decoration: none !important;
    font-family: Helveticaneue_regular;
}

.btnview {
    background-color: #075596;
    padding: 7px 20px;
    border: 0px none;
    color: #fff;
    border-radius: 4px;
}

.lblbusinessnotification {
    width: auto;
    height: auto;
    float: left;
    font-weight: normal;
    margin-top: 7px;
    font-size: 15px;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #333 !important;
}

/*checkbox styles starts*/

.contacts-container {
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    color: #2d373e;
}

    /* Hide the browser's default checkbox */
    .contacts-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.contacts-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #454545;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.contacts-container:hover input ~ .contacts-checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contacts-container input:checked ~ .contacts-checkmark {
    background-color: #439D25;
}

/* Create the checkmark/indicator (hidden when not checked) */
.contacts-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.contacts-container input:checked ~ .contacts-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.contacts-container .contacts-checkmark:after {
    left: 8px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*checkbox styles ends*/

#gridLocations.k-grid tr td {
    /* background-color: #f3f3f3 !important;
    border: 1px solid #E3E3E3 !important;*/
    font-family: Helveticaneue_regular;
    color: #2d373e;
}

#Preferencesgrid.k-grid tr td {
    /*   background-color: #f3f3f3 !important;
    border: 1px solid #E3E3E3 !important;*/
    font-family: Helveticaneue_regular;
    color: #2d373e;
}

.BorderClass.k-grid tr td {
    /* background-color: #f3f3f3 !important;
    border: 1px solid #E3E3E3;*/
    font-family: Helveticaneue_regular;
    color: #2d373e;
}

.Locationsgrid.k-grid tr td {
    /* background-color: #f3f3f3 !important;
    border: 1px solid #E3E3E3 !important;*/
    font-family: Helveticaneue_regular;
    color: #2d373e;
}

#EmailPrefrencesgrid.k-grid tr td {
    /* background-color: #f3f3f3 !important;
    border: 1px solid #E3E3E3 !important;*/
    font-family: Helveticaneue_regular;
    color: #2d373e;
}

#grid_subCategories.k-widget {
    border: none !important;
}

.k-grid .k-detail-cell {
    padding: 0px !important;
}

#grid_subCategories1.k-block, #grid_subCategories1.k-draghandle, #grid_subCategories1.k-inline-block, #grid_subCategories1.k-widget {
    border: none !important;
}

#grid_subCategories.k-block, #grid_subCategories.k-draghandle, #grid_subCategories.k-inline-block, #grid_subCategories.k-widget {
    border: none !important;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100% !important;
}

#EmailPrefrencesgrid.k-grid td {
    overflow: visible;
}

.BorderClass.k-grid td {
    overflow: visible;
}

.SubCategoriesBorder.k-block, .SubCategoriesBorder.k-draghandle, .SubCategoriesBorder.k-inline-block, .SubCategoriesBorder.k-widget {
    border: none !important;
    padding-left: 20px;
}

.k-block, .k-widget {
    background-color: transparent !important;
}

#ContactsList.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border: none !important;
}

.border_top {
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: #fff !important;
    border-color: #4D4D4D !important;
    color: #030066 !important;
}

.k-i-arrow-60-down::before {
    content: "";
    background: url('../images/dropdown-arrow.png') no-repeat 0 0 !important;
    width: 15px;
    height: 9px;
    display: block
}

.k-textarea > input, .k-textarea > textarea, .k-textbox > input, .k-textbox > textarea {
    background: #fff !important;
    border: 1px solid #545454 !important;
    font-family: Helveticaneue_regular;
    color: #030066;
}

.k-textbox.form-control {
    padding: 0px !important;
}

.k-widget.form-control .k-input {
    height: 45px;
}

.modal-header {
    border-bottom: none;
    background-color: #F1F1F1;
}

.k-grid .k-alt {
    background-color: rgba(0,0,0,0);
}

@media (min-width: 320px) {

    .btnremove-contactlist {
        display: inline-flex;
        border-bottom: 2px solid rgb(230, 230, 230);
        width: 150px;
        height: 50px;
        margin-top: 35px !important;
        /* padding-top: 20px;
        padding-bottom: 20px !important;*/
    }

    .editcontactborder {
        margin-top: 16px;
        display: inline-flex;
        flex-direction: row;
        align-items: baseline;
        border-bottom: 2px solid rgb(230, 230, 230);
        padding-bottom: 24px; /*34px*/
        width: 150px;
    }

    .removeMargin {
        margin-right: 0px;
        color: #fff !important;
        cursor: pointer;
        padding: 14px 45px 14px 30px;
    }

        .removeMargin:hover {
            color: #fff !important;
            cursor: pointer
        }

    #IsPrimaryContactModal .modal-dialog {
        max-width: 100%;
    }

    #OptOutModal .modal-dialog {
        max-width: 100%;
    }

    /*horizontal scroll for contact pref. in wizard (only for mobile) starts*/
    .grdscroll > ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .grdscroll > ::-webkit-scrollbar:vertical {
            width: 0px;
        }

        .grdscroll > ::-webkit-scrollbar:horizontal {
            height: 12px;
        }

    .grdscroll > ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    .grdscroll > ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    /*horizontal scroll for contact pref. (only for mobile) in wizard ends*/

    .wizard_headingtxt {
        color: #2d373e;
        font-size: 13pt;
    }

    .email-td-width {
        width: 15%; /*18.7%*/
    }

    /*toggle css starts*/

    .onoffswitch {
        position: relative;
        width: 100px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /*float: left; */
        margin: 0px auto;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        width: 57px;
        border-radius: 20px;
        margin: 0px auto;
    }

    .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }

        .onoffswitch-inner:before, .onoffswitch-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 30px;
            padding: 0;
            line-height: 30px;
            font-size: 11px; /*12px*/
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: bold;
            box-sizing: border-box;
        }

        .onoffswitch-inner:before {
            content: "ON";
            padding-left: 8px; /*0px*/
            padding-right: 18px;
            background-color: #005493;
            color: #FFFFFF;
        }

        .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 8px; /*10px*/
            background-color: #4D4D4D;
            color: #fff;
            text-align: right;
        }

    .onoffswitch-switch {
        display: block;
        width: 10px;
        height: 10px;
        margin: 10px;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 47px; /*57px*/
        border: 1px solid #fff;
        border-radius: 20px;
        transition: all 0.3s ease-in 0s;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 20px; /*26px*/
    }

    /*toggle css ends*/

    .lblmodalheading {
        font-size: 15px;
    }

    .headerclass .k-grid-header th.k-header {
        overflow: visible !important;
    }

    .headerclass table {
        width: 575px !important;
    }

    .headerclass .k-grid-header th.k-header span p {
        white-space: normal !important;
    }

    .header_tooltip {
        position: relative;
        display: inline-block;
    }

        .header_tooltip .header_tooltip_text {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            font-size: 12px;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -150px;
            line-height: 17px;
        }

            .header_tooltip .header_tooltip_text::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 75%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .header_tooltip:hover .header_tooltip_text {
            visibility: visible;
        }

    .business-tooltip {
        position: relative;
        display: inline-block;
    }

        .business-tooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -60px;
        }

            .business-tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .business-tooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Marketingtooltip {
        position: relative;
        display: inline-block;
    }

        .Marketingtooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -100px;
        }

            .Marketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Marketingtooltip:hover .tooltiptext {
            visibility: visible;
        }


    .Operationaltooltip {
        position: relative;
        display: inline-block;
    }

        .Operationaltooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -100px;
        }

            .Operationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Operationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Deliverytooltip {
        position: relative;
        display: inline-block;
    }

        .Deliverytooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -100px;
        }

            .Deliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Deliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .EmailMarketingtooltip {
        position: relative;
        display: inline-block;
    }

        .EmailMarketingtooltip .tooltiptext {
            visibility: hidden;
            width: 215px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 35px;
            left: 75px;
            margin-left: -107px;
        }

            .EmailMarketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .EmailMarketingtooltip:hover .tooltiptext {
            visibility: visible;
        }

    .EmailDeliverytooltip {
        position: relative;
        display: inline-block;
    }

        .EmailDeliverytooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 20px;
            left: 75px;
            margin-left: -100px;
        }

            .EmailDeliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .EmailDeliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .PhoneWizardMarketingtooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardMarketingtooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top:35PX;
            left:60px;
         /*   margin-left: -100px;*/
        }

            .PhoneWizardMarketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .PhoneWizardMarketingtooltip:hover .tooltiptext {
            visibility: visible;
        }

    .PhoneWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardOperationaltooltip .tooltiptext {
            visibility: visible;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top:35px;
            left:60px;
            /*margin-left: -100px;*/
        }

            .PhoneWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

    /* .PhoneWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .SAP_PhoneWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .SAP_PhoneWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -75%; /*-115%*/
            right: 122%;
            margin-left: -100px;
        }

            .SAP_PhoneWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                left: 100%;
                top: 41%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_PhoneWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }


    .SAP_EmailWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .SAP_EmailWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -115%;
            right: 122%;
            margin-left: -100px;
        }

            .SAP_EmailWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                left: 100%;
                top: 41%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_EmailWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

        .SAP_EmailWizardOperationaltooltip .tooltiptext_SAP {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -75%;
            right: 122%;
            margin-left: -100px;
        }

            .SAP_EmailWizardOperationaltooltip .tooltiptext_SAP::after {
                content: "";
                position: absolute;
                left: 100%;
                top: 41%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_EmailWizardOperationaltooltip:hover .tooltiptext_SAP {
            visibility: visible;
        }


    .PhoneWizardDeliverytooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardDeliverytooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 35px;
            left: 60px; /*50%*/
/*            margin-left: -100px;
*/        }

            .PhoneWizardDeliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .PhoneWizardDeliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_Residential {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_Residential .tooltiptext {
            visibility: hidden;
            width: 210px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 140%;
            left: 49%;
            margin-left: -105px;
        }

            .Subcategorytooltip_Residential .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Subcategorytooltip_Residential:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_AccountNotifications {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_AccountNotifications .tooltiptext {
            visibility: hidden;
            width: 210px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 140%;
            left: 49%;
            margin-left: -105px;
        }

            .Subcategorytooltip_AccountNotifications .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Subcategorytooltip_AccountNotifications:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_Monthly {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_Monthly .tooltiptext {
            visibility: hidden;
            width: 210px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 140%;
            left: 49%;
            margin-left: -105px;
        }

            .Subcategorytooltip_Monthly .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Subcategorytooltip_Monthly:hover .tooltiptext {
            visibility: visible;
        }

    .Wizard_Subcategorytooltip {
        position: relative;
        display: inline-block;
    }

        .Wizard_Subcategorytooltip .tooltiptext {
            visibility: hidden;
            width: 210px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 140%;
            left: 49%;
            margin-left: -105px;
        }

            .Wizard_Subcategorytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Wizard_Subcategorytooltip:hover .tooltiptext {
            visibility: visible;
        }


    .Subcategorytooltip {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip .tooltiptext {
            visibility: visible;
            width: 210px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 140%;
            left: 49%;
            margin-left: -105px;
        }

            .Subcategorytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

    /*  .Subcategorytooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .EmailOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .EmailOperationaltooltip .tooltiptext {
            visibility: visible;
            width: 210px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 100%; /*-51%*/
            left: 0px;
            margin-left: 0px;
        }

            .EmailOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 84%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

    /*  .EmailOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .listviewContainer {
        width: 100%;
        height: auto;
        float: left;
        background-color: #fff;
        margin-bottom: 10px !important;
        /* border-radius: 8px;*/
        padding: 5px 0px 0px 0px;
        border-bottom: 2px solid #e6e6e6;
    }

    /* .listviewContainer:hover {
            box-shadow: 1px 1px 5px 0px rgba(171,171,171,1);
        }*/

    .top_contact_listview {
        margin-top: 20px;
    }

    .k-grid-header th.k-header {
        padding: 6px !important;
    }

    .k-grid td {
        padding: 4px 5px 4px 5px !important;
    }

    .txtheader > .k-link {
        background: #f3f3f3 !important;
        color: #075596 !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .emailheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .autoheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .textheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .assigncontactheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .voicemailheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .locationheader > .k-link {
        color: #075596 !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .assignprimaryheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }

    .lblstyles {
        font-size: 11pt !important;
        margin-bottom: 0px !important;
        font-family: Helveticaneue_regular;
        color: #2d373e;
    }

    .Locationsgrid {
        overflow: auto;
        height: 190px; /*210px*/
    }

        .Locationsgrid table {
            width: 150% !important;
        }

    .BorderClass {
        overflow: auto;
        height: 300px;
    }

    #addcontactModal .modal-dialog {
        max-width: 100%;
    }

    .contact-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        /*height: 300px !important;*/
    }

    .top-updatebtn {
        margin-top: 10px;
    }

    .btnupdatepreferences {
        width: 100%;
        padding: 12px;
        border: 0px none;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: #172FE6;
        color: #fff;
        font-size: 13.5pt;
        font-family: Helveticaneue_regular;
    }

    #grid_subCategories.k-filter-row > th:first-child, #grid_subCategories.k-grid tbody td:first-child, #grid_subCategories.k-grid tfoot td:first-child, #grid_subCategories.k-grid-header th.k-header:first-child {
        width: 100%;
        padding-left: 15px !important;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc !important;
    }

    /*.BorderClass .k-filter-row > th:first-child, .BorderClass .k-grid tbody td:first-child, .BorderClass .k-grid tfoot td:first-child, .BorderClass .k-grid-header th.k-header:first-child {
        width: 100%;
        padding-left: 15px !important;
    }*/

    .Wizard-grdwidth .k-filter-row > th:first-child, .Wizard-grdwidth .k-grid tbody td:first-child, .Wizard-grdwidth .k-grid tfoot td:first-child, .Wizard-grdwidth .k-grid-header th.k-header:first-child {
        width: 100% !important;
        padding-left: 15px !important;
    }

    /*.SubCategorylblwidth {
        width: 150px;
    }*/

    .email-col-width {
        width: 15%;
    }

    .tooltipstyles {
        /*width: 100%;*/
        height: auto;
        float: left;
        margin-right: 10px;
    }

    .Marketing-right-tooltip {
        right: -101px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Operational-right-tooltip {
        right: -87px;
        font-weight: normal;
        top: calc(50% - 8px);
        position: absolute;
    }

    .Delivery-right-tooltip {
        right: -94px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Subcategory_tooltip {
        /* right: 10px;*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 18px);
    }

    .Wizard_Subcategory_tooltip {
        /* right: 10px;*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Subcategory_Residential {
        right: -20px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Subcategory_Account {
        right: -20px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Subcategory_Monthly {
        right: -20px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Wizard_Subcategory_Residential {
        right: -30px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Wizard_Subcategory_Account {
        right: -30px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Wizard_Subcategory_Monthly {
        right: -30px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Email_Marketing_right_tooltip {
        right: -52px; /*-54px for mobile*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 20px);
    }

    .Email_Operational_right_tooltip {
        right: -38px; /*-42px for mobile*/
        font-weight: normal;
        top: calc(50% - 20px);
        position: absolute;
    }

    .Email_Delivery_right_tooltip {
        right: -45px; /*-49px for mobile*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 20px);
    }

    .Phone_Wizard_Marketing_tooltip {
        right: -45px;
        top: calc(50% - 15px);
        font-weight: normal;
        position: absolute;
    }

    .SAP_Phone_Wizard_Operational_tooltip {
        right: 0px; /*-15px*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 0px); /*calc(50% - -12px)*/
    }

    .SAP_Phone_Edit_Operational_tooltip {
        right: 0px;
        font-weight: normal;
        position: absolute;
        top: 0px; /*calc(50% - -12px)*/
    }


    .SAP_Email_Wizard_Operational_tooltip {
        right: 3px; /*15px*/
        font-weight: normal;
        position: absolute;
        top: 0px; /*calc(50% - -13px)*/
    }

    /*.SAP_Email_Wizard_Operational_tooltip_Account {
        right: 2px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 2px); 
    }*/

    .Phone_Wizard_Operational_tooltip {
        right: -30px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 16px);
    }

    .Phone_Wizard_Delivery_tooltip {
        right: -38px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 14px);
    }

    .top-border {
        /*  border-top: 1px solid #dedede;*/
        padding-top: 15px !important;
        /*padding-bottom: 20px;*/
        margin-top: 15px !important;
    }

    .header_tooltip {
        right: 10px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 11px);
    }

    #EmailPrefrencesgrid {
        height: 412px; /*215px*/
        overflow: auto;
    }

        #EmailPrefrencesgrid.k-widget {
            box-shadow: none !important;
        }

    #Preferencesgrid {
        height: 350px;
        overflow: auto;
        border-color: transparent;
    }

        #Preferencesgrid.k-widget {
            box-shadow: none !important;
        }

    #gridLocations {
        height: 240px; /*215px*/
        overflow: auto;
        border-color: transparent;
    }

        #gridLocations.k-widget {
            box-shadow: none !important;
        }

        #gridLocations.contactLocWidth table {
            width: 150%;
        }

    /*scrolling for all kendo grids*/
    .k-mobile .k-grid tbody {
        overflow: auto !important;
    }

    .step1-top {
        margin-top: 150px; /*150px is for visibility of scroll in devices*/
    }

    .errormsg-top {
        margin-top: 12px;
    }

    .step2-top {
        margin-top: 15px; /*110px*/ /*15px is for visibility of scroll in devices*/
    }

    .step3-top {
        margin-top: 100px; /*160px*/ /*100px is for visibility of scroll in devices*/
    }
}

@media (min-width: 360px) {
}

@media (min-width: 375px) {
}

@media (min-width: 414px) {
}

@media (min-width: 480px) {
}

@media (min-width: 568px) {
}

@media (min-width: 640px) {
}

@media (min-width: 667px) {
}

@media (min-width: 736px) {
}

@media (min-width: 768px) {

    #Preferencesgrid {
        height: 350px;
        overflow: hidden;
        border-color: transparent;
    }

    .EmailMarketingtooltip .tooltiptext {
        top: 0px;
    }

    .EmailOperationaltooltip .tooltiptext {
        top: -60%;
    }

    .EmailDeliverytooltip .tooltiptext {
        top: -93%; /*-163%*/
    }

    .Subcategorytooltip_AccountNotifications .tooltiptext {
        top: -14px; /*-26%*/
    }

    .Subcategorytooltip_Residential .tooltiptext {
        top: 0px; /*-15%*/
    }

    .Subcategorytooltip_Monthly .tooltiptext {
        top: 0px; /*-15%*/
    }

    .Subcategory_tooltip {
        /*right: 75px;*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Wizard_Subcategory_tooltip {
        /*right: 140px;*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .headerclass table {
        width: 100% !important;
    }

    .step1-top {
        margin-top: 300px;
    }

    .errormsg-top {
        margin-top: 12px;
    }

    .step2-top {
        margin-top: 105px; /*70px*/
    }

    .step3-top {
        margin-top: 50px;
    }

    .Locationsgrid {
        overflow: auto;
        height: auto !important;
    }

        .Locationsgrid table {
            width: 100% !important;
        }

    .BorderClass {
        overflow: auto;
        height: 380px;
    }

    .email-col-width {
        width: 15%;
    }

    /*scrolling for all kendo grids*/
    .k-mobile .k-grid tbody {
        overflow: hidden !important;
    }

    #gridLocations {
        height: 439px;
        overflow: auto;
    }

        #gridLocations.contactLocWidth table {
            width: 100%;
        }

    .EmailOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .EmailOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -26%; /*-51%*/
            left: 133%;
            margin-left: 0px;
        }

            .EmailOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

    /*  .EmailOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }*/


    .Subcategorytooltip_Residential {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_Residential .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -50%;
            left: 142%;
            margin-left: 0px;
        }

            .Subcategorytooltip_Residential .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Subcategorytooltip_Residential:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_AccountNotifications {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_AccountNotifications .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -55%;
            left: 142%;
            margin-left: 0px;
        }

            .Subcategorytooltip_AccountNotifications .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Subcategorytooltip_AccountNotifications:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_Monthly {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_Monthly .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -55%;
            left: 142%;
            margin-left: 0px;
        }

            .Subcategorytooltip_Monthly .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Subcategorytooltip_Monthly:hover .tooltiptext {
            visibility: visible;
        }


    .Subcategorytooltip {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            /*top: -13px;*/
            left: -355px;
            margin-left: 0px;
        }

            .Subcategorytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 101.4%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

    /*.Subcategorytooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .Wizard_Subcategorytooltip {
        position: relative;
        display: inline-block;
    }

        .Wizard_Subcategorytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            /*top: -13px;*/
            left: -355px;
            margin-left: 0px;
        }

            .Wizard_Subcategorytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 101.4%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .Wizard_Subcategorytooltip:hover .tooltiptext {
            visibility: visible;
        }


    .business-tooltip {
        position: relative;
        display: inline-block;
    }

        .business-tooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -60px;
        }

            .business-tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .business-tooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Marketingtooltip {
        position: relative;
        display: inline-block;
    }

        .Marketingtooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 29px; /*150%*/
            left: 32px; /*50%*/
            margin-left: -60px;
        }

            .Marketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Marketingtooltip:hover .tooltiptext {
            visibility: visible;
        }


    .Operationaltooltip {
        position: relative;
        display: inline-block;
    }

        .Operationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 29px; /*150%*/
            left: 18px; /*50%*/
            margin-left: -60px;
        }

            .Operationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Operationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Deliverytooltip {
        position: relative;
        display: inline-block;
    }

        .Deliverytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 29px; /*150%*/
            left: 25px; /*50%*/
            margin-left: -60px;
        }

            .Deliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Deliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .EmailMarketingtooltip {
        position: relative;
        display: inline-block;
    }

        .EmailMarketingtooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -8%;
            left: 142%;
            margin-left: 0px;
        }

            .EmailMarketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -3%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .EmailMarketingtooltip:hover .tooltiptext {
            visibility: visible;
        }

    /*.EmailDeliverytooltip {
        position: relative;
        display: inline-block;
    }

        .EmailDeliverytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -152%;
            left: 142%;
            margin-left: 0px;
        }

            .EmailDeliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -3%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .EmailDeliverytooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .PhoneWizardMarketingtooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardMarketingtooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -15%;
            left: 150%;
            margin-left: 0px;
        }

            .PhoneWizardMarketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -3%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .PhoneWizardMarketingtooltip:hover .tooltiptext {
            visibility: visible;
        }

    .SAP_PhoneWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .SAP_PhoneWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -15px;
            left: -180px;
            margin-left: -172px;
        }

            .SAP_PhoneWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_PhoneWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .SAP_EmailWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .SAP_EmailWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -13px;
            left: -180px;
            margin-left: -172px;
        }

            .SAP_EmailWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_EmailWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .PhoneWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -46%;
            left: 150%;
            margin-left: 0px;
        }

            .PhoneWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -3%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

    /*.PhoneWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .PhoneWizardDeliverytooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardDeliverytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -164%;
            left: 150%;
            margin-left: 0px;
        }

            .PhoneWizardDeliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2.9%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .PhoneWizardDeliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .headerclass table {
        width: 100% !important;
    }

    /*.header_tooltip {
        position: relative;
        display: inline-block;
    }*/

    .header_tooltip .header_tooltip_text {
        visibility: hidden;
        width: 200px;
        background-color: #555;
        color: #fff;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        font-size: 12px;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -150px;
        line-height: 17px;
    }

        .header_tooltip .header_tooltip_text::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 75%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #555 transparent;
        }

    .header_tooltip:hover .header_tooltip_text {
        visibility: visible;
    }
}

@media (min-width: 991px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 1200px) {

    .btnremove-contactlist {
        width: 322px;
    }

    .editcontactborder {
        width: 250px;
    }

    .removeMargin {
        margin-right: 128px;
        margin-bottom: 0px;
        padding: 14px 90px 14px 30px;
    }

    #IsPrimaryContactModal .modal-dialog {
        max-width: 600px;
    }

    #OptOutModal .modal-dialog {
        max-width: 600px;
    }

    .wizard_headingtxt {
        color: #2d373e;
        font-size: 12pt;
    }

    /*toggle css starts*/

    .onoffswitch {
        position: relative;
        width: 85px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /*float: left;*/
        margin: 0px auto;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        width: 57px; /*68px*/
        border-radius: 20px;
        /*margin: 0px auto;*/
    }

    .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }

        .onoffswitch-inner:before, .onoffswitch-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 30px;
            padding: 0;
            line-height: 30px;
            font-size: 11px; /*12px*/
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: bold;
            box-sizing: border-box;
        }

        .onoffswitch-inner:before {
            content: "ON";
            padding-left: 8px; /*0px*/
            padding-right: 18px;
            background-color: #005493;
            color: #FFFFFF;
        }

        .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 8px; /*10px*/
            background-color: #4D4D4D;
            color: #fff;
            text-align: right;
        }

    .onoffswitch-switch {
        display: block;
        width: 11px;
        height: 11px;
        margin: 10px;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 40px;
        border: 1px solid #fff;
        border-radius: 20px;
        transition: all 0.3s ease-in 0s;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 12px; /*16px*/
    }

    /*toggle css ends*/

    .lblmodalheading {
        font-size: 16px;
    }

    .listviewContainer {
        padding: 15px 0px 0px 0px;
    }

    .top_contact_listview {
        margin-top: 35px;
    }

    .k-grid-header th.k-header {
        padding: 18px !important;
        font-family: Helveticaneue_regular;
    }

    .k-grid td {
        padding: 12px !important;
    }

    .txtheader > .k-link {
        background: #f3f3f3 !important;
        color: #075596 !important;
        font-weight: 600 !important;
        font-size: 15px !important;
    }

    .locationheader > .k-link {
        color: #075596 !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .lblstyles {
        font-size: 11pt !important;
        margin-bottom: 0px !important;
        font-family: Helveticaneue_regular;
        color: #2d373e;
    }

    .Locationsgrid {
        overflow: auto;
        height: auto !important;
    }

        .Locationsgrid table {
            width: 100% !important;
        }

    .BorderClass {
        overflow: hidden;
        height: auto;
    }

    #addcontactModal .modal-dialog {
        max-width: 950px;
    }

    .contact-scroll {
        overflow: hidden;
        height: auto !important;
    }

    .top-updatebtn {
        margin-top: 20px;
    }

    .SubCategoriesBorder .k-filter-row > th:first-child, .SubCategoriesBorder .k-grid tbody td:first-child, .SubCategoriesBorder .k-grid tfoot td:first-child, .SubCategoriesBorder .k-grid-header th.k-header:first-child {
        width: 72.4% !important;
        padding-left: 30px !important;
        font-family: Helveticaneue_regular;
    }

    /*.BorderClass .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 {
        width: 68.4% !important;
        padding-left: 20px !important;
    }*/

    .Wizard-grdwidth .k-filter-row > th:first-child, .Wizard-grdwidth .k-grid tbody td:first-child, .Wizard-grdwidth .k-grid tfoot td:first-child, .Wizard-grdwidth .k-grid-header th.k-header:first-child {
        width: 59.4% !important;
        padding-left: 20px !important;
        font-family: Helveticaneue_regular;
    }

    /*.SubCategorylblwidth {
        width: 220px;
    }*/

    .email-col-width {
        width: 18.8%;
    }

    .tooltipstyles {
        margin-right: 20px;
    }

    .header_tooltip {
        right: 10px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 14px);
    }

    .Marketing-right-tooltip {
        right: -101px;
        font-weight: normal;
        position: absolute;
        margin-top: -28px;
    }

    .Operational-right-tooltip {
        right: -87px;
        font-weight: normal;
        margin-top: -29px;
        position: absolute;
    }

    .Delivery-right-tooltip {
        right: -94px;
        font-weight: normal;
        position: absolute;
        margin-top: -25px;
    }

    .Subcategory_tooltip {
        /*right: 120px;*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 17px);
    }

    .Wizard_Subcategory_tooltip {
        /*right: 75px;*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 17px);
    }

    .Subcategory_Residential {
        right: -45px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 20px);
    }

    .Subcategory_Account {
        right: -45px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 20px);
    }

    .Subcategory_Monthly {
        right: -45px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 20px);
    }

    .Wizard_Subcategory_Residential {
        right: -40px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Wizard_Subcategory_Account {
        right: -40px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Wizard_Subcategory_Monthly {
        right: -40px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Email_Subcategory_tooltip {
        right: 145px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    /*.Email_Marketing_right_tooltip {
        right: -124px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }

    .Email_Operational_right_tooltip {
        right: -109px;
        font-weight: normal;
        top: calc(50% - 8px);
        position: absolute;
    }

    .Email_Delivery_right_tooltip {
        right: -116px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 8px);
    }*/

    .Phone_Wizard_Marketing_tooltip {
        right: -55px;
        top: calc(50% - 20px);
        font-weight: normal;
        position: absolute;
    }

    .SAP_Phone_Wizard_Operational_tooltip {
        right: 7px;
        font-weight: normal;
        position: absolute;
        top: 0px; /*calc(50% - -12px)*/
    }

    .SAP_Phone_Edit_Operational_tooltip {
        right: 3px;
        font-weight: normal;
        position: absolute;
        top: 0px; /*calc(50% - -12px)*/
    }

    .SAP_Email_Wizard_Operational_tooltip {
        right: 20px; /*-30px*/
        font-weight: normal;
        position: absolute;
        top: calc(50% - 1px); /*0px*/
    }

    /*.SAP_Email_Wizard_Operational_tooltip_Account {
        right: 20px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - -0px);
    }*/

    .Phone_Wizard_Operational_tooltip {
        right: -40px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 20px);
    }

    .Phone_Wizard_Delivery_tooltip {
        right: -48px;
        font-weight: normal;
        position: absolute;
        top: calc(50% - 14px);
    }

    .top-border {
        /* border-top: 1px solid #dedede;*/
        padding-top: 15px !important;
        /*padding-bottom: 20px;*/
        margin-top: 15px;
    }

    .Wizard_Subcategorytooltip {
        position: relative;
        display: inline-block;
    }

        .Wizard_Subcategorytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            /*top: -13px;*/
            left: 150%; /*-355px*/
            line-height: 25px;
            margin-left: 0px;
        }

            .Wizard_Subcategorytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.6%; /*101.4%*/
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Wizard_Subcategorytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            /*top: -33px;*/ /*-13px*/
            left: 130%; /*-355px*/
            margin-left: 0px;
            line-height: 25px;
        }

            .Subcategorytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.6%; /*101.4%*/
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

    /* .Subcategorytooltip:hover .tooltiptext {
            visibility: visible;
        }*/


    .Subcategorytooltip_Residential {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_Residential .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -8%;
            left: 130%;
            margin-left: 0px;
        }

            .Subcategorytooltip_Residential .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Subcategorytooltip_Residential:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_AccountNotifications {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_AccountNotifications .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -55%;
            left: 115%;
            margin-left: 0px;
            line-height: 25px;
        }

            .Subcategorytooltip_AccountNotifications .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Subcategorytooltip_AccountNotifications:hover .tooltiptext {
            visibility: visible;
        }

    .Subcategorytooltip_Monthly {
        position: relative;
        display: inline-block;
    }

        .Subcategorytooltip_Monthly .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            left: 145%;
            top: -8%;
            margin-left: 0px;
        }

            .Subcategorytooltip_Monthly .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -1.5%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .Subcategorytooltip_Monthly:hover .tooltiptext {
            visibility: visible;
        }

    .business-tooltip {
        position: relative;
        display: inline-block;
    }

        .business-tooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -60px;
        }

            .business-tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .business-tooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Marketingtooltip {
        position: relative;
        display: inline-block;
    }

        .Marketingtooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 29px; /*150%*/
            left: 32px; /*50%*/
            margin-left: -60px;
        }

            .Marketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Marketingtooltip:hover .tooltiptext {
            visibility: visible;
        }


    .Operationaltooltip {
        position: relative;
        display: inline-block;
    }

        .Operationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 29px; /*150%*/
            left: 18px; /*50%*/
            margin-left: -60px;
        }

            .Operationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Operationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .Deliverytooltip {
        position: relative;
        display: inline-block;
    }

        .Deliverytooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: 29px; /*150%*/
            left: 25px; /*50%*/
            margin-left: -60px;
        }

            .Deliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent;
            }

        .Deliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .EmailOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .EmailOperationaltooltip .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -65%;
            left: 133%;
            margin-left: 0px;
            line-height: 24px;
        }

            .EmailOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2.9%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .EmailOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .EmailMarketingtooltip {
        position: relative;
        display: inline-block;
    }

        .EmailMarketingtooltip .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -8%;
            left: 142%;
            margin-left: 0px;
        }

            .EmailMarketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -3%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .EmailMarketingtooltip:hover .tooltiptext {
            visibility: visible;
        }

    .EmailDeliverytooltip {
        position: relative;
        display: inline-block;
    }

        .EmailDeliverytooltip .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -49px;
            left: 142%;
            margin-left: 0px;
            line-height: 25px;
        }

            .EmailDeliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -3%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .EmailDeliverytooltip:hover .tooltiptext {
            visibility: visible;
        }


    .PhoneWizardMarketingtooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardMarketingtooltip .tooltiptext {
            visibility: visible;
            width: 380px; /*345px*/
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -15%;
            left: 150%;
            margin-left: 0px;
        }

            .PhoneWizardMarketingtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2.9%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .PhoneWizardMarketingtooltip:hover .tooltiptext {
            visibility: visible;
        }

    .SAP_PhoneWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .SAP_PhoneWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -15px;
            left: -180px;
            margin-left: -172px;
        }

            .SAP_PhoneWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_PhoneWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

    .SAP_EmailWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .SAP_EmailWizardOperationaltooltip .tooltiptext {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -13px;
            left: -180px;
            margin-left: -172px;
        }

            .SAP_EmailWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_EmailWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }

        .SAP_EmailWizardOperationaltooltip .tooltiptext_SAP {
            visibility: hidden;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -13px;
            left: -180px;
            margin-left: -172px;
        }

            .SAP_EmailWizardOperationaltooltip .tooltiptext_SAP::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555;
            }

        .SAP_EmailWizardOperationaltooltip:hover .tooltiptext_SAP {
            visibility: visible;
        }

    .PhoneWizardOperationaltooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardOperationaltooltip .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -80%; /*-100%*/
            line-height: 25px;
            left: 135%; /*150%*/
            margin-left: 0px;
        }

            .PhoneWizardOperationaltooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2.9%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

    /* .PhoneWizardOperationaltooltip:hover .tooltiptext {
            visibility: visible;
        }*/

    .PhoneWizardDeliverytooltip {
        position: relative;
        display: inline-block;
    }

        .PhoneWizardDeliverytooltip .tooltiptext {
            visibility: visible;
            width: 345px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -49px;
            line-height: 25px;
            left: 150%;
            margin-left: 0px;
        }

            .PhoneWizardDeliverytooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2.9%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .PhoneWizardDeliverytooltip:hover .tooltiptext {
            visibility: visible;
        }

    .headerclass table {
        width: 100% !important;
    }

    /*.header_tooltip {
        position: relative;
        display: inline-block;
    }*/

    .header_tooltip .header_tooltip_text {
        visibility: hidden;
        width: 320px;
        background-color: #555;
        color: #fff;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        font-size: 12px;
        z-index: 1;
        top: -55%; /*-73%*/
        left: 150%;
        margin-left: 0px;
    }

        .header_tooltip .header_tooltip_text::after {
            content: "";
            position: absolute;
            top: 28%;
            left: -1.5%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent #555 transparent transparent;
        }

    .header_tooltip:hover .header_tooltip_text {
        visibility: visible;
    }


    .emailheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .autoheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .textheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .assigncontactheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    .voicemailheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .assignprimaryheader > .k-link {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    #EmailPrefrencesgrid {
        height: 439px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #Preferencesgrid {
        height: 439px;
        overflow: auto;
    }

    #gridLocations {
        height: 439px;
        overflow: auto;
    }

        #gridLocations.contactLocWidth table {
            width: 100%;
        }

    /*scrolling for all kendo grids*/
    .k-mobile .k-grid tbody {
        overflow: hidden !important;
    }

    .step1-top {
        margin-top: 285px;
    }

    .errormsg-top {
        margin-top: 15px;
    }

    .step2-top {
        margin-top: 39px;
    }

    .step3-top {
        margin-top: -5px; /*15px*/
    }

    /*#grid_subCategories.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-top: 0px solid #ccc !important;
        border-right: 0px solid #ccc !important;
        border-left: 0px solid #ccc !important;
    }*/

    .email-td-width {
        width: 18.7%; /*13.8%*/
    }

    .form-control {
        border: 1px solid #545454 !important;
    }
}

@media (min-width: 1366px) {
}

@media (min-width: 1440px) {
}

@media (min-width: 1600px) {
}

@media (min-width: 1920px) {
}
