/* Minification failed. Returning unminified contents.
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(438,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(455,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(497,43): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(504,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(512,36): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(522,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(542,33): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(691,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(5262,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(5293,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(5487,39): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(5493,39): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary-color'
(7683,19): run-time error CSS1036: Expected expression, found '%'
(7683,19): run-time error CSS1019: Unexpected token, found '%'
(7683,19): run-time error CSS1042: Expected function, found '%'
(7683,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
 */
/*::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}*/
:root {
    --custom-secondary-color: #3399FF;
    --custom-secondary-color-dark: #286090;
}
.black {

    color:#000000;

}
.max-width-none
{
    max-width: none ;
}

.gray {
    color: #afafaf;
}
.resetPassword
{
    font-weight:bold;
}
.labelformatingchange {
   min-height:40px;
}

.disabledgrid {
    pointer-events: none;
    opacity: 0.4;
}
.registrationPagePredatarText {
    background-image: url(../Images/logo-text-for-sign-in.png);
    width: 123px;
    height: 14px;
    background-repeat: no-repeat;
    margin-top: 1.9%;
    margin-right: 30px;
}
.margin-right-left-0px-imp
{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.latestNewsIcon {
    position: relative;
    width: 10px;
    display: block;
    height: 10px;
    right: -18px;
    border-radius: 50%;
    top: -26px;
    background-color: #b34f4f;
    color: #fff;
    animation: opacity-badge 0.6s infinite;
    -webkit-animation: opacity-badge 0.6s infinite;
    -moz-animation: opacity-badge 0.6s infinite;
    -ms-transition: opacity-badge 0.6s infinite;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type="text"],
input[type="password"] {
    /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

    .validation-summary-errors ul {
        list-style: none;
        /*font-family: 'Open Sans';*/
        font-weight: 700;
        font-size: 18px;
        padding-left: 0px;
    }

.validation-summary-valid {
    display: none;
}

/* container for support widget */
.support-container {
    height: 36px;
    width: 196px;
    margin-right: 10px;
    margin-top: 6px;
    padding-left: 35px;
    padding-right: 6px;
    padding-top: 1px;
    background-color: #dea694;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 18px;
    position: relative;
}

@media only screen and (max-width:767px) {
    .support-container {
        margin-bottom: 6px;
    }
}
@media only screen and (min-width: 1920px)
{
    .width-81-important
    {
        width: 81% !important;
    }
}

@media only screen and (max-width: 400px) {
    /* for displays smaller than 400px*/
    .support-container {
        /*width: 140px;
        padding-left: 4px;
        padding-right: 4px;
        border-radius: 2px;*/
    }
}

/* icon in the suppoort widget */
.support-icon {
    position: absolute;
    height: 35px;
    width: 36px;
    border-radius: 18px;
    background-color: #b34f4f;
    color: #fff;
    left: 0px;
    font-size: 24px;
}

@media only screen and (max-width: 400px) {
    /* for displays smaller than 400px*/
    .support-icon {
        /*display: none;
        visibility: hidden;*/
    }
}

.error-msg {
    font-size: 16px;
    font-weight: 700;
}

/****************************************** LOGO *************************************/
/*Logo for larger displays*/
img.main-logo {
    height: 50px;
    margin-left: -15px;
}

/*Logo for smaller displays (appear in the navbar)*/
img.navbar-logo {
    /*height: 50px;*/
    width: 180px;
    margin-left: -15px;
    margin-top: -10px;
}

/* container for logged in user image */
.profile-image-container {
    height: 50px;
    width: 40px;
}

/*logged in user image */
img.profile-image {
    height: 36px;
    width: 36px;
    margin-top: 5px;
    box-shadow: 0px 0px 1px #000;
}

div.profile-image {
    height: 36px;
    width: 36px;
    margin-top: 5px;
    /*box-shadow: 0px 0px 1px #000;*/
    background-color: brown;
    color: white;
    text-align: center;
    line-height: 34px;
    letter-spacing: 2px;
    display: inline-block;
    /*font-weight: 700;*/
    text-shadow: 0px 0px 1px #aaa;
    font-size: 18px;
}

@media (min-width: 768px) {
    div.profile-image {
        height: 42px;
        width: 42px;
        margin-top: 16px;
        line-height: 40px;
        font-size: 21px;
    }
    div.profile-image-suppport-activity {

        margin-top:0px;
    }
}


    .Notes-default-image {
        background-color: rgb(172,172,172);
        border-radius: 50%;
        height: 37px;
        width: 37px;
        padding-top: 6px;
        color: white;
    }


    /* logged in user name and company container */
    .loggedin-details {
        height: 50px;
        margin-right: 10px;
        padding-top: 5px;
        float: right;
    }

    @media (min-width: 768px) {
        .loggedin-details {
            float: left;
            margin-top: 12px;
        }
    }

    /* logged in user name */
    .loggedin-user {
        font-weight: 700;
        color: #54575a;
        font-size: 18px;
        margin-top: -2px;
    }

    @media (min-width: 768px) {
        .loggedin-user {
            font-size: 21px;
        }
    }

    /* logged in user company */
    .loggedin-company {
        font-weight: 700;
        color: #888888;
        font-size: 12px;
        margin-top: -3px;
    }

    @media (min-width: 768px) {
        loggedin-company {
            clear: both;
        }
    }

    /* article search box container */
    .article-search-container {
        position: relative;
        margin-top: 6px;
        margin-left: 6px;
    }

.article-search-container-support {
    position: relative;
    margin-top: 6px;
    margin-left: 0px;
    margin-bottom: 20px;
}


    /* ticket search box container*/
    .ticket-search-container {
        position: relative;
        margin-top: 6px;
        margin-left: 6px;
        margin-right: 6px;
    }

    /* article search box */
    input.article-search {
        width: 160px;
        padding-left: 24px;
        border-radius: 15px;
        border: 1px solid #c0c0c0;
        background-color: #fafafa;
        color: #54575a;
    }

    /* ticket search box */
    input.ticket-search {
        width: 110px;
        padding-left: 24px;
        border-radius: 15px;
        border: 1px solid #c0c0c0;
        background-color: #fafafa;
        color: #54575a;
    }

    /* search icon */
    .search-icon {
        position: absolute;
        left: 8px;
        top: 4px;
        color: #54575a;
    }

    /* container for logo in the navbar*/
    .navbar-icon-container {
        padding-top: 6px;
        margin-left: 6px;
        font-size: 18px;
    }

    /* icon in the navbar */
    .navbar-icon {
        color: #54575a;
    }

    /* row containing drop down boxes */
    .dropdowns-row {
        border-bottom: 1px solid #c0c0c0;
        padding-bottom: 8px;
    }

    .predatar-panel-default {
        border: 1px solid #3399FF;
        border-radius: 10px;
        margin-top: 10px;
        background-color: rgba(255,255,255,0.8);
    }






    .predatar-panel-body {
        margin: 8px;
    }



    /* panel heading */
    .predatar-panel-heading {
        padding: 5px 15px;
        color: #fff;
        background-color: #3399FF;
        height: 32px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        font-weight: 700;
        font-size: 18px;
        margin-top: -2px;
    }


    /* help text */
    .help-text {
        margin-top: 2px;
        margin-bottom: 25px;
        padding-left: 0px;
        font-weight: 400;
        font-size: 16px;
        text-shadow: #444444 0 0 0px;
    }



    /***************************************************iCheck radio button***************************************************/
    .iradio_square-blue {
        margin-right: 5px !important;
    }




    /***************************************************Drop down boxes for selection *******************************************/
    .right-margin {
        margin-right: 10px;
    }

    @media only screen and (max-width:767px) {
        .right-margin {
            margin-right: 0px;
        }
    }


    /*-------------------------------------------------------Settings panel--------------------------------------------------------------------------------*/
.settings-panel {
    border: 1px solid #3399FF;
    border: 1px solid var(--custom-secondary-color);
    border-radius: 10px 0px 0px 10px;
    margin-top: 8px;
}

    @media only screen and (max-width: 991px) {
        .settings-panel {
            border: 1px solid #3399FF;
            border-radius: 10px;
            margin-top: 8px;
        }
    }

.settings-panel-heading {
    padding: 5px 15px;
    color: #fff;
    background-color: #3399FF;
    background-color: var(--custom-secondary-color);
    height: 32px;
    border-top-left-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    text-shadow: 0px 0px 1px #000;
}

    @media only screen and (max-width: 991px) {
        .settings-panel-heading {
            border-top-right-radius: 10px;
        }
    }

    .margin-left-negative {
        margin-left: -15px;
    }


    @media only screen and (max-width: 991px) {
        .margin-right-negative {
            margin-left: 0px;
        }
    }


    .margin-right-negative {
        margin-right: -15px;
    }

    @media only screen and (max-width: 991px) {
        .margin-right-negative {
            margin-right: 0px;
        }
    }

    .settings-panel .category-container {
        padding: 8px 15px 0px 15px; /*padding: 8px 15px 8px 15px;*/
    }

        .settings-panel .category-container:not(:last-child) {
            border-bottom: 1px solid #3399FF;
            border-bottom: 1px solid var(--custom-secondary-color);
        }


    /* --------------------for TT details page left panel------------------------------------------------------- */
    .settings-panel-left {
        border: 1px solid #3399FF;
        border: 1px solid var(--custom-secondary-color);
        border-radius: 0px 10px 10px 0px;
        margin-top: 8px;
    }

    @media only screen and (max-width: 991px) {
        .settings-panel-left {
            border: 1px solid #3399FF;
            border: 1px solid var(--custom-secondary-color);
            border-radius: 10px;
            margin-top: 8px;
        }
    }

    .settings-panel-heading-left {
        padding: 5px 15px;
        color: #fff;
        background-color: #3399FF;
        background-color: var(--custom-secondary-color);
        height: 32px;
        border-top-right-radius: 10px;
        font-weight: 700;
        font-size: 18px;
        text-shadow: 0px 0px 1px #000;
    }

    @media only screen and (max-width: 991px) {
        .settings-panel-heading-left {
            border-top-right-radius: 10px;
        }
    }

    .settings-panel-left .category-container {
        padding: 8px 15px 0px 15px; /*padding: 8px 15px 8px 15px;*/
    }

        .settings-panel-left .category-container:not(:last-child) {
            border-bottom: 1px solid #3399FF;
            border-bottom: var(--custom-secondary-color);
        }



    /*---------------------------------------------------------------------------------------------------------- */
    /* --------------------for TT details page Center panel------------------------------------------------------- */
    .settings-panel-center {
        border: 1px solid #DED7D2;
        border-radius: 6px;
        margin-top: 8px;
        background-color: #F0EFED;
        /*padding: 5px 15px 30px 10px;*/
        padding: 5px 15px 10px 10px;
        /*height: 32px;*/
        margin-bottom: 10px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        overflow-x: auto !important;
    }

    /* for dynamic table of Notes div*/
    .NotesTable tbody tr td {
        padding-right: 7px !important;
        vertical-align: top !important;
        font-size: 12px;
    }

    @media only screen and (max-width: 991px) {
        .settings-panel-center {
            border: 1px solid #DED7D2;
            border-radius: 10px;
            margin-top: 8px;
        }
    }

    .settings-panel-center:hover {
        border: 1px solid #EAC6B9;
        background-color: #FBF8F7;
    }

    .settings-panel-heading-center {
        padding: 5px 15px;
        color: #fff;
        background-color: #F0EFED;
        height: 32px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-weight: 700;
        font-size: 18px;
        text-shadow: 0px 0px 1px #000;
    }

    @media only screen and (max-width: 991px) {
        .settings-panel-heading-center {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }
    }

    .settings-panel-center .category-container {
        padding: 8px 15px 0px 15px; /*padding: 8px 15px 8px 15px;*/
    }

        .settings-panel-center .category-container:not(:last-child) {
            border-bottom: 1px solid #DED7D2;
        }


    /*-----------------details page for big screen--------------------*/

    @media only screen and (min-width:1366px) and (max-width:1457px) {
        .details-left-pane, .details-right-pane {
            width: 24% !important;
        }

        .details-middle-pane {
            width: 52% !important;
        }
    }

    @media only screen and (min-width:1458px) and (max-width:1549px) {
        .details-left-pane, .details-right-pane {
            width: 23% !important;
        }

        .details-middle-pane {
            width: 54% !important;
        }
    }

    @media only screen and (min-width:1550px) and (max-width:1641px) {
        .details-left-pane, .details-right-pane {
            width: 22% !important;
        }

        .details-middle-pane {
            width: 56% !important;
        }
    }

    @media only screen and (min-width:1642px) and (max-width:1733px) {
        .details-left-pane, .details-right-pane {
            width: 21% !important;
        }

        .details-middle-pane {
            width: 58% !important;
        }
    }

    @media only screen and (min-width:1734px) and (max-width:1825px) {
        .details-left-pane, .details-right-pane {
            width: 20% !important;
        }

        .details-middle-pane {
            width: 60% !important;
        }
    }

    @media only screen and (min-width:1826x) and (max-width:1919px) {
        .details-left-pane, .details-right-pane {
            width: 19% !important;
        }

        .details-middle-pane {
            width: 62% !important;
        }
    }

    @media only screen and (min-width:1920px) {
        .details-left-pane, .details-right-pane {
            width: 18% !important;
        }

        .details-middle-pane {
            width: 64% !important;
        }
    }


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

    .category-title {
        color: #3399FF;
        color: var(--custom-secondary-color);
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .category-label {
        /*font-size: 1em;*/
        font-size: 14px;
    }

    .category-text {
        font-size: 15px; /*18px;*/
    }

    top-padding-small {
        padding-top: 7px;
    }

    .layout-selection {
        height: 15px;
    }

        .layout-selection .layout-button {
            font-size: 12px;
            padding-left: 6px;
            height: 24px;
            line-height: 0.8;
            cursor: pointer;
        }

            .layout-selection .layout-button:hover {
                color: #3399FF;
            }

            .layout-selection .layout-button:not(:last-child) {
                border-right: 1px solid #54575a;
                padding-right: 6px;
            }

            .layout-selection .layout-button:nth-child(-n+2) {
                padding-top: 5px;
            }


    /*****************toggle button*************/
    div.toggle {
        min-height: 28px !important;
        border-radius: 4px !important;
        height: 28px !important;
    }

    div.toggle-group label {
        padding: 4px 12px !important;
    }

    div.toggle-group .toggle-handle {
        border-radius: 2px !important;
    }

    a.export-btn-link {
        text-decoration: none;
        color: #54575a;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        a.export-btn-link:hover {
            color: #3399FF;
        }

    div.ReportsMenu-Qtip {
        cursor: pointer;
        float: left;
    }

    /*----------------------------------------reports selection-----------------------------------------------------------*/
    .report-selection-container {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .report-selection-icon {
        float: left;
        background-color: #54575a;
        width: 25px;
        height: 25px;
        border-radius: 30px;
        margin-top: 3px;
    }

    .fa-area-color {
        color: #ffffff;
        margin-left: 4px;
        margin-top: 5px;
    }

    .report-selection-txt {
        font-weight: 700;
        font-size: 18pt;
        /*font-family: 'Open Sans';*/
        margin-left: 10px;
        float: left;
        color: #54575a;
    }

    .Normal-Text-NoBold {
        font-size: 14pt;
        color: #54575a;
    }

    .report-selection-txt-NoMargin {
        font-weight: 700;
        font-size: 16pt;
        /*font-family: 'Open Sans';*/
        margin-left: 0px;
        float: left;
        color: #54575a;
    }

    .report-selection-border {
        float: left;
        height: 26px;
        margin-top: 4px;
        border-right: 2px solid #54575a;
        margin-left: 10px;
    }

    .report-selection-success-txt {
        font-weight: 400;
        font-size: 18pt;
        /*font-family: 'Open Sans';*/
        margin-left: 10px;
        float: left;
        color: #54575a;
    }

    .report-selection-angle-down-icon {
        float: left;
        margin-left: 10px;
        margin-top: 8px;
    }

    .loading-icon-container {
        font-size: 22px;
        float: left;
        padding-left: 10px;
        color: #3399FF;
    }

    .loading-icon-container-mini {
        font-size: 15px;
        float: left;
        /*padding-left: 10px;*/
        color: #3399FF;
    }

    .usageHeader .loading-icon-container {
        float: right;
    }

    .loading-icon-container-drill-down {
        font-size: 22px;
        float: left;
        padding-left: 10px;
        color: #3399FF;
    }

    #ReportsMenu {
        padding: 7px;
        /*text-transform: uppercase;*/
        display: none;
    }






    /*....................................................Chart type Dropdown.......................................................*/
    .chart-select {
        width: 150px !important;
    }

    .fa-flip-and-rotate {
        transform: scale(1, -0.8) rotate(90deg) !important;
        -webkit-transform: scale(1, -0.8) rotate(90deg) !important; /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
        -moz-transform: scale(1, -0.8) rotate(90deg) !important; /* Fx 3.5-15 */
        -ms-transform: scale(1, -0.8) rotate(90deg) !important; /* IE 9 */
        -o-transform: scale(1, -0.8) rotate(90deg) !important; /* Op 10.5-12 */
    }

    /*....................................................Report Detail Div.......................................................*/
    .clsReportDetail {
        margin-top: 30px !important;
    }


    /* client Schedule Details Heading label*/
    .report-selection-Heading-txt {
        font-weight: 700;
        font-size: 18pt;
        /*font-family: 'Open Sans';
    margin-left: 10px;
    float: left;*/
        color: #54575a;
        text-align: center;
    }


    /*....................................................Report Detail Node Div.......................................................*/

    .Node-title {
        font-size: 18pt;
        font-weight: 700;
        padding-right: 0px !important;
    }

    .Node-DateRange {
        font-size: 14pt;
        font-weight: 700;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top;
    }

    .navigation-button {
        cursor: pointer;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .navigation-button:hover {
            color: #3399FF;
        }

    /************************************************NOTICE***********************************************************/
    .index-page-jumbotron {
        margin-top: 30px;
    }

    a.very-big-hyperlink {
        cursor: pointer;
    }

        a.very-big-hyperlink:hover {
            color: #337ab7;
        }

    h2.detail-text {
        color: #b34f4f;
    }

    /*drop down box to select chart types*/
    .ChartTypeMenuItems {
        font-size: 14px;
        font-weight: 600;
    }

    /*margin at the bottom of the grid*/
    .MarginBottomGrid {
        margin-bottom: 20px;
    }

    .margin-bottom-10 {
        margin-bottom: 10px;
    }

    .margin-bottom-25 {
        margin-bottom: 25px;
    }

    .margin-top-10 {
        margin-top: 10px;
    }

    .margin-top-25 {
        margin-top: 25px;
    }

    .margin-top-40 {
        margin-top: 40px;
    }

    .margin-top-50 {
        margin-top: 50px;
    }

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

    .margin-0 {
        margin: 0px !important;
    }

    .margin-0-0-10-0 {
        margin: 0px 0px 10px 0px !important;
    }
    /*icons in the grid*/
    .glow-icon {
        color: #333;
        cursor: pointer;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .glow-icon:hover {
            color: #3399FF;
        }

    /*shadow to grid text*/
    .grid-with-text-shadow table td {
        text-shadow: 0px 0px 0px #000;
    }

    .top-margin {
        margin-top: 10px;
    }

    .bottom-margin {
        margin-bottom: 10px;
    }

    .bottom-margin-0 {
        margin-bottom: 0px !important;
    }

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

    .left-margin-0 {
        margin-left: 0px;
    }

    .left-margin-2 {
        margin-left: 2px;
    }

    .left-margin-10 {
        margin-left: 10px;
    }

    .left-margin-TwoPercent {
        margin-left: 2.00%;
    }

    .TooltipTable {
        border: 1px solid #bfbfbf;
        border-collapse: collapse;
        border-width: 1px;
    }

    .TooltipTableHeader {
        border: 1px solid #bfbfbf;
        border-width: 1px;
        /* background: #191919 0 -2300px repeat-x url( '../../Images/BackupTracker/sprite.gif' );*/
        font-weight: 700 !important;
        color: #333;
        height: 30px;
        background-color: #f2f2f2;
        width: 100px;
        padding: 3px 5px !important;
        border-width: 0px 1px 3px 0px !important;
        border-right: 1px solid #ddd;
        border-left-color: transparent;
        text-align: center;
    }

    .TooltipTableRow {
        border: 1px solid #bfbfbf;
        border-width: 1px;
        font-size: 14px;
        color: #333;
        width: 100px;
        background-color: transparent;
        text-align: center;
        line-height: 1.6em;
    }

    /*----------------Schedules Setting windows-----------------------------*/

    .grdViewAllSchedules {
        margin-left: 30px;
        margin-right: 30px;
    }

    @media only screen and (max-width:767px) {
        .grdViewAllSchedules {
            margin-left: 10px;
            margin-right: 10px;
        }
    }

    .heading-schedules-setting-windows {
        font-weight: 700;
        font-size: 18pt;
        color: #54575a;
    }

    .left-margin {
        margin-left: 6px;
    }

    .lbl-left-Padding {
        padding-left: 0px !important;
    }

    @media only screen and (max-width:767px) {
        .left-Padding {
            padding-left: 0px !important;
        }
    }

    .right-margin-label {
        margin-right: 10px;
    }

    .chk-bottom-margin {
        margin-bottom: 3px !important;
    }

    .outline-color {
        border-bottom: 1px solid #3399FF;
        margin-top: 20px;
    }

    .Settings-btn {
        white-space: normal;
        margin-top: 2px;
    }

    /*---------------------------------------------------------------------*/
    hr.dashed {
        border: thin dashed #999999;
    }

    .inline {
        display: inline;
    }

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

    /*------------------forms fieldset----------*/
    fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

        fieldset legend {
            display: none;
        }

        fieldset ol {
            padding: 0;
            list-style: none;
        }

            fieldset ol li {
                padding-bottom: 5px;
            }


    /* styles for validation helpers */
    .field-validation-error {
        color: #e80c4d;
        font-weight: bold;
    }

    .field-validation-valid {
        display: none;
    }

    input.input-validation-error {
        border: 1px solid #e80c4d;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: #e80c4d;
        font-weight: bold;
        font-size: 1.1em;
    }

    .validation-summary-valid {
        display: none;
    }

    /*---------------------FONT AWESOME RELATED-------------------------------------------*/
    .fa-3by2x {
        font-size: 1.5em !important;
    }

    .fa-2by2x {
        font-size: 1.2em !important;
        text-shadow: 0px 0px 0px #000;
    }

    .fa-1by2x {
        font-size: 1.0em !important;
    }

    .fa-smallby2x {
        font-size: 0.7em !important;
    }

    .fa-3by2x-valign {
        font-size: 1.3em !important;
        vertical-align: middle;
    }

    .fa-stack-3by2x {
        font-size: 1.5em !important;
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .FunctionsTable {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0px;
        /*border: 2px solid #54575a;*/
    }

        .FunctionsTable thead {
            font-weight: 700;
            font-size: 18px;
        }

            .FunctionsTable thead td {
                text-align: center;
            }

                .FunctionsTable thead td:nth-child(-n+2) {
                    visibility: hidden;
                }

                .FunctionsTable thead td:nth-child(n+2) {
                    /*border: 1px solid #e7e7e7;*/
                    background-color: #54575a;
                    color: #fff;
                    border-bottom: #7b7b7b;
                }

                .FunctionsTable thead td:nth-child(3) {
                    border-top-left-radius: 5px;
                    border-right: solid 1px #7b7b7b;
                }

                .FunctionsTable thead td:nth-child(5) {
                    border-top-right-radius: 5px;
                    border-left: solid 1px #7b7b7b;
                }


        .FunctionsTable tbody td {
        }

        .FunctionsTable tbody .category-cell {
            /*background-color: #3399FF;*/
            font-weight: 700;
            font-size: 18px;
            color: #fff;
            padding-left: 5px;
            text-transform: uppercase;
            border: none;
            border-bottom: 1px solid #4590db;
        }

        .FunctionsTable tbody td.category-cell:nth-of-type(odd) {
            background-color: #3399FF;
        }

        .FunctionsTable tbody td.category-cell:nth-of-type(even) {
            background-color: #2D80D3;
        }

        .FunctionsTable tbody tr:first-child .category-cell {
            border-top-left-radius: 5px;
        }

        .FunctionsTable tbody td:nth-last-child(-n+3) {
            text-align: center;
            /*border: 1px solid #e7e7e7;*/
            padding-top: 3px;
            padding-bottom: 3px;
            border-bottom: 1px solid #e7e7e7;
        }

        .FunctionsTable tbody td:nth-last-child(4) {
            padding-left: 5px;
            border-bottom: 1px solid #e7e7e7;
        }

        .FunctionsTable tbody tr:nth-child(odd) {
            background-color: #f2f2f2;
        }

        .FunctionsTable tbody tr:nth-child(even) {
            background-color: #fcfcfc;
        }

    /*---------------------SPLIT COMBINE NODES WINDOWS-------------------------------------------*/
    .window-body-text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        text-shadow: 0px 0px 0px #000;
    }

    /*---------------------HYPER-V BACKUP MAP-----------------------------------------*/
    #VMWareList {
        border-collapse: collapse;
        border-radius: 6px;
        -moz-border-radius: 6px;
        margin: 0 auto;
        width: 100%;
    }

        #VMWareList thead tr {
            background-color: #3399FF;
        }

            #VMWareList thead tr th:first-child {
                border-top-left-radius: 6px;
            }

            #VMWareList thead tr th:nth-child(-n+3) {
                padding: 0px 3px 0px 3px;
                color: #fff;
                font-weight: 700;
                text-shadow: 0px 0px 1px #000;
                text-align: center;
            }



            #VMWareList thead tr th:nth-child(n+4) {
                width: 2.666%;
                font-size: 11px;
                text-align: center;
                font-weight: 700;
                color: #fff;
                border-right: 1px solid #80BFFF;
                border-left: 1px solid #80BFFF;
            }

            #VMWareList thead tr th:last-child {
                border-top-right-radius: 6px;
                border-right: none;
            }

        #VMWareList tbody tr td:nth-child(-n+2) {
            padding: 0px 6px 0px 6px;
            font-weight: 700;
        }

        #VMWareList tbody tr:nth-child(odd) {
            background-color: #DFDFDF;
        }

        #VMWareList tbody tr:nth-child(even) {
            background-color: #F2F2F2;
        }

        #VMWareList svg {
            display: block;
        }

            #VMWareList svg rect.none {
                /*fill:#ddd;*/
                fill: #BDBDBD;
                stroke-width: 1;
                stroke: #54575a;
                cursor: pointer;
                stroke-dasharray: 2 2;
            }

            #VMWareList svg rect.noschedule {
                stroke-width: 1;
                stroke: #54575a;
                cursor: pointer;
                stroke-dasharray: 2 2;
            }

            #VMWareList svg rect.allsuccess {
                fill: #D0E4B8;
                stroke-width: 1;
                stroke: #6B8E6B;
                cursor: pointer;
            }

            #VMWareList svg rect.allfailed {
                fill: #DEA694;
                stroke-width: 1;
                stroke: #B34F4F;
                cursor: pointer;
            }

            #VMWareList svg rect.mixed {
                fill: url(#MyGradient);
                stroke-width: 1;
                stroke: #B34F4F;
                cursor: pointer;
            }


    #VMWareList {
        border-collapse: collapse;
        border-radius: 6px;
        -moz-border-radius: 6px;
        margin: 0 auto;
        width: 100%;
    }

    #sppVMWareList thead tr {
        background-color: #3399FF;
    }

        #sppVMWareList thead tr th:first-child {
            border-top-left-radius: 6px;
        }

        #sppVMWareList thead tr th:nth-child(-n+2) {
            padding: 0px 3px 0px 3px;
            color: #fff;
            font-weight: 700;
            text-shadow: 0px 0px 1px #000;
            text-align: center;
        }



        #sppVMWareList thead tr th:nth-child(n+3) {
            width: 2.666%;
            font-size: 11px;
            text-align: center;
            font-weight: 700;
            color: #fff;
            border-right: 1px solid #80BFFF;
            border-left: 1px solid #80BFFF;
        }

        #sppVMWareList thead tr th:last-child {
            border-top-right-radius: 6px;
            border-right: none;
        }

    #sppVMWareList tbody tr td:nth-child(-n+3) {
        padding: 0px 6px 0px 6px;
        font-weight: 700;
    }

    #sppVMWareList tbody tr:nth-child(odd) {
        background-color: #DFDFDF;
    }

    #sppVMWareList tbody tr:nth-child(even) {
        background-color: #F2F2F2;
    }

    #sppVMWareList svg {
        display: block;
    }

        #sppVMWareList svg rect.none {
            /*fill:#ddd;*/
            fill: #BDBDBD;
            stroke-width: 1;
            stroke: #54575a;
            cursor: pointer;
            stroke-dasharray: 2 2;
        }

        #sppVMWareList svg rect.noschedule {
            stroke-width: 1;
            stroke: #54575a;
            cursor: pointer;
            stroke-dasharray: 2 2;
        }

        #sppVMWareList svg rect.allsuccess {
            fill: #D0E4B8;
            stroke-width: 1;
            stroke: #6B8E6B;
            cursor: pointer;
        }

        #sppVMWareList svg rect.allfailed {
            fill: #DEA694;
            stroke-width: 1;
            stroke: #B34F4F;
            cursor: pointer;
        }

        #sppVMWareList svg rect.mixed {
            fill: url(#MyGradient);
            stroke-width: 1;
            stroke: #B34F4F;
            cursor: pointer;
        }


    .mixedSuccess {
        fill: url(#SuccessGradient);
        stroke-width: 1;
        stroke: #B34F4F;
        cursor: pointer;
    }

    #VMWareList svg rect.mixedNew {
        background: rgb(222,166,148); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(222,166,148,1) 50%, rgba(198,226,163,1) 50%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,166,148,1) 50%,rgba(198,226,163,1) 50%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,166,148,1) 50%,rgba(198,226,163,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dea694', endColorstr='#c6e2a3',GradientType=1 ); /* IE6-9 */
        stroke-width: 1;
        stroke: #B34F4F;
        cursor: pointer;
    }

    #sppVMWareList svg rect.mixedNew {
        background: rgb(222,166,148); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(222,166,148,1) 50%, rgba(198,226,163,1) 50%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,166,148,1) 50%,rgba(198,226,163,1) 50%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,166,148,1) 50%,rgba(198,226,163,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dea694', endColorstr='#c6e2a3',GradientType=1 ); /* IE6-9 */
        stroke-width: 1;
        stroke: #B34F4F;
        cursor: pointer;
    }

    #StatusGrid #VMWareList {
        font-size: 13px;
    }

    #StatusGrid #sppVMWareList {
        font-size: 13px;
    }

    #VMWareList svg text {
        cursor: pointer;
        font-size: 10px;
        font-weight: 900;
    }

    #sppVMWareList svg text {
        cursor: pointer;
        font-size: 10px;
        font-weight: 900;
    }


    #VMWareInfoDiv {
        color: #3399FF;
        font-weight: 700;
        font-size: 1.2em;
        text-align: right;
    }

    .VMWareScroll {
        /*max-height:400px;
	overflow-y:scroll;*/
        padding-right: 10px;
    }

    @media only screen and (max-width:767px) {
        .VMWareScroll {
            overflow-x: scroll !important;
        }
    }

    #gradientSVG {
        height: 1px;
    }

    /*-----------------------------TAPE DRIVE UTILISATION DETAILS---------------------------------------------*/
    @media only screen and (min-width: 1250px) {
        .tapeDriveUtilisationDrillDown {
            margin: 0 auto;
            width: 1200px;
        }
    }

    .tapeUtilContainer {
        width: 100%;
        border-radius: 5px;
        border: 2px solid #3399FF;
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .tape-server-title {
        width: 100%;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        color: #fff;
        background-color: #3399FF;
        border: none;
        font-weight: 700;
        font-size: 16px;
        padding-left: 5px;
    }

    .tapeUtilContainer table {
        width: 100%;
    }

        .tapeUtilContainer table tr:nth-child(odd) {
            background-color: #fff;
        }

        .tapeUtilContainer table tr:nth-child(even) {
            background-color: #eee;
        }

        .tapeUtilContainer table tr td:nth-child(1) {
            padding-left: 5px;
            width: 20%;
        }

        .tapeUtilContainer table tr td:nth-child(2) {
            width: 80%;
        }

    .tapeUtilContainer svg .server-process-rect, .tapeDriveUtilisationLegends svg .server-process-rect {
        fill: #C4BC96;
        stroke-width: 1;
        stroke: #756E4B;
        cursor: pointer;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .tapeUtilContainer svg .server-process-rect:hover {
            fill: #756E4B;
        }

    .tapeUtilContainer svg .client-session-rect, .tapeDriveUtilisationLegends svg .client-session-rect {
        fill: #D0E4B8;
        stroke-width: 1;
        stroke: #6B8E6B;
        cursor: pointer;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .tapeUtilContainer svg .client-session-rect:hover {
            fill: #6B8E6B;
        }

    .tapeUtilContainer svg .storage-agent-rect, .tapeDriveUtilisationLegends svg .storage-agent-rect {
        fill: #ED93E0;
        stroke-width: 1;
        stroke: #BF56B0;
        cursor: pointer;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .tapeUtilContainer svg .storage-agent-rect:hover {
            fill: #BF56B0;
        }

    .tapeUtilContainer svg .library-client-rect, .tapeDriveUtilisationLegends svg .library-client-rect {
        fill: #548DD4;
        stroke-width: 1;
        stroke: #275691;
        cursor: pointer;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .tapeUtilContainer svg .library-client-rect:hover {
            fill: #275691;
        }

    .drive-mount-time {
        font-size: 14px;
        color: #999;
    }

    .hour-of-day {
        color: #3399FF;
    }

    tr.util-summary td:nth-child(2) {
        width: 26.6% !important;
    }

    tr.util-summary td:nth-child(3) {
        width: 26.6%;
        text-align: center;
    }

    tr.util-summary td:nth-child(4) {
        width: 26.6%;
        text-align: right;
        padding-right: 5px;
    }

    .hours-ticks svg {
        vertical-align: top;
    }

        .hours-ticks svg rect:nth-child(odd) {
            fill: #C7E1FC;
        }

        .hours-ticks svg rect:nth-child(even) {
            fill: #DBEDFF;
        }

        .hours-ticks svg text {
            fill: #54575a;
            font-size: 12px;
            font-weight: bold;
        }

    .tapeDriveUtilisationLegends {
        margin-top: 8px;
        font-weight: 700;
    }


        .tapeDriveUtilisationLegends div {
            margin-left: 5px;
        }




    @media only screen and (max-width: 767px) {
        .tapeDriveUtilisationLegends div {
            width: 100%;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

        .tape-drive-all-maps {
            width: 90% !important;
            overflow-x: scroll;
        }

        .tapeUtilContainer {
            width: 800px;
        }
    }
    /*----------------------WIZARD STYLE----------------------*/

    .wizard-step {
        display: none;
        min-height: 400px;
    }

    .wizard-step-construct-service-level {
        display: none;
        min-height: 400px;
    }

    .DisableRadioDiv {
        cursor: not-allowed;
        /*background-color:#eeeeee;*/
        opacity: 0.4;
    }

    .RemovePointer {
        cursor: not-allowed !important;
    }

    /*-----------Manage Reporting group---------------------------*/
    .nodes-list-left-margin {
        margin-left: 20px;
    }

    .report-groups-btn-margin {
        margin-top: 50px;
    }

    @media only screen and (max-width:767px) {
        .report-groups-btn-margin {
            margin-top: 0px;
        }
    }

    .nodes-list {
        border-radius: 2px;
        background-color: #f0f0f0 !important;
        text-shadow: 0px 0px 0px #000;
        min-height: 40px;
        /* scroll*/
        max-height: 370px; /*230px;*/
        overflow: auto;
    }

    .node-icon-list-item {
        padding-left: 4%;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .node-icon-list-item:nth-child(1) {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .node-icon-list-item:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        .node-icon-list-item:nth-child(odd) {
            background-color: #fff;
        }

        .node-icon-list-item:nth-child(even) {
            /*background-color:#aaa;*/
        }

    .line-height-3by2 {
        line-height: 1.5em !important;
    }


    select.input-validation-error {
        border: 1px solid #e80c4d;
        /*Other styles*/
    }

    /*** To make text unselectable ***/
    .unselectable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /*.DisableLink {
    cursor: not-allowed;
    opacity: 0.4;
}*/
    .CursorDisable {
        cursor: not-allowed;
    }

    .DisableAnchor {
        color: none !important;
        border-bottom: none !important;
    }


    /********************************************************** Wizard image Wrapper ********************************************/
    .wizardImage-wrapper-enable {
        color: #fff;
        text-align: center;
        padding-top: 5px;
        font-weight: bold;
        width: 155px;
        height: 32px;
        background-image: url('../Images/SelfRegisterE.png');
    }

    .wizardImage-wrapper-disable {
        color: #fff;
        text-align: center;
        padding-top: 5px;
        font-weight: bold;
        width: 155px;
        height: 32px;
        background-image: url('../Images/SelfRegisterD.png');
    }

    .wizardBar-wrapper-disable {
        height: 4px;
        width: 135px;
        background-color: #bbb;
        border: 1px solid #bbb;
        margin-right: -45px;
    }

    .wizardBar-wrapper-enable {
        height: 4px;
        width: 135px;
        background-color: #dea694;
        border: 1px solid #dea694;
        margin-right: -45px;
    }

    .wizardCircle-wrapper-enable {
        background-color: #dea694;
        border: 1px solid #dea694;
        height: 32px;
        width: 32px;
        margin: 0 auto;
        border-radius: 50%;
        padding-top: 6px;
        margin-bottom: 5px;
        font-weight: 700;
        padding-left: 12px;
        color: white;
    }

    .wizardCircle-wrapper-disable {
        background-color: #bbb;
        border: 1px solid #bbb;
        height: 32px;
        width: 32px;
        margin: 0 auto;
        border-radius: 50%;
        padding-top: 6px;
        margin-bottom: 5px;
        font-weight: 700;
        padding-left: 12px;
        color: white;
    }

    .wizard-circle {
        height: 32px;
        width: 32px;
        margin: 0 auto;
        border-radius: 50%;
        padding-top: 6px;
        margin-bottom: 5px;
        font-weight: 700;
        padding-left: 12px;
        color: white;
    }

    .progressStepsWrapper {
        max-width: 90px;
        width: 100%;
        margin: 0 auto;
    }

        .progressStepsWrapper .wizardBar-wrapper-enable, .progressStepsWrapper .wizardBar-wrapper-disable {
            max-width: 90px;
            width: 100%;
        }

    .custom-table > thead > tr > td {
        padding: 0px;
    }

    @media only screen and (max-width:1024px) {

        .wizardBar-wrapper-disable {
            height: 4px;
            width: 85px;
            background-color: #bbb;
            border: 1px solid #bbb;
            margin-right: -45px;
        }

        .wizardBar-wrapper-enable {
            height: 4px;
            width: 85px;
            background-color: #dea694;
            border: 1px solid #dea694;
            margin-right: -45px;
        }
    }

    @media only screen and (max-width:767px) {
        .wizardImage-wrapper-enable {
            width: 80px;
            height: 65px;
            background-color: #dea694;
            background-image: none;
            border-radius: 8px;
        }

        .wizardImage-wrapper-disable {
            width: 80px;
            height: 65px;
            background-color: #bbb;
            background-image: none;
            border-radius: 8px;
        }

        .wizardBar-wrapper-disable {
            height: 4px;
            width: 29px;
            background-color: #bbb;
            border: 1px solid #bbb;
        }

        .wizardBar-wrapper-enable {
            height: 4px;
            width: 29px;
            background-color: #dea694;
            border: 1px solid #dea694;
        }

        .wizard-circle {
            height: 22px;
            width: 22px;
            margin: 0 auto;
            border-radius: 50%;
            padding-top: 1px;
            margin-bottom: 5px;
            font-weight: 500;
            padding-left: 8px;
            color: white;
        }

        .progressStepsWrapper {
            max-width: 90px;
        }

            .progressStepsWrapper .wizardBar-wrapper-enable, .progressStepsWrapper .wizardBar-wrapper-disable {
                width: 90px;
            }
    }


    .report-selection-Heading {
        font-weight: 700;
        font-size: 16pt;
        color: #54575a;
        text-align: center;
    }

    /********************************************TSM Timeline**********************************************************/
    #timelineMainDiv {
        width: 100%;
        cursor: pointer;
    }

    @media only screen and (min-width: 1466px) {
        #timelineMainDiv {
            width: 1100px;
            margin: 0 auto;
        }
    }

    #OuterDivHourOfDay {
        width: 100%;
        height: 50px;
    }

    #dateDiv {
        float: right;
        width: 808px;
        height: 46px;
        background-image: url('/Images/HoursImageGrey.png');
        background-repeat: repeat-x;
        background-position: 20px 0px;
    }

    #sliderDiv {
        height: 350px;
        background-color: #b34f4f;
        position: relative;
        z-index: 1;
        width: 4px;
        left: 401px;
        border: solid 1px #414142;
    }

    #timeOfHourIcon {
        float: right;
        padding-right: 8px;
        margin-top: 12px;
    }

    .timeline-chart-placeholder {
        width: 781px;
        height: 100%;
        float: right;
        padding: -20px;
        margin: 13px;
        margin-bottom: 40px;
    }

    @media only screen and (max-width: 991px) {
        .timeline-chart-placeholder {
            width: 100%;
            height: 100%;
            float: none;
            padding: 0px;
            margin: 0px;
            margin-bottom: 0px;
        }
    }

    #timelineMainDiv .category-title {
        clear: both;
        float: none;
        padding-top: 10px;
    }

    /********************REGISTRATION******************/
    @media only screen and (max-width: 1199px) {
        #DivTsmServer input, #DivTsmServer select {
            margin-top: 8px;
        }
    }

    .confirmation-details {
        border: 1px solid #39f;
        border-radius: 10px;
    }

    .HideDropDownItem {
        display: none !important;
    }

    .DisplayDropDownItem {
        display: inline !important;
    }

    /************* TILES ***************************/
    .tile-container {
        padding-top: 20px;
    }

    .tile-min-height {
        min-height: 280px;
    }

    .tile-border {
        border-right: 2px dotted #666;
    }

    .tile-border-bottom {
        border-bottom: 2px dotted #666;
    }

    @media only screen and (max-width: 767px) {
        .tile-border {
            border-right: none;
            border-bottom: 2px dotted #666;
        }

        .tile-min-height {
            min-height: 200px;
            padding-bottom: 20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1067px) {
        .tile-min-height {
            min-height: 280px;
        }
    }



    .tile-image-placeholder {
        vertical-align: top;
        text-align: right;
    }

    .tile-title {
        font-weight: 700;
        font-size: 28px;
        /*color:#3399FF;*/
    }

    .tile-img {
        opacity: 0.85;
    }

@media only screen and (max-width: 767px) {
    .tile-title {
        font-size: 2.0em;
    }
    .support-tile-border-bottom {
        border-bottom:1px dotted #54575a;
    }
}

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tile-title {
            font-size: 2.0em;
        }

        .tile-img {
            width: 60px;
        }
    }

    .tile-description {
        font-size: 18px;
        text-shadow: 0px 0px 0px #000;
    }

    .clientSchedulesChartWrapper {
        width: 100%;
    }

    #ClientScheduleCell {
        width: 100%;
        /*padding-right: 60px;
	padding-left:60px;*/
        max-width: 600px;
        margin: 0 auto;
    }

    @media only screen and (max-width: 500px) {
        #ClientScheduleCell {
            width: 100%;
            padding-right: 0px;
            padding-left: 0px;
        }
    }

    #ClientScheduleCell .k-chart {
        height: 100%;
        padding: 0px;
        margin: 0 0 0px 0;
        width: 100%;
    }

    .gbs-stored-wrapper {
    }

    .tickets-wrapper {
        padding-top: 14px;
    }

    .tile-main-value {
        font-weight: 700;
        font-size: 60px;
        color: #3399FF;
    }

    .tile-main-value-unit {
        font-weight: 700;
        font-size: 35px;
        color: #3399FF;
    }

    .tile-stat-title {
        font-size: 21px;
        font-weight: 700;
        color: #b34f4f;
    }

    .tile-stat-value {
        font-size: 24px;
        font-weight: 700;
    }

    .tile-stat-title-big {
        font-size: 28px;
        font-weight: 700;
        color: #b34f4f;
    }

    .tile-stat-value-big {
        font-size: 60px;
        font-weight: 700;
    }

    .request-service-font {
        text-indent: 3px;
        font-size: 15px;
    }

    @media only screen and (max-width: 767px) {
        .tile-stat-value {
            font-size: 16px;
        }

        .tile-stat-value-big {
            font-size: 16px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tile-stat-value {
            font-size: 20px;
        }

        .tile-stat-value-big {
            font-size: 20px;
        }
    }

    .tile-stat-value-unit {
        font-size: 16px;
    }

    @media only screen and (max-width: 767px) {
        .tile-stat-value-unit {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tile-stat-value-unit {
            font-size: 16px;
        }
    }

    .tile-cell {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .tile-cell-right-border {
        border-right: 1px solid #bbbbbb;
    }

    table.tile-header {
        width: 100%;
    }

    .pointer-cursor {
        cursor: pointer;
    }

    .loading-anim {
        text-align: center;
        padding-top: 60px;
        /*padding-bottom: 110px;*/
        color: #b34f4f;
    }

    .tile-error {
        text-align: center;
        padding-top: 110px;
        padding-bottom: 110px;
        color: #b34f4f;
    }

    /* Add More TSM Servers */
    @media only screen and (max-width: 1199px) {
        #TsmServer input, #TsmServer select {
            margin-top: 8px;
        }
    }

    .HideCursor {
        visibility: hidden;
    }

    .ShowCursor {
        visibility: visible;
    }



    /*@media only screen and (max-width: 200px)
{
	
	.visibl-xs
	{
		visibility:hidden;
	}
}*/

    /****GRID ARROW FOR MOBILE****/
    .show-data-arrow {
        float: right;
        margin-right: 5px;
        top: 150px;
        z-index: 1;
        opacity: 0.7;
        position: relative;
        color: #b34f4f;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .show-data-arrow.active {
            color: #3399FF;
        }

    .default-text-color {
        color: #54575a;
    }

    .img-clip-node-association {
        position: absolute;
        clip: rect(0px,20px,16px,0px);
    }

    .tooltip-wide .tooltip-inner {
        max-width: 300px !important;
    }

    /****Ticket Tracker****/

    .checkbox-label {
        font-weight: 700;
        font-size: 14px;
    }

    .uploadWrapper {
        overflow: hidden;
        position: relative;
        height: 28px;
        width: 250px;
    }

        .uploadWrapper input {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
        }

        .uploadWrapper div {
            margin: 0 10px;
            position: absolute;
            line-height: 25px;
        }

    /* File upload control*/
    /*.k-button {
    color: #fff !important;
    background-color: #3399FF !important;
    border-color: #2e6da4 !important;
    border: 2px outset buttonface !important;    
    display: inline-block !important;   
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;    
    cursor: pointer !important;    
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;   
}

.k-upload-button {
    position: relative;   
    overflow: hidden!important; 
    line-height: 1.3 !important;    
}*/

    /*------------------------- Ticket Tracker Details page ------------------------------ */

    .TTdetails-Heading-Label {
        font-size: 16px;
    }

    .TTdetails-Label {
        font-size: 16px;
        font-weight: normal !important;
    }

    .user-profile-image {
        margin-left: -15px;
    }

    @media only screen and (max-width: 767px) {
        .user-profile-image {
            margin-left: 0px;
        }
    }

    @media only screen and (max-width: 767px) {
        .btn-margin {
            margin-bottom: 10px;
        }
    }
    /*to make alert/anr/ane btn adjustment on ticket details page*/
    @media only screen and (max-width: 500px) {
        #div_ETmenu {
            float: left !important;
            width: 100%;
        }
    }

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


    .top-margin-20 {
        margin-top: 20px;
    }


    #ViewTicketTimeGrid table tr:hover td {
        cursor: pointer !important;
    }

    #EditTicketTimeGrid table tr:hover td {
        cursor: pointer !important;
    }

    #TicketOpportunitiesGrid table tr:hover td {
        cursor: pointer !important;
    }
    /*------------------------------------------------ Subscriber Tiles -------------------------------------------------------------------*/

    .hr-Tile {
        margin-top: -5px;
        /* margin-bottom: 20px; */
        border: 0;
        border-top: 2px dotted #666;
    }

    .pager-large-holes {
        font-size: 50px;
        font-family: Arial;
        text-align: center;
        color: #333333;
    }

        .pager-large-holes span {
            cursor: pointer;
        }

    .cycle-pager-active {
        color: #1685C7;
    }

    div.pager {
        padding: 0 0.25em 0 0;
    }

    div.GreenBar {
        color: white;
        /*width: 70%;*/
        /*margin: 0 auto;*/
        /*margin-top: 30px;
    padding: 10px;
    font-size: 16px;*/
        font-weight: 700;
        text-shadow: 0px 1px 0 rgba(0,0,0,0.50);
        background: #009900;
        /*border: 1px solid #006600;
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);*/
    }

    div.RedBar {
        color: white;
        /*width: 70%;*/
        /*margin: 0 auto;*/
        /*margin-top: 20px;
    padding: 10px;
    font-size: 16px;*/
        font-weight: 700;
        text-shadow: 0px 1px 0 rgba(0,0,0,0.50);
        background: #AD0101;
        /*border: 1px solid #9D0D0D;
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);*/
    }

    div.AmberBar {
        color: white;
        /*width: 70%;*/
        /*margin: 0 auto;*/
        /*margin-top: 20px;*/
        /*padding: 10px;*/
        /*font-size: 16px;*/
        font-weight: 700;
        text-shadow: 0px 1px 0 rgba(0,0,0,0.50);
        background: #FF6600;
        /*border: 1px solid #CC3300;
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);*/
    }

    .ServiceButtonInMenu {
        width: 84%;
        margin-top: 0px;
        padding: 3px;
        font-size: 11px;
        float: right;
        margin-top: 7px;
        border-radius: 3px;
        /*-moz-box-shadow: none;
        -webkit-box-shadow: none;*/
        border: 1px solid #009900;
    }

    .MessageImageWrapper1 {
        float: right;
        margin-right: 70px;
        margin-top: -85px;
        position: relative;
        background-image: url('../Images/Tile/massege_icon_right.png');
        width: 138px;
        height: 31px;
        color: #fff;
        font-weight: 700;
        font-size: 12px;
        padding-left: 4px;
        padding-top: 4px;
        background-repeat: no-repeat;
        font-size: 14px;
    }

    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
        .MessageImageWrapper1 {
            margin-right: 90px;
            margin-top: -62px;
        }
    }

    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        .MessageImageWrapper1 {
            margin-right: 90px;
            margin-top: -62px;
        }
    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        .MessageImageWrapper1 {
            margin-right: 90px;
            margin-top: -62px;
        }
    }
    /*--------------------------------------------------------------------------------------------------------------------------------------*/

    /* --------------------------------------- CHARGEBACK GROUPS TILES  --------------------------------------- */

    .Title-ChargebackGroups-Tile {
        font-weight: 700;
        font-size: 16px;
        display: table;
    }


    div.group-or-service-tile {
        width: 340px;
        /*height:400px;*/
        border: 2px solid #333333;
        border-radius: 6px;
        box-shadow: 0px 0px 5px 2px #dadada;
        /*cursor:pointer;*/
        margin: 6px;
        display: inline-block;
        /* fallback/image non-cover color */
        background-color: #f5f5f5;
        /* Safari 4+, Chrome 1-9 */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
        /* Safari 5.1+, Mobile Safari, Chrome 10+ */
        background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
        /* IE 10+ */
        background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

    @media only screen and (max-width:400px) {
        div.group-or-service-tile {
            width: 300px;
        }
    }


    div.group-or-service-tile div.group-or-service-title {
        height: 30px;
        width: 100%;
        background-color: #333333;
        color: #FDFDFD;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

    div.group-or-service-tile:hover {
        border-color: #1685C7;
        background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
    }

        div.group-or-service-tile:hover div.group-or-service-title {
            background-color: #1685C7;
        }

    div.group-or-service-tile hr {
        margin: 0px 0px 0px 0px;
        border: thin dashed #999999;
        padding: 0px;
    }

    div.group-or-service-tile a {
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }

        div.group-or-service-tile a img {
            border: none;
        }

    /* PROTECTION AND TRANSFERRED CELL */
    div.group-or-service-tile div.ProtectionCellClass,
    div.group-or-service-tile div.DataTransferredCellClass {
        min-height: 57px;
    }

    /* DATA STORED AND OPEN REQUEST*/
    div.group-or-service-tile div.DataStoredCellClass,
    div.group-or-service-tile div.OpenRequestsCellClass,
    div.group-or-service-tile div.TicketsCellClass,
    div.group-or-service-tile div.RecoveryCellClass {
        min-height: 73px;
    }

    /* VITAL STATS AND RECENT CHARGES*/
    div.group-or-service-tile div.VitalStatsCellClass,
    div.group-or-service-tile div.RecentChargesCellClass,
    div.group-or-service-tile div.InternalChargesCellClass {
        min-height: 80px;
        width: 100%;
    }


    div.KPI-group-or-service {
        margin-left: 8px;
        margin-right: 8px;
    }


    table.KPI-group-or-service-info {
        width: 100%;
        margin: 0px;
        padding: 0px;
        /*border: solid 1px #ff0000;*/
        border-spacing: 0px;
    }


        table.KPI-group-or-service-info td.KPI-image {
            width: 60px;
        }

        table.KPI-group-or-service-info td.Title {
            color: #B37019;
            font-weight: 700;
            font-size: 18px;
            /*border: solid 1px #ffff00;*/
            text-align: left;
        }

        table.KPI-group-or-service-info td.Title-ChargebackGroups-Tile {
            color: #B37019;
            font-weight: 700;
            font-size: 18px;
            /*border: solid 1px #ffff00;*/
            text-align: left;
        }

        table.KPI-group-or-service-info td.right-border-cell {
            border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #CCCCCC;
        }

        table.KPI-group-or-service-info td.left-border-cell {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: #CCCCCC;
        }


    table.KPI-group-or-service-details {
        padding: 0px;
        margin: 0px;
        width: 100%;
        border-spacing: 0px;
    }

        table.KPI-group-or-service-details td.left-aligned {
            text-align: left;
            padding-left: 10px;
        }

    td.KPI-group-or-service-detail-heading {
        color: #B01C2D;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
    }

    td.KPI-group-or-service-detail-heading-small {
        color: #B01C2D;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
    }

    td.KPI-group-or-service-detail-data-big {
        color: #1685C7;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
    }

    td.KPI-group-or-service-detail-data-small {
        color: #333333;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
    }

    /*Tile Header settings icon*/
    .RenameDiv {
        float: right;
        margin-right: 10px;
        margin-top: 2px;
    }


    .RenameDivTooltip {
        display: none;
        padding: 7px;
        padding-right: 10px;
    }

        .RenameDivTooltip input[type="text"] {
            width: 180px;
            height: 22px;
            font-size: 16px;
            margin: 5px 0 5px 0;
            padding: 1px 5px 2px 5px;
            font-family: 'Open Sans Condensed', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            color: #666666; /*text-shadow: 1px 1px 0 rgba(256,256,256,1.0);*/
            background: #fff;
            border: 1px solid #3399FF;
            border-radius: 3px; /*box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);*/
        }


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


    /******************************** Css for News *******************************************/
    div.news-tile {
        width: 300px;
        height: 350px;
        border: 1px solid #333333; /*border-radius: 6px;*/ /*box-shadow: 0px 0px 5px 2px #dadada;*/
        margin: 6px;
        display: inline-block;
        background-color: #f5f5f5; /* IE 10+ */ /* Opera 11.10+ */
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
    }

    table.title-and-content {
        border-spacing: 0px;
        border-collapse: collapse;
        width: 100%;
        height: 70%;
    }

        table.title-and-content td {
            vertical-align: top;
            padding: 0px;
            text-shadow: #444444 0 0 0px;
        }


    table.news-footer {
        height: 30%;
        width: 100%;
    }

        table.news-footer td {
            margin-bottom: 0px;
            margin-top: 0px;
            padding-left: 8px;
            padding-right: 8px;
        }

            table.news-footer td.news-read-more {
                text-align: right;
            }

            table.news-footer td.news-info {
                text-align: left;
                font-size: 14px;
                text-shadow: #444444 0 0 0px;
                color: #666666;
                /*padding-bottom: 8px;*/
            }

        table.news-footer hr {
            margin: 0px;
            border: thin dashed #999999;
        }


    div.news-tile-title {
        padding: 8px;
        background-color: #333333;
        color: #FDFDFD; /*border-top-left-radius: 4px;
		border-top-right-radius: 4px;*/
        font-weight: 700; /*font-size: 20px;*/
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        text-align: left;
        font-style: italic;
    }

    div.news-tile-title {
        border-collapse: collapse;
        border-spacing: 0px;
    }

    div.news-tile-content {
        text-align: left;
        padding: 10px 10px 0px 10px;
    }

    div.news-tile td.news-tile-subject {
        padding-left: 8px;
        border-left: solid 1px #666666;
    }

    div.news-tile td.news-tile-icon {
        padding-right: 8px;
    }

        div.news-tile td.news-tile-icon span {
            /*background: url("../Images/quote.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
            float: left;
            height: 12px;
            width: 16px;
        }

    input[type="submit"].bluebutton, input[type="button"].bluebutton, button.bluebutton {
        /*background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;*/
        padding: 2px 5px 2px 5px;
        margin-right: 0px;
        width: auto; /*NEW*/ /*float: right;
		padding: 2px 25px 2px 25px;*/
        /*font-family: 'Open Sans Condensed', 'Bree Serif', serif;*/
        font-weight: 300;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 1px 0 rgba(0,0,0,0.50);
        background: #1685C7;
        border: 1px solid #116699;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    }

        input[type="submit"].bluebutton:hover, input[type="button"].bluebutton:hover, button.bluebutton:hover {
            background: #126DA5;
            border: 1px solid rgba(0,0,120,0.75);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
        }

    input[type="submit"].redbutton, input[type="button"].redbutton, button.redbutton {
        /*background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;*/
        padding: 2px 5px 2px 5px;
        margin-right: 0px;
        width: auto; /*NEW*/ /*float: right;
		padding: 2px 25px 2px 25px;*/
        /*font-family: 'Open Sans Condensed', 'Bree Serif', serif;*/
        font-weight: 300;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 1px 0 rgba(0,0,0,0.50);
        background: #AD0101;
        border: 1px solid #9D0D0D;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    }

        input[type="submit"].redbutton:hover, input[type="button"].redbutton:hover, button.redbutton:hover {
            background: #AD0101;
            border: 1px solid rgba(120,0,0,0.75);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
        }

    input[type="submit"].greybutton, input[type="button"].greybutton, button.greybutton {
        /*background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;*/
        padding: 2px 5px 2px 5px;
        margin-right: 0px;
        width: auto; /*NEW*/ /*float: right;
		padding: 2px 25px 2px 25px;*/
        /*font-family: 'Open Sans Condensed', 'Bree Serif', serif;*/
        font-weight: 300;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 1px 0 rgba(0,0,0,0.50);
        background: #444444;
        border: 1px solid #333333;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
        -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    }

        input[type="submit"].greybutton:hover, input[type="button"].greybutton:hover, button.greybutton:hover {
            background: #6C6C6C;
            border: 1px solid #222222;
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
        }
    /************************************************************************************************************************************/


    /******************************** Css for wizard *******************************************/

    .buttons-padding-bottom {
        padding-bottom: 40px;
    }

    .buttons-padding-bottom-20 {
        padding-bottom: 20px;
    }

    /************************************************************************************************************************************/

    /* --------------------------------------  Trends main page  --------------------------------------*/
    .trends-border-right {
        border-right-style: dotted;
        border-right-width: 2px;
        border-right-color: #777777;
    }

    .trends-border-bottom {
        border-bottom-style: dotted;
        border-bottom-width: 2px;
        border-bottom-color: #777777;
    }

    .chart-box {
        margin: 10px;
        padding: 0px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        /*background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);*/
    }

        .chart-box div.trends-chart {
            height: 200px;
            cursor: pointer;
        }

    /************************************************************************************************************************************/

    .greenArrow {
        color: #7BDE7B;
        border-color: green;
    }

    .IssueTriangle {
        color: #FB3939;
    }


    /*--------------------------------------  Add new backup Agent -------------------------------------------*/
    div.info-table {
        border-collapse: collapse;
        margin-bottom: 4px;
    }

    div.info-title-cell {
        background-color: #444444;
        padding: 4px;
        font-weight: 700;
        padding-left: 8px;
        color: #ffffff;
        border-radius: 5px 5px 0px 0px;
    }

    div.info-description-cell {
        background-color: #1685C7;
        padding: 4px 4px 4px 8px;
        color: #ffffff;
    }

    div.info-details-cell {
        color: #666666;
        /*font-weight: 700;*/
        background-color: #eeeeee;
        border-bottom: 1px solid #cccccc;
        vertical-align: top;
    }
    /*-------------------------------------------------------------------------------------------------------------*/

    .text-bold {
        font-weight: bold;
    }

    .confirmation-text {
        font-size: 18px;
        font-weight: bold;
        color: #B37019;
    }

    .confirmation-text-16-FontSize {
        font-size: 16px;
        font-weight: bold;
        color: #B37019;
    }

    .fields-margin-padding-0 {
        margin: 0;
        padding: 0;
    }

    /*--------------------------------   Recovery  ----------------------------------------------------------------*/
    .ViewHistoryButton {
        background-color: #3399FF;
        color: #FFFFFF;
        height: 25px;
        width: 25px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .ViewHistoryButton:hover {
            background-color: #B37019; /*background-image: url('../Images/Recovery/history2_hover.png');*/
        }


    .ViewHistoryButton2 {
        background-color: #339966;
        color: #FFFFFF;
        height: 25px;
        width: 25px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .ViewHistoryButton2:hover {
            background-color: #B37019; /*background-image: url('../Images/Recovery/history2_hover.png');*/
        }



    .CancelServerButton {
        background-color: #339966;
        color: #FFFFFF;
        height: 25px;
        width: 25px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .CancelServerButton:hover {
            background-color: #B37019;
        }


    .StatusButton {
        background-color: #339966;
        color: #FFFFFF;
        height: 25px;
        width: 58px;
        /*font-weight: 700;
	padding-left: 3px;
	padding-right: 3px;*/
        padding: 0px;
        margin: 0px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .StatusButton:hover {
            background-color: #B37019;
        }


    .CloudRecoveryButton {
        padding: 0px;
        margin: 0px;
        background-color: #3399FF;
        color: #FFFFFF;
        height: 25px;
        width: 58px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .CloudRecoveryButton:hover {
            background-color: #B37019; /*background-image: url('../Images/Recovery/RecoveryStart_hover.png');*/
        }

    #GridNodesWithNoServiceLevels .k-grid-content {
        max-height: 350px;
    }

    .width {
        width: 500px !important;
    }

    .HardwareInfoButton {
        /*background-color: #bfbfbf;*/
        color: #bfbfbf;
        /*height: 25px;
    width: 25px;*/
        padding: 0px;
        margin: 0px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        cursor: default;
    }

    /*----- Cloud Recovery -------*/
    .cost-label {
        font-size: 1.2em;
        color: #666666;
        font-weight: 700;
    }

    .cost-value {
        color: #3399FF;
        font-weight: 700;
        font-size: 2.0em;
    }

    /*FROM TABLE*/
    td.editor-table-label {
        width: 15%;
    }

        td.editor-table-label label {
            font-weight: 700;
        }

    td.editor-table-field {
    }

    table.editor-table {
        width: 100%;
        border-spacing: 10px;
        border-collapse: separate;
    }

    td.editor-table-recovery-label {
        /*width: 15%;*/
    }

    td.editor-table-recovery-label-with-width {
        width: 11%;
    }


    /*@media only screen and (max-width: 400px) {
    td.editor-table-recovery-label-with-width
    {
	    width: 21%;
    }
}*/
    .border-spacing-recovery {
        border-collapse: separate;
        border-spacing: 7px;
    }

    td.editor-table-recovery-label label, td.editor-table-recovery-label-with-width label {
        font-weight: 700;
    }

    td.editor-table-recovery-field {
        font-size: 1.2em;
        padding-right: 14px;
        font-weight: bold;
        /*padding-left: 14px;*/
    }

    td.editor-table-recovery-field-with-width {
        width: 36%;
    }



    .ItemInfo {
        cursor: default;
    }

    .SelectedValue {
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        background-color: rgb(51,153,255);
        border-radius: 3px;
        padding: 2px 5px 2px 5px;
        display: inline;
        margin-right: 5px;
    }


    .recovery-qtip {
        max-width: 800px !important;
    }

    .item-category-selector {
        border-radius: 2px;
        background-color: #FFFFFF;
        font-weight: 700;
        margin: 5px 2px 5px 2px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        padding: 4px;
        color: #555;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        .item-category-selector:hover {
            color: rgb(51,153,255);
        }


    /*Perform Cloud Restore page*/
    /*#DivRecoveryContainer select
{
	margin: 5px 0 5px 0;	
	padding: 0px;	
	font-weight: 400;
	font-size: 20px;
	color: #666666;
	background: #fff;
	border: 1px solid #3399FF;
	border-radius: 3px;
}*/



    .RightNumbering {
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        background-color: rgb(51,153,255);
        padding: 2px 14px 2px 14px;
        display: inline;
        margin-right: -3px;
        background-color: #555555;
        border-radius: 3px 0px 0px 3px;
    }

    .SelectedValueNotAllRound {
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        background-color: rgb(51,153,255);
        border-radius: 0px 3px 3px 0px;
        padding: 2px 5px 2px 5px;
        display: inline;
        margin-right: 5px;
        transition: all 1.0s;
        -moz-transition: all 1.0s;
        -webkit-transition: all 1.0s;
        -o-transition: all 1.0s;
        -ms-transition: all 1.0s;
    }

    .left-padding {
        padding-left: 20px;
    }

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

    .top-padding-10 {
        padding-top: 10px;
    }

    .bottom-padding-5 {
        padding-bottom: 5px;
    }

    .confirmation-values {
        color: #1685C7;
    }
    /*----------------------------*/

    /*----------------- Cloud Recovery Status ---------*/
    div.StepContainer {
        margin: 0 auto;
        width: 550px;
    }

    table.StepStatus {
        border-style: none;
        border-spacing: 0px;
        /*border-collapse: collapse;*/
        cursor: default;
        color: #333333;
        border-collapse: separate;
    }

        table.StepStatus td {
            border-style: none;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            table.StepStatus td:hover hr.StepLink {
                border: solid thin #1685C7;
            }

    #currentServerStatus.CurrentStatus {
        text-align: center;
        font-weight: 700;
        padding-top: 8px;
    }

    div.StepDone {
        /*border: solid 2px #333333;*/
        height: 140px;
        width: 140px;
        border-radius: 70px;
        box-shadow: 0px 0px 5px 2px #dadada;
        background-color: #333333;
        font-size: 20px;
        font-weight: 700;
        color: #FDFDFD;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        div.StepDone:hover {
            background-color: #1685C7;
        }

        div.StepDone div.StepIcon {
            background-image: url('../Images/Recovery/StepDone.png');
            background-repeat: no-repeat;
            height: 36px;
            width: 35px;
            margin: 0 auto;
        }

    div.StepPending {
        border: solid 2px #1685C7;
        height: 136px;
        width: 136px;
        border-radius: 70px;
        box-shadow: 0px 0px 5px 2px #dadada;
        background-color: #f5f5f5;
        font-size: 20px;
        font-weight: 700;
        color: #1685C7;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

        div.StepPending:hover {
            color: #FDFDFD;
            background-color: #1685C7;
        }

        div.StepPending div.StepIcon {
            /*background-image: url('../Images/Recovery/Pending.png');
		background-repeat: no-repeat;
		height: 36px;
		width: 36px;
		margin: 0 auto;*/
        }

    div.StepInProgress {
        height: 140px;
        width: 140px;
        border-radius: 70px;
        box-shadow: 0px 0px 5px 2px #dadada;
        /*background-color: #ffffff;*/
        font-size: 20px;
        font-weight: 700;
        color: #1685C7;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        background-image: url('../Images/Recovery/StepInProgressRing.gif');
    }

        div.StepInProgress:hover {
            /*background-color:#1685C7;	*/
            color: #333333;
        }

    div.StepDisabled {
        border: solid 2px #333333;
        height: 136px;
        width: 136px;
        border-radius: 70px;
        box-shadow: 0px 0px 5px 2px #dadada;
        background-color: #f5f5f5;
        font-size: 20px;
        font-weight: 700;
        color: #333333;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        opacity: 0.2;
    }



    hr.StepLink {
        width: 40px;
        border: solid thin #333333;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
    }

    div.server-details {
        width: 100%;
    }

    .read-only-field {
        font-weight: 700;
        color: #3399FF;
        width: 70%;
    }

    td.warning-icon-cell {
        vertical-align: top;
        padding-right: 20px;
    }

    .HeadingRefresh {
        width: 100%;
    }

    .HeadingCell {
        width: 125px;
    }

    .RefreshTime {
        color: #6D6D6D;
        padding-left: 30px;
        text-shadow: #444444 0 0 0px;
        text-align: right;
    }

    div.SLDetailsContainer {
        width: 70%;
        float: left;
        overflow-x: hidden;
    }

    div.NotifierContainer {
        width: 28%;
        min-height: 30px;
        border: 1px solid #3676B6;
        float: right;
        border-radius: 3px;
        overflow-x: hidden;
    }

    div.NotifierItemInfo {
        border-bottom: 1px solid #3676B6;
        background-color: #0A5B9E;
        padding: 4px 4px 4px 4px;
        font-weight: 700;
        color: #FFFFFF;
        transition: all 1.0s;
        -moz-transition: all 1.0s;
        -webkit-transition: all 1.0s;
        -o-transition: all 1.0s;
        -ms-transition: all 1.0s;
        cursor: default;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    }

        div.NotifierItemInfo:hover {
            background-color: #0E7AD3;
            box-shadow: 4px 4px 4px 4px #084B8D;
        }

    div.NotifierItemWarning {
        border-bottom: 1px solid #E89002;
        background-color: #E89002;
        padding: 4px 4px 4px 4px;
        font-weight: 700;
        color: #FFFFFF;
        transition: all 1.0s;
        -moz-transition: all 1.0s;
        -webkit-transition: all 1.0s;
        -o-transition: all 1.0s;
        -ms-transition: all 1.0s;
        cursor: default;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
        border-bottom-color: #FEBA47;
    }

        div.NotifierItemWarning:hover {
            background-color: #FDA40F;
            box-shadow: 4px 4px 4px 4px #084B8D;
        }

    div.NotifierItemError {
        border-bottom: 1px solid #D10C15;
        background-color: #9E0A11;
        padding: 4px 4px 4px 4px;
        font-weight: 700;
        color: #FFFFFF;
        transition: all 1.0s;
        -moz-transition: all 1.0s;
        -webkit-transition: all 1.0s;
        -o-transition: all 1.0s;
        -ms-transition: all 1.0s;
        cursor: default;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    }

        div.NotifierItemError:hover {
            background-color: #C60D16;
            box-shadow: 4px 4px 4px 4px #084B8D;
        }

    #notificationTimeInfo {
        color: #85B0D3;
    }

    #notificationTimeWarning {
        color: #FEDFAB;
    }

    #notificationTimeError {
        color: #F98E94;
    }

    /*----------------- TT main page ---------*/

    .lbl-bottom-padding {
        padding-bottom: 1px;
    }

    .DivBlock {
        text-align: center; /*background-image: url('../../Images/Action_Normal.png');*/
        font-size: 11pt;
        border: 1px dotted #666666;
        float: left; /*background-size: 100% 100%;*/
        width: 45%;
        height: 60px;
        margin: 4px; /*color: #FFFFFF;*/
        cursor: default;
        color: #666666;
        font-weight: 700;
        border-radius: 4px;
        background-color: #F7F7F7;
    }

    /*----------------- Ticket Queue By Age And Activity ---------*/
    .counter {
        text-align: center; /*background-image: url('../../Images/Action_Normal.png');*/
        font-size: 11pt;
        border: 1px solid #666666;
        /*float: left; /*background-size: 100% 100%;*/
        height: 35px;
        line-height: 35px;
        margin-right: 4px; /*color: #FFFFFF;*/
        cursor: default;
        color: #ffffff;
        font-weight: 700;
        border-radius: 4px;
        background-color: #3399FF;
    }

    @media only screen and (min-width: 1220px) and (max-width:1800px) {
        .slider-alignment {
            margin-left: 27%;
        }
    }

    @media only screen and (min-width: 1801px) and (max-width:2800px) {
        .slider-alignment {
            margin-left: 22%;
        }
    }

    @media only screen and (min-width: 2801px) {
        .slider-alignment {
            margin-left: 21%;
        }
    }

    .cursorPointer {
        cursor: pointer;
    }

    #TicketQueueByAgeAndActivityDetailGrid table tr:hover td {
        cursor: pointer !important;
    }

    .none-display {
        display: none;
    }

    .icone-right-margin {
        margin-right: 3px;
    }

    .top-margin_negative {
        margin-top: -5px !important;
        /*margin-bottom: -5px !important;*/
    }

    .notes-top-margin_negative {
        margin-top: -2px !important;
    }

    div.refreshSlider {
        width: 100%;
    }

    @media only screen and (max-width: 767px) {
        .centerAligned_DashboardSupportActivity {
            text-align: center;
        }
    }

    .round-div {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 48px;
        /*border: 2px solid #f5f5f5;*/
        border-radius: 50%;
        color: #f5f5f5;
        text-align: center;
        text-decoration: none;
        background: #464646;
        /*box-shadow: 0 0 3px gray;*/
        font-size: 24px;
        font-weight: bold;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

    .round-button {
        display: block;
        width: 65px;
        height: 65px;
        line-height: 65px;
        /*border: 2px solid #f5f5f5;*/
        border-radius: 50%;
        color: #f5f5f5;
        text-align: center;
        text-decoration: none;
        background: #464646;
        /*box-shadow: 0 0 3px gray;*/
        font-size: 30px;
        font-weight: bold;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

        .round-button:hover {
            background: #BBA25C;
        }

    .left-margin-25 {
        margin-left: 16%;
    }

    .left-margin-5 {
        margin-left: 5%;
    }

    .left-margin-50 {
        float: left;
        padding-left: 50px;
    }

    .label8Days {
        text-align: right;
        margin-right: -83px;
        margin-top: 45px;
    }

    .label30Days {
        text-align: right;
        margin-right: -83px;
        margin-top: 49px;
    }

    .label90Days {
        text-align: right;
        margin-right: -83px;
        margin-top: 51px;
    }

    .label90PlusDays {
        text-align: right;
        margin-right: -83px;
        margin-top: 50px;
    }

    .refreshAtArea {
        text-align: right;
        margin-right: 10px;
    }

    .raisedAreaBorder {
        font-weight: 700;
        font-size: 18pt;
        color: #54575a;
    }

    .right-margin-7-float-left {
        margin-right: 7%;
        float: left;
    }
    .right-margin-5-float-left {
        margin-right: 5%;
        float: left;
    }

    .right-margin-9-float-left {
        margin-right: 9%;
        float: left;
    }
    .right-margin-12-float-left {
        margin-right: 12%;
        float: left;
    }
    .right-margin-15-float-left {
        margin-right: 15%;
        float: left;
    }

    .round-button-orange {
        display: block;
        width: 65px;
        height: 65px;
        line-height: 65px;
        /*border: 2px solid #f5f5f5;*/
        border-radius: 50%;
        color: #f5f5f5;
        text-align: center;
        text-decoration: none;
        /*background: #b34f4f;*/
        background: #464646;
        /*box-shadow: 0 0 3px gray;*/
        font-size: 30px;
        font-weight: bold;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

        .round-button-orange:hover {
            /*background: #EA9F9F;*/
            background: #BBA25C;
        }

    .top-margin-40 {
        margin-top: 40px;
    }

    .left-margin-lastCounterArea {
        margin-left: 10%;
    }

    .ticketQueueDrawLine {
        border-right: 3px solid #ddd;
    }

    .drawLine {
        float: left;
        height: 85px;
        margin-right: 6%;
        border-right: 3px solid #ddd;
    }

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

    .right-margin-4 {
        margin-right: 4.5%;
    }

    .right-margin-50 {
        margin-right: 50px;
    }

    .refreshAt-row {
        width: 65px;
    }

    .lblRefreshAtDesktop {
        float: left;
        margin-top: 30px;
    }

    @media only screen and (min-width:1220px) and (max-width:1350px) {
        .ticketQueueRaiesHeaderFormat {
            text-align: center;
            width: 39%;
            float: left;
            margin-right: 16%;
        }

        .managedHeaderFormat {
            text-align: center;
            width: 36%;
            float: left;
            margin-right: 20%;
        }
    }

    @media only screen and (min-width:1351px) and (max-width:1600px) {
        .ticketQueueRaiesHeaderFormat {
            text-align: center;
            width: 31%;
            float: left;
            margin-right: 20%;
        }

        .managedHeaderFormat {
            text-align: center;
            width: 33%;
            float: left;
            margin-right: 23%;
        }
    }

    @media only screen and (min-width:1601px) and (max-width:2000px) {
        .ticketQueueRaiesHeaderFormat {
            text-align: center;
            width: 31%;
            float: left;
            margin-right: 11%;
        }

        .managedHeaderFormat {
            text-align: center;
            width: 33%;
            float: left;
            margin-right: 20%;
        }

        .right-margin-9-float-left {
            margin-right: 7.8%;
            float: left;
        }
    }

    @media only screen and (min-width:2001px) and (max-width:3000px) {
        .ticketQueueRaiesHeaderFormat {
            text-align: center;
            width: 31%;
            float: left;
            margin-right: 10%;
        }

        .right-margin-9-float-left {
            margin-right: 7.3%;
            float: left;
        }
    }

    @media only screen and (min-width:2001px) and (max-width:2500px) {
        .managedHeaderFormat {
            text-align: center;
            width: 29%;
            float: left;
            margin-right: 18%;
        }
    }


    @media only screen and (min-width:2501px) and (max-width:3000px) {
        .managedHeaderFormat {
            text-align: center;
            width: 27%;
            float: left;
            margin-right: 16%;
        }
    }

    @media only screen and (min-width:3001px) and (max-width:3300px) {
        .ticketQueueRaiesHeaderFormat {
            text-align: center;
            width: 23%;
            float: left;
            margin-right: 14%;
        }

        .managedHeaderFormat {
            text-align: center;
            width: 24%;
            float: left;
            margin-right: 17%;
        }
    }

    @media only screen and (min-width:3301px) {
        .ticketQueueRaiesHeaderFormat {
            text-align: center;
            width: 23%;
            float: left;
            margin-right: 14%;
        }

        .managedHeaderFormat {
            text-align: center;
            width: 23%;
            float: left;
            margin-right: 20%;
        }

        .right-margin-9-float-left {
            margin-right: 7.3%;
            float: left;
        }
    }

    @media only screen and (max-width:1220px) {
        .desktopView {
            display: none;
        }

        .mobileView {
            display: block;
        }

        .left-margin-slider {
            margin-left: 0px;
        }

        .contractTypeAndStatus-margin-left {
            margin-left: 0px;
        }
    }

    @media only screen and (min-width:1220px) {
        .contractTypeAndStatus-margin-left {
            margin-left: -3%;
        }

        .desktopView {
            display: block;
        }

        .mobileView {
            display: none;
        }

        .left-margin-slider {
            margin-left: 105px;
        }
    }


    #TicketQueueByAgeAndActivityLastCountGrid .k-grid-header .k-header {
        background: #fff !important;
        font-weight: 700;
        font-size: 18px;
    }

    #TicketQueueByAgeAndActivityRaisedGrid .k-grid-header .k-header {
        background: #fff !important;
        font-weight: 700;
        font-size: 18px;
    }

    .bottom-margin-20 {
        margin-bottom: 20px;
    }

    .bottom-margin-30 {
        margin-bottom: 30px;
    }

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

    .raisedWebLabel {
        margin-right: 19%;
        text-align: center;
        float: left;
        margin-left: 5%;
    }

    .raisedSubscriberLabel {
        text-align: center;
        float: left;
    }

    .raisedPredatarLabel {
        margin-right: 11%;
        text-align: center;
        float: left;
    }

    .lastCountWebLabel {
        margin-right: 19%;
        text-align: center;
        float: left;
        margin-left: 4%;
    }

    .lastCountSubscriberLabel {
        text-align: center;
        float: left;
    }

    .lastCountPredatarLabel {
        margin-right: 11%;
        text-align: center;
        float: left;
    }

    .left-float-right-margin-5 {
        float: left;
        margin-right: 5%;
    }
    .left-float-right-margin-3 {
        float: left;
        margin-right: 3%;
    }

    .lastCountHeading {
        font-weight: 700;
        font-size: 18pt;
        color: #54575a;
        text-transform: uppercase;
        padding-left: 15px;
    }

    .transform-text-uppercase {
        text-transform: uppercase;
    }

    .k-slider .k-button .k-icon {
        margin-left: -7px !important;
        margin-top: 2px !important;
    }

    .round-button_total {
        display: block;
        width: 78px;
        height: 78px;
        line-height: 71px;
        border: 4px solid #545454;
        border-radius: 50%;
        color: #b34f4f;
        text-align: center;
        text-decoration: none;
        background: #fff;
        /*box-shadow: 0 0 3px gray;*/
        font-size: 35px;
        font-weight: bold;
    }

    .left-margin-grandTotal {
        margin-left: 31%;
    }

    .left-margin-total {
        margin-left: 50%;
    }

    .round-button-grandTotal {
        display: block;
        width: 90px;
        height: 90px;
        line-height: 83px;
        border: 4px solid #545454;
        border-radius: 50%;
        color: #b34f4f;
        text-align: center;
        text-decoration: none;
        background: #fff;
        /*box-shadow: 0 0 3px gray;*/
        font-size: 50px;
        font-weight: bold;
    }

    .managedTotal {
        float: left;
        margin-left: 12.4%;
    }

    .maintainedTotal {
        float: left;
        margin-left: 26.8%;
    }

    .contractTypeLbl {
        float: left;
        margin-left: 11%;
        margin-top: 22px;
    }

    .left-margin-20Percent {
        margin-left: 20% !important;
    }

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

    .left-margin-28Percent {
        margin-left: 28% !important;
    }

    .total-lablel-text-background {
        margin-left: 15px;
        font-weight: 700;
        font-size: 16pt;
        margin-top: 10px;
        color: rgb(51, 153, 255);
    }

    .grandTotal-lablel-text-background {
        margin-left: 0px;
        font-weight: 700;
        font-size: 16pt;
        margin-top: 10px;
        color: white;
    }

    .top-margin-15 {
        margin-top: 15px;
    }

    .top-margin-5 {
        margin-top: 5px;
    }

    margin-bottom-0 {
        margin-bottom: 0px;
    }

    .width-60 {
        width: 60px;
    }
    /*--------Cloud - Tell Me More -------------------------------- */
    .rowStyle_TellMeMore {
        height: 300px;
    }

    @media only screen and (max-width:768px) {
        .rowStyle_TellMeMore {
            height: 340px;
        }

        .TextCellLeft {
            top: 0px !important;
        }


        .TextCellRight {
            top: 0px !important;
        }

        .ImageCellLeft {
            width: 0% !important;
        }
    }

    @media only screen and (max-width : 600px) {
        .ImageCellLeft {
            width: 0% !important;
            text-align: right;
            padding-bottom: 0px !important;
            padding-top: 0px !important;
            float: none !important;
        }

        /*.col-xs-12 {
            float: none !important;
        }*/

        .TextCellLeft {
            top: 0px !important;
        }

        .TextCellRight {
            top: 0px !important;
        }
    }

    .rowBackground1 {
        background-color: #EBEBEB;
        /*background-image:url("../Images/TSMInCloud/greyBg1.png");*/
    }

    .rowBackground2 {
        background-image: url("../Images/TSMInCloud/greyBg2.png");
        background-repeat: repeat;
    }

    .ImageCellLeft {
        width: 50%;
        text-align: right;
        padding-bottom: 15px;
        /*padding-top:15px;*/
    }

    .ImageCellRight {
        width: 50%;
        text-align: left;
        /*vertical-align:middle;*/
        padding-bottom: 15px;
        /*padding-top:15px;*/
    }

    .TextCellLeft {
        /*width:50%;*/
        text-align: right;
        padding-right: 30px;
        top: 100px;
        /*margin-top:10%;*/
    }


    .TextCellRight {
        /*width:50%;*/
        text-align: left;
        /*vertical-align:middle;*/
        padding-left: 15px;
        top: 100px;
        /*margin-top:10%;*/
    }

    .report-title-txt {
        font-weight: 700;
        font-size: 18pt;
        color: #54575a;
    }

    .left-padding-0 {
        padding-left: 0px;
    }

    /*-----------------------------------------------------------*/
    .InvoiceMonthsListBorder {
        border: 1px dotted grey;
        /* background-color: yellow; */
        min-height: 97px;
        padding-left: 0px !important;
        margin-left: 18px;
        margin-right: 18px;
        padding-top: 5px;
    }
    /*--------------------------------------------*/
    .screenshot-title {
        font-size: 4.0em;
    }

    .tell-me-more-screenshots .screenshot-title:nth-child(odd) {
        color: #3399FF;
    }

    .tell-me-more-screenshots .screenshot-title:nth-child(even) {
        color: #b34f4f;
    }

    @media only screen and (min-width: 993px) and (max-width: 1090px) {
        .screenshot-title {
            font-size: 3.0em;
        }

        .TextCellRight {
            padding-left: 70px;
        }
    }

    @media only screen and (min-width: 10px) and (max-width: 992px) {
        .screenshot-title {
            font-size: 2.2em;
        }

        .TextCellRight {
            padding-left: 15px;
            text-align: center;
        }

        .TextCellLeft {
            text-align: center;
            padding-right: 0px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 895px) {
        .TextCellRight {
            /*width:95%;*/
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1092px) {
        .TextCellLeft {
            width: 44%;
        }
    }

    @media only screen and (max-device-width: 600px) {
        .imgClass {
            width: 300px;
            /* height:270px;*/
        }

        .screenshot-title {
            font-size: 1.0em;
            font-weight: bold;
        }

        .rowStyle_TellMeMore {
            height: auto;
        }

        .TextCellRight {
            padding-left: 15px;
            text-align: center;
        }

        .TextCellLeft {
            text-align: center;
            padding-right: 0px;
        }

        .svg-icon {
            width: 22px;
        }
    }

    /*-----Report status grid  -------*/


    #gridReportStatus td {
        overflow: visible;
    }

    #gridReportStatus .rotate-text {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
        -moz-transform: rotate(-90.0deg);
        -ms-transform: rotate(-90.0deg);
        -o-transform: rotate(-90.0deg);
        -webkit-transform: rotate(-90.0deg);
        transform: rotate(-90.0deg);
        text-indent: 25px;
        /*direction: rtl;*/
    }

    #gridReportStatus .k-grid-header .k-header {
        height: 195px;
        border-style: none;
        padding: 0px !important;
        margin: 0px !important;
        font-weight: 600 !important;
    }

    #gridReportStatus .firstcolumns {
        vertical-align: middle !important;
        /*background: #9E3030 0 -2300px repeat-x url('Grid/sprite.gif');*/
        background-image: none, linear-gradient(to bottom, #f6f6f6 0px, #eaeaea 100%);
    }

    .Pull-left-right {
        float: right;
    }

    #gridReportStatus td[role="gridcell"] {
        font-size: 12px;
    }

    @media only screen and (max-width:768px) {
        .Pull-left-right {
            float: left;
        }
    }
    /*--------------------------------------------*/

    /*-----------------Dashboard - Support Activity--------------*/
    .squareShapeBox {
        display: block;
        width: 14.2%;
        height: 83px;
        line-height: 83px;
        color: #f5f5f5;
        text-align: center;
        text-decoration: none;
        background: #54575A;
        font-size: 50pt;
        font-weight: bold;
        float: left;
        margin-right: 1px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

        .squareShapeBox:hover {
            background: #3399FF;
        }

    @media only screen and (max-width:1100px) {

        .squareShapeBox {
            width: 16.2%;
            height: 76px;
            line-height: 76px;
            font-size: 20pt;
        }
    }

    .squareShapeBoxActivitySupportUser {
        display: block;
        width: 14.2%;
        height: 83px;
        text-align: center;
        background: #EEEEEE;
        float: left;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-box-shadow: inset 0 0 20px #cecece;
        -webkit-box-shadow: inset 0 0 20px #cecece;
        box-shadow: inset 0 0 20px #cecece;
    }

    @media only screen and (max-width:1100px) {

        .squareShapeBoxActivitySupportUser {
            width: 16.2%;
            height: 76px;
        }
    }

    .user-row:hover .squareShapeBoxActivitySupportUser {
        background: #D4DDE6;
    }

    .supportActivityUserTextFormat {
        font-weight: 700;
        font-size: 12pt;
        color: #54575A;
    }

    @media only screen and (max-width:1100px) {
        .supportActivityUserTextFormat {
            font-weight: 600;
            font-size: 8pt;
        }
    }

    .supportActivityGridHeader-width {
        width: 14.2%;
        float: left;
        font-weight: 700;
        font-size: 12pt;
        color: #3399FF;
        text-align: center;
        padding: 0px 3px 0px 3px;
    }

    @media only screen and (max-width:1100px) {
        .supportActivityGridHeader-width {
            width: 16.2%;
            font-weight: 600;
            font-size: 7pt;
        }
    }

    .squareShapeBoxSummary {
        display: block;
        width: 14.2%;
        height: 83px;
        line-height: 83px;
        color: #54575A;
        text-align: center;
        text-decoration: none;
        background: #C9C9C9;
        font-size: 50pt;
        font-weight: bold;
        float: left;
        margin-right: 1px;
    }

    @media only screen and (max-width:1100px) {
        .squareShapeBoxSummary {
            width: 16.2%;
            height: 76px;
            line-height: 76px;
            font-size: 20pt;
        }
    }

    .squareShapeBoxSummaryDuration {
        display: block;
        width: 14.2%;
        height: 83px;
        line-height: 83px;
        color: #54575A;
        text-align: center;
        text-decoration: none;
        background: #C9C9C9;
        font-size: 21pt;
        font-weight: bold;
        float: left;
        margin-right: 1px;
    }

    @media only screen and (max-width:1100px) {
        .squareShapeBoxSummaryDuration {
            width: 16.2%;
            height: 76px;
            line-height: 76px;
            font-size: 10pt;
        }
    }


    .squareShapeBoxDuration {
        display: block;
        width: 14.2%;
        height: 83px;
        line-height: 83px;
        color: #f5f5f5;
        text-align: center;
        text-decoration: none;
        font-size: 21pt;
        font-weight: bold;
        float: left;
        margin-right: 1px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

    @media only screen and (max-width:1100px) {
        .squareShapeBoxDuration {
            width: 16.2%;
            height: 76px;
            line-height: 76px;
            font-size: 10pt;
        }
    }

    .boxGreen {
        background: #B1E11F;
    }

        .boxGreen:hover {
            background: #9CBF30;
        }

    .boxGray {
        background: #54575A;
    }

        .boxGray:hover {
            background: #BBA25C;
        }


    .activitySupportUserImage-top-margin {
        margin-top: 10px;
    }

    @media only screen and (max-width:1100px) {
        .activitySupportUserImage-top-margin {
            margin-top: 2px;
        }
    }

    .activitySupportUserImage {
        height: 36px;
        width: 36px;
        margin-top: 5px;
        box-shadow: 0px 0px 1px #000;
    }

    @media only screen and (max-width:1100px) {
        .activitySupportUserImage {
            height: 25px;
            width: 25px;
        }
    }



    .supportActivityRange {
        font-size: 20pt;
        font-weight: 700;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top;
    }

    .top-margin-35 {
        margin-top: 35px;
    }

    .right-margin-1 {
        margin-right: 1px;
    }

    .right-margin-5-percent {
        margin-right: 5%;
    }



    .noDataMsg-text-format {
        text-align: center;
        font-size: 15pt;
        font-weight: 700;
    }

    .dashboardSupportActivity-punchedInTickets-heading-format {
        font-weight: 700 !important;
        font-size: 18pt !important;
        color: #54575a !important;
    }

    .right-margin-dashboardSupportActivity {
        margin-right: 5.7%;
    }


    @media only screen and (max-width:1100px) {
        .right-margin-dashboardSupportActivity {
            margin-right: 0;
        }
    }

    @media only screen and (min-width:768px) {

        .slider-margin {
            margin-left: 50px;
        }
    }


    /*@media only screen and (min-width:1400px) {
    .slider-margin {
      margin-left: 30px; 
    }
}*/

    @media only screen and (max-width:767px) {
        .slider-margin {
            margin-left: 0px;
        }
    }


    .dashboardSupportActivity-heading {
        font-weight: 700;
        font-size: 18pt;
        /*font-family: 'Open Sans';*/
        /*margin-left: 10px;*/
        /*float: left;*/
        color: #54575a;
    }

    @media only screen and (min-width:3000px) {

        .supportActivityGridHeader-width {
            /*width: 16.2%;*/
            float: left;
            font-weight: 600;
            font-size: 14pt;
            color: #3399FF;
            text-align: center;
            padding: 0px 3px 0px 3px;
        }
    }

    #supportActivityGrid table tr:hover td {
        cursor: pointer !important;
    }

    #supportActivityPunchedOutGrid table tr:hover td {
        cursor: pointer !important;
    }

    /*--------------------------------------------*/
    /* backup agent name search box container */
    .backupAgentName-search-container {
        position: relative;
        margin-top: 6px;
        margin-left: 6px;
        margin-right: 6px;
    }
    /* article search box */
    /*input.backupAgentName-search {
    width: 175px;
    padding-left: 24px;
    border-radius: 15px;
    border: 1px solid #c0c0c0;
    background-color: #fafafa;
    color: #54575a;
}*/

    /*/*.k-autocomplete
	{		
        font-weight: normal !important; 
        border-radius: 15px !important;
	}

.k-textbox>input, .k-autocomplete .k-input, .k-multiselect-wrap {
    border-radius: 15px !important;
}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {   
    border-radius: 15px !important;   
}


.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #EBEBEB !important;
    border-radius: 15px !important;
}
.k-textbox>input, span.k-autocomplete .k-input, span.k-picker-wrap .k-input, span.k-numeric-wrap .k-input, span.k-dropdown-wrap .k-input, span.k-selectbox .k-input {
    height: 1.229em !important;
    /*border-color: Red !important;
    border: 1px solid !important;*/
    /*}
.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    border-radius: 15px !important;
}
.k-header {
     font-weight: normal !important; 
}*/


    /*--------------------Manage Success Reports------------------------*/
    .success-report-heading {
        font-weight: 700;
        font-size: 18pt;
        color: #54575a;
    }


    .box .top-portion {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 202px;
        height: 90px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        padding-top: 12px;
    }

        .box .top-portion span:first-child {
            line-height: 16px;
        }

        .box .top-portion span:nth-child(3) {
            font-size: 56px;
            line-height: 50px;
        }

    .box .middle-portion {
        position: absolute;
        top: 86px;
        left: 0px;
        width: 200px;
        height: 26px;
        text-align: center;
        color: #54575a;
        font-weight: 700;
        font-size: 16px;
        padding-top: 8px;
    }

    .box .bottom-left-portion {
        position: absolute;
        top: 118px;
        left: 0px;
        width: 101px;
        height: 85px;
        text-align: right;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        padding-top: 10px;
        padding-right: 8px;
    }

    .box .bottom-right-portion {
        position: absolute;
        top: 118px;
        left: 102px;
        width: 101px;
        height: 85px;
        text-align: left;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        padding-top: 10px;
        padding-left: 8px;
    }

        .box .bottom-left-portion span:first-child,
        .box .bottom-right-portion span:first-child {
            line-height: 12px;
        }

        .box .bottom-left-portion span:nth-child(3),
        .box .bottom-right-portion span:nth-child(3) {
            font-size: 28px;
            line-height: 20px;
        }

    /*--------------------------------------------*/
    /**************MARQUEE************/
    .marquee {
        /*height: 50px;	*/
        overflow: hidden;
        position: relative;
    }

        .marquee p {
            position: absolute;
            /*width: 100%;*/
            white-space: nowrap;
            height: 100%;
            margin: 0;
            /*line-height: 50px;*/
            text-align: center;
            /* Starting position */
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            /* Apply animation to this element */
            -moz-animation: scroll-left 5s linear infinite;
            -webkit-animation: scroll-left 5s linear infinite;
            animation: scroll-left 5s linear infinite;
        }
    /* Move it (define the animation) */
    @-moz-keyframes scroll-left {
        0% {
            -moz-transform: translateX(100%);
        }

        100% {
            -moz-transform: translateX(-100%);
        }
    }

    @-webkit-keyframes scroll-left {
        0% {
            -webkit-transform: translateX(100%);
        }

        100% {
            -webkit-transform: translateX(-100%);
        }
    }

    @keyframes scroll-left {
        0% {
            -moz-transform: translateX(100%); /* Browser bug fix */
            -webkit-transform: translateX(100%); /* Browser bug fix */
            transform: translateX(100%);
        }

        100% {
            -moz-transform: translateX(-100%); /* Browser bug fix */
            -webkit-transform: translateX(-100%); /* Browser bug fix */
            transform: translateX(-100%);
        }
    }

    /*-------- flex style for Dashboard reports----------*/


    .container_Flex {
        display: flex;
        flex-direction: row;
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
    }

    .box {
        height: 202px;
        width: 202px;
        position: relative;
        cursor: default;
    }

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

    #newsTable tr:nth-child(odd) {
        background-color: #fff;
    }

    #newsTable tr:nth-child(even) {
        background-color: #E4E4E4;
    }


    @media only screen and (max-width:849px) {

        .news-subject-text {
            font-size: 15pt;
            font-weight: 700;
            color: #3399FF;
        }

        .news-publishdate-text {
            text-align: left;
            color: black;
        }

        .latestNewslink {
            margin-top: 0px;
        }
    }

    @media only screen and (min-width:850px) {

        .news-subject-text {
            font-size: 15pt;
            font-weight: 700;
            color: #3399FF;
            float: left;
            width: 684px;
        }

        .news-publishdate-text {
            text-align: right;
            color: black;
            float: right;
        }

        .latestNewslink {
            margin-top: 45px;
        }
    }



    .hr-dashed-NormalHeight {
        margin-top: 10px;
        margin-bottom: 10px;
        border: thin dashed #999999;
    }


    .gridRowText table {
        color: #333 !important;
    }

    /**************************EVENTS********************************/
    .title-with-margin {
        padding-top: 5px;
    }

    .TSMServerGroupStats, .TSMServerStats {
        min-height: 40px;
        margin-top: 2px;
        cursor: pointer;
    }

    .TSMServerStats {
        background-color: #ebebeb;
        border: 1px solid #e6e6e6;
        float: none;
        clear: both;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

        .TSMServerStats:hover {
            background-color: #EAE5C2;
        }

    .TSMServerGroupStats {
        background-color: #ebebeb;
        border: 1px solid #e6e6e6;
    }

    .TSMServerStatsMargin {
        margin-left: 50px;
    }

    .ExpandCollapse, .Title, .CategoryTab, .AlertRedStats, .AlertGreyStats, .ANRE_GreyStats, .ANRE_RedStats, .ANRE_OrangeStats {
        padding: 0px 4px 0px 4px;
        float: left;
        /*background-color: #b34f4f;*/
        margin-right: 2px;
        height: 38px;
        vertical-align: middle;
        line-height: normal;
    }

    .ExpandCollapse {
        color: #3399FF;
        color: var(--custom-secondary-color);
        display: table;
        width: 30px;
    }

    .ExpandCollapseContainer span {
        /*cursor:pointer;*/
    }

    .ExpandCollapse span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 8px;
        /*cursor:pointer;*/
    }

    .Title {
        font-weight: 700;
        font-size: 16px;
        display: table;
        width: 16%;
    }


        .Title span {
            display: table-cell;
            vertical-align: middle;
        }

    .TSMServerStats .fa-server {
        color: #3399FF;
        color: var(--custom-secondary-color);
    }

    .Unavailable {
        color: #ebebeb;
        /*border: 1px solid #e6e6e6;*/
        -webkit-animation-name: serverunavailable; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
        -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
        -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
        animation-name: serverunavailable;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    /* Chrome, Safari, Opera */
    @-webkit-keyframes serverunavailable {
        from {
            color: #E59F00; /*border: 1px solid #e6e6e6;*/
        }

        to {
            color: #b34f4f; /*border: 1px solid #b34f4f;*/
        }
    }

    /* Standard syntax */
    @keyframes serverunavailable {
        from {
            color: #E59F00; /*border: 1px solid #e6e6e6;*/
        }

        to {
            color: #b34f4f; /*border: 1px solid #b34f4f;*/
        }
    }

    .CategoryTab {
        background-color: #C8C8C8;
        width: 28px;
        position: relative;
        cursor: pointer;
    }

        .CategoryTab div {
            position: absolute;
            top: 10px;
            left: 0px;
            /*text-indent: -12px;*/
            text-shadow: 0px 0px 0px #000;
            /* Safari */
            -webkit-transform: rotate(-90deg);
            /* Firefox */
            -moz-transform: rotate(-90deg);
            /* IE */
            -ms-transform: rotate(-90deg);
            /* Opera */
            -o-transform: rotate(-90deg);
            /* Internet Explorer */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }

        .CategoryTab span {
            position: absolute;
            top: 25px;
            left: 22px;
            transform: rotate(-135deg);
        }

    .AlertRedStats,
    .AlertGreyStats {
        width: 80px;
        padding-top: 8px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
    }

    .ANRE_GreyStats,
    .ANRE_RedStats,
    .ANRE_OrangeStats {
        width: 100px;
        padding-top: 8px;
    }

        .AlertRedStats > div:first-child,
        .AlertGreyStats > div:first-child,
        .ANRE_GreyStats > div:first-child,
        .ANRE_RedStats > div:first-child,
        .ANRE_OrangeStats > div:first-child {
            font-weight: 700;
            border-radius: 3px;
            margin: 0 auto;
            height: 20px;
            cursor: pointer;
        }

    .AlertRedStats > div:first-child,
    .AlertGreyStats > div:first-child {
        width: 70px;
    }

    .ANRE_GreyStats > div:first-child,
    .ANRE_RedStats > div:first-child,
    .ANRE_OrangeStats > div:first-child {
        width: 90px;
    }

        .AlertRedStats > div:first-child > div:nth-child(1),
        .AlertGreyStats > div:first-child > div:nth-child(1),
        .ANRE_GreyStats > div:first-child > div:nth-child(1),
        .ANRE_RedStats > div:first-child > div:nth-child(1),
        .ANRE_OrangeStats > div:first-child > div:nth-child(1) {
            border-style: solid none solid solid;
            border-width: 1px;
            float: left;
            color: white;
            width: 20px;
            height: 20px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            text-align: center;
            line-height: 18px;
        }

        .AlertRedStats > div:first-child > div:nth-child(1),
        .ANRE_RedStats > div:first-child > div:nth-child(1) {
            background-color: #b34f4f;
            border-color: #b34f4f;
        }

        .ANRE_OrangeStats > div:first-child > div:nth-child(1) {
            background-color: #E59F00;
            border-color: #E59F00;
        }

        .AlertGreyStats > div:first-child > div:nth-child(1),
        .ANRE_GreyStats > div:first-child > div:nth-child(1) {
            background-color: #C8C8C8;
            border-color: #c0c0c0;
        }

        .AlertRedStats > div:first-child > div:nth-child(2), .AlertGreyStats > div:first-child > div:nth-child(2),
        .ANRE_GreyStats > div:first-child > div:nth-child(2), .ANRE_RedStats > div:first-child > div:nth-child(2), .ANRE_OrangeStats > div:first-child > div:nth-child(2) {
            border-style: solid solid solid none;
            border-width: 1px;
            float: left;
            height: 20px;
            text-align: center;
            text-indent: -8px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            background-color: white;
            line-height: 18px;
        }

    .AlertRedStats > div:first-child > div:nth-child(2), .AlertGreyStats > div:first-child > div:nth-child(2) {
        width: 48px;
    }

    .ANRE_GreyStats > div:first-child > div:nth-child(2),
    .ANRE_RedStats > div:first-child > div:nth-child(2),
    .ANRE_OrangeStats > div:first-child > div:nth-child(2) {
        width: 68px;
    }

    .AlertRedStats > div:first-child > div:nth-child(2),
    .ANRE_RedStats > div:first-child > div:nth-child(2) {
        border-color: #b34f4f;
    }

    .ANRE_OrangeStats > div:first-child > div:nth-child(2) {
        border-color: #E59F00;
    }

    .AlertGreyStats > div:first-child > div:nth-child(2),
    .ANRE_GreyStats > div:first-child > div:nth-child(2) {
        border-color: #c0c0c0;
    }

    .AlertRedStats > div:first-child > div:nth-child(1) i,
    .AlertGreyStats > div:first-child > div:nth-child(1) i {
        font-size: 12px !important;
    }

    .TSMServerStats .AlertRedStats, .TSMServerStats .AlertGreyStats {
        border-bottom: 3px solid #ebebeb;
    }

    .TSMServerStats[data-state="expanded"] .AlertRedStats:hover, .TSMServerStats[data-state="expanded"] .AlertGreyStats:hover {
        border-bottom: 3px solid #3399FF;
        border-bottom: 3px solid var(--custom-secondary-color);
        border-bottom-color: #9BCDFF;
    }

    .TSMServerStats[data-state="expanded"] .CellSelected, .TSMServerStats[data-state="expanded"] .CellSelected:hover {
        border-bottom: 3px solid #3399FF;
        border-bottom: 3px solid var(--custom-secondary-color);
    }

    .TSMServerDetails {
        margin-top: 2px;
        margin-left: 16%;
    }

    .TSMServerDetailsContainer {
        background-color: #ebebeb;
        margin-left: 108px;
    }

    .AlertDetails {
        width: 320px;
        padding-top: 6px;
        padding-left: 6px;
        padding-bottom: 6px;
        float: left;
    }

    .AlertRedCell, .AlertGreyCell {
        margin: 3px 3px 3px 3px;
        min-width: 70px;
        float: left;
        cursor: pointer;
    }

        .AlertRedCell > div:nth-child(1), .AlertGreyCell > div:nth-child(1) {
            width: 20px;
            height: 20px;
            float: left;
            color: white;
            border-style: solid none solid solid;
            border-width: 1px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            text-align: center;
            line-height: 18px;
            font-weight: 700;
            position: relative;
            font-size: 12px !important;
        }

        .AlertRedCell > div:nth-child(1) {
            background-color: #b34f4f;
            border-color: #b34f4f;
        }

        .AlertGreyCell > div:nth-child(1) {
            background-color: #C8C8C8;
            border-color: #c0c0c0;
        }

        .AlertRedCell > div:nth-child(2), .AlertGreyCell > div:nth-child(2) {
            padding: 0px 4px 0px 4px;
            min-width: 50px;
            height: 20px;
            float: left;
            background-color: white;
            border-style: solid solid solid none;
            border-width: 1px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            text-align: center;
            line-height: 18px;
            text-shadow: 0px 0px 0px #000;
        }

        .AlertRedCell > div:nth-child(2) {
            border-color: #b34f4f;
        }

        .AlertGreyCell > div:nth-child(2) {
            border-color: #c0c0c0;
        }

        .AlertRedCell span, .AlertGreyCell span {
            position: absolute;
            transform: rotate(-135deg);
            top: 7px;
            right: 1px;
        }

        .AlertRedCell span {
            color: #D4ADAD;
        }

        .AlertGreyCell span {
            color: #EAEAEA;
        }



    .AN_Details {
        margin-left: 30px;
        float: left;
        padding-top: 6px;
        padding-left: 6px;
        padding-bottom: 6px;
    }


    .AN_EDetails {
        width: 100px;
        float: left;
    }

    .AN_WDetails {
        width: 100px;
        float: left;
        margin-left: 3px;
    }

    .AN_RedCell, .AN_OrangeCell, .AN_GreyCell {
        min-width: 90px;
        height: 20px;
        float: none;
        cursor: pointer;
    }

    .AN_RedCell, .AN_OrangeCell, .AN_GreyCell {
        margin: 3px 3px 6px 3px;
    }

        /*/AN_OrangeCell {
    margin: 3px 3px 6px 6px;
}*/

        .AN_RedCell > div:nth-child(1),
        .AN_OrangeCell > div:nth-child(1),
        .AN_GreyCell > div:nth-child(1) {
            width: 20px;
            height: 20px;
            float: left;
            color: white;
            border-style: solid none solid solid;
            border-width: 1px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            text-align: center;
            line-height: 18px;
            font-weight: 700;
            position: relative;
        }

        .AN_RedCell > div:nth-child(1) {
            background-color: #b34f4f;
            border-color: #b34f4f;
        }

        .AN_OrangeCell > div:nth-child(1) {
            background-color: #D6A308;
            border-color: #D6A308;
        }

        .AN_GreyCell > div:nth-child(1) {
            background-color: #c8c8c8;
            border-color: silver;
        }

        .AN_RedCell > div:nth-child(2),
        .AN_OrangeCell > div:nth-child(2),
        .AN_GreyCell > div:nth-child(2) {
            padding: 0px 2px 0px 2px;
            min-width: 40px;
            height: 20px;
            float: left;
            background-color: white;
            border-style: solid none solid none;
            border-width: 1px;
            text-align: center;
            line-height: 18px;
            text-shadow: 0px 0px 0px #000;
        }

        .AN_RedCell > div:nth-child(2) {
            border-color: #b34f4f;
        }

        .AN_OrangeCell > div:nth-child(2) {
            border-color: #D6A308;
        }

        .AN_GreyCell > div:nth-child(2) {
            border-color: silver;
        }

        .AN_RedCell > div:nth-child(3),
        .AN_OrangeCell > div:nth-child(3),
        .AN_GreyCell > div:nth-child(3) {
            padding: 0px 2px 0px 2px;
            min-width: 28px;
            height: 20px;
            float: left;
            background-color: white;
            border-style: solid;
            border-width: 1px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            text-align: center;
            line-height: 18px;
            text-shadow: 0px 0px 0px #000;
            font-weight: 700;
        }

        .AN_RedCell > div:nth-child(3) {
            border-color: #b34f4f;
            color: #b34f4f;
        }

        .AN_OrangeCell > div:nth-child(3) {
            border-color: #D6A308;
            color: #D6A308;
        }

        .AN_GreyCell > div:nth-child(3) {
            border-color: silver;
            color: #c8c8c8;
        }

        .AN_RedCell span,
        .AN_OrangeCell span,
        .AN_GreyCell span {
            position: absolute;
            transform: rotate(-135deg);
            top: 7px;
            right: 1px;
        }

        .AN_RedCell span {
            color: #D4ADAD;
        }

        .AN_OrangeCell span {
            color: #E0C982;
        }

        .AN_GreyCell span {
            color: #E2E2E2;
        }

#AlertTooltip .row div,
#ANRTooltip .row div,
#ANETooltip .row div,
#BRAlertTooltip .row div,
#ParametersListTooltip .row div,
#ParametersListTooltipSearchAndRecover .row div {
    min-height: 22px;
}

    #AlertTooltip .row div.hr-div,
    #ANRTooltip .row div.hr-div,
    #ANETooltip .row div.hr-div,
    #BRAlertTooltip .row div.hr-div,
    #ParametersListTooltip .row div.hr-div,
    #ParametersListTooltipSearchAndRecover .row div.hr-div {
        min-height: 7px;
    }

#AlertTooltip hr,
#ANRTooltip hr,
#ANETooltip hr,
#BRAlertTooltip hr,
#ParametersListTooltip hr,
#ParametersListTooltipSearchAndRecover hr{
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #c0c0c0;
}


    /*FOR MOBILE DISPLAYS*/
    @media only screen and (max-width:1199px) {
        .ExpandCollapse, .Title {
            float: left;
        }

        .Title {
            width: auto;
        }

        .TSMServerStatsMargin {
            margin-left: 30px;
        }

        .CategoryTab {
            clear: both;
            float: left;
        }

        .AlertRedStats, .AlertGreyStats, .ANRE_GreyStats, .ANRE_RedStats, .ANRE_OrangeStats {
            float: left;
        }

        .AlertRedStats,
        .AlertGreyStats {
            width: 50px;
        }

        .ANRE_GreyStats,
        .ANRE_RedStats,
        .ANRE_OrangeStats {
            width: 50px;
        }

            .AlertRedStats > div:first-child > div:nth-child(2), .AlertGreyStats > div:first-child > div:nth-child(2),
            .ANRE_GreyStats > div:first-child > div:nth-child(2), .ANRE_RedStats > div:first-child > div:nth-child(2), .ANRE_OrangeStats > div:first-child > div:nth-child(2) {
                width: 28px;
                text-indent: 0px;
            }

        .TSMServerDetails {
            margin-top: 2px;
            margin-left: 30px;
        }

        .TSMServerDetailsContainer {
            background-color: #ebebeb;
            margin-left: 0px;
        }

        .AlertRedCell {
            float: none;
            clear: both;
            height: 20px;
        }

        .AN_Details {
            margin-left: 0px;
            float: none;
            clear: both;
        }

        .AN_EDetails {
            float: none;
            clear: both;
        }

        .AN_WDetails {
            float: none;
            clear: both;
            margin-left: 0px;
        }

        /*.AN_OrangeCell {
        margin: 3px 3px 6px 3px;
    }    */
    }

    /* the following css is used to display Alert Data [as built in table is retrieved from DB] -----------------------*/

    table.GridTable {
        width: 100%;
        border: 1px solid #bfbfbf;
        border-collapse: separate;
        color: #333;
        font-size: 14px !important;
        font-family: 'Open Sans Condensed', "Segoe UI", Verdana, Helvetica, Sans-Serif;
        font-weight: 300;
    }

        table.GridTable td {
            margin: 0px;
            padding: 3px; /* border: 1px solid #BCBDBF;*/
            border: 1px solid #bfbfbf;
            color: #333;
            font-weight: normal;
            text-shadow: 0px 0px 0px #000;
        }

        table.GridTable th {
            margin: 0px;
            padding: 0px 10px 0px 10px; /*border: 1px solid #970F00;*/ /* Border color = red */
            border: 1px solid #bfbfbf; /* Border color = black */
            background-color: #EBEBEB !important;
            border-color: #c0c0c0 !important;
            font-family: 'Open Sans Condensed', "Segoe UI", Verdana, Helvetica, Sans-Serif;
            font-weight: 700;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: left;
            padding: 3px 5px !important;
            border-width: 0px 1px 3px 0px !important;
            border-right: 1px solid #ddd;
        }

    tr.GridTableRow {
        height: 20px;
        text-align: left;
        font-weight: normal;
    }

    tr.GridTableRowHTML {
        height: 21px;
        text-align: left;
        color: #333;
        font-weight: normal;
    }

    tr.GridTableAlternatingRow {
        height: 20px;
        text-align: left;
        color: #333;
        font-weight: normal;
    }

    tr.GridTableAlternatingRowHTML {
        height: 21px;
        text-align: left;
        color: #333;
        font-weight: normal;
    }


    /*--------------------------------------------------------------------*/
    /*Action Grid Css*/
    .flex-container {
        padding: 0;
        margin: 0;
        list-style: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: center;
        flex-direction: row;
        flex-flow: row wrap;
    }

    .flex-item {
        background: #f7f7f7;
        padding: 5px;
        width: 200px;
        min-height: 60px;
        margin-top: 10px;
        line-height: 25px;
        color: #666666;
        font-weight: bold;
        font-size: 11pt;
        text-align: center;
        font-weight: 700;
        border: 1px dotted #666666;
        word-wrap: break-word;
        cursor: pointer;
        opacity: 1;
        line-height: -moz-block-height !important;
        border-radius: 4px;
        cursor: pointer;
        opacity: 1;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        float: left;
        min-width: 70px;
        margin: 3px 3px 3px 3px;
        position: relative;
    }

    .ActionCellsPerRow_5 {
        width: calc(100% * (1/5) - 10px - 1px);
    }

    .ActionCellsPerRow_6 {
        width: calc(100% * (1/6) - 10px - 1px);
    }

    .ActionCellsPerRow_7 {
        width: calc(100% * (1/7) - 10px - 1px);
    }

    .ActionCellsPerRow_8 {
        width: calc(100% * (1/8) - 10px - 1px);
    }

    .ActionCellsPerRow_9 {
        width: calc(100% * (1/9) - 10px - 1px);
        line-height: normal !important;
    }

    .ActionCellsPerRow_10 {
        width: calc(100% * (1/10) - 10px - 1px);
        line-height: normal !important;
    }

    .LinkedAction {
        position: absolute;
        top: 3px;
        right: 3px;
    }

    .flex-item:hover {
        background: #3399ff;
        color: white;
    }

        .flex-item:hover .hover {
            color: white;
        }

    #AlertsConfigGrid .icheckbox_flat-blue {
        margin-top: -5px;
    }

    .tsm-servers-list {
        border-radius: 3px;
        border: 1px solid #bfbfbf;
        background-color: #f0f0f0;
        padding-right: 7px;
        padding-left: 7px;
    }

    /*.allAlerts-borderBottom {
    
    border-bottom:1px solid rgb(192,192,192) ;
    padding-bottom:8px;
}*/
    #div_Alerts .form-control {
        width: auto !important;
        display: inline !important;
    }

    .global-alert-row {
        border-bottom: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        padding-right: 7px;
        padding-bottom: 7px;
    }

        .global-alert-row:first-child {
            border-top: 1px solid #bfbfbf;
        }

        .global-alert-row:nth-child(odd) {
            background-color: #f0f0f0;
        }

        .global-alert-row:nth-child(even) {
            background-color: #F9F9F9;
        }

    .global-alert-name {
        padding: 2px 5px 2px 5px;
        /*background-color: #54575a;*/
        display: inline-block;
        color: white;
        font-weight: 700;
        min-width: 220px;
        border-bottom-right-radius: 4px;
        color: #3399FF;
    }

    .global-title {
        font-weight: 700;
    }

    .global-checkbox {
        padding-top: 7px;
        padding-left: 22px !important;
    }

        .global-checkbox .global-title {
            display: inline-block;
            width: 70px;
            padding-bottom: 7px;
        }

    .global-settings {
        padding-left: 22px !important;
    }

        .global-settings input {
            margin-top: 4px;
        }

    /* to hide the default loading animation of Kendo ui Grid*/
    /*.k-loading-mask{
          display:none; 
        }*/
    /*-------------------------------------------------------*/
    .classETmenu {
        padding-top: 8px;
    }

        .classETmenu .ticket-et-text {
            text-shadow: 0px 0px 0px #000;
            font-size: 14px;
        }

    #TSMServerAlertsTooltip .row div, #TSMServerANRsTooltip .row div, #TSMServerANEsTooltip .row div {
        min-height: 22px;
    }

    .k-multiselect-wrap > .k-input {
        font-style: normal;
        color: #C5C5C5;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
    }

    .text-with-shadow {
        text-shadow: 0px 0px 0px #000;
    }

    .text-without-shadow {
        text-shadow: none !important;
    }

    .note-message {
        font-weight: 700;
    }

    .note-message-critical {
        color: #b34f4f;
    }

.Terminal {
    display: inline-flex;
    border: none;
    border-radius: 3px;
    background-color: #777777;
    padding: 0px 4px 0px 4px;
    height: 16px;
    align-items: flex-end;
}

    .Terminal i {
        margin: 0px;
        font-size: 10px;
        color: white;
    }


    /* ------------ Organisation License Days Left Message --------------------- */
    .LicenseExpiryNotification {
        position: relative;
        display: block;
        margin-top: 8px;
        margin-bottom: 6px;
        min-width: 70px;
        font-size: 14px;
        text-align: center;
        background-color: #ffb100;
        border-radius: 12px;
        color: #fff;
        padding-right: 10px;
        padding-left: 10px;
    }
    /*---------------------------------------------------------------------------*/


    /* ------------------------------------ KPI Health Check  Dashborad --------------------------------------------- */

    .KPI-Plus {
        position: relative;
        font-size: 35px;
        color: rgb(220, 220, 220);
        text-align: center;
        line-height: 268px;
    }

        .KPI-Plus i {
            color: rgb(220, 220, 220);
            transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -ms-transition: all 0.3s;
        }

            .KPI-Plus i:hover {
                color: #54575a;
            }

    .KPI-tile-border-right {
        border-right: 2px dotted #666;
    }


    .KPI-tile-border-top {
        border-top: 2px dotted #666;
        margin-top: -2px;
    }

    .KPI-tile-border-bottom-dotted {
        border-bottom: 2px dotted #666 !important;
    }

    .KPI-tile-border-bottom {
        border-bottom: none;
    }

    @media only screen and (max-width: 767px) {
        .KPI-tile-border-right {
            border-right: none;
        }

        .KPI-tile-border-bottom {
            border-bottom: 2px dotted #666;
        }

        .KPI-tile-border-top {
            border-bottom: none;
        }

        .svg-icon {
            width: 22px;
        }
    }

    .KPI-tile-container {
        padding-top: 10px;
    }

    .right-padding-13 {
        padding-right: 13px;
    }

    .left-padding-10 {
        padding-left: 10px;
    }

    .right-padding-0 {
        padding-right: 0px;
    }

    .right-padding-3 {
        padding-right: 3px;
    }


    .KPI-Remove-icon {
        color: rgb(220, 220, 220);
    }

    .line-height-cls {
        line-height: 1.2 !important;
    }

    /*.KPI-table-tr {
    font-size: 17px;
    font-weight: 700 !important;
    line-height: 1.7em;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
}*/
    .KPI-table-tr {
        font-size: 16px;
        font-weight: 700 !important;
        line-height: 1.7em;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .KPI-table-tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        .KPI-table-tr:nth-child(odd) {
            background-color: #dadada;
        }


    .KPI-table-th {
        font-size: 17px;
        font-weight: 700 !important;
        line-height: 1.2em;
        text-align: center;
        color: #3399ff;
        background-color: #dadada !important;
        /*border-top:1px solid #b3b3b3;
    border-bottom:1px solid #b3b3b3;*/
    }

    .KPI-table-footer {
        /*color: #3399ff;*/
    }

    .KPI-table-footer-heading {
        color: #3399ff;
    }

    .left-padding-4 {
        padding-left: 4px;
    }

    .left-padding-2 {
        padding-left: 2px;
    }

    #grdKPIOldClientVersion .k-grid-content {
        max-height: 130px;
        min-height: 130px;
    }

    #grdKPILongestRunningBackupStats .k-grid-content {
        max-height: 130px;
        min-height: 130px;
    }

    .KPI-Font-Size {
        font-size: 21px;
    }

    .kpi-tile-title {
        font-weight: 700;
        font-size: 28px;
        /*color:#3399FF;*/
    }


    @media only screen and (min-width:1100px) and (max-width:1380px) {
        .KPI-table-tr {
            font-size: 16px !important;
        }

        .kpi-tile-title {
            font-size: 22px !important;
        }
    }

    @media only screen and (min-width:1000px) and (max-width:1100px) {
        .KPI-table-tr {
            font-size: 16px !important;
        }

        .kpi-tile-title {
            font-size: 20px !important;
        }

        .KPI-Font-Size {
            font-size: 19px;
        }
    }

    @media only screen and (min-width:790px) and (max-width:1000px) {
        .KPI-table-tr {
            font-size: 14px !important;
        }

        .kpi-tile-title {
            font-size: 17px !important;
        }

        .KPI-Font-Size {
            font-size: 17px;
        }
    }

    @media only screen and (min-width:768px) and (max-width:810px) {
        .KPI-table-tr {
            font-size: 13px !important;
        }

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

        .KPI-Font-Size {
            font-size: 12px;
        }

        .KPI-tile-description {
            font-size: 17px !important;
        }
    }


    @media only screen and (max-width:1300px) {
        /*for grids with small width*/
        .kpi-small-grid .k-grid-header table[role="grid"] {
            min-width: 600px;
        }

        .kpi-small-grid .k-grid-content table[role="grid"] {
            min-width: 600px;
        }

        .kpi-small-grid .k-grid-footer table {
            min-width: 600px;
        }
    }

    .kpi-tile-min-height {
        min-height: 280px;
    }


    .kpi-tiles-list {
        border-radius: 3px;
        border: 1px solid #bfbfbf;
    }

    .kpi-addtile-row {
        border-bottom: 1px solid #bfbfbf;
        border-radius: 3px;
        padding-bottom: 13px;
        margin-left: 0px;
        margin-right: 0px;
    }

        .kpi-addtile-row:first-child {
            border-top: 1px solid #bfbfbf;
        }

        .kpi-addtile-row:nth-child(odd) {
            background-color: #f0f0f0;
        }

        .kpi-addtile-row:nth-child(even) {
            background-color: #F9F9F9;
        }

        .kpi-addtile-row:last-child {
            border-bottom: 0px;
        }

    .kpi-tile-name {
        padding: 3px 5px 0px 10px;
        display: inline-block;
        color: white;
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        border-bottom-right-radius: 4px;
        color: #3399FF;
    }

    .kpi-tile-description {
        padding: 1px 5px 0px 10px;
        display: inline-block;
        font-size: 18px;
        color: #000;
    }

    .kpi-tile-addcheckboxpadding {
        padding: 15px 5px 0px 10px;
        display: inline-block;
    }

    .kpi-tile-main-value {
        font-weight: 700;
        font-size: 48px;
    }

    .kpi-tile-main-value-unit {
        font-weight: 700;
        font-size: 35px;
    }

    .kpi-tile-stat-title {
        font-size: 21px;
        font-weight: 700;
        color: #3399FF;
    }

    .kpi-loading-anim {
        text-align: center;
        padding-top: 130px;
        color: #b34f4f;
    }

    .KPI-tile-description {
        font-size: 18px;
        text-shadow: 0px 0px 0px #000;
    }


    .kpiGrid .k-grid-header th.k-header {
        padding: 1px !important;
        border-width: 0px 0px 0px 0px !important;
        border-right: 0px;
        text-align: center !important;
    }

    div.k-grid-footer {
        padding-right: 17px;
        /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;*/
        border: none !important;
    }


    .kpiGrid div.k-grid-header {
        padding-right: 0px !important;
        /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;*/
        border: none !important;
    }

    .kpiGrid div.k-grid-footer {
        padding-right: 0px !important;
        /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;*/
        border: none !important;
    }

    .kpiGrid .k-grid-header th.k-header, .k-filter-row th {
        white-space: normal !important;
    }

    .kpiGrid .k-widget, .k-block, .k-inline-block, .k-draghandle {
        border-style: none !important;
        border-width: 0px !important;
        -webkit-appearance: none;
    }

    .kpiGrid .k-grid-header-wrap, .k-grid-footer-wrap {
        border-style: none !important;
    }

    .kpiGrid .k-header > .k-link, .kpiGrid .k-header {
        color: #3399ff !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        background-color: #dadada !important;
    }


    .kpiGrid tr.k-alt {
        background-color: #dadada !important;
    }

    .kpiGrid .k-grid td {
        /*text-shadow: 0px 0px 0px #000 !important;*/
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #54575a;
        text-shadow: none !important;
        border: none !important;
    }

    .kpiClientSchedule-Chart-width {
        width: 280px !important;
    }

    @media only screen and (min-width:768px) and (max-width:810px) {

        .kpiGrid .k-grid td {
            /*text-shadow: 0px 0px 0px #000 !important;*/
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #54575a;
        }
    }

    @media only screen and (min-width:936px) and (max-width:1100px) {

        .gridNumberOfBackupsBorder .k-grid td {
            /*text-shadow: 0px 0px 0px #000 !important;*/
            font-size: 14px !important;
        }
    }

    @media only screen and (min-width:768px) and (max-width:935px) {

        .gridNumberOfBackupsBorder .k-grid td {
            /*text-shadow: 0px 0px 0px #000 !important;*/
            font-size: 13px !important;
        }

        .kpiClientSchedule-Chart-width {
            width: 220px !important;
        }
    }

    @media only screen and (min-width:860px) and (max-width:1112px) {
        .KPI-tile-description {
            font-size: 17px !important;
        }
    }

    @media only screen and (min-width:830px) and (max-width:859px) {
        .KPI-tile-description {
            font-size: 16px !important;
        }
    }

    @media only screen and (min-width:768px) and (max-width:829px) {
        .KPI-tile-description {
            font-size: 15px !important;
        }
    }


    .kpiGrid .k-grid-content {
        max-height: 120px !important;
        /*min-height: 120px !important;*/
    }

    .kpiGrid-TopNodes .k-grid-content {
        max-height: 95px !important;
        /*min-height: 120px !important;*/
    }

    @media only screen and (min-width:768px) and (max-width:1366px) {
        .kpiGrid .k-header > .k-link, .kpiGrid .k-header {
            font-size: 15px !important;
        }
    }


    .gridBackColorRows .k-grid table tr {
        background-color: #f2f2f2 !important;
    }

        .gridBackColorRows .k-grid table tr.k-alt {
            background-color: #dadada !important;
        }


    .gridNumberOfBackupsBorder .k-grid-header th.k-header {
        /* padding: 1px !important; */
        border-width: 1px 0px 1px 0px !important;
    }


    /*KPI Home Dashboard - tiles with large data/columns*/
    .tiletable {
        border-collapse: collapse;
        border-spacing: 0px;
        font-size: 14px;
    }

        .tiletable .row:nth-child(odd) {
            background-color: #f2f2f2;
            border: 1px solid #eee;
            padding-bottom: 5px;
            padding-top: 5px;
        }

        .tiletable .row:nth-child(even) {
            background-color: #dadada;
            border: 1px solid #eaeaea;
            padding-bottom: 5px;
            padding-top: 5px;
        }

        .tiletable td {
            padding-right: 5px;
            padding-left: 5px;
            font-weight: 700;
        }

            .tiletable td.heading {
                color: #3399ff;
            }

    .tiletable_heading {
        color: #3399ff;
    }

    .tileMarginTop6 {
        margin-top: 6px;
    }

    .tileHeight {
        height: 170px;
    }


    @media only screen and (min-width:768px) and (max-width:1400px) {
        .tileHeight {
            height: 160px;
        }
    }

    @media only screen and (min-width:768px) and (max-width:1150px) {
        .tileHeightNodesWithTopGrowthRates {
            height: 150px !important;
        }
    }

    @media only screen and (min-width:1151px) {
        .tileHeightNodesWithTopGrowthRates {
            height: 170px !important;
        }
    }




    @media only screen and (min-width:768px) and (max-width:1314px) {
        .tileHeightNodesWithMostData {
            height: 150px;
        }
    }

    @media only screen and (min-width:1315px) {
        .tileHeightNodesWithMostData {
            height: 170px !important;
        }
    }

    /*when footer exists*/
    .kpiGridSuccessRateWithFooter .k-grid-content {
        max-height: 103px !important;
        /* min-height: 120px !important; */
    }

    /* scroll bar*/
    .mCSB_inside > .mCSB_container {
        margin-right: 0px !important;
    }

    /*Up Down arrow*/
    .updown-btn-link {
        text-decoration: none;
        color: #b5b5b5;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        cursor: pointer;
    }

        .updown-btn-link:hover {
            color: #3399FF;
        }

    .ProblemTicketSetting {
        float: left;
        margin-left: 6px;
        margin-right: 6px;
        width: 100px;
    }

    .kpiTile_TBManaged {
        color: #3399ff;
        font-size: 70px;
        font-weight: 700;
        text-align: center;
    }
    /*-----------------------------------------------------------------------------------------------------------------*/

    /* ------------------------------------ Cloud Appropriation Criteria --------------------------------------------- */

    .cloudAppropriation-Report-list {
        border-radius: 8px;
        background-color: #DFDFDF !important;
        min-height: 40px;
    }

    .cloudAppropriation-Report-Circle {
        height: 28px;
        width: 25px;
        border-radius: 25px;
    }

    .padding-5 {
        padding: 5px;
    }

    .label-light {
        font-weight: 700;
        color: #b9b9b9;
    }

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

    .error-msg {
        color: #b34f4f;
    }

    /* SubscrPortal - Recovery */

    /*SCRIPT WINDOW*/
    .ScriptPanel {
        display: none;
        background-color: #333333;
        color: white;
        border-radius: 10px;
        font-family: monospace;
    }

    .ScriptTitleBarContainer {
        background-color: #222222;
        color: white;
        font-weight: 700;
        border-radius: 10px 10px 0px 0px;
        padding: 5px 5px 5px 10px;
    }

        .ScriptTitleBarContainer table {
            width: 100%;
            margin: 0px;
            padding: 0px;
        }

            .ScriptTitleBarContainer table td.CloseButtonContainer {
                text-align: right;
            }

    .ScriptText {
        height: 400px;
        overflow-y: scroll;
        padding: 10px;
    }

    .LoadingImageWithBlackBg {
        width: 18px;
        vertical-align: bottom;
        display: none;
    }

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

    /*--- Recovery button on Main page -----*/
    div.RecoveryBtns {
        min-height: 130px;
        color: #fff;
        margin-top: 30px;
        padding: 10px;
        font-size: 20px;
        text-align: center;
        font-weight: 700;
        background: #54575a;
        border-radius: 5px;
        margin-right: 25px;
        cursor: pointer;
        /*border:1px solid #c0c0c0;*/
    }

    div.RecoveryBtnsNormal {
        padding-top: 30px;
    }

    /*div.RecoveryBtnsTall {
    padding-top:15px;
}*/

    div.RecoveryBtns:hover {
        /*background: #bfbfbf;*/
        background: #3399FF;
        color: #fff;
        /*transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;*/
    }

    /* centered columns styles */
    .row-centered {
        text-align: center;
    }

    .col-centered {
        display: inline-block;
        float: none;
        /* reset the text-align */
        text-align: left;
        /* inline-block space fix */
        margin-right: -4px;
    }

    .RecoveryBtns-col-fixed {
        /* custom width */
        width: 197px;
    }

    .RecoveryBtnsItem {
        width: 100%;
        height: 100%;
        /*padding:16px 8px;*/
        display: table;
    }

    .RecoveryBtnIconSize {
        font-size: 2.0em !important;
    }

    .pdng {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pdng1 {
        padding-left: 7px;
        padding-right: 10px;
    }
    /*-----------------------------*/
    /*-----------------------------*/
    .module {
        width: 75%;
        overflow: hidden;
    }

    .line-clamp {
        position: relative;
        height: 2.71em; /* exactly three lines */
        position: relative;
        font-size: 18px;
    }

        .line-clamp:after {
            content: "...";
            text-align: right;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 70%;
            height: 1.6em;
            padding-top: 5px;
            background: linear-gradient(to right, rgba(247, 247, 247, 0) 79%, rgba(247, 247, 247, 1) 80%);
        }

    .cls_BackupSuccess {
        background-color: #3399ff;
        border-radius: 50%;
        height: 150px;
        width: 150px;
        line-height: 150px;
        color: white;
        font-size: 70px;
        font-weight: 700;
        text-align: center;
        /*padding-top: 20px;*/
        padding-left: 33px;
    }

    .cls_BackupSuccess_2 {
        background-color: rgb(179,79,79);
        border-radius: 75px;
        height: 150px;
        width: 150px;
        line-height: 150px;
        color: white;
        font-size: 70px;
        font-weight: 700;
        text-align: center;
        /*padding-top: 20px;*/
        padding-left: 33px;
    }

    .BackupSuccess_blue {
        background-color: #3399ff;
        border-radius: 30px;
        color: white;
        font-size: 25px;
        font-weight: 700;
        height: 50px;
        text-align: center;
        width: 50px;
        line-height: 50px;
        padding-left: 3px;
    }

    .BackupSuccess_brown {
        background-color: rgb(179,79,79);
        border-radius: 30px;
        color: white;
        font-size: 25px;
        font-weight: 700;
        height: 50px;
        text-align: center;
        width: 50px;
        line-height: 50px;
        padding-left: 3px;
    }

    .BackupSuccess_flex-item {
        line-height: -moz-block-height !important;
        overflow-wrap: break-word;
        text-align: center;
        margin: 3px;
    }

    @supports (-webkit-line-clamp: 2) {
        .line-clamp {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 3em;
            height: auto;
            line-height: 1.4;
            font-size: 17px;
            padding-top: 5px;
        }

            .line-clamp:after {
                display: none;
            }
    }

    /**********************************************/
    /*---------------LICENSE SNAPSHOT *************/
    /**********************************************/

    .div-Design {
        padding: 9px 7px;
        border-radius: 4px;
        color: white;
        background: #5a5a5a !important;
        border: #54575a;
        font-size: 19px;
        width: 100%;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        user-select: none;
        display: block;
        height: 40px;
    }

    .div-Design-longText {
        padding: 7px 10px;
        border-radius: 4px;
        color: white;
        background: #5a5a5a !important;
        border: #54575a;
        font-size: 16px;
        width: 100%;
        font-weight: 700;
        /*line-height: 3.3;*/
        /*white-space: nowrap;*/
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        user-select: none;
        display: block;
        height: 55px;
    }

    .font-Des {
        text-align: center;
        font-size: 19px;
    }

    .usageStatsTopSection label {
        margin-right: 10px;
    }

    .usageStatsTopSection a.export-btn-link {
        font-size: 20px;
    }

        .usageStatsTopSection a.export-btn-link i {
            margin-right: 15px;
        }

    @media screen and (min-width: 993px) {
        .Border-right {
            Border-right: 1px dotted #000;
        }

        .Border-left {
            Border-left: 1px dotted #000;
        }

        .Node-Des {
            font-size: 17.4px;
            font-weight: 700;
            color: #39f;
        }

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

    @media only screen and (max-width: 991px) and (min-width: 769px) {
        .Border-right {
            Border-right: 0px none;
        }

        .Border-left {
            Border-left: 1px dotted #000;
        }

        .Node-Des {
            font-size: 17.4px;
            font-weight: 700;
            color: #39f;
        }

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

    @media screen and (max-width: 768px) {
        .Border-right {
            Border-right: none !important;
        }

        .Border-left {
            Border-left: 1px dotted #000;
        }

        .Node-Des {
            font-size: 17.4px;
            font-weight: 700;
            color: #39f;
        }

        .div-Design {
            padding: 11px 7px;
        }

        .div-Design-longText {
            padding: 11px 7px;
        }

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

    video {
        width: 100%;
        max-height: 100%;
    }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

        .video-container iframe, .video-container object, .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .LicenseSnapshot-table-Head {
        color: white;
        background: #5a5a5a;
    }

    .LicenseSnapshot-table-Body {
        color: #5a5a5a;
        background: #eee;
        font-weight: 800;
    }

    .fa-5by5x {
        font-size: 1.5em !important;
        text-shadow: 0px 0px 0px #000;
        color: #5a5a5a;
        margin-left: 6px;
        margin-top: 4px;
    }

    .HelpVideoIcons {
        cursor: pointer;
        color: #3399FF;
    }

    .font-size-20 {
        font-size: 20px;
        font-weight: 700;
    }

    .font-size-16 {
        font-size: 16px;
        font-weight: 500;
    }

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

    .font-size-14 {
        font-size: 15px !important;
    }

    .StatusMessageOk {
        text-align: center;
        font-weight: 700;
        padding-top: 8px;
        vertical-align: -webkit-baseline-middle;
        /*padding-left:10px;*/
        color: #3399FF;
    }

    .StatusMessageError {
        text-align: center;
        font-weight: 700;
        padding-top: 8px;
        vertical-align: -webkit-baseline-middle;
        /*padding-left:10px;*/
        color: #e80c4d;
    }



    .RecoveryGridTooltip {
        min-height: 22px;
    }

    .border-radius-4px {
        border-radius: 4px;
    }

    .small-superscript-text {
        font-weight: bold;
        color: #a5a2a2;
        font-size: 11px;
        cursor: default;
        padding-left: 5px;
        /*vertical-align: super;*/
    }

    .top-padding-20 {
        padding-top: 20px;
    }

    .left-right-padding-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sp-add-server-header {
        background: #e0e0e0;
        margin-bottom: 17px;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
    }

    .div-background-alternate {
        line-height: 15pt;
        border-right: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        padding-bottom: 7px;
    }

    .div-background-alternate-top {
        line-height: 15pt;
        border: 1px solid #bfbfbf;
        padding-bottom: 7px;
        padding-top: 15px;
    }

    .container-background-alternate > div:nth-child(odd) {
        background: #f0f0f0 !important;
    }

    /*CHAT CSS*/



    .chatbox-holder ul {
        list-style: none;
    }

    .chatbox-holder {
        position: fixed;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: flex-end;
        height: 0;
    }

    .chatbox {
        width: 315px;
        height: 400px;
        margin: 0 20px 0 0;
        position: relative;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        display: flex;
        flex-flow: column;
        border-radius: 10px 10px 0 0;
        background: white;
        bottom: 0;
        transition: .1s ease-out;
    }

    .send-button, .send-button:focus {
        border: 0;
        background: #f2f2f2;
        box-shadow: none;
        border-radius: 0px;
        font-size: 28px;
        color: #000;
        outline: none;
    }

    .chatbox-top {
        position: relative;
        display: flex;
        padding: 10px 0;
        border-radius: 10px 10px 0 0;
        background: #B34F4F;
    }

    .chatbox-icons {
        padding: 0 10px 0 0;
        display: flex;
        position: relative;
    }

        .chatbox-icons .fa {
            padding: 3px 5px;
            margin: 0 0 0 3px;
            color: white;
            border-radius: 0 5px 0 5px;
            transition: 0.3s;
        }



        .chatbox-icons a, .chatbox-icons a:link, .chatbox-icons a:visited {
            color: white;
        }

    .chat-partner-name, .chat-group-name {
        flex: 1;
        padding: 0 0 0 22px;
        font-size: 15px;
        font-weight: bold;
        color: #30649c;
        transition: .1s ease-out;
    }

    .status {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
        box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(0, 0, 0, 0.15);
        background: #cacaca;
        margin: 0 3px 0 0;
    }

    .online {
        background: #b7fb00;
    }

    .away {
        background: #ffae00;
    }

    .donot-disturb {
        background: #ff4343;
    }

    .chatbox-avatar {
        width: 80px;
        height: 80px;
        overflow: hidden;
        border-radius: 50%;
        background: white;
        padding: 3px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        position: absolute;
        transition: .1s ease-out;
        bottom: 0;
        left: 6px;
    }

        .chatbox-avatar img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .chat-messages {
        border-top: 1px solid rgba(0, 0, 0, .05);
        padding: 10px;
        overflow: auto;
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
        flex: 1;
    }

    .message-box-holder {
        width: 100%;
        margin: 0 0 15px;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
    }

    .message-sender {
        font-size: 12px;
        font-weight: 600;
        margin: 0 0 15px;
        color: #000000;
        align-self: flex-start;
    }

        .message-sender a, .message-sender a:link, .message-sender a:visited, .chat-partner-name a, .chat-partner-name a:link, .chat-partner-name a:visited {
            color: #fff;
            text-decoration: none;
        }

    .message-box {
        padding: 2px 10px;
        border-radius: 6px 0 6px 0;
        position: relative;
        background: rgb(51, 153, 255);
        border: 2px solid rgba(100, 170, 0, .1);
        color: #ffffff;
        font-size: 13px;
    }

        .message-box:after {
            content: "";
            position: absolute;
            border: 10px solid transparent;
            border-top: 10px solid rgba(100, 170, 0, .2);
            border-right: none;
            bottom: -22px;
            right: 10px;
        }

    .message-partner {
        background: rgb(230, 230, 230);
        border: 2px solid rgb(230, 230, 230);
        align-self: flex-start;
        color: #000;
    }

        .message-partner:after {
            right: auto;
            bottom: auto;
            top: -22px;
            left: 9px;
            border: 10px solid transparent;
            border-bottom: 10px solid rgba(0, 114, 135, .2);
            border-left: none;
        }

    .chat-input-holder {
        display: flex;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .chat-input {
        resize: none;
        padding: 5px 10px;
        height: 40px;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #999999;
        flex: 1;
        border: none;
        background: rgba(0, 0, 0, .05);
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }

        .chat-input:focus, .message-send:focus {
            outline: none;
        }

    .message-send::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .message-send {
        -webkit-appearance: none;
        background: #9cc900;
        background: -moz-linear-gradient(180deg, #00d8ff, #00b5d6);
        background: -webkit-linear-gradient(180deg, #00d8ff, #00b5d6);
        background: -o-linear-gradient(180deg, #00d8ff, #00b5d6);
        background: -ms-linear-gradient(180deg, #00d8ff, #00b5d6);
        background: linear-gradient(180deg, #00d8ff, #00b5d6);
        color: white;
        font-size: 12px;
        padding: 0 15px;
        border: none;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }

    .attachment-panel {
        padding: 3px 10px;
        text-align: right;
    }

        .attachment-panel a, .attachment-panel a:link, .attachment-panel a:visited {
            margin: 0 0 0 7px;
            text-decoration: none;
            color: rgba(0, 0, 0, 0.5);
        }

    .chatbox-min {
        margin-bottom: -362px;
        /*   height: 46px; */
    }

        .chatbox-min .chatbox-avatar {
            width: 60px;
            height: 60px;
        }

        .chatbox-min .chat-partner-name, .chatbox-min .chat-group-name {
            padding: 0 0 0 22px;
        }

    .settings-popup {
        background: white;
        border-radius: 20px/10px;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
        font-size: 13px;
        opacity: 0;
        padding: 10px 0;
        position: absolute;
        right: 0;
        text-align: left;
        top: 33px;
        transition: .15s;
        transform: scale(1, 0);
        transform-origin: 50% 0;
        width: 120px;
        z-index: 2;
        border-top: 1px solid rgba(0, 0, 0, .2);
        border-bottom: 2px solid rgba(0, 0, 0, .3);
    }

        .settings-popup:after, .settings-popup:before {
            border: 7px solid transparent;
            border-bottom: 7px solid white;
            border-top: none;
            content: "";
            position: absolute;
            left: 45px;
            top: -10px;
            border-top: 3px solid rgba(0, 0, 0, .2);
        }

        .settings-popup:before {
            border-bottom: 7px solid rgba(0, 0, 0, .25);
            top: -11px;
        }

        .settings-popup:after {
            border-top-color: transparent;
        }

    #chkSettings {
        display: none;
    }

        #chkSettings:checked + .settings-popup {
            opacity: 1;
            transform: scale(1, 1);
        }

    .settings-popup ul li a, .settings-popup ul li a:link, .settings-popup ul li a:visited {
        color: #999;
        text-decoration: none;
        display: block;
        padding: 5px 10px;
    }

        .settings-popup ul li a:hover {
            background: rgba(0, 0, 0, .05);
        }

    .badge1 {
        position: relative;
    }

        .badge1[data-badge]:after {
            content: attr(data-badge);
            position: absolute;
            top: -13px;
            right: 0px;
            font-size: 12px;
            background: #3399ff;
            color: white;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 21px;
            border-radius: 50%;
            box-shadow: 0 0 1px #333;
        }

        .badge1[data-badge=""]:after {
            content: none;
        }

    .padding-right-23 {
        padding-right: 23px;
    }

    /* Update Organisation License screen - Access Settings*/

    .LicenseAccessSettingsTable {
        width: 100%;
        border-spacing: 0px;
        border-collapse: collapse;
        border-radius: 10px;
        overflow: hidden;
    }

    LicenseAccessSettingsTable tbody td {
        padding-left: 15px;
    }

    .LicenseAccessSettingsTable tbody td label {
        font-size: 16px !important;
    }

    .LicenseAccessSettingsTable tbody {
        font-weight: 700;
        font-size: 16px;
        padding-left: 15px;
    }

        .LicenseAccessSettingsTable tbody td:nth-of-type(odd) {
            padding-left: 15px;
        }

        .LicenseAccessSettingsTable tbody td:nth-of-type(even) {
            padding-left: 15px;
        }

        .LicenseAccessSettingsTable tbody tr:nth-child(odd) {
            background-color: #EBEBEB;
            height: 35px;
        }

        .LicenseAccessSettingsTable tbody tr:nth-child(even) {
            background-color: #D5D4D4;
            height: 35px;
        }

    .HideElement {
        /* display:none !important;*/
        visibility: hidden !important;
    }
    /* Update Organisation License screen - Access Settings  --- END ----  */

    /*Email address*/
    .inline-textbox {
        border-radius: 4px;
        border: solid 1px #c0c0c0;
        padding: 0px;
        width: 100%;
    }

    .inline-textbox-error {
        border-radius: 4px;
        border: solid 1px #e80c4d;
        padding: 0px;
        width: 100%;
    }

    .fa-1by1x {
        font-size: 13px !important;
    }

    .navbar-default .navbar-nav > li > a:hover .fa-1by1x {
        color: #38f;
    }

    .navbar-default .navbar-nav > li > a:focus .fa-1by1x {
        color: #38f;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover .fa-1by1x {
        color: #38f;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus .fa-1by1x {
        color: #38f;
    }


    .ie7 {
        filter: e(%("progid:DXImageTransform.Microsoft.Shadow(color='%d', Direction=135, Strength=3)", #fff));
    }




    .button {
        margin: 40px auto;
        font-size: 72px;
        font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
        text-decoration: none;
        text-shadow: 1px 1px 0px #fff;
        font-weight: 400;
        color: #666;
        border: 1px solid #ccc;
        cursor: pointer;
        padding: 20px 70px 30px;
        position: relative;
        top: 50px;
        background: #eee;
        width: 300px;
        display: block;
        text-align: center;
        box-shadow: 1px 1px 1px #fff;
        -moz-box-shadow: 1px 1px 1px #fff;
        -webkit-box-shadow: 1px 1px 1px #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 0px;
        -moz-transition: all .5s ease-out;
        -webkit-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

        .button:hover {
            color: #333;
            background: #eeffff;
            -moz-transition: all .5s ease-out;
            -webkit-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

    .modalbg {
        color: #272727;
        text-align:center;
        font-weight:700;
        font-size:14px;
        background: rgba(0,0,0,0);
    }

    .modalbg {
        background-color: rgba(4, 4, 4, 0.6);
    }

        .modalbg .dialog {
            width: 450px;
            background-color: rgb(242,242,242);
        }


    .fineprint {
        font-style: italic;
        font-size: 10px;
        color: #646;
    }

    .header-text {
        margin: 0;
        padding: 0.4em;
        text-align: center;
        font-size: 2.4em;
        font-weight: 300;
        /*opacity: 0.8;*/
        background: rgb(0,112,192);
        border-radius: 3px 3px 0 0;
    }

    .padding-5 {
        padding: 5px;
    }

    .btn-close-custom {
        border: none;
        padding: 0.6em 1.2em;
        background: #144180;
        color: #fff;
        font-family: 'Lato', Calibri, Arial, sans-serif;
        font-size: 1em;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        margin: 3px 2px;
        border-radius: 2px;
        float: none;
        opacity: 1 !important;
    }

    .dialog .btn-close-custom {
        display: block;
        margin: 0 auto;
        font-size: 0.8em;
        text-decoration: none;
        padding: 10px 21px;
        width: fit-content;
        color: #fff;
        font-weight: 600;
    }

    .btn-close-custom:hover {
        background: #2f7deb;
    }

    .padding-bottom-10 {
        padding-bottom: 10px;
    }

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

    .padding-bottom-2 {
        padding-bottom: 2.5px;
    }

    .modal-footer-custom {
        padding: 0px;
        border-top: 0px;
    }

    .lock-position {
        margin-top: -1px;
        float: right;
    }

    .lock-position-archive {
        margin-top: -1px;
        float: right;
        padding-left: 3px;
    }

    .fa-eye-custom-inputbox {
        pointer-events: auto !important;
        margin: 7px 20px 0px 0px;
    }

    @media (min-width:768px) {
        .lock-position-archive {
            margin-top: -1px;
            float: right;
            padding-left: 3px;
            position: absolute;
        }

        .svg-icon {
            width: 30px;
        }
    }

    .scrollable-grid {
        overflow: auto !important;
    }

    .ticket-open-newtab {
        color: #bdbcbc;
        font-size: 10px;
        cursor: pointer;
        margin-left: 2px;
    }

.margin-left-right-3{
    margin-left:3px;
    margin-right:3px;
}
.support-tile-description {
    font-size: 19px;
    text-shadow: 0px 0px 0px #787878;
    font-weight: 500;
    color: #5c5c5c;
}
.support-tile-title {
    font-weight: 700;
    font-size: 30px;
}
.support-search-container {
    position: relative;
    margin-bottom: 20px;
}
input.support-article-search {
    width: 195px;
    padding-left: 24px;
    border-radius: 15px;
    border: 1px solid #c0c0c0;
    background-color: #fafafa;
    color: #54575a;
}

.imageicon {
    width: 30px;
}
.support-tile-text-font {
    color: #3399ff;
    font-size: 25px;
    font-weight: 600;
    padding-left: 30px;
}
.support-page-icon {
    color: #161616;
    font-size: 27px !important;
    background: none;
}

.tileHeightNodesWithTopGrowthRates {
    height: 170px !important;
}
.font-size-18 {
    font-size:18px !important;
}
.news-text {
    font-weight: 700;
    font-size: 17px;
    display: block;
    display: list-item;
    color: #39f;
    margin-left: 20px;
}
.tileHeightForHelp {
    height: 225px;
    overflow-y: auto;
    /*max-height: 250px;
    overflow-y: auto;*/
}
.left-padding-50 {
    padding-left:50px;
}
.top-padding-40 {
    padding-top:40px;
}
    
    



    @media (min-width: 768px) {
        .bg-color-darkgrey {
            background-color: rgb(217,217,217);
        }

        .menuRightLink {
            border-bottom: solid 5px rgb(217,217,217);
        }

        .right-menu-bar {
            float: right;
        }
    }

    .profile-info {
        height: 85px;
        background-color: rgb(217,217,217);
        padding-left: 8px;
        padding-right: 15px;
    }

.tiles-buttons {
    padding-top: 1px;
    float: right;
    padding-right: 6px;
    background-color: rgb(217,217,217);
    height: 28px;
    padding-left: 10px;
}

.upgrade-button {
    display: block;
    margin: 0 auto;
    text-decoration: none;
    padding: 10px 45px;
    width: fit-content;
    color: #fff;
    font-weight: 600;
    border: none;
    cursor: pointer;
    float: none;
    background-color: rgb(237,125,49);
    font-size:16px;
    border-radius: 20px;
}

    .upgrade-button:hover {
        
        color: white;
        background-color: rgb(241,139,69);
    }

.modalHeadingText {
    font-weight: bold;
    font-size: 28px;
    color: white;
}

.modalCloseButton {
    color: #ececff;
    float: right;
    font-size: 22px;
    margin-top: 7px;
    cursor: pointer;
}

    .modalCloseButton:hover {
        color: white;
    }

/*icon displayed on IndexKPI Tiles page*/

/*wolf icon pulsating circle animation*/
#container {
    /*width: 600px;
    height: 400px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /*position: relative;*/
    border-radius: 50%;
    cursor: pointer;
}

.circle {
    border-radius: 50%;
    background-color: rgba(249, 35, 35, 0.95);
    width: 15px;
    height: 15px;
    position: absolute;
    opacity: 0;
}

.item {
    z-index: 100;
    padding: 5px;
}

    .item img {
        width: 15px;
        margin-top:-13px;
        margin-left:2px;
    }
.circle {
    border-radius: 50%;
    background-color: #a06958;
    width: 15px;
    height: 15px;
    position: absolute;
    opacity: 0;
    animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);
    margin-top: -8px;
}
@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5;
    }

    to {
        transform: scale(2.5, 2.5);
        opacity: 0;
    }
}


/*.tiles-wolfImage-old {*/
    /*border-radius: 50%;
    background-color: deepskyblue;
    width: 15px;
    height: 15px;
    position: absolute;
    opacity: 0;
    animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);*/
    /*-------------------------------------------------------------------------*/

    /*vertical-align: inherit;
    margin-left: 5px;
    cursor: pointer;
    
    border-radius: 50%;
    
    height: 15px;
   
    box-shadow: 0 0 0 0 rgba(0,0,0,1);
    transform: scale(0.75);
    animation: pulse 2s infinite;*/
/*}*/

/*@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255,0,0,0.7);
    }

    70% {
        transform: scale(1.45);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(1.45);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}*/

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

/*icon displayed on IndexKPI Tiles page*/
.tiles-wolfImage {
    height: 19px;
    vertical-align: inherit;
    margin-left: 5px;
}

.tiles-wolficon-text {
    font-weight: 700;
    font-size: 12pt;  
    float: left;
    color: #54575a;
    text-align: center;
    
}

.tiles-wolfImage-insideTileText {
    height: 45px;
}

.tiles-wolfImage-TipText {
    display: inline-block;
    vertical-align: 3px;
    margin-left: -4px;
    font-size: 11px;
    font-weight: 700;
    color: rgb(179,79,79);
    cursor: pointer;
}

.float-right
{
    float: right;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

.overlay-iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    border: none;
    opacity: 0.9;
}

.btnEmergencyRecovery
{
    background-color: #4be5b3;
}

.commandLine,
.commandLine:read-only{
    background-color: #333333;
    color: white;
    font-family: monospace;
    font-size: 14px;
}

.output-spinner {
    color: #3399FF;
}

.clear-both
{
    clear: both;
}
body {
}

.form-group
{
	font-size: 18px;
}

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

/*-----------------------Kendo Grid Style-----------------------------------*/
.k-grid
{
	font-size: 14px !important;	
}

@media only screen and (min-width:1600px)
{
	.k-grid
	{
		font-size: 14px !important;
	}
}

/* Bold grid header*/
.k-header {
    font-weight: 700 !important;
}

/*adjust grid pager*/
.k-pager-wrap > .k-link {
    padding: 0 0 0 0.50em !important;
}

/*adjust grid pager on small screens*/
@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link {
        margin-left: 7.4em !important;
    }
}

/*set minimum width of grid pager*/
.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    min-width: 11px !important;
}
/*Decrease row height*/
.k-grid td {
    padding: 3px 3px !important;
	/*text-shadow: 0px 0px 0px #000;*/
	/*font-weight:700;*/	
}

.k-grid-header th.k-header
{
	padding: 3px 5px !important;	
	border-width: 0px 1px 3px 0px !important;
	border-right: 1px solid #ddd;
}

tr.k-alt
{
	background-color: #f2f2f2 !important;
}
#grdClientSchedulesDetails .k-grid-content {
   /*max-height: 500px !important;*/
}

/*to make sure that grids appear correct on smaller screens*/
@media only screen and (max-width:991px)
{
	/*for grids with small width*/
	.small-grid .k-grid-header table[role="grid"]
	{
		min-width:600px;        
	}
    
    /* view scroll bars of grid when open on mob device*/
    .small-grid .k-grid-content
    {
      /* overflow: scroll !important;   */   
    }
    /*-------------------------------------------------*/

	.small-grid .k-grid-content table[role="grid"]
	{
		min-width:600px;
	}
	.small-grid .k-grid-footer table
	{
		min-width:600px;
	}

	/*for grids with large width*/
	.large-grid .k-grid-header table[role="grid"]
	{
		min-width:1200px;
	}
	.large-grid .k-grid-content table[role="grid"]
	{
		min-width:1200px;
	}
	.large-grid .k-grid-footer table
	{
		min-width:1200px;
	}
}

/*-----------------------Apply overflow x scroll to non scrollable tables on small display-----------------------------------*/
@media only screen and (max-width:767px)
{
	.non-scrollable-grid-in-iframe div.k-grid
	{
		overflow-x: scroll;
	}
}
/*-----------------------Kendo Window Style-----------------------------------*/
.k-window-title
{
	color: rgb(153,0,0);
	font-weight: 700;
	font-size: 1.2em;
	top: 4px;
}

/*------------------------Make grid content text more visible ---------------------*/
.k-grid .k-grid-content
{
	text-shadow: 0px 0px 0px #000;
}

/*-----------Make iframe content scrollable inside Kendo Window on iPhone-----------*/
.k-window-iframecontent
{
	-webkit-overflow-scrolling:touch !important;
	overflow:auto !important;
}

/*-------------Remove height on grid for mobile displays---------------------------*/
@media only screen and (max-width:767px)
{
	.k-grid .k-grid-content
	{
		max-height: none !important;
	}
}

/* ------------ File upload control ----------------------------------------*/

.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
    border-color: #c0c0c0 !important;
}

.k-input ,.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    border-radius: 6px !important;
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #EBEBEB !important;
}

html .k-upload-empty {   
    border: 1px solid #c0c0c0 !important;
}

/*-- "Select files" button */
.k-upload-sync .k-upload-button, .k-ie7 .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button {
    margin: .4em !important;
}

.k-button {
    color: #fff !important;
    border-color: #2e6da4 !important;
    background-color: #3399FF !important;
    border-radius: 12px !important;
    line-height : 1.3 !important;
    padding:3px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
}
.k-button:hover {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}
.k-upload-button {  
     min-width: 0em !important;  
}
.k-upload-files {
    margin: 0 0 .5em !important;
    line-height: 1.5 !important;
    border-style: solid !important;
    border-width: 1px 0 0 !important;
}
/*cross button*/
.k-upload-status {     
     top: 0.3em !important;
}



/*----------------- TT MultiSelect dropdown ---------*/

.custom-multiSelect-dropdown {
    height: 28px !important;
    border-radius: 4px !important;
}

.custom-multiSelect-dropdown .k-multiselect-wrap {
    min-height: 1.714em !important;
    height: 28px !important;
    border-radius: 4px !important;
}

.custom-multiSelect-dropdown .k-button {
    border-radius: 17px !important;
    font-size:14px !important;
}


.custom-multiSelect-dropdown .k-multiselect-wrap li {
    margin: 2px !important;
    line-height: 0.9em !important;
    /* padding: 0 .15em 0 .857em; */
}

.custom-multiSelect-dropdown .k-delete {
    background-position: -47px -16px !important;
}

.custom-multiSelect-dropdown .k-multiselect-wrap .k-input {
    height: 1.2em !important;
}


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

/* -------------------------- Rad Editor tool bar ------------------------------------------------*/
.k-editor-toolbar .k-editor-widget, .k-editor-toolbar>li {
    margin-right: 0px !important;
}
/*Format*/
.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    padding: 0 !important;
}
.k-button-group .k-tool {
     margin: 0px !important;
}

.k-button-group .k-tool {    
    width: 30px !important;
    height: 36px;
    line-height: 36px;
}
/*hide table link from Rad Editor tool bar*/
/*.k-createTable {    
    visibility: hidden !important;
    height:0px !important;
    width:0px !important;
}
.k-insertImage {
    visibility: hidden !important;
    height:0px !important;
    width:0px !important;
}
.k-createLink {
     visibility: hidden !important;
     height:0px !important;
     width:0px !important;
}*/

.k-textbox > input, span.k-autocomplete .k-input, span.k-picker-wrap .k-input, span.k-numeric-wrap .k-input, span.k-dropdown-wrap .k-input, span.k-selectbox .k-input {  
    padding: 0.243em 0px !important;   
    font-size:15px !important;
}


.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    min-height: 1.214em !important;
    line-height: 1.564em !important;
}


.k-picker-wrap {
    line-height: 2.0em !important;
}
.k-state-default > .k-select {
border:none !important;
}
/*-------------------------------------------------------------------------------------------------*/

/* ---------  EditorFor - Image Browser -------------------------- */
.k-filebrowser .k-filebrowser-toolbar {
    line-height: 0em !important;
}
/*to align delete button*/
.k-filebrowser-toolbar .k-button-icon {
    margin-top: 3px !important;
}
/*Arranged by dropdown arrow*/
.k-icon, .k-sprite, .k-button-group {    
    margin-left: 5px !important;
}

.k-tool-icon {    
   
    margin-right:40px !important;
}

/*height of inner select image file*/
.k-tiles {   
    height: 220px !important;   
}
div.k-tiles-arrange label {
    font-size:14px !important;
    
}

/*-------------------------------------------------------------------*/
#tsmnodes {    
    border-radius: 15px !important;
    border: 1px solid #c0c0c0 !important;
    background-color: #fafafa !important;
    color: #54575a !important;
    font-family: inherit !important;
    font-size:inherit !important;
    line-height: inherit !important;
    font-weight: 300 !important;
    height: 15px !important;      
}

.backupAgentName-search-container .k-autocomplete {
    border: none !important;
    width: 160px !important;
}

/***Kendo Editor Heights**/
.editorHeight200 table.k-editor {
    height:200px !important;
}

.editorHeight100 table.k-editor {
    height:100px !important;
}

.editorHideToolTable .k-createTable {    
        visibility: hidden !important;
        height:0px !important;
        width:0px !important;
    }
 .editorHideToolImage .k-insertImage {
        visibility: hidden !important;
        height:0px !important;
        width:0px !important;
    }
.editorHideToolLink .k-createLink {
         visibility: hidden !important;
         height:0px !important;
         width:0px !important;
    }     

/*TICKET TABLES*/
.ticket-grid .k-grid td:not(:last-child){
     /*border-width: 0px 1px 0px 0px !important;*/
     border-right-width: 1px !important;
}
/*********************************MENU STYLING******************/
.menu-item
{
	padding-top:6px;
	padding-bottom:10px;
}

@media only screen and (max-width: 767px)
{
	.menu-item
	{
		padding-top:0px;
		padding-bottom:0px;
	}
}

.menu-item div
{
	text-align: center;	
}

.menu-icon
{
	font-size: 1.4em !important;
	padding-bottom: 4px;
}

.menu-separator
{
	height:70px;
	margin-top: 8px;
	width: 1px;
	background-color: #c0c0c0;
}

@media only screen and (min-width:768px)
{
	.nav > li
	{
		margin-left: 1px;
		margin-right: 1px;
	}	
}

@media only screen and (max-width:767px)
{
	.menu-item div
	{
		text-align: left;
		display: inline;			
	}

	.menu-icon
	{
		font-size: 1em !important;
		padding-bottom: 0px;
	}
}

.menu-toggle-btn-container
{
	padding-left:8px;
}

.menu-svg-link svg
{
    margin-bottom: 2px;
}

.menu-svg-link  svg > g > path
{
    fill: #54575a;
}

.menu-svg-link svg polygon
{
    fill: #54575a;
}

.menu-svg-link:hover svg > g > path
 
{
    fill: #3399ff;
}

.menu-svg-link:hover svg polygon {
    fill: #3399ff;
}

@media (min-width: 768px)
    {

    .selectedMenuItem
    {
        border-bottom: solid 5px #3399FF !important;
        /*color: #3399FF*/;
    }
}
/************chart styles************/
.chart-title
{
	width:100%;
	text-align:center;
	/*margin-bottom:20px;*/
	margin-top:5px;
	font-weight:700;
	font-size:20px;
}

.chart-legend
{
	margin-top:10px;
	margin-bottom: 20px;
}

.chart-legend table
{
	margin: 0 auto;
}

	.chart-legend table td.legendLabel
	{
		font-weight: 700;
		color: #54575a;
		font-size:12px;
	}

.chart-tooltip-series
{
	padding-right:4px;
	padding-left:4px;
	padding-bottom:2px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.9);
    text-shadow: none;
}

@media only screen and (min-width:768px)
{
    #default_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #completed_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #completed0_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #completed4_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #completed8_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #completedOther_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #missed_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #failed_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #severed_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #restarted_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    #other_chart_legend .legendLabel
    {
        padding-right: 10px;
    }

    
}

/* ------------------  User profile QTIP TOOLTIP : classes over write here to customise according to our design ----------------------------------------*/
.Profile-Qtip {
    cursor: pointer;
}

.Profile2-Qtip {
    cursor: pointer;
}

.menu-profile-container .qtip-content {
    font-size: 14px;
    font-weight: bold;
    color: #54575a; /* tooltip text color */
}

.qtip-light {
    background-color: #fff !important;
    border-color: #3399FF !important;
    color: #3399FF !important;
    border: 2px solid !important;
    border-radius: 8px !important;
    /*top:49px !important;*/
}

.qtip-tooltip {
    background-color: #3399FF !important;
    border-color: #3399FF !important;
    color: #fff !important;
    border: 1px solid !important;
    border-radius: 4px !important;
    opacity: 0.9;
}

.menu-profile-container a {
    color: #54575a;
    font-weight: 700;
}

.menu-profile-container a.long-option {
    margin-bottom: 6px;
    display: block;
}

    /* Time Zone link text color over write here to white bcz all link color or its div is specified Blue Grey above */
    /*a.whiteText, a.whiteText:link, a.whiteText:link:hover 
{
    color: #ffffff;  
}*/

    .menu-profile-container a:hover {
        text-decoration: none;
        color: #3399FF;
    }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------------------  News/Announecement QTIP TOOLTIP : classes over write here to customise according to our design ----------------------------------------*/
.qtip2-light /* to set location of News/Announcement tooltip from top */ {
    background-color: #fff !important;
    border-color: #3399FF !important;
    color: #3399FF !important;
    border: 2px solid !important;
    border-radius: 8px !important;
    /* top:49px !important;*/ /* to set location of News/Announcement tooltip from top */
}

.TextColor a {
    color: #c0c0c0;
}

    .TextColor a:hover {
        color: #3399FF;
    }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Time Zone */

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 620px !important;
    /* min-width: 50px; */
    font-size: 14px !important;
    /* line-height: 12px; */
    direction: ltr;
    box-shadow: none;
    /* padding: 0; */
}
.qtip-TicketDetails {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 1000px !important;
    /* min-width: 50px; */
    font-size: 14px !important;
    /* line-height: 12px; */
    direction: ltr;
    box-shadow: none;
    /* padding: 0; */
}


/*----------------------------------------------------------------*/
.tooltip-invoice {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #3399FF;
    border-radius: 4px;
}
.tooltip-a {
    color: #3399FF !important;
    text-decoration:underline !important;

}